@charset "utf-8";
/*#slogan { font-family:Nanum Myeongjo; color:#fff; letter-spacing:-5px; font-size:65px; line-height:60px; text-shadow:2px 1px 2px #74767b; }
#slogan .eng { color:#fff; letter-spacing:-1px; font-family:Times New Roman; font-size:35px; }*/
#slogan { width:0; height:0; text-indent:100%; white-space:nowrap; overflow:hidden; font-size:0; line-height:0; }
#data_control { width:100% !important; }

.wrap { position:relative; width:1000px; margin:0 auto; }
body.sub .wrap { position:relative; width:1060px; margin:0 auto; }
body#culture { background:url('/open_content/images/culture_tbg.gif') repeat-x left 48px; }
body#traffic { background:url('/open_content/images/traffic_tbg.gif') repeat-x left 48px; }
body#welfare { background:url('/open_content/images/welfare_tbg.gif') repeat-x left 48px; }
body#safety { background:url('/open_content/images/safety_tbg.gif') repeat-x left 48px; }
body:before {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:48px; }

#top { height:192px; z-index:10; }
#top h1 { font-size:19px; font-weight:800; color:#69737a; }
#top h1.safey { font-size:16px; }
#top #gnb { float:right }
#top #gnb li { float:left; }
#top ul.gnb_menu { float:left; margin-top:7px; padding:0px 5px; height:25px; } 
#top ul.gnb_menu li { float:left; }
#top ul.gnb_menu li a { display:block; line-height:25px; text-align:center; font-size:13px; font-weight:bold; color:#fff; }
#top ul.gnb_menu.login { width:90px; background:url(/open_content/images/facility/gnb_login_bg.png) no-repeat left top; }
#top ul.gnb_menu.login li { width:95px; }
#top ul.gnb_menu.login li a { background:url(/open_content/images/facility/ic_gnb_login.png) no-repeat 10px center; }
#top ul.gnb_menu.logout { width:170px; background:url(/open_content/images/facility/gnb_logout_bg.png) no-repeat left top; }
#top ul.gnb_menu.logout li { background:url(/open_content/images/facility/gnb_bar.gif) no-repeat left center; }
#top ul.gnb_menu.logout li.nobar { background:none }
#top ul.gnb_menu.logout li a { padding:0px 13px; }
#culture #top #gnb li { border-right:1px solid #33a1db; }
#traffic #top #gnb li { border-right:1px solid #578a6d; }
#welfare #top #gnb li { border-right:1px solid #8576b7; }
/*#safety #top #gnb li { border-right:1px solid #33dbc5; }디자인상생략*/
#top ul.gnb_menu2 { float:left; margin-top:7px; padding:0px 5px; height:25px; } 
#top ul.gnb_menu2 li { float:left; }
#top ul.gnb_menu2 li a { display:block; line-height:25px; text-align:center; font-size:13px; font-weight:bold; color:#fff; }
#top ul.gnb_menu2.login2 { /*width:166px;*/ background:url(/open_content/images/facility/gnb_login_bg2.gif) no-repeat left top; }
#top ul.gnb_menu2.login2 li { width:95px; }
#top ul.gnb_menu2.login2 li a {background:url(/open_content/images/facility/ic_gnb_login.png) no-repeat 10px center; }
#top ul.gnb_menu2.login2 li.last_gnb { width:70px; margin-left:-3%;}
#top ul.gnb_menu2.login2 li a.gnb_eng { background:none; }
#top ul.gnb_menu2.logout2 { width:230px; background:url(/open_content/images/facility/gnb_logout_bg2.gif) no-repeat left top; }
#top ul.gnb_menu2.logout2 li { background:url(/open_content/images/facility/gnb_bar.gif) no-repeat left center; }
#top ul.gnb_menu2.logout2 li.nobar { background:none }
#top ul.gnb_menu2.logout2 li a { padding:0px 8px; }
#top ul.gnb_menu2 a span.eng { padding-right:10px; background:url(/open_content/images/facility/r_arrow.png) no-repeat right center; }

#top #gnb li a { display:block; width:130px; text-align:center; line-height:40px; color:#fff; font-size:14px; font-weight:600; }
#top #gnb li a:hover, #top #gnb li a:active, #top #gnb li.on a { line-height:39px; color:#333; background:#fff; border-top:1px solid #ddd; }
#top #gnb li.main a { background:#515151; }
#top #gnb li.main a:hover, #top #gnb li.main a:active { color:#fff; }

