/***************************************/
/* subpage_ pc */
/***************************************/
/***** 공통 S *****/

.sub_body div#quick_menu {top: 204px; }

/**** input 설정 *****/
input {margin:0; padding:0; border: 1px solid rgb(169, 169, 169); border-radius: 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; }

TEXTAREA {border: 1px solid rgb(169, 169, 169); -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; }

select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; }

.input_border {border:0 !important; }
#checkbox, #checkbox2, #checkbox3  {border:0 !important; }
.job_search_inner input {border: 0 !important; }
.job_search_inner input#searchKeyword, .job_search_inner .top_days {border: 1px solid rgb(169, 169, 169) !important; }
input#bbs_sch_word {height: 19px; }
input#searchMinSal, input#searchMaxSal {border: 1px solid rgb(169, 169, 169) !important; }

/***** 검색창 설정 *****/
input#bbs_sch_word {height: 30px; margin-left: 5px; margin-right: 5px; }
.bbs_search_area select#bbs_sch_type {height: 30px; box-sizing:border-box; background: #fff; border: 1px solid rgb(169, 169, 169); }
.bbs_search_area input {float: left; }
input.bbs_search_btn {background: #666; display: block; padding: 5px 1px 4px 1px; float: right; border: 0 !important; }
.bbs_search_area form a {background: #666; width: 28px; height: 26px; display: block; padding: 4px 1px 0 1px; float: right; }

/***** 텝공용 *****/
div#mobile_tab {display: none; position: relative; height: 50px; background: #2452a7; }

.sub_paged h2 {font-size: 20px; font-family: 'notokr'; font-weight: 500; color: #000; text-align: left; line-height: 25px; clear:both; }


div#sub_page h5, .sub_paged h5 {font-family: 'notokr'; font-weight: 400; color: #000; text-align: left; background: url(/assets/img/sub/sub_bg_title03.png) left center no-repeat; padding-left: 20px; line-height: 25px; }

.sub_page_contents {margin-bottom: 50px; }
span.blue {color: #2452a7; }
span.red {color: rgb(232, 0, 0); }

.backred {background: #fff7f7; color: #ad3a3d; }
.backblue {background: #f7fbff; color: #456bac; }

/***** 공통 F *****/

/***************************************/
/*캠핑장 안내*/
/***************************************/
/* 캠핑장소개 introduce_greeting S */

.intro_img img {width:100%; }
.intro_txt {margin: 70px 0 40px; overflow:hidden; }
.intro_txt > div {width:50%; float:left; box-sizing:border-box; }
.intro_txt > div h2 {font-size:36px; font-weight:600; color:#222; word-break:keep-all; padding-right:15%; line-height:1.5; }
.intro_txt > div p {font-size:18px; line-height:1.6; word-break:keep-all; }

.main_txt {font-size: 30px; line-height: 42px; text-align: center; margin-top: 15px; margin-bottom: 25px; position: relative; }
.main_txt span {font-size:40px; color:#2f2f2f; }
.main_txt span.pink:before {position: absolute; content: ""; background: #ffe5cf; width: 70px; height: 25px; z-index: -1; margin-top: 19px; }
.main_txt span.yellow:before {position: absolute; content: ""; background: #fff6bd; width: 70px; height: 25px; z-index: -1; margin-top: 19px; }
.main_txt:before {position: absolute; content: ""; background: url('/assets/img/sub/nakdong_before.png'); width: 712px; height: 55px; left: 0; right:0; margin:0 auto; }
.fancybox img {width: 100%; display: block; }

.sub_txt {margin-bottom: 50px; }
.sub_txt > p {text-align: center; font-size: 18px; letter-spacing: -0.5px; }
.sub_txt > p.names {color: #f68b1e; font-size: 23px; font-weight: 500;  margin-bottom: 10px; }

.present h3 {text-align: center; background: none; font-size: 20px; font-weight: 600; margin-top: 40px; margin-bottom: 30px; color: #333; vertical-align: middle; }
.present h3 img {vertical-align: middle; margin-right: 5px; }
.present p {font-size: 17px; line-height: 1.5; text-align:center; word-break:keep-all;}


.present .swiper-container {width: 100%; height: 536px; margin-left: auto; margin-right: auto; }
.present .swiper-slide {background-size: cover; background-position: center; }
.present .gallery-top {width: 100%; }
.present .gallery-thumbs {height: 104px; padding: 10px; background: rgba(0, 0, 0, 0.3); margin-top: -104px; }
.present .gallery-thumbs .swiper-slide {height: 100%; opacity: 1; width:160px !important; }
.present .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; }



.nakdong_left {width: 49.9%; float: left; margin-top: 50px; margin-bottom: 50px; border: 1px solid #ddd; margin-left: -1px; padding:30px 15px; vertical-align:middle; }
.nakdong_left img {display: inline-block; vertical-align: middle; }
.nakdong_left .nak_desc {display: inline-block; text-align: left; margin-left: 15px; vertical-align: middle; }
.nakdong_left .nak_desc p {text-align: left; margin-bottom: 10px; font-weight: 500; font-size: 20px; }
.nakdong_left .nak_desc span {line-height: 1.5; font-size: 16px; }
.nakdong_left01 {background:#f6f6f6; }

.Announcement {background: #f5f5f5; border: 1px solid #ddd; padding: 20px; text-align: center; }
.Announcement p {display: block; font-size: 18px; color: #000; }
.Announcement span {display: block; font-size: 15px; color: #555; padding-top: 7px; }


/* 문의/안내 introduce_inquire S */
.inquire_inner {width: 100%; padding: 40px 0;   overflow: hidden; }
.inquire_inner > div { width: 49%; float: left; text-align: center; padding:0 2%; }
.inquire_inner > div img {width: 90px; }
.inquire_inner > div.inq_02 {border-left: 1px dashed #ddd; border-right: 1px dashed #ddd; }
.inquire_inner > div h4 {font-size: 20px; color: #000; padding: 15px 0; }
.inquire_inner > div p {color: #555; line-height: 19px;  padding-bottom: 5px; word-break:keep-all; }
.inquire_gobtn {width: 100%; text-align: center; margin: 30px 0 50px; }
.inquire_gobtn a {display: inline-block; width: 150px; height: 50px; line-height: 50px; background: #ddd; margin: 0 5px; color: #fff; }
.inquire_gobtn a.real_btn {background: #f68b1e; }
.inquire_gobtn a.qna_btn {background: #6d6d6d; }



/* 오시는 길 introduce_map S */
p.info {width: 100%; max-width: 1200px; margin: 0 auto; padding: 10px 0; word-break: keep-all;}
.map h3 {font-size: 25px; border-bottom:1px solid #ddd; padding-bottom:15px; margin-top:50px; margin-bottom:30px;}
.map h4 {font-size:25px; margin-bottom:0px;}
.map .find_inner {margin-top:30px;}
.map ul {width: 100%; overflow: hidden; padding: 0 0 0 140px; margin-bottom:30px; }
.map ul + ul {border-top:1px dashed #ddd;padding-top:30px;}

.map .find_inner ul {background: url(/assets/img/sub/sub_map_img01.png) left top no-repeat; }

.map .map_subway ul.subway {background: url(/assets/img/sub/sub_map_img02.png) left top no-repeat; }
.map .map_subway ul.bus {background: url(/assets/img/sub/sub_map_img03.png) left 30px no-repeat; }
.map .map_subway ul.car {background: url(/assets/img/sub/sub_map_img04.png) left 30px no-repeat; }

.map ul li {display: block; margin-bottom: 10px; }
.map ul li span {width: 20%; display: inline-block; padding: 6px; color: #ffffff; font-size: 14px; font-weight: 500; text-align: center; background: #2452a7; border-radius: 17px; margin-right: 5%; }



.map .find_inner h4 {color: #f68b1e;}


.root_daum_roughmap {width:100% !important; }




/***************************************/
/*캠핑장 둘러보기*/
/***************************************/
/* 시설안내도 */
h3.sti {margin-bottom: 15px; font-size: 25px; background: url('/assets/img/sub/title_sim.png') no-repeat left center; padding-left: 40px; background-size: 35px; }
.guidance > div img {max-width:100%; }
.fancybox-inner img {border: 1px solid #ddd; }
#guid_02, #guid_03, #guid_04 {margin-top: 80px; }
.guidance > div > p {margin: 10px 0; text-align:right;}
.guidance > div > p.img_text {display:inline-block; float:right; margin-bottom: 40px; font-size:14px; color:#7d7d7d; }
.guidance > div h4 {display:inline-block; color:#000; font-size:18px; font-weight:bold; margin-top:30px; }

.guidance .hm_tab {width: 100%; border-top: 2px solid #f68b1e; }
.guidance .hm_tab th {background: #f9f9f9; color: #000; font-size: 15px; font-weight: 400; padding: 15px; border-left: 1px solid #ddd;  border-bottom: 1px solid #ddd; vertical-align: middle;  text-align: center; }
.guidance .hm_tab th:first-child {border-left: 0; }
.guidance .hm_tab td {font-size: 14px; font-weight: 400; color: #555555; padding: 10px 10px; border-bottom: 1px solid #ddd; vertical-align: middle; text-align: center; border-left: 1px solid #ddd; }
.guidance .hm_tab td:first-child {border-left: 0; }
.guidance .hm_tab td input {background: #f9f9f9; border: 1px solid #ddd; color: #555; height: 35px; line-height: 35px; padding: 0 15px; border-radius: 5px; margin-right: 7px; }
.guidance .hm_tab td span {font-size: 14px; color: #555; }
.guidance .hm_tab td select {border: 0; font-size: 14px; color: #555; font-weight: 500; }

div#guid_04 img {width: 48%; display: inline-block; margin: 0 10px; }

.guidance .accordianNav {width: 100%; background: #fff; border-radius: 4px; margin-top: 30px; border-top: 2px solid #f68b1e; border-bottom: 2px solid #f68b1e; }
.guidance .accordianNav a, .guidance .accordianNav h3 {display: block; position: relative; z-index: 1; cursor: pointer; font-size: 20px;margin-bottom: 0; background:none; padding:20px 0; }
.guidance .accordianNav a {text-decoration: none; padding-left: 0; }
.guidance .accordianNav h3 img {width:30px; border:none; vertical-align:middle; margin:0 15px; }

/* Background hover animation. */
.guidance .accordianNav h3:before {content: ""; position: absolute; z-index: 0; left: 0; top: 0; width: 0; height: 100%; background-color: #444; background: rgba(244, 244, 244, .3); transition: all 0.3s ease-out; }
.guidance .accordianNav h3:hover:before,
.guidance .accordianNav .dropArrow.active:before {width: 2%; }
.guidance .accordianNav .dropArrow span {display: inline-block;z-index: 2; position: relative; font-size: 18px; font-weight: 500; }
.guidance .accordianNav .dropArrow:after {content: ""; width: 6px; height: 6px; border-bottom: 2px solid #757575; border-right: 2px solid #757575; float: right; position: relative; top: 12px; right: 25px; transform: rotate(45deg); transform-origin:
center; }
.guidance .accordianNav .dropArrow.active {color: white; }
.guidance .accordianNav .dropArrow.active:after {transform: rotate(-135deg); border-color: #f79129; }

/* +Hover and Touch effect */
.guidance .accordianNav a:hover,
.guidance .accordianNav a:active,
.guidance .accordianNav h3:hover,
.guidance .accordianNav h3:active,
.guidance .accordianNav h3.dropArrow:hover:after,
.guidance .accordianNav h3.dropArrow:active:after {color: white; border-color: #f79129; -webkit-transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88); transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88); }
.guidance .accordianNav li {list-style-type: none; border-bottom: 1px solid #ddd; }
.guidance .accordianNav > ul > li > img {display: inline-block;}
.guidance .accordianNav a {transform: translate(0px, 0px); transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

/*Drop links*/
.guidance .accordianNav li li {text-align:center; }
.guidance .accordianNav li li img {margin:0 auto; }
.guidance p.plus_txt {text-align: center; word-break: keep-all; font-size: 18px; padding: 15px 0;}
.guidance .accordianNav ul ul li a {padding: 0 0 0 2.5em; }
.guidance .accordianNav li ul.box2 li {width:48%; margin:0 5px; display:inline-block; border:none; padding:10px 0; }


/*hover effect on links*/
.guidance .accordianNav ul ul li a:hover {transform: translate(8px, 0px); }

/*Hide and show the drops*/
.guidance .accordianNav ul ul {display: none; }
.guidance .accordianNav li.active ul {display: block; }



/***************************************/
/*캠핑장 예약*/
/***************************************/
/* 예약/요금안내
.reat h3 {margin-bottom: 17px; }
.reat_inner02 {width: 100%; padding: 30px; border: 1px solid #ddd; border-top: 2px solid #f68b1e; font-size: 18px; color: #000; font-weight: 500; margin-top: 30px; }
.reat_inner p, .reat_inner02 p {padding-top: 10px; }
.reat ul li {font-size: 15px; color: #555; padding-bottom: 15px; }
.reat ul li.star {color: #f68b1e; font-weight: 500; }
#user_guide {margin-top: 20px; }
.reat .hm_tab {width: 100%; border-top: 2px solid #f68b1e; }
.reat .hm_tab th {background: #f9f9f9; color: #000; font-size: 15px; font-weight: 400; padding: 15px; border-left: 1px solid #ddd;  border-bottom: 1px solid #ddd; vertical-align: middle;  text-align: center; }
.reat .hm_tab th:first-child {border-left: 0; }
.reat .hm_tab td {font-size: 14px; font-weight: 400; color: #555555; padding: 10px 10px; border-bottom: 1px solid #ddd; vertical-align: middle; text-align: center; border-left: 1px solid #ddd; }
.reat .hm_tab td:first-child {border-left: 0; }
.reat .hm_tab td input {background: #f9f9f9; border: 1px solid #ddd; color: #555; height: 35px; line-height: 35px; padding: 0 15px; border-radius: 5px; margin-right: 7px; }
.reat .hm_tab td span {font-size: 14px; color: #555; }
.reat .hm_tab td select {border: 0; font-size: 14px; color: #555; font-weight: 500; }
th.ug_01 {width: 10%; }
th.ug_02 {width: 30%; }
th.ug_03 {width: 60%; }
.sub_guide {background: #fff8f0; } */

/* 실시간예약 reservation_rates S

.reats h3 {margin-bottom: 17px; }
.reats .hm_tab {width: 100%; border-top: 2px solid #f68b1e; }
.reats .hm_tab th {background: #f9f9f9; color: #000; font-size: 15px; font-weight: 400; padding: 15px 30px; border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd; width: 35%; vertical-align: middle; }
.reats .hm_tab td {font-size: 14px; font-weight: 400; color: #555555; padding: 7px 10px; border-bottom: 1px solid #ddd; vertical-align: middle; }
.reats .hm_tab td input {background: #f9f9f9; border: 1px solid #ddd; color: #555; height: 35px; line-height: 35px; padding: 0 15px; border-radius: 5px; margin-right: 7px; }
.reats .hm_tab td span {font-size: 14px; color: #555; }
.reats .hm_tab td select {border: 0; font-size: 14px; color: #555; font-weight: 500; }

p.sub_reTxt {color: #777; font-size: 14px; line-height: 23px; margin-top: 20px; }
p.sub_reTxt span {display: inline-block; color: #d70404; font-size: 14px; line-height: 23px; }


.res_next_btn {text-align: center; margin-top: 30px; }

.res_next_btn a {display: inline-block; background: #f68b1e; color: #fff; padding: 10px 20px; }


.confirm .hm_tab {width: 100%; border-top: 2px solid #f68b1e; }
.confirm .hm_tab th {background: #f9f9f9; color: #000; font-size: 15px; font-weight: 400; padding: 15px; border-left: 1px solid #ddd;  border-bottom: 1px solid #ddd; vertical-align: middle;  text-align: center; }
.confirm .hm_tab th:first-child {border-left: 0; }
.confirm .hm_tab td {font-size: 14px; font-weight: 400; color: #555555; padding: 10px 10px; border-bottom: 1px solid #ddd; vertical-align: middle; text-align: center; border-left: 1px solid #ddd; }
.confirm .hm_tab td:first-child {border-left: 0; }
.confirm .hm_tab td input {background: #f9f9f9; border: 1px solid #ddd; color: #555; height: 35px; line-height: 35px; padding: 0 15px; border-radius: 5px; margin-right: 7px; }
.confirm .hm_tab td span {font-size: 14px; color: #555; }
.confirm .hm_tab td select {border: 0; font-size: 14px; color: #555; font-weight: 500; }*/


/*.confirm .hm_tab th.cht_01 {width: 10%; }
.confirm .hm_tab th.cht_02 {width: 22%; }
.confirm .hm_tab th.cht_03 {width: 19%; }
.confirm .hm_tab th.cht_04 {width: 19%; }
.confirm .hm_tab th.cht_05 {width: 30%; }

.confirm .hm_tab td.cht_05 a {padding: 8px 15px; display: inline-block; margin: 0 3px; font-size: 13px; color: #fff; }
.confirm .hm_tab td.cht_05 a.ok {background: #f68b1e; }
.confirm .hm_tab td.cht_05 a.no {background: #828282; }

.confirm_search {margin: 10px 0;  overflow: hidden; float: right; display: inline-block; }
.confirm_search select {float: left; border: 1px solid #ddd; width: 150px; height: 35px; line-height: 35px; margin-right: 5px; }
.confirm_search input {float: left; border: 1px solid #f68b1e; background: #f68b1e; color: #fff; padding: 7px 15px; }
.confirm .pageing {overflow: hidden; text-align: center; width: 100%; margin-top: 40px; }
.confirm .pageing ul {display: inline-block; }
*/

/* 예약하기 2
.confirm .hm_tab th.cht_01 {width: 13%; }
.confirm .hm_tab th.cht_02 {width: 22%; }
.confirm .hm_tab th.cht_03 {width: 16%; }
.confirm .hm_tab th.cht_04 {width: 19%; }

.confirm .hm_tab td.cht_01 {background: #fff8f0; font-weight: 600; }
.confirm .hm_tab td.cht_02 span {display: block; clear: both; color: #fb7f00; padding-top: 3px; font-weight: 500; }
.confirm2 h3{margin-bottom: 17px; }
.confirm2 h4 {font-size: 16px; font-family: 'notokr'; font-weight: 500; color: #000; text-align: left; background: url(/assets/img/sub/sub_bg_title05.png) 5px 6px no-repeat; padding-left: 25px; line-height: 25px; margin-top: 40px; margin-bottom:
15px; }
.card-box {width: 100%; padding: 20px; background: #f5f5f5; border: 1px solid #ddd; text-align: center; margin-bottom: 40px; }
.card-box select {width: 150px; height: 30px; line-height: 30px; border: 1px solid #ddd; color: #555; }
.confirm_card {width: 100%; text-align: center; }
.confirm_card a {display: inline-block; padding: 12px 20px; background: #f68b1e; color: #fff; cursor: pointer; }
.confirm_card a.o_card {background: #989898; }
span.confirmok_day {text-align: center; font-size: 17px; color: #f68b1e; line-height: 28px; font-weight: 500; }*/

/* 예약 상세정보 */
.confirm_detail h3 {margin-bottom: 17px; }
.confirm_detail > p {margin-bottom: 30px; }

.confirm_detail .hm_tab th {width: 35%; text-align: left; padding: 15px 25px; }
.confirm_detail .hm_tab td {width: 65%; text-align: left; padding: 15px 25px; }

.cd_sec_02 h3 {margin-top: 30px; }
.confirm_detail .cd_sec_02 .hm_tab{margin-bottom: 40px; }
.confirm_detail .hm_tab td.cd_detail_phone {color: #025dc0; }
.confirm_detail .hm_tab td.cd_detail_money span {color: red; }


/* 환불 신청 페이지 */
.c_refund h3 {margin-bottom : 17px; }
.c_refund h4 {font-size: 15px; font-family: 'notokr'; font-weight: 400; color: #000; text-align: left; background: url(/assets/img/sub/sub_bg_title05.png) 5px 5px no-repeat; padding-left: 25px; line-height: 25px; margin-top: 30px; margin-bottom:
10px; }

.c_refund .hm_tab th {width: 28%; }
.c_refund .cr_refund_inner2 .hm_tab td {text-align: left; }
.c_refund .cr_refund_inner2 .hm_tab td input {width: 100%; }
.c_refund .cr_refund_inner2 .hm_tab td textarea {width: 100%; border: 1px solid #ddd; background: #f9f9f9; color: #555; border-radius: 5px; padding: 15px; }

.c_refund .confirm_card {margin-top:  40px; }
.confirm_card a.no_card {background: #898989; }



/*div#res_click_map {position: relative; overflow-x: scroll; width: 100%; margin-top: 20px; border: 1px solid #ddd; }
div#res_click_map > img {width: 1190px; position: relative; display:block; }
div#res_click_map .click_inner a {position: absolute; width: 27px; height: 27px; text-align: center; line-height: 27px; font-size: 12px; color: #000; background: url('/assets/img/sub/real_time_check_02.png') 0 0 no-repeat; }


div#res_click_map .click_inner a.cbtn_01 {top:200px; left: 257px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_02 {top:218px; left: 315px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_03 {top:211px; left: 363px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_04 {top:205px; left: 411px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_05 {top:127px; left: 410px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_06 {top:121px; left: 363px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_07 {top:114px; left: 316px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_08 {top:130px; left: 259px; background-position: 0px 0px; }

div#res_click_map .click_inner a.cbtn_09 {top:210px; left: 585px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_10 {top:215px; left: 633px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_11 {top:220px; left: 679px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_12 {top:167px; left: 727px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_13 {top:113px; left: 684px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_14 {top:119px; left: 634px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_15 {top:126px; left: 588px; background-position: 0px 0px; }

div#res_click_map .click_inner a.cbtn_16 {top:297px; left: 751px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_17 {top:262px; left: 790px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_18 {top:214px; left: 815px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_19 {top:159px; left: 822px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_20 {top:106px; left: 810px; background-position: 0px 0px; }

div#res_click_map .click_inner a.cbtn_21 {top:278px; left: 195px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_22 {top:308px; left: 239px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_23 {top:317px; left: 289px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_24 {top:312px; left: 337px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_25 {top:305px; left: 387px; background-position: 0px 0px; }

div#res_click_map .click_inner a.cbtn_26 {top:300px; left: 469px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_27 {top:300px; left: 516px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_28 {top:304px; left: 563px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_29 {top:308px; left: 612px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_30 {top:316px; left: 659px; background-position: 0px 0px; }


div#res_click_map .click_inner a.cbtn_31 {top:183px; left: 100px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_32 {top:150px; left: 117px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_33 {top:116px; left: 134px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_34 {top:86px; left: 150px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_35 {top:50px; left: 165px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_36 {top:20px; left: 195px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_37 {top:12px; left: 243px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_38 {top:12px; left: 284px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_39 {top:12px; left: 327px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_40 {top:12px; left: 369px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_41 {top:12px; left: 412px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_42 {top:12px; left: 453px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_43 {top:12px; left: 496px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_44 {top:12px; left: 536px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_45 {top:12px; left: 580px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_46 {top:12px; left: 623px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_47 {top:12px; left: 664px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_48 {top:12px; left: 707px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_49 {top:12px; left: 748px; background-position: 0px 0px; } */





/*div#res_click_map .click_inner a.cbtn_Rwaiting {background-position: -148px 0px; text-indent: -9999px; }
div#res_click_map .click_inner a.cbtn_Pcomplete {background-position: -111px 0px; text-indent: -9999px; }
div#res_click_map .click_inner a.cbtn_Pwaiting {background-position: -74px 0px; text-indent: -9999px; }
div#res_click_map .click_inner a.cbtn_clink {background-position: -37px 0px; color: #fff; }*/



/*div#res_map_intro {width: 100%; margin-top: 6px; border: 1px solid #ddd; border-top: 2px solid #fa911e; padding: 35px; overflow: hidden; }
.left_intro {float: left; width: 52%; margin-right: 3%; }
.left_intro img {width:100%; max-width: 400px; }
.right_intro {float: left; width: 45%; overflow: hidden; }
.right_intro ul {width: 50%; float: left; }
.right_intro ul li {width: 100%; padding-left: 42px; line-height: 27px; position: relative; margin-bottom: 15px; }
.right_intro ul li.rmi_01:before {width:27px; height: 27px; display: block; content:""; clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; position: absolute; top:0; left:0; }
.right_intro ul li.rmi_02:before {width:27px; height: 27px; display: block; content:""; clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; position: absolute; top:0; left:0; background-position: -37px
0px; }
.right_intro ul li.rmi_03:before {width:27px; height: 27px; display: block; content:""; clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; position: absolute; top:0; left:0; background-position: -74px
0px; }
.right_intro ul li.rmi_04:before {width:27px; height: 27px; display: block; content:""; clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; position: absolute; top:0; left:0; background-position:
-111px 0px }
.right_intro ul li.rmi_05:before {width:27px; height: 27px; display: block; content:""; clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; position: absolute; top:0; left:0; background-position:
-148px 0px}

*/

/* 환불규정

.refund{font-size: 17px; line-height: 27px; color: #000; margin: 30px 0 35px 0; }
.refund_rule h3 {margin-bottom: 17px; }*/

.refund {margin: 20px 0; line-height: 25px; }
.refund_list li {padding-left: 10px !important; line-height: 25px; position: relative;}
.refund_list li:before {content: ''; display: block; width: 5px; height: 5px; background: #f68b1e; position: absolute; left: 0; top: 10px; border-radius: 50%; }
.refund_rule_scroll {margin-bottom: 30px; }
.refund_rule_scroll span {line-height: 30px; font-weight: 500; }

.hm_tab {width: 100%; border-top: 2px solid #f68b1e; }
.hm_tab th {background: #f9f9f9;padding: 15px; border-left: 1px solid #ddd;  border-bottom: 1px solid #ddd; vertical-align: middle;  text-align: center; }
.hm_tab th:first-child {border-left: 0; }
.hm_tab td {padding: 15px 10px; border-bottom: 1px solid #ddd; vertical-align: middle; text-align: center; border-left: 1px solid #ddd; }
.hm_tab td:first-child {border-left: 0; border-right:1px solid #ddd; }
.hm_tab td span {font-size: 13px; color: #7d7d7d;  line-height:1.3}

/* 유의사항 */
.caution h3 {margin-bottom: 20px;  font-size: 20px; font-weight: 500; }
.caution > p {margin-bottom: 30px; }
.caution > p span {color: #f68b1e; font-weight: 500; }
.caution ul li {font-size: 16px; color: #000; width: 100%; word-break:keep-all; padding-bottom: 35px; padding-left: 30px; background: url('/assets/img/sub/sub_caution_img01.png') 0 0 no-repeat; }
.draw .caution ul li {background: url('/assets/img/sub/sub_caution_img02.png') 20px 0 no-repeat; }
.caution ul li p {line-height:1.6; padding-top: 5px; }
.caution ul li p span {color:red; }
.caution_inner {border: #ddd 1px solid; padding: 30px; height: 350px; overflow-y: scroll; overflow-x: hidden; }
.caution .in_mo_ok {margin-bottom: 30px; text-align: center; clear:both; padding-top:20px; }

/***************************************/
/*50+교육*/
/***************************************/
/* 50+교육 메인 */
/*.me_left_content {width: 66%; max-width: 595px; float: left; }
.me_left_content .me_top {position: relative; }
.me_left_content .me_top p {position: absolute; top: 28px; left: 0; width: 100%; }
.me_left_content .me_top p span {font-size: 25px; color: #2452a7; display: block; padding-bottom: 15px; font-weight: 500; font-family: 'notokr'; }
.me_left_content >  .me_top > img {padding-top: 75px; display: block; }
.mainjob .me_left_content >  .me_top > img {padding-top: 103px; }
.mainjob h5, .mainedu h5 {background: none !important; }*/

span.me_ttext {padding-top: 3px !important; }
ul.me_top_box01 {position: absolute; right: 0; top: 60px; }
ul.me_top_box01 li {float: right; margin-left: 10px; margin-bottom: 10px; }
li.me_clear {clear: both; }
ul.me_top_box01 li a {display: block; background: #f4f4f4; vertical-align: middle; border: 1px solid #ddd; border-radius: 5px; width: 91px; height: 91px; }
ul.me_top_box01 li a img {margin: 0 auto; display: block; padding-top: 12px; }
ul.me_top_box01 li a span {text-align: center; display: block; font-size: 13px; line-height: 15px; font-family: 'notokr';  padding-top: 10px; }



.me_table {border-top: 2px solid #2452a7; border-bottom: 1px solid #ddd; padding-bottom: 20px; min-height: 285px; }
.me_table h4 {font-size: 18px; color: #000 !important; font-family: 'notokr'; font-weight: 500; padding-left: 10px; height: 53px; line-height: 53px; border-bottom: 1px solid #e5e5e5; }
.me_table h4 span {float: right; margin-top: 15px; margin-right: 10px; }
.me_table h4 span a {font-size: 11px; color: #6b6b6b; border: 1px solid #ddd; padding: 4px 7px; }
ul.me_list_first > li:first-child {margin: 0 90px 0 0 !important; padding-top: 0 !important; }

.me_table .board_list li {padding:16px 10px; }
.me_table .board_list li a {color: #676767; font-size: 14px; }
.me_table .board_list li .date {color: #999999; font-size: 11px; }

.me_right_content {width: 33%; float: right; max-width: 293px; }
.mrc_inr {background: #f2f2f2; padding: 33px 10px; min-height: 368px; }
.mrc_inr ul li {padding: 0 5px; clear : both; overflow: hidden; }
.mrc_inr h4 {font-size: 18px; color: #000 !important; font-family: 'notokr'; font-weight: 500; height: 24px; line-height: 24px; margin-bottom: 3px; padding-left: 5px; }
.mrc_inr h4 span {float: right; margin-right: 5px; }
.mrc_inr h4 span a {font-size: 11px; color: #6b6b6b; border: 1px solid #ddd; padding: 4px 7px; }
.mrc_inr .comp_con {margin-top: 25px; }
.mrc_inr .comp_con p {color: #797979; font-size: 13px; margin-left: 0; }
.mrc_inr .comp_con span {color: #999999; font-size: 12px; display: block; padding-top: 16px; }
.mrc_inr .comp_con img {width: 121px; height: 89px; }

.mrc_banner {margin-top: 21px; border: 1px solid #ddd; }
.mrc_banner ul li {width: 100%; background: #fbfbfb; }
.mrc_banner ul li a {display: block; overflow: hidden; }
.mrc_banner ul li a img {float: left; padding: 14px 15px; }
.mrc_banner h5 {color: #393939; font-size: 17px; font-family: 'notokr'; font-weight: 400; padding-top: 23px; }
.mrc_banner ul li a p {font-size: 13px; padding-top: 5px; margin-right: 25px; }
.mrc_banner .fir_btn {border-bottom: 1px dotted #ddd; }

/* 메인잡 */


.mainjob .me_top_box01 {top: 163px; }
span.title_lit {font-size: 20px !important; color: #555 !important; font-weight: 300 !important; float: left; margin-right: 5px; }
.mainjob .mrc_inr .board_list li {margin: 0 5px; padding: 16px 0; }
.mainjob .mrc_inr .board_list li a {font-size: 13px; }
.mainjob .mrc_inr .board_list .me_list_first {margin: 0 5px !important; padding-top: 0 !important; }
.mainjob .mrc_inr {min-height: 259px; }

span.main_edu_notice {display: block; background: #f9f9f9; border: #ddd; width: 100%; padding: 2%; border: 1px solid #ddd; margin-top: 2%; }

.mainedu .in_mo_list_content01 {margin-top: 4%; }
.mainedu .in_mo_ydt {text-align: right; margin: 25px 0 10px 0; overflow: hidden; }
.mainedu .in_mo_ydt a {display: block; float: left; }
.mainedu .in_mo_ydt span {float: left; font-size: 1.4em; }
/* 교육과정안내 */
.curriculum .civil_txt {padding-top: 0 !important; margin-bottom: 10px; }
.curriculum .civil_txt p {background:  url('/assets/img/sub/sub_bg_title04.png') left 8px no-repeat; padding-left: 10px; }

.ed_cu_content {width: 100%; float: left; }
.ed_cu_content ul li {width: 49%; float: left; margin-right:2%; margin-bottom: 30px; }
.ed_cu_content ul li a {display: inline-block; }

.ed_cu_content ul .sec {margin-right:0 !important; }
.ed_cu_content ul li dt {background: #005ea5; color: #fff; text-align: center; display: inline-block; width: 124px; height: 124px; line-height: 124px; border-radius: 65px; float: left; position: relative; }
.ed_cu_content ul li .gray {background: #888888 !important; }
.ed_cu_content ul li .wblue {background: #428ec8 !important; }
.ed_cu_content ul li dt img {position: absolute; top: 50%; margin-top: -13px; z-index: -1; right: -32px; }
.ed_cu_img01_mobile {display: none; }
.ed_cu_content ul li dd {width: 58%; float: left; padding: 5% 4%; border: 1px solid #ddd; margin-left: 4%; margin-top: 2%; position: relative; z-index:-2; letter-spacing: -0.6px; height: 80px; display: table; }
.ed_cu_content ul li dd span {display: table-cell; vertical-align: middle; }

/* 공통 텝 */
.ed_or_tab a {padding: 0px 11px !important; }
.ed_or_tab a.active {padding-bottom: 1px !important; }

/* list */
span.ed_or_recruitment {display: inline-block; border: 1px solid #2452a7; padding: 4px 7px 4px 7px; background: #2452a7; line-height: 18px; font-size: 13px; min-width: 30px; text-align: center; color: #ffffff; vertical-align: middle; }
span.ed_or_deadline {display: inline-block; border: 1px solid #ddd; background: #ececec; line-height: 18px; font-size: 13px; min-width: 30px; text-align: center; color: #555; vertical-align: middle; padding: 4px 10px 4px 10px; }

.eo01 {width: 15%; }
.eo02 {width: 6%; }
.eo03 {width: 6%; }
.eo04 {width: 5%; }
.eo05 {width: 8%; }
.eo06 {width: 5%; }

.me01 {width: 5%; }
.me02 {width: 30%; }
.me03 {width: 10%; }
.me04 {width: 8%; }
.me05 {width: 7%; }
.me06 {width: 7%; }

.mj01 {width: 5%; }
.mj02 {width: 10%; }
.mj03 {width: 20%; }
.mj04 {width: 8%; }
.mj05 {width: 7%; }
.mj06 {width: 7%; }

.lc01 {width: 9%; }
.lc02 {width: 44%; }
.lc03 {width: 15%; }
.lc04 {width: 9%; }
.lc05 {width: 14%; }
.lc06 {width: 9%; }

/*view*/
.ed_or_title {float: left; border-top: 2px solid #4c4f55; /*border-bottom: 1px solid #848992; */
width: 100%; }
.ed_or_title h4 {float: left; color: #333333; font-size: 16px; font-weight: 700; line-height: 1.5; text-align: center; width: 100%; position: relative; background: #f9f9f9; border-bottom: 1px solid #d0d0d0; }
.ed_or_title h4 span {display: block; font-weight: 600; color: #000; padding: 15px 10px 15px 10px; font-size:18px; }
span.ed_or_veiw {float: left; background: #f7f7f7 !important; border: none !important; color: #343434 !important; border: 1px solid #ccc !important; font-weight: 300 !important; font-size: 12px; padding: 7px !important; position: absolute; top:
50%; margin-top: -18px; right: 10px; }

.ed_or_contents01 {float: left; width: 100%; margin-top:30px; }
.ed_or_contents01 .in_us_table {margin-top: 15px; margin-bottom: 0; }
.ed_or_study p {margin-top: 10px; }
.order .bbs_bottom_wrap {border-top: 1px solid #d0d0d0; padding-top: 30px; margin-top: 50px; }
.order .bt_right a:first-child {background: #2452a7; }
.order table {border-top: 1px solid #2452a7; }
.order_write table .table_hundred {width: 99%; }

.ed_or_write .ed_or_contents01 {margin-bottom: 50px; margin-top: 0; }

/*교육후기*/
/* list */
.review_list {border-bottom: 1px solid #ddd; border-top: #4c4f55 2px solid; line-height: 20px; float: left; width: 100%; margin-top: 14px; }
.review_list ul li {/*background:  url('/assets/img/sub/td_bg01.png') 0 0 repeat-x; */
border-top: 1px dashed #ddd; padding: 30px 0; width: 100%; float: left; }
.review_list ul li:first-child {/*background:  url() !important; */
border-top: 0 !important; }

.review_list dl dt {width: 25%; min-width: 130px; height:auto; float: left; overflow: hidden; margin-right: 4%; }
.review_list dl dt img {width: 100%; height: auto; }
.review_list dl dd {width: 70%; height:auto; max-height: 140px; float: left; /*overflow: hidden; */position: relative; }
.review_list ul li h6 {font-size: 16px; color: #555555; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom:10px; }

.review_list ul li h6 a:hover {color: #2452a7; text-decoration: underline; }

.review_list ul li .ed_re_info {display: inline-block; /*margin-top: 5px; */
}
.review_list em {font-style: normal; font-size: 14px; padding-right: 10px; margin-right: 10px; /*background:  url('/assets/img/sub/cline_bg01.png') right 50% no-repeat; */
}

.review_list ul li .ed_re_news {margin-top: 10px; }
.review_list ul li .ed_re_news a {color: #9e9e9e; }
.review_list ul li .ed_re_news a:hover {text-decoration: underline; text-overflow: ellipsis; overflow: hidden; }

.review_write table .table_hundred {width: 99%; }

.review_list ul li .ed_re_sub {margin-top: 10px; }
.review_list ul li .ed_re_sub a:hover {text-decoration: underline; text-overflow: ellipsis; overflow: hidden; }


.catalog_list {border-bottom: 1px solid #2452a7; border-top: 2px solid #2452a7; line-height: 20px; float: left; width: 100%; margin-top: 14px; }
.catalog_list ul li {/*background:  url('/assets/img/sub/td_bg01.png') 0 0 repeat-x; */
border-top: 1px dashed #ddd; padding: 30px 0; width: 50%; float: left; }
.catalog_list ul li:first-child, .catalog_list ul li:nth-child(2) {/*background:  url() !important; */
border-top: 0 !important; }

.catalog_list dl dt {width: 14%; min-width: 130px; height:auto; float: left; overflow: hidden; margin-right: 4%; }
.catalog_list dl dt img {width: 100%; height: auto; }
.catalog_list dl dd {width: 66%; height:auto; max-height: 140px; float: left; /*overflow: hidden; */
position: relative; }
.catalog_list ul li h6 {font-size: 16px; color: #555555; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom:10px; }
.catalog_list ul li h6 a {color: #000; font-weight: 400; font-size: 20px; }
.catalog_list ul li h6 a:hover {color: #2452a7; text-decoration: underline; }

.catalog_list ul li .ed_re_info {display: inline-block; /*margin-top: 5px; */}
.catalog_list em {font-style: normal; font-size: 14px; color: #2452a7; padding-right: 10px; margin-right: 10px; /*background:  url('/assets/img/sub/cline_bg01.png') right 50% no-repeat; */}

.catalog_list ul li .ed_re_news {margin-top: 15px; }
.catalog_list ul li .ed_re_news a:hover {text-decoration: underline; text-overflow: ellipsis; overflow: hidden; }
.journal .catalog_list ul li .ed_re_news a {display: inline-block; background: #fff; padding: 10px 0; width: 112px; text-align: center; border: 1px solid #ddd; border-radius: 4px; }
.journal .catalog_list ul li dl dt img {border: 1px solid #ddd; }
.journal .catalog_list ul li .ed_re_news a:hover {background: #2452a7; border: 1px solid #2452a7; color: #fff !important; text-decoration: none; }


/* 타기관 교육안내 */
.ed_gu_contents01 {float: left; margin-bottom: 50px; }
.ed_gu_contents01 h2 {margin-bottom: 30px;  margin-top: 0 !important; }
.ed_gu_contents01 ul li {float: left; width: 25%; margin-bottom: 1%; -webkit-transition: all 1.5s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.ed_gu_contents01 ul li a {display: block; text-align: center; }
.ed_gu_contents01 ul li a img {width: 100%; display: inline-block; max-width: 219px; border: 1px solid #ddd; max-height: 72px; }

.ed_gu_contents02 {float: left; margin-bottom: 50px; }
.ed_gu_contents02 h2 {margin-bottom: 30px; }
.ed_gu_contents02 ul li {float: left; width: 25%; margin-bottom: 1%; -webkit-transition: all 1.5s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.ed_gu_contents02 ul li a {display: block; text-align: center; }
.ed_gu_contents02 ul li a img {width: 100%; display: inline-block; max-width: 219px; border: 1px solid #ddd; }

/***************************************/
/*50+일자리*/
/***************************************/

/*인턴십사원*/

img.job_process {width: 100%; max-width: 908px; display: block; margin: 0 auto; }
img.job_process2 {display: none; }


/* 공공일자리 사업 */
.incon_ex {float: left; width: 100%; border: 1px solid #Ccc; background: #f1f1f1; padding: 20px; text-align: center; margin-bottom: 25px; }
.incon_ex ul {display: inline-block; }
.incon_ex ul li {float: left; padding: 0 8px; display: inline-block; }
.incon_ex ul li img {position: relative; top: 3px; margin-right: 4px; }
.gojob .civil_txt, .gojob_view .civil_txt {padding: 0 0 30px 0; }
a.login_btn {padding: 4px 8px; border-radius: 5px; background: #2452a7; color: #fff; font-size: 13px; margin-left: 10px; }
a.job_gojob_down {display: inline-block; background: #2452a7; color: #fff; padding: 10px 25px; border-radius: 4px; margin-left: 35px; }

/***************************************/
/*50+사회참여*/
/***************************************/

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

.behavior h2 {margin-bottom: 30px; }
.behavior h3 {margin-top: 30px; margin-bottom: 20px; }

.so_be_explanation {border: 1px solid #ddd; border-top: 2px solid #2452a7; padding: 0 0 0 30px;  background: #fbfbfb; position: relative; }
.so_be_explanation:after{content:""; clear:both; display:block}
.so_be_explanation::before {background: #21b6f4; content:""; width: 185px; height: 2px; position: absolute; top:-2px; left:30px; }
.so_be_explanation .so_be_left {width: 52%; float: left; padding-top: 30px; }
.so_be_explanation .so_be_left h4 {font-size: 25px; font-family: 'notokr'; font-weight: 500; color: #2452a7; margin-bottom: 22px; }
.so_be_explanation .so_be_left span {font-size: 14px; margin-bottom: 22px; display: block; }
.so_be_explanation .so_be_left p {font-size: 14px; color: #000; padding-top: 22px; background:  url('/assets/img/sub/so_be_img03.png') left top no-repeat; }
.so_be_explanation .so_be_right {float: right; }
.so_be_explanation .so_be_right img {display: block; }

.behavior table.in_us_table td {line-height: 27px; }
.behavior .in_us_table .blue {display: block; font-family: 'notokr'; font-weight: 500; padding-bottom: 5px; padding-top: 10px; }
.behavior .in_us_table .sp_fir {padding-top:0; }
.behavior  table.in_us_table {margin-bottom: 0; border-collapse: separate; }

.info_write table .table_hundred {width: 99%; }

.so_be_content01, .so_be_content02 {float: left; width: 100%; }


/* 추진계획 */

p.alignC {text-align: center; }
.MAT10 {margin-top: 10px !important; }
.MAT5 {margin-top: 8px !important; line-height: 27px; }
.MAR5 {margin-right: 10px !important; }
.MAL60 {margin-left: 89px !important; }


span.state01 {display: inline-block; border: 1px solid #0c3788; padding: 4px 7px 4px 7px; background: #2452a7; line-height: 18px; font-size: 13px; min-width: 64px; text-align: center; color: #ffffff; vertical-align: middle; border-radius: 15px; }

.behavior .so_be_content02 .in_us_table th {border-left: 1px solid #dfe2e7; border-bottom: 1px #dfe2e7 dashed; }
.behavior .so_be_content02 .in_us_table th:first-child {border-left: 0; }
.behavior .so_be_content02 .in_us_table td {border-left: 1px solid #dfe2e7; text-align: center; }
.behavior .so_be_content02 .in_us_table td:first-child {border-left: 0; }
td.so_be_leftet {text-align: left !important; }
span.so_be_fighting {font-family: 'notokr'; font-weight: 400; color: #000; }


/* 사회공헌활동사업 모집 */

.service .so_be_right img {margin: 16px 60px 0 0; }
.info .job_search_inner {padding: 12px 24px 0 24px; }
.info .job_search li div input[type="text"] {height: 28px; }
span.so_in_pad {font-size: 13px; }
.civil_txt.so_in_view {padding: 0 0 30px 0; }
.ed_or_contents01 p {margin-top: 15px; }
.ed_or_contents01 p img{max-width: 100%; }

input#searchMinSal, input#searchMaxSal {text-align: center; }

.society_keword select#searchWorkType {float: left; }
.society_keword input#searchKeyword {float: left; margin-left: 2%; width: 72%; }
.jobbiz_03 .society_keword input#searchKeyword {margin-left: 0; }

input.bbs_file_btn {background: #efefef; padding: 5px 10px !important; display: inline-block; vertical-align: middle; margin: 0 !important; height: 30px !important; }


/* 문화행사 */

/* list */
.event .job_search li div input[type="text"] {height: 28px; }
.event .job_search_inner {padding: 12px 24px 0 24px; margin-top: 30px; }
.job .job_search_inner {padding: 12px 24px 0 24px; }

.event .list_view {float: left; margin-top: 10px; width: 100%; }
.event .list_view dl {width: 50%; height: 228px; float: left; position: relative; margin-bottom: 30px; padding-bottom:30px; border-bottom: 1px dashed #ddd; }

dl.not_file {border-bottom: none !important; height: auto !important; }
dl.not_file dt {width: 100% !important; margin-right: 0 !important; }
dl.li_ev_bonone {padding-bottom: 0 !important; border: 0 !important; }
.event .list_view dl dt {float: left; width:35%; height: auto; overflow: hidden; margin-right:15px; }
.event .list_view dl dt img {width: 100%; /*height: 228px; height: auto; */height: 120px; }
.event .list_view dl dd {float: left; width:53%; }
/*.event .list_view dl dd.li_en_list_subject {font-size: 16px; color: #000; }*/
.event .list_view dl dd.li_en_list_subject a {color: #000; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
.event .list_view dl dd.li_en_list_subject a  span{color: #2452a7; font-size: 16px; }
.event .list_view dl dd.li_en_list_place {position: absolute; top:28px; left:35%; margin-left: 15px; line-height: 25px; }
.event .list_view dl dd.li_en_list_place p {white-space : nowrap; text-overflow: ellipsis; overflow: hidden; margin-top:11px; }
.event .list_view dl dd.li_en_list_place p em {display: inline-block; padding: 4px 7px; border: 1px solid #ddd; background: #ececec; line-height: 17px; font-size: 12px; min-width: 45px; text-align: center; margin-right: 5px; letter-spacing: -0.050em;
font-style: normal; }

.event .bbs_bottom_wrap {border-top: 1px solid #ddd; padding-top: 30px; }

.li_ev_tab a {padding: 0 14px !important; }
.li_ev_tab a.active {padding-bottom: 1px !important; }

.event input.table_hundred {width: 99% !important; }
.jobbiz_03 input.table_hundred {width: 99% !important; }
.job input.table_hundred {width: 99% !important; }
.job_search input.table_hundred {width: 99% !important; }

/* view */
.li_ev_content01 {float: left; margin-top: 30px; width: 100%; padding: 3%; border: 1px solid #ddd; background: #fbfbfb; }
.li_ev_content01 dl dt {width: 29%; float: left; max-width:240px; }
.li_ev_content01 dl dt img {width: 100%; /*height: 320px; height: auto; */height: auto; }
.li_ev_content01 dl dd {float: left; width: 66%; margin-left: 5%; }
.li_ev_content01 dl dd h4 {font-size: 24px; color: #000; line-height: 30px; padding-bottom: 18px; border-bottom: 1px dashed #ddd; font-family: 'notokr'; font-weight: 500; }
.li_ev_content01 dl dd .li_ev_place {margin-top: 10px; }
.li_ev_content01 dl dd p {line-height: 38px; }
.li_ev_content01 dl dd p span {background: url(/assets/img/sub/ico_job.gif) left 9px no-repeat; padding-left: 11px; width: 70px; display: inline-block; font-family: 'notokr'; font-weight: 400; }

p.li_ev_fin {font-size: 13px; border-top: 1px solid #ddd;  line-height: 20px !important; padding-top: 10px; }

.li_ev_content02 {float: left; margin-top: 30px; width:100%; }
.li_ev_content02 h3 {margin-bottom: 20px; }
.li_ev_content02 p {width: 98%; padding: 0 1%; }

span.li_ev_care {width: 100%; margin-top: 50px; display: block; text-align: left; border-top: 1px solid #ddd; font-size: 13px; padding: 5px; }



/***************************************/
/* 회원 공간 및 마이페이지 */
/***************************************/

.my_pe_content01 {width: 100%; float: left; }
.my_pe_content01_inr {padding: 25px 20px; border: 1px solid #ddd; background: #fbfbfb; }
.my_pe_content01_inr p {line-height: 23px; }
h3.h3Bl {margin: 40px 0 10px; }

.h3Section {margin: 0 0 0 25px; }
.h3Section p {line-height: 26px; padding-bottom: 10px; }
.h3Section ol li, .h3Section ul li {line-height: 26px; }

.colorBlack {color: #000; font-family: 'notokr'; font-weight: 400; }
.colorBlue {color: #2452a7; font-weight: bold; }

.arrowBl:before {content: ""; display: inline-block; width: 0; height: 0; margin-right: 5px; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #2452a7; }

table.in_us_table td {border-left: 1px solid #dfe2e7; }
table.in_us_table td:first-child {border-left: 0 !important; }

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

.terms h2 {margin-top: 40px; }
.terms h2:first-child {margin-top: 0; }
.terms h3 {margin-top: 30px; }
.h3Section ul li ul, .h3Section ol li ol {padding-left: 20px; margin: 10px 0; }

.mt_pe_table_mobile {display: none; }


/***** site map *****/
ul.first_content {float: left; width: 100%; margin-bottom: 50px; }
.sites > ul > li {width: 30%; display: inline-block; margin-left: 4%; margin-bottom: 30px; vertical-align: top; -webkit-transition: all 1.5s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.sites ul .first, .sites ul .four {margin-left: 0; }
.sites > ul > li > h3 > a {background: #f68b1e; text-align: center; padding: 15px; font-size: 18px; color: #fff; display: block; font-family: 'notokr'; font-weight: 400; }
.sites > ul > li > h3 > a:hover {background: #d55b1e; }
.sites > ul > li > h3  {background: none !important; padding-left: 0 !important; }

.sites > ul > li > ul > li > a {display: block; line-height: 35px; padding-left: 10px; color: #000 !important; font-size: 16px; margin-top: 10px; letter-spacing: -0.050em; margin-left: 10px; border-bottom: 1px solid #e3e8e9; }

.sites > ul > li > ul > li > a:hover {color: #2452a7 !important; text-decoration: underline; }
.sites ul li ul p {line-height: 25px; padding-left: 20px; background: #f7f7f7; }
.sites ul li ul p a {padding-left: 10px; line-height: 35px; color: #666666; font-family: 'notokr'; font-weight: 400; font-size: 14px; }
.sites ul li ul p a:hover {color: #2452a7 !important; text-decoration: underline; }
.sites > ul > li > ul > li > ul {border-bottom: 1px solid #e3e8e9; }


/***** 아이디/비밀번호찾기 S *****/
div#member_ido_inr h3 {float: left; }
.member_ido_ok {clear: both; width: 100%; float: left; border-top: #2452a7 2px solid; border-bottom: #4c4f55 1px solid; padding: 50px 0px; margin-top: 20px; margin-bottom: 50px; }
.member_ido_ok p {text-align: center; font-size: 20px; color: #222; line-height: 28px; }
.member_ido_ok .ido_additional {font-size: 14px; line-height: 18px; padding-top: 20px; color: #929292; }
.member_ido_ok .idpass_name span {font-size: 20px; color: #222; }

.member_ido_password {clear: both; width: 100%; float: left; border-top: #2452a7 2px solid; border-bottom: #4c4f55 1px solid; padding: 50px 0px; margin-top: 20px; text-align: center; }
p.ido_additional2 {font-size: 14px; line-height: 18px; color: #929292; text-align: center; margin-top: 20px; }
p.ido_additional2 span {font-size: 14px; line-height: 18px; padding-top: 20px; color: #222; text-decoration: underline; line-height: 27px; }

.ido_pass {position: relative; clear: both; padding: 0; margin: 0 auto; max-width: 480px; overflow: hidden; text-align: left; }
p.ido_input {position: relative; margin: 0 0 10px 0; padding: 0; border: 1px solid #ddd; }

.ido_pass label {position: absolute; top: 17px; left: 0; padding-left: 17px; font-size: 12px; line-height: 20px; color: #999; }
.ido_pass label strong {display: inline-block; color: #333; width: 100px; }
.ido_pass input {padding: 17px 0; width: 100%; height: 20px; border: 0; line-height: 20px; text-indent: 17px; color: #666; }

a.ido_btn {display: block; background: #007fcd; height: 48px; font-size: 18px; line-height: 45px; text-align: center; text-decoration: none; color: #fff; }


/*** 비밀번호 변경 ***/
.password_ment {font-size: 16px; color: #f68b1e; margin-top: 17px; font-weight: 500; word-break:keep-all;}
.password_ment ul {margin-top: 30px; margin-bottom: 30px; width: 100%; }
.password_ment ul li {display: block; width: 100%; line-height: 150%; padding-bottom: 10px; }


.password .bbs_write table tbody th {width: 40%; }
.password .bbs_write table tbody td {width: 60%; }


/*** 자원봉사 검색서치 new ***/
.serve_search {background: #f5f5f5; padding: 24px; border: #ccc 1px solid; overflow: hidden; }
.serve_search dl {width: 50%; border-bottom: #ccc 1px dotted; padding: 9px 0; float: left; }
.serve_search dl dt {color: #000; background: url(/assets/img/sub/ico_job.gif) left 11px no-repeat; padding-left: 12px; line-height: 30px; width: 106px; float: left; }
.serve_search dl dd {line-height: 30px; }
.serve_search dl dd select {display: inline-block; width: 66%; height: 30px; background: #fff; border: 1px solid rgb(169, 169, 169); vertical-align: middle; }
.serve_search .thr dd select {width: 37%; }
.serve_search .fou dd .time input {display: inline-block; width: 30%; height: 28px; }
.serve_search .fiv dd input {float: left; width: 65%; height: 28px; }
.serve_search dl span.check label {font-size: 13px !important; }
.serve_search dl.one, .serve_search dl.thr, .serve_search dl.fiv {border-left:0 !important; }
.serve_search dl.fiv, .serve_search dl.six {border-bottom:0 !important; }


.se_contents01 {width: 100%; overflow: hidden; }
.se_contents01 dl {width: 50%; float: left; border-bottom: 1px solid #dfe2e7; }
.se_contents01 dl.SoSe_serdl {width: 100%; }
.se_contents01 dl dt {color: #000; padding: 15px; background: #f7f7f7; text-align: center; width: 110px; float: left; }
.se_contents01 dl dd {padding: 15px 20px; float: left; }
.se_contents01 dl.last {width: 100%; }


/*회원가입*/
.operation {width: 100%; padding: 2% 0 2% 2%; border: 1px solid #ddd; margin-top: 10px; background: #f5f5f5;}
.operation p {font-size: 14px; height: 220px; overflow: auto; }
.in_mo_ok {padding: 10px 0; margin-bottom: 30px; text-align: right; }
.in_mo_ok input {position: relative; /*top: 2px; */ border:0 !important; }

p.bt_center a {display: inline-block; background: #f68b1e; color: #fff; padding: 11px 35px; margin: 0 3px; }
p.bt_center a.cancle_btn {background: #686868 !important; }

/* 개인정보처리방침 */
div.onetxt {font-size: 18px; color: #000; font-weight: 400; text-align: center; border: 1px solid #ddd; background: #f5f5f5; padding: 14px 0; border-radius: 25px; margin-top: 60px; }
div.onetxt:first-child {margin-top:0; }
.person h3 {margin-top: 40px; margin-bottom: 15px; }
.person p {line-height: 24px; padding-bottom: 10px; }
.person .submenu {padding-left: 15px; }
.person .submenu span {color: #000; padding-bottom: 3px; display: block; }
.person .submenu b {margin-right: 7px; color: #f68b1e; }
.buchik {margin-bottom: 15px; }




.im_mo_importnat {margin-top: 10px; display: block; text-align: right; margin-bottom: 5px; }





/* 예약/요금안내 */

.red {color:red; }
.black {color:#000; font-weight:500; }

.reat h3 {margin-bottom: 20px;  font-size: 20px; font-weight: 500; }
.reat_inner {width: 100%; padding: 50px 25px; padding-left:140px; border: 1px solid #ddd; border-top: 2px solid #f68b1e;background: url(/assets/img/sub/sub_rates_img01.png) 25px center no-repeat; font-size: 22px; font-weight: 500;
margin-bottom: 30px; }
.reat_inner br {display:none;}
.reat_inner a {font-size: 22px; padding-left: 5px; font-weight: 500; }
.reat_inner02 {width: 100%; padding: 30px; border: 1px solid #ddd; border-top: 2px solid #f68b1e; font-size: 18px; font-weight: 500; margin-top: 30px; }
.reat_inner02 ul li {font-size:18px; font-weight:600; position:relative; padding-left:10px; color:#222; }
.reat_inner02 ul li:before {content:''; width:5px; height:5px; background:#f68b1e; position:absolute; left:0; top:7px; }
.reat_inner02 ul li p {padding-left:10px; }
.reat_inner p, .reat_inner02 p {padding-top: 10px; }

.reat ul li {padding-bottom: 10px; line-height:1.7; }
.reat ul li > strong {color:#2a99f2;}


.reat ul li.star {color: #f68b1e; font-weight: 500; }
#user_guide {margin-top: 20px; }
#user_guide h2 {margin-bottom: 20px; font-size:24px; }
#user_guide p {word-break:keep-all; margin-bottom: 10px; }
.reat .hm_tab {width: 100%; border-top: 2px solid #f68b1e; }
.reat .hm_tab th {background: #f9f9f9; font-size: 15px; font-weight: 400; padding: 15px; border-left: 1px solid #ddd;  border-bottom: 1px solid #ddd; vertical-align: middle;  text-align: center; }
.reat .hm_tab th:first-child {border-left: 0; }
.reat .hm_tab td {font-size: 14px; font-weight: 400; padding: 10px 10px; border-bottom: 1px solid #ddd; vertical-align: middle; text-align: center; border-left: 1px solid #ddd; }
.reat .hm_tab td:first-child {border-left: 0; }
.reat .hm_tab td input {background: #f9f9f9; border: 1px solid #ddd; height: 35px; line-height: 35px; padding: 0 10px; border-radius: 5px; margin-right: 7px; }
.reat .hm_tab td span {font-size: 14px; }
.reat .hm_tab td select {border: 0; font-size: 14px; font-weight: 500; }
th.ug_01 {width: 10%; }
th.ug_02 {width: 30%; }
th.ug_03 {width: 60%; }
.sub_guide {background: #fff8f0; }

/* 실시간예약 reservation_rates S */

.reats h3 {margin-bottom: 20px; font-size: 20px; }
.reats .hm_tab {border-top: 2px solid #f68b1e; margin-top: 15px; }
.reats.draw .hm_tab, .draw .hm_tab {border-top: 2px solid #2a99f2; }


.reats .hm_tab th {width: 30%; word-break:keep-all; }
.reats .hm_tab td {padding: 7px 10px; text-align:left; }
.reats .hm_tab td br {display:none; }
.reats .hm_tab td input {background: #f9f9f9; border: 1px solid #ddd; height: 35px; line-height: 35px; padding: 0 10px; border-radius: 5px; margin-right: 5px; }
.reats .hm_tab td select {border: 0; font-weight: 500; height: 35px; border:1px solid #ddd; padding:0 5px; border-radius:3px; }

p.sub_reTxt {line-height:1.9; margin: 25px 0; transform: skew(-0.08deg); }
p.sub_reTxt span {display: block; line-height:inherit;color: #d70404;font-weight: 500; }
.mb0 {margin-bottom:0 !important; }

.res_next_btn {text-align: center; margin-top: 30px; }

.res_next_btn a {display: inline-block; background: #f68b1e; color: #fff; padding: 10px 20px; }


.phone_box {border:1px solid #f2f2f2; padding:20px; max-width:300px; margin:auto; margin-top:30px; }
.phone_box .txt {text-align:left; margin-bottom:10px; display:flex; justify-content: flex-start; align-items: center; }
.phone_box .txt h4 {font-size:18px; font-weight:bold; color:#f68b1e; margin-bottom:10px; }
.phone_box .txt p {font-size:14px; line-height:1.3; color:#919191; }
.phone_box .txt > div {}
.phone_box .txt > div:first-child {width:15%; }
.phone_box .txt > div:last-child {width:85%; }

.draw .phone_box .txt h4 {color:#2a99f2; }
.draw .res_next_btn a {background: #2a99f2; }
.confirm .hm_tab {width: 100%; border-top: 2px solid #f68b1e; }
.draw.confirm .hm_tab {border-top: 2px solid #2a99f2; }

.confirm .hm_tab th {background: #f9f9f9; padding: 15px; border-left: 1px solid #ddd;  border-bottom: 1px solid #ddd; vertical-align: middle;  text-align: center; }
.confirm .hm_tab th:first-child {border-left: 0; }
.confirm .hm_tab td {font-weight: 400; padding: 10px 10px; border-bottom: 1px solid #ddd; vertical-align: middle; text-align: center; border-left: 1px solid #ddd; }
.confirm .hm_tab td:first-child {border-left: 0; }
.confirm .hm_tab td input {background: #f9f9f9; border: 1px solid #ddd; height: 35px; line-height: 35px; padding: 0 15px; border-radius: 5px; margin-right: 7px; }
.confirm .hm_tab td span {font-size: inherit;}
.confirm .hm_tab td select {border: 0; font-size:inherit; font-weight: 500; }


.confirm .hm_tab th.cht_01 {width: 10%; }
.confirm .hm_tab th.cht_02 {width: 22%; }
.confirm .hm_tab th.cht_03 {width: 19%; }
.confirm .hm_tab th.cht_04 {width: 19%; }
.confirm .hm_tab th.cht_05 {width: 30%; }
.confirm .hm_tab td.cht_05 p {font-size: 13px; line-height:30px; }
.confirm .hm_tab td.cht_05 a {padding: 0px 15px; line-height:30px; display: inline-block; margin: 0 3px; font-size: 13px; color: #fff; }
.confirm .hm_tab td.cht_05 a.ok {background: #f68b1e; }
.confirm .hm_tab td.cht_05 a.no {background: #828282; }
.confirm .hm_tab td.cht_05 a.draw_ok {background: #2a99f2; }
.confirm_search {margin: 10px 0;  overflow: hidden; float: right; display: inline-block; }
.confirm_search select {float: left; border: 1px solid #ddd; width: 150px; height: 35px; line-height: 35px; margin-right: 5px; }
.confirm_search input {float: left; border: 1px solid #f68b1e; background: #f68b1e; color: #fff; padding: 7px 15px; }

.draw .confirm_search input {border: 1px solid #2a99f2; background: #2a99f2; }




/* 예약하기 2 */
.confirm .hm_tab th.cht_01 {width: 13%; }
.confirm .hm_tab th.cht_02 {width: 22%; }
.confirm .hm_tab th.cht_03 {width: 16%; }
.confirm .hm_tab th.cht_04 {width: 19%; }

.confirm .hm_tab td.cht_01 {background: #f6fbff; font-weight: 600; }
.confirm .hm_tab td.cht_02 span {display: block; clear: both; color: #f68b1e; padding-top: 3px; font-weight: 500; }
.draw.confirm .hm_tab td.cht_02 span {color: #2a99f2;}


.confirm2 h3{margin-bottom: 17px; }
.confirm2 h4 {font-size: 16px;  font-weight: 500;     font-family: 'notokr', sans-serif; text-align: left; background: url(/assets/img/sub/sub_bg_title05.png) 5px 6px no-repeat; padding-left: 25px; line-height: 25px; margin-top: 30px;}
.confirm2 h4 + p { margin-bottom: 15px; }
.card-box {width: 100%; padding: 0px; background: #f5f5f5; border: 1px solid #ddd; text-align: center; margin-bottom: 40px; }
.card-box select {width: 100%; line-height: 40px; height: 40px;padding:5px; border: 0px solid #ddd; background: transparent; }
.card-box select option {height: 40px; line-height: 40px; height: 40px; padding:5px; }
.confirm_card {width: 100%; text-align: center; }
.confirm_card a {display: inline-block; padding: 12px 20px; background: #f68b1e; color: #fff; cursor: pointer; }
.confirm_card a.o_card {background: #989898; }
span.confirmok_day {text-align: center; font-size: 17px; color: #f68b1e; line-height: 28px; font-weight: 500; }

#confirm_yes {background:#f68b1e !important}
.draw #confirm_yes {background:#2a99f2 !important}
.draw p.bt_center a {background:#2a99f2}


/* 예약 상세정보 */
.confirm_detail h3 {margin-bottom: 17px; }
.confirm_detail > p {margin-bottom: 30px; }

.confirm_detail .hm_tab th {width: 35%; text-align: left; padding: 15px 25px; }
.confirm_detail .hm_tab td {width: 65%; text-align: left; padding: 15px 25px; }

.cd_sec_02 h3 {margin-top: 30px; }
.confirm_detail .cd_sec_02 .hm_tab{margin-bottom: 40px; }
.confirm_detail .hm_tab td.cd_detail_phone {color: #025dc0; }
.confirm_detail .hm_tab td.cd_detail_money span {color: red; }


/* 환불 신청 페이지 */
.c_refund h3 {margin-bottom : 17px; }
.c_refund h4 {
    font-size: 15px;
    font-family: 'notokr';
    font-weight: 400;

    text-align: left;
    background: url(/assets/img/sub/sub_bg_title05.png) 5px 5px no-repeat;
    padding-left: 25px;
    line-height: 25px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.c_refund .hm_tab th {width: 28%; }
.c_refund .cr_refund_inner2 .hm_tab td {text-align: left; }
.c_refund .cr_refund_inner2 .hm_tab td input {width: 100%; }
.c_refund .cr_refund_inner2 .hm_tab td textarea {width: 100%; border: 1px solid #ddd; background: #f9f9f9; border-radius: 5px; padding: 15px; }

.c_refund .confirm_card {margin-top:  40px; }
.confirm_card a.no_card {background: #898989; }

.reats .scroll_text {color:#ce0b0b; display:none; z-index:9999; }

div#res_click_map {position: relative; overflow-x: scroll; width: 100%; margin-top: 0px; border: 1px solid #ddd; }
div#res_click_map > img {width: 1190px; position: relative; display:block; }
div#res_click_map .click_inner a {position: absolute; width: 27px; height: 27px; text-align: center; line-height: 27px; font-size: 12px; color: #fff; background: url('/assets/img/sub/real_time_check.png?date=20240508') 0 0 no-repeat; }

div#res_click_map .click_inner a.area_a {background-position: -185px 0; }
div#res_click_map .click_inner a.area_b {background-position: -222px 0; }
div#res_click_map .click_inner a.area_c {background-position: -259px 0; }

div#res_click_map .click_inner a.cbtn_01 {top:41px; left: 335px; }
div#res_click_map .click_inner a.cbtn_02 {top:41px; left: 308px; }
div#res_click_map .click_inner a.cbtn_03 {top:41px; left: 281px; }
div#res_click_map .click_inner a.cbtn_04 {top:41px; left: 254px; }
div#res_click_map .click_inner a.cbtn_05 {top:41px; left: 227px; }
div#res_click_map .click_inner a.cbtn_06 {top:41px; left: 200px; }
div#res_click_map .click_inner a.cbtn_07 {top:41px; left: 173px; }
/* div#res_click_map .click_inner a.cbtn_08 {top: 84px; left: 135px; background-position: -296px 0; }
div#res_click_map .click_inner a.cbtn_09 {top:118px; left: 135px; background-position: -296px 0; }
div#res_click_map .click_inner a.cbtn_10 {top:145px; left: 135px; background-position: -296px 0; }
div#res_click_map .click_inner a.cbtn_11 {top:172px; left: 135px; background-position: -296px 0; }
div#res_click_map .click_inner a.cbtn_12 {top:199px; left: 135px; background-position: -296px 0; }
div#res_click_map .click_inner a.cbtn_13 {top:236px; left: 135px; background-position: -296px 0; } */
div#res_click_map .click_inner a.cbtn_08 {top: 84px; left: 135px; background-position: -185px 0; }
div#res_click_map .click_inner a.cbtn_09 {top:118px; left: 135px; background-position: -185px 0; }
div#res_click_map .click_inner a.cbtn_10 {top:145px; left: 135px; background-position: -185px 0; }
div#res_click_map .click_inner a.cbtn_11 {top:172px; left: 135px; background-position: -185px 0; }
div#res_click_map .click_inner a.cbtn_12 {top:199px; left: 135px; background-position: -185px 0; }
div#res_click_map .click_inner a.cbtn_13 {top:236px; left: 135px; background-position: -185px 0; }

div#res_click_map .click_inner a.cbtn_14 {top:235px; left: 200px; }
div#res_click_map .click_inner a.cbtn_15 {top:235px; left: 227px; }
div#res_click_map .click_inner a.cbtn_16 {top:235px; left: 254px; }
div#res_click_map .click_inner a.cbtn_17 {top:235px; left: 281px; }
div#res_click_map .click_inner a.cbtn_18 {top:235px; left: 308px; }

div#res_click_map .click_inner a.cbtn_19 {top:200px; left: 333px; }
div#res_click_map .click_inner a.cbtn_20 {top:173px; left: 333px; }
div#res_click_map .click_inner a.cbtn_21 {top:146px; left: 333px; }
div#res_click_map .click_inner a.cbtn_22 {top:119px; left: 333px; }

div#res_click_map .click_inner a.cbtn_23 {top:84px; left: 308px; }
div#res_click_map .click_inner a.cbtn_24 {top:84px; left: 281px; }
div#res_click_map .click_inner a.cbtn_25 {top:84px; left: 254px; }
div#res_click_map .click_inner a.cbtn_26 {top:84px; left: 227px; }
div#res_click_map .click_inner a.cbtn_27 {top:84px; left: 200px; }

div#res_click_map .click_inner a.cbtn_28 {top:119px; left: 177px; }
div#res_click_map .click_inner a.cbtn_29 {top:146px; left: 177px; }
div#res_click_map .click_inner a.cbtn_30 {top:173px; left: 177px; }
div#res_click_map .click_inner a.cbtn_31 {top:200px; left: 177px; }



/* B구역 */
div#res_click_map .click_inner a.cbtn_32 {top:41px; left: 420px; }
div#res_click_map .click_inner a.cbtn_33 {top:41px; left: 447px; }
div#res_click_map .click_inner a.cbtn_34 {top:41px; left: 474px; }
div#res_click_map .click_inner a.cbtn_35 {top:41px; left: 501px; }
div#res_click_map .click_inner a.cbtn_36 {top:41px; left: 528px; }
div#res_click_map .click_inner a.cbtn_37 {top:41px; left: 555px; }
div#res_click_map .click_inner a.cbtn_38 {top:41px; left: 582px; }

/* div#res_click_map .click_inner a.cbtn_39 {top:84px; left: 622px; background-position: -296px 0; }
div#res_click_map .click_inner a.cbtn_40 {top:118px; left: 622px; background-position: -296px 0; }
div#res_click_map .click_inner a.cbtn_41 {top:145px; left: 622px; background-position: -296px 0; }
div#res_click_map .click_inner a.cbtn_42 {top:172px; left: 622px; background-position: -296px 0; }
div#res_click_map .click_inner a.cbtn_43 {top:199px; left: 622px; background-position: -296px 0; }
div#res_click_map .click_inner a.cbtn_44 {top:236px; left: 622px; background-position: -296px 0; } */
div#res_click_map .click_inner a.cbtn_39 {top:84px; left: 622px; background-position: -222px 0; }
div#res_click_map .click_inner a.cbtn_40 {top:118px; left: 622px; background-position: -222px 0; }
div#res_click_map .click_inner a.cbtn_41 {top:145px; left: 622px; background-position: -222px 0; }
div#res_click_map .click_inner a.cbtn_42 {top:172px; left: 622px; background-position: -222px 0; }
div#res_click_map .click_inner a.cbtn_43 {top:199px; left: 622px; background-position: -222px 0; }
div#res_click_map .click_inner a.cbtn_44 {top:236px; left: 622px; background-position: -222px 0; }

div#res_click_map .click_inner a.cbtn_45 {top:235px; left: 555px; }
div#res_click_map .click_inner a.cbtn_46 {top:235px; left: 528px; }
div#res_click_map .click_inner a.cbtn_47 {top:235px; left: 501px; }
div#res_click_map .click_inner a.cbtn_48 {top:235px; left: 474px; }
div#res_click_map .click_inner a.cbtn_49 {top:235px; left: 447px; }

div#res_click_map .click_inner a.cbtn_50 {top:200px; left: 423px; }
div#res_click_map .click_inner a.cbtn_51 {top:173px; left: 423px; }
div#res_click_map .click_inner a.cbtn_52 {top:146px; left: 423px; }
div#res_click_map .click_inner a.cbtn_53 {top:119px; left: 423px; }

div#res_click_map .click_inner a.cbtn_54 {top:84px; left: 447px; }
div#res_click_map .click_inner a.cbtn_55 {top:84px; left: 474px; }
div#res_click_map .click_inner a.cbtn_56 {top:84px; left: 501px; }
div#res_click_map .click_inner a.cbtn_57 {top:84px; left: 528px; }
div#res_click_map .click_inner a.cbtn_58 {top:84px; left: 555px; }

div#res_click_map .click_inner a.cbtn_59 {top:119px; left: 577px; }
div#res_click_map .click_inner a.cbtn_60 {top:146px; left: 577px; }
div#res_click_map .click_inner a.cbtn_61 {top:173px; left: 577px; }
div#res_click_map .click_inner a.cbtn_62 {top:200px; left: 577px; }



/* C구역 */
div#res_click_map .click_inner a.cbtn_63 {top:306px; left: 706px; }
div#res_click_map .click_inner a.cbtn_64 {top:262px; left: 730px; }
div#res_click_map .click_inner a.cbtn_65 {top:325px; left: 733px; }
div#res_click_map .click_inner a.cbtn_66 {top:291px; left: 774px; }
div#res_click_map .click_inner a.cbtn_67 {top:338px; left: 759px; }
div#res_click_map .click_inner a.cbtn_68 {top:307px; left: 801px; }
div#res_click_map .click_inner a.cbtn_69 {top:354px; left: 785px; }
div#res_click_map .click_inner a.cbtn_70 {top:319px; left: 829px; }
div#res_click_map .click_inner a.cbtn_71 {top:367px; left: 813px; }
div#res_click_map .click_inner a.cbtn_72 {top:381px; left: 841px; }

div#res_click_map .click_inner a.cbtn_73 {top:333px; left: 862px; }
div#res_click_map .click_inner a.cbtn_74 {top:394px; left: 870px; }
div#res_click_map .click_inner a.cbtn_75 {top:345px; left: 891px; }
div#res_click_map .click_inner a.cbtn_76 {top:405px; left: 899px; }
div#res_click_map .click_inner a.cbtn_77 {top:355px; left: 921px; }
div#res_click_map .click_inner a.cbtn_78 {top:408px; left: 929px; }
div#res_click_map .click_inner a.cbtn_79 {top:368px; left: 956px; }
div#res_click_map .click_inner a.cbtn_80 {top:417px; left: 957px; }
div#res_click_map .click_inner a.cbtn_81 {top:381px; left: 987px; }
div#res_click_map .click_inner a.cbtn_82 {top:421px; left: 985px; }

div#res_click_map .click_inner a.cbtn_83 {top:388px; left: 1018px; }
div#res_click_map .click_inner a.cbtn_84 {top:432px; left: 1016px; }
div#res_click_map .click_inner a.cbtn_85 {top:402px; left: 1060px; }
div#res_click_map .click_inner a.cbtn_86 {top:445px; left: 1055px; }
div#res_click_map .click_inner a.cbtn_87 {top:403px; left: 1087px; }
div#res_click_map .click_inner a.cbtn_88 {top:448px; left: 1096px; }
div#res_click_map .click_inner a.cbtn_89 {top:404px; left: 1115px; }
div#res_click_map .click_inner a.cbtn_90 {top:415px; left: 1147px; }
div#res_click_map .click_inner a.cbtn_91 {top:465px; left: 1155px; }
div#res_click_map .click_inner a.cbtn_92 {top:491px; left: 1116px; }

div#res_click_map .click_inner a.cbtn_93 {top:491px; left: 1081px; }
div#res_click_map .click_inner a.cbtn_94 {top:487px; left: 1049px; }
div#res_click_map .click_inner a.cbtn_95 {top:484px; left: 1020px; }
div#res_click_map .click_inner a.cbtn_96 {top:483px; left: 974px; }
div#res_click_map .click_inner a.cbtn_97 {top:444px; left: 962px; }
div#res_click_map .click_inner a.cbtn_98 {top:479px; left: 936px; }
div#res_click_map .click_inner a.cbtn_99 {top:439px; left: 930px; }
div#res_click_map .click_inner a.cbtn_100 {top:474px; left: 892px; }
div#res_click_map .click_inner a.cbtn_101 {top:434px; left: 899px; }
div#res_click_map .click_inner a.cbtn_102 {top:425px; left: 866px; }

div#res_click_map .click_inner a.cbtn_103 {top:468px; left: 846px; }
div#res_click_map .click_inner a.cbtn_104 {top:420px; left: 836px; }
div#res_click_map .click_inner a.cbtn_105 {top:462px; left: 815px; }
div#res_click_map .click_inner a.cbtn_106 {top:404px; left: 799px; }
div#res_click_map .click_inner a.cbtn_107 {top:398px; left: 767px; }
div#res_click_map .click_inner a.cbtn_108 {top:446px; left: 726px; }
div#res_click_map .click_inner a.cbtn_109 {top:389px; left: 734px; }
div#res_click_map .click_inner a.cbtn_110 {top:440px; left: 690px; }
div#res_click_map .click_inner a.cbtn_111 {top:377px; left: 702px; }
div#res_click_map .click_inner a.cbtn_112 {top:440px; left: 629px; }

div#res_click_map .click_inner a.cbtn_Rwaiting {background-position: -148px 0px; text-indent: -9999px; }
div#res_click_map .click_inner a.cbtn_Pcomplete {background-position: -111px -28px; text-indent: -9999px; }
div#res_click_map .click_inner a.cbtn_Pwaiting {background-position: -74px 0px; text-indent: -9999px; }
div#res_click_map .click_inner a.cbtn_Pcompleteall {background-position: -148px 0px; text-indent: -9999px; } /* 예약대기완료 */
div#res_click_map .click_inner a.cbtn_Pcancel {background-position: -148px -28px; text-indent: -9999px; }/* 예약최소 */
div#res_click_map .click_inner a.cbtn_clink {background-position: -37px 0px; color: #fff; }


div#res_map_intro {width: 100%; margin: 10px 0;   border: 1px solid #ddd;     border-top: 2px solid #f68b1e;   padding: 30px; overflow: hidden; }
.draw div#res_map_intro {border-top: 2px solid #2a99f2; }
.res_map_info {line-height:27px; display:flex; }
.res_map_info > span {font-size:0; position: relative; width:27px; line-height: 27px; display: inline-block; /*background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; */ margin-left:5px; }
.res_map_info > span:before {width:27px; height: 27px; display: block; content:""; clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; position: absolute; top:0; left:0; z-index:9; }
.res_map_info > span.res_map_info1:before {background-position: -111px -28px}
.res_map_info > span.res_map_info2:before {background-position: -74px 0px; }




.spam_check {position: relative; margin-top:50px; text-align:center; min-height:100px; }
.spam_check h4 {font-size:20px; margin-bottom:20px; word-break:keep-all; }
/*.spam_check .g-recaptcha {text-align:center; display: inline-block; text-align:center; margin:0 auto; }*/

.spam_check .g-recaptcha {position: absolute; top:30px; left: 50%; transform: translate(-50%, 0); }
@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0; }
}
@media only screen and (max-width: 500px) {
#rc-imageselect, .g-recaptcha {transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0; }
}
@media only screen and (max-width: 300px) {
.spam_check .g-recaptcha {top:50px}
}

.small_text {font-size:13px; display:block; line-height: 27px;padding-top:15px; clear:both; }
.rmi_06 {display:inline-block;padding-left: 20px;  position: relative; }
.rmi_06:before {width: 17px;height: 27px;display: block;content: "";clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; position: absolute;top: 0px;left: 0;background-position: -334px 0px;}
#res_map_intro > div, #res_map_intro > div > ul {float: left; }
#res_map_intro ul li {width: 100%; padding-left: 40px; line-height: 27px; position: relative; margin-bottom: 10px; }

#res_map_intro ul li:last-child {margin-bottom: 0px; }
#res_map_intro ul li.area_etc {padding-left: 0px; font-size:15px; word-break:keep-all; line-height:1.1; font-weight: 500;}

.left_intro {width: 60%;}
.left_intro img {width:100%; max-width: 400px; }
.left_intro ul {width: 25%; }

.left_intro ul li span {font-size: 16px; display:inline-block; }
.left_intro ul li span:first-child {margin-left:-40px; letter-spacing: -2px; }
.left_intro ul li span.area {font-family: 'NotoSans';  font-size:14px; margin-left:10px; font-weight:600; }
span.area_a {color:#ee7d67}
span.area_b {color:#5aa3d9}
span.area_c {color:#b07fb6}
span.area_d {color:#d4a704}


.right_intro {width: 40%; overflow: hidden; float:right }
.right_intro ul {width: 50%;}


.right_intro ul li:before {width:27px; height: 27px; display: block; content:""; clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') no-repeat; position: absolute; top:0; left:0; }
.right_intro ul li.rmi_02:before {background-position: -37px 0px; }
.right_intro ul li.rmi_03:before {background-position: -74px 0px; }
.right_intro ul li.rmi_04:before {background-position: -111px -28px }
.right_intro ul li.rmi_05:before {background-position: -148px 0px}
.right_intro ul li.rmi_07 {float:right !important;}
.right_intro ul li.rmi_07:before {background-position: -148px -28px}


.left_intro ul li.area_a:before {width:27px; height: 27px; display: block; content:""; clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; position: absolute; top:0; left:0; background-position: -185px
0px}
.left_intro ul li.area_b:before {width:27px; height: 27px; display: block; content:""; clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; position: absolute; top:0; left:0; background-position: -222px
0px}
.left_intro ul li.area_c:before {width:27px; height: 27px; display: block; content:""; clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; position: absolute; top:0; left:0; background-position: -259px
0px}
.left_intro ul li.area_d:before {width:27px; height: 27px; display: block; content:""; clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; position: absolute; top:0; left:0; background-position: -296px
0px}