@charset "utf-8";

.web{display:block;}
.mob,
#mask_mn,
#mask_kw{display:none;}

.header_wrap {width:100%; height:120px; background:#006ed4;}
.header_wrap  .header{position:relative; width:1400px; margin:0 auto;}

.logo{position:absolute; top:62px; left:0px; z-index:9991;}

.gnb{position:relative; width:100%; height:41px; padding:9px 0 0 0; border-bottom:1px solid #1a7dd8;}

.gnb .nav {float:left; width:70%;}
.gnb .nav li{float:left; margin:0 5px 0 0; font-weight:bold;}
.gnb .nav li a{display:block; height:30px; line-height:30px; padding:0 20px 0 35px; color:#b0f1ff; border-radius:15px; background:#0059ab url(/common/img/common/ico_gnb.png) no-repeat 15px 6px;}

.gnb .nav li.n2 a{background-position:15px -34px;}
.gnb .nav li.n3 a{background-position:12px -69px;}
.gnb .nav li.n4 a{background-position:12px -109px;}
.gnb .nav li a.on,
.gnb .nav li a:hover,
.gnb .nav li a:focus,
.gnb .nav li a:active{background-color:#fff; color:#0059ab;}

.gnb .nav li.n2 a:hover,
.gnb .nav li.n2 a:focus,
.gnb .nav li.n2 a:active{background-position:-121px -34px;}
.gnb .nav li.n3 a:hover,
.gnb .nav li.n3 a:focus,
.gnb .nav li.n3 a:active{background-position:-121px -69px;}
.gnb .nav li.n4 a:hover,
.gnb .nav li.n4 a:focus,
.gnb .nav li.n4 a:active{background-position:-121px -109px;}

.gnb .lang{position:relative; float:right; width:124px; padding:0 12px 0 0; letter-spacing:0.5px; z-index:999999;}
.gnb .lang em{display:block; width:122px; height:28px; line-height:28px; border:1px solid #3da6ea;}
.gnb .lang em a{display:block; padding:0 0 0 12px; text-transform:uppercase; color:#fff; font-size:90%; background:url(/common/img/common/ico_gnb.png) no-repeat 100% 6px;}
.gnb .lang ul{display:none; z-index:9992; position:absolute; top:30px; left:0; width:122px; border-left:1px solid #3da6ea; border-right:1px solid #3da6ea; background:#006ed4; text-transform:uppercase;}
.gnb .lang ul li{border-bottom:1px solid #3da6ea;}
.gnb .lang ul li a{display:block; padding:3px 0 3px 12px; color:#fff;}
.gnb .lang ul li a:hover,
.gnb .lang ul li a:focus,
.gnb .lang ul li a:active{background:#1f2872; opacity:0.6;}

.head_link{position:relative; float:right; width:100%; z-index:9991;}
.head_link a{position:absolute; top:20px; right:102px; float:left;}
.head_link .search{right:15px; margin:0;}

.head_link a{display:block; width:24px; height:23px; background:url(/common/img/common/btn_global.png) no-repeat;}
.head_link a:hover,
.head_link a:focus,
.head_link a:active{background-position:0 100%;}
.head_link .sitemap{right:58px; background-position:-43px 0;}
.head_link .sitemap:hover,
.head_link .sitemap:focus,
.head_link .sitemap:active{background-position:-43px 100%;}
.head_link .search{background-position:-91px 0;}
.head_link .search:hover,
.head_link .search:focus,
.head_link .search:active{background-position:-91px 100%;}
.head_link .search.close{background-position:100% 0;}
.head_link .search.close:hover,
.head_link .search.close:focus,
.head_link .search.close:active{background-position:100% 98%;}
#search_area{display:none; position:absolute; top:69px; right:0; width:100%; background:#fff; z-index:55;}
#search_area .total_search {width:95%; height:32px; line-height:32px; border:4px solid #1f2872;}
#search_area .total_search select{height:32px; line-height:32px; padding:0 0 0 10px; border:none;}
#search_area .total_search input[type="text"] {width:80%; height:32px; line-height:32px; border:0px; color:#777;}
#search_area input[type="submit"] {height:40px; line-height:40px; width:100px; background:#1f2872; color:#ffffff; position:absolute; right:0px; top:0px; font-size:16px;}

#lnb {width:100%; position:absolute; left:0px; top:51px; z-index:999;}
#lnb > nav {max-width:1060px; margin:0 auto;}
#lnb > nav > ul {float:left; width:100%;}
#lnb > nav > ul > li {float:left; width:16.5%;}
#lnb > nav > ul > li > a{position:relative; display:block; height:69px; padding:0 0 3px 0; line-height:69px; font-size:140%; color:#fff;  text-align:center; text-decoration:none; font-weight:bold;}
#lnb > nav > ul > li > a > span.bg{display:none; position:absolute; bottom:0; left:50%; z-index:100; display:block; width:60%; height:6px; margin:0 auto 0 -30%; background:#ffb43e;}
#lnb > nav > ul > li > a:hover,
#lnb > nav > ul > li > a:focus,
#lnb > nav > ul > li > a:active,
#lnb > nav > ul > li > a.on{color:#fbd05c;}
#lnb > nav > ul > li > a:hover span,
#lnb > nav > ul > li > a:focus span,
#lnb > nav > ul > li > a:active span,
#lnb > nav > ul > li > a.on span{display:block !important;}

#lnb > nav > ul > li:last-child{display:none;}

.depth02 {width:100%; position:absolute; top:69px; left:0px; z-index:99; border-bottom:3px solid #006ed4; font-family:"NanumS"; display:none !important;}

.lnb_depth02 {width:1400px; margin:0 auto; position:relative;}
.lnb_depth02>ul{padding:10px; background:#fff url(/common/img/common/bg_depth02.gif) no-repeat 0 100%;}
.lnb_depth02>ul>li{overflow:hidden; width:100%;}
.lnb_depth02>ul>li>a{float:left; height:100%; width:210px; padding:10px 15px 8px 0; margin:0 25px 0 0; font-size:130%; text-align:right; color:#10668a; border-top:1px solid #a9cbec;}
.lnb_depth02>ul>li:first-child>a{border-top:none;}
.lnb_depth02>ul>li>div {display:block !important; float:left; width:81%; padding:10px 0 7px; border-top:1px solid #d3d3d3;}
.lnb_depth02>ul>li:first-child>div{border-top:none;}
.lnb_depth02>ul>li>div>ul{display:block !important;}
.lnb_depth02>ul>li>div>ul>li{float:left; width:18%; padding:0 0 0 2%; font-size:104%;}
.lnb_depth02>ul>li>div>ul>li>a[target="_blank"] {padding-right: 15px; background: url(/common/img/common/depth01_bul_blank.gif) no-repeat 100% 2px;}


.tab_depth04:after{display:block;clear:both;content:'';}
.tab_depth04>ul>li {float:left; /* background:url(/common/img/common/bg_tab_on.png) no-repeat 50% 100%; */margin:0 1% 5px 0;}
.tab_depth04 .list01>li {width:100%; margin-right: 0; }
.tab_depth04 .list02>li {width:49.5% }
.tab_depth04 .list03>li {width:32.66666666666667% }
.tab_depth04 .list04>li {width:24.25%; }
/* .tab_depth04 .list05>li {width:19.2%;} */
.tab_depth04 .list02>li.tab02, .tab_depth04 .list02>li.tab04, .tab_depth04 .list02>li.tab06, .tab_depth04 .list02>li.tab08,
.tab_depth04 .list03>li.tab03, .tab_depth04 .list03>li.tab06, .tab_depth04 .list03>li.tab09, .tab_depth04 .list03>li.tab12,
.tab_depth04 .list04>li.tab04, .tab_depth04 .list04>li.tab08, .tab_depth04 .list04>li.tab12, .list04>li.tab16, .list04>li.tab20 {margin-right: 0;} 
/* .tab_depth04 .list05>li.tab05, .tab_depth04 .list05>li.tab10, .tab_depth04 .list05>li.tab15  */
/* .tab_depth04 .list06>li {width:16.6%;}
.tab_depth04 .list07>li {width:14.2%;}
.tab_depth04 .list08>li {width:12.5%;}
.tab_depth04 .list09>li {width:11.1%;}
.tab_depth04 .list010>li {width:10%;} */ /* 광주역사 - 역사 용 */
.tab_depth04>ul>li>a {display:block; height:43px; line-height:43px; text-align:center; border:1px solid #276cad; background:#fff; color:#306777; 
font-size:104%; font-weight:bold;  /* width: 93%; margin: 0 auto; */}
.tab_depth04>ul>li:first-child>a{margin:0;}
.tab_depth04>ul>li>a.on {/* margin:0 auto 7px auto; */ background:#276cad; color:#fff;}
@media all and (max-width:768px) {
	.tab_depth04 .list03>li, .tab_depth04 .list04>li  {width:49.5%; }
    .tab_depth04 .list03>li.tab03 {margin-right: 1%;}
	.tab_depth04 .list04>li.tab02, .tab_depth04 .list04>li.tab04,.tab_depth04 .list04>li.tab06, .tab_depth04 .list04>li.tab08,
	.tab_depth04 .list04>li.tab10, .tab_depth04 .list04>li.tab12, .tab_depth04 .list04>li.tab14, .tab_depth04 .list04>li.tab16,
	.tab_depth04 .list03>li.tab02, .tab_depth04 .list03>li.tab04, .tab_depth04 .list03>li.tab06, .tab_depth04 .list04>li.tab18, .tab_depth04 .list04>li.tab20 {margin-right: 0;}
}
@media all and (max-width:414px) {
	.tab_depth04 .list03>li, .tab_depth04 .list02>li, .tab_depth04 .list04>li {width:100%; margin-right: 0; }
	.tab_depth04 {margin-bottom:20px;}
}

/* footer */
.footer_wrap {background:#364868;}
.footer{height:150px; width:1400px; margin:0 auto; padding:35px 0 0 0; color:#b0b0b0;}
.footer .info{float:left; width:50%;}
.footer .info ul{overflow:hidden; width:100%; padding:0 0 20px 0;}
.footer .info ul li{float:left; padding:0 13px 0 13px; border-left:1px solid #989ba1; line-height:100%;}
.footer .info ul li:first-child{padding:0 13px 0 0; border-left:none;}
.footer .info ul li a{color:#e3e3e3; line-height:100%;}
.footer .info ul li:first-child a{color:#fff7ca;}
.footer .info address,.footer .info p{font-size:95%;}
.footer .link{float:right; width:50%;}
.footer .link > ul{float:right; margin:0 0 30px 0;}
.footer .link > ul > li{position:relative; float:left; margin:0 0 0 12px;}
.footer .link > ul > li:first-child{margin:0;}
.footer .link > ul > li > a{display:block; width:173px; padding:0 0 0 13px; height:33px; line-height:33px; color:#80a4c7; border-radius:5px; background:#212b3a url(/common/img/common/bg_arrow.png) no-repeat 95% -24px;}
.footer .link > ul > li > div{display:none;}
.footer .link > ul > li > a.btn_close{display:none; position:absolute; bottom:0; left:0; width:169px; padding-top:1px; color:#364868; z-index:54; border:2px solid #212b3a;  border-top:1px dashed #b2b2b2; border-radius:0 0 5px 5px; background-color:#fff; background-position:95% 12px;}
.footer .link > ul > li > .detail{position:absolute; z-index:53; bottom:35px; right:0; width:650px; padding:18px 18px 0 18px; background:#fff; border:2px solid #212b3a; border-radius:5px 5px 0 5px;}
.footer .link > ul > li > .detail ul ul {overflow:hidden; width:100%; padding:10px 0 10px 0;}
.footer .link > ul > li > .detail ul ul li{float:left;}
.footer .link > ul > li > .detail ul ul li a{display:block; padding:0 20px 6px 0;}
.footer .link > ul > li > .detail ul h3{display:inline-block; height:24px; line-height:24px; padding:0 20px; color:#fff; background:#364868; text-align:center;}
.footer .link > ul > li > .detail ul ul.col3 li{width:33.3%;}
.footer .link > ul > li > .detail ul ul.col4 li{width:25%;}
.footer .link > ul > li > .detail ul ul.col5 li{width:20%;}
.footer .link > ul > li > .detail ul ul.col6 li{width:16.6%;}
.footer .link > ul > li > .detail ul ul.col7 li{width:14.2%;}
.footer .link > ul > li > .detail ul ul.col8 li{width:12.5%;}

.footer .link .sign{float:right; font-size:110%; line-height:120%; color:#3abae4; text-align:right;}
.footer .link .sign .call{font-size:153%; line-height:120%; font-family:"arial"}

#container {overflow:hidden; width:1400px; margin:0 auto; padding:47px 0 100px;}
.snb_wrap {width:280px; float:left;}
.snb_tit {width:250px; margin:0 0 6px 0; padding:50px 0 0 0; background:url(/common/img/common/bg_snb_tit1.gif) no-repeat;}
.snb_tit .title {padding:0 0 40px 30px; background:url(/common/img/common/bg_snb_tit2.gif) no-repeat 0 100%;}
.snb_tit h2{font-size:235%; line-height:110%;  letter-spacing:-2px; color:#276cad;}
.snb_tit p{padding:9px 0 0 3px; color:#9d9d9d; font-weight:bold; font-size:95%;}
.snb > li{line-height:0;}
.snb > li > a{display:block; width:215px; height:61px; padding:0 0 0 35px; line-height:61px; font-size:120%;  border-bottom:1px solid #d0d0d0; background:url(/common/img/common/bul_snb.png) no-repeat 0 -62px;}
.snb > li > a.arrow{background-position:0 0;}
.snb > li > a.on,
.snb > li > a.on.arrow {width:250px; border-bottom:none; color:#fff; background:url(/common/img/common/bg_snb_on.gif) no-repeat;}
.snb > li > ul{width:200px; padding:20px 25px; background:#f2f2f2;}
.snb > li > ul > li{line-height:100%;}
.snb > li > ul > li > a{display:block; padding:5px 0 5px 7px; line-height:140%; text-decoration:none; font-size:104%;}
.snb > li > ul > li > a:hover,
.snb > li > ul > li > a:active,
.snb > li > ul > li > a:focus,
.snb > li > ul > li > a.on{padding-bottom:4px; color:#000; border-bottom:1px solid #5d5d5d; background:url(/common/img/common/bul_snb.png) no-repeat 100% 94%;}

#content {position:relative; float:right; width:1092px;}

#tit_wrap {position:relative; width:100%; padding:0 0 4px 0; margin:0 0 14px 0;}
#tit_wrap > h3 {float:left; width:100%; font-size:255%; line-height:67px;  color:#444; ; border-bottom:1px solid #999;}
#tit_wrap > .bg{position:absolute; left:0; bottom:0; display:block; width:232px; height:8px; background:url(/common/img/common/bg_snb.png) no-repeat 0 100%;}
/* @media all and (max-width:414px){
	 #tit_wrap {margin-bottom:53px;}  -> 모바일에서 콘텐츠 영역 상단에 여백이 너무 높아서 주석처리함 
} */


/* spot */
.sub_acc {position:absolute; right:0; top:25px;}
.sub_acc .location{float:left; padding:0 10px 0 0;}
.sub_acc .location>li {float:left; padding:0 7px 0 10px; line-height:35px; background:url(/common/img/common/bul_history.png) no-repeat 0 50%;}
.sub_acc .location>li:first-child {padding-left:15px; background:url(/common/img/common/icon_histroy_home.png) no-repeat 0 50%;}

.sub_acc .util{float:left;}
.sub_acc .util li {float:left; margin-left:4px;}
.sub_acc .util li:first-child{margin-left:0;}
.sub_acc .util li.print a,
.sub_acc .util .sns div a{display:block; width:32px; height:32px; border-radius:50%; text-indent:-9999px; font-size:0; background:#e8e8e8 url('/common/img/common/spr_ico_spot.png') no-repeat -38px 9px;}
.sub_acc .util li.print a:hover,
.sub_acc .util li.print a:focus,
.sub_acc .util li.print a:active{background-color:#a3afb7; background-position:8px 9px;} 
.sub_acc .util .sns {position:relative;}
.sub_acc .util .sns div {position:absolute; top:-2px; right:0; width:0px; height:45px; border-radius:23px; background:#0059ab; overflow:hidden;}
.sub_acc .util .sns.on div{width:170px;}
.sub_acc .util .sns div ul{position:absolute; top:7px; right:31px; width:110px;}
.sub_acc .util .sns div a{background:#fff url('/common/img/common/spr_history.png') no-repeat;}
.sub_acc .util .sns div em{position:absolute; top:12px; right:10px; font-weight:bold; color:#fff;}
.sub_acc .util .sns ul .fb a{background-position:-19px -110px;}
.sub_acc .util .sns ul .kko a{background-position:-19px -152px;}
.sub_acc .util .sns ul .bl a{background-position:-75px -152px;}
.sub_acc .util .sns ul .tw a{background-position:-75px -108px;}
.sub_acc .util .sns div .close{position:absolute; top:14px; left:15px; width:10px; height:20px; border-radius:0; background-color:#0059ab; background-position:0 -117px;}

.conts{float:left; width:100%; padding:20px 0;}

#m_conts{min-height:500px;}
#mobileNavi{display:none;}
.stop_scrolling{height:100%; overflow:hidden !important;}

/* 만족도 조사 */
.pageInfo {float:left; width:99.7%; border-top:1px solid #333; border: 1px solid #dfe2e7;}
.pageInfo .research {padding:25px 5%; vertical-align: middle; box-sizing: border-box;}
.pageInfo .research legend{float:left;}
.radio_list{float:left; width:98%; margin:0 2% 14px 0;}
.radio_list input[type="radio"]{vertical-align: middle; margin-right:5px;}
.radio_list label { margin-right: 10px;}
.radio_list li{float:left;}
.radio_list:after{content: ''; display: block; clear: both;}
input[type="text"].txtbox{padding:10px 2%; width:85%; height: 43px; margin:0 0 0.7em 0; box-sizing:border-box;}
.regBtn {width: 97px; height:43px; margin:0 0 0.7em 0; background: #546b79; text-align: center; line-height: 43px; color: #fff; transition:1s;}
.regBtn:hover { background: #1b2f3c;}

@media all and (max-width:1024px) {
	img{max-width:100%;}
	.web{display:none;}
	.mob{display:block;}
	#mask_mn{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;}
	#mask_kw{display:none; position:absolute; top:172px; left:0; width:100%; height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;}

	.logo{top:57px;}
	.header_wrap{height:110px;}
	
	#container,
	.gnb .nav,
	.footer .info,
	.footer .link{width:100%;}
	.header_wrap,
	#container,
	#m_conts,
	.footer .link,
	.footer .link > ul{float:left;}
	.footer_wrap {float:left; width:100%;}
	
	#container{padding:10px 0 50px 0;}
	.header_wrap .header,
	#content{width:98%;}
	#content{float:none; overflow:hidden; margin:0 auto;}
	.conts{padding:10px 0 1em;}
	
	#tit_wrap{margin:0;}
	#tit_wrap > h3{margin:0 0 0.3em 0; font-size:212%; line-height:200%;}
	#tit_wrap > .bg{display:none;}
	.sub_acc{position:static;}
	.sub_acc .util{float:right; margin:-4px 0 0 0;}
	.sub_acc .util li.print{display:none;}
	.sub_acc .location{max-width:90%; padding:0;}
	.sub_acc .location>li{line-height:130%;}
	
	.search_form{display:none; position:absolute; top:132px; left:0; width:100%; z-index:55;}
	.search_form .total_search{width:85%; background:#fff;}
	.search_form input[type="submit"]{position:absolute; top:0; right:0; width:15%; height:40px; color:#fff; background:#1f2872;}
	.search_form .total_search input[type="text"]{width:50%;}
	
	.footer{float:left; width:98%; height:auto; padding:20px 0 30px 1%;}
	.footer .info ul{padding:0 0 10px 0;}
	.footer .info ul li{margin:0 0 0.7em 0;}
	
	.footer .link > ul{margin:0 0 1.5em 0;}
	.footer .link > ul > li > .detail{width:164px; padding:18px 5px 0 13px; border-radius:5px 5px 0 0;}
	.footer .link > ul > li > .detail ul ul{/*height:128px;*/ padding-bottom:0; margin-bottom:10px; overflow-y:auto;}
	.footer .link > ul > li > .detail ul ul.col3 li,
	.footer .link > ul > li > .detail ul ul.col4 li,
	.footer .link > ul > li > .detail ul ul.col5 li,
	.footer .link > ul > li > .detail ul ul.col6 li,
	.footer .link > ul > li > .detail ul ul.col7 li,
	.footer .link > ul > li > .detail ul ul.col8 li{width:100%;}
	.footer .link > ul > li > .detail ul ul li a{padding-right:0;}
	
	#search_area{top:59px;}
	.head_link .search{top:10px; right:10px; width:40px; height:40px; background-color:#1f2872; background-position:-81px 7px;}
	.head_link .home,
	.head_link .sitemap{display:none;}
	.head_link .search:hover,
	.head_link .search:focus,
	.head_link .search:active,
	.head_link .search.close,
	.head_link .search.close:hover,
	.head_link .search.close:focus,
	.head_link .search.close:active{background-position:-81px 7px;}
	
	/* 메뉴버튼 */
	.open_sc{position:absolute; top:71px; right:10px;}
	.open_kw, .close_kw{display:block; width:40px; height:40px; text-indent:-9999px; background:#1f2872 url(/common/img/common/btn_global.png) no-repeat -81px 8px;}	
	.close_kw{background-position:-123px 8px;}
	.menu_mobile{display:inline-block; position:absolute; left:10px; top:60px;}
	.menu-btn {position:relative; width:40px; height:40px; display:inline-block; vertical-align:middle; background:#1f2872;} 
	.menu-btn .bar {display:inline-block; position:absolute; left:8px; width:25px; height:2px; background-color:#fff; transform-origin:50%; transition:.24s cubic-bezier(.3,.74,.5,.93); }
	.menu-btn .bar-01{top:12px;}
	.menu-btn .bar-02{top:19px;}
	.menu-btn .bar-03{top:26px;}
	.menu-btn.open .bar-01{top:19px; transform:rotate(45deg)}
	.menu-btn.open .bar-02{opacity:0.0;}
	.menu-btn.open .bar-03{top:19px; transform:rotate(-45deg)}

	.logo{left:50%; margin:0 auto 0 -67px;}
	
	/* 모바일 레이어 메뉴 */
	#mobileNavi .logo{z-index:999991;}
	#mobileNavi{display:block; position:fixed; top:0; left:-100%; width:100%; height:100%; z-index:999999; overflow-y:auto;}
	#mobileNavi > div{float:left; width:80%; background:#0b7cc4;}
	#mobileNavi .depth1{float:left; width:100%; }
	#mobileNavi .depth1 a{display:block; text-decoration:none; cursor:pointer;}
	#mobileNavi .depth1 > li{border-bottom:1px solid #1873c8;}
	#mobileNavi .depth1 > li > a{height:3em; line-height:3em; color:#fff; font-size:133%; padding:0 0 0 10px; background:#0e5394 url(/common/img/common/bg_m_off.png) no-repeat 95% 60%;}
	#mobileNavi .depth1 > li.on > a{background:#1f2872 url(/common/img/common/bg_m_on.png) no-repeat 95% 35%;}
	#mobileNavi .depth2{display:none; padding:1em; background:#e4f1fd;}
	#mobileNavi .depth1 > li.on > .depth2{display:block;} 
	#mobileNavi .depth2 > li {margin:0 0 0.7em 0;}
	#mobileNavi .depth2 > li > a{padding:0 0 0 15px; font-size:125%; background:url(/common/img/common/bul_depth2.png) no-repeat 0 5px;} 
	#mobileNavi .depth3{overflow:hidden; margin:0.5em 0 0 0.7em; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
	#mobileNavi .depth3 li{float:left; width:50%;}
	#mobileNavi .depth3 li a{padding:3px 0 3px 10px; margin-top:-1px; margin-left:-1px; font-size:105%; border:1px solid #e6e6e6; background:#fff;}
}

@media all and (max-width:767px) {

	.header_wrap{height:95px;}
	#search_area{top:57px;}
	#search_area .total_search input[type="text"]{width:55%;}
	
	.gnb{height:33px; padding:4px 0 0 0;}
	.menu_mobile{top:45px;}
	.head_link .search{top:7px;}
	.logo{top:45px; width:125px;}
	
	#mask_kw{top:156px;}
	
	#tit_wrap > h3{font-size:200%;}
	.pageInfo .research {padding:15px 0 10px 5%;;}
	input[type="text"].txtbox{width:55%;} 
}
@media all and (max-width:610px) {
	.footer .link > ul > li,
	.footer .link > ul > li:first-child{margin-bottom:0.3em;}
}	
@media all and (max-width:598px) {
	#mobileNavi .gnb .nav li.n4{display:none;}
	#mobileNavi .depth3 li{width:100%;}
	
	.footer .link > ul > li:last-child{margin:0;}
}

@media all and (max-width:495px) {
	.gnb .nav li.n4{display:none;}
	#tit_wrap > h3{padding:0.2em 0 10px 0; line-height:115%; font-size:180%;}
	
	.sub_acc ,
	.sub_acc .util .sns div{top:0}
	.sub_acc .location{max-width:85%;}
}
@media all and (max-width:440px) {
	#mobileNavi .gnb .nav li.n3{display:none;}
	#tit_wrap > h3{font-size:160%;}
}

@media all and (max-width:396px) {
	.footer .link > ul,
	.footer .link > ul > li{width:100%;}
	.footer .link > ul > li:nth-child(2){margin-left:0;}
	.footer .link > ul > li > a{width:98%; padding:0 0 0 2%;}
	.footer .link > ul > li > a.btn_close{width:97%; padding:0 0 0 2%;}
	.footer .link > ul > li > .detail{width:96.9%; padding:18px 0 0 2%; border-bottom:none;}
}	
@media all and (max-width:371px) {
	.gnb .nav li.n3{display:none;}
}

/* TAB > depth05 */
.depth05 {background: #fff; padding: 20px 0 15px; margin-top: 15px; box-sizing: border-box; border:4px solid #e8e7f1;}
.depth05 >li {width: 33.333%; float: left; margin: 0; box-sizing: border-box;}
.depth05 >li:hover >a, .depth05 > li >a:focus {color: #000; font-weight: 600;}
.depth05 >li >a {display: inline-block; padding: 4px 0; position: relative; padding-left:48px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;
width: 90%; overflow: hidden; letter-spacing: -0.5pt;}
.depth05 >li >a.on {color: #1ea827;font-weight: 600;text-decoration: underline;}
.depth05 >li a:before {position: absolute; content: ''; width: 18px; height: 18px; left: 23px; top: 5px; background: #fff url('/common/img/common/spr_bu.png') 7px -64px no-repeat; border-radius:2px;}
.depth05 >li:not(:nth-child(3n)) {border-right: 1px solid #e1e5ed;}
.depth05 ~ div{position: relative;}
.tbl_wrap.p4{padding-left: 36px;}
.conts .btn_top {border: 2px solid #afbfd4; background: url(/common/img/common/spr_ico_top.gif) no-repeat right 4px; display: inline-block; height: 33px; 
line-height: 33px; text-align: left; padding: 0 40px 0 10px; transition:0.5s; margin-top: -10px;}
.conts .btn_top:hover {border: 2px solid #0a4686;}

@media all and (max-width:1024px) {
	.depth05 >li >a  {padding-bottom: 0;}
}
@media all and (max-width:768px) {
	.depth05 >li {width: 50%;}
	.depth05 >li:not(:nth-child(3n)){border: none;}
	.depth05 >li:not(:nth-child(even)) {border-right: 1px solid #e1e5ed;}
	.depth05 >li >a {width: 82%;}
	
	/* 이미지반응형 */
	.img_respon .img_bigView,
	.img_respon a[target="_blank"].img_bigView{display: block; position: absolute; bottom: 10px; right: 10px; background: rgba(0,0,0,0.5); padding: 5px 10px; color: #fff; font-weight: 600;}
	.img_respon a[target="_blank"].img_bigView:after{display: none;}
}
@media all and (max-width:568px) {
	.depth05 {padding: 10px;}
	.depth05 >li {width: 100%; border-right: none !important;}
	.depth05 >li a {padding-left: 30px;}
	.depth05 >li a:before {left: 5px;}
}
@media all and (max-width:320px) {
	.depth05 >li >a {width: 84%;}
}

/* table */
.tbl_wrap .tbl_guide {display: none;}
/* 테이블 */
@media all and (max-width:768px) {
	.tbl_wrap { width: 100%; overflow: hidden; overflow-x: scroll; }
	.tbl_wrap .tbl_guide { display: block; padding: 20px 0 0 18px; color: #3547ad; font-size: 13px; background: url('/common/img/common/ico_tbl_guide.gif') 0px 22px no-repeat; line-height: 130%;}
	.tbl_wrap .tbl{width: 729px;}
}

/* 이미지반응형 */
.img_respon {position: relative;}
.img_bigView {display: none;}
@media all and (max-width:768px) {.img_respon .img_bigView,
	.img_respon a[target="_blank"].img_bigView{display: block; position: absolute; bottom: 10px; right: 10px; background: rgba(0,0,0,0.5); padding: 5px 10px; color: #fff; font-weight: 600;}
	.img_respon a[target="_blank"].img_bigView:after{display: none;}
	}

/* ccl */
.wrap_ccl {width: 100%; background: #f4f5f7; border: 1px solid #ddd; padding: 15px 32px 14px; box-sizing: border-box; margin-top: 45px; text-align: left;}
#content .wrap_ccl a:hover { border-bottom: 1px dashed #000; }
#content .wrap_ccl > a:hover { border-bottom: none;}
#content .wrap_ccl a[target="_blank"]:after { display: none; }
.wrap_ccl img, .wrap_ccl p { display: inline-block; vertical-align: middle; font-size: 15px;}
.wrap_ccl img { margin-right: 20px;}
.conts .wrap_ccl a[target="_blank"] { padding-right: 0;}

/* 담당자 */
.offer { background: #fbfbfb; border-bottom: 1px solid #dfe2e7; padding: 10px 10px 7px 30px; box-sizing: border-box;}
.offer dt, .offer dd { float: left;}
.offer li span { color: #00b162; }
.offer li { float: left; margin-right: 20px; position: relative;}
.offer li:nth-child(2n):after { content: '|'; color: #dfe2e7; padding-left: 15px;}
.offer li:last-child:after { display: none;}

@media all and (max-width:1024px) {
	.research { padding: 12px 33px 22px; }
}

/* 멀티서치 */
.multSearch{ background:#f9f9f9; padding:30px 30px 20px; border:1px solid #ddd; border-top:2px solid #006ed4; }
.multSearch li{ padding:5px 0; }
.multSearch li:first-child{padding-top: 0;}
.multSearch li .btn{margin-bottom: 0;}
.multSearch li .btn.search{margin: 0px 5px;}
.multSearch li input#searchTxt{height: 26px;}
.multSearch .tit{ padding-left:12px; position:relative; min-width:12%; display:block; float:left; border-right:1px solid #ddd; }
.multSearch .tit:before{content: ''; position: absolute; width: 8px; height: 8px; left: 0; top: 6px; background:url('../img/common/spr_bu.png') no-repeat 0 -92px; }
.multSearch .tit ~ *{float: left;}
.multSearch .bbn{border-bottom: none !important; padding-bottom: 0 !important;}
.multSearch + .bod_head {margin: 15px 0 10px !important; padding: 0;}
.multSearch .con{ display:block; float:left; margin-left:4%; }
.multSearch li:after{content: ''; display: block; clear: both;}
.multSearch .con span{padding: 0 5px;}
.multSearch input[type^="text"] { vertical-align:middle; height:25px; letter-spacing:-1px; width:26%; }
.multSearch div[class^="day_"]{display: inline-block; vertical-align: top;}

@media (max-width: 868px){
	.multSearch div[class^="day_"] input[type="text"]{width: 114px !important;}

}

@media (max-width: 820px){
	.multSearch .tit { width:100%; border-right:0; }	
	.multSearch .con { width:100%; margin-left:2%; margin-top:5px; }
}
@media (max-width: 450px){
	.multSearch input[type="text"]{width: 60% !important;}
	.multSearch div[class^="day_"].day_end{margin-left: 87px; margin-top: 10px;}
	.multSearch .tit{width: 75px;}
}
@media (max-width: 328px){
	.multSearch .tit{width: 70px;}
	.multSearch div[class^="day_"].day_end{margin-left: 82px;}
}

/*이미지 슬라이드*/
.photo_box {width:100%;position:relative;margin:20px 0 20px 0;}
.photo_box p{text-align:center;overflow:hidden;height:360px;position:relative;background:#f5f5f5;}
.photo_box p img{max-width:100%;width:auto;height:100%;}
.photo_box p span{background:rgba(0,0,0,0.5);display:block;position:absolute;right:0;bottom:0;color:#fff;box-sizing:border-box;padding:10px 28px;font-size:15px;font-weight:bold;}
.photo_box li {	float:left;	background-color:#000;margin-left:24px;	opacity:1;height: 110px;border-radius:110px;overflow:hidden;}
.photo_box li:first-child {margin-left:0px;}
.photo_box > div {width:100%;overflow:hidden;position:relative;background:#707988;padding:18px 83px;border-top:2px solid #444954;box-sizing:border-box;height:148px; overflow: hidden;}
.photo_box > div > ul {width: 3000px; overflow: hidden; height: 110px;}
.photo_box li a {display: inline-block;}
.photo_box li a img{width:110px;height:110px;	opacity:0.85;}
.photo_box li a.on img{opacity:1;}
.photo_box > div > a{display:block;position:absolute;width:42px;height:42px;border-radius:100px;box-shadow:0px 3px 4px 0px rgba(14, 32, 66, 0.5);top:48px;}
.photo_box > div > div{overflow:hidden;}
.photo_box .photoslider > div ul{width:800%;overflow:hidden;height:110px;}
.photo_box a.control_left {background:#fff url(../img/common/arr_slide_left.png) no-repeat center center;left:24px;position:absolute;z-index:20;text-indent:-9999px;display:block;}
.photo_box a.control_right{background:#fff url(../img/common/arr_slide_right.png) no-repeat center center;right:24px;position:absolute;z-index:20;text-indent:-9999px;display:block;}

@media (max-width: 1024px){
.photo_box p img{max-width:inherit;}	
}	
@media (max-width: 699px){
.photo_box p{height:280px;}
}
@media (max-width: 529px){
.photo_box p{height:220px;max-width:100%;}
}

/* 평생학습마을 사진 */
.photo_list {margin: 20px 0 0 30px;}
.photo_list li {float: left;margin:0 1% 7px 0;}
.photo_list.li1 li {width: 100%;margin-right: 0;}
.photo_list.li2 li {width: 49.5%;}
.photo_list.li3 li {width: 32.66666666666667%;}
.photo_list.li4 li {width: 24.25%;}
.photo_list li img {width: 100%;background: #fff;border: 1px solid #ddd;padding: 4px; box-sizing: border-box;}
.photo_list.li2 li.photo_02, .photo_list.li2 li.photo_04, 
.photo_list.li3 li.photo_03, 
.photo_list.li4 li.photo_04 {margin-right: 0;}
@media all and (max-width:568px){
	.photo_list li {float: left;width: 49.5% !important;margin-right: 1%;}
	.photo_list li.photo_02 {margin-right: 0 !important;}
	.photo_list li.photo_03 {clear: both;}
	.photo_list.li1 li {width: 100% !important;}
}

/* 디자인박스 */
.topbox{padding: 40px 30px 40px 170px; border: 3px solid #d6dbe4;}
.topbox h4:before{display: none;}
.topbox h4{padding-left: 0; color: #276cad;}
.topbox.edu{background:url(/depart/img/sub02/ico_topbox_edu.png) no-repeat 0px 29px;}
.topbox.farm{background:url(/depart/img/sub05/ico_topbox_farm.png) no-repeat 0px 29px;}
.topbox.pics{background:url(/portal/img/sub01/ico_topbox_pics.png) no-repeat 0px 29px;}
.topbox .txt{font-size: 16px; margin-top: 12px;}
.topbox + h4{margin-top: 30px !important;}

@media (max-width: 518px){
	.topbox.edu{background-position:center 33px;}
	.topbox.farm{background-position: 40% 33px;}
	.topbox.pics{background-position:center 33px;}
	.topbox{padding: 160px 30px 30px; text-align: center;}
	.topbox h4{text-align: center;}
}
/* 대형폐기물 배출 신고필증 */
.trash_receipt {border: 4px solid #e8e7f1;padding: 2%;box-sizing: border-box; }
.trash_receipt .num {display: inline-block;border-bottom: 1px solid #d32532;color: #d32532;font-weight: 600;font-size: 1.2em;}
.trash_receipt h4 {text-align: center;padding-left: 0;}
.trash_receipt h4:before {display: none;}
.trash_receipt h4 img {width: 120px;margin-right: 10px;}
.trash_receipt .exp {margin-top: 20px;text-align: center;}
.trash_receipt h4 br, .trash_receipt .exp br {display: none;}
.trash_receipt .signature { text-align: center;letter-spacing: 5pt;font-weight: 600;font-size: 1.3em;padding: 20px 0 10px;color: #666;}
@media all and (max-width:812px) {
	.trash_receipt {padding: 5% 3%;}
	.trash_receipt h4 {margin-top: 20px !important;}
}
@media all and (max-width:568px) {
	.trash_receipt h4 span {display: block;margin-top: 20px;}
}
@media all and (max-width:414px) {
	.trash_receipt h4 br, .trash_receipt .exp br {display: block;}
	.trash_receipt h4 {line-height: 130%;letter-spacing: -1pt;}
	.trash_receipt .exp {margin-top: 10px;}
}
@media all and (max-width:360px) {
	.trash_receipt h4 {font-size: 23px !important;}
}
/* 청소년수련관 - 강소소개페이지 */
.teacher_wrap {margin-top: 30px;}
.teacher_wrap li {margin: 0 2% 2% 0;width: 23.5%;float: left;}
.teacher_wrap li.teacher_04,.teacher_wrap li.teacher_08, .teacher_wrap li.teacher_12 {margin-right: 0;}
.teacher_wrap li .teacher_detail {width: 100%;background: #f3f8fa;border: 1px solid #ddd;box-sizing: border-box;}
.teacher_wrap li .teacher_detail .name {background: #00a5d4;color: #fff;font-size: 20px;font-weight: 600;}
.teacher_wrap li .teacher_detail .name >span {display: inline-block;height: 50px;line-height: 50px;padding-left: 15px;width: 59%;box-sizing: border-box;letter-spacing: 9pt;}
.teacher_wrap li .teacher_detail .name .item {background: #3877d2 url('/common/img/common/bg_teacher_name.png') no-repeat right center;width: 40%;letter-spacing: 0pt;}
.teacher_wrap li .teacher_detail dl {margin: 20px 13px 10px;font-weight: 600;font-size: 16px;}
.teacher_wrap li .teacher_detail dl dt, .teacher_wrap li .teacher_detail dl dd {float: left;}
.teacher_wrap li .teacher_detail dl dt{position: relative;padding-left: 22px;box-sizing: border-box;color: #3877d2;margin-right: 5px;}
.teacher_wrap li .teacher_detail dl dt:before {content: '';position: absolute;width: 19px;height: 19px;left: 0;background: #3877d2 url('/common/img/common/spr_ico_teacher.png') no-repeat 5px 5px;border-radius: 50%;}
.teacher_wrap li .teacher_detail .img {display: block;width: 128px;height: 157px;margin: 0 auto;border: 4px solid #fff;text-align: center; background: #ebecf5 url(/common/img/common/sample_noimage.png) no-repeat center center;text-align: center;box-sizing: border-box;}
.teacher_wrap li .teacher_detail .btnboxC {margin: 15px 0 20px;}
.teacher_wrap li .teacher_detail .btnboxC .btn {width: 128px;}
.teacher_wrap li .teacher_detail .btnboxC .btn.view {background: #fff url('/common/img/common/spr_ico_teacher.png') no-repeat 97% -17px;padding: 5px 30px 5px 0 !important;}
@media all and (max-width:1024px) {
	.teacher_wrap li {width:32%;}
	.teacher_wrap li.teacher_03, .teacher_wrap li.teacher_06, .teacher_wrap li.teacher_09 {margin-right: 0;}
	.teacher_wrap li.teacher_04,.teacher_wrap li.teacher_08, .teacher_wrap li.teacher_12 {margin-right: 2%;}
}
@media all and (max-width:790px) {
	.teacher_wrap li {width:49%;}
	.teacher_wrap li.teacher_02, .teacher_wrap li.teacher_04, .teacher_wrap li.teacher_06, .teacher_wrap li.teacher_08, .teacher_wrap li.teacher_10 {margin-right: 0;}
	.teacher_wrap li.teacher_03, .teacher_wrap li.teacher_09 {margin-right: 2%;}
}
@media all and (max-width:540px) {
	.teacher_wrap li {width:100%;margin-right: 0 !important;}
}