@charset "utf-8";

/*facility_contents*/
#detail_con h4 {margin-top:40px; padding-left:38px; font-size:27px; line-height:39px; font-weight:normal}
#detail_con h4.mt0, #detail_con>h4:first-child {margin-top:0;}
.sblet {padding-left:21px; font-size:17px; font-weight:600;}
.ssblet {margin-bottom:8px; padding-left:12px;}
.sssblet {margin-top:3px; padding-left:9px;}
.ssssblet {padding-left:12px; font-size:14px; background:url('/open_content/main/images/sub/ssssblet.gif') no-repeat left 10px;}
.dotblet {padding-left:6px; font-size:12px; letter-spacing:-1px; background:url('/open_content/main/images/dotblet.gif') no-repeat left 9px;}

#culture #detail_con h4 {color:#2346ac; background:url('/open_content/childrenpark/img/sub2019/blet.gif') no-repeat left top;}
#culture .sblet {color:#202020; background:url('/open_content/childrenpark/img/sub2019/sblet.gif') no-repeat left 3px;}
#culture .ssblet {background:url('/open_content/childrenpark/img/sub2019/ssblet.gif') no-repeat left 7px;}
#culture .sssblet {background:url('/open_content/childrenpark/img/sub2019/sssblet.gif') no-repeat left 9px;}

.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:20px; 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 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;} 

#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;}


