@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;}

.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_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;}



/*반응형테이블*/
.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){
	.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; }

	.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:40px; }
	.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_left{padding:20px; border:1px solid #d7d7d7; margin-bottom:25px;}
.login_wrap .login_left h3, .login_wrap .login_right h3{text-align:center;}
.login_wrap .login_left .login_simple_info{text-align:center; color:#eb4141; font-weight:500; margin-bottom:15px;}
.login_wrap .login_left .login_simple_info span{display:block; margin-top:5px;}
.login_wrap .login_left .btn_login_simple{width:100%; background:#0e3891; color:#fff; height:40px; border:0; border-radius: 3px; margin-top:0;  }
.login_area .login_right {padding:20px; margin-bottom:10px; border:1px solid #d7d7d7;}
.login_area .login_right .row{ position:relative; }
.login_area .login_right .row label{ font-size:14px; }
.login_area .login_right .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_right .total_input + label{ position:absolute; top:15px; left:15px;  }
.login_area .login_right .btn_login{ width:100%; background:#3c69ca; color:#fff; height:40px; border:0; border-radius: 3px; margin-top:15px;   }
.login_area .login_right .login_option{ text-align:center; padding:20px 0;  }
.login_area .login_right .login_option li{ display:inline-block;  margin:0 10px 0 0; }
.login_area .login_right .login_option li a{ display:block; font-size:14px; border-right:#d6d6d6 solid 1px; padding-right:10px;    }
.login_area .login_right .login_option li:last-child{ margin:0; }
.login_area .login_right .login_option li:last-child a{ border:0; padding:0; }
.login_area .login_right .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 .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.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 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 20px; border-radius: 30px; font-size:14px; }


.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_right .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:20%; }	
	.login_area .login_non .certify li:nth-child(n+2){ border-top:#d7d7d7 solid 1px; border-left:0;   }
}
@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:1000px; margin:0 auto; padding:40px; overflow:hidden }*/
	.login_wrap .login_area h3{ font-size:24px; font-weight:500;  margin-bottom:30px; }
	.login_area .login_left{float:left; width:50%; border:none; border-right:1px solid #d7d7d7; padding:30px;}
	.login_area .login_left h3{margin-bottom:15px;}
	.login_area .login_left .login_simple_info{margin-bottom:30px;}
	.login_area .login_left .login_simple_box{width:75%; margin:0 auto;}
	.login_area .login_left .btn_login_simple{font-size:20px; height:60px; margin-bottom:15px;}
	.login_area .login_right{float:right;  border:none; width:50%; padding:30px;}
	.login_area .login_right .row{ max-width:100%; }
	.login_area .login_right .total_input{ height:60px; font-size:16px; border-radius: 5px;  }
	.login_area .login_right .total_input + label{ top:22px; font-size:18px;  }
	.login_area .login_right .row label{ font-size:16px; }
	.login_area .login_right .btn_login{ margin-top:38px; height:60px; font-size:20px;  border-radius: 5px;  }
	.login_area .login_right .login_option li a{ font-size:16px; font-weight:500; padding-right:20px; }
	.login_area .login_right .login_option + p{ font-size:16px; text-align:center; margin-top:10px; }
	.login_area .login_right .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; }

	/*.site_list{ padding:60px 80px; }
	.site_list p{ font-size:24px; margin-bottom:75px;  }
	.site_list > ul > li{ font-size:16px; }
	.site_list > ul > li i{width: 180px;height:77px;margin-bottom:15px;}
	.site_list > ul > li:nth-child(1) i{background-position: -20px -542px;}
	.site_list > ul > li:nth-child(2) i{background-position: -252px -548px;}
	.site_list > ul > li:nth-child(3) i{background-position: -19px -620px;}
	.site_list > ul > li:nth-child(4) i{background-position: -246px -620px;}
	.site_list > ul > li:nth-child(5) i{background-position: -453px -620px;}
	.site_list > ul > li:nth-child(6) i{background-position: -475px -542px;}*/


	.login_area .login_non{float:none; margin:0 auto 35px;}
	.login_area #divArea01, .login_area #divArea02{margin-top:40px;}
	
}

@media all and (min-width:1440px){
	.login_wrap .login_area{ width:100%;}
	.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;}

@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: 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_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:455px; position:relative;margin-left: 54.5%;margin-top: -98px;}
	.org_box0001 .org_box0001_left01.right_bottom:before{content: "";display: block;width: calc(50% - -75px);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: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;}
}
/* 조직도 */

.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: -161px;}
}


/* 시조시화시목 */
.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 .number{display:block; font-size:16px; font-weight:500;}
.gj_today li .text .number 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 .number{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.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;}

}

@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:15px 0; border-radius:15px;}
.sitemap_list .sitemap_1dep{color:#1955cb;font-weight:500;margin-top:10px;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; padding-top:20px;}
	.sitemap_list .sitemap_1dep{float:left; width:15%;}
	.sitemap_con{float:left; width:85% !important; padding-bottom:10px;}
	.sitemap_con .sitemap_2dep{display:block;/* float:left; *//* width:33%; */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:32%; 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 {
	width: 100%;
	box-sizing: border-box;
	padding: 0px 10px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	position: relative;}

.label_box {
	width: 30%;
	box-sizing: border-box;
	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;
	position: relative;
}
.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: 50%;
	margin: 0;
	position: relative;
	box-sizing: border-box;
	border-right:1px solid #ccc; 
	border-bottom:1px solid #ccc; 
}
.privacy_listbox li a {
	color: #444;
	font-weight: 600;
	box-sizing: border-box;
	padding: 10px;
	display: block;}

h4 img.privacy_titimg {max-width:40px; margin-left: 10px; vertical-align: middle;}
.content p.txt_blue {color:#063aa9; font-weight: 400;}
h4.privacy_jo {color:#3f6cc5; border-top:2px dotted #ccc; padding-top:40px;}
#privacy_list1 {border-top:0 none;}
.content p.txt_point, .basic_table td.txt_point {color:#063aa9; font-weight: 600; font-size:18px;}

@media all and (max-width:480px) {
	.label_box {width: 48%;}
	.label_box img {width: 50px;}
	.privacy_listbox li {width: 100%;border-right:0 none;}
}

@media all and (min-width:1024px) {
	.label_box {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;}