@charset "utf-8";
* {font-family:'Malgun Gothic','맑은고딕'; letter-spacing:-0.05em; box-sizing:border-box;}
body {font-size:15px;}
/*임시end*/
.wrap {position:relative; width:98%; max-width:1400px; margin:0 auto;}


body#culture {background:url('/open_content/images/culture_tbg.gif') repeat-x left 48px;}
body:before {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:48px;}


#top {height:190px; z-index:10;}
#top h1 {font-size:19px; font-weight:800; color:#69737a;}
#top h1 img {margin-right:0; background:none;}

#top #gnb {float:right}
#top #gnb li {float:left;}
#top #gnb li a {width:120px;}
#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;}
#culture #top #gnb li {border-right:1px solid #33a1db;}

#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 #nav {top:128px; width:70%;}

#children_search {/**width:160px;*/ padding:5px 20px; text-align:center; border-radius:30px; border:3px solid #008ad2;}
#children_search input.txt {border:0; width:80%;}

#footer {padding:50px 0; background:#252525;}
#footer .copy_logo {display:none;}
#footer .copy_logo_childrenpark {position:absolute; left:0; top:25px;}
#footer ul {overflow:hidden;}
#footer ul, address, #footer p {margin-left:230px;}
#footer ul li {display:inline-block; padding:0 10px 10px;}
#footer ul li:first-child {padding-left:0;}
#footer ul li a {color:#cdcdcd; font-size:17px;}
#footer ul li.pim a {color:#398edd; font-weight:bold;}
#footer address {margin-top:25px; padding-top:25px; border-top:1px solid #121212;}
#footer address, #footer address a {font-size:17px; color:#fff;}
#footer p {margin-top:10px; color:#a2a2a2; letter-spacing:0.025em;}

.floatingBtn {position:fixed; bottom:90px; right:20px; z-index:100;}
.floatingBtn a {overflow:hidden; display:block; width:60px; height:60px; border-radius:50%; background:#fae100; box-shadow:0 6px 5px rgba(0,0,0,0.1);}

@media all and (min-width:801px) {
	/*임시
	.gnbbox {padding-top:48px;}*/

	#top h1 {position:absolute; top:113px; /**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 {margin-left:80px;}
	#top #nav>ul>li:first-child {margin-left:0;}
	#top #nav>ul>li>a {font-size:22px; line-height:24px; font-weight:600;}
	#top #nav>ul>li>a:hover, #top #nav>ul>li>a:active, #top #nav>ul>li>a.on {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;}

	#top #nav div {position:absolute; top:35px; display:none;}
	#top #nav div#subnav1 {left:0;}
	#top #nav div#subnav2 {left:20px;}
	#top #nav div#subnav3 {left:70px;}
	#top #nav div#subnav4 {left:500px;}
	#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;}

	#top #children_search {position:absolute; right:0; top:122px;}
}

/*pc*/
@media all and (max-width:1280px) {
	body {min-width:1263px;}
	#top #nav {width:72%;}
}



@media screen and (max-width:800px) {
	.dp_mb {display:block;}
	body {min-width:100%;}

	#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 {background:none;}
	#top {height:auto; z-index:11;}
	#top h1 {text-align:center; padding:50px 0 15px;}
	#top h1 img {display:inline-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  {z-index:11;}
	#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:185px; left:0; right:0;}
	#top #nav>ul>li {width:100%; border-bottom:1px solid #f4f4f4;}
	#culture #top #nav>ul>li {background:#008ad2;}
	#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;}

	#top #children_search {max-width:94%; margin:0 auto 10px;}
	#children_search input.txt {width:90%;}

	#footer {text-align:center; padding:30px 0;}
	#footer address span {display:block; margin-top:5px;}
	#footer .copy_logo_childrenpark {display:none;}
	#footer * {font-size:14px !important;}
	#footer ul, address, #footer p {max-width:95%; margin:0 auto;}
	#footer p {margin-top:10px;}
}

@media screen and (max-width:480px) {
	#top h1 {padding-top:55px;}
	#top h1 a:first-child {display:none;}
	#children_search input.txt {width:80%;}
}