#pzone { position:relative; float:left; width:415px; height:145px; }
#pzone>ul { padding-left:33px; }
#pzone .con2 .pbtn { top:16px; }
#pzone .con3 .pbtn { top:32px; }
#pzone .con4 .pbtn { top:48px; }
#pzone .con5 .pbtn { top:64px; }
#pzone .con6 .pbtn { top:80px; }
#pzone .con7 .pbtn { top:96px; }

#footer { padding:30px 0; background:#ededed; }
#footer .copy_logo_childrenpark { display:none; }
#footer>div>img { position:absolute; left:0; top:0; }
#footer ul, address, #footer p { padding-left:150px; }
#footer ul { overflow:hidden; margin-bottom:10px; }
#footer ul li { float:left; padding:0 10px; background:url('/open_content/images/copy_bar.gif') no-repeat left 5px; }
#footer ul li:first-child { padding-left:0; background:none; }
#footer ul li.pim a{ font-weight:bold; color:#186dcd; }

/*sub*/
body.sub #container>div { overflow:hidden; }
body.sub #contents { float:right; width:790px; margin-top:145px; }
body.sub #con_title { position:relative; width:100%; padding-bottom:20px; margin-bottom:35px; border-bottom:1px solid #e6e6e6; }
body.sub #con_title h3 { font-size:30px; line-height:35px; color:#474546; }
body.sub #con_title ul { position:absolute; right:0; top:0; }
body.sub #con_title ul li { float:left; margin-left:7px; }
body.sub #con_title ul li a { display:block; overflow:hidden; width:24px; height:23px; background:url('/open_content/main/images/sub/location_sns.gif') no-repeat; text-indent:100%; white-space:nowrap; }
body.sub #con_title ul li.tw a { background-position:-31px top; }
body.sub #con_title ul li.facebook a { background-position:-62px top; }
body.sub #con_title ul li.kakao a { background-position:-93px top; }
body.sub #con_title ul li.blog a { background-position:-155px top; }
body.sub #con_title ul li.bookmark a { background-position:-124px top; }
body.sub #con_title ol { position:absolute; right:0; top:35px; }
body.sub #con_title ol li { float:left; padding-left:10px; padding-right:4px; background:url('/open_content/main/images/sub/location_point.gif') no-repeat left 4px; }
body.sub #con_title ol li:first-child { padding-left:3px; background:none; }
body.sub #con_title ol li:first-child img { margin-top:3px; }
/*body.sub #footer { border-top:1px solid #e6e6e6; background:#fff; }*/
body.sub #lmenu { float:left; width:223px; padding-bottom:30px; }
body.sub #lmenu>ul>li>a { display:block; padding:15px 20px; font-size:14px; font-weight:600; border-bottom:1px solid #e6e6e6; background:#fff; }
body.sub #lmenu>ul>li>a:hover, body.sub #lmenu>ul>li>a:active, body.sub #lmenu>ul>li.on>a { text-decoration:none; }
body#culture.sub #lmenu>ul>li>a:hover, body#culture.sub #lmenu>ul>li>a:active, body#culture.sub #lmenu>ul>li.on>a { color:#0074ba; background:#fff url('/open_content/images/lmenu_subon.gif') no-repeat right center; }
body#traffic.sub #lmenu>ul>li>a:hover, body#traffic.sub #lmenu>ul>li>a:active, body#traffic.sub #lmenu>ul>li.on>a { color:#1a5935; background:#fff url('/open_content/images/lmenu_subon_traffic.gif') no-repeat right center; }
body#welfare.sub #lmenu>ul>li>a:hover, body#welfare.sub #lmenu>ul>li>a:active, body#welfare.sub #lmenu>ul>li.on>a { color:#6754a5; background:#fff url('/open_content/images/lmenu_subon_welfare.gif') no-repeat right center; }
body#safety.sub #lmenu>ul>li>a:hover, body#safety.sub #lmenu>ul>li>a:active, body#safety.sub #lmenu>ul>li.on>a { color:#0d837b; background:#fff url('/open_content/images/lmenu_subon_safety.gif') no-repeat right center; }
body.sub #lmenu .depth3 { padding:15px 25px; border-bottom:1px solid #e6e6e6; background:#f4f4f4; }
body.sub #lmenu .depth3 li { margin-bottom:3px; }
body.sub #lmenu .depth3 a:hover, body.sub #lmenu .depth3 a:active, body.sub #lmenu .depth3 a.on { /*text-decoration:underline;*/ font-weight:600; color:#000; }

