@charset "utf-8";

#skip .main {display:none;}
#container {padding-top:40px; border-top:1px solid #d6d6d6; background:url('/open_content/childrenpark/img/main2019/sub_visual.jpg') no-repeat;}
body.sub #container>div {background:none !Important; overflow:visible;}
body.sub #container>div:after {display:block; content:""; clear:both;}
body.sub #con_title {position:relative; padding-top:40px; border-bottom:1px solid #d1d1d1;}
body.sub #con_title h3 {font-weight:normal; font-size:35px; line-height:35px; color:#000}
body.sub #con_title ol {margin-top:30px; padding:15px 0; border-top:1px solid #d1d1d1; overflow:hidden;}
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 #con_title ul {position:absolute; right:0; bottom:10px;}
body.sub #con_title ul li {float:left; margin-left:5px;}
body.sub #con_title ul li a {display:block; overflow:hidden; width:32px; height:32px; text-indent:100%; white-space:nowrap;}
body.sub #con_title ul li.tw a {background:url('/open_content/childrenpark/img/main2019/sns_twitter.gif') no-repeat;}
body.sub #con_title ul li.facebook a {background:url('/open_content/childrenpark/img/main2019/sns_facebook.gif') no-repeat;}
body.sub #con_title ul li.kakao a {background:url('/open_content/childrenpark/img/main2019/sns_kakao.gif') no-repeat;}
body.sub #con_title ul li.blog a {background:url('/open_content/childrenpark/img/main2019/sns_blog.gif') no-repeat;}
body.sub #con_title ul li.print a {background:url('/open_content/childrenpark/img/main2019/sns_print.gif') no-repeat;}
body.sub #con_title ul li.bookmark a {background:url('/open_content/childrenpark/img/main2019/sns_favor.gif') no-repeat;}

#data_control {width:100% !important;}

body.sub #detail_con {position:relative; min-height:350px; padding:30px 0; font-size:15px; line-height:22px;}
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 {position:relative; width:100%; margin:-2px auto; background:#fff; z-index:10;}
#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 table td.brailleTab a {background:#def3ff;}
/*조직도 탭*/
#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 #tab {margin-top:-32px;}


/*추후에program.css로 옮기기*/
/* .citizen_event .calendar table td {position:relative;} */
.citizen_event .calendar table td .overCon {position:absolute; margin-top:5px; padding:10px; color:#fff; border-radius:3px; background:rgba(0,0,0,.7);}



/*MOBILE_min*/
@media all and (max-width:1780px) {
	#container {background-position:right 1250px top;}
}


/*1024x768*/
@media all and (max-width:1024px) {
	body.sub .wrap {width:100%;}
	body.sub #contents {width:73%;} 	
	.list_tab li {width:33%;}
}


/*lmenu_childi*/
@media all and (min-width:801px) {
	#lmenu_child {position:relative; text-align:right; float:left; width:19%; min-height:560px; border-radius:10px; margin-top:12px; box-shadow:0 10px 30px rgba(0,0,0,.4); background:rgba(255,255,255,.9); z-index:10;}
	#lmenu_child:before {display:block; content:""; position:absolute; left:0; top:-12px; width:100%; height:20px; border-radius:10px 10px 0 0; background:#4098dc; z-index:0;}
	#lmenu_child h2 {position:relative; padding:50px 40px; font-size:28px; font-weight:bold; background:#fff; border-radius:10px 10px 0 0;}
	#lmenu_child h2 a {color:#333;}
	#lmenu_child>ul {padding:20px 40px;}
	#lmenu_child>ul>li {margin-bottom:20px;}
	#lmenu_child>ul>li>a {font-size:19px; font-weight:bold;}
	#lmenu_child>ul>li.on>a {color:#0d61a3;}
	#lmenu_child>ul>li.on>ul {display:block;}
	#lmenu_child>ul>li>ul {padding:25px 0 15px;}
	#lmenu_child>ul>li>ul>li {margin-bottom:10px;}
	#lmenu_child>ul>li>ul>li>a.on {font-weight:bold; color:#3f92d3;}
	body.sub #contents {float:right; width:77%;}
} 

/*lmenu_childi*/
@media screen and (max-width:1280px) {
	#container {background:none;}
} 

/*MOBILE*/
@media screen and (max-width:800px) {
	#container {padding-top:0}
	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;}

	body.sub #lmenu_child {float:none; width:100%;}
	body.sub #lmenu_child h2 a {display:block; padding:20px; color:#fff; font-weight:600; font-size:20px;}
	body#culture.sub #lmenu_child h2 a {position:relative; border-top:1px solid #016ca4; border-bottom:1px solid #016ca4; background:#0089d1 /*url('/open_content/images/lmenu_child_h2.png') no-repeat 96% 23px */;}
	body#culture.sub #lmenu_child h2 a:before {position:absolute; content:""; top:50%; right:20px; width:25px; height:4px; border-radius:1px; background:#fff; box-shadow:0 -9px 0 #fff, 0 9px 0 #fff; transform:translateY(-50%);}
	body.sub #lmenu_child>ul {display:none;}
	body.sub #lmenu_child>ul>li>a {display:block; padding:15px 20px; font-size:15px; font-weight:600; border-bottom:1px solid #e6e6e6; background:#fff;}
	body.sub #lmenu_child>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_child>ul>li>a:hover, body#culture.sub #lmenu_child>ul>li>a:active, body#culture.sub #lmenu_child>ul>li.on>a {color:#0074ba; background:#fff url('/open_content/images/lmenu_subon.gif') no-repeat right center;}
	body.sub #lmenu_child .depth3 {padding:15px 25px; border-bottom:1px solid #e6e6e6; background:#f4f4f4;}
	body.sub #lmenu_child .depth3 li {margin-bottom:3px;}
	body.sub #lmenu_child .depth3 a:hover, body.sub #lmenu .depth3 a:active, body.sub #lmenu .depth3 a.on { font-weight:600; color:#000;}


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

@media screen and (max-width:640px) {
	#tab table td a {padding:7px; font-size:12px;}
	.list_tab li {width:50%;}
}


/*MOBILE_min*/
@media all and (max-width:480px) {
	#tab table td {display:inline-block; width:100%;/*  width:50%;  white-space:nowrap; overflow:hidden;*/}
}