/* CSS RESET */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: 'Noto Sans KR', sans-serif;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, hgroup, menu, nav, section {
  display: block;
}

html {overflow-x: hidden; height:100%;}
body {
  position: relative;
  padding-top:0!important;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  line-height: 1;
  /*-ms-overflow-style: none;*/
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none!important;
  color: #000;
}
strong {
  font-weight: 700
}

input, button {line-height:1;}

.container {display: block; position: relative; width: 1170px; margin: 0 auto 20px;}

button {cursor:pointer}

select {outline: none; background: url('../images/icon_select.svg') no-repeat 86% 60%; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display: none; outline: none;}

.subTopImage {position:relative;height:293px;border-top:1px solid #dcdcdc;/*border-bottom:1px solid #dcdcdc;*/text-align:center}
.subTopImage .title {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:30px 64px;background:rgba(30, 205, 184, 0.84);color:#fff;font-size:25px;line-height:38px}
.subTopImage img {height:294px;}

/* ROOT */
.root {padding:18px 0;margin-bottom:50px}
.root .arrow {display:inline-block;vertical-align:middle;margin:0 19px;}
.root a {display:inline-block;vertical-align:middle}
.root .thisPage {font-weight:600}
.contents_info {text-align: center;}
/* .contents_info img{width:800px;} */

/* BUTTON */
.areaButton {height:45px;margin-top:40px;text-align:right}
.btnBottomCheck {display:block;width:60px;padding:12px 35px 14px 35px;background:#1CCCB9;color:#fff;text-align:center;float:right; font-weight:400;}
.btnBottomCheck2 {display:block;width:60px;margin-right:11px;padding:12px 35px 14px 35px; font-weight:400;text-align:center;background:#098074;float:right;color:#fff}
.modifybutton {display:block;width:60px;margin-right:11px;padding:12px 35px 14px 35px; font-weight:400;text-align:center;background:#098074;float:right;color:#fff}
.btnGuestbook {display:inline-block;width:132px;height:69px;margin-left:6px;background:#1CCCB9;border:none;font-size:15px;font-weight:600;vertical-align:middle;color:#fff}
.btnGuestbook2 {display:inline-block;width:80px;height:28px;margin-left:12px;background:none;border:1px solid #1CCCB9;font-size:13px;font-weight:600;vertical-align:middle;color:#1CCCB9}
.topButton {display:block;margin-bottom:15px;padding:12px 41px 14px 30px; font-weight: 400; background:url('/main/images/bg_topButton.svg') no-repeat 83% center, #F6F6F6;float:right;color:black;}

/* RADIO BUTTON */
.kindEvent input[type='radio'] {display:none}
.kindEvent input[type='radio'] + label {margin-right:12px;display: inline-block; vertical-align: middle; background-size: cover;background:url('/main/images/bg_radio_choiceEvent.svg') no-repeat left top;cursor:pointer;width:auto;height:18px;padding-left:20px; margin-top:20px;}
.kindEvent input[type='radio']:checked + label {background:url('/main/images/bg_radio_choiceEvent_over.svg') no-repeat;}

/* PAGING */
.paging {margin-top:70px;text-align:center}
.paging ul li {display:inline-block}
.paging ul li a {display:block;width:32px;padding:8px 0;text-align:center;border:1px solid #E5E5E5;color:#707070}
.paging ul li a.check {border:1px solid #1CCCB9;background:#1CCCB9;color:#fff}

/* SUB SEARCH */
.areaSubSearch {float:right;width:277px;margin-bottom:24px;border-bottom:1px solid #000000}
.areaSubSearch select { outline:none; display:inline-block;padding:10px 15px 8px 0;margin-bottom:0px;border:none;font-family:'noto sans kr';font-size:14px;color:#0F0F0F;vertical-align:middle;}
.areaSubSearch input[type='text'] {outline: none;width:130px;padding:6px 6px;border:none;margin-left:5px;margin-right: 20px;margin-bottom:0px;vertical-align:middle}
.areaSubSearch input[type='image'] {vertical-align:middle; width:20px; margin-bottom:0px;}
.areaSubSearch input::placeholder {color:#DCDCDC}

.floating {position:absolute;right:-152px;top:0;}
.container .floating {position: absolute;right: -152px; top: -295px;}

/* AREA EVENT SEARCH */
.kindEvent {display:inline-block;width:385px;margin-top:0px}
.kindEvent li {display:inline-block}

.license {display:none;width:1170px;margin:0 auto 20px;text-align:left;}
.license img {display:inline-block;vertical-align:middle}
.license span {display:inline-block;margin-left:8px;font-size:16px;color:#707070;vertical-align:middle}

.icon_kong {display:inline-block;width:25px;margin-right:28px;padding:6px 19px;font-size:13px;background:#DE376D;vertical-align:middle;line-height:1.2;color:#fff}
.icon_chook {display:inline-block;width:25px;margin-right:28px;padding:6px 19px;font-size:13px;background:#D05C05;vertical-align:middle;line-height:1.2;color:#fff}
.icon_pho {display:inline-block;width:25px;margin-right:28px;padding:6px 19px;font-size:13px;background:#17C02A;vertical-align:middle;line-height:1.2;color:#fff}
.icon_kyo {display:inline-block;width:25px;margin-right:28px;padding:6px 19px;font-size:13px;background:#1085C3;vertical-align:middle;line-height:1.2;color:#fff}
.icon_ki {display:inline-block;width:25px;margin-right:28px;padding:6px 19px;font-size:13px;background:#4D4D4D;vertical-align:middle;line-height:1.2;color:#fff}
.icon_ye {display:inline-block;width:25px;margin-right:28px;padding:6px 19px;font-size:13px;background:#CCB627;vertical-align:middle;line-height:1.2;color:#fff}
.icon_jinheng {display:inline-block;width:40px;margin-right:28px;padding:6px 19px;font-size:13px;background:#CC2B27;vertical-align:middle;line-height:1.2;color:#fff}
.icon_ma {display:inline-block;width:25px;margin-right:28px;padding:6px 19px;font-size:13px;background:#A1A1A1;vertical-align:middle;line-height:1.2;color:#fff}

/* MODAL POPUP */
.modalAdmin {display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;box-shadow : rgba(0,0,0,0.5) 0 0 0 9999px;z-index : 100;}
.modalAdmin h2 {width:calc(100% - 50px);padding:17px 0 17px 50px;margin-bottom:50px;font-size:19px;font-weight:600; text-align:left;background:#1CCCB9;color:#fff}
.areaInput {float:left;margin-left:50px;margin-bottom:50px;}
.modalAdmin input[type='text'], .modalAdmin input[type='password'] {display:block;width:215px;padding:14px;font-size:15px;border:1px solid #DCDCDC}
.modalAdmin input[type='text'] {margin-bottom:10px;}
.modalAdmin input[type='text']::placeholder, .modalAdmin input[type='password']::placeholder {color:#DCDCDC}
.modalAdmin button.login {margin-left: 6px;margin-right:50px;padding: 43.5px 45px; float: right; font-size: 17px; border: none; background: #1CCCB9;  color: #fff; cursor: pointer;font-weight:600}
.modalAdmin button.viewList {display:block;margin-left: 3px;margin-right:50px;padding: 15px 45px; font-size: 17px; border: none; background: #1CCCB9;  color: #fff; cursor: pointer;font-weight:600}
.modalAdmin button.close {display:block;position:absolute;top:10.9%;left:93%;transform:translate(-50.5%,-51%);z-index:200;padding:0;background:none;border:none}

.modalfree {display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;box-shadow : rgba(0,0,0,0.5) 0 0 0 9999px;z-index : 100;}
.modalfree h2 {width:calc(100% - 50px);padding:17px 0 17px 50px;margin-bottom:50px;font-size:19px;font-weight:600; text-align:left;background:#1CCCB9;color:#fff}
.areaInput1 {float:left;margin-left:50px;margin-bottom:50px;}
.modalfree input[type='text'], .modalfree input[type='password'] {display:block;width:215px;padding:14px;font-size:15px;border:1px solid #DCDCDC}
.modalfree input[type='text'] {margin-bottom:10px;}
.modalfree input[type='text']::placeholder, .modalfree input[type='password']::placeholder {color:#DCDCDC}
.modalfree button.logins {margin-left: 3px;margin-right:50px;padding: 45px 45px; float: right; font-size: 17px; border: none; background: #1CCCB9;  color: #fff; cursor: pointer;font-weight:600}
.modalfree button.viewList {display:block;margin-left: 3px;margin-right:50px;padding: 15px 45px; font-size: 17px; border: none; background: #1CCCB9;  color: #fff; cursor: pointer;font-weight:600}
.modalfree button.close {display:block;position:absolute;top:10.9%;left:93%;transform:translate(-50.5%,-51%);z-index:200;padding:0;background:none;border:none}

.modalfree2 {display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;box-shadow : rgba(0,0,0,0.5) 0 0 0 9999px;z-index : 100;}
.modalfree2 h2 {width:calc(100% - 50px);padding:17px 0 17px 50px;margin-bottom:50px;font-size:19px;font-weight:600; text-align:left;background:#1CCCB9;color:#fff}
.areaInput2 {float:left;margin-left:50px;margin-bottom:50px;}
.modalfree2 input[type='text'], .modalfree2 input[type='password'] {display:block;width:215px;padding:14px;font-size:15px;border:1px solid #DCDCDC}
.modalfree2 input[type='text'] {margin-bottom:10px;}
.modalfree2 input[type='text']::placeholder, .modalAdmin input[type='password']::placeholder {color:#DCDCDC}
.modalfree2 button.logins2 {margin-left: 3px;margin-right:50px;padding: 45px 45px; float: right; font-size: 17px; border: none; background: #1CCCB9;  color: #fff; cursor: pointer;font-weight:600}
.modalfree2 button.viewList {display:block;margin-left: 3px;margin-right:50px;padding: 15px 45px; font-size: 17px; border: none; background: #1CCCB9;  color: #fff; cursor: pointer;font-weight:600}
.modalfree2 button.close {display:block;position:absolute;top:10.9%;left:93%;transform:translate(-50.5%,-51%);z-index:200;padding:0;background:none;border:none}

.modalfree4 {display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;box-shadow : rgba(0,0,0,0.5) 0 0 0 9999px;z-index : 100;}
.modalfree4 h2 {width:calc(100% - 50px);padding:17px 0 17px 50px;margin-bottom:50px;font-size:19px;font-weight:600; text-align:left;background:#1CCCB9;color:#fff}
.areaInput4 {float:left;margin-left:50px;margin-bottom:50px;}
.modalfree4 input[type='text'], .modalfree4 input[type='password'] {display:block;width:215px;padding:14px;font-size:15px;border:1px solid #DCDCDC}
.modalfree4 input[type='text'] {margin-bottom:10px;}
.modalfree4 input[type='text']::placeholder, .modalfree4 input[type='password']::placeholder {color:#DCDCDC}
.modalfree4 button.logins4 {margin-left: 7px;margin-right:50px;padding: 45px 45px; float: right; font-size: 17px; border: none; background: #1CCCB9;  color: #fff; cursor: pointer;font-weight:600}
.modalfree4 button.viewList {display:block;margin-left: 3px;margin-right:50px;padding: 15px 45px; font-size: 17px; border: none; background: #1CCCB9;  color: #fff; cursor: pointer;font-weight:600}
.modalfree4 button.close {display:block;position:absolute;top:10.9%;left:93%;transform:translate(-50.5%,-51%);z-index:200;padding:0;background:none;border:none}

.modalapply {display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;box-shadow : rgba(0,0,0,0.5) 0 0 0 9999px;z-index : 100;}
.modalapply h2 {width:calc(100% - 50px);padding:17px 0 17px 50px;margin-bottom:50px;font-size:19px;font-weight:600; text-align:left;background:#1CCCB9;color:#fff}
.areaInput10 {float:left;margin-left:50px;margin-bottom:50px;}
.modalapply input[type='text'], .modalapply input[type='password'] {display:block;width:215px;padding:14px;font-size:15px;border:1px solid #DCDCDC}
.modalapply input[type='text'] {margin-bottom:10px;}
.modalapply input[type='text']::placeholder, .modalapply input[type='password']::placeholder {color:#DCDCDC}
.modalapply button.login2 {margin-left: 3px;margin-right:50px;padding: 45px 45px; float: right; font-size: 17px; border: none; background: #1CCCB9;  color: #fff; cursor: pointer;font-weight:600}
.modalapply button.viewList {display:block;margin-left: 3px;margin-right:50px;padding: 16px 45px 14px 45px; font-size: 17px; border: none; background: #1CCCB9;  color: #fff; cursor: pointer;font-weight:600}
.modalapply button.close10 {display:block;position:absolute;top:8.9%;left:93%;transform:translate(-50.5%,-51%);z-index:200;padding:0;background:none;border:none}

.mapContent {float:right;width:439px;}
.mapContent h3 {margin-top:48px;margin-bottom:35px;font-size:26px;color:#000}
.mapContent p {margin-bottom:20px;text-align:left}

.btnBottomCheck3 {
    display: block;
    left:88px;
    width: 60px;
    padding: 12px 35px 14px 35px;
    position: relative;
    background: #f6f6f6;
    color: black;
    text-align: center;
    float: right;
    font-weight: 400;
  }