@media (max-width:1200px){
.wrap {width:96%;}
#header .wrap {width:100%;}
#header h1 {left:2%;}
#full_dropdown #main_menu > li > a {font-size: 20px; padding: 0 40px;}
#footer {padding: 30px 0;}
#footer .wrap {width:100%;}
#footer_menu {margin-bottom:15px;}
#footer_inner p {margin-bottom:15px;}
#footer_inner p > span {margin:0 8px;}
#main_container > section {padding:60px 0;}
#main_container h2 {font-size: 32px; margin-bottom:25px;}
.main_slider li > div {font-size:25px;}
#main_visual .bx-wrapper .bx-next {right: 10px; background-size: 40px;}
#main_visual .bx-wrapper .bx-prev {left: 10px; background-size: 40px;}
#main_container > section#main_con01 {padding: 25px 0 35px; margin-top: -70px;}
#main_con01 li span {width:70px; height:70px;}
#main_con01 li p {padding-top: 10px; font-size: 17px;}
.main_con02_right > div {padding: 25px;}
.main_con02_right h3 {font-size: 25px;}
.main_con0203 p a {line-height:40px; font-size: 16px; padding: 0 32px 0 22px;}
.main_con0203 p a:after {right:18px;}
.main_con0203 p strong {font-size: 28px;background-size:25px;padding-left: 25px;}
.main_con02_right p { font-size: 16px;}
.main_con02_right p span {display:block;}
.main_con0203 p a {margin-top:-15px;}
.submenu li a { font-size: 18px;}
#m_photo h4 {font-size:18px;}
.location_buttons_box {right: 3%;}
#title_container h1 {width: 95%; margin: 0 auto;font-size: 26px; line-height: 28px; margin-top: 30px;}
.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_click_map_wrap {margin-top: 10px;}
#res_map_intro ul { text-align:left}
#res_map_intro ul li {min-width:50%; text-align:left}
#res_map_intro ul li + li {margin-left:0px;}
#res_map_intro ul li:nth-child(3), #res_map_intro ul li:nth-child(4) {margin-top:10px;}
#res_map_intro ul li:nth-child(5), #res_map_intro ul li:nth-child(6) {margin-top:10px;}
}
@media (min-width:1100px){
#menu_touch_primary{overflow:hidden}
}
@media (max-width:1100px){
.font_size {display:none;}
header#header {border-bottom: 0; min-height: 60px;}
#header h1 {top: 2px;}
#header h1 a {font-size:27px;}
#header h1 img {height: 55px;}
#header h1 a span i { display: inline-block;}

div#quick_menu {display: none;}
.lnb-logo, a.lnb-search  {display:none;}
#topkeyword {border-top: 1px solid #e8e8e8; margin-bottom: 0;}
#topkeyword .layout {width: 97%; padding: 10px 0;}
#lnb-nav {width:auto; position:absolute; right:60px; top:0px; padding:0;height:60px;}
#lnb-nav a {display:none}
#lnb-nav a.lnb-kakao {display:block; width:60px; height:60px;border-radius: 0px; }
#full_dropdown .lnb-m {display:block;}
.lnb-m a:last-child {display:none;}
a.lnb-search {border-left:none;}
#menu_mobile {display:block;float:right;}
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;}
a#btn_menu {display: block; margin: 0; padding: 0; background: #ee832c  url(/assets/img/mobile/top_menu.png) center 17px no-repeat; width: 60px; height: 60px; float:left;}

