@charset "utf-8";

* {margin:0;padding:0; box-sizing:border-box;
/*-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;*/-webkit-touch-callout:none; }
/* common reset */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,a,abbr,address,cite,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;border:0;font-size:100%;/* vertical-align:baseline; */}
body{line-height:1;/*word-wrap:break-word;word-break:break-all*/}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
img{max-width:100%;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
ol,ul{list-style:none}
html,body{height:100%;margin:0;padding:0;color:#666;font-family:'NanumG', 'Malgun Gothic', '맑은 고딕' , Dotum, '돋움', Helvetica, AppleSDGothicNeo,sans-serif;font-size:16px;line-height:140%;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0}
th,td,input,textarea,select{font-family:'NanumG', 'Malgun Gothic', '맑은 고딕' , Dotum, '돋움', Helvetica, AppleSDGothicNeo,sans-serif;font-size:14px;color:#494949}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
abbr,acronym{border:0}
hr { display:none; }
b {font-weight:600;}

legend,caption{text-indent:-999px;;overflow:hidden;position:absolute;width:0;height:0;margin:0;padding:0;line-height:0}
img,fieldset{border:0 none}
/* label{cursor:pointer; font-size:0px; text-indent:-999}*/
a{color:#666}
a:link,a:visited{text-decoration:none}
a:hover,a:active{text-decoration:underline;}
select{height:22px}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
audio[controls],canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0}
acronym,abbr{cursor:help}
abbr[title]{border-bottom:1px dotted}
ul,ol{list-style:none;list-style-image:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
label,select,input,button{vertical-align:middle}
button{border:0;cursor:pointer}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:baseline;vertical-align:middle}
button,input{overflow:visible;line-height:normal}
button,select{text-transform:none}
button[disabled],html input[disabled]{cursor:default}
button,html input[type="button"],input[type="reset"],input[type="submit"]{overflow:visible;cursor:pointer;-webkit-appearance:button}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box}
select{margin:0;padding:0;border:1px solid #ccc;box-sizing:border-box;line-height:1}
img{max-width:100%;border:0;-ms-interpolation-mode:bicubic; vertical-align:middle;}
table{ border-spacing:0;}

#map_canvas img{max-width:none;}
#map img{max-width:none;}

/* Skip Navigation */
.skip{ display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0;}
.skip:hover,
.skip:active,
.skip:focus{ width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:bold; font-size:12px; color:#333; font-family:Tahoma; line-height:1; text-decoration:none !important;}


.clearfix:after {display:block; visibility:hidden; clear:both; content:"."; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}
.clearfix {display: inline-block;}
.clearfix {display: block;}
.clear {clear:both;}
.hide {display:none;}
.skip { visibility:hidden; overflow:hidden; position:absolute; height:0; width:0; background:transparent; font-size:0;}

/* Float */
.fl{float:left !important}
.fr{float:right !important}
.clear{clear:both}
.cf:after {content:''; display:block; clear:both;}
.al_c { text-align:center !important; }
.align_cen { text-align:center !important; }

/* text */
.txt_009688 { color:#009688; }



/* Margin */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt7{margin-top:7px !important}
.mt10{margin-top:10px !important}
.mt13{margin-top:13px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}
.ml40{margin-left:40px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mb0{margin-bottom:0px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:12px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}




/*common*/
select.select1 { height:30px; border:1px solid #ddd; background:#fff; margin:0 3px; }
input.type1 { height:30px; border:1px solid #ddd; background:#fff; margin:0 3px; }
input.type2 { height:30px; border:0px solid #ddd; background:#f6f7f8; margin:0 3px; }
.btn { position:relative; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:14px; white-space:nowrap; vertical-align:middle; overflow:visible; }
.btn input, .btn a { font-weight:bold; margin:5px 1px; padding:7px 15px; color:#fff; background:#009788; }
.btn.gray a { font-weight:bold; margin:5px 1px; padding:7px 15px; color:#fff; background:#505d6e; }
.btn.like a { font-weight:600; margin:5px 1px; padding:7px 15px 7px 30px; color:#505d6f; background:#fff url(/images/health/common/like.png) no-repeat 10px 9px;  border:1px solid #e5e7ea; }
.btn.like a em { font-size:0px; height:0px; }
.btn.traffic a { font-weight:600; margin:5px 10px; padding:7px 15px 7px 40px; color:#505d6f; background:#fff url(/images/health/common/btn_car.png) no-repeat 10px 7px;  border:1px solid #e5e7ea; }
.btn.white a { font-weight:600; margin:5px 1px; padding:7px 15px; color:#505d6f; background:#fff ;  border:1px solid #e5e7ea; }
.btn.type_list a { font-weight:600; margin:5px 1px; padding:7px 15px 7px 40px; color:#505d6f; background:#fff url(/images/health/board/ico_list.png) no-repeat 10px 7px;  border:1px solid #e5e7ea; }
.btn.type_calendar a { font-weight:600; margin:5px 1px; padding:7px 15px 7px 40px; color:#505d6f; background:#fff url(/images/health/board/ico_cal.png) no-repeat 10px 7px;  border:1px solid #e5e7ea; }
.btn.cart a { font-weight:bold; margin:5px 1px; padding:7px 50px 7px 15px; color:#fff; background:#009788 url(/images/health/common/btn_cart.jpg) no-repeat right top; }


.btn.type_list_ov a { font-weight:600; margin:5px 1px; padding:7px 15px 7px 40px; color:#fff; background:#009788 url(/images/health/board/ico_list_ov.png) no-repeat 10px 7px; }
.btn.type_calendar_ov a { font-weight:600; margin:5px 1px; padding:7px 15px 7px 40px; color:#fff; background:#009788 url(/images/health/board/ico_cal_ov.png) no-repeat 10px 7px; }

.btn.type_list a:hover, .btn.type_list a:focus { color:#fff; background:#009788 url(/images/health/board/ico_list_ov.png) no-repeat 10px 7px; }
.btn.type_calendar a:hover, .btn.type_calendar a:focus { color:#fff; background:#009788 url(/images/health/board/ico_cal_ov.png) no-repeat 10px 7px; }

.btn.down a { font-weight:600; font-size:24px; margin:5px 1px; padding:15px 30px 15px 45px; color:#fff; background:#ffb607 url(/images/health/common/btn_down.png) no-repeat 15px center;   }


/* liStyle */
.ul_list01 { font-size:14px;}
.ul_list01 li { line-height:1.7em; letter-spacing:-0.7px;}
.ul_list01 li span { font-weight:600; color:#269e92; background:url(/images/health/common/li_dot.gif) no-repeat left 11px; padding:3px 0 3px 8px; }




/* paging2 */
.paging { overflow:hidden; width:100%; margin:40px 0 0 0; text-align:center; }
.paging ul { overflow:hidden; display:table; display:inline-block; margin:0 auto; }
.paging ul li { float:left;  }
.paging ul li.num { border:none; }
.paging ul li.num ul li a { border:1px solid #ddd; margin-left:-1px; background:#fff; padding:3px 10px 3px 10px ; display:block; }
.paging ul li.num ul li a:hover { background:#009788; color:#fff; font-weight:600; }
.paging ul li.num ul li a.on { background:#009788; color:#fff; font-weight:600; }

/* 본문바로가기  */
.accessibility {overflow:hidden;position:relative;z-index:1000;width:100%;}
.accessibility a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
.accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1;color:#fff;}

.wrap{position:relative;max-width:1200px;width:100%;margin:0 auto;}
/*
@media only screen and (max-width:970px) {
	.wrap{width:100%}
	.tablet_skip { display:none;}
	.wrap .satisfaction{margin:35px 0 35px 0px;}
}

@media only screen and (max-width:640px) {
	.mobile_skip { display:none;}
}

*/


/* Header */
#header {position:relative;z-index:12;background:url(/images/health/header_bg.gif) repeat-x;}
#header .wrap {  }
#header .logo {position:absolute;left:0;top:54px;z-index:0;}

#header .top_link { position:absolute; left:0; top:0; width:1200px; font-size:14px;}
#header .top_link a.cont_go { display:none; padding-right:25px; height:40px; line-height:40px; background:url(/images/portal/common/access_btn.png) no-repeat right center; font-size:13px; color:#313131; font-weight:600;}
#main #header .top_link a.sub_view { display:none !important;}
#sub #header .top_link a.main_view { display:none !important;}

#header .top_link button.tit { display:none;}
#header .top_link ul {  }
#header .top_link ul li { float:left; }
#header .top_link ul li a { display:inline-block; padding:0 15px; height:39px; background:#fff; border-left:1px solid #e5e5e5; text-align:center; line-height:39px; color:#333;}
#header .top_link ul li.first a { border-left:none; background:#367acd; color:#fff;}
#header .top_link ul li.first a span { display:inline-block; }

#header .top_link ul.lang { float:right;  }
#header .top_link ul.lang li{ height:39px; }

#header .top_link ul.lang li.font { line-height:39px; padding:0 20px; }
#header .top_link ul.lang li a.sns { padding:0px; border-left:0px; }





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

#header .top_link a.cont_go { display:none;}
#header .top_link ul { left:0; margin:0; width:100%; }
#header .top_link ul li a { display:block; width:auto; height:39px;  }
#header .top_link ul.lang {/* display:none; */position:absolute;top:0;left: 85%;width: 132px;}
#header .top_link ul.lang li{display:none}
#header .top_link ul.lang li:nth-child(6),#header .top_link ul.lang li:nth-child(7),#header .top_link ul.lang li:nth-child(8){display:block;width: 44px;}
}
#header .top_link ul li.sns_wrap{display:block !important}

@media only screen and (max-width:640px) {
#header .logo  {max-width:65%; z-index:0;}
#header .logo img { width:100%; margin:-5px 0 0 10px; }
#header .top_link { position:relative; top:0; width:180px; z-index:9999;}
#header .top_link button.tit { display:block; width:100%;  height:40px;  background:url(/images/portal/common/toplink_bg_off.png) no-repeat 90% center #e5e5e5; line-height:40px; font-size:13px; color:#555555; font-weight:600; text-align:left; transition: background-color 0.35s ease-in-out;}
#header .top_link button.tit.on { background:url(/images/portal/common/toplink_bg_on.png) no-repeat 90% center #7d7d7d; color:#ffffff; }
#header .top_link button.tit span { padding-left:5%;}
#header .top_link .cont { display:none; position:absolute; left:0; top:40px; width:100%; background:#383838; }
#header .top_link ul  {  position:relative; left:0%; margin-left:0; width:100%; }
#header .top_link ul li { float:none; width:100%; }
#header .top_link ul li a { border-top:1px solid #e5e5e5; border-left:none;}

}

#header {background-color:#ffffff; border-bottom:2px solid #336ac0; height:120px; }
#header .logo { z-index:13;}
#header .flag { position:absolute; left:130px; top:50px; z-index:14;}
#header .flag a { display:block;}



/* 메뉴 */



#lnb .wrap { right:-160px; z-index:13; width:1000px; height:75px; margin-top:-80px;  }
#lnb .top1menu { display:inline-block; }
/*#lnb .top2mbg {display:none;position:absolute;top:40px;left:0;width:100%;height:200px;border:solid 3px #2b52a7; border-top:none;box-sizing:border-box;background:#fff;}*/
#lnb ul {margin:0; padding: 0; }
#lnb ul li {display: inline-block; float: left; margin: 0;padding: 0;  }
#lnb ul li:first-child a.tit { margin-left:30px; }
#lnb ul li a {display:block;  padding:27px 10px 26px; font-size:21px; font-weight:600; letter-spacing:-0.5px; line-height:22px; color:#1b1b1b; text-decoration:none}
#lnb ul li a.tit.hover,#lnb ul li a.tit:hover { color:#336ac0; border-bottom:4px solid #dd5073; padding-bottom:26px}


#lnb ul li > div{display:none;}
#lnb ul div.top2m {display:none;position:absolute;left:0;top: 79px;z-index:300;margin-left: -260px;width:1200px;min-height:200px;border-top:1px solid #336ac0;background:#fff;transition:height 2s ease-in-out;box-shadow:0 30px 30px rgba(0,0,0,0.2);}
#lnb ul div.top2m div {position:relative;z-index:920;margin:0;padding:10px 20px 20px 260px; }

#lnb ul div.top2m div .tit_area { position:absolute; left:0; top:0; width:240px; min-height:200px; padding:20px 20px; background:#f7f7f7; text-align:center; }
#lnb ul div.top2m div .tit_area .tit { padding:25px 0 5px 0 ; /*background:url(/images/health/common/top_depth2_titbg.gif) no-repeat center top;*/  font-size:22px; font-weight:600; color:#313131;}
#lnb ul div.top2m div .tit_area .text { font-size:13px;  }

#lnb ul ul li { float:left; margin:0.5% 0.5%; width:32%; background:#dde6f4; font-weight:600; }
#lnb ul ul li.split_line { float:none; width:100%; padding:0;}
#lnb ul ul li a { padding:10px 10px; color:#333; font-size:15px; text-align:center;}
#lnb ul ul ul {display:block; padding-top:10px;  background:#ffffff;}
#lnb ul ul ul li { float:none; padding:0; width:100%; background:none;  }
#lnb ul ul ul li a { display:block; font-weight:normal; color:#48505e; padding:1px 5px 2px 15px; background:url(/images/portal/common/deth3_bu.gif) no-repeat 8px center; line-height:15px; font-size:14px; text-align:left; }
#lnb ul ul ul li a:hover { color:#4a75ae; }
#lnb img { margin-left:5px;}

/*분야별정보 메뉴*/
.web #lnb .part_info { padding:0; background:#fff; }
#lnb ul div.part_info div  { height:110px; width:98%; padding:30px 0% 30px 2%; }

.web #lnb .part_info ul li { width:11%; margin:0; background:none; text-align:center}
.web #lnb .part_info ul li a { padding:0 20px; color:#313131; font-size:14px;letter-spacing:-1px;}
.web #lnb .part_info ul li a:hover { font-weight:600; color:#336ac0;}
.web #lnb .part_info ul li a span.img_area { display:block; width:80px; height:80px; margin:0 auto 5px; background-repeat:no-repeat; background-position:center; background-color:#336ac0;  border-radius:50px; transition:all 0.35s ease-in-out;}
.web #lnb .part_info ul li a:hover span.img_area { background-color:#1facb9;}
.web #lnb .part_info li ul { display:none;}

.lnb_m_nav, .mask, .lnb_logo, .lnb_close{display:none;}
.lnb_bg {  display:none; position:absolute; left:0; top:143px; width:100%;  min-height:42px;  }


@media only screen and (max-width:970px) {
	#lnb .wrap {  width:auto; height:auto; margin:0;  padding:0; right:0;}
	#lnb ul div.top2m { width:100%; margin:0;}

	.lnb_m_nav {display:block;position:absolute; top:45px;right:10px;z-index:910;}
	.lnb_m_nav .open{width:60px;height:60px;background:url(/images/portal/common/topmenu_m_btn_open.png) no-repeat center center #103268;font-size: 0;}
	#lnb .top2mbg{display:none}
	#lnb {overflow-y:scroll; position:fixed; top:125px; right:-280px; z-index:920; left:inherit; width:280px; height:70%; background:#103268; }
	#lnb .top1menu{z-index:930; width:100%; left:0; top:0 ;}
	#lnb ul li {display:block;float: none; width:100%;}
	#lnb ul li a{ display:block; margin:0;padding:20px 7%;background:url(/images/portal/common/depth1_m_off.png) no-repeat 95% 45%;border-bottom:solid 1px #405b86; text-align:left;color:#ffffff;}
	#lnb ul li:first-child a { border-top:none;     margin-left: 0 !important; }
	#lnb ul li a.tit.active,#lnb ul li a.tit:hover {padding:20px 7% 21px; background:url(/images/portal/common/depth1_m_on.png) no-repeat 95% 45% #5c94e2; border:none; color:#ffffff;}
	#lnb ul div.top2m { position:static; padding:0; min-height: auto;}
	#lnb ul div.top2m div{border:none; background:#ffffff; padding:0;}
	#lnb ul ul {padding:0;}
	#lnb ul ul li{ float:none;  width:100%; margin:0; padding:0;background:url(/images/portal/common/depth2_m_bg.gif) no-repeat 9% 21px #ffffff;border:none; }
	#lnb ul ul li.split_line  { display:none;}
	#lnb ul ul li a{padding:13px 8% 12px 14%;background:none; border:none; color:#5b5e64; font-size:15px; text-align:left;}
	#lnb ul li li a.active,  #lnb ul li li a:hover { padding:13px 8% 12px 14%; color:#00379a}
	#lnb ul ul ul{display:none;padding:10px 0 7px; background:#ececec; }
	#lnb ul ul ul li{ float:none;  border:none;}
	#lnb ul ul ul li a {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth3_m_bg.gif) no-repeat 8% 15px #ececec;color:#535353; text-align:left;}
	#lnb ul ul ul li a:hover {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth3_m_bg.gif) no-repeat 8% 15px #ececec; color:#535353;}
	#lnb ul ul ul ul { display:none; padding:10px 0 ; background:#cddbeb;}
	#lnb ul ul ul ul li a {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth4_m_bg.gif) no-repeat 8% 15px #cddbeb; }
	#lnb ul ul ul ul li a:hover {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth4_m_bg.gif) no-repeat 8% 15px #cddbeb; color:#535353;}

	#lnb ul .m1 ul,	#lnb ul .m2 ul,	#lnb ul .m3 ul,	#lnb ul .m4 ul,	#lnb ul .m5 ul,	#lnb ul .m6 ul,	#lnb ul .m7 ul{margin:0;}
	#lnb ul div.top2m.m5 {border-right:none}
	.lnb_close{display: none;position:fixed;right:70px;top: 45px;z-index:910;}
	.lnb_close button{width: 60px;height: 60px;background:url(/images/portal/common/topmenu_btn_close.png) no-repeat center center #5c94e2;font-size:0;}
	.mask{  position: fixed; top: 0; left: 0;  z-index: 900; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
	#lnb .depth1 .m6 .tit_arae { display:none;}
	#header .weather { display:none;}

}




/*검색*/
#header .search_btn {display:block;position:absolute;top:40px;right:0; z-index:15;}
#header .search_btn button {display:block;width:90px;height:100px; padding-top:50px; background:url(/images/portal/common/search_btn.png) no-repeat center 25px #336ac0;  font-size:14px; color:#ffffff;}

/*
@media only screen and (max-width:970px) {

	#header .search_btn { position:absolute; left:auto; right:70px; top:55px;}
	#header .search_btn button { width:70px;height:70px;background:url(/images/portal/common/search_btn_m.png) no-repeat center center #5c94e2; font-size:0}
}


@media only screen and (max-width:640px){
	.lnb_m_nav {top:55px !important;}
	.lnb_m_nav .open{width:50px !important;height:50px !important;}
	.lnb_close{right:60px !important;top:55px !important;  }
	.lnb_close button{width:50px !important;height:50px !important;}
	#lnb { top:115px !important;  }
	#header .search {top:115px !important;  }
	#header .search_btn { right:50px; top:65px;}
	#header .search_btn button {width:50px !important;height:50px !important;}
	#lnb ul li a.gov30 { background:none; padding-left:20px; }
}
*/



#container { width:100%;}

#footer .wa_mark { display:inline-block; position:absolute; right:65px; bottom:0;}
.foot_bottom .footer_info p.notice { padding-right:170px;}

#footer { clear:both; width:100%; border-top:1px solid #ddd;  }

.ir {display:block;overflow:hidden;float:left;margin:0;padding:0;color:transparent;text-indent:-9999em}
.img_comn {background: url(/images/portal/common/img_comn.png);background-repeat:no-repeat;}
.inner { position:relative; z-index:10; width:1200px; margin:0 auto; }

/* 하단 배너 */
#foot_banner {overflow:hidden;position:relative; height:100px; width:1200px; margin:10px auto;}

#foot_banner h3 { position:absolute; top:27px; left:0px; }
#foot_banner .fb_box {position:absolute; width:1100px; height:44px;margin:15px 0 0 145px;;overflow:hidden}
#slider_foot_banner {position:absolute; width:1080px; }
#slider_foot_banner li {float:left;}
#foot_banner .control {position:absolute;top:27px;left:70px;width:60px;}
#foot_banner .control button, #foot_banner .control a {position:absolute;width:24px;height:24px}
#foot_banner .control .btn_prev {top:0;left:0;background-position:0 -146px}
#foot_banner .control .btn_prev:hover, #foot_banner .control .btn_prev:active, #foot_banner .control .btn_prev:focus {background-position:0 -176px;z-index:1}
#foot_banner .control .btn_next {top:0;left:23px;background-position:0 -206px}
#foot_banner .control .btn_next:hover, #foot_banner .control .btn_next:active, #foot_banner .control .btn_next:focus {background-position:0 -236px;z-index:1}
#foot_banner .control .btn_more {top:0px;left:46px;background-position:0 -266px}
#foot_banner .control .btn_more:hover, #foot_banner .control .btn_more:active, #foot_banner .control .btn_more:focus {background-position:0 -296px;z-index:1}
#foot_banner .control .btn_stop {top:0px;left:69px;background-position:0 -326px}
#foot_banner .control .btn_stop:hover, #foot_banner .control .btn_stop:active, #foot_banner .control .btn_stop:focus {background-position:0 -356px;z-index:1}
#foot_banner .control .btn_play {display:none;top:0px;left:69px;background-position:0 -386px}
#foot_banner .control .btn_play:hover, #foot_banner .control .btn_play:active, #foot_banner .control .btn_play:focus {background-position:0 -416px;z-index:1}





/* 하단 메뉴 */
#foot_menus {position:relative;height:48px;border:1px solid #dbdbdb; border-width:1px 0; z-index:999; margin-top:-1px; }
.foot_menus > li {float:left;position:relative;width:298px}
.foot_menus > li > button {position:relative;display:block;width:100%;height:46px;padding-left:30px; border-right:1px solid #dbdbdb; background-position:260px 20px; text-align:left; font-size:14px;}
.foot_menus > li:first-child > button {border-left:1px solid #dbdbdb;}
.foot_menus > li.active > button {background-position:260px -40px}
.foot_menus  div {display:none;position:absolute;left:-1px;right:0;padding-bottom:1px;border:1px solid #cfcfcf;border-bottom:0;background:#fff;}
.foot_menus .fm_1 {top:-232px;height:231px;padding-top:12px}
.foot_menus .fm_2 {top:-286px;height: 285px;left: 0;padding-top:12px;}
.foot_menus .fm_3 {top:-325px;height:325px;padding-top:27px}
.foot_menus .fm_4 {top:-130px;height:129px;padding-top:21px}

.foot_menus ul .col2 {float:left;width:48%}

.foot_menus ul .clear {clear:both}
.foot_menus ul li a { display:block; padding-left:23px;background-position:30px -599px; line-height:2; font-size:14px;}


.foot_menus ul li a:hover, .foot_menus ul li a:active, .foot_menus ul li a:focus {color:#22aeb3}
.foot_menus .close {position:absolute;top:-1px;right:-1px;width:30px;height:30px;background-color:#37383a;background-position:50% -105px; }
.foot_menus .close:hover, .foot_menus .close:active, .foot_menus .close:focus {background-color:#36bfc4}

/*qr코드 추가*/
.qrcode { float: right; }

#foot_info { padding:26px 0 40px; }
#foot_info .inner {position:relative}
#foot_info address{font-size:13px; color:#666;}
.foot_logo {width:181px;height:84px;margin:0px 36px 0 0px; float:left;}
.copyright {font-size:13px; margin-top:1px;color:#888; }

/*

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


	#foot_banner { display:none; }
	#foot_menus { clear:both; border:0px solid #dbdbdb; border-width:0; height:100%;}
	#foot_menus .foot_menus > li  { float:none; width:100%; border-bottom:1px solid #dbdbdb; background:#ebebeb; }
	#foot_menus .foot_menus > li > button { border-right:0px solid #dbdbdb; background-position:95% 20px; }
	#foot_menus .foot_menus > li:first-child > button { border-left:0px solid #dbdbdb; }
	
	#foot_info { padding:20px; }
}

*/


@media only screen and (max-width:960px) {
        #foot_menus { clear:both; border:0px solid #dbdbdb; border-width:0; height:100%;}
	#foot_menus .foot_menus > li  {float:none;width:100%;border-bottom:1px solid #dbdbdb;background-color: #ebebeb;}
	#foot_menus .foot_menus > li > button { border-right:0px solid #dbdbdb; background-position:95% 20px; }
	#foot_menus .foot_menus > li:first-child > button { border-left:0px solid #dbdbdb; }
        #foot_banner{width:100%; height:120px;}
        #foot_info address, .copyright{width:80%; margin:0px auto;}
        .foot_logo{display:none;}

        #foot_banner{ height:130px;}
       .inner { width:100%; margin:0 auto; }
}

/* 메인 팝업존 popupZone */
#m_popupZone2{position:relative;}
#m_popupZone2 h3{position:absolute; left:20px; top:10px; color:#333; font-weight:600;}
#m_popupZone2 .control{width:140px; height:40px; position:absolute; top:0px; right:15px;}
#m_popupZone2 .control button{width:21px; height:21px; float:left; margin:14px 2px; text-indent:-9999px;}
#m_popupZone2 .control .bx-pager {color:#000;}
#m_popupZone2 .control .none{display:none;}
#m_popupZone2 .bx-controls{float:left; padding:14px 20px 0 0;}
#m_popupZone2 .btn_prev{width:30px; height:30px; background:url('/images/health/popup_btn_prev2.png') no-repeat;}
#m_popupZone2 .btn_stop{background:url('/images/health/popup_btn_stop2.png') no-repeat;}
#m_popupZone2 .btn_play{background:url('/images/health/popup_btn_play2.png') no-repeat;}
#m_popupZone2 .btn_next{background:url('/images/health/popup_btn_next2.png') no-repeat;}
#m_popupZone2 .btn_prev{background:url('/images/health/popup_btn_prev2.png') no-repeat;}


.health_more{position:absolute; top:-38px; right:20px; width:18px; height:18px; display:block; }
/*
@media only screen and (max-width:1220px) {
	#main{width:1903px;}
}
*/
#map{height:400px;}

/*문화회관_편의시설*/

.easy_tip .linee{width: 23px;height: 2px;background-color:#e66078;display: block;overflow: visible;visibility: visible;border: none;margin-bottom: 5px;position: relative;}
.easy_tip h2{font-size: 19px;font-weight:700;margin-bottom: 16px;}
.easy_tip > dt{float:left;width:30%;}
.easy_tip > dd{float:left;width:70%;overflow:hidden;margin-bottom: 30px;}

.easy_tip dl dt{float:left;width: 10%;background-color: #e66078;color: white;text-align: center;margin: 0 5% 5px 0;line-height: 1.5em;}
.easy_tip dl dd{float:left;width: 75%;margin-bottom: 5px;line-height: 1.5em;}

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

	.easy_tip > dt{width:100%}
	.easy_tip > dd{width:100%}

	.easy_tip dl dt{width:20%}
	.easy_tip dl dd{width:70%}

	.easy_tip .linee{margin-top:20px}
}

@media only screen and (max-width:700px) {
.box-step.col-3 li{width:100%;float:none;}
.box-step li.arrow{height:70px;transform: rotate(90deg)}
.box-step.col-2 li{width:100%;float:none}
.indent{margin:0}
ul.bu2{padding-left:5px}
p.title.indent{margin-left:30px}
p.title.indent.sp{margin-left:0px}
pre{width: 382px;overflow-x: scroll;/* overflow: visible; */}
}