body.sub #detail_con { position:relative; min-height:350px; padding-bottom:30px; font-size:13px; line-height:20px; }
body.sub #div.agreeCheck_control { width:100%; }


.home_box { overflow:hidden;  position:relative;  }
.home_box ul { width:100%; min-height:347px; }

.home_box .view {  display:none; position:absolute; left:15px; top:8px; width:73%;  }
.home_box .view  img { width:100% ;}
.home_box .on .view { display:block;  }
.home_box li  { margin-top:8px; }
.home_btn  { margin-top:40px; text-align:center; }

#tab { width:100%; margin:0 auto 35px; }
#tab table { width:100%; table-layout:fixed; }
#tab table td { padding:1px; }
#tab table td a { display:block; text-align:center; padding:10px; font-size:14px; font-weight:600; border:1px solid #707070; background:#f8f8f8; }
#tab table td a:hover, #tab table td a:active, #tab table td.on a { background:#fff; color:#333; text-decoration:none; border:1px solid #707070; border-top:3px solid #3e3e3e; }
/*조직도 탭*/
#tab ul { width:100%; }
#tab ul li { display:inline-block; margin-bottom:4px; }
#tab ul li a { display:block; text-align:center; padding:10px; font-size:14px; font-weight:600; border:1px solid #c5c5c5; background:#f8f8f8; }
#tab ul li a:hover, #tab ul li a:active, #tab ul li.on a { background:#fff; color:#0075b3; text-decoration:none; border:1px solid #0075b3; border-top:3px solid #0075b3; margin-top:-2px; }


#detail_con h4 { margin-top:40px; padding-left:23px; font-size:18px; }
#detail_con h4.mt0 { margin-top:0; }
.sblet { padding-left:16px; font-size:16px; font-weight:600; }
.ssblet { margin-bottom:8px; padding-left:13px; }
.sssblet { margin-top:3px; padding-left:9px; }
.ssssblet { padding-left:9px; font-size:12px; background:url('/open_content/main/images/sub/ssssblet.gif') no-repeat left 10px; }
.dotblet { padding-left:6px; font-size:11px; letter-spacing:-1px; background:url('/open_content/main/images/dotblet.gif') no-repeat left 9px; }

#culture #detail_con h4 { color:#2173bf; background:url('/open_content/images/blet_culture.gif') no-repeat left 3px; }
#culture .sblet { color:#28587f; background:url('/open_content/images/sblet_culture.gif') no-repeat left 7px; }
#culture .ssblet { background:url('/open_content/images/ssblet_culture.gif') no-repeat left 6px; }
#culture .sssblet { background:url('/open_content/images/sssblet_culture.gif') no-repeat left 7px; }
#traffic #detail_con h4 { color:#296636; background:url('/open_content/images/blet_traffic.gif') no-repeat left 3px; }
#traffic .sblet { color:#296636; background:url('/open_content/images/sblet_traffic.gif') no-repeat left 7px; }
#traffic .ssblet { background:url('/open_content/images/ssblet_traffic.gif') no-repeat left 6px; }
#traffic .sssblet { background:url('/open_content/images/sssblet_traffic.gif') no-repeat left 7px; }
#welfare #detail_con h4 { color:#6755a4; background:url('/open_content/images/blet_welfare.gif') no-repeat left 3px; }
#welfare .sblet { color:#6755a4; background:url('/open_content/images/sblet_welfare.gif') no-repeat left 7px; }
#welfare .sbleta { color:#6755a4; letter-spacing:-0.03em; line-height:1.5em; font-size:20px; font-weight:600;}
#welfare .ssblet { background:url('/open_content/images/ssblet_welfare.gif') no-repeat left 6px; }
#welfare .sssblet { background:url('/open_content/images/sssblet_welfare.gif') no-repeat left 7px; }
#safety #detail_con h4 { color:#128981; background:url('/open_content/images/blet_safety.gif') no-repeat left 3px; }
#safety .sblet { color:#128981; background:url('/open_content/images/sblet_safety.gif') no-repeat left 7px; }
#safety .ssblet { background:url('/open_content/images/ssblet_safety.gif') no-repeat left 6px; }
#safety .sssblet { background:url('/open_content/images/sssblet_safety.gif') no-repeat left 7px; }

