@charset "utf-8";
/* 사전정보공개 */
.info_tab { border-bottom:1px solid #ddd; height:72px; }
#search_tab_type li { float:left; width:20%; margin-top:20px; }
#search_tab_type li div a { padding:15px; box-sizing:border-box; border-top:1px solid #ddd; background:#f9f9f9; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; display:block; font-size:15px; font-weight:600; text-align:center; }
#search_tab_type li:first-child div a { border-right:0; }
#search_tab_type li div a.on { background:#fff; margin-bottom:3px; border-top:2px solid #117fc3; border-bottom:0; }
#search_tab_type:after { content:''; display:block; clear:both; }
#brmTab {margin-top: 20px;}
#brmTab > ul {border: 1px solid #ddd; box-sizing: border-box; background: #fcfcfc !important;overflow: hidden;}
#brmTab > ul > li {float:left; width:20%; border-right:1px dashed #eee; border-bottom:1px solid #eee; background:#fff; text-align:center; box-sizing:border-box;}
#brmTab > ul > li.cate5,
#brmTab > ul > li.cate10,
#brmTab > ul > li.cate15,
#brmTab > ul > li.cate20 {border-right:none;}
#brmTab > ul > li.cate11,
#brmTab > ul > li.cate12,
#brmTab > ul > li.cate13,
#brmTab > ul > li.cate14,
#brmTab > ul > li.cate15 {border-bottom:none;}
#brmTab > ul > li.cate13 {border-right: 1px solid #eee;}
#brmTab > ul > li > a {display:block; height:115px; padding-top:10px; box-sizing:border-box;}
#brmTab > ul > li > a.on {background-color:#f2f6f9;}
#brmTab > ul > li > a > span {display:block; width:68px; height:68px; margin:0 auto 5px;background: #f1f1f1 url('/portal/img/sub/spr_ico_tabcategory.png') no-repeat 15px 18px;border-radius: 50%;}
#brmTab > ul > li > a.on > span {background-color: #fff;}
#brmTab > ul > li.cate2 > a > span {background-position:19px -45px;}
#brmTab > ul > li.cate3 > a > span {background-position:18px -115px;}
#brmTab > ul > li.cate4 > a > span {background-position:18px -177px;}
#brmTab > ul > li.cate5 > a > span {background-position:19px -237px;}
#brmTab > ul > li.cate6 > a > span {background-position:16px -296px;}
#brmTab > ul > li.cate7 > a > span {background-position:14px -361px;}
#brmTab > ul > li.cate8 > a > span {background-position:11px -427px;}
#brmTab > ul > li.cate9 > a > span {background-position:18px -495px;}
#brmTab > ul > li.cate10 > a > span {background-position:21px -558px;}
#brmTab > ul > li.cate11 > a > span {background-position:17px -635px;}
#brmTab > ul > li.cate12 > a > span {background-position:21px -712px;}
#brmTab > ul > li.cate13 > a > span {background-position:19px -781px;}
div[id^=deptTabSub] {width:100%;margin-top: 20px;}
div[id^=deptTabSub] ul {margin:0 auto; overflow:hidden; margin-top:15px; padding:13px 0 14px 4%; border:1px solid #ccc; border-top:2px solid #117fc3; box-sizing:border-box;}
div[id^=deptTabSub] li {position: relative;float:left; width:20%; padding-left:11px; background:url('/portal/images/page/bul_black.png') no-repeat 0 10px; text-align:left; box-sizing:border-box;}
div[id^=deptTabSub] li:before{content: '';position: absolute;width: 5px;height: 5px;border-radius: 50%;background: #fb8029;left: 0;top: 8px;}
.search_opendata {background: #f9f9f9;border: 1px solid #ddd;border-radius: 4px;margin-top: 20px;padding: 20px 0;box-sizing: border-box;text-align: center;}
.search_opendata #searchTxt {padding-left: 10px;height: 26px; width:300px !important;}
.search_opendata select { height:28px; }
.search_opendata .btn {margin-bottom: 0;}
.open_form {border-top:2px solid #5a5a5a;}
.open_form dl { background:#fafbfc; overflow:hidden;}
.open_form dl > * {padding:8px 0 8px 12px; min-height: 37px; box-sizing:border-box;}
.open_form dt, .open_form dd {border:1px solid #e2e2e4;border-top: none;}
.open_form dt {float:left; width:20%; height:auto; font-family: 'NanumSB';}
.open_form dd {float:left; width:80%; background:#fff;border-left: none;}
.open_form dd > * {vertical-align:middle; box-sizing:border-box;}
.open_form dd select { height:26px; border:1px solid #ccc; border-radius: 4px; font-size: 13px;}
.open_form dd input[type='text'],
.open_form dd input[type='password'] {height:26px; padding:4px 5px; border:1px solid #ccc; border-radius: 4px; font-size: 13px;}
.open_form dd input[type='file'] {border:1px solid #ccc; }
.open_form dd input[type='checkbox'] {vertical-align:middle;}
.open_form textarea {width:90%; border:1px solid #ccc; }

#deptTab {margin-top: 20px;}
#deptTab > ul {border: 1px solid #ddd; box-sizing: border-box; background: #fcfcfc !important;overflow: hidden;}
#deptTab > ul > li {float:left; width:20%; border-right:1px dashed #eee;  background:#fff; text-align:center; box-sizing:border-box;}
#deptTab > ul > li.cate5 {border-right:none;}
#deptTab > ul > li > a {display:block; height:115px; padding-top:10px; box-sizing:border-box;}
#deptTab > ul > li > a.on {background-color:#f2f6f9;}
#deptTab > ul > li > a > span {display:block; width:68px; height:68px; margin:0 auto 5px;background: #f1f1f1 url('/portal/img/sub/spr_ico_tabcategory.png') no-repeat -84px 17px;border-radius: 50%;}
#deptTab > ul > li > a.on > span {background-color: #fff;}
#deptTab > ul > li.cate2 > a > span {background-position:-73px -135px;}
#deptTab > ul > li.cate3 > a > span {background-position:-69px -308px;}
#deptTab > ul > li.cate4 > a > span {background-position:-76px -394px;}

@media all and (max-width:667px){
	#brmTab > ul > li, #deptTab > ul > li, .sub_opendata li {width: 25%;}
	#brmTab > ul > li.cate5, #brmTab > ul > li.cate10 {border-right: 1px dashed #eee;}
	#brmTab > ul > li.cate4,
	#brmTab > ul > li.cate8,
	#brmTab > ul > li.cate12 {border-right:none;}
	#brmTab > ul > li.cate11, #brmTab > ul > li.cate12 {border-bottom: 1px solid #eee;}
}
@media all and (max-width:568px){
	.search_opendata #searchTxt { width:40% !important; }
	#search_tab_type li { width:30%; }
	#brmTab > ul > li, div[id^=deptTabSub] li {width: 33.33333333333333%;}
	#brmTab > ul > li.cate4, #brmTab > ul > li.cate8 {border-right: 1px dashed #eee;}
	#brmTab > ul > li.cate3,
	#brmTab > ul > li.cate6,
	#brmTab > ul > li.cate9,
	#deptTab > ul > li.cate4 {border-right:none;}
	.open_form dt{width:30%;}
	.open_form dd{width:70%;}
}
@media all and (max-width:414px){
	#search_tab_type li { width:50%; }
	#brmTab > ul > li, #deptTab > ul > li, .sub_opendata li {width: 50%;}
	#deptTab > ul > li.cate1, #deptTab > ul > li.cate2 { border-bottom:1px solid #eee; }
	#brmTab > ul > li.cate3, #brmTab > ul > li.cate9 {border-right: 1px dashed #eee;}
	#brmTab > ul > li.cate2,
	#brmTab > ul > li.cate4,
	#brmTab > ul > li.cate6,
	#brmTab > ul > li.cate8,
	#brmTab > ul > li.cate10,
	#deptTab > ul > li.cate2 {border-right:none;}
}

/* 사용전검사제도 */
.process_box { margin:0 auto; margin-top:20px; background:url(/portal/img/sub04/bg_process.png) 20px 17px no-repeat; }
.process_box > ul > li { position:relative; margin-top:30px; }
.process_box li:first-child { margin-top:0; }
.process_box li div { width:90%; margin:0 auto; padding:15px; text-align:center; border-radius:10px; border:2px solid #daebc2; background:#f1f9e6; box-sizing:border-box; }
.process_box li.even div { border:2px solid #ffe8cb; background:#fff3e5; }
.process_box li div p { font-size:16px; letter-spacing:-1px; }
.process_box li div span { font-size:16px; color:#0567ad; }
.process_box li ul { width:92%; margin:0 auto; }
.process_box li ul li { position:relative; width:50%; }
.process_box li ul li div { width:95%; }
.process_box li ul:after { content:''; display:block; clear:both; }
.process_box > ul > li:before { content:''; border-top:10px solid #92a3a0; border-left:10px solid transparent; border-right:10px solid transparent; width:0px; height:0px; position:absolute; margin-top:-20px; margin-left:-5px; left:50%; }
.process_box > ul > li:first-child:before { display:none; }
.process_box > ul > li.last_list:before { display:none; }
.process_box > ul > li > ul > li:before { content:''; border-top:10px solid #92a3a0; border-left:10px solid transparent; border-right:10px solid transparent; width:0px; height:0px; position:absolute; margin-top:-20px; margin-left:-5px; left:50%; }
.process_box li div.txt { position:absolute; border:0; width:auto; background:none; padding:0; border-radius:0; top:-25px; right:17%; }
.process_box li div.txt p { font-size:14px; }
.process_box > ul > li.var:after { content:''; display:block; width:27px; height:1px; border-top:2px solid #0567ad; position:absolute; left:20px; top:50%; margin-top:-1px; }

.inter_info { background:none; }

@media (max-width:1024px){
	.process_box { background-position:5px 17px; }
	.process_box > ul > li.var:after { left:5px; }
	.process_box li div.txt { right:15%; }
}

@media (max-width:810px){
	.process_box li div.txt { right:10%; }
}

@media all and (max-width:667px){
	#tab_category > ul > li, .sub_opendata li {width: 25%;}
	#tab_category > ul > li.cate5, #tab_category > ul > li.cate10 {border-right: 1px solid #eee;}
	#tab_category > ul > li.cate4,
	#tab_category > ul > li.cate8,
	#tab_category > ul > li.cate12 {border-right:none;}
	#tab_category > ul > li.cate11, #tab_category > ul > li.cate12 {border-bottom: 1px solid #eee;}
}

@media (max-width:625px){
	.process_box { background:none; }
	.process_box > ul > li.var:after { display:none; }
}

@media all and (max-width:568px){
	#tab_category > ul > li, .sub_opendata li {width: 33.33333333333333%;}
	#tab_category > ul > li.cate4, #tab_category > ul > li.cate8 {border-right: 1px solid #eee;}
	#tab_category > ul > li.cate3,
	#tab_category > ul > li.cate6,
	#tab_category > ul > li.cate9 {border-right:none;}
	.open_form dt{width:30%;}
	.open_form dd{width:70%;}
}

@media (max-width:565px){
	.process_box li div.txt { right:5%; }
}

@media (max-width:445px){
	.process_box li div.txt { right:2%; }
	.process_box li div.txt p { font-size:12px; }
}

@media all and (max-width:414px){
	#tab_category > ul > li, .sub_opendata li {width: 50%;}
	#tab_category > ul > li.cate3, #tab_category > ul > li.cate9 {border-right: 1px solid #eee;}
	#tab_category > ul > li.cate2,
	#tab_category > ul > li.cate4,
	#tab_category > ul > li.cate6,
	#tab_category > ul > li.cate8,
	#tab_category > ul > li.cate10 {border-right:none;}
}

@media (max-width:340px){
	.process_box li div p,
	.process_box li div span { font-size:14px; }
}

/* 평생학습마을 사진 */
.photo_list {margin: 20px 0 0 30px;}
.photo_list li {float: left;margin:0 1% 7px 0;}
.photo_list.li2 li {width: 49.5%;}
.photo_list.li3 li {width: 32.66666666666667%;}
.photo_list.li4 li {width: 24.25%;}
.photo_list li img {width: 100%;border: 1px solid #ddd;padding: 4px; box-sizing: border-box;}
.photo_list.li2 li.photo_02, .photo_list.li2 li.photo_04, .photo_list.li3 li.photo_03, .photo_list.li4 li.photo_04  {margin-right: 0;}
@media all and (max-width:568px){
	.photo_list li {float: left;width: 49.5% !important;margin-right: 1%;}
	.photo_list li.photo_02 {margin-right: 0 !important;}
}

/* 광주비전 */
.gj_vision { padding:30px 10px 0; box-sizing:border-box; border-top:2px solid #0567ad; border-bottom:1px solid #ddd; }
.gj_vision li { float:left; width:25%; margin-bottom:40px; }
.gj_vision li > div { width:90%; margin:0 auto; }
.gj_vision li > div a { position:relative; border:1px solid #ddd; display:block; }
.gj_vision li > div a:hover:after { content:''; display:block; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5) url(/tour/img/sub03/bg_cultural_plus.png) no-repeat center; width:100%; height:100%; }
.gj_vision li img { display:block; margin:0 auto; }
.gj_vision li .con { margin-top:10px; text-align:center; padding:8px 0; }
.gj_vision li .con .title { display:inline-block; border-radius:30px; background:#0394d8; vertical-align:middle; padding:2px 12px; }
.gj_vision li .con .title p { color:#fff; }
.gj_vision li .con .txt { display:inline-block; font-size:18px; font-weight:600; margin-left:5px; vertical-align:middle; }
.gj_vision ul:after { content:''; display:block; clear:both; }

.gj_vision_view { padding:30px 20px; box-sizing:border-box; border-top:2px solid #0567ad; border-bottom:1px solid #ddd; }
.gj_vision_view .img { float:left; border:1px solid #ddd; width:234px; height:338px; }
.gj_vision_view img { display:block; margin:0 auto; }
.gj_vision_view .txt { float:right; margin-top:20px; width:73%; }
.gj_vision_view .txt ul { margin-top:30px; }
.gj_vision_view .txt li { position:relative; padding-left:17px; font-size:16px; margin:15px 0 0 15px; border-bottom:1px dashed #ddd; padding-bottom:15px; }
.gj_vision_view .txt li:before { content:''; position:absolute; left:0; top:2px; width:11px; height:15px; background:url(/common/img/common/spr_bu.png) no-repeat 0 -66px; }
.gj_vision_view .visual:after { content:''; display:block; clear:both; }
.gj_vision_view .con { padding:30px; box-sizing:border-box; margin-top:20px; border-radius:10px; background:#f9f9f9; }
.gj_vision_view .con h5 { margin-left:0; margin-top:0; }
.gj_vision_view .con p { margin-top:15px; }
 .bt_list { text-align:center; float:right; margin-top:20px; margin-bottom:10px; }
.bt_list a { display:inline-block; background:#fff; font-size:15px; border:2px solid #ddd; padding:10px 15px; box-sizing:border-box; }

@media all and (max-width:1024px){
	.gj_vision_view .txt { width:70%; }
}

@media all and (max-width:900px){
	.gj_vision_view .txt { width:66%; }
}

@media all and (max-width:791px){
	.gj_vision li { width:33.33333333333333%; }
	.gj_vision_view .txt { width:62%; }
}

@media all and (max-width:710px){
	.gj_vision_view .txt { width:100%; }
	.gj_vision_view .img { float:none; margin:0 auto; }
}

@media all and (max-width:605px){
	.gj_vision li { width:50%; }
}

@media all and (max-width:415px){
	.gj_vision li { margin-bottom:20px; }
	.gj_vision li .con .title { display:block; }
	.gj_vision li .con .txt { display:block; margin-left:0; margin-top:5px; font-size:17px; }
}

@media all and (max-width:350px){
	.gj_vision li { width:100%; }
	.gj_vision li .con .title { display:inline-block; }
	.gj_vision li .con .txt { display:inline-block; margin-left:5px; margin-top:0; font-size:18px; }
}

/* 시민아카데미신청 */
.academy_list { margin-top:10px; }
.academy_list .list_num { width:5%; }
.academy_list .list_year { width:6%; }
.academy_list .list_mon { width:10%; }
.academy_list .list_term { width:15%; }
.academy_list .list_person { width:10%; }
.academy_list .list_condition { width:8%; }
.academy_list .list_application { width:12%; }

.academy_list .list_tit { text-align:center; }
.academy_list .list_condition span { display:block; padding:3px 0; border-radius:3px; box-sizing:border-box; background:#949a9c; color:#fff; }
.academy_list .list_condition span.receive { background:#0394d8; }
.academy_list .list_condition span.deadline { background:#e61060; }
.academy_list .btn_application {  padding:5px 20px; border-radius:3px; box-sizing:border-box; background:#fff; border:1px solid #ddd; }

.map_wrap div{border-bottom: 1px dashed #ddd; padding-bottom: 20px; margin-top: 20px;}
.map_wrap div.last{border-bottom: 0;}
.map_wrap p{float: left; padding-top: 80px; background: url(/portal/img/sub01/spr_map.png) no-repeat; font-size: 17px; font-family: 'NanumSB'; width: 15%; 
text-align: center; color: #276cad;}
.map_wrap ul{float: left; width: 80%;}
.map_wrap .car p{background-position: center 0;}
.map_wrap .subway p{background-position: center -273px; padding-top: 94px;}
.map_wrap .bus p{background-position: center -552px;}
.map_wrap .add{background: #f7f7f7;}
.map_wrap .add p{background-position: center -912px;}
.map_wrap .add ul{margin-top: 50px !important;}

@media (max-width: 644px){
	.map_wrap p{margin-bottom: 10px;}
	.map_wrap p, .map_wrap ul{float: none; width: 100%;}
	.map_wrap .add ul{margin-top: 10px !important;}
}