@charset "utf-8";

/*메인*/
/*네비게이션*/
html, body {width: 100%;}
.mobile_side, #mobile_nav, #mask_mNav {display: none;}
#header {width: 100%; height: 130px; position: absolute; overflow: hidden; background-color: #eee;} /*overflow: hidden;*/
#header .logo {width: 1200px; margin: 0 auto; position: relative;}
#header .logo h1 {position: absolute; top:57px; left:0px; z-index: 100; background:url('/S1001/ko/img/main/logo.png') no-repeat left center; background-size:60px auto;}
#header .logo h1 a {display:block; font-size:24px; font-family:sans-serif; padding:0 0 0 70px; color:#444;}
#header .logo h1 span { display:block; font-size:16px; }
#header .top_menuwrap {width: 100%; overflow: hidden; background-color: #d4d4d4;}
#header .top_menu {width: 1200px; height: 35px; margin: 0 auto; position: relative; z-index: 50;}
.top_menu .sort li {float: left; width: 113px; height: 35px; margin-right: 2px;}
.top_menu .sort li a {display: block; color:#fff; width: 100%; height: 100%; text-align: center; line-height: 35px; font-size: 15px; }
.sort .sort1 a {background: #0f479e;}
.sort .sort2 a {background: #008639;}
.sort .sort3 a {background: #197bbd;}
.gnb {float: right; margin-top: 5px;}
.gnb > li {float: left;}
.gnb > li a {padding: 12px 25px; font-weight: 600;}
.gnb .go_home,.gnb .notice {margin-top: 5px;}
.gnb .go_home a {border-right: 1px solid #fff; border-left: 1px solid #fff;}
.gnb .notice a {border-right: 1px solid #fff;}
.lnb {width: 100%; height: 100px; position: relative;}
.lnbInner {width: 100%; height: 0px; background: #fff; position: absolute; top:70px; border-top:1px solid #c7c7c7; z-index: 30;}
.lnbWrap {width: 1200px; height: 50px; padding-left: 300px; margin: 25px auto 0; position: relative; top:4px; z-index: 30;}
.navwrap {width: 900px; height: 100%; background-color: #fff; line-height: 50px;}
.m_nav > li {float: left; height:70px !important; height: 100%; margin-left:38px }
.m_nav > li > a {display: block; font-size: 18px; font-weight: 600;}
.m_nav > li > a::after {content: ""; border-right: 2px solid #ddd; height: 20px; margin-left: 38px;}
.m_nav > li:last-child > a::after {content: ""; border-right: 2px solid #bbb; height: 20px; margin-left: 31px;}
.m_nav .lnb_box {position: absolute; top:66px; left:0;width: 100%; height: 230px;}
.lnb_box .box_tit {font-size: 25px; font-weight: 600; width: 249px; height: 100%; text-align: center; float: left; line-height:100px;}
.lnb_box p.titl01, .lnb_box p.titl02, .lnb_box p.titl03, .lnb_box p.titl04, .lnb_box p.titl05, .lnb_box p.titl06 {background: url('/S2001/images/main/nav_img01.jpg') no-repeat center 1px;}

/*읍면 네비비쥬얼*/
.nav_imgS2001 {background: url('/S2001/images/main/nav_img01.jpg') no-repeat center 1px !important;}
.nav_imgS2002 {background: url('/S2001/images/main/nav_img02.jpg') no-repeat center 1px !important;}
.nav_imgS2003 {background: url('/S2001/images/main/nav_img03.jpg') no-repeat center 1px !important;}
.nav_imgS2004 {background: url('/S2001/images/main/nav_img04.jpg') no-repeat center 1px !important;}
.nav_imgS2005 {background: url('/S2001/images/main/nav_img05.jpg') no-repeat center 1px !important;}
.nav_imgS2006 {background: url('/S2001/images/main/nav_img06.jpg') no-repeat center 1px !important;}
.nav_imgS2007 {background: url('/S2001/images/main/nav_img07.jpg') no-repeat center 1px !important;}
.nav_imgS2008 {background: url('/S2001/images/main/nav_img08.jpg') no-repeat center 1px !important;}
.nav_imgS2009 {background: url('/S2001/images/main/nav_img09.jpg') no-repeat center 1px !important;}
.nav_imgS2010 {background: url('/S2001/images/main/nav_img10.jpg') no-repeat center 1px !important;}

.lnb_box ul li {float: left;}
.lnb_box a.close {display: block; position: absolute; top: 120px; right: 0;}
.box_nav {width: 920px; height: 150px; margin-left: 30px; margin-top: 15px; float: left;}
.box_nav li {width: 22%; height: 50px; margin: 25px 4% 0 0; border: 1px solid #ddd;}
.box_nav li:nth-of-type(4) {margin-right: 0;}
.box_nav li.long {width:35%;}
.box_nav li a {font-size:14px; line-height: 50px; display: block; width: 100%; background: url('/S2001/images/main/li_icon.png') no-repeat 90% center; padding-left:18px;}
.box_nav li.on a,.box_nav li a:hover {color:#fff; background: #0066b3 url('/S2001/images/main/li_icon.png') no-repeat 90% center;}
.box_nav li a[target="_blank"] { background: url('/ko/img/sub/ico_blank.png') no-repeat 175px center !important; }
.box_nav li a[target="_blank"]:hover { background: #0066b3 url('/S2001/images/common/button/i_blank_w.png') no-repeat 175px center !important; }
.side_lnb {height: 21px; float: right; margin-top:8px;}
.side_lnb ul li {float: left;}
.side_lnb > ul > li > a {display: block; font-size: 0}
.side_lnb .search {margin-right:15px; border:1px solid #b1cfe6; padding:5px;}
.side_lnb .search > a {width: 23px; height: 24px; background: url('/S2001/images/main/find.png') no-repeat center center; }
.side_lnb .sitemap > a {width: 25px; height: 19px; background: url('/S2001/images/main/sitemap.png') no-repeat center center; }
.side_lnb .side_lnb_box {position: absolute; top:70px; left:0; width: 1200px;}
.sideLnbInner {width: 100%; height: 150px; background: #fff; position: absolute; top:70px; border-top: 1px solid #c7c7c7; z-index: 30;}
.side_lnb_box .searchFrm {width: 522px; margin: 30px auto 0;}
.side_lnb_box .searchFrm input {width: 450px; height: 54px; border: 2px solid #0066b3; font-size: 16px; padding: 0 20px;}
.side_lnb_box .searchFrm .search_btn {width: 56px; height: 54px; background: #0066b3 url('/S2001/images/main/find_01.png') no-repeat center center; border: 0; vertical-align: middle; margin-left: -4px; text-indent: -99999%;}
.side_lnb_box .words {width: 482px; margin: 20px auto 0;}
.side_lnb_box .words p {float: left; font-weight: 600; font-size: 15px; line-height: 10px; }
.side_lnb_box .words ul li {float: left; margin-left: 15px;}
.side_lnb_box .words ul li a {display: block; height: 13px; line-height: 11px; padding-right: 10px; border-right: 1px solid #c7c7c7;}
.side_lnb_box .words ul li:last-child a {border: 0;}
.side_lnb_box a.close {display: block; width: 50px; height: 50px; background: #9f9f9f url('/S2001/images/main/close.png') no-repeat center center;font-size: 0; position: absolute; top:50px; right:0;}

/*1024px*/
@media all and (min-width:1024px) {
  body,html, #header {min-width:1210px;}
}

/*테블릿_모바일_네비게이션*/
@media all and (max-width:1023px) {
  #header {height: 80px; z-index: 100; border-bottom: 0;}
  #header .top_menu, #header .lnb {display: none;}
  #header .logo h1 {top:13px; left:20px;}
  #header .mobile_side {display: block; float: right; margin: 30px 30px 0 0;}
  #mask_mNav {width: 100%;height: 100%;position: absolute; top:0; left:0; background: rgba(0, 0, 0, 0.6); z-index: 110; position: fixed;}
  .stop_scrolling {height: 100%; overflow: hidden !important; position: fixed;}
  .mobile_side ul li {float: left;}
  /*.mobile_side .side_lnb_box {display: none;}*/
  .mobile_side .side_lnb_box {width: 100%; background: #fff; position: absolute; top:80px; left:0; z-index: 50; padding: 0 0 30px; border-top: 1px solid #c7c7c7;}
  .mobile_side .sideLnbInner {width: 100%; height: 150px; background: #fff; position: absolute; top:33px; border-top: 1px solid #c7c7c7; z-index: 30;}
  .mobile_side .side_lnb_box .searchFrm {width: 70%; max-width: 559px; margin: 30px auto 0; padding-left: 30px;}
  .mobile_side .side_lnb_box .searchFrm input {width: 74%; max-width: 415px; height: 54px; border: 2px solid #0066b3; font-size: 16px; padding: 0 20px;}
  .mobile_side .side_lnb_box .searchFrm .search_btn {width: 11%; max-width: 56px; height: 54px; background: #0066b3 url(/S2001/images/main/find_01.png) no-repeat center center; border: 0; vertical-align: middle; margin-left: -4px; text-indent: -99999%;}
  .mobile_side .side_lnb_box .words {width: 482px; margin: 20px auto 0;}
  .mobile_side .side_lnb_box .words p {float: left; font-weight: 600; font-size: 15px; line-height: 10px; }
  .mobile_side .side_lnb_box .words ul li {float: left; margin-left: 15px;}
  .mobile_side .side_lnb_box .words ul li a {display: block; height: 13px; line-height: 11px; padding-right: 10px; border-right: 1px solid #c7c7c7;}
  .mobile_side .side_lnb_box .words ul li:last-child a {border: 0;}
  .mobile_side .side_lnb_box .close {display: block; width: 50px; height: 50px; background: #9f9f9f url(/S2001/images/main/close.png) no-repeat center center; position: absolute; top:0px; right:0; cursor: pointer; white-space: nowrap; overflow: hidden; text-indent: -999999%;}
  .mobile_side .search > a {display: block; width: 23px; height: 25px; background: url(/S2001/images/main/find02.png) no-repeat center center; font-size: 0; margin-right: 25px;}
  .mobile_side .open {width: 25px; height: 19px; background: url(/S2001/images/main/sitemap02.png) no-repeat center center; font-size:0 ;cursor: pointer; margin-top:2px}
  #mobile_nav, #mask_mNav {display: block;}
  #mobile_nav {position: fixed; top:0; right:-300px; z-index: 5000; width: 300px; height: 200%; background: #fff; overflow-y: auto; box-sizing:border-box;background: #2e92dd;}
  #mobile_nav > div {min-height: 200%}
  #mobile_nav .top_wrap {padding: 10px; height: 60px; background: #fff; border-bottom: 1px solid #ddd;}
  #mobile_nav .top_wrap ul {overflow: hidden;}
  #mobile_nav .top_wrap ul li {float: left;}
  #mobile_nav .top_wrap ul li a {display: block; border: 1px solid #cbcbcb; margin-right: 10px; height: 38px; line-height: 38px;}
  #mobile_nav .top_wrap ul li.last a {margin-right: 0;}
  #mobile_nav .top_wrap .top01 {margin-bottom: 10px;}
  #mobile_nav .top_wrap .top01 ul li a { width: 101px;}
  #mobile_nav .top_wrap .top01 .face a {background: url(/S2001/images/main/ico_face.png) no-repeat 10px center; padding-left: 40px;}
  #mobile_nav .top_wrap .top01 .twt a {background: url(/S2001/images/main/ico_tweet.png) no-repeat 10px center; padding-left: 40px;}
  #mobile_nav .top_wrap .top01 ul li img {margin: 6px 0 0 11px; cursor: pointer;}
  #mobile_nav .top_wrap .top02 a {width: 125px; text-align: center;}
  #mobile_nav .top_wrap .top02 .go_sj a {background: url(/S2001/images/main/go_sj.png) no-repeat 15px center; padding-left: 35px;}
  #mobile_nav .top_wrap .top02 .go_cur a {background: url(/S2001/images/main/go_cur.png) no-repeat 15px center; padding-left: 35px; margin-right: 0;}
  #mobile_nav .top_wrap .top01 .sj a {background: url(/sjstar/images/main/top_ico02.png) no-repeat 11px center; padding-left: 37px;}
  #mobile_nav .top_wrap .top01 .tour a {background: url(/sjstar/images/main/top_ico03.png) no-repeat 11px center; padding-left: 37px;}
  #mobile_nav .mnav_wrap {background: #2e92dd; height: 100%;}
  #mobile_nav .mnav_wrap nav > ul > li > a {display: block; height: 50px; width: 120px; text-align: center; line-height: 50px; color:#fff; font-size: 16px; border-bottom: 1px solid #4da7ea;}
  #mobile_nav .mnav_wrap nav > ul > li.on > a, #mobile_nav .mnav_wrap nav > ul > li > a:hover {background: #005ba0;}
  #mobile_nav .mnav_wrap .m_depth02 {width: 180px; height: 200%; background: #fff; position: absolute; top:60px; right:0;}
  #mobile_nav .mnav_wrap .m_depth02 > li {overflow: hidden;}
  #mobile_nav .mnav_wrap .m_depth02 > li > a {display: block; height: 50px; line-height: 50px; padding-left: 20px; font-size: 16px; border-bottom: 1px solid #e1e1e1;}
  #mobile_nav .mnav_wrap .m_depth02 > li > a.on, #mobile_nav .mnav_wrap .m_depth02 > li > a:hover {background: #333333; color: #fff;}



}
/*모바일*/
@media all and (max-width:490px) {
  .mobile_side .side_lnb_box .searchFrm {width: 70%;}
  .mobile_side .side_lnb_box .searchFrm input {width: 63%;}
  .mobile_side .side_lnb_box .searchFrm .search_btn {width: 19%;}
  .mobile_side .side_lnb_box .words {width: 344px;}
  .mobile_side .side_lnb_box .words p {font-size: 14px;}
  .mobile_side .side_lnb_box .words ul li {margin-left: 3px;}
  .mobile_side .side_lnb_box .words ul li a {font-size: 12px; padding-right: 5px;}
  #header .mobile_side {margin: 30px 15px 0 0}
  .mobile_side .search > a {margin-right: 10px;}
  #header .logo h1 { left:15px;}
  #header .logo h1 img {display: block; width:80%; }
}
@media all and (max-width:320px) {
  .mobile_side .side_lnb_box .searchFrm input {width: 78%; padding: 0 10px;}
  .mobile_side .side_lnb_box .words {width: 283px;}
  .mobile_side .side_lnb_box .words p {display: none;}

}


/*메인컨텐츠*/
/*메인상단*/
.contentwrap {width: 100%; overflow: hidden; background-color: #fff; padding-top: 130px;}
#main_visualwrap {width: 100%; overflow: hidden; background-color: #fcf8e1; padding: 30px 0 20px; position: relative;}
.main_visual {width: 1200px; overflow: hidden; margin: auto; position:relative; padding-top: 52px; background: url(/S2001/images/main/bg_img01.png) no-repeat right 0;}
.main_visual .img_title {display: none;}
.main_visual .title {display: block; position: absolute; top:0px; left:130px;}
.main_visual p.title {font-size:23px; font-weight:bold; text-align:center;}
.main_visual p.title span {color:#27690d;}
/*비주얼*/
#visualWrap {width: 880px; height:299px; position:relative;}
#visualWrap .visualBox {width:100%; height:100%; position:absolute; left:0; top:0; background-repeat:no-repeat; background-position:center top; background-size: cover;}
#visualWrap .visualBox > span {width: 140px; height: 25px; background: #000; text-align: center; position: absolute; bottom:20px; left:25px; border-radius: 20px; line-height: 25px; color: #fff;}
#visualWrap .visualBox img {left:0;}
#visualWrap .active {z-index:1;}
/*
#visualWrap .visualImg1 {background-image:url(/S2001/images/main/main_slider01.png);}
#visualWrap .visualImg2 {background-image:url(/S2001/images/main/main_slider02.png);}
#visualWrap .visualImg3 {background-image:url(/S2001/images/main/main_slider03.png);}
*/
#visualWrap .visualCont {width:365px; height:100%; padding:30px; background: url(/S2001/images/main/visual_bg.png) repeat-x 0 0; color:#fff; position: absolute; top:0; right:0; z-index:9;}
#visualWrap .visualCont dt {font-size:25px; margin-bottom: 22px; font-weight: 600;}
#visualWrap .visualCont .visualtext {width: 280px; height: 130px; padding:17px 12px; border: 1px solid #777;}
#visualWrap .visualCont dd {width: 100%; height: 100%; text-align:left; /*display:block;*/ color:#fff; font-size: 14px; line-height: 22px; overflow: hidden; letter-spacing: 0.35px;}
#visualWrap .visualCont dd a {display: inline-block; width: 40px; height: 17px; color:#fff; border: 1px solid #fff; font-size: 10px; line-height: 15px; border-radius: 2px; padding-left: 4px;}
#visualWrap .visualBtn {width:130px; position:absolute; right:55px; bottom:20px; z-index:10;}
#visualWrap .visualBtn li {position: absolute; overflow: hidden; }
#visualWrap .visualBtn #s_prev {bottom:0px; left:4px}
#visualWrap .visualBtn #s_stop {bottom:0px; left:47px}
#visualWrap .visualBtn #s_play {bottom:0px; left:47px}
#visualWrap .visualBtn #s_next {bottom:0px; right:1px}
#visualWrap .visualBtn li a {display: block; width:39px; height:39px; background-image: url(/S2001/images/main/btn_control.png); background-repeat: no-repeat; font-size: 0; }
#visualWrap .visualBtn #s_prev a {background-position: 0 0;}
#visualWrap .visualBtn #s_stop a {background-position: -42px 0;}
#visualWrap .visualBtn #s_play a {background-position:  right 0;}
#visualWrap .visualBtn #s_next a {background-position: -84px 0; }
#quick {width: 347px; height: 299px; position: absolute; bottom:0; right:0; background: url(/S2001/images/main/bg_img02.png) no-repeat 0 0; z-index: 10; padding: 19px 20px 20px 47px;}
#quick a {display: block; width: 135px; height: 126px; font-size: 16px; background-color: #fff; float: left; background-repeat: no-repeat; text-align: center; background-position: center 21px; padding-top: 90px;}
#quick a.q_sec01, #quick a.q_sec03 {margin-right:10px; }
#quick a.q_sec01, #quick a.q_sec02 {margin-bottom:10px; }
#quick a.q_sec01 {background-image: url(/S2001/images/main/quick01.png)}
#quick a.q_sec02 {background-image: url(/S2001/images/main/quick02.png)}
#quick a.q_sec03 {background-image: url(/S2001/images/main/quick03.png)}
#quick a.q_sec04 {background-image: url(/S2001/images/main/quick04.png)}
/*콘텐츠*/
#content {width: 1200px; overflow: hidden; margin: 0 auto; padding: 20px 0;}
#content section {border: 1px solid #ccc; overflow: hidden;}
.c_info {float: right; width: 355px; height: 155px;  background: #eee;}
.c_notice {float: left; width: 825px; overflow: hidden; background: #fff;}
.c_notice div {width: 50%; height: 155px; float: left; padding: 20px 26px; position: relative;}
.c_notice div.c_sec02 {background: url(/S2001/images/main/border-left.png) no-repeat 0 0;}
.c_notice div b {display: block; font-size: 20px; font-weight: 600; color:#333333; background-repeat: no-repeat; background-position: 5px 0; margin-bottom:15px;}
.c_sec01 b {background-image: url(/S2001/images/main/icon_01.png); padding:2px 0 5px 50px; }
.c_sec02 b {background-image: url(/S2001/images/main/icon_02.png); padding:1px 0 5px 40px; }
.c_notice div > a {position: absolute; top:20px; right: 26px; width: 28px; height: 28px; background: url(/S2001/images/main/icon_plus.png) no-repeat center center; text-indent: -999999px;}
.c_notice div ul {width: 100%; overflow: hidden;}
.c_notice div ul li {overflow:hidden; padding:1px 0;}
.c_notice div ul li a {display: block; color: #272727; overflow: hidden; float:left; width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.c_notice div ul li p{width: 70%; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; line-height: 25px; font-size: 14px; width:20%;}
.c_notice div ul li span {float: right; font-size: 13px; color:#666; padding-right: 1px; line-height: 20px; padding-top: 2px;}
.c_sec03 {width: 100%; overflow: hidden; background: url(/S2001/images/main/icon_03.png) no-repeat 25px 45px;}
.c_sec03 > p {text-align: center; font-weight: 600; color: #333; padding: 14px 0; font-size: 12px; line-height: 20px;}
.c_sec03 > p span.text_red {font-size: 14px;}
.c_sec03 div.tel_fax {width: 215px; height: 50px; border-radius: 2px; background-color: #fff; margin: 0 0 14px 121px;text-align: center; font-weight: 600;}
.c_sec03 div.tel_fax p {font-size: 15px; line-height: 25px;}
.c_sec03 div.tel_fax p span.boldnone {font-weight: normal;}
.c_sec03 div.worktime {width: 100%; overflow: hidden; padding-top: 10px; background: url(/S2001/images/main/border-top.jpg) no-repeat 0 0;}
.c_sec03 div.worktime p {width: 50%; text-align: center; float: left; font-size: 13px; line-height: 20px;}

/* 성주읍만 CSS 변경 */
.c_info.S2001 {height:auto  !important;}
.c_info.S2001 .c_sec03 div.tel_fax {height:auto !important;}
.c_info.S2001 .c_sec03 div.worktime {padding-bottom:10px;}
.c_notice.S2001 div.c_sec02 {background-repeat:repeat-y}
.c_notice.S2001 div {height:178px;}


@media all and (max-width:1023px) {
.contentwrap {padding-top: 80px;}
#main_visualwrap {padding: 30px 0 0;}
.main_visual {width: 100%; padding-top: 0; background: url(/S2001/images/main/bg_img01.png) no-repeat center 40px;}
.main_visual .title {display: block; position:static; margin: 0 auto 70px;}
#visualWrap {width: 100%;}
#visualWrap .visualBox img {width:100%; height:299px;}
#visualWrap .visualCont {width:340px; }
#visualWrap .visualBtn {right:26px; bottom:20px; z-index:10;}
#quick {width: 100%; height: 185px; position:static; background: #0066b3; padding: 20px;}
#quick a {display: block; width: 22%; margin-right: 4%; height: 144px; padding-top: 100px;}
#quick a.q_sec01, #quick a.q_sec03 {margin-right:4%; }
#quick a.q_sec01, #quick a.q_sec02 {margin-bottom:0; }
#quick a.q_sec04 {margin-right: 0}
#content {width: 100%; padding: 20px;}
#content section {border: 0}
#content section.c_info {float: none; width: 100%; height: 115px; border: 1px solid #ccc;}
.c_notice {float: none; width: 100%;}
.c_notice div {width: 100%; height: auto; float: none; border: 1px solid #ccc; }
.c_notice div.c_sec01 {margin: 10px 0; }
.c_notice div.c_sec02 {background: none;}
.c_sec03 > p {padding: 12px 0;}
.c_sec03 > div {width: 80%; height:50px;margin-left: 17%;background: #fff;}
.c_sec03 div.tel_fax {width: 50%; float: left; margin-left: 0;}
.c_sec03 div.tel_fax p {font-size: 15px; line-height: 25px;}
.c_sec03 div.tel_fax p span.boldnone {font-weight: normal;}
.c_sec03 div.worktime {width: 50%; padding-top: 0; background: url(/S2001/images/main/border-left.png) no-repeat 0 0px; float: right;}
.c_sec03 div.worktime p {width: 100%; float: none;  line-height: 25px;}
}

@media all and (max-width:890px) {
#visualWrap .visualBox img {width:880px; height:299px;}
}

@media all and (max-width:480px) {
#visualWrap .visualBox img {transform:translateX(-40%);}
#visualWrap .visualCont {width:100%; height:150px; position: absolute; top:149px; left:0; padding:15px; overflow: hidden;}
#visualWrap .visualBox.active > span {top:10px; left:10px; z-index:999;}
#visualWrap .visualCont .visualtext {width: 100%; height: 100%; padding: 0; border: 0}
#visualWrap .visualBtn {width:124px; position:absolute; right:10px; bottom:100px; z-index:10;}
#visualWrap .visualBtn #s_prev {bottom:0px; left:0px}
#visualWrap .visualBtn #s_stop {bottom:0px; left:42px}
#visualWrap .visualBtn #s_play {bottom:0px; left:42px}
#visualWrap .visualBtn #s_next {bottom:0px; right:1px}
.main_visual .img_title {width: 90%; margin: 0 auto 69px;}
.main_visual p.title {font-size:18px;}
#quick {height: 310px; padding: 20px;}
#quick a {width: 48%; margin-right: 0; height: 125px; padding-top: 85px;}
#quick a.q_sec01, #quick a.q_sec03 {margin-right:4%; }
#quick a.q_sec01, #quick a.q_sec02 {margin-bottom:4%; }
#content section.c_info {height: 145px;}
.c_sec03 > div {width: 100%; height:auto; margin-left: 0;background: none;}
.c_sec03 div.tel_fax {width: 65%; float: none; margin-left: 29%;}
.c_sec03 div.tel_fax p {font-size: 15px; line-height: 25px; text-align: left; text-indent: 20px;}
.c_sec03 div.tel_fax p span.boldnone {font-weight: normal;}
.c_sec03 div.worktime {width: 100%; padding-top: 10px; background: url(/S2001/images/main/border-top.jpg) repeat-x 0 0;; float: none; }
.c_sec03 div.worktime p {width: 50%; float: left;  line-height: 20px;}
}

@media all and (max-width:360px) {
#visualWrap .visualCont {height:200px;top:99px; left:0; padding:10px 10px 10px; }
#visualWrap .visualBtn {right:10px; bottom:10px; z-index:10;}
.c_sec03 {background: url(/S2001/images/main/icon_03.png) no-repeat 15px 40px;}
}


/*메인 배너모음*/
#main_banner {clear: both; width: 100%; overflow: hidden; background: #fff; }
#main_banner .ad_warp {width: 1200px;height: 66px; margin: 0 auto 20px; overflow: hidden; border: 1px solid #ccc}
#main_banner h3 {font-size: 17px; font-weight: 600; float: left; line-height: 66px; margin: 0 20px;}
#main_banner .play_btn {float: left; margin-top: 22px; width: 73px; height: 23px; position: relative;}
#main_banner .slider {height:56px; width: 980px; overflow: hidden; position: relative; float: left; margin-left:20px; margin-top:8px;}
#main_banner .slider img {width:160px; height:50px;}
#main_banner .slider ul {width: 3000px; position: relative;}
#main_banner .slider ul li {float: left; padding: 0 2px;}
#main_banner .slider ul li a {display: block;}

.play_btn ul {width: 76px; height: 23px; overflow: hidden;}
.play_btn ul li {float: left; margin-right:2px; cursor: pointer;}
.play_btn ul li a {font-size: 0; display: block; width: 23px; height: 23px; background-repeat: no-repeat; background-position: center center}
.play_btn .btnPrev a {background-image: url(/S2001/images/main/btn_prev.jpg);}
.play_btn .btnNext a {background-image: url(/S2001/images/main/btn_next.jpg);}
.play_btn .btnAutoStop a {background-image: url(/S2001/images/main/btn_play.jpg);}
.play_btn .btnAuto a {background-image: url(/S2001/images/main/btn_stop.jpg);}


@media all and (max-width:1023px) {
  #main_banner {padding:0 20px;}
  #main_banner .ad_warp {width:100%;}
  #main_banner .slider_banner {width:75%; height:61px; float:left;}
  #main_banner .slider {width:100%; top:8px; margin:0;}

/*#main_banner {padding: 0 20px;}
#main_banner .ad_warp {width: 100%;}
#main_banner .slider {width: 73%;}
#main_banner .slider ul li {padding: 0 10px;}*/
}

@media all and (max-width:770px) {
	#main_banner .slider_banner {width:65%;}
}
@media all and (max-width:560px) {
	#main_banner .slider_banner {width:50%;}
}


/*모바일*/
/*@media all and (max-width:768px) {
#main_banner h3 {margin: 0 15px;}
#main_banner .slider {width: 70%;margin-right:10px;}
}*/
@media all and (max-width:480px) {

  /*#main_banner {height: 120px;}*/
  #main_banner .ad_warp {height: 120px;}
  #main_banner .slider_banner {width:100%; padding:0 5%;}
  #main_banner .slider {top:-5px;}
/*#main_banner .slider {width: 50%;}*/
}
/*@media all and (max-width:400px) {
#main_banner .ad_warp {height: 120px; }
#main_banner h3 {line-height: 40px; margin: 14px 20px 0;}
#main_banner .slider {float: none ; width: 95%; margin: 0 auto;}
}*/


/*푸터*/
.footerWrap {background: #eee; clear: both; padding-bottom: 15px;}
#footer {width: 1200px; margin: 0 auto; position: relative; z-index: 50; background: url(/S2001/images/main/footer_logo.png) no-repeat 0 25px;}
#footer > img {display: inline-block; margin-top: 20px;}
.listItem {width: 190px; height: 35px; background: #eee; position: relative; cursor: pointer;
          border: 2px solid #ccc; float: right; margin-top: 15px; margin-bottom: 0px;}
.listItem a.banner_title {display: block; color:#333; font-size: 13px; font-weight: normal; width: 190px; height: 100%; line-height: 31px; background: url(/S2001/images/main/btn_dnd.png) no-repeat 150px center; padding-left: 20px;}
.listItem .box {position: absolute; bottom: 0;background: #fff; width: 100%; height: 244px; border: 1px solid #c7c7c7; display: none;}
.listItem .box h4 {height: 40px; color:#fff; background:#0066b3; line-height: 40px; font-weight: 600; padding-left:15px;}
.listItem .box a.listclose {display: block; position: absolute; top:12px; right:15px; cursor: pointer; color: #fff;}
.listItem .box ul {height: 202px; overflow-y: scroll; padding: 10px 15px;}
.listItem .box ul li a {line-height: 27px; font-size: 13px;}
.listItem .box ul li > span.blue {color:#007cc0 !important}
.listItem .box ul > li > ul {height:auto; overflow:hidden;}
#footer .footMenu {margin-top: 22px; overflow: hidden; float: left; margin-left: 150px;}
.footMenu ul li {float: left; margin-left: 10px;}
.footMenu ul li::after {content: ""; border-left: 1px solid #c8c8c8; font-size: 10px; margin-left: 10px;}
.footMenu ul li:last-child::after {display: none}
#footer .footInfo {clear: both; overflow: hidden; margin-bottom: 5px; margin-left: 160px; line-height: 20px;}
.footInfo ul li {float: left; color:#545454; font-size: 13px; margin-right: 20px;}
.footInfo ul li span {color:#303030; margin-right: 7px;}
#footer .footCopy {line-height: 15px; color:#666; margin-left: 160px;}

@media all and (max-width:1023px) {
#footer {width: 100%; padding: 0; background: #eee;}
.listItem {margin-right: 20px; margin-bottom: 15px;}
#footer .footMenu {margin-top: 25px; margin-left: 10px;}
#footer .footInfo { width: 100%; border-top: 1px solid #ccc; margin-left: 0; padding: 0 10%; padding-top: 15px}
.footInfo ul li {margin-right: 0; text-align: center;}
.footInfo ul li:nth-of-type(1){width: 42%}
.footInfo ul li:nth-of-type(2){padding-left: 20px; width: 29%}
.footInfo ul li:nth-of-type(3){width: 29%}
#footer .footCopy {width: 100%; text-align: center; margin-left: 0}
}

@media all and (max-width:630px) {
#footer .footMenu {margin-top:0px; margin:0 0 15px 10px;}
}

@media all and (max-width:480px) {
.footerWrap {padding-top: 15px;}
.listItem {width: 90%; float: none; margin-top: 0; margin-bottom: 15px; margin: 0 auto 15px;}
.listItem a.banner_title {width: 100%; background: url(/S2001/images/main/btn_dnd.png) no-repeat 99% center;}
#footer .footMenu {float: none; width: 100%; margin: 0 auto 0; border-top: 1px solid #ccc; padding: 10px 0;}
#footer .footMenu ul {width: 95%; overflow: hidden; margin: 0 auto;}
.footInfo ul li:nth-of-type(1){float: none; width: 100%; text-align: center;}
.footInfo ul li:nth-of-type(2){float: none; width: 100%; text-align: center; margin: 3px 0}
.footInfo ul li:nth-of-type(3){float: none; width: 100%; text-align: center;}
}
@media all and (max-width:440px) {
.footMenu ul li:last-child {margin-top: 5px}
}

@media all and (max-width:335px) {
.footMenu ul li:nth-child(4) {margin-top: 5px}
}