@charset "utf-8";

.content h4{ font-size:20px; padding:10px 0; color:#3f3f3f;}
.content h5{ font-size:18px; padding:8px 0; color:#eb4141; position:relative; padding-left:20px;}
.content h5:before,.content h5:after{ display:block; position:absolute; top:0; left:0; content:"";}
.content h5:before{ width:15px; height:15px; top:9px; background: linear-gradient(130deg, rgba(235,65,65,1) 0%, rgba(195,41,67,1) 100%); border-radius: 30px;}
.content h5:after{ width:5px; height:5px; background:#fff; border-radius: 30px; left:5px; top:14px;}
.content h6{ font-size:16px; padding:6px 0; color:#565656; position:relative; padding-left:10px;}
.content h6:before{ display:block; position:absolute; top:12px; left:0; content:""; width:5px; height:5px; border-radius:10px; background:#565656;}
.content p{ font-size:14px; line-height: 1.3; color:#595959;}

.list_basic{overflow:hidden;}
.list_basic li{ position:relative; padding-left:12px; font-size:14px; line-height: 1.4; color:#595959; margin-bottom:5px;}
.list_basic li:before{content:""; display:block; position:absolute; top:10px; left:0;} 
.list_basic.lt01 li:before{width:6px; height:2px; border-radius:10px; background:#565656;}
.list_basic.lt02 li:before{width:4px; height:4px; background:#aaa; border-radius:50%;}
.list_basic.lt01.noblet li{position:static;}
.list_basic.lt01.noblet2 li:before{display:none;}

.listCount {float:right; max-width:150px !important; margin-bottom:10px;}

.box_default{ background:#f5f5f5; padding:15px; color:#5d5d5d;}
.box_default2 { background:#f5f5f5; padding:15px; color:#5d5d5d; border:#eee solid 5px;}
.box_st01{ border:#fad3d3 solid 1px;}
.box_st01 .inner{ border:#fff3f3 solid 5px; padding:15px;}
.box_st01 .inner p{ color:#c90223; font-weight:400;}

.box_st02{ position:relative; border:#dedede solid 1px; padding:15px; color:#454545 }
.box_st02:before,.box_st02:after{ display:block; content:""; position:absolute; width:9px; height:9px;  }
.box_st02:before{ left:0; top:0; border-left:#eb4141 solid 3px; border-top:#eb4141 solid 3px; }
.box_st02:after{ right:0; bottom:0; border-right:#eb4141 solid 3px; border-bottom:#eb4141 solid 3px; }
.box_st02 img{ display:block; width:auto; margin:8px auto; }
.box_st02 strong{font-size:16px; display:block; margin-bottom:10px;}
.box_st02 ul li{margin-bottom:10px;}

.box_st03{border-bottom:1px solid #dedede; color:#454545;}
.box_st03 img{display:block; width:auto; margin:8px auto;}

.shopping_textbox {padding:20px 10px; margin:10px auto; border:1px solid #ccc; border-radius:5px; background-color:#eee; font-weight:bold; max-width:750px;}

.btn_set{ padding:10px 0; }
.btn_con{ display:inline-block; padding:12px 15px; font-size:14px; border-radius: 3px; font-weight:500;  margin:5px 0; }
.btn_con:after{ display:inline-block; vertical-align: 0px; font-family:"font awesome 5 pro"; margin-left:10px;  }
.btn_blk{ border:#2a2a2a solid 1px; color:#2a2a2a }
.btn_blk.btn_revers{ border:#2a2a2a solid 1px; background-color:#2a2a2a; color:#fff;  }
.btn_red{ border:#eb4141 solid 1px; color:#fb4141 }
.btn_red.btn_revers{ border:#eb4141 solid 1px; background-color:#fb4141; color:#fff;  } 
.btn_blue{ border:#3c69ca solid 1px; color:#3c69ca }
.btn_blue.btn_revers{ border:#3c69ca solid 1px; background-color:#3c69ca; color:#fff;  } 
.btn_purple{ border:#7e479f solid 1px; color:#7e479f }
.btn_purple.btn_revers{ border:#7e479f solid 1px; background-color:#7e479f; color:#fff;  } 
.btn_go:after{  content:"\f105";   font-weight:700; line-height: 16px;  }
.btn_link:after{  content:"\f2d2"; font-weight:300;  }
.btn_down:after{  content:"\f33d"; font-weight:300;  }
.btn_down:after, a[target="_blank"].btn_down::after{content:"\f33d" !important; font-weight:300 !important;}
a[target="_blank"].btn_none:after{display:none;}
.btn_remenu:after{  content:"\f2f9"; font-weight:300;  }

.btn_con.btn_small{padding:0px 8px;}
.btn_con.btn_small.btn_ss{padding:2px 8px;}

.img_box{text-align:center;}
.img_box.img_box001{border:1px solid #dcdcdc; padding:20px; border-radius:5px;}
img{max-width:100%;}

.color01{color:#eb4141;}
.color02{color:purple;}
.weight01{font-weight:500;}

/*기본테이블*/
.basic_table { width:100%; max-width:100%; border-collapse:collapse; border-top:#1e1e1e solid 2px; word-break: keep-all; line-height: 1.2}
.basic_table thead tr th,.basic_table thead tr td {padding:10px 5px; border-right:#d8d8d8 solid 1px; }
.basic_table tbody tr th,.basic_table tbody tr td {padding:10px 5px; border-right:#d8d8d8 solid 1px; }
/*.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0; }*/
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0; }
.basic_table th { font-size:15px; color:#1e1e1e; background-color:#fafafa; vertical-align:middle;   }
.basic_table td { font-size:14px; color:#454545; text-align:left;  vertical-align:middle; word-break:keep-all}
.basic_table td a{ text-decoration:none; color:#454545}
.basic_table td.red{ color:#F00}
.basic_table td.bg_g{background:#fafafa;}
.basic_table .no_border { border-right-style: none; }
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.basic_table tr td ul li{text-align:left;}
.border_none{ border-right:none;}
.basic_table tr th:last-child.last_border,.basic_table tr td:last-child.last_border {border-right:#d8d8d8 solid 1px !important;}

.basic_table.table_resp th{ text-align: left;  }
.basic_table.table_resp th,.basic_table.table_resp td{ display:block; border-left:0; border-right:0;}
.basic_table.table_resp .no_cont{display:none;} /* 콘텐츠 없을때, 반응형조절 (직원전화번호사용)*/

.basic_table.tbl_st01{ border-top:#c32943 solid 2px; }
.basic_table.tbl_st01 th { color:#c32943; }
.basic_table.tbl_st01 td { color:#464646 }

.table_center tbody tr td{text-align:center;}
.list_noicon td li {list-style:none; text-align:left;}

/*반응형테이블*/
.responsive{ min-width:600px; }
.scroltable-wrapper { position: relative; }
.scroltable-container { overflow-x:auto}
.scroltable-nav { display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer;}
.scroltable-nav.scroltable-nav-left {  left: 0; background: linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right {  right: 0; background: linear-gradient(to right, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-left:before{ display:inline-block; position:absolute; left:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-left:after{ display:inline-block; position:absolute; left:0; top:40%; margin-top:20px;  content:"\f33e"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:before{ display:inline-block; position:absolute; right:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:after{ display:inline-block; position:absolute; right:0; top:40%; margin-top:20px;  content:"\f340"; font-family: "font awesome 5 pro"  } 

/*paging*/
.paging{ clear:both; text-align:center; padding:25px 0 0 0}
.paging ul li{ display:inline-block;  }
.paging ul li a{ display:block; width:30px; height:34px; border:#e2e2e2 solid 1px; line-height:30px; font-size:14px; font-weight:300}
.paging ul li a.active{ background:#444; border:#006 solid 1px; color:#fff;}

@media all and (max-width:767px){
	.basic_table.table_resp thead{display:none;}
	.basic_table.table_resp td{text-align:left;}
	.basic_table.table_resp th.cate_blind {display:none;}
}
@media all and (min-width:768px){
	.content h5.floor_title {display:inline-block;}
	.basic_table.table_resp th{ text-align: center; }
	.basic_table.table_resp th,.basic_table.table_resp td{ display:table-cell; border-left:#eee solid 1px; border-right:#eee solid 1px;}
	.basic_table.table_resp .no_cont{display:table-cell;}
	.basic_table.table_resp th.table_mid {border-left: #747474 solid 2px !important;} /* 열린민원 > 민원안내 > 민원전화번호 표 가운데 구분선 추가 - 250616 */
}
@media all and (min-width:1024px){
	.content h4{ font-size:24px; }
	.content h5{ font-size:20px; font-weight:500 }
	.content h5:before{ top:11px; }
	.content h5:after{ top:16px; }	
	.content h6{ font-size:18px; font-weight:500; }

	.content p{ font-size:16px; line-height: 1.5; }

	.list_basic li{ font-size:16px; }

	.box_default{ padding:30px; }
	.box_default p{ font-size:14px; }

	.box_st01 .inner{ border:#fff3f3 solid 9px; padding:30px; }
	.box_st02{ padding:40px 50px; overflow:hidden }
	.box_st02 img{ float:left; margin-right:38px; }
	.box_st02 strong{font-size:20px;}
	.box_st02 p{float:right; width:84%;}

	.box_st03{padding:40px 60px; overflow:hidden;}
	.box_st03 img{float:left; margin-right:40px;}

	.basic_table thead tr th,.basic_table thead tr td { padding:15px 10px; }
	.basic_table tbody tr th,.basic_table tbody tr td { padding:15px 10px; }
	.basic_table th { font-size:16px;}
	.basic_table tr td ul li{font-size:14px;}

	/* 작은 테이블 (테이블 길이가 넘어갈때)*/
	.basic_table.table_small thead tr th, .basic_table.table_small tbody tr th{padding:10px 2px; font-size:14px;}
	.basic_table.table_small thead tr td{padding:10px 2px; font-size:13px;}

	/*box안에 내용이 길때*/
	.box_st02 .img_mb{margin-bottom:17px;}
	.box_st02 .img_mb01{margin-bottom:112px; margin-right:21px;}
	.box_st02 .mt10 > .img_mb02{margin:0 10px 0 0;}
	.box_st02 .img_mb03{margin-bottom:40px;}
}

/*로그인*/
.login_wrap .tab_month_ea ul {display: flex;}
.login_wrap .tab_month_ea li {border:none; width:50%; margin-right:0;}
.login_wrap .tab_month_ea li a.tab_on {border: 1px solid #ddd; border-bottom: 1px solid #ffffff; background:none; border-top:2px solid #3C46CA; padding-bottom:18px; color:#3C46CA;}
.login_wrap .tab_month_ea li a {padding:20px; border-bottom:1px solid #ddd;}

.login_wrap .top_text {padding:0 15px 20px 15px;}
.login_wrap .top_text h2 {font-family: 'Noto Serif KR', serif;  text-align: center; font-size:18px;  word-break: keep-all; line-height: 1.3; margin-bottom:20px;}
.login_wrap .top_text p {font-size:14px; word-break: keep-all; line-height: 1.3; margin-bottom:20px; text-align: center;}
.login_wrap .login_area {background:#fff; padding:0 15px;}
.login_wrap .login_area h3 {margin-bottom:15px;}
.login_wrap .login_right {padding:20px; border:1px solid #d7d7d7; margin-bottom:25px;}
.login_wrap .login_home h3, 
.login_wrap .login_easysign h3 {text-align:center;}
.login_wrap .login_easysign .login_simple_info {text-align:center; color:#eb4141; font-size:18px; font-weight:600; margin-bottom:15px;}
.login_wrap .login_easysign .login_simple_info span {display:block; margin-top:5px;}
.login_wrap .login_easysign .btn_login_simple {width:100%; background:#0e3891; color:#fff; height:40px; border:0; border-radius: 3px; margin-top:0;}

.login_area .login_left {padding:20px; margin-bottom:30px; border:1px solid #d7d7d7;}
.login_area .login_home .row {position:relative;}
.login_area .login_home .row label {font-size:14px;}
.login_area .login_home .total_input{ width:100%; background:#fff;  border:#d7d7d7 solid 1px; border-radius: 3px; line-height: 34px; padding:5px 10px 5px 40px; margin-bottom:10px; box-sizing:border-box; }
.login_area .login_home .total_input + label{ position:absolute; top:15px; left:15px; }
.login_area .login_home .btn_login{ width:100%; background:#3c69ca; color:#fff; height:40px; border:0; border-radius: 3px; margin-top:15px; }
.login_area .login_home .login_option{ text-align:center; padding:15px 0; }
.login_area .login_home .login_option li{ display:inline-block;  margin:0 12px 0 0; }
.login_area .login_home .login_option li a{ display:block; font-size:14px; border-right:#d6d6d6 solid 1px; padding-right:10px; }
.login_area .login_home .login_option li:last-child{ margin:0; }
.login_area .login_home .login_option li:last-child a{ border:0; padding:0; }
.login_area .login_home .login_option + p{ font-size:14px; color:#717171; }
.login_area .login_bottom{padding:15px; clear:both; margin-bottom:20px;}
.login_area .login_bottom h5{font-size:18px; padding:8px 0; color:#eb4141; position:relative; padding-left:20px;}
.login_area .login_bottom h5:before,
.login_area .login_bottom h5:after {display:block; position:absolute; top:0; left:0; content:"";}
.login_area .login_bottom h5:before {width:15px; height:15px; top:9px; background: linear-gradient(130deg, rgba(235,65,65,1) 0%, rgba(195,41,67,1) 100%); border-radius: 30px;}
.login_area .login_bottom h5:after {width:5px; height:5px; background:#fff; border-radius: 30px; left:5px; top:14px;}
.login_area .login_bottom p {font-size:14px; line-height: 1.3; color:#595959;}
.login_area .login_bottom .list_basic.lt01.noblet li:before {display:none;}

.login_area div.nomember {display: flex; flex-wrap: wrap !important; justify-content: space-between; align-items: flex-start;}
.login_area div.nomember .login_non {width:100%}
.login_area div.nomember .login_non .certify li {width:100%; min-height: 300px;}
.login_area .login_non { padding:0 15px 25px 15px; margin-bottom:35px;}
.login_area .login_non h3 {text-align:center;}
.login_area .login_non .certify li{ text-align: center; border:#d7d7d7 solid 1px; padding:30px; }
.login_area .login_non .certify li:nth-child(n+2){ border-top:0; }
.login_area .login_non .certify li i{display:block;width:77px;height: 87px;margin:0 auto;background-size:510px;margin-bottom:15px;}
.login_area .login_non .certify li i.sprite {background-image:url("/home/www/images/common/sprite_m02(2025).png");}
.login_area .login_non .certify li i.icon01{background-position: -324px -288px;} 
.login_area .login_non .certify li i.icon02{background-position: -417px -288px;} 
.login_area .login_non .certify li i.icon03{background-position: -426px -380px;} 
.login_area .login_non .certify li i.icon04{background-position: -133px -533px;} 
.login_area .login_non .certify li i.icon05{background-position: -232px -533px;} 
.login_area .login_non .certify li i.icon06 {display: inline-block; width: 40px; height: 40px; background-size: 510px; margin-bottom: 0;background-position: -346px -557px;}
.login_area .login_non .certify li i.icon07 {display: inline-block; width: 40px; height: 40px; background-size: 510px; margin-bottom: 0;background-position: -409px -557px;}
.login_area .login_non .certify li span{ display:block; font-size:18px; font-weight:500; margin-bottom:15px; }
.login_area .login_non .certify li p{ font-size:14px; line-height: 1.3; margin-bottom:20px;  }
.login_area .login_non .certify li a{ display:inline-block; border:#313131 solid 1px; padding:10px; border-radius: 30px; font-size:14px; }
.login_area .login_non .certify li.sns_btn span{margin-bottom:40px;} 
.login_area .login_non .certify li.sns_btn p.naver{width: 70%; background: #08a746; margin: 10px auto; padding: 15px;}
.login_area .login_non .certify li.sns_btn p.kakao {width: 70%; background: #ffec43; margin: 10px auto; padding: 15px;}
.login_area .login_non .certify li.sns_btn p.naver a {color: #fff; border: 0; vertical-align: top;}
.login_area .login_non .certify li.sns_btn p.kakao a {color: #241a22; border: 0; vertical-align: top;}

.site_list{ border-top:#d7d7d7 solid 1px; padding-top:30px; background:#fff; padding:15px; }
.site_list p{ text-align: center; font-weight:500; line-height: 1.3; word-break: keep-all; margin-bottom:15px; }
.site_list > ul{ overflow:hidden; }
.site_list > ul > li{float:left;width:50%;font-size:14px;margin-bottom: 15px;}
.site_list > ul > li i{display:block;width: 120px;height: 50px;margin:0 auto;background-size:510px;margin-bottom: 10px;}
.site_list > ul > li:nth-child(1) i{background-position: -26px -433px;}
.site_list > ul > li:nth-child(2) i{background-position: -209px -428px;}
.site_list > ul > li:nth-child(3) i{background-position: -25px -490px;}
.site_list > ul > li:nth-child(4) i{background-position: -203px -490px;}
.site_list > ul > li:nth-child(5) i{background-position: -368px -493px;}
.site_list > ul > li:nth-child(6) i{background-position: -372px -420px;}
.site_list > ul > li span{ display:block; text-align: center; }

.login_simple_box > div,
.login_simple_box .login_simple_list {
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin-top: 8px;
	text-align: center;
}
.login_simple_box > div a,
.login_simple_box > div img,
.login_simple_box .login_simple_list a,
.login_simple_box .login_simple_list img {
	display: inline-block;
	overflow: hidden;
	width: 3rem;
	height: 3rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: 0;
	border-radius: 0.25rem;
	margin: 0.25rem 0.1rem;
	padding: 0;
	vertical-align: sub;
}
.login_simple_box > div .oacx-kakao,
.login_simple_box .login_simple_list .oacx-kakao {
	background-image: url("/home/www/images/common/logo_kakao.png");
}
.login_simple_box > div .oacx-naver,
.login_simple_box .login_simple_list .oacx-naver {
	background-image: url("/home/www/images/common/logo_naver.png");
}
.login_simple_box > div .oacx-samsung,
.login_simple_box .login_simple_list .oacx-samsung {
	background-image: url("/home/www/images/common/logo_samsung.png");
}
.login_simple_box > div .oacx-pass,
.login_simple_box .login_simple_list .oacx-pass {
	background-image: url("/home/www/images/common/logo_pass.png");
}
.login_simple_box > div .oacx-payco,
.login_simple_box .login_simple_list .oacx-payco {
	background-image: url("/home/www/images/common/logo_payco.png");
}
.login_simple_box > div .oacx-toss,
.login_simple_box .login_simple_list .oacx-toss {
	background-image: url("/home/www/images/common/logo_toss.png");
}
.login_simple_box > div .oacx-kb,
.login_simple_box .login_simple_list .oacx-kb {
	background-image: url("/home/www/images/common/logo_kb.png");
}
.login_simple_box > div .oacx-shinhan,
.login_simple_box .login_simple_list .oacx-shinhan {
	background-image: url("/home/www/images/common/logo_shinhan.png");
}
.login_simple_box > div .oacx-banksalad,
.login_simple_box .login_simple_list .oacx-banksalad {
	background-image: url("/home/www/images/common/logo_banksalad.png");
}
.login_simple_box > div .oacx-hana,
.login_simple_box .login_simple_list .oacx-hana {
	background-image: url("/home/www/images/common/logo_hana.png");
}
.login_simple_box > div .oacx-mdl,
.login_simple_box .login_simple_list .oacx-mdl {
	background-image: url("/home/www/images/common/logo_mdl.png");
}
.login_simple_box > div .oacx-dream,
.login_simple_box .login_simple_list .oacx-dream {
	background-image: url("/home/www/images/common/logo_dream.png");
}
.login_simple_box > div .oacx-nh,
.login_simple_box .login_simple_list .oacx-nh {
	background-image: url("/home/www/images/common/logo_nh.png");
}

@media all and (min-width:768px){
	.login_area .login_home .row{ max-width:325px; margin:0 auto; }
	.login_area .login_non{ overflow:hidden  }
	.login_area .login_non .certify li{ float:left; width:100%; padding:30px 20px; }

	.site_list p{ font-size:18px; }
	.site_list p br{ display:none }
	.site_list > ul > li{ width:25%; }	
	.login_area .login_non .certify li:nth-child(n+2){ border-top:#d7d7d7 solid 1px; }
}
@media all and (min-width:1024px){
	.login_wrap{  padding:30px 0 0 0;}
	.login_wrap .top_text{ position:relative; padding:0 100px 10px; }
	.login_wrap .top_text p{ line-height:1.5; font-size:16px; }
	/*.login_wrap .top_text:after{ position:absolute; right:30px; bottom:0; display:block; width:215px; height:160px; content:""; background:url("/home/www/images/common/sprite_m.png") -450px -118px no-repeat; background-size:660px; }*/
	.login_wrap .top_text h2{ font-size:34px; }

	.login_wrap .login_area {width:980px; margin:0 auto; padding:40px; overflow:hidden;}
	.login_wrap .login_area h3 {font-size:24px; font-weight:500;  margin-bottom:15px;}
	.login_area .login_right {float:right; width:50%; border:none; padding:30px;}
	/* .login_area .login_right h3{margin-bottom:25px;} 간편인증 로그인 마진값 숨김 */
	.login_area .login_easysign .login_simple_info{margin-bottom:32px;}
	.login_area .login_easysign .login_simple_box{width:75%; margin:0 auto;}
	.login_area .login_easysign .btn_login_simple{font-size:20px; height:60px; margin-bottom:20px;}

	.login_area .login_left{float:left;  border:none; width:50%; padding:30px; border-right:1px solid #d7d7d7;}
	.login_area .login_home .row{ max-width:100%; }
	.login_area .login_home .total_input{ height:60px; font-size:16px; border-radius: 5px; }
	.login_area .login_home .total_input + label{ top:22px; font-size:18px; }
	.login_area .login_home .row label{ font-size:16px; }
	.login_area .login_home .btn_login{ margin-top:35px; height:60px; font-size:20px;  border-radius: 5px; }
	.login_area .login_home .login_option li a{ font-size:16px; font-weight:500; padding-right:15px; }
	.login_area .login_home .login_option + p{ font-size:16px; text-align:center; margin-top:10px; }
	.login_area .login_home .login_option + p i{ margin-right:10px;  }

	.login_area .login_bottom{border-top:1px solid #d7d7d7;}
	.login_area .login_bottom h5{ font-size:20px; font-weight:500 }
	.login_area .login_bottom p{font-size:16px;}

	.login_area .login_non{ width:380px; padding:0;  }
	.login_area .login_non .certify li{ padding:33px 25px; width:100%;  }
	/*.login_area .login_non .certify li i{ width:97px; height:97px; margin-bottom:25px; }
	.login_area .login_non .certify li i.icon01{ background-position:-412px -368px; }
	.login_area .login_non .certify li i.icon02{ background-position:-532px -368px; }
	.login_area .login_non .certify li i.icon03{ background-position:-527px -492px; }*/
	.login_area .login_non .certify li p{ word-break: keep-all }
	.login_area .login_non .certify li span{ font-size:22px;  }
	.login_area .login_non .certify li a{ font-size:16px; padding:10px 30px 12px; }

	.login_area .login_non {float:none; margin:0 auto 35px;}
	.login_area #divArea01, .login_area #divArea02 {margin-top:30px;}
	.login_area div.nomember .login_non .certify li {width:48%; margin: 1%; min-height: 300px;}
}
@media all and (min-width:1440px){
	.login_wrap .login_area{width:1200px;}
	.login_wrap .login_wrap_logo .logo{margin-left:50px;}
	.login_wrap .top_text{padding:50px 261px 10px;}
}
@media (max-width:1439px) {
	.login_wrap .login_wrap_logo{display:none;}
}

/*웹진*/
.webzine li{border: 1px solid #f1f1f1;margin-bottom: 30px;}
.webzine li:hover{border:1px solid #222;}
.webzine li a{display:block; overflow:hidden}
.webzine li a .img{height: 150px;overflow:hidden;text-align:center; background-position:center; background-size:cover; }
.webzine li a .img img{max-width:100%;}
.webzine li a .text{padding:20px 10px; }
.webzine li a .text .title{display:block; font-size:20px; color:#000; font-weight:500; margin-bottom:10px; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.webzine li a .text p{color:#929292; margin-bottom:10px; line-height:1.4;}
.webzine li a .text .date{color:#666; font-weight:500;}
.webzine li a .text .date em{color:#CA461A; font-style:normal; display:inline-block; margin-right:25px;}
.webzine li a .text .status{ background-color:#f7f7f7; padding:10px;/* margin-left: 15px; */display: block;text-align:  center;margin-top: 15px; border-radius:10px;}
.webzine li a .text .status01{background:#f0a13a; color:#fff;}

@media all and (min-width:768px){
	.webzine li{overflow:hidden;}
	.webzine li a .img{float:left;width:33%;height:200px;overflow:hidden;background-position: top;background-size: cover;}
	.webzine li a .img img{max-width:inherit;}
	.webzine li a .text{float:left; width:67%; padding:30px 20px; }
	.webzine li a .text p{max-height:44px; overflow:hidden;}
	.webzine li a .text .status{display: inline-block; margin-left: 15px; }
}
@media all and (min-width:1200px){
	.webzine li {margin-bottom: 10px;}
	.webzine li a .img{width:27.7%;}
	.webzine li a .text{width:72%; padding:40px 30px; }
}

/*학교폭력클린신고*/
.center_box .center_list > li{width:100%; margin-bottom:10px; border:1px solid #dcdcdc; border-radius:5px;}
.center_box .center_list > li:last-child{margin-bottom:0;}
.center_box .center_list > li > p{background:#f8f8f8; font-weight:500; display:block; text-align:center; padding:17px 0;}

.center_box .center_list > li > ul{padding:40px 20px;}
.center_box  .center_list > li > ul > li:last-child{margin-top:15px;}

@media all and (min-width:768px) {
	.center_box .center_list{overflow:hidden;}
	.center_box .center_list > li{width:30%; margin-right:5%; float:left; border:1px solid #dcdcdc; border-radius:5px;}
	.center_box .center_list > li:last-child{margin-right:0;}

	.center_box .center_list > li > ul{min-height:227px;}
	.center_box  .center_list > li > ul > li{position:relative;}
}
@media all and (min-width:796px) {
	.center_box .center_list > li > ul{min-height:211px;}
}

/*적극행정*/
@media (max-width:1023px) {
	.box_st03 {padding-bottom:10px;}
}

/*사전심사청구제*/
.list_step .part{display:block; background:#f8f8f8; padding:10px; margin-top:10px;}
@media (min-width:1200px) {
	.list_step.col06 > li{width:29%; margin:10px 0.8% 10px 3.8%;}
	.list_step.col06 > li:before{left:-28px;}
}

/*여권재발급*/
@media (min-width:1024px) {
	.box_st02 .passport01{margin:8px 40px 35px 0;}
}

/*시험인사정보*/
.barotop_style { background: url("/home/www/images/sub/barogo_leftimg.jpg") no-repeat center top; padding-top: 190px; margin: 50px 20px 0 20px; line-height:150%;}
.baro_btn { background:url(http://www.gwangju.go.kr/home/site/gwangju/img/common/barogo_bg.png) no-repeat left top; margin:40px 0 0 0;}
.baro_btn a {display:block; padding:15px 0 0 30px; width:209px; height:57px;}
.baro_btn span { font-size:18px; color:#fff;}

@media all and (min-width:768px){
	.barotop_style { height: 270px; background: url("/home/www/images/sub/barogo_leftimg.jpg") no-repeat left top; padding-top:0; padding-left: 190px; margin: 50px 20px 0 20px; line-height:150%;} 
}

.barotop_style_exam {background: url("/home/www/images/sub/barogo_leftimg.jpg") no-repeat center top; padding-top: 190px; margin: 50px 20px 0 20px; line-height:150%;}

@media all and (min-width:768px){
	.barotop_style_exam {background: url("/home/www/images/sub/barogo_leftimg.jpg") no-repeat left top; padding-top:0; padding-left: 190px; margin: 50px 20px 0 20px; line-height:150%;} 
}
/*불복처리절차*/
.list_step.col03.col03_c > li{color:#fff;}

.list_step.col03.col03_c:nth-of-type(1) > li{background:#448aca;}
.list_step.col03.col03_c:nth-of-type(2) > li{background:#328d6c;}
.list_step.col03.col03_c:nth-of-type(3) > li{background:#c45e81;}

@media (min-width:768px) {
	.list_step.col03 > li{width:26.33%;}
}
@media (min-width:1200px) {
	.list_step.col03 > li{width:30.8%; margin:0 2.3% 0 1.5%; min-height:inherit;}
	.list_step.col03 > li:before{left:-21px;}
}

/*즐겨찾는사전정보*/
.favorite_cate{overflow:hidden;width:100%;margin:0 auto;display: flex;flex-wrap: wrap;justify-content: space-around;}

.favorite_cate li{width: 96px;height:100px;margin: 0 0% 60px 2%;float:left;text-align:center;background-color:#f8f8f8;border-radius:50%;}
.favorite_cate li{background-position:center; background-repeat:no-repeat; }
.favorite_cate li:active{background-color:#abc;}

.favorite_cate li:nth-child(1){background-image:url("/home/www/images/sub/favorite01.png");}
.favorite_cate li:nth-child(2){background-image:url("/home/www/images/sub/favorite02.png");}
.favorite_cate li:nth-child(3){background-image:url("/home/www/images/sub/favorite03.png");}
.favorite_cate li:nth-child(4){background-image:url("/home/www/images/sub/favorite04.png");}
.favorite_cate li:nth-child(5){background-image:url("/home/www/images/sub/favorite05.png");}
.favorite_cate li:nth-child(6){background-image:url("/home/www/images/sub/favorite06.png");}
.favorite_cate li:nth-child(7){background-image:url("/home/www/images/sub/favorite07.png");}
.favorite_cate li:nth-child(8){background-image:url("/home/www/images/sub/favorite08.png");}
.favorite_cate li:nth-child(9){background-image:url("/home/www/images/sub/favorite09.png");}
.favorite_cate li:nth-child(10){background-image:url("/home/www/images/sub/favorite10.png");}
.favorite_cate li:nth-child(11){background-image:url("/home/www/images/sub/favorite11.png");}
.favorite_cate li:nth-child(12){background-image:url("/home/www/images/sub/favorite12.png");}

.favorite_cate li a{display:block; padding-top:110px; font-size:14px; font-weight:500; line-height:1.3; word-break:keep-all }
.favorite_cate li:active a{color:#abc; font-weight:bold;}

/*정책이력제안내*/
@media (min-width:768px) {
	.list_step.col05.col05_1 > li{min-height:218px; display:flex; justify-content:center; flex-direction:column }
}
@media (min-width:1024px) {
	.favorite_cate{width: 81%;}
	.list_step.col05.col05_1 > li{width:28%; margin:0 2.5% 20px 2.5%; min-height:240px;}
}
@media (min-width:1200px) {
	.favorite_cate{width: 77%;}
	.list_step.col05.col05_1 > li{width:30%; margin:0 0.5% 20px 2.5%; min-height:218px;}
}

/*국민신청실명제*/
.list_step.col03.col03_1 > li > br{display:block;}

@media (min-width:768px) {
	.list_step.col03.col03_1 > li{min-height:196px;}
}
@media (min-width:1024px) {
	.list_step.col03.col03_1 > li{min-height:172px;}
}
@media (min-width:1200px) {
	.list_step.col03.col03_1 > li{min-height:152px;}
}

/*정책이력제 평가개요*/
.list_step.col04 > li > br{display:block;}

@media (min-width:1024px) {
	.list_step.col04 > li{width:20%; min-height:152px;}
	.list_step.col04 > li:first-child{margin-left:0;}
	.list_step.col04 > li:last-child{margin-right:0;}
}
@media (min-width:1200px) {
	.list_step.col04 > li{width:23%; min-height:0;}
}

/*시청시설현황*/
.facility_photo{padding:10px; position:relative;}
.facility_photo img:first-child{margin:8px auto; display:block; border-radius:5px; border:1px solid #dcdcdc;}
.facility_photo p.floor_title {display:inline-block; color:#0b2d78; font-weight:700; }
.facility_photo p.floor_title:before{ width:15px; height:15px; top:9px; background: linear-gradient(130deg, rgba(11,45,120,1) 0%, rgba(4,25,72,1) 100%); border-radius: 30px;}

@media (min-width:768px) {
	.facility_photo{overflow:hidden;}
	.facility_photo.facility_photo01 img:first-child {margin:8px 25px 90px 0;}
	.facility_photo img:first-child{float:left; margin:8px 25px 10px 0; width:auto;}
}

/* 빛고을광주체 */
.img_list{margin-top:10px;}
.img_list > li{border:1px solid #d8d8d8; margin-bottom:15px;}
.img_list > li > .img_box{padding:10px 20px;}
.img_list > li > ul{padding:10px 20px; border-top:1px solid #d8d8d8;}

@media all and (min-width:640px){
	.img_list{overflow:hidden;}
	.img_list > li{float:left; width:49%; margin-right:2%;}
	.img_list > li:nth-child(2n){margin-right:0;}
}
@media all and (min-width:1024px){
	.img_list > li{width:23.5%; margin-right:2%;}
	.img_list > li:nth-child(2n){margin-right:2%;}
	.img_list > li:last-child{margin-right:0;}
	.img_list > li > ul{min-height: 200px;}
	.img_list > li > ul > li{font-size:15px;}
}

/* 단계_기본5개 */
.list_step{margin: 15px;}
.list_step > li{ text-align:center; border:1px solid #d8d8d8; border-radius:5px; margin-bottom:40px; position:relative; padding:20px;  line-height:1.4; }
.list_step > li > br{display:none;}
.list_step > li:last-child{margin-bottom:0;}
.list_step > li:before {content:''; position:absolute; top:0; left:50%; margin:-35px 0 0 -10px; display:block; width:14px; height:14px; background:transparent; border-left:2px solid #222; border-bottom:2px solid #eb4141; transform:rotate(-45deg); transition:all .3s ease-in-out; }
.list_step > li:first-child:before{display:none;}

@media all and (min-width:768px){
	.list_step{overflow:hidden;}
	.list_step > li{float:left; width:42%; margin:0 1% 20px 5.5%;}
	.list_step > li:before{top:50%; left:-27px; transform:rotate(-135deg); margin-top:-10px;}
}
@media all and (min-width:1024px){
	.list_step > li{ width: 27%;margin: 0 3% 20px 3%; display:flex; justify-content:center; flex-direction:column }
	.list_step > li:before{left: -27px;}
}
@media all and (min-width:1200px){
	.list_step{margin:15px 0;}
	.list_step > li{width:18%; margin:0 1.25%; min-height:86px;}
	.list_step > li.s_con{padding-top:30px;}
	.list_step > li > br{display:block;}
	.list_step > li:before{left:-16px;}
	.list_step > li:first-child{margin-left:0;}
	.list_step > li:last-child{margin-right:0;}
}

/* 인구통계_주민등록인구_다운로드리스트 */
.list_down{border-top:#1e1e1e solid 2px; margin-bottom:15px;}
.list_down li{padding:15px 10px; border-bottom:1px solid #d8d8d8; font-weight:400;}
.list_down li .btn{margin-top:7px;}
.list_down li span{display:inline-block; margin-top:10px; font-size:14px;}

@media all and (min-width:768px){
	.list_down li{position:relative; padding:20px;}
	.list_down li .btn{margin-top:0; position:absolute; top:8px; right:20px;}
}

/*new조직도*/
.org_top{margin-bottom:30px;}
.org_top .top{border:2px solid #295faa; width:162px; height:50px; margin:0 auto; text-align:center; line-height:47px; border-radius:100px;}
.org_top .top p{position:relative; display:inline-block; font-size:18px; vertical-align:middle; font-weight:bold; color:#000; padding-left:23px;}
.org_top .top p:before{position:absolute; content:''; display:block; width:19px; height:19px; background:url("/home/www/images/sub/symbol_gj.png"); position:absolute; top:4px;left:1px; background-size:cover;}
.org_top .bott{margin-top:15px;}
.org_top .bott span{position:relative;margin-right: 16px;}
.org_top .bott span:after{z-index:0;content:'';display:block;width: 23px;height:26px;background:url("/home/www/images/sub/symbol_star.png");position:absolute;top: -15px;left: 20px;z-index: -1;}
.org_top .bott p{text-align:center;color:#00afef;font-weight:bold;font-size: 18px;word-break:keep-all;position: relative;z-index: 10;}

.org_box0001 {position: relative; width: 100%; font-size: 0.9em; z-index:31;}
.org_box0001 a{text-decoration: none;}
.org_box0001 a:hover{text-decoration: underline;}

.org_box0001.back {position: relative;}
/*.org_box0001.back:before{content:""; display: block; width:1px; height:377px; position:absolute; background:#aaa; top:50px; left:50%; z-index:-1;}*/

.org_box0001 .org_box0001_btn {display: block;}
.org_box0001 .org_box0001_btn.type1 {border-radius: 5px; width: 162px; height: 50px; margin: 0 auto; line-height: 49px; text-align: center; color: #fff; background: #bf3048; z-index:90; position: relative; font-size:18px;}

.org_box0001 .org_box0001_right {overflow: hidden; position: relative; left: 50%; margin-top: 10px; width: 252px; padding-left: 48px;}
.org_box0001 .org_box0001_right li {float: left;display: block;width: 109px;height: 34px;margin-right: 13px;line-height: 36px; border: 2px solid #4b4b4b; font-weight: bold; text-align: center; color: #fff; background: #767676;}

.org_box0001 .org_box0001_left {overflow: hidden; position: relative; right: 0.5%; width: 550px; margin-top: 10px;}
.org_box0001 .org_box0001_left li {float: left; display: block; width: 93px; height: 27px; margin: 0 0 10px 13px; padding: 0 10px; line-height: 27px; font-weight: bold; text-align: center; color: #fff; background: #9f9f9f;}
.org_box0001 .org_box0001_left li a {color: #fff;}

.org_box0001 .org_box0001_left01 {overflow: hidden; width: 162px; margin: 0 auto; padding-left:0;}
.org_box0001 .org_box0001_left01 li {float: left; display: block; width: 160px; margin: 12px auto 0; padding: 0 0px; line-height: 27px; font-weight: bold; text-align: center; color: #333; background: #fff; border: 1px solid #2a2a2a; border-radius: 4px;}
.org_box0001 .org_box0001_left01 li a {color: #2a2a2a; line-height: 40px; display: block;}

.org_box0001 .org_box0001_left02 {overflow: hidden; width: 206px; margin: 0 auto; padding-left:0;}
.org_box0001 .org_box0001_left02 li {display: block;width: 160px;height: 40px;line-height: 36px;font-weight: bold;text-align: center;color: #fff;background: #295faa;border-radius: 4px;margin: 16px auto 0;}
.org_box0001 .org_box0001_left02 li{background: #295faa;}
.org_box0001 .org_box0001_left02.right01 li{background:#fff; border:1px solid #2a2a2a;}
.org_box0001 .org_box0001_left02.right01 li a{color:#2a2a2a;}
.org_box0001 .org_box0001_left02 li a {color: #fff;}

.org_box0001 .org_box0001_all {width: 100%; font-size: 1em; background: none; padding-left: 0; margin:0 auto;}
.org_box0001 .org_box0001_all li a{display:block; padding:10px 0 0 0}
.org_box0001 .org_box0001_all li {position: relative; min-height: 28px; padding-top: 10px; list-style:none; padding-left: 0;}
.org_box0001 .org_box0001_all li strong {display: block; width: 100%;  padding: 10px 0; font-weight: 600; color: #666; background: #dcdcdc; text-align:center;}
.org_box0001 .org_box0001_all li ul {overflow: hidden; border: 1px solid #dcdcdc; padding: 0 0 10px 0;}
.org_box0001 .org_box0001_all li ul li {float: left; padding: 10px 0px 0px 0px; width: 50%;}
.org_box0001 .org_box0001_all li ul li .style01{display: block; margin:0 8px; padding: 10px 0 8px 0; font-size: 1em; text-align: center; border: 1px solid #dcdcdc; border-radius: 5px 5px 0 0;}
.org_box0001 .org_box0001_all li ul li .style01, 
.org_box0001 .org_box0001_all li ul li a.style01:link, 
.org_box0001 .org_box0001_all li ul li a.style01:visited, 
.org_box0001 .org_box0001_all li ul li a.style01:active{border-color: #dcdcdc; font-weight: normal; color: #666;border-radius:5px;}
.org_box0001 .org_box0001_all li ul li a.style01:hover{font-weight: bold;}

@media screen and (min-width:1px) and (max-width:800px) {
	.org_box0001.back{background: none !important;}		
}
@media all and (min-width:1024px) {
	.org_box0001 .org_box0001_all{margin-top:10px;}
	.org_box0001 .org_box0001_all li{padding-top:20px}
	.org_box0001 .org_box0001_all li ul li{width:30%}
	.org_box0001 .org_box0001_all li a{float: left; padding: 10px 8px 0 0;}
	.org_box0001 .org_box0001_all li a strong{width: 180px; border-radius: 5px;}
	.org_box0001 .org_box0001_all li ul{border:none; border-bottom: 1px solid #2a2a2a; padding-bottom:28px; padding-left:12px;}
	.org_box0001 .org_box0001_all li:last-child ul{border-bottom: none;}
	.org_box0001 .org_box0001_all li ul li{margin-right:8px;}
	.org_box0001 .org_box0001_all .style01{width:100%}
}
@media all and (min-width:1440px) {
	.org_top{margin-bottom:40px;}
	.org_top .bott{margin-top:10px;}

	.org_box0001 .org_box0001_left01{width:438px;}
	.org_box0001 .org_box0001_left01.right_bottom{margin-left:54.2%;}
	.org_box0001 .org_box0001_left01.left_bottom{margin-right: 46.3%;}
	.org_box0001 .org_box0001_left01.left_bottom:before{width:calc(50% - -69px);}
	.org_box0001 .org_box0001_btn.type1{margin-bottom:20px;}
	.org_box0001 .org_box0001_left01{width: 375px;margin-right:53.2%;margin-top: 20px;}

	.org_box0001 .org_box0001_left01 li{margin-top:15px;width: 136px;position: relative;margin-right: 15px;}
	.org_box0001 .org_box0001_left01 li:before{content: ""; display: block; width:1px; height:15px; background:#aaa; top:-15px; left:50%; position: absolute; margin-left:1px}

	.org_box0001 .org_box0001_left01.left_bottom{position: relative;}
	.org_box0001 .org_box0001_left01.left_bottom:before{content: "";display: block;width: calc(50% - 35px);height:1px;background:#aaa;top:0;left: 69px;position: absolute;}
	.org_box0001 .org_box0001_left01.right_bottom{width:150px; position:relative;margin-left: 69.4%;margin-top: -98px;}
	.org_box0001 .org_box0001_left01.right_bottom:before{content: "";display: block; height:1px;background:#aaa;top:0;left: 69px;position: absolute;}
	.org_box0001 .org_box0001_left01.right_bottom li:nth-child(2):before{display:none;}
	.org_box0001 .org_box0001_left02{width: 500px;position: relative;}
	.org_box0001 .org_box0001_left02 li{width:134px;margin-top: 0;}
	.org_box0001 .org_box0001_left02.right01:before{content: "";display: block;width: 116px; height:1px; background:#aaa;top: 63%; right:134px;position: absolute;}
	.org_box0001 .org_box0001_left02.left01{margin-top: 30px;margin-bottom:20px;}
	.org_box0001 .org_box0001_left02.left01:before{content: "";display: block;width: 119px; height:1px; background:#aaa; top:50%; left:134px;position: absolute;}
	.org_box0001 .org_box0001_left02.left02{top: -117px;width: 356px;margin-left:calc(50% - 26px) !important}
	.org_box0001 .org_box0001_left02.left02:before{content: "";display: block;width: 195px;height:1px;background:#aaa;top:50%;right: 134px;position: absolute;}
	.org_box0001.back:before{height:248px;}
	.org_box0001 .org_box0001_left02_left{float:left;}
	.org_box0001 .org_box0001_left02_right{float:right;}
	.org_box0001 .middle_line{position: absolute; width:100%; height:100px;}
	.org_box0001 .middle_line:before{content: "";display: block;width:1px;height:20px;background:#aaa;top:-20px;left: calc(50% - 185px);position: absolute;}
	.org_box0001 .middle_line02{position: absolute;width: 100%;height: 100px;/* top: 0; *//* left:calc(50% - -109px); */}
	.org_box0001 .middle_line02:before{content: "";display: block;width:1px;height:56px;background:#aaa;top: -42px;right: calc(26% - 24px);position: absolute;} 
	.org_box0001 .org_box0001_left02.left01 li a:hover{text-decoration: underline;}

	.org_box0001 .org_box0001_all{/*margin-top:50px;*/ position:relative;}
	/*.org_box0001 .org_box0001_all:before{position:absolute; width: calc(50% - 64px); height:1px; background:#aaa; top:-9px; left:64px; content:""; display:block;}*/
	.org_box0001 .org_box0001_all li ul li{width:24%}
	/*.org_box0001 .org_box0001_all > li:after{position:absolute; width:1px; height:140px; background:#aaa; top:-9px; left:63px; content:""; display:block; z-index:-1}*/
	.org_box0001 .org_box0001_all > li:last-child:after{top:-80px;}
}
/* 조직도 */
.org_area a:hover{text-decoration:underline;}

.org_list > li > a{display:block; text-align:center; padding:17px 0; border-radius:5px;}

.org_box05{margin-top:20px;}
.org_box05 .title, .org_box05 > a{display:block; background:#365064; color:#fff; text-align:center; font-weight:400; border-radius:5px; padding:17px 0; margin-bottom:10px;}
.org_box05 .org_list > li{margin-bottom:10px;}
.org_box05 .org_list > li  a{border:1px solid #d8d8d8; border-radius:5px; color:#666; font-size:14px; background:#fff;}

@media all and (min-width:768px){
	.org_box05{background:#f8f8f8; border:1px solid #d8d8d8; border-radius:5px; margin-top:30px; padding:30px;}
	.org_box05 .title, .org_box05 > a{width:185px; margin:0 auto; margin-top:-55px;}
	.org_box05 .org_list{margin-top:25px; overflow:hidden;}
}
@media all and (min-width:1024px){
	.org_box05 .org_list > li{width:24%; margin-right:1.33%; float:left;}
	.org_box05 .org_list > li:nth-child(3n){margin-right:1.33%;}
	.org_box05 .org_list > li:nth-child(4n){margin-right:0;}
}

/*조직도2*/
.org_area {position: relative;}
.org_area * {box-sizing: border-box;}
.org_tit {
	width: 100%;
	max-width: 160px;
	position: relative;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	text-align: center;
}
.group01 {
	background-color: #bf3048;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	width:110px;
	height:110px;
	border-radius:50%;
	line-height: 112px;
	margin-left: 18px
}
.group02 {
	background-color: #2a2a2a !important;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	border-radius: 5px
}
.group03 {
	background-color: #295faa !important;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	border-radius: 5px;
}
.group04 {
	background-color: #f8f8f8 !important;
	color: #666;
	font-size: 16px;
	font-weight: 500;
	border:1px solid #dcdcdc;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
}

.org_list00 {
	width: 100%;
	max-width: 160px;
	background: #fff;
	border: 1px solid #ddd;
	border-top: 0;
	padding: 5px 0;
	text-align: left;
	font-size: 14px;
	border-radius: 0 0 5px 5px;
}

.org_list00>li:not(.groupB) {
	padding: 3px 10px 3px 20px;
	font-size: 1em;
	position: relative;
}

.org_list00>li:not(.groupB):before {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 2px;
	background: #222;
	top: 12px;
	left: 12px;
}

.org_list00>li:not(.groupB)>ul>li>a {
	font-size: 0.9em;
}

.org_list00>li:not(.groupB)>ul>li>a:before {
	content: "";
	width: 5px;
	height: 5px;
	border-left: 1px solid #666;
	border-bottom: 2px solid #666;
	vertical-align: 3px;
	display: inline-block;
	margin-right: 5px;
}

.org_area ul,
.org_area li {
	position: relative;
}

.org_area li:before,
.org_area ul:before {
	content: "";
	display: block;
	position: absolute;
	background: #cdcdcd;
}

.org_area li:after,
.org_area ul:after {
	content: "";
	clear: both;
	display: block;
}

.org_01:before {
	top: 0;
	bottom: 0;
	left: 50%;
	width: 1px;
}

.org_02_side {
	margin-top: 20px;
}

.org_02_side>li:after {
	content: "";
	clear: both;
	display: block;
}

.org_02_side>li>.org_tit {
	background: #fff;
	position: relative;
}

.org_02 {
	margin-top: 40px;
	background: #fff;
}

.org_02:before {
	top: 0;
	bottom: 0;
	left: 50%;
	width: 1px;
}

.org_02 .org_tit.orbb {
	background:#fff !important;
	border:1px solid #2a2a2a;
	color:#333;
}

.org_02.second .group03 {
	background-color: #77a113 !important;
}

.org_02.second .group04 {
	background-color: #f8f8f8 !important;
}

.org_02.second .groupB>a {
	background-color: #aacce7;
}

.org_02.three .group03 {
	background-color: #bc6b1d !important;
}

.org_02.three .group04 {
	background-color: #f8f8f8 !important;
}



.org_03_side .org_tit.orbb{
	background-color: #fff !important;
	border:1px solid #2a2a2a;
	color:#333;
}

@media all and (min-width: 768px) {
	.master {
		margin: 0 auto;
	}

	.org_list00 {
		margin: 0 auto;
	}

	.org_02_side>li {
		width: 50%;
	}

	.org_02_side>li.left {
		padding-right: 40px;
		margin-top: 40px;
		float: left;
	}

	.org_02_side>li.right {
		padding-left: 40px;
		float: right;
	}

	.org_02_side>li.right:nth-of-type(3) {
		margin-top: 40px;
		padding-left: 40px;
		float: right;
	}

	.org_02_side>li.left:before {
		height: 1px;
		width: 40px;
		top: 20px;
		right: 0;
	}

	.org_02_side>li.right:before {
		height: 1px;
		width: 40px;
		top: 20px;
		left: 0;
	}

	.org_02_side>li.left>.org_tit {
		float: right;
		margin-left: 100%;
	}

	.org_02_side>li.right>.org_tit {
		float: left;
		margin-right: 100%;
	}

	.org_02_side>li.left .org_list00 {
		float: right;
	}

	.org_02_side>li.right .org_list00 {
		float: left;
	}

	.org_02>li>.org_tit {
		margin: 0 auto;
	}

	.org_02.second {
		margin-top: 0;
		padding-top: 40px;
	}

	.org_02.second:before {
		top: 40px;
		bottom: auto;
		height: 314px;
	}

	.org_03_side {
		margin-top: 20px;
	}

	.org_03_side>li {
		width: 50%;
	}

	.org_03_side>li.right:before {
		content: "";
		top: 20px;
		left: 0;
		width: 40px;
		height: 1px;
	}

	.org_03_side>li.right {
		padding-left: 40px;
		float: right;
	}

	.org_03_side>li.right .org_list00 {
		float: left;
	}

	.org_03 {
		margin-top: 40px;
	}

	.org_03:before {
		top: 0;
		width: calc(100% - 19%);
		left: 9.5%;
		height: 1px;
	}

	.org_03>li:last-child {
		margin-right: 0;
	}

	.org_03>li {
		float: left;
		width: calc(100% / 4 - 6%);
		margin-right: 8%;
		text-align: center;
		padding-top: 40px;
	}

	.org_03>li:before {
		left: 50%;
		width: 1px;
		bottom: 0;
		top: 0;
	}

	.org_03>li>.org_tit {
		margin: 0 auto;
		max-width: none;
	}

	.org_03 .org_list00 {
		max-width: none;
	}

	/* .org_03.second {
	background: #fff;
} */

	.org_03.second:before {
		left: 9.5%;
		width: calc(100% - 19%);
	}

	.org_03.second>li {
		width: calc(100% / 4 - 6%);
		margin-right: 8%;
	}

	.org_03.second>li:last-child {
		margin-right: 0;
	}

	.org_02.second .org_03:before {
		left: 12%;
		width: calc(100% - 24%);
	}

	.org_02.second .org_03>li {
		width: 18%;
		margin-right: 2.5%;
	}

	.org_02.second .org_03>li:last-child {
		margin-right: 0;
	}

	/*.org_02.second .org_03 > li:nth-child(2):before {display:none;} */
	.org_02.second .org_03>li:nth-child(3):before {

	}

	/*.org_03:not(.second) > li:nth-child(3):before {display:none;}*/

	.org_03.third {
		background: #fff;
		text-align: center
	}

	.org_03.third:before {
		width:calc(100% - 72.5%);
		left:36.3%;
	}

	.org_03.third>li {
		float: none;
		display: inline-block;
		vertical-align: top;
	}

	.org_02.three {
		margin-top: 0;
		padding-top: 40px;
	}

	.org_02.three:before {
		top: 40px;
	}

	.org_02.three .org_03 {
		background: #fff;
	}

	.org_02.three .org_03:before {
		display: none;
	}

	.org_02.three .org_03>li {
		padding-top: 0;
		float: none;
		margin: 0 auto;
	}

	.org_02.three .org_03>li:before {
		display: none;
	}

	.org_02.second .org_03>li{
		width:24%;
		margin-right:14%;
	}
}
@media all and (max-width: 1023px) {
	.content {
		width: 100%;
	}
}
@media all and (max-width: 767PX) {
	.org_01:before {
		left: 72px;
		bottom: 224px
	}

	.org_02_side {
		margin-left: 20px;
	}

	.org_02_side>li.left {
		padding-left: 10px;
		margin-top: 20px;
	}

	.org_02_side>li.right {
		padding-left: 10px;
		margin-top: 20px;
	}

	.org_02_side>li.left:before {
		height: 1px;
		width: 83px;
		top: 20px;
		left: -40px;
	}

	.org_02_side>li.right:before {
		height: 1px;
		width: 53px;
		top: 20px;
		left: -41px;
	}

	.org_02_side > li.change{
		margin-left:52px;

	}

	.org_02_side > li.change:before{
		width:48px;
		left:0;

	}

	.org_02 {
		margin-left: 73px;
		margin-top: 20px;
		background: transparent;
	}

	.org_02:before {
		left: 10px;
		top: 20px;
		width: 1px;
		bottom: 110px;
	}

	.org_02>li {
		padding-left: 20px;
	}

	.org_02>li:before {
		width: 40px;
		height: 1px;
		left: 0;
		top: 20px;
	}

	.org_02 .org_02_bottom:before{
		width:0px;
	}


	.org_02.second:before {
		bottom: 110px;
	}

	.org_02.three:before {
		bottom: 164px;
	}

	.org_03_side>li.right {
		padding-left: 30px;
		margin-top: 20px;
	}

	.org_03_side>li.right:before {
		left: -20px;
		top: 20px;
		width: 50px;
		height: 1px;
	}

	.org_03 {
		margin-top: 20px;
	}

	.org_03:before {
		display: none;
		width: 0;
		height: 0;
	}

	.org_03>li {
		padding-left: 30px;
		margin-top: 20px;
	}

	.org_03>li:before {
		left: -10px;
		width: 40px;
		height: 1px;
		top: 20px;
	}
}
@media all and (min-width: 768PX) {
	.org_02.second .org_03:before{left:14%;width: calc(100% - 28%);}
	.org_02.second .org_03>li{width:28%;margin-right:8%;}
}
@media all and (min-width: 1024PX) {
	.org_02.second .org_03:before{left:10%;width: calc(100% - 20%);}
	.org_02.second .org_03>li{width:20%;margin-right:20%;}
}
@media (max-width: 1439px) {
	.org_box0001.back:before{height:100px;}
	.org_box0001 .org_box0001_left02.right01 {position:relative;width: 147px;max-width: 375px;left: 73px;margin-top: 15px;}
	.org_box0001 .org_box0001_left02.right01 li{width:110px; float:right; position:relative;}
	.org_box0001 .org_box0001_left02.right01 li:before{content:'';display:block;position:absolute;background:#aaa;width: 44px;height:1px;top: 18px;left: -44px;}

	.org_box0001_left02.left01, 
	.org_box0001_left01.left_bottom{position:relative;left: -95px;margin-top: 28px;width: 190px;z-index: 1000;}
	.org_box0001_left02.left01:before, 
	.org_box0001_left02.left02:before{content:'';display:block;position:absolute;background:#aaa;width: 156px;height:1px;top: 0;left: 94px;z-index: 1000;}
	.org_box0001_left02.left02:before{left:0;width: 93px;}
	.org_box0001_left01.left_bottom{margin-top:0;width: 111px;}
	.org_box0001_left02.left01 li, 
	.org_box0001_left01.left_bottom li, 
	.org_box0001_left02.left02 li, 
	.org_box0001_left01.right_bottom li{width:110px; position:relative;}
	.org_box0001_left02.left01 li, 
	.org_box0001_left02.left02 li{margin-top:30px;}
	.org_box0001_left02.left02, 
	.org_box0001_left01.right_bottom{position:relative;top: -178px;width: 186px;left: 92px;}
	.org_box0001_left01.right_bottom{width:110px;}
	.org_box0001_left02.left01 li:before, 
	.org_box0001_left01.left_bottom li:before, 
	.org_box0001_left02.left02 li:before, 
	.org_box0001_left01.right_bottom li:before{content:'';display:block;position:absolute;background:#aaa;width: 1px;height: 30px;top: -29px;left: 54px;z-index: -1;}
	/*.org_box0001 .org_box0001_all{margin-top: -120px;}*/
}

/* 시조시화시목 */
.symbol{background-repeat:no-repeat; background-position:center; margin-bottom:20px; border-radius:10px;}
.symbol > div{padding:20px;}
.symbol > div .s_title{font-size:14px; color:#fff; display:block; margin-bottom:30px;}
.symbol > div .title{font-size:20px; color:#fff; display:block; margin-bottom:20px; font-weight:500;}
.symbol > div p{color:#fff; line-height:1.5; font-weight:400;}
.symbol01{background-image:url("/home/www/images/sub/symbol01.jpg")}
.symbol01 > div{background:rgb(87 115 59 / 80%)}
.symbol02{background-image:url("/home/www/images/sub/symbol02.jpg")}
.symbol02 > div{background:rgb(126 45 61 / 80%)}
.symbol03{background-image:url("/home/www/images/sub/symbol03.jpg")}
.symbol03 > div{background:rgb(147 114 43 / 80%)}

@media (min-width: 768px){
	.symbol{position:relative; height:215px; background-position:top 0 right 0; margin-bottom:40px; border:1px solid #dcdcdc}
	.symbol > div{position:absolute; top:0; left:0; width:50%; height:213px; padding:30px; background:#fff; border-radius:10px 0 0 10px;}
	.symbol > div .s_title,  .symbol > div p{font-size:15px; color:#333;}
	.symbol > div .title{font-size:24px; color:#333;}
	.symbol02{background-position:top 0 left 0;}
	.symbol02 > div{right:0; left:inherit; border-radius:0 10px 10px 0;}
	.symbol03 > div{}	
}
@media all and (min-width:1024px){
	.symbol > div{padding:30px 40px;}
	.symbol > div .s_title,  .symbol > div p{font-size:16px;}
	.symbol > div .title{font-size:26px;}
}

/* 심벌및로고 */
.mark_box{padding:40px 20px; border-bottom:1px dashed #dcdcdc;}
.mark_box .img{text-align:center; margin-bottom:30px;}
.mark_box .text h6{margin-bottom:15px;}
.mark_box .text p{margin-bottom:15px;}

@media all and (min-width:640px){
	.mark_box{position:relative; padding-right:180px;}
	.mark_box .img{position:absolute; top:50%; margin-top:-60px; right:20px;}
	.mark_box .img img{width:120px;}
}
@media all and (min-width:1024px){
	.mark_box{padding-right:240px;}
	.mark_box .img{margin-top:-75px;}
	.mark_box .img img{width:150px;}
}
@media all and (min-width:1400px){
	.mark_box{padding:50px 40px; padding-right:240px;}
	.mark_box .img{right:40px;}
}

/* 광주의하루 */
.gj_today li {padding:20px; border:1px solid #dcdcdc; border-radius:5px; margin-bottom:10px; text-align:center; }
.gj_today li .img {background-color:#f8f8f8; width:115px; height:115px; text-align:center; margin:0 auto; border-radius:50%; background-repeat:no-repeat; background-position:center;}
.gj_today li .text {margin-top:20px;}
.gj_today li .text .title {display:block; font-size:14px; margin-bottom:5px;}
.gj_today li .text .number01 {display:block; font-size:16px; font-weight:500;}
.gj_today li .text .number01 em {font-style:normal; color:#c32943;}

@media all and (min-width:480px){
	.gj_today {overflow:hidden;}
	.gj_today li {float:left; width:49%; margin-right:2%;}
	.gj_today li:nth-child(2n) {margin-right:0;}
}
@media all and (min-width:640px){
	.gj_today li {width:32%; margin-right:2%;}
	.gj_today li:nth-child(2n) {margin-right:2%;}
	.gj_today li:nth-child(3n) {margin-right:0;}
	.gj_today li .text .title {font-size:16px; margin-bottom:8px;}
	.gj_today li .text .number01 {font-size:18px;}
}
@media all and (min-width:1024px){
	.gj_today li {width:23.87%; margin-right:1.5%; margin-bottom:15px; padding:30px }
	.gj_today li:nth-child(2n) {margin-right:1.5%;}
	.gj_today li:nth-child(3n) {margin-right:1.5%;}
	.gj_today li:nth-child(4n) {margin-right:0;}
}

/* 역대시장_광역시 */
.mayor_box{padding:30px 20px; border-bottom:1px dashed #dcdcdc;}
.mayor_box .img{text-align:center; margin-bottom:20px;}
.mayor_box .text{padding:0 10px;}
.mayor_box .text .name{font-size:16px; font-weight:400; display:inline-block; margin-bottom:20px;}
.mayor_box .text .name em{font-style:normal; font-size:19px; font-family:'Noto Serif KR', serif; font-weight:600; margin-left:5px;}
.mayor_box .text ul li{font-size:14px;} 
.mayor_box .text > ul > li{margin-bottom:15px; line-height:1.4;}
.mayor_box .text > ul > li > .s_title{display:block;  font-weight:500; margin-bottom:7px;}
.mayor_box .text > ul > li > ul > li{position:relative; padding-left:10px; line-height:1.3; margin-top:3px;}
.mayor_box .text > ul > li > ul > li:first-child{margin-top:0;}
.mayor_box .text > ul > li > ul > li:before{content:''; display:block; position:absolute; top:8px; left:0; width:5px; height:1px; background:#555;}
.mayor_box .mendini_art {position:relative;}
.mayor_box .mendini_art > p {padding-left: 10px; font-weight: 500;}

.mayor_box.mayor_now{background:#f8f8f8; border-top:1px solid #1e1e1e;}
.mayor_box.mayor_now .name{color:#c32943;}
.mayor_box.mayor_now .name em{color:#333;}

@media all and (min-width:640px){
	.mayor_box .text > ul > li{padding-left:120px; position:relative;}
	.mayor_box .text > ul > li:before{content:''; display:block; width:4px; height:4px; border-radius:50%;background:#888; position:absolute; top:5px; left:0;}
	.mayor_box .text > ul > li > .s_title{position:absolute; top:0; left:0; padding-left:10px;}
	.mayor_box .mendini_art > p:before{content:''; display:block; width:4px; height:4px; border-radius:50%;background:#888; position:absolute; top:5px; left:0;}
}
@media all and (min-width:768px){
	.mayor_box{overflow:hidden;}
	.mayor_box .img{float:left; width:30%;}
	.mayor_box .text{float:right; width:67%; margin-top:10px;}
	.mayor_box .text .name{ margin-bottom:35px;}
	.mayor_box .text .name em{font-size:22px;}

	.mayor_box.mayor_now .img{width:30%;}
	.mayor_box.mayor_now .text{width:66%;}
	.mayor_box.mayor_now .text .name{font-size:18px;}
	.mayor_box.mayor_now .text .name em{font-size:26px;}
}
@media all and (min-width:1024px){
	.mayor_box .img{width:20%;}
	.mayor_box .text{width:76%}
}
@media all and (min-width:1100px){
	.mayor_box{padding:50px 20px;}
	.mayor_box .text > ul > li{padding-left:130px;}
	.mayor_box .text > ul > li > ul{overflow:hidden;} 
	.mayor_box .text > ul > li > ul > li{float:left; width:49.5%; margin-right:1%; margin-top:10px;}
	.mayor_box .text > ul > li > ul > li:nth-child(2){margin-top:0;}
	.mayor_box .text > ul > li > ul > li:nth-child(2n){margin-right:0;}

	.mayor_box.mayor_now .text > ul > li > ul > li:nth-child(2){margin-top:10px;}
	.mayor_box.mayor_now .text > ul > li > ul > li{float:inherit; width:100%;}
}

/* 역대시장_보통시 */
.mayor_botong li{text-align:center; border:1px solid #dcdcdc; padding:20px 0 25px 0; border-radius:5px; margin-bottom:10px;}
.mayor_botong li .number{display:block; font-size:17px; margin-bottom:15px; font-weight:400;}
.mayor_botong li .name{display:block; font-size:19px; font-family:'Noto Serif KR', serif; font-weight:600; margin:10px 0;}
.mayor_botong li .date{display:block; font-size:14px;}

@media all and (min-width:480px){
	.mayor_botong{overflow:hidden;}
	.mayor_botong li{float:left; width:49%; margin-right:2%;}
	.mayor_botong li:nth-child(2n){margin-right:0;}
}
@media all and (min-width:768px){
	.mayor_botong li{width:32%; margin-bottom:20px;}
	.mayor_botong li:nth-child(2n){margin-right:2%;}
	.mayor_botong li:nth-child(3n){margin-right:0;}
}
@media all and (min-width:1024px){
	.mayor_botong li{width:19%; margin-right:1.25%;}
	.mayor_botong li:nth-child(2n){margin-right:1.25%;}
	.mayor_botong li:nth-child(3n){margin-right:1.25%;}
	.mayor_botong li:nth-child(5n){margin-right:0;}
}

/*사업개요*/
.list_step.col03.col03_2:nth-child(1) > li{min-height:0; margin-bottom:10px;}
.list_step.col03.col03_2:nth-child(1) > li:before{display:none;}
.list_step.col03.col03_2:nth-child(1) >  li:nth-child(1){background:#448aca; color:#fff;}
.list_step.col03.col03_2:nth-child(1) >  li:nth-child(2){background:#32b16c; color:#fff;}
.list_step.col03.col03_2:nth-child(1) >  li:nth-child(3){background:#c45e81; color:#fff;}
.list_step.col03.col03_2 > li{display:flex; justify-content:center; flex-direction:column }

@media (max-width:767px) {
	.list_step.col03.col03_2 > li{font-weight:500;}
	.list_step.col03.col03_2 > li:nth-child(1){color:#448aca;}
	.list_step.col03.col03_2 > li:nth-child(2){color:#32b16c;}
	.list_step.col03.col03_2 > li:nth-child(3){color:#c45e81;}
}
@media (min-width:768px) and (max-width:882px) {
	.list_step.col03.col03_2:nth-child(2) > li{min-height:108px;}
	.list_step.col03.col03_2:nth-child(4) > li{min-height:108px;}
	.list_step.col03.col03_2:nth-child(5) > li{min-height:108px;}
}
@media (min-width:1200px) {
	.list_step.col03.col03_2:nth-child(2) > li{min-height:86px;}
	.list_step.col03.col03_2:nth-child(4) > li{min-height:86px;}
	.list_step.col03.col03_2:nth-child(5) > li{min-height:86px;}
}

/*시설별 세부기능*/
.gr_box01{position:relative; padding-bottom:30px;}
.gr_box01:after{content:''; display:block; background:#aaa; width:1px; position:absolute; left:50%; height:30px; bottom:0px;}
.gr_box01 p{display:block; width:100%; background:#f2f2f2; border-radius:10px; font-size:16px; text-align:center; margin:0 auto; line-height:24px; padding:28px 0; word-break: keep-all;}

.gr_box02 > div{width:100%; border-radius:5px; margin-bottom:10px;}
.gr_box02 .gr_left{background:#448aca;}
.gr_box02 .gr_center{background:#32b16c;}
.gr_box02 .gr_right{background:#c45e81;}
.gr_box02 p{display:block; text-align:center; padding:17px 0; color:#fff;}

.gr_list > li{margin-top:10px;}
.gr_list > li > p{display:block; text-align:center; padding:17px 0; border:1px solid #dcdcdc; border-radius:5px; line-height:22px; word-break:keep-all;}

@media all and (min-width:768px) {
	.gr_box01:after{height:60px; bottom:-30px;}
	.gr_box01 p{width:460px; margin:0 auto;}

	.gr_box02{overflow:hidden; position:relative;}
	.gr_box02:before{content:''; display:block; height:1px; width:100%; background:#aaa; position:absolute; top:42%; left:0;}
	.gr_box02 > div{width:30%; margin-right:5%; position:relative;}
	.gr_box02 > div:last-child{margin-right:0;}
	.gr_box02 .gr_left{float:left;}
	.gr_box02 .gr_center{position:absolute; left:50%; transform:translateX(-50%);}
	.gr_box02 .gr_right{float:right;}

	.gr_box03 .gr_list > li{float:left; width:30%; margin-right:5%;}
	.gr_box03 .gr_list > li:last-child{margin-right:0;}

	.gr_list{overflow:hidden;}
	.gr_list.gr_list01 > li > p, .gr_list.gr_list02 > li > p{min-height:102px;}

	.gr_box02.gr_bb01 > div{width:45%; margin-right:10%;}
	.gr_box02.gr_bb01 > div:last-child{margin-right:0;}

	.gr_box03 .gr_list.gr_list02 > li{width:45%; margin-right:10%;}
	.gr_box03 .gr_list.gr_list02 > li:last-child{margin-right:0;}
}
@media (min-width:768px) and (max-width:839px) {
	.gr_list.gr_list01 > li > p{min-height:124px;}
}

/*본청 시설별세부기능*/
.gr_box .gr_concept{border:1px solid #2a2a2a; border-radius:5px; padding:20px; position:relative;}
.gr_box .gr_concept span{display:block; text-align:center; margin-bottom:15px; font-weight:400;}
.gr_box .gr_concept ul{border-top:1px solid #2a2a2a; padding-top:10px;}
.gr_box .gr_concept ul li{margin-top:8px;}
.gr_box .gr_concept:after{content:''; display:block; width:1px; height:42px; background:#aaa; position:absolute; bottom:-42px; left:50%;}

.gr_box .gr_con{margin-top:40px;}
.gr_box .gr_con .gr_scon{border:1px solid #2a2a2a; border-radius:5px; margin-bottom:15px;}
.gr_box .gr_con .gr_scon span{display:block; text-align:center; background:#2a2a2a; padding:15px 0; color:#fff;}
.gr_box .gr_con .gr_scon ul{padding:15px 20px 20px;}
.gr_box .gr_con .gr_scon ul li{margin-top:5px;}
.gr_box .gr_concept.gr_c01, 
.gr_box.gr_st01 .gr_concept.gr_c01{padding-top:35px;}

@media (min-width:768px) {
	.gr_box .gr_concept{width:55%; margin:0 auto;}
	.gr_box .gr_con:before{content:''; display:block; width:68.1%; height:1px; position:absolute; background:#aaa; top:0; left:16%;}
	.gr_box .gr_con{overflow:hidden; position:relative;}
	.gr_box .gr_con .gr_scon:before{content:''; display:block; width:1px; height:30px; top:-31px; left:50%; position:absolute; background:#aaa;}
	.gr_box .gr_con .gr_scon{float:left; width:32%; margin-right:2%; margin-top:30px; position:relative;}
	.gr_box .gr_con .gr_scon:last-child{margin-right:0;}

	.gr_box.gr_st01 .gr_con:before{width:52%; left:24%;}
	.gr_box.gr_st01 .gr_con .gr_scon{width:48%; margin-right:4%;}
	.gr_box.gr_st01 .gr_con .gr_scon:last-child{margin-right:0;}

	.gr_box .gr_con.gr_min01 .gr_scon{min-height:160px;}
	.gr_box .gr_con.gr_min02 .gr_scon{min-height:198px; }
	.gr_box.gr_st01 .gr_con.gr_min03 .gr_scon{min-height:160px;}
	.gr_box.gr_st01 .gr_con.gr_min04 .gr_scon{min-height:179px; }

	.gr_box .gr_con.gr_min05 .gr_scon{min-height: 174px;}
}
@media (min-width:1024px) {
	.gr_box .gr_con.gr_min01 .gr_scon{min-height:169px;}
	.gr_box .gr_con.gr_min02 .gr_scon{min-height:169px;}
	.gr_box.gr_st01 .gr_con.gr_min03 .gr_scon{min-height:169px;}
	.gr_box.gr_st01 .gr_con.gr_min04 .gr_scon{min-height:169px;}
	.gr_box .gr_con.gr_min05 .gr_scon{min-height:164px;}
}

/*아시아문화중심도시*/
.gr_box02.gr_city > div{float:left;}
.gr_box02.gr_city > div:nth-child(1){background:#448aca;}
.gr_box02.gr_city > div:nth-child(2){background:#32b16c;}
.gr_box02.gr_city > div:nth-child(3){background:#c45e81;}
.gr_box02.gr_city > div:nth-child(4){background:darkcyan;}

@media (min-width:768px) and (max-width:898px) {
	.gr_box02.gr_city > div{width:20%; margin-right:6.66%;}
	.gr_box02.gr_city > div:last-child{margin-right:0;}

	.gr_box03 .gr_list.gr_list03 > li > p{min-height:322px;}
}
@media all and (min-width:899px) {
	.gr_box02.gr_city > div{width:20%; margin-right:6.66%;}
	.gr_box02.gr_city > div:last-child{margin-right:0;}

	.gr_box03 .gr_list.gr_list03 > li > p{min-height:256px;}
}

.why_box01{border-bottom:1px solid #dcdcdc; padding-bottom:30px;}
.why_box01:first-child{border-top:1px solid #dcdcdc; padding-top:30px;}
.why_box01 .city01 > span{font-size:20px; margin-bottom:20px; display:block; font-weight:500;}
.why_box01 .city_right > span{display:block; margin-bottom:12px;}
.why_box01:nth-child(1) .city01 > span{color:#448aca;}
.why_box01:nth-child(2) .city01 > span{color:#32b16c;}
.why_box01:nth-child(3) .city01 > span{color:#c45e81;}

@media (min-width:768px) {
	.why_box01 .city01{overflow: hidden;}
	.why_box01 .city01 > span{float:left;  margin-left:40px;}
	.why_box01 .city_right{margin:2px 40px 0 18%;}
}

/*기대효과*/
.list_step.col05 > li  br{display:block;}
.list_step.col05 > li  span{display:block;}

@media (min-width:768px) and (max-width:959px) {
	.list_step.col05 > li{min-height:196px;}
}
@media (min-width:960px) and (max-width:987px) {
	.list_step.col05 > li{min-height:174px;}
}
@media (min-width:988px) and (max-width:1003px) {
	.list_step.col05 > li{min-height:152px;}
}
@media (min-width:1200px) {
	.list_step.col05 > li{min-height:284px;}
}

/*기대효과2*/
.list_step.col02 > li{width:100%;}

@media (min-width:768px) {
	.list_step.col02 > li{width:46%; margin:0 3.5% 0 3%;}
	.list_step.col02 > li:first-child{margin-left:0;}
	.list_step.col02 > li:last-child{margin-right:0;}
}
@media (min-width:1200px) {
	.list_step.col02 > li{width:48.5%; margin:0 0.5% 0 2.5%;}
	.list_step.col02 > li:first-child{margin-left:0;}
	.list_step.col02 > li:last-child{margin-right:0;}
}

/*전체메뉴보기*/
.sitemap{overflow:hidden;}
.sitemap_list .sitemap_con {padding:20px 0; border-radius:15px;}
.sitemap_list .sitemap_1dep {color:#1955cb;font-weight:500;margin-top:15px;font-size: 20px;margin-bottom:10px;}
.sitemap_list .sitemap_2dep {margin-bottom:10px;}
.sitemap_con .sitemap_2dep > li{margin-bottom: 10px;}
.sitemap_con .sitemap_2dep > li > p{font-size:16px; font-weight:400; border:#ddd solid 1px; text-align:center;}
.sitemap_con .sitemap_2dep > li > p > a{display:block; padding:10px 0;  transition:0.3s}
.sitemap_con .sitemap_2dep > li > p > a:hover{background:#f5f5f5; color:#000;  transition:0.3s}
.sitemap_con .sitemap_2dep .sitemap_3dep{margin:10px 0 15px;}
.sitemap_con .sitemap_2dep .sitemap_3dep > li{font-size:14px;}
.sitemap_con .sitemap_2dep .sitemap_3dep > li:before{display:inline-block; content: "";}
.sitemap_con .sitemap_2dep .sitemap_3dep > li > a{position:relative; display:block; padding:5px 15px;}
.sitemap_con .sitemap_2dep .sitemap_3dep > li > a:hover{color:#000; font-weight:500;}
.sitemap_con .sitemap_2dep .sitemap_3dep > li > a:before{content:''; display:block; position:absolute; top:50%; left:5px; width:4px; height:4px; background:#aaa; border-radius:50%; transition:0.3s;}
.sitemap_con .sitemap_2dep .sitemap_3dep > li > a:hover:before{width:6px; height:2px; border-radius: 0; background:#000; transition:0.3s;}

@media all and (min-width:768px) {
	.sitemap_list{clear:both;}
	.sitemap_list .sitemap_1dep{float:left; width:15%;}
	.sitemap_con{float:left; width:85% !important; padding-bottom:10px;}
	.sitemap_con .sitemap_2dep{display:block;margin-bottom:8px;}
	.sitemap_con .sitemap_2dep > li{ float:left; width:48%; margin-right:4%;}
	.sitemap_con .sitemap_2dep > li:nth-child(2n){ margin-right:0;}
	.sitemap_con .sitemap_2dep > li:nth-child(2n+1){ clear:left; }
}
@media all and (min-width:1024px) {
	.sitemap_con .sitemap_2dep > li{ float:left; width:32%; margin-right:2%;}
	.sitemap_con .sitemap_2dep > li:nth-child(2n){ margin-right:2%;}
	.sitemap_con .sitemap_2dep > li:nth-child(2n+1){ clear:none; }	
	.sitemap_con .sitemap_2dep > li:nth-child(3n){ margin-right:0;}
	.sitemap_con .sitemap_2dep > li:nth-child(3n+1){ clear:left; }	
}

/*배너 전체보기*/
.banner_all > ul{ display:flex; align-items:stretch; flex-wrap:wrap; justify-content: space-between; }
.banner_all > ul > li{ width:100%; margin:0 0 15px;  border:#eee solid 1px;  display:flex; justify-content:center; align-items:center;}
.banner_all > ul > li > a{ padding:10px 20px; text-align:center; line-height:1.3 }

@media all and (min-width:768px) {
	.banner_all > ul > li{ width:48%;}
}
@media all and (min-width:1024px) {
	.banner_all > ul > li{ width:30%;}
}

/*시청비전*/
.vision_box > div{margin-bottom:10%;}
.vision_box > div .fal.fa-wave-square, .vision_box > div .title{font-size:16px; display:block; font-weight:bold; color:#4532ae; text-align:center;}
.vision_box > div .title{font-size:20px; margin-top:5px; margin-bottom:20px;}
.vision_box > div img{display:block; max-width:100%; margin:0 auto;}

.vision_box .slogan_box{background:#e3eeff; padding:20px;}
.vision_box .slogan_box .title{margin-bottom:18px;}
.vision_box .slogan_box img{display:block; margin:0 auto;}
.slogan_box .slogan_btn{text-align:center; margin-top:20px;}
.slogan_box .slogan_btn span{display:inline-block; text-align:center; margin-bottom:5px;}

.vision_box .direction_box ul{margin-top:10px;}
.vision_box .direction_box ul li{padding:20px; text-align:center;}
.vision_box .direction_box ul li img{max-width:100%;}
.vision_box .direction_box ul li p{margin-top:20px;}
.vision_box .direction_box ul li p span:first-child{font-weight:bold; margin-bottom:10px; font-size:16px; display:block;}

.vision_box .method_box .method_cont{position:relative;}
.vision_box .method_box .method_cont img{position:relative; z-index:2; padding:0 10%;}
.vision_box .method_box .method_cont .method_back{position:absolute; background:#ebf4ff; width:100%; height:63%; border-radius:94px; top:22%;}

@media (min-width:768px) {
	.vision_box > div > .fal.fa-wave-square{font-size:18px;}
	.vision_box > div > .title{font-size:26px;}
	.vision_box .slogan_box{height:500px; padding-top:50px; position: relative; margin-bottom:100px;}
	.vision_box .slogan_box:after{content:''; display: block; background-image: url("/home/www/images/sub/slogan_bg.png"); background-size:contain; width:400px; height:264px; position:absolute; bottom:-60px; left:50%; margin-left:-250px;}
	.vision_box .slogan_box .slogan_btn{margin-top:30px;}

	.vision_box .direction_box ul{display:flex; flex-wrap:wrap; justify-content:center;}
	.vision_box .direction_box ul li{width:49%; margin-right:2%;}
	.vision_box .direction_box ul li:nth-child(2n){margin-right:0;}

	.vision_box .direction_box ul li p span:first-child{font-size:18px;}
}
@media (min-width:1024px) {
	.vision_box > div .fal.fa-wave-square{font-size:24px;}
	.vision_box > div .title{font-size:30px;}
	.vision_box .direction_box ul li{width:32%; margin-right:2%;}
	.vision_box .direction_box ul li:nth-child(2n){margin-right:2%;}
	.vision_box .direction_box ul li:nth-child(3n){margin-right:0;}
}
@media (min-width:1200px) {
	.vision_box .slogan_box{height:573px; padding-top:70px; margin-bottom:170px;}
	.vision_box .slogan_box:after{width:621px; height:410px; bottom:-140px; margin-left:-380px;}

	.vision_box .direction_box ul{margin-top:58px;}
	.vision_box .direction_box ul li p{margin-top:28px;}
	.vision_box .direction_box ul li p span:first-child{font-weight:bold; display:block; font-size:22px; margin-bottom:24px;}

	.vision_box .method_box .method_cont{margin-top:70px;}
	.vision_box .value_box img{margin-top:50px;}
}

/*시험/인사정보 게시물 글자크기 확대,축소*/
.followgj_video {width:60%; overflow:hidden;}
.followgj_video li {float:left; width:30%; margin:0 1%;}
.followgj_video li img {width:100%;}

/*가상키패드*/
#DIV_SECU_KEYPAD > div > div > div > div {box-sizing: content-box !important;}
#DIV_SECU_KEYPAD1 > div > div > div > div {box-sizing: content-box !important;}
#DIV_SECU_KEYPAD2 > div > div > div > div {box-sizing: content-box !important;}
#DIV_SECU_KEYPAD3 > div > div > div > div {box-sizing: content-box !important;}

/*비공개세부기준*/
.tab_month_ea {margin-bottom:20px}
.tab_month_ea li {display:inline-block; border:1px solid #ddd; margin-bottom:10px; text-align:center; margin-right:1%}
.tab_month_ea li a {display:block; padding:10px 20px; }
.tab_month_ea li a.tab_on {background-color:#e95800; color:#fff; border:none}

/*익스에서 border가 안나올때*/
.td_border_right{border-right:1px solid #d8d8d8 !important;}

/*조직정보*/
.graph_con01{margin-bottom:15px}
.graph_con01 p{margin-top:5px;}
.graph_con02 img{width:100%;}

@media (min-width:1024px){
	.graph_con01{width:60%; float:left; margin-right:9px; margin-bottom:5px;}
	.graph_con01.graph_bottom{margin-bottom:20px;}
	.graph_con01 p{margin-top:0;}
	.graph_con02 img{max-width:39%}

	.graph_con02 .graph05{max-width:34%}
	.graph_con02.con002 img{margin-top:24px}
}

/*ebook*/
.ebook_list ul {overflow:hidden;}
.ebook_list li {float:left; width:24%; text-align:center; border:1px solid #dcdcdc; padding:10px; border-radius:5px; margin-bottom:10px; margin-left:1%;}

@media all and (max-width:768px){
	.ebook_list{overflow:hidden;}
	.ebook_list li{ width:48%; margin-right:1%;}
}

/*공공데이터 수요조사*/
.top_box{border:1px solid #ccc; padding:30px; border-radius:10px;}
.top_box dl dt{margin:15px 0 8px;}
.top_box dl dt dd{font-size:15px; line-height:1.3;}
.mid_box{border:1px dotted #a1a1a1; padding:20px; text-align:center}
.mid_box p label{line-height:1.3;}

.red{color:#EB4141;}

@media all and (min-width:768px) {
	.write_row .col-md-10 .email_st{width:25%}
}

/*시청비전 new*/
.vs_tit{margin-top:30px;}
.vs_tit img{max-width:70%}
.imgback{margin-bottom:20px}
.goal_list{display:flex; flex-wrap:wrap; justify-content:space-between;}
.goal_list li{position:relative; width:calc(100%/2 - 10px)}
.goal_list img{max-width:100%;}

.vision_img{text-align:center; margin-bottom:30px;}
.vision_img span{position:relative;width: 100%;z-index: 0;}
.vision_img span:after{content:''; display:block; position:absolute;top: 31px;right: 0;width: 200%;height: 1px;background:url("/home/www/images/sub/vision_back.png") no-repeat;z-index: -1; background-size:cover;}
.vision_img:nth-of-type(2) span:after{background:url("/home/www/images/sub/vision_back02.png") no-repeat;}
.vision_img:nth-of-type(3) span:after{background:url("/home/www/images/sub/vision_back03.png") no-repeat;}
.vision_img:nth-of-type(4) span:after{background:url("/home/www/images/sub/vision_back04.png") no-repeat;}
.vision_img:nth-of-type(5) span:after{background:url("/home/www/images/sub/vision_back05.png") no-repeat;}

.vision_img img{display:block; margin:0 auto;}
.vision_img img:nth-of-type(1){margin:5px auto;}

@media all and (min-width:768px) {
	.vs_tit{margin-top:45px;}
	.vs_tit img{max-width:100%}
	.goal_list{margin-top:35px;}
	.goal_list li{width:calc(100%/5 - 10px)}
}
@media all and (min-width:1024px) {
	.goal_list{margin-bottom:70px !important;}
	.vision_img{margin-bottom:60px;}
}
@media all and (min-width:1440px) {
	.goal_list{justify-content:center;}
}

/* 개인정보처리방침 */
.label_wrap {position: relative;display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;align-items: center;width: 100%; padding: 0px 10px;}
.label_wrap .label_box {position: relative; width: 100%;padding: 5px;border-radius: 10px;box-shadow: 0 0.2rem 0.8rem rgb(22 71 170 / 20%);display: flex;flex-flow: column;justify-content: center;align-items: center;	margin-bottom: 20px;background-color: #fff;border: 1px solid #fff;min-height:166px;}
.label_wrap .label_box img {display: block; width: 80px;}
.label_wrap .label_box p.label_cnt {text-align:center; margin-top:10px;}
.privacy_stit {text-align:center; padding:10px; border-top:2px solid #7098ea; border-bottom:1px solid #ccc; background-color:#fcf5f0;}
.privacy_listbox ul {width: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;border:0;padding:0;margin:0;border-bottom:2px solid #7098ea;}
.privacy_listbox li {width: 100%;border-right:0 none;margin: 0;position: relative;border-bottom:1px solid #ccc;}
.privacy_listbox li a {display: block; color: #555; font-weight: 600; padding: 15px 12px;}

#privacy_list1 {border-top:0 none;}
h4.privacy_jo {color:#3f6cc5; border-top:2px dotted #ccc; padding-top:38px;}
h4.privacy_jo .privacy_titimg {max-width:32px; margin-left:5px; vertical-align: middle;}
h4.privacy_jo p {float: right;margin-bottom:0;}
h4.privacy_jo p a {margin-bottom:0;}

.content p.txt_blue {color:#063aa9; font-weight: 400;}
.content p.txt_point, .basic_table td.txt_point, .content span.txt_point {color:#063aa9; font-weight: 600; font-size:18px;}

@media all and (min-width:360px) {
	.label_wrap .label_box {width: 48%;}
}
@media all and (min-width:480px) {
	.privacy_listbox li {width: 50%;border-right:1px solid #ccc;}
	h4.privacy_jo p {float:right;}
}
@media all and (min-width:1024px) {
	.label_wrap .label_box {width: 18%; padding: 20px 5px;}
	.privacy_listbox li:nth-child(2n) {border-right:0 none; }
	.privacy_listbox li:last-child {border-right:0 none; border-bottom:0 none;}
}

.siiru-empwrap .empList table caption {display:block;}

.desi_wrap{text-align:center; margin:15px 0;}
.desi_wrap ul li{border-radius:10px; border:1px solid #dcdcdc; padding:25px 20px; margin-bottom:20px;}
.desi_wrap ul li img{max-width:100%; margin:15px auto;}
.desi_wrap ul li .tit{font-size:16px; font-weight:bold; color:#000;}
.desi_wrap ul li a{min-width:169px;}

@media (min-width:768px) {
	.desi_wrap ul{overflow:hidden;}
	.desi_wrap ul li{float:left; width:48%; margin-right:4%;}
	.desi_wrap ul li:nth-child(2n){margin-right:0;}
	.desi_wrap ul li img{margin:20px 0}
}
@media (min-width:1440px) {
	.desi_wrap ul li{width:49%; margin-right:2%; margin-bottom:30px;}
	.desi_wrap ul li .tit{font-size:18px;}
}

/*사실은 이렇습니다*/
.bodo_truth {color: #406ec8; font-size: 18px; font-weight: 600; margin-top: 5px;}
.content p.bodo_truth_view {padding: 5px 15px; font-size: 1.2em; font-weight: 600; color: #406ec8;}

/*열린게양대*/
.table_flag tr td{border-bottom:none !important;}
.table_flag tr:last-child td{border-bottom:1px solid #d8d8d8 !important;}

/*로그인화면*/
.findUser-tab ul li.active{border-top:2px solid #b0081e;}
.findUser-tab ul li.active a{color:#b0081e; font-weight:bold;}

/*조형물 기원 소개 new*/
ul.artwork_list {display:flex;flex-wrap:wrap;column-gap: 30px;justify-content:space-between;}
ul.artwork_list li {position:relative; width:calc(90%/2 - 10px);text-align:center;}
ul.artwork_list img {max-width:100%; margin-bottom:5px;}

@media all and (min-width:768px) {
	ul.artwork_list {margin-top:35px;}
	ul.artwork_list li {width:calc(100%/5 - 10px);}
}
@media all and (min-width:1024px) {
	ul.artwork_list {margin-bottom:70px !important;}
}
@media all and (min-width:1440px) {
	ul.artwork_list {justify-content:center;}
}

/*온라인여론조사 스타일 추가*/
.qustnrPrvc {width: 100%; border: #bcc8d5 1px solid; border-radius: 0.8rem; padding:25px 10px 10px 10px; font-weight: 700; margin: 1rem 0; background: #f4f9ff;}
.qust_con  {display:inline-block; margin-bottom:15px;}
.qust_con input { background: #fff; border: #d7d7d7 solid 1px; border-radius: 3px; line-height: 34px; padding: 5px 10px; margin-left: 10px; box-sizing: border-box;}
.qustnrDc {font-weight:600;}

/* 시민대상 수상자 */
.award_thumb {position: relative;display: block;margin: 10px 0;border-bottom: 1px solid #dedede;padding-bottom: 15px;}
.award_thumb > li {position: relative; display: block;background: #f9f9f9;width: 100%;min-height: 15rem;padding: 35px 33px 23px;margin-bottom: 20px;/* border-radius: 10px; */}
.award_thumb > li a {display: flex;width: 100%;height: 100%;flex-direction: row;flex-wrap: wrap;/* column-gap: 2.5em; cursor:default;*/}
.award_thumb > li a:hover .info_box span.info_box_btn {background: #3c69ca; color: #fff; border: 1px solid #3c69ca;}
.award_thumb > li a .info_img {position:relative;display: block;width: 140px;height: 170px;margin: 0 auto 10px;overflow: hidden;border-radius: 8px;box-shadow: 8px 11px 11px 0 rgb(78 78 78 / 16%);}
.award_thumb.award2 > li a .info_img {width: 300px;}
.award_thumb > li a .info_img img {width:100%;height: 100%;object-position: top;object-fit: cover;}
.award_thumb > li a .info_box {display: block;width: 100%;padding: 8px 0 0;}
.award_thumb > li a .info_box ul.noblet3 li.award_name::before,
.award_thumb > li a .info_box ul.noblet3 li.award_text::before {display: none;}
.award_thumb > li a .info_box .award_name {font-size: 1.5rem;font-weight: 600;padding-left: 0;color: #333;}
.award_thumb > li a .info_box .award_name span {font-size: 1rem;margin-left: 6px;color: #777;}
.award_thumb > li a .info_box .award_name::after {content:"";display:block;position:absolute;bottom: 3px;left: 0;width: 63px;height: 8px;}
.award_thumb > li a .info_box .award_text {padding-left: 0;}
.award_thumb > li a .info_box span.info_box_btn {padding: 5px 18px 5px 22px;transition: all 0.3s ease;}

.award_list {position: relative; display: block;margin: 10px 0;}
.award_list > li {display: block; width: 100%;min-height: 15rem;padding: 20px;margin-bottom: 20px;border-radius: 8px;}
.award_list > li .info_img {position:relative; display: block;height: 262px; overflow: hidden;margin: 0 auto;}
.award_list > li .info_img img {height: 100%;width:100%; object-fit: contain;}
.award_list > li .info_box {display: block; width: 100%; margin-top: 18px;}
.award_list > li .info_box ul.noblet3 li.award_name::before,
.award_list > li .info_box ul.noblet3 li.award_text::before {display: none;}
.award_list > li .info_box ul li {font-size:18px;font-weight: 500;margin-left: 10px;margin-bottom: 10px;}
.award_list > li .info_box .award_name {font-size: 1.5rem; font-weight: bold;padding: 18px 10px;margin-left: 0;margin-bottom: 25px;background: #f9f9f9;color: #222;text-align: center;}
.award_list > li .info_box .award_name span {font-size: 1rem;font-weight: 400;margin-left: 6px;color: #777;}
.award_list > li .info_box .award_name::after {content:"";display:block;position:absolute;bottom: 3px;left: 0;width: 63px;height: 8px;}
.award_list > li .info_box .award_text {padding-left: 0;padding-top: 15px;border-top: 1px dashed #ccc;line-height: 1.6;margin-top: 20px;}
.award_list > li .info_box span.info_box_btn {padding: 5px 18px 5px 22px;transition: all 0.3s ease;}
.award_thumb.award2 > li a .info_box .award_name {font-size: 1.5rem;font-weight: 600;padding-left: 0;color: #333;}
.award_thumb.award2 > li a .info_box .award_name span {font-size: 1.2rem; margin-left: 0; color: #333;}
.award_thumb p.btn_simindown strong {font-weight: 600; color: #111;}


@media all and (min-width:450px) {
	.award_thumb > li a .info_img {margin: 0 35px 10px 0;}
	.award_thumb.award2 > li a .info_img {margin: 0 25px 10px  0;}
}
@media all and (min-width:768px) {
	.award_thumb > li a .info_box {width: 100%;}
	.award_list > li .info_img {width:100%; height:auto;}
}
@media all and (min-width:1440px) {
	.award_thumb > li a .info_box {width: 80%;}
	.award_thumb.award2 > li a .info_box {width: 65%;}
}

/* 2025_행정조직도 */
.n_org_wrap{position:relative; overflow:hidden; overflow-x:auto; width:100%;}
.n_org_wrap .org_chart01{position:relative;width: 1000px;margin:0 0 50px;padding:0;padding-right: 0;font-weight:600;box-sizing: border-box;}
.n_org_wrap .org_chart01 p{margin: 0;}
.n_org_wrap .org_chart01 a{display:inline-block;box-sizing:border-box;word-break:break-all; line-height:43px;}
.n_org_wrap .org_chart01 ul,
.n_org_wrap .org_chart01 ol{margin: 0; padding: 0;}
.n_org_wrap .org_chart01 li{list-style-type:none;margin: 0;padding:0;text-align:center;}
.n_org_wrap .org_chart01 li:before{display: none;}
.n_org_wrap .org_chart01>li:first-child:after{content: '';display: inline-block;position: absolute;top: 0;left: 50%;bottom:0;width: 1px;height: 194px;background: #afafaf;}
.n_org_wrap .org_chart01 .head{display:inline-block;position: relative;}
.n_org_wrap .org_chart01 .head a{border-radius: 5px; width: 162px;height: 50px;margin: 0 auto;line-height: 49px;text-align: center;color: #fff;background: #bf3048;z-index: 90;position: relative;font-size: 18px;}

.n_org_wrap .org_chart01 .head a:after{content: ''; display: inline-block; height: 100%; vertical-align: middle;}

/* 대변인 */
.n_org_wrap .org_chart01 .head+ul{position:relative;margin: 20px auto 0;width: 60%; height:30px;}
.n_org_wrap .org_chart01 .head+ul>li{position:absolute; top:0; right:0;}
.n_org_wrap .org_chart01 .head+ul>li p{box-sizing: border-box;width: 185px;height: 50px;border: 1px solid #afafaf;border-radius: 4px;background: #fff;}
.n_org_wrap .org_chart01 .head+ul>li:after{content: '';display: inline-block;position: absolute;top: 50%;left: -115px;width: 115px;height: 1px;background:#afafaf;}

/* 부시장 */
.n_org_wrap .org_chart01>li.oc02{position:relative;margin: 130px 0 0 0;padding: 20px 0 0;display: flex;justify-content: center;}
.n_org_wrap .org_chart01>li.oc02:before{content: '';display: inline-block;position: absolute;top: -36px;left: 326px;height: 1px;width: 505px;background: #afafaf;}
.n_org_wrap .org_chart01>li.oc02>div{position:relative;margin: 0 6px; margin-right: auto;}
.n_org_wrap .org_chart01>li.oc02>div:before {content: '';position: absolute;top: -50px;left: 50%;width: 1px;height: 153px;background:#afafaf;}
.n_org_wrap .org_chart01>li.oc02>div.oc02_left {margin-right:50px}
.n_org_wrap .org_chart01>li.oc02 .second{position: absolute;top: -80px;left: 50%;transform: translateX(-50%);width: 185px;height:50px;border-radius: 3px;background: #37588f;z-index: 10;}
.n_org_wrap .org_chart01>li.oc02 .second a{display: block; width: 100%; height: 100%; font-size: 1.14em; color: #fff;}
.n_org_wrap .org_chart01>li.oc02 .second a:after{content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.n_org_wrap .org_chart01>li.oc02 .section{position:relative;top: 0;left: 0;margin: 10px 0 0;}
.n_org_wrap .org_chart01>li.oc02 .section>li:first-child{padding: 0 0 34px;}
.n_org_wrap .org_chart01>li.oc02 .section>li:first-child p{position:relative;z-index: 10;box-sizing:border-box;width:185px;height: 50px;margin-bottom: 8px;border:1px solid #afafaf;border-radius: 4px;background: #fff;left: calc(50% - 220px);}
.n_org_wrap .org_chart01>li.oc02 .section>li:first-child p:after{content: '';display: inline-block;position: absolute;top:25px;right: -36px;width: 36px;height: 1px;background: #afafaf;}
.n_org_wrap .org_chart01>li.oc02 .section>li:first-child p:nth-child(2):after{content: '';display: inline-block;position: absolute;top:25px;right: 183px;width: 36px;height: 1px;background: #afafaf;}
.n_org_wrap .org_chart01>li.oc02 .section>li:first-child p + p {min-height:50px;position: absolute;right: auto;top: 0;left: 332px;}
.n_org_wrap .org_chart01>li.oc02 .section>li:first-child p + p:after {}
.n_org_wrap .org_chart01>li.oc02 .section>li:first-child p a{display: block;width:100%;height: 100%;}
.n_org_wrap .org_chart01>li.oc02 .section>li:first-child p a:after{content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.n_org_wrap .org_chart01>li.oc02 .section>li:nth-child(2){position:relative;padding:27px 0 0;margin-top: 0;}
.n_org_wrap .org_chart01>li.oc02 .section>li:nth-child(2):after{content: '';display: inline-block;position: absolute;top:0;left: 50%;transform: translateX(-50%);width: calc(100% - 53px);height: 1px;background: #afafaf;}
.n_org_wrap .org_chart01>li.oc02 .section>li:nth-child(2)>ul:after{content: ''; display: block; clear: both;}
.n_org_wrap .org_chart01>li.oc02 .section>li:nth-child(2)>ul>li{float: left;position: relative;box-sizing:border-box;width: 40px;height: 220px;margin: 0 7px;border:1px solid #ddd;}
.n_org_wrap .org_chart01>li.oc02 .section>li:nth-child(2)>ul>li:after{content: '';display: inline-block;position: absolute;top:-27px;bottom: 0;right: 46%;width: 1px;background: #afafaf;}
.n_org_wrap .org_chart01>li.oc02 .section>li:nth-child(2)>ul>li>a{display: block;position: relative;z-index: 10;width: 100%;height: 100%;padding:20px 10px 0;background: #fff;font-size: 14px;line-height: 23px;}
.n_org_wrap .org_chart01>li.oc02 .section>li:nth-child(2)>ul>li:nth-child(3)>a, .n_org_wrap .org_chart01>li.oc02 .section>li:nth-child(2)>ul>li:nth-child(5)>a, .n_org_wrap .org_chart01>li.oc02 .section>li:nth-child(2)>ul>li:nth-child(10)>a{line-height: 22px;}

.n_org_wrap .org_chart01>li.oc02>div:nth-of-type(2) .section>li:first-child:after{top: -30px;bottom:30px;left: 124px;height: 122px;}
.n_org_wrap .org_chart01>li:nth-child(3) {position:absolute;right: 0;bottom:0;box-sizing:border-box;width:40px;height: 220px;border: 1px solid #ddd;}
.n_org_wrap .org_chart01>li:nth-child(3)>a {display:block; height:100%; padding:20px 10px 0; font-size:14px; line-height:23px;}
.n_org_wrap .org_chart01>li:nth-child(3):before{content: '';display: inline-block;position: absolute;top: -235px;bottom: 0;width: 1px;background: #afafaf;height: 235px;left: 18px;}
.n_org_wrap .org_chart01>li:nth-child(3):after{content: '';display: inline-block;position: absolute;top:-235px;right: 19px;width: 480px;height: 1px;background: #afafaf;}

.n_org_wrap .org_chart01>li.oc02 .section>li:nth-child(2)>ul>li>a.port01{line-height: 18px;}
.n_org_wrap .org_chart01>li.oc02 .section>li:nth-child(2)>ul>li>a.port02{line-height: 14px;}

/* 모바일 */
@media screen and (max-width:1439px){
	/* 행정조직도 */
	.n_org_wrap .org_chart01_m{box-sizing:border-box; position:relative; margin:0 0 50px; padding:0; font-weight: 600;}
	.n_org_wrap .org_chart01_m p{box-sizing:border-box; margin: 0;}
	.n_org_wrap .org_chart01_m a{display:inline-block; box-sizing:border-box;}
	.n_org_wrap .org_chart01_m ul,
	.n_org_wrap .org_chart01_m ol{box-sizing:border-box; margin: 0; padding: 0;}
	.n_org_wrap .org_chart01_m li{box-sizing:border-box; list-style-type:none; margin:0; padding:0; text-align:center;}
	.n_org_wrap .org_chart01_m li:before{display:none;}
	.n_org_wrap .org_chart01_m>li:after{content:''; display:block; clear:both;}
	.n_org_wrap .org_chart01_m .head{box-sizing:border-box; display:inline-block; float:left; z-index: 10; box-sizing:border-box; width:50%; padding-right:20px;}
	.n_org_wrap .org_chart01_m .head:after{content: ''; display: inline-block; position: absolute; top:0; left:10px; bottom:14px; width: 1px; margin:0; background: #afafaf;}
	.n_org_wrap .org_chart01_m .head a{box-sizing:border-box; position:relative; z-index:10; width:100%; height:30px; border-radius:4px; background:#0b50aa; font-weight:600; line-height:30px; color: #fff; letter-spacing: 10px; text-align: center;}

	/* 대변인 */
	.n_org_wrap .org_chart01_m .head+ul{float:right; position:relative; box-sizing:border-box; width:50%; padding-left:20px;}
	.n_org_wrap .org_chart01_m .head+ul>li{position:relative;}
	.n_org_wrap .org_chart01_m .head+ul>li:first-child:before{content: '';display: inline-block;position: absolute;top: 15px;left: -40px;right:0;height:1px;width: 100%;background: #afafaf;}
	.n_org_wrap .org_chart01_m .head+ul>li>a:before{content: ''; display: inline-block; position: absolute; top:15px; left:-40px; right:0; width:auto; height:1px; background: #afafaf;}
	.n_org_wrap .org_chart01_m .head+ul:after{content: '';display: inline-block;position: absolute;top:15px;left: 0;bottom: 20px;width: 1px;background: #afafaf;}

	.n_org_wrap .org_chart01_m .head+ul>li p {position: relative; box-sizing:border-box; margin-bottom:5px;}
	.n_org_wrap .org_chart01_m .head+ul>li>p a{display: block; position: relative; z-index: 10; width: 100%; height: 30px; border:1px solid #ddd; border-radius:4px; background: #fff; font-size: 14px; line-height:27px !important;}
	/* 부시장 */
	.n_org_wrap .org_chart01_m>li:nth-child(2){position:relative; margin:28px 0 0;}
	.n_org_wrap .org_chart01_m>li:nth-child(2)>div{position:relative;}
	.n_org_wrap .org_chart01_m>li:nth-child(2)>div.oc02_right{padding-top:28px}
	.n_org_wrap .org_chart01_m>li:nth-child(2)>div:after{content:''; display:block; clear:both;}
	.n_org_wrap .org_chart01_m>li:nth-child(2) .second{float:left; width:45%; padding-right:20px; margin-left:5%}
	.n_org_wrap .org_chart01_m>li:nth-child(2) .oc02_left .second:after{content: ''; display: inline-block; position: absolute; top: 14px; left:10px; right:0; width:10%; height: 1px; background:#afafaf;}
	.n_org_wrap .org_chart01_m>li:nth-child(2) .oc02_right .second:after{content: ''; display: inline-block; position: absolute; top: 44px; left:10px; right:0; width:10%; height: 1px; background:#afafaf;}
	.n_org_wrap .org_chart01_m>li:nth-child(2) .second a{display: block; position:relative; z-index:10; width: 100%; height: 30px; border-radius: 4px; background:#345693; line-height:30px; color: #fff;}

	.n_org_wrap .org_chart01_m>li:nth-child(2) .second a:after{content: ''; display: inline-block; height: 100%; vertical-align: middle;}
	.n_org_wrap .org_chart01_m>li:nth-child(2) .section{float:right; position:relative; width:50%; padding-left:20px;}
	.n_org_wrap .org_chart01_m>li:nth-child(2) .section:after{/* content: ''; */display: inline-block;position: absolute;top:15px;left:0;bottom:20px;width: 1px;background: #afafaf;}

	.n_org_wrap .org_chart01_m>li:nth-child(2) > div:nth-child(2) .section>li:first-child{line-height:0;}
	.n_org_wrap .org_chart01_m>li:nth-child(2) .section>li:before{content: ''; display: inline-block; position: absolute; top:15px; left:-40px; right:0; width:auto; height:1px; background: #afafaf;}
	.n_org_wrap .org_chart01_m>li:nth-child(2) .section>li:after{content: ''; display: inline-block; position: absolute; top:15px; left:0; bottom:20px; width: 1px; background: #afafaf;}
	.n_org_wrap .org_chart01_m>li:nth-child(2) .section>li:first-child p{position:relative;z-index: 10;box-sizing:border-box;}
	.n_org_wrap .org_chart01_m>li:nth-child(2) .section>li:first-child p:after{content: ''; display: inline-block; position: absolute; top: 50%; left:-20px; right:0; height: 1px; background:#afafaf;}
	.n_org_wrap .org_chart01_m>li:nth-child(2) .section>li:first-child p a{display: block; position: relative; z-index: 10; box-sizing:border-box; width: 100%; height: 30px; margin-bottom: 5px; border:1px solid #ddd; border-radius:4px; background: #fff; font-size: 14px; line-height:27px !important;}
	.n_org_wrap .org_chart01_m>li:nth-child(2) .section>li:nth-child(2):before{display:none;}
	.n_org_wrap .org_chart01_m>li:nth-child(2) .section>li:nth-child(2)>ul:after{content: ''; display: block; clear: both;}
	.n_org_wrap .org_chart01_m>li:nth-child(2) .section>li:nth-child(2)>ul>li{position: relative; box-sizing:border-box; margin-bottom:5px;}
	.n_org_wrap .org_chart01_m>li:nth-child(2) .section>li:nth-child(2)>ul>li:after{content: ''; display: inline-block; position: absolute; top: 50%; left:-20px; right:0; height: 1px; background:#afafaf;}
	.n_org_wrap .org_chart01_m>li:nth-child(2) .section>li:nth-child(2)>ul>li>a{display: block; position: relative; z-index: 10; width: 100%; height: 30px; border:1px solid #ddd; border-radius:4px; background: #fff; font-size: 14px; line-height:27px !important;}
	/* 소방안전본부 */
	.n_org_wrap .org_chart01_m>li:nth-child(3){position:relative; z-index:1;}
	.n_org_wrap .org_chart01_m>li:nth-child(3) > a{float:right; width:calc(50% - 20px); height:30px; border:1px solid #ddd; border-radius:4px; background:#fff; font-size:14px; line-height:27px !important;}
	.n_org_wrap .org_chart01_m>li:nth-child(3) > a:before{content:''; display:inline-block; position:absolute; top:50%; left:10px; right:0; z-index:-1; height:1px; background:#afafaf;}
}

/*아이디/비밀번호 찾기*/
.changepw_btn {margin: 20px 0;}
.changepw_btn a {background: #3c69ca; color: #fff; font-size: 1em; padding:20px; }
.findUserWrap section ul {margin: 0; padding: 20px 0 20px 0; list-style: none; font-weight: 400; font-size: 1em; }
.findUserWrap section ul li {padding: 0 0 0 10px;font-size: .9em; color: #838383; }

/* 행정통합 자주하는질문 */

.gjcn_faq_toptit {border-bottom: 1px dashed #083479;border-top: 1px dashed #083479;background: #13202b;border-radius: 10px;}
.faq_con_area {background: #e3e3e3;padding: 5px;border-radius: 10px;margin-top: 10px;}
.faq_con_area p.faq_question {border-radius: 10px;margin-bottom: 5px; }
.faq_con_area p.faq_question a.sub_btn {background: url(/home/www/images/sub/gjcn_qna_q.png);background-repeat: no-repeat;background-position: 0 50%; background-size:25px; display: block;padding: 0 0 0 30px;color: #fff;font-size: 18px; line-height:18px;} 
.faq_con_area p.faq_question div.faq_answer{width: 928px; display: block; border-radius: 10px; background: rgb(247, 247, 247); border: 1px solid rgb(187, 187, 187);}
.content p.gjcn_faq_title {
    padding-top: 25px;
    /* background: #395263; */
    color: #7cbff1;
    font-weight: 600;
    text-align: center;
    font-size: 18px;
}

.content p.accordion-title {
    padding: 10px 0 25px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #cccac5;
}

.content p.accordion-title_b {
    padding: 10px 0 25px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #555;
}

.accordion-header {
	background: #ebebeb;
	padding: 15px 40px 15px 10px !important;
	border-bottom: 1px solid #cccccc;
	cursor: pointer;
	color: #666666;
}
.active-header {
	background: url(/home/www/images/sub/faq_m.png) #fff;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.active-header span, .inactive-header span {
	font-size: 16px;
	font-weight: 600;
}
.active-header:hover {
	background: url(/home/www/images/sub/faq_plus.png) #fff;
	background-repeat: no-repeat;
	background-position: 96% 50%;
}
.inactive-header {
	background: #113e66;background:url(/home/www/images/sub/gjcn_qna_p.png), linear-gradient(0deg, rgba(17, 62, 102, 1) 0%, rgba(74, 143, 203, 1) 81%);background-repeat: no-repeat; background-position: 96% 50%;
}
.inactive-header:hover {
	
}
.accordion01.active-header {
	background: #113e66;background:url(/home/www/images/sub/gjcn_qna_m.png), linear-gradient(0deg, rgba(17, 62, 102, 1) 0%, rgba(74, 143, 203, 1) 81%);background-repeat: no-repeat; background-position: 96% 50%;
}
.accordion01.active-header span {
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-right: 20px;
}
.accordion01.inactive-header span {
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-right: 20px;
	font-weight:600;
}
.accordion02 {
	display: none;
	padding: 30px 20px 30px 45px;
	background: url(/home/www/images/sub/faq_a.png) #fff;
	background-repeat: no-repeat;
	background-position: 25px 35px;
	border-top: 0;
	border-radius: 10px;
	width: 100% !important;
}
.accordion02 p {color: #333;font-weight:500;}
.accordion02 p strong {font-weight:600; color:#111}
.accordion02 img {max-width:100%}

@media all and (min-width:1280px) {
	.faq_con_area {padding: 10px;}
	.content p.gjcn_faq_title {font-size: 28px;}
	.content p.accordion-title,.content p.accordion-title_b {font-size: 18px;}
	.accordion-header {padding: 30px 40px 30px 20px !important;}
	.gjcn_faq_btn a {font-size:18px;}
	.active-header span, .inactive-header span {font-size: 20px;}
	.accordion02 p {font-size: 18px;}
	.faq_con_area p.faq_question a.sub_btn {padding: 0 0 0 40px; line-height:26px;} 
	
}