/*chilrenpark_contents*/
.history_photo {overflow:hidden; margin-top:20px;}
.history_photo>img {float:left;}
.history_photo>p {float:right; width:66%;}
.history_photo.v2>p {float:left; width:65%;}
.history_photo.v2>img {float:right;}
.history_photo>p.yeongjo {width:74%;}
.application .plaza_top {overflow:hidden; width:100%; height:326px; background:url('/open_content/childrenpark/images/plaza_top_bg.jpg') no-repeat center top;}
.application .gwanggyo_top {overflow:hidden; width:100%; height:326px; background:url('/open_content/childrenpark/images/gwanggyo_top_bg.jpg') no-repeat center top;}
.application .performance_top {overflow:hidden; width:100%; height:326px; background:url('/open_content/childrenpark/images/performance_top_bg.jpg') no-repeat center top;}
.application .filming_top {overflow:hidden; width:100%; height:326px; background:url('/open_content/childrenpark/images/filming_top_bg.jpg') no-repeat center top;}
.application .title {width:90%; height:58px; margin-left:43px; margin-top:90px;}
.application .txt {margin-left:45px; margin-top:7px; width:700px; line-height:20px; font-size:14px; color:#fff;}
.application .txt>span {color:#ffc439; font-weight:bold;}
.summary_con {overflow:hidden; text-align:center;}
.summary_con li {float:left; margin-left:10px;}
.summary_con li:first-child {margin-left:0px;}
.restoration_photo {margin-top:20px;}
.restoration_photo img:first-child {margin-right:30px;}
.completion_box {overflow:hidden; margin-bottom:20px;}
.completion_box li {overflow:hidden; float:left; width:45%;}
.completion_bg {background:url('/open_content/childrenpark/images/completion_bg.gif') no-repeat left 80px;}
.completion_bg .completion_con01 {margin-top:30px; margin-left:245px;}
.completion_bg .completion_con02 {margin-top:80px; margin-bottom:100px; margin-left:245px;}
.history {margin-top:20px;}
.history>div {overflow:hidden; border-bottom:1px solid #e6e6e6;}
.history>div .year1 {float:left; width:30%; height:100%; padding:90px 0; text-align:center; background:#008ad2; font-size:26px; font-weight:600; color:#fff; letter-spacing:-0.05em;}
.history>div .year2 {float:left; width:30%; height:100%; padding:190px 0; text-align:center; background:#008ad2; font-size:26px; font-weight:600; color:#fff; letter-spacing:-0.05em;}
.history>div  dl {float:left; width:60%; padding-left:40px; padding-top:10px;}
.history>div  dt {float:left; font-weight:600; margin-bottom:5px; padding-left:9px; width:30%;}
.history>div  dd {float:left; margin-bottom:5px; width:62%;}
.history>div:last-child {border-bottom:1px solid #008ad2;}
.history>div:first-child {border-top:2px solid #008ad2;}
.zone_photo {position:relative; margin-top:20px;}
.zone_photo div {text-align:center;}
.zone_photo div span {position:relative; display:inline-block; padding:13px; border:1px solid #d7d7d7; border-bottom:1px solid #a5a5a5;}
.zone_photo div span:after {position:absolute; left:0; bottom:-18px; width:100%; height:17px; display:block; content:""; background:url('/open_content/childrenpark/images/sub/zone_photo_shadow.gif') no-repeat center; background-size:100% 17px;}
.zone_photo>a {position:absolute; top:30%; width:32px; height:53px; }
.zone_photo .prev {left:0; background:url('/open_content/childrenpark/images/sub/zone_prev.gif') no-repeat;}
.zone_photo .next {right:0; background:url('/open_content/childrenpark/images/sub/zone_next.gif') no-repeat;}
.zone_photo>a:hover, .zone_photo>a:active, .zone_photo>a.on {background-position:0 -53px;}
.zone_photo ul {overflow:hidden; margin-top:20px; text-align:center;}
.zone_photo ul li {display:inline-block; max-width:25%; margin-left:7px;}
.zone_photo ul li:first-child {margin-left:0;}
.zone_photo ul li a {display:block; padding:3px; border:1px solid #d3d3d3; border-bottom:1px solid #a5a5a5;}
.zone_photo ul li a:hover, .zone_photo ul li a:active {padding:0; border:4px solid #0292d5;}
.zone_photo ul li a:hover img, .zone_photo ul li a:active img {border:1px solid #0292d5;}
.zone_photo ul li img {border:1px solid #d3d3d3;}
.facility_photo {overflow:hidden; margin-top:15px;} 
.facility_photo li{float:left; width:48%; margin-left:1.5%;}
table tr td.gray {background:#f5f5f5; font-weight:bold;}
.zone_info {overflow:hidden; margin-top:30px;}
.zone_info img {float:left;}
.zone_info>div {float:left; width:65%; margin-left:20px;}
.zone_info2 {overflow:hidden; margin-top:30px;}
.zone_info2 img {float:left; text-align:center; padding:10px 45px;}
.zone_info2>div {float:left; width:40%; margin-left:20px;}
.zone_info3 {overflow:hidden; margin-top:30px; margin-left:20px;}
.zone_info3 img {float:left;}
.zone_info3>div {float:left; width:50%; margin-left:20px;}

/*지도*/
#map {margin-top:20px;}
#map .map {position:relative; width:1078px;}
#map .mapOn li span.name {display:none;}
#map .mapOn li.on span.name {display:block; z-index:10; position:relative; font-size:12px; font-weight:900; font-family:'Nanum Gothic','나눔고딕', sans-serif; text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff;}
#map .mapOn li span.num {z-index:0;}
#map .mapOn li {position:absolute;}
#map .mapOn li p {min-width:150px;}
#map li span.num {display:inline-block; text-align:center; width:20px; height:20px; font-size:11px; color:#fff; font-weight:bold; line-height:17px; border-radius:50%; border:1px solid #656565; background:#7a7a7a; box-shadow:1px 1px 3px rgba(0,0,0,.2);}
#map .mapOn li.on span.num,
#map .mapOn li span.num.on{box-shadow:0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 2px 2px 6px rgba(0,0,0,.5);}
#map .mapOn li.on:nth-child(-n+11) span.num,
#map .mapOn li:nth-child(-n+11) span.num.on,
#map .legend>div:nth-child(1) span.num {background:#1458c9; border-color:#002b8e;}
#map .mapOn li.on:nth-child(n+12):nth-child(-n+18) span.num,
#map .mapOn li:nth-child(n+12):nth-child(-n+18) span.num.on,
#map .legend>div:nth-child(2) span.num {background:#00939a; border-color:#006f74;}
#map .mapOn li.on:nth-child(n+19):nth-child(-n+25) span.num,
#map .mapOn li:nth-child(n+19):nth-child(-n+25) span.num.on,
#map .legend>div:nth-child(3) span.num {background:#f96400; border-color:#c85000;}
#map .mapOn li.on:nth-child(n+26):nth-child(-n+35) span.num,
#map .mapOn li:nth-child(n+26):nth-child(-n+35) span.num.on,
#map .legend>div:nth-child(4) span.num {background:#00af00; border-color:#009400;}
#map .mapOn li.on:nth-child(n+36) span.num,
#map .mapOn li:nth-child(n+36) span.num.on,
#map .legend>div:nth-child(5) span.num {background:#f92e68; border-color:#ce003b;}
#map .mapOn li.on:nth-child(-n+11) span.name {color:#002b8e;}
#map .mapOn li.on:nth-child(n+12):nth-child(-n+18) span.name {color:#006f74;}
#map .mapOn li.on:nth-child(n+19):nth-child(-n+25) span.name {color:#c85000;}
#map .mapOn li.on:nth-child(n+26):nth-child(-n+35) span.name {color:#009400;}
#map .mapOn li.on:nth-child(n+36) span.name {color:#ce003b;}

#map .legend {padding:0 10px;}
#map .legend>div:not(:first-child) {margin-top:8px; padding-top:8px; border-top:1px dashed #dfdfdf;}
#map .legend>div>p {font-weight:bold; color:#111; margin-bottom:7px;}
#map .legend>div .mapNum li {float:left; width:20%; margin-bottom:5px; letter-spacing:-1px;}
#map .legend>div .mapNum:after {display:block; content:""; clear:both;}

#map .mapOn li.num1 {left:210px; top:316px;}
#map .mapOn li.num2 {left:130px; top:307px;}
#map .mapOn li.num3 {left:279px; top:477px;}
#map .mapOn li.num4 {left:555px; top:573px;}
#map .mapOn li.num5 {left:725px; top:534px;}
#map .mapOn li.num6 {left:838px; top:400px;}
#map .mapOn li.num7 {left:846px; top:363px;}
#map .mapOn li.num8 {left:870px; top:180px;}
#map .mapOn li.num9 {left:470px; top:13px;}
#map .mapOn li.num10 {left:317px; top:60px;}
#map .mapOn li.num11 {left:155px; top:197px;}
#map .mapOn li.num12 {left:362px; top:298px;}
#map .mapOn li.num13 {left:525px; top:420px;}
#map .mapOn li.num14 {left:670px; top:498px;}
#map .mapOn li.num15 {left:545px; top:365px;}
#map .mapOn li.num16 {left:557px; top:255px;}
#map .mapOn li.num17 {left:254px; top:261px;}
#map .mapOn li.num18 {left:252px; top:338px;}
#map .mapOn li.num19 {left:580px; top:485px;}
#map .mapOn li.num20 {left:520px; top:288px;}
#map .mapOn li.num21 {left:540px; top:338px;}
#map .mapOn li.num22 {left:597px; top:376px;}
#map .mapOn li.num23 {left:616px; top:349px;}
#map .mapOn li.num24 {left:592px; top:437px;}
#map .mapOn li.num25 {left:600px; top:292px;}
#map .mapOn li.num26 {left:491px; top:394px;}
#map .mapOn li.num27 {left:457px; top:379px;}
#map .mapOn li.num28 {left:328px; top:386px;}
#map .mapOn li.num29 {left:390px; top:378px;}
#map .mapOn li.num30 {left:760px; top:147px;}
#map .mapOn li.num31 {left:729px; top:494px;}
#map .mapOn li.num32 {left:295px; top:328px;}
#map .mapOn li.num33 {left:203px; top:243px;}
#map .mapOn li.num34 {left:304px; top:207px;}
#map .mapOn li.num35 {left:382px; top:210px;}
#map .mapOn li.num36 {left:444px; top:406px;}
#map .mapOn li.num37 {left:568px; top:203px;}
#map .mapOn li.num38 {left:500px; top:178px;}
#map .mapOn li.num39 {left:275px; top:368px;}
#map .mapOn li.num40 {left:793px; top:195px;}
#map .mapOn li.num41 {left:280px; top:270px;}
#map .mapOn li.num42 {left:474px; top:454px;}
#map .mapOn li.num43 {left:273px; top:168px;}
#map .mapOn li.num44 {left:259px; top:298px;}
#map .mapOn li.num45 {left:400px; top:357px;}
#map .mapOn li.num46 {left:716px; top:434px;}
#map .mapOn li.num47 {left:791px; top:335px;}
#map .mapOn li.num48 {left:389px; top:86px;}
#map .mapOn li.num49 {left:311px; top:103px;}
#map .mapOn li.num50 {left:218px; top:218px;}
#map .mapOn li.num51 {left:680px; top:200px;}

#map2 li span.num {display:inline-block; width:18px; height:19px; overflow:hidden; text-indent:100%; white-space:nowrap; font-size:0;}
#map2 li.num1 span.num {background:url('/open_content/childrenpark/images/sub/map/num01.png') no-repeat -18px 0;}
#map2 li.num2 span.num {background:url('/open_content/childrenpark/images/sub/map/num02.png') no-repeat -18px 0;}
#map2 li.num3 span.num {background:url('/open_content/childrenpark/images/sub/map/num03.png') no-repeat -18px 0;}
#map2 li.num4 span.num {background:url('/open_content/childrenpark/images/sub/map/num04.png') no-repeat -18px 0;}
#map2 li.num5 span.num {background:url('/open_content/childrenpark/images/sub/map/num05.png') no-repeat -18px 0;}
#map2 li.num6 span.num {background:url('/open_content/childrenpark/images/sub/map/num06.png') no-repeat -18px 0;}
#map2 li.num7 span.num {background:url('/open_content/childrenpark/images/sub/map/num07.png') no-repeat -18px 0;}
#map2 li.num8 span.num {background:url('/open_content/childrenpark/images/sub/map/num08.png') no-repeat -18px 0;}
#map2 li.num9 span.num {background:url('/open_content/childrenpark/images/sub/map/num09.png') no-repeat -18px 0;}
#map2 li.num10 span.num {background:url('/open_content/childrenpark/images/sub/map/num10.png') no-repeat -18px 0;}
#map2 li.num11 span.num {background:url('/open_content/childrenpark/images/sub/map/num11.png') no-repeat -18px 0;}
#map2 li.num12 span.num {background:url('/open_content/childrenpark/images/sub/map/num12.png') no-repeat -18px 0;}
#map2 li.num13 span.num {background:url('/open_content/childrenpark/images/sub/map/num13.png') no-repeat -18px 0;}
#map2 li.num14 span.num {background:url('/open_content/childrenpark/images/sub/map/num14.png') no-repeat -18px 0;}
#map2 li.num15 span.num {background:url('/open_content/childrenpark/images/sub/map/num15.png') no-repeat -18px 0;}
#map2 li.num16 span.num {background:url('/open_content/childrenpark/images/sub/map/num16.png') no-repeat -18px 0;}
#map2 li.num17 span.num {background:url('/open_content/childrenpark/images/sub/map/num17.png') no-repeat -18px 0;}
#map2 li.num18 span.num {background:url('/open_content/childrenpark/images/sub/map/num18.png') no-repeat -18px 0;}
#map2 li.num19 span.num {background:url('/open_content/childrenpark/images/sub/map/num19.png') no-repeat -18px 0;}
#map2 li.num20 span.num {background:url('/open_content/childrenpark/images/sub/map/num20.png') no-repeat -18px 0;}
#map2 li.num21 span.num {background:url('/open_content/childrenpark/images/sub/map/num21.png') no-repeat -18px 0;}
#map2 li.num22 span.num {background:url('/open_content/childrenpark/images/sub/map/num22.png') no-repeat -18px 0;}
#map2 li.num23 span.num {background:url('/open_content/childrenpark/images/sub/map/num23.png') no-repeat -18px 0;}
#map2 li.num24 span.num {background:url('/open_content/childrenpark/images/sub/map/num24.png') no-repeat -18px 0;}
#map2 li.num25 span.num {background:url('/open_content/childrenpark/images/sub/map/num25.png') no-repeat -18px 0;}
#map2 li.num26 span.num {background:url('/open_content/childrenpark/images/sub/map/num26.png') no-repeat -18px 0;}
#map2 li.num27 span.num {background:url('/open_content/childrenpark/images/sub/map/num27.png') no-repeat -18px 0;}
#map2 li.num28 span.num {background:url('/open_content/childrenpark/images/sub/map/num28.png') no-repeat -18px 0;}
#map2 li.num29 span.num {background:url('/open_content/childrenpark/images/sub/map/num29.png') no-repeat -18px 0;}
#map2 li.num30 span.num {background:url('/open_content/childrenpark/images/sub/map/num30.png') no-repeat -18px 0;}
#map2 li.num31 span.num {background:url('/open_content/childrenpark/images/sub/map/num31.png') no-repeat -18px 0;}
#map2 li.num32 span.num {background:url('/open_content/childrenpark/images/sub/map/num32.png') no-repeat -18px 0;}
#map2 li.num33 span.num {background:url('/open_content/childrenpark/images/sub/map/num33.png') no-repeat -18px 0;}
#map2 li.num34 span.num {background:url('/open_content/childrenpark/images/sub/map/num34.png') no-repeat -18px 0;}
#map2 li.num35 span.num {background:url('/open_content/childrenpark/images/sub/map/num35.png') no-repeat -18px 0;}
#map2 li.num36 span.num {background:url('/open_content/childrenpark/images/sub/map/num36.png') no-repeat -18px 0;}
#map2 li.num37 span.num {background:url('/open_content/childrenpark/images/sub/map/num37.png') no-repeat -18px 0;}
#map2 li.num38 span.num {background:url('/open_content/childrenpark/images/sub/map/num38.png') no-repeat -18px 0;}
#map2 li.num39 span.num {background:url('/open_content/childrenpark/images/sub/map/num39.png') no-repeat -18px 0;}
#map2 li.num40 span.num {background:url('/open_content/childrenpark/images/sub/map/num40.png') no-repeat -18px 0;}
#map2 li.num41 span.num {background:url('/open_content/childrenpark/images/sub/map/num41.png') no-repeat -18px 0;}
#map2 li.num42 span.num {background:url('/open_content/childrenpark/images/sub/map/num42.png') no-repeat -18px 0;}
#map2 li.num43 span.num {background:url('/open_content/childrenpark/images/sub/map/num43.png') no-repeat -18px 0;}
#map2 li.num44 span.num {background:url('/open_content/childrenpark/images/sub/map/num44.png') no-repeat -18px 0;}
#map2 li.num45 span.num {background:url('/open_content/childrenpark/images/sub/map/num45.png') no-repeat -18px 0;}
#map2 li.num46 span.num {background:url('/open_content/childrenpark/images/sub/map/num46.png') no-repeat -18px 0;}
#map2 li.num47 span.num {background:url('/open_content/childrenpark/images/sub/map/num47.png') no-repeat -18px 0;}
#map2 li.num48 span.num {background:url('/open_content/childrenpark/images/sub/map/num48.png') no-repeat -18px 0;}
#map2 li.num49 span.num {background:url('/open_content/childrenpark/images/sub/map/num49.png') no-repeat -18px 0;}
#map2 li.num50 span.num {background:url('/open_content/childrenpark/images/sub/map/num50.png') no-repeat -18px 0;}
#map2 li.num51 span.num {background:url('/open_content/childrenpark/images/sub/map/num51.png') no-repeat -18px 0;}
#map2 li.num52 span.num {background:url('/open_content/childrenpark/images/sub/map/num52.png') no-repeat -18px 0;}
#map2 li.num53 span.num {background:url('/open_content/childrenpark/images/sub/map/num53.png') no-repeat -18px 0;}
#map2 li.num54 span.num {background:url('/open_content/childrenpark/images/sub/map/num54.png') no-repeat -18px 0;}
#map2 li.num55 span.num {background:url('/open_content/childrenpark/images/sub/map/num55.png') no-repeat -18px 0;}

.braille {margin-left:15px;}
.braille:after{clear:both; display:block; content:"";}
.braille>div {position:relative; float:left; width:49%; padding-left:150px !important; padding-right:2%; margin:10px 0; height:225px; border:1px solid #ccc; border-radius:10px; background:#fafafa; box-sizing:border-box;}
.braille>div:nth-child(2n) {float:right;}
.braille>div:before {position:absolute; left:-1px; top:0px; bottom:0px; width:130px; border-left:5px solid #4098dc; border-right:1px solid #ccc; border-radius:10px 0 0 10px; background:#fff no-repeat center 55px; content:""; box-sizing:border-box;}
.braille>div>p {position:absolute; left:0; top:140px; text-align:center; width:130px; color:#2346ac; font-size:18px; font-weight:500;}
.braille>div>ul {position:relative; top:50%; transform:translateY(-50%);}
.braille>div>ul>li{position:relative; word-break:keep-all;}
.braille>div>ul>li:not(:first-child) {border-top:1px dashed #bbb;}
.braille>div>ul>li>a {display:block; padding:4px 0;}
.braille>div>ul>li>a span {padding-right:22px; background:no-repeat right center;}
.braille>div>ul>li>a:hover span {background-image:url('/open_content/childrenpark/images/sub/braille_li.gif')}
.braille>div.info:before {background-image:url('/open_content/childrenpark/images/sub/braille_ic1.gif'); background-position:center center;}
.braille>div.experience:before {background-image:url('/open_content/childrenpark/images/sub/braille_ic2.gif')}
.braille>div.play1:before {background-image:url('/open_content/childrenpark/images/sub/braille_ic3.gif')}
.braille>div.play2:before {background-image:url('/open_content/childrenpark/images/sub/braille_ic4.gif')}
.braille>div.zooGarden:before {background-image:url('/open_content/childrenpark/images/sub/braille_ic5.gif')}
.braille>div.park:before {background-image:url('/open_content/childrenpark/images/sub/braille_ic6.gif')}

.ci { overflow:hidden; }
.ci>div { float:right; width:48%; }
.ci>div img { max-width:90% !important; }
.ci>div:first-child { float:left; }
.ci>div>div { text-align:center; padding:40px 0; margin-top:10px; border:1px solid #c8c8c8; background:#f9f9f9; }
.character { border:1px solid #c8c8c8; overflow:hidden; }
.character .img { float:left; width:35%; padding:10px 0; text-align:center; border-right:1px dotted #c8c8c8; background:url('/open_content/main/images/sub/character_bg.gif') repeat; }
.character .con { float:right; width:55%; padding-top:40px; margin-right:40px; }
.character p.tit { line-height:25px; font-size:16px; font-weight:600; padding-bottom:15px; }
.character p.tit span { display:block; font-size:20px; color:#34952c; }

/*PC*/
@media all and (max-width:1024px) {
	.application .txt {width:93%;}
	#map .scrollBox {overflow-x:scroll; width:100%;}
}

@media all and (min-width:801px) {
	.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%;}
}


/*MOBILE*/
@media screen and (max-width:800px) {
	table.data.breakS {font-size:11px; letter-spacing:-1px;}
	#detail_con .sitemap .subdepth>li {width:49%;}

	.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;}

	.history_photo, .history_intro {text-align:center;}
	.history_photo>img, .history_intro>img {float:none !important; margin:5px auto;}
	.history_photo>p, .history_intro>p {width:100% !important; text-align:left;}
	.application .title  {margin-top:75px; margin-left:20px;}
	.application .txt {margin-left:20px; margin-top:0; width:93%; line-height:18px; font-size:14px; color:#fff;}
	.summary_con li {float:left; margin-right:10px; margin-left:0; margin-bottom:15px;}
	.restoration_photo img:first-child {margin-bottom:20px;}
	.history>div .year1 {float:none; width:100%; padding:20px 0; text-align:center; background:#008ad2; font-size:26px; font-weight:600; color:#fff;}
	.history>div .year2 { float:none; width:100%; padding:20px 0; text-align:center; background:#008ad2; font-size:26px; font-weight:600; color:#fff;}
	.history>div  dl {float:left; width:100%; padding-left:20px; padding-top:10px; padding-bottom:10px;}
	.zone_photo div span {max-width:70%;}
	.zone_info {margin-top:30px; text-align:center;}
	.zone_info img {float:none; text-align:center;}
	.zone_info>div {text-align:left; width:97%; padding-top:20px; margin-left:0;}
	.zone_info2 ul {margin:0 auto;}
	.zone_info2 img {float:left; padding:3px; text-align:center;}
	.zone_info3 img {width:40%;}
	/*.mapNum li {padding-left:22px;}*/
	.mapNum li {padding-left:10px;}

	.parking_map {width:100%; overflow-x:scroll;}
	.parking_map img {width:788px; max-width:none !important;}
	
	.braille {margin-left:0;}
	.braille>div {float:none !important; padding:15px; width:100%; height:auto;}
	.braille>div>ul {position:static; transform:none;}
	.braille>div:before {background-position:center 33%}
	.braille>div>p {top:50%; margin-top:35px; transform:translateY(-50%);}
}

/*mobile*/
@media screen and (max-width:640px) {
	.mapNum li {width:33%;}
	#map .legend>div .mapNum li {width:33.33%;}
	#map .legend>div .mapNum li span.sfont {display:none;}
}

@media screen and (max-width:480px) {
	#detail_con .sitemap .subdepth>li {width:100%; margin-left:0; min-height:auto;}


	.application .plaza_top {width:83%; height:100%; padding:20px; background:#f9f9f9; border:1px solid #ddd; border-bottom:1px solid #ccc;}
	.application .gwanggyo_top {width:83%; height:100%; padding:20px; background:#f9f9f9; border:1px solid #ddd; border-bottom:1px solid #ccc;}
	.application .performance_top {width:83%; height:100%; padding:20px; background:#f9f9f9; border:1px solid #ddd; border-bottom:1px solid #ccc;}
	.application .filming_top {width:83%; height:100%; padding:20px; background:#f9f9f9; border:1px solid #ddd; border-bottom:1px solid #ccc;}
	.application .title {width:100%; height:100%; margin-left:10px; margin-top:20px; font-size:24px; line-height:30px; font-weight:600;}
	.application .txt {margin-left:10px; margin-top:20px; font-size:12px; color:#424242;}
	.application .txt>span {color:#be4d15; font-weight:bold;}
	.history>div  dl {float:none; width:100%; padding-left:0px; padding-top:10px;}
	.history>div  dt {float:none; font-weight:600; margin-bottom:5px; padding-left:3px; width:100%;}
	.history>div  dd {float:none; margin-left:7px; margin-bottom:8px; width:90%;}
	.zone_photo div span {padding:7px;}
	.zone_photo>a {top:18%;}
	.zone_info3 {margin-left:10px;}
	.zone_info3 img {float:none; width:100%; margin-bottom:10px;}
	.zone_info3>div {float:none; width:100%; margin-left:5px;}
	.mapNum li {width:49%;}
}