/* mobile_menu */#gnb-nav {height: auto;}
#full_dropdown {background: #fff; z-index:9999; overflow: auto; margin-top: 0; width: 320px; margin: 0; height:100%; top: 0; left: 0; position: fixed; box-shadow: 20px 0px 20px rgba(0, 0, 0, 0.4); display: none; }
#full_dropdown #main_menu {padding-top: 30px; height: auto;}
#full_dropdown #main_menu li {float: none;}
#full_dropdown #main_menu > li {border-bottom: 1px dotted #ddd; float: none; clear: both; width: 100%;}
#full_dropdown #main_menu > li > a {padding: 0 20px; text-align:left; line-height: 60px; font-size: 18px;}
#full_dropdown #main_menu > li:last-child {border-bottom:0;}
#full_dropdown #main_menu > li > ul {visibility: visible;position:relative; position: inherit; display: none;  padding: 20px 0; margin: 0; top: 0; left: 0; background: #f5f5f5; width: 100%;}
#full_dropdown #main_menu > li:last-child > ul {width: 100%;}
#full_dropdown #main_menu > li > ul > li > a{padding: 0px 20px; width: 100%;  line-height: 35px; font-size: 16px; text-align: left; }
#gnb-nav .lnb-m {text-align:center; margin-top:30px; }
.lnb-m a { margin-left: 5px;}
a.lnb-join { background: #f5f5f5;padding: 0px 15px; width:auto;}
a#btn_menu_close {display: block; margin: 0; padding: 0; background: url(/assets/img/top/icon_menu_close.png) center center no-repeat; width: 40px; height: 40px; position: absolute; right: 10px; top: 10px; z-index: 999; text-indent: -100000px; border-radius: 5px;}

li.pushalim_menu {display: block;}
.page_navi {display:none;}
#location {display:none;}
#photo_gallery {width: 100%;}
#notice {width: 48.6%;}
#broadcast {width: 48.6%;}
#sub_visual {height:250px;}
#sub_visual h2 {font-size: 35px; padding-top:40px; }

}
@media (max-width:1082px){
.main_con0203 p.call_number {font-size:26px;}
}

@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;}
.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 {margin: auto;}
.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-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 {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;}

}
@media (max-width:959px){
.wrap {width:95%;}
body{font-size: 15px;}
header {transform: none; z-index: inherit;}
#logo a {margin: 0; position: inherit; top: 0; left: 0; display: inline-block; margin-top: 7px;}
div#logo {text-align: center; z-index: 0;}
div#header_inner {width: auto;}
.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;}
#footer {padding: 25px 0;}
#footer_menu {margin-bottom:10px;text-align: center;}
#footer_menu a {font-size: 14px; padding: 0 10px;}
#footer_inner p {margin-bottom:10px;}
#footer_inner p > span {font-size: 13px;  margin:0 5px;}
.familysite {display:none;}
#main_container {margin-top:60px;}
#main_container > section {padding:50px 0;}
#main_container h2 {font-size: 30px;}
.main_slider li a {font-size: 18px; }
.main_slider li > div {font-size:22px;}
#main_container > section#main_con01 {width: 100%;/*background:#f5f5f5;*/ padding: 15px 0; margin-top:0px; border-radius: 0px; box-shadow: 0px 9px 21px 1px rgba(0,0,0,0);}
#main_con01 li span {width:65px; height:65px; background-size:65% !important;}
#main_con01 li p {padding-top: 5px; font-size: 15px;}
.bx-pager {bottom: 5%; }