/* .tbox { padding:20px; background:#f5f8fa; text-align:center; border:1px solid #cde2ec; border-bottom:1px solid #8ab6ca } */
.tbox { padding:20px; background:#f9f9f9; border:1px solid #ddd; border-bottom:1px solid #ccc } 
.tbox2 { padding:20px; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #919191; border-bottom:1px solid #919191; background:#fcfcfc;}
.tbox2 .tbg { display:block; position:absolute; left:50%; top:-10px; margin-left:-30px; width:59px; height:21px; background:url('/open_content/images/facility/tbox2_tbg.gif') no-repeat; }

.btn { display:inline-block; padding:5px 10px; background:#ccc; }
a.btn { display:inline-block; min-width:40px; padding:5px 12px; border:1px solid #b9b9b9; background:#fff url("/open_content/main/images/sub/btn_w.gif") repeat-x left bottom; color:#525252; text-align:center; font-weight:bold; font-size:1em; cursor:pointer; }
a.btn span { display:block; padding:0px 10px 1px 30px; }
a.btn .down { background:url('/open_content/images/facility/btn_down.gif') no-repeat left center; }
a.btn .ebook { padding-left:38px; background:url('/open_content/images/facility/btn_ebook.gif') no-repeat left center; }
a.btn .window { background:url('/open_content/images/facility/btn_window.gif') no-repeat left center; }
a.btn .vr {background:url('/open_content/images/facility/btn_vr.gif') no-repeat left center;}
a.btn .weekend {background:url('/open_content/images/facility/btn_weekend.gif') no-repeat left center;}
a.btn .weekend_off {background:url('/open_content/images/facility/btn_weekend_off.gif') no-repeat left center;}
a.btn .checkin {background:url('/open_content/images/facility/btn_checkin.gif') no-repeat left center;}
a.btn .think {background:url('/open_content/images/facility/btn_think.gif') no-repeat left center;}
a.btn .money {background:url('/open_content/images/facility/btn_money.gif') no-repeat left center;}
a.btn .search {background:url('/open_content/images/facility/btn_search.gif') no-repeat left center;}
a.btn .book {background:url('/open_content/images/facility/btn_book.gif') no-repeat left center;}
a.btn .self {background:url('/open_content/images/facility/btn_self.gif') no-repeat left center;}
a.btn .image {background:url('/open_content/images/facility/btn_image.gif') no-repeat left center;}
a.btn .down, a.btn .vr, a.btn .weekend, a.btn .weekend_off, a.btn .checkin,
a.btn .think,	a.btn .money, a.btn .search, a.btn .book, a.btn .self, a.btn .image {padding-right: 0;}
input.btn { display:inline-block; min-width:40px; padding:5px 12px; border:1px solid #b9b9b9; background:#fff url("/open_content/main/images/sub/btn_w.gif") repeat-x left bottom; color:#525252; text-align:center; font-weight:bold; font-size:1em; cursor:pointer; }
/*a.sbtn {display:inline-block; padding:0 8px; font-size:12px; color:#000; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #aaa; border-bottom:1px solid #aaa; background:#f4f4f4;}*/
a.sbtn {display:inline-block; padding:0 6px; font-size:12px; color:#fff; border-radius:3px; background:#494949;}

.btnBlue { display:inline-block; padding:8px 15px; border-bottom:3px solid #d8d8d8; background:url('/open_content/images/facility/btn_blue.gif') no-repeat right bottom; }
.btnBlue:hover, .btnBlue:active { text-decoration:none; }
.btnBlue .vr { padding:2px 0 2px 25px; color:#fff; font-size:15px; font-weight:600; background:url('/open_content/images/facility/btn_vr2.gif') no-repeat; }

/*table*/
table.data { border-top:2px solid #707070; }
table.data thead th { text-align:center; padding:10px; border:1px solid #707070; border-bottom:1px solid #c3c3c3; border-right:none; background:#f5f5f5; }
table.data thead tr:first-child th:first-child { border-left:none; }
table.data thead tr.sec th { border-top:1px solid #707070; }
table.data td { text-align:center; padding:10px; border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; border-left:1px solid #c3c3c3; }
table.data tbody th, table.data tfoot th { padding:10px; border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-left:1px solid #c3c3c3; background:#fafafa; }
table.data tbody tr th:first-child, table.data tfoot tr th:first-child { border-left:none; }
table.data td.left { text-align:left; padding-left:15px; }
table.data td.right { text-align:right; }
table.data td:first-child { border-left:none; }
table.data td.line { border-left:1px solid #c3c3c3; }
table.data .lineR { border-right:1px solid #c3c3c3; }
table.data.break { word-break:break-all; }

table.data.bigData thead th,
table.data.bigData tbody th,
table.data.bigData tbody td { padding:10px 3px; font-size:0.9em; } 

table.data td[rowspan]:not(:last-of-type) {border-right:1px solid #c3c3c3;}

#detail_con #map-canvas { border:1px solid #bbb; }
#detail_con .sitemap .subdepth { overflow:hidden; }
#detail_con .sitemap .subdepth>li { float:left; width:24%; min-height:150px; margin-left:1%; margin-bottom:10px; border-top:2px solid #b4b4b4; }
#detail_con .sitemap .subdepth>li>a { display:block; padding:5px 10px; font-size:14px; font-weight:600; border-bottom:1px solid #b4b4b4; /*background:url('/open_content/main/images/sub/sitemap_open.gif') no-repeat 98% center; */}
#detail_con .sitemap .subdepth2 { padding:10px 15px 5px; border-bottom:1px solid #b4b4b4; background:#f3f3f3; }
#detail_con .sitemap .subdepth2>li { margin-bottom:5px; padding-left:8px; background:url('/open_content/main/images/sub/sitemap_blet.gif') no-repeat left 7px; }

.list_tab { width:99%; margin:0 auto 35px; border:1px solid #c7c6c6; background:#fafafa; }
.list_tab ul { overflow:hidden; padding:25px 30px; }
.list_tab li { float:left; width:25%; margin-bottom:4px; }
.list_tab li a { display:block; padding-left:10px; background:url('/open_content/main/images/sub/bar_blet.gif') no-repeat left 8px; }
.list_tab li.on a { text-decoration:underline; }

.toilet_gis{ border:1px solid #ccc; }

/*1024x768*/
@media all and (max-width:1024px) {
.list_tab li { width:33%; }
body.sub .wrap { width:100%; }
body.sub #contents { width:73%; } 
}
@media all and (min-width:1024px) {
body.sub #container>div { background:url('/open_content/images/sub_lbg.gif') repeat-y; }
body.sub #lmenu { margin-left:1px; }
}



/*PC*/
@media all and (min-width:769px) { 
/*body#culture { background:url('/open_content/images/culture_tbg.gif') repeat-x; }
body#traffic { background:url('/open_content/images/traffic_tbg.gif') repeat-x; }
body#welfare { background:url('/open_content/images/welfare_tbg.gif') repeat-x; }
body#safety { background:url('/open_content/images/safety_tbg.gif') repeat-x; }*/
#top h1 { position:absolute; top:104px; /**line-height:70px;*/ }
#top h1 a:hover, #top h1 a:active { text-decoration:none; }
#top h1 img { vertical-align:bottom; padding-right:15px; margin-right:5px; /**margin-top:-40px;*/ background:url('/open_content/images/logo_bar.gif') no-repeat right bottom; }
#top h1 img.sisul_logo { position:relative; bottom:-5px; height:35px; background:none; }
#top #facility_select { display:none; }
#top #nav { position:absolute; right:0; top:120px; width:67%; }
#top #nav li { float:left; }
/*#top #nav>ul>li { width:25%; *width:24.5%; text-align:right; }
#top #nav.nav5>ul>li  { width:20%; }*/
#top #nav>ul>li { margin-left:80px; }
#top #nav>ul>li>a { font-size:18px; line-height:20px; font-weight:600; }
#top #nav>ul>li>a:hover, #top #nav>ul>li>a:active, #top #nav>ul>li>a.on { font-size:20px; text-decoration:none; }
#culture #top #nav>ul>li>a:hover, #culture #top #nav>ul>li>a:active, #culture #top #nav>ul>li>a.on { color:#0074b1; }
#traffic #top #nav>ul>li>a:hover, #traffic #top #nav>ul>li>a:active, #traffic #top #nav>ul>li>a.on { color:#2d6d48; }
#welfare #top #nav>ul>li>a:hover, #welfare #top #nav>ul>li>a:active, #welfare #top #nav>ul>li>a.on { color:#6754a5; }
#safety #top #nav>ul>li>a:hover, #safety #top #nav>ul>li>a:active, #safety #top #nav>ul>li>a.on { color:#149a91; }
#top #nav div { position:absolute; top:35px; display:none; }
#top #nav div#subnav1 { left:0; }
#top #nav div#subnav2 { right:70px; }
#top #nav div#subnav3 { right:10px; }
#top #nav div#subnav4 { right:0; }
#top #nav div#subnav5 { right:0; }
#top #nav div li { padding:0 10px; background:url('/open_content/images/subnav_bar.gif') no-repeat left 4px; }
#top #nav div li:first-child { background:none; }
#top #nav div a { font-size:13px; font-weight:600; }
#top #nav div.line2 li { padding:0 6px; }
#top #nav div.line2 li a { font-size:12px; letter-spacing:-1px; }
#visual_mb { display:none; }
body.sub #container { padding-top:50px; }
body.sub #lmenu h2 { height:180px; margin-left:-1px; margin-right:-1px; text-align:center; border:1px solid #006ca4; background:#008ad2; }
body#culture.sub #lmenu h2 { border:1px solid #006ca4; background:#008ad2; }
body#traffic.sub #lmenu h2 { border:1px solid #1a5935; background:#2d6d48; }
body#safety.sub #lmenu h2 { border:1px solid #0e8078; background:#149a91; }
body#welfare.sub #lmenu h2 { border:1px solid #3b2483; background:#6754a5; }
body.sub #lmenu h2 a { color:#fff; font-size:30px; line-height:175px; font-weight:700; text-decoration:none; }
body.sub #lmenu h2 a.line2  { line-height:150px; }
body.sub #lmenu h2 a.line2 span.sec {display:block; margin-top:-115px;}
body.sub #lmenu>ul>li>a { font-size:16px; }
body.sub #con_title h3 { padding-top:20px; }
.home_box .list { position:absolute; right:15px; margin-top:8px;  }
.home_box .p1 .list { top:0; }
.home_box .p2 .list { top:25%; }
.home_box .p3 .list { top:50%; }
.home_box .p4 .list { top:75%; }
}

/*TABLET*/
@media all and (max-width:768px) { 
#seoul-common-gnb {position:absolute; top:0; left:0; right:0;}
#seoul-common-gnb:after {display:block; content:""; position:absolute; left:0; top:40px; width:100%; height:1px; background:#ddd;}
/* body#culture, body#welfare, body#traffic, body#safety{ background-position:left -5px} */
body#culture, body#welfare, body#traffic, body#safety{background:none;}
.wrap { width:100%; }
#top { height:auto; }
#top h1 { text-align:center; padding:50px 0 15px; }
#top h1 img { display:block; margin:0 auto 5px; }
#top h1 img.sisul_logo { max-width:30%; }

#top #facility_select { position:absolute; top:60px; left:10px; }
#top #facility_select>a { display:block; width:66px; height:58px; color:#fff; font-weight:600; background:url('/open_content/images/facility_select.gif') no-repeat right center; }
#top #facility_select>ul { display:none; padding:15px; margin-top:5px; border-radius:10px; border-left:1px solid #0474af; border-right:1px solid #0474af; border-bottom:1px solid #0474af; background:#008ad2; }
#top #facility_select>ul a { color:#fff; font-weight:600; }
#top #gnb { display:none; }
#top .gnb_menu { position:absolute; right:0; top:40px }
#top .gnb_menu2 { position:absolute; right:0; top:40px }
#top ul.gnb_menu2.login2 {background:none;}
#top ul.gnb_menu2.login2 li {width:75px;}
#top ul.gnb_menu2.login2 li a {padding-left:12px; border-radius:25px; background-color:#004569;}
#top ul.gnb_menu2.login2 li.last_gnb {width:80px; margin-left:5px;}
#top ul.gnb_menu2.login2 li.last_gnb a {padding-left:0; background-color:#015f90;}
#top #nav h2 a { position:absolute; right:18px; top:80px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; width:39px; height:31px; background:url('/open_content/images/nav_toggle.gif') no-repeat; }
#top #nav>ul { display:none; position:absolute; top:133px; left:0; right:0; }
#top #nav>ul>li { width:100%; border-bottom:1px solid #f4f4f4; }
#culture #top #nav>ul>li { background:#008ad2; }
#traffic #top #nav>ul>li { background:#2d6d48; }
#welfare #top #nav>ul>li { background:#6754a5; }
#safety #top #nav>ul>li { background:#149a91; }
#top #nav>ul>li>a { display:block; padding:15px 20px; font-size:14px; color:#fff; font-weight:600; }
#top #nav div ul { padding:20px; background:#f4f4f4; }
#top #nav div li { padding-left:8px; margin-bottom:5px; background:url('/open_content/main/images/dotblet.gif') no-repeat left 8px; }
#top #nav div li a[target=_blank] { padding-right:20px; background:url('/open_content/main/images/icon_window.gif') no-repeat right top; }
#visual_mb img { width:100%; }
body.sub #lmenu { float:none; width:100%; }
body.sub #lmenu h2 a { display:block; padding:20px; color:#fff; font-weight:600; font-size:25px; }
body#culture.sub #lmenu h2 a { border-top:1px solid #016ca4; border-bottom:1px solid #016ca4; background:#0089d1 url('/open_content/images/lmenu_h2.png') no-repeat 96% 23px; }
body#traffic.sub #lmenu h2 a { border-top:1px solid #1a5935; border-bottom:1px solid #1a5935; background:#2d6d48 url('/open_content/images/lmenu_h2.png') no-repeat 96% 23px; }
body#welfare.sub #lmenu h2 a { border-top:1px solid #4b3988; border-bottom:1px solid #4b3988; background:#6754a5 url('/open_content/images/lmenu_h2.png') no-repeat 96% 23px; }
body#safety.sub #lmenu h2 a { border-top:1px solid #0e8078; border-bottom:1px solid #0e8078; background:#149a91 url('/open_content/images/lmenu_h2.png') no-repeat 96% 23px; }
body.sub #lmenu>ul { display:none; }
body.sub #contents { float:none; width:90%; margin:0 auto; }
body.sub #con_title ol, body.sub #con_title ul { position:static; padding-top:10px; padding-bottom:20px;  }
table.data.breakS { font-size:11px; letter-spacing:-1px; }
#detail_con .sitemap .subdepth>li { width:49%; }
#footer { padding-bottom:110px; }

#pzone { padding:35px 0 20px; text-align:center; }
#pzone .play { top:15px; left:10px; width:13px !important; height:22px !important; }
#pzone .list { top:15px; left:30px; width:24px !important; height:22px !important; }
#pzone .pbtn { right:10px !important; width:31px !important; height:21px !important; }
#pzone, #news { float:none !important; width:100% !important; height:auto !important; }
.home_box ul { min-height:auto; }
.home_box .view {  width:100%; left:0; }
.home_box .list { display:inline-block; float:left; width:25%; margin-top:62%;  text-align:center; }
.home_box .list img { max-width:100%; }

div.table_box {width:95%; overflow-x:scroll;}
div.table_box>table.data {min-width:750px;}
}


@media all and (max-width:640px) { 
#culture #pzone { background:#098391; }
#pzone .con1 .pbtn { top:15px; }
#pzone .con2 .pbtn { top:40px; }
#pzone .con3 .pbtn { top:65px; }
#pzone .con4 .pbtn { top:90px; }
#pzone .con5 .pbtn { top:115px; }
#pzone .con6 .pbtn { top:140px; }
#pzone .con7 .pbtn { top:165px; }
#pzone ul { padding-left:10px; padding-right:30px; }
#tab table td a { padding:7px; font-size:12px; }
.list_tab li { width:50%; }
#footer>div>img { display:none; }
#footer ul, address, #footer p { padding-left:10px; }
}

/*MOBILE_min*/
@media all and (max-width:480px) { 
#footer ul { display:none; }
#detail_con .sitemap .subdepth>li { width:100%; margin-left:0; min-height:auto; }
}