@charset "UTF-8";

#container { min-height:1030px; position:relative}
.container:after { clear:both; float:none; content:""; display:block; height:0;}
#container .contents0 { width:100%; z-index:99; position:absolute; top:0; left:0; background:#49443b url(../../images/main/main_1600_v1.jpg) no-repeat 50% 0; min-height:950px;}
#container .contents1 { width:100%; z-index:99; position:absolute; top:0; left:0; display:none; background:#2f2f2f url(../../images/main/main_1600_v3.jpg) no-repeat 50% 0; min-height:950px;}
#container .contents2 { width:100%; z-index:99; position:absolute; top:0; left:0; display:none; background:#2b2831 url(../../images/main/main_1600_v2.jpg) no-repeat 50% 0; min-height:950px;}

#container .contentsFull { background:transparent; min-height:950px;  position:relative; z-index:100; width:1280px; margin:0 auto; clear: both;}
#container .contentsFull .contentsFull0 { position:absolute; top:0; left:0;background:transparent; min-height:950px; }
#container .contentsFull .contentsFull1 { position:absolute; top:0; left:1280px; background:transparent; min-height:950px;}
#container .contentsFull .contentsFull2 { position:absolute; top:0; left:1280px; background:transparent; min-height:950px;}

.btn_main { position: relative; }
h2.mtabs {position:absolute; width:62px; height:76px; margin-left:50%; top:40px; z-index:101;}
h2.mtabs a {display:block; width:62px; height:76px; font-size:0;}
h2.mtabs.mtab1 {left:440px; background:url(../../images/main/contentmenu01.png) no-repeat;}
h2.mtabs.mtab2 {left:510px; background:url(../../images/main/contentmenu03.png) no-repeat;}
h2.mtabs.mtab3 {left:580px; background:url(../../images/main/contentmenu02.png) no-repeat;}
h2.mtabs.mtab1.on {background:url(../../images/main/contentmenu01on.png) }
h2.mtabs.mtab2.on {background:url(../../images/main/contentmenu03on.png) }
h2.mtabs.mtab3.on {background:url(../../images/main/contentmenu02on.png) }


.mtabs {position:absolute; width:62px; height:76px; margin-left:50%; top:40px; z-index:101;}
.mtabs a {display:block; width:62px; height:76px; font-size:0;}
.mtabs.mtab1 {left:440px; background:url(../../images/main/contentmenu01.png) no-repeat;}
.mtabs.mtab2 {left:510px; background:url(../../images/main/contentmenu03.png) no-repeat;}
.mtabs.mtab3 {left:580px; background:url(../../images/main/contentmenu02.png) no-repeat;}
.mtabs.mtab1.on {background:url(../../images/main/contentmenu01on.png) }
.mtabs.mtab2.on {background:url(../../images/main/contentmenu03on.png) }
.mtabs.mtab3.on {background:url(../../images/main/contentmenu02on.png) }


.btn_mstop {position:absolute; width:45px; height:76px; margin-left:50%; top:40px; left: 385px; z-index:101;}
.btn_mstop a {display:block; width:45px; height:76px; font-size:0; background:url(../../images/main/btn_mstop.png) no-repeat center 40%;}
.btn_mstart {position:absolute; width:45px; height:76px; margin-left:50%; top:40px; left: 385px; z-index:101;}
.btn_mstart a {display:block; width:45px; height:76px; font-size:0; background:url(../../images/main/btn_mplay.png) no-repeat center 40%;}

/* 20190717 유대경 (모바일에서 사용하지 않는 기능이지만, 숨김처리를 하지않아 가로스크롤이 발생하여 숨김처리로 작업) */
@media(max-width:800px){
	.btn_mstop{display:none;}
}


#container .conNext { position:absolute; right:0px; top:130px; z-index:1;  width:116px; height:69px;}
#container .conNext a { text-align:center; height:58px;color:#fff; background:url(../../images/main/arr_conextbg.png) no-repeat 100% 0%; padding:11px 75px 0 0; display:block; text-shadow:-1px 0px 0px #000,1px 0px 0px #000,0px -1px 0px #000,0px 1px 0px #000;}
#container .conNext a:hover, #container .conNext a:focus {background:url(../../images/main/arr_conextbgon.png) no-repeat; padding-right:15px}
#container .conPrev { position:absolute; left:0px; top:130px; z-index:1;  width:116px; height:69px;}
#container .conPrev a { text-align:center; height:58px;color:#fff; background:url(../../images/main/arr_coprevbg.png) no-repeat;padding:11px 0 0 75px; display:block; text-shadow:-1px 0px 0px #000,1px 0px 0px #000,0px -1px 0px #000,0px 1px 0px #000;}
#container .conPrev a:hover, #container .conPrev a:focus {background:url(../../images/main/arr_coprevbgon.png) no-repeat; padding-left:15px}

#container .mainbottonquick { width:100%; background:#494949;}
#container .mainbottonquick:after { clear:both; float:none; content:""; display:block; height:0;}
#container .mainbottonquick ul { height:86px;}
#container .mainbottonquick ul li{ height:86px;border-right:solid 1px #595959; float:left; width:128px; padding:40px 0 0; font-size:1.077em; text-align:center;  /*-webkit-box-sizing: border-box;*/
     /*-moz-box-sizing: border-box;*/          box-sizing: border-box; background:#494949 url(../../images/main/mainbottonquick_icon.png) no-repeat;}
#container .mainbottonquick ul li a {color:#e8e8e8;}
#container .mainbottonquick ul li:nth-child(1) {border-top:solid 4px #587fee; border-left:solid 1px #595959; background-position: -130px 14px; }
#container .mainbottonquick ul li:nth-child(2) {border-top:solid 4px #c66f40; background-position: -2px 14px;}
#container .mainbottonquick ul li:nth-child(3) {border-top:solid 4px #a4d03f; background-position: -258px 14px;}
#container .mainbottonquick ul li:nth-child(4) {border-top:solid 4px #d359bb; background-position: -386px 14px;}
#container .mainbottonquick ul li:nth-child(5) {border-top:solid 4px #de9e40; background-position: -514px 14px;}
#container .mainbottonquick ul li:nth-child(6) {border-top:solid 4px #55c06c; background-position: -642px 14px;}
#container .mainbottonquick ul li:nth-child(7) {border-top:solid 4px #3d92e9; background-position: -770px 14px;}
#container .mainbottonquick ul li:nth-child(8) {border-top:solid 4px #cc4580; background-position: -898px 14px;}
#container .mainbottonquick ul li:nth-child(9) {border-top:solid 4px #f66345; background-position: -1026px 14px;}
#container .mainbottonquick ul li:nth-child(10) {border-top:solid 4px #ddcb31; background-position: -1150px 14px;}