ul.etabs li a {font-size: 18px; padding: 0 15px;}
ul.board_list li {padding: 15px 0;}
ul.board_list div.m_date strong {font-size: 25px;}
ul.board_list div.m_text {font-size:17px;}
.main_con02_right > div {padding: 20px 15px; height: auto;}
.main_con02_right h3 {font-size: 23px; margin-bottom: 15px;}
.main_con02_right p { font-size: 15px;}
.main_con0203 p strong {font-size: 22px;background-size:20px;padding-left: 20px;}
.main_con0203 p a {padding: 0 30px 0 15px;}
.main_con0203 p a:after {right:15px;}
#main_con03 h2 span {font-size:17px;}
#main_container span.slick-arrow {width: 45px;height: 45px;}
#m_photo h4 {font-size:17px;}
#m_photo .slick-slide {margin: 0 20px;  }
#m_photo .slick-list {margin: 0 -20px;}
#main_open h2 span {width: 100%; display: block; margin-left: 0;}
#sub_contents {padding:40px 0;}
#sub_visual {height:200px;}
#sub_visual h2 {font-size: 30px;padding-top:50px; }
#sidebar {display: none;}
#sidebar.mobile{display:block; width:100%; overflow: hidden; top: 0; background:#fff; margin-top: 0px;}
.submenu {height: 50px; padding: 0px; box-shadow: none; border-radius: 0px; border-bottom:1px solid #ddd; }
.submenu ul {/*margin: 0 auto; */overflow: hidden; text-align:left; }
.submenu li {width:auto !important; }
.submenu li a {font-size: 17px; border-right: 1px solid #ddd; padding:0 20px; line-height: 50px;}
#title_container h2 {padding:0;border-bottom: 0; }
.page h3 {margin-bottom: 15px;font-size: 22px;}
.mobile_sub {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;}
#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 .slides_box {}
.webwidget_slideshow_dot ul li a {display: inline-block; width: 100% !important;}span.main_money_number {font-size: 12px; padding: 5px 10px; margin-top: 6px;}
.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, .confirm .hm_tab td {font-size: 13px;  }
.confirm .hm_tab th {padding: 10px 0;}
.confirm .hm_tab td.cht_05 a {padding: 6px 10px; font-size: 12px; margin-top: 10px;}
.confirm_detail .hm_tab th {padding: 10px 25px;}/***** 비전 S *****/
.left_content p, .left_content p span {font-size: 20px; }
.imc04_01 dd span {margin-top: 15px; }/***** 교육후기 S *****/
.review_list ul li h6 {margin-bottom: 8px; }
.review_list ul li h6 a {font-size: 18px; }
.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; }

/***** 교육후기 F *****//***** 견학신청 S *****/

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

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

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

span.ed_or_recruitment, span.ed_or_deadline {font-size: 11px; }
span.ed_or_deadline {padding: 4px 7px 4px 7px; }
/***** 사회공헌활동사업 안내 F *****/

/***** 문화행사 S *****/
.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; }

/***** 문화행사 F *****/
/***** 타기관 교육안내 S *****/
.ed_gu_contents01 h2 {margin-bottom: 20px; }/***** 사이트 맵 S *****/
.sites > ul > li > h3 > a {font-size: 16px;  padding: 10px;}
.sites > ul > li > ul > li > a {font-size: 14px; }
.sites ul li ul p a {font-size: 13px; }

/***** 사이트 맵 F *****/
span.so_in_pad {font-size: 12px; }
/***** 인사말 *****/
.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; }

/* 캠핑장 소개 */
.page.present h3 {font-size: 30px;margin-bottom: 20px;}
.present p {font-size:18px;}
.sub_txt {padding:0 10px;}
.Announcement {padding: 15px;}
.Announcement p {font-size: 16px;}
.Announcement span {font-size: 13px;}

/* 문의/ 안내 */
.inquire > div h4 {font-size: 17px; padding: 10px 0;}
.inquire > div p {line-height: 18px; }/* 캠핑장 둘러보기 */
.hm_tab th {font-size: 14px; padding: 8px;}
.hm_tab td {font-size: 13px; padding: 8px;}

/* 예약/요금안내 */
.reat_inner {font-size: 18px; background-size:70px; padding: 30px 25px 30px 105px;}
.reat_inner a {font-size: 18px;}
.reat ul li {font-size: 13px; padding-bottom: 10px;}
.reat .hm_tab th {font-size: 14px; padding: 8px;}
.reat .hm_tab td {font-size: 13px; padding: 8px;}
#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;}
#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-size:15px;color:#000;}
#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%;}
#agreement {width: 90%; height: 230px; overflow: hidden; overflow-y: scroll; color: #888; font-size: 11px; border: 1px solid #ddd; margin: auto;}
#main_open h2{padding-left:5px;}
.present .gallery-thumbs {height: auto; padding: 0px; background: transparent; margin-top:10px; }
.present .gallery-thumbs .swiper-wrapper {height: auto;}
#photo_gallery {width: 100%}
#notice {width: 48.6%;}
#broadcast {width: 48.6%;}

