@charset "utf-8";
/*기본화면-pc기준*/



/* 서브 공통콘텐츠 */
.map_box{width:100%; margin:10px auto 35px auto; box-sizing:border-box; border-radius:10px; border: 1px solid #bbbbbb; padding:30px; text-align:center;}
.map_box img{max-width:100%;}

.guide_box{position:relative;padding:30px;border:3px solid #e7e7e7;margin-bottom:30px; min-height: 115px; border-radius: 0 20px;}
.guide_box .icon{display:block;position:absolute;top:35px;left:60px;width:110px;height:110px;}
.guide_box > h3{padding-bottom:10px;font-size:20px;}
.guide_box .txtwrap{min-height:85px; padding-left:180px;}
.guide_box .txtwrap.pl0{padding-left:0;}
.guide_box .txtwrap li{position: relative; line-height:1.3;padding-bottom:6px;padding-left:10px;font-size:15px;}
.guide_box .txtwrap li:before{position: absolute; top: 7px; left: 0; content: ""; display: block; width: 3px; height: 3px; background-color: #444; border-radius: 50%;}
.guide_box .txtwrap li.title1 {padding-left:0; margin-bottom: 7px; font-size:18px; font-weight:bold;}
.guide_box .txtwrap li.title1:before{display: none;}
.guide_box .txtwrap li.ls_n{background:none;padding-left:0;}
.guide_box .txtwrap li:last-child{padding-bottom:0;}
.guide_box .txt_p {min-height:85px; padding:20px 0 0 180px; line-height:140%}
.guide_box .tx_st2 {padding:0px 0 0 180px;}
.guide_box .tx_st2 p {line-height:140%;}
.guide_box .tx_st2 ul {overflow:hidden; margin-top:15px}
.guide_box .tx_st2 li {position: relative; float:left; width:20%; line-height:1.3;padding-bottom:10px;padding-left:8px;font-size:15px; color:#4b4b4b; box-sizing: border-box;}
.guide_box .tx_st2 li:before{position: absolute; top: 7px; left: 0; content: ""; display: block; width: 3px; height: 3px; background-color: #444; border-radius: 50%;}
.guide_box .tx_st2 li a:hover {text-decoration:underline; color:#fd4769;}
.guide_box .tx_st2 li.on {text-decoration:underline; font-weight:bold; color:#fd4769;}
.guide_box .tx_st2 li.on a{color:#fd4769;}
.guide_box .tx_st2 li:last-child{padding-bottom:0;}

.guide_box.st2{padding:20px 30px;}
.guide_box.st2 .tx_st2{padding-left:0;}
.guide_box .tx_st3 .txtwrap{padding-left:0;margin-top:15px;}
.guide_box .txtwrap a.goLink_st1 {color:#c91627; font-weight:bold;}

.cnt1_icon{background-image:url("/images/domain/junggu/sub/cnt1_icon.png");}

.blank_btn2::after{background: url(/images/domain/junggu/common/blank.gif) 0 0px no-repeat !important;}

.tab_ul li a.blank span:after{ background: url(/images/domain/junggu/common/blank.gif) 0 0 no-repeat  !important;}
.tab_ul li a.blank:hover span:after{background:url(/images/domain/junggu/common/blank_w.gif) 0 0 no-repeat !important;}


/* 위로가기버튼 */

.top_btn_gaein {position: fixed !important;
    right: 2%;
    bottom: 50px;
    z-index: 300;
}
.top_btn_gaein a{
    width: 58px;
    height: 58px;
    text-indent: -999px;
    overflow: hidden;
    background: #fff url(/images/domain/junggu/main/ic_top.png) no-repeat center center;
    border-radius:50%; display: block; border:1px solid #c8c8c8;
}

.top_btn_gaein a:focus{outline:2px dashed #ff3157;  }

@media all and (max-width:600px) {	
     /* 위로가기버튼 */
    .top_btn_gaein a{width: 35px; height: 35px;}
}


@media all and (max-width:1024px) {
    .guide_box .txtwrap{padding-left: 130px;}
    .guide_box .tx_st2{padding:0px 0 0 130px;}
    .guide_box .icon{left: 25px;}
	.guide_box.st2 .tx_st2 li{display:inline-block;width:auto;float:none;margin-right:20px;}
}

@media all and (max-width:620px) {
    .guide_box{padding:15px;margin-bottom:20px;}
	.guide_box .icon{display:none;}
	.guide_box .txtwrap{padding-left:0;}
	.guide_box .txtwrap li{font-size:15px;}
	.guide_box > h3{font-size:17px;}
	.guide_box .txt_p {padding:12px 5px 10px 15px; line-height:145%}
	.guide_box .txtwrap li{padding-bottom:3px;}
	.contents .sns_box li.print a{display:none;}

	.guide_box .tx_st2 {padding:0; font-size: 15px;}
	.guide_box .tx_st2 ul {margin-top:15px}
	.guide_box .tx_st2 li {float:left; width:33.33%;}
	.guide_box.type2 .tx_st2 li {float:left; width:50%;}

	.guide_box.st2{padding:15px;}
	.guide_box.st2 .tx_st2{padding:0;}
}

.frame_area2 iframe{width:100%;border:0;height:700px;overflow:hidden;}

/* 리스트스타일 */
.list_1st li{position: relative; line-height:1.3;padding-bottom:10px;padding-left:8px;font-size:15px;}
.list_1st li:before{position: absolute; top: 7px; left: 0; content: ""; display: block; width: 3px; height: 3px; background-color: #444; border-radius: 50%;}
.list_1st li:last-child{padding-bottom:0;}

/* ul_style */
.ul_st1 {margin-left:6px}
.ul_st1 > li {position: relative; padding-left:12px; text-align:left; color:#222222; line-height:1.7em; font-weight:400; font-size:18px;}
.ul_st1 > li:before{position: absolute; top: 10px; left: 0; content: ""; display: block; width: 5px; height: 5px; background-color: #ff3359; border-radius: 50%;}
.ul_st1 > li > ul {margin:3px 0 15px 0}
.ul_st1 > li > ul > li {position: relative; padding-left:11px; font-size:15px; color:#4b4b4b; line-height:1.7em;}
.ul_st1 > li > ul > li:before{position: absolute; top: 9px; left: 0; content: ""; display: block; width: 4px; height: 4px; background-color: #888; border-radius: 50%;}
.ul_st1 > li > ul > li > ul {margin:3px 0 15px 0}
.ul_st1 > li > ul > li > ul li {position: relative; padding-left:12px; font-size:15px; color:#4b4b4b; line-height:1.7em; }
.ul_st1 > li > ul > li > ul li:before{position: absolute; top: 11px; left: 0; content: ""; display: block; width: 5px; height: 1px; background-color: #888;}
.ul_st1 > li div.box_st {margin:10px 0}
.ul_st1 a.bt_st {margin-top:-5px}

.ul_st1.float {overflow: hidden;}
.ul_st1.float > li {float:left; margin-right:25px;}

.ul_st2 {margin:0 0 30px 10px}
.ul_st2 > li {padding-left:11px; font-size:15px; color:#4b4b4b; line-height:1.7em; background:url('/images/junggu/common/li_dot2.png') 0 9px no-repeat}
.ul_st2 > li > ul {margin:3px 0 15px 0}

.ul_st3{overflow:hidden;}
.ul_st3 > li {display:block;position:relative;width:33.333%;float:left;padding-bottom:5px;background:url('/images/junggu/common/li_dot2.png') 0 12px no-repeat;padding-left:8px;padding-right:15px;}
.ul_st3 > li > label{width:80px;}
.ul_st3 > li input[type="text"]{width:50px;margin-right:5px;}

.ul_st7 {margin:0 0 5px 5px}
.ul_st7 > li {padding-left:11px; font-size:15px; color:#4b4b4b; line-height:1.7em; background:url('/images/junggu/common/li_dot2.png') 0 9px no-repeat}
.ul_st7 > li > ul {margin:3px 0 10px 0}

.ul_num > li {position: relative; margin:3px 0 8px 0; padding:0 0 0 24px; line-height:138%; color:#333333}
.ul_num > li > i {display:block;position:absolute;top:2px;left:0;width:18px;height:18px;border-radius:10px;background:#ff3157;color:#fff;font-size:12px;font-style:inherit;line-height:18px;text-align:center; }
.ul_num > li ul.ul_st1 {margin:5px 0 0 0}
.ul_num > li ul.ul_st1 li {background-position:0 6px; line-height:21px; color:#4b4b4b; font-size:15px }
.ul_num > li ul.ul_st1 li strong {color:#333333}
.ul_num > li ul.ul_st1 li ul li {background-position:0 8px;}
.ul_num > li p {margin-top:4px; font-size:15px; line-height:20px; }

/*지방세민원 메뉴*/
table.tbl_inul .ul_st1 > li > ul {margin:0;}
table.tbl_inul .ul_st1 > li > ul li {line-height:1.5em;}
table.tbl_inul .ul_st1 > li > ul li:last-child {padding-bottom:0;}

@media all and (max-width:620px) {
    /* ul_style */
    .ul_st1 > li {background-position:0 6px}
}

@media all and (max-width:480px) {	
    .ul_st1 li ul li {padding-left:10px; font-size:13px; background-position:0 7px}
}

/* 테이블 */
.ovf_min {min-width:620px}
.ovf_min1 {min-width:400px}
.ovf_min2 {min-width:700px}

@media all and (max-width:800px) {
	.ovf_wrap {overflow-x:auto; overflow-y: hidden;}	

}

/* 테이블st1 */
.tbl_basic {width:100%; border-top: 2px solid #ff3157; border-bottom: 1px solid #ff3157; text-align:center;line-height:1.6em}
.tbl_basic th,.tbl_basic td{padding:10px;border:1px solid #dadde0; border-width:1px 1px 0 1px; font-size:15px; word-break: break-all; vertical-align: middle;}
.tbl_basic thead tr th {background:#fff5f7; font-weight:bold;}
.tbl_basic tbody tr th ,.tbl_basic tfoot tr th {background:#f8f8f8; color:#333;}
.tbl_basic th:first-child,.tbl_basic td:first-child{border-left:none}
.tbl_basic th:last-child,.tbl_basic td:last-child{border-right:none}
.tbl_basic tfoot tr td, .tbl_basic tfoot tr td {background:#eee; font-weight:bold;}
.b_con .tbl_basic th, .b_con .tbl_basic td{padding-top:7px;padding-bottom:7px;}

.tbl_basic.wb1{ word-break: break-all; }

.wordkeep {white-space:normal;word-break:keep-all;   }
/* 민원서식 테이블뷰 */
.tbl_basic.cbform .subject{font-size:17px;padding:15px; }
.tbl_basic.cbform tbody th, .tbl_basic.cbform tbody td {color:#666;text-align:left;padding-left:20px;}
.tbl_basic.cbform .file {text-decoration:underline;color:#0f83d5;}

/* 예산서 리스트 */
.tbl_basic.budget {}
.tbl_basic.budget td {padding:10px 20px 10px 20px; text-align:left}
.tbl_basic.budget tbody a.btn_down {display:block; padding-right:20px; background:url('/images/domain/junggu/common/bt_down2.png') right center no-repeat;}
.tbl_basic.budget tbody a.btn_down.link {background:url('/images/domain/junggu/sub/blank.png') right center no-repeat;}
.tbl_basic.budget tbody td .bold {font-weight:bold}
.tbl_basic.budget tbody td .pd_left {padding-left:18px}
.tbl_basic.budget tbody td:hover {background:#f9f9f9}

@media all and (max-width:620px) {
    /* 테이블 */	
	.tbl_basic {line-height:1.6em}
	.tbl_basic th,.tbl_basic td{padding-right:5px;padding-left:5px;font-size:14px; line-height:1.4;}
	.tbl_basic .num{display:none;}


	/* 민원서식 테이블뷰 */
	.tbl_basic.cbform .subject{padding:10px; }
	.tbl_basic.cbform tbody th, .tbl_basic.cbform tbody td {padding:10px;}

	/* 예산서 */
	.tbl_basic.budget tbody td {padding:10px 10px 10px 10px}
	.tbl_basic.budget tbody a {padding-right:20px}
	.tbl_basic.budget tbody a.btn_down {background-position:right bottom}
}

/* process_area(4칸-2tx) */
.process_area {padding:25px 20px 0 25px; border:1px solid #d8d8d8; box-sizing:border-box}
.process_area ul {overflow:hidden; }
.process_area ul li {position:relative; float:left; display:table; width:26%; margin-bottom:3%; padding:0% 5% 0% 0; line-height:1.3em; font-size:15px; background:url('/images/domain/junggu/sub/i_arrow01.png') no-repeat 95% 50%; color:#000; text-align:center; box-sizing: border-box;}
.process_area ul li:last-child {width:21%; padding:0; background:none}
.process_area ul li div {display:table-cell; padding:8% 5%; height:96px; vertical-align:middle;  border:7px solid #8a92ff; border-radius:30px; box-sizing: border-box; }
.process_area.o_h ul li div {height:98px;}
.process_area ul li div p {font-weight:bold; color:#4b4b4b}
.process_area ul li div.st1 {}
.process_area ul li div.st2 {border-color:#ae8cff}
.process_area ul li div.st3 {border-color:#82a1f8}
.process_area ul li div.st4 {border-color:#f89fd2}
.process_area ul li div.st5 {border-color:#6380be}

/* process_area(5칸 이상-2tx) */
.process_area.p5 ul li {width:33.33%;}
.process_area.p5 ul li:last-child {width:29%; padding:0; background:none}
.process_area.p5 ul li div {padding:5% 5%; }

/* process_area(테투리조절) */
.process_area.bor ul li {width:33.33%; background:url('/images/junggu/common/step_list4.gif') no-repeat 95% 50%;}
.process_area.bor ul li:last-child {width:29%; padding:0; background:none}
.process_area.bor ul li div {padding:5% 5%; height: 85px; border:3px solid #047f41; }
.process_area.bor ul li div p {padding-bottom:2.3%;}
.process_area.bor ul li div.st2 {border-color:#6fc21c}
.process_area.bor ul li div.st3 {border-color:#018287}
.process_area.bor ul li div.st4 {border-color:#f76221}
.process_area.bor ul li div.st5 {border-color:#fbaa2e}

@media all and (max-width:620px) {
    /* process_area */
	.process_area {padding-bottom:20px}
	.process_area ul li {float:none; width:100%; padding:0 0 8% 0; background:url('/images/domain/junggu/sub/i_arrow02.png') no-repeat 50% 95%;}
	.process_area ul li:last-child {width:100%;}
	.process_area ul li div {height:75px; padding:3% 5%;}
	.process_area.o_h ul li div {height:75px;}

	/* process_area(5칸 이상-2tx) */
	.process_area.p5 ul li {width:100%}
	.process_area.p5 ul li:last-child {width:100% }	

	/* process_area(테투리조절) */
	.process_area.bor ul li {width:100%; background:url('/images/domain/junggu/sub/i_arrow02.png') no-repeat 50% 95%;}
	.process_area.bor ul li:last-child {width:100% }
	.process_area.bor ul li div { border:4px solid #047f41; }
}

@media all and (max-width:480px) {	
    /* process */
	.process_area ul li {padding-bottom:10%}
	.process_area ul li div {padding:4% 5%;}
}

/* 프로세스+텍스트 */
.process_area02 {margin-top:30px}
.process_area02 > li {display:table; width:100%; padding:3% 0  1% 0; background:url('/images/domain/junggu/sub/i_arrow03.png') no-repeat 12% top; }
.process_area02 > li:first-child {padding:0 0 1% 0; background:none}
.process_area02 > li > p {display:table-cell; width:26%; padding:2%; text-align:center;  border:5px solid #dddddd; vertical-align:middle; font-weight:bold; font-size:16px; line-height:140%; border-radius: 20px; box-sizing: border-box;}
.process_area02 > li > p.st1 {border-color: #a982e3;}
.process_area02 > li > p.st2 {border-color: #70abfe;}
.process_area02 > li > p.st3 {border-color: #7cc6c8;}
.process_area02 > li > p.st4 {border-color: #ffb1da;}
.process_area02 > li > p.st5 {border-color: #5869bf;}
.process_area02 > li > p.st6 {border-color: #717171;}
.process_area02 > li > p span {font-size:13px; color:#4b4b4b}
.process_area02 > li > div {vertical-align:middle; padding-left:5%}
.process_area02 > li > div > ul {padding:3% 3.5%; background: #f5f9ff; border: 1px solid #b7c4d8; min-height:63px; border-radius: 20px; box-sizing: border-box;}
.process_area02 > li > div > ul.p_cen {padding:6% 3.5%;}
.process_area02 > li > div > ul.long {height:140px; }
.process_area02.long > li > div > ul {height:auto}
.process_area02 .ul_st1 li {font-size:15px; line-height:20px; background-position:0 6px}

/* 분야별정보/도시교통/도시정비사업/추진절차 */
.big > li > p {width: 29%;}
.big > li {background: url(/images/domain/junggu/sub/i_arrow03.png) no-repeat 14% top;}

@media all and (max-width:620px) {	
	/* 프로세스+텍스트 */
	.process_area02 > li {padding:8% 0 3% 0; background-position:center top}
	.process_area02 > li:first-child {padding:0 0 3% 0;}
	.process_area02 > li p {display:block; width:100%; padding:10px 5px; font-size:14px}
	.process_area02 > li div {padding-top:1%; padding-left:0%}
	.process_area02 > li > div > ul {height:auto}
	.process_area02 > li > div > ul li {font-size:14px}
	.process_area02 > li > div > ul.ul_st1 {margin-left:0}

}

/* div.box */
.box_st {padding:2% 3%; background:#f5f9ff; border:1px solid #e9e9e9; line-height:150%}
.box_st h3{font-size:16px;padding-bottom:10px;}
.box_st > ul > li{padding-bottom:5px;font-size:15px;}
/*.box_st > ul > li:before{content:'- '}*/
.box_st > ul.st1_none li:before{display:none}

/* div.box2 */
.box_st2 {border:1px solid #e9e9e9; border-top:2px solid #ff3157; background:#fff; text-align:left; line-height:130%;}
.box_st2 > p {display:block; padding:17px 3% 18px 3%; background:#fff5f7; font-size:18px; font-weight:600; }
.box_st2 > p > span {margin-right:8px;padding:2px 8px 3px 8px;background:#ff3157;color:#fff; font-size:17px}
.box_st2 > ul {padding:2% 3%;}
.box_st > ul > li {padding-bottom:5px;font-size:15px;}


@media all and (max-width:620px) {	
	/* div.box */
	.box_st {font-size:14px;}
}


/* 문화관광-인트로 */
.tour_main {overflow:hidden}
.tour_main li {position:relative; float:left; width:49%; min-height:205px; margin:0 2% 22px 0; padding:40px 22px 0 173px; border:1px solid #d9d9d9; box-sizing: border-box;}
.tour_main li:after {position:absolute; bottom:-3px; left:0; width:100%; height:2px; background:#ececec; content:''}
.tour_main li:nth-child(2n) {margin-right:0%;}
.tour_main li.height {min-height:250px;}
.tour_main li > i {position:absolute; top:41px; left:35px; display:block; width:120px; height:120px; background:url('/images/domain/junggu/sub/contents/tour_ico01.jpg') 0 0 no-repeat}
.tour_main li > i.ico2 {background-image:url('/images/domain/junggu/contents/tour_ico02.jpg')}
.tour_main li > i.ico3 {background-image:url('/images/domain/junggu/contents/tour_ico03.jpg')}
.tour_main li > i.ico4 {background-image:url('/images/domain/junggu/contents/tour_ico04.jpg')}
.tour_main li > i.ico5 {background-image:url('/images/domain/junggu/contents/tour_ico05.jpg')}
.tour_main li > i.ico6 {background-image:url('/images/domain/junggu/contents/tour_ico06.jpg')}
.tour_main li > i.ico7 {background-image:url('/images/domain/junggu/contents/tour_ico07.jpg')}
.tour_main li > i.ico8 {background-image:url('/images/domain/junggu/contents/tour_ico08.jpg')}
.tour_main li > i.ico9 {background-image:url('/images/domain/junggu/contents/tour_ico09.jpg')}
.tour_main li > i.ico10 {background-image:url('/images/domain/junggu/contents/tour_ico10.jpg')}
.tour_main li strong {display:block; font-size:20px; color:#232325}
.tour_main li p {padding:10px 0 15px 0; color:#4b4b4b}
.tour_main li a {display:block; width:100%; height:38px; margin-bottom:7px; padding-left:18px; line-height:37px; border:1px solid #dedede; color:#4b4b4b; font-size:15px; font-weight:bold; background:url('/images/domain/junggu/sub/blank.png') 94% center no-repeat #ffffff; transition:background-color 0.05s ease-in-out;-webkit-transition:background-color 0.05s ease-in-out; box-sizing: border-box;}
.tour_main li a:hover {background:url('/images/domain/junggu/sub/blank_white.png') 94% center no-repeat #3056a0; color:#ffffff; border:1px solid #3056a0;}
.tour_main.sns li > i.ico1 {background-image:url('/images/domain/junggu/contents/sns_ico01.jpg')}
.tour_main.sns li > i.ico2 {background-image:url('/images/domain/junggu/contents/sns_ico02.jpg')}
.tour_main.sns li > i.ico3 {background-image:url('/images/domain/junggu/contents/sns_ico03.jpg')}
.tour_main.sns li > i.ico4 {background-image:url('/images/domain/junggu/contents/sns_ico04.jpg')}
.tour_main.sns li a:hover {border:1px solid #dedede; color:#333333; background:url('/images/domain/junggu/sub/blank.png') 94% center no-repeat #f9f9f9}

.tour_main.house li > i.ico1 {background-image:url('/images/domain/junggu/contents/house_ico01.jpg')}
.tour_main.house li > i.ico2 {background-image:url('/images/domain/junggu/contents/house_ico02.jpg')}
.tour_main.house li > i.ico3 {background-image:url('/images/domain/junggu/contents/house_ico03.jpg')}

.tour_main.passport li > i {background-image:url('/images/domain/junggu/sub/i_Government.png'); background-size: 80%; background-position: center;}


.tour_main.reg li:first-child {width:100%; margin-right:0;}
.tour_main.reg li:nth-child(2) {margin-right:2%;}
.tour_main.reg li:nth-child(3) {margin-right:0;}


/*중구 데이터 시각화*/
.tour_main.visualization li > i.ico1 {background-image:url(/images/domain/junggu/sub/d_visualization1.png) !important;}
.tour_main.visualization li > i.ico2 {background-image:url(/images/domain/junggu/sub/d_visualization2.png) !important;}
.tour_main.visualization li > i.ico3 {background-image:url(/images/domain/junggu/sub/d_visualization3.png) !important;}
.tour_main.visualization li > i.ico4 {background-image:url(/images/domain/junggu/sub/d_visualization4.png) !important;}
.tour_main.visualization li > i.ico5 {background-image:url(/images/domain/junggu/sub/d_visualization5.png) !important;}
.tour_main.visualization li{padding: 28px 22px 0 173px;}

/*중구홍보*/
.tour_main.juggu_hongbo  li a{margin: 15px 0 7px;}
.tour_main.juggu_hongbo  li{min-height:190px;}
.tour_main.juggu_hongbo li > i.ico1 {background-image:url(/images/domain/junggu/sub/d_juggu_hongbo1.png) !important;}
.tour_main.juggu_hongbo li > i.ico2 {background-image:url(/images/domain/junggu/sub/d_juggu_hongbo2.png) !important;}
.tour_main.juggu_hongbo li > i.ico3 {background-image:url(/images/domain/junggu/sub/d_juggu_hongbo3.png) !important;}
.tour_main.juggu_hongbo li > i.ico4 {background-image:url(/images/domain/junggu/sub/d_juggu_hongbo4.png) !important;}
.tour_main.juggu_hongbo li > i.ico5 {background-image:url(/images/domain/junggu/sub/d_juggu_hongbo5.png) !important;}
.tour_main.juggu_hongbo li > i.ico6 {background-image:url(/images/domain/junggu/sub/d_juggu_hongbo6.png) !important;}
.tour_main.juggu_hongbo li > i.ico7 {background-image:url(/images/domain/junggu/sub/d_juggu_hongbo7.png) !important;}


@media all and (max-width:800px) {	
	/* 문화관광-인트로 */
	.tour_main li {min-height:auto; padding:30px 20px 20px 20px}
	.tour_main li > i {display:none}

.tour_main.visualization li{width:100%;}
.tour_main.visualization li{ padding: 22px 20px 20px 22px;}


}
@media all and (max-width:620px) {	
	/* 문화관광-인트로 */
	.tour_main li {width:100%; }

}

/* 탭 */
.tab_ul{margin-bottom:35px;}
.tab_ul:after {content:"";display:block;visibility:hidden;clear:both;}
.tab_ul li{display:table;float:left;width:25%;margin-left:-1px;height:100%;vertical-align:middle;background: #fff;}
.tab_ul li a{display:table-cell;height:58px;color:#121212;font-size:15px;text-align:left;vertical-align:middle;background:url('/images/domain/junggu/sub/tab_off.png') no-repeat 94% 50%;cursor:pointer;transition:background-color 0.05s ease-in-out;-webkit-transition:background-color 0.05s ease-in-out;box-sizing: border-box;border-bottom: 3px solid #ccc;}
.tab_ul li a span{display:block; padding:0px 40px 0px 15px; line-height:125%; word-break: break-all;}
.tab_ul li a.blank span:after{content:'';display:inline-block; margin-left:5px;width:14px;height:14px;background:url(/images/domain/junggu/sub/blank.png) 0 0 no-repeat;}

.tab_ul li.on {background-color: #f34072;}
.tab_ul li a:hover,.tab_ul li a:focus,.tab_ul li a:active{background:url('/images/domain/junggu/sub/tab_on.png') no-repeat 94% 50%;background-color:#ffefef;color:#000; text-decoration:none}
.tab_ul li.on a,.tab_ul li.on a:hover,.tab_ul li.on a:focus,.tab_ul li.on a:active{border-bottom-color:#f34072;background:url('/images/domain/junggu/sub/tab_on.png') no-repeat 94% 50%;color: #ff3157;font-weight:bold;border-bottom: 3px solid #f34072;background-color: #fff;}
.tab_ul li.on a:hover{background-color:#ffefef;}
.tab_ul li a.blank:hover span:after{background:url(/images/domain/junggu/sub/blank_white.png) 0 0 no-repeat;}

@media all and (max-width:620px) {	
	/* 탭 */
	.tab_ul li {width:50%}
	.tab_ul li a {height:50px; font-size: 14px;}	
}


/* 인구정책 탭 */
.tab_ul2{margin-bottom:35px;}
.tab_ul2:after {content:"";display:block;visibility:hidden;clear:both;}
.tab_ul2 li{display:table;float:left; width:calc(20% - 10px);  font-size:16px; margin-right:10px; height:210px; text-align:center; border-radius:10px; box-sizing: border-box; }
.tab_ul2 li:last-child{width:calc(20% - 0px); margin-right:0px; }
.tab_ul2 li:nth-child(1){ background:#ffe3e1; }
.tab_ul2 li:nth-child(2){ background:#e6fcff;}
.tab_ul2 li:nth-child(3){ background:#d7ede6;}
.tab_ul2 li:nth-child(4){ background:#ffecda;}
.tab_ul2 li:nth-child(5){ background:#e1d7e9;}


.tab_ul2 li a{display:table-cell; height:58px;    border:0px solid #d2d2d2; cursor:pointer; transition: background-color 0.05s ease-in-out;-webkit-transition:background-color 0.05s ease-in-out;/*-moz-transition:all 0.3s;*/ background-size:cover;}
.tab_ul2 li:nth-child(1) a{ color:#a64b49; background:url('https://www.junggu.ulsan.kr/board/download.ulsan?boardId=BBS_0000195&dataSid=644745&fileSid=198672') no-repeat; background-position:left 85% top 50px;}
.tab_ul2 li:nth-child(2) a{ color:#694586; background:url('https://www.junggu.ulsan.kr/board/download.ulsan?boardId=BBS_0000195&dataSid=644745&fileSid=198673') no-repeat; background-position:left 50% top 50px;}
.tab_ul2 li:nth-child(3) a{ color:#637b28; background:url('https://www.junggu.ulsan.kr/board/download.ulsan?boardId=BBS_0000195&dataSid=644745&fileSid=198674') no-repeat; background-position:left 120% top 50px;}
.tab_ul2 li:nth-child(4) a{ color:#487ead; background:url('https://www.junggu.ulsan.kr/board/download.ulsan?boardId=BBS_0000195&dataSid=644745&fileSid=198675') no-repeat; background-position:left 95% top 50px;}
.tab_ul2 li:nth-child(5) a{ color:#2f705b; background:url('https://www.junggu.ulsan.kr/board/download.ulsan?boardId=BBS_0000195&dataSid=644745&fileSid=198676') no-repeat; background-position:left 50% top 50px;}


.tab_ul2 li a span{display:block; padding:20px 10px 0px 10px; line-height:125%; font-weight:bold;}
.tab_ul2 li a.blank span:after{content:'';display:inline-block;margin-left:5px;width:14px;height:14px;background:url(/images/domain/junggu/sub/blank.png) 0 0 no-repeat;}

.tab_ul2 li.on {box-sizing: border-box; }
.tab_ul2 li:nth-child(1).on {border: 3px solid #f28381;  }
.tab_ul2 li:nth-child(2).on {border: 3px solid #68a5c1; }
.tab_ul2 li:nth-child(3).on {border: 3px solid #64c29e; }
.tab_ul2 li:nth-child(4).on {border: 3px solid #eea477; }
.tab_ul2 li:nth-child(5).on {border: 3px solid #9c86bb; }


.tab_ul2 li a:hover,.tab_ul2 li a:focus,.tab_ul2 li a:active{text-decoration:none; border-color:#45495b; }
.tab_ul2 li:nth-child(1) a:hover,.tab_ul2 linth-child(1) a:focus,.tab_ul2 linth-child(1) a:active{border-color:#f28381;}

.tab_ul2 li.on a,.tab_ul2 li.on a:hover,.tab_ul2 li.on a:focus,.tab_ul2 li.on a:active{border-color:#009263; border-bottom-color:#009263;  }


.tab_ul2 li a.blank:hover span:after{background:url(/images/domain/junggu/sub/blank.png) 0 0 no-repeat;}

@media all and (max-width:620px) {	
    /* 탭 */
    .tab_ul2 li {width:calc(32.666% - 1%); margin-right:1%; margin-bottom:10px; height:140px;}
    .tab_ul2 li:last-child{width:calc(32.666% - 0%); margin-right:0px; }
    .tab_ul2 li:nth-child(1) a{ background-position:left 25% top 50px;}  
    .tab_ul2 li:nth-child(2) a{background-position:left 50% top 50px;}
    .tab_ul2 li:nth-child(3) a{background-position:left 80% top 50px;}
    .tab_ul2 li:nth-child(4) a{  background-position:left 55% top 50px;}
    .tab_ul2 li:nth-child(5) a{background-position:left 50% top 50px;}
    .tab_ul2 li a {height:50px; font-size: 14px;}	

}

/* 상징물 */
.symbol {overflow:hidden; border:1px solid #ddd; }
.symbol .img{float:left; display:block;  padding:10% 0 ;width:38%;text-align:center;}
.symbol .img > div {margin-top:40px;}
.symbol .tx {float:left; padding:5% 3% 4% 0; width:62%; box-sizing: border-box;}
.symbol .tx strong {display:inline-block; font-size:20px; line-height:130%}
.symbol .tx > p {margin:10px 0 25px 0;font-size:15px; color:#4b4b4b; line-height:130%}
.symbol .tx > p span {display:block; }
.symbol .tx ul li {height:65px; margin-bottom:11px; padding:12px 0 0 105px; line-height:20px; font-size:15px; color:#747474; background:url('/images/domain/junggu/junggu/junggu_red.jpg') left top no-repeat;}
.symbol .tx ul li.st1 {background-image:url('/images/domain/junggu/junggu/junggu_red.jpg')}
.symbol .tx ul li.st2 {background-image:url('/images/domain/junggu/junggu/junggu_blue.jpg')}
.symbol .tx ul li.st3 {background-image:url('/images/domain/junggu/junggu/junggu_green.jpg')}
.symbol .tx ul li span {display:block}
.symbol.st1 {text-align:center}
.symbol.st1 img {float:none; width:auto; margin:0 auto; padding:4% 2% 4% 1.5%}

@media all and (max-width:800px) {	
	/* 상징물 */
	.symbol .img {float:none; width:100%;}
	.symbol .tx {float:none; padding:0 6% 6% 6%; width:100% }
	.symbol .tx strong {font-size:17px}
	.symbol .tx > p {font-size:13px}	
	.symbol .tx ul li {height:auto; margin-bottom:20px; padding:110px 30px 25px 30px; font-size:13px; text-align:center; background-position:center 33px; background-color:#ffffff; border:1px dotted #ababab}
	.symbol .tx ul li span {display:inline-block}
	.symbol.st1 img {float:none; width:80%}
}

/* tx_list */
.tx_list {margin-top:20px;}
.tx_list > li {overflow:hidden; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #dddddd}
.tx_list > li:last-child {margin-bottom:0px; border:0 none}
.tx_list li .pho {float:left; width:33%; border:1px solid #dedede; overflow: hidden; box-sizing: border-box;}
.tx_list li .pho img {height:230px; }
.tx_list li .pho.long img {height:435px; }/*긴이미지 일때*/
.tx_list li .tx {float:right; width:64%; margin-left:3%; box-sizing: border-box;}
.tx_list li .tx h4 {margin:15px 0 15px 0; font-size:20px}
.tx_list li .tx ul li {position: relative; padding-left:12px; font-size:15px; color:#4b4b4b; line-height:1.5em;}
.tx_list li .tx ul li:before{position: absolute; top: 9px; left: 0; content: ""; display: block; width: 4px; height: 4px; background-color: #888; border-radius: 50%;}
.tx_list li .tx ul li.tx_p {padding:0; background:none}

@media all and (max-width:620px) {	
	/* tx_list */
	.tx_list li .pho {overflow:hidden; float:none; width:100%; text-align:center}
	.tx_list li .pho img {width:50%; height:50%}
	.tx_list li .pho.long {height:200px} /*긴이미지 일때*/
	.tx_list li .pho.long img {width:80%; margin-top:-30px; }/*긴이미지 일때*/
	.tx_list li .tx {float:none; width:100%; margin:3% 0 0 0%; padding:0 0%}	
}

/* s_nature */
.s_nature {overflow:hidden;  margin-top:20px}
.s_nature li {float:left; width:31%; margin-right:2.3%}
.s_nature li:last-child {margin-right:0}
.s_nature li .tx {min-height:200px; padding:25px 21px; border:1px solid #dddddd; border-top:0 none}
.s_nature li .tx .s_tit {display:inline-block; height:22px; padding:0 10px; font-size:13px; line-height:21px; border:1px solid #ff781a; color:#ff781a; border-radius:22px}
.s_nature li .tx strong {display:block; padding:15px 0 10px 0; font-size:18px; line-height:130%;}
.s_nature li .tx p {line-height:150%; color:#4b4b4b}
.s_nature li .pho img {width:100%; }

@media all and (max-width:620px) {	
	/* s_nature */	
	.s_nature li {float:none; width:100%; margin:0 0 25px 0}
	.s_nature li .pho img {width:100%; }
}

/* 중구의 노래 */
.junggu_song > div.junggu_movie {float:left; width:50%; height: 335px;}
.junggu_song > div.junggu_movie iframe{width: 100%; height: 100%;}
.junggu_song > div.tx {width:47%;}

@media all and (max-width: 840px){
	.junggu_song > div.junggu_movie {width:100%; height: 250px;}
	.junggu_song > div.tx {width:100%;}
}

/* 조직도 */
.org_con2 {}
.org1 {margin-top:20px; position:relative; overflow:hidden;}
.org1 a {display:block; position:relative; box-sizing: border-box;}
.org1 a:hover{text-decoration: underline;}
.org1 li a.lv {width:220px;height:100px;margin:0 auto;margin-bottom:30px;padding-top:21px;font-size:20px;text-align:center;font-weight:bold;color:#ffffff;background-color: #ff3157;border-radius: 10px;}
.org1 li a.lv span {display:block; padding-top:5px; font-size:13px; letter-spacing:-0.8px;     font-weight: 500;}
.org1 li a.lv::after {position:absolute; top:100px; left:50%; width:1px; height:30px; background:#e0e0e0; content:'';}
.org1 li a.lv0 {width:220px;height:60px;margin:0 auto;margin-bottom:30px;line-height:60px;font-size:18px;text-align:center;font-weight:bold;color:#ffffff;background-color: #a7005c;border-radius: 10px;}
.org1 li a.lv0::after {position:absolute; top:60px; left:50%; width:1px; height:30px; background:#e0e0e0; content:'';}
.org1 > li > ul {/*background: url('/images/junggu/junggu/oga_bg2.gif') 50% 185px no-repeat;*/}
.org1 li ul li a.lv1 {width:220px;height:50px;margin:0 auto;margin-bottom:110px;line-height:50px;font-size:18px;text-align:center;font-weight:bold;color:#ffffff;background-color: #c053e0;border-radius: 10px;}
.org1 li ul li a.lv1:focus{box-shadow:0 0 0 1px #0012ff, 0 0 0 2px #0012ff;}
.org1 li a.lv1::after {position:absolute; top:50px; left:50.5%; width:1px; height:110px; background:#e0e0e0; content:'';}
.org1 li ul li ul li.lv2 {margin-top:80px;}
.org1 li ul li ul li.lv2::after {content: ''; display: block; position: absolute; left:9.75%; top:351px; background: #e0e0e0; width: 81%; z-index: 1; height: 1px;}

.org1 li ul li ul li.lv2 ul.group {/*overflow:hidden;*/ padding:2px; min-height:250px;}
.org1 li ul li ul li.lv2 ul.group > li {float:left; width:19%; margin-right:1.25%; background:#f7f7f7;box-sizing: border-box;  }
.org1 li ul li ul li.lv2 ul.group > li:last-child {margin-right:0%; }
.org1 li ul li ul li.lv2 ul.group > li > a {display:block; line-height:40px; background:url('/images/domain/junggu/junggu/og_btn.png') 94% center no-repeat #555b69; color:#ffffff; font-size:15px; text-align:center;}
.org1 li ul li ul li.lv2 ul.group ::before {position:absolute; top:-30px; left:50.5%; width:1px; height:30px; background:#e0e0e0; content:'';}
.org1 li ul li ul li.lv2 ul.group > li > ul li ::before {position:absolute; top:px; left:50%; width:0px; height:0px; background:#e0e0e0; content:'';}

.org1 li ul li ul li.lv2 ul.group li ul {min-height:200px; padding:20px 25px}
.org1 li ul li ul li.lv2 ul.group li ul li {width:100%; padding-left:12px; margin-bottom:11px; color:#666666; font-size:15px; background:url('/images/domain/junggu/common/li_dot2.png') 0 center no-repeat}
.org1 li ul li ul li.lv2 ul.group li ul li:last-child {margin:0}
.org1 .lv1_1 {position:absolute;top: 273px;left:0;width: 20%;padding: 14px 5px 14px 25px;color: #666666;background-color: #f7f7f7;background-position: 17px center;}
.org1 .lv1_1:before{position: absolute; top: 24px; left: 12px; content: ""; display: block; width: 4px; height: 4px; background-color: #888; border-radius: 50%;}
.org1 .lv1_1:after {content: ''; display: block; position: absolute; left:100%; top: 22px; background: #e0e0e0; width: 150%; z-index: 1; height: 1px;} 
.org1 .lv1_2 {position:absolute;top: 273px;right:0;width: 20%;padding: 14px 5px 14px 25px;color: #666666;background-color:#f7f7f7;background-position: 17px center; /*cursor:text;*/}
/*.org1 .lv1_2:hover {text-decoration:none;}*/
.org1 .lv1_2:before {position: absolute; top: 24px; left: 12px; content: ""; display: block; width: 4px; height: 4px; background-color: #888; border-radius: 50%;}
.org1 .lv1_2:after {content: ''; display: block; position: absolute; left: -150%; top: 22px; background: #e0e0e0; width: 150%; z-index: 1; height: 1px;} 
.org1 .lv1_3 {position: absolute; top: 273px; left: 25%; width: 17%; padding: 14px 5px 14px 25px; color: #666666; background-color: #f1f1f1; background-position: 17px center;}
.org1 .lv1_3:before {background: url('/images/junggu/common/li_dot2.png') 0 center no-repeat; padding-left:12px; content:'';} 
/* 기획예산 및 문화관광 */
.org1 li ul li ul li.lv2 ul.group li.box {width:26%; margin-top:40px; background:none}
.org1 li ul li ul li.lv2 ul.group li.box ul {overflow:hidden; min-height:auto; padding:0}
.org1 li ul li ul li.lv2 ul.group li.box ul li {float:right; width:70%; padding:14px 5px 14px 29px ;background-color:#f7f7f7; background-position: 17px center}

.org2 {position:relative;overflow:hidden;/*overflow:hidden;*/padding-left:20%;color:#ffffff;border:1px solid #e0e0e0;background: #b15b1e;}
.org2 > li > a {position:absolute; top:50%; left:0; display:block; width:20%; margin-top:-14px;  padding:0% 20px; font-size:17px; text-align:center; box-sizing: border-box; color:#ffffff;}
.org2 > li > a:hover{text-decoration: underline;}
.org2.st3 > li > a:focus{box-shadow:0 0 0 1px #0012ff, 0 0 0 2px #0012ff;}
.org2 li ul {overflow:hidden; padding:20px 0 0px 0%; background:#ffffff}
.org2 li ul li {float:left; width:22.5%; height:40px; margin:0 0 20px 15px; padding-left:13px; line-height:40px; background:url('/images/domain/junggu/junggu/og_btn.png') 93% center no-repeat #f1f1f1; font-size:14px; text-align:left;}
.org2 li ul li:hover {background-color:#e8e8e8;}
.org2 li ul li a {display:block; color: #000;}
.org2 li ul li a:hover{text-decoration: underline;}

.org2.st1 {background: #ec516d;}
.org2.st2 {background: #cc25b9;}
.org2.st3 {background: #02895e;}


@media all and (max-width:800px) {	
    /* 조직도 */
    .org1 > li > ul {background:none; overflow:hidden;}
    .org1 li ul li ul li.lv2 {margin-top:0; padding:25px 20px; border:1px solid #dddddd;   display: inline-block}
    .org1 li ul li ul li.lv2::after {height: 0px;}
    .org1 li ul li ul li.lv2 ul.group > li {width:100%; margin:0 0 13px 0}
    .org1 li ul li ul li.lv2 ul.group {margin-bottom:0px; }
    .org1 li ul li ul li.lv2 ul.group ::before {width:0px; }
    .org1 li ul li ul li.lv2 ul.group li ul {min-height:auto}
    .org1 li ul li ul li.lv2 ul.group li ul li a {font-size:14px}
    .org1 li ul li ul li.lv2 ul.group li.box {width:100%; margin-top:0}
    .org1 li ul li ul li.lv2 ul.group li.box ul li {float:none; width:100%;}


    .org2 {padding:0}
    .org2 > li > a {position:static; width:100%; height:35px; margin:0; padding:0; line-height:35px; font-size:16px}
    .org2 li ul {padding:4% 3%}
    .org2 li ul li {float:none; width:100%; height:33px; margin:0 0 10px 0; line-height:33px; background-position:96% center}

    ul.org1 a.lv1_1 { position:relative; top:0; width: 100%; margin-bottom: 18px;}

    .org1 .lv1_1:after {height:0px;} 
    ul.org1 li ul li a.lv1 { margin-bottom: 36px;}
    ul.org1 li a.lv1::after { height: 35px;}

    ul.org1 .lv1_2 {position:relative; top:0; width: 100%; margin-bottom: 18px; right:auto;}
    ul.org1 .lv1_2:after {display:none;} 

    ul.org1 a.lv1_3 { position:relative; top:auto; left:auto; width: 100%; margin-bottom: 18px;}

}





/* 연혁 */
.history {position:relative; margin-top:20px; padding:0 0 30px 40%; background:url('/images/domain/junggu/junggu/history.jpg') 0 0 no-repeat}
.history::before {position:absolute; top:0; left:40%; display:block; width:1px; height:100%; background:#e0e0e0; content:''}
.history .item {margin-bottom:16px;}
.history .item strong {position:relative; left:-45px; display:block; width:90px; height:90px; margin-bottom:12px; text-align:center; line-height:90px; color:#ffffff; background:#4679cc; border-radius:90px; font-size:18px; font-family:'Nanum Square'}
.history .item ul li {position:relative; margin-bottom:11px; padding:0px 0 0 145px; font-size:15px; line-height:130%; color:#4b4b4b}
.history .item ul li::before {position:absolute; top:1px; left:-8px; display:block; width:17px; height:17px; background:url('/images/domain/junggu/junggu/history_icon.png') 0 0 no-repeat; content:''}
.history .item ul li span {position:absolute; left:22px; top:0; font-weight:bold; color:#333333 }
.history .item.st1 strong {background:#007dbd}
.history .item.st2 strong {background:#019899}
.history .item.st3 strong {background:#ee4665}
.history .item.st4 strong {background:#4679cc}
@media all and (max-width:800px) {	
	/* 연혁 */
	.history {margin-top:5px; padding:0 0 30px 40px; background:none}
	.history::before {left:40px;}
	.history .item ul li {padding-left:137px}
	.history .item ul li span {left:18px}
}

/* chief_area */
.chief_area {overflow:hidden}
.chief_area li {position:relative; float:left;  width:15.5%; margin:0 5px 2% 5px; padding:1% 1% 2% 1%; border:1px solid #dddddd; box-sizing: border-box;}
.chief_area li::after {position:absolute; left:0px; bottom:-2px; display:block; width:100%; height:1px; background:#d1d1d1; content:''; }
.chief_area li p {width:100%}
.chief_area li p img {display:block; width:100%; margin-bottom:13px}
.chief_area li strong {display:inline-block; font-size:16px; color:#4b4b4b; font-weight:bold}
.chief_area li strong span {font-size:15px; color:#f33c5e;}
@media all and (max-width:800px) {	
	/* chief_area */
	.chief_area li {width:23%;}
}
@media all and (max-width:600px) {	
	/* chief_area */
	.chief_area li { width:46%; padding:2% 2% 5% 2%; margin-bottom:3%}
}

/* junggu_map */
.junggu_map {padding:5% 3%; border:1px dotted #777777; text-align:center}

/* tx_basic */
.tx_basic {margin-top:20px;}
.tx_basic > li { margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #e6e6e6}
.tx_basic > li:last-child {margin-bottom:0px; border:0 none}
.tx_basic li div.area {overflow:hidden;}
.tx_basic li .pho {float:left;width: 27%;border:1px solid #dedede;background:#eeeeee;box-sizing: border-box;}
.tx_basic li .pho img {height:230px; }
.tx_basic li .tx {float:right;width: 70%;margin-left:3%;box-sizing: border-box;}
.tx_basic li h4 {margin: 0 0 17px 0; padding-bottom:17px; border-bottom:1px dotted #dbdbdb; font-size:22px; color:#4d4d4d}
.tx_basic li ul li {position: relative; padding-left:12px; font-size:15px; color:#4b4b4b; line-height:1.5em;}
.tx_basic li ul li:before{position: absolute; top: 9px; left: 0; content: ""; display: block; width: 3px; height: 3px; background-color: #444; border-radius: 50%;}
.tx_basic li ul li.tx_p {padding:0; background:none} /* p 기본값 */
.tx_basic li ul li > strong {color:#f54364;}
.tx_basic li ul li > strong.st1 {margin-right:25px; }
.tx_basic li .tx_history ul li {margin-bottom:8px; padding-bottom:8px; border-bottom:1px dotted #dbdbdb;}
.tx_basic li .tx_history h4 {padding:0; border:0 none}
.tx_basic li .tx_history ul li p.p_tx {margin-top:2px; font-size:15px; color:#4b4b4b}
.tx_basic li.strong_ab li {position:relative; padding-left:120px}
.tx_basic li.strong_ab li strong {position:absolute; top:0; left:13px}
/* 작은이미지 사이즈 */
.tx_basic.s_img li .pho {width:20%;}
.tx_basic.s_img li .pho img { height:auto}
.tx_basic.s_img li .tx {width:77%; margin-left:3%}
/* 이미지 없을 때 */
.tx_basic li .area.no_img .tx {width:100%}
.tx_basic li .area.no_img h4 {border:0 none; margin-bottom:0px}
.tx_basic.s_img > li {margin-bottom:20px; }

@media all and (max-width:800px) {	
	/* tx_basic */
	.tx_basic li .pho {overflow:hidden; float:none; width:100%; text-align:center}
	.tx_basic li .pho img {width:320px; height:auto}
	.tx_basic li .tx {float:none; width:100%; margin:3% 0 0 0%; padding:0 0%}
	.tx_basic li h4 {font-size:19px}
	.tx_basic li ul li {font-size:14px}
	.tx_basic li.strong_ab li {padding-left:13px}
	.tx_basic li.strong_ab li strong {position:static; padding-left:0}
	.tx_basic li.strong_ab li strong.st1 {display:block}
	.tx_basic.s_img li .pho {width:100%;}
	.tx_basic.s_img li .pho img {width:200px;}
	.tx_basic.s_img li .tx {width:100%; margin-left:0%}
}

/* 조직정보공개-그래프 */
.para01 {overflow:hidden}
.graph { display:block; position:relative; margin-left:7%; width:92%; height:300px; margin-top:20px; padding:0; margin-bottom:100px; font-size:11px; }
.graph thead tr { position:absolute; bottom:-85px; }
.graph thead th { width:auto; padding:10px 20px 10px 0; letter-spacing:-0.1em; }
.graph thead th span.bar { display:inline-block; padding:10px 15px; vertical-align:middle; margin-right:5px; }
.graph thead th p {padding:0px 0 10px 23px; font-size:13px; text-align:left; line-height:130%; background:url('/images/domain/junggu/info/gra_ico1.jpg') 0 0 no-repeat; }
.graph thead th p.st1 {background-image:url('/images/domain/junggu/info/gra_ico2.jpg')}
.graph thead th p.st2 {background-image:url('/images/domain/junggu/info/gra_ico3.jpg')}
.graph tbody tr,.graph tbody th,.graph tbody td { position:absolute;  bottom:0; margin:0; padding:0; text-align:center; z-index:2;}
.graph tbody tr { height:300px; padding-top:2px; border-right:1px dotted #bbb; border-bottom:1px solid #ddd; }
.graph tbody tr:first-child { border-left:1px solid #ddd; }
.graph tbody th { width:100%; bottom:-28px; vertical-align: top; font-size:13px; font-weight: normal; color: #333; }
.graph tbody td { color: #000; }
.graph .sort1 { left: 0; }
.graph .bar {min-width:25px}
.graph .bar p { margin: -15px 0 0; padding: 0; font-weight:600; }
.graph .bar_01 { left:20.5%; background:#f76221 url('/images/domain/junggu/info/gra_pt1.png') 0 0 repeat; }
.graph .bar_02 { left:41%; background:#0097da url('/images/domain/junggu/info/gra_pt2.png') 0 0 repeat; }
.graph .bar_03 { left:61.5%; background:#00a06d url('/images/domain/junggu/info/gra_pt3.png') 0 0 repeat; }

.ticks { position: relative; margin-left:7%; top:-400px; width:92%; left: 0px; height: 300px;   z-index: 1;  margin-bottom: -300px;  font-size: 10px; }
.ticks .tick { position: relative;  border-bottom: 1px dotted #bbb;  width: 100%; height: 36.5px;}
.ticks .tick p { position:absolute; top:-4px; left:-7%; margin: 0; font-size:12px }
.ticks div:last-child {border:0 none}
.ticks .tick.st2 {height:59px}/* .sort_p2 */
.ticks .tick.st3 {height:100px}/* .sort_p2 */

.graph tbody.sort_p1 tr { width:100%; }
.graph tbody.sort_p1 td { width:10%; }
.graph tbody.sort_p2 tr { width:50%; }
.graph tbody.sort_p2 .sort2 { left: 50%; }
.graph tbody.sort_p2 td { width:18%; }
.graph tbody.sort_p3 tr { width:33.33%; }
.graph tbody.sort_p3 .sort1 { left: 33.33%; }
.graph tbody.sort_p3 .sort2 { left: 66.66%; }

.graph tbody.sort_p5 tr { width:20%; }
.graph tbody.sort_p5 .sort1 { left:20%; }
.graph tbody.sort_p5 .sort2 { left:40%; }
.graph tbody.sort_p5 .sort3 { left:60%; }
.graph tbody.sort_p5 .sort4 { left:80%; }


@media all and (max-width:620px) {	
	/* 조직정보공개-그래프 */
	.graph thead th p {font-size:12px}
}                       

/* award_area */
.award_area {overflow:hidden}
.award_area li {float:left; width:23%; margin:0 2.5% 40px 0; }
.award_area li:nth-child(4n) {margin-right:0%}
.award_area li p {position:relative; width:100%; margin-bottom:5px; border:1px solid #dbdbdb}
.award_area li p img{width: 100%;}
.award_area li p::before {position:absolute; top:0; left:0; display:block; width:100%; height:100%; content:''; background:url('/images/junggu/junggu/junggu_sha.png') 0 0px no-repeat}
.award_area li p::after {position:absolute; bottom:-6px; left:0; display:block; width:100%; height:5px; content:''; background:url('/images/junggu/junggu/junggu_bottom.png') 0 0px no-repeat}
.award_area li .con dl dt {position:relative;  padding:16px 0 3px 0px; color:#3b3b3b; font-size:20px; font-weight:bold; letter-spacing:-1px; line-height:130%}
/*.award_area li .con dl dt::after {position:absolute; bottom:0; left:0; content:''; width:20px; height:1px; background:#a0a0a0}*/
.award_area li .con dl dd {color:#4b4b4b; line-height:145%}
.award_area li .con a {margin-top:20px; margin-left:0; box-sizing: border-box;}
@media all and (max-width:1250px) {	
	/* award_area */
	.award_area li .con a {width:100%; margin-top:7px; font-size:13px}
}

@media all and (max-width:620px) {	
	/* award_area */
	.award_area li {width:48.5%}
	.award_area li:nth-child(2n) {margin-right:0%}
	.award_area li p {text-align:center}
	.award_area li p::before {display:none}
	.award_area li p::after {display:none}
	.award_area li .con dl dt {padding-top:12px; padding-bottom:6px; font-size:16px}
	.award_area li .con dl dd {font-size:13px}
}             

/*개인정보처리방침*/
.pv_labeling img, .pv_labeling span{display:block;}
.pv_labeling img{margin:0 auto 7px auto;}
.pv_labeling span{line-height:1.2em;}

.labeling_wrap{width:100%; position:relative;}
.labeling_wrap .lali_h:before{width:100%;border-top:2px solid #00a06d;border-bottom:1px solid #00a06d;text-align:center;line-height:1.6em;}
.labeling_wrap .lali_h {width: 100%; text-align:center; font-size:15px; font-weight: bold; position:relative; border-top: 2px solid #ff3157; text-align:center; line-height:1.6em; background-color:#fff5f7; }
.labeling_list{display:flex; position:relative; flex-wrap:wrap; border-bottom: 1px solid #ccc; }
.labeling_list li{display:inline-block; width:50%; padding:8px 20px; box-sizing:border-box; font-size:15px; position:relative;line-height:1.5em;word-break:keep-all;}
.labeling_list li a:hover{text-decoration: underline;}
.labeling_list_mobile{display:block; position:relative; border-bottom: 1px solid #ccc; }
.labeling_list_mobile li{display:inline-block; width:100%; padding:7px 30px; box-sizing:border-box; font-size:14px; position:relative; line-height:1.5em; word-break:keep-all;}
.labeling_list_mobile{display:none;}

@media screen and (max-width:1260px){
    /*개인정보처리방침*/
    .labeling_list li{ font-size:14px;}
}

@media  screen and (max-width:1125px){
    /*개인정보처리방침*/
    .labeling_list{display:none;}
    .labeling_list_mobile{display:block;}
    .labeling_list_mobile li{padding:6px 25px}
}

/* 사이트맵 */
.sitemap {}
.sitemap .area  {position:relative; width:100%; margin-bottom:15px; padding:0px 0px 20px 17%; box-sizing: border-box;}
.sitemap .area h3 {position:absolute; top:0; left:0; width:15%; padding:30px 0%; border-top: 2px solid #ff3157; font-size:25px; }
.sitemap .area h3:hover {text-decoration:none}
.sitemap .area .site_group {width:100%;padding-top:30px; border-top:1px solid #dddddd; font-size:0;}
.sitemap .area .site_group:after {content:"";display:block; visibility:hidden; clear:both;}
.sitemap .area .site_list {display:inline-block; vertical-align:top; width:calc((100% - 80px)/4); margin:0 10px 30px 10px;}
.sitemap .area .site_list:after {content:"";display:block;visibility:hidden;clear:both;}
.sitemap .area .site_list > li {font-size:15px;}
.sitemap .area .site_list > li > a { display:block; margin-bottom:15px;  padding:12px 0; border:1px solid #dddddd; color:#222222; text-align:center; font-size:16px; letter-spacing:-1px}
.sitemap .area .site_list > li > a:hover,.sitemap .area .site_list > li a:focus {border:1px dotted #777777; text-decoration:none}
.sitemap .area .site_list li ul li {}
.sitemap .area .site_list li ul li a {position:relative; display:block; margin:0 0 5px 8px; padding:0 10px 0 12px; line-height:21px; font-size:15px; letter-spacing:-1px;}
.sitemap .area .site_list li ul li a:before {position:absolute; top:10px; left:0; display:block; width:5px; height:1px; content:''; background:#666666}
.sitemap .area .site_list li a.blank:after {display:inline-block; width:14px; height:14px; margin-left:5px; background:url('/images/junggu/common/blank.gif') 0 0 no-repeat; content:'';}

.sitemap .area .site_list li ul li a:hover,.sitemap .area .site_list li ul li a:focus {text-decoration:underline; color:#4b4b4b}

.long250 {min-height:250px;}
.long340 {min-height:340px;}
.long440 {min-height:440px;}
.long480 {min-height:480px;}

@media all and (max-width:800px) {	
	/* 사이트맵 */
	.sitemap .area .site_list {width:31%}
}

@media all and (max-width:620px) {	
	/* 사이트맵 */
	.sitemap .area {margin-bottom:0; padding:0%;}
	.sitemap .area h3 {position:static; width:98%; margin:0 auto; padding:13px 15px; font-size:18px; background:url('/images/domain/junggu/common/gnb_bg.gif') 0 0 repeat #05A270; color:#ffffff; border-top:0; }
	.sitemap .area .site_group {padding-top:10px; border:0 none}
	.sitemap .area .site_list {width:48%; margin:0 1% 35px 1%; }
	.sitemap .area .site_list:nth-child(2n) {margin-right:0}
	.sitemap .area .site_list > li > a {margin-bottom:10px; font-size:15px}
	.sitemap .area .site_list li ul li a {padding-right:13px}
}

/*사회적경제기업 기업현황*/
.seco_banner{width:100%; margin-bottom:20px;}
.seco_banner img{width:100%;}
.sem_co{width:100%;}
.sem_co > ul{width:100%; display:flex; flex-wrap:wrap;}
.sem_co > ul > li{display:inline-block; vertical-align:top; padding:15px; box-shadow:1px 1px 7px 0px #ccc; font-size:0; box-sizing:border-box; width:calc((100% - 35px)/2); margin-right:30px; margin-bottom:15px;}
.sem_co > ul > li:nth-child(2n){margin-right:0;}
.sem_co > ul > li > div{display:inline-block; vertical-align:top; box-sizing:border-box;}
.sem_co > ul > li > div.co_imgbox{width:170px; height:170px; background-color:#ddd;}
.sem_co > ul > li > div.co_imgbox a{display:block;}
.sem_co > ul > li > div.co_infobox{width:calc(100% - 170px); padding-left:20px;}
.sem_co > ul > li > div.co_infobox p{font-weight:bold; font-size:19px; position:relative; border-bottom:1px solid #eee; padding-bottom:10px; line-height:1.2em; margin-bottom: 6px; word-break:keep-all;}
/*.sem_co > ul > li > div.co_infobox p:before{display:block; content:""; position:absolute; width:8px; height:21px; left:0; top:3px; transform:skew(-20deg);}*/
.sem_co > ul > li > div.co_infobox .cin_list li{position:relative; margin-bottom: 2px; padding-left:7px;}
.sem_co > ul > li > div.co_infobox .cin_list li:before{display: block; content: ""; position: absolute; width: 4px; height: 4px; left: -3px; top: 9px; background-color: #ff3157; border-radius: 50%;}
.sem_co > ul > li > div.co_infobox .cin_list li:last-child{margin-bottom:10px;}
.sem_co > ul > li > div.co_infobox .cin_list li > span{display:inline-block; vertical-align:top; font-size:15px; letter-spacing:-1.5px; box-sizing:border-box;}
.sem_co > ul > li > div.co_infobox .cin_list li > span.tit{color:#555; width:57px;}
.sem_co > ul > li > div.co_infobox .cin_list li > span.txt{width:calc(100% - 57px); padding-left:10px;}
.sem_co > ul > li > div.co_infobox .co_linkbox{border:1px solid #555; position:relative; padding:5px 75px 5px 5px; font-size:0;}
.sem_co > ul > li > div.co_infobox .co_linkbox a{display:inline-block; vertical-align:middle; margin-right:5px;}
.sem_co > ul > li > div.co_infobox .co_linkbox a:nth-last-child(2){margin-right:0;}
.sem_co > ul > li > div.co_infobox .co_linkbox a.map_go{position:absolute; right:-5px; top:0; width:90px; height:100%; line-height: 1.1em; background:url(/images/domain/junggu/contents/map_go_icon1.png) no-repeat; background-color:#555; color:#fff; font-size:15px; letter-spacing:-1.5px; text-align:center; box-sizing: border-box; padding: 7px 5px 7px 23px; background-position: left 8px top 6px;}

/*.sem_co > ul > li.sc1 > div.co_infobox p:before{background-color:#f7f199;}
.sem_co > ul > li.sc1 > div.co_infobox .cin_list li:before{background-color:#f7f199;}
.sem_co > ul > li.sc2 > div.co_infobox p:before{background-color:#8d549e;}
.sem_co > ul > li.sc2 > div.co_infobox .cin_list li:before{background-color:#8d549e;}
.sem_co > ul > li.sc3 > div.co_infobox p:before{background-color:#2baf2e;}
.sem_co > ul > li.sc3 > div.co_infobox .cin_list li:before{background-color:#2baf2e;}
.sem_co > ul > li.sc4 > div.co_infobox p:before{background-color:#d9d9d8;}
.sem_co > ul > li.sc4 > div.co_infobox .cin_list li:before{background-color:#d9d9d8;}
.sem_co > ul > li.sc5 > div.co_infobox p:before{background-color:#8e9e4e;}
.sem_co > ul > li.sc5 > div.co_infobox .cin_list li:before{background-color:#8e9e4e;}
.sem_co > ul > li.sc6 > div.co_infobox p:before{background-color:#d84112;}
.sem_co > ul > li.sc6 > div.co_infobox .cin_list li:before{background-color:#d84112;}
.sem_co > ul > li.sc7 > div.co_infobox p:before{background-color:#b2236c;}
.sem_co > ul > li.sc7 > div.co_infobox .cin_list li:before{background-color:#b2236c;}
.sem_co > ul > li.sc8 > div.co_infobox p:before{background-color:#f68206;}
.sem_co > ul > li.sc8 > div.co_infobox .cin_list li:before{background-color:#f68206;}
.sem_co > ul > li.sc9 > div.co_infobox p:before{background-color:#d0d822;}
.sem_co > ul > li.sc9 > div.co_infobox .cin_list li:before{background-color:#d0d822;}
.sem_co > ul > li.sc10 > div.co_infobox p:before{background-color:#db801c;}
.sem_co > ul > li.sc10 > div.co_infobox .cin_list li:before{background-color:#db801c;}
.sem_co > ul > li.sc11 > div.co_infobox p:before{background-color:#b57c57;}
.sem_co > ul > li.sc11 > div.co_infobox .cin_list li:before{background-color:#b57c57;}
.sem_co > ul > li.sc12 > div.co_infobox p:before{background-color:#4e749b;}
.sem_co > ul > li.sc12 > div.co_infobox .cin_list li:before{background-color:#4e749b;}
.sem_co > ul > li.sc13 > div.co_infobox p:before{background-color:#82d60e;}
.sem_co > ul > li.sc13 > div.co_infobox .cin_list li:before{background-color:#82d60e;}
.sem_co > ul > li.sc14 > div.co_infobox p:before{background-color:#993438;}
.sem_co > ul > li.sc14 > div.co_infobox .cin_list li:before{background-color:#993438;}
.sem_co > ul > li.sc15 > div.co_infobox p:before{background-color:#cb0d2d;}
.sem_co > ul > li.sc15 > div.co_infobox .cin_list li:before{background-color:#cb0d2d;}
.sem_co > ul > li.sc16 > div.co_infobox p:before{background-color:#0f98af;}
.sem_co > ul > li.sc16 > div.co_infobox .cin_list li:before{background-color:#0f98af;}
.sem_co > ul > li.sc17 > div.co_infobox p:before{background-color:#cf4a1c;}
.sem_co > ul > li.sc17 > div.co_infobox .cin_list li:before{background-color:#cf4a1c;}
.sem_co > ul > li.sc18 > div.co_infobox p:before{background-color:#43ac35;}
.sem_co > ul > li.sc18 > div.co_infobox .cin_list li:before{background-color:#43ac35;}
.sem_co > ul > li.sc19 > div.co_infobox p:before{background-color:#e5af00;}
.sem_co > ul > li.sc19 > div.co_infobox .cin_list li:before{background-color:#e5af00;}
.sem_co > ul > li.sc20 > div.co_infobox p:before{background-color:#72adc1;}
.sem_co > ul > li.sc20 > div.co_infobox .cin_list li:before{background-color:#72adc1;}
.sem_co > ul > li.sc21 > div.co_infobox p:before{background-color:#fc4242;}
.sem_co > ul > li.sc21 > div.co_infobox .cin_list li:before{background-color:#fc4242;}
.sem_co > ul > li.sc22 > div.co_infobox p:before{background-color:#4e447f;}
.sem_co > ul > li.sc22 > div.co_infobox .cin_list li:before{background-color:#4e447f;}
.sem_co > ul > li.sc23 > div.co_infobox p:before{background-color:#c17280;}
.sem_co > ul > li.sc23 > div.co_infobox .cin_list li:before{background-color:#c17280;}
.sem_co > ul > li.sc24 > div.co_infobox p:before{background-color:#4e447f;}
.sem_co > ul > li.sc24 > div.co_infobox .cin_list li:before{background-color:#4e447f;}
.sem_co > ul > li.sc25 > div.co_infobox p:before{background-color:#96371d;}
.sem_co > ul > li.sc25 > div.co_infobox .cin_list li:before{background-color:#96371d;}
.sem_co > ul > li.sc26 > div.co_infobox p:before{background-color:#3c5f80;}
.sem_co > ul > li.sc26 > div.co_infobox .cin_list li:before{background-color:#3c5f80;}
.sem_co > ul > li.sc27 > div.co_infobox p:before{background-color:#a8b533;}
.sem_co > ul > li.sc27 > div.co_infobox .cin_list li:before{background-color:#a8b533;}
.sem_co > ul > li.sc28 > div.co_infobox p:before{background-color:#9f9220;}
.sem_co > ul > li.sc28 > div.co_infobox .cin_list li:before{background-color:#9f9220;}
.sem_co > ul > li.sc29 > div.co_infobox p:before{background-color:#4b8093;}
.sem_co > ul > li.sc29 > div.co_infobox .cin_list li:before{background-color:#4b8093;}*/

@media screen and (max-width:1260px){
    /*사회적경제기업 기업현황*/
    .sem_co > ul > li > div{display:block;}
    .sem_co > ul > li > div.co_imgbox{margin:0 auto 15px auto;}
    .sem_co > ul > li > div.co_infobox{width:100%; padding-left:0;}
}

@media all and (max-width:620px) {
    /*사회적경제기업 기업현황*/
	.sem_co > ul > li{display:block; width:100%; margin-right:0; margin-bottom:10px;}
}           



/*중대재해예방*/
.sfy_wrap{width:100%;text-align:center;box-sizing:border-box;padding:20px;}
.sfy_wrap.sfy_target{position:relative;margin-bottom: 55px;}
.sfy_wrap.sfy_target:after{display:block;width:60px;height:40px;background:url(/images/domain/junggu/sub01/safey_arrow.png) no-repeat;position:absolute;content:"";bottom: -45px;left: 50%;transform: translateX(-50%);}
.sfy_wrap .title{padding:13px 30px; border-radius:100px; font-weight:bold; margin-bottom:15px; display:inline-block; font-size:18px;}
.sfy_wrap.sfy_target .title{background-color: #fff;border: 4px solid #ff0d87;color: #000;}
.sfy_wrap.sfy_target .slogan{font-size:20px; display:block;}


.sfy_wrap.pushplan .title{background-color: #f2027b;color:#fff;}
.sfy_wrap.pushplan .pp_cont{width:95%; box-sizing:border-box; padding:20px; border:1px solid #ddd; margin:0 auto;}
.sfy_wrap.pushplan .pp_cont .disater{width:100%;}
.sfy_wrap.pushplan .pp_cont .disater .top_tit{width:100%;box-sizing:border-box;padding:10px;font-size:17px;font-weight:bold;background-color: #e2e8ff;border-radius:50px;margin-bottom:5px;}
.sfy_wrap.pushplan .pp_cont .disater .d_area{width:100%;}
.sfy_wrap.pushplan .pp_cont .disater .d_list{font-size:0; text-align:center; margin-bottom:7px;}
.sfy_wrap.pushplan .pp_cont .disater .d_list > p{display:inline-block; vertical-align:middle; box-sizing:border-box; padding:15px; line-height:1.5em; width:180px; border-radius:5px; font-size:16px;}
.sfy_wrap.pushplan .pp_cont .disater .d_list > p span{display:block;}
.sfy_wrap.pushplan .pp_cont .disater .d_list > ul{display:inline-block;vertical-align:middle;text-align:left;box-sizing:border-box;padding:15px;width: 290px;margin-left:0;font-size:15px;}
.sfy_wrap.pushplan .pp_cont .ia.disater{margin-bottom:25px;}
.sfy_wrap.pushplan .pp_cont .ia.disater .d_list > p{background-color: #ffdeeb;}
.sfy_wrap.pushplan .pp_cont .cd.disater .d_list > p{background-color: #d5f5ff;}

.safe_policy{width:100%; box-sizing:border-box; padding:7px; border:3px solid #dab863;}
.safe_policy > div{width:100%; box-sizing:border-box; padding:18px; border:1px solid #dab863; text-align:center;}
.safe_policy > div img{margin-bottom:15px;}
.safe_policy > div .top_title{font-size:20px; font-weight:bold; word-break:keep-all; line-height:1.2em;}
.safe_policy > div .box_st{box-sizing:border-box; word-break:keep-all;}
.safe_policy > div .sp_info{width:95%; margin:0 auto;}
.safe_policy > div .sp_info li{font-size:0; text-align:left; margin-bottom:10px;}
.safe_policy > div .sp_info li:last-child{margin-bottom:0;}
.safe_policy > div .sp_info li i, .safe_policy > div .sp_info li p{display:inline-block; vertical-align:top;}
.safe_policy > div .sp_info li i{font-weight:bold;font-size:16px;color: #926d0f;width: 25px; margin-top:2px;}
.safe_policy > div .sp_info li p{font-size:15px; width:calc(100% - 25px); word-break:keep-all; line-height:1.3em;}
.safe_policy > div p.date{margin-top:30px;}
.safe_policy > div p.from{margin-top:10px; font-size:17px; font-weight:bold;}

.sfy_drm.mosize{display:none;}


@media all and (max-width:640px) {

/*중대재해예방*/
.sfy_wrap.sfy_target{margin-bottom: 35px;}
.sfy_wrap.sfy_target:after{bottom: -35px;}
.sfy_wrap.sfy_target .slogan{font-size:20px; display:block; word-break:keep-all;}

.sfy_wrap.pushplan .pp_cont{width:100%;}
.sfy_wrap.pushplan .pp_cont .disater .d_area{width:100%;}
.sfy_wrap.pushplan .pp_cont .disater .d_list > p{padding:10px;width: 130px;}
.sfy_wrap.pushplan .pp_cont .disater .d_list > ul{padding:10px;width: calc(100% - 130px);}
.sfy_wrap.pushplan .pp_cont .disater .d_list > ul li{word-break:keep-all; line-height:1.3em; margin-bottom:7px;}
.sfy_wrap.pushplan .pp_cont .disater .d_list > ul li:last-child{margin-bottom:0;}

.sfy_drm.websize{display:none;}
.sfy_drm.mosize{display:block !important; position:relative; z-index:1;}
.sfy_drm.mosize:before{display:block; content:""; position:absolute; width:1px; height:100%; left:50%; background-color:#a3a3a3; top:0; z-index:-1;}	


}

@media all and (max-width:540px) {

/*중대재해예방*/
.sfy_wrap.pushplan .pp_cont{padding:10px 7px;}
.sfy_wrap.pushplan .pp_cont .disater .d_list > p{width: 95%; margin:0 auto;}
.sfy_wrap.pushplan .pp_cont .disater .d_list > p span{display:inline-block;}
.sfy_wrap.pushplan .pp_cont .disater .d_list > ul{width: 95%; margin:0 auto; border:1px solid #ccc; margin-top:3px; margin-bottom:8px;}
.sfy_wrap.pushplan .pp_cont .disater .d_list > ul li{word-break:keep-all; line-height:1.3em; margin-bottom:7px;}
.sfy_wrap.pushplan .pp_cont .disater .d_list > ul li:last-child{margin-bottom:0;}

}




/* 분야별정보-환경-방역안심음식점 */
.food_box { overflow:hidden; border:1px solid #ddd; padding:20px; }
.food_box > div { float:left; }
.food_box > p { margin: 7% 0 0 210px; }
@media (max-width: 620px) {
	/* 방역안심음식점 */
	.food_box > div { float:none; text-align:center; }
	.food_box > p { margin:20px 0 0 0; }
}



/*화학사고 대피장소*/
.symbol_list{width:100%;display:flex;margin-bottom: 40px;border-top: 2px solid #ff3157;}
.symbol_list dl{display:inline-block; vertical-align:top; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.symbol_list dl.dl1{width:30%;}
.symbol_list dl.dl2{width:35%;}
.symbol_list dl.dl3{width:35%; border-right:none;}
.symbol_list dl dt, .symbol_list dl dd{width:100%; box-sizing:border-box; text-align:center;}
.symbol_list dl dt{padding:10px 10px;background-color: #fff5f7;font-weight:bold;}
.symbol_list dl dd{padding:15px;}
.symbol_list dl dd img{max-width:100%;}
.img_box{width:100%; box-sizing:border-box; padding:20px; border:1px solid #ccc; text-align:center;}
.img_box img{max-width:100%;}


@media all and (max-width:540px) {

/*화학사고 대피장소*/
.symbol_list{    flex-wrap: wrap;}
.symbol_list{border-top:2px solid #00a06d;}
.symbol_list dl{display:block; border-right:none;}
.symbol_list dl.dl1{width:100%;}
.symbol_list dl.dl2{width:100%;}
.symbol_list dl.dl3{width:100%;}

}

/* 오시는길 */
.map{width: 100%; height: 572px;}
.map .root_daum_roughmap{width: 100% !important; height: 100% !important;}
.map .root_daum_roughmap .wrap_map{height: calc(100% - 32px);}

.map_info{margin-top: 20px; border-top: 2px solid #ff3157; background-color: #fafafa;}
.map_info:after{content: ""; display: block; clear: both;}
.map_info li{position: relative; float: left; width: 25%; padding: 20px; box-sizing: border-box;}
.map_info li:after{position: absolute; top: 20px; right: 0; content: ""; display: block; width: 1px; height: 80px; background-color: #d3d3d3;}
.map_info li:last-child:after{display: none;}
.map_info li h4{position: relative; padding-left: 13px; font-size: 19px; font-weight: 500;}
.map_info li h4:before{position: absolute; top: 12px; left: 0; content: ""; display: block; width: 5px; height: 5px; background-color: #ff3157; border-radius: 50%;}

@media all and (max-width:900px) {
    /* 오시는길 */
    .map{height: 450px;}
    .map_info li{width: 50%;}
    .map_info li:nth-child(2n + 0):after{display: none;}
}
@media all and (max-width:600px) {
    /* 오시는길 */
    .map{height: 350px;}
    .map_info{padding: 10px 0;}
    .map_info li{width: 100%; padding: 10px 20px;}
    .map_info li:after{display: none;}
}