@charset "utf-8";

.content h4 {font-size:20px; padding:10px 0; color:#3f3f3f;}
.content h5 {font-size:18px; padding:8px 0 5px 20px; color:#206EEC; position:relative;}
.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:#206EEC; border-radius: 30px;}
.content h5::after {width:5px; height:5px; top:14px; left:5px; background:#fff; border-radius: 30px;}
.content h6 {font-size:16px; padding:6px 0 6px 10px; color:#565656; position:relative;}
.content h6::before {display:block; position:absolute; top:12px; left:0; content:""; width:5px; height:5px; background:#565656; border-radius:10px;}
.content p {color:#595959;font-size:14px; font-weight: 400; line-height: 1.3;}
.content .caution {color:#f00; font-weight:500;}

/* (공통)서브 하단 배너모음 선 추가 */
.total_banner {border-top: 1px solid #E9E9E9;}

.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:8px;left:0;width:6px; height:2px;border-radius:10px; background:#565656;} 
.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.noblet li {padding-left:0;} /* list_basic 앞 기호 없음 */
.list_basic.noblet li::before {display:none;}
.list_basic li span.refer {background: #f7f7f7; padding: 5px; display: block; margin: 5px 0; font-size: 14px;}

.col_list{ padding:15px;  overflow:hidden}
.col_list > li{ margin-bottom:15px; }
.col_list > li img{ max-width:100%; }

@media all and (min-width:1024px){
	.col_list > li{ float:left; }
	.col_list.col2 > li{ width:50%; }
	.col_list.col2 > li:nth-child(2n+1){ clear:left;}
	.col_list.col3 > li{ width:33.33333%; }   
	.col_list.col3 > li:nth-child(3n+1){ clear:left;}
}

.dl_basic dt{ font-size:18px; font-weight:500;  line-height:1.3; margin-bottom:10px; }
.dl_basic dd{ font-weight:300;  line-height:1.3; margin-bottom:10px; }

.box_default {background:#f5f5f5; padding:15px; color:#5d5d5d;}
.box_st01 {border: #bcd2ff solid 1px;}
.box_st01 .inner {border:#f3f7ff 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:#206EEC solid 3px; border-top:#206EEC solid 3px;}
.box_st02:after {right:0; bottom:0; border-right:#206EEC solid 3px; border-bottom:#206EEC solid 3px;}
.box_st02 img{ display:block; width:auto; margin:15px auto; }

.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_small{ display:inline-block; padding:5px 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_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_st01{display:inline-block; border-radius:20px;}
.btn_st01:after{display:none;}
.btn_st01:before{display:inline-block; vertical-align:0; content:"\f80c"; font-weight:300; line-height:16px; font-family:"Font Awesome 5 Pro"; background:#2e81b6; border-radius:50px; padding:10px; color: #fff;}

.color01 {color:#eb4141;}
.color02 {color:purple;}
.color03 {color:#206EEC;}
.weight01{font-weight:500;}
.weight02 {font-weight:700;}

/*기본테이블*/
.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:#d8d8d8 solid 1px;}
.basic_table tbody tr th,.basic_table tbody tr td {padding:10px 5px; border:#d8d8d8 solid 1px;}
/*.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0; }*/
.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;}
.basic_table img {vertical-align:middle;}
.border_none {border-right:none;}

.basic_table.t_td_center td, 
.basic_table.t_td_center th {text-align:center; padding:8px;}

.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 thead tr th {text-align:center;}
.table_center tbody tr td {text-align:center;}

.td_right {border-right:1px solid #d8d8d8 !important;}
.td_line_r {border-right:1px solid #d8d8d8 !important;}

/*반응형테이블*/
.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;}
}
@media all and (min-width:768px){
	.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;}
} 
@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; }
	.list_basic li span.refer {font-size:15px; }

	.box_default {padding:30px; }
	.box_default p {font-size:14px;}
	.box_st01 .inner {border:#f3f7ff solid 9px; padding:30px;}
	.box_st02 {padding:40px 60px; overflow:hidden;}
	.box_st02 img {float:left; margin-right:40px;}
	.box_st02 strong {font-size:20px;}
	.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.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:60px;}
	.box_st02 .img_mb01{margin-bottom:112px; margin-right:21px;}
	.box_st02 .mt10 > .img_mb02{margin:0 10px 0 0;}
}

.inquiry{ padding:20px 0; }
.inquiry input[type='radio'] + label{ margin:5px; }
.inquiry .exp{ font-weight:500; margin-bottom:15px; }
.inquiry .btn_confirm{ display:inline-block; padding:10px 20px; border-radius: 20px;  border:#404040 solid 1px; }
.inquiry .exp_red{ margin-top:10px; color:#eb4141; }
.inquiry .btn_request{ display:block; width:100px; margin:20px auto 0 auto;  padding:15px; text-align: center; background:#eb4141; color:#fff;  border-radius: 30px; }
.inquiry .car_num{ width:150px; }

@media all and (min-width:1024px){
	.inquiry .exp{display:inline-block; margin-right:20px;  }
	.inquiry .exp_red{ display:inline-block; margin-left:20px;  }
}

.step_list01{ padding:20px; overflow:hidden;}
.step_list01 li{ position:relative; float:left; width:23%; margin-right:1.33333%; border:#ddd solid 1px; padding:30px 0; font-size:14px; font-weight:bold; line-height:1.3; text-align:center; }
.step_list01 li:last-child:after{ display:none;}
.step_list01 li:after {position:absolute;right:-10px;top:50%; transform:translateY(-50%); display:inline-block; content:"\f105"; color:#222; font-family:"Font Awesome 5 Pro"; font-size:20px; font-weight:500; z-index:20; background:#fff; }
.step_list01 li span {font-weight:normal}

@media all and (min-width:768px){
	.step_list01 li{ font-size:18px; }
}

.step_list02{ padding:15px; overflow:hidden;}
.step_list02 > li{ position:relative; text-align:center; margin-bottom:30px; }
.step_list02 > li:after{ position:absolute; bottom:-30px; left:50%; transform:translateX(-50%) rotate(90deg); display:inline-block; content:"\f105"; color:#222; font-family:"Font Awesome 5 Pro"; font-size:30px; font-weight:500; z-index:20; background:#fff; }
.step_list02 > li:last-child:after{ display:none;}
.step_list02 li .title{ display:block; padding:20px; border:#212121 solid 1px; border-radius:10px; }
.step_list02 ul { margin:10px 0; }
.step_list02 ul li{ text-align:left; }

@media all and (min-width:1024px){
	.step_list02 > li{ float:left; width:19%; margin-right:1.25%; } 
	.step_list02 > li:last-child{ margin-right:0; }
	.step_list02 li .title{ padding:20px 0; font-size:16px; font-weight:bold; word-break:keep-all; line-height:1.3 }
	.step_list02 ul{ margin-top:15px; }
	.step_list02 ul li{ font-size:14px; }
	.step_list02 ul li .btn_small{ font-size:12px; display:block; text-align:center; }
	.step_list02 > li:after{ left:auto; right:-15px; bottom:auto; top:30px;  transform:translateX(0) translateY(-50%) rotate(0deg);}
}

/*img_wrap*/
.img_wrap { padding:20px 0; }
.img_wrap img{ display:block; max-width:100%; margin:0 auto }

.right_img{ clear:both; padding:15px 0;}
.right_img img{ display:block; max-width:100%; margin:0 auto; }

@media all and (min-width:1024px){
	.right_img{ float:right;  margin-left:20px; }
}

.left_img{ clear:both; padding:15px 0;}
.left_img img{ display:block; max-width:100%; margin:0 auto; }

@media all and (min-width:1024px){
	.left_img{ float:left;  margin-right:20px; }
}

/*design_result*/
.design_result{ text-align:center; padding:30px 0; }
.design_result .title{ display:block; line-height:1.5; font-size:20px; font-weight:300 }
.design_result .title span{ display:block; font-weight:bold; }
.result_img{ text-align:center; }
.result_img li{ display:inline-block; margin:20px; }
.result_img li img{ max-width:100%}
.result_text li .title{ display:inline-block; padding:10px 20px; border-radius:20px; font-weight:bold;  color:#fff; }
.result_text li .title01{ background:#ea68a2;}
.result_text li .title02{ background:#4cb5be; }
.result_text li p{ line-height:1.3; margin-top:10px; margin-bottom:20px; }

/* 단계_기본5개 */
.list_step{margin: 15px;}
.list_step > li{ text-align:center; border:1px solid #d8d8d8; border-radius:5px; margin-bottom:40px; position:relative; padding:10px;  line-height:1.4; font-size:15px; }
.list_step > li > p {font-size:15px;}
.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;}
.list_step .part{display:block; background:#f8f8f8; padding:10px; margin-top:10px;}

@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:23%; 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_step .part{display:block; background:#f8f8f8; padding:10px; margin-top:10px;}

@media (min-width:1024px) {
	.list_step.col07 li{min-height:210px;}
}
@media (min-width:1200px) {
	.list_step.col07 > li{width: 22%;min-height:220px; margin:0 1% 20px 2.2%;}
	.list_step.col07 > li:first-child{margin-left:0;}
	.list_step.col07 > li:last-child{margin-right:0;}
}

/* 노인맞춤돌봄서비스 */
@media (min-width:768px) {
	.list_step.col07.col07_1 > li{min-height:140px;}
}
@media (min-width:1200px) {
	.list_step.col07.col07_1 > li{min-height:161px;}
}

/* 긴급지원 흐름도 */
@media (min-width:768px) {
	.list_step.col05 li{min-height:138px;}
	.list_step.col05.h100 li {min-height:66px;}
}
@media (min-width:1024px) {
	.list_step.col05 li{min-height:160px;}
}
@media (min-width:1200px) {
	.list_step.col05 li{width:30.8%;  margin:0 0.5% 20px 2%;}
	.list_step.col05.h100 li {min-height:65px;}
}

/* 청년주택임차보증금 */
.youthhouse {background: none; height: auto; position: relative;}
.youthhouse .youthhouse_text {position: relative;}
.youthhouse .youthhouse_text h4 {color: #e54e70; font-size: 30px; margin-bottom: 0;}
.youthhouse .youthhouse_text p {color: #4e4e4e; font-size: 17px; line-height: 1.3;}
.youthhouse .youthhouse_text p span {font-weight: 600;}
.youthhouse .btn_sharecar_positon {position: relative; margin-top: 10px;}
.youthhouse .btn_sharecar_positon a {margin-right: 10px;}

@media (min-width:1024px) {
	.youthhouse {background: url(/home/mogef/images/sub/www844_bg.jpg) center center no-repeat; width: 900px; height: 285px; position: relative;}
	.youthhouse .youthhouse_text {position: absolute; top: 45px; left: 330px;}
	.youthhouse .youthhouse_text h4 {margin-bottom: 10px;}
	.youthhouse .btn_sharecar_positon {position: absolute; bottom: 50px; left: 330px; margin-top: 0;}
}

.txt_red {color: #eb4141 !important;}
.weight01{font-weight:500;}

/* 영상 자막 */
.video_textbox {padding:10px; height:320px; overflow:auto;}
.video_textbox p {padding-top:10px;}

/* 공익위반 제보 */
.report_box{width:100%;}
.report_box .box_01{width:80%; margin:20px auto; border:1px solid #dcdcdc; border-radius:10px;}
.report_box .box_01 span{display:block; text-align:center; font-weight:500; background:#f8f8f8; padding:18px 0;}
.report_box .box_01 img{display:block; max-width:100%; padding:15px; margin:0 auto;}
.report_box .box_01 p{display:block; text-align:center; margin:10px 0; line-height:1.5; padding:0 18px;}

@media all and (min-width:768px) {
	.report_box{margin:0 auto;}
	.report_box .box_01{float:left; width:48%; margin-right:4%;}
	.report_box .box_01:nth-child(2){margin-right:0;}
	.report_box .box_01 p{padding:0 17px;}
}

/* 청년청소년 희망플러스사업 */
.content p.youthplus_toptitle {font-size:22px; font-weight:bold; color:#d62626; text-align:center; margin:30px 0 0;}
.youthplus_list {margin:30px 0 20px; line-height:24px; font-weight:bold;  text-align:center;}
.youthplus_list p.youthplus_num {border-top:2px solid #222; background:#7d63fd; padding:10px; color:#fff; font-size:18px;}
.youthplus_list p.youthplus_num.bgcolor1 {background:#319de4;}
.youthplus_list p.youthplus_num.bgcolor2 {background:#3dcdd1;}
.youthplus_list p.youthplus_title {padding:10px; border-bottom:1px solid #222;font-size:18px; color:#111;}
.youthplus_list p.youthplus_title.bgcolor1 {background:#e7eff4;}
.youthplus_list p.youthplus_title.bgcolor2 {background:#eef9f9;}
.youthplus_con {margin:10px 10px 30px;}
.youthplus_con p.circle_num {color:#111; }
.youthplus_con p.circle_num strong {font-weight:bold; }
.youthplus_con_box {border:1px solid #ccc; border-radius:5px; padding:10px;}
.youthplus_con_box .con_comment {color:#276fc7; }

/* 외국인주민 광주생활가이드 */
.guide_list li{margin-bottom:20px;}
.guide_list img{max-width:100%; margin:10px 0;}

@media all and (min-width:1024px) {
	.guide_list{overflow:hidden; width:79%; margin:0 auto;}
	.guide_list li{float:left;}
	.guide_list li:nth-child(odd){margin-right:10%;}
	.guide_list li:nth-child(3), .guide_list li:nth-child(4){margin-top:40px;}
	.guide_list .guide_btn{text-align:center;}
}

/* new조직도 */
.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: 137px; 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:17px;}
	.org_box0001 .org_box0001_all .style01{width:100%}
}
@media all and (min-width:1440px) {
	.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:370px; 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;}
	.org_box0001 .org_box0001_left01.left_bottom{position: relative;}
	.org_box0001 .org_box0001_left01.left_bottom:before{content: "";display: block;width: calc(50% - 33px); height:1px; background:#aaa; top:0;left: 68px;position: absolute;}
	.org_box0001 .org_box0001_left01.right_bottom{position:relative;margin-left: 54.5%;margin-top: -98px;}
	.org_box0001 .org_box0001_left01.right_bottom:before{content: "";display: block;width: calc(50% - 33px); height:1px; background:#aaa; top:0;left: 68px;position: absolute;}

	.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: 277px; margin-left:calc(50% - 26px) !important}
	.org_box0001 .org_box0001_left02.left02:before{content: "";display: block;width: 116px; 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% - 184px);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:41px; background:#aaa;top: -42px;right: 31.4%;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:23%}
	.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;}
}

/* 대학협력 */
.uni_box{text-align:center;}
.uni_box h4{line-height:1.5; font-weight:400;}
.uni_box em{display:block; font-weight:bold;}
.uni_box .ora{color:#c97d0c; margin-right:6px;}
.uni_box .blu{color:#124eb1;}
.uni_box .bottom{padding:20px 0;}
.uni_box .bottom div{border:1px solid #dcdcdc; border-radius:10px; margin-bottom:15px;}
.uni_box .bottom div:last-child{margin-bottom:0;}
.uni_box .bottom div p{background:#f8f8f8; padding:10px 0; font-weight:400}
.uni_box .bottom div ul li ul{padding:15px 0;}
.uni_box .bottom div ul li ul li p{min-width:210px;display: inline-block; border:1px solid #3c69ca; border-radius:5px; background:#fff; color:#3c69ca; font-size:14px; margin-top:5px;}

@media (min-width:768px) {
	.uni_box .bottom div{width:50%; margin:15px auto;}
}
@media (min-width:1024px) {
	.uni_box .top{overflow:hidden;}
	.uni_box h4{text-align:left; float:left;}
	.uni_box .btn{float:right;}
	.uni_box .btn a{font-size:18px; margin-top:20px;}
	.uni_box .bottom{overflow:hidden;}
	.uni_box .bottom div{float:left; width:32%; margin-right:2%; min-height:230px;}
	.uni_box .bottom div:last-child{margin-right:0;}
}
@media (min-width:1440px) {
	.uni_box h4{font-size:22px;}
	.uni_box h4 em{font-size:30px;}
	.uni_box .btn a{margin-top:25px;}
	.uni_box .bottom div{margin-top:0; margin-bottom:0}
}

/* 대힉협력사업 */
.uni_busi_box div{margin-top:15px;}
.uni_busi_box.box1{margin-top:15px;}
.uni_busi_box .left{text-align:center;}
.uni_busi_box .left img{max-width:100%;}
.uni_busi_box .right h5, .uni_busi_box .right h6{padding-left:0;}
.uni_busi_box .right h5{color:#124eb1;}
.uni_busi_box .right h6{color:#c97d0c; font-weight:400;}
.uni_busi_box .right h5:before, .uni_busi_box .right h5:after, .uni_busi_box .right h6:before{display:none;}
.uni_busi_box ul{margin-top:10px;}

@media (min-width:768px) {
	.uni_busi_box{overflow:hidden; margin-bottom:20px;}
	.uni_busi_box .left{float:left;margin: 0 15px 0 0;}
	/*.uni_busi_box:nth-child(6) .left, .uni_busi_box:nth-child(7) .left, .uni_busi_box:nth-child(8) .left{margin-bottom:23px;}*/
	.uni_busi_box .right{word-break:keep-all;margin-top: 0;}
	/*.uni_wrap .uni_busi_box:nth-child(3) .left, .uni_wrap .uni_busi_box:nth-child(7) .left{float:right;}*/
}
@media (min-width:1440px) {
	.uni_wrap{width:90%;}
	.uni_busi_box .left{margin:0 15px 25px 0;}
	.uni_busi_box.box1{margin-top:20px;}
}

/* 광주지역대학 안내 */
.uni_list{overflow:hidden;}
.uni_list li{width:49%; border:1px solid #dcdcdc; float:left; margin-right:2%; margin-bottom:15px;}
.uni_list li:nth-child(2n){margin-right:0;}
.uni_list li .img{text-align:center;}
.uni_list li img{max-width:100%;}
.uni_list li .link{display:table; width:100%;}
.uni_list li a{font-size:14px; display:table-cell; background:#3c69ca; color:#fff; padding:10px 5px; text-align:center; vertical-align:middle; font-weight:400;}
.uni_list li a:last-child{background:#274483;}
.uni_list li a:after{display:none;}

@media (min-width:768px) {
	.uni_list li{width:32%; margin-right:2% !important;}
	.uni_list li:nth-child(3n){margin-right:0 !important;}
	.uni_list li a{padding:12px 15px;}
}
@media (min-width:1440px) {
	.uni_list li{margin-bottom:25px;}
	.uni_list li a{font-size:16px;}
}

/* 외국인주민 > 광주외국인주민지원센터 이미지 4분활 */
.artwork_list {display:flex;flex-wrap:wrap;column-gap: 20px;justify-content: center;}
.artwork_list li {position:relative;width: 78%;text-align:center;margin-bottom: 10px;}
.artwork_list img {max-width:100%; margin-bottom:5px;}

@media all and (min-width:420px) {
	.artwork_list li {width: 45%;}
}
@media all and (min-width:768px) {
	.artwork_list li {width: 22%;margin-bottom: 0;}
}

/* 외국인주민 > 외국인주민 건강권 보장 > 외국인주민 친화병원 */
.hospital_table td a {display:block;}
.hospital_table td a img {max-height: 60px; margin-bottom: 5px;}
.hospital_table td a span {font-size: 16px;color: #333;}