@media (max-width:1340px){
#mcon2_innner .slick-next {right: 0; }
#mcon2_innner .slick-prev {left: 0; }
#main_contents_01 button.slick-arrow {display: none !important; }
}

@media (max-width:1200px){
.wrap {width: 96%; }
#sub_con_inner.wrap {width: 100%; }
#gnb-inner.wrap {width: 100%; }
.lnb-m.wrap {width: 100%; }
.page {width: 96%; }

#main_visual .bx-wrapper .bx-next {right: 10px; background-size: 40px;}
#main_visual .bx-wrapper .bx-prev {left: 10px; background-size: 40px;}

.location_buttons_box {right: 3%; }

/* SIDEBAR */
#sub_con_inner:after{display:block; content:""; clear:both}
#sidebar {display: none; }
#sidebar.mobile{background:#fff; display:block; width:100%; overflow: hidden; margin: 0;height: 45px; border-bottom:1px solid #ddd;}
#sidebar.mobile .submenu_title{display: none; }
#sidebar.mobile .submenu_title h2{line-height:36px; font-size:24px; padding:10px 0}

#sidebar.mobile .submenu{border-bottom:1px solid #ddd; width:100%; }
#sidebar.mobile .submenu li {display:inline-block; float:left; margin-top:0; clear: inherit; width: auto; border: 0; margin: 0; }
#sidebar.mobile .submenu li a{font-size:16px; line-height: 45px;}
#sidebar.mobile .submenu > ul > li > a{border-right: 1px solid #ddd; }
.submenu li.current_page_parent a,
.submenu li.current_page_item a{background: #fff;color: #555418;-webkit-box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.1);  box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.1);}


div#comment {padding: 0 20px; }

.nakdong_left img {display: block; text-align: center; margin: 0 auto; }
.nakdong_left .nak_desc {height: 114px; text-align: center; margin-top: 30px; vertical-align: middle; width: 100%; margin-left:0; }
.nakdong_left .nak_desc p {text-align:center; }

.reats .scroll_text {display:block; }

div#res_map_intro {padding: 25px; }
.caution .caution_inner {padding: 25px;}
}


@media screen and (min-width: 900px) and (max-width: 1100px) {
#menu_touch_primary li.active ul.children {width: 100% !important; }
}


@media (min-width:1100px){
#menu_touch_primary{overflow:hidden}
}

@media (max-width:1100px){
header#header {border-bottom: 0; }
h1.gnb-logo a {padding:10px; }
h1.gnb-logo img {height:30px;}

a#btn_menu {display: block; margin: 0; padding: 0; background: #f68b1e  url(/assets/img/mobile/top_menu.png) center 17px no-repeat; width: 60px; height: 60px; float:left; }
#menu_mobile {display:block; float:right; position:absolute; right:0; top:0; z-index:100}

/* mobile_menu */
#gnb-nav {height: 60px; }
#full_dropdown {box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.4) !important; background: #f9f6e8; z-index:9999; overflow: auto; margin-top: 40px; max-width: 320px; width:90%; margin: 0;  height:100%; top: 0; left: 0; display: none; position: fixed; box-shadow: 30px 0px 20px rgba(0, 0, 0, 0.4); }
#full_dropdown #main_menu {padding-top: 60px; float: none; width: 100%; }
#full_dropdown #main_menu ul {float: left; position: inherit; display: none; visibility: visible; padding: 0; margin: 0; top: 0; left: 0; background: #f3dbb2; width: 100%; height: auto !important;}
/*#full_dropdown #main_menu ul.submenu_01,
#full_dropdown #main_menu ul.submenu_02,
#full_dropdown #main_menu ul.submenu_03,
#full_dropdown #main_menu ul.submenu_04,
#full_dropdown #main_menu ul.submenu_05,
#full_dropdown #main_menu ul.submenu_06,
#full_dropdown #main_menu ul.submenu_07 {left: 0 !important; width: 100% !important; height: auto !important; }*/

#full_dropdown #main_menu li a {padding: 0 5%;}
#full_dropdown #main_menu li:last-child {border-bottom:none; }
#full_dropdown #main_menu > li {height: auto; background: #f8ead2; clear: both; width: 100%;  border-bottom: 1px solid #e4c898;}
#full_dropdown #main_menu > li > a {; text-align: left; background: none;  line-height: 65px; font-size:17px; }
#full_dropdown #main_menu > li > a:hover {background: #f68b1e; color: #fff; border-bottom: none; }
#full_dropdown #main_menu li li {border-bottom:1px solid rgba(255,255,255,0.5);}
#full_dropdown #main_menu li li a {line-height: 45px; font-size: 15px; text-align: left; padding: 0 5%; }

li.pushalim_menu {display: block; }


/*.open_menu #btn_menu {left: 280px; position: fixed; top: 26px; margin-top: 0; z-index: 1000; }*/
/* .open_menu #btn_menu span {background: url('images/mobile/icon_menu_close.png') center top no-repeat; }
div#main_menu_container {overflow: auto; margin-top: 0; width: 320px; margin: 0; background: #1D2D52; top: 0; left: 0; display: none; position: fixed; box-shadow: 30px 0px 20px rgba(0, 0, 0, 0.4); z-index: 999; }*/
a#btn_menu_close {display: block; margin: 0; padding: 0; background: url(/assets/img/top/icon_menu_close.png) center center no-repeat; width: 60px; height: 60px; position: absolute; right: 0px; top: 0px; z-index: 999; text-indent: -100000px; border-radius: 5px; }



#main_open h2{padding-left:5px; }
#main_con_02 {display:none; }
#main_con_01 {width: 95%; margin:0 auto;    float:none; overflow: hidden; }
#photo_gallery {width: 100%; box-sizing: border-box; }
#notice {width: 48.6%; }
#broadcast {width: 48.6%; }


#topkeyword {border-top: 1px solid #ddd; margin-bottom: 0; }
#topkeyword .layout {width: 97%; padding: 10px 0; }

div#quick_menu {display: none; }

.font_size {display:none; }

#lnb-nav {height:35px; border-top:none; }
.lnb-logo, a.lnb-search  {display:none; }
.lnb-m {float:left; width:100%; text-align: center; height: 35px; }

.lnb-m a, a.lnb-login, a.lnb-join {width: 50%; height: 35px; line-height: 35px; float: left; display: block; background: none; margin: 0; border-left: #d0d0d0 1px solid; padding-left: 0; box-sizing: border-box; border-radius: 0; }
a.lnb-login {color:#515151; }
.lnb-m a:first-child {border-left:none; }
.lnb-m a:hover {background: #f68b1e;  transition: all .3s; color: #fff; }
a.lnb-search {border-left:none; }
.lnb-m a:last-child {display:none;}



a.mobile_search {display: block; margin: 0; padding: 0; background: #05559d url(/assets/img/mobile/top_search.png) center 17px no-repeat; width: 60px; height: 60px; float:left; }

.main_center {width: 50%; float: left; }
.main_culture {width: 50%; float: right; clear: none; }
.main_edu_guide_tt {width: 100%; height: auto; }
.main_edu_guide_con {margin-left: 0; clear: both; width: 100%; float: left; height:auto; }
.main_edu_guide_tt h2 {padding: 18px 30px 10px 26px; }
.main_edu_guide_tt p {padding: 0 26px 10px 26px; }
.main_edu_guide_con ul {padding:20px 0; }
#main_curriculum {display:none; }
#main_edu_guide {margin-top: 15px; }

#main_recruit {width: 100%; float: left; }
#main_company {clear: both; width: 100%; float: left; margin-top: 23px; }
#cityhall_news {margin-top: 23px; height: auto; }
.cityhall_tit {width: 100%; height: auto; }
.cityhall_tit h2 {padding: 12px 30px; font-size:23px; }
.cityhall_tit h2 br, .cityhall_tit h2 i {display:none; }
.cityhall_tit h2 span {font-size:23px; }
.cityhall_con {margin-left: 0; height: auto; clear: both; overflow: hidden; }
.cityhall_con li:first-child {border-left: #ccc 1px solid; }
.cityhall_con li {height:auto; }
.cityhall_con li a {height:auto; }
.cityhall_img img {width:90% !important; }
.cityhall_img {width: auto; height: auto; }
#bannerzone  {display:none; }

.sub_vis_inr p {display:none; }

#location {display:none; }
#sub_container {border-top: #ccc 1px solid; }

#menu_touch_primary ul.children {display: none;}
#menu_touch_primary li.active ul.children {display: block;position: absolute;left: 0;}
#menu_touch_primary li.active #menu_touch{height:37px; }
#menu_touch_primary li.active #menu_touch .children li {border:none; border-right:1px solid #ddd; height:46px; }
#menu_touch_primary li.active #menu_touch .children li:first-child{border-left:0}
#menu_touch_primary li.active #menu_touch .children a{background-image:none !important; }
#menu_touch_primary #main_menu li{clear:none;}
#menu_touch ul,#menu_touch ul li {padding: 0; margin: 0; list-style: none; }
#menu_touch ul li {border-bottom: 3px solid #fff; }
#menu_touch ul li.current_page_parent, #menu_touch ul li.current_page_item {border-bottom: 3px solid #0b93df; }
#menu_touch ul li a {font-size: 24px; color: #eee; display: inline-block; padding: 36px 30px; margin: 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
#menu_touch ul li:first-child a {border-left: none; }
#menu_touch ul li.active a {background-color: #F0F0F0; color: #333; }


.page_navi {height: 40px; line-height: 40px;border-top:0; }
.page_navi span {margin:0 10px; height: 40px; line-height: 40px; }
span.home {margin-left:0; width: auto; background: none; }
span.home a {width: 40px; height: 40px;background-position:center center; line-height: 40px;  border-right: 1px solid #ddd; }
span.middle_n {height: 40px; line-height: 40px; background: none; border-right: 1px solid #ddd; padding-right: 15px; }

.member_porcess{display:none; }

.board_right p {font-size: 16px;}

.imc04_01.imc04_thr {padding-bottom: 388px; }
.imc04_01 {height: 1200px; }


.me_left_content {max-width: none; }

.sub_page_tell {width: 100%; }

}



@media (max-width:960px){
.imc04_01 {height: 1400px; }
}


@media (max-width:959px){
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, time, figure, article, nav, header, footer, hgroup, video, audio, aside, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-size: 15px; }

.wrap {width: 95%; }
.page {width: 95%; }

.bo_logo {display:none; }
.mobile_logo {display: block; text-align: center; width: 100%; float: left; margin-bottom:20px; }
.mobile_logo img {display:inline-block; margin:0 10px; padding-top:0; float:none; }

header {transform: none; z-index: inherit; }

#footer {padding: 30px 0; }
#footer_menu .wrap  {text-align: center; }
#footer_sns {float: none; text-align: center; clear: both; }
.familysite {display:none; }

#main_visual, .main_slider li img{aspect-ratio: auto; height:300px;}
.slider_txt {top:95px; }
#main_contents_01 .wrap {width:100%; }
#main_contents_01 {padding:15px 0; margin:0; border-radius:0; height:120px;}
#main_contents_01 .slick-slide img {width:60px;}
#main_contents_01 .slick-initialized .slick-slide p {margin-top: 10px; font-size: 16px;}
#main_contents_01 .slick-initialized .slick-slide p span {font-size: 11px; padding-top: 5px; }

#mcon2_innner .slides h5 {font-size: 17px; line-height: 18px; }
#mcon2_innner .slides span.day {padding-top: 10px; font-size: 13px; line-height: 15px; }
.all_more a {width: 130px; height: 38px; line-height: 38px; }

#main_contents_02 {padding:50px 0; background-size: 80%; ; background-position:left bottom;}
.mcon2_title h1 {font-size: 23px;}
.mcon2_title span {padding-top:40px; font-size: 18px;}

#mcon2_innner .slides a div.img_box {margin:0 15px; }
#mcon2_innner .slides span.go {width:50px; height:50px; right:34px; }
#mcon2_innner .slides a div.text_box {margin-top:15px;}
#mcon2_innner .slides h5 {font-size:17px; }


.main_contents_03 {padding-top: 50px; padding-bottom: 50px;}
.main_contents_03 h1 {font-size: 22px; padding-top: 30px;}
.main_contents_03 span.s_title {font-size: 14px;margin: 25px 0;}


#main_notice, #main_data{min-height: 240px; }
.board_list li a {width: 70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
/*#last_photos {margin: 0 1%; }*/
#main_container .main_gallery h2 {margin: 10px 1%; }
/*#main_gallery02 {display:none; }*/
ul.etabs li.etl_01 {margin-right: 0; }
ul.etabs li.etl_02 {margin-right: 0; margin-top: 0; }
ul.etabs li.etl_03 {margin-right: 0; margin-top: 0; }
span.inner_wrap {width: 65px; }
ul.board_list {width: 100%; }
ul.board_list li .date {color: #d8d8d8; }
div#tabs > div h2 {width: 100%; }

.bx-pager {bottom:40px; }

#main_vis_slide {width: 100%; height: auto; }
#main_vis_right {width: 100%; float: left; height: auto; clear: both; margin-top: 10px; }

#menu_touch_primary {display:block; }
.mobile_sub {display:none; }
#main_navi {height: auto; }
#main_navi ul li {width: 33.33%; border-bottom:1px solid #00446a; }
#main_navi ul li a {height: 45px; line-height: 45px; }
#main_navi ul li a img {display: none; }
#last_photos li {width: 20%; float: left; margin-top: 16px; display: inline-block; text-align: center; }
a.photo_thumb img, #content_container a.photo_thumb img {width: 92%; height: auto; }

/* TOUCH SCROLL MENU */
.home #menu_touch_primary, .home #submenu {display:none; }
#menu_touch_primary #main_menu_container {border-bottom: none; }


#sub_menu_touch {background: #eee; -webkit-box-shadow: inset 0 -4px 4px rgba(0,0,0,0.2); box-shadow: inset 0 -4px 4px rgba(0,0,0,0.2); margin-bottom: 0px !important; }
#sub_menu_touch ul li a {font-size: 22px; display: inline-block; padding: 36px 30px; margin: 0 0; border-left: 2px solid #ddd; }
#sub_menu_touch ul li:first-child a {border-left: none; }
#sub_menu_touch ul li.active a {color: #900; font-weight: bold; background: transparent url(../images/menu_arrow.png) no-repeat center bottom; }
#movie #sub_menu_touch ul li.active a {background-image: url(../images/menu_arrow_02.png); }
#menu_touch {background: #fff; }

.touchscroll {overflow: hidden; clear: both; width: 100%; }
.touchscroll::-webkit-scrollbar {width: 0 !important; }
.touchscroll ul {/*width: 2000px;*/ }


#menu_touch ul li a {font-size: 14px; color: #888; display: inline-block; padding: 10px 20px; margin: 0 0; border-left: none; }

.touchscroll ul li a:active {background: rgba(174, 211, 250, 0.5); }

div#tabs {padding:15px 20px;  height: 297px;}
ul.etabs li a {line-height: 45px;    font-size: 18px;}
ul.board_list li a {font-size: 16px; padding: 10px 0; line-height:1.3;}
ul.board_list li a p.date_day .big_day {font-size: 25px;}
ul.board_list li a p.date_day {font-size: 14px;  line-height: 20px;}
span.s_noti_desc{font-size: 14px; }

.board_right h2 {font-size: 23px; margin: 0 0 15px;}
.board_right p { font-size: 15px;}
.board_right .call p.call_number {font-size: 23px; margin-bottom: 20px;}
.board_right .call p.bank {padding: 5px 10px;  font-size: 13px;}

div#main_banner_container img {max-width: 100%; }
#main_menu_img {text-align: center; padding-top: 10px; }
div#main_media {clear: both; }
div#main_media h2 {text-align: center; }
#main_open h2 span {width: 100%; display: block; margin-left: 0; }
#main_banner_container #notice li a {color: #F4DDC9; }

#main_notice, #main_data, #main_gallery02 {width: 48%; float: left; margin: 0 1%; }
#main_gallery02 {position: absolute; bottom: 3px; }
#last_photos {margin: 0 1%; }
#demo1 {height: 230px; background: #000; }

.webwidget_slideshow_dot img {padding: 0px; margin: 0px; border: none; width: 100% !important; }
.webwidget_slideshow_dot ul li a {display: inline-block; width: 100% !important; }

#main_calendar {float: right; width: 48% !important; height: 235px; }
#main_calendar {margin: 0 1%; }


/* section 04 */
#main_contents_04 {padding: 40px 0; }
#mcon4_innner > div {min-height: auto; }
#mcon4_innner > div h2 {font-size: 20px; line-height: 21px; padding-bottom: 15px; }
#mcon4_innner > div.call h2 {padding-bottom: 9px; }
#mcon4_innner > div.facility p {font-size: 15px; line-height: 22px; padding-bottom: 20px; }
#mcon4_innner > div.facility a {width: 100px; height: 36px; line-height: 36px; font-size: 13px; }
#mcon4_innner > div.online p {font-size: 15px; line-height: 20px; padding-bottom: 22px; }
#mcon4_innner > div.online a {width: 100px; height: 36px; line-height: 36px; font-size: 13px; }
#mcon4_innner > div.call {padding: 40px 20px 25px 20px; }
#mcon4_innner > div.call b {font-size: 24px; line-height: 1em; padding-bottom: 10px; }
#mcon4_innner > div.call p {font-size: 13px; line-height: 19px; }

span.main_money_number {font-size: 12px; padding: 5px 10px; margin-top: 6px; }

#footer_news {display:none; }
#footer_menu_mobile {display:block; }
#footer_navi_inner li a {font-size:10px; }

.jexam_btn a { font-size: 15px; }
.in_mo_content01 p {margin-left: 10px; }

.comment_btn {right: 3%; }
.comment_list ul li dl dt {left: 3%; }

div.onetxt {font-size: 15px; padding: 8px 0; margin-top: 40px; }

.confirm .hm_tab th {padding: 10px 0; }
.confirm .hm_tab td.cht_05 a {padding: 0 10px; font-size: 12px; margin-top: 10px; }
.confirm_detail .hm_tab th {padding: 10px 25px; }

#sub_container {padding-bottom: 50px;}
#sub_visual > div {height: 250px; width: 100%;}
.sub_vis_inr h1 { font-size: 25px;}
#title_container {margin:30px auto; }
#title_container h1 {font-size: 25px;padding: 0 0 20px 0;}

h3.sti {margin-bottom: 10px; font-size: 22px; padding-left: 38px; background-size: 35px; }


/* 캠핑장 소개 */
.main_txt {font-size: 21px; line-height: 36px; margin-top: 20px; margin-bottom: 20px; }
.main_txt span {font-size: 25px; }
.main_txt span.pink:before, .main_txt span.yellow:before {width:47px; height:20px; margin-top:14px; }
.present p {font-size:16px; }
.sub_txt {padding:0 10px; }
.nakdong_left {padding: 20px 15px;}
.nakdong_left .nak_desc span {font-size: 15px; }

.Announcement {padding: 15px; }
.Announcement p {font-size: 16px; }
.Announcement span {font-size: 13px; }

/* 문의/ 안내 */
.inquire {padding: 25px 0; }
.inquire > div h4 {font-size: 17px; padding: 10px 0; }
.inquire > div p {line-height: 18px; font-size: 13px; }

/* 찾아오시는 길 */
.map h4 {font-size: 17px; }
.map ul {padding: 0 0 0 100px; margin-bottom:25px; }
.map .find_inner ul, .map .map_subway ul.subway, .map .map_subway ul.bus,.map .map_subway ul.car {background-size:80px;}


/* 캠핑장 둘러보기 */
.guidance .hm_tab th {font-size: 14px; padding: 8px; }
.guidance .hm_tab td {font-size: 13px; padding: 8px; }
.guidance .accordianNav .dropArrow span {font-size: 17px; }


/* 예약/요금안내 */
.reat_inner {padding: 30px 25px; padding-left:105px; background-size:70px; font-size: 18px; }
.reat_inner a {font-size: 17px; }
.reat ul li {font-size: 14px; padding-bottom: 10px; }
.reat .hm_tab th {font-size: 14px; padding: 8px; }
.reat .hm_tab td {font-size: 13px; padding: 8px; }


div#res_map_intro {padding: 20px; }
#res_map_intro > div {width:100%;}
.right_intro {margin-top:15px;}


.left_intro ul li span {font-size: 15px;}
#res_map_intro .right_intro ul li {float:left;width: 50%;}

p.sub_reTxt {line-height:1.7; margin: 15px 0;}

.caution .caution_inner {padding: 20px; height: 300px}


/* 모든 완료페이지 */
.member_join_ok {padding: 30px 0px; }
.member_join_ok h2 {font-size: 28px; margin-bottom: 15px; }
.member_join_ok p {font-size: 18px;}
.member_join_ok .money_info {margin-top: 25px;padding-top: 25px;}

span.confirmok_day {font-size: 15px; line-height: 24px; }

/* 예약 상세페이지 */
.confirm_detail .hm_tab td.cd_detail_money span {font-size: 13px; }


#top_menu, #ment, #main_banner, #breadcrumbs{display:none; }

header{/* height: 70px; */ background: none; z-index: 9999; background:#fff; }
#header_inner {height: 70px; }
#blank_none {height: 70px; }
#logo img {width: 172px; }
#logo a{ margin-left:0; }
.wap{width:100%; }
.slideshow_container{height:auto; z-index:-1; }
#slideshow_nav{top: 50%; }
#slideshow img{max-width:100%; height:auto !important; }

.board_right> div {padding:20px 20px; }

#main_quickbanner {height:auto; }
#main_quickbanner li {width: 50%; float: left; height: 177px; }
#main_banner_container{width:100%; float:left; }

#btn_menu span{background: url('images/mobile/icon_menu.png') center top no-repeat; display: block; position: relative; height: 22px; width:27px;   }
#main_banner_container #notice,
#main_menu_img{float:none; width:100%; }
#main_banner_container #notice {height: auto; border-right: none; }
#main_banner_container #notice h2{display:none; }
#main_banner_container #notice li{display: none; border-top:0; width: 100%; padding: 15px 0; }
#main_banner_container #notice li a{line-height: 20px; display:block; }
#main_banner_container #notice li:first-child {display: block; }
#main_banner_container #notice li a b {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:auto; }
#main_banner_container #notice li a span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:auto; }
div#main_banner_container img {max-width: 95% !important; }
#main_menu_img img{width:95%}
#main_open .portfolio_thumb{background-position:center bottom !important; }
#main_open #last_photos .portfolio_title{margin-top:0; margin-bottom: 30px; }
#main_sales {clear:both; width: 100%; float: left; height: auto; background: #efefef; border-right: none; }
#main_banner_container .sales_inner {width:100%; margin:0; float: left; height: auto; }
#main_sales ul {padding:10px; }
#main_banner_container #main_sales li {float:left; width:33.3%; clear:none; }
#main_banner_container #main_sales h2 {display:none; }
#main_banner_container #main_sales li p {display:none; }
#main_banner_container #main_sales li a img {width:80%; height:auto; margin:0 auto; float:none; }
#main_banner_container #main_sales li h3 {margin:5px 0 10px 0; clear:both; text-align:center; display:block; font-family: 'NanumBarunGothic'; font-size:15px; color:#000; font-weight:400; }
#content_container {width: 94%; padding: 3%; float: none;   }
#sub_mobile_visual {display:block; clear: both; width: 100%; float: left; height: 80px; background:#8fb6df; }
#sub_mobile_visual .sub_mobile_con {width: 100%; height: 80px; background: url(images/sub/sub_mobile_img.jpg) center top no-repeat; }
.page #container h2 {color: #000; font-size: 20px; line-height: 32px; margin-bottom: 15px; border-bottom: #bababa 1px dotted; font-weight: bold; margin-top: 4%; }
#sidebar_menu li.current_page_parent {border: none; }
#sidebar_menu li {background:none; }
#agreement {width: 90%; height: 230px; overflow: hidden; overflow-y: scroll; color: #888; font-size: 11px; border: 1px solid #ddd; margin: auto; }
/* mobile_menu */
div#main_menu_container {box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.4) !important; background: #2d2d2d !important; }

ul#main_menu {padding-top: 0px; }
ul#main_menu > li{border-bottom: 1px dotted #717171; }
.home #main_menu a{border-bottom: 0; }

#main_open h2{padding-left:5px; }
#main_con_02 {display:none; }
#main_con_01 {width: 95%; margin:0 auto;    float:none; overflow: hidden; }
#photo_gallery {width: 100%; box-sizing: border-box; }
#notice {width: 48.6%; }
#broadcast {width: 48.6%; }


li.pushalim_menu {display: block; }
ul.gnb li.navi04_box {display:block; }

.hm_tab th, .hm_tab td {padding: 10px; }


.refund {font-size: 16px; margin: 20px 0 25px 0; }

.caution > p {margin-bottom: 25px; }
.caution ul li {font-size: 15px; padding-top: 0; padding-bottom:20px; padding-left: 30px; background-size: 25px; }


.left_content p, .left_content p span {font-size: 20px; }
.imc04_01 dd span {margin-top: 15px; }


.review_list ul li h6 {margin-bottom: 8px; }
.review_list ul li .ed_re_news {margin-top: 8px; }
.review_list ul li {padding: 25px 0; }

.blog_list dl dt {display: none; }
.blog_list dl dd {width: 100% !important; max-height: none !important; }
.blog_list ul li .blog_news {width: 100%; }
.blog_bt_btn {position: relative !important; top: 0 !important; }
.blog_bt_btn a {margin-top: 20px; }


span.im_mo_importnat {font-size: 12px; }



span.ed_or_recruitment, span.ed_or_deadline {font-size: 11px; }
span.ed_or_deadline {padding: 4px 7px 4px 7px; }


.event .list_view dl dd.li_en_list_place p em {padding: 3px 0px; }
.event .list_view dl dd.li_en_list_subject a {font-size: 15px; }
.event .list_view dl dd.li_en_list_subject a span {font-size: 15px; }
p.li_ev_fin {font-size: 12px; border-top: 1px solid #ddd; }

.ed_gu_contents01 h2 {margin-bottom: 20px; }


.sites > ul > li > h3 > a {font-size: 16px; }
.sites > ul > li > ul > li > a {font-size: 14px; }
.sites ul li ul p a {font-size: 13px; }


span.so_in_pad {font-size: 12px; }


.member_ido_ok p, .member_ido_ok .idpass_name span {font-size: 17px; }
.member_ido_ok .ido_additional {font-size: 13px; }
.member_ido_ok {padding: 40px 0px; }
p.ido_additional2, p.ido_additional2 span {font-size: 13px; }
a.ido_btn {font-size: 15px; }
}


@media screen and (min-width:959px){
.page header, .post-type-archive header, .single header, .tax-portfolio_categories header {position: fixed; }
.main_menu, .home .main_menu {z-index: 999; }
.main_menu a {width: auto; border-bottom: none; padding: 0; padding-left: 2.5%; padding-right: 2.5%; }
.home .main_menu a:first-child {border-top: none; }
.main_menu a:hover {background: none; box-shadow:none; -webkit-box-shadow: none; }
.touchscroll {/* overflow: auto; */clear: both; float: left; width: auto; background: none; padding: 0px; }
.main_menu a {font-size: 14px; padding: 8px 0; border: none; text-align: center; }

.main_menu a:hover {color:#868686; }
.home #main_menu a{border-bottom:none; width: auto; padding:0; text-align:center; }
.main_menu a.active {background: none; }
.main_menu a:hover {background: none; box-shadow: none; -webkit-box-shadow: none; }

#event {display: none; }

/* sub */
.sub_body_inner {margin: 0 auto; }
.tax-portfolio_categories .sub_body_inner,
.post-type-archive-portfolio .sub_body_inner,
.post-type-archive-portfolio2 .sub_body_inner{width: 100%; min-height:680px; }
#the_content {color: #8E8E8E; margin: 0 auto; }
.page h1, .sub_body_inner h1 {font-family: 'Roboto Slab', 'NanumGothic', serif; color: #222; font-size: 90px; text-align: center; padding: 10px 0; border: none; margin-bottom: 0; }
h1.map {text-align: left; display: block; margin-top: 0px; }
body.single.single-portfolio h1 {display: block; }
#sub_page.about-us h1 {font-family: 'NanumGothic', serif; color: #848484; text-align: left; font-size: 25px; padding: 0; border: none; margin-bottom: 20px; margin-top: 140px; padding-left: 22px; background: url('images/icon.png') left 7px no-repeat; }
.mobile_img{display: none; }
#main_quickbanner .quick_con {background: none !important; }
.comment_textarea textarea {width: 88%; }
}


@media (max-width:950px){
.igb_text .bold {font-size: 15px; }

.ed_gu_contents01 ul li {width: 33.3333%; }
.ed_gu_contents02 ul li {width: 33.3333%; }

.civil_tab a, .civil_tab a.active {font-size: 14px !important; }
table.in_job_table td {padding: 10px; }
}


@media (max-width:915px){
.catalog_list ul li {width: 100%; }
.catalog_list ul li:nth-child(2) {border-top: 1px dashed #ccc !important; }
.catalog_list ul li h6 a {font-size: 18px; }
.journal .catalog_list ul li .ed_re_news a {padding: 7px 0; width: 105px; }
}


@media (max-width:900px){
.so_be_explanation .so_be_right {display: none; }
.so_be_explanation .so_be_left {width: 100%; padding-bottom: 30px; }
.so_be_explanation {padding: 0 30px 0 30px; }
.so_be_explanation .so_be_left {width: 100%; padding-top: 20px; padding-bottom: 20px; }
.so_be_explanation .so_be_right img {display: none; }
.so_be_explanation .so_be_left h4 {font-size: 22px; }

.me_left_content {width: 100%; }
.me_right_content {width: 100%; float: left; max-width: none; margin-top: 25px; }
.mrc_inr .comp_con {overflow: hidden; }
.mrc_banner ul li {width: 50%; float: left; }
.mainjob .mrc_banner ul li {width: 33.3333%; float: left; }
.mrc_banner .fir_btn {border-bottom: 0; border-right: 1px dotted #ddd; }
.mrc_banner {overflow: hidden; }

.mrc_banner h5 {font-size: 15px; }
.me_table .board_list li a {font-size: 13px; }
.me_con1 a span {font-size: 12px; }
.jjd .civil_tab a {min-width: 200px; }

}

@media (max-width:890px){
.ed_cu_content ul li a {text-align: center; }
.ed_cu_content ul li dt {display: inline-block; float: none; }
.ed_cu_content ul li dd {width: 91%; margin-top: 20px; margin-left: 0; }
.ed_cu_content ul li dt img {top: 82%; margin-top: 0; left: 50%; margin-left: -13px; }

img.ed_cu_img01_pc {display: none; }
img.ed_cu_img01_mobile {display: block; }
}


@media (max-width:875px){
li.plus.in_mi_plus_sec {display: none; }
.in_mi_content02 .plus {padding: 0 60px; top: -60px; }
.in_mi_fin {width: 100%; }

.civil_tab a {display: inline-block !important; border-left: 0 !important; margin-bottom: 0 !important; height: 50px; line-height: 50px; width: 25%; float: left; display: block; margin-right: 0px; }
.civil_tab a.active {border-left: #2f71d2 1px solid !important; border-bottom: #2f71d2 1px solid; padding-bottom: 0 !important; width: 25%; float: left; display: block !important; }
.civil_tab {background: none !important; }

.civil_tab  .tab_left_border {border-left: 1px solid #ccc !important; }
.tab_bottom_border {border-bottom: 1px solid #ddd; }
}

@media (max-width:870px){
.left_content p {padding: 40px 50px 0 0; }
.left_content p, .left_content p span {font-size: 18px; }
.left_content p::before {top: 15px; }
.left_content p:after {top: 130px; }
}

@media (max-width:860px){
.mainjob .mrc_banner ul li {padding-bottom: 15px; }

.se_contents01 dl {width: 100%; }
.se_contents01 dl dt {width: 20%; }
.se_contents01 dl dd {width: 80%; }
}


@media (max-width:840px){
.civilian_list colgroup {display: none; }
.jc01 {width: 18%; }
.jc02 {width: 35%; }
.jc03 {width: 15%; }
.jc04 {width: 9%; }
.jc05 {width: 14%; }
.jc06 {width: 9%; display: none; }
}

@media (max-width:825px){
.table_hundred {width: 99%; }

.map ul li span {max-width: 100px; min-width: 77px; font-size: 13px; }


.serve_search dl {width: 100%; }
.serve_search dl dd select {width: 80%; }
.serve_search .thr dd select {width: 60%; }
.serve_search .fiv dd input {width: 80%; }
.serve_search dl dt {width: 16% !important; min-width: 65px; }

}

@media (max-width:800px){
.jobbiz_03 colgroup {display: none; }
.jj01 {display:none; width: 10%; }
.jj02 {width: 10%; }
.jj03 {width: 20%; }
.jj04 {width:15%; }
.jj05 {width: 30% }
.jj06 {width: 15%; }
}


@media (max-width:784px){
.left_content p {padding: 40px 27px 0 0; }
.left_content p, .left_content p span {font-size: 16px; font-weight: 400; line-height: 27px; }
.left_content p::before {background: url(/assets/img/sub/in_gr_img02_small.png) no-repeat; width: 21px; height: 19px; top: 30px; }
.left_content p:after {background: url(/assets/img/sub/in_gr_img03_small.png) no-repeat; width: 21px; height: 19px; top: 115px; }

.imc04_01 {width: 98%; margin: 100px 1% 50px 1%; height: auto; padding-bottom: 30px; }
.imc04_01.imc04_fir, .imc04_01.imc04_thr {padding-bottom: 30px; }


.sites > ul > li {width: 48%; margin-left: 2%; }
.sites > ul > li.three, .sites > ul > li.five {margin-left: 0; }
.sites > ul > li.four {margin-left: 2%; }
li.sites_clear {clear: both; margin-left: 0 !important; }
ul.first_content {margin-bottom: 0; }


}




@media screen and (max-width:780px){
.comment_textarea textarea {width: 86%; }
#mcon4_innner > div.facility {width: 50%; transition: all 0.3s; }
#mcon4_innner > div.online {width: 50%; transition: all 0.3s; }
#mcon4_innner > div.call {width: 100%; transition: all 0.3s; padding: 45px 20px; }

}



@media (max-width:768px){
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, time, figure, article, nav, header, footer, hgroup, video, audio, aside, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-size: 14px; }


div#footer_inner p {font-size: 12px;margin: 10px 0;}

img.exam_img {display: block; width: 433px; float: none; margin: 0 auto; }
.jobexam_txt {margin-left: 0; padding-top: 30px; }
.txt_jexam {font-size: 15px; line-height: 22px; }
.kexam_banner li a img {width: 90%; }
.exam_title {font-size: 28px; margin-bottom: 8px; }
.ipin_sil .sil_btn a {background: #1c63a3 url(/assets/img/sub/sil_bt_icon.png) 83% 15px no-repeat; }


.copyright {padding: 30px 0; }
.copyright p {clear: both; padding-top: 15px; }
.copyright img {padding-top: 0; }
.slider_txt {top:60px; }

#main_contents_01 {padding:10px 0; height:100px;}
#main_contents_01 .slick-initialized .slick-slide p {margin-top: 5px; font-size: 15px;}
#main_contents_01 .slick-slide img {width:50px;}

div#tabs { width: 100%; height: auto; padding: 15px; margin-bottom:15px;}
ul.etabs li a {line-height: 35px;    font-size: 17px;}
ul.board_list li a {font-size: 15px;}
ul.board_list li a p.date_day .big_day {font-size: 20px;}
span.s_noti_desc {font-size: 14px; margin-top: 5px;}
.board_right{ width: 100%;}
.board_right h2 {font-size: 20px; margin: 0 0 10px;}
.board_right p { font-size: 14px;}
.board_right .call p.call_number {font-size: 25px; margin-bottom:10px;}
.board_right .call p.bank {font-size: 15px;}

.main_contents_03 {padding-top: 30px; padding-bottom: 30px;}
.main_contents_03 h1 {font-size: 20px; padding-top:25px;}
.main_contents_03 span.s_title {font-size: 14px;}


#main_contents_02 {padding:30px 0;}
.mcon2_title h1 {font-size: 20px;}
.mcon2_title span {padding-top:30px; font-size: 15px;}
#mcon2_innner .slides a div.text_box {margin-top:10px;}
#mcon2_innner .slides h5 {font-size:16px; }

#sub_visual > div {height:200px; }
.sub_vis_inr h1 { font-size: 23px;}
#sidebar.mobile .submenu li a{font-size:15px;}

#title_container {margin:25px auto; }
#title_container h1 {font-size: 20px;padding: 0 0 15px 0;}


.present p {font-size:15px; }

.nakdong_left {width:100%; margin-top:-1px; margin-left:0; padding: 15px;}
.nakdong_left .nak_desc span {font-size: 14px; }
.nakdong_left01 {margin-top:30px; margin-bottom:0; }
.nakdong_left img {display:inline-block; margin:0; }
.nakdong_left .nak_desc {text-align:left; margin-left:25px; width: unset; }
.nakdong_left .nak_desc p {text-align:left; }

.main_txt:before {width:552px; height:30px; background-size:cover; }



#res_map_intro .right_intro ul li {width:100%;}


.reat_inner {padding: 25px 20px; padding-left:80px; background-size:50px; font-size: 17px; }
.reat_inner a {font-size: 16px; }
.reat ul li {font-size: 13px; }
.left_intro ul {width:50%; }
.left_intro ul li span {font-size: 14px;}
div#res_map_intro {padding: 15px; }
.caution .caution_inner {padding:15px;}
.caution ul li {font-size: 14px;}
.caution > p {margin-bottom: 20px; }


.member_join_ok {padding: 25px 10px; }
.member_join_ok h2 {font-size: 25px; }
.member_join_ok p {font-size: 17px;}
.member_join_ok .money_info {margin-top: 20px;padding-top: 20px;}

.bbs_write table thead th,
.bbs_write table tbody th, 
.bbs_write table tbody td {padding: 10px 5px; }

.password_ment {font-size: 14px; }
.confirm .hm_tab td {padding: 5px; }


.jc03 {display: none; }
table.in_job_table td {padding: 5px; }
}




@media (max-width:760px){
.review_list dl dd {max-height: none; }
}

@media (max-width:750px){
label.job_feild {width: 16% !important; min-width: 65px; }

a.job_gojob_down {margin-left: 0px; margin-top: 10px; }
a.job_gojob_text {width: 100%; float: left; }

}


@media (max-width:740px){
.in_mo_down th.room {border-top: 2px solid #2452a7 !important; }
.mobile .in_mo_down table th {border-top: 1px solid #dfe2e7; }
th.th_first {border-top: 2px solid #2452a7 !important; }
.in_mo_down table td {height: auto ; }
.in_mo_01 {display: none; }
.in_mo_02 {display: block; }
.in_mo_down th.room {font-size: 13px; }
.in_mo_calendar table td {font-size: 12px; }
span.day_list a {font-size: 12px; }
.li_ev_content01 dl dt img {height: auto; }

.event .list_view dl {width: 100%; }
dl.li_ev_bonone.li_ev_border {padding-bottom: 30px !important; border-bottom: 1px dashed #ccc !important; }

.jj02 {display:none; }


}

@media (max-width:735px){
.mainjob .mrc_banner ul li a img {float: none; margin: 0 auto; display: block; padding: 10px 0; }
.mainjob .mrc_banner h5 {clear: both; text-align: center; width: 100%; padding-top: 5px; padding-bottom: 10px; }
.mainjob .mrc_banner ul li a p {display: none; }
.mainjob .mrc_banner ul li {padding-bottom:0; }
.mainjob .mrc_banner h5 {font-size: 13px; padding-left: 0 !important; text-align: center !important; }

}

@media (max-width:700px){
.ed_cu_content ul li dd {height: 88px; }
.order_list table colgroup {display: none; }
.eo02 {display: none; }
.eo04 {display: none; }
.me01 {display: none; }
.mj01 {display: none; }


.li_ev_content01 dl dt {width: 100%; float: none; margin: 0 auto 30px; }
.li_ev_content01 dl dd {float: left; width: 90%; }
.li_ev_content01 dl dd h4 {font-size: 20px; color: #2452a7; }
.li_ev_content01 dl dd p span {color: #000; }

span.li_ev_care {font-size: 12px; }
.in_gr_top {border-bottom: 0; }

.right_content {float: left; width: 100%; }
.left_content {float: left; width: 100%; border:1px solid #d7d7d7; background: #f7f7f7; border-radius: 15px; }
.left_content p {padding: 40px 0; width:100%; }
.left_content p, .left_content p span {font-size: 19px; line-height: 32px; }
.left_content p::before {background: none; }
.left_content p:after {background: none; }


.year01 > .year_inr > .thum span b {color: #2452a7; }
.year01 > .year_inr > .thum::before, .year01 > .year_inr > .thum::after, .year_inr dl::before, .year_inr dl dt::before, .year_inr dl dt::after {display: none; }
.history_inr {background: none; }
.year_inr dl, .year_inr dl:last-child {border-left: 0; }

.year01 > .year_inr > .thum {position: relative; /* left: 0; */width: 100%; padding: 0; margin-bottom: 30px; }
.year01 > .year_inr > .thum span {font-size: 19px; text-align: left; margin-bottom: 10px; }
.year01 > .year_inr {padding: 0; }
.year_inr dl {padding-left: 77px; position: relative; border-left: 0; margin-bottom: 36px; border-right: 0; float:left; width: 85%; }
.in_hi_first {margin-top: 40px; }
.year_inr dl dt {font-size: 19px; margin-bottom: 13px; position: absolute; left: 0; }
.year_inr dl dd {margin-bottom: 5px; font-size: 14px; }

img.in_or_img01 {display: none; }
img.in_or_img01_small {display: block; }
.organ img {margin-bottom: 30px; }


.ed_gu_contents01 ul li {width: 50%; }
.ed_gu_contents02 ul li {width: 50%; }


#topkeyword .search h3 {display: none; }
#topkeyword .search {padding: 0 !important; }
#topkeyword .search .search_box {padding-left: 0; }
#topkeyword .search .search_box .input_box .search-input {background-color: #f9f7f5; }
#topkeyword .search .search_box .input_box {padding-right: 115px; }
#topkeyword .search .search_box .input_box .search-input input[type="text"] {font-size: 16px; }
#topkeyword .search .search_box .input_box input[type="submit"] {margin-top: -15px; right: 60px; width: 30px; height: 30px; background: url(/assets/img/top/bul_search_small.png) no-repeat 50% 50%; }
#topkeyword .search .search_box .input_box .close {top: 50%; right: 10px; margin-top: -15px; width: 30px; height: 30px; }
#topkeyword .search .search_box .input_box .close a {width: 30px; height: 30px; }
#topkeyword .search .search_box .input_box .close a .ui-close span {height: 30px; }
#topkeyword .search .search_box .input_box .close a .ui-close span {height: 30px; }

.bx-controls-direction {display: none; }
.review_list dl dt {width: 35%; }
.review_list dl dd {width: 60%; }
.slider_txt_inner {width:300px; height:129px; }
}


@media screen and (max-width:680px){
.cityhall_con li {width:50%; }
.main_center {width:100%; }
.main_culture {width:100%; clear:both; float:left; }

.comment_textarea textarea {width: 84%; }

}

@media screen and (max-width:675px){
.inquire_inner {padding: 0; }
.inquire_inner > div {width: 100%; border-left: 0; padding: 25px 0; border-top: 1px dashed #ddd; transition: all 0.3s; }
.inquire_inner > div.inq_01 {border-top:0; }
}

@media screen and (max-width:670px){
.ipin_sil .sil_btn a {background: #1c63a3 url(/assets/img/sub/sil_bt_icon.png) 88% 15px no-repeat; }
.sil_btn a {background: #ff8c39 url(/assets/img/sub/sil_bt_icon.png) 81% 15px no-repeat; }

th.ug_01 {width: 20%; }
th.ug_02 {width: 30%; }
th.ug_03 {width: 50%; }
.reat .hm_tab td {padding: 8px 4px; }
.reat_inner br {display:block;}
}


@media (max-width:660px){
.job input.table_hundred {margin-left: 0; }
}

@media (max-width:650px){
.info .list_table colgroup {display: none; }
.si01 {width: 7% }
.si02 {width: 15% }
.si03 {width: 3% }
.si04 {width: 4% }
.si05 {width: 6% }
.si06 {width: 6% }
.si07 {width: 4% }

.si01, .si03 {display: none; }

span.so_in_pad {margin-left: 0; }



.person .img01 {display: none; }
.person .img02 {width: 100%; max-width: 370px; margin: 30px auto 30px; display: block; }

.jc04, .jc05 {display: none; }

.gojob colgroup {display: none; }
.jg01 {width: 18%; }
.jg02 {width: 38%; }
.jg03 {width: 12%; }
.jg04 {width: 12%; display: none; }
.jg05 {width: 12%; }
.jg06 {width: 12%; }

}


@media (max-width:640px){
.jj06 {display:none; }
}

@media (max-width:625px){

.in_mi_content02 ul li {width: 100%; }
.in_mi_content02 .plus {padding: 3% 0; top: 0; }
.in_mi_content03 ul li {width: 100%; margin-left: 0; margin-bottom: 3%; }
.in_mi_content03 ul li, .in_mi_content03 ul li span {font-size: 17px; }

li.plus.in_mi_plus_sec {display: block; }

img.in_us_top {margin-top: 10px; width: 100%; }
.iu_sec_img01 {display: none; }
.iu_sec_img02 {display: block; }


.me05 {display:none; }

.month .in_us_table td {padding: 5px; }

.in_vi_month span {display: block; margin-top: 10px; }
.in_vi_month span select {display: block; margin-top: 10px; }


a.job_order_down {margin-left: 5px; }

.jg05 {display: none; }
.jg06 {display: none; }


}




@media screen and (max-width:620px){
.nakdong_left img {display: block; text-align: center; margin: 0 auto; }
.nakdong_left .nak_desc {height: 114px; text-align: center; margin-top: 30px; vertical-align: middle; width: 100%; margin-left:0; }
.nakdong_left .nak_desc p {text-align:center; }

}



@media screen and (max-width:610px){
select.job_email {width: 29% !important; }

.comment_textarea textarea {width: 82%; }

.comment_btn {right: 4%; }
.comment_list ul li dl dt {left: 4%; }

.serve_search .thr dd select {width: 31%; }
.serve_search .fou dd .time input {width: 37%; }
}



@media screen and (max-width:600px){
.mobile_logo img {width:130px; vertical-align:middle; }
#main_recruit li {width:50%; }
.vis_txt {position: relative; width:100%; float:left; height:auto; overflow: hidden; }
#main_vis_slide .item a img {width:100%; height:auto; display:block; }
.vis_txt h2 {margin-bottom: 0; }
.vis_txt h2 img {width: 40% !important; float: left; }
.vis_txt p {margin-left:40%; padding: 10px; font-size: 13px; line-height: 20px; }

.hp_sil {  width: 100%; float: left; }
.ipin_sil {width: 100%; float: left; margin-top: 20px; }
.page_navi {display:none; }
ul.children {overflow: hidden; height: 36px; }
#menu_touch_primary li.active #menu_touch .children a {line-height: 37px; padding: 0 20px !important; }
tr.jobsearch_mobile {display: block; }
tr.jobsearch_pc {display: none; }

select.job_email {width: 35% !important; }

.id_email {width: 40%; }
.adress_email {width: 50%; }
select.select_email {width: 97% !important; }
}




@media (max-width:585px){
a.job_order_down {margin-left: 0px; }
}






@media screen and (max-width:580px){
.refund_rule_scroll {overflow-x:scroll; width: 100%; }
.refund_rule_scroll .hm_tab {width: 550px; }

.main_txt:before {width:462px; }
}

@media screen and (max-width:570px){

.main_txt {font-size: 20px; line-height: 28px; }
.main_txt span {font-size: 20px; }
}




@media (max-width:570px){
.mrc_banner ul li a img {float: none; margin: 0 auto; display: block; padding: 10px 0; }
.mrc_banner h5 {clear: both; text-align: center; width: 100%; padding-top: 5px; padding-bottom: 10px; }
.mrc_banner ul li a p {display: none; }
.mrc_banner h5 {font-size: 13px; padding-left: 0 !important; text-align: center !important; }
.civil_tab a, .civil_tab a.active {padding: 0px 8px !important; text-align: center; }
}

@media screen and (max-width:564px){
.reats .hm_tab td br {display:block; }
.reats .hm_tab td p.call {margin-top:5px; }

}


@media (max-width:550px){
.me04 {display:none; }
img.job_process {display: none; }
img.job_process2 {width: 100%; max-width: 415px; display: block; margin: 0 auto; }
a.job_order_down {margin-top: 10px; }
.ed_or_tab a {padding: 0px 8px !important; text-align: center; }
}


@media (max-width:520px){
table.in_or_contents01 td {padding: 5px; }


.year_inr dl {width: 80%; }


.visit colgroup {display: none; }
.iv01, .iv05 {display: none; }


.ed_cu_content ul li dd {height: 110px; }



.so_be_explanation .so_be_left h4 {font-size: 20px; }
.so_be_explanation .so_be_left span {font-size: 13px; }
.so_be_explanation .so_be_left p {font-size: 13px; }
.so_be_explanation {padding: 0 20px 0 20px; }
.so_be_explanation .so_be_left {padding-top: 20px; padding-bottom: 20px; }

/***** 사회공헌활동사업 안내 F *****/

/***** 부산시청뉴스 S *****/

.city colgroup,     .notice_list colgroup {display: none; }
.lc01, .lc04, .lc06 {display: none; }


.mj02 {display: none; }



.h3Section {margin: 0; }



}

@media (max-width:500px){
ul.me_top_box01 {position: relative; padding-top: 10px; text-align: center; top: 0; }
ul.me_top_box01 li {display: inline-block; float: none; }
li.me_4nplus1 {margin-left: 0 !important; }
li.me_clear {clear: none; }
ul.me_top_box01 li a {display: inline-block; }
.mainjob .me_top_box01 {top: 0; width: 100%; }
.me_table {float: left; width: 100%; }
.mainjob ul.me_top_box01 li {display: block; float: left; width: 33%; margin-left: 0; }
.jobbiz table.in_job_table td {line-height: 16px; }

select.table_m_hundred {width: 98% !important; }
input.top_days {width: 45% !important; }

/***** 사회공헌활동사업 S *****/
select.hundred_400 {width:99% !important; }

p.ido_additional2 span {clear: both; display: block; }


.serve_search dl dd {clear: both; }
.serve_search dl dd select {width: 100%; display: block !important; }
.serve_search .thr dd select {width: 100%; }
}



@media (max-width:490px){
/***** 조직도 S *****/
img.in_or_img01_small {display: none; }
img.in_or_img01_small2 {display: block; }
.organ img {max-width: 348px; margin: 0 auto 30px; }

/***** 조직도 F *****/

/***** 연혁 S *****/

.year01 > .year_inr > .thum > span  {font-weight: 400; }
.year01 > .year_inr > .thum > span > b {float: left; margin-right: 10px; margin-bottom: 10px; font-size: 20px; }



.in_mo_calendar table td {height: auto; padding: 5px 0 10px 8px; }
.in_mo_calendar table th span {font-size: 11px !important; }

/***** 대관신청 F *****/

/***** 견학신청 S *****/

.in_vi_visit span {display: block; margin-top: 10px; }
.in_vi_visit span select {width: 70% !important; }

/***** 견학신청 F *****/

/***** 사회활동 및 전문자원 S *****/
.si04, .si05 {display: none; }

/***** 문화행사 S ****/

.top_days {width: 41% !important; padding: 0; margin: 0; }




.se_contents01 dl dt {min-width: 80px; padding:10px; }
.se_contents01 dl dd {width: 70%; padding:10px; }



}

@media (max-width:480px){

div#mobile_tab {display: block; }
div#civil_top_container {display: none; }
div#mobile_tab label {position: absolute; top: 0; left: 0; width: 100%; padding-left: 20px; font-size: 17px; color: #fff; text-align: left; background: url('/assets/img/sub/m_content.png') no-repeat 90% 18px; height:50px; line-height: 50px; }
div#mobile_tab select#select_m {width: 100%; height: 50px; min-height: 50px; line-height: 50px; padding: 0 10px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
div#mobile_tab select#select_m {font-size: 15px; }

.civilian_list .table_hundred {width: 98% !important; }
.table_haif {width: 49% !important; }

.ed_or_title h4 span {text-align: left; display: inline-block; float: left; width: 80%; }
span.ed_or_deadline {text-align: center; width: 57px !important; }


}


@media (max-width:475px){

.ed_gu_contents01 ul li {width: 48%; margin-right: 5px; }
.ed_gu_contents02 ul li {width: 48%; margin-right: 5px; }

.adress_email {width: 48%; }

}

@media (max-width:465px){
.in_gr_top {border-bottom: 0; }

.right_content {float: left; width: 100%; }
.left_content {float: left; width: 100%; border:1px solid #d7d7d7; background: #f7f7f7; border-radius: 15px; }
.left_content p {padding: 20px 0; }
.left_content p, .left_content p span {font-size: 15px; line-height: 27px; }


.in_mi_content03 ul li {width: 100%; margin-left: 0; margin-bottom: 3%; }
.in_mi_content03 ul li, .in_mi_content03 ul li span {font-size: 15px; }

.year_inr dl {margin-bottom: 20px; }
.year_inr dl dd {font-size: 13px; }



.eo03 {display: none; }


.me02 {width: 17%; }


.mt_pe_table_pc {display: none; }
.mt_pe_table_mobile {display: block; }
.mt_pe_table_mobile colgroup {display: none; }
.mt_pe_table_mobile th {width: 30%; }
.mt_pe_table_mobile td {width: 70%; }

p.job_title {font-size: 14px !important; }
.jc01 {width: 16%; }



table.in_us_table td {padding: 10px; }

span.jtext {width: 70%; }
p.job_txt span {margin: 10px 0 0 13px !important; }
.job_txt span.jtit {margin: 0px !important; }


}

@media screen and (max-width:550px){
/*팝업창*/
.popup {top:110px !important; left:0 !important; right:0 !important; margin:0 auto; width:90% !important; height:auto !important; }
div#popup_type_nocontent {width:100% !important; height:auto !important; }
div#popup_type_nocontent p img {width:100%; }

#mcon4_innner > div.facility {width: 100%; }
#mcon4_innner > div.online {width: 100%; }

/* 시설 둘러보기 */

.guid04_inner {width: 100%; overflow-x: scroll; }
.guid04_inner table.hm_tab {width: 525px; }


.comment_textarea textarea {width: 80%; }
.comment_write p span {display: none; }

.member_join_ok {padding: 30px 0px; margin-top: 5px; }
.member_join_ok h2, .member_join_ok h2 span {font-size: 24px !important; }
}



@media screen and (max-width:505px){
.jexam_btn {padding: 23px 0 0 0; text-align: center; }

}

@media screen and (max-width:500px){
.comment_textarea textarea {width: 77%;    }
.con_table_scroll {overflow-x: scroll; clear: both; }
.confirm .hm_tab {width: 100%; }

.confirm2 .con_table_scroll {overflow: hidden; }
.confirm2 .hm_tab {width: 100%; }
.confirm_card a {padding: 8px 15px; }

.review_list dl dt {width: 100%; }
.review_list dl dd {width: 100%; margin-top: 10px; }

.c_refund .hm_tab {width: 100%; }
}



@media (max-width:480px){
/*.main_edu_guide_con li a {width:33.3%; float:left; }
.main_edu_guide_con .bx-controls {position: relative; right: initial; top: initial; text-align:center; }
.main_edu_guide_con .bx-controls a {display:inline-block; margin:10px; }*/

select.job_email {width: 31% !important; }

.password_ment ul {margin-top: 20px; margin-bottom: 20px; padding-left: 0; }


}

@media (max-width:465px){
.main_txt {font-size: 17px; margin-bottom: 10px; }
.main_txt span {font-size: 17px; font-weight:bold; }
.main_txt span.pink:before, .main_txt span.yellow:before {width: 31px; height: 20px; margin-top: 4px; }
.main_txt:before  {display:none; }
}


@media (max-width:460px){
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, time, figure, article, nav, header, footer, hgroup, video, audio, aside, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-size: 13px; }
img.exam_img {width: 100%; }
.txt_jexam {font-size: 13px; }
.exam_title {font-size: 26px; }
.jobexam_txt span {font-size: 15px; }
.job_search li div {margin-left: 0; clear: both; }

.password .bbs_write table tbody th {width: 45%; }
.password .bbs_write table tbody td {width: 55%; }

.main_contents_03 {padding-bottom:30px; }
.main_contents_03 h1 {font-size:21px; padding-top:30px; }
.main_contents_03 span.s_title {font-size:13px; margin:10px 0 15px; }

div#tabs {padding:10px;}
ul.board_list li a {font-size:14px; }
ul.board_list li a p.date_day .big_day {font-size:20px; }
ul.board_list li a p.date_day {font-size: 13px; }
span.s_noti_desc {font-size:13px; }
ul.board_list li a p.no_dp {padding-left:60px; }
ul.board_list li a p {font-size:16px; }



.board_right h2 {font-size:18px;margin: 0 0 5px;}
.board_right p { font-size: 13px;}
.board_right .call p.call_number {font-size: 22px; margin-bottom:5px;}
.board_right .call p.bank {font-size: 14px;}

#main_contents_02 .photo_left_txt {position: relative;   left: auto;top: auto; width: 100%;}

.mcon2_title h1 {font-size:20px; }
.mcon2_title span {padding-top:15px; }
.mcon2_title span br {display:none;}
.mcon2_title p {margin-top:20px; }


#mcon2_innner {margin-left: 0%;}

.bx-pager-item {margin:0 5px; }
.bx-pager a {width:5px; height:5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {width:7px; height:7px; }

#sub_visual > div {height:150px; }
.sub_vis_inr h1 { font-size: 20px;}
.present p {font-size:14px; }
.reat_inner {font-size: 14px;  padding: 15px 10px; background: none; }
.reat_inner p span {display: block; }

.reats h3 {margin-bottom: 15px; font-size: 18px; }
.reats .hm_tab { margin-top: 10px; }
.reats .hm_tab th {padding: 8px 5px; }
.reats .hm_tab td input {width: calc(100% - 55px); }



div#res_map_intro {padding: 10px; }
#res_map_intro ul li,#res_map_intro ul li:last-child {margin-bottom: 5px; }
#res_map_intro ul li.area_etc { font-size:12px;}
.left_intro ul li span {font-size: 13px;}

.right_intro {margin-top:0px;}

.rmi_06 {display:block;}
.caution .caution_inner {padding:10px;}
.caution > p {margin-bottom: 15px; }


p.sub_reTxt {line-height:1.5; margin: 10px 0;}


.member_join_ok {padding: 20px 10px; }
.member_join_ok h2 {font-size: 22px; }
.member_join_ok p {font-size: 16px;}
.member_join_ok .money_info {margin-top: 15px;padding-top: 15px;}

.journal .catalog_list ul li dl dt img {display: none; }
.catalog_list dl dd {width: 96%; padding: 0 2%; }
.catalog_list ul li {padding: 20px 0; }
.catalog_list ul li h6 a {font-size: 16px; }
}




@media (max-width:435px){
/***** 50+교육 메인 S *****/
.me_left_content > .me_top > img {width: 100%; }
.me_left_content .me_top p span {font-size: 20px; padding-bottom: 6px; }
span.title_lit {font-size: 15px !important; }
.mainjob .me_left_content .me_top p span {clear: both; }


ul.me_top_box01 {padding-bottom: 10px; float: left; }
ul.me_top_box01 li {margin-left: 0; margin-bottom: 0; display: block; width: 25%; float: left; }
ul.me_top_box01 li a {display: block; float: left; width: 100%; padding: 5% 0; height: 46px; border:0; border-radius: 0; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
li.me_top_btn {border-top: 1px solid #ddd; }
ul.me_top_box01 li a img {display: none !important; }
ul.me_top_box01 li a span {display: block;  vertical-align: middle; line-height: 36px; padding-top: 0; }
span.me_ttext {padding-top: 0 !important; line-height: 18px !important; }
li.me_4nplus1 {border-left: 1px solid #ddd; }

.main_edu .me_table {float: left; width: 100%; }
}





@media (max-width:440px){
.comment_textarea textarea {width: 100%; }
.comment_textarea span {width: 100%; margin-top: 10px; }
.comment_textarea span a {width: 100%; height: 40px; line-height: 40px; }

.map ul {padding: 20px; }
.map .find_inner ul {background : none; }
.map .map_subway ul.subway {background : none; }
.map .map_subway ul.bus {background : none; }
.map .map_subway ul.car {background : none; }
.map ul:before {display:none; }

#map_traffic h3 {font-size:19px; padding-bottom: 20px; margin-top: 20px; }
}

@media (max-width:430px){
ul.etabs li a {padding:12px 0; font-size:16px; width:85px; }
ul.etabs li {width:85px; }


h1.gnb-logo img {height:25px; margin-top:9px; }
.board_right .call {padding:20px; }
.board_right .call h2 {font-size:18px; }
.board_right .call p {padding:3px 10px; border-radius:10px; }
.board_right .call p span {float:unset; padding-top:0; }
.board_right .call p.call_number {font-size: 25px; padding: 10px 0; }

.board_right .facility {padding:20px; }
.board_right .facility h2 {font-size:18px; margin-bottom:14px; }
.board_right .facility p {font-size:16px; }
.board_right .facility p span {font-size:17px; }

.mcon2_title h1 {font-size:18px; }
.mcon2_title span {font-size:16px; padding-top:10px; }

}

@media (max-width:420px){
.comment_list ul li dl {position: relative; width: 100%; padding: 0; box-sizing: border-box; }
.comment_list ul li dl dt {text-align: left; font-size: 13px; position: relative; left: 2%; top: 0; margin-top: 0; }
.comment_list ul li dl dd {margin: 10px; float: left; width: 94%; font-size: 13px; line-height: 24px; min-height: auto; border-left: 0; padding-left: 0; box-sizing: border-box; }
.comment_btn {float: right !important; position: absolute; top: 0; margin-top: 3px !important; right: 0; width: 18px !important; border-left: 0 !important; }
div#comment ul li {padding: 20px 0; border-bottom: 1px dashed #ddd; overflow: hidden; }
.reat h3 {font-size: 17px; }
#user_guide h2 {font-size: 17px !important; }


.jj05 {display:none; }
.ed_or_title h4 span {width: 66%; }
.order  .ed_or_title h4 span {width: 100%; }
}

@media (max-width:410px){
.adress_email {width: 44%; }
}



@media (max-width:400px){
.kexam_banner li {width:100%; float:left; margin-bottom:20px; }
#mcon2_innner .slick-next {background-size: 30px; right: -2px; }
#mcon2_innner .slick-prev {background-size: 30px; left: -2px; }

#footer {padding: 30px 0; }
#footer_menu a {font-size: 13px; padding: 0 7px; }


.left_intro ul li {padding-left: 35px; }
.right_intro ul {width: 100%; }

.member_join_ok h2, .member_join_ok h2 span {font-size: 20px !important; margin-bottom: 10px; }
.member_join_ok h2 {font-size: 20px !important; }

/* 예약 상세내용 */
.confirm_detail .hm_tab th {width: 23%; text-align: left; padding: 10px 15px; }
.confirm_detail .hm_tab td {width: 77%; text-align: left; padding: 10px 15px; }

.iv04 {display: none; }
.lc05 {display: none; }

.li_ev_content01 dl dd p {line-height: 30px; }
.li_ev_content01 dl dd p span {width: 100%; }


select.m_none_keyword {display: none !important; }
input.m_w_keyword {margin-left: 0 !important; width: 99% !important; }

.mj03 {width: 17%; }
.mj05 {display: none; }

}

@media (max-width:390px){
.nakdong_left img {width:120px; }
.nakdong_left .nak_desc p {font-size:18px; }
.nakdong_left .nak_desc span {font-size:15px; line-height:23px; }
}



@media (max-width:380px){
.iu_sec_img02,  .iu_sec_img04 {display: none; }
.iu_sec_img03 {display: block; }

img.in_us_top {max-width: 387px; margin: auto 0; padding-top: 0 ; }

/*.event .list_view dl dt img {height: auto; }*/
.event .list_view dl {height: auto; min-height: 190px; }
.event .list_view dl dd.li_en_list_place {bottom: 30px; }
.event .list_view dl dd.li_en_list_place {top: 25%; }
.incon_ex ul li {width: 33.3333%; text-align: left; padding: 0; }
.member_ido_ok p, .member_ido_ok .idpass_name span {font-size: 15px; }
}



@media (max-width:370px){
.year_inr dl {width: 78%; }
.ed_cu_content ul li dd {height: 110px; }
.person .img02 {max-width: 100% !important; }
}



@media (max-width:360px){
table.in_us_table th {padding: 10px 6px; }
input.file_w {width: 99%; }
.left_content p, .left_content p span {font-size: 13px; line-height: 23px; }
.top_days {font-size: 12px; }
input.m_w_keyword {width: 97% !important; }
.eo01 {width: 15%; }
.sites > ul > li {width: 100%; margin-left: 0%; }
#topkeyword .search .search_box .input_box .search-input input[type="text"] {font-size: 14px; }
.member_join_ok p {font-size: 15px;}
}

@media (max-width:350px){
.mobile table.in_us_table.write_table td.tell input[type="text"] {width: 27%; }
.si02 {width: 8%; }
.top_days {font-size: 11px; }
input#bbs_inp_file {width: 99%; }
.sub_page_tell {padding: 18px; }
.sub_page_tell ul li {width: 98%; padding-left: 18px; }
.sub_page_tell ul .t1 {margin-bottom: 10px; }
}


@media (max-width:345px){
.nakdong_left img {width:100px; }
.nakdong_left .nak_desc p {margin-top:-10px; }
}

@media (max-width:340px){
.main_contents_03 span.s_title {font-size:14px; letter-spacing:0.8px; }
.main_contents_03 h1 {font-size:18px; }
}