.slgun {width:522px; padding:44px 0 32px; margin:auto;}
.slgun2 {width:476px; padding:38px 0 54px; margin:auto;}
.slgun3 {width:269px; padding:59px 0 0px; margin:auto;}
.slgun4 {width:384px; padding:15px 0 46px; margin:auto;}
.c1m1, .c1m2, .c1m3, .c1m4, .c1m5, 
.c2m1, .c2m2, .c2m3, .c2m4, .c2m5, 
.c3m1, .c3m2, .c3m3, .c3m4, .c3m5, .c3m6, 
.c1m6 {float:left;}
.c2m5 {position:absolute; bottom:0px; right:0;}





#c1m1 {position:relative;}
#container #c1m1 {width:640px;height:320px;background:#ccc;}
#container #c1m1 ul li img {width:100%; height:320px;}

#container #c1m1 ul li:focus{outline: 3px solid #f00;}


#c1m1 .control {position:absolute;left:0;bottom:0;width:100%;height:40px;padding-top:0px;background:url(../../images/main/mc_vis_control.png) repeat-x 0 0;text-align:center}
#c1m1 .control button {display:block;position:absolute;top:8px;float:none;width:24px;height:24px;background:url(../../images/main/img_main_tiny.png) no-repeat 0 -380px;font-size:0;vertical-align:top; }
#c1m1 .control .btn_prev {right:93px;background-position:0 -240px}
#c1m1 .control .btn_next {right:35px;background-position:0 -270px}
#c1m1 .control .btn_stop {right:65px;background-position:0 -520px}
#c1m1 .control .btn_play {display:none;right:65px;background-position:0 -550px}
#c1m1 .bx-controls {position:absolute;bottom:0px;left:35px;width:100px;height:40px;background:none;color:#fff;line-height:40px;text-align:left;}







/*
.control .btn_prev:focus, .control .btn_next:focus,.control .btn_stop:focus,
.control .btn_play:focus  {outline: 3px solid #f00;}
*/

#c1m2 {width:320px;height:320px;} 
#c1m2 ul {}
/*
#c1m2 ul li{float:left; width:50%; height:130px; padding:30px 0 0; text-align:center; background:#e6e3eb;}
#c1m2 ul li a{ color:#fff; font-size:1.231em; }
#c1m2 ul li span{ width:60px; height:60px; display:block; margin:auto; margin-bottom:15px; background:url(../../images/main/img_main_c2.png) repeat-x 0 0;text-align:center}
#c1m2 ul li:nth-child(1) a{ color:#404375; }
#c1m2 ul li:nth-child(2) {background:#454b89; }
#c1m2 ul li:nth-child(2) span {background-position:-150px 0;}
#c1m2 ul li:nth-child(3) {background:#4D6CC7; }
#c1m2 ul li:nth-child(3) span {background-position:0 -150px;}
#c1m2 ul li:nth-child(4) {background:#14bbd9; }
#c1m2 ul li:nth-child(4) span {background-position:-150px -150px;}
*/
/* 
/* #c1m2 ul li { float:left; width:159px; height:64px; } */
/* #c1m2 ul li a { display: block; padding-left: 47px; line-height: 64px; color: #fff;  font-size: 16px;} */
/* #c1m2 ul li:nth-child(1) { background: #E6E3EB url(../../images/main/quick_icon_01.gif) 14px 50% no-repeat; border-right: 1px solid #E6E3EB; border-bottom: 1px solid #D7CDDC; } */
/* #c1m2 ul li:nth-child(1) a { color: #454B89; } */
/* #c1m2 ul li:nth-child(2) { background: #454B89 url(../../images/main/quick_icon_02.gif) 14px 50% no-repeat; border-right: 1px solid #454B89; border-bottom: 1px solid #40467D; } */
/* #c1m2 ul li:nth-child(3) { background: #E6E3EB url(../../images/main/quick_icon_03.gif) 14px 50% no-repeat; border-right: 1px solid #E6E3EB; } */
/* #c1m2 ul li:nth-child(3) a { color: #454B89; } */
/* #c1m2 ul li:nth-child(4) { background: #454B89 url(../../images/main/quick_icon_04.gif) 14px 50% no-repeat; border-right: 1px solid #454B89; } */
/* #c1m2 ul li:nth-child(5) { background: #4D6CC7 url(../../images/main/quick_icon_05.gif) 14px 50% no-repeat; border-right: 1px solid #4D6CC7; border-bottom: 1px solid #3D5FC2; } */
/* #c1m2 ul li:nth-child(6) { background: #138191 url(../../images/main/quick_icon_06.gif) 14px 50% no-repeat; border-right: 1px solid #138191; border-bottom: 1px solid #117482; } */
/* #c1m2 ul li:nth-child(7) { background: #4D6CC7 url(../../images/main/quick_icon_07.gif) 14px 50% no-repeat; border-right: 1px solid #4D6CC7; } */
/* #c1m2 ul li:nth-child(8) { background: #138191 url(../../images/main/quick_icon_08.gif) 14px 50% no-repeat; border-right: 1px solid #138191; } */
/* #c1m2 ul li:nth-child(9) { background: #333 url(../../images/main/quick_icon_08.gif) 14px 50% no-repeat; border-right: 1px solid #138191; } */
/* #c1m2 ul li:nth-child(10) { background: #333 url(../../images/main/quick_icon_08.gif) 14px 50% no-repeat; border-right: 1px solid #138191; } */


#c1m2 ul li { float:left; width:160px; height:64px; box-sizing: border-box; }
#c1m2 ul li a { display: block; padding-left: 40px; line-height: 64px; color: #fff;  font-size: 16px;}
#c1m2 ul li:nth-child(1) { background: #E6E3EB url(../../images/main/quick_icon_01.jpg) 8px 50% no-repeat; border-right: 1px solid #E6E3EB; border-bottom: 1px solid #D7CDDC; }
#c1m2 ul li:nth-child(1) a { color: #454B89; }
#c1m2 ul li:nth-child(2) { background: #454B89 url(../../images/main/quick_icon_02.gif) 8px 50% no-repeat; border-right: 1px solid #454B89; border-bottom: 1px solid #40467D; }
#c1m2 ul li:nth-child(3) { background: #E6E3EB url(../../images/main/quick_icon_03.gif) 8px 50% no-repeat; border-right: 1px solid #E6E3EB; }
#c1m2 ul li:nth-child(3) a { color: #454B89; }
#c1m2 ul li:nth-child(4) { background: #454B89 url(../../images/main/quick_icon_04.gif) 8px 50% no-repeat; border-right: 1px solid #454B89; }
#c1m2 ul li:nth-child(5) { background: #4D6CC7 url(../../images/main/quick_icon_05.gif) 8px 50% no-repeat; border-right: 1px solid #4D6CC7; border-bottom: 1px solid #3D5FC2; }
#c1m2 ul li:nth-child(6) { background: #138191 url(../../images/main/quick_icon_08.gif) 8px 50% no-repeat; border-right: 1px solid #138191; border-bottom: 1px solid #117482; }
#c1m2 ul li:nth-child(7) { background: #4D6CC7 url(../../images/main/quick_icon_07.gif) 8px 50% no-repeat; border-right: 1px solid #4D6CC7; border-bottom: 1px solid #3D5FC2; }
#c1m2 ul li:nth-child(8) { background: #138191 url(../../images/main/quick_icon_02.jpg) 8px 50% no-repeat; border-right: 1px solid #138191; border-bottom: 1px solid #117482; }
#c1m2 ul li:nth-child(9) { background: #4D6CC7 url(../../images/main/quick_icon_09.gif) 8px 50% no-repeat; border-right: 1px solid #4D6CC7; }
/* #c1m2 ul li:nth-child(10) { background: #138191 url(../../images/main/quick_icon_bg.png) 60% 100% no-repeat; border-right: 1px solid #138191; } */
#c1m2 ul li:nth-child(10) { background: #138191 url(../../images/main/quick_icon_11.gif) 8px 50% no-repeat; border-right: 1px solid #138191; border-bottom: 1px solid #117482; }
#c1m2 ul li:nth-child(10) a { font-size: 14px; letter-spacing:-0.5px; }

