@charset "utf-8"; 
@import 'https://www.mapo.go.kr/design/common/css/reset.css';

.pc {}
.mobile {display:none !important;}
.mobile_ib {display:none !important;}


#header,
#header .global_top,
#header .global_bot,
#header .allMenu,
#header .toppop,
#header .gnb,
#container,
#container .contents,
#footer,
#footer .f_top,
#footer .f_bot {min-width:1200px;}

/* ■■■■ header ■■■■  */
#header {/* height:170px;  283 */ position:relative;}
#header.header_pr { /* height:116px; */ position:relative; z-index:910;}

/* ■■■■ global ■■■■  */
.weather_good {color:#0092e1;}
.weather_normal {color:#68af00;}
.weather_bad {color:#d96f23;}
.weather_hell {color:#d92323;}

/* 상단 팝업 */
#header .toppop_wrap {display:none; background:#fff;}
#header .toppop_wrap.on {display:block;}
#header .toppop {width:1200px; margin:0 auto; height:120px; position:relative;}
/*#header .toppop {width:1200px; margin:0 auto; height:100%; position:relative;}*/
#header .toppop .today_now_allow {position:absolute; bottom:0; right:0; background:rgba(0,0,0,0.5); border-radius:5px 5px 0 0; padding:3px 10px;}
#header .toppop .today_now_allow input {background:none;}
#header .toppop .today_now_allow label {color:#fff; font-size:13px;}
#header .toppop img{max-width: 100%;}

/* 상단 글로벌 */
#header .global_top_wrap {background:#e8ebf2;}
#header .global_top {width:1200px; height:36px; margin:0 auto; background:#e8ebf2;}
#header .global_top:after {clear:both; content:""; display:block;}
#header .global_top * {vertical-align:middle;}
#header .global_top .fl_l > ul > li {float:left; position:relative;}
#header .global_top .fl_l > ul > li > a {color:#fff; display:block; padding:10px 0; text-align:center; width:107px; font-size:14px; height:36px;}
#header .global_top .fl_l > ul > li > span {display:block; padding:10px 0; text-align:center; width:107px; font-size:14px; height:36px; line-height:1;}
#header .global_top .fl_l > ul > li a span { font-size: 14px; line-height: 17px; color:#fff; vertical-align: top;}
#header .global_top .fl_l > ul > li > span span.pc{font-size: 15px;line-height: 18px;vertical-align: top;margin-top: -1px;display: inline-block;}
#header .global_top .fl_l > ul > li > a {display:block; padding:10px 0; text-align:center; width:107px; font-size:14px; line-height:16px; background:#fff;}
#header .global_top .fl_l > ul > li ul {display:none; position:absolute; top:36px; left:-214px; background:#3c6fca; z-index:100; width:428px; padding:10px 0;}
#header.header_dong .global_top .fl_l > ul > li ul {background:#fff; border:1px solid #e8ebf2; border-top:0;}
#header .global_top .fl_l > ul > li ul:after {clear:both; content:""; display:block;}
#header .global_top .fl_l > ul > li ul li {float:left; width:100px;}
#header .global_top .fl_l > ul > li ul li a {display:block; color:#fff; font-size:13px; padding:10px 15px; text-align:center;}
#header.header_dong .global_top .fl_l > ul > li ul li a {color:#111;}
#header .global_top .fl_l > ul > li:hover ul {display:block;}
#header.header_pr .global_top .fl_l ul li .global_ma {background:#007b99; color:#fff;}
#header.header_dong .global_top .fl_l ul li .global_ma {background:#007b99; color:#fff;}
#header.header_health .global_top .fl_l ul li .global_ma {background:#007b99; color:#fff;}
#header.header_street .global_top .fl_l ul li .global_ma {background:#007b99; color:#fff;}
#header.header_culture .global_top .fl_l ul li .global_ma {background:#007b99; color:#fff;}
#header.header_sch .global_top .fl_l ul li .global_ma {background:#007b99; color:#fff;}
#header.header_mll .global_top .fl_l ul li .global_ma {background:#007b99; color:#fff;}
#header.header_street .lang {display:none;}
#header .global_top .fl_l ul li .global_bo {background:#a06020;}
#header.header_health .global_top .fl_l ul li .global_bo {background:#fff; color:inherit;}
#header .global_top .fl_l ul li .global_py {background:#187963;}
#header.header_mll .global_top .fl_l ul li .global_py {background:#fff;}
#header .global_top .fl_l ul li .global_do {background:#3c6fca; cursor:pointer;}
#header.header_dong .global_top .fl_l ul li .global_do {background:#fff; color:inherit;}
#header .global_top .fl_l ul li .global_mu {background:#b65403;}
#header.header_culture .global_top .fl_l ul li .global_mu {background:#fff; color:inherit;}
#header .global_top .fl_l ul li .global_gu {background:#696969;}
#header.header_pr .global_top .fl_l ul li .global_gu {background:#fff; color:inherit;}
#header .global_top .fl_r ul:after {clear:both; content:""; display:block; }
#header .global_top .fl_r ul li {float:left; border-right:1px solid #d7d8dd; padding:0 10px; height:36px; line-height:36px;}
#header .global_top .fl_r ul li a {display:inline-block; font-size:13px; margin-top: -7px; }
#header .global_top .fl_r ul li.login a {height: 36px; line-height: 36px; color: #000000;}
#header .global_top .fl_r ul li a.circle_go {height:23px; }
#header .global_top .fl_r ul li:first-child a {margin-right:7px; vertical-align:middle;}
#header .global_top .fl_r .lang select {background:none; vertical-align:baseline; border:0;  color: #000000;}
#header .global_top .fl_r .pop_toggle_btn {}
#header .global_top .fl_r .pop_toggle_btn span {font-size:13px;}
#header .global_top .fl_r .pop_toggle_btn span.poptxt {display:inline-block; width:24px; height:23px; background:url('../images/common/ico_global_bannerbtn_down.png') no-repeat center center; text-indent:-999em;}
#header .global_top .fl_r .pop_toggle_btn.on span.poptxt {background:url('../images/common/ico_global_bannerbtn_up.png') no-repeat center center;}

/* 하단 글로벌 */
#header .global_bot_wrap {background:#fff; border-bottom:1px solid #dadada;}
#header .global_bot {width:1200px; height:96px; margin:0 auto; background:#fff; position:relative; text-align:center; padding-top:18px;}
#header .global_bot h1 {position:absolute; left:0; top:26px;}
#header.header_main .global_bot h1 {top:auto;}
#header.header_health .global_bot h1 {top:22px;}
#header .global_bot .global_srch {width:500px; margin:0 auto; padding-right:50px; }
#header .global_bot .srch_wrap {position:relative;overflow:hidden;background: #ffffff;z-index:1;text-align:left;border: 2px solid #ee5696;border-radius: 1000px;margin-bottom: 10px;}
#header .global_bot .srch_wrap input {border: 0; border-right:0;outline:none;width:calc(100% - 50px);height:40px;padding:0 25px 0 20px;border-radius:0;}
#header .global_bot .srch_wrap a {position:absolute;top: 0;right: 1px;width:50px;text-align:center;padding-top: 8px;padding-bottom: 6px;border-radius: 0px 100px 100px 0px;}
#header .global_bot .chu_keyword {position: relative; width: 100%; height: 24px; overflow: hidden;text-align: left;margin-bottom: 4px;margin-top: -5px; background: #fff; z-index: 1;}
#header .global_bot .chu_keyword > span{color:#ee5696; font-weight:bold; }
#header .global_bot .chu_keyword a {display:inline-block; margin-left:10px; font-size:14px; line-height: 20px; color:#000000; margin-bottom:10px; font-weight:bold; }
#header .global_bot .chu_keyword strong {display:inline-block; font-size:14px; color:#383838;}
#header .global_bot .weather_wrap {position:absolute; right:0; top:28px;}
#header .global_bot .weather_wrap > * {display:inline-block; vertical-align:middle;}
#header .global_bot .weather_wrap .sun {}
#header .global_bot .weather_wrap .sun img {display:none; width:40px;}
#header .global_bot .weather_wrap .sun .on {display:inline-block;}
#header .global_bot .weather_wrap .temperature {margin:0 10px;}
#header .global_bot .weather_wrap .temperature strong {font-size:25px; line-height: 30px; letter-spacing:-2px;}
#header .global_bot .weather_wrap .dust {text-align:left; }
#header .global_bot .weather_wrap .dust span {display:block; font-size:12px; height:15px;}

#header .global_bot .srch_wrap .down_btn {display: block;position: absolute;right: 60px;top: 7px;width: 25px;height: 25px;background: #fff url('https://www.mapo.go.kr/design/common/images/common/ico_srchp_down.png') no-repeat center center;text-align: center;border: 1px solid #aeaeae;border-radius: 5px;text-indent: -999em;display: none;}
#header .global_bot .srch_wrap .down_btn.on {background: #fff url('../images/common/ico_srchp_up.png') no-repeat center center;}
#header .global_bot .srchp_result_wrap {z-index:10;}
#header .global_bot .srchp_result_wrap {display:none; position:absolute; top:87px; left:auto; background:#fff; width:340px; border:1px solid #3573c6; text-align:left; z-index:100;}
#header .global_bot .srchp_result li {margin:15px 0;}
#header .global_bot .srchp_result li a {display:block; padding-left:10px; color:#818181;}
#header .global_bot .srchp_result li a span {color:#1aa8e8;}
#header .global_bot .srchp_result .closing_area {background:#f1f1f1; text-align:right; padding:10px; }
#header .global_bot .srchp_result .closing_area .r {display:inline-block; width:100px; }
#header .global_bot .srchp_result .closing_area .r > * {vertical-align:middle;}
#header .global_bot .srchp_result .closing_area .r span {font-size:13px; color:#777;}
#header .global_bot .srchp_result .closing_area .r a {display:inline-block; width:25px; height:25px; background:url('../images/common/ico_srchp_close.png') no-repeat center center; text-align:center; border-radius:5px; text-indent:-999em; }

@media screen and (max-width:768px) {
	#header .global_bot .global_srch{position:relative;}
	#header .global_bot .chu_keyword{position: absolute;bottom: -40px;border-bottom: 0 !important;text-align: center;}
	#header.header_health .global_bot .srch_wrap{width: calc(100% - 40px) !important;margin: 0 auto;margin-bottom: 50px;}
	#header .global_bot .srch_wrap{width: calc(100% - 40px) !important;margin: 0 auto;margin-bottom: 50px;}
}
@media screen and (max-width:480px) {
	.aarea2 .color_part .color_wrap a:nth-child(3){width: 100% !important;}
}



/* ■■■■ GNB ■■■■  */
#header .gnb_wrap {position:relative; height:58px;}
#header .gnb {overflow:hidden;position:absolute;top:0;/* top:233px; */left:0;width:100%;height:58px;border-bottom: 1px solid #dddddd;z-index:97;background: #e4477a;}
#header .gnb:before {background-color:#2283d0; width:100%; height:100%; content:""; position:absolute; top:57px; left:0; z-index:97;}
#header .gnb_bg1:before {background:url('./images/bg_gnb_pc1_New.png') repeat-y center center; /* background-color:#2283d0; */ width:100%; height:100%; content:""; position:absolute; top:57px; left:0; z-index:97;}
#header .gnb_bg2:before {background:url('./images/bg_gnb_pc1_New.png') repeat-y center center; /* background-color:#1e9d73; */ width:100%; height:100%; content:""; position:absolute; top:57px; left:0; z-index:97;}
#header .gnb_bg3:before {background:url('./images/bg_gnb_pc1_New.png') repeat-y center center; /* background-color:#315ca4; */ width:100%; height:100%; content:""; position:absolute; top:57px; left:0; z-index:97;}
#header .gnb_bg4:before {background:url('./images/bg_gnb_pc1_New.png') repeat-y center center; /* background-color:#0f95d4; */ width:100%; height:100%; content:""; position:absolute; top:57px; left:0; z-index:97;}
#header .gnb_bg5:before {background:#f5f5f5;/* background:url('https://www.mapo.go.kr/design/common/images/common/bg_gnb_pc5.png') repeat-y center center; *//* background-color:#5465b3; */ width:100%; height:100%; content:""; position:absolute; top:57px; left:0; z-index:97;}
/*0630s*/#header .gnb_bg {display:none; position:absolute; top:58px; left:0; width:100%; height:650px; background:#fff;  border-bottom:2px solid #007fd8;}
#header .gnb > ul {position:relative; width:1200px; height:900px; margin:0 auto; z-index:97; overflow:hidden; padding-left:100px;}
#header .gnb > ul:before {content:""; width:170px; height:130px; position:absolute; bottom:0; left:0; z-index:3; background-size:160px auto;}
#header .gnb > ul > li {float:left; padding:0; }
#header .gnb > ul > li:first-child {margin-left:0;}
/* #header .gnb > ul > li.l_title1 > ul {background:#2283d0;}
#header .gnb > ul > li.l_title2 > ul {background:#1e9d73;}
#header .gnb > ul > li.l_title3 > ul {background:#315ca4;}
#header .gnb > ul > li.l_title4 > ul {background:#0f95d4;}
#header .gnb > ul > li.l_title5 > ul {background:#5465b3;} */
#header .gnb > ul > li > a {display:block;position:relative;padding: 0 53px 0 53px;font-weight: bold;background:url('https://www.mapo.go.kr/design/common/images/2/bg_gnbdevider.png') no-repeat right center;}
#header .gnb > ul > li:last-child  > a {background:none;}
#header .gnb > ul > li > a > span {height:58px;display:inline-block;line-height:58px;position:relative;font-size:20px;letter-spacing:-0.5px;/*font-family:'nsreb';*/color: #ffffff;font-weight: normal;}/* 230113 */
#header .gnb > ul > li:hover > a,
#header .gnb > ul > li > a.on,
#header .gnb > ul > li > a.curr {font-family:'nsreb';}
#header .gnb > ul > li:hover > a span,
#header .gnb > ul > li > a.on span,
#header .gnb > ul > li > a.curr span {/*font-family:'nsreb';*/ height:58px;}/* 230113 */
/*0630s*/#header .gnb > ul > li.l_title1 > a.on span {color:#333333; background:url('https://www.mapo.go.kr/design/common/images/2/bg_gnb_tit_arr1_E.png') no-repeat center bottom; }
/*0630s*/#header .gnb > ul > li.l_title2 > a.on span {color:#333333; background:url('https://www.mapo.go.kr/design/common/images/2/bg_gnb_tit_arr1_E.png') no-repeat center bottom; }
/*0630s*/#header .gnb > ul > li.l_title3 > a.on span {color:#333333; background:url('https://www.mapo.go.kr/design/common/images/2/bg_gnb_tit_arr1_E.png') no-repeat center bottom; }
/*0630s*/#header .gnb > ul > li.l_title4 > a.on span {color:#333333; background:url('https://www.mapo.go.kr/design/common/images/2/bg_gnb_tit_arr1_E.png') no-repeat center bottom; }
/*0630s*/#header .gnb > ul > li.l_title5 > a.on span {color:#333333; background:url('https://www.mapo.go.kr/design/common/images/2/bg_gnb_tit_arr1_E.png') no-repeat center bottom; }
#header .gnb > ul > li:hover > a:after,
#header .gnb > ul > li .gnbIntro {width:1000px;}
#header .gnb > ul > li > a.on:after {width:100%;}
#header .gnb > ul > li > span{position:absolute; top:142px; left:0; padding-right:32px; font-size:28px;}
#header .gnb > ul > li > ul{display:none;position:absolute; top:59px; left:0; width:1200px; height:552px; padding:20px 0 0 220px; }
#header .gnb > ul > li > ul:before {position:absolute;top: 0;left:0;width:100%;height:470px;}
#header .gnb > ul > li > ul > li{float:left;padding:0 8px;width:190px;margin-bottom:10px;position:relative;z-index:2;box-sizing:border-box !important;}
#header .gnb > ul > li > ul > li:nth-child(6n) {clear:both;}
#header .gnb > ul > li > ul > li.gnbIntro {position:absolute; left:0; top:0; padding:0; width:204px; height:100%; margin-bottom:0; text-indent:-999em;}
#header .gnb > ul > li > ul.l_list_1 > li.gnbIntro {background:url('https://www.mapo.go.kr/design/common/images/2/bg_gnbIntro1_top.png') no-repeat right top;} 
#header .gnb > ul > li > ul.l_list_2 > li.gnbIntro {background:url('https://www.mapo.go.kr/design/common/images/2/bg_gnbIntro2_top.png') no-repeat right top;} 
#header .gnb > ul > li > ul.l_list_3 > li.gnbIntro {background:url('https://www.mapo.go.kr/design/common/images/2/bg_gnbIntro3_top.png') no-repeat right top;} 
#header .gnb > ul > li > ul.l_list_4 > li.gnbIntro {background:url('https://www.mapo.go.kr/design/common/images/2/bg_gnbIntro4_top.png') no-repeat right top;} 
#header .gnb > ul > li > ul > li.gnbIntro dl {padding:30px 0 180px;}
#header .gnb > ul > li > ul > li.gnbIntro dl dt {font-size:24px; color:#ffffff; margin-bottom:10px;}
#header .gnb > ul > li > ul > li.gnbIntro dl dd {font-size:13px; color:#fff; line-height:20px;}
#header .gnb > ul > li > ul.l_list_5 > li {margin-bottom:10px;}
#header .gnb > ul > li > ul > li > a {display:block;padding:5px 10px;line-height:29px;font-size:17px;font-family:'S-Core Dream 4', 'Noto Sans KR', sans-serif;letter-spacing:-1px;color: #ffffff;border: 1px solid #818181;background-color: #818181;}
#header .gnb > ul > li.l_title5 > ul > li > a {color:#313131;}

#header .gnb > ul > li > ul > li > a:hover {background-color:rgba(0,0,0,0.4);}
#header .gnb > ul > li > ul > li > ul{padding-top:5px;}
#header .gnb > ul > li > ul > li > ul > li{}
#header .gnb > ul > li > ul > li > ul > li a {padding:0 8px;display:block;line-height:29px;font-size:15px;color: #3d3d3d;letter-spacing:-1px;}
#header .gnb > ul > li > ul > li > ul > li a:hover {background-color:rgba(0,0,0,0.2);}
#header .gnb > ul > li > ul > li.uniqueList2,
#header .gnb > ul > li > ul > li.uniqueList3,
#header .gnb > ul > li > ul > li.uniqueList4 {min-height:210px;}
#header .gnb > ul > li > ul > li.uniqueList5 {clear:none;}
#header .gnb > ul > li > ul.l_list_5 {padding:50px 0 0 0;}
#header .gnb > ul > li > ul.l_list_5 > li {width:auto;}
#header .gnb > ul > li > ul.l_list_5 > li:nth-child(6n) {clear:none;}
#header .gnb > ul > li > ul.l_list_5 > li a {border:0; background:none;}
#header .gnb > ul > li > ul.l_list_5 > li a:hover {background:none;}
#header .gnb > ul > li > ul.l_list_5 > li a {display:block; text-align:center;}
#header .gnb > ul > li > ul.l_list_5 > li a span {display:block; margin-top:20px; font-size:20px;}
.blankline {float:left; width:100% !important; margin:0;} 



#header .gnb2_wrap {position:relative; height:58px;}
#header .gnb2 {overflow:hidden; position:absolute; top:0; /* top:233px; */ left:0; width:100%; height:auto;  z-index:97;}
#header .gnb2:before {width:100%; height:100%; content:""; position:absolute; top:57px; left:0; z-index:97; }
#header .gnb2_bg {display:none; position:absolute; top:58px; left:0; width:100%; height:500px; background:#fff; border-top:1px solid #e1e1e1; border-bottom:2px solid #007fd8;}
#header .gnb2 > ul {position:relative; width:1200px;  margin:0 auto; z-index:97; overflow:hidden; background:#fff;  box-sizing:border-box;}
/* #header .gnb2 > ul:before {content:""; width:170px; height:130px; position:absolute; bottom:0; left:0; z-index:3; background-size:160px auto;} */
#header .gnb2 > ul > li {float:left; padding:0; }
#header .gnb2 > ul > li:first-child {margin-left:0;  }

#header .gnb2 > ul > li > a {display:block; position:relative; width:200px; padding:0; background:url('../images/common/bg_gnbdevider.png') no-repeat right center; text-align:center;}
#header .gnb2 > ul > li:last-child  > a {background:none;}
#header .gnb2 > ul > li > a > span {height:58px; display:block; line-height:58px; position:relative; font-size:18px; color:#333; letter-spacing:-0.5px; font-family:'nsreb';}
#header .gnb2 > ul > li:hover > a,
#header .gnb2 > ul > li > a.on,
#header .gnb2 > ul > li > a.curr {font-family:'nsreb';}
#header .gnb2 > ul > li:hover > a span,
#header .gnb2 > ul > li > a.on span,
#header .gnb2 > ul > li > a.curr span {font-family:'nsreb'; height:58px;}
#header .gnb2 > ul > li.l_title1 > a.on span {color:#2283d0; background:url('../images/common/bg_gnb_tit_arr1.png') no-repeat center bottom;}
#header .gnb2 > ul > li.l_title2 > a.on span {color:#1e9d73; background:url('../images/common/bg_gnb_tit_arr2.png') no-repeat center bottom;}
#header .gnb2 > ul > li.l_title3 > a.on span {color:#315ca4; background:url('../images/common/bg_gnb_tit_arr3.png') no-repeat center bottom;}
#header .gnb2 > ul > li.l_title4 > a.on span {color:#0f95d4; background:url('../images/common/bg_gnb_tit_arr4.png') no-repeat center bottom;}
#header .gnb2 > ul > li.l_title5 > a.on span {color:#5465b3; background:url('../images/common/bg_gnb_tit_arr5.png') no-repeat center bottom;}
#header .gnb2 > ul > li:hover > a:after,
#header .gnb2 > ul > li .gnb2Intro {width:1000px;}
#header .gnb2 > ul > li > a.on:after {width:100%;}
#header .gnb2 > ul > li > span{position:absolute; top:142px; left:0; padding-right:32px; font-size:28px;}
#header .gnb2 > ul > li > ul{display:block; position:absolute; top:58px; left:0; width:200px; height:335px; padding:10px 0; border:1px solid #dadada; border-left:0;}
#header .gnb2 > ul > li > ul:before {position:absolute;top: 0;left:0;width:100%;height:470px;}
#header .gnb2 > ul > li > ul.l_list_1 {border-left:1px solid #dadada;}
#header .gnb2 > ul > li > ul.l_list_2 {left:200px;}
#header .gnb2 > ul > li > ul.l_list_3 {left:400px;}
#header .gnb2 > ul > li > ul.l_list_4 {left:600px;}
#header .gnb2 > ul > li > ul.l_list_5 {left:800px;}
#header .gnb2 > ul > li > ul.l_list_6 {left:1000px;}
#header .gnb2 > ul > li > ul > li{float:left; padding:0 10px;width:200px;position:relative;z-index:2;box-sizing:border-box !important; }
#header .gnb2 > ul > li > ul > li.gnb2Intro {position:absolute; left:0; top:0; padding:0; width:204px; height:100%; margin-bottom:0; text-indent:-999em;}
#header .gnb2 > ul > li > ul > li.gnb2Intro dl {padding:30px 0 180px;}
#header .gnb2 > ul > li > ul > li.gnb2Intro dl dt {font-size:24px; color:#ffffff; margin-bottom:10px;}
#header .gnb2 > ul > li > ul > li.gnb2Intro dl dd {font-size:13px; color:#fff; line-height:20px;}
#header .gnb2 > ul > li > ul > li > a {display:block; padding:0 10px; line-height:29px; font-size:15px; letter-spacing:-1px; border:1px solid #fff; background-color:rgba(255,255,255,0.15);}
#header .gnb2 > ul > li > ul > li > a:hover {background-color:rgba(0,0,0,0.05);}
#header .gnb2 > ul > li > ul > li > ul{padding-top:5px;}
#header .gnb2 > ul > li > ul > li > ul > li:first-child {margin-top:10px;}
#header .gnb2 > ul > li > ul > li > ul > li a {padding:0 8px; display:block; line-height:29px; font-size:14px; color:inherit; letter-spacing:-1px;}
#header .gnb2 > ul > li > ul > li > ul > li a:hover {background-color:rgba(0,0,0,0.2);}
#header .gnb2 > ul > li > ul > li.uniqueList2,
#header .gnb2 > ul > li > ul > li.uniqueList3,
#header .gnb2 > ul > li > ul > li.uniqueList4 {min-height:210px;}
#header .gnb2 > ul > li > ul > li.uniqueList5 {clear:none;}



.dmm {position: fixed; top: 0; left: 0; right: 0; height: 10000px; background-color: rgba(0, 0, 0, 0.7); z-index: 900; }
.dim {position: fixed; top: 0; left: 0; right: 0; height: 10000px; background-color: rgba(0, 0, 0, 0.7); z-index: 900; }
.dim2 {position: fixed; top: 0; left: 0; right: 0; height: 10000px; background-color: rgba(0, 0, 0, 0.7); z-index: 900; }
/*mobile menu*/
@font-face {
	font-family: 'S-Core Dream 5';
	src: url('https://www.mapo.go.kr/design/theme/mapo/css/fonts/S-CoreDream-5Medium.woff2') format('woff2'), url('https://www.mapo.go.kr/design/theme/mapo/css/fonts/S-CoreDream-5Medium.woff') format('woff'), url('https://www.mapo.go.kr/design/theme/mapo/css/fonts/S-CoreDream-5Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
#header .ham {position: fixed; top: 0; /*left: -1000px;*/ z-index: 1000; width: 300px; max-width:100%; min-height: 800px; background: #1daee2; overflow-y:auto; padding-bottom:217px}
#header .ham_top_wrap {position:relative; padding:20px 10px; background: #685ca8;}
#header .ham_top_wrap a {color:#fff; margin-left:10px; text-shadow:-1px -1px #3d3375;} 
#header .ham_top_wrap a.ham_close {position:absolute; top:27px; right:3px; display:block; width: 50px; height:50px; line-height:40px; text-align:center;}
#header .gnb_wrap .ham {background: rgb(255, 255, 255);left: auto;width: 320px;height: 100%;right: -1000px;padding-bottom: 0px;-ms-overflow-y: auto;min-height: auto;overflow-y: visible;}
#header .gnb_wrap .ham .ham_top_wrap {background: rgb(212, 52, 80);padding: 15px 10px;}
#header .gnb_wrap .ham .ham_top_wrap a {margin-right: 15px;margin-left: 0px;text-shadow: none;}
#header .gnb_wrap .ham .ham_top_wrap > a {line-height: 16px;font-size: 16px;font-weight: 500;display: inline-block;position: relative;font-family: 'S-Core Dream 5' !important;}
#header .gnb_wrap .ham .ham_top_wrap > a::after {background: rgb(222, 99, 120);top: 2px;width: 1px;right: -10px;bottom: 0px;position: absolute;content: "";}
#header .gnb_wrap .ham .ham_top_wrap > a:nth-child(2)::after{background:none;}
#header .gnb_wrap .ham .ham_top_wrap > a.ham_close {top: 50%;right: 0px;margin-top: -9px;margin-right: 0px;position: absolute;width: 35px;height: 22px;}
#header .gnb_wrap .ham .ham_top_wrap > a.ham_close::after {display: none;}
#header .gnb_wrap .ham .ham_top_wrap > .language-box {display: inline-block;position: relative;}
#header .gnb_wrap .ham .ham_top_wrap > .language-box > a {color: rgb(255, 255, 255);line-height: 16px;font-size: 16px;display: block;font-family: 'S-Core Dream 5' !important;}
#header .gnb_wrap .ham .ham_top_wrap > .language-box > a > span {font-family: 'S-Core Dream 5' !important;background: url("https://www.mapo.go.kr/design/theme/mapo/images/common/dm.png") no-repeat right;padding-right: 20px;display: inline-block;}
#header .gnb_wrap .ham .ham_top_wrap > .language-box > ul {text-align: center;width: 230px;background: rgb(255, 255, 255);padding: 5px 10px;border-radius: 10px;border: 1px solid rgb(223, 223, 223);border-image: none;left: 50%;top: 100%;display: none;position: absolute;z-index: 1002;transform: translate(-55%, 0px);}
#header .gnb_wrap .ham .ham_top_wrap > .language-box > ul > li {margin-right: 5px;display: inline-block;}
#header .gnb_wrap .ham .ham_top_wrap > .language-box > ul > li > a {color: rgb(212, 52, 80);font-size: 13px;display: block;font-family: 'S-Core Dream 3' !important;line-height: 1;margin-right: 0;}
#header .gnb_wrap .ham > ul {padding: 0px 62% 0px 0px;position: relative;}
#header .gnb_wrap .ham > ul > li > a {background: none;padding: 20px 2px;text-align: center;color: rgb(69, 69, 69);font-size: 18px;border-top-color: currentColor;border-bottom-color: currentColor;border-top-width: 0px;border-bottom-width: 0px;border-top-style: none;border-bottom-style: none;display: block;text-shadow: none;font-family: 'S-Core Dream 5' !important;}
#header .gnb_wrap .ham > ul > li > a.on {background: rgb(78, 78, 78);color: rgb(255, 255, 255);}
#header .gnb_wrap .ham > ul > li > a span {color: rgb(69, 69, 69);font-size: 18px;font-family: 'S-Core Dream 5' !important;}
#header .gnb_wrap .ham > ul > li > a.on span {color: rgb(255, 255, 255);}
#header .gnb_wrap .ham > ul > li > ul {background: none;padding: 0px 10px;top: 0px;width: 62%;right: 0px;position: absolute;box-sizing: border-box;display: none;}
#header .gnb_wrap .ham > ul > li > ul > li > a {background: url("https://www.mapo.go.kr/design/theme/mapo/images/common/mdm_off.png") no-repeat right 10px center;color: rgb(69, 69, 69);padding-left: 10px;font-size: 16px;font-weight: 500;border-top-color: currentColor;border-bottom-color: rgb(218, 218, 218);border-top-width: 0px;border-bottom-width: 1px;border-top-style: none;border-bottom-style: solid;display: block;text-shadow: none;padding: 13px 0 13px 7px;}
#header .gnb_wrap .ham > ul > li > ul > li > a > span {color: rgb(69, 69, 69);font-size: 16px;font-family: 'S-Core Dream 5' !important;word-break: keep-all;}
#header .gnb_wrap .ham > ul > li > ul > li > a.on {background: url("https://www.mapo.go.kr/design/theme/mapo/images/common/mdm_on.png") no-repeat right 10px center;
color: rgb(212, 52, 80);}
#header .gnb_wrap .ham > ul > li > ul > li > a.on > span {color: rgb(212, 52, 80);}
#header .gnb_wrap .ham > ul > li > ul > li > ul {background: rgb(255, 255, 255);padding: 10px 0px;border-top-color: rgb(212, 52, 80);border-top-width: 1px;border-top-style: solid;border-bottom-color: rgb(212, 52, 80);border-bottom-width: 1px;border-bottom-style: solid;margin-top: -1px;display: none;}
#header .gnb_wrap .ham > ul > li > ul > li > ul > li {padding: 0px;}
#header .gnb_wrap .ham > ul > li > ul > li > ul > li > a {background: none;padding: 5px 0px 5px 20px;color: rgb(69, 69, 69);font-size: 14px;border-top-color: currentColor;border-bottom-color: currentColor;border-top-width: 0px;border-bottom-width: 0px;border-top-style: none;border-bottom-style: none;display: inline-block;position: relative;text-shadow: none;font-family: 'S-Core Dream 5' !important;word-break: keep-all;}
#header .gnb_wrap .ham > ul > li > ul > li > ul > li > a::after {background: rgb(148, 148, 148);border-radius: 100%;left: 12px;top: 50%;width: 3px;height: 3px;margin-top: -2px;position: absolute;content: "";}
.no-icon{background: none !important;}
#header .global_bot .ham_btn_wrap a.ham_btn{ background:url("https://www.mapo.go.kr/design/theme/mapo/images/common/ico_sitemap.png") no-repeat left top ; width:26px;height:20px;margin-top: -7px;}
#header .global_bot .ham_btn_wrap a.ham_btn img {display:none;}
#header .global_bot .srch_btn a {margin-top: -5px;}
.global_bot .srch_btn a.on {width:27px;height:27px;background: url("https://www.mapo.go.kr/design/theme/mapo/images/common/ico_global_srch_mo_close.png") no-repeat left top;background-size: 27px 27px;}
.global_bot .srch_btn a.on img{display:none;}
/*mobile menu*/









/* ■■■■ 전체 메뉴 ■■■■  */
#header .allMenu{position:absolute; right:50%; bottom:0; width:1200px; height:50px; margin-right:-600px;}
#header .allMenu * {box-sizing:border-box !important;}
#header .allMenu .allMenuToggle{display:inline-block; position:relative; z-index:98; margin-top:9px;}
#header .allMenu .allMenuClose {position:absolute; top:-8px; left:0; z-index:99; display:none; }
#header .allMenu .allMenuCont {width:100%; height:700px; overflow-y:scroll; border:1px solid #e6e6e6; background-color:#fff; position:absolute; z-index:10001; top:50px; overflow:hidden; overflow-y:auto; text-align:left; display:none; padding:0 20px;}
#header .allMenu .allMenuCont .allMenuList {width:100%; margin:0 auto;}

#header .allMenuCont .sitemap_tit {padding:15px 0;}
#header .allMenuCont .sitemap_tit h1 {text-align:center; font-size:30px; color:#15aff6; font-family:'nsr';}
#header .allMenuCont .allMenuList > li {border-top:2px solid #15aff6; padding:20px 0;}
#header .allMenuCont .allMenuList > li > ul:after {clear:both; content:""; display:block;}
#header .allMenuCont .allMenuList > li > ul > li {float:left; width:15.8%; margin-right:1%;}
#header .allMenuCont .allMenuList > li > ul > li:nth-child(6) {margin-right:0;}
#header .allMenuCont .allMenuList > li:nth-child(5) > ul > li {/* min-height:500px; */}
#header .allMenuCont .allMenuList > li:nth-child(5) > ul > li:last-child {min-height:auto;;}
#header .allMenuCont .allMenuList > li .site_d1 {margin-bottom:15px;}
#header .allMenuCont .allMenuList > li .site_d1 h2 {font-size:22px; color:#15aff6; font-family:'S-Core Dream 4', 'Noto Sans KR', sans-serif; background:url('../images/common/ico_sitemap_1.png') no-repeat left center; padding-left:45px;}
#header .allMenuCont .allMenuList > li:nth-child(1) h2 {background-image:url('../images/common/ico_sitemap_1.png');}
#header .allMenuCont .allMenuList > li:nth-child(2) h2 {background-image:url('../images/common/ico_sitemap_2.png');}
#header .allMenuCont .allMenuList > li:nth-child(3) h2 {background-image:url('../images/common/ico_sitemap_3.png');}
#header .allMenuCont .allMenuList > li:nth-child(4) h2 {background-image:url('../images/common/ico_sitemap_4.png');}
#header .allMenuCont .allMenuList > li:nth-child(5) h2 {background-image:url('../images/common/ico_sitemap_5.png');}
#header .allMenuCont .allMenuList > li > ul > li > a {display:block; width:100%; background:#fbfafa; border:1px solid #e3e3e3; font-size:17px; color:#333; padding:15px; font-family:'S-Core Dream 4', 'Noto Sans KR', sans-serif;}
#header .allMenuCont .allMenuList > li > ul > li > ul {padding:10px 0;}
#header .allMenuCont .allMenuList > li > ul > li > ul > li > a {display:block; padding:8px 0  8px 15px;}
#header .allMenuCont .allMenuList > li > ul > li > ul > li > a:hover {color:#15aff6;}

/* ■■■■ ham = 햄버거 = 모바일메뉴 ■■■■  */
/* 221219 #header .ham {}
#header .ham > ul > li > a {}
#header .ham > ul > li > ul {display:none;}
#header .ham > ul > li.on > ul {display:block;}
#header .ham > ul > li > ul > li {}
#header .ham > ul > li > ul > li > a {}
#header .ham > ul > li > ul > li > ul {display:none;}
#header .ham > ul > li > ul > li.on > ul {display:block;}
#header .ham > ul > li > ul > li > ul > li {}
#header .ham > ul > li > ul > li > ul > li > a {}
*/

/* ■■■■ container ■■■■  */
#container {}
#container .contents {position:relative; width:1200px; margin:0 auto; padding:20px 0 20px;}

/* ■■■■ 메인페이지 ■■■■  */
.area1_slide_wrap {position:relative; width:770px; height:340px; background:#f5f5f5; max-height:340px; margin:0 auto; max-width:100%; overflow:hidden;}
.area1_slide_wrap:after {content:""; display:block; clear:both;}
.area1_slide_wrap .area1_btn_wrap {position:absolute; top:0; right:0; border:1px solid #e7e7e7; border-right:0;}
.area1_slide_wrap .area1_btn_wrap:after {clear:both; content:""; display:block;}
.area1_slide_wrap .area1_btn_wrap > a {float:left; display:block; text-indent:-999em; width:32px; height:32px; border-right:1px solid #e7e7e7;}
.area1_slide_wrap .area1_btn_wrap > a.btn_p {background:#fff url('../../theme/mapo/images/main/ico_ctrl_hold.png') no-repeat center center; display:none;}
.area1_slide_wrap .area1_btn_wrap > a.btn_s {background:#fff url('../../theme/mapo/images/main/ico_ctrl_play.png') no-repeat center center; display:none;}
.area1_slide_wrap .area1_btn_wrap > a.btn_l {background:#fff url('../../theme/mapo/images/main/ico_ctrl_left.png') no-repeat center center;}
.area1_slide_wrap .area1_btn_wrap > a.btn_r {background:#fff url('../../theme/mapo/images/main/ico_ctrl_right.png') no-repeat center center;}
.area1_slide_wrap .area1_btn_wrap > a.btn_p.on {display:block;}
.area1_slide_wrap .area1_btn_wrap > a.btn_s.on {display:block;}
.area1_slide_wrap .area1_slide {width:100%; height:100%; overflow:hidden; padding:0; margin:0;}
.area1_slide_wrap .area1_slide li {display:none; width:100%; }
.area1_slide_wrap .area1_slide li a img {width:100%; display:block;}
.area1_slide_wrap .area1_slide li:first-child {display:block;}
.area1_slide_wrap .area1_slide li > a {display:block;}
.area1 {}
.area1:after {clear:both; content:""; display:block;}
.area1 .area1_slide_wrap {float:left;width: 768px;}
.area1 .hello_area {float:right;width: 414px;}
.area1 .hello_area .hello_thumb,
.area1 .hello_area .hello_thumb img {display:block;width: 100%;margin:0 auto;background:#f5f5f5;}
.area1 .hello_area .hello_quick1 {background: #f7f9fa;border-bottom: 1px solid #e4e8eb;border: 1px solid #e4e8eb;}
.area1 .hello_area .hello_quick1:after {clear:both; content:""; display:block;}
.area1 .hello_area .hello_quick1 a {float:left;display:block;color: #f7f9fa;text-align:center;height: 37px;line-height:45px;width:50%;}
.area1 .hello_area .hello_quick1 a * {display:inline-block;vertical-align:middle;color: #000000;}
.area1 .hello_area .hello_quick1 a span{
    font-size: 16px;
    line-height: 20px;
    margin-top: -11px;
}
.area1 .hello_area .hello_quick1 a img{
    margin-left: 7px;
    margin-top: -9px;
}
.area1 .hello_area .hello_quick1 a:first-child {border-right: 1px solid #e4e8eb;}
.area1 .hello_area .hello_quick2 {border: 1px solid #e4e8eb;border-top:0;height: 63px;overflow:hidden;}
.area1 .hello_area .hello_quick2 a {position:relative;display:block;float:left;width:20%;height: 66px;text-align:center;padding-top: 0;border-right: 1px solid #e4e8eb;}

.area1 .hello_area .hello_quick2 a:last-child{border-right:0;}

.area1 .hello_area .hello_quick2 a img {
    margin-top: 2px;
}
.area1 .hello_area .hello_quick2 a span {display:block;margin-top: 0;text-align:center;margin-top: -7px;font-size: 14px;line-height: 20px;}
.area1 .hello_area .hello_quick2 a:after {content: '';position: absolute;top: 23px;right:0;height: 60px;border-right: 1px solid #d2d9e4;margin-top: -5px;display: none;}
.area1 .hello_area .hello_quick2 a:last-child:after {border-right:0;}
.area2 {margin-top:30px;}
.container_main .area2 {margin:30px 0; height: 196px; overflow: hidden;}
.area2 .service_slide ul.slides li {border-left: 1px solid #e7e7e7; padding:18px 0;}
.area2 .service_slide ul.slides li:first-child {border-left:0;}
.area2 .service_slide ul.slides li a {display:block; text-align:center; }
.area2 .service_slide ul.slides li a img {display:block; margin:0 auto; width:auto;}
.area2 .service_slide ul.slides li a span {display:block; margin-top:15px;}
.area2 .service_slide.flexslider .flex-direction-nav {}
.area2 .service_slide.flexslider .flex-direction-nav .flex-prev {background: #fff url('../../theme/mapo/images/main/ico_ctrl_left.png') no-repeat center center; text-indent: -999em; width: 32px; height: 32px; border: 1px solid #e7e7e7; right:31px; left:auto; top:-20px; transition:none;  z-index:0;}
.area2 .service_slide.flexslider .flex-direction-nav .flex-next {background: #fff url('../../theme/mapo/images/main/ico_ctrl_right.png') no-repeat center center; text-indent: -999em; width: 32px; height: 32px; border: 1px solid #e7e7e7; right:0; top:-20px; transition:none; z-index:0;}
.area2 .service_slide .flex-viewport{border:1px solid #e7e7e7; box-sizing:border-box;}
h2.main_h2 {font-size:24px; margin-bottom:10px;}

.bx-wrapper .bx-controls-auto { position: absolute;    top: -41px;    right: -575px; height : 0px }
.bx-wrapper .bx-pager-item {    margin-right: -7px;}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{    margin-right: -7px;}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item a.bx-stop {background: #fff url('../../theme/mapo/images/main/ico_ctrl_hold.png') no-repeat center center; text-indent: -999em; width: 32px; height: 32px; border: 1px solid #e7e7e7; right:31px; top:-25px; transition:none; z-index:0; }

.bx-wrapper .bx-controls-direction a.bx-prev {background: #fff url('../../theme/mapo/images/main/ico_ctrl_left.png') no-repeat center center; text-indent: -999em; width: 32px; height: 32px; border: 1px solid #e7e7e7; right:62px; left:auto; top:-25px; transition:none;  z-index:0;}
.bx-wrapper .bx-controls-direction a.bx-next {background: #fff url('../../theme/mapo/images/main/ico_ctrl_right.png') no-repeat center center; text-indent: -999em; width: 32px; height: 32px; border: 1px solid #e7e7e7; right:31px; top:-25px; transition:none; z-index:0;}
.bx-wrapper .bx-controls-direction a:focus {outline:2px solid #b2d5ff;}

.slideWrap .bx-wrapper .bx-controls-auto{width: auto;right: 9px;}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item a.bx-start {background: #fff url('https://www.mapo.go.kr/design/theme/mapo/images/main/ico_ctrl_play.png') no-repeat center center; text-indent: -999em; width: 32px; height: 32px; border: 1px solid #e7e7e7; right:0px; top:-25px; transition:none; z-index:0; overflow:hidden }
.bx-wrapper .bx-controls-direction a.bx-prev{right: 67px;}
.bx-wrapper .bx-controls-direction a.bx-next{right: 36px;}

.slideWrap {border: 1px solid #e7e7e7; box-sizing: border-box; margin-bottom:30px;}
.slideWrap .bx-wrapper {box-shadow:none !important;}
.slideWrap .service .slide {text-align:center; padding:28px 0; border-right: 1px solid #e7e7e7;}
.slideWrap .service .slide a {display:block;}
.slideWrap .service .slide a span {display:block; margin-top:5px;}
.slideWrap .service .slide img {margin:0 auto;}

.area3 {border-top:2px solid #535353; padding-top:35px;}
.area3 .main_h2 {margin-bottom:10px;}
.news_l_area {float:left; width:890px;}
.news_l_area > ul:after {clear:both; content:""; display:block;}
.news_l_area > ul > li {float:left; width:280px; margin-right:25px; margin-bottom:20px; border-bottom:1px solid #111;}
.news_l_area > ul > li:nth-child(3n) {margin-right:0;}
.news_l_area > ul > li > div {position:relative; height:243px; margin-bottom:30px; overflow:hidden;}
.news_l_area > ul > li:nth-child(1) > div,
.news_l_area > ul > li:nth-child(2) > div,
.news_l_area > ul > li:nth-child(3) > div {height:355px;}
.news_l_area > ul > li:nth-child(4) > div,
.news_l_area > ul > li:nth-child(5) > div,
.news_l_area > ul > li:nth-child(6) > div {height:180px;}
.news_l_area .label {display:inline-block; position:absolute; top:0; left:0; background:red; color:#fff; text-align:center; padding:7px 0; width:80px; font-size:13px;}
.news_l_area .left {display:inline-block; position:absolute; top:0; right:27px; background:#fff; padding:6px 10px; border:1px solid #e7e7e7;}
.news_l_area .right {display:inline-block; position:absolute; top:0; right:0; background:#fff; padding:6px 10px; border:1px solid #e7e7e7;}
.news_l_area .news_thumb_box {background-color:#eee; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; width:280px; height:200px;}
.news_l_area .news_thumb_box .tv_box {display:block; background-repeat:no-repeat; background-position: center center; background-size:auto 100%; height:100%; font-size:1px; text-indent:-999em;}
.news_l_area .news_thumb_box.no_img {height:30px; background:none;}
.news_l_area .news_thumb_box img {display:block; margin:0 auto; max-width:100%; max-height:200px;}
.news_l_area  .label1 {background:#2baeeb;}
.news_l_area  .label2 {background:#42bf7a;}
.news_l_area  .label3 {background:#2a6ccd;}
.news_l_area  .label4 {background:#4d97eb;}
.news_l_area  .label5 {background:#b1733b;}
.news_l_area  .label6 {background:#545454;}
.news_l_area  .label7 {background:#ed891f;}
.news_l_area  .label8 {background:#e25aa7;}
.news_l_area  .label9 {background:#2a6ccd;}
.news_l_area .carousels {} 
.news_l_area .carousels li {display:none;}
.news_l_area a.tit {display:block; font-size:17px; margin:20px 0 22px 0; line-height: 22px; height: 44px; overflow: hidden; color:#000; font-family: nbgb;}
.news_l_area a.tit:hover {text-decoration:underline;}
.news_l_area ul li ul li > div,
.news_l_area ul li ul li > p {font-size:14px; line-height:24px; max-height:260px; color:#555; overflow: hidden; }
.news_l_area ul li div div {font-size:14px; color:#555; line-height:24px; overflow: hidden;}
.news_l_area > ul > li:nth-child(7) div ul li div,
.news_l_area > ul > li:nth-child(8) div ul li div,
.news_l_area > ul > li:nth-child(9) div ul li div {}
.news_l_area > ul > li:nth-child(7) div ul li div.news_thumb_box,
.news_l_area > ul > li:nth-child(8) div ul li div.news_thumb_box,
.news_l_area > ul > li:nth-child(9) div ul li div.news_thumb_box {max-height:200px;}
.news_l_area ul li ul li > div.news_thumb_box {max-height:none; line-height:1;}
.news_l_area .news_slide8 > ul > li > a {display:inline-block; vertical-align:top;}
.news_l_area .down_down {width:99px; height:28px; margin-top:12px;}
.news_l_area .down_down img {max-width:100%;}
.news_r_area {float:right; width:285px; }
.news_r_area .service_area {height:200px; overflow:hidden;}
.news_r_area .service_area .tit:after {content:""; clear:both; display:block;}
.news_r_area .service_area .tit a {display:block; float:left; width:50%; text-align:center; font-size:17px; background:#ececec; padding:10px 0;}
.news_r_area .service_area .tit a.on {color:#fff; background:#455e85;}
.news_r_area .service_area .con ul {border-left:1px solid #ececec; border-right:1px solid #ececec; height:160px; overflow:hidden;}
.news_r_area .service_area .con ul:after {content:""; clear:both; display:block;}
.news_r_area .service_area .con ul li {border-bottom:1px solid #ececec; float:left; width:50%;}
.news_r_area .service_area .con ul li a {display:block; padding:12px 0 12px 17px; background:url('../images/common/bull_heading7.png') no-repeat 5px center;}
.news_r_area .service_area .con2 {display:none;}
.news_r_area .service_area .con2 ul li a {padding:32px 0 32px 17px;}
.news_r_area .service_quick {background:#f1f6fd; border-left:1px solid #d0dae1; border-top:1px solid #d0dae1; margin:15px 0;}
.news_r_area .service_quick:after {content:""; clear:both; display:block;}
.news_r_area .service_quick a {display:block; width:50%; height:55px; float:left;border-right:1px solid #d0dae1; border-bottom:1px solid #d0dae1; padding: 20px 0 20px 55px;}
.news_r_area .service_quick a:nth-child(1) {background:url('../../theme/mapo/images/main/ico_etcquick_1.png') no-repeat 10px center}
.news_r_area .service_quick a:nth-child(2) {background:url('../../theme/mapo/images/main/ico_etcquick_2.png') no-repeat 10px center}
.news_r_area .service_quick a:nth-child(3) {background:url('../../theme/mapo/images/main/ico_etcquick_3.png') no-repeat 10px center}
.news_r_area .service_quick a:nth-child(4) {background:url('../../theme/mapo/images/main/ico_etcquick_4.png') no-repeat 10px center}
.news_r_area .sns_area .tit {border-bottom:2px solid #535353; overflow:hidden;}
.news_r_area .sns_area .tit:after {content:""; clear:both; display:block;}
.news_r_area .sns_area .tit h2 {float:left}
.news_r_area .sns_area .tit .sns_tit {float:right; padding-top:10px;}
.news_r_area .sns_area .tit .sns_tit a {display:inline-block; margin-left:10px; vertical-align:top; text-indent:-9999em; height:26px;}
.news_r_area .sns_area .tit .sns_tit .sns_f {width:37px; background:url('../../theme/mapo/images/main/ico_sns_blog.png') no-repeat top center;}
.news_r_area .sns_area .tit .sns_tit .sns_b {width:15px; background:url('../../theme/mapo/images/main/ico_sns_facebook.png') no-repeat top center;}
.news_r_area .sns_area .tit .sns_tit .sns_i {width:17px; background:url('../../theme/mapo/images/main/ico_sns_insta.png') no-repeat top center;}
.news_r_area .sns_area .tit .sns_tit .sns_t {width:17px; background:url('../../theme/mapo/images/main/ico_sns_twitter.png') no-repeat top center;}
.news_r_area .sns_area .tit .sns_tit .sns_f.on {width:37px; background:url('../../theme/mapo/images/main/ico_sns_blog_on.png') no-repeat top center;}
.news_r_area .sns_area .tit .sns_tit .sns_b.on {width:15px; background:url('../../theme/mapo/images/main/ico_sns_facebook_on.png') no-repeat top center;}
.news_r_area .sns_area .tit .sns_tit .sns_i.on {width:17px; background:url('../../theme/mapo/images/main/ico_sns_insta_on.png') no-repeat top center;}
.news_r_area .sns_area .tit .sns_tit .sns_t.on {width:17px; background:url('../../theme/mapo/images/main/ico_sns_twitter_on.png') no-repeat top center;}
.news_r_area .sns_area .snsbox {display:none; margin-top:10px; border:1px solid #d6d6d6; height:515px; width:285px; overflow-x:hidden; overflow-y:scroll; padding:10px 15px;}
.news_r_area .sns_area .sns1 {display:block;}
.news_r_area .sns_area .snsbox iframe {width:100%;}
.news_r_area .sns_area .snsbox iframe ._2p3a {width:100% !important;}
.news_r_area .sns_area .snsbox .blog_api {}
.news_r_area .sns_area .snsbox .blog_api ul li {position:relative; border-bottom:1px dashed #ddd; padding-bottom:12px; margin-bottom:12px; text-align:right; padding-left:20px;}
.news_r_area .sns_area .snsbox .blog_api .blog_date {font-size:13px; color:#767676; /* color:#b5b5b5; 접근성 */ margin-bottom:10px;}
.news_r_area .sns_area .snsbox .blog_api .blog_txt a {font-size:13px;}
.news_r_area .sns_area .snsbox .blog_api .blog_txt2 {font-size:12px; color:#838383;}
.news_r_area .sns_area .snsbox .blog_api .mark {position:absolute; top:0; left:0; width:20px; height:20px; display:inline-block; background:url('../../theme/mapo/images/main/ico_blog_mark.png') no-repeat top center; text-indent:-999em; font-size:1px; display:block; padding-top:20px; overflow:hidden;}

/*0513*/
	.news_r_area .sns_area .snsbox-b .snsbox-btn ul li{float:left;margin: 0.9px 0.7px; height: 110px;}
	.news_r_area .sns_area .snsbox-b .snsbox-btn ul li a{display:inline-block;width: 141px;height: 107px;margin-bottom: 3px;}
	.news_r_area .sns_area .snsbox-b .snsbox-btn ul li a.b1{background:url(https://www.mapo.go.kr/design/common/images/2/main_sns_img01.jpg) no-repeat left top ;}
	.news_r_area .sns_area .snsbox-b .snsbox-btn ul li a.b2{background:url(https://www.mapo.go.kr/design/common/images/2/main_sns_img02.jpg) no-repeat left top ;}
	.news_r_area .sns_area .snsbox-b .snsbox-btn ul li a.b3{background:url(https://www.mapo.go.kr/design/common/images/2/main_sns_img03.jpg) no-repeat left top ;}
	.news_r_area .sns_area .snsbox-b .snsbox-btn ul li a.b4{background:url(https://www.mapo.go.kr/design/common/images/2/main_sns_img04.jpg) no-repeat left top ;}
	.news_r_area .sns_area .snsbox-b .snsbox-btn ul li a.b5{background:url(https://www.mapo.go.kr/design/common/images/2/main_sns_img05.jpg) no-repeat left top ;}
	.news_r_area .sns_area .snsbox-b .snsbox-btn ul li a.b6{background:url(https://www.mapo.go.kr/design/common/images/2/main_sns_img06.jpg) no-repeat left top ;}
	.news_r_area .sns_area .snsbox-b .snsbox-btn ul li a p{font-size: 0;color: #ffffff;margin-top: 18px;margin-left: 13px;line-height: 18px;font-weight:bold;}
.news_r_area .azone {margin-bottom:13px;}
.news_r_area .azone .tit_area {position:relative;}
.news_r_area .azone .tit_area:after {content:""; clear:both; display:block;}
.news_r_area .azone .tit_area .main_h2 {display:inline-block;}
.news_r_area .azone .tit_area .r {float:right;}
.news_r_area .azone .tit_area .r .cnt {position:absolute; top:7px; right:160px; color:#777;}
.news_r_area .azone .tit_area .r .cnt .now {color:#111; font-family:'nsreb';}
.news_r_area .azone .tit_area .r .cnt .total {color:#777;}
.news_r_area .azone .tit_area .r .azone_btn_wrap {position:absolute; top:0; right:0; border:1px solid #e7e7e7; border-right:0;}
.news_r_area .azone .tit_area .r .azone_btn_wrap:after {clear:both; content:""; display:block;}
.news_r_area .azone .tit_area .r .azone_btn_wrap > a {float:left; display:block; text-indent:-999em; width:32px; height:32px; border-right:1px solid #e7e7e7;}
.news_r_area .azone .tit_area .r .azone_btn_wrap > a.btn_p {background:#fff url('../../theme/mapo/images/main/ico_ctrl_hold.png') no-repeat center center; display:none;}
.news_r_area .azone .tit_area .r .azone_btn_wrap > a.btn_s {background:#fff url('../../theme/mapo/images/main/ico_ctrl_play.png') no-repeat center center; display:none;}
.news_r_area .azone .tit_area .r .azone_btn_wrap > a.btn_l {background:#fff url('../../theme/mapo/images/main/ico_ctrl_left.png') no-repeat center center;}
.news_r_area .azone .tit_area .r .azone_btn_wrap > a.btn_r {background:#fff url('../../theme/mapo/images/main/ico_ctrl_right.png') no-repeat center center;}
.news_r_area .azone .tit_area .r .azone_btn_wrap > a.btn_p.on {display:block;}
.news_r_area .azone .tit_area .r .azone_btn_wrap > a.btn_s.on {display:block;}
.news_r_area .azone .tit_area .r .azone_btn_wrap > a.azone_go {text-indent: 0; width: 50px; font-size: 11px; padding-top:11px; text-align:center;}
.news_r_area .azone .azone_slide_wrap {box-sizing:border-box; overflow:hidden;}
.news_r_area .azone .azone_slide li {display:none;}
.news_r_area .azone .azone_slide li:first-child {display:block;}
.news_r_area .azone .azone_slide li a {display:block; background:#eee;}
.news_r_area .azone .azone_slide li a img {display:block; margin:0 auto;}
.news_r_area .azone .azone_slide li > img {display:block; margin:0 auto;}
.banner_area {margin:40px 0 20px;}
.quick_area {position:fixed; right:0; top:171px; /* width:212px; */ width:80px; background:#600f47; text-align:center; padding-top:20px; padding-bottom:155px; z-index:100;}
.quick_area .box_wrap {position:relative;}
.quick_area .box_wrap .quick_toggle {position:absolute; left:-35px; top:320px; width:35px; text-align:center; background:#eb3b4b url('../images/common/ico_sidequick_left.png') no-repeat center center; height:65px; text-indent:-999em;}
.quick_area .box_wrap .quick_toggle.on {background:#eb3b4b url('../images/common/ico_sidequick_right.png') no-repeat center center;}
.quick_area .box_wrap .go_top {position:absolute; left:-35px; top:390px; width:35px; text-align:center; background:#303030; padding:10px 0;}
.quick_area .box_wrap .quick_box {display: none;padding:10px 0;}
.quick_toggle.on + .quick_box{display: block;}
.quick_area .box_wrap .quick_box .tit {display:block; margin:0 auto; text-align:center;}
.quick_area .box_wrap .quick_box ul {margin-top:10px;}
.quick_area .box_wrap .quick_box ul:after {clear:both; content:""; display:block;}
.quick_area .box_wrap .quick_box ul li {/* float:left; width:86px; */ margin-bottom:10px; background-size:45px auto !important;}
.quick_area .box_wrap .quick_box ul li a {display:block; width:60px; height:47px; text-indent:-999em; margin:0 auto;}
.quick_area .box_wrap .quick_box ul li span {display:inline-block; color:#fff; font-size:12px; line-height:15px; height:30px; margin-top:10px;}
.quick_area .box_wrap .quick_box ul li:nth-child(1) {background:url('../../theme/mapo/images/main/ico_sidequick_1.png') no-repeat top center;}
.quick_area .box_wrap .quick_box ul li:nth-child(2) {background:url('../../theme/mapo/images/main/ico_sidequick_2.png') no-repeat top center;}
.quick_area .box_wrap .quick_box ul li:nth-child(3) {background:url('../../theme/mapo/images/main/ico_sidequick_3.png') no-repeat top center;}
.quick_area .box_wrap .quick_box ul li:nth-child(4) {background:url('../../theme/mapo/images/main/ico_sidequick_4.png') no-repeat top center;}
.quick_area .box_wrap .quick_box ul li:nth-child(5) {background:url('../../theme/mapo/images/main/ico_sidequick_5.png') no-repeat top center;}
.quick_area .box_wrap .quick_box ul li:nth-child(6) {background:url('../../theme/mapo/images/main/ico_sidequick_6.png') no-repeat top center;}
.quick_area .box_wrap .quick_box ul li:nth-child(7) {background:url('../../theme/mapo/images/main/ico_sidequick_7.png') no-repeat top center;}
.quick_area .box_wrap .quick_box ul li:nth-child(8) {background:url('../../theme/mapo/images/main/ico_sidequick_8.png') no-repeat top center;}
.quick_area .box_wrap .quick_box ul li:nth-child(1):hover {background:url('../../theme/mapo/images/main/ico_sidequick_1_on.png') no-repeat top center;}
.quick_area .box_wrap .quick_box ul li:nth-child(2):hover {background:url('../../theme/mapo/images/main/ico_sidequick_2_on.png') no-repeat top center;}
.quick_area .box_wrap .quick_box ul li:nth-child(3):hover {background:url('../../theme/mapo/images/main/ico_sidequick_3_on.png') no-repeat top center;}
.quick_area .box_wrap .quick_box ul li:nth-child(4):hover {background:url('../../theme/mapo/images/main/ico_sidequick_4_on.png') no-repeat top center;}
.quick_area .box_wrap .quick_box ul li:nth-child(5):hover {background:url('../../theme/mapo/images/main/ico_sidequick_5_on.png') no-repeat top center;}
.quick_area .box_wrap .quick_box ul li:nth-child(6):hover {background:url('../../theme/mapo/images/main/ico_sidequick_6_on.png') no-repeat top center;}
.quick_area .box_wrap .quick_box ul li:nth-child(7):hover {background:url('../../theme/mapo/images/main/ico_sidequick_7_on.png') no-repeat top center;}
.quick_area .box_wrap .quick_box ul li:nth-child(8):hover {background:url('../../theme/mapo/images/main/ico_sidequick_8_on.png') no-repeat top center;}

/* ■■■■ 서브 ■■■■  */
.sub_top_wrap {background:url('../images/common/bg_sub_top_bg.jpg') repeat-y center; box-shadow: 0px 2px 5px 0px #dedede;}
.sub_top_type1 { }
.sub_visual_wrap {background:url('../images/common/bg_sub_top1.png') no-repeat top center; background-size: cover; height:179px; text-align:center;}
.sub_top_type1 .sub_visual_wrap {background-image:url('../images/common/bg_sub_top1.png');}
.sub_top_type2 .sub_visual_wrap {background-image:url('../images/common/bg_sub_top2.png');}
.sub_top_type3 .sub_visual_wrap {background-image:url('../images/common/bg_sub_top3.png');}
.sub_top_type4 .sub_visual_wrap {background-image:url('../images/common/bg_sub_top4.png');}
.sub_top_type5 .sub_visual_wrap {background-image:url('../images/common/bg_sub_top5.png');}
.sub_top_type_login .sub_visual_wrap {background-image:none; text-align:center;}
.sub_visual {display:inline-block; text-align:center; padding:30px 0;}
.sub_visual h2 {font-size:45px;line-height: 70px;color:#333333;margin-bottom:10px;font-family: 'S-Core Dream 5', sans-serif;}
.sub_visual p {font-size:20px;  line-height: 22px; color:#333333;}
.sub_nav_wrap {border-bottom:1px solid #e5e5e5; background:#fff;}
.sub_nav {width:1200px; margin:0 auto; height:62px; vertical-align:middle;}
.sub_nav:after {content:""; clear:both; display:block;}
.sub_nav > div {float:left; }
.sub_nav > div > a {display:inline-block; width:100%; height:61px; line-height:61px; font-size:17px; }
.sub_nav > div.snav {position:relative; width:272px; height:61px; border-left:1px solid #e5e5e5; }
.sub_nav > div.snav > a {background:url('../images/common/ico_loc_arr_down.png') no-repeat 92% 50%; color:#111; padding-left:20px; /*font-family:'nsr';*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right:35px;}
.sub_nav > div.snav > a.on {background:url('../images/common/ico_loc_arr_up.png') no-repeat 92% 50%;}
.sub_nav > div.snav:last-child {border-right:1px solid #e5e5e5;}
.sub_nav .snav_home {width:62px; height:62px; text-align:center; border-left:1px solid #e5e5e5; }
.sub_nav .snav_etc {position:relative; float:right; border-right:1px solid #e5e5e5; padding-right:3px; height:62px;}
.sub_nav .snav_etc > a {position:relative; width:62px; text-align:center;}
.sub_nav .snav_etc > a.share_tog {font-size:0; display:inline-block;}
.sub_nav .snav_etc > a.prt {font-size:0;}
.sub_nav .snav_home > a {font-size:0;}
.sub_nav .snav_etc > a.devider:after { content: ''; position: absolute; top: 0; right:0; height: 17px; border-right: 1px solid #e5e5e5; margin-top: 19px;}
.sub_nav .snav_etc .bbs_rss {display:none;}
.sub_nav .snav_etc.bbs_rss_toggle .bbs_rss {display:inline-block; text-align:left; margin-right:-4px;}
.sub_nav .snav_etc .share_wrap {display:none; position:absolute; right:-1px; bottom:-53px; width:125px; padding:10px; border:1px solid #e5e5e5; text-align:center; z-index:10; background:#fff;}
.sub_nav .snav_etc .share_wrap:after {clear:both; content:""; display:block;}
.sub_nav .snav_etc .share_wrap a {display:block; floaT:left; margin-right:5px;}
.sub_nav .snav_etc .share_wrap a:last-child {margin-right:0;}
.sub_nav .snav_etc .share_wrap a img {display:block;}
.sub_nav > div > .link_list {display:none; position:absolute; top:63px; left:-1px; width: calc(100% + 2px); padding:20px 20px 10px; background:#fff; border:1px solid #e5e5e5; border-top:0; z-index:90;}
.sub_nav > div > .link_list > li {margin-bottom:7px;}
.sub_nav > div > .link_list > li > a:hover {color:#3872c3; text-decoration:underline;}
.sub_nav_m {display:none; position:relative;}
.sub_nav_m * {vertical-align:middle;}
/* .share_wrap {display:none; border:1px solid #ddd; padding:5px 10px; position:absolute; right:20px; bottom:-50px; background:#fff; z-index:100;} */
.share_wrap {display:none; border:1px solid #ddd; padding:5px 10px; position:absolute; right:20px; bottom:-30px; background:#fff; z-index:100;} 
.share_wrap a {display:inline-block; vertical-align:middle;}
.share_wrap a img {display:inline-block; }
.share_tog img {}
.sub_tit {text-align:center; margin:30px 0;}
.sub_tit .h2_wrap {position:relative; display:inline-block; background:url('../images/common/bg_sub_tit_underbar.png') repeat-x center 95%;}
.container_health .sub_tit .h2_wrap {background-image:url('../images/common/bg_subMedic_tit_underbar.png');}
.sub_tit .h2_wrap h2 { display:inline-block; font-size: 40px; line-height: 50px; color:#111;font-family: 'S-Core Dream 4', sans-serif;/*font-family:'nsr';*/}

/* ■■■■ footer ■■■■  */
#footer {padding-bottom:30px;}
#footer .f_top_wrap {background:#525252;}
#footer .f_top_wrap:after {clear:both; content:""; display:block;}
#footer .f_top,
#footer .f_bot {width:1200px; margin:0 auto;}
#footer .f_top > ul > li {float:left; position:relative; width:25%; border-left:1px solid #818181; box-sizing:border-box;}
#footer .f_top > ul > li:last-child {border-right:1px solid #818181;}
#footer .f_top > ul > li > a {display:block; color:#fff; height:54px; line-height:54px; padding:0 20px; background:url('../images/common/ico_global_bannerbtn_up.png') no-repeat 95% 50%;}
#footer .f_top > ul > li > a.on {background:url('../images/common/ico_global_bannerbtn_down.png') no-repeat 95% 50%;}
#footer .f_top .link_list {display:none; position:absolute; left:0; bottom:54px; background:#fff; border:1px solid #dadada; padding:10px 0 10px 20px; width:600px; z-index:10;}
#footer .f_top > ul > li:last-child .link_list {left:-300px;}
#footer .f_top .link_list:after {clear:both; content:""; display:block;}
#footer .f_top .link_list li {float:left; margin:0 0 5px; width:140px;}
#footer .f_top .link_list li a {font-size:12px;}
#footer .f_top .link_list li a:hover {color:#3872c3; font-family:'nsreb';}
#footer .f_bot {padding-top:30px;}
#footer .f_bot:after {clear:both; content:""; display:block;}
#footer .f_bot > div {float:left;}
#footer .f_bot > div.f_2nd {padding-left:30px;}
#footer .f_bot > div.f_3rd {float:right;}
#footer .f_bot .f_con_top {margin-bottom:10px;}
#footer .f_bot .f_con_top a {position:relative; display:inline-block; margin-right:15px; color:#666; }
/* 20230828_수정 */
#footer .f_bot .f_con_top *{font-family: 'S-Core Dream 4', 'Noto Sans KR', sans-serif !important;}
#footer .f_bot .f_con_top a:first-child{color: #0000ff;font-weight:700;}
#footer .f_bot .f_con_top a:after {content: '';position: absolute;top: 5px;right: -11px;height: 14px;margin-top: -3px;border-right: 1px solid #b8b8b8;}
/* 20230828_수정 */

#footer .f_bot .f_con_top a:last-child:after{border-right:0;}
#footer .f_bot .f_con_bot p {color:#888;}
@media screen and (max-width:768px) {
	#footer .f_bot > .f_1st{display:none;}
	#footer .f_bot {text-align: center;}
	#footer .f_bot > div.f_3rd {float: none !important;}
	#footer .f_bot > div.f_3rd {text-align:center;}
	#footer .f_bot .f_con_bot p{margin-bottom:20px;}
	#footer .f_bot_wrap {padding: 10px 15px 20px !important;}
	#footer .f_bot > div.f_2nd{width: 100%;}
}

/* ■■■■■■■■■■■■ 스니펫 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■ heading ■■■■  */
.tit_h1 {color:#111; font-size:26px; font-family:'S-Core Dream 4', 'Noto Sans KR', sans-serif; line-height: 38px; background:url('../images/common/bull_heading1.png') no-repeat left 15px; padding:10px 0 10px 17px; }/* 230113 */
/* 보건소 */.container_health .tit_h1 {background-image:url('../images/common/bull_heading1_medic.png'); } 
.tit_h1:after {clear:both; content:""; display:block;}
.tit_h1_sub {display:block; font-size: 17px; line-height: 25px;}
.tit_h1 .tit_h1_fl_r {float:right;}
.tit_h2 {color:#111; font-size:20px; padding:10px 0; font-family:'nsreb';}
.tit_h3_li > li {background:url('../images/common/bull_heading3.png') no-repeat left 8px; padding-left:13px; margin-top:10px; font-size:17px; color:#111;}
.tit_h3_li > li > strong {font-size:17px; /*font-family:'nsreb';*/}/* 230113 */
.tit_h3_li > li:first-child {margin-top:0;}
.tit_h3_li > li > p {font-size:17px;}
.tit_h3_li > li > ul > li {background:url('../images/common/bull_heading4.png') no-repeat left 9px; padding-left:9px; margin-top:5px;}
.tit_h3_li > li:first-child {margin-top:0;}
.tit_h4_li > li {background:url('../images/common/bull_heading4.png') no-repeat left 10px; padding-left:9px; margin-top:5px;}
.tit_h4_li > li:first-child {margin-top:0;}










/* ■■■■ as-is heading ■■■■  */
/**/ /* 각 라인 앞에 표시된 부분이 현재 수정 후 사용되는 부분. 나머지는 삭제 보류된 상태. */
.point, a.point {color:#00707d;}
.point2, a.point2 {color:#603a9e;}
.point3, a.point3 {color: #6312a1;}
.refer-tabletxt {display:block; margin:5px 0;}
.unvis {position: absolute;overflow: hidden;width: 1px !important;height:1px !important;margin: -1px !important;line-height: 0 !important;border: 0;clip: rect(0 0 0 0); font-size:0;}

h2.txt-clear {position:relative;width:0px; height:0px; overflow:hidden;font-family: Sans-serif;visibility:hidden; }
h3.tit-h3 {margin-bottom:-5px; height:16px; background:url(/CmsWeb/resource/image/mapo/icon/bul_tit01.gif) no-repeat 0px 0px;color:#00707e;padding-left:20px; font-size:1.2em; font-family:'nsreb';}
h3.point {color:#000;}
h3.table-h3 {padding-bottom:15px; height:16px; background:url(/CmsWeb/resource/image/mapo/icon/bul_tit01.gif) no-repeat 0px 0px;color:#00707e;padding-left:20px; font-size:1.2em; font-family:'nsreb';}
/**/ h4.tit-h4 {color:#111; font-size:20px; padding:10px 0; font-family:'nsreb';}
h4.tit-h4-2 {margin:40px 0px 0px 0;height:14px; background:url(/CmsWeb/resource/image/mapo/icon/bul_tit02.gif) no-repeat 0px 0px; color:#027d88;padding-left:20px;letter-spacing:0;}
h4.tit-h4-left {margin:40px 0px 0px 0px;float:left;height:14px; background:url(/CmsWeb/resource/image/mapo/icon/bul_tit02.gif) no-repeat 0px 0px; color:#027d88;padding-left:20px;letter-spacing:0;}
h4.none {margin:0;height:14px; background:url(/CmsWeb/resource/image/mapo/icon/bul_tit02.gif) no-repeat 0px 0px; color:#027d88;padding-left:20px;letter-spacing:0;}
h4.bul-h4 {margin:40px 0px 0px 0px;height:14px; color:#027d88;letter-spacing:0;}
h4.bul-h4 img {vertical-align:-3px;}
h4.tit-h4 a.point {color:#00707d;}
h4.tit-h4 span {font-weight:normal;}
h4.table-h4 {margin:26px 0px 0px 0;background:url(/CmsWeb/resource/image/mapo/icon/bul_tit02.gif) no-repeat 0px 0px;color:#000;padding-left:18px;letter-spacing:0;}
h4.normal {margin:0px 0px 0px 0px;background:url(/CmsWeb/resource/image/mapo/icon/bul_tit02.gif) no-repeat 0px 0px;color:#00707e;padding-left:18px;letter-spacing:0;}
h4.point {color:#00707e;}
/**/ h5.tit-h5 {background:url('../images/common/bull_heading3.png') no-repeat left 8px; padding-left:13px; margin-top:10px; font-size:17px; color:#111;} 
#h5.tit-h5 {margin:13px 0px 8px 10px;background:url(/CmsWeb/resource/image/mapo/icon/bul_tit03.gif) no-repeat 0px 3px;color:#000;font-size:1em;padding-left:9px;letter-spacing:0;font-weight:normal;}
h5.normal {margin:0px 0px 0 22px;background:url(/CmsWeb/resource/image/mapo/icon/bul_tit03.gif) no-repeat 0px 3px;color:#000;padding-left:9px;letter-spacing:0;font-weight:normal;}
/**/ h5.table-h5 {background:url('../images/common/bull_heading3.png') no-repeat left 8px; padding-left:13px; margin-top:10px; font-size:17px; color:#111;}
h5.caption-table {margin:10px 0px 0px 22px;font-weight:normal; padding-left:10px; background:url(/CmsWeb/resource/image/mapo/icon/bul_tit03.gif) no-repeat 0px 2px;}
h5.tit-h5-bold {margin:33px 0px 0px 10px;background:url(/CmsWeb/resource/image/mapo/icon/bul_tit03.gif) no-repeat 0px 3px;color:#000;padding-left:9px;letter-spacing:0;font-family:'nsreb';position:relative;overflow:hidden;}
/**/ h5.h5-tit { margin: 19px 0 10px 0; padding: 10px 10px 10px 10px; letter-spacing: 0; line-height: 16px; background: #f4f4f4; font-weight: normal; font-size:17px; color:#111;}
/**/ h5.h5-tit img { margin: -2px 5px 0 0; vertical-align: middle; }
h6.tit-h6 {margin:18px 0 5px 22px;background:url(/CmsWeb/resource/image/mapo/icon/bul_list03.gif) no-repeat 0px 3px;color:#000;padding-left:9px;letter-spacing:0;font-weight:normal;}

/* list style */
/**/ ul.con-list {}
/**/ ul.con-list > li {background:url('../images/common/bull_heading3.png') no-repeat left 8px; padding-left:13px; margin-top:10px; font-size: 17px; line-height: 26px; color:#111;}
/**/ .para-coment {background:url('../images/common/bull_heading3.png') no-repeat left 8px; padding-left:13px; margin-top:10px; font-size:17px; color:#111;}
/**/ ul.con-list > li:first-child {margin-top:0;}
ul.con-list li.noImg {margin-bottom:5px;line-height:18px; letter-spacing:0; padding-left:10px; text-align:justify;}
ul.con-list li table{font-size:1em;}
/**/ ul.con-list li ul {margin-top:5px;}
/**/ ul.con-list li ul li {background:url('../images/common/bull_heading4.png') no-repeat left 9px; padding-left:9px; margin-top:5px; color:#555; font-size: 15px; line-height: 23px;}
/**/ ul.con-list li ul li:first-child {margin-top:0;}
ul.con-list li ul li ul li {font-size:1em;background:url(/CmsWeb/resource/image/mapo/icon/bul_hypen.gif) no-repeat 0px 8px; padding-left:9px;margin:0px;}
ul.td-list01 li{margin-bottom:1px;line-height:17px; font-size:1em; padding-left:6px;letter-spacing:0; background:url(/CmsWeb/resource/image/mapo/icon/bul_list03.gif) no-repeat 0px 5px;}
ul.td-list01 li ul li{font-size:1em;background:url(/CmsWeb/resource/image/mapo/icon/bul_hypen.gif) no-repeat 0px 8px; padding-left:9px;margin:0;}
ul.con-list-none {margin:12px 0px 0px 22px; width:615px;}
ul.con-list-none li {margin-bottom:1px;line-height:17px; letter-spacing:0; padding-left:10px; background:url(/CmsWeb/resource/image/mapo/icon/bul_tit03.gif) no-repeat 0px 3px; text-align:justify;}
ul.con-list-none li table{font-size:1em; margin-left:-10px; }
ul.con-list-none li ul {margin-top:1px;}
ul.con-list-none li ul li {margin-bottom:1px;line-height:17px; font-size:1em; padding-left:6px;letter-spacing:0;background:none;}

ol.con-list {margin:10px 0px 0px 22px;}
ol.con-list li {margin-bottom:2px;padding-left:8px;letter-spacing:0;}
ol.con-list li ul {margin-top:5px;}
ol.con-list li ul li {margin-bottom:0;line-height:17px;font-size:1em;background:url(/CmsWeb/resource/image/mapo/icon/ico_arow01.gif) no-repeat 0px 6px;padding-left:13px;letter-spacing:0;}
* html ol.con-list li ul li {background:url(/CmsWeb/resource/image/mapo/icon/ico_arow01.gif) no-repeat 0px 4px;}
*+html ol.con-list li ul li {background:url(/CmsWeb/resource/image/mapo/icon/ico_arow01.gif) no-repeat 0px 4px;}
ol.con-list li ul li ul li {font-size:1em;background:url(/CmsWeb/resource/image/mapo/icon/bul_hypen.gif) no-repeat 0px 7px; padding-left:9px; margin:0;}
ol.decimal {margin:12px 0px 0px 47px; width:595px;}
ol.decimal li{margin-bottom:4px;letter-spacing:0; list-style-type:decimal-leading-zero; padding-right:25px}
ol.decimal-list {margin:12px 0px 0px 40px; width:595px;}
ol.decimal-list li{margin-bottom:4px;letter-spacing:0; padding-left:10px; background:url(/CmsWeb/resource/image/mapo/icon/bul_tit03.gif) no-repeat 0px 3px; padding-right:25px}

ul.con-list li ul li ul li ol li, 
ul.con-list li ol li {font-size:1em;background:none;padding-left:0;margin:0;}
/**/ ul.contens-list li {background:url('../images/common/bull_heading4.png') no-repeat left 10px; padding-left:9px; margin-top:5px;}
/**/ ul.contens-list li:first-child {margin-top:0;}
#ul.contens-list li {margin-bottom:5px;line-height:18px;  letter-spacing:0; padding-left:10px; background:url(/CmsWeb/resource/image/mapo/icon/bul_list03.gif) no-repeat 0px 5px;text-align:justify; line-height: 20px;}
ul.contens-list em {margin-top:2px;font-size:1em;}
/**/ ul.contens-list {margin-left:13px; margin-top:10px; color:#555;}
#ul.contens-list {margin:2px 0px 0px 20px; width:665px;}
ul.village_contens-list {margin:2px 0px 0px 30px; width:615px;}
ul.village_contens-list li {margin-bottom:1px;line-height:17px;  letter-spacing:0; padding-left:10px; background:url(/CmsWeb/resource/image/mapo/village/village_bul_list.jpg) no-repeat 0px 5px;text-align:justify;}
ul.contens-list li.none {background:none;}
ul.contens-list li table{ font-size:1em; margin-left:0px; text-align:center;}
ul.contens-list li em.under-text {display:inline; font-family:'nsreb'; color:#603a9e;}
ul.contens-list li ul {margin-top:1px;}
/**/ ul.contens-list li ul li {background:url('../images/common/bull_heading5.png') no-repeat left 10px; padding-left:11px; margin-top:5px;}
ul.contens-list li ul li ol {margin-top:1px;}
ul.contens-list li ul li ol li {margin-bottom:1px;line-height:20px; font-size:1em; padding-left:3px;letter-spacing:0; background:none;}
ul.contens-list-h5{margin:30px 0px 0px 22px; width:615px}
ul.contens-list-h5 li{margin-bottom:1px;line-height:17px;  letter-spacing:0; padding-left:10px; background:url(/CmsWeb/resource/image/mapo/icon/bul_tit03.gif) no-repeat 0px 5px;text-align:justify;font-weight:bold}
ul.contens-list-h5 li ul {margin-top:1px;}
ul.contens-list-h5 li ul li {margin-bottom:1px;line-height:17px; font-size:1em; padding-left:9px;letter-spacing:0; background:url(/CmsWeb/resource/image/mapo/icon/bul_hypen.gif) no-repeat 0px 9px;font-weight:normal}
ul.contens-list p {margin-bottom:7px;}
ul.contens-list ol {margin-top:3px;text-indent:-20px;padding-left:18px;line-height:15px;}
ul.contens-list ol li {font-size:1em;background:none;padding:0;margin-bottom:3px;}
ul.contens-list ol li ul.depth-4 {margin:0;text-indent:0;}
ul.contens-list ol li ul.depth-4 li {margin:0;font-size:1em;background:url(/CmsWeb/resource/image/mapo/icon/bul_hypen.gif) no-repeat 0px 8px;padding-left:7px;}
ul.contens-list table {font-size:1em;margin:8px 0 15px 0px;}
ul.depth-2 {margin:8px 0 10px -10px; padding-bottom:1px;}
ul.depth-2 li { margin:0px 0px 0px 12px; font-size:1em;background:url(/CmsWeb/resource/image/mapo/icon/bul_list03.gif) no-repeat 0px 7px;padding-left:9px;letter-spacing:0;}
ul.depth-2 li table {margin:7px 0 15px 0;font-size:1em;}
table.data-table a:link, table.data-table a {text-decoration:underline;}

ul.para-area-con {padding-left:20px;}

p.con-list {margin:11px 0px 0px 22px; width:615px; line-height:17px; letter-spacing:0; padding-left:10px; background:url(/CmsWeb/resource/image/mapo/icon/bul_tit03.gif) no-repeat 0px 4px;padding-left:10px;text-align:justify;}
p.cont-list {margin:11px 0px 0px 22px; width:615px; line-height:17px;  letter-spacing:0; padding-left:10px; background:url(/CmsWeb/resource/image/mapo/icon/bul_tit03.gif) no-repeat 0px 4px;padding-left:10px;text-align:justify;}
p.contens-list {margin:0px 0px 0 30px; width:615px; line-height:17px;  letter-spacing:0; padding-left:10px; background:url(/CmsWeb/resource/image/mapo/icon/bul_list03.gif) no-repeat 0px 8px;text-align:justify;}
p.contens-list2 {margin:5px 0 10px 30px; width:600px; line-height:17px;  letter-spacing:0; padding-left:10px; background:url(/CmsWeb/resource/image/mapo/icon/bul_list03.gif) no-repeat 0px 8px;text-align:justify;}
p.contens-list3 {margin:5px 0 5px 30px; width:600px; line-height:17px;  letter-spacing:0; padding-left:10px; background:url(/CmsWeb/resource/image/mapo/icon/bul_list03.gif) no-repeat 0px 8px;text-align:justify;}

div.para-box {margin-top:14px; margin-bottom:10px; background:#f5f5f5;padding:20px;}
/**/ .para-txt_cus {font-size:17px; margin-bottom:10px;}
/**/ em.refer-listtxt { margin-top: 10px; margin-left: 13px; line-height: 17px; background: url('../images/common/bull_heading6.png') no-repeat 0px 3px; padding-left: 15px; letter-spacing: 0; }
/**/ .para-txt {font-size:17px; margin:10px 0;}
/**/ .para-txt strong {font-size:17px;}
/**/ .tit-h5-left {font-size:20px; margin-bottom:5px;}
/* ■■■■ // as-is heading ■■■■  */

















/* ■■■■ 버튼 ■■■■  */
/* ■ 버튼 [size] */
.btn_xlarge {display:inline-block; text-align:center; vertical-align:middle; border-radius:7px;}
.btn_large {display:inline-block; text-align:center; height:44px; line-height:45px; padding:0 25px; vertical-align:middle; border-radius:7px;}
.btn_large > span {font-size:16px; vertical-align:middle;}
.btn_midium {display:inline-block; text-align:center; height:36px; font-size: 16px; /*line-height: 40px;*/line-height:36px; padding:0 15px; vertical-align:middle; border-radius:7px;}/* 230113 */
.btn_midium > span {vertical-align:middle;}
.btn_small {display:inline-block; text-align:center; height:28px; line-height:26px; padding:0 14px; vertical-align:middle; border-radius:7px;}
.btn_small > span {font-size:12px; vertical-align:middle;}
.btn_small2 {display:inline-block; text-align:center; height:35px; line-height:33px; padding:0 5px; vertical-align:middle; border-radius:7px;}
/* ■ 버튼 [color] */
.btn_sky {background: #0070C0; color:#fff;}
.btn_red {background:#cb2b2b; color:#fff;}
.btn_purple {background:#685ba8; color:#fff;}
.btn_green {background:#699d52; color:#fff;}
.btn_navy {background:#344b7d; color:#fff;}
.btn_blue_dark {background:#213c5a; color:#fff;}
.btn_black {background:#494949; color:#fff;}
.btn_black:focus{border:2px solid red;}
.btn_peach {background:#e46268; color:#fff;}
.btn_gold {background:#b3a36b; color:#fff;}
.btn_silver {background:#909090; color:#fff;}
.btn_silver_soft {background:#f9f9f9; border:1px solid #dadada;}
.btn_gray {background:#615f5f; color:#fff;}
.btn_emerald {background:#2B9898; color:#fff;}
.btn_pr_blue {background:#063673; color:#fff;}
.btn_pr_wood {background:#c18041; color:#fff;}
.btn_go_blue {display:inline-block; /*font-family:'nsreb';*/ color:#168de9; font-size:12px; border:1px solid #168de9; border-radius:7px; padding:0 20px 0 10px; background:url('../images/common/ico_go_blue_arr.png') no-repeat 89% 50%; height:28px; /*line-height:28px;*/line-height:26px;}/* 230113 */
.btn_go_blue_mid {display:inline-block; /*font-family:'nsreb';*/ color:#168de9; border:1px solid #168de9; border-radius:7px; padding:0 20px 0 13px; background:url('../images/common/ico_go_blue_arr.png') no-repeat 95% 50%; height:36px; line-height:35px; vertical-align:middle;}/* 230113 */
.btn_go_blue_large {display:inline-block; /*font-family:'nsreb';*/ color:#168de9; font-size:17px; border:1px solid #168de9; border-radius:7px; padding:0 30px 0 20px; background:url('../images/common/ico_go_blue_arr.png') no-repeat 95% 50%; height:44px; line-height:42px; vertical-align:middle;}/* 230113 */
.btn_file_down {display:inline-block; font-weight:normal; color:#168de9; font-size:12px; border:1px solid #168de9; border-radius:7px; padding:0 20px 0 10px; background:#fff url('../../theme/mapo/images/sub/ico_download_b.png') no-repeat 95% 50%; background-size:10px; height:28px; /*line-height:28px;*/line-height:26px;}/* 230113 */
.btn_file_down_bk {display:inline-block; font-weight:normal; color:#333; font-size:12px; border:1px solid #333; border-radius:7px; padding:0 20px 0 10px; background:#fff url('../../theme/mapo/images/sub/ico_download_bk.png') no-repeat 95% 50%; background-size:10px; height:28px; line-height:28px; vertical-align:middle;}
.btn_file_down_mid {display:inline-block; font-weight:normal; color:#168de9;  border:1px solid #168de9; border-radius:7px; padding:0 30px 0 13px; background:#fff url('../../theme/mapo/images/sub/ico_download_b.png') no-repeat 95% 50%; height:36px; line-height:35px; vertical-align:middle;}
.btn_file_down_bk_mid {display:inline-block; font-weight:normal; color:#333;  border:1px solid #333; border-radius:7px; padding:0 30px 0 13px; background:#fff url('../../theme/mapo/images/sub/ico_download_bk.png') no-repeat 95% 50%; height:36px; line-height:35px; vertical-align:middle; font-family: 'S-Core Dream 5' !important;   font-size: 15px;    line-height: 33px;}
.btn_file_down_large {display:inline-block; /*font-family:'nsreb';*/ color:#168de9; font-size:17px; border:1px solid #168de9; border-radius:7px; padding:0 35px 0 13px; background:#fff url('../../theme/mapo/images/sub/ico_download_b.png') no-repeat 95% 50%; height:44px; line-height:42px; vertical-align:middle;}/* 230113 */
.btn_file_down_large_r {display:inline-block; /*font-family:'nsreb';*/ color:#cb2b2b; font-size:17px; border:1px solid #cb2b2b; border-radius:7px; padding:0 35px 0 13px; background:#fff url('../../theme/mapo/images/sub/ico_arr_red.png') no-repeat 95% 50%; height:44px; line-height:42px; vertical-align:middle;}/* 230113 */
.btn_file_down_bk_large {display:inline-block; /*font-family:'nsreb';*/ color:#333; font-size:17px; border:1px solid #333; border-radius:7px; padding:0 35px 0 13px; background:#fff url('../../theme/mapo/images/sub/ico_download_bk.png') no-repeat 95% 50%; height:44px; line-height:42px; /*vertical-align:middle;*/vertical-align:top;}/* 230113 */

.btn_wrap {text-align:center; padding:30px 0;}
.btn_blank_bg_l {background-image:url('../images/common/ico_blank.png'); background-repeat: no-repeat; background-position: 95% 13px; padding-right:40px;} 
.btn_blank_bg_m {background-image:url('../images/common/ico_blank.png'); background-repeat: no-repeat; /*background-position: 90% 11px;*/background-position: 90% 10px; padding-right:40px;}/* 230113 */

.btn_file_bg_add {background-image:url('../images/common/ico_file_add.png'); background-repeat: no-repeat; background-position:10px center; padding-left:35px;}
.btn_file_bg_del {background-image:url('../images/common/ico_file_del.png'); background-repeat: no-repeat; background-position: 10px center; padding-left:30px;}

.deleteBtn {display:inline-block; width:22px; height:23px; background:url('../images/common/img_deleteBtn.png') no-repeat center center; text-indent:-999em; cursor:pointer;}

.link_go_img {padding-right:15px;}
.link_go_img img {margin-left:7px;}

.btn_pr {display:inline-block; text-align:center; height:44px; line-height:45px; padding:0 25px; vertical-align:middle;}
.btn_pr_left {background-image:url('../../theme/mayor/images/btn_pr_bg_l.png'); background-repeat:no-repeat; background-position:left top; }
.btn_pr_right {background-image:url('../../theme/mayor/images/btn_pr_bg_r.png'); background-repeat:no-repeat ; background-position:right bottom; }

.file_add_btn {padding:0 15px;}
.file_del_btn {padding:0 15px;}
/* 칼라 */
.fc_red {color:#e6383a;}
.fc_sky {color:#3a77a9;}
.fc_blue {color:#114da7;}
.fc_green {color:#58bd63;}

/* ■■■■■■ 인풋 ■■■■■■ */
input,
.input_midium {border:1px solid #e1e1e1; padding:5px 10px; height:35px; background:#fff; border-radius:7px; vertical-align:middle; max-width:100%;}
.input_small {border:1px solid #e1e1e1; padding:8px; height:28px; background:#fff; border-radius:7px; vertical-align:middle;}
select,
.select_midium {border:1px solid #e1e1e1; padding-left:5px; height:36px; background:#fff; border-radius:7px; vertical-align:middle;}
.select_small {border:1px solid #e1e1e1; padding-left:5px; height:28px; background:#fff; border-radius:7px; vertical-align:middle;}
input[type="radio"]{height:auto !important;margin-bottom:3px;}

/* ■■■■ 컨텐츠테이블 ■■■■ */
table {width:100%;}
.tbl_wrap {position:relative;}
.tbl_wrap .tbl_topline {width:100%; border-top:2px solid #3e3e3e; position:absolute; top:0; left:0;}
.tbl_wrap .tbl_botline {width:100%; border-top:1px solid #3e3e3e; position:absolute; bottom:0; left:0;}
/* .tbl_wrap table {table-layout: fixed;} table + td>*:max-width) */
.tbl_wrap table {}
.tbl_wrap table th,
.tbl_wrap table td {border:1px solid #e0e0e0; padding:12px 12px; letter-spacing:-1px; word-break: break-word;font-size: 16px;line-height: 25px;}/* 230113 */
.tbl_wrap table tr th:first-child,
.tbl_wrap table tr td:first-child{border-left:0;}
.tbl_wrap table tr th:last-child,
.tbl_wrap table tr td:last-child{border-right:0;}
.tbl_wrap table th {background:#f6f6f6; color:#111; font-size:17px; letter-spacing:-1px; text-align:center; border-bottom:0; font-weight:normal;}/* 230113 */
.tbl_wrap table tr td img {max-width:100%;}
.tbl_wrap td strong {font-family:'nsreb';}
.tbl_wrap table td font b u{font-size: 20px;line-height: 20px;}
.tbl_wrap table td font u b{font-size: 25px;line-height: 25px;}
.tbl_wrap2 {position:relative;}
.tbl_wrap2 .tbl_topline {width:100%; border-top:2px solid #3e3e3e; position:absolute; top:0; left:0;}
.tbl_wrap2 .tbl_botline {width:100%; border-top:1px solid #3e3e3e; position:absolute; bottom:0; left:0;}
/* .tbl_wrap table {table-layout: fixed;} table + td>*:max-width) */
.tbl_wrap2 table {}
.tbl_wrap2 table th,
.tbl_wrap2 table tr {border-bottom:2px solid #a0a0a0;}
.tbl_wrap2 table td {border:1px solid #e0e0e0; padding:12px 20px; word-break: break-word;}
.tbl_wrap2 table tr th:first-child,
.tbl_wrap2 table tr td:first-child{border-left:0;}
.tbl_wrap2 table tr th:last-child,
.tbl_wrap2 table tr td:last-child{border-right:0;}
.tbl_wrap2 table th {background:#f6f6f6; color:#111; font-size:17px; text-align:center; border-bottom:0; font-weight:normal;}
.tbl_wrap2 table tr td img {max-width:100%;}
.tbl_wrap2 td strong {font-family:'nsreb';}

.tbl_wrap3 {position:relative;}
.tbl_wrap3 .tbl_topline {width:100%; border-top:2px solid #3e3e3e; position:absolute; top:0; left:0;}
.tbl_wrap3 .tbl_botline {width:100%; border-top:1px solid #3e3e3e; position:absolute; bottom:0; left:0;}
/* .tbl_wrap table {table-layout: fixed;} table + td>*:max-width) */
.tbl_wrap3 table {}
.tbl_wrap3 table th,
.tbl_wrap3 table td {border:1px solid #e0e0e0; padding:12px 20px; word-break: break-word;}
.tbl_wrap3 table tr th:first-child,
.tbl_wrap3 table tr td:first-child{border-left:0;}
.tbl_wrap3 table tr th:last-child,
.tbl_wrap3 table tr td:last-child{border-right:0;}
.tbl_wrap3 table th {background:#f6f6f6; color:#111; font-size:17px; text-align:center; border-bottom:0; font-weight:normal;}
.tbl_wrap3 table tr td img {max-width:100%;}
.tbl_wrap3 td strong {font-family:'nsreb';}

.tbl_wrap4 {position:relative;}
.tbl_wrap4 .tbl_topline {width:100%; border-top:2px solid #3e3e3e; position:absolute; top:0; left:0;}
.tbl_wrap4 .tbl_botline {width:100%; border-top:1px solid #3e3e3e; position:absolute; bottom:0; left:0;}
/* .tbl_wrap table {table-layout: fixed;} table + td>*:max-width) */
.tbl_wrap4 table {}
.tbl_wrap4 table th,
.tbl_wrap4 table td {border:1px solid #e0e0e0; padding:6px 10px; word-break: break-word;}
.tbl_wrap4 table tr th:first-child,
.tbl_wrap4 table tr td:first-child{border-left:0;}
.tbl_wrap4 table tr th:last-child,
.tbl_wrap4 table tr td:last-child{border-right:0;}
.tbl_wrap4 table th {background:#f6f6f6; color:#111; font-size:17px; text-align:center; border-bottom:0; font-weight:normal;}
.tbl_wrap4 table tr td img {max-width:100%;}
.tbl_wrap4 td strong {font-family:'nsreb';}


/* 입력폼 테이블 */
.must {color:#00adef; }

/* ■■■■ bbs 게시판 ■■■■ */
/* 게시판 관련 */
.f_ico {position:relative;}
.f_ico:after {position:absolute; top:-2px; display:inline-block; content:""; width:20px; height:20px; background:url('../images/common/ico_download_b.png') no-repeat right center;}
tr:hover td {background:#fbfbff;}
/* bbs 검색박스 */
.bbs_srch_wrap {background:#f0f0f0; padding:20px; text-align:center;letter-spacing: -1px;}
.bbs_srch_wrap:after {clear:both; content:""; display:block;}
.bbs_srch_wrap .bbs_srch_inner {width:700px; margin:0 auto;}
.bbs_srch_wrap .bbs_sel {display:inline-block; width:25%;}
.bbs_srch_wrap .bbs_sel select {width:100%;}
.bbs_srch_wrap .bbs_inp {display:inline-block; width:74%;} 
.bbs_srch_wrap .bbs_inp input {width:calc(100% - 85px); box-sizing:border-box;}
.bbs_srch_wrap .bbs_inp a {width:70px; box-sizing:border-box;}
.bbs_srch_inner select:focus{border:3px solid red;}
.bbs_srch_inner input:focus{border:3px solid red;} 
.bbs_srch_inner a:focus{border:2px solid red;}

.bbs_srch_type2 .bbs_sel {width:35%}
.bbs_srch_type2 .bbs_sel select {/* width: calc(50% - 3px); */}
.bbs_srch_type2 .bbs_inp {width:64%;} 
.bbs_srch_type3 .bbs_sel {width:45%}
.bbs_srch_type3 .bbs_sel select {width:calc(33.33% - 5px);}
.bbs_srch_type3 .bbs_inp {width:54%;} 

.bbs_total {margin-bottom:7px;}
.bbs_total:after {clear:both; content:""; display:block;}
.bbs_total > .l {float:left; margin-top:10px;}
.bbs_total > .r {float:right;}
.bbs_total > select {border:1px solid #555;}
.bbs_srch_type4 > * {display:inline-block; vertical-align:top;}
.bbs_srch_type4 .bbs_srch_l {width:700px;}
.bbs_srch_type4 .bbs_srch_l > * {width:calc(33.33% - 5px); margin-right:5px; float:left;}
.bbs_srch_type4 .bbs_srch_l > select {margin-bottom:5px;}
.bbs_srch_type4 .bbs_srch_l .jibun_wrap {height:36px; margin-bottom:5px; text-align:right;}
.bbs_srch_type4 .bbs_srch_l .jibun_wrap input {width:100%; max-width:calc(50% - 25px);}
.bbs_srch_type4 .bbs_srch_r a {height:76px; line-height:76px;}

.txc{text-align: center !important;}
.txl{text-align: left !important;}
.txr{text-align: right !important;}

.bbs-srch-in{width: 100%;max-width: 700px;margin: 0 auto;}
.bsi-floor{text-align: left;padding: 5px 0;}
.bsi-name1{display: inline-block;vertical-align: middle;margin-right: 10px;font-size: 16px;line-height: 20px;color: #111;}
.bsi-slct1{width: 175px;}
.bsi-ipt1{width: calc(100% - 420px);}
.btn-out{display: inline-block;vertical-align: middle;}


.bbs_srch_wrap.S2 .bbs_sel{width: 42%;margin-right: 0;margin-top: 0;vertical-align: top;}
.bbs_srch_wrap.S2 .bbs_sel .select_midium{width: 48%;vertical-align: top;}
.bbs_srch_wrap.S2 .bbs_inp{width: 57%;}
.bbs_srch_wrap.S2 .bsi-floor{padding: 0px 0;}
.bbs_srch_wrap.S2 .bbs_inp input{height: 37px;}
.bbs_total p {background: url(https://www.mapo.go.kr/design/theme/mapo/images/sub/bg01_MobRe.jpg) no-repeat left 9px;padding-left: 20px;font-size: 17px;line-height: 23px;}
.bbs_total p strong{color: #d5326e;}


@media screen and (max-width: 767px) {
	.bsi-floor{padding: 10px 0;}
	.bsi-name1{display: block;margin-bottom: 3px;}
	.bsi-slct1{width: 100%;margin-bottom: 3px;}
	.bsi-ipt1{width: 100%;margin-bottom: 3px;}
	.btn-out{display: block;text-align: center;margin-top: 20px;}

	.bbs_srch_wrap.S2 .bbs_sel .bsi-floor{padding: 0px 0;}
	.mobR1 tr th:nth-child(3){display:none;}
	.mobR1 tr th:nth-child(4){display:none;}
	.mobR1 tr th:nth-child(6){display:none;}
	.mobR1 tr th:nth-child(7){display:none;}
	.mobR1 tr td:nth-child(3){display:none;}
	.mobR1 tr td:nth-child(4){display:none;}
	.mobR1 tr td:nth-child(5){display:none;}
	.mobR1 tr td:nth-child(7){display:none;}

	.mobR2 tr th:nth-child(3){display:none;}
	.mobR2 tr th:nth-child(4){display:none;}
/*	.mobR2 tr th:nth-child(6){display:none;}*/
	.mobR2 tr th:nth-child(7){display:none;}
	/*.mobR2 tr th:nth-child(8){display:none;}*/
	.mobR2 tr td:nth-child(3){display:none;}
	.mobR2 tr td:nth-child(4){display:none;}
	.mobR2 tr td:nth-child(5){display:none;}
	.mobR2 tr td:nth-child(7){display:none;}
/*	.mobR2 tr td:nth-child(8){display:none;}*/
}

/* bbs 리스트 */
.bbs_list .tbl_topline {width:100%; border-top:2px solid #3e3e3e; position:absolute; top:0; left:0;}
.bbs_list .tbl_botline {width:100%; border-top:1px solid #3e3e3e; position:absolute; bottom:0; left:0;}
.bbs_list {position:relative;}
.bbs_list table th {border-bottom:1px solid #e0e0e0; padding:18px 5px;}
.bbs_list table td {border-bottom:1px solid #e0e0e0; padding:10px 5px; text-align:center; letter-spacing:-1px;}
.bbs_list table tr th:first-child,
.bbs_list table tr td:first-child{border-left:0;}
.bbs_list table tr th:last-child,
.bbs_list table tr td:last-child{border-right:0;}
.bbs_list table thead th {background:#f6f6f6; color:#111; font-size:15px; text-align:center; border-bottom:0;}
/*0913*/.bbs_list table td {max-width: 140px;overflow: hidden;}
/*0913*/.bbs_list table td .line2{-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;word-break: break-all;}

.bbs_list .bbs_notice {color:#fff; background:#00aeef; padding:5px 12px; border-radius:15px; font-size:12px;}
.bbs_list .bbs_notice_line td {background:#f8f8f8;}
.bbs_file_down {display:inline-block; text-align:center;}

/* bbs 썸네일 리스트 */
.bbs_thumbli_wrap {border-top: 2px solid #000; border-bottom: 1px solid #e0e0e0; padding-top:20px;}
.bbs_thumbli_wrap ul li {margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ddd; }
.bbs_thumbli_wrap ul li:after {clear:both; content:""; display:block;}
.bbs_thumbli_wrap ul li:hover .l .thumb_bg {transform: scale(1.1); transition: transform .2s;}
.bbs_thumbli_wrap ul li:last-child {border-bottom:0; margin-bottom:0;}
.bbs_thumbli_wrap ul li .l {float:left; width:250px; overflow:hidden;}
.bbs_thumbli_wrap ul li .l .thumb_bg {width:100%; height:140px; background:#f3f3f3 url('../common/images/temp/img_card1.png') no-repeat center center;}
.bbs_thumbli_wrap ul li .r {float:right; width:calc(100% - 270px); padding:15px 10px 0 20px; }
.bbs_thumbli_wrap ul li .r > a {display:block; font-size:27px; margin-bottom:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bbs_thumbli_wrap ul li .r > p {display:block; font-size:17px; line-height: 24px; margin-bottom:10px; color:#7e7e7e; height:50px; overflow:hidden;}
.bbs_thumbli_wrap ul li .r > .sub {display:block; font-size:15px; margin-bottom:10px; color:#afafaf; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* bbs 페이징 */
.bbs_paging {margin:40px 0; text-align:center;}
.bbs_paging a {display:inline-block; text-align:center; padding:7px; vertical-align:middle; margin:0 5px; font-size:16px;}
.bbs_paging a.now {color:#006eaf; cursor:default; position:relative; font-family:'nsreb';}
/* 보건소 */.container_health .bbs_paging a.now {color:#88bb72;}
.bbs_paging a.now:after {width:20px; border-bottom:3px solid #006eaf; content: ''; position: absolute; bottom: 0; left: 2px; }
/* 보건소 */.container_health .bbs_paging a.now:after {border-bottom:3px solid #88bb72;}
.bbs_paging a.bbs_btn {padding:7px 12px; background:#f9f9f9; border:1px solid #eaeaea; border-radius:15px; min-width:40px; margin:0;}

/* bbs 뷰 */
.bbs_view .bbs_view_tit {text-align:center;}
.bbs_view .bbs_view_tit h3 {font-size:27px; line-height: 30px; margin-bottom:10px; font-family:'S-Core Dream 4', 'Noto Sans KR', sans-serif;}
.bbs_view .bbs_view_tit .tit_info > span {padding:0 20px; position:relative;}
.bbs_view .bbs_view_tit .tit_info > span:after {content: ''; position: absolute; top: 7px; right: -5px; height: 14px; border-right: 1px solid #b8b8b8; margin-top: -4px;}
.bbs_view .bbs_view_tit .tit_info > span:last-child:after {height:0;}
.bbs_view .bbs_view_tit .tit_info span {color:#777; }
.bbs_view .bbs_view_tit .tit_info strong {color:#000; font-weight:normal;}
.bbs_view {border-top:2px solid #000; border-bottom:1px solid #000;}
.bbs_view .bbs_view_tit {padding:20px;}
.bbs_view .bbs_view_body {padding:50px 20px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.bbs_view .bbs_view_file {position:relative; padding:20px 0 17px;}
.bbs_view .bbs_view_file .file_tit {position:absolute; left:20px; top:20px;}
.bbs_view .bbs_view_files_wrap {padding-left:100px;}
.bbs_view .bbs_view_files_wrap:after {content:""; clear:both; display:block;}
.bbs_view .bbs_view_files_wrap li {float:left; width:50%; }
.bbs_view .bbs_view_files_wrap li div {display:inline-block; padding:0; background:#f6f6f6; max-width: 95%;}
.bbs_view .bbs_view_files_wrap li div:after {clear:both; content:""; display:block;}
.bbs_view .bbs_view_files_wrap li div a {display:inline-block; float:left; padding:0 10px 0 20px; height:36px; line-height:36px;}
.bbs_view .bbs_view_files_wrap li div a.file_name {border:1px solid #e0e0e0; max-width: calc(100% - 95px); overflow: hidden; text-overflow: ellipsis;}
.bbs_view .bbs_view_files_wrap li div a.file_view_btn {float:right; background:#fff; border:1px solid #e0e0e0; /* border-left: #fff; */ font-size:12px; background:#fff url('../images/common/ico_bbs_view_fileview.png') no-repeat 10px center; padding:0 10px 0 25px; }
.bbs_view .bbs_view_files_wrap li div a.file_view_btn2 {float:left; background:#fff;  border-left:#fff; font-size:12px; background:#fff url('../images/common/itb_nWbt_bg.gif.png') no-repeat 10px center; padding:0 5px 0 5px; }
.bbs_view .bbs_view_files_wrap li.on div {}
.bbs_view .bbs_view_files_wrap li.on div a.file_name {border:1px solid #234498; color:#234498;}
.bbs_view .bbs_view_files_wrap li div a.file_name:hover {border:1px solid #234498;}
.bbs_view .bbs_view_files_wrap li div a.file_view_btn:hover {color: #234498;}
.bbs_view_prevnext {border-top: 1px solid #000; border-bottom: 1px solid #000; margin:20px 0;}
.bbs_view_prevnext .prev {border-bottom:1px solid #e0e0e0;}
.bbs_view_prevnext > div:after {clear:both; content:""; display:block;}
.bbs_view_prevnext > div > span {display:block; float:left; width:100px; height:80px; line-height:80px; text-align:center;}
.bbs_view_prevnext > div > a {display:block; padding:0 20px; float:left; width:calc(100% - 100px); height:80px; line-height:80px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.view_with_form:after {content:""; clear:both; display:block;}
.view_with_form .thumb_area {float:left; width:200px;}
.view_with_form .thumb_area a {display:block;}
.view_with_form .thumb_area a img {display:block; max-width:100%;}
.view_with_form .form_area {float:right; width:calc(100% - 240px);}
.view_with_form .form_area > ul > li {margin:10px 0; padding:10px 0 15px; border-bottom:1px dashed #ddd;}
.view_with_form .form_area > ul > li:after {content:""; clear:both; display:block;}
.view_with_form .form_area > ul > li:first-child {margin-top:0; padding-top:0;}
.view_with_form .form_area > ul > li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.view_with_form .form_area .form_tit {font-size:26px; font-weight:normal;}
.view_with_form .form_area .form_l {float:left; width:60px;}
.view_with_form .form_area .form_r {float:right; width:calc(100% - 80px);}
.view_with_form .form_area .form_con {line-height:26px;}


.bbs_view .bbs_view_files_wrap.S2 li div{background: #ffffff;}
.bbs_view .bbs_view_files_wrap.S2 li div a{vertical-align:top;margin-right: 0;}
.bbs_view .bbs_view_files_wrap.S2 li div a.file_view_btn{float: none;display: inline-block;background: #ffffff url('../images/common/ico_bbs_view_fileview_s2.png') no-repeat 5px center;width: 85px;padding: 0;margin-right: 0;border: 1px solid #e0e0e0;font-family: 'S-Core Dream 5' !important;font-size: 15px;line-height: 36px;padding-left: 24px;letter-spacing: -2px;}
.bbs_view .bbs_view_files_wrap.S2 li div a.bgHand{background: url('../images/common/itb_nWbt_bg0_s2.png') no-repeat 5px center;width: 85px;height: 36px;float: none;display: inline-block;padding: 0;margin-right: 0;border: 1px solid #e0e0e0;font-family: 'S-Core Dream 5' !important;font-size: 15px;line-height: 36px;padding-left: 25px;letter-spacing: -2px;}
.bbs_view .bbs_view_files_wrap.S2 li div a.file_name{background: #f6f6f6;float: none;max-width: calc(100% - 105px);width: 280px;    margin-right: 2px;}
.bbs_view .bbs_view_files_wrap.S2 li div{max-width: none;width: 100%;margin-bottom: 5px;position: relative;}

.bbs_view .bbs_view_body .tbl_wrap3 .table .tbody .tr .td a.file_view_btn{float: none;display: inline-block;background: #ffffff url('../images/common/ico_bbs_view_fileview_s2.png') no-repeat 5px center;width: 85px;padding: 0;margin-right: 0;border: 1px solid #e0e0e0;font-family: 'S-Core Dream 5' !important;font-size: 15px;line-height: 36px;padding-left: 24px;letter-spacing: -2px;}

@media only screen and (max-width:768px){
.view_with_form .thumb_area {float:none; width:100%; height:160px; border-bottom:1px dashed #ddd; padding-bottom:15px; margin-bottom:15px;}
.view_with_form .thumb_area * {height:100%; margin:0 auto;}
.view_with_form .form_area {float:right; width:100%; }
.bbs_view .bbs_view_files_wrap.S2 li div{width: 430px;}
.bbs_view .bbs_view_files_wrap.S2 li div a.file_name{width: 210px;}
#header .global_top .fl_l > ul > li a span.pc{display:none;}   
}


/* bbs 공공누리 */
.bbs_view_open {border:1px solid #e0e0e0; padding:20px; margin-top:20px;}
.bbs_view_open .show * {vertical-align:middle; display:inline-block;}
.bbs_view_open .show span { width:calc(100% - 250px); color:#000; padding-left:15px;}
/* 소셛댓글 */
.reply_wrap {border:1px solid #ddd; margin-top:20px;}
.reply_wrap .top {padding:30px; background:#f8f8f8;}
.reply_wrap .top .tit {margin-bottom:5px;}
.reply_wrap .top .tit strong {vertical-align:middle; color:#333; font-size:21px;}
.reply_wrap .top .tit span {vertical-align:middle; color:#777; font-size:15px; margin-left:10px;}
.reply_wrap .top .input_wrap {position:relative; padding-bottom:20px; }
.reply_wrap .top .input_wrap:after {clear:both; content:""; display:block;}
.reply_wrap .top .input_wrap .txt_box {float:left; width:calc(100% - 110px); height:105px; background:#fff; padding:10px 10px 30px; border:1px solid #ddd; border-radius:5px;}
.reply_wrap .top .input_wrap .txt_box textarea {border:0; display:block; width:100%; height:65px;}
.reply_wrap .top .input_wrap a {float:right; width:100px; height:105px; line-height:105px; font-size:17px; text-align:center; color:#fff; background:#06abe5; border-radius:5px;}
.reply_wrap .top .input_wrap .txt_cnt {position:absolute; bottom:25px; left:10px; color:#a1a1a1; font-size:13px;}
.reply_wrap .top .input_wrap .arr {position:absolute; bottom:8px; right:150px; width:24px; height:13px; background:url('../images/common/bg_reply_thumb_arr.png') no-repeat center center;;}
.reply_wrap .bot {padding:30px 30px 0;}
.reply_wrap .bot .tit {position:relative; border-bottom:1px solid #ddd; padding-bottom:10px;}
.reply_wrap .bot .order_wrap {position:absolute; bottom:0; right:0; }
.reply_wrap .bot .order_wrap a {position: relative; display:inline-block; color:#818181; padding-bottom:5px; text-align:center;}
.reply_wrap .bot .order_wrap a.on {color:#06abe5; font-family:'nsreb'; border-bottom:5px solid #06abe5;}
.reply_wrap .bot .order_wrap a:first-child {margin-right:17px; padding-right:5px;}
.reply_wrap .bot .order_wrap a:first-child:after { content: ''; position: absolute; top: 5px; right: -10px; height: 14px; border-right: 1px solid #ddd; margin-top: -5px;}
.reply_wrap .bot ul li {border-bottom:1px solid #ddd; padding:20px 0;}
.reply_wrap .bot ul li .idpart:after {clear:both; content:""; display:block;}
.reply_wrap .bot ul li .idpart .l {position:relative; float:left; width:62px;}
.reply_wrap .bot ul li .idpart .r {float:right; width:calc(100% - 100px); padding-top:8px;}
.reply_wrap .bot ul li .idpart .l .sns_circle {width:62px; height:60px; background:url('../images/common/img_reply_thumb_default.png') no-repeat center center; border-radius:50px; overflow:hidden;}
.reply_wrap .bot ul li .idpart .l .sns_circle img {display:block; width:100%; }
.reply_wrap .bot ul li .idpart .l .snslogo {position:absolute; right:-5px; bottom:-2px; text-indent:-999em; width:27px; height:26px; color:#fff; overflow:hidden; background:url('../images/common/img_reply_thumb_phone.png') no-repeat center center;} 
.reply_wrap .bot ul li .idpart .l .snslogo.sl_fa {background-image:url('../images/common/img_reply_thumb_fa.png');}
.reply_wrap .bot ul li .idpart .l .snslogo.sl_na {background-image:url('../images/common/img_reply_thumb_na.png');}
.reply_wrap .bot ul li .idpart .l .snslogo.sl_ip {background-image:url('../images/common/img_reply_thumb_lock.png');}
.reply_wrap .bot ul li .idpart .l .snslogo.sl_ca {background-image:url('../images/common/img_reply_thumb_ca.png');}
.reply_wrap .bot ul li .idpart .r .name {color:#494949; font-size:15px; font-family:'nsreb';}
.reply_wrap .bot ul li .idpart .r .date {color:#999; font-size:14px;}
.reply_wrap .bot ul li .conpart {margin-top:10px;}
/* bbs 아코디언 게시판 */
.bbs_acodian {border-top: 2px solid #000; border-bottom: 1px solid #000; margin-bottom:10px;}
.bbs_acodian > ul > li {border-bottom:1px solid #e0e0e0; padding:20px 30px 10px;}
.bbs_acodian > ul > li .top:hover {cursor:pointer; }
.bbs_acodian > ul > li:hover .top .top_l p,
.bbs_acodian > ul > li:hover .top .top_r a {color:#0b82dd;}
.bbs_acodian > ul > li .top {}
.bbs_acodian > ul > li .top .top_l {display:inline-block; width:calc(100% - 80px);}
.bbs_acodian > ul > li .top .top_r {display:inline-block; width:66px;}
.bbs_acodian > ul > li .top .top_l .small {color:#555; margin-bottom:13px;}
.bbs_acodian > ul > li .top .top_l .big {font-size:20px; /*font-family:'nsreb';*/font-weight:600; margin-bottom:10px;}/* 230113 */

.bbs_acodian > ul > li .top .top_l{position:relative;}
.bbs_acodian > ul > li .top .top_l u{text-decoration: none;font-size: 19px;line-height: 23px;margin-left: 15px;position: absolute;left: 40%;top: 15px;}/* 230412 */
@media screen and (max-width:768px) {
	.bbs_acodian > ul > li .top .top_l u{left: auto;right: 10px;}
}

.bbs_acodian > ul > li.on .top .top_l .small {color:#0b82dd;}
.bbs_acodian > ul > li.on .top .top_l .big {color:#0b82dd;}
.bbs_acodian > ul > li.on .top .top_r a {color:#0b82dd;}
.bbs_acodian > ul > li .bot {display:none; padding:20px 0; margin-top:10px; border-top:1px dashed #bbb;}
.bbs_acodian .bot .tbl_wrap {margin:10px 0;}
.bbs_acodian .bot .tbl_wrap td {text-align:center;}
.bbs_acodian .bot .tbl_wrap td.content {text-align:left;}
/* bbs 카드형, 사진 */
.bbs_card_image {}
.bbs_card_image ul:after {clear:both; content:""; display:block;}
.bbs_card_image ul li {float:left; width:30.66%; margin-right:4%; margin-bottom:40px; border-top:2px solid #000; border-bottom:1px solid #e0e0e0;}
.bbs_card_image ul li:nth-child(3n) {margin-right:0;}
.bbs_card_image ul li.nodata {float:none; width:100%; margin-right:0; padding:30px 0; text-align:center;}
.bbs_card_image ul li .top {padding:10px 10px; border-bottom:1px dashed #e0e0e0;}
.bbs_card_image ul li .top:after {clear:both; content:""; display:block;}
.bbs_card_image ul li .top .by {display:inline-block; color:#15a4f6; margin-right:10px; font-family:'nsreb'; margin-top:17px;}
.bbs_card_image ul li .top .date {display:inline-block; color:#777;}
.bbs_card_image ul li .top .heart {float:right; display:inline-block; color:#15a4f6; width:56px; height:56px; padding-top:29px;background:url('../images/common/bg_bbs_card_share.png') no-repeat center center; text-align:center; }
.bbs_card_image ul li .bot {padding:20px 23px;}
.bbs_card_image ul li .bot .tit {margin-bottom:10px;}
.bbs_card_image ul li .bot .tit:after {clear:both; content:""; display:block;}
.bbs_card_image ul li .bot .tit a:first-child {display:inline-block; width:calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bbs_card_image ul li .bot .tit strong {font-size:20px;}
.bbs_card_image ul li .bot .tit .share {float:right; padding:0 5px 5px;}
.bbs_card_image ul li .bot .thumb {background:#f9f9f9; text-align:center; overflow:hidden;}
.bbs_card_image ul li .bot .thumb a {display:block; height:175px;}
.bbs_card_image ul li .bot .thumb img {display:block; margin:0 auto; max-width:320px; max-height:100%; transition: transform .2s;}
.bbs_card_image ul li:hover .bot .thumb img {transform: scale(1.1);}
.bbs_card_image ul li .bot .text {position:relative; height:135px; overflow:hidden; padding-top:25px;}
.bbs_card_image ul li .bot .text:after {content:""; position: absolute; top: 5px; left:0; width: 20px; border-bottom: 1px solid #111;}

/* swipe */
.tbl_align_c th,
.tbl_align_c td {text-align:center;}
.tbl_swipe_notice {display:none; text-align:right; padding-bottom:5px;}
.tbl_swipe_notice span {font-size:12px; color:#168de9; vertical-align:middle;}
.tbl_swipe_notice img {width:30px; vertical-align:middle;}
.tbl_swipe table,
.tbl_swipe .tbl_topline,
.tbl_swipe .tbl_botline {width:1200px;}
.bbs_acodian > ul > li .tbl_swipe table,
.bbs_acodian > ul > li .tbl_swipe .tbl_topline,
.bbs_acodian > ul > li .tbl_swipe .tbl_botline {width:1140px;}
.tbl_swipe_inlayer table,
.tbl_swipe_inlayer .tbl_topline,
.tbl_swipe_inlayer .tbl_botline {width:100%;}

.tbl_swipe2_notice {display:none; text-align:right; padding-bottom:5px;}
.tbl_swipe2_notice span {font-size:12px; color:#168de9; vertical-align:middle;}
.tbl_swipe2_notice img {width:30px; vertical-align:middle;}
.tbl_swipe2 table,
.tbl_swipe2 .tbl_topline, 
.tbl_swipe2 .tbl_botline {width:940px;}
.bbs_acodian > ul > li .tbl_swipe2 table,
.bbs_acodian > ul > li .tbl_swipe2 .tbl_topline,
.bbs_acodian > ul > li .tbl_swipe2 .tbl_botline {width:1140px;}
.tbl_swipe2_inlayer table,
.tbl_swipe2_inlayer .tbl_topline,
.tbl_swipe2_inlayer .tbl_botline {width:100%;}


.tbl_wrap td.content {text-align:left;}

/* 이미지게시판 플렉스슬라이더 */
.slides > li { position:relative; }
.slides > li > p  { width: 100%; padding: 2%; background: rgba(0,0,0,.5); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px; position:absolute; bottom:0; left:0; margin-bottom: 0; }
.slides > li > p strong {display:inline-block; width:calc(100% - 160px); font-size:20px; font-family:nsr; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.slides > li > p span {display:block; position:relative;}
.slides > li > p .info {float:right;}
@media (max-width:768px) { .slides > li > p strong {width:100%;}.slides > li > p .info {float:none; display:block; margin-top:7px;;}}

/* 설문 survey */
.bbs_survey {background: url('../../theme/mapo/images/sub/bg_box1_2.png'); padding: 8px; margin:30px 0;}
.bbs_survey .tit {position:relative; background:#fff; margin-bottom:8px; padding:20px;}
.bbs_survey .bot {background:#fff; padding:20px;}
.bbs_survey .tit h4 { font-size:20px; display:inline-block; padding-left:22px; font-family:'nsr'}
.bbs_survey .tit:before {position:absolute; top:17px; left:15px; display:inline-block; content:"Q"; color:#3ca7f2; font-size:22px; font-family:'nsreb';}
.bbs_survey .bot li {padding-bottom:10px; }
.bbs_survey .bot li span {display: inline-block; vertical-align: middle; padding-top:5px;}
.bbs_survey .bot li span > * {vertical-align:middle;}
/*.bbs_survey .bot li span input[type=radio] {opacity:0; width:1px;}*/
.bbs_survey .bot li span input[type=radio] { /* opacity: 0; */ /* width: 1px; */ width: 30px; height: 30px !important; display: inline-block;}

.bbs_survey .bot li span input[type=radio]:checked + label { background-position: 0 -40px; } 
/*.bbs_survey .bot li span label { display: inline; height:30px; line-height:30px; vertical-align: top; }*/ 
.bbs_survey .bot li span label { display: inline; line-height:30px; vertical-align: top; } 

.bbs_survey .bot li span label:hover { cursor: pointer; } 

/*.bbs_survey .bot li span input[type=radio] + label { display: inline-block; padding-left: 38px;background: url('../images/common/ico_footer_sati_check.png') no-repeat; background-position: 0 -30px; }*/ 
/*.bbs_survey .bot li span input[type=radio] + label {position: relative;display: inline-block; padding-left: 38px;} */ 
.bbs_survey .bot li span input[type=radio] + label { position: relative; display: inline-block; padding-left: 0;}

/*.bbs_survey .bot li span input[type=radio] + label:after {content: "";position: absolute;left:0;top:0;width:30px;height:30px;background: url('../images/common/ico_footer_sati_check.png') no-repeat; background-position: 0 -30px; } */
.bbs_survey .bot li span input[type=radio] + label:after { content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; /* background: url(../images/common/ico_footer_sati_check.png) no-repeat; */ background-position: 0 -30px;}

/*.bbs_survey .bot li span input[type=radio]:checked + label { background-position: 0 0; }*/
.bbs_survey .bot li span input[type=radio]:checked + label:after { background-position: 0 0; }

.bbs_survey.disabled {background:#f3f3f3;}
.bbs_survey.disabled .tit,
.bbs_survey.disabled .bot {background:#f3f3f3;}
.bbs_survey_result {background: url('../images/common/bg_box1_2.png'); padding: 8px; margin:30px 0;}
.bbs_survey_result .tit {position:relative; background:#fff; margin-bottom:8px; padding:20px;}
.bbs_survey_result .bot {background:#fff; padding:20px;}
.bbs_survey_result .tit h3 {display:inline-block; font-size:20px; font-family:'nsr';}
.bbs_survey_result .tit span,
.bbs_survey_result .tit strong {display:inline-block; font-size:17px; font-family:'nsr'; color:#555;}
.bbs_survey_result .bot > p {font-family:'nsreb';}
.bbs_survey_result .bot ul li > p {color:#555; margin:5px 0;}
.bbs_survey_result .bot ul li > div:after {clear:both; content:""; display:block;}
.bbs_survey_result .bot ul li .gage {float:left; width:calc(100% - 210px); background:#ebebeb; height:15px; margin-top:4px;}
.bbs_survey_result .bot ul li .info {float:right; text-align:right;}
.bbs_survey_result .bot ul li .gage .percentage {background:url('../images/common/bg_gage.png'); height:15px; border-radius:0 10px 10px 0;}
/* ■■■■ box ■■■■ */
.box1 {background:url('../images/common/bg_box1_2.png'); padding:3px;}
.box1 .box1_white_bg {background-color:#fff; padding:30px;}
.box1 p strong {display:block; /*font-size: 26px;*/font-size:21px; line-height: 33px; color:#677ca3; /*font-family:'nsreb';*/ margin-bottom:5px;}/* 230113 */

.box1 .box1_white_bg .npo-btbx > .btn_blank_bg{display: inline-block; font-size: 16px; color: #fff; line-height: 24px; letter-spacing: -1px; padding: 10px 15px; background: #3cA7f2; border-radius: 7px; margin: 4px; word-break: keep-all;}
.box1 .box1_white_bg .npo-btbx > .btn_blank_bg > span{display: inline-block; line-height: inherit;}
.box1 .box1_white_bg .npo-btbx > .btn_blank_bg .ic{display: inline-block; vertical-align: top; width: 17px; height: 13px; margin-top: 5px; margin-left: 6px; background: url(https://www.mapo.go.kr/design/theme/mapo/images/sub/rightGO_btn.gif) no-repeat;}

.box_adrs_bg {background-image:url('../../theme/mapo/images/sub/bg_box_monitor.png'); background-repeat: no-repeat; background-position: 50px center; padding-left:180px !important;}
.box_notepen {background-image:url('../../theme/mapo/images/sub/bg_box_notepen.png'); background-repeat: no-repeat; background-position: 50px center; padding-left:180px !important;}
.box_complain_bg {background-image:url('../../theme/mapo/images/sub/bg_box_complain.png'); background-repeat: no-repeat; background-position: 50px center; padding-left:180px !important;}
.box_complain_bg2 {background-image:url('../../theme/mapo/images/sub/bg_dept_box3.png'); background-repeat: no-repeat; background-position: 50px center; padding-left:180px !important;}
.box_complain_bg01 {background-image:url('../../theme/mapo/images/sub/bg_box_com01.png'); background-repeat: no-repeat; background-position: 50px center; padding-left:180px !important;}
.box_mw24_bg {background-image:url('../../theme/mapo/images/sub/bg_box_mw24.png'); background-repeat: no-repeat; background-position: 50px center; padding-left:180px !important;}
.box_newsletter_bg {background-image:url('../../theme/mapo/images/sub/bg_box_newsletter.png'); background-repeat: no-repeat; background-position: 50px center; padding-left:180px !important;}
.box_camera_bg {background-image:url('../../theme/mapo/images/sub/bg_box_camera.png'); background-repeat: no-repeat; background-position: 50px center; padding-left:180px !important;}
.box_mapo_thanx {text-align:center;}
.box_mapo_thanx .tit {/*font-size: 23px;*/font-size:22px; line-height: 34px; /*font-family:'nsr';*/ color:#5f616e; margin-bottom:10px;}/* 230113 */
.box_babyhelp_bg {background-image:url('../../theme/mapo/images/sub/bg_box_baby.png'); background-repeat: no-repeat; background-position: 50px center; padding-left:180px !important;}

.box_btn_wrap {position:relative; margin-bottom:50px;}
.box_btn_wrap .box1_white_bg {padding-bottom:80px;}
.box_btn {position:absolute; bottom:20px; left:50%; }

.graybox {background:#f7f7f7; padding:20px 30px;}
.graybox2 {background:#f7f7f7; padding:20px 30px; border-radius:10px; border:1px solid #e5e5e5;}
.graybox2head {text-align:center; margin-top:-40px; margin-bottom:20px;}
.graybox2head img {max-width:100%;}

/* ■■■■ 해딩, list, disc ■■■■ */
#container h2 {vertical-align: middle;display: inline-block;}

/* ■■■■ 지도 ■■■■ */
.kakao_map {border:1px solid #ddd;}

/* ■■■■ 텝TAB ■■■■  */
.tab_wrap .mobile {background:#dcebfb; padding:10px 20px; margin:0 -20px;}
.tab_wrap .mobile select {display:block; width:100%; height:40px; border-radius:10px; padding:8px;}

.tab_wrap {width:100%;}
.tab1 ul {}
.tab1 ul:after {clear:both; content:""; display:block;} 
.tab1 ul li {float:left; overflow:hidden;}
.tab1 ul li a {color:#666; background:#f4f4f4; display:inline-block; width:100%; height:56px; line-height:54px; text-align:center; border:1px solid #d5d5d5; border-left:0; vertical-align:middle;}
.tab1 ul li a:focus{ border:2px solid #000000; }
.tab1 ul li a span {display:inline-block; color:#3e3e3e; font-size:17px; line-height:19px; letter-spacing:-1px; vertical-align:middle; padding:10px 5px; /*font-family:'nsrb';*/}/* 230113 */
.tab1 ul li a p {display:inline-block; color:#3e3e3e; font-size:17px; line-height:19px; letter-spacing:-1px; vertical-align:middle; padding:0 5px 8px; font-family:'S-Core Dream 4', 'Noto Sans KR', sans-serif; /*padding:10px 5px;font-family:'nsrb';*/}/* 230113 */
.tab1 ul li a p u { font-family: 'S-Core Dream 4', 'Noto Sans KR', sans-serif; display: block; text-decoration: none;}
.tab1 ul li:first-child a {border-left:1px solid #d5d5d5;}
.tab1 ul li.on a {background: #fff;border: 1px solid #2c82ea;}
.tab1 ul li.on a span {color:#2c82ea;}
.tab1 ul li.on a p {color:#2c82ea;}
/* 보건소 */.container_health .tab1 ul li.on a {border:1px solid #88bb72;}
/* 보건소 */.container_health .tab1 ul li.on a span {color:#449414;}



/* ■■■■ 프로세스 ■■■■  */
.process_type1 {}
.process_type1:after {clear:both; content:""; display:block;}
.process_type1 li {position:relative; float:left; border:1px solid #168de9; color:#168de9; padding:40px 60px; margin-right:50px; border-radius:40px; text-align:center;}
.process_type1 li.on {background:#168de9; color:#fff;}
.process_type1 li:after {content:""; width:100px; height:100px; background:url('../images/common/ico_process_arr.png') no-repeat right center;}
.process_type1 li .bg {text-align:center; margin-bottom:10px;}
.process_type1 li .txt p {font-size:17px;}
.process_type1 li .arr {position:absolute; top:45%; right:-30px; width:11px; height:14px; background:url('../images/common/ico_process_arr.png') no-repeat center center;}
.process_type1 li:last-child .arr {display:none;}

/* ■■■■ 만족도 ■■■■  */
.satisfy_area .top {background:#8691a1; padding:20px; box-sizing:border-box; margin:80px 0 10px;}
.satisfy_area .top:after {clear:both; content:""; display:block;}
.satisfy_area .top > span {display:inline-block; color:#fff; height:30px; font-size: 16px; line-height: 30px;}
.satisfy_area .top > span.t1 {background:url('../images/common/ico_footer_depart.png') no-repeat left center; padding-left:40px; margin-right:30px;}
.satisfy_area .top > span.t2 {background:url('../images/common/ico_footer_phone.png') no-repeat left center; padding-left:40px;}
.satisfy_area .top > span.t3 {float:right;}
.satisfy_area .bot {border:1px solid #e0e0e0; padding:10px 20px;}
.satisfy_area .bot .sat {padding-bottom:10px; background:url('../images/common/ico_footer_sati.png') no-repeat left 8px; padding-left:40px; border-bottom:1px solid #e0e0e0;}
.satisfy_area .bot .sat strong {display:inline-block; margin-right:20px; vertical-align: middle;}
.satisfy_area .bot .sat span {display: inline-block;margin-left: 7px;vertical-align: middle;/*width:100px; padding-top:5px;*/}/* 22.1.5. modify */
.satisfy_area .bot .sat span:nth-child(2){margin-left:0;}/* 22.1.5. modify */
.satisfy_area .bot .sat span > * {vertical-align:middle;}
.satisfy_area .bot .sat span input[type=radio] {opacity:0; width:1px;}
.satisfy_area .bot .sat span input[type=radio]:checked + label { background-position: 0 -40px; } 
.satisfy_area .bot .sat span label { display: inline-block; height:30px; line-height:30px; vertical-align: top; background: url('../images/common/ico_footer_sati_check.png') no-repeat; background-position: 0 -30px;} 
.satisfy_area .bot .sat span label:hover { cursor: pointer; } 
.satisfy_area .bot .sat span input[type=radio] + label { padding-left: 38px; } 
.satisfy_area .bot .sat span input[type=radio]:checked + label { background-position: 0 0; }
.satisfy_area .bot .sat span input[type=radio]:focus + label {outline:2px solid #b2d5ff;}
.satisfy_area .bot .opi {padding-top:10px; background:url('../images/common/ico_footer_opinion.png') no-repeat left 19px; padding-left:40px; }
.satisfy_area .bot .opi:after {content:""; clear:both; display:block;}
.satisfy_area .bot .opi .opi1 {float:left; width:100px; padding-top:10px;}
.satisfy_area .bot .opi .opi2 {float:left; width:calc(100% - 210px); }
.satisfy_area .bot .opi .opi3 {float:right; width:100px;}
.satisfy_area .bot .opi .opi1 strong { }
.satisfy_area .bot .opi .opi2 textarea {display:block;width:100%;border:1px solid #e0e0e0;background:#f8f8f8;padding: 7px 10px;border-radius:7px;height:44px;overflow: hidden;box-sizing: border-box;}
.satisfy_area .bot .opi .opi3 .opi_btn {display:inline-block; background:#494949; width:100%; padding:10px; border-radius:7px; height:44px; color:#fff; text-align:center; padding-top:14px;}
.satisfy_area .bot .opi .opi3 .opi_btn:focus{border:2px solid red;}
@media screen and (max-width:768px) {
	.satisfy_area .bot .sat span label{height: 14px;line-height: 13px;vertical-align: top;background: url(https://www.mapo.go.kr/design/common/images/common/ico_footer_sati_check.png) no-repeat;background-position: 0 -14px;background-size: 14px;padding-left: 17px !important;}
	.satisfy_area .bot .sat span{margin-left: 4px;}
	.satisfy_area .bot .sat strong{margin-bottom: 6px;}
}


/* 관련기관 카드형 */
.company_list_card_3 {}
.company_list_card_3 ul:after {clear:both; content:""; display:block;}
.company_list_card_3 ul li {float:left; width:30.66%; margin-right:4%; margin-bottom:40px; border-top:2px solid #000; border-bottom:1px solid #e0e0e0;}
.company_list_card_3 ul li:nth-child(3n) {margin-right:0;}
.company_list_card_3 ul li {position:relative;}
.company_list_card_3 ul li .top {text-align:center;border-bottom: 1px dashed #e0e0e0; height:80px; line-height:80px;}
.company_list_card_3 ul li .top img {max-height:100%; vertical-align:middle;}
.company_list_card_3 ul li .bot {text-align:center; padding:20px 0;}
.company_list_card_3 ul li .bot strong {font-weight:normal; padding:20px 0;}
.company_list_card_3 ul li .bot p {color:#555;}
.company_list_card_3 ul li .bot span {color:#4c73b8;}
.company_list_card_3 ul li .bot .bot_btn {position:absolute; bottom:20px; width:100%;}
.company_list_minh220 ul li {min-height:220px;}
.company_list_minh320 ul li {min-height:320px;}
/* 관련기관 단순 li */
.company_list ul {border-top:2px solid #000;}
.company_list ul li {border-bottom:1px solid #e0e0e0; padding:20px 0;}
.company_list ul li:after {clear:both; content:""; display:block;}
.company_list ul li .top {float:left; width:260px; text-align:center;}
.company_list ul li .bot {float:left; width:calc(100% - 300px);}
.company_list ul li .bot > div {display:inline-block; vertical-align:top; color:#555;}
.company_list ul li .bot > div:first-child {width:calc(100% - 130px);}
.company_list ul li .bot > div strong {color:#111;  font-size: 16px; line-height: 22px;}
.company_list ul li .bot > div span {word-break: break-word;}
.company_list ul li > div.line3 .top{height: 80px;display: table;position: relative;}
.company_list ul li > div.line4 .top{height: 100px;display: table;position: relative;}
.company_list ul li .top img {display: block;position: absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.company_list ul li .bot > div.mg10t{margin-top: 14px;}
.company_list ul li .bot{position: relative;}
.company_list ul li .bot > div a{display: block;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
@media screen and (max-width:768px) {
	.company_list ul li .bot > div a{position:relative;display:inline-block;}
	.company_list ul li .top img{position:static;}
	.company_list ul li > div.line3 .top{height:auto;}
	.company_list ul li > div.line4 .top{height:auto;}
}

/* 레이어팝업 */
.layer_popup {display:none; position:relative; background:#fff; }
.layer_popup.on {display:block;  height: 600px; overflow-y: scroll; border: 1px solid #e6e6e6; background-color: #fff; /* position: absolute; top: -100px; width: 100%;*/ position:fixed; top:100px; width:1200px; max-width:100%;  z-index: 10001;  overflow: hidden; overflow-y: auto; text-align: left;}
.layer_popup.on2 {display:block;  height: 700px; overflow-y: scroll; border: 1px solid #e6e6e6; background-color: #fff; /* position: absolute; top: -100px; width: 100%; position:fixed;*/ top:100px; width:1200px; max-width:100%;  z-index: 10001;  overflow: hidden; overflow-y: auto; text-align: left;}
.layer_popup .layer_close {position:absolute; right:17px; top:17px;}
.layer_popup .layer_tit {background:#019bfb;}
.layer_popup .layer_tit h3 {color:#fff; padding:25px 20px; background:none; max-width: calc(100% - 80px);}
.layer_popup .layer_con {padding:20px;}
/* 새창팝업 */
.blank_popup {position:relative; background:#fff;}
.blank_popup .blank_close {position:absolute; right:20px; top:20px;}



/* ■■■■■■■■■■■■ 서브페이지 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* 로그인 */
.sub_top_type_login .sub_visual_wrap > * {vertical-align:middle; margin:0 10px;}
.login_top_bg {position:absolute; top:412px; width:100%; height:290px; background:#f5f7fa;}
.sub_slogan {margin-bottom:30px;}
.sub_slogan p {text-align:center; font-size:17px; color:#333; font-family:'nsr';}
.login_box {border:1px solid #e5e5e5; padding:80px 0; background:#fff url('../../theme/mapo/images/sub/bg_login_or.png') no-repeat center center;}
.login_box:after {content:""; clear:both; display:block;}
.login_box > div {float:left; width:50%; text-align:center; padding:0 50px; }
.login_box > div h3 {font-size:24px; color:#777; font-family:'nsr'; margin-bottom:50px;}
.login_box > div strong {font-size:24px; color:#111;}
.login_box > div .icon {margin-bottom:50px;}
.login_box > div .icon a {display:inline-block; width:32%;}
.login_box > div .icon a span {display:block; margin-top:20px; font-size:17px; color:#333; font-family:'nsreb';}
.login_box > div .bot_box {}
.login_box > .l .bot_box {background:#f2f4f6; padding:30px; margin:0 35px; border-radius:15px;}
.login_box > .l .bot_box a {display:inline-block; margin-right:15px; padding-right:15px; border-right:1px solid #cfd1d2;}
.login_box > .l .bot_box a:last-child {margin:0; padding:0; border:0;}
.login_box > .r .bot_box {}
.login_box > .r .bot_box p {display:block;text-align:left; letter-spacing:-1px; font-size:14.5px; padding-top:10px;}

/* 마이페이지 */
.sub_top_mypage .sub_visual_wrap {background-image:url('../../theme/mapo/images/sub/bg_mypage_tit.png'); background-position:center 25px; height:179px; text-align:center;}
.logout_btn {float:right; }
.logout_btn span {color:#555; background:#f3f3f3 url('../../theme/mapo/images/sub/ico_my_lock.png') no-repeat 15px center; padding:5px 20px 5px 35px; border-radius:20px; display:inline-block;}
.mypage_head { margin-top:20px; background:#f2f2f2; border-radius:20px; padding:30px;}
.mypage_head:after {content:""; clear:both; display:block;}
.mypage_head a {position:relative; float:left; display:block; width:18%; margin-right:2.5%; background:#fff url('../../theme/mapo/images/sub/ico_mypage1.png') no-repeat 85% 15%; height:200px; padding:30px; border-radius:20px; }
.mypage_head a span,
.mypage_head a strong {font-family:'nsrb';}
.mypage_head a:last-child {margin-right:0;}
.mypage_head a .tit {position:absolute; top:30px; left:30px; font-size:19px; color:#777;}
.mypage_head a .num_wrap {display:block; margin-top:60px; text-align:center; }
.mypage_head a .num {font-size:50px; color:#777; letter-spacing:-3px;}
.mypage_head a .ge {margin-left:5px; font-size:17px; color:#777;}
.mypage_head a.on {background-color:#05aeef;}
.mypage_head a.on .tit {color:#fff;}
.mypage_head a.on .num {color:#ffd67d;}
.mypage_head a.on .ge {color:#fff;}
.mypage_head a:nth-child(1) {background-image:url('../../theme/mapo/images/sub/ico_mypage1.png');}
.mypage_head a:nth-child(2) {background-image:url('../../theme/mapo/images/sub/ico_mypage2.png');}
.mypage_head a:nth-child(3) {background-image:url('../../theme/mapo/images/sub/ico_mypage3.png');}
.mypage_head a:nth-child(4) {background-image:url('../../theme/mapo/images/sub/ico_mypage4.png');}
.mypage_head a:nth-child(5) {background-image:url('../../theme/mapo/images/sub/ico_mypage5.png');}
.mypage_head a.on:nth-child(1) {background-image:url('../../theme/mapo/images/sub/ico_mypage1_on.png');}
.mypage_head a.on:nth-child(2) {background-image:url('../../theme/mapo/images/sub/ico_mypage2_on.png');}
.mypage_head a.on:nth-child(3) {background-image:url('../../theme/mapo/images/sub/ico_mypage3_on.png');}
.mypage_head a.on:nth-child(4) {background-image:url('../../theme/mapo/images/sub/ico_mypage4_on.png');}
.mypage_head a.on:nth-child(5) {background-image:url('../../theme/mapo/images/sub/ico_mypage5_on.png');}
@media only screen and (max-width:768px){
	.logininfo .box1_white_bg {padding-bottom:20px;}
	.logininfo .logout_btn {float:none; display:block; margin-top:20px;}
}
/* ■■■■■■■■■■■■ 대메뉴1 ■■■■ */
/* 1-1 MA-TO-01-00 마포구청2층에오시면 */
.complain_center ul:after {clear:both; content:""; display:block;}
.complain_center ul li {position:relative; float:left; width:calc(33.88% - 20px); height:320px; margin-right:20px; margin-bottom:20px;border:1px solid #bdc2d1; box-sizing:border-box; box-shadow:8px 8px 0 #bdc2d1; padding:30px;}
.complain_center ul li:nth-child(3n) {margin-right:0;}
.complain_center ul li a {display:block; text-align:center;}
.complain_center ul li a span {padding-bottom:40px; background:url('../../theme/mapo/images/sub/ico_go_next_arr.png') no-repeat center bottom; font-size:20px;}
.complain_center ul li.order1 {background:url('../../theme/mapo/images/sub/bg_complain1.png') no-repeat center bottom;}
.complain_center ul li.order2 {background:url('../../theme/mapo/images/sub/bg_complain2.png') no-repeat center bottom;}
.complain_center ul li.order3 {background:url('../../theme/mapo/images/sub/bg_complain3.png') no-repeat center bottom;}
/* 1-3 MA-TO-01-03 지도 */
.map {text-align:center; height:500px; border:1px solid #e0e0e0;}
/* 지적종합안내 */
textarea.reason { display: block; width: 100%; border: 1px solid #e0e0e0; padding: 10px; border-radius: 7px; }
.land_sign_wrap {border-top:2px solid #111;}
.land_sign_wrap ul li {border-bottom:1px dashed #e5e5e5; padding:15px 0;}
.land_sign_wrap ul li:last-child {border-bottom:1px solid #e5e5e5;}

/* ■■■■■ MA-MU-03-01 행정서비스헌장 ■■■■■ */
.changed_jibern_srch_box {background:#f6f6f6; padding:30px;}
.changed_jibern_srch_box label {font-size:17px;}
.changed_jibern_srch_box p *{vertical-align:middle;}
.changed_jibern_srch_box > .top {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e1e1e1;}
.changed_jibern_srch_box > .top input.busi {width:300px;}
.changed_jibern_srch_box .ji_wrap {display:inline-block;}
.changed_jibern_srch_box .ji_wrap2 input {width:90px;}
/* ■■■■■ MA-MU-03-03 행정동 동/반 찾기 ■■■■■ */
.dongban {position:relative; text-align:left;}
.dongban > .top {padding-left:60px;}
.dongban > .bot {display:none; padding-left:60px; border-top:1px solid #e0e0e0; padding-top:10px; margin-top:10px; font-family:'nsreb';}
.dongban .toggle {position:absolute; left:5px; top:2px; color:#fff; background:#a9b1b8; border-radius:30px; width:40px; height:40px; line-height:40px; text-align:center;}
.dongban.on .toggle {background:#3498f5;}
.dongban.on > .bot {display:block;}
/* ■■■■■■■■■■■■ 대메뉴2 ■■■■ */
/* ■■■■■ MA-cowork-mapo 협치마포 ■■■■■ */
.outline {border:1px solid #ebebeb; padding:40px;}
.outline img {max-width:100%;}
.cowork_process_exp {border:1px solid #ebebeb; padding:35px 20px 35px 130px; background:#fafafa url('../../theme/mapo/images/sub/ico_cowork2.png') no-repeat 30px 20px; text-align:left;}
.box_cowork_bg {background-image: url('../../theme/mapo/images/sub/ico_cowork1.png'); background-repeat: no-repeat; background-position: 50px center; padding-left: 160px !important;}
@media only screen and (max-width:768px){
	.outline {padding:20px;}
	.cowork_process_exp {padding:15px 20px 15px 130px;}
}
/* ■■■■■■■■■■■■ 대메뉴3 ■■■■ */
/* 개별공시지가 주소변경신청 MA-MU-03-01-02-03 */
.ownland:after {clear:both; content:""; display:block;}
.ownland1 {float:left; width:calc(50% + 35px);}
.ownland2 {float:left; width:calc(50% - 35px);}
.ownland1 span {display:inline-block; text-align:center; width:70px;}
.ownland1 input {width:calc(100% - 200px);}
.ownland1 select {width:120px;}
.ownland2 input {width:calc(100% - 130px);}
.ownland2 select {width:120px;}
@media only screen and (max-width:768px){
	/* 개별공시지가 주소변경신청 MA-MU-03-01-02-03 */
	.ownland1,
	.ownland2 {float:none; width:100%;}
	.ownland2 {margin-top:5px;}
	.ownland1 span {display:inline-block; text-align:center; width:50px;}
	.ownland1 input {width:calc(100% - 150px);}
	.ownland1 select {width:80px;}
}
/* ■■■■■■■■■■■■ 대메뉴4 ■■■■ */
/* ■■■■■ MA-IN-03-01 조직도 ■■■■■ */
.org_wrap {position:relative;}
.org_wrap .org_srch {position:absolute; top:50px; right:0; width:300px;}
.org_wrap .org_srch h3 {background:url('../images/common/bull_blue_circle.png') no-repeat left center; padding-left:23px; margin-bottom:5px; font-family:'nsrb';}
.org {text-align:center; background:url('../../theme/mapo/images/sub/bg_org_dash1.png') no-repeat center 80px, url('../../theme/mapo/images/sub/bg_org_dash2.png') no-repeat center 410px;}
.org:after {clear:both; content:""; display:block;}
.org li a,
.org li span {display:block; padding:15px 0;}
.org > li {width:209px; text-align:center; } 
.dotLine-cover{
display: block;
position: absolute;
right: 0;
top: 335px;
width: 50%;
    height: 20px;
background: #ffffff;
}
.organ01 {margin:0 auto; }
.organ01 span {width:100%; height:163px; background:url('https://www.mapo.go.kr/design/theme/mapo/images/sub/bg_org_chief.png') no-repeat center center; padding:0; font-size:27px; padding-top: 64px;}
.organ02 {margin:20px auto;}
.organ02 span {background:#688acf; color:#fff; font-size:22px;}
.organ03 {margin-top:12px;position: absolute;left: 0;top: 305px;width: 200px;}
.organ03 a {background:#C1A2CC; color:#fff; font-size:17px; padding:17px 0;}
.organ03_2 {position:absolute;right: 0px;top: 317px;width: 200px;}
.organ03_2 a {background:#485e7e; color:#fff; font-size:17px;}
.organ04 {width:100%;margin-top:80px;position: absolute;left: 0;top: 390px;}
.organ04-01:after {clear:both; content:""; display:block;}
.organ04-01 > li {float:left; width:calc(14.4% - 10px); margin-right:10px;}
.organ04-01 > li:last-child {margin-right:0;}
.organ04-01 > li > span {background:#3e9ee9; color:#fff; font-size:17px;}
.organ04-01 > li > ul > li {border:1px solid #d8dfe6; text-align:left; background:url('https://www.mapo.go.kr/design/theme/mapo/images/sub/ico_org_more.png') no-repeat 90% 50%;}
.organ04-01 > li > ul > li > * {padding-left:15px;}
.hei570{height:570px;}
.org_ipp > p:first-child {font-weight: normal;}
.org_ipp.S1{display: block !important;position: absolute;text-align: center;margin-left: 0;border: 2px solid #688acf;left: 0;right: 0;width: 100%;top: auto;bottom: -57px;padding: 7px 10px;background: #fff;}
.org_ipp p{font-size: 16px;line-height: 21px;}
.org_ipp.S1:before{display:none;}
.organ04-01 .org_ipp {display: none; bottom:-45px;text-align: center;top: auto;width: 100%;left: 0px;right: 0px;border: 1px solid #036DF1;height:46px;padding:10px 10px;margin-left: 0;}
/* .organ04-01 .org_ipp {display: block !important;bottom: -48px;text-align: center;top: auto;width: 100%;left: 0px;right: 0px;border: 1px solid #036DF1;height: 40px;padding: 6px 10px;margin-left: 0;} */
/*=======768======*/
@media screen and (max-width:768px) {
	.hei570{height:auto;}
	.org .organ04{position:static;margin-top: 130px !important;}
}
/*=======480======*/
@media screen and (max-width:480px) {
	.organ03{position: static;width: 100%;}
	.org .organ04{margin-top: 22px !important;}
}

.org .opp_sw{position: relative;}
.org_ipp{display: none;position: absolute;left: -5px;top: 62px;text-align: left;margin-left: 17px;padding: 4px 10px;background: #fff;border: 1px solid #ddd;width: 180px;}
.org_ipp:before{content: ''; position: absolute; width: 10px; height: 14px; left:50%; top:-5px; margin-top: -7px; transform:rotate(90deg); background: url('../../theme/mapo/images/sub/org_ipp_bg1.png') 0 0 no-repeat;}
.org_ipp > p{font-size: 16px; line-height: 25px; letter-spacing: -1px;}
.org_ipp.rt{left: -6px;right: auto;margin-right: 0;}
.org_ipp.rt:before{/* left: 100%; *//* transform: rotate(180deg); */}
.org .organ01 > .opp_sw{ width: 100%; height: 163px; background: url('../../theme/mapo/images/sub/bg_org_chief.png') no-repeat center center; padding: 0; padding-top: 64px;}
.org .organ01 > .opp_sw > a{font-size: 27px;}
.org .organ01 > .opp_sw .org_ipp{top:90%; left:10px; margin-top: -25px; margin-left: 0;}
.org .organ02 > .opp_sw{background:#688acf; }
.org .organ02 > .opp_sw > a{font-size:22px; color:#fff; line-height: 32px}
.org .organ04-01 > li > .opp_sw{background: #036DF1;}
.org .organ04-01 > li > .opp_sw > a{color: #fff;font-size: 17px;line-height:54px;margin-bottom:10px; padding:0px; }
.org .organ04-01 > li > .opp_sw .org_ipp:before{display:none;}
.org .organ04-01 > li > .opp_sw > a > .name { border:1px solid #036DF1; background-color:#fff; color:#666; padding:10px 0px;}
@media screen and (max-width:768px) {
.org .organ04-01 > li > .opp_sw > a { padding:15px 0px; }
.org .organ04-01 > li > .opp_sw > a > .name { border:1px solid #6073d2; }
}


.dong_head {background:url('../../theme/mapo/images/sub/bg_org_dash3.png') no-repeat center 60px; padding-bottom:65px;}
.dong_head h3 {width:190px; background:#2898e2; background:linear-gradient(to right, #2898e2, #7ce7d1); margin:0 auto; padding:10px;}
.dong_head h3 span {display:block; background:#fff; text-align:center; font-size:22px; font-family:'nsrb'; padding:12px 0; }
.dong_wrap {}
.dong_wrap > ul:after {clear:both; content:""; display:block;}
.dong_wrap > ul > li {float:left; width:calc(25% - 8px); margin-right:10px;}
.dong_wrap > ul > li:nth-child(4n) {margin-right:0;}
.dong_wrap > ul > li > a {text-align:center; display:block; background:#4679A6; font-size:17px; padding:17px 0; color:#fff;}
.dong_wrap > ul > li > ul {border:1px solid #d8dfe6; border-top:0; padding:20px; margin-bottom:20px;}
.dong_wrap > ul > li > ul > li {background: url('../images/common/bull_heading3.png') no-repeat left 8px; padding-left: 13px;}

/* ■■■■■ MA-IN-03-02 부서안내 ■■■■■ */ 
.dept_box {background:#e7f3f9; padding:20px 30px;}
.dept_box > .l {display:inline-block; width:180px; vertical-align:middle;}
.dept_box > .r {display:inline-block; width:calc(100% - 200px); vertical-align:middle;}
.dept_box > .r:after {content:""; clear:both; display:block;}
.dept_box > .r .dept_l {float:left; width:40%; margin-top:5px; padding-right:40px; background:url('../images/common/bg_devider_big.png') no-repeat right center;}
.dept_box > .r .dept_l > h3 {font-size:22px; font-family:'nsreb'; margin-bottom:5px;}
.dept_box > .r .dept_l select {border:0; width:100%;}
.dept_box > .r .dept_r {float:left; width:60%; padding-left:40px;}
.dept_box > .r .dept_r:after {content:""; clear:both; display:block;}
.dept_box > .r .dept_r > span {float:left; display:block; width:calc(50% - 5px); margin-right:10px; padding:7px 15px; background:#fff; border-radius:7px; margin-bottom:10px; }
.dept_box > .r .dept_r > span:nth-child(even) {margin-right:0;}
.dept_box > .r .dept_r > span:first-child {color:#fff; background:#3ca7f2;}
.dept_more_wrap > ul:after {content:""; clear:both; display:block;}
.dept_more_wrap > ul > li {position:relative; float:left; width:calc(33.88% - 20px); height:320px; margin-right:20px; margin-bottom:20px;border:1px solid #bdc2d1; box-sizing:border-box; box-shadow:8px 8px 0 #bdc2d1; padding:30px;}
.dept_more_wrap > ul > li:nth-child(3n) {margin-right:0;}
.dept_more_wrap > ul > li h3 {font-size:26px; margin-bottom:15px;}
.dept_more_wrap > ul > li a.more {position:absolute; top:35px; right:30px;}
.dept_more_wrap > ul > li > p {font-size:17px;}
.dept_more_wrap > ul > li .nothing {text-align:center; padding-top:0px;}
.dept_more_wrap > ul > li .nothing p {font-size:17px; margin-top:10px; color:#bdc2d1;}
.dept_more_wrap > ul > li > ul > li {background: url('../images/common/bull_heading3.png') no-repeat left 8px; padding-left: 13px; margin-bottom:5px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dept_more_wrap .notice_bg {background: url('../../theme/mapo/images/sub/bg_dept_box1.png') no-repeat 90% 90%;}
.dept_more_wrap .form_bg {background: url('../../theme/mapo/images/sub/bg_dept_box2.png') no-repeat 90% 90%;}
.dept_more_wrap .visitpart_bg {background: url('../../theme/mapo/images/sub/bg_dept_box3.png') no-repeat 95% 95%;}


.scroll_tab {width:100%; border:1px solid #e1e1e1; padding-top:5px;}
.scroll_tab ul {padding-left:30px;}
.scroll_tab ul:after {content:""; clear:both; display:block;}
.scroll_tab ul li {float:left; position:relative; margin-right:30px;}
.scroll_tab ul li:after {content: ''; position: absolute; top: 17px; right: -16px; height: 15px; border-right: 1px solid #d8d8d8;}
.scroll_tab ul li:last-child {margin:0;}
.scroll_tab ul li:last-child:after {height: 0;}
.scroll_tab ul li a {display:block; text-align:center; font-size:20px; padding:0 5px; height:50px; line-height:50px;}
.scroll_tab ul li.on {border-bottom:4px solid #1f77d3;}
.scroll_tab ul li.on a {color:#1f77d3; font-family:'nsreb';}

.scroll_tab_target li {display:none;}
.scroll_tab_target li.firstchild {display:block;}

.scroll_tab_wrap .mobile {background:#dcebfb; padding:10px 20px; margin:0;}
.scroll_tab_wrap .mobile select {display:block; width:100%; height:40px; border-radius:10px; padding:10px;}

/* ■■■■■ MA-IN-03-03 업무담당자 검색 ■■■■■ */ 
.job_box {background:#e7f3f9; padding:20px 30px;}
.job_box > .l {display:inline-block; width:180px; vertical-align:middle;}
.job_box > .r {display:inline-block; width:calc(100% - 200px); vertical-align:middle;}
.job_box > .r > h3 { font-size: 22px; line-height: 34px; font-family:'nsreb'; margin-bottom:5px;}
.job_box > .r > .job_srch:after {content:""; clear:both; display:block;}
.job_box > .r > .job_srch .job_srch_l {float:left; width:50%;}
.job_box > .r > .job_srch .job_srch_l:after {content:""; clear:both; display:block;}
.job_box > .r > .job_srch .job_srch_l select {float:left; width:32%; margin-right:1%; border:0;}
.job_box > .r > .job_srch .job_srch_r {float:left; width:50%;}
.job_box > .r > .job_srch .job_srch_r input {width:calc(100% - 80px); border:0;}

/* ■■■■■ MA-IN-05-03 뉴스레터해지 ■■■■■ */ 
.newletter_line {margin:0 auto 5px; text-align:left; width:450px;}
.newletter_line label {display:inline-block; font-size:17px; width:90px;}
.newletter_line input {width:180px; margin-left:10px;}
.newletter_line2 {margin:0 auto 5px; text-align:left; width:450px;}
.newletter_line2 label {display:inline-block; font-size:17px; width:90px;}
.newletter_line2 input {width:40px; margin-left:10px;}
/* ■■■■■ MA-IN-05-05 마포영상 ■■■■■ */ 
.video_box h3 {margin-bottom:20px;}
.video_box  p {font-size:17px;}
.video_box1 {background:url('../../theme/mapo/images/sub/bg_mapo_video1.png') no-repeat center center; padding:50px;}
.video_box2 {background:url('../../theme/mapo/images/sub/bg_mapo_video2.png') no-repeat left top, url('../../theme/mapo/images/sub/bg_mapo_video_nuderline.png') repeat-x left 100px; padding-left:400px;}
.video_box3 {background:url('../../theme/mapo/images/sub/bg_mapo_video3.png') no-repeat right top, url('../../theme/mapo/images/sub/bg_mapo_video_nuderline.png') repeat-x left 100px;;}
.video_box1:after {clear:both; content:""; display:block; }
.video_box1 > .l {float:left; width:70%;}
.video_box1 > .r {float:right; width:30%;}
.video_box1 p {text-align:center;}
.video_box1 .r iframe {box-shadow:12px 12px 0 #c1aead;}
.video_box1 .r p {margin-top:20px;}
.video_box1 h3 {text-align:center;}
.video_box2 h3 {padding-left:150px;}
.video_box3 h3 {padding-left:20px;}
.video_box2 p,
.video_box3 p {display:inline-block; width:780px; padding:30px; background:#fff;}
.video_box2 h3,
.video_box3 h3 {position:relative; }
.video_box3 strong {display:block; font-size:26px;}
/* ■■■■■■■■■■■■ 대메뉴5 ■■■■ */





/* ■■■■■■■■■■■■ 위원회 ■■■■■■■■■■■■  */
#cmt_header {width:100%; min-width:1200px; background:url('../images/committee/cmt_bg_header.png') repeat-y center center;}
#cmt_header .global {width:1200px; min-width:1200px; margin:0 auto; height:80px; }
#cmt_header .global:after {content:""; clear:both; display:block;}
#cmt_header .global > * {float:left;}
#cmt_header .global h1 {padding-top:15px; display:inline-block;}
#cmt_header .global .tit {display:inline-block; margin-left:30px; margin-top:30px;}
#cmt_header .global .tit span {color:#fff; font-size:22px; margin-left:10px;}
#cmt_header .global .tit * {vertical-align:middle; margin-bottom:10px;}
#cmt_header .global .log {display:block; float:right; margin-top:25px; }
#cmt_header .global .log > * {display:inline-block; vertical-align:middle; color:#fff; padding-top:5px; margin-left:5px;}
#cmt_header .global .log span {margin-right:20px;}
#cmt_container {width:100%; min-width:1200px;}
#cmt_container {border-bottom:1px solid #111; padding-bottom:100px;}
#cmt_container .contents {width:1200px; margin:0 auto;}

/* 로긴 */
#cmt_container .cmt_login_box {margin-top:50px; padding:50px 0 15px; border:1px solid #ddd; border-top:1px solid #111; border-bottom:1px solid #111; text-align:center; background:url('../images/committee/cmt_bg_loginbox.png') no-repeat center bottom;}
#cmt_container .cmt_login_box h2 {font-size:30px;}
#cmt_container .cmt_login_box p.sub {font-size:22px; margin-bottom:30px;}
#cmt_container .cmt_login_box .login_btn {display:block; margin:0 auto; background:#cb2b2b;width:400px; color:#fff; padding:16px 0; font-size:17px;}
#cmt_container .cmt_login_box .inputbox {margin:0 auto; border:1px solid #ddd; width:400px; padding-left:60px; margin-bottom:10px;}
#cmt_container .cmt_login_box .inputbox1 {background:#fff url('../images/committee/cmt_ico_login1.png') no-repeat 10px center; }
#cmt_container .cmt_login_box .inputbox2 {background:#fff url('../images/committee/cmt_ico_login2.png') no-repeat 10px center; }
#cmt_container .cmt_login_box .inputbox input {border:0; width:100%; font-size:17px; padding:10px; height:46px;}
#cmt_container .cmt_login_box .login_box_bot {background:#2960a7 url('../images/committee/cmt_img_loginbox.png') no-repeat 45px center; width:750px; margin:100px auto 0; color:#fff; border-radius:10px;}
#cmt_container .cmt_login_box .login_box_bot > div {background:url('../images/committee/cmt_bg_loginbox2.png') no-repeat right center; padding:30px 0; text-align:left; padding-left:175px; }
#cmt_container .cmt_login_box .login_box_bot p {font-size:17px; margin-bottom:10px;}
#cmt_container .cmt_login_box .login_box_bot a {color:#fff; border:1px solid #fff; display:inline-block; width:170px; height:40px; line-height:40px; text-align:center;}
#cmt_container .cmt_login_box .login_box_bot a * {vertical-align:middle;}

/* 로그인 (나의교육현황 카피) 추가 */
.step-sign{background: url('../../theme/mapo/images/sub/step_sign_bg.gif') repeat-x left center;}
.box-title{padding: 20px 30px;font-family: 'nsrb';font-size: 24px;line-height: 28px;color: #ffffff;background: url('../../theme/mapo/images/sub/box_title_bg.jpg') no-repeat center;background-size: 100% 100%;}
.cont-box{padding: 35px 30px;border: 1px solid #dedede;}
.box-in-title{font-family: 'nsrb';padding-left: 28px;font-size: 20px;line-height: 24px;color: #111111;background: url('../../theme/mapo/images/sub/lic_tit_bg.gif') no-repeat left 8px;}

/* popup */
.layer_popup.committee_pop {width:480px; max-width:100%; height:auto; left:50%; margin-left:-250px; top:130px;}
.committee_pop .layer_tit {background:#cb2b2b; height:70px;}
.layer_popup.committee_pop .layer_close {right:7px; top:10px;}
.committee_pop .thumb_part {text-align:center; margin:40px 0 30px;}
.committee_pop .ment {font-size:22px; text-align:center;}

/* view */
.agenda_process {color:#fff; background:#cb2b2b; font-size:12px; padding:7px 12px; margin-right:10px;}
.member {width:550px; max-width:100%;}
.member:after {clear:both; content:""; display:block;}
.member li {float:left; width:180px; margin-right:80px; margin-bottom:10px;}
.member .name {display:inline-block; width:100px;}
.member .sign_ok {color:#fff; background:#3d3d3d; font-size:12px; padding:7px 12px; border-radius:7px;}
.member .sign_yet {color:#fff; background:#5683c0; font-size:12px; padding:7px 12px; border-radius:7px;}
.cmt_opinion {width:100%;}





/* ■■■■■■■■■■■■ 알림존 서브페이지 ■■■■■■■■■■■■  */
.azone_list ul:after {content:"";clear:both;display:block;}
.azone_list ul li {float:left; width:calc(94% / 4); height:320px; overflow:hidden; margin-right:2%; margin-bottom:25px; background:#efefef; text-align:center;}
.azone_list ul li:nth-child(4n) {margin-right:0;}
.azone_list ul li img {max-width:100%;}
@media only screen and (max-width:768px){
.azone_list ul li {width:100%; margin-right:0;}
}

/* ■■■■■■■■■■■■ 알림존 서브페이지 ■■■■■■■■■■■■  */
.pzone_list ul:after {content:"";clear:both;display:block;}
.pzone_list ul li {float:left; width:calc(94% / 2); height:250px; overflow:hidden; margin-right:2%; margin-bottom:25px; background:#efefef; text-align:center;}
.pzone_list ul li:nth-child(4n) {margin-right:0;}
.pzone_list ul li img { width:100%; height:100%; }
@media only screen and (max-width:768px){
.pzone_list ul li {width:100%; margin-right:0;}
}





/* ■■■■■■■■■■■■ 스마트생활지도 ■■■■■■■■■■■■  */
#smart_header {height:80px; background:#0098f1 url('../images/smart/bg_smartmap_tit.png') no-repeat left top;}
#smart_header > * {display:inline-block; vertical-align:middle;}
#smart_header .gomapo {margin:0 20px;}
#smart_header .link_copy {background:#33adf4; border-radius:20px; padding:10px 20px; color:#fff; float:right; margin-right:20px;}
#smart_container {position:relative;}
.smart_left_menu {position:absolute; left:0; top:0; width:100%; max-width:530px; z-index:100;}
.smart_left_menu .left_menu_wrap {position:relative; width:100%; max-width:530px;background:#f8f8f8; box-shadow:4px 3px 4px #a0a0a0;}
.smart_left_menu .smart_lv1 {background:url('../images/smart/bg_depth1.png') repeat-y center center; background-size:100% auto;}
.smart_left_menu .smart_lv1 ul:after {content:""; clear:both; display:block;}
.smart_left_menu .smart_lv1 ul li {float:left; width:calc(100% / 7); height:75px;}
.smart_left_menu .smart_lv1 ul li a {display:block; height:75px; text-align:center; color:#fff; padding-top:50px; background-position:center 15px; background-repeat:no-repeat; font-size:13px; line-height:16px;}
.smart_left_menu .smart_lv1 ul li:nth-child(1) a {background-color:#32b19c; background-image:url('../images/smart/bg_tab_1.png');}
.smart_left_menu .smart_lv1 ul li:nth-child(2) a {background-color:#3dcee0; background-image:url('../images/smart/bg_tab_2.png');}
.smart_left_menu .smart_lv1 ul li:nth-child(3) a {background-color:#fa807e; background-image:url('../images/smart/bg_tab_3.png');}
.smart_left_menu .smart_lv1 ul li:nth-child(4) a {background-color:#ffb159; background-image:url('../images/smart/bg_tab_4.png');}
.smart_left_menu .smart_lv1 ul li:nth-child(5) a {background-color:#45ad6a; background-image:url('../images/smart/bg_tab_5.png');}
.smart_left_menu .smart_lv1 ul li:nth-child(6) a {background-color:#305496; background-image:url('../images/smart/bg_tab_6.png');}
.smart_left_menu .smart_lv1 ul li:nth-child(7) a {background-color:#ac5b97; background-image:url('../images/smart/bg_tab_7.png');}
.smart_left_menu .smart_lv1 ul li.on a {background-color:#fff; color:#828282; font-family:'nbgb';}
.smart_left_menu .smart_lv1 ul li:nth-child(1).on a {background-image:url('../images/smart/bg_tab_1_on.png');}
.smart_left_menu .smart_lv1 ul li:nth-child(2).on a {background-image:url('../images/smart/bg_tab_2_on.png');}
.smart_left_menu .smart_lv1 ul li:nth-child(3).on a {background-image:url('../images/smart/bg_tab_3_on.png');}
.smart_left_menu .smart_lv1 ul li:nth-child(4).on a {background-image:url('../images/smart/bg_tab_4_on.png');}
.smart_left_menu .smart_lv1 ul li:nth-child(5).on a {background-image:url('../images/smart/bg_tab_5_on.png');}
.smart_left_menu .smart_lv1 ul li:nth-child(6).on a {background-image:url('../images/smart/bg_tab_6_on.png');}
.smart_left_menu .smart_lv1 ul li:nth-child(7).on a {background-image:url('../images/smart/bg_tab_7_on.png');}
.smart_left_menu .smart_lv2 {background:#fff;  padding-left:10px;}
.smart_left_menu .smart_lv2 ul:after {content:""; clear:both; display:block;}
.smart_left_menu .smart_lv2 ul li {float:left;}
.smart_left_menu .smart_lv2 ul li a {display:block; padding:10px 0; margin:15px 10px;}
.smart_left_menu .smart_lv2 ul li.on a {background:url('../images/smart/bg_underbar.png') repeat-x left bottom; }
.smart_left_menu .smart_lv3 {padding:10px 15px; height:57px; overflow:hidden;}
.smart_left_menu .smart_lv3 ul {height:37px; }
.smart_left_menu .smart_lv3 ul:after {content:""; clear:both; display:block;}
.smart_left_menu .smart_lv3 ul li {float:left;}
.smart_left_menu .smart_lv3 ul li a {display:block; padding:6px 14px; margin:5px 2px; border-radius:20px; background:#fff; border:1px solid #e4e4e4; font-size:13px;}
.smart_left_menu .smart_lv3 ul li.on a {background:#35bca6; color:#fff; border:1px solid #35bca6;}
.smart_left_menu .srch_area {background:#fff; padding:20px;}
.smart_left_menu .srch_area .srch_wrap {background:#f2f2f2 url('../images/smart/ico_srch.png') no-repeat 15px center; padding:10px 10px 10px 50px; border-radius:5px;}
.smart_left_menu .srch_area .srch_wrap > * {display:inline-block; vertical-align:middle;}
.smart_left_menu .srch_area .srch_wrap input {width:calc(100% - 50px); margin-right:10px; background:#f2f2f2; border:0;}
.smart_left_menu .srch_area .srchp_result_wrap {background:#f2f2f2 url('../images/smart/ico_srch.png') no-repeat 15px center; padding:10px 10px 10px 50px; border-radius:5px;}
.smart_left_menu .srch_area .srchp_result_wrap > * {display:inline-block; vertical-align:middle;}
.smart_left_menu .srch_area .srchp_result_wrap input {width:calc(100% - 50px); margin-right:10px; background:#f2f2f2; border:0;}
.smart_left_menu .down_area {background:#fff; padding:0 20px 20px;}
.smart_left_menu .down_area .down {border:1px solid #e4e4e4; border-radius:7px; padding:5px 22px 5px 12px; background:url('../images/smart/ico_download.png') no-repeat 95% center; font-size:13px;}
.smart_left_menu .down_area select {height:27px; border:1px solid #e4e4e4; padding:3px 22px 3px 12px; float:right; font-size:13px;}
.smart_left_menu .list_area {background:#fff; height:560px; overflow-y:scroll;  padding:0;}
.smart_left_menu .list_area > ul {border-top:1px solid #e0e0e0;}
.smart_left_menu .list_area > ul > li {}
.smart_left_menu .list_area > ul > li:hover {background:#f8f8f8;}
.smart_left_menu .list_area > ul > li > div {margin:0 20px; padding:30px 0; border-bottom:1px solid #e0e0e0;}
.smart_left_menu .list_area > ul > li > div:after {content:""; clear:both; display:block;}
.smart_left_menu .list_area > ul > li .l {float:left; width:calc(100% - 95px); margin-right:10px;}
.smart_left_menu .list_area > ul > li .r {float:left; width:85px; padding:0;}
.smart_left_menu .list_area > ul > li .r a {display:block;}
.smart_left_menu .list_area > ul > li .l .tit > * {display:inline-block; vertical-align:middle; }
.smart_left_menu .list_area > ul > li .l .tit a {font-family:'nbgb'; font-size:17px; width:calc(100% - 40px); line-height: 22px;}
.smart_left_menu .list_area > ul > li .l .tit span { width:20px; height:20px; border:3px solid #666; text-align:center; line-height:17px; border-radius:15px; font-size:10px; font-weight:bold; box-sizing:border-box; margin-right:7px;}
.smart_left_menu .list_area > ul > li .l p {padding-left:30px;}
.smart_left_menu .list_area > ul > li ul {padding-left:30px; margin-top:10px;}
.smart_left_menu .list_area > ul > li ul:after {content:""; clear:both; display:block;}
.smart_left_menu .list_area > ul > li ul li {float:left;}
.smart_left_menu .list_area > ul > li ul li span {display:inline-block; color:#777; font-size:13px; background:#fff; border-radius:5px; border:1px solid #e4e4e4; margin-right:5px; padding:3px 7px; margin-bottom:5px;}
.smart_left_menu .smart_toggle {position:absolute; right:-32px; top:220px; background:#fff url('../images/smart/ico_arr_r.png') no-repeat center center; width:34px; padding:30px 10px; text-indent:-999em; box-shadow:4px 3px 4px #a0a0a0; border-radius:0 10px 10px 0; z-index:10;}
.smart_left_menu .smart_toggle.on {background:#fff url('../images/smart/ico_arr_l.png') no-repeat center center;}

.slick-next {background:#fff url('../images/common/ico_ctrl_right.png') no-repeat center center !important; right:5px !important; z-index:10;}
.slick-prev {background:#fff url('../images/common/ico_ctrl_left.png') no-repeat center center !important; left:5px !important; z-index:10; color:#000;}
.slick-arrow:before {content:"" !important;}
.slick-arrow {padding:13px 10px !important; border:1px solid #e4e4e4 !important;}
.slick-list {width:calc(100% - 60px); margin:0 auto !important;}

.smart_lv2,
.smart_lv3,
.down_area,
.map_list {display:none; }
.no_map_list {height:100%; overflow:hidden; background:#f8f8f8; text-align:center; padding:0 20px;}
.no_map_list .no1 {color:#8b8b8b; font-size:23px; margin-top:50px;}
.no_map_list .no2 {color:#0ba5ff; font-size:29px;}
.no_map_list .no3 {color:#333; font-size:15px; margin:30px 0;}
.smart_body_wrap {overflow:hidden;}
.map_area {width:100%; height:100%; text-align:right;}
.map_area .map {display:inline-block; width:100%; height:100%; background-size:auto 100%; overflow:hidden;}
.smart_contents:after {content:""; clear:both; display:block;}

.target_unit {display:none; position:absolute; right:100px; top:100px; text-align:left; z-index:1;}
.target_detail {background:#fff; padding:20px; border-radius:5px;}
.target_detail .tit > * {display:inline-block; vertical-align:text-top; }
.target_detail .tit h3 {font-size:20px;}
.target_detail .tit a {font-size:11px; padding:7px 10px 5px; color:#fff; background:#0098f1; border-radius:5px;}
.target_detail .sub_tit {text-align: left; margin: 10px 0;}
.target_detail .sub_tit:after {clear:both; content:""; display:block;}
.target_detail .sub_tit p {font-size:14px; color:#555; display:inline-block; text-align:left; padding-top:8px;}
.target_detail .sub_tit .tools { float:right;}
.target_detail .sub_tit .tools a {display:inline-block; vertical-align:middle; width:34px; height:32px; text-align:center; background:#ebebeb; border-radius:5px; padding-top:5px;}
.target_detail .con {font-size:13px; margin: 15px 0 10px; padding-top:10px; border-top:1px solid #e0e0e0;}
.target_detail .con span {color:#0098f1;}
.target_detail .detail_box {border:1px solid #e0e0e0; border-bottom:0;}
.target_detail .detail_box th {background:#f1f1f1; border-bottom:1px solid #e0e0e0; padding:4px 6px; font-size:12px; text-align:center;}
.target_detail .detail_box td {border-bottom:1px solid #e0e0e0; padding:4px 6px; font-size:12px;}
.target_detail .point_info_close {position:absolute; right:20px; top:25px;}
.target_detail .bg_arr {position:absolute; right:50%; bottom:-12px; margin-right:-7px; width:13px; height:13px; display:block; background:url('../images/smart/bg_target_detail.png') no-repeat center center;}

.map_area {text-align:left;}
.map_area .map {position:relative; /* left:530px; */}
#roadWrap {display:block; position:absolute; top:0; /* left:100%; */ left:50%; width:50%;}
.map_area .road_btn_wrap {display:none; position:absolute; top:250px; right:30px; width:100px; height:100px; padding-top:5px;}
.map_area .road_btn_wrap a {display:block; width:100%; color:#fff; text-align:center; border-radius:20px; }
.map_area .road_btn_wrap .close_wrap {height:100px; background:#fff; border-radius:100px; padding-top:5px; margin-bottom:10px; box-shadow: 4px 3px 3px #484848;}
.map_area .road_btn_wrap a.road_close {font-size:20px; background:#f6694d; width:90px; height:90px; padding-top:30px; border-radius:100px; margin:0 auto; }
.map_area .road_btn_wrap a.road_full {font-size:14px; background:#0093e8; padding:10px 0; margin-bottom:10px; box-shadow: 4px 3px 3px #484848;}
.map_area .road_btn_wrap a.road_seperate {font-size:14px; background:#0093e8; padding:10px 0; box-shadow: 4px 3px 3px #484848;}

.rtarget_detail {position:relative;}
.rtarget_unit .tit {background:#233463; border-radius:10px 10px 0 0;}
.rtarget_unit .tit h3 {color:#fff; font-size:17px; font-weight:normal; padding:15px; text-align:center;}
.rtarget_unit .con {background:#fff; border-radius:0 0 10px 10px; font-size:14px; padding:20px;}
.rtarget_unit .con > span {display:block; margin-top:5px;}
.rtarget_unit .con .fc_sky {color:#0098f1;}
.rtarget_unit .con a.gobtn{display:inline-block; font-size: 11px; padding: 7px 10px 5px; color: #fff; background: #0098f1; border-radius: 5px; margin-top:5px;}
.rtarget_unit .point_info_close {position:absolute; top:15px; right:10px;;}
.rtarget_unit .bg_arr {position:absolute; right:50%; bottom:-12px; margin-right:-7px; width: 0px; height: 0px; border-left: 9px solid transparent; border-right: 8px solid transparent; border-top: 13px solid #fff;}


.busking{width: 100%;max-width: 1140px;padding: 13px 13px 13px 135px;border: 1px solid #e6e6e6;margin: 0 auto;background: url(../../theme/culture/images/busking_bg.gif) no-repeat right top;}
.bsk-tit{margin-bottom: 15px;font-weight: bold;font-size: 17px;color: #101793;}
.bsk-txt{font-size: 15px;line-height: 22px;color: #333333;}
.bsk-txt2{font-size: 15px;line-height: 22px;color: #685ba8;}

@media screen and (max-width: 768px) {
.busking{padding: 13px;}
}

.liplit-down-btn{display:inline-block;border-radius:7px;padding: 12px 20px;background: #1fade4;}
.liplit-down-btn span{display: block;padding-right: 24px;font-weight:normal; color:#ffffff;font-size: 15px;line-height: 20px;background: url(../../theme/mapo/images/sub/liplit_btn_bg.gif) no-repeat right center;}

@media screen and (max-width: 550px) {
	.btn-height-auto{width: 270px;height: auto;line-height: 25px;bottom: -28px}
}

.blue-step{text-align: center;font-size: 0;}
.blue-step > li{display: inline-block;vertical-align: middle;margin: 5px;}

.angle-btn{display: inline-block;padding: 5px 10px 5px 15px;font-size: 12px;line-height: 14px;color: #ffffff;background: #063673 url(/maponew/common/images/common/angle_btn_bg.gif) no-repeat left top;}

.image-ul{text-align: center;font-size: 0;}
.image-ul > ul > li{display: inline-block;vertical-align: middle;padding: 0px !important;margin: 2px !important;}
.image-ul > ul > li img{max-width: 100%;}

/*20191028*/
@media only screen and (max-width:768px){
	.blue-step > li{display: block;}
}

#tab1,#tab2,#tab3,#tab4,#tab5{background: #fffaf9;}

.tab-ico > li{text-align: center;float: left;width: calc((100% - 160px)/5);margin-left: 40px;}
.tab-ico > li:first-child{margin-left: 0px;}
.tab-ico > li > a > .img{height: 170px;border: 4px solid #e6e6e6;}
.tab-ico > li > a:hover > .img{border: 4px solid #399bd8;}
.tab-ico > li.li01 > a > .img{background: url(../../theme/mapo/images/sub/tab_ico01.gif) no-repeat center;}
.tab-ico > li.li02 > a > .img{background: url(../../theme/mapo/images/sub/tab_ico02.gif) no-repeat center;}
.tab-ico > li.li03 > a > .img{background: url(../../theme/mapo/images/sub/tab_ico03.gif) no-repeat center;}
.tab-ico > li.li04 > a > .img{background: url(../../theme/mapo/images/sub/tab_ico04.gif) no-repeat center;}
.tab-ico > li.li05 > a > .img{background: url(../../theme/mapo/images/sub/tab_ico05.gif) no-repeat center;}
.tab-ico > li > a > .ti-name{padding: 15px 0;font-size: 19px;line-height: 23px;color: #333333;}
.tab-ico > li > a:hover > .ti-name{padding: 15px 0 14px;border-bottom: 1px solid #399bd8;color: #399bd9;}

@media screen and (max-width: 768px) {
	.tab-ico > li{float: none;width: 100%;border: 1px solid #ccc;margin: 0px;margin-top: -1px;}
	.tab-ico > li > a > .img{display: none;}
	.tab-ico > li > a > .ti-name{padding: 5px 0;font-size: 14px;line-height: 18px;}
	.tab-ico > li > a:hover > .ti-name{padding: 5px 0 4px;}
	.tab-ico > li > a > .ti-name br{display: none;}
}

.tab-bg{background: #fffaf9 !important; }

@media screen and (max-width: 480px) {
.org .organ03_2{position:static;margin-top: 12px;}
}

@media screen and (max-width: 768px){
.org_ipp{top: 100%; left: 50%; margin-top: 10px; margin-left: -90px; z-index: 5;}
.org_ipp:before{left: 50%; margin-left: -5px; top: -5px; transform: rotate(90deg);}
.org_ipp.rt{top: 100%; left: 50%; right: auto; margin-top: 10px; margin-left: -90px;}
.org_ipp.rt:before{left: 50%; right: auto; margin-left: -5px; top: -5px; transform: rotate(90deg);}
.org .organ04-01 > li > .opp_sw .org_ipp{top: 100%;left: 0;right: 0;margin-top:-1px;margin-left: 0;width: 100%; border:1px solid #6073d2; }
.org .organ01 > .opp_sw .org_ipp{top: 80%; margin-top: 10px; left: 50%; margin-left: -90px;}
.org_ipp > p{font-size: 16px;line-height: 25px;}
}

.img-out{text-align: center;}
.img-out img{max-width: 100%;}
.ul-wid01{max-width: 360px;margin: 0 auto;}

.blue-down-btn{display: inline-block;vertical-align: middle;padding: 15px;border-radius: 5px;margin: 5px;font-size: 15px;line-height: 20px;color: #f5ff78;background: #578bd6;}
.blue-down-btn p{padding-right: 35px;background: url(../../theme/mapo/images/sub/blue_down_btn_bg.gif) no-repeat right center;}
.blue-down-btn p span{font-size: 13px;color: #ffffff;}


.slog-box2{text-align: center;min-height: 293px;background: url(../../theme/mapo/images/sub/slog_bg2.gif) no-repeat center;background-size: cover;overflow: hidden;}

.slog-box2 .font-shape-ul{padding: 70px 0;font-size: 0;}
.slog-box2 .font-shape-ul > li{display: inline-block;vertical-align: middle;margin: 20px 30px;}
.slog-box2 .font-shape-ul > li img{max-width: 100%;}

.p-txt-new{font-weight: bold;font-size: 20px;line-height: 24px;color: #333333;}

@media screen and (max-width: 550px) {
	.slog-box2 .font-shape-ul{max-width: 215px;margin: 0 auto;text-align: left;}
	.slog-box2 .font-shape-ul > li{margin: 20px 0;}
	.btn_file_down_bk_mid{font-size: 13px;padding: 0 25px 0 8px;}
}

.pop-style01{position: absolute;top: 200px;left: 50%;max-width: 800px;z-index: 99998;transform:translate(-50%, 0%);}
.pop-style01 img{max-width: 100%;}

@media screen and (max-width: 768px) {
	.pop-style01{left: 5%;width: 90%;margin-left: 0px;transform:translate(0%, 0%);}
}


@font-face {
	font-family: 'nbg';
	font-style: normal;
	font-weight: normal;
	src: local(⊃),
		url('../fonts/NanumBarunGothic.eot'),
		url('../fonts/NanumBarunGothic.woff') format('woff'),
		url('../fonts/NanumBarunGothic.otf') format('opentype'),
		url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumBarunGothic.woff2') format('woff2'),
		url('../fonts/NanumBarunGothic.ttf') format('truetype');
}

@font-face {
	font-family: 'nbgb';
	font-style: normal;
	font-weight: normal;
	src: local(⊃),
		url('../fonts/NanumBarunGothicBold.eot'),
		url('../fonts/NanumBarunGothicBold.woff') format('woff'),
		url('../fonts/NanumBarunGothicBold.otf') format('opentype'),
		url('../fonts/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumBarunGothicBold.woff2') format('woff2'),
		url('../fonts/NanumBarunGothicBold.ttf') format('truetype');
}

@font-face {
	font-family: 'nsb';
	font-style: normal;
	font-weight: normal;
	src: local(⊃),
		url('../fonts/NanumSquareB.eot'),
		url('../fonts/NanumSquareB.woff') format('woff'),
		url('../fonts/NanumSquareB.otf') format('opentype'),
		url('../fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumSquareB.woff2') format('woff2'),
		url('../fonts/NanumSquareB.ttf') format('truetype');
}
@font-face {
	font-family: 'nsr';
	font-style: normal;
	font-weight: normal;
	src: local(⊃),
		url('../fonts/NanumSquareRoundR.eot'),
		url('../fonts/NanumSquareRoundR.woff') format('woff'),
		url('../fonts/NanumSquareRoundR.otf') format('opentype'),
		url('../fonts/NanumSquareRoundR.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumSquareRoundR.woff2') format('woff2'),
		url('../fonts/NanumSquareRoundR.ttf') format('truetype');
}
@font-face {
	font-family: 'nsrb';
	font-style: normal;
	font-weight: normal;
	src: local(⊃),
		url('../fonts/NanumSquareRoundB.eot'),
		url('../fonts/NanumSquareRoundB.woff') format('woff'),
		url('../fonts/NanumSquareRoundB.otf') format('opentype'),
		url('../fonts/NanumSquareRoundB.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumSquareRoundB.woff2') format('woff2'),
		url('../fonts/NanumSquareRoundB.ttf') format('truetype');
}
@font-face {
	font-family: 'nsreb';
	font-style: normal;
	font-weight: normal;
	src: local(⊃),
		url('../fonts/NanumSquareRoundEB.eot'),
		url('../fonts/NanumSquareRoundEB.woff') format('woff'),
		url('../fonts/NanumSquareRoundEB.otf') format('opentype'),
		url('../fonts/NanumSquareRoundEB.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumSquareRoundEB.woff2') format('woff2'),
		url('../fonts/NanumSquareRoundEB.ttf') format('truetype');
}

.bbx-txt{font-family: 'nbgb';margin-top: 20px;margin-bottom: 5px;font-size: 19px;line-height: 23px;color: #333333;}
.bbx-txt .blue{text-decoration: underline;color: #4653f9;}
.bbx-txt2{font-size: 16px;line-height: 20px;color: #333333;}

.bbs-ul > li{padding-left: 12px;margin: 2px 0;font-size: 16px;line-height: 20px;color: #333333;background: url(../images/common/bbs_ul_bg.gif) no-repeat left 6px;}
.bbs-ul > li > ul > li{padding-left: 12px;background: url(../images/common/bbs_ul_bg2.gif) no-repeat left 10px;}

.mp-img-out{margin-top: 15px;}
.bbs-af{padding: 15px 20px 0;border-top: 1px solid #e0e0e0;margin-top: 20px;}
.bbs-af > p{float: left;width: 70px;margin-top: 5px;font-family: 'nbgb';font-size: 15px;line-height: 20px;color: #333333;}
.bbs-af .bbs-af-btns{float: left;width: calc(100% - 70px);}
.bbs-af .bbs-af-btns a{display: inline-block;vertical-align: middle;padding: 10px 18px;font-size: 15px;line-height: 19px;color: #ffffff;background: #787d85;}
.bbs-af .bbs-af-btns a span{display: block;padding-right: 20px;background: url(../images/common/down_btn_bg.gif) no-repeat right center;}

.mp-img-out2{margin-top: 20px;}
.mp-img-out2 .half-img{width: calc(50% - 10px);}
.mp-img-out2 .half-img p{text-align: center;padding: 15px;border: 1px solid #e4e4e4;border-top: none;font-size: 20px;line-height: 24px;color: #333333;background: #f8f8f8;}
.mp-img-out2 .half-left{float: left;}
.mp-img-out2 .half-right{float: right;}

.mp-img-out3{margin-top: 30px;}
.mp-img-out3 .title{text-align: center;padding: 15px;border: 1px solid #e4e4e4;border-top: none;font-size: 20px;line-height: 24px;color: #333333;background: #f8f8f8;}
.img-area .ia-cell{width: 50%;border-bottom: 1px solid #e4e4e4;float: left;}
.img-area .ia-cell:first-child{border-right: 1px solid #e4e4e4;}

@media screen and (max-width: 768px) {
	.mp-img-out2{max-width: 570px;margin: 20px auto 0;}
	.mp-img-out2 .half-img{width: 100%;}
	.mp-img-out2 .half-img p{font-size: 16px;line-height: 20px;}
	.mp-img-out2 .half-left{float: none;}
	.mp-img-out2 .half-right{float: none;margin-top: 10px;}
	.bbs-af > p{float: none;margin-bottom: 10px;}
	.bbs-af .bbs-af-btns{float: none;width: 100%;}
	.bbs-af .bbs-af-btns a{margin: 2px;}
}

@media screen and (max-width: 500px) {
	.mp-img-out3{max-width: 570px;margin: 20px auto 0;}
	.img-area .ia-cell{width: 100%;}
	.img-area .ia-cell:first-child{border-right: none;}
	.mp-img-out3 .title{font-size: 16px;line-height: 20px;}
}


.year-tab > ul > li{float: left;width: calc(100%/6);}
.year-tab > ul > li a{text-align: center;display: block;padding: 10px 0;font-size: 15px;line-height: 19px;background: #f4f4f4;}
.year-tab > ul > li.on a{padding: 9px 0;border: 1px solid #2c82ea;color: #2c82ea;background: #fff;}
.tb-tab-cont2 > div{display: none;}
.tb-tab-cont2 > div.on{display: block;}

.card-ul9 li {float:left; width:30.66%; margin-right:4%; margin-bottom:40px;border: 1px solid #d5d6da;}
.card-ul9 li:nth-child(3n) {margin-right:0;}
.card-ul9 li a{display: block;}
.card-ul9 li a .cont{height: 145px;padding: 25px 20px;}
.card-ul9 li a .tit{height: 52px;font-family: 'nbgb';font-size: 22px;line-height: 26px;color: #4a4a4a;overflow: hidden;}
.card-ul9 li a .date{padding-top: 10px;font-size: 14px;line-height: 18px;color: #767676;}

.card-ul9 li a .cov-out{position: relative;width: 100%;height: 60px;padding: 20px 20px;background: #f4f6f9;}
.card-ul9 li a .cov-out .cov-num{position: absolute;top: -11px;left: 20px;display: inline-block;padding: 2px 5px;font-size: 14px;line-height: 18px;color: #ffffff;background: #628ce7;}
.card-ul9 li a .cov-out .cov{max-width: 100%;font-family: 'nbgb';font-size: 14px;line-height: 18px;color: #628ce7;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.card-ul9 li {float:left; width:30.66%; margin-right:4%; margin-bottom:40px;border: 1px solid #d5d6da;}
.card-ul9 li:nth-child(3n) {margin-right:0;}
.card-ul9 li {display: block;}
.card-ul9 li .cont{height: 145px;padding: 25px 20px;}
.card-ul9 li .tit a{height: 52px;font-family: 'nbgb';font-size: 22px;line-height: 26px;color: #4a4a4a;overflow: hidden;}
.card-ul9 li .date a{padding-top: 10px;font-size: 14px;line-height: 18px;color: #767676;}

.card-ul9 li .cov-out{position: relative;width: 100%;height: 60px;padding: 20px 20px;background: #f4f6f9;}
.card-ul9 li .cov-out .cov-num a{position: absolute;top: -11px;left: 20px;display: inline-block;padding: 2px 5px;font-size: 14px;line-height: 18px;color: #ffffff;background: #628ce7;}
.card-ul9 li .cov-out .cov a{max-width: 100%;font-family: 'nbgb';font-size: 14px;line-height: 18px;color: #628ce7;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

@media screen and (max-width: 768px) {
	.card-ul9 li {float:none; width:100%; margin-right:0; margin-bottom:20px; }
}

@media screen and (max-width: 767px) {
	.year-tab > ul > li{width: 33.3%;}
}

@media screen and (max-width: 400px) {
	.year-tab > ul > li{width: 50%;}
}


.pop-cont-p{position: relative;}
.pop-btns{text-align: center;position: absolute;left: 10%;bottom: 40px;width: 80%;font-size: 0;}
.pop-btns > a{display: inline-block;vertical-align: middle;width: calc((100% - 30px)/4);padding: 20px 0;border-radius: 15px;}
.pop-btns > a.pb-bg01{background: #5593c8;}
.pop-btns > a.pb-bg02{background: #44a97f;margin-left: 10px;}
.pop-btns > a.pb-bg03{background: #44b8b7;margin-left: 10px;}
.pop-btns > a.pb-bg04{background: #fd7d72;margin-left: 10px;}
.pop-btns > a span{display: block;padding-bottom: 50px;font-family: 'nsrb';font-size: 19px;line-height: 24px;color: #ffffff;background: url(../images/common/pb_btn_bg.png) no-repeat center bottom;}


@media screen and (max-width: 1100px) {
	.pop-btns > a{padding: 10px 0;}
	.pop-btns > a span{padding-bottom: 0px;background: none;}
}

@media screen and (max-width: 768px) {
	.pop-btns > a{padding: 20px 0;}
	.pop-btns > a span{display: block;padding-bottom: 50px;font-family: 'nsrb';font-size: 19px;line-height: 24px;color: #ffffff;background: url(../images/common/pb_btn_bg.png) no-repeat center bottom;}
}

@media screen and (max-width: 600px) {
	.pop-btns > a{padding: 10px 0;}
	.pop-btns > a span{padding-bottom: 0px;background: none;}
}

@media screen and (max-width: 500px) {
	.pop-btns > a span{font-size: 14px;line-height: 18px;letter-spacing: -1px;}
}



.spitecement-tit > div span.gsc-tit{font-weight: normal;font-size: 26px;line-height: 32px;}
.spitecement-tit > div span.gsc-tit strong{font-weight: normal;font-size: 33px;line-height: 44px;}
.spitecement-tit > div p.gsc-txt{margin-top: 25px;font-size: 17px;line-height: 22px;color: #fff;}
.cultural-alt-con > p.p2{font-size: 24px;line-height: 28px;}

.gsc-img-txt{position: relative;margin-bottom: 100px;}
.gsc-img-txt .img{position: relative;width: 100%;max-width: 580px;z-index: 10;box-shadow: 10px 10px 10px rgba(0,0,0,0.2);}
.gsc-img-txt .img img{max-width: 100%;}
.gsc-img-txt .text-right{position: absolute;bottom: -40px;right: 0px;width: 695px;padding: 30px 30px 30px 100px;border: 1px solid #e8e8e8;background: #f6f6f6;}
.gsc-img-txt .text-right > ul > li{padding: 20px 0;border-top: 1px solid #dedede;font-size: 17px;line-height: 21px;color: #555555;}
.gsc-img-txt .text-right > ul > li:first-child{border-top: none;}
.gsc-img-txt .text-right > ul > li.address{padding-left: 60px;font-weight: bold;font-size: 20px;line-height: 24px;color: #333333;background: url(../images/common/address_ido.gif) no-repeat left center;}
.gsc-img-txt .text-right > ul > li .bold-head{display: inline-block;vertical-align: middle;width: 55px;margin-right: 15px;font-weight: bold;font-size: 17px;line-height: 21px;color: #333;}
.gsc-img-txt .text-right > ul > li .purple{font-family: 'nbgb';font-size: 17px;line-height: 21px;color: #4647db;}

.gsc-map-out img{max-width: 100%;}

@media screen and (max-width: 768px) {
	.gsc-img-txt .img{margin: 0 auto;box-shadow: none;}
	.gsc-img-txt .text-right{position: static;width: 100%;max-width: 500px;padding: 20px;margin: 0 auto;}
	.gsc-img-txt{margin-bottom: 50px;}
}

.pc-none{display: none;}


.crn-pop{position: absolute;left: 50%;top: 200px;width: 800px;margin-left: -400px;z-index: 100;}
.crn-pop img{max-width: 100%;}
.crn-close{text-align: right;}
.crn-close img{width: 30px;}
.crn-tit{text-align: center;padding: 15px;background: #1f4a7e;}
.crn-sub-tit{text-align: center;width: 100%;margin-top: -15px;font-weight: 600;font-size: 18px;line-height: 22px;color: #bcd1ea;}
.crn-sub-tit span{font-weight: 600;font-size: 18px;line-height: 22px;color: #ff949d;}
.crn-art{padding: 15px 30px;border: 4px solid #1f4a7e;background: #ececec;}
.gov-solution{width: 720px;margin: 0 auto;}
.gov-solution .contact-gov{float: left;margin-top: 10px;}
.gov-solution .briefing-link{float: right;}

.gov-solution .crt-status{float: left;width: calc(100% - 180px);}
.gov-solution .crt-status .warning{float: left;text-align: center;width: 120px;height: 108px;padding: 18px 0;border-radius: 7px;font-size: 16px;line-height: 20px;color: #ffffff;background: #f26e6b;box-sizing: border-box;}
.gov-solution .crt-status .warning .sp1{display: block;margin-bottom: 15px;font-size: 19px;line-height: 25px;color: #ffffff;}
.gov-solution .crt-status .warning .sp2{font-weight: 600;font-size: 22px;line-height: 26px;color: #ffffff;}
.gov-solution .crt-status .stat-detail{float: right;width: calc(100% - 130px);border-radius: 7px;background: #fff;overflow: hidden;}
.gov-solution .crt-status .stat-detail > ul > li{float: left;width: 50%;height: 54px;padding: 16px 20px;box-sizing: border-box;}
.gov-solution .crt-status .stat-detail > ul > li .sp-left{float: left;font-size: 15px;line-height: 20px;color: #535353;}
.gov-solution .crt-status .stat-detail > ul > li .sp-right{float: right;font-weight: 600;font-size: 15px;line-height: 20px;color: #535353;}
.gov-solution .crt-status .stat-detail > ul > li.li01{border-bottom: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;}
.gov-solution .crt-status .stat-detail > ul > li.li02{border-bottom: 1px solid #e1e1e1;}
.gov-solution .crt-status .stat-detail > ul > li.li03{border-right: 1px solid #e1e1e1;}
.gov-solution .crt-status2{float: left;width: calc(100% - 180px);background: #fff;}
.gov-solution .crt-status2 p{text-align: center;padding: 17px 10px;font-size: 16px;line-height: 20px;color: #535353;}
.gov-solution .crt-status2 p.p1{border: 1px solid #ff5967;color: #f64453;}
.gov-solution .crt-status2 p.p2{border: 1px solid #606060;border-top: none;}

.pop-tit-style01{padding: 5px 0;padding-left: 40px;margin-bottom: 10px;font-weight: 700;font-size: 20px;line-height: 25px;color: #363232;background: url(../images/common/crn_pop_bg.gif) no-repeat left center;}
.pop-tit-style01 span{font-weight: 600;font-size: 16px;color: #535353;}
.pop-gb-group{text-align: center;margin-top: 15px;}
.pop-gb-group a{display: inline-block;vertical-align: middle;margin: 5px 0;}
.pop-gb-group a:first-child{float: left;}
.pop-gb-group a:last-child{float: right;}
.arcodian{position: relative;margin-top: 15px;}
.arcodian .arc-title{padding: 5px 0;padding-left: 40px;font-weight: 700;font-size: 20px;line-height: 25px;color: #363232;background: url(../images/common/crn_pop_bg.gif) no-repeat left center;}
.arc-more-btn{position: absolute;right: 0px;top: 0px;}
.arc-list{margin-top: 10px;}
.arc-list > li{border-top: 1px solid #fff;}
.arc-list > li:first-child{border-top: none;}
.arc-list > li > .arc-tit{display: block;padding: 10px 12px;background: #30829a;}
.arc-list > li > .arc-tit .art-name{float: left;max-width: calc(100% - 95px);display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;line-height: 20px;color: #fff;}
.arc-list > li > .arc-tit .arc-date{float: right;font-size: 14px;line-height: 20px;color: #ffffff;}
.arc-list > li > .arc-cont{display: none;height: 220px;padding: 15px;overflow-y: auto;background: #fff;}
.pop-bottom-logo{text-align: center;padding: 20px 0 10px;}

@media screen and (max-width: 900px) {
	.crn-pop{margin-left: -300px;}
}

@media screen and (max-width: 768px) {
	.crn-pop{left: 5%;width: 90%;margin-left: 0px;z-index: 49;}
	.gov-solution{text-align: center;width: 100%;margin: 0 auto;}
	.gov-solution .crt-status{float: none;width: 100%;}
	.gov-solution .briefing-link{float: none;display: inline-block;margin-top: 20px;}
	.gov-solution .crt-status2{float: none;width: 100%;}
	.pop-gb-group a:first-child{float: none;}
	.pop-gb-group a:last-child{float: none;}
}

@media screen and (max-width: 767px) {
	.crn-sub-tit{margin-top: -5px;}
	.pc-none{display: block;}
}

@media screen and (max-width: 650px) {
	.gov-solution .crt-status .warning{text-align: center;float: none;width: 100%;height: auto;padding: 5px 0;margin-bottom: 5px;}
	.gov-solution .crt-status .warning .sp1{display: inline;}
	.gov-solution .crt-status .stat-detail{width: 100%;}
}

@media screen and (max-width: 520px) {
	.gov-solution .crt-status .stat-detail > ul > li{float: none;width: 100%;border-bottom: 1px solid #e1e1e1;}
	.gov-solution .crt-status .stat-detail > ul > li.li01{border-right: none;}
	.gov-solution .crt-status .stat-detail > ul > li.li03{border-right: none;}
	.gov-solution .crt-status .stat-detail > ul > li.li04{border-bottom: none;}
}

@media screen and (max-width: 450px) {
	.crn-pop{left: 2%;width: 96%;}
	.crn-art{padding: 15px 10px;}
	.arcodian .arc-title{padding: 5px 0;font-size: 16px;background: none;}
	.crn-sub-tit{font-size: 14px;line-height: 18px;}
	.crn-sub-tit span{font-size: 14px;line-height: 18px;}
}

/*신규 수정*/
.status-table tr:first-child td{border-top: 1px solid #606060;}
.status-table td{text-align: center;padding: 15px 5px;border-right: 1px solid #606060;border-bottom: 1px solid #606060;}
.status-table td:first-child{border-left: 1px solid #606060;color: #f64453;}


.close-crnc{position: absolute;top: 13px;right: 15px;}
.crnc-head{padding: 20px;background: #0c2d55;}
.crnc-head > p{float: left;margin-left: 10px;font-family: 'nsb';font-size: 32px;line-height: 36px;color: #ffffff;}
.crnc-head > p span{font-family: 'nsb';font-size: 32px;line-height: 36px;color: #fff225;}
.crnc-head > h1{float: left;}
.crnc-sub-head{position: relative;padding: 15px 15px 15px 75px;background: #d15c7d;}
.crnc-sub-head .light-bg{position: absolute;left: 35px;bottom: 0px;}
.crnc-sub-head .part-info{display: inline-block;vertical-align: middle;font-family: 'nsb';font-size: 18px;line-height: 22px;color: #ffffff;}
.crnc-sub-head .part-info span{font-family: 'nsb';font-size: 18px;line-height: 22px;color: #fff225;}
.crnc-sub-head .cut-bg{display: inline-block;vertical-align: middle;color: #fff;}

.crnc-art{padding: 20px 25px;border: 3px solid #0c2d55;border-top: none;background: #ffffff;}
.crnc-txt{padding-left: 25px;margin-bottom: 10px;font-family: 'nsreb';font-size: 17px;line-height: 22px;color: #3b3b3b;background: url(../images/common/crnc_txt_bg.gif) no-repeat left 1px;}
.crnc-txt span{font-family: 'nsrb';font-size: 15px;color: #3b3b3b;}

.status-table2 tr:first-child td{border-top: 3px solid #000000;}
.status-table2 td{text-align: center;padding: 15px 5px;border-right: 3px solid #000000;border-bottom: 3px solid #000000;font-family: 'nsreb';}
.status-table2 td:first-child{border-left: 3px solid #000000;color: #f35b68;}

.crnc-btns{margin: 25px 0;}
.crnc-btns > li{padding: 0 15px;width: calc(50% - 1px);margin-top: 2px;background: #418e9c;}
.crnc-btns > li:nth-child(2n){float: right;}
.crnc-btns > li:nth-child(2n-1){float: left;}
.crnc-btns > li a{display: block;padding: 13px 0;font-size: 18px;line-height: 22px;color: #ffffff;background: url(../images/common/crnc_btns_bg.png) no-repeat right center;}

.arc-more-btn{font-family: 'nsr';}

.arcodian.arcodian2 .arc-list{border-top: 1px solid #626262;}
.arcodian.arcodian2 .arc-list > li{border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.arcodian.arcodian2 .arc-list > li > .arc-tit{background: #f4f4f4;}
.arcodian.arcodian2 .arc-list > li > .arc-tit .art-name{font-family: 'nbgb';font-size: 16px;line-height: 20px;color: #242424;}
.arcodian.arcodian2 .arc-list > li > .arc-tit .arc-date{color: #535353;}

.hospital{padding: 12px 15px;margin-top: 20px;background: #418e9c;}
.hos-info{float: left;font-family: 'nsreb';font-size: 17px;line-height: 22px;color: #ffffff;}
.hos-info span{font-family: 'nsreb';font-size: 17px;line-height: 22px;color: #fff225;}
.hospital-btn{float: right;display: inline-block;vertical-align: middle;padding: 10px 20px;border-radius: 6px;background: #f6e557;}
.hospital-btn span{display: block;padding-left: 25px;font-family: 'nsreb';font-size: 14px;line-height: 20px;color: #3a3434;background: url(../images/common/hospital_btn_bg.png) no-repeat left center;}

.hospital2{padding: 10px 10px;margin-top: 0px;background: #ffffff;}
.hos-info2{float: left;font-family: 'nsreb';font-size: 17px;line-height: 34px;color: #000000;}
.hos-info2 span{font-family: 'nsreb';font-size: 17px;line-height: 22px;color: #3b1e1e;}
.hospital2-btn{float: right;display: inline-block;vertical-align: middle;padding: 10px 25px;border-radius: 8px;background: #418e9c;}
.hospital2-btn span{display: block;padding: 5px 0px;padding-left: 64px;font-weight: bold;font-size: 14px;line-height: 18px;color: #ffffff;background: url(../images/common/mask_btn.png) no-repeat left center;}


@media screen and (max-width: 767px) {
	.crnc-head > p{font-size: 24px;}
	.crnc-head > p span{font-size: 24px;}
	.crnc-sub-head{text-align: center;padding: 15px;}
	.crnc-sub-head .light-bg{display: none;}
	.crnc-sub-head .part-info{display: block;}
	.crnc-sub-head .cut-bg{display: none;}
}

@media screen and (max-width: 650px) {
	.crnc-btns > li{float: none;width: 100%;}
	.hospital{text-align: center;}
	.hos-info{float: none;}
	.hospital-btn{float: none;margin-top: 15px;}
}


@media screen and (max-width: 650px) {
	.crnc-btns > li{float: none;width: 100%;}
	.hospital2{text-align: center;}
	.hos-info2{float: none;}
	.hospital2-btn{float: none;margin-top: 15px;}
}

@media screen and (max-width: 600px) {
	.crnc-head > h1{display: none;}
	.crnc-head > p{float: none;margin-left: 0px;}
}

@media screen and (max-width: 500px) {
	.crnc-head > p{font-size: 18px;}
	.crnc-head > p span{font-size: 18px;}
}

@media screen and (max-width: 400px) {
	.crnc-head{padding: 13px 15px;}
	.close-crnc img{width: 30px;}
	.crnc-head > p{font-size: 16px;line-height: 30px;}
	.crnc-head > p span{font-size: 16px;line-height: 30px;}
	.crnc-sub-head .part-info{font-size: 15px;letter-spacing: -1px;}
	.crnc-sub-head .part-info span{font-size: 15px;}
	.crnc-art{padding: 15px;}
}


.crn-pop-pos2{left: 48%;margin-left: -580px;max-width: 700px;}

.crnc-head2{padding: 20px;background: #0d3f7c;}
.crnc-head2 > p{float: left;margin-left: 10px;font-family: 'nsb';font-size: 32px;line-height: 36px;color: #ffffff;}
.crnc-head2 > p span{font-family: 'nsb';font-size: 32px;line-height: 36px;color: #fff225;}
.crnc-head2 > h1{float: left;margin-top: 3px;}

.crnc-sub-head2{padding: 15px 35px;border-left: 3px solid #0d3f7c;border-right: 3px solid #0d3f7c;background: #d15c7d;}
.crnc-sub-head2 .part-info{display: inline-block;vertical-align: middle;font-family: 'nsb';font-size: 18px;line-height: 22px;color: #ffffff;}
.crnc-sub-head2 .part-info span{font-family: 'nsb';font-size: 18px;line-height: 22px;color: #fff225;}
.crnc-sub-head2 .cut-bg{display: inline-block;vertical-align: middle;color: #fff;}

.status-table3 tr:first-child td{border-top: 1px solid #000000;}
.status-table3 th{padding: 15px 5px;border-top: 1px solid #cccccc;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;font-family: 'nsreb';font-weight: bold;font-size: 17px;color: #ffffff;}
.status-table3 th:first-child{border-left: 1px solid #cccccc;}
.status-table3 td{text-align: center;padding: 15px 5px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;font-family: 'nsreb';font-weight: bold;font-size: 17px;color: #535353;}
.status-table3 td:first-child{border-left: 1px solid #cccccc;}
.status-table3 th.td01{background: #f57c86;}
.status-table3 th.td02{background: #5a77a0;}
.status-table3 th.td03{background: #71a058;}

@media screen and (max-width: 1160px) {
	.crn-pop-pos2{left: 2%;width: 96%;margin-left: 0px;}
}

@media screen and (max-width: 768px) {
	.crn-pop-pos2{left: 2%;width: 96%;max-width: 800px;margin-left: 0px;}
}

@media screen and (max-width: 767px) {
	.crnc-head2 > p{font-size: 24px;letter-spacing: -1px;}
	.crnc-head2 > p span{font-size: 24px;}
	.crnc-sub-head2{text-align: center;padding: 15px;}
	.crnc-sub-head2 .part-info{display: block;}
	.crnc-sub-head2 .cut-bg{display: none;}
}

@media screen and (max-width: 600px) {
	.crnc-head2 > h1{display: none;}
	.crnc-head2 > p{float: none;margin-left: 0px;}
}

@media screen and (max-width: 460px) {
	.crnc-head2 > p{font-size: 20px;}
	.crnc-head2 > p span{font-size: 20px;}
}

@media screen and (max-width: 400px) {
	.crnc-head2 > p{line-height: 20px;}
	.crnc-head2 > p span{line-height: 20px;}
	.crnc-sub-head2 .part-info{font-size: 15px;letter-spacing: -1px;}
	.crnc-sub-head2 .part-info span{font-size: 15px;}
}

@media screen and (max-width: 350px) {
	.crnc-head2 > p{font-size: 18px;}
	.crnc-head2 > p span{font-size: 18px;}
}

.text-pop{position: absolute;left: 48%;top: 200px;width: 510px;margin-left: 130px; z-index:100}
.tp-head{padding: 20px 15px;background: #0d3f7c;}
.tp-head p{font-weight: bold;font-size: 27px;line-height: 31px;color: #ffffff;}

.tp-cont{padding: 20px 15px;border: 3px solid #c0c0c0;background: #ffffff;}
.tp-text1{font-weight: bold;font-size: 15px;line-height: 22px;color: #333333;}
.tp-text2{margin-top: 20px;font-size: 15px;line-height: 22px;color: #333333;}

@media screen and (max-width: 1160px) {
	.text-pop{left: 730px;margin-left: 0px;}
}

@media screen and (max-width: 768px) {
	.text-pop{position: absolute;left: 2%;top: 950px;width: 96%;margin-left: 0px;}
}

@media screen and (max-width: 650px) {
	.text-pop{top: 1240px;}
}

@media screen and (max-width: 400px) {
	.tp-head p{font-weight: bold;font-size: 20px;line-height: 20px;color: #ffffff;}

}

.bg-out{padding: 5px;margin-top: 10px;background: url(../images/common/out_bg.gif) repeat center;}
.bg-out-in{padding: 10px;background: #ffffff;}
.boi{float: left;padding: 10px 0;font-weight: bold;font-size: 16px;color: #3b1e1e;}
.talk-btn{float: right;display: inline-block;vertical-align: middle;padding: 10px 15px;border-radius: 8px;background: #f6e557;}
.talk-btn span{display: block;padding: 5px 0px;padding-left: 34px;font-weight: bold;font-size: 14px;line-height: 18px;color: #3b1e1e;background: url(../images/common/talk_ico.gif) no-repeat left center;}

@media screen and (max-width: 767px) {
	.bg-out-in{text-align: center;}
	.boi{text-align: left;float: none;}
	.boi br{display: none;}
}


.pop-card{position: relative;width: 100%;max-width: 450px;padding: 25px;margin: 40px auto;}
.pop-card01{position:relative; min-height: 412px;background: url(../images/common/pop_bg01.jpg) no-repeat center top; background-color:#345193; clear:both; overflow:hidden; }
.pop-card02{height: 515px;background: url(../images/common/pop_bg02.jpg) no-repeat center;}
.pop-card03{max-width: 850px;height: 955px;background: url(../images/common/pop_bg03.jpg) no-repeat center;}
.pop-card04{height: 610px;background: url(../images/common/pop_bg04.jpg) no-repeat center;}
.pcd-close{position: absolute;top: 20px;right: 20px;}
.pcd-name{text-align: center;margin-bottom: 20px;}
.pcd-name img{max-width: 100%;}
.pcd-enter{position: relative;padding: 25px 50px;border-radius: 15px;background: #ffffff;overflow: hidden;}
.pcd-enter input{width: 100%;border: none;margin-bottom: 4px;font-size: 15px;color: #323232;background: #f0f0f1;}
.pcd-search{text-align:center;display: block;padding: 10px;border-radius: 5px;margin: 7px 0 0px 0;font-size: 22px;line-height: 26px;color: #fefeff;background: #4f4c4c;box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
.state_due_2 { position:relative; width:100%; padding:20px 0; text-align:center; clear:both; overflow:hidden; }
.btn_clear { position:relative; margin:30px 0; height:auto; clear:both; }
.btn_search2{display: block;padding: 10px;border-radius: 5px;margin-top: 7px;font-size: 22px;line-height: 26px;color: #fefeff;background: #4f4c4c;box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
.pcd-info{margin: 15px 0 80px;font-size: 15px;line-height: 20px;color: #2b2b2b;}
.pbt-left{display: block;position: absolute;left: 0px;bottom: 0px;width: calc(50% - 1px);padding: 25px 0px;background: #f0f0f0;}
.pbt-left span{display: inline-block;padding-left: 35px;background: url(../images/common/pbt_bg01.gif) no-repeat left center;}
.pbt-left img{max-width: 100%;}
.pbt-right{display: block;position: absolute;right: 0px;bottom: 0px;width: calc(50% - 1px);padding: 25px 0px;background: #f0f0f0;}
.pbt-right span{display: inline-block;padding-left: 40px;background: url(../images/common/pbt_bg02.gif) no-repeat left center;}
.pbt-right img{max-width: 100%;}
.pcd-txt-out{text-align: left;padding: 25px;border-radius: 15px;background: #ffffff;}
.pcd-title{margin-bottom: 10px;font-weight: bold;font-size: 20px;line-height: 24px;color: #333333;}
.pcd-gray-box{padding: 17px;border: 1px solid #e0e0e0;background: #f6f6f6;}

.pcd-ul > li{padding: 5px 0;padding-left: 15px;text-indent: -15px;font-size: 15px;line-height: 20px;color: #333333;}
.pcd-ul > li span{font-weight: bold;}
.pcd-ul > li > ul > li{text-indent: 0px;padding: 3px 0;padding-left: 15px;font-size: 15px;line-height: 20px;color: #333333;background: url(../images/common/pcd_bullet1.gif) no-repeat left 4px;}
.pcd-ul > li > ul > li.pcd-blue-ft{padding-left: 13px;font-size: 14px;line-height: 18px;color: #3b5695;background: url(../images/common/pcd_bullet3.gif) no-repeat left 4px;}
.pcd-ul > li > ul > li > ul > li{padding: 2px 0;padding-left: 10px;background: url(../images/common/pcd_bullet2.gif) no-repeat left 8px;}
.pcd-ul > li > ul > li > ul > li.pcd-blue-ft{padding-left: 13px;font-size: 14px;line-height: 18px;color: #3b5695;background: url(../images/common/pcd_bullet3.gif) no-repeat left 4px;}

.ipt-shape{border-radius: 5px;margin-bottom: 4px;font-size: 0;background: #f0f0f1;}
.ipt-shape label{text-align: left;display: inline-block;vertical-align: top;width: 80px;padding: 10px;font-weight: bold;font-size: 15px;line-height: 20px;color: #323232;}
.ipt-shape input{vertical-align: middle;width: calc(100% - 80px);height: 40px;margin-bottom: 0px;}
.ipt-shape textarea{width: calc(100% - 80px);height: 90px;border: none;background: #f0f0f1;}
.pcd-up{display: block;padding: 10px;border-radius: 5px;margin-top: 7px;font-size: 22px;line-height: 26px;color: #fefeff;background: #3a80d8;box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}

@media screen and (max-width: 768px) {
	.pop-card03{height: auto;background-size: cover;}
}

@media screen and (max-width: 450px) {
	.pop-card{padding: 25px 15px;}
	.pop-card01{height: auto;background-size: cover;}
	.pop-card02{height: auto;background-size: cover;}
	.pcd-close{top: 15px;}
	.pcd-close img{width: 30px;}
	.pcd-enter{padding: 25px 20px;}
	.pbt-left span{padding: 0;background: none;}
	.pbt-right span{padding: 0;background: none;}
}

.pbt-left2{display: block;position: absolute;left: 0px;bottom: 0px;width: calc(50% - 1px);padding: 25px 0px;background: #ffffff;}
.pbt-left2 span{display: inline-block;padding-left: 35px;background: url(../images/common/pbt_bg01.gif) no-repeat left center;}
.pbt-left2 img{max-width: 100%;}
.pbt-right2{display: block;position: absolute;right: 0px;bottom: 0px;width: calc(50% - 1px);padding: 25px 0px;background: #ffffff;}
.pbt-right2 span{display: inline-block;padding-left: 40px;background: url(../images/common/pbt_bg02.gif) no-repeat left center;}
.pbt-right2 img{max-width: 100%;}

.c_txt_b{border:2px solid #e1e1e1; border-radius:2em;padding:20px;}
.c_txt_b2{border:2px solid #e1e1e1; border-radius:1em;padding:5px; color:red}

.gs-left{float: left;width: calc(100% - 220px);}
.gs-left > table > thead > tr > th{padding: 14px;font-size: 17px;color: #ffffff;}
.gs-left > table > thead > tr > th:first-child{background: #df6587;}
.gs-left > table > thead > tr > th:last-child{background: #5a77a0;border-right: 1px solid #5a77a0;}
.gs-left > table > tbody > tr > td{text-align: center;padding: 14px;border-bottom: 1px solid #d3d3d3;border-right: 1px solid #d3d3d3;font-weight: bold;font-size: 16px;color: #535353;}
.gs-left > table > tbody > tr > td:first-child{border-left: 1px solid #d3d3d3;}
.gs-left > table > tbody > tr > td.red{color: #df6587;}
.gs-left > table > tbody > tr > td.blue{color: #5a77a0;}


.gs-right{float: right;width: 210px;}

.gs-btn{text-align: center;display: block;padding: 16px 10px;}
.gs-btn01{background: #016076;}
.gs-btn02{background: #dd903b;}

@media screen and (max-width: 767px) {
	.gs-left{float: none;width: 100%;}
	.gs-right{float: none;width: 100%;margin-top: 10px;}
	.gs-btn{padding: 10px;}
}

.crnc-head2{background: #0b2d58;}
.crnc-sub-head2{border-left: 3px solid #0b2d58;border-right: 3px solid #0b2d58;background: #3682d0;}

.gs-left > table > thead > tr > th:first-child{background: #ff7777;}
.gs-left > table > thead > tr > th:last-child{background: #4b6795;border-right: 1px solid #4b6795;}
.gs-left > table > tbody > tr > td.red{color: #f94848;}
.gs-left > table > tbody > tr > td.blue{color: #5A5A5A;}

.gs-btn{text-align: left;padding: 12px 0px;border: 1px solid #d0d0d0;box-sizing: border-box;}
.gs-btn01{background: #fff;}
.gs-btn02{background: #fff;margin-top: -1px;}

@media screen and (max-width: 767px) {
	.gs-btn{text-align: center;}
}


.gray-out{padding: 15px;border: 1px solid #e7e7e7;background: #fafafa;}
.gray-out .go-tit{float: left;padding: 5px 0 5px 45px;margin-right: 30px;font-weight: bold;font-size: 17px;line-height: 10px;color: #111111;}
.gray-out .go-cont{float: left;width: calc(100% - 148px);margin-top: 10px;}

.dy-right{text-align: right;margin-top: 15px;}

@media screen and (max-width: 767px) {
	.gray-out .go-tit{float: none;margin: 0;}
	.gray-out .go-cont{float: none;width: 100%;}
}


.tab-ul{margin: 20px 0;}
.tab-ul > li{float: left;width: 33.33%;}
.tab-ul > li > a{font-family: 'nsrb';font-size: 17px;color:#666; background:#f4f4f4; display:inline-block; width:100%; height:56px; line-height:54px; text-align:center; border:1px solid #d5d5d5; border-left:0; vertical-align:middle;}
.tab-ul > li > a:hover{text-decoration: none;}
.tab-ul > li:first-child > a{border-left:1px solid #d5d5d5;}
.tab-ul > li.on > a{color: #2c82ea;background: #fff;border: 1px solid #2c82ea;}

.tab-ul-cont > div{display: none;}
.tab-ul-cont > div.on{display: block;}

.tb-wid01 table, .tb-wid01 .tbl_topline, .tb-wid01 .tbl_botline{width: 100%;max-width: 1105px;min-width: 700px;}
.tb-wid01{overflow-x: auto;}

@media screen and (max-width: 768px) {
	.tab-ul > li{float: none;width: 100%;}
	.tab-ul > li > a{border:1px solid #d5d5d5;border-top: none;height:40px; line-height:40px;}
	.tab-ul > li:first-child > a{border:1px solid #d5d5d5;}
	.tab-ul > li.on > a{border: 1px solid #2c82ea;}
	
	.mapway_area {background:none; padding:20px;}
	.mapway_box .maptab_wrap ul {width:100%;}
	.mapway_box .maptit h3 {font-size:30px;}
	.mapway_box .maparea ul li {height:300px;}
}

.mapway_area {background:#fff url('../images/bg_main_map.png') no-repeat center 380px; padding-top:70px; padding-bottom:170px;}
.mapway_box {width:1200px; margin:0 auto; text-align:center;}
.mapway_box .maptit {position: relative; display: inline-block; background: url('../images/bg_sub_tit_underbar.png') repeat-x center 95%; }
.mapway_box .maptit h3 {display: inline-block; font-size: 40px; color: #111; font-family: 'nsr';}
.mapway_box .maptab_wrap {margin:30px 0;}
.mapway_box .maptab_wrap ul {width:600px; margin:0 auto;}
.mapway_box .maptab_wrap ul:after {content:""; clear:both; display:block;}
.mapway_box .maptab_wrap ul li {float:left; width:33.33%;}
.mapway_box .maptab_wrap ul li a {display:block; text-align:center; color:#777; border:1px solid #d5d5d5; border-left:0; font-size:17px; padding:15px 0;}
.mapway_box .maptab_wrap ul li:first-child a {border-left:1px solid #d5d5d5; }
.mapway_box .maptab_wrap ul li a.on {color:#333; border:1px solid #070707;}
.mapway_box .maparea ul li {display:none; width:100%; height:420px; background:#f2f2f2;}
.mapway_box .maparea ul li:first-child {display:block;}

/*  2020/7/15 */
.tp_layer{background: #8ebbf3; padding: 20px 0 6px; min-width: 1200px;}
.tpl_wp{width: 1200px; margin: 0 auto; }
.tpl_cbk{overflow: hidden;}
.tpl_wp .clo{text-align: right; margin-top: 1px;}
.tpl_wp .clo > a{display: inline-block; font-size: 15px; color: #fff; line-height: 20px; padding: 3px 0; padding-right: 25px; background: url(/design/common/images/common/ico_srchp_close.png) right center no-repeat;}
.tpl_wp .clo input{height: auto;}

.tpl_left{width: 487px;float: left;}
.tpl_left > .tit {    background: #3e5c93;    padding: 31px 20px;    text-align: center;    border-radius: 12px 12px 0 0;}
.tpl_left > .tit h4{display: inline-block; padding: 2px 0; padding-left: 45px; color: #fff; background: url(/common/images/common/tpl_tic1.png) 0 0 no-repeat;}
.tpl_left > .tit h4 > span{display: inline-block; font-size: 17px; vertical-align: middle; letter-spacing: -1px;}
.tpl_left > .tit h4 > span.big{font-size: 20px; }
.tpl_left > .tit h4 > span > em{font-size: 12px;}
.tpl_right{width: 451px;float: left;margin-left: 10px;}

.tpll_tb{background: #fff;}
.tpll_tb th{font-size: 15px; color: #777; font-weight: 400; padding: 10px 4px; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7;}
.tpll_tb th.bg1{font-size: 17px; color: #fff; background: #f26079; border: none; }
.tpll_tb th.bg2{font-size: 17px; color: #fff; background: #8494ce; border: none;}
.tpll_tb td{text-align: center; color: #777; font-size: 15px; font-weight: 600; padding: 10px 4px; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7;}
.tpll_tb td.red{color: #f26079;}
.tpll_tb td:first-child{border-left: none;}

.ptll_lkb{padding: 15px; background: #fff; border-radius: 0 0 12px 12px;}
.ptll_lk{overflow: hidden; margin-left: -10px; margin-right: -1%;}
.ptll_lk > li{float: left; width: calc(25% - 10px); margin-left: 10px;}
.ptll_lk > li > p{display: table; width: 100%; text-align: center;}
.ptll_lk > li > p > a{display: table-cell; vertical-align: middle; padding: 4px; height: 50px; font-size: 14px; font-weight: 600; letter-spacing: -1px; border-radius: 8px; word-break: keep-all;}
.ptll_lk > li > p > a.bg1{background: #ffede9; color: #f26079;}
.ptll_lk > li > p > a.bg2{background: #ebebeb; color: #6981ac;}
.ptll_lk > li > p > a.bg3{background: #e1e6fa; color: #6176c0;}
.ptll_lk > li > p > a.bg4{background: #dcf0ec; color: #1d7969;}

.tplr_txb1{padding: 6px 9px;background: #3e5c93;border-radius: 12px;margin-bottom: 6px;}
.tplr_txb1 > ul{padding-left: 24px;background: url(/design/common/images/common/tpl_tic2.png) 0 0 no-repeat;}
.tplr_txb1 > ul > li{display: inline-block;font-size: 14px;color: #fff;font-weight: 600;letter-spacing: -1.1px;}
.tplr_txb1 > ul > li:first-child{padding-right: 12px;margin-right: 4px;background: url(/design/common/images/common/tpl_tbg.png) right center no-repeat;}
.tplr_txb1 > ul > li > span{color: #ffc3c9;}
.tplr_txb1 > div{padding-left: 28px;font-size: 14px;color: #fff;letter-spacing: -1.0px;background: url(/design/common/images/common/tpl_tic3.png) 0 0 no-repeat;}
.tplr_txb1 > div > b{font-size: 14px;}

.tplr_lk{padding: 11px 15px;background: #cfe5f6;border-radius: 12px;} 
.tplr_lk > ul{overflow: hidden; text-align: center;}
.tplr_lk > ul > li{float: left; width: 25%; padding: 0 2%;}
.tplr_lk > ul > li > a > span{display: block;margin-top: 8px;font-size: 13px;color: #383e86;font-weight: 600;line-height: 18px;letter-spacing: -1.4px;word-break: keep-all;}


.tpl_right_s{background:#f1e55e;width: 241px;float: left;margin-left: 10px;border-radius: 14px;padding: 7px 10px 8px 10px;}
.tpl_right_s .font1{position:relative;padding: 20px 17px 0;text-align: center;}
.tpl_right_s .font1 p {color:#11367a;font-size:17px;font-weight:bold;line-height:20px;letter-spacing: -2px;}
.tpl_right_s .font1:before{content:'';position:absolute;left: 0px;top: 3px;background:#203579;width: 7px;height: 7px;border-radius: 29px;}
.tpl_right_s .font1:after{content:'';position:absolute;right: 0px;top: 3px;background:#203579;width:8px;height:8px;border-radius:10px;}
.tpl_right_s .font2{margin-top:10px;color:#656262;background:#ffffff;font-size: 13px;line-height: 18px;letter-spacing: -1.3px;padding: 10px 10px;border-radius: 8px;text-align: center;margin-bottom: 2px;}
.tpl_right_s .font3{display:inline-block;width:100%;margin-top: 3px;color:#ffffff;background:#179075;font-size:14px;line-height:16px; padding: 17px 10px;border-radius: 8px;text-align: center;letter-spacing: -1.3px;}

.crn_tb.tC td{text-align:center;}
.crn_tb.tC td:nth-child(4){text-align:left;}
.fc-blueS1{color:#0000d5;}

@media screen and (max-width: 768px){
.tp_layer{min-width: 0;}
.tpl_wp{width: auto; padding: 0 15px;}

.tpl_left{float: none; width: auto; margin-bottom: 20px;}
.tpl_right{float: none; width: auto;margin-left: 0px;}
.tpl_right_s{width:100%;margin-left: 0px; margin-top:20px; }
.tpl_right_s .font1 p br{display:none;}
.tpl_right_s .font2 br{display:none;}

}

@media screen and (max-width: 480px){

.ptll_lkb{padding: 15px 10px;}
.ptll_lk{margin-left: -8px;}
.ptll_lk > li{width: calc(25% - 8px); margin-left: 8px;}
.ptll_lk > li > p > a{font-size: 13px;}

.tplr_txb1 > ul > li{display: block;}
.tplr_txb1 > ul > li:first-child{background: none; padding: 0; margin: 0;}

.tplr_lk > ul > li{width: 50%; margin-bottom: 15px;}
.tplr_lk > ul > li:nth-of-type(2n + 1){clear: both;}
}

@media screen and (max-width: 350px) {
	.news_r_area .sns_area .snsbox-b .snsbox-btn > ul {width: 100%;}
}

.tpl_clo{text-align: right; margin-top: 5px;}
.tpl_clo a{display: inline-block; font-size: 13px; color: #fff; line-height: 18px; padding: 4px 19px; border: 1px solid #6a88b4; border-radius: 6px;}



/*2020 온라인 마포나루 새우젓 판매장터*/
@font-face {
    font-family: 'Jalnan';
    src: url('../fonts/Jalnan.eot');
    src: url('../fonts/Jalnan.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Jalnan.woff2') format('woff2'),
        url('../fonts/Jalnan.woff') format('woff'),
        url('../fonts/Jalnan.ttf') format('truetype'),
        url('../fonts/Jalnan.svg#Jalnan') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear: both;height: auto;}

.saltedShrimp-topDiv{position:relative;}
.saltedShrimp-topDiv > img{width:100%;}
.saltedShrimp-topDiv > div {position: absolute; width: 100%;}
.saltedShrimp-topDiv > div > p{font-size: 30px;line-height: 35px;font-family: 'Jalnan';display:inline-block;background:#c8391b;color:#fff;text-align: center;width: 250px;margin-right: 1%;padding: 1% 5% 1% 5%;border-radius: 0px 100px 100px 0px;}
.saltedShrimp-topDiv > div > span{font-size: 30px;line-height: 35px;font-family: 'Jalnan';display:inline-block;color: #442022;}
.saltedShrimp-topDiv div.p1{bottom: 15%;}
.saltedShrimp-topDiv div.p2{bottom: 10.5%;}
.saltedShrimp-topDiv div.p3{bottom: 6.1%;}
.saltedShrimp-listDiv{background: #f6f0e8;}
.saltedShrimp-listDiv .tit{background: #ed6d00;border-radius: 6px;padding: 10px 77px;margin-bottom: 60px;}
.saltedShrimp-listDiv .tit .font1{color: #fff;font-size: 32px;line-height: 35px;font-family: 'Jalnan';display: inline-block;background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_rice.jpg) no-repeat left top;padding-left: 86px;padding-top: 13px;padding-bottom: 8px;margin-right: 25px;}
.saltedShrimp-listDiv .tit .font2{color: #fff;font-size: 25px;line-height: 35px;font-family: 'Jalnan';display: inline-block;background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_bar.gif) no-repeat left top;padding-left: 30px;}
.saltedShrimp-listDiv .tit .font1.bg01{background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_ms1.jpg) no-repeat left center;padding-left: 161px;}
.saltedShrimp-listDiv .tit .font1.bg02{background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_ms2.jpg) no-repeat left center;padding-left: 153px;}
.saltedShrimp-listDiv .tit .font1.bg03{background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_ms3.jpg) no-repeat left top;}
.saltedShrimp-listDiv .tit .font1.bg04{background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_ms4.jpg) no-repeat left top;padding-left: 120px;}
.saltedShrimp-listDiv .tit .font1.bg05{background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_ms5.jpg) no-repeat left top;padding-left: 110px;}
.saltedShrimp-listDiv .tit .font1.bg06{background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_ms6.jpg) no-repeat left center;padding-left: 124px;}
.saltedShrimp-listDiv .tit .font1.bg07{background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_ms7.jpg) no-repeat left center;padding-left: 124px;}
.saltedShrimp-listDiv .con{padding-bottom: 87px;}
.saltedShrimp-listDiv .con ul {padding-left: 30px;}
.saltedShrimp-listDiv .con ul li {width: 31.8%;float:left;margin-right: 10px;margin-bottom: 50px;}
.saltedShrimp-listDiv .con ul li .box{border: 3px solid #d3cbc2;}
.saltedShrimp-listDiv .con ul li .box img {width:100%;}
.saltedShrimp-listDiv .con ul li .box .txtBox{background: #fff;text-align: center;padding: 30px 0 30px 0;}
.saltedShrimp-listDiv .con ul li .box .txtBox .txt-st01{font-size: 23px;line-height: 26px;font-family: 'Jalnan';color: #333333;margin-bottom: 5px;}
.saltedShrimp-listDiv .con ul li .box .txtBox .phoneBg{font-size: 17px;line-height: 20px;font-family: 'Jalnan';padding-top: 4px;background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_phone.jpg) no-repeat left 5px;padding-left: 24px;display: inline-block;color: #522b2e;}
.saltedShrimp-listDiv .con ul li .box .txtBox .goBtn{font-size: 15px;display:inline-block;font-family: 'Jalnan';color: #fff;background: #522b2e url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_arrow.gif) no-repeat 90% 10px;padding: 8px 23px 8px 10px;width: 139px;border-radius: 7px;margin-top: 7px;}


@media screen and (max-width: 768px){
	.saltedShrimp-topDiv > div > p{font-size: 18px;line-height: 21px;font-family: 'Jalnan';display:inline-block;background:#c8391b;color:#fff;text-align: center;width: 168px;margin-right: 0;margin-bottom: 10px;padding: 15px 20px 10px 20px;border-radius: 0px 100px 100px 0px;}
	.saltedShrimp-topDiv > div > span{font-size: 18px;line-height: 21px;font-family: 'Jalnan';display: block;color: #442022;padding: 0 10px;}
	.saltedShrimp-topDiv div.p1{bottom: 24%;background: #f7f2ea;padding-bottom: 20px;margin-top: -23%;}
	.saltedShrimp-topDiv div.p2{bottom: 14.5%;background: #f7f2ea;padding-bottom: 20px;}
	.saltedShrimp-topDiv div.p3{bottom: 5.1%;background: #f7f2ea;padding-bottom: 30px;}
	.saltedShrimp-topDiv > div{position:static;}
	.saltedShrimp-listDiv .con ul {padding-left: 0px;}
	.saltedShrimp-listDiv .tit .font1.bg01{padding-left: 0;padding: 0 22px;padding-top: 61px;padding-bottom: 5px;background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_ms1.jpg) no-repeat center top;}
	.saltedShrimp-listDiv .tit .font1.bg02{padding-left: 0;padding-top: 70px;background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_ms2.jpg) no-repeat center top;}
	.saltedShrimp-listDiv .tit .font1.bg03{padding-left: 0;padding-top: 70px;background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_ms3.jpg) no-repeat center top;margin-right: 0;}
	.saltedShrimp-listDiv .tit .font1.bg04{padding-left: 0;padding-top: 70px;background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_ms4.jpg) no-repeat center top;}
	.saltedShrimp-listDiv .tit .font1.bg05{padding-left: 0;padding-top: 70px;background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_ms5.jpg) no-repeat center top;}
	.saltedShrimp-listDiv .tit .font1.bg06{padding-left: 0;padding-top: 70px;background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_ms6.jpg) no-repeat center top;}
	.saltedShrimp-listDiv .tit .font1.bg07{padding-left: 0;padding-top: 70px;background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_ms7.jpg) no-repeat center top;}
	.saltedShrimp-listDiv .tit .font2 {background: 0;padding-left: 0px; display:block;    margin-right: 25px;}
	.saltedShrimp-listDiv .tit{text-align:center;padding: 20px 10px;margin-bottom: 30px;}
	.saltedShrimp-listDiv .tit .font1{font-size: 22px;line-height: 30px;margin-right: 0 !important;}
	.saltedShrimp-listDiv .tit .font2{font-size: 22px;line-height: 28px;margin-right: 0;}
	.saltedShrimp-listDiv .con ul li .box .txtBox .txt-st01{font-size: 18px;line-height: 20px;}
	.saltedShrimp-listDiv .con ul li .box .txtBox .phoneBg{font-size: 15px;line-height: 13px;background: url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_phone.jpg) no-repeat left 2px;}
	.saltedShrimp-listDiv .con{padding-bottom: 35px;}
	.saltedShrimp-listDiv .con ul li{margin: 0 5px;margin-bottom: 12px;width: calc(100% / 3 - 11px);}
	.saltedShrimp-listDiv .con ul li .box .txtBox .goBtn{width: 90%;background: #522b2e url(https://www.mapo.go.kr/design/theme/mapo/images/seu/saltedShrimp_bg_arrow.gif) no-repeat 90% 10px;font-size: 13px;}
	.saltedShrimp-listDiv .con ul li .box .txtBox{min-height: 146px;}
	.newletter_line2 {width: 100%;}
	.newletter_line2 input{display: inline-block;margin-bottom: 10px;width: 25px;vertical-align: middle;margin-right: 5px;}
	
	.s-line2{text-overflow: ellipsis;
    width: 100%;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
    height: 43px;
    overflow: hidden;
    white-space: normal;
    font-size: 16px;
    line-height: 22px;}
	
}


@media screen and (max-width: 500px){
	.saltedShrimp-listDiv .con ul li{width: calc(100% - 40px);margin: 0 20px;margin-bottom: 18px;}
	.saltedShrimp-listDiv .con ul li .box .txtBox {min-height: auto;}
	
}



/**/
.boderNo{border:0;}
.bbs_view_body.s2{background: #ffffff;border-top: 0;border-bottom: 0;margin-top: 40px;padding: 50px 0px;}
.bbs_view_body.s2 .view_with_form .thumb_area{width: auto;float: none;display: inline-block;vertical-align: top;margin-right: 40px;}
.bbs_view_body.s2 .view_with_form .thumb_area a {display:inline-block;background: url(https://www.mapo.go.kr/design/theme/mayor/images/thumb_area_imgBg.jpg) no-repeat right bottom;padding: 0 9px 9px 0; width: 525px;}
.bbs_view_body.s2 .view_with_form .form_area{width: calc(100% - 583px);border-top: 2px solid #000000;float: none;display: inline-block;vertical-align: top;padding-top: 54px;}
.bbs_view_body.s2 .view_with_form .form_area .tit{font-size: 33px;line-height: 35px;font-weight: bold;margin-bottom: 35px;}
.bbs_view_body.s2 .view_with_form{position:relative;}
.bbs_view_body.s2 .view_with_form:after{content:'';height:1px;width: calc(100% - 573px);background:url(https://www.mapo.go.kr/design/theme/mayor/images/dotted_Bg01.jpg) repeat-x left top;position:absolute;right:0;bottom: 10px;}
.bbs_view_body.s2 .view_with_form .form_area ul li div {
font-size: 19px;
line-height: 25px;
font-weight: bold;
color: #515151;
margin-bottom: 6px;
display: table;
word-break: keep-all;
}
.bbs_view_body.s2 .view_with_form .form_area ul li div span {color:#1e5abc;font-weight: bold;font-size: 19px;line-height: 25px;display: table-cell;white-space: nowrap;vertical-align: top;padding-right: 4px;}
.bbs_view_body.s2 .view_with_form .form_area ul li div span i.w1{display:inline-block;width: 9px;}
.bbs_view_body.s2 .view_with_form .form_area ul li div span i.w2{display:inline-block;width: 34px;}
.imgList{
margin-left: -35px;
}
.imgList p {
float: left;
margin-left: 35px;
margin-bottom: 30px;
width: calc(100% / 3 - 36px);
}
.imgList p img {
width: 100%;
}
@media screen and (max-width: 768px){
	.bbs_view_body.s2 .view_with_form .thumb_area{display:block;width: 100%;height: auto;border-bottom: 0;}
	.bbs_view_body.s2 .view_with_form .form_area{width: 100%;padding-top: 45px;padding-bottom: 30px;}
	.bbs_view_body.s2 .view_with_form:after{
bottom: 0;
width: 100%;
}
	.bbs_view_body.s2 .view_with_form .thumb_area a{width:100%;background: none;}
	.bbs_view_body.s2 .view_with_form .thumb_area a img{width:100%;}
	.bbs_view_body.s2 {padding: 0px 0 35px 0 !important;margin-top: 0;}
	.imgList{
margin-left: -20px;
}
	.imgList p{
margin-left: 20px;
margin-bottom: 20px;
width: calc(100% / 2 - 23px);
}
}
@media screen and (max-width: 400px){
	.imgList {margin-left:0;}
	.imgList p{
width: calc(100% / 1 - 0px);
margin-left: 0;
}
}

/*1104*/
#paging.paginate{text-align: center;margin-top: 30px;}
#paging.paginate a {position:relative;vertical-align: middle;margin: 11px 5px;width: 29px;display: inline-block;}
#paging.paginate a.active:before{content:'';position:absolute;bottom: -6px;left:0;height:3px;width:100%;background:#006eaf;}
#paging.paginate a.active {color:#006eaf;font-weight: bold;}
#paging.paginate a.com.prev,
#paging.paginate a.m-prev,
#paging.paginate a.com.next,
#paging.paginate a.m-next{margin: 0 0px;border: 1px solid #eaeaea;border-radius: 15px;width: 50px;font-size: 0;height: 31px;display: inline-block;padding: 7px 12px;}
#paging.paginate a.com.prev span,
#paging.paginate a.m-prev span,
#paging.paginate a.com.next span,
#paging.paginate a.m-next span{font-size:0;}
#paging.paginate a.com.prev {background:#f9f9f9 url(https://www.mapo.go.kr/design/theme/mapo/images/sub/ico_bbs_pg_first.png) no-repeat center center;}
#paging.paginate a.m-prev { background:#f9f9f9 url(https://www.mapo.go.kr/design/theme/mapo/images/sub/ico_bbs_pg_prev.png) no-repeat center center ; }
#paging.paginate a.com.next {background:#f9f9f9 url(https://www.mapo.go.kr/design/theme/mapo/images/sub/ico_bbs_pg_next.png) no-repeat center center;}
#paging.paginate a.m-next { background:#f9f9f9 url(https://www.mapo.go.kr/design/theme/mapo/images/sub/ico_bbs_pg_last.png) no-repeat center center;}



/*0313s*/
.tab-box-cont{display:none;}
.tab-box{margin-bottom: 40px;margin-top: 80px;}
.tab-box ul{
text-align: center;
}
.tab-box ul li {
margin: 0 2px;
width: 176px;
display: inline-block;
}
.tab-box ul li a {
 background:url(https://www.mapo.go.kr/design/theme/mapo/images/sub/tabG1A_off.jpg) no-repeat center top;
 display: inline-block;
 width: 100%;
 padding-top: 21px;
 padding-bottom: 40px;
 margin-bottom: 0;
}
.tab-box ul li a.on{background:url(https://www.mapo.go.kr/design/theme/mapo/images/sub/tabG1A_on.jpg) no-repeat center top ;}
.tab-box ul li a.on p{color:#e43668;}
.tab-box ul li a.on strong{color:#e43668;}
.tab-box ul li a .tabSt{
text-align: center;
}
.tab-box ul li a .tabSt p{
font-size: 18px;
line-height: 25px;
margin-bottom: 1px;
}
.tab-box ul li a .tabSt strong{padding-bottom: 64px;font-size: 27px;line-height: 30px;display: inline-block;font-family: 'Jalnan';}
.tab-box ul li a .tabSt .bg1{
background: url(https://www.mapo.go.kr/design/theme/mapo/images/sub/tabG1_bg01.png) no-repeat center bottom;
}
.tab-box ul li a .tabSt .bg2{background: url(https://www.mapo.go.kr/design/theme/mapo/images/sub/tabG1_bg02.png) no-repeat center bottom;}
.tab-box ul li a .tabSt .bg3{background: url(https://www.mapo.go.kr/design/theme/mapo/images/sub/tabG1_bg03.png) no-repeat center bottom;}
.tab-box ul li a .tabSt .bg4{background: url(https://www.mapo.go.kr/design/theme/mapo/images/sub/tabG1_bg04.png) no-repeat center bottom;}
.tab-box ul li a .tabSt .bg5{background: url(https://www.mapo.go.kr/design/theme/mapo/images/sub/tabG1_bg05.png) no-repeat center bottom;}
/*0313e*/


@media screen and (max-width:768px) {
    .tab-box-cont .tbl_wrap{overflow:auto;}
    .tab-box-cont .tbl_wrap table{width: 940px;}
}
/*0313e*/


/*1023s*/
.CzBoxOut{text-align: center;}
.Czlist{text-align: left;margin-bottom: 44px;margin-left: 9px;}
.Czlist p{position:relative;color: #6c2e75;font-size: 22px;line-height: 27px;font-weight: bold;padding-top: 10px;margin-bottom: 12px;}
.Czlist p:before{content:'';position: absolute;top: 0;left: 0;height: 5px;width: 29px;}
.Czlist ul li{position:relative;margin-bottom: 4px;font-size: 17px;line-height: 23px;padding-left: 23px;word-break: keep-all;}
.Czlist ul li:before{content:'';width: 18px;height: 19px;display: block;position: absolute;left: 0;top: 3px;}
.CzBox1, 
.CzBox2, 
.CzBox3, 
.CzBox4{display:inline-block;padding: 0 11px 0 8px;vertical-align: top;width: 295px;position: relative;}
.CzBox4{border-right:0;}
.CzBox1 img, .CzBox2 img, .CzBox3 img, .CzBox4 img{margin-top: -7px;margin-bottom: 24px;width: 96%;}
.CzBox1:before{content:'';width: 2px;height: 3150px;display: block;position: absolute;right: 1px;top: 1px;border-right: 1px dotted #000000;}
.CzBox2:before{content:'';width: 2px;height: 1500px;display: block;position: absolute;right: 1px;top: 1px;border-right: 1px dotted #000000;}
.CzBox3:before{content:'';width: 2px;height: 1970px;display: block;position: absolute;right: 1px;top: 1px;border-right: 1px dotted #000000;}
.CzBox1 p{position:relative;color: #6c2e75;}
.CzBox1 p:before{content:'';background:#6c2e75;}
.CzBox1 ul li{position:relative;}
.CzBox1 ul li:before{content:''; background:url(https://www.mapo.go.kr/design/theme/mayor/images/CzlistBg01.jpg) no-repeat left top ; }
.CzBox2 p{position:relative;color: #1f5674;}
.CzBox2 p:before{content:'';background:#1f5674;}
.CzBox2 ul li{position:relative;}
.CzBox2 ul li:before{content:'';background:url(https://www.mapo.go.kr/design/theme/mayor/images/CzlistBg02.jpg) no-repeat left top ;}
.CzBox3 p{position:relative;color: #4e6eab;}
.CzBox3 p:before{content:'';background:#4e6eab;}
.CzBox3 ul li{position:relative;}
.CzBox3 ul li:before{content:'';background:url(https://www.mapo.go.kr/design/theme/mayor/images/CzlistBg03.jpg) no-repeat left top ;}
.CzBox4 p{position:relative;color: #f2706c;}
.CzBox4 p:before{content:'';background:#f2706c;}
.CzBox4 ul li{position:relative;}
.CzBox4 ul li:before{content:'';background:url(https://www.mapo.go.kr/design/theme/mayor/images/CzlistBg04.jpg) no-repeat left top ;}

.container_pr .sub_tit.sE2 {display: inline-block;background: url(https://www.mapo.go.kr/design/theme/mayor/images/bg_page_tiE2.jpg) no-repeat left top,url(https://www.mapo.go.kr/design/theme/mayor/images/bg_page_tiE2.jpg) no-repeat right bottom;padding: 10px 30px 10px 20px;}
.sub_tit.sE2 .h2_wrap {position: relative;display: inline-block;background: url(https://www.mapo.go.kr/design/theme/mayor/images/bg_sub_tit_underbarE2.jpg) repeat-x center 95%;}
.container_pr .sub_tit.sE2 .h2_wrap h2 {color: #f35286;}

@media screen and (max-width:768px) {
	.CzBox2:before{display:none;}
	.CzBoxOut{margin-top:20px;}
}
@media screen and (max-width:650px) {
	.CzBox1:before{display:none;}
	.CzBox3:before{display:none;}
	.CzBox1, .CzBox2, .CzBox3, .CzBox4{width:300px; display:block; margin:0 auto;}
}
/*1023e*/