/* 예약 요금안내 */
.reats .hm_tab th {font-size: 14px;}
.reats .hm_tab td {font-size: 14px;}
.reats .hm_tab td span {font-size: 14px;}
.account_number {font-size: 17px; }div#res_map_intro {padding: 20px;}
#res_map_intro ul li {padding-left: 32px;}
.spam_check {margin-top:30px;}
.spam_check h4 {font-size:18px; margin-bottom:15px;}

p.sub_reTxt {font-size: 14px; line-height: 1.3;}
p.sub_reTxt span {font-size: 14px;}

/* 환불안내 */
.refund_rule .hm_tab th, .refund_rule .hm_tab td {font-size: 13px;}
.refund_rule .hm_tab td span {font-size: 13px;}
.refund {font-size: 16px; margin: 20px 0 25px 0;}

/* 유의사항 */
.caution > p {font-size: 16px; margin: 20px 0 25px 0;}
.caution > p span {font-size: 16px;}
.caution ul li {font-size: 16px; padding-top: 0; margin-bottom: 15px; padding-left: 25px; background-position:0 0; background-size: 22px;}
.caution ul li p {font-size: 13px; line-height: 26px; padding-top: 10px;}
.map ul {padding-left:120px; margin:25px 0; }
.person h2 { padding: 10px 0;}
.person h3 {margin-top: 30px;}
}
@media (max-width:910px){
div#res_click_map_wrap {background:#d2e388; padding:0px;}
}
@media (max-width:854px){
.slider_txt_inner {width:400px; height:172px; background-size:cover;}
}
@media screen and (max-width:840px){
.left_intro {width: 100%; margin-right: 0; margin-bottom: 30px;}
.right_intro {width: 100%;}
}
@media screen and (max-width:780px){
.comment_textarea textarea {width: 86%;}
}

@media screen and (max-width:775px){
.nakdong_left {width:100%; margin-top:-1px; margin-left:0;}
.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;}
}
@media (max-width:768px){
body{font-size: 14px;}
#footer_menu a:last-child {display:none;}
#main_container > section {padding:40px 0;}
#main_container h2 {font-size: 27px; margin-bottom:15px;}
.main_slider li > div > img {width:50%;}
.main_slider li a {font-size: 16px; padding: 8px 25px;}
.main_slider li > div {font-size:20px;}
#main_container > section#main_con01 {padding: 10px 0;}
#main_con01 li span {width:60px; height:60px;}
#main_con02 > div > div {width: 100%; position:relative; height:auto;}
.main_con02_left, .main_con02_right {float:none;}
.main_con02_left {margin-bottom:30px;}
ul.etabs li a {line-height: 40px;font-size: 17px;}
ul.board_list li {padding: 12px 0;}
ul.board_list div.m_date strong {font-size: 22px;}
ul.board_list div.m_text {font-size:16px;}
ul.board_list div.m_text span {font-size: 14px;margin-top: 5px;}
.main_con02_right > div {padding: 20px;}
.main_con02_right h3 {font-size: 20px; margin-bottom: 10px;}
.main_con02_right p {font-size: 16px;}
.main_con02_right p span {display:inline-block;}
.main_con0203 {margin-top: 15px;}
.main_con0203 p strong {font-size: 25px;background-size:22px;padding-left: 22px;}
.main_con0203 p a {line-height:35px; font-size: 15px;}
#main_con03 h2 span {font-size:15px;}
#main_container span.slick-arrow {width: 40px;height: 40px; background-size:45% !important;}
#m_photo .slick-slide {margin: 0 15px;  }
#m_photo .slick-list {margin: 0 -15px;}
.submenu {height: 45px;}
.submenu li a {font-size: 16px; line-height: 45px;}
#title_container {margin-bottom:30px;}
#title_container h2 {font-size: 25px;}
.page h3 {margin-bottom: 10px; font-size: 18px;}
.map > div {margin-bottom:30px;}
.page.present h3 {font-size: 25px;margin-bottom: 15px;}
.person h3 {margin-top: 20px;}
.present p {font-size:17px; text-align:left;}
.inquire_inner > div img {width:60px;}
.reat_inner {font-size: 16px; background-size:45px; background-position:10px center;padding: 20px 25px 20px 60px;margin-bottom: 25px;}
.reat_inner a {font-size: 16px;}
.reat dt {font-size:17px; margin-bottom: 5px;}
.reat dd {margin-bottom: 25px;}
.account_number {font-size: 16px; }
div#res_map_intro {padding: 15px;}
.spam_check {margin-top:25px;}
.spam_check h4 {font-size:16px; margin-bottom:10px;}
.res_next_btn a {padding: 10px; font-size: 16px; }
.caution .caution_inner { padding: 15px;}
.caution ul li { font-size: 15px;}

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;}
.map ul {padding-left:85px; margin:20px 0; background-size: 70px;}
.map ul li {display: block;margin-bottom: 5px;  margin-right:0px;  font-size:17px;}
.copyright {padding: 30px 0;}
.copyright p {clear: both; padding-top: 15px;}
.copyright img {padding-top: 0;}
.slider_txt {top:60px;}
.bbs_info_wrap {display:none;}
.pageing_area .pageing {margin-top: 25px}
.pageing_area .pageing a,  .pageing_area .pageing span {line-height:25px; min-width:25px; font-size: 13px;}
}
@media (max-width:700px){
#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;}
.cityhall_con li {width:50%;}
.comment_textarea textarea {width: 84%;}
#sub_visual>div {height:210px;}
.sub_vis_inr {padding-top:70px;}
}