/* 구청장실, 매니페스토 */
#c1m3 {width:320px;height:320px;} 
#c1m3 {position:relative; /*background:url(../../images/main/mc_district.png) no-repeat;*/ }
#c1m3.bg2018 { background:url(../../images/main/mc_district_2019.jpg) no-repeat right -15px; }
#c1m3.bg2022 { background:url(../../images/main/mc_district_2022.jpg) no-repeat right -15px; }
#c1m3 p { margin: 25px 20px 0 25px; }
#c1m3 .t1 { display: inline-block; font-size:24px; color:#C02C23; line-height: 22px; font-weight: bold; }
#c1m3 .t2 { display: inline-block; font-size:24px; color:#3f4370; line-height: 22px; margin-bottom: 15px; font-weight: bold; }
#c1m3 .t3 { font-size:16px; color:#764823; line-height: 18px; }
#c1m3 .t4 { font-size:16px; color:#3A2C1D; line-height: 16px; }
#c1m3 .t5 { font-size: 24px; color: #0054A6; line-height: 24px;}
#c1m3 p a { display: block; }
#c1m3 p a:hover, #c1m3 li:first-child a:active, #c1m3 li:first-child a:focus { text-decoration: none; }
#c1m3 em {display:block;padding-top:5px;font-size:1.333em;font-weight:400}
#c1m3 strong {font-weight:700}
#c1m3 .btn_mayor { margin: 10px 0 0 20px; display: inline-block; }
#c1m3 .btn_mayor a { display: block; width: 98px; height: 98px; }

#c1m3 ul {position:absolute;left:0;bottom:0;width:100%; overflow: hidden; }
#c1m3 ul li { float: left; }
#c1m3 ul li a {display:block; width:100%; height:45px; color:#fff; font-size:16px; line-height:45px; text-decoration:none; text-align: center; box-sizing: border-box; }
#c1m3 ul li a:hover, #c1m3 ul li a:active, #c1m3 ul li a:focus {background: #A73600; }
#c1m3 ul li:first-child a {background-position: 100% 0; box-sizing: border-box; }
#c1m3 ul li.btn_mayor_01 { width: 33.33%; background: #1D61A3; box-sizing: border-box; border-right: 1px solid #19538b; }
#c1m3 ul li.btn_mayor_02 { width: 33.33%; background: #0279BE; box-sizing: border-box; }
#c1m3 ul li.btn_mayor_03 { width: 33.34%; background: #1D61A3; box-sizing: border-box; border-left: 1px solid #19538b; }
#c1m3 ul li.btn_mayor_04 { width: 33.33%; background: #1D61A3; box-sizing: border-box; }
#c1m3 ul li.btn_mayor_05 { width: 33.33%; background: #1D61A3; }
#c1m3 ul li.btn_mayor_01 a:hover, #c1m3 ul li.btn_mayor_02 a:hover, #c1m3 ul li.btn_mayor_03 a:hover, #c1m3 ul li.btn_mayor_04 a:hover, #c1m3 ul li.btn_mayor_05 a:hover, #c1m3 ul li.btn_mayor_06 a:hover, 
#c1m3 ul li.btn_mayor_01 a:active, #c1m3 ul li.btn_mayor_02 a:active, #c1m3 ul li.btn_mayor_03 a:active, #c1m3 ul li.btn_mayor_04 a:active, #c1m3 ul li.btn_mayor_05 a:active, #c1m3 ul li.btn_mayor_06 a:active, 
#c1m3 ul li.btn_mayor_01 a:focus, #c1m3 ul li.btn_mayor_02 a:focus, #c1m3 ul li.btn_mayor_03 a:focus, #c1m3 ul li.btn_mayor_04 a:focus, #c1m3 ul li.btn_mayor_05 a:focus, #c1m3 ul li.btn_mayor_06 a:focus {background: #03417C; }


/* 공지사항 탭메뉴 */
#c1m4 {width:480px; background:#fff;} 
.notice_tab {position:relative;height:290px;padding-top:30px;background-color:#fff}
.notice_tab h4 {float:left;position:relative}
/*#c1m4 #nlist_1 { height: 210px; overflow: hidden; }*/
#ntab_1 {margin-left:20px;}
#ntab_2 {}
#ntab_3 {}

.notice_tab h4 a {margin-right:1px; display:block;height:30px; padding:0 18px; font-size:1.077em;background:#e7e7e7;color:#686868;line-height:31px;text-decoration:none}
.notice_tab h4 a:hover, .notice_tab h4 a:active, .notice_tab h4 a:focus { background:#545454; }
.notice_tab h4.active a { font-size:1.154em;background:#545454; color:#fff;}
.notice_tab .cont {display:none;position:absolute;top:95px;left:35px;right:40px}
.notice_tab #ntab_1 + .cont {display:block}


.nt_list iframe { height: 180px; }
.nt_list li {position:relative;  padding-bottom: 5px; width:100%; background:url(../../images/common/img_comn_tiny.png) no-repeat 0 -908px; height:22px; line-height: 22px; list-style:none}
.nt_list li a {display: block; float: none !important; width: 100% !important; color:#1b1b1b;font-size:1.076em;line-height:1.6em;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.nt_list li a:hover, .nt_list li a:active, .nt_list li a:focus {color:#002ee3;text-decoration:underline}
.nt_list li:first-child {background:none;  padding:0;  height:auto; margin-bottom:10px;}
.nt_list li:first-child .subject { font-size:1.231em; clear:both; float:none; margin:0 0 0px; line-height:1.1;}
.nt_list li:first-child .date {position:relative;}
.nt_list li .subject {display: block; text-align: left;overflow:hidden;  text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-left:10px;margin-right: 80px;}
.nt_list li .date {position: absolute;top:0;right:0;color:#7c7c7c;font-size:11px;line-height:2.142;text-align: right}
.nt_list li .date span {display:none}
/*#mc_notice .nt_list li:first-child {padding-bottom:10px}*/
.notice_tab .more { position: absolute;top:-65px;right:0;display:block;width:45px;height:30px;padding-right:15px;background:url(../../images/main/notice_more.png) no-repeat 100% 50%;color:#888;line-height:31px;text-decoration:none}
.notice_tab .notice { position: absolute;right:0;display:block;width:45px;height:30px;padding-right:15px;background:url(../../images/main/notice_more.png) no-repeat 100% 50%;color:#888;line-height:31px;text-decoration:none}
#bp_md .notice_tab .more, #bp_sm .notice_tab .more, #bp_xs .notice_tab .more {right:-20px;width:40px;padding:0;background-position:100% -120px;text-indent:-9999em}



#c1m5 {position:relative; width:320px;height:320px; background:#fff;}
#c1m5 ul li {position:relative; }
#c1m5 ul li a{display: block; position:relative; }
#c1m5 ul li a:focus{border:5px solid #ff0000}
#c1m5 ul li img {width:100%; height:320px;}
#c1m5 ul li:focus,
#c1m5 ul li a:focus,
#c1m5 ul li a:focus img,
#c1m5 ul li:focus img{outline: 3px solid #ff0000;}
#c1m5 ul li:focus a:before{position:absolute; display:inline-block; content:''; width:100%; height:100%; left:0; top:0; box-sizing:border-box; border:5px solid #d84374;} 
#c1m5 ul li.focus a:focus:before{position:absolute; display:block; content:''; width:100%; height:100%; left:0; top:0; box-sizing:border-box; border:5px solid #d84374;} 
#c1m5 ul li:focus{border:3px  solid #000;}

#c1m5 .control {position:absolute;left:0;bottom:0;width:100%;height:40px; background:url(../../images/main/mc_vis_control.png) repeat-x 0 0;text-align:center}
#c1m5 .control button {position:absolute;top:8px;width:24px;height:24px;display:block;float:none;background:url(../../images/main/img_main_tiny.png) no-repeat 0 -380px;font-size:0;vertical-align:top}
#c1m5 .control .btn_prev {right:96px;background-position:0 -240px}
#c1m5 .control .btn_next {right:45px;background-position:0 -270px}
#c1m5 .control .btn_stop {right:73px;background-position:0 -520px}
#c1m5 .control .btn_play {display:none;right:73px;background-position:0 -550px}
#c1m5 .control .btn_more {right:15px;background-position:0 -580px}
#c1m5 .bx-controls {position:absolute;bottom:0px;left:35px;width:100px;height:40px;background:none;color:#fff;line-height:40px;text-align:left;}


/* c1quick */
#container #c1m6 {overflow:hidden;position:relative;width:480px; height:320px;background:#fff url(../../images/main/mc_c1m6_bg.jpg) no-repeat 100% 0}
#c1m6 h4 a { color:#e8e8e8; display:block; position:relative; margin-left:370px;width:110px;height:64px;box-sizing:border-box; border-left:1px solid #ddd;border-top:1px solid #575757;background:#676767;text-align:center;line-height:63px;text-decoration:none}
#c1m6 h4#ftab_1 a {border-top:none;}
#c1m6 h4.active a {border-left:1px solid #fff;background:#fff;color:#3256bc;font-size:1.0em}
#c1m6 .cont {display:none;overflow:hidden;position:absolute;top:40px;left:10px}
#c1m6 #ftab_1 + .cont {display:block}
#c1m6 div[class^='tit0'] {height:140px;margin:0px;padding:0px;background-repeat:no-repeat;font-size:1.538em;line-height:40px; text-align:center;}
#c1m6 div[class^='tit0'] span { font-size:0.579em; color:#6a6a6a; display:block; clear:both; line-height:1.2; }
#c1m6 .tit01 {background:url(../../images/main/mc_life_icon.png) no-repeat 50% 100%;}
#c1m6 .tit02 {background:url(../../images/main/mc_life_icon02.png) no-repeat 50% 100%;}
#c1m6 .tit03 {background:url(../../images/main/mc_life_icon03.png) no-repeat 50% 100%;}
#c1m6 .tit04 {background:url(../../images/main/mc_life_icon04.png) no-repeat 50% 100%;}
#c1m6 .tit05 {background:url(../../images/main/mc_life_icon05.png) no-repeat 50% 100%;}

#c1m6 div[class^='tit0'] img {display:block}

#c1m6 ul {width:360px;margin:16px 0 0 5px}
#c1m6 li {float:left; width:33.333%; letter-spacing:-0.5px;}
#c1m6 li a {display:block;padding-left:9px;background:url(../../images/common/img_comn_tiny.png) no-repeat 0 -850px;line-height:2;}
#c1m6 li a:hover, #mc_life li a:active, #mc_life li a:focus {color:#e46c51}




/* SNS */
#c2m1 {position:relative; height:640px;}
#c2m1 .skip-sns{position:absolute; left:0; top:-9999px; z-index:-9999; width:100%; height:45px; line-height:45px; background:red; color:#fff; font-weight:700; text-align:center;}
#c2m1 .skip-sns:focus{left:0; top:0; z-index:1;}

/*
#c1m1 .focus,
#c1m5 .focus{position:relative;}
#c1m1 .focus a::before,
#c1m5 .focus a::before{position:absolute; display:inline-block; content:''; width:100%; height:100%; left:0; top:0; box-sizing:border-box; border:5px solid #d84374;}
*/

.bx-viewport li{position:relative;}
.bx-viewport a:focus::before{position:absolute; display:inline-block; content:''; width:100%; height:100%; left:0; top:0; box-sizing:border-box; border:5px solid #d84374;} 

#c2m1 .mainsns { width:320px; height:60px;}
#c2m1 .mainsns li { border-left:solid 1px #505050; float:left; width:33%; height:60px; /*-webkit-box-sizing: border-box;     -moz-box-sizing: border-box; */         box-sizing: border-box; }
#c2m1 .mainsns li:first-child { border:none; width:34%; }
#c2m1 .mainsns li a {display:block; background:#626262; line-height:60px; text-align:center; }
#c2m1 .mainsns li:nth-child(1) a.on { background:#3C5A9A; height: 56px; border: 4px solid #fff; border-bottom: none; }
#c2m1 .mainsns li:nth-child(2) a.on { background:#FB091F; height: 56px; border: 4px solid #fff; border-bottom: none; }
#c2m1 .mainsns li:nth-child(3) a.on { background:#00C53A; height: 56px; border: 4px solid #fff; border-bottom: none; }
.snsiframe {padding:20px 10px; background:#fff;}

#c2m2 {position:relative; width:640px;height:480px;}
#c2m2 .control {position:absolute;left:0;bottom:0;width:100%;height:37px; text-align:center}
#c2m2 .control #bx-pager { height:37px; line-height:37px; margin-top: 20px; }
#c2m2 .control #bx-pager a {display:block; float:left; width:20%; background:#676767; color:#fff;margin:0; padding:0; border-left:1px solid #7c7c7c; /*-webkit-box-sizing: border-box;     -moz-box-sizing: border-box;*/          box-sizing: border-box;}
#c2m2 .control #bx-pager a.active, #c2m2 .control #bx-pager a:hover {background:#DD2B5B;     border: 4px solid #fff;}
#c2m2 .control button {display:block;position:absolute;top:8px;float:none;width:24px;height:24px;background:url(../../images/main/img_main_tiny.png) no-repeat 0 -380px;font-size:0;vertical-align:top; }
#c2m2 .control .btn_prev {right:93px;background-position:0 -240px; top:-30px}
#c2m2 .control .btn_next {right:35px;background-position:0 -270px; top:-30px}
#c2m2 .control .btn_stop {right:65px;background-position:0 -520px; top:-30px}
#c2m2 .control .btn_play {display:none;right:65px;background-position:0 -550px; top:-30px}

/* 구보 */
#c2m3 {position:relative; width:320px;height:320px; background:#fff;} 
#c2m3 .cont {position:relative;height:134px;padding:22px 26px 0}
#c2m3 em {position:absolute;top:-28px;right:0;width:77px;height:28px;background:#0E8567;color:#fff;font-weight:400;text-align:center;line-height:28px}
#c2m3 a {display:block;color:#555;font-size:1.231em;line-height:1.357}
#c2m3 p {padding:8px 0 10px;color:#555;line-height:1.384}
#c2m3 p + span { color:#666; font-size:0.846em;}


#c2m4 {width:640px;height:160px;} 
#c2m4 ul {}
#c2m4 ul li{float:left; width:25%; height:160px; padding:50px 0 0; box-sizing: border-box; background:#f1f1f1; border-right:1px solid #dbdbdb; text-align:center; /*-webkit-box-sizing: border-box;     -moz-box-sizing: border-box;          box-sizing: border-box; */}
#c2m4 ul li a{ color:#555555; font-size:1.077em; }
#c2m4 ul li:first-child {border-left:1px solid #dbdbdb;}
#c2m4 ul li span{ width:34px; height:34px; display:block; margin:auto; margin-bottom:15px; background:url(../../images/main/mc_c2m2_icon.png) repeat-x 0 0;text-align:center}
#c2m4 ul li:nth-child(2) span {background-position:-163px 0;}
#c2m4 ul li:nth-child(3) span {background-position:-324px 0;}
#c2m4 ul li:nth-child(4) span {background-position:-480px 0px;}

#c2m5 { width:320px;height:320px; background:#fff;} 
#c2m5 .cont {position:relative;height:134px;padding:22px 26px 0}
#c2m5 em {position:absolute;top:-28px;right:0;width:77px;height:28px;background:#247CB0;color:#fff;font-weight:400;text-align:center;line-height:28px}
#c2m5 a {display:block;color:#50546c;font-size:1.231em;line-height:1.357}
#c2m5 a img {width:320px; height:160px;}
#c2m5 p {padding:8px 0 10px;color:#666;line-height:1.384}
#c2m5 p + span { color:#666; font-size:0.846em;}




.search_wrapboxmain { position:relative; border:solid 2px #2eb6a7; border-radius:27px; background:#fff;}
.selectboxmain { color:#717171; width:75px; margin-left:20px; /*-webkit-appearance: none;  -moz-appearance: none;*/   background: url(../../images/main/arr_selectbox.png) no-repeat 100% 50%;   }
#smtsubmitmain {    background: url(../../images/main/btn_searchsubmit.png) no-repeat;    width: 55px;    height: 53px;    position: absolute;    right: 0;    top: -1px;}
.input_keywordmain {    font-size: 1.154em;    padding: 16px 10px;    background: none;    width: 210px; }

/* 민원안내 */
#c3m1 {width:320px;height:640px; position:relative;background:url(../../images/main/c301bg.png) no-repeat;}
#c3m1 h3 { padding:40px 0 20px 30px; color:#fff; font-size:1.077em;  }
#c3m1 .slug {color:#fff; font-size:2.308em;  padding:0 0 10px 30px; line-height:1.133em;}
#c3m1 .line {background:#857fa9; height:1px; width:22px; margin-left: 30px;}
#c3m1 .callnum {padding:15px 0 0 30px;} 
#c3m1 .callnum .t1{font-size:1.615em; color:#fff; display:block; line-height:1.5em;} 
#c3m1 .callnum .t2{font-size:2.769em; color:#fff; display:block; line-height:1.2em;} 
#c3m1 ul{padding: 0px 0 0 30px;} 
#c3m1 ul li{ width:143px; height:33px; background:url(../../images/main/c301btn.png) no-repeat; margin-bottom:3px;}
#c3m1 ul li a { height:33px; line-height:33px; color:#fff; padding-left:10px; font-size:1.077em;}
#c3m1 .btn_minwon { height:33px; padding: 10px 0 10px 30px; ; }
#c3m1 .btn_minwon a { padding: 10px 15px; height:33px; line-height:33px; color:#fff; background: #DE5281; }


/* 구민제안 */
#c3m2 {width:320px;height:320px;} 
#c3m2 {position:relative;background:url(../../images/main/c302bg.png) no-repeat}
#c3m2 p { margin:20px 20px 0 25px;padding-top:20px; color:#967e63;line-height:1.333}
#c3m2 p a {color:#4b4b4b;}
#c3m2 p a:hover, #c1m3 li:first-child a:active, #c1m3 li:first-child a:focus {}
#c3m2 em {display:block;padding-top:5px;font-size:1.333em;font-weight:400}
#c3m2 strong {font-weight:700}
#c3m2 ul {position:absolute;left:0;bottom:0;width:100%}
#c3m2 li {float:left;width:50%}
#c3m2 li a {display:block;height:40px;padding-left:30px;background:url(../../images/main/mc_head_district_btn2.png) no-repeat 0 0;color:#fff;font-size:1.076em;line-height:40px;text-decoration:none}
#c3m2 li a:hover, #c1m3 li a:active, #c1m3 li a:focus {background-position:0 -40px}
#c3m2 li:first-child a {background-position:100% 0;}
#c3m2 li:first-child a:hover, #c3m2 li:first-child a:active, #c3m2 li:first-child a:focus {background-position:100% -40px}
#c3m2 .t1 { font-size:1.615em; color:#4b4b4b; display:block; margin-bottom:10px}
#c3m2 .t2 { font-size:1em; color:#888888; }

#c3m3 {position:relative;width:640px;height:320px; background:#128083; } 
#c3m3 .tit { margin-top:25px; background:url(../../images/main/c3quicktitbg.png) no-repeat top center; line-height:40px; height:40px; text-align:center; color:#fff;}
#c3m3 ul {margin:auto; width:580px;}
#c3m3 ul li {width:145px; float:left; height:115px;  text-align:center;}
#c3m3 ul li span { background:url(../../images/main/c3quickicon.png) no-repeat; width:70px; height:70px; margin:auto; display:block; padding:0 0 3px; }
#c3m3 ul li a{ color:#fff; font-size:1.077em;}
#c3m3 ul li a img {margin-left:7px; margin-top:-2px;}
#c3m3 ul li:nth-child(2) span {background-position:-150px 0;}
#c3m3 ul li:nth-child(3) span {background-position:-300px 0;}
#c3m3 ul li:nth-child(4) span {background-position:-450px 0;}
#c3m3 ul li:nth-child(5) span {background-position:-0px -100px;}
#c3m3 ul li:nth-child(6) span {background-position:-150px -100px;}
#c3m3 ul li:nth-child(7) span {background-position:-300px -100px;}
#c3m3 ul li:nth-child(8) span {background-position:-450px -100px;}

#c3m4 {position:relative;width:320px;height:320px; background:url(../../images/main/c304bg.png) no-repeat } 
#c3m4 .tit { margin:40px 0 85px; line-height:40px; height:40px; text-align:center; color:#6f5c43; font-size:1.615em;}
#c3m4 ul {margin:auto; width:280px;}
#c3m4 ul li {width:50%; float:left; line-height:2;}
#c3m4 ul li a {padding-left:8px; background: url(../../images/common/img_comn_tiny.png) no-repeat 0 -837px;  }
#c3m4 ul li:nth-child(9) a {letter-spacing:-0.5px;}



/* 19대 대통령 선거 날짜계산 */
.voteday strong { display: block; font-size: 30px; font-family: Arial, Helvetica, sans-serif; height: 33px; line-height: 31px; text-align: center; color: #355a9e; font-weight: normal; white-space: nowrap; }
.voteday { display: block; width: 75px; position: absolute; right: 380px; top: 10px; text-align: center; }

/* 선거인명부 문의처 */
.tb_2{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.tb_2 li{width: calc(100% / 2);}

@media (min-width:1025px) { /* 최소 1024 ~ 최대 ------------------------------------------------------------------------------------------------------- */
	#container .contentsFull {overflow:hidden;}

}


@media (min-width:800px) and (max-width:1024px) {
	.voteday {display:none;}
	.mview, .mviewC {display:none !important;}
	.wview, .wviewC {display:block !important;}
	
	#container .contentsFull  {width:960px; height:1210px;}	
	#container .inner { padding:0;    width:960px;}
	h2.mtabs {    margin-left: 0;    top: 40px; }	
	h2.mtabs.mtab1 { left: 770px; }	
	h2.mtabs.mtab2 {    left: 840px; }	
	h2.mtabs.mtab3 {    left: 910px; }	
		
	#c1m3	{ position:absolute; top:890px; width: 480px; }
	#c1m4 {    width: 640px;    background: #fff;}
	.c1m6 { float:right; }	
		
	#container .mainbottonquick ul li {    width: 96px; }
		
		
	#c3m3 {position:absolute; top:890px;  width:100%;}
	.contents3 {padding-bottom:320px;}	
		
	#c2m1 { height:960px; background:#fff;}
	#c2m2	{position:absolute; top:570px; left:320px;}
	.c2m5 {top:250px;}
	#c2m4	{position:absolute; top:1050px; left:320px;}
		
		
	.contents0, .contents1, .contents2	 {height:1210px; }
		

}

@media (min-width:600px) and (max-width:799px) {
	.voteday {display:none;}
	.mview, .mviewC {display:none !important;}
	.wview, .wviewC {display:block !important;}
		
	#container .contentsFull  {width:640px; height:1530px;}	
	#container .inner { padding:0;    width:640px; position:relative;}	
	h2.mtabs {    margin-left: 0;    top: 40px; display:none;}	
	h2.mtabs.mtab1 { left: auto; right:155px; }	
	h2.mtabs.mtab2 { left: auto; right:85px; }	
	h2.mtabs.mtab3 { left: auto; right:15px; }	
	.c1m3 { float:right; }
	#c1m4 {    width: 640px;    background: #fff;}
	#c1m2 { position:absolute; top:1210px;}
	#container #c1m6 {   width: 320px; background:#fff;}
	#c1m5 { position:absolute; top:570px;}
	.c1m6 { float:right; }	
	
	#c1m6 ul {    width: 180px;    margin: 40px 0 0 0px;}
	#c1m6 h4 a {    margin-left: 210px; }
	#c1m6 li { width: 50%; }
	#c1m6 .tit01 { 	height: 40px;   }
	#c1m6 div[class^='tit0'] {    height: 40px;    margin: 0px;    padding: 0px;     background: none;   font-size: 1.538em;    line-height: 40px;    text-align: left; }
	
	#container .mainbottonquick ul li:nth-child(6) {border-left:solid 1px #595959;}
	
		
	#c3m3 {position:absolute; top:1200px;  width:100%;}
	
		
	#c2m2	{position:absolute; top:890px; }
	.c2m5 {top:570px;}
	#c2m4	{position:absolute; top:1370px; ;}
		
	
	
	.contents0, .contents1, .contents2	 {height:1530px; }
	
	
	.slgun { min-height:251px; padding:0;}	
	.slgun2 { min-height:251px; padding:0;}			
}



@media (max-width:599px) {
	.voteday {display:none;}
	#container .contentsFull  { width:320px; height:1960px;}	
	#container .inner { padding:0; min-width: 320px;  width:320px; position:relative;}	
	
	#container .conNext { position:absolute; right:0px; top:50px; z-index:1;  width:52px; height:52px;}
	#container .conNext a, #container .conNext a:hover { text-align:center; color:#fff; background:url(../../images/main/arr_conextbg.png) no-repeat; background-size: 52px 52px; padding:0; display:block; font-size:0;}
	
	#container .conPrev { position:absolute; left:0px; top:50px; z-index:1;  width:52px; height:52px;}
	#container .conPrev a, #container .conPrev a:hover { text-align:center; color:#fff; background:url(../../images/main/arr_coprevbg.png) no-repeat; background-size: 52px 52px; padding:0; display:block;  font-size:0;}
	
	.contentsFull0, .contentsFull1, .contentsFull2 {height:1960px;}
	.contents0, .contents1, .contents2	 {height:1960px; }
	
			
	#c3m1 .slug { font-size: 24px; }
	.slgun2 {width: 182px; padding:0; margin: 39px auto 38px;}
	.slgun { padding:0; width:167px; margin:50px auto;}
	.slgun3 {    width: 150px;    padding: 0;    margin:30px auto 44px;}
	
	.slgun4 {width:320px; padding-bottom:85px; display:none;}
	.search_wrapboxmain { position:relative; border:solid 2px #2eb6a7; border-radius:12px; background:#fff;}
	.selectboxmain {  }
	#smtsubmitmain {  height: 53px;    position: absolute;    right: 0;    top: -12px;}
	.input_keywordmain {    font-size: 1.154em;    padding: 6px 5px;    background: none;    width: 150px; }
	
	
	h2.mtabs {    margin-left: 0;    top: 40px; display:none;}	
	h2.mtabs.mtab1 { left: auto; right:155px; }	
	h2.mtabs.mtab2 { left: auto; right:85px; }	
	h2.mtabs.mtab3 { left: auto; right:15px; }	
	
	#container #c1m1 ul li img {width:100%; height:160px;}
	#c1m4 {    width: 320px;    background: #fff;}
	
	#container #c1m6 {   width: 320px; background:#fff;}
	#c1m6 ul {    width: 200px; margin: 40px 0 0 0px;}
	#c1m6 h4 a {    margin-left: 210px; }
	#c1m6 li { width: 50%; }
	#c1m6 .tit01 { 	height: 40px;   }
	#c1m6 div[class^='tit0'] {    height: 40px;    margin: 0px;    padding: 0px;     background: none;   font-size: 1.538em;    line-height: 40px;    text-align: left; }
	
	
	
	#container .mainbottonquick ul li {    width: 160px; }
	#container .mainbottonquick ul li:nth-child(odd) {border-left:solid 1px #595959;}
	
	#container #c1m1 {    width: 320px; height:160px;}	
	
	#c2m2 {position:relative; width:320px;height:240px;} 
	
	
	/* 민원안내 */
	#c3m1 { height:320px;}
	#c3m1 h3 { padding:20px 0 20px 30px;}
	#c3m1 .callnum {padding:5px 0 0 30px;} 
	#c3m1 .callnum .t1{ display:inline; } 
	#c3m1 .callnum .t2{ display:inline; } 
	#c3m1 ul{padding:10px 0 0 30px;} 
	
	
	#c3m3 { width:320px; height:540px;}
	#c3m3 ul {width: 100%; }
	#c3m3 ul li { width:50%; }
	
	.c3m5, .c3m6 {height:155px; overflow:hidden;}
	
	#c2m2	{ width:320px; }
	#c2m2	img{ width:100%; }
	.c2m5 {position:relative;}
	#c2m4	{ width:320px; height:284px;}
	#c2m4	img{ width:100%; }
		
	#c2m4 ul li {    float: left;    width: 50%; padding-top:40px;    height: 142px;}
	#c2m4 ul li:nth-child(1), #c2m4 ul li:nth-child(2) {    border-bottom: 1px solid #dbdbdb;}

}

/* //////////////////  선거 팝업 /////////////////////////// */
.layerpop { position: absolute; top: 90px; margin-top: 100px; z-index: 105; margin-left: 200px; background: #FFFFFB; display: none; }
dl.vote_content_box {
	padding-left : 35px;
	margin-top:15px;
	width:430px;
}
dl.vote_content_box dt {
	padding-bottom:5px;
}
dl.vote_content_box dd {
	padding:0px;
	margin:0px;
	padding-left:13px;
	margin-bottom:15px;
}
.dt_style {
	background:url(../../images/sub/icon_h3.gif) 0 4px no-repeat;
	padding: 0 0 0 13px;
	font-weight:bold;
	padding-bottom:0px;
	font-size: 14px;
}
.li_style {
	background:url(../../images/sub/icon_dot.gif) 0 8px no-repeat;
	padding: 0 0 0 6px;
}
.li_style span{
	color: #4e70ad; font-weight: bold;
}
.vote_input50 {
    border: 1px solid #cecece;
    padding: 3px;
    width: 70px;
}

.vote_input100 {background-color: #fff;
    border: 1px solid #ccc;
    font-size: 14px;
    height: 20px;
    padding: 3px;
	width:150px;}
.vote_line { border-bottom: 1px solid #DCDCDC; padding-bottom: 10px; padding: 15px; margin-bottom: 10px; background: #EFEFEF; border-top: 2px solid #C7426E; }
.vote_footer { box-sizing: border-box; line-height: 35px; height: 38px; background: #444; width: 100%; text-align: right; padding-right: 20px; line-height: 38px; vertical-align: middle; }
.vote_footer .foot, b { color: #FFF; }

@media (max-width:800px) {
	.layerpop { position: absolute; top: 22px; width: 100%; max-width: 100%; margin-left: 0px; margin-top: 50px; z-index: 105; background: #fff; }
	.layerpop img { max-width: 99%; }
	/*dl.vote_content_box { width: 99%; max-width: 99%; padding-left:0px; }*/
	.vote_line { padding: 0; }
	.vote_footer { width: 99%; max-width: 99%; }
}


#payPopup{position:absolute; width:400px; left:700px; top:190px; z-index:99; background:#fff; text-align:center;}

#divpop1 button.popClose{position:absolute; right:0; top:9px; background:#333; padding:5px 10px; color:#fff; font-size:15px; cursor:pointer;}

#divpop1 .divPop{padding:20px;}
@media (max-width:700px) {
	#divpop1 { left: 0px; top: 600px; width: 100%; }
	#divpop1 img { width: 100%; max-width: 100%; }
}	

#divpop1 h2{background:#2497a5; padding:5px 15px; font-size:28px; font-weight:700; color:#fff; text-align:left;}
#divpop1 h2 em { color: #FF6567; font-weight: 700; }
#divpop1 h3{position:relative; padding-left:25px;  font-size:19px; color:#25317c; text-align:left;}
#divpop1 h3::before{display:inline-block; content:''; position:absolute; left:0; top:6px; width:19px; height:19px; border-radius:19px; box-sizing:border-box; border:3px solid #25317c;}

#divpop1 h3 + ul{text-align:left;}
#divpop1 h3 + ul > li{position:relative; padding-left:10px; font-size:15px; color:#333;}
#divpop1 h3 + ul > li::before{display:inline-block; content:''; position:absolute; left:0; top:8px; width:5px; height:5px; border-radius:5px; background:#777;}
#divpop1 h3 + ul > li > ul{padding-left:10px;}
#divpop1 h3 + ul > li > ul li{position:relative; padding-left:10px; font-size:14px; color:#555;}
#divpop1 h3 + ul > li > ul li::before{display:inline-block; position:absolute; content:''; left:0; top:8px; width:5px; height:5px; box-sizing:border-box; border-top:1px solid #aaa; border-right:1px solid #aaa; transform:rotate(45deg);}

#divpop1 .guide_txt{margin-top:10px; padding:20px; background:#f1f5fc; border:1px solid #dadee6; text-align:left;}
#divpop1 .guide_txt a{position:relative; display:block; padding-left:10px; font-size:24px;}
#divpop1 .guide_txt a::before{position:absolute; width:0; height:0; left:0; top:11px; content:''; display:inline-block; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #e4477a;}

#divpop1 .point { color: #FF3D43; font-weight: bold; }

#divpop1 .corona_txt{position:relative; margin:20px 0 10px 0; text-align:left;}
#divpop1 .corona_txt strong{font-size:23px; color:#333;}
#divpop1 .corona_txt strong mark{color:#e4477a;}
#divpop1 .corona_txt span.date{position:absolute; right:0; top:15px; font-size:15px; font-weight:300; color:#777;}

#divpop1 table{}
#divpop1 table th,
#divpop1 table td{height:50px; vertical-align:middle; font-size:20px; box-sizing:border-box;}


#divpop1 table thead{}
#divpop1 table thead th{background:#4f6abb; color:#fff; font-weight:700; border-right:1px solid #fff; border-top:1px solid #fff;}
#divpop1 table thead th:last-child{border-right:0;}
#divpop1 table tbody td{color:#333; border-right:1px solid #eee; border-bottom:1px solid #eee;}
#divpop1 table tbody td:first-child{border-left:5px solid #e4477a; border-top:5px solid #e4477a; border-bottom:5px solid #e4477a; border-right:5px solid #e4477a;}


#divpop1 .list{margin:20px 0; padding:20px; background:#f1f5fc; border:1px solid #dadee6; text-align:left;}
#divpop1 .list strong{position:relative; padding-left:35px; font-size:22px; color:#25317c;}
#divpop1 .list strong::before{position:absolute; display:inline-block; content:'!'; width:30px; height:30px; left:0; top:-3px; border-radius:30px; background:#25317c; text-align:center; font-weight:700; line-height:30px; color:#fff;}
#divpop1 .list ul{margin-top:10px;}
#divpop1 .list ul li{position:relative; margin-bottom:5px; padding-left:25px; font-size:15px; line-height:1.5; color:#333;}
#divpop1 .list ul li:last-child{margin-bottom:0;}
#divpop1 .list ul li::before{position:absolute; left:0; top:2px; width:15px; height:15px; border-radius:15px; border:1px solid #4f6abb; background:#fff; content:'';}
#divpop1 .list ul li::after{position:absolute; left:4px; top:8px; content:''; width:5px; height:5px; border-top:1px solid #4f6abb; border-right:1px solid #4f6abb; transform:rotate(45deg);}


#divpop2{position:absolute; width:400px; left:1100px; top:190px; z-index:99; background:#fff; text-align:center;}

#divpop2 button.popClose{position:absolute; right:0; top:9px; background:#333; padding:5px 10px; color:#fff; font-size:15px; cursor:pointer;}

#divpop2 .divPop{padding:20px;}
@media (max-width:700px) {
	#divpop2 { left: 0px; top: 1000px; width: 100%; }
	#divpop2 img { width: 100%; max-width: 100%; }
}	

#divpop2 h2{background:#2497a5; padding:5px 15px; font-size:28px; font-weight:700; color:#fff; text-align:left;}
#divpop2 h2 em { color: #FF6567; font-weight: 700; }
#divpop2 h3{position:relative; padding-left:25px;  font-size:19px; color:#25317c; text-align:left;}
#divpop2 h3::before{display:inline-block; content:''; position:absolute; left:0; top:6px; width:19px; height:19px; border-radius:19px; box-sizing:border-box; border:3px solid #25317c;}

#divpop2 h3 + ul{text-align:left;}
#divpop2 h3 + ul > li{position:relative; padding-left:10px; font-size:15px; color:#333;}
#divpop2 h3 + ul > li::before{display:inline-block; content:''; position:absolute; left:0; top:8px; width:5px; height:5px; border-radius:5px; background:#777;}
#divpop2 h3 + ul > li > ul{padding-left:10px;}
#divpop2 h3 + ul > li > ul li{position:relative; padding-left:10px; font-size:14px; color:#555;}
#divpop2 h3 + ul > li > ul li::before{display:inline-block; position:absolute; content:''; left:0; top:8px; width:5px; height:5px; box-sizing:border-box; border-top:1px solid #aaa; border-right:1px solid #aaa; transform:rotate(45deg);}

#divpop2 .guide_txt{margin-top:10px; padding:20px; background:#f1f5fc; border:1px solid #dadee6; text-align:left;}
#divpop2 .guide_txt a{position:relative; display:block; padding-left:10px; font-size:24px;}
#divpop2 .guide_txt a::before{position:absolute; width:0; height:0; left:0; top:11px; content:''; display:inline-block; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #e4477a;}

#divpop2 .point { color: #FF3D43; font-weight: bold; }

#divpop2 .corona_txt{position:relative; margin:20px 0 10px 0; text-align:left;}
#divpop2 .corona_txt strong{font-size:23px; color:#333;}
#divpop2 .corona_txt strong mark{color:#e4477a;}
#divpop2 .corona_txt span.date{position:absolute; right:0; top:15px; font-size:15px; font-weight:300; color:#777;}

#divpop2 table{}
#divpop2 table th,
#divpop2 table td{height:50px; vertical-align:middle; font-size:20px; box-sizing:border-box;}


#divpop2 table thead{}
#divpop2 table thead th{background:#4f6abb; color:#fff; font-weight:700; border-right:1px solid #fff; border-top:1px solid #fff;}
#divpop2 table thead th:last-child{border-right:0;}
#divpop2 table tbody td{color:#333; border-right:1px solid #eee; border-bottom:1px solid #eee;}
#divpop2 table tbody td:first-child{border-left:5px solid #e4477a; border-top:5px solid #e4477a; border-bottom:5px solid #e4477a; border-right:5px solid #e4477a;}


#divpop2 .list{margin:20px 0; padding:20px; background:#f1f5fc; border:1px solid #dadee6; text-align:left;}
#divpop2 .list strong{position:relative; padding-left:35px; font-size:22px; color:#25317c;}
#divpop2 .list strong::before{position:absolute; display:inline-block; content:'!'; width:30px; height:30px; left:0; top:-3px; border-radius:30px; background:#25317c; text-align:center; font-weight:700; line-height:30px; color:#fff;}
#divpop2 .list ul{margin-top:10px;}
#divpop2 .list ul li{position:relative; margin-bottom:5px; padding-left:25px; font-size:15px; line-height:1.5; color:#333;}
#divpop2 .list ul li:last-child{margin-bottom:0;}
#divpop2 .list ul li::before{position:absolute; left:0; top:2px; width:15px; height:15px; border-radius:15px; border:1px solid #4f6abb; background:#fff; content:'';}
#divpop2 .list ul li::after{position:absolute; left:4px; top:8px; content:''; width:5px; height:5px; border-top:1px solid #4f6abb; border-right:1px solid #4f6abb; transform:rotate(45deg);}



.divpop_footer { height: 38px; background: #444; width: 720px; text-align: right; padding-right: 20px; padding-top: 5px; line-height: 38px; vertical-align: middle; }
.divpop_footer .foot, b { color: #FFF; }