@charset "utf-8";

.m_cont1 {margin:-288px auto 0; z-index:10;}
.m_cont2 {position:relative; border-top:4px solid #2c79bd; background:url("/home/imgs/main/m_cont2.gif") repeat 0 0; padding:40px 0;}
.m_cont2_2 {position:relative; margin:0; background:#fff;}
.m_cont2_7 {position:relative; margin:10px 0; background:#fff;}

.ls_012 {letter-spacing:-0.1em !important;}

/* 메인 비쥬얼 */
#index_visual {position:relative; top:0; left:0; width:100%; min-width:1280px; height:638px; z-index:10;}
div.bg-a,div.bg-b,div.bg-c,div.bg-d,div.bg-e {position:absolute; left:0; top:0; width:100%; height:638px; z-index:0; display:block; font-size:0; line-height:0;}
div.bg-a {background: url("/home/imgs/main/img_mainVisual01.jpg") no-repeat 50% 0;}
div.bg-b {opacity:0; background: url("/home/imgs/main/img_mainVisual02.jpg") no-repeat 50% 0;}
div.bg-c {opacity:0; background: url("/home/imgs/main/img_mainVisual03.jpg") no-repeat 50% 0;}
div.bg-d {opacity:0; background: url("/home/imgs/main/img_mainVisual04.jpg") no-repeat 50% 0;}
div.bg-e {opacity:0; background: url("/home/imgs/main/img_mainVisual05.jpg") no-repeat 50% 0;}
#bgChanger {position:relative; width:1280px; margin:0 auto; height:530px; z-index:100;}
#bgChanger ul {position:absolute; right:35px; top:312px; width:180px;}
#bgChanger ul li {float:left; width:180px;}
#bgChanger ul li a {display:block; font-size:0; line-height:0;}
#bgChanger ul li a.current {color:#fff; font-weight:bold; font-size:14px; line-height:20px; width:100%; text-align:right;}

/* 행복가득한 명품도시 생거진천 */
#index_visual #index_text {position:absolute; left:0; top:70px; z-index:990; width:100%; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
.scrollDown {position:absolute; top:202px; left:50%; margin-left:-103px; background:url("/home/imgs/main/scrollDown_bg.png") no-repeat center top; width:206px; height:41px;}
.scrollDown a {display:block; height:41px; font-size:13px; font-weight:normal; color:#fff; text-align:center;}
.scrollDown a span {display:inline-block; padding-left:22px; height:41px; line-height:40px; background:url("/home/imgs/main/scrollDown_btn.png") no-repeat left 10px;}
.scrollDown{
animation-duration: 1s;
animation-name:scrollDown;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-timing-function: inherit;
}
.scroll_btn {
animation-name:scrollDown;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-timing-function: inherit;
}

@keyframes scrollDown{
0% {top:202px;}
50% {top:212px;}
100% {top:202px;}
}

@media screen and (max-width: 1023px){
.scroll_btn{display:none;}
}

/* 열린군수실 */
.governor {float:left; position:relative; width:25%; height:288px; background:#fff url("/home/imgs/main/governor_bg.gif") no-repeat left top;}
.governor p.gov_tit {background:url("/home/imgs/main/governor_pBg.png") no-repeat left top; color:#fff; font-size:14px; margin:36px 0 18px 0; padding:0 0 0 18px; letter-spacing:-0.06em; height:29px; line-height:28px;}
.governor p.gov_name {margin:0 0 14px 28px; font-size:14px;}
.governor p.gov_name img {vertical-align:-5px; padding-right:4px;}
.governor ul {position:absolute; top:132px; left:22px; z-index:990;}
.governor li {width:108px; height:26px; margin-bottom:8px; padding:0 8px 0 14px; background:#fff; border:1px solid #e5e5e5; border-radius:30px;}
.governor li a {display:block; background:url("/home/imgs/main/governor_btn.gif") no-repeat right 4px; font-size:14px; color:#666; line-height:25px; letter-spacing:-0.04em;}
.governor li:hover {width:110px; height:28px; background:#808eac; border:0;}
.governor li:hover a,
.governor li a:hover {text-decoration:none; background:url("/home/imgs/main/governor_btn_on.gif") no-repeat right 5px; color:#fff; line-height:27px;}
.governor .pic {position:absolute; right:0; bottom:0; line-height:0; font-size:0;}

/* 인포존 */
.infozone {float:left; position:relative; width:50%; height:288px; background:#303031;}
.infozone .infoBox1js {overflow: hidden; width:100%; height:288px; line-height:0; font-size:0;}
.infozone .infoBox1js img {width:100%; height:238px;}
.infozone .infoBox1js a {display:block;}
.infozone .infoBox1js a:hover {color:#fff !important;}
.infozone .infoBox1js .tt {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-size:16px; height:50px; line-height:48px; font-weight:bold; padding:0 110px 0 108px;}
.infozone .infoBox1js .num {position:absolute; right:65px; bottom:0; color:#fff; font-size:16px; height:50px; line-height:48px;}
.infozone a.slidesjs-next, .infozone a.slidesjs-previous, .infozone a.slidesjs-play, .infozone a.slidesjs-stop, .infozone a.slidesjs-more {width:24px; height:24px; overflow: hidden; text-indent: -9999px; position:absolute; z-index:100; background-repeat: no-repeat; background-position: 0 0;}
.infozone a.slidesjs-previous {background-image: url("/home/imgs/main/infozone_Prev.gif"); bottom:13px; left:24px;}
.infozone a.slidesjs-play {background-image: url("/home/imgs/main/infozone_Play.gif");  bottom:13px; left:48px;}
.infozone a.slidesjs-stop {background-image: url("/home/imgs/main/infozone_Stop.gif"); bottom:13px; left:48px;}
.infozone a.slidesjs-next {background-image: url("/home/imgs/main/infozone_Next.gif"); bottom:13px; left:72px;}
.infozone a.slidesjs-more {background-image: url("/home/imgs/main/btn_more3.gif"); bottom:13px; right:24px;}

/* 팝업존 */
.popupzone {float:left; position:relative; width:25%; height:288px; background:#2c79bd;}
.popupzone .popupBox1js {overflow: hidden; width:100%; height:288px; line-height:0; font-size:0;}
.popupzone .popupBox1js img {width:100%; height:238px;}
.popupzone .popupBox1js a {display:block; height:288px;}
.popupzone .popupBox1js .num {position:absolute; left:0; bottom:0; width:100%; text-align:center; color:#fff; font-size:16px; height:50px; line-height:48px;}
.popupzone .control {z-index:10;}
.popupzone a.slidesjs-next, .popupzone a.slidesjs-previous, .popupzone a.slidesjs-play, .popupzone a.slidesjs-stop, .popupzone a.slidesjs-more {width:24px; height:24px; overflow: hidden; text-indent: -9999px; position:absolute; z-index:100; background-repeat: no-repeat; background-position: 0 0;}
.popupzone a.slidesjs-previous {background-image: url("/home/imgs/main/infozone_Prev.gif"); bottom:13px; left:24px;}
.popupzone a.slidesjs-play {background-image: url("/home/imgs/main/infozone_Play.gif");  bottom:13px; left:48px;}
.popupzone a.slidesjs-stop {background-image: url("/home/imgs/main/infozone_Stop.gif"); bottom:13px; left:48px;}
.popupzone a.slidesjs-next {background-image: url("/home/imgs/main/infozone_Next.gif"); bottom:13px; left:72px;}
.popupzone a.slidesjs-more {background-image: url("/home/imgs/main/btn_more3.gif"); bottom:13px; right:24px;}

/* 패밀리사이트 */
.family_wrap {float:left; position:relative; width:25%; height:300px;}
.family_site {position:relative; border-right:1px solid #e5e5e5; height:201px; overflow:hidden;}
.family_site h2 {position:absolute; top:34px; left:9%; color:#303031; font-size:16px; letter-spacing:-0.04em;}
.family_site ul {float:right; padding:37px 8% 0 0;}
.family_site ul li {float:left;}
.family_site a.tabBtn {float:left; display:inline-block; line-height:0; font-size:0; width:9px; height:9px; border-radius:9px; border:2px solid #aeaeae; background:#fff; margin:0 2px;}
.family_site .on a.tabBtn {background:#aeaeae !important;}
.family_site .page {position:absolute; right:5%; top:31px; font-size:14px;}
.family_site .page a {display:inline-block; width:17px; text-align:center; vertical-align:middle; cursor:pointer;}
.family_site .page a.touchslider-prev,
.family_site .page a.touchslider-next {width:24px;height:24px;}
.family_site .page a img {margin:0 0 -2px 0;}
.family_site .page a.touchslider-nav-item-current {font-weight:bold;}
.family_site .tabContent {position:absolute; width:90%; top:70px; left:6.5%;}
.family_site .tabContent .touchslider-item {padding:0; width:280px;}
.family_site .tabContent a {display:inline-block; width:41%; background:#fff url("../imgs/main/dot_blue.gif") no-repeat 10px 17px; white-space:nowrap; word-break:keep-all; line-height:36px; font-size:13px; padding:0 0 0 17px; letter-spacing:-0.02em; transition:all 300ms ease-in-out;}
.family_site .tabContent a:hover {color:#0480a0; font-weight:bold;}

/* 진천소개 */
.about_info {position:relative;}
.about_info li {float:left; width:50%;}
.about_info a {display:block; font-size:13px; color:#fff; border-bottom:1px solid #66b0c3; border-right:1px solid #66b0c3; padding:0 0 0 32%; height:49px; line-height:47px; transition:all 300ms ease-in-out;}
.about_info .list1 a {background:#329cb7 url("/home/imgs/main/about_info_ico1.png") no-repeat 14% 13px;}
.about_info .list2 a {background:#329cb7 url("/home/imgs/main/about_info_ico2.png") no-repeat 14% 13px; border-right:none;}
.about_info .list3 a {background:#329cb7 url("/home/imgs/main/about_info_ico3.png") no-repeat 14% 13px; border-bottom:none; border-right:none;}
.about_info .list4 a {background:#00719b url("/home/imgs/main/about_info_ico5.png") no-repeat 14% 13px; border-bottom:none; border-right:none;}
.about_info a:hover {background-color:#0480a0;}
.about_info .list4 a:hover {background-color:#006387;}

/* 게시판 */
.tabList {float:left; position:relative; width:50%; height:300px; overflow:hidden;}
.tabList ul {padding:28px 0 0 3.5%; height:271px; border-right:1px solid #e5e5e5;}
.tabList ul li {float:left;}
.tabList ul li a.tabBtn {float:left; display:inline-block; word-break:keep-all; font-size:16px; color:#8f8f8f; background:url("/home/imgs/main/tabList_line.gif") no-repeat 0 9px; font-weight:bold; padding:0 15px; letter-spacing:-0.04em; line-height:30px;}
.tabList ul li:first-child a.tabBtn {background:none;}
.tabList .on a.tabBtn {color:#303031;}
.tabList .tabContent {position:absolute; top:83px; left:3.5%; width:92%;}
.tabList .tabContent_top {position:relative;}
.tabList .tabContent_top .top_link {display:block; padding:0 0 0 130px; height:111px;}
.tabList .tabContent_top .tt {display:block; font-size:16px; font-weight:bold; color:#303031; padding:9px 0 10px 0; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tabList .tabContent_top .cont {display:block; line-height:23px; overflow:hidden; height:50px; font-size:13px;}
/* 170601_군정주간행사 별도  */
/* img load err */
/*.tabList .tabContent_top .top_link4 {background:url("/home/imgs/main/tabList_img4.gif") no-repeat 15px 0; display:block; padding:10px 0 0 130px; height:101px;}*/
.tabList .tabContent_top .top_link4 {background:url("/home/imgs/main/tabList_img44.gif") no-repeat 15px 0; display:block; padding:10px 0 0 130px; height:101px;}
.tabList .tabContent_top .top_link4 .tt4 {display:block; font-size:16px; font-weight:bold; color:#303031; margin:0 0 5px 0; padding:5px 0; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tabList .tabContent_top .top_link4 .cont_downBtn {cursor:pointer; position:relative; overflow:visible; margin:6px 0 0 0; padding:0; display:inline-block; border:0; height:24px; line-height:21px; color:#fff !important; font-size:11px; background:url("/home/imgs/template/bg_btn.gif") no-repeat 0 -320px;}
.tabList .tabContent_top .top_link4 .cont_downBtn span {display:block; padding:0 27px 0 12px; background:url("/home/imgs/template/bg_btn.gif") no-repeat 100% -1135px;}
/**********************/	
.tabList .topImg3 .topImg3_con {display:inline-block; width:100%; min-height:102px; font-size:16px; font-weight:bold; padding-top:70px; text-align:center;}
.tabList .topImg3 .topImg3_con span {display:inline-block; background:url("/home/imgs/header/top2m_blank.gif") no-repeat right top; padding:5px 21px 0 0; color:#707070;}
.tabList .topImg1 .tabContent_top a {background:url("/home/imgs/main/tabList_img1.gif") no-repeat 15px 0;}
.tabList .topImg2 .tabContent_top a {background:url("/home/imgs/main/tabList_img2.gif") no-repeat 10px 0;}
.tabList .topImg3 .tabContent_top a {background:url("/home/imgs/main/tabList_img3.gif") no-repeat 10px 0;}
/*.tabList .topImg4 .tabContent_top a {background:url("/home/imgs/main/tabList_img4.gif") no-repeat 15px 0;}*/
.tabList .topImg5 .tabContent_top a {background:url("/home/imgs/main/tabList_img5.gif") no-repeat 10px 0;}	
	/* 게시판 추출 - 해당 게시글 추출 css */
	.tabList ul ul.tabCon1 {border:none; padding:0 0 0 15px;}
	.tabList ul ul.tabCon1 li {position:relative; float:none;}
	.tabList ul ul.tabCon1 li a {display:inline-block; font-size:13px; background:url("/home/imgs/main/dot_gray2.gif") no-repeat 0 12px; height:25px; line-height:25px; text-overflow:ellipsis; white-space:nowrap; padding:0 0 0 10px; width:82%; overflow:hidden; }
	.tabList ul ul.tabCon1 li img {vertical-align:middle; /*margin:0 10px 0 0px;*/}
	.tabList ul ul.tabCon1 li span {display:block; position:absolute; right:0; top:0; color:#959595; height:25px; line-height:25px;}
	/* 170601_보도자료 별도 */
	.tabList ul ul.tabCon2 {border:none; padding:6px 0 0 6px;}
	.tabList ul ul.tabCon2 li {position:relative; float:left; width:29.3%; margin:0 2%; text-align:center;}
	.tabList ul ul.tabCon2 li a {display:inline-block; width:100%; font-size:13px;}
	.tabList ul ul.tabCon2 li a img {width:100%; height:144px; border:1px solid #e0e0e0;}
	.tabList ul ul.tabCon2 li a span {display:block; padding-top:14px;}
	/**********************/	
	.tabList .tabMore {position:absolute; top:31px; right:3.5%;}
	.tabList .tabMore a {display:block; width:24px; height:24px; background:url("/home/imgs/main/btn_more2.gif") no-repeat 0 0; line-height:0; font-size:0;}

/* 유형별정보*/
.user_site {float:left; position:relative; width:25%; height:300px; overflow:hidden;}
.user_site h2 {position:absolute; top:34px; left:9%; color:#303031; font-size:16px; letter-spacing:-0.04em;}
.user_site #userWrap {margin-top:0;}
.user_site #userWrap ul.userList {position:relative;}
.user_site #userWrap ul.userList > li {position:absolute;top:75px;left:0;width:100%;height:225px;}
.user_site #userWrap ul.userList > li > a {display:block;position:absolute;bottom:0;width:33.33%;height:50px;line-height:50px;background:#6a5c91;color:#fff;text-align:center;font-size:14px;font-weight:bold;border-left:1px solid #8f85ad;box-sizing:border-box;z-index:11;}
.user_site #userWrap ul.userList > li.on > a:before {content:'';display:block;position:absolute;top:-5px;left:50%;margin-left:-3px;width:9px;height:5px;background:url("/home/imgs/main/user_site_arrow.gif") no-repeat;}
.user_site #userWrap ul.userList > li.user1 > a {left:0;border-left:0;}
.user_site #userWrap ul.userList > li.user2 > a {left:33.33%;}
.user_site #userWrap ul.userList > li.user3 > a {left:66.66%;}
.user_site #userWrap ul.userList > li .tabContent {position:relative;z-index:10;}
.user_site #userWrap ul.userList > li .tabContent > ul {padding:0 6.5%;}
.user_site #userWrap ul.userList > li .tabContent > ul > li {float:left;width:50%;}
.user_site #userWrap ul.userList > li .tabContent > ul > li > a {display:inline-block;width:41%;background:#fff url("../imgs/main/dot_violet.gif") no-repeat 10px 17px;line-height:36px;white-space:nowrap;font-size:13px;padding:0 0 0 17px;letter-spacing:-0.02em;transition:all 300ms ease-in-out;}
.user_site #userWrap ul.userList > li .tabContent > ul > li > a:hover {color:#473676; font-weight:bold;}

@media (max-width: 1200px){
	.user_site #userWrap ul.userList > li .tabContent > ul > li > a {letter-spacing:-0.2em;}
}

@media (max-width: 1023px){
	.user_site {float:none; width:50%; position:absolute; top:320px; right:0; background:#fff;}
	.user_site h2 {left:6%; top:25px; font-size:20px;}
	.user_site #userWrap ul.userList > li > a {font-size:16px;}
	.user_site #userWrap ul.userList > li .tabContent > ul {padding:0 3%;}
	.user_site #userWrap ul.userList > li .tabContent > ul > li > a {font-size:16px;letter-spacing:-0.1em;}
}

@media (max-width: 767px){
	.user_site {float:none; width:100%; height:256px; position:absolute; top:703px; right:0; background:#fff;}
	.user_site h2 {left:15px; top:15px; font-size:18px;}
	.user_site #userWrap {margin-top:0;}
	.user_site #userWrap ul.userList > li {position:absolute;top:50px;left:0;width:100%;height:206px;}
	.user_site #userWrap ul.userList > li > a {font-size:14px;}
	.user_site #userWrap ul.userList > li .tabContent > ul {padding:0 14% 0 0;}
	.user_site #userWrap ul.userList > li .tabContent > ul > li > a {font-size:15px;letter-spacing:-0.1em;}
}

/* 진천군 이모저모 바로가기 */
.part_news_w {position:relative; float:left; width:25%; background:url("/home/imgs/main/part_news_bg.gif") repeat left top; height:220px; overflow:hidden;}
.part_news {width:100%; height:220px; background:url("/home/imgs/main/part_news_bg2.png") no-repeat right bottom;}
.part_news a {position:relative; height:220px; display:block; color:#fff;}
.part_news a:hover {text-decoration:none;}
.part_news span.tt01 {display:block; padding:38px 12% 6px 12%; font-size:24px; line-height:28px;}
.part_news span.tt02 {display:block; padding:0 0 0 12%; font-size:30px; line-height:34px; background:url("/home/imgs/main/con2_7_arrow.png") no-repeat 90.5% 4px;}
.part_news span.con01 {position:absolute; left:0; bottom:0; display:block; width:76%; padding:20px 12%; font-size:14px; line-height:23px; background:url("/home/imgs/main/con2_7_bg.png") repeat; letter-spacing:-0.05em;}

.part_news_view {display:none; position:relative; background:url("/home/imgs/main/m_cont2.gif") repeat 0 0; width:100%; height:1170px; margin:0 auto 0;}
.part_news_view .btn_close {position:absolute; right:0; top:40px;}
.part_news_view .btn_close a {display:block; border:1px solid #aeaeae; background:url("/home/imgs/header/all_menu_close.gif") no-repeat 10px 10px; width:46px; height:46px; line-height:0; font-size:0;}
.part_news_view h2 {position:relative; display:block; text-align:center; line-height:0; font-size:0; padding:30px 0 15px 0; width:100%;}
.part_news_view p {text-align:center; font-size:14px; color:#707070; padding:0 0 40px 0; letter-spacing:-0.04em;}

.part_news_view .part_mn {position:relative; width:100%; float:left; background:#46bac7; margin:0 0 60px 0;}
.part_news_view .part_mn li {float:left; width:8.333%;}
.part_news_view .part_mn li a {display:block; width:100%; padding:0 0 13px 0; text-align:center; font-size:13px; color:#baf6fd; background:url("/home/imgs/main/part_info_dot.gif") no-repeat right 79px; word-break:keep-all; letter-spacing:-0.04em;}
.part_news_view .part_mn li a span {display:block; width:63px; height:63px; background:url("/home/imgs/main/part_info_ico0.png") no-repeat 4px 7px; margin:0 auto 7px; transition:all 300ms ease-in-out;}
.part_news_view .part_mn li a:hover {color:#fff; font-weight:bold;}
.part_news_view .part_mn li.list1 span {background-image:url("/home/imgs/main/part_info_ico1.png");}
.part_news_view .part_mn li.list2 span {background-image:url("/home/imgs/main/part_info_ico2.png");}
.part_news_view .part_mn li.list3 span {background-image:url("/home/imgs/main/part_info_ico3.png");}
.part_news_view .part_mn li.list4 span {background-image:url("/home/imgs/main/part_info_ico4.png");}
.part_news_view .part_mn li.list5 span {background-image:url("/home/imgs/main/part_info_ico5.png");}
.part_news_view .part_mn li.list6 span {background-image:url("/home/imgs/main/part_info_ico6.png");}
.part_news_view .part_mn li.list7 span {background-image:url("/home/imgs/main/part_info_ico7.png");}
.part_news_view .part_mn li.list8 span {background-image:url("/home/imgs/main/part_info_ico8.png");}
.part_news_view .part_mn li.list9 span {background-image:url("/home/imgs/main/part_info_ico9.png");}
.part_news_view .part_mn li.list10 span {background-image:url("/home/imgs/main/part_info_ico10.png");}
.part_news_view .part_mn li.list11 span {background-image:url("/home/imgs/main/part_info_ico11.png");}
.part_news_view .part_mn li.list12 span {background-image:url("/home/imgs/main/part_info_ico12.png");}
.part_news_view .part_mn li.all a {background:#303031; color:#fff; font-weight:bold;}
.part_news_view .part_mn li.on a {color:#fff; font-weight:bold;}
.part_news_view .part_mn li:last-child a {background:none;}

.part_news_view .part_list {}
.part_news_view .part_list li {float:left; width:19.2%; margin:0 0 60px 1%;}
.part_news_view .part_list li.mnone {margin:0 0 60px 0;}
.part_news_view .part_list li a {position:relative; display:block; border:1px solid #e5e5e5; background:#fff; padding:10px; height:340px;}
.part_news_view .part_list li a span {display:block;}
.part_news_view .part_list li a .img {line-height:0; font-size:0; padding:0 0 10px 0;}
.part_news_view .part_list li a .img img {width:100%; height:170px;}
.part_news_view .part_list li a .tt {color:#303031; font-size:16px; font-weight:bold; line-height:24px; letter-spacing:-0.04em;}
.part_news_view .part_list li a .date {position:absolute; left:12px; bottom:70px; font-size:13px; color:#929292;}
.part_news_view .part_list li a .cat {position:absolute; left:10px; bottom:20px; font-size:13px; background:#3e8ddc; color:#fff; padding:2px 7px 6px 7px; font-weight:bold;}

.part_news_view .part_list li .img_none:hover {color:#fff;}
.part_news_view .part_list li .img_none .tt {color:#fff; background:#3e8ddc; padding:20px 10px 10px 10px; height:20px; overflow:hidden;}
.part_news_view .part_list li .img_none .cont {color:#fff !important; background:#3e8ddc; font-size:13px !important; text-align:left; line-height:22px; padding:10px 10px 0 10px; height:160px; overflow:hidden;}
.part_news_view .part_list li .img_none .cont p {color:#fff !important; font-size:13px !important; text-align:left; padding:0; font-family:"Malgun Gothic";}

.part_news_view .part_list li .cat00000059.img_none .tt,.part_news_view .part_list li .cat00000059.img_none .cont,.part_news_view .part_list li .cat00000059 .cat {background:#9380b7;}
.part_news_view .part_list li .cat00000060.img_none .tt,.part_news_view .part_list li .cat00000060.img_none .cont,.part_news_view .part_list li .cat00000060 .cat {background:#f47e72;}
.part_news_view .part_list li .cat00000061.img_none .tt,.part_news_view .part_list li .cat00000061.img_none .cont,.part_news_view .part_list li .cat00000061 .cat {background:#3e8ddc;}
.part_news_view .part_list li .cat00000062.img_none .tt,.part_news_view .part_list li .cat00000062.img_none .cont,.part_news_view .part_list li .cat00000062 .cat {background:#92b13a;}
.part_news_view .part_list li .cat00000063.img_none .tt,.part_news_view .part_list li .cat00000063.img_none .cont,.part_news_view .part_list li .cat00000063 .cat {background:#50b1d1;}
.part_news_view .part_list li .cat00000064.img_none .tt,.part_news_view .part_list li .cat00000064.img_none .cont,.part_news_view .part_list li .cat00000064 .cat {background:#f67a30;}
.part_news_view .part_list li .cat00000065.img_none .tt,.part_news_view .part_list li .cat00000065.img_none .cont,.part_news_view .part_list li .cat00000065 .cat {background:#34b5b9;}
.part_news_view .part_list li .cat00000066.img_none .tt,.part_news_view .part_list li .cat00000066.img_none .cont,.part_news_view .part_list li .cat00000066 .cat {background:#1d4596;}
.part_news_view .part_list li .cat00000067.img_none .tt,.part_news_view .part_list li .cat00000067.img_none .cont,.part_news_view .part_list li .cat00000067 .cat {background:#e46789;}
.part_news_view .part_list li .cat00000068.img_none .tt,.part_news_view .part_list li .cat00000068.img_none .cont,.part_news_view .part_list li .cat00000068 .cat {background:#996c33;}

.part_news_view .sns {text-align:center; margin:-10px 0 0 0;}
.part_news_view .sns a {display:inline-block; color:#fff; font-size:14px; border-radius:4px; background:#55acef; text-align:center; width:95px; padding:8px 0 10px 0; font-weight:bold; margin:0 2px;}
.part_news_view .sns a:last-child {background:#425f9b;}

/* 바로가기 서비스 */
.shortcut_link_w {float:left; position:relative; width:50%; height:220px; overflow:hidden;}
.shortcut_link {padding:0 4%; height:220px; border-right:1px solid #e5e5e5;}
.shortcut_link .short_tt {position:relative; padding:30px 8px 12px 8px; font-size:22px; line-height:26px; color:#303031; border-bottom:1px solid #e5e5e5;}
.shortcut_link .short_tt a {position:absolute; top:28px; display:inline-block; width:30px; height:30px;}
.shortcut_link .short_tt .prev_ar {right:48px; background:url("/home/imgs/main/prev_arrow.gif");}
.shortcut_link .short_tt .next_ar {right:10px; background:url("/home/imgs/main/next_arrow.gif");}

.shortcut_list {position:relative; margin-top:28px; padding-bottom:16px; height:100px; overflow:hidden;}
.shortcut_list ul {position:relative; float:left; padding:0%; width:100%;}
.shortcut_list ul li {float:left; width:18%; margin:0 1% 30px 1%; text-align:center;}
.shortcut_list ul li a {display:inline-block; padding-top:76px; font-size:13px; letter-spacing:-0.1em;}
.shortcut_list ul li a span { display:block; }
.shortcut_list ul li.link1 a {background:url("/home/imgs/main/scut_ico1.gif") no-repeat center top;}
.shortcut_list ul li.link2 a {background:url("/home/imgs/main/scut_ico2.gif") no-repeat right 1px;}
.shortcut_list ul li.link3 a {background:url("/home/imgs/main/scut_ico3.gif") no-repeat center top;}
.shortcut_list ul li.link4 a {background:url("/home/imgs/main/scut_ico4.gif") no-repeat center top;}
.shortcut_list ul li.link5 a {background:url("/home/imgs/main/scut_ico5.gif") no-repeat center top;}
.shortcut_list ul li.link6 a {background:url("/home/imgs/main/scut_ico6.gif") no-repeat center 6px;}
.shortcut_list ul li.link7 a {background:url("/home/imgs/main/scut_ico7.gif") no-repeat center 4px;}
.shortcut_list ul li.link8 a {background:url("/home/imgs/main/scut_ico8.gif") no-repeat center top;}
.shortcut_list ul li.link9 a {background:url("/home/imgs/main/scut_ico9.gif") no-repeat center top;}
.shortcut_list ul li.link10 a {background:url("/home/imgs/main/scut_ico10.gif") no-repeat center top;}
.shortcut_list ul li.link11 a {background:url("/home/imgs/main/scut_ico11.gif") no-repeat center top;}
.shortcut_list ul li.link12 a {background:url("/home/imgs/main/scut_ico12.gif") no-repeat center top;}
.shortcut_list ul li.link13 a {background:url("/home/imgs/main/scut_ico13.gif") no-repeat center top;}
.shortcut_list ul li.link14 a {background:url("/home/imgs/main/scut_ico14.gif") no-repeat center top;}
.shortcut_list ul li.link15 a {background:url("/home/imgs/main/scut_ico15.gif") no-repeat center top;}
.shortcut_list ul li.link16 a {background:url("/home/imgs/main/scut_ico16.gif") no-repeat center 1px;}
.shortcut_list ul li.link17 a {background:url("/home/imgs/main/scut_ico17.gif") no-repeat center 1px;}
.shortcut_list ul li.link18 a {background:url("/home/imgs/main/scut_ico18.gif") no-repeat center 1px;}
.shortcut_list ul li.link19 a {background:url("/home/imgs/main/scut_ico19.gif") no-repeat center top;}
.shortcut_list ul li.link20 a {background:url("/home/imgs/main/scut_ico20.gif") no-repeat center top;}

/* 진천관광 */
.tour_link {float:left; position:relative; width:25%; height:220px; background:#fafafa url("/home/imgs/main/tour_link.gif") no-repeat right 36px; overflow:hidden;}
.tour_link .tour_tt {position:absolute; top:32px; left:30px;}

.tour_link ul {float:left; margin-top:126px; padding:0 28px;}
.tour_link ul li {float:left; width:47%; margin:0 0 6px 6%;}
.tour_link ul li.mnone {margin:0 0 6px 0 !important;}
.tour_link ul li a {display:block; height:32px; padding-left:20px; background:url("/home/imgs/main/dot_gray.gif") no-repeat 12px 15px; border:1px solid #e5e5e5; line-height:32px; font-size:13px;}

/* 자주찾는 메뉴 */
.index_quick {position:relative; padding:0 0 10px 0;}
.index_quick:after {content:""; display:block; clear:both;}
.index_quick h2 {float:left; width:12.5%; height:96px; line-height:96px; padding-top:0; background:#62a404; text-align:center; color:#fff; font-size:18px; font-weight:normal;}
.index_quick h2 span {display:inline;}

.index_quick ul {float:left; width:87.5%;}
.index_quick ul li {float:left; width:14.28%;}
.index_quick ul li a {display:block; text-align:center; border-left:1px solid #e5e5e5; word-break:keep-all; height:33px; font-size:15px; padding:63px 0 0 0; transition:all 300ms ease-in-out; letter-spacing:-0.04em;}
.index_quick ul li.list1 a {background:#fff url("/home/imgs/main/index_quick_ico1.png") no-repeat 50% 18px; border-left:0 !important;}
.index_quick ul li.list2 a {background:#fff url("/home/imgs/main/index_quick_ico2.png") no-repeat 50% 18px;}
.index_quick ul li.list3 a {background:#fff url("/home/imgs/main/index_quick_ico3.png") no-repeat 50% 18px;}
.index_quick ul li.list4 a {background:#fff url("/home/imgs/main/index_quick_ico4.png") no-repeat 50% 20px;}
.index_quick ul li.list5 a {background:#fff url("/home/imgs/main/index_quick_ico5.png") no-repeat 50% 20px;}
.index_quick ul li.list6 a {background:#fff url("/home/imgs/main/index_quick_ico6.png") no-repeat 50% 20px;}
.index_quick ul li.list7 a {background:#fff url("/home/imgs/main/index_quick_ico7.png") no-repeat 50% 18px;}
.index_quick ul li a:hover {background-color:#f7f7f7; font-weight:bold;}

/* 분야별정보 */
.part_info {position:relative; background:#fff; width:100%; min-height:80px;}
.part_info h2 {float:left; width:12.5%; height:80px; line-height:80px; padding-top:0; background:#6a5c91; text-align:center; color:#fff; font-size:18px; font-weight:normal;}
.part_info h2 span {display:inline;}

.part_info ul {float:right; width:87.5%; padding-top:31px;}
.part_info li {float:left; width:10%;}
.part_info li a {display:block; width:100%; text-align:center; font-size:13px; background:url("/home/imgs/main/line_dgray.gif") no-repeat left 3px; letter-spacing:-0.04em;}
.part_info li.bnone a {background:none;}

/* 방문자별 */
.visitor_info_w {position:relative; background:url("/home/imgs/main/service_infoBg.gif") no-repeat center top;}
.visitor_info_w .visitor_info {position:relative; width:1280px; margin:0 auto;}
.visitor_info_w .visitor_info:after {content:""; display:block; clear:both;}
.visitor_info .visitor_cate {position:relative; width:100%; float:left;}
.visitor_info .visitor_cate > li {float:left; padding-bottom:158px; width:33.3%; min-height:68px;}
.visitor_info .visitor_cate > li.cate1 {background:url("/home/imgs/main/visit_bg1.gif") repeat-x left top;}
.visitor_info .visitor_cate > li.cate2 {background:url("/home/imgs/main/visit_bg2.gif") repeat-x left top;}
.visitor_info .visitor_cate > li.cate3 {background:url("/home/imgs/main/visit_bg3.gif") repeat-x left top;}
.visitor_info .visitor_cate > li > a {display:block; font-size:16px; font-weight:bold; color:#fff; text-align:center; height:68px; line-height:56px;}
.visitor_info .visitor_cate > li.on > a.visit1 {background:url("/home/imgs/main/visit1.gif") no-repeat center bottom;}
.visitor_info .visitor_cate > li.on > a.visit2 {background:url("/home/imgs/main/visit2.gif") no-repeat center bottom;}
.visitor_info .visitor_cate > li.on > a.visit3 {background:url("/home/imgs/main/visit3.gif") no-repeat center bottom;}
.visitor_info .visitor_cate > li.on > a > span {display:inline-block; margin-left:-8px; padding-left:26px; background:url("/home/imgs/main/visit_on.png") no-repeat left 19px;}

.visitor_info .cont {position:absolute; top:68px; left:0; width:1280px;}
.visitor_info .cont ul {position:relative; width:100%; min-height:112px; padding:18px 0 28px 0;}
.visitor_info .cont ul:after {content:""; display:block; clear:both;}
.visitor_info .cont ul li {float:left; width:16.6%;}
.visitor_info .cont ul li a {display:block; line-height:28px; padding-left:30px; font-size:13px; word-break:keep-all;}
.visitor_info .cont ul li a span {padding:0 0 0 8px; background:url("/home/imgs/main/dot_gray2.gif") no-repeat left 8px;}

/* 1024 ~ 1279 */
@media all and (max-width:1279px) {

	#main_contents .wrap {width:auto;}
	#index_visual {min-width:100%;}
	#bgChanger {width:100%;}
	
	/* 열린군수실 */
	.governor p.gov_tit {background:url("/home/imgs/main/governor_pBg.png") no-repeat left top; color:#fff; font-size:14px; margin:36px 0 18px 0; padding:0 0 0 14px; letter-spacing:-0.1em; height:29px; line-height:28px;}
	.governor p.gov_name {margin:0 0 14px 24px; font-size:14px;}
	.governor ul {position:absolute; top:132px; left:18px; z-index:990;}

	/* 패밀리사이트 */
	.family_site .tabContent {position:absolute; width:90%; top:70px; left:5%;}	
	/* 진천소개 */
	.about_info a {padding:0 0 0 25%;}
	.about_info .list1 a {background-position:6% 13px;}
	.about_info .list2 a {background-position:6% 13px;}
	.about_info .list3 a {background-position:6% 13px;}
	.about_info .list4 a {background-position:6% 13px;}	
		
	/* 진천군 이모저모 바로가기 */
	.part_news_w {position:relative; float:left; width:25%; background:url("/home/imgs/main/part_news_bg.gif") repeat left top; height:220px; overflow:hidden;}
	.part_news {width:100%; height:220px; background:url("/home/imgs/main/part_news_bg2.png") no-repeat right bottom;}
	.part_news a {position:relative; height:220px; display:block; color:#fff;}
	.part_news a:hover {text-decoration:none;}
	.part_news span.tt01 {display:block; padding:38px 5% 6px 5%; font-size:24px; line-height:28px;}
	.part_news span.tt02 {display:block; padding:0 0 0 5%; font-size:30px; line-height:34px; background:url("/home/imgs/main/con2_7_arrow.png") no-repeat 90.5% 4px;}
	.part_news span.con01 {position:absolute; left:0; bottom:0; display:block; width:90%; padding:20px 5%; font-size:13px; line-height:23px; background:url("/home/imgs/main/con2_7_bg.png") repeat; letter-spacing:-0.05em;}
	
	.part_news_view {display:none; position:relative; background:url("/home/imgs/main/m_cont2.gif") repeat 0 0; width:100%; height:1186px; margin:0 auto 0;}
	.part_news_view .btn_close {position:absolute; right:0; top:40px;}
	.part_news_view .btn_close a {display:block; border:1px solid #aeaeae; background:url("/home/imgs/header/all_menu_close.gif") no-repeat 10px 10px; width:46px; height:46px; line-height:0; font-size:0;}
	.part_news_view h2 {position:relative; display:block; text-align:center; line-height:0; font-size:0; padding:30px 0 15px 0; width:100%;}
	.part_news_view p {text-align:center; font-size:14px; color:#707070; padding:0 0 40px 0; letter-spacing:-0.04em;}
	
	.part_news_view .part_mn {position:relative; width:100%; float:left; background:#46bac7; margin:0 0 60px 0;}
	.part_news_view .part_mn li {float:left; width:8.333%;}
	.part_news_view .part_mn li a {display:block; width:100%; min-height:106px; padding:0 0 13px 0; text-align:center; font-size:13px; color:#baf6fd; background:url("/home/imgs/main/part_info_dot.gif") no-repeat right 79px; word-break:keep-all; letter-spacing:-0.1em;}
	.part_news_view .part_mn li a span {display:block; width:63px; height:63px; background:url("/home/imgs/main/part_info_ico0.png") no-repeat 4px 7px; margin:0 auto 7px; transition:all 300ms ease-in-out;}
	.part_news_view .part_mn li a:hover {color:#fff; font-weight:bold;}
	.part_news_view .part_mn li.list1 span {background-image:url("/home/imgs/main/part_info_ico1.png");}
	.part_news_view .part_mn li.list2 span {background-image:url("/home/imgs/main/part_info_ico2.png");}
	.part_news_view .part_mn li.list3 span {background-image:url("/home/imgs/main/part_info_ico3.png");}
	.part_news_view .part_mn li.list4 span {background-image:url("/home/imgs/main/part_info_ico4.png");}
	.part_news_view .part_mn li.list5 span {background-image:url("/home/imgs/main/part_info_ico5.png");}
	.part_news_view .part_mn li.list6 span {background-image:url("/home/imgs/main/part_info_ico6.png");}
	.part_news_view .part_mn li.list7 span {background-image:url("/home/imgs/main/part_info_ico7.png");}
	.part_news_view .part_mn li.list8 span {background-image:url("/home/imgs/main/part_info_ico8.png");}
	.part_news_view .part_mn li.list9 span {background-image:url("/home/imgs/main/part_info_ico9.png");}
	.part_news_view .part_mn li.list10 span {background-image:url("/home/imgs/main/part_info_ico10.png");}
	.part_news_view .part_mn li.list11 span {background-image:url("/home/imgs/main/part_info_ico11.png");}
	.part_news_view .part_mn li.list12 span {background-image:url("/home/imgs/main/part_info_ico12.png");}
	.part_news_view .part_mn li.all a {background:#303031; color:#fff; font-weight:bold;}
	.part_news_view .part_mn li.on a {color:#fff; font-weight:bold;}
	.part_news_view .part_mn li:last-child a {background:none;}
	
	/* 바로가기 서비스 */
	.shortcut_link_w {float:left; position:relative; width:50%; height:220px; overflow:hidden;}
	
	.shortcut_list {position:relative; margin-top:28px; padding-bottom:16px; height:100px; overflow:hidden;}
	.shortcut_list ul {position:relative; float:left; padding:0; width:100%;}
	.shortcut_list ul li {float:left; width:20%; margin:0 2.5% 30px 2.5%; text-align:center;}

	/* 진천관광 */
	.tour_link .tour_tt {position:absolute; top:32px; left:5%;}
	
	.tour_link ul {float:left; margin-top:126px; width:90%; padding:0 5%;}
	.tour_link ul li {float:left; width:48%; margin:0 0 6px 4%;}
	.tour_link ul li.mnone {margin:0 0 6px 0 !important;}
	
	/* 자주찾는 메뉴 */
	.index_quick {position:relative; padding:0 0 10px 0;}
	.index_quick:after {content:""; display:block; clear:both;}
	.index_quick h2 {float:left; width:8%; height:70px; line-height:22px; padding-top:26px; background:#62a404; text-align:center; color:#fff; font-size:16px; font-weight:normal;}
	.index_quick h2 span {display:block;}
	
	.index_quick ul {float:left; width:92%;}
	
	/* 분야별정보 */
	.part_info {position:relative; background:#fff; width:100%; min-height:80px;}
	.part_info h2 {float:left; width:8%; height:62px; line-height:22px; padding-top:18px; background:#6a5c91; text-align:center; color:#fff; font-size:16px; font-weight:normal;}
	.part_info h2 span {display:block;}
	
	.part_info ul {float:right; width:92%; padding-top:31px;}
	.part_info li {float:left; width:10%;}
	.part_info li a {display:block; width:100%; text-align:center; font-size:13px; background:url("/home/imgs/main/line_dgray.gif") no-repeat left 3px; letter-spacing:-0.1em;}
	.part_info li.bnone a {background:none;}
	
	/* 방문자별 */
	.visitor_info_w {position:relative; background:url("/home/imgs/main/service_infoBg.gif") no-repeat center top;}
	.visitor_info_w .visitor_info {position:relative; width:100%; margin:0;}
	.visitor_info .visitor_cate {position:relative; width:100%; float:left;}
	.visitor_info .visitor_cate > li {float:left; padding-bottom:178px; width:33.3%; min-height:68px;}
	.visitor_info .visitor_cate > li.cate1 {background:url("/home/imgs/main/visit_bg1.gif") repeat-x left top;}
	.visitor_info .visitor_cate > li.cate2 {background:url("/home/imgs/main/visit_bg2.gif") repeat-x left top;}
	.visitor_info .visitor_cate > li.cate3 {background:url("/home/imgs/main/visit_bg3.gif") repeat-x left top;}
	.visitor_info .visitor_cate > li > a {display:block; font-size:16px; font-weight:bold; color:#fff; text-align:center; height:68px; line-height:56px;}
	.visitor_info .visitor_cate > li.on > a.visit1 {background:url("/home/imgs/main/visit1.gif") no-repeat center bottom;}
	.visitor_info .visitor_cate > li.on > a.visit2 {background:url("/home/imgs/main/visit2.gif") no-repeat center bottom;}
	.visitor_info .visitor_cate > li.on > a.visit3 {background:url("/home/imgs/main/visit3.gif") no-repeat center bottom;}
	.visitor_info .visitor_cate > li.on > a > span {display:inline-block; margin-left:-8px; padding-left:26px; background:url("/home/imgs/main/visit_on.png") no-repeat left 19px;}

	.visitor_info .cont {position:absolute; top:68px; left:0; width:100%;}
	.visitor_info .cont ul {position:relative; width:100%; min-height:112px; padding:18px 0 28px 0;}
	.visitor_info .cont ul:after {content:""; display:block; clear:both;}
	.visitor_info .cont ul li {float:left; width:20%;}
	.visitor_info .cont ul li a {display:block; line-height:28px; padding-left:30px; font-size:13px; word-break:keep-all;}
	.visitor_info .cont ul li a span {padding:0 0 0 8px; background:url("/home/imgs/main/dot_gray2.gif") no-repeat left 8px;}
	
	/*게시판 */	
	.tabList ul li a.tabBtn {padding:0 10px;}	
}

@media all and (max-width:1200px) {
	
	.family_site h2 {left:5%;}
	.family_site .tabContent {width:100%; left:0;}
	.family_site .tabContent a {letter-spacing:-0.1em;}
	
	.part_news_view {display:none;}
}


/* 768 ~ 1023 */
@media all and (max-width:1023px) {
	/* 고시공고 */
	.ifrtabList_w { height:212px !important; }
	
	#main_contents {background:#e1e3e6; padding:20px 15px;}
	
	#index_visual {display:none;}
	.m_cont1 {height:616px; margin:0;}
	.m_cont2 {border-top:0; background:none; padding:0;}
	.m_cont2_2 {margin:0; height:620px; background:none;}	
	.m_cont2_7 {position:relative; margin:20px 0; background:#fff;}
	
	/* 열린군수실 */
	.governor {float:none; position:absolute; top:308px; left:0; width:50%; height:288px; background:#fff url("/home/imgs/main/governor_bg.gif") no-repeat left top;}
	.governor p.gov_tit {background:url("/home/imgs/main/governor_pBg.png") no-repeat left top; color:#fff; font-size:14px; margin:36px 0 18px 0; padding:0 0 0 18px; letter-spacing:-0.06em; height:29px; line-height:28px;}
	.governor p.gov_name {margin:0 0 14px 28px; font-size:14px;}
	.governor p.gov_name img {vertical-align:-5px; padding-right:4px;}
	.governor ul {position:absolute; top:132px; left:22px; z-index:990;}
	.governor li {width:108px; height:26px; margin-bottom:8px; padding:0 8px 0 14px; background:#fff; border:1px solid #e5e5e5; border-radius:30px;}
	.governor li a {display:block; background:url("/home/imgs/main/governor_btn.gif") no-repeat right 4px; font-size:14px; color:#666; line-height:25px; letter-spacing:-0.04em;}
	.governor li:hover {width:110px; height:28px; background:#808eac; border:0;}
	.governor li:hover a,
	.governor li a:hover {text-decoration:none; background:url("/home/imgs/main/governor_btn_on.gif") no-repeat right 5px; color:#fff; line-height:27px;}
	.governor .pic {position:absolute; right:0; bottom:0; line-height:0; font-size:0;}

	/* 인포존 */
	.infozone {float:none; width:100%;}
	.infozone a.slidesjs-next, .infozone a.slidesjs-previous, .infozone a.slidesjs-play, .infozone a.slidesjs-stop, .infozone a.slidesjs-more {width:50px; height:50px; background-position:13px 13px; border-right:1px solid #535354;}
	.infozone a.slidesjs-previous {bottom:0 !important; left:0;}
	.infozone a.slidesjs-play {bottom:0 !important; left:50px;}
	.infozone a.slidesjs-stop {bottom:0 !important; left:50px;}
	.infozone a.slidesjs-next {bottom:0 !important; left:100px;}
	.infozone a.slidesjs-more {bottom:0 !important; right:0; border-left:1px solid #535354; border-right:none;}
	.infozone .infoBox1js .tt {font-size:18px; padding:0 0 0 170px; line-height:50px;}
	.infozone .infoBox1js .num {right:65px; font-size:16px; line-height:50px;}
	
	/* 팝업존 */
	.popupzone {float:none; position:absolute; position:absolute; top:308px; right:0; width:50%; height:288px; background:#2c79bd;}
	.popupzone .popupBox1js {overflow: hidden; width:100%; height:288px; line-height:0; font-size:0;}
	.popupzone .popupBox1js img {width:100%; height:238px;}
	.popupzone .popupBox1js a {display:block; height:288px;}
	.popupzone .popupBox1js .num {position:absolute; left:0; right:65px; bottom:0; width:auto; text-align:right; color:#fff; font-size:16px; height:50px; line-height:50px;}
	.popupzone .control {z-index:10;}
	.popupzone a.slidesjs-next, .popupzone a.slidesjs-previous, .popupzone a.slidesjs-play, .popupzone a.slidesjs-stop, .popupzone a.slidesjs-more {width:50px; height:50px; overflow: hidden; text-indent: -9999px; position:absolute; z-index:100; background-repeat: no-repeat; background-position: 13px 13px; border-right:1px solid #5495ce;}
	.popupzone a.slidesjs-previous {background-image: url("/home/imgs/main/infozone_Prev.gif"); bottom:0; left:0;}
	.popupzone a.slidesjs-play {background-image: url("/home/imgs/main/infozone_Play.gif");  bottom:0; left:50px;}
	.popupzone a.slidesjs-stop {background-image: url("/home/imgs/main/infozone_Stop.gif"); bottom:0; left:50px;}
	.popupzone a.slidesjs-next {background-image: url("/home/imgs/main/infozone_Next.gif"); bottom:0; left:100px;}
	.popupzone a.slidesjs-more {background-image: url("/home/imgs/main/btn_more3.gif"); bottom:0; right:0; border-left:1px solid #5495ce; border-right:none;}
	
	/* 게시판 */
	.tabList {float:none; position:relative; width:100%; height:300px; overflow:hidden; background:#fff;}
	.tabList ul {padding:20px 0 0 1%; height:271px; border-right:0;}
	.tabList ul li {float:left;}
	.tabList ul li a.tabBtn {float:left; display:inline-block; word-break:keep-all; font-size:20px; color:#8f8f8f; background:url("/home/imgs/main/tabList_line.gif") no-repeat 0 8px; font-weight:bold; padding:0 20px; letter-spacing:-0.04em; line-height:30px;}
	.tabList ul li:first-child a.tabBtn {background:none;}
	.tabList .on a.tabBtn {color:#303031;}
	.tabList .tabContent {position:absolute; top:78px; left:3.5%; width:92%;}
	.tabList .tabContent_top {position:relative;}
	.tabList .tabContent_top .top_link {display:block; padding:0 0 0 130px; height:111px;}
	.tabList .tabContent_top .tt {display:block; font-size:18px; font-weight:bold; color:#303031; padding:16px 0 10px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.tabList .tabContent_top .cont {display:block; line-height:23px; overflow:hidden; height:50px; font-size:16px;}
	/* 170601_군정주간행사 별도 css 추가 */
	/* img load err */
	/*.tabList .tabContent_top .top_link4 {background:url("/home/imgs/main/tabList_img4.gif") no-repeat 15px 0; display:block; padding:10px 0 0 130px; height:101px;}*/
	.tabList .tabContent_top .top_link4 {background:url("/home/imgs/main/tabList_img44.gif") no-repeat 15px 0; display:block; padding:10px 0 0 130px; height:101px;}
	.tabList .tabContent_top .top_link4 .tt4 {display:block; font-size:18px; font-weight:bold; color:#303031; margin:0 0 5px 0; padding:6px 0 5px 0; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.tabList .tabContent_top .top_link4 .cont_downBtn {cursor:pointer; position:relative; overflow:visible; margin:6px 0 0 0; padding:0; display:inline-block; border:0; height:32px; line-height:29px; color:#fff !important; font-size:13px; background:url("/home/imgs/template/bg_btn.gif") no-repeat 0 -170px;}
	.tabList .tabContent_top .top_link4 .cont_downBtn span {display:block; padding:0 30px 0 12px; background:url("/home/imgs/template/bg_btn.gif") no-repeat 100% -940px;}
	/******************/		
		/* 게시판 추출 - 해당 게시글 추출 css */	
		.tabList ul ul.tabCon1 {border:none; padding:0 0 0 15px;}
		.tabList ul ul.tabCon1 li {position:relative; float:none;}
		.tabList ul ul.tabCon1 li a {display:inline-block; font-size:16px; background:url("/home/imgs/main/dot_gray2.gif") no-repeat 0 15px; height:25px; line-height:25px; text-overflow:ellipsis; white-space:nowrap; padding:0 0 0 10px; width:82%; overflow:hidden; }
		.tabList ul ul.tabCon1 li img {vertical-align:middle;}
		.tabList ul ul.tabCon1 li span {display:block; position:absolute; right:0; top:0; color:#959595; font-size:16px; height:25px; line-height:25px;}
		/* 170601_보도자료 별도 */
		.tabList ul ul.tabCon2 {border:none; padding:6px 0 0 6px;}
		.tabList ul ul.tabCon2 li {position:relative; float:left; width:30.3%; margin:0 1.5%; text-align:center;}
		.tabList ul ul.tabCon2 li a {display:inline-block; width:100%; font-size:13px;}
		.tabList ul ul.tabCon2 li a img {width:100%; height:144px; border:1px solid #e0e0e0;}
		.tabList ul ul.tabCon2 li a span {display:block; padding-top:18px;}
		/**********************/	
		.tabList .tabMore {position:absolute; top:22px; right:3%;}
		.tabList .tabMore a {display:block; width:30px; height:30px; background:url("/home/imgs/main/btn_more2.gif") no-repeat 3px 3px; line-height:0; font-size:0; border:1px solid #ddd;}
			
	/* 패밀리사이트 */
	.family_wrap {float:none; width:50%; position:absolute; top:320px; left:0;}
	.family_site {background:#fff;}
	.family_site h2 {left:6%; top:25px; font-size:20px;}
	.family_site ul {padding:25px 5% 0 0;}
	.family_site a.tabBtn {width:15px; height:15px; border-radius:15px; margin:0 0 0 8px;}
	.family_site .page {right:5%; top:25px;}
	.family_site .page a {font-size:16px; width:20px;}
	.family_site .tabContent {width:96%; left:3%;}
	.family_site .tabContent .touchslider-item {width:380px;}
	.family_site .tabContent a {font-size:16px; background-position:10px 17px;}
	/* 진천소개 */
	.about_info a {font-size:16px;}
	
	/* 진천군 이모저모 바로가기 */
	.part_news_w {display:none;}	
	.part_news_view {display:none;}
	
	/* 바로가기 서비스 */
	.shortcut_link_w {float:left; position:relative; width:50%; height:220px; overflow:hidden;}
	.shortcut_link {padding:0 5%; height:220px; border-right:1px solid #e5e5e5;}
	.shortcut_link .short_tt {position:relative; padding:30px 8px 12px 8px; font-size:20px; font-weight:bold; line-height:24px; color:#303031; border-bottom:1px solid #e5e5e5;}
	.shortcut_link .short_tt a {position:absolute; top:28px; display:inline-block; width:30px; height:30px;}
	
	.shortcut_list {position:relative; margin-top:28px; padding-bottom:16px; height:100px; overflow:hidden;}
	.shortcut_list ul {position:relative; float:left; padding:0; width:100%;}
	.shortcut_list ul li {float:left; width:29.3%; margin:0 2% 30px 2%; text-align:center;}
	.shortcut_list ul li a {display:inline-block; padding-top:76px; font-size:13px;}
	
	/* 진천관광 */
	.tour_link {float:left; position:relative; width:50%; height:220px; background:#fafafa url("/home/imgs/main/tour_link.gif") no-repeat right 36px; overflow:hidden;}
	.tour_link .tour_tt {position:absolute; top:32px; left:6%;}
	
	.tour_link ul {float:left; margin-top:126px; width:88%; padding:0 6%;}
	.tour_link ul li {float:left; width:48%; margin:0 0 6px 4%;}
	.tour_link ul li.mnone {margin:0 0 6px 0 !important;}
	.tour_link ul li a {display:block; height:32px; padding-left:20px; background:url("/home/imgs/main/dot_gray.gif") no-repeat 12px 15px; border:1px solid #e5e5e5; line-height:32px; font-size:13px;}
	
	/* 자주찾는 메뉴 */
	.index_quick {position:relative; padding:0 0 20px 0;}
	.index_quick:after {content:""; display:block; clear:both;}
	.index_quick h2 {float:left; width:100%; height:50px; line-height:50px; padding-top:0; background:#303031; text-align:center; color:#fff; font-size:20px; font-weight:normal;}
	.index_quick h2 span {display:inline;}
	
	.index_quick ul {float:left; width:100%;}
	.index_quick ul li {float:left; width:14.28%;}
	.index_quick ul li a {display:block; text-align:center; border-left:1px solid #e5e5e5; word-break:keep-all; height:33px; font-size:15px; padding:63px 0 0 0; transition:all 300ms ease-in-out; letter-spacing:-0.04em;}
	.index_quick ul li.list1 a {background:#fff url("/home/imgs/main/index_quick_ico1.png") no-repeat 50% 18px; border-left:0 !important;}
	.index_quick ul li.list2 a {background:#fff url("/home/imgs/main/index_quick_ico2.png") no-repeat 50% 18px;}
	.index_quick ul li.list3 a {background:#fff url("/home/imgs/main/index_quick_ico3.png") no-repeat 50% 18px;}
	.index_quick ul li.list4 a {background:#fff url("/home/imgs/main/index_quick_ico4.png") no-repeat 50% 20px;}
	.index_quick ul li.list5 a {background:#fff url("/home/imgs/main/index_quick_ico5.png") no-repeat 50% 20px;}
	.index_quick ul li.list6 a {background:#fff url("/home/imgs/main/index_quick_ico6.png") no-repeat 50% 20px;}
	.index_quick ul li.list7 a {background:#fff url("/home/imgs/main/index_quick_ico7.png") no-repeat 50% 18px;}
	.index_quick ul li a:hover {background-color:#f7f7f7; font-weight:bold;}
	
	/* 분야별정보 */
	.part_info {position:relative; float:left; margin-bottom:20px; background:#329cb7; width:100%; min-height:290px;}
	.part_info h2 {float:left; width:100%; height:50px; line-height:50px; padding-top:10px; background:none; text-align:center; color:#fff; font-size:20px; font-weight:normal;}
	.part_info h2 span {display:inline;}
	.part_info h2 span:last-child {padding-right:24px; background:url("/home/imgs/main/part_info_p.gif") no-repeat right 10px;}
	
	.part_info ul {float:left; width:100%; padding-top:10px;}
	.part_info li {float:left; width:20%; padding-bottom:14px;}	
	.part_info li a {position:relative; display:block; border-radius:63px; color:#fff; text-align:center; font-size:16px; background:url("/home/imgs/main/part_info_off.png") no-repeat center top; letter-spacing:-0.1em; transition:all 300ms ease-in-out;}
	.part_info li.bnone a {background:url("/home/imgs/main/part_info_off.png") no-repeat center top;}
	.part_info li:hover a {background:url("/home/imgs/main/part_info_on.png") no-repeat center top;}
	.part_info li a span {display:block; padding-top:70px;}
	.part_info li.list1 a span {background:url("/home/imgs/main/part_info_ico1.png") no-repeat center 6px;}
	.part_info li.list2 a span {background:url("/home/imgs/main/part_info_ico2.png") no-repeat center 3px;}
	.part_info li.list3 a span {background:url("/home/imgs/main/part_info_ico3.png") no-repeat center 4px;}
	.part_info li.list4 a span {background:url("/home/imgs/main/part_info_ico4.png") no-repeat center 3px;}
	.part_info li.list5 a span {background:url("/home/imgs/main/part_info_ico5.png") no-repeat center 3px;}
	.part_info li.list6 a span {background:url("/home/imgs/main/part_info_ico6.png") no-repeat center top;}
	.part_info li.list7 a span {background:url("/home/imgs/main/part_info_ico7.png") no-repeat center 2px;}
	.part_info li.list8 a span {background:url("/home/imgs/main/part_info_ico8.png") no-repeat center 4px;}
	.part_info li.list9 a span {background:url("/home/imgs/main/part_info_ico9.png") no-repeat center 3px;}
	.part_info li.list10 a span {background:url("/home/imgs/main/part_info_ico10.png") no-repeat center 4px;}
	.part_info li.list11 a span {background:url("/home/imgs/main/part_info_ico11.png") no-repeat center 3px;}
	
	/* 방문자별 */
	.visitor_info_w {clear:both; position:relative; background:#fff url("/home/imgs/main/service_infoBg.gif") no-repeat center top;}
	.visitor_info_w .visitor_info {position:relative; width:100%; margin:0;}
	.visitor_info_w .visitor_info:after {content:""; display:block; clear:both;}	
	.visitor_info .visitor_cate {position:relative; width:100%; float:left;}
	.visitor_info .visitor_cate > li {float:left; padding-bottom:268px; width:33.3%; min-height:68px;}
	.visitor_info .visitor_cate > li.cate1 {background:url("/home/imgs/main/visit_bg1.gif") repeat-x left top;}
	.visitor_info .visitor_cate > li.cate2 {background:url("/home/imgs/main/visit_bg2.gif") repeat-x left top;}
	.visitor_info .visitor_cate > li.cate3 {background:url("/home/imgs/main/visit_bg3.gif") repeat-x left top;}
	.visitor_info .visitor_cate > li > a {display:block; font-size:18px; font-weight:normal; color:#fff; text-align:center; height:68px; line-height:56px;}
	.visitor_info .visitor_cate > li.on > a.visit1 {background:url("/home/imgs/main/visit1.gif") no-repeat center bottom;}
	.visitor_info .visitor_cate > li.on > a.visit2 {background:url("/home/imgs/main/visit2.gif") no-repeat center bottom;}
	.visitor_info .visitor_cate > li.on > a.visit3 {background:url("/home/imgs/main/visit3.gif") no-repeat center bottom;}
	.visitor_info .visitor_cate > li.on > a > span {display:inline-block; margin-left:-8px; padding-left:26px; background:url("/home/imgs/main/visit_on.png") no-repeat left 19px;}
	
	.visitor_info .cont {position:absolute; top:68px; left:0; width:100%;}
	.visitor_info .cont ul {position:relative; width:100%; padding:18px 0 28px 0;}
	.visitor_info .cont ul:after {content:""; display:block; clear:both;}
	.visitor_info .cont ul li {float:left; width:33.3%;}
	.visitor_info .cont ul li a {display:block; line-height:28px; padding-left:30px; font-size:16px; word-break:keep-all;}
	.visitor_info .cont ul li a span {padding:0 0 0 8px; background:url("/home/imgs/main/dot_gray2.gif") no-repeat left 10px;}

	.main_banner {display:none;}

}


/* 320 ~ 767 */
@media all and (max-width:767px) {
	/* 고시공고 */
	.ifrtabList_w { height:214px !important; }
	
	#main_contents {background:#e1e3e6; padding:20px 15px;}
	
	#index_visual {display:none;}
	.m_cont1 {height:893px; margin:0;}
	.m_cont2 {border-top:0; background:none; padding:0;}
	.m_cont2_2 {margin:0; height:959px; background:none;}	
	.m_cont2_7 {position:relative; margin:15px 0; background:none;}
	
	.ls_012 {letter-spacing:-0.2em !important;}
	
	/* 열린군수실 */
	.governor {float:none; position:absolute; top:295px; left:0; width:100%; height:288px; background:#fff url("/home/imgs/main/governor_bg.gif") no-repeat left top;}
	.governor p.gov_tit {background:url("/home/imgs/main/governor_pBg.png") no-repeat left top; color:#fff; font-size:14px; margin:36px 0 18px 0; padding:0 0 0 18px; letter-spacing:-0.06em; height:29px; line-height:28px;}
	.governor p.gov_name {margin:0 0 14px 28px; font-size:14px;}
	.governor p.gov_name img {vertical-align:-5px; padding-right:4px;}
	.governor ul {position:absolute; top:132px; left:22px; z-index:990;}
	.governor li {width:108px; height:26px; margin-bottom:8px; padding:0 8px 0 14px; background:#fff; border:1px solid #e5e5e5; border-radius:30px;}
	.governor li a {display:block; background:url("/home/imgs/main/governor_btn.gif") no-repeat right 4px; font-size:14px; color:#666; line-height:25px; letter-spacing:-0.04em;}
	.governor li:hover {width:110px; height:28px; background:#808eac; border:0;}
	.governor li:hover a,
	.governor li a:hover {text-decoration:none; background:url("/home/imgs/main/governor_btn_on.gif") no-repeat right 5px; color:#fff; line-height:27px;}
	.governor .pic {position:absolute; right:0; bottom:0; line-height:0; font-size:0;}

	/* 인포존  */
	.infozone {float:none; width:100%; height:280px;}
	.infozone a.slidesjs-next, .infozone a.slidesjs-previous, .infozone a.slidesjs-play, .infozone a.slidesjs-stop, .infozone a.slidesjs-more {width:42px; height:42px; background-position:9px 9px; border-right:1px solid #535354;}
	.infozone a.slidesjs-previous {bottom:0 !important; left:0;}
	.infozone a.slidesjs-play {bottom:0 !important; left:42px;}
	.infozone a.slidesjs-stop {bottom:0 !important; left:42px;}
	.infozone a.slidesjs-next {bottom:0 !important; left:84px;}
	.infozone a.slidesjs-more {bottom:0 !important; right:0; border-left:1px solid #535354; border-right:none;}
	.infozone .infoBox1js a.slidesjs-slide {height:280px;}
	.infozone .infoBox1js .tt {display:none;}
	.infozone .infoBox1js .num {position:absolute; bottom:0; right:65px; font-size:16px; height:42px; line-height:42px; z-index:100; text-align:center;}
	
	/* 팝업존 */
	.popupzone {float:none; position:absolute; position:absolute; top:598px; right:0; width:100%; height:280px; background:#2c79bd;}
	.popupzone .popupBox1js {overflow: hidden; width:100%; height:280px; line-height:0; font-size:0;}
	.popupzone .popupBox1js img {width:100%; height:238px;}
	.popupzone .popupBox1js a {display:block; height:280px;}
	.popupzone .popupBox1js .num {position:absolute; left:0; right:65px; bottom:0; width:auto; text-align:right; color:#fff; font-size:16px; height:42px; line-height:42px;}
	.popupzone .control {z-index:10;}
	.popupzone a.slidesjs-next, .popupzone a.slidesjs-previous, .popupzone a.slidesjs-play, .popupzone a.slidesjs-stop, .popupzone a.slidesjs-more {width:42px; height:42px; overflow: hidden; text-indent: -9999px; position:absolute; z-index:100; background-repeat: no-repeat; background-position: 9px 9px; border-right:1px solid #5495ce;}
	.popupzone a.slidesjs-previous {background-image: url("/home/imgs/main/infozone_Prev.gif"); bottom:0; left:0;}
	.popupzone a.slidesjs-play {background-image: url("/home/imgs/main/infozone_Play.gif");  bottom:0; left:42px;}
	.popupzone a.slidesjs-stop {background-image: url("/home/imgs/main/infozone_Stop.gif"); bottom:0; left:42px;}
	.popupzone a.slidesjs-next {background-image: url("/home/imgs/main/infozone_Next.gif"); bottom:0; left:84px;}
	.popupzone a.slidesjs-more {background-image: url("/home/imgs/main/btn_more3.gif"); bottom:0; right:0; border-left:1px solid #5495ce; border-right:none;}
	
	/* 게시판 */
	.tabList {float:none; position:relative; width:100%; height:417px; overflow:hidden; background:#fff;}
	.tabList ul {padding:0; height:auto; border-right:0;}
	.tabList ul li {position:relative; float:none;}
	.tabList ul li a.tabBtn {float:none; display:block; word-break:keep-all; font-size:17px; color:#fff; background:#b9b9bf; font-weight:bold; padding:0 0 0 15px; letter-spacing:-0.04em; height:40px; line-height:42px; border-bottom:1px dotted #e1e3e6;}
	.tabList ul li:first-child a.tabBtn {background:#b9b9bf;}	
	.tabList .on a.tabBtn {color:#fff; background:#303031 !important; border-bottom:0;}
	.tabList .tabContent {position:relative; top:0; left:0; width:100%; height:214px;}
	.tabList .ifr_tabContent { height:214px !important; }
	.tabList .tabContent_top {position:relative;}
	.tabList .tabContent_top .top_link {display:block; padding:0 15px; height:90px; background:none;}
	.tabList .tabContent_top .tt {display:block; font-size:16px; font-weight:bold; color:#303031; padding:16px 0 10px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.tabList .tabContent_top .cont {display:block; line-height:19px; overflow:hidden; height:38px; font-size:14px;}	
	/* 170601_군정주간행사 별도 css 추가 */
	.tabList .tabContent_top .top_link4 {background:none; display:block; padding:10px 15px 0 15px; height:80px;}
	.tabList .tabContent_top .top_link4 .tt4 {display:block; font-size:16px; font-weight:bold; color:#303031; margin:0 0 5px 0; padding:6px 0 5px 0; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.tabList .tabContent_top .top_link4 .cont_downBtn {cursor:pointer; position:relative; overflow:visible; margin:0; padding:0; display:inline-block; border:0; height:32px; line-height:29px; color:#fff !important; font-size:13px; background:url("/home/imgs/template/bg_btn.gif") no-repeat 0 -170px;}
	.tabList .tabContent_top .top_link4 .cont_downBtn span {display:block; padding:0 30px 0 12px; background:url("/home/imgs/template/bg_btn.gif") no-repeat 100% -940px;}
	/******************/	
	.tabList .topImg1 .tabContent_top a,
	.tabList .topImg2 .tabContent_top a,
	.tabList .topImg3 .tabContent_top a,
	.tabList .topImg4 .tabContent_top a,
	.tabList .topImg5 .tabContent_top a {background:none;}
		/* 게시판 추출 - 해당 게시글 추출 css */	
		.tabList ul ul.tabCon1 {border:none; padding:0;}
		.tabList ul ul.tabCon1 li {position:relative; float:none; border-top:1px dotted #ddd;}
		.tabList ul ul.tabCon1 li a {display:inline-block; font-size:14px; background:url("/home/imgs/main/dot_gray2.gif") no-repeat 10px 16px; height:36px; line-height:36px; text-overflow:ellipsis; white-space:nowrap; padding:0 0 0 20px; width:90%; overflow:hidden; }
		.tabList ul ul.tabCon1 li img {vertical-align:middle;}
		.tabList ul ul.tabCon1 li span {display:none;}		
		/* 170601_보도자료 별도 */
		.tabList ul ul.tabCon2 {border:none; padding:20px 1.5% 0 1.5%; overflow:hidden;}
		.tabList ul ul.tabCon2 li {position:relative; float:left; width:42%; margin:0 4%; text-align:center;}
		.tabList ul ul.tabCon2 li a {display:inline-block; width:100%; font-size:13px;}
		.tabList ul ul.tabCon2 li a img {width:100%; height:144px; border:1px solid #e0e0e0;}
		.tabList ul ul.tabCon2 li a span {display:block; padding:14px 0 18px 0;}
		/**********************/	
		.tabList .tabMore {position:absolute; top:0; right:0;}
		.tabList .tabMore a {display:block; width:42px; height:40px; background:url("/home/imgs/main/btn_more3.gif") no-repeat center 8px; line-height:0; font-size:0; border:none; border-left:1px solid #535354;}
		
	/* 패밀리사이트 */
	.family_wrap {width:100%; top:432px; height:350px;}	
	.family_site {border-right:none; height:165px;}
	.family_site h2 {top:15px; left:15px !important; font-size:18px;}
	.family_site ul {padding:15px 15px 0 0;}
	.family_site .page {right:2%; top:10px; font-size:14px;}
	.family_site .page a {border:1px solid #ddd; border-left:0; width:28px; height:28px; line-height:28px;}
	.family_site .page a.touchslider-prev,
	.family_site .page a.touchslider-next {width:28px;height:28px;}
	.family_site .page a.touchslider-prev img,
	.family_site .page a.touchslider-next img {margin:2px 0 0 0;}
	.family_site .page a:first-child {border-left:1px solid #ddd;}
	.family_site .tabContent > div {width:100% !important;}
	.family_site .tabContent .touchslider-item {width:100%;}	
	.family_site .tabContent {left:0; top:45px; width:100%;}
	.family_site .tabContent .touchslider-item {width:100%;}
	.family_site .tabContent a {width:40%; font-size:15px; background-position:10px 17px;}
	
	.family_site .list {float:none;}
	.family_site .list a {font-size:14px; background-position:18px 16px; padding:0 0 0 27px;}
	.family_site .control {right:12px; top:17px;}
	/* 진천소개  */
	.about_info a {font-size:14px; height:45px; line-height:45px; background:#329cb7 !important; padding:0; text-align:center;}
	.about_info .list4 a { background:#00719b !important; }
	
	/* 바로가기 서비스 */
	.shortcut_link_w {float:left; position:relative; background:#fff; width:100%; height:220px; overflow:hidden;}
	.shortcut_link {padding:0 15px; height:220px; border-right:0;}
	.shortcut_link .short_tt {position:relative; padding:30px 8px 12px 8px; font-size:20px; font-weight:bold; line-height:24px; color:#303031; border-bottom:1px solid #e5e5e5;}
	.shortcut_link .short_tt a {position:absolute; top:28px; display:inline-block; width:30px; height:30px;}
	
	.shortcut_list {position:relative; margin-top:28px; padding-bottom:16px; height:100px; overflow:hidden;}
	.shortcut_list ul {position:relative; float:left; padding:0; width:100%;}
	.shortcut_list ul li {float:left; width:46%; margin:0 2% 30px 2%; text-align:center;}
	.shortcut_list ul li a {display:inline-block; padding-top:76px; font-size:13px;}
	
	/* 진천관광 */
	.tour_link {float:left; position:relative; margin-top:15px; width:100%; height:220px; background:#fafafa url("/home/imgs/main/tour_link.gif") no-repeat right 36px; overflow:hidden;}
	.tour_link .tour_tt {position:absolute; top:32px; left:6%;}
	
	.tour_link ul {float:left; margin-top:126px; width:88%; padding:0 6%;}
	.tour_link ul li {float:left; width:48%; margin:0 0 6px 4%;}
	.tour_link ul li.mnone {margin:0 0 6px 0 !important;}
	.tour_link ul li a {display:block; height:32px; padding-left:20px; background:url("/home/imgs/main/dot_gray.gif") no-repeat 12px 15px; border:1px solid #e5e5e5; line-height:32px; font-size:13px;}
	
	/* 자주찾는 메뉴 */
	.index_quick {position:relative; padding:0 0 15px 0;}
	.index_quick:after {content:""; display:block; clear:both;}
	.index_quick h2 {float:left; width:100%; height:42px; line-height:42px; padding-top:0; background:#303031; text-align:center; color:#fff; font-size:18px; font-weight:normal;}
	.index_quick h2 span {display:inline;}
	
	.index_quick ul {float:left; width:100%;}
	.index_quick ul li {float:left; width:100%;}
	.index_quick ul li a {display:block; text-align:center; border-left:0; border-top:1px solid #e5e5e5; word-break:keep-all; height:42px; line-height:42px; font-size:15px; padding:0; transition:all 300ms ease-in-out; letter-spacing:-0.04em;}
	.index_quick ul li.list1 a {background:#fff; border-left:0 !important; border-top:0 !important;}
	.index_quick ul li.list2 a {background:#fff;}
	.index_quick ul li.list3 a {background:#fff;}
	.index_quick ul li.list4 a {background:#fff;}
	.index_quick ul li.list5 a {background:#fff;}
	.index_quick ul li.list6 a {background:#fff;}
	.index_quick ul li.list7 a {background:#fff;}
	.index_quick ul li a:hover {background-color:#f7f7f7; font-weight:bold;}
	
	/* 분야별정보 */
	.part_info {position:relative; float:left; margin-bottom:15px; background:#329cb7; width:100%; min-height:290px;}
	.part_info h2 {float:left; width:100%; height:50px; line-height:50px; padding-top:10px; background:none; text-align:center; color:#fff; font-size:20px; font-weight:normal;}
	.part_info h2 span {display:inline;}
	.part_info h2 span:last-child {padding-right:24px; background:url("/home/imgs/main/part_info_p.gif") no-repeat right 10px;}
	
	.part_info ul {float:left; width:100%; padding-top:10px;}
	.part_info li {float:left; width:33.3%; padding-bottom:14px;}	
	.part_info li a {position:relative; display:block; height:63px; border-radius:63px; color:#fff; text-align:center; font-size:15px; background:url("/home/imgs/main/part_info_off.png") no-repeat center top; letter-spacing:-0.1em; transition:all 300ms ease-in-out;}
	.part_info li.bnone a {background:url("/home/imgs/main/part_info_off.png") no-repeat center top;}
	.part_info li:hover a {background:url("/home/imgs/main/part_info_on.png") no-repeat center top;}
	.part_info li a span {display:block; padding-top:22px; line-height:20px;}
	.part_info li.list1 a span {background:none;}
	.part_info li.list2 a span {background:none;}
	.part_info li.list3 a span {background:none;}
	.part_info li.list4 a span {background:none;}
	.part_info li.list5 a span {background:none;}
	.part_info li.list6 a span {background:none;}
	.part_info li.list7 a span {background:none;}
	.part_info li.list8 a span {background:none;}
	.part_info li.list9 a span {background:none;}
	.part_info li.list10 a span {background:none;}
	.part_info li.list11 a span {background:none;}
	
	/* 방문자별 */
	.visitor_info_w {clear:both; position:relative; background:#fff url("/home/imgs/main/service_infoBg.gif") no-repeat center top;}
	.visitor_info_w .visitor_info {position:relative; width:100%; margin:0;}
	.visitor_info_w .visitor_info:after {content:""; display:block; clear:both;}	
	.visitor_info .visitor_cate {position:relative; width:100%; float:left;}
	.visitor_info .visitor_cate > li {float:left; padding-bottom:368px; width:33.3%; min-height:68px;}
	.visitor_info .visitor_cate > li.cate1 {background:url("/home/imgs/main/visit_bg1.gif") repeat-x left top;}
	.visitor_info .visitor_cate > li.cate2 {background:url("/home/imgs/main/visit_bg2.gif") repeat-x left top;}
	.visitor_info .visitor_cate > li.cate3 {background:url("/home/imgs/main/visit_bg3.gif") repeat-x left top;}
	.visitor_info .visitor_cate > li > a {display:block; font-size:16px; font-weight:normal; color:#fff; text-align:center; height:68px; line-height:56px;}
	.visitor_info .visitor_cate > li.on > a.visit1 {background:url("/home/imgs/main/visit1.gif") no-repeat center bottom;}
	.visitor_info .visitor_cate > li.on > a.visit2 {background:url("/home/imgs/main/visit2.gif") no-repeat center bottom;}
	.visitor_info .visitor_cate > li.on > a.visit3 {background:url("/home/imgs/main/visit3.gif") no-repeat center bottom;}
	.visitor_info .visitor_cate > li.on > a > span {display:inline-block; margin-left:0; padding-left:22px; background:url("/home/imgs/main/visit_on.png") no-repeat left 19px;}
	
	.visitor_info .cont {position:absolute; top:68px; left:0; width:100%;}
	.visitor_info .cont ul {position:relative; width:100%; padding:10px 0 20px 0;}
	.visitor_info .cont ul:after {content:""; display:block; clear:both;}
	.visitor_info .cont ul li {float:left; width:50%;}
	.visitor_info .cont ul li a {display:block; line-height:28px; padding-left:15px; font-size:15px; word-break:keep-all;}
	.visitor_info .cont ul li a span {padding:0 0 0 8px; background:url("/home/imgs/main/dot_gray2.gif") no-repeat left 10px;}
}


/* 320 ~ 413 */
@media all and (max-width:413px) {
	.visitor_info .visitor_cate > li {float:left; padding-bottom:688px; width:33.3%; min-height:68px;}
	.visitor_info .cont {position:absolute; top:68px; left:0; width:100%;}
	.visitor_info .cont ul {position:relative; width:100%; padding:18px 0 28px 0;}
	.visitor_info .cont ul li {float:left; width:100%;}
}


/**********************************************************************************************************************/
/* 코로나바이러스감염증-19 비상대책 팝업_200225 추가 */
#cvd-popup-w {position:absolute;top:0;left:50%;margin-left:-640px;width:1280px;z-index:110;}
#covid19_w {position:absolute;top:0;left:25%;width:50%;height:292px;background:#fff;text-align:center;}
#covid19_w h2 {padding:18px 0 6px 0;font-size:21px;line-height:25px;color:#202020;letter-spacing:-2px;word-break:keep-all;}

#covid19_w .covid19 {position:relative;padding:0 14px;}
#covid19_w .covid19 .cvd-date {padding-bottom:4px;font-size:14px;line-height:16px;text-align:right;letter-spacing:-0.5px;}
#covid19_w .covid19 .cvd-wrap {float:left;width:33.33%;}
#covid19_w .covid19 .cvd-wrap .cvd-tt {font-size:14px;line-height:28px;color:#fff;}
	#covid19_w .covid19 .cvd-1 .cvd-tt {background:#d84351;}
	#covid19_w .covid19 .cvd-2 .cvd-tt {background:#208dc5;}
	#covid19_w .covid19 .cvd-3 .cvd-tt {background:#4a4fab;}
#covid19_w .covid19 .cvd-wrap ul {position:relative;}
#covid19_w .covid19 .cvd-wrap ul li {position:relative;float:left;padding:8px 0;font-size:19px;line-height:20px;color:#404040;font-weight:800;letter-spacing:-1px;}
	#covid19_w .covid19 .cvd-1 ul li {background:#f9e9eb url("/home/imgs/main/line_w.gif") repeat-y left top;width:25%;}
	#covid19_w .covid19 .cvd-2 ul li {background:#e9f4f9 url("/home/imgs/main/line_w.gif") repeat-y left top;width:25%;}
	#covid19_w .covid19 .cvd-3 ul li {background:#e5e6f4 url("/home/imgs/main/line_w.gif") repeat-y left top;width:33.33%;}	
	#covid19_w .covid19 .cvd-1 ul li:first-child {background:#f9e9eb;color:#d84351;}
	#covid19_w .covid19 .cvd-2 ul li:first-child {background:#e9f4f9;color:#208dc5;}
	#covid19_w .covid19 .cvd-3 ul li:first-child {background:#e5e6f4;color:#4a4fab;}
#covid19_w .covid19 .cvd-wrap ul li span {display:block;font-size:13px;}

#covid19_w .cvd-btn {clear:both;position:relative;padding:4px 14px 0 14px;}
#covid19_w .cvd-btn a {float:left;width:30%;margin:6px 0 0 5%;font-size:16px;line-height:34px;color:#fff;}
#covid19_w .cvd-btn a.btn-b1 {background:#2b63a7;}
#covid19_w .cvd-btn a.btn-g1 {background:#009dab;}
#covid19_w .cvd-btn a.btn-mn {margin:6px 0 0 0;}

#covid19_w .cvd-call {clear:both;position:absolute;bottom:0;left:0;width:100%;padding:12px 0;background:#202020;font-size:17px;line-height:20px;color:#fff;letter-spacing:-1px;}
#covid19_w .cvd-call span {display:inline-block;font-weight:bold;}
#covid19_w .cvd-call span em {font-style:normal;color:#fff836;}

#covid19_w .cvd-close {position:absolute;top:16px;right:20px;}

/* 768 ~ 1023 */
@media (max-width: 1023px) {
	#cvd-popup-w {position:absolute;top:0;left:0;margin-left:0;width:100%;z-index:110;}
	#covid19_w {position:absolute;top:0;left:0;width:100%;height:292px;background:#fff;text-align:center;}
}

@media (max-width: 767px) {
	#cvd-popup-w {position:absolute;top:0;left:0;margin-left:0;width:100%;z-index:991;}
	#covid19_w {position:absolute;top:0;left:0;width:100%;height:auto;background:#fff;text-align:center;}
	#covid19_w h2 {padding:42px 20px 12px 20px;font-size:21px;line-height:25px;color:#202020;letter-spacing:-2px;word-break:keep-all;}

	#covid19_w .covid19 .cvd-date {padding-bottom:10px;font-size:14px;line-height:16px;text-align:right;letter-spacing:-0.5px;}
	#covid19_w .covid19 .cvd-wrap {float:left;width:100%;margin-bottom:16px;}

	#covid19_w .cvd-btn {clear:both;position:relative;padding:0 2% 20px 2%;}
	#covid19_w .cvd-btn a {float:left;width:46%;margin:6px 2% 0 2%;font-size:16px;line-height:34px;color:#fff;}
	#covid19_w .cvd-btn a.btn-b1 {background:#2b63a7;}
	#covid19_w .cvd-btn a.btn-g1 {background:#009dab;}
	#covid19_w .cvd-btn a.btn-mn {margin:6px 2% 0 2%;}

	#covid19_w .cvd-call {clear:both;position:relative;bottom:0;left:0;width:80%;padding:12px 10%;background:#202020;font-size:17px;line-height:20px;color:#fff;letter-spacing:-1px;}
}

/* 팝업 */
#tempPopupArea {position:absolute;top:-90px;left:60px;z-index:99999;box-shadow:2px 6px 12px #606060;}
#tempPopupArea #cvd-close2 {cursor:pointer;position:absolute;top:25px;right:35px;}
#tempPopupArea #popup_covid19 {overflow-x:hidden;overflow-y:scroll;background:#fff;height:1020px;text-align:center;}
#tempPopupArea #popup_covid19 img {width:100%;max-width:640px;}

#tempPopupArea01 {position:absolute;top:-90px;left:60px;background:none;z-index:99999;}
#tempPopupArea01 .cvd-close {cursor:pointer;position:absolute;top:20px;right:20px;}
#tempPopupArea01 #popup_20200420 {background:#fff;height:421px;text-align:center;}
#tempPopupArea01 #popup_20200420 img {width:100%;max-width:480px;}

#tempPopupArea02 {position:absolute;top:-90px;left:560px;z-index:99999;}
#tempPopupArea02 .cvd-close {cursor:pointer;position:absolute;top:20px;right:20px;}
#tempPopupArea02 #popup_20200427 {background:#fff;height:660px;text-align:center;}
#tempPopupArea02 #popup_20200427 img {width:100%;max-width:400px;}

#tempPopupArea03 {position:absolute;top:-90px;left:980px;z-index:99999;}
#tempPopupArea03 .cvd-close {cursor:pointer;position:absolute;top:20px;right:20px;}
#tempPopupArea03 #popup_20200501 {background:#fff;height:660px;text-align:center;}
#tempPopupArea03 #popup_20200501 img {max-width:450px;}

#tempPopupArea06 {position:absolute;top:-90px;left:260px;background:none;z-index:99999;}
#tempPopupArea06 .cvd-close {cursor:pointer;position:absolute;top:20px;right:20px;}
#tempPopupArea06 #popup_20200512 {background:#fff;height:840px;text-align:center;box-shadow:2px 6px 12px #606060;}
#tempPopupArea06 #popup_20200512 img {width:100%;max-width:580px;}
#tempPopupArea01 #tempPopup4 {background:#fff;height:700px;text-align:center;}
#tempPopupArea01 #tempPopup4 img {width:100%;max-width:505px;}

#tempPopupArea07 {position:absolute;top:148px;left:260px;background:none;z-index:99999;}
#tempPopupArea07 .cvd-close {cursor:pointer;position:absolute;top:20px;right:20px;}
#tempPopupArea07 #popup07 {background:#fff;height:349px;text-align:center;box-shadow:2px 6px 12px #606060;}
#tempPopupArea07 #popup07 img {width:100%;max-width:600px;}

#tempPopupArea08 {position:absolute;top:-90px;left:860px;background:none;z-index:99999;}
#tempPopupArea08 .cvd-close {cursor:pointer;position:absolute;top:20px;right:20px;}
#tempPopupArea08 #popup_08 {background:#fff;height:790px;text-align:center;box-shadow:2px 6px 12px #606060;}
#tempPopupArea08 #popup_08 img {width:100%;max-width:593px;}


@media (max-width: 1440px) {
	#tempPopupArea07 {position:absolute;top:20px;left:608px;background:none;z-index:99999;}
	#tempPopupArea07 .cvd-close {cursor:pointer;position:absolute;top:20px;right:20px;}
	#tempPopupArea07 #popup07 {background:#fff;height:349px;text-align:center;box-shadow:2px 6px 12px #606060;}
	#tempPopupArea07 #popup07 img {width:100%;max-width:600px;}

	#tempPopupArea08 {position:absolute;top:20px;left:15px;background:none;z-index:99999;}
	#tempPopupArea08 .cvd-close {cursor:pointer;position:absolute;top:20px;right:20px;}
	#tempPopupArea08 #popup_08 {background:#fff;height:790px;text-align:center;box-shadow:2px 6px 12px #606060;}
	#tempPopupArea08 #popup_08 img {width:100%;max-width:593px;}
}

@media (max-width: 1023px) {
	#tempPopupArea {position:absolute;top:20px;left:15px;width:calc(100% - 30px);height:1020px;z-index:899;box-shadow:2px 6px 12px #606060;}
	#tempPopupArea #cvd-close2 {cursor:pointer;position:absolute;top:16px;right:40px;}
	#tempPopupArea #popup_covid19 {background:#fff;height:1020px;}
    #tempPopupArea #popup_covid19 img {width:100%;max-width:640px;}

	#tempPopupArea01 {position:absolute;top:20px;left:15px;width:480px;height:421px;background:none;z-index:899;}
	#tempPopupArea01 .cvd-close {cursor:pointer;position:absolute;top:16px;right:20px;}
	#tempPopupArea01 #popup_20200420 {background:#fff;height:421px;}
    #tempPopupArea01 #popup_20200420 img {width:100%;max-width:480px;}

    #tempPopupArea02 {position:absolute;top:75px;left:60px;width:400px;height:660px;z-index:899;}
	#tempPopupArea02 .cvd-close {cursor:pointer;position:absolute;top:16px;right:20px;}
	#tempPopupArea02 #popup_20200427 {background:#fff;height:660px;}
    #tempPopupArea02 #popup_20200427 img {width:100%;max-width:400px;}

    #tempPopupArea03 {position:absolute;top:130px;left:105px;width:400px;height:660px;z-index:899;}
	#tempPopupArea03 .cvd-close {cursor:pointer;position:absolute;top:16px;right:20px;}
	#tempPopupArea03 #popup_20200501 {background:#fff;height:660px;}
    #tempPopupArea03 #popup_20200501 img {width:100%;max-width:450px;}

	#tempPopupArea06 {position:absolute;top:20px;left:15px;width:580px;height:840px;background:none;z-index:899;}
	#tempPopupArea06 .cvd-close {cursor:pointer;position:absolute;top:16px;right:20px;}
	#tempPopupArea06 #popup_20200512 {background:#fff;height:840px;box-shadow:2px 6px 12px #606060;}
    #tempPopupArea06 #popup_20200512 img {width:100%;max-width:580px;}
	#tempPopupArea01 #tempPopup4 {background:#fff;height:700px;text-align:center;}
	#tempPopupArea01 #tempPopup4 img {width:100%;max-width:505px;}

	#tempPopupArea07 {position:absolute;top:20px;left:385px;width:300px;background:none;z-index:899;}
	#tempPopupArea07 .cvd-close {cursor:pointer;position:absolute;top:20px;right:20px;}
	#tempPopupArea07 #popup07 {background:#fff;height:258px;box-shadow:2px 6px 12px #606060;}
    #tempPopupArea07 #popup07 img {width:100%;max-width:600px;}
	
	#tempPopupArea08 {position:absolute;top:20px;left:15px;width:370px;background:none;z-index:99999;}
	#tempPopupArea08 .cvd-close {cursor:pointer;position:absolute;top:20px;right:20px;}
	#tempPopupArea08 #popup_08 {background:#fff;height:500px;text-align:center;box-shadow:2px 6px 12px #606060;}
	#tempPopupArea08 #popup_08 img {width:100%;max-width:593px;}

}

@media (max-width: 640px) {
	#tempPopupArea {position:absolute;top:20px;left:15px;width:calc(100% - 30px);height:auto;z-index:899;box-shadow:2px 6px 12px #606060;}
	#tempPopupArea #cvd-close2 {cursor:pointer;position:absolute;top:16px;right:40px;}
	#tempPopupArea #popup_covid19 {background:#fff;height:100%;}
    #tempPopupArea #popup_covid19 img {width:100%;max-width:640px;}

    #tempPopupArea01 {position:absolute;top:20px;left:15px;width:calc(100% - 30px);background:#fff;height:auto;z-index:899;}
	#tempPopupArea01 .cvd-close {cursor:pointer;position:absolute;top:16px;right:20px;}
	#tempPopupArea01 #popup_20200420 {background:none;height:auto;}
    #tempPopupArea01 #popup_20200420 img {width:100%;max-width:640px;}
	
	#tempPopupArea02 {position:absolute;top:90px;left:45px;width:calc(100% - 80px);height:auto;z-index:899;}
	#tempPopupArea02 .cvd-close {cursor:pointer;position:absolute;top:16px;right:20px;}
	#tempPopupArea02 #popup_20200427 {background:none;height:auto;}
    #tempPopupArea02 #popup_20200427 img {width:100%;max-width:640px;}
	
	#tempPopupArea03 {position:absolute;top:160px;left:75px;width:calc(100% - 80px);height:auto;z-index:899;}
	#tempPopupArea03 .cvd-close {cursor:pointer;position:absolute;top:16px;right:20px;}
	#tempPopupArea03 #popup_20200501 {background:none;height:auto;}
    #tempPopupArea03 #popup_20200501 img {width:100%;max-width:640px;}
	
	#tempPopupArea06 {position:absolute;top:20px;left:15px;width:calc(100% - 30px);height:auto;background:#fff;z-index:899;}
	#tempPopupArea06 .cvd-close {cursor:pointer;position:absolute;top:16px;right:20px;}
	#tempPopupArea06 #popup_20200512 {background:none;height:auto;box-shadow:2px 6px 12px #606060;}
    #tempPopupArea06 #popup_20200512 img {width:100%;max-width:580px;}
	#tempPopupArea01 #tempPopup4 {background:none;height:auto;text-align:center;}
	#tempPopupArea01 #tempPopup4 img {width:100%;max-width:505px;}
	
	#tempPopupArea07 {position:absolute;top:20px;left:15px;width:calc(100% - 30px);height:auto;background:#fff;z-index:899;}
	#tempPopupArea07 .cvd-close {cursor:pointer;position:absolute;top:20px;right:20px;}
	#tempPopupArea07 #popup07 {background:none;height:auto;box-shadow:2px 6px 12px #606060;}
    #tempPopupArea07 #popup07 img {width:100%;max-width:600px;}

	#tempPopupArea08 {position:absolute;top:20px;left:15px;width:calc(100% - 30px)background:none;z-index:99999;}
	#tempPopupArea08 .cvd-close {cursor:pointer;position:absolute;top:20px;right:20px;}
	#tempPopupArea08 #popup_08 {background:#fff;height:auto;text-align:center;box-shadow:2px 6px 12px #606060;}
	#tempPopupArea08 #popup_08 img {width:100%;max-width:593px;}

}