@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;}
}
@media screen and (max-width:650px){
#main_container h2 {font-size: 25px;}
#main_con03 h2 span {font-size:14px; display: block; margin-top:5px }
#main_container span.slick-arrow {width: 35px;height: 35px;}
#main_con01 .wrap {width:100%;}
.m_arrow {display: block;}
}
@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%;}
}

@media screen and (max-width:600px){
.mobile_logo img {width:130px;vertical-align:middle;}
.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;}
#res_map_intro ul li {width:50%; }
#res_map_intro ul li:last-child {width:100%; }
#res_map_intro ul li:nth-child(3), #res_map_intro ul li:nth-child(4), #res_map_intro ul li:nth-child(5), #res_map_intro ul li:nth-child(6) {margin-top:5px;}
}
@media screen and (max-width:580px){
.div_scroll {overflow-x:scroll; width: 100%;}
.div_scroll .hm_tab {width: 550px;}
.reats .hm_tab td br {display:block;}
.reats .hm_tab td p.call {margin-top:5px;}
.caution .in_mo_ok {text-align:left;}

}
@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%;}/* 시설 둘러보기 */
.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;}
}

@media screen and (max-width:530px){
.reats .hm_tab td input {/*width: 70%;*/}
}
@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){
select.job_email {width: 31% !important;}
}
@media (max-width:460px){
#header h1 a, #header h1 a span i {font-size:22px;}
#footer_menu a {font-size: 13px; padding: 0 8px;}
#footer_inner p > span {line-height:1.5}
.main_slider li a {font-size: 15px; padding: 5px 20px;}
#main_container > section {padding:35px 0;}
#main_con01 li span {width:55px; height:55px;}
#main_con01 li p {font-size: 14px;}
.main_slider li > div {font-size:18px;}

ul.etabs li a {font-size: 16px;}
ul.board_list div.m_date {font-size: 13px; width: 70px;}
ul.board_list div.m_text {font-size:15px;}
.main_con02_right > div {padding: 15px;}
.main_con02_right h3 {font-size: 18px; margin-bottom: 5px;}
.main_con02_right p {font-size: 14px;}
.main_con0203 {margin-top: 10px;}
/*.main_con0203 p strong {display:block; }*/
.main_con0203 p strong {font-size: 22px;background-size:20px;padding-left: 20px;}
.main_con0203 p a {/*float:none;margin-top:5px;*/  font-size: 14px; padding: 0 24px 0 12px;}
.main_con0203 p a:after {right:12px;}
.main_con0203 p{font-size: 15px;}
.main_con0203 p:after{content:"";display:table;clear:both}
#sub_contents {padding:35px 0;}
#sub_visual {height:150px;}
#sub_visual h2 {font-size: 25px;padding-top:60px; }
#title_container {margin-bottom:20px;}
.submenu li a {font-size: 15px; padding: 0 15px;}
.caution ul li { font-size: 14px; margin-bottom:10px}
.caution ul li p {color: #777;}
.page.present h3 {font-size: 22px;}
.present p {font-size:16px;}
.map > div {margin-bottom:25px;}
.map ul {padding-left:70px; margin:15px 0; background-size: 60px;}
.map ul li { font-size:15px;}
.hm_tab th,.hm_tab td {font-size: 13px; padding: 8px 5px;}
.reat_inner {font-size: 15px; background-size:40px; background-position:10px 15px;padding: 15px 25px 15px 60px; margin-bottom: 15px;}
.reat_inner a {display:block; font-size: 15px; padding-left: 0px;}
.reat dd {margin-bottom: 15px;}
.reat_inner br {display:block;}
.reats .hm_tab th {width: 90px; }
.reats .hm_tab td input {max-width:calc(100% - 30px); }
.account_number {font-size: 15px; }
.hm_tab td select {width: calc(100% - 30px);}
.hm_tab td li select + select {margin-top:5px;}

div#res_map_intro {padding: 15px;}
#res_map_intro ul li  {min-width:100%; font-size: 13px;}
#res_map_intro ul li:nth-child(1), #res_map_intro ul li:nth-child(2), #res_map_intro ul li:nth-child(3) {margin-bottom:5px;}
#res_map_intro ul li:nth-child(3), #res_map_intro ul li:nth-child(4), #res_map_intro ul li:nth-child(5), #res_map_intro ul li:nth-child(6) {margin-top:0px;}
.reats .scroll_text {font-size:14px; margin-top:15px;}
.res_next_btn a {font-size: 15px; }
.caution > p {font-size: 15px; line-height:1.3; margin: 10px 0;}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;}
.inquire_gobtn a {width:45%;}
.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;}

}
@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;}
}
@media (max-width:420px){
.comment_list ul li dl {position: relative; width: 100%; padding: 0;}
.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;}
.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;}
#user_guide h2 {font-size: 17px !important;}
}
@media (max-width:400px){
#header h1 {top: 7px;}
#header h1 img {height: 45px; margin-right:5px;}
#header h1 a, #header h1 a span i {font-size:18px;}
.kexam_banner li {width:100%; float:left;margin-bottom:20px;}
/* 예약 상세내용 */
.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;}
}

@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:360px){
.main_slider li > div {font-size:16px;}
.main_slider li a {font-size: 15px; padding: 5px 20px; margin: 10px auto;}
.main_con0203 p strong {font-size: 20px;background-size:18px;padding-left: 18px;}
.main_con0203 p a {font-size: 13px; padding: 0 25px 0 10px;}
.main_con0203 p a:after {right:10px;}
#topkeyword .search .search_box .input_box .search-input input[type="text"] {font-size: 14px;}
.spam_check h4 {text-align:left;}
.pageing_area .pageing {margin-top: 15px}
.pageing_area .pageing a,  .pageing_area .pageing span {line-height:20px; min-width:20px; font-size: 12px;}
}
@media (max-width:350px){
.mobile table.in_us_table.write_table td.tell input[type="text"] {width: 27%;}
}

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

@media (max-width:320px){
#header h1 a span i { display: block;}
.main_con0203 p strong { display: block;}
.main_con0203 p a {padding:0 12px; margin-top:0px;}
.main_con0203 p a:after {display:none;}

.reat_inner {font-size: 14px;}
.reat_inner a {font-size: 14px; }
}

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