<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* �뚮몢由� �뺤쓽 */
#content{  clear:both; margin-top:30px;}
.s_c{position:relative; clear:both; width:100%; font-size:13px; margin:20px 0 0px 0; padding:0px 0px 0 0px;}

.con_img{ margin-top:20px; width:100%; text-align:center; }
.con_img3{ margin-top:20px; width:100%; text-align:center;}

/* 湲��� �ㅽ��� */
.s_c .na_mj{font-family:"Nanum Myeongjo"}
.s_c .na_brush{font-family: 'Nanum Brush Script', cursive;}

.s_c .font48{font-size:48px;  line-height:56px;}
.s_c .font40{font-size:40px;  line-height:48px;}
.s_c .font32{font-size:32px;  line-height:36px;}
.s_c .font24{font-size:24px;}
.s_c .font18{font-size:18px; line-height:24px;}
.s_c .font16{font-size:16px;}
.s_c .font14{font-size:14px;}

.s_c .blue{color:#226cd1;}
.s_c .s_blue{color:#99b1d1;}
.s_c .green{color:#82b131;}
.s_c .orange{color:#f28301;}
.s_c .red{color:#e71236;}
.s_c .wine{color:#920119;}
.s_c .turq{color:#16cc9f;}
.s_c .lime{color:#eaff00;}
.s_c .gray{color:gray;}

.s_c .st_b{font-weight:900;}
.s_c .st_u{text-decoration:underline;}
.s_c .st_i{font-style:italic;}
.s_c .min_box {width:100%; border:1px solid #ccc; padding:20px; margin-bottom:20px; box-sizing:border-box; background-color: #f9f9f9;}
.s_c .min_box p{font-size:16px; font-weight:bold; line-height:30px; padding:5px 0 0 25px; background:url("/images/tour/contents/h5.png") 0 10px no-repeat;}

/* 諛뺤뒪 */
.s_c .box_fa{clear:both; margin-left:5px; width:92.8%; background:#faf5dc; border:1px solid #d8d5d5; padding:20px; }

/* ���댄� �뺤쓽 */
.s_c .h4_c1{clear:both; padding-left:0px; font-size:18px; font-weight:600; line-height:24px;  color:#545353; margin:0 0 10px 0;}
.s_c .h5_c1{clear:both; font-size:16px; font-weight:600; padding:5px 0 0 25px; margin:10px 0 0 0px; background:url("/images/tour/contents/h5.png") 0 10px no-repeat;}
.s_c h6{font-size:14px; color:#0e4aa2; font-weight:600;  padding:5px 0 0 20px;}

.s_c ul{margin-top:10px; margin-bottom:10px;}
.s_c li{padding-left:16px; margin:2px 10px 0 10px; font-size:14px; background: url("/images/icon/li.gif") 0 7px no-repeat; line-height:18pt;}
.s_c .li2{clear:both; padding-left:10px; margin:0 0px 0 0px; background: url("/images/icon/li_2.gif") 0 12px no-repeat; line-height:22pt;}
.s_c li a{color:#555555;}

.s_c li ul{padding-left:0;}
.s_c p{font-size:14px;}
.s_c .p_box{background: url("/images/www/contents/p_tag_img.png") 5% 50% no-repeat; font-size:14px; font-weight:bold; border-top:1px #e3e3e3 solid; margin:0 0 20px 0; padding:25px 20px 25px 110px;  background-color:#fafafa; border-bottom:1px #e3e3e3 solid;}

/* 留곹겕�뺤쓽 */
#content .boho_box .down_btn img, div.s_c .down_btn img{width:108px; height:24px; vertical-align:middle; margin-left:10px;}

div.s_c .site_link, .boho_box .site_link{clear:both; width:97.5%;  margin:10px 0 0px 5px; color:#000; background-color:#8cd1d4; text-align:center; border:1px solid  #72b9bc;}
div.s_c .site_link a, .boho_box .site_link a{color:#000; font-weight:bold; padding:7px 0 7px 0px; display:block;}

div.s_c .down{clear:both; margin:5px 0 10px 2px; background-color:#fafafa; padding:0; text-align:center; border:1px solid #e3e3e3;}
div.s_c .down a{color:#555c63; background: url("/images/icon/down_icon.png") right 50% no-repeat; padding-right:15px;}

div.s_c .down2, .boho_box .down2  {text-align:left; margin:10px; }
div.s_c .down2 a, .boho_box .down2 a{color:#555c63; padding:5px 25px 5px 10px; background:#fafafa url("/images/icon/down_icon.png") 95% 50% no-repeat; border:1px solid #e3e3e3; border-radius:3px; box-shadow:0 2px #e0e0e0;}
div.s_c .down2 a:hover, .boho_box .down2 a:hover{color:red;}
div.s_c .down2 a:active, .boho_box .down2 a:active{position:relative; box-shadow:0 1px #e0e0e0; top:2px;}

/* �뱀젙�뚯씪 �ㅼ슫濡쒕뱶 踰꾪듉 */
div.s_c .down_box{text-align: center;}


/* �쒓��뚯씪 �ㅼ슫濡쒕뱶 踰꾪듉 */
div.s_c .down_han{background: none; vertical-align:middle; margin-left: 10px; background-color:#fafafa; float:left; border: 1px #d8d6d6 solid;}
div.s_c .down_han a{color:#555c63; background: url("/images/ext_img/hwp.gif") left 50% no-repeat; padding-left:20px; padding-right:15px;}
div.s_c .down_han a sapn{font-weight: bold;}



/* �뚯씠釉� �ㅽ��� 
----------------------------------------------------------------------------------*/
.table_c1{margin:0 0 0px 0; width:100%; background:#fff}
.table_c1 table {width:100%; margin-top:10px; border-top:2px #6b6b6b solid; border-right:1px #d8d6d6 solid; border-left:1px #d8d6d6 solid; border-bottom:1px #d8d6d6 solid; border-collapse:collapse; }

.table_c1 table th {  background-color:#f4f3f3; border-left:1px #6b6b6b dotted; border-top:1px #d5d4d4 dotted; padding-top:5px;padding-bottom:5px;padding-left:3px;padding-right:3px;line-height:140%;text-align:center;}
.table_c1 table .th01 { border-left:1px #d8d6d6 solid; border-top:1px #d5d4d4 dotted; padding-top:5px;padding-bottom:5px;padding-left:3px;padding-right:3px;line-height:140%;text-align:center;}

.table_c1 table td {border-left:1px #d8d6d6 solid; border-top:1px #d8d6d6 solid; padding:5px 2px 5px 2px; line-height:160%; text-align:center; word-break:break-all; }
.table_c1 table td a {color:#555c63;}
.table_c1 table td a:hover {text-decoration:underline;}

.table_c1 .td_left{text-align:left; padding:5px 10px 5px 10px;}
.table_c1 .td_right{text-align:right; padding:5px 10px 5px 10px;}

/* 誘쇱꽑7湲� 怨듭빟�ы빆 �뚯씠釉� */
#content table{clear:both; margin:20px 0; width:100%; padding-top:1px; }
#content .table {width:100%;  border-top:2px #6b6b6b solid; border-right:1px #d8d6d6 solid; border-left:1px #d8d6d6 solid; border-bottom:1px #d8d6d6 solid; border-collapse:collapse; }
#content .table th {background-color:#f4f3f3; border-left:1px #6b6b6b dotted; border-top:1px #d5d4d4 dotted; padding-top:5px;padding-bottom:5px;padding-left:3px;padding-right:3px;line-height:140%;text-align:center;}
#content .table .th01 {background-color:#f9f9f9; border-left:1px #d8d6d6 solid; border-top:1px #d5d4d4 dotted; padding-top:5px;padding-bottom:5px;padding-left:3px;padding-right:3px;line-height:140%;text-align:center;}
#content .table td {border-left:1px #d8d6d6 solid; border-right:1px #d8d6d6 solid; border-top:1px #d8d6d6 solid; padding:5px 2px 5px 2px; line-height:160%; text-align:center; word-break:break-all; }
#content .table td a {color:#555c63;}
#content .table td a:hover {text-decoration:underline;}
#content .table .tr_bg{background:#f9f9f9;}
#content table .td_left{text-align:left; padding:5px 10px 5px 10px;}
#content table .td_right{text-align:right; padding:5px 10px 5px 10px;}

#content .table td:first-child{width:15%; font-weight:bold;}
#content .table td:nth-child(2){text-align:left; padding:10px;}
#content .table td ul li{padding-left:16px; margin:4px 10px 0 0; background: url("/images/www/icon/li.gif") 0 7px no-repeat; line-height:18pt;}
#content h3{clear:both; padding-left:25px; font-size:18px; font-weight:600;  color:#525252; margin:30px 0 15px 0; background:url("/images/www/icon/h4.png") 0 3px no-repeat;}

/* �몄궗留�
----------------------------------------------------------------------------------*/
.insa_bg{width:100%; height:100%; background: url("/images/mayor/contents/insa_bg.jpg") right bottom no-repeat; float:left;}

@media screen and (min-width: 0px) and (max-width: 550px){
.insa_bg{width:100%; height:100%; background: none; float:left;}

}

.insaN_bg{font-size:14px; width:100%; height:100%; background: url("/images/mayor/contents/insaN1_bg.png") no-repeat; float:left; padding-top:145px; padding-bottom:175px; padding-left:350px; color:#212121; }

@media screen and (min-width: 0px) and (max-width: 550px){
.insaN_bg{width:100%; height:100%; background: none; float:left; padding:0;}
}




	/* 4李⑤찓�� �뺤쓽 
----------------------------------------------------------------------------------*/
#four_depth_nav{clear:both;  margin:20px 0 0 0; min-height:30px; width:100%; }
#four_depth_nav dt{display:none;}
#four_depth_nav dd{float:left; margin:0; padding:0; width:100%; }
#four_depth_nav dd ul {list-style-type: none; margin: 0; padding-left:2px; padding-bottom:20px; overflow: hidden; width:100%;}
#four_depth_nav dd ul li{background: none repeat scroll 0 0 #f7f7f7;border: 1px solid #D4D4D4; letter-spacing:-1px;color: #555;display: inline-block;height: 32px;line-height: 31px;width: 24.25%;float:left;margin:0 3px 3px 0;padding:0;white-space: nowrap;}
#four_depth_nav dd ul li a{display: block; font-size:13px; padding:5px 0 0 14px; color:#555c63; }
#four_depth_nav dd ul li a:hover {color:#52968a; }
	 
#four_depth_nav dd ul li a span{display:block;  line-height:1; white-space:nowrap; float:left; width:96%; height:22px; padding:5px 0 0 0; }
#four_depth_nav dd ul li a.new_win span {padding-right:27px;}

#five_depth_nav dd ul li.on span{}

#four_depth_nav dd ul li.on a{color:#FFF;}
#four_depth_nav dd ul li.on a:hover {color:#FFF; }
#four_depth_nav dd ul li.on a span,
#four_depth_nav dd ul li.on a:hover span { height:22px; margin:-6px 0 0 -15px; width:96%; padding:10px 0 0 20px; font-weight:bold; background: url("/images/icon/tab_arrow.png") no-repeat scroll 5px 10px; }
#four_depth_nav dd ul li.on{ background: #88c8bd; border:1px solid #71b6aa;}
#four_depth_nav dd ul li.on a.new_win span,
#four_depth_nav dd ul li.on a:hover.new_win span {background:url(/_wscms30/img/temp/bgTabNavTail_on3.gif) no-repeat right top; }


	/* 4李⑤찓�� �뺤쓽 �댁긽�꾨퀎 �뺤쓽
----------------------------------------------------------------------------------*/
@media screen and (max-width:850px){
#four_depth_nav dd ul li{width: 32%;}
}

@media screen and (max-width:599px){
#four_depth_nav dd ul li{width: 47%;}
}

.content_top_alert {position:relative; float:left; width:100%; overflow:hidden; padding:0; margin:0 0 10px 0;  border: none}
.alert_content {position:relative; float:left; width:100%; padding:0; text-align:left; }
.alert_content strong {}
.alert_content strong.bu {display:block; padding:0 0 0 15px; background:url(/images/board/bu_alert3.gif) no-repeat 0 4px;}
.alert_content ul li {padding:0 0 0 10px !important; background:url(/images/board/bu_alert5.gif) no-repeat 1px 8px !important;}
.alert_content ul li ul li {background:url(/images/board/bu_alert4.gif) no-repeat 1px 8px !important;}
.alert_content h4{clear:both; font-size:16px; font-weight:600; padding:3px 0 0 15px; margin:100px 0 0px 68px; background:url("/images/www/icon/h5.png") 0 7px no-repeat;}


.content_top_alert_n {position:relative; float:left; width:100%; overflow:hidden; padding:0; margin:0 0 10px 0;  border: 1px dotted #b1b0b0; box-sizing:border-box;}
.content_top_alert2 {position:relative; float:left; width:100%; overflow:hidden; padding:0; margin:0 0 10px 0;}
.alert_content_n {position:relative; float:left; width:95%; padding:10px; text-align:left;}
.alert_content strong {}
.alert_content strong.bu {display:block; padding:0 0 0 15px; background:url(/images/board/bu_alert3.gif) no-repeat 0 4px;}
.alert_content ul li {padding:0 0 0 10px !important; background:url(/images/board/bu_alert5.gif) no-repeat 1px 8px !important;}
.alert_content ul li ul li {background:url(/images/board/bu_alert4.gif) no-repeat 1px 8px !important;}
.alert_content h4{clear:both; font-size:16px; font-weight:600; padding:3px 0 0 15px; margin:100px 0 0px 68px; background:url("/images/www/icon/h5.png") 0 7px no-repeat;}


/* 媛쒖씤�뺣낫泥섎━諛⑹묠
----------------------------------------------------------------------------------*/
#content .boho_box, .indivi {position:relative; clear:both; width:100%; margin: 0 0 15px 0; font-size:12.5px;}
#content .boho_box .p_box2{font-size:14px;  border-top:1px #e3e3e3 dotted; margin:10px 0 20px 0; padding:25px 20px 25px 20px;  background-color:#fafafa; border-bottom:1px #e3e3e3 dotted;}
#content .boho_box h3{clear:both; font-size:14px;  margin:30px 0 10px 0; border-top:1px #e3e3e3 dotted; border-bottom:1px #e3e3e3 dotted; padding:5px 0 5px 30px;  background:#F0F4F5 url("/images/www/icon/h4.png") 7px 7px no-repeat;}
#content .boho_box h4{font-size:14px; padding:5px 0 5px 15px; margin:10px 0 0 20px; background:url("/images/www/icon/h5.png") 4px 7px no-repeat;}
#content .boho_box .txt_box{margin:0 30px;}

#content .boho_box .border_cc{position:relative; clear:both; margin:20px 0; width:94%; border:1px solid #ccc; padding:20px;  z-index:7;}

#content .boho_box li{padding-left:16px; margin:4px 10px 0 0; background: url("/images/www/icon/li.gif") 0 7px no-repeat; line-height:18pt;}
#content .boho_box .tab01 &gt;li{clear:both; padding-left:10px;  font-size:14px; margin:0 10px 0 10px; background: url("/images/icon/li_2.gif") 0 12px no-repeat;}
#content .boho_box .tab01 &gt;li li{font-size:14px;}
#content .boho_box li a, .indivi li a{color:#555555;}

#content .boho_box ul ul{margin:0 0 15px 0;}
#content .boho_box h3 +ul{margin-left:10px;}
#content .boho_box h4 +ul{margin-left:10px;}

#content .boho_box .none_style{background:none; padding-left:0;}

#content .boho_box .green{color:#82b131;}
#content .boho_box .orange{color:#f28301;}

/* 怨듭빟 �댄뻾�꾪솴 */
.chart_wrap{border:1px solid #ddd; background:#f5f5f6; padding:30px 30px 50px; margin-bottom:30px; text-align:center; overflow:hidden}
.chart_wrap .txt{font-size:18px; margin-bottom:20px; font-weight:bold}
.chart_wrap .bot_txt{position:absolute; width:100%; bottom:-30px; font-size:15px; display:block; }
.chart_wrap .chart{position: relative;  text-align: center;  transition: 0.3s; display:inline-block;}
.chart_wrap .chart_l{width:30%; display:inline-block; float:left; position:relative} 
.chart_wrap .chart_r{width:70%; display:inline-block; float:right; margin-top: 28px;}
.chart_wrap .chart_r .chart{ margin:12px 5px;}

.chart span.tnum{position: absolute; top: 50%;  left: 50%; font-size:18px; transform: translate(-50%, -50%);  display: block; width: 100%; text-align: center; }

.grap .item{display:inline-block; border:1px solid #d7d7d7; float: left; position:relative; width:49.5%; margin-right:1%; margin-bottom:20px; font-size: 16px;}
.grap a:nth-child(2n){margin-right:0}
.grap *{box-sizing: border-box;}
.grap .item:after{content:"";display:block;clear:both;}
.grap .item:hover,
.grap .item:focus{color:#222; border:1px solid #8e90c3;}

.grap .numb{background:#bcabdd; width: 100%; padding: 10px 0; text-align: center; display: block; position:relative; color: #fff; font-size: 20px;  font-weight: bold;}
.grap .item .con{position: relative;overflow: hidden;padding: 15px 20px 8px; width: 100%;}
.grap .item .tit{display: block;padding-bottom: 12px;margin-bottom: 14px;border-bottom: 1px dashed #b2b2b2;color:#333;font-weight: bold;font-size: 18px;line-height: 1.4;}
.grap .item ul li{position: relative; padding-left:110px;}
.grap .item ul li b{position: absolute; left:15px; display: inline-block; float: left; color: #121212; text-align:left;}
.grap .item ul li b:before{content:""; position:absolute; top: 8px; left:85px; width:1px; height:10px; background:#8A99A8}
.grap .item .btn_arr{ padding: 10px 0; display: block; width: 52px; position: absolute; top: 61%; right: 21px; text-indent: -999px;font-size:0}
.grap .item .btn_arr:before{content: ""; position: absolute; top: 26px; left: 0px; width: 51px; height: 1px; background-color: #888;}
.grap .item .btn_arr:after{content: ""; position: absolute; top: 26px; left: 44px; width: 1px; height: 15px; background-color: #888; -ms-transform: translate( 0,-78%) rotate(130deg); -webkit-transform: translate( 0,-78%) rotate(130deg); -moz-transform: translate( 0,-78%) rotate(130deg); transform: translate( 0,-78%) rotate(130deg);}


.chart_detail{border:1px solid #ddd; background:#f5f5f6; text-align:center; padding:20px 70px 90px; margin-bottom:30px; text-align:center;  position:relative; overflow:hidden}
.back_btn{position: absolute; right: 0px; bottom: 0px; background: #787878 url('/images/mayor/contents/back_arrow.png') no-repeat 17px 14px; color: #fff !important; padding: 10px 20px 6px 53px;
			line-height: 110%; border: 1px solid #6a6a6a; border-radius: 49px 0 0 49px;}

.dchart_l{margin-right:5%; display:inline-block;  vertical-align:top; font-size:17px; color: #333; text-align:center}
.dchart_l span.bot_txt{text-align:center; display:block; position: absolute; width: 100%;  bottom: -9px; font-size: 14px;}
.dchart_r{width:calc(100% - 200px); display:inline-block;  position:relative; vertical-align:top;} 
.dchart_r h4{font-size:17px; padding-left:4px}
.dchart_r h5{font-size: 14px; padding-left: 4px; color: #775aaf; background: #f7f7f7; color: #5e5e5e; padding: 5px; text-align: center; border: 1px solid #ddd;} 
.dchart_r .chart.chart1{margin-right:20px;}

.chart_detail .txt{font-size: 20px;  margin-bottom: 10px; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.chart_detail .txt span{/* border: 1px solid #555; */ display:block; background:#bcabdd; color:#fff; padding:12px 0; border-radius:50px; margin-bottom:20px; font-size: 19px;}
.chart_detail .bot_txt{position:absolute; width:100%; bottom:-20px; font-size:15px; display:block; }


.prog_box{background: #fff; display:flex; justify-content:flex-start;  padding: 20px 30px 30px;  border: 1px solid #ddd;    margin-top: -21px;}
.chart{position: relative; display:inline-block;}


.que:first-child{ border-top: 1px solid #ae9ad3; }
  
.que{font-weight: bold; color:#231815; position: relative; padding: 17px 20px;  cursor: pointer;  font-size: 15px;  border-bottom: 1px solid #dddddd; border-left: 1px solid transparent; border-right: 1px solid transparent;}
.que.on{/* border: 1px solid #8e90c3; */  background:#bcabdd; box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1);}
.que.on&gt;span{font-weight: bold;  }  
.anw {display: none; overflow: hidden; font-size: 14px; background:#f5f5f6; padding: 27px 30px;}
.num{background:#a690cf; width:24px; height:24px; display:inline-block; border-radius:50%; color:#fff; font-size:13px; text-align:center; margin-right:10px; letter-spacing:-1px; position: relative;
		top: -1px;}
.prog{border: 1px solid #8b78af; border-radius: 30px; padding: 4px 0px; width:120px; text-align:center; position: absolute; top: 12px; right: 20px; background: #fff; color: #574e6a;}
.que.on .num{background:#fff; color:#1c88c7}
.tblM{margin-top: -30px;    display: inline-block;    float: right;}
.btn_box{position: absolute; right: 30px;}
.btn_box a{background:#1c88c7; color:#fff; padding:7px 40px 7px 20px; border-radius:5px; display:inline-block;}
.btn_box .btn_down span{background:url('/images/mayor/contents/ico_down.png') no-repeat 0 0; display:inline-block; width:16px; height:11px; position:absolute; top: 13px; margin-left: 5px;} 
.btn_box .btn_link span{background:url('/images/mayor/contents/ico_link.png') no-repeat 0 0; display:inline-block; width:14px; height:14px; position:absolute; top: 10px; margin-left: 5px;}
.img_box{border:3px solid #d8d6d6; padding:40px 10px 20px; text-align:center;}
.img_box img{max-width:100%;}

.tit_li li{padding-left:80px; position:relative; word-break:keep-all}
.tit_li li span{font-weight:bold; position:absolute; left:16px}

@media screen and (max-width:765px){
.prog_box{flex-wrap:wrap;}
.dchart_l{text-align:center;width: 100%; }
.dchart_r {width: 100%; margin-top:30px;}
}

/* 二쇰�李몄뿬���뚰넻SNS */
.sns_box{padding-bottom:10px; overflow: hidden;}
.sns_box a{box-sizing:border-box; border:1px solid #bcabdd; float:left; padding:10px; text-align:center; display:inline-block; vertical-align:top; width:calc(100%/4 - 8px); margin-right:10px; font-size:15px; 
			color:#282828; font-weight:bold; transition:all ease-in 0.2s}
.sns_box a:last-child{margin-right:0}
.sns_box a:hover{border:1px solid #a693cb; box-shadow:3px 3px 5px rgba(188, 171, 221, .3);}
.sns_box img{margin-right:10px; position: relative; top: 3px;}
.sns_box span.txt{position: relative; top: -7px;}

@media screen and (max-width:765px){
	.sns_box a{width:calc(100%/2 - 10px); margin:0 5px 10px; float:left; }

	.chart_wrap .chart_l{width:100%}
	.chart_wrap .chart_r{width:100%}
}

@media screen and (max-width:499px){
	.grap .item{width:100%}
}


.round_btn{display:flex; justify-content: space-between; flex-wrap:wrap}
.round_btn a{position:relative; height: 110px; border: 1px solid #6482bb;font-weight:bold; padding: 31px 0 0px 150px; font-size:20px; width: calc(100% / 2 - 8px); display: inline-block;
				box-sizing: border-box; color: #2c4a83;}
.round_btn a img{position:absolute; left:40px; top:11px;}
.round_btn a span{font-size:15px; display:block; margin:5px 0 0 0;  font-weight:normal;}

@media screen and (max-width:765px){
	.round_btn a{width:100%; margin:0 0 10px}
}</pre></body></html>