#container_wrap .path_box .depth1{color:#2d2d2d; position:relative; z-index: 10;}
 #container_wrap .path_box > .depth1 > h2 {display: block; font-size: 19px; padding: 42px 15px 0; font-weight: 400; float: left; max-width: 60%; line-height: 24px;color: #fff;}
 #container_wrap .path_box > .depth1 > .right_util{float: right; margin: 40px 15px 0 0;}
 #container_wrap .path_box > .depth1 > .right_util > div{float: left; margin-left: 5px;}
 .depth1 .snb_wrap a.open_snb {width:34px; height:34px; text-indent:-5000px; display:block; z-index: 10; background-color: #309ca3; border-radius: 50%; position: relative;}
 .depth1 .snb_wrap a.open_snb > div.left_bar{position: absolute; background-color: transparent; bottom: 15px; left: 50%; width: 10px; height: 3px; display: block; transform: rotate(45deg); float: right; border-radius: 2px; margin-left: -7px;}
 .depth1 .snb_wrap a.open_snb > div.left_bar:after{content: ''; background-color: #fff; width: 10px; height: 3px; display: block; float: right; border-radius: 30%; transition: all cubic-bezier(.25,1.7,.35,.8) 0.5s; z-index: -1;}
 .depth1 .snb_wrap a.open_snb > div.right_bar{position: absolute; background-color: transparent; bottom: 15px; right: 50%; width: 10px; height: 3px; display: block; transform: rotate(-45deg); float: right; border-radius: 2px; margin-right: -8px;}
 .depth1 .snb_wrap a.open_snb > div.right_bar:after{content: ''; background-color: #fff; width: 10px; height: 3px; display: block; float: right; border-radius: 30%; transition: all cubic-bezier(.25,1.7,.35,.8) 0.5s; z-index: -1;}
 .depth1 .snb_wrap a.open_snb.open > div.left_bar:after{transform-origin: center center; transform: rotate(-90deg);}
 .depth1 .snb_wrap a.open_snb.open > div.right_bar:after{transform-origin: center center; transform: rotate(90deg);}
 .depth1 .share_wrap{position: relative;}
 .depth1 .share_wrap a.share{display: block;border-radius: 50%; background: #e3e3e3 url("/images/www_mobile/sub/share_sp.png?build_20250523002") no-repeat 10px 10px / 40px; width: 34px; height: 34px; text-indent: -99999px;}
 .depth1 .share_wrap ul{position: absolute; top: 37px; left: 50%; width: 43px; margin-left: -21px; border-radius: 5px; box-sizing: border-box; border: 1px solid #767676; z-index: 10; display: none;}
 .depth1 .share_wrap ul li{}
 .depth1 .share_wrap ul li a{display: block; text-indent: -99999px; width: 41px; height: 41px; position: relative; background: url("/images/www_mobile/sub/share_sp.png?build_20250523002") no-repeat; background-size: 40px;}
 .depth1 .share_wrap ul li.kakaotalk a{background-color: #fbe300; border-radius: 5px 5px 0 0; background-position: 0 -37px;}
 .depth1 .share_wrap ul li.kakaotalk a:before{content: ''; position: absolute; top: -7px; left: 50%; width: 0; height: 0; border-style: solid; border-color: #767676 transparent; border-width: 0 6px 7px 6px; margin-left: -6px;}
 .depth1 .share_wrap ul li.kakaotalk a:after{content: ''; position: absolute; top: -6px; left: 50%; width: 0; height: 0; border-style: solid; border-color: #fbe300 transparent; border-width: 0 5px 6px 5px; margin-left: -5px;}
 .depth1 .share_wrap ul li.facebook a{background-color: #466dad; background-position: 0 -77px;}
 .depth1 .share_wrap ul li.twitter a{background-color: #000; background-position: 0 -120px;}
 .depth1 .share_wrap ul li.band a{background-color: #1ea44a; background-position: 0 -159px;}
 .depth1 .share_wrap ul li.google a{background-color: #e25b3c; background-position: 0 -201px;}
 .depth1 .share_wrap ul li.story a{background-color: #f2d811; border-radius: 0 0 5px 5px; background-position: 0 -240px;}
 #path_txt {height:45px; line-height:45px; color:#2d2d2d; font-size:14px;width: 100%; margin-top:-3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position: relative; z-index: 9; background-color: #f2f2f2; box-sizing: border-box; padding: 0 15px; border-bottom: 1px solid #d0d0d0;}
 #path_txt a{font-size:14px; color:#2d2d2d; margin:0 3px}
 .depth3 > ul{display:none;position:absolute;width:50%;z-index:900}
 .depth4 > ul{display:none;position:absolute; top:38px; left:15px; right: 15px; z-index:50;box-sizing:border-box; border-radius: 5px; overflow: hidden; border: solid #2c9a37; border-width: 1px 1px 3px 1px;}
 .depth5 > ul{display:none; position:absolute; top:37px; left: 0; width: 100%; border-radius: 5px; overflow: hidden; border: solid #666d79; border-width: 1px 1px 3px 1px; box-sizing: border-box;}
 .depth6 > ul{display:none; position:absolute; top:37px; left: 0; width: 100%; border-radius: 5px; overflow: hidden; border: solid #666d79; border-width: 1px 1px 3px 1px; box-sizing: border-box;}
 #container_wrap .depth2 {display:none; position:absolute; width:100%; background:#fff; border: solid #2c9a37; z-index:100; border-width: 1px 0; top:110px; left: 0;}
 #container_wrap .depth2 a { display:block;}
 #container_wrap .depth2 > ul { display:inline-block; width:100%;}
 #container_wrap .depth2 > ul > li{border-bottom:1px solid #d2d2d2;}
 #container_wrap .depth2 > ul > li:last-child{border-bottom: 0;}
 #container_wrap .depth2 > ul > li > a { height:42px; line-height:42px; padding:0 0 0 22px}
 /*#container_wrap .depth2 > ul > li.on > a, #container_wrap .depth2 > ul > li.open > a{background-color: #426a43; color: #fff;}
*/ #container_wrap .depth2 > ul > li.accordion > a {background:url('/images/common_mobile/depth2_arrow_down_gray.png?build_20250523002') no-repeat 92% 17px; background-size:13px 8px}
 #container_wrap .depth2 > ul > li.accordion > a.accordionExpanded, #container_wrap .depth2 > ul > li.accordion.open > a.accordionExpanded{background: url('/images/common_mobile/depth2_arrow_up_white.png?build_20250523002') no-repeat 92% 17px / 13px 8px, linear-gradient(to right, #2c9a37, #4264a3); color:#fff;}
 #container_wrap .depth2 > ul > li.accordion.open > a{background: url('/images/common_mobile/depth2_arrow_down_white.png?build_20250523002') no-repeat 92% 17px / 13px 8px, linear-gradient(to right, #2c9a37, #4264a3); color: #fff;}
 #container_wrap .depth2 > ul > li.open > a{background: linear-gradient(to right, #2c9a37, #4264a3); color: #fff;}
 #container_wrap .depth2 > ul > li ul {display:none; padding:15px 0 ;width: 100%; overflow:hidden}
 #container_wrap .depth2 > ul > li li {min-width:49%; max-width: 49%; min-height: 24px; margin: 2px 0;  display: inline-block; vertical-align: top; position: relative;}
 #container_wrap .depth2 > ul > li li:before{content: ''; position: absolute; top: 9px; left: 13px; border-radius: 50px; width: 8px; height: 4px; background-color: #d2d2d2;}
 #container_wrap .depth2 > ul > li li.on:before{background-color: #4264a3;}
 #container_wrap .depth2 > ul > li li a { padding-left:34px;}
 #container_wrap .depth2 > ul > li li.on a {color:#4264a3; font-weight:400}
 /*#container_wrap .depth3, #container_wrap .depth4{float:left;width:100%;}
*/ #container_wrap .depth3 > a{display:block;height:45px;line-height:45px;font-size:15px;color:#525252;padding-left:20px;border-bottom:1px solid #e0e0e0;background:url("/images/mayor_mobile/common/path_arrow.png?build_20250523002") no-repeat 92% center;background-size:13px 8px}
 #container_wrap .depth3 > ul > li{display:block;height:45px;line-height:45px;font-size:13px;color:#525252;border-bottom:1px solid #fff;background:#f0f0f0}
 #container_wrap .depth3 > ul > li > a{display:block;padding-left:20px}
 #container_wrap .depth3 > ul > li.on{background:#0060a6}
 #container_wrap .depth3 > ul > li.on > a{color:#fff}
 #container_wrap .depth4{position:relative; padding:0 15px; box-sizing:border-box; z-index: 8;}
 #container_wrap .depth4 > a{display:block; height:34px; line-height:34px; padding-left:15px; background-size:35px; border-radius:5px; border: 1px solid #909090; margin: 20px 0 0;}
 #container_wrap .depth4 > a span{float: right; border-radius: 0 5px 5px 0; background-color: #4264a3; position: relative; width: 36px; height: 36px; margin: -1px -1px 0 0; text-indent: -99999px;}
 #container_wrap .depth4 > a span:before{content: ''; position: absolute; top: 50%; left: 50%; width: 9px; height: 3px; background-color: #fff; border-radius: 30%; margin: -2px 0 0 -6px; transition: all cubic-bezier(.25,1.7,.35,.8) 0.5s;}
 #container_wrap .depth4 > a span:after{content: ''; position: absolute; top: 50%; left: 50%; width: 9px; height: 3px; background-color: #fff; border-radius: 30%; margin: -2px 0 0 -1px; transition: all cubic-bezier(.25,1.7,.35,.8) 0.5s;}
 #container_wrap .depth4 > a span.open:before{transform: rotate(-45deg);}
 #container_wrap .depth4 > a span.open:after{transform: rotate(45deg);}
 #container_wrap .depth4 > a span.close:before{transform: rotate(45deg);}
 #container_wrap .depth4 > a span.close:after{transform: rotate(-45deg);}
 #container_wrap .depth4 > ul > li{display:block;line-height:26px;font-size:14px;color:#fff; background: #fff; box-sizing: border-box; border-bottom:1px solid #d2d2d2}
 #container_wrap .depth4 > ul > li.on{background:#2c9a37}
 #container_wrap .depth4 > ul > li > a{display:block; padding:4px 20px; }
 #container_wrap .depth4 > ul > li.on > a{color:#fff}
 #container_wrap .depth5{position:relative;clear:both;margin:0 15px;z-index: 7;}
 #container_wrap .depth5 > a{display:block;font-size:15px;padding-left:20px;height:35px;line-height:35px; border-bottom:1px solid #fff; border-radius: 5px;  background: linear-gradient(-140deg, #de8c7e, #d24a34 47%); color: #fff; margin-top: 10px;}
 #container_wrap .depth5 > a span{position: absolute; top: 0; right: 2px; width: 35px; height: 35px; text-indent: -99999px;}
 #container_wrap .depth5 > a span:before{content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 3px; border-radius: 50px; background-color: #fff; margin: -2px 0 0 -8px; transition: all cubic-bezier(.25,1.7,.35,.8) 0.5s;}
 #container_wrap .depth5 > a span:after{content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 3px; border-radius: 50px; background-color: #fff; margin: -2px 0 0 -2px; transition: all cubic-bezier(.25,1.7,.35,.8) 0.5s;}
 #container_wrap .depth5 > a span.close:before{transform: rotate(45deg);}
 #container_wrap .depth5 > a span.close:after{transform: rotate(-45deg);}
 #container_wrap .depth5 > a span.open:before{transform: rotate(-45deg);}
 #container_wrap .depth5 > a span.open:after{transform: rotate(45deg);}
 #container_wrap .depth5 > ul > li > a{display:block;font-size:15px;color:#444343;padding-left:20px;height:35px;line-height:35px;background:#fff;border-bottom:1px solid #d8d8d8;}
 #container_wrap .depth5 > ul > li:first-child > a{border-radius: 5px 5px 0 0;}
 #container_wrap .depth5 > ul > li:last-child > a{border-radius: 0 0 5px 5px;}
 #container_wrap .depth5 > ul > li.on > a{background-color: #666d79; color: #fff;}
 #container_wrap .depth6{position:relative;clear:both;margin:0 15px;z-index: 6;}
 #container_wrap .depth6 > a{display:block;font-size:15px;padding-left:20px;height:35px;line-height:35px; border-bottom:1px solid #fff; border-radius: 5px; background: linear-gradient(-140deg, #78ca80 10%, #2c9a37 47%, #2c9a37 100%); color: #fff; margin-top: 10px;}
 #container_wrap .depth6 > a span{position: absolute; top: 0; right: 2px; width: 35px; height: 35px; text-indent: -99999px;}
 #container_wrap .depth6 > a span:before{content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 3px; border-radius: 50px; background-color: #fff; margin: -2px 0 0 -8px; transition: all cubic-bezier(.25,1.7,.35,.8) 0.5s;}
 #container_wrap .depth6 > a span:after{content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 3px; border-radius: 50px; background-color: #fff; margin: -2px 0 0 -2px; transition: all cubic-bezier(.25,1.7,.35,.8) 0.5s;}
 #container_wrap .depth6 > a span.close:before{transform: rotate(45deg);}
 #container_wrap .depth6 > a span.close:after{transform: rotate(-45deg);}
 #container_wrap .depth6 > a span.open:before{transform: rotate(-45deg);}
 #container_wrap .depth6 > a span.open:after{transform: rotate(45deg);}
 #container_wrap .depth6 > ul > li > a{display:block;font-size:15px;color:#444343;padding-left:20px;height:35px;line-height:35px;background:#fff;border-bottom:1px solid #d8d8d8;}
 #container_wrap .depth6 > ul > li:first-child > a{border-radius: 5px 5px 0 0;}
 #container_wrap .depth6 > ul > li:last-child > a{border-radius: 0 0 5px 5px;}
 #container_wrap .depth6 > ul > li.on > a{background-color: #666d79; color: #fff;}
 #container_wrap .depth2 > ul > li li a.newwin { background:none !important;}
 #container_wrap .depth2 > ul > li > .sectionB > li a.newwin > span{padding-right:8%;}
 #container_wrap .depth2 > ul > li > .sectionB > li a.newwin span.icon{background:url("/images/common/newwin.gif?build_20250523002") no-repeat scroll right center !important; display: inline-block; width: 11px; height: 9px; margin-left: 5px;}
 #container_wrap .m_spot_intro {background: url("/images/nanum/sub/spot_intro.jpg?build_20250523002") no-repeat center 0 / cover; height: 110px;}
 #container_wrap .m_spot_service {background: url("/images/nanum/sub/spot_intro.jpg?build_20250523002") no-repeat center 0 / cover; height: 110px;}
 #container_wrap .m_spot_volunteer {background: url("/images/nanum/sub/spot_intro.jpg?build_20250523002") no-repeat center 0 / cover; height: 110px;}
 #container_wrap .m_spot_news {background: url("/images/nanum/sub/spot_intro.jpg?build_20250523002") no-repeat center 0 / cover; height: 110px;}
 #container_wrap .m_spot_support{background: url("/images/nanum/sub/spot_intro.jpg?build_20250523002") no-repeat center 0 / cover; height: 110px;}