@charset="utf-8";

#wrapper{position:relative;}

#head{padding:10px 0px 0px; position:absolute; z-index:500; width:100%;}
#head .headline{height:30px; border-bottom:2px solid #dcdcdc;}
#head .headline th{color:#262626;}
#head .headline td{max-width:220px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#313131;}
#head .global_menu{font-weight:bold;}
#head .global_menu li a{color:#595757; font-weight:bold; font-family:"굴림"; font-size:0.9em;}


#head_nt{padding:10px 0px 0px; position:absolute; z-index:500; width:100%;}
#head_nt .headline{height:30px; border-bottom:2px solid #dcdcdc;}
#head_nt .headline th{color:#262626;}
#head_nt .headline td{max-width:220px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#313131;}
#head_nt .global_menu{font-weight:bold;}
#head_nt .global_menu li a{color:#595757; font-weight:bold; font-family:"굴림"; font-size:0.9em;}

select.for_lang{border-radius:20px; border:1px solid #a6a6a6; padding:5px 7px;}

.water {position:absolute; top:70px;}
.water .day{position:absolute; float:left; font-size:18px; font-family:"arial";color:#555 !important;}
.water .day img{position:absolute;right:-30px; top:-6px;}
.water .wq{position:absolute; float:left; width:405px;color:#555 !important; font-size:0.85em; top:20px;}
.water .wq li{float:left; padding-right:3%;}

#article #location_area	 .loca{float:right; font-size:0.8em; position:relative; display:inline-block; color:#898989;}
#article #location_area	 .loca a{color:#898989; font-family:"굴림";}
#article #location_area	 .loca .loca_on{color:#595757; font-weight:bold; font-family:"굴림";}
#article #location_area	 .loca .loca_ico{margin-top:-5px;}

#article #content .contentbox .con_tit{width:100%; border-bottom:1px solid #ddd; padding-bottom:15px;}
#article #content .contentbox .con_tit img{margin-top:-5px;}
#article #content .contentbox .con_tit h1{color:#444444; font-size:1.9em; font-weight:normal; letter-spacing:-0.09em;}

#article #content .contentbox .loca a{color:#666;}
#article #content .contentbox .loca .loca_on{color:#55b36f; border:1px solid #55b36f; border-radius:5px; padding:2px 5px; font-weight:bold; background:#fff;}

/*희망도서신청 추가 210316*/
#article #content_edit .contentbox .con_tit{width:100%; border-bottom:1px solid #ddd; padding-bottom:15px;}
#article #content_edit .contentbox .con_tit img{margin-top:-5px;}
#article #content_edit .contentbox .con_tit h1{color:#444444; font-size:1.9em; font-weight:normal; letter-spacing:-0.09em;}

#article #content_edit .contentbox .loca a{color:#666;}
#article #content_edit .contentbox .loca .loca_on{color:#55b36f; border:1px solid #55b36f; border-radius:5px; padding:2px 5px; font-weight:bold; background:#fff;}
/*희망도서신청 추가 210316*/

#page ul.page{width:100%; text-align:center; padding:0px;}
#page ul.page li{padding:0px 4px; display:inline-block;}
#page ul.page li.on{font-weight:bold; text-decoration:underline;}
#page ul.page li.btn{padding:0px 3px !important; display:inline-block;}

#foot .footer_wrap ul.foot_list{padding:0px;}
#foot .footer_wrap ul.foot_list li{color:#fff;}
#foot .footer_wrap ul.foot_list li a{color:#fff;}

/*메인상단 팝업*/
.top-wide-popups{display:block; opacity:1; /*background:#dae3ea;*/}
.top-wide-popups .div-cont{position:relative; height:154px; z-index:5000; margin:0 auto;}
.top-wide-popups .wpop-list{overflow:hidden;}
.top-wide-popups .wpop-go-btns{position:absolute; bottom:8px; overflow:hidden;z-index:5030;}

.top-wide-popups .wpop-list{overflow:hidden; padding:133px 0 0 20px;}
.top-wide-popups .wpop-list li{float:left;}
.top-wide-popups .wpop-list li .nicon{background:url(/img/common/p_ctrl_btns.png) no-repeat -35px 0; width:13px; height:13px; display:block; text-indent:-9999px;margin:0 3px 0 5px;}
.top-wide-popups .wpop-list li .nicon.over{background-position:-20px 0;}
.top-wide-popups .wpcont{position:absolute; top:0; left:0; height:122px; overflow:hidden;}
.top-wide-popups .wpcont img{width:auto;/*height:162px;*/ display:block; max-width:100%; /*padding-top:calc(105px - 10%);*/ padding-top:calc(105px 0%); margin:0 auto;}

.wpop-go-btns button, .wpop-go-btns a{width:14px; height:14px; background:url(/img/common/p_ctrl_btns.png) no-repeat 0 top;overflow:hidden;margin:0 2px;border:0;cursor:pointer;}
.wpop-go-btns button span, .wpop-go-btns a span{white-space:nowrap; padding-left:40px; display:inline-block;cursor:pointer;}
.wpop-go-btns .btn-stop{background-position:0 0; float:left;}
.wpop-go-btns .btn-play{background-position:-100px 0; float:left;}

.close-btns{position:absolute; bottom:5px; right:20px; z-index:5010; width:135px; }
.top-wide-popups .close-btns label{color:#222;font-size:12px; padding:0 5px; letter-spacing:-1px; *letter-spacing:-2px;}
.top-wide-popups .close-btn{position:absolute; bottom:2px; background:url(/img/common/pop_exit.png) no-repeat 0 0; border:0; width:12px; height:13px; cursor:pointer; overflow:visible; right:0;}
.blind {overflow:hidden; text-indent:-9999px; width:1px; height:1px; font-size:0; line-height:0;position:absolute; left:-9999px}

.clear_div{clear:both;}

/* Desktop Device : 480 이하 */
@media screen and (max-width:480px){
	
	.default_box{max-width:480px; margin:0 auto;}
	#head .headline{padding-left:10px;}
	#head{background:#fff; border-bottom:2px solid #345632;  background-repeat:repeat-x; height:120px; min-width:340px;}
	#head .logo{text-align:center; position:relative; /*top:30px;*/ /*top:25px;*/ top:26px;/*left:70px;*/ /*width:280px*/}
	#head .logo .web{display:none;}
	#head .logo .mo{max-width:159px;}
	#head .global_menu{float:right; padding:8px 0px; font-size:0.9em; position:relative; top:-35px; margin-right:-50px;}
	#head .global_menu ul li{display:inline-block; padding:0px 3px;}

	#head_nt .headline{padding-left:10px;}
	#head_nt{background:#fff; border-bottom:2px solid #345632;  background-repeat:repeat-x; height:100px; min-width:340px;}
	#head_nt .logo{text-align:center; position:relative; /*top:30px;*/ /*top:25px;*/ top:26px;/*left:70px;*/ /*width:280px*/}
	#head_nt .logo .web{display:none;}
	#head_nt .logo .mo{max-width:159px;}
	#head_nt .global_menu{float:right; padding:8px 0px; font-size:0.9em; position:relative; top:-35px; margin-right:-50px;}
	#head_nt .global_menu ul li{display:inline-block; padding:0px 3px;}

	.water {display:none;}

	#header{display:none;}
	#header #navi{display:none;}

	#panel_butt{/*top:70px;*/top:62px; left:10px;}

	#quick_menu_on{display:none;}
	#quick_menu_off{display:none;}
	
	#article #left_nav{display:none;}
	
	#article{height:100%; position:relative; top:120px; /*top:100px;*/ min-width:340px;}
	
	#article #location_area{border-bottom:1px solid #ddd; position:relative; padding:12px 0px; display:inline-block; width:100%; margin-bottom:10px; margin-top:10px;}
	#article #location_area	 .loca{right:10px;}

	#article #content{margin:0px 10px; min-width:300px; }
	#article #content .contentbox .up_img{text-align:center;}
	#article #content .contentbox .loca{float:left; font-size:0.8em; position:relative; top:6px;}
	#article #content .contarea{padding-bottom:30px;}
	
	/*희망도서신청 210316*/
	#article #content_edit{margin:0px 10px; min-width:300px; }
	#article #content_edit .contentbox .up_img{text-align:center;}
	#article #content_edit .contentbox .loca{float:left; font-size:0.8em; position:relative; top:6px;}
	#article #content_edit .contarea{padding-bottom:30px;}
	/*희망도서신청 210316*/

	#foot{background:#898989; min-width:320px; display:inline-block; padding-bottom:30px;}
	#foot .footer_wrap{background:#b5b6b6; padding:15px 0px 15px 15px; min-width:325px;}
	#foot .footer_wrap ul.foot_list{min-width:300px;}
	#foot .footer_wrap ul.foot_list li{text-align:left; padding-right:1%; font-size:0.95em; display:inline-block; line-height:180%;}

	#foot .family_st{float:right; position:relative; top:25px; margin-right:10px;}
	#foot .footer_dom{padding:20px 0px 0px 10px; position:relative; top:25px; min-width:300px; display:inline-block;}
	#foot .footer_dom .foot_logo{float:left; padding-right:20px;}
	#foot .footer_dom .foot_det{float:left; color:#fff; line-height:150%; padding-top:5px; }
	#foot .footer_dom .foot_sns{float:left; padding-top:5px; display:inline-block;}
	#foot .footer_dom .foot_sns a{margin-right:5px;}

	.web_sp{padding-bottom:37% !important;}

	#toppop_wrap{display:none;}
	.top-wide-popups .div-cont{width:100%; max-width:480px;}
	.top-wide-popups .wpcont{max-width:480px; width:100%; height:162px;}


	.logo_4d{position:relative; float:right; margin-top:0px;padding-right:10px;}
	.logo_4d_img{position:relative; display:inline-block;}
	.logo_4d_img_01{display:none; max-width:120px; width:100%;}
	.logo_4d_img_01_t{display:none; max-width:54px; width:100%;}
	.logo_4d_img_01_m{display:block; max-width:43px; width:100%;}

	.hope_book_bt_web{display:none;}

	/*해상도별 표출*/
	.view_w{display:none;}
	.view_t{display:none;}

	.view_wt{display:none;}


	/* 공원길찾기 */
	.notice_top { display:block !important; }
	.notice_top > a { 
		display: block;
		padding: 10px 0;
		width: 100%;
		height: 100%;
		background-color: #0b3d92;
		text-align: center;
		font-weight: 700;
		font-size: 18px;
		color: white;
	}
	.notice_top > a > i {
		transform: translateY(1px);
	}
}


/* Desktop Device : 481~768 */
@media screen and (min-width:481px) and (max-width:768px){
	
	.default_box{max-width:768px; margin:0 auto;}

	#head{background:#fff; border-bottom:2px solid #345632; background-repeat:repeat-x; /*height:110px;*/height:130px; position:absolute; z-index:500; }
	#head .headline{padding-left:10px;}
	#head .logo{/*float:left;*/ position:relative;text-align:center;/* left:60px; top:10px;*/top:22px;}
	#head .logo .web{max-width:214px;}
	#head .logo .mo{display:none;}
	#head .global_menu{float:right; /*padding:23px 0px;*/margin-top:-40px; font-size:0.9em;margin-right:-83px;}
	#head .global_menu ul li{display:inline-block; padding:0px 3px;}

	#head_nt{background:#fff; border-bottom:2px solid #345632; background-repeat:repeat-x; /*height:110px;*/height:110px; position:absolute; z-index:500; }
	#head_nt .headline{padding-left:10px;}
	#head_nt .logo{/*float:left;*/ position:relative;text-align:center;/* left:60px; top:10px;*/top:22px;}
	#head_nt .logo .web{max-width:214px;}
	#head_nt .logo .mo{display:none;}
	#head_nt .global_menu{float:right; /*padding:23px 0px;*/margin-top:-40px; font-size:0.9em;margin-right:-83px;}
	#head_nt .global_menu ul li{display:inline-block; padding:0px 3px;}
	
	.water {display:none;}

	#header{display:none;}
	#header #navi{display:none;}

	#panel_butt{/*top:55px;*/top:65px; left:10px;}
	
	#quick_menu_on{display:none;}
	#quick_menu_off{display:none;}

	#article #left_nav{display:none;}

	#article{height:100%; position:relative; /*top:120px;*/ top:140px;}
	
	#article #location_area{border-bottom:1px solid #ddd; position:relative; padding:12px 0px; display:inline-block; width:100%; margin-bottom:10px;}
	#article #location_area	 .loca{right:10px;}
	
	#article #content{margin:0px 10px;}
	#article #content .contentbox .up_img{text-align:center;}
	#article #content .contentbox .loca{float:left; font-size:0.8em; position:relative; top:7px;}
	#article #content .contarea{padding-bottom:30px;}
	/*희망도서 210316*/
	#article #content_edit{margin:0px 10px;}
	#article #content_edit .contentbox .up_img{text-align:center;}
	#article #content_edit .contentbox .loca{float:left; font-size:0.8em; position:relative; top:7px;}
	#article #content_edit .contarea{padding-bottom:30px;}
	/*희망도서 210316*/

	#foot{background:#898989; display:inline-block;  clear:both; width:100%;}
	#foot .footer_wrap{background:#b5b6b6; padding:15px;}
	#foot .footer_wrap ul.foot_list li{text-align:left; padding-right:20px; font-size:0.95em; display:inline-block; line-height:180%;}

	#foot .family_st{float:right; position:relative; top:25px;}
	#foot .footer_dom{padding:20px 0px 0px 10px; position:relative; display:inline-block;}
	#foot .footer_dom .foot_logo{padding-right:20px;}
	#foot .footer_dom .foot_det{float:left; color:#fff; line-height:150%; padding-top:5px; display:inline-block; padding-right:10px;}
	#foot .footer_dom .foot_sns{float:left; padding-top:5px; display:inline-block;}
	#foot .footer_dom .foot_sns a{margin-right:5px;}

	.web_sp{padding-bottom:20% !important;}

	#toppop_wrap{display:none;}
	.top-wide-popups .div-cont{width:100%; max-width:768px;}
	.top-wide-popups .wpcont{max-width:768px; width:100%; height:162px; }

	.logo_4d{position:relative; float:right; margin-top:-15px;padding-right:15px;}
	.logo_4d_img{position:relative; display:inline-block;}
	.logo_4d_img_01{display:none;}
	.logo_4d_img_01_t{display:block; max-width:90px; width:100%;}
	.logo_4d_img_01_m{display:none;}
	
	.hope_book_bt_web{display:none;}

	/*해상도별 표출*/
	.view_w{display:none;}
	.view_m{display:none;}

	/* 공원길찾기 */
	.notice_top { display:block !important; }
	.notice_top > a { 
		display: block;
		padding: 10px 0;
		width: 100%;
		height: 100%;
		background-color: #0b3d92;
		text-align: center;
		font-weight: 700;
		font-size: 18px;
		color: white;
	}
	.notice_top > a > i {
		transform: translateY(1px);
	}

}



/* Desktop Device : 769 이상 또는 print 출력시*/
@media screen and (min-width:769px), only print{
	
	.default_box{max-width:1024px; margin:0 auto;}

	#head{height:123px; background:#fff;}
	#head .toparea{padding:20px 0px;}
	#head .logo{text-align:center;}
	#head .logo .web{width:214px;}
	#head .logo .mo{display:none;}
	#head .global_menu{float:right; padding:8px 0px; font-size:0.9em; position:relative; top:-45px; right:20px;}
	#head .global_menu ul li{display:inline-block; padding:0px 3px;}

	#head_nt{height:123px; background:#fff;}
	#head_nt .toparea{padding:20px 0px;}
	#head_nt .logo{text-align:center;}
	#head_nt .logo .web{width:214px;}
	#head_nt .logo .mo{display:none;}
	#head_nt .global_menu{float:right; padding:8px 0px; font-size:0.9em; position:relative; top:-45px; right:20px;}
	#head_nt .global_menu ul li{display:inline-block; padding:0px 3px;}


	#header{padding:5px 0px 8px; top:128px; text-align:center; position:absolute; z-index:500; width:100%; overflow:hidden;}
	#header #navi{clear:both; overflow:hidden; background:url(/img/main_new/top_line.jpg); background-repeat:no-repeat; background-position-x:center;}
	#header #navi ul.depth1{padding:0px;}
	#header #navi ul.depth1 li{width:25%; color:#fff; float:left;}
	#header #navi ul.depth1 li.long{width:25%; }
	#header #navi ul.depth1 li a{width:100%; color:#fff; font-size:1.2em;}
	#header #navi ul.depth1 li a div.depth1{padding:16px 0px;  letter-spacing:-0.7px; font-weight:bold;}
	#header #navi ul.depth1 li a:hover, #header #navi ul.depth1 li.on a{text-decoration:none; color:#fff; }
	#header #navi div.depth2{position:relative;}
	#header #navi ul.depth1 li ul.depth2{/*min-height:204px;*/min-height:335px; border-collapse:collapse; position:relative; top:30px; padding:0px;}
	#header #navi ul.depth1 li ul.depth2 li{width:100%; /*border-bottom:1px solid #ededed;*/ padding:6px 0px; text-align:left !important;}
	#header #navi ul.depth1 li ul.depth2 a li{font-size:0.8em !important; color:#444444;}
	#header #navi ul.depth1 li ul.depth2 a li:hover,focus,active{/*background:#edb125;*/}
	#header #navi #sm1 #depth1_1{background:#eeba00;/*url(/img/common/top_line_1.jpg);*/ background-repeat:repeat-x;}
	#header #navi #sm1 #depth1_1:hover,active,focus{background:#e9a505;}
	#header #navi #sm2 #depth1_2{background:#459e38; /*url(/img/common/top_line_2.jpg);*/ background-repeat:repeat-x;}
	#header #navi #sm2 #depth1_2:hover,active,focus{background:#69c339; }
	#header #navi #sm3 #depth1_3{background:#246aa7;/*url(/img/common/top_line_3.jpg);*/ background-repeat:repeat-x;}
	#header #navi #sm3 #depth1_3:hover,active,focus{background:#39a1d5; }
	#header #navi #sm4 #depth1_4{background:#585656;/*url(/img/common/top_line_4.jpg);*/ background-repeat:repeat-x; }
	#header #navi #sm4 #depth1_4:hover,active,focus{background:#959394; }
	#header #navi #sm1 #menu1{/*background:#f1ca0b;*/}
	#header #navi #sm2 #menu2{/*background:#4cb034;*/}
	#header #navi #sm3 #menu3{/*background:#2a89e3;*/}
	#header #navi #sm4 #menu4{/*background:#737072;*/}

	#header #navi #sm1 #menu1 a li{padding-left:24%; letter-spacing:-0.5px;}
	#header #navi #sm1 #menu1 a li:hover,focus,active{color:#e9a505; font-weight:bold;}
	#header #navi #sm2 #menu2 a li{padding-left:30%; letter-spacing:-0.5px;}
	#header #navi #sm2 #menu2 a li:hover,focus,active{color:#69c339; font-weight:bold;}
	#header #navi #sm3 #menu3 a li{padding-left:38%; letter-spacing:-0.5px;}
	#header #navi #sm3 #menu3 a li:hover,focus,active{color:#379ed4; font-weight:bold;}
	#header #navi #sm4 #menu4 a li{padding-left:38%; letter-spacing:-0.5px;}
	#header #navi #sm4 #menu4 a li:hover,focus,active{color:#959394; font-weight:bold;}

	#panel_butt #navi_ico{display:none;}


	#quick_menu_on{position:absolute; right:0; z-index:1000; top:230px; background:url(/img/main_new/quickmenu_bg.png); background-repeat:no-repeat; width:97px; height:597px; }
	#quick_menu_on .quick_bg .quick_list{text-align:center; position:relative; top:13px;}
	#quick_menu_on .quick_bg .quick_list h4{color:#fff; font-weight:normal; font-size:0.9em;}
	#quick_menu_on .quick_bg .quick_list .qu_listbox{position:relative; top:45px;}
	#quick_menu_on .quick_bg .quick_list .qu_listbox a{color:#000;}
	#quick_menu_on .quick_bg .quick_list .qu_listbox a:hover,active,focus{color:#9a945f;}
	#quick_menu_on .quick_bg .quick_list .qu_listbox p{font-size:0.8em;  font-family:"굴림";}
	#quick_menu_on .quick_outbtn{position:absolute; top:40%; right:87px;}


	#quick_menu_off{position:absolute; right:0; z-index:1000; top:230px; background:url(/img/main_new/quickmenu_off_bg.png); background-repeat:no-repeat; width:14px; height:597px; }
	#quick_menu_off .quick_bg{}
	#quick_menu_off .quick_bg .quick_list{text-align:center; position:relative; top:13px;}
	#quick_menu_off .quick_bg .quick_list h4{color:#fff; font-weight:normal; font-size:1em;}
	#quick_menu_off .quick_outbtn{position:absolute; top:40%;  right:5px;}

	#article{height:100%; width:100%; position:relative; top:109px;}

	#article #left_nav{float:left; width:200px; height:auto; padding-bottom:10%;}
	#article #left_nav .nav_posi{position:relative; top:78px;}
	#article #left_nav .nav_posi .nav_top{text-align:left; position:relative; top:1px;}
	#article #left_nav .nav_posi .nav_top h2{font-weight:normal; color:#fff; font-size:1.3em;}
	#article #left_nav .nav_posi #nav_top_1{background:#eeba00; border-top:1px solid #eeba00; border-left:1px solid #eeba00; border-right:1px solid #eeba00; height:120px; vertical-align:middle; display:table-cell; width:200px; text-align:center;}
	#article #left_nav .nav_posi #nav_top_2{background:#459e38; border-top:1px solid #459e38; border-left:1px solid #459e38; border-right:1px solid #459e38; height:120px; vertical-align:middle; display:table-cell; width:200px; text-align:center;}
	#article #left_nav .nav_posi #nav_top_3{background:#246aa7; border-top:1px solid #246aa7; border-left:1px solid #246aa7; border-right:1px solid #246aa7; height:120px; vertical-align:middle; display:table-cell; width:200px; text-align:center;}
	#article #left_nav .nav_posi #nav_top_4{background:#585656; border-top:1px solid #585656; border-left:1px solid #585656; border-right:1px solid #585656; height:120px; vertical-align:middle; display:table-cell; width:200px; text-align:center;}
	#article #left_nav .nav_posi #nav_top_5{background:#EF7C21; border-top:1px solid #EF7C21; border-left:1px solid #EF7C21; border-right:1px solid #EF7C21;/*background:#e71a7d; border-top:1px solid #e71a7d; border-left:1px solid #e71a7d; border-right:1px solid #e71a7d;*/ height:120px; vertical-align:middle; display:table-cell; width:200px; text-align:center;}
	#article #left_nav .nav_posi ul.depth1{border:1px solid #ddd; border-bottom:0px; padding:0px;}
	#article #left_nav .nav_posi ul.depth1 li{padding:14px 0px 12px; border-bottom:1px solid #dddddd; border-collapse:collapse; }
	#article #left_nav .nav_posi ul.depth1 li a{font-weight:bold; color:#444444; padding-left:30px; font-size:15px;}
	#article #left_nav .nav_posi ul.depth1 li a:hover,focus,active{color:#4d946a;}
	#article #left_nav .nav_posi ul.depth1 li.on{background:url(/img/common/left_on.png) center right; background-position:center right;}
	#article #left_nav .nav_posi ul.depth1 li.on a{color:#fff;}
	#article #left_nav .nav_posi ul.depth1 li ul.depth2{position:relative; top:12px; border-top:1px solid #ddd; padding:14px 0px 20px; background:#fff;}
	#article #left_nav .nav_posi ul.depth1 li ul.depth2 li{padding:6px 0px !important; border-bottom:0px !important;}
	#article #left_nav .nav_posi ul.depth1 li ul.depth2 li a{font-weight:normal !important; color:#444; font-size:14px; letter-spacing:-0.3px;}
	#article #left_nav .nav_posi ul.depth1 li ul.depth2 li a:hover,focus,active{color:#498d65; font-weight:bold !important;}
	#article #left_nav .nav_posi ul.depth1 li ul.depth2 li.on{/*background:#ecf0f0 !important;*/  background:#fff !important;}
	#article #left_nav .nav_posi ul.depth1 li ul.depth2 li.on a{color:#498d65 !important; font-weight:bold !important;}

	#article #left_nav .nav_posi #nav_depth1 li a:hover,focus,active{/*color:#eeba00;*/color:#444;}
	#article #left_nav .nav_posi #nav_depth1 li.on{background:#FAEAB2;}
	#article #left_nav .nav_posi #nav_depth1 li.on a{/*color:#eeba00;*/color:#444;}
	#article #left_nav .nav_posi #nav_depth1 li ul.depth2 li a{font-weight:normal !important; color:#666; font-size:13px;}
	#article #left_nav .nav_posi #nav_depth1 li ul.depth2 li a:hover,focus,active{color:#444; font-weight:bold !important;}
	#article #left_nav .nav_posi #nav_depth1 li ul.depth2 li.on a{color:#444 !important; font-weight:bold !important;}


	#article #left_nav .nav_posi #nav_depth2 li a:hover,focus,active{/*color:#459e38;*/color:#444;}
	#article #left_nav .nav_posi #nav_depth2 li.on{background:#C7E2C3;}
	#article #left_nav .nav_posi #nav_depth2 li.on a{/*color:#459e38;*/color:#444;}
	#article #left_nav .nav_posi #nav_depth2 li ul.depth2 li a{font-weight:normal !important; color:#666; font-size:13px;}
	#article #left_nav .nav_posi #nav_depth2 li ul.depth2 li a:hover,focus,active{color:#444; font-weight:bold !important;}
	#article #left_nav .nav_posi #nav_depth2 li ul.depth2 li.on a{color:#444 !important; font-weight:bold !important;}	
	

	#article #left_nav .nav_posi #nav_depth3 li a:hover,focus,active{/*color:#246aa7;*/color:#444;}
	#article #left_nav .nav_posi #nav_depth3 li.on{background:#D3E1ED;}
	#article #left_nav .nav_posi #nav_depth3 li.on a{/*color:#246aa7;*/color:#444;}
	#article #left_nav .nav_posi #nav_depth3 li ul.depth2 li a{font-weight:normal !important; color:#666; font-size:13px;}
	#article #left_nav .nav_posi #nav_depth3 li ul.depth2 li a:hover,focus,active{color:#444; font-weight:bold !important;}
	#article #left_nav .nav_posi #nav_depth3 li ul.depth2 li.on a{color:#444 !important; font-weight:bold !important;}	

	#article #left_nav .nav_posi #nav_depth4 li a:hover,focus,active{/*color:#585656;*/color:#444;}
	#article #left_nav .nav_posi #nav_depth4 li.on{background:#DEDDDD;}
	#article #left_nav .nav_posi #nav_depth4 li.on a{/*color:#585656;*/color:#444;}
	#article #left_nav .nav_posi #nav_depth4 li ul.depth2 li a{font-weight:normal !important; color:#666; font-size:13px;}
	#article #left_nav .nav_posi #nav_depth4 li ul.depth2 li a:hover,focus,active{color:#444; font-weight:bold !important;}
	#article #left_nav .nav_posi #nav_depth4 li ul.depth2 li.on a{color:#444 !important; font-weight:bold !important; }	

	#article #left_nav .nav_posi #nav_depth5 li a:hover,focus,active{color:#EF7C21;/*color:#e71a7d;*/}
	#article #left_nav .nav_posi #nav_depth5 li.on{}
	#article #left_nav .nav_posi #nav_depth5 li.on a{color:#EF7C21;/*color:#e71a7d;*/}
	#article #left_nav .nav_posi #nav_depth5 li ul.depth2 li a{font-weight:normal !important; color:#666; font-size:13px;}
	#article #left_nav .nav_posi #nav_depth5 li ul.depth2 li a:hover,focus,active{color:#444; font-weight:bold !important;}
	#article #left_nav .nav_posi #nav_depth5 li ul.depth2 li.on a{color:#444 !important; font-weight:bold !important; }	

	#article #left_nav .nav_posi .sns h3{color:#666; padding-bottom:3px;}
	#article #left_nav .nav_posi .sns ul{background:url(/img/common/sns_bg.png) bottom right; background-repeat:no-repeat; width:100%; height:60px;}
	#article #left_nav .nav_posi .sns li{float:left;list-style:none; padding:0 3px;}
	#article #left_nav .nav_posi .sns li a {display:inline-block;width:45px;height:45px;}
	#article #left_nav .nav_posi .sns li span{overflow:hidden; text-indent:-9999px; width:1px; height:1px; font-size:0; line-height:0;}
	#article #left_nav .nav_posi .sns .n1{background:url(/img/common/icon_fabook.png) no-repeat center;}
	#article #left_nav .nav_posi .sns .n2{background:url(/img/common/icon_twitter.png) no-repeat center;}
	#article #left_nav .nav_posi .sns .n3{background:url(/img/common/icon_instagram.png) no-repeat center;}

	#article #left_nav .nav_posi .service_box {background:#998675;}
	#article #left_nav .nav_posi .service_box dl {text-align:center; color:#fff; padding-bottom:15px;}
	#article #left_nav .nav_posi .service_box dt {padding:15px 0px;}
	#article #left_nav .nav_posi .service_box dd.num {font-size:20px; color:#fff; margin:10px 0 0px 0;}
	#article #left_nav .nav_posi .service_box dd.txt {font-size:14px; color:#fff;}

	#article #left_nav .nav_posi .park_sec{display:inline-block; width:100%;}
    #article #left_nav .nav_posi .park_sec .btn{display:inline-block; border:1px solid #cccccc; width:94px; height:94px;}
	#article #left_nav .nav_posi .park_sec .btn p{position:relative; text-align:center; color:#736357; font-size:0.8em;}
	#article #left_nav .nav_posi .park_sec .btn .left_m_btnicon{text-align:center; padding:10px;}
	#article #location_area{border-bottom:1px solid #ddd; position:relative; top:80px; /*top:60px;*/ padding:12px 0px; display:inline-block; width:100%;}
	#article #location_area	 .loca{margin-right:10px;}

	#article #content{margin-left:230px; height:100%; border-collapse:collapse; min-height:800px;}
	#article #content .contentbox{padding-top:148px; padding-left:10px; float:right; width:100%;}
	#article #content .contentbox .up_img{text-align:center;}
	#article #content .contarea{padding-bottom:20px;}
	/*희만도서 210316*/
	#article #content_edit{height:100%; border-collapse:collapse; min-height:800px;}
	#article #content_edit .contentbox{padding-top:120px; float:right; width:100%;}
	#article #content_edit .contentbox .up_img{text-align:center;}
	#article #content_edit .contarea{padding-bottom:20px;}
	/*희만도서 210316*/

	#foot{background:#898989; clear:both; display:inline-block; width:100%;}
	#foot .footer_wrap{background:#b5b6b6; padding:15px;}
	#foot .footer_wrap ul.foot_list li{text-align:left; padding-right:2%; font-size:0.95em; display:inline-block;}
	#foot .footer_wrap ul.foot_list li a{color:#fff;}

	#foot .family_st{float:right; position:relative; top:-20px;}
	#foot .footer_dom{padding:35px 0px;}
	#foot .footer_dom .foot_logo{float:left; padding-right:20px;}
	#foot .footer_dom .foot_det{display:inline-block; color:#fff; line-height:150%; padding-top:5px;}
	#foot .footer_dom .foot_sns{float:right;}
	#foot .footer_dom .foot_sns a{margin-left:10px;}

	.web_sp{padding-bottom:20% !important;}

	#toppop_wrap{display:block;}
	.top-wide-popups .div-cont{width:100%; max-width:1024px;}
	.top-wide-popups .wpcont{position:absolute; top:0; left:0; max-width:1024px; width:100%; height:132px;overflow:hidden;}

	.logo_4d{position:relative; float:right; top:-48px; /*right:-20px;*/}
	.logo_4d_img{position:relative; display:inline-block;}
	.logo_4d_img_01{max-width:145px; width:100%;}
	.logo_4d_img_01_t{display:none;}
	.logo_4d_img_01_m{display:none;}
	.txt_4d{/*margin-left:8px;*/vertical-align:middle;position:relative; display:inline-block;color:#595757; font-weight:bold; font-family:"굴림";}

	.hope_book_bt_mo{display:none;}

	/*해상도별 표출*/
	.view_t{display:none;}
	.view_m{display:none;}

	.view_tm{display:none;}

}