@media screen and (max-width:1550px) {
  #main .introWrap .txt .tit{font-size: 90px;}
  #main .exhWrap .txt .tit{font-size: 90px;}
}
@media screen and (max-width:1450px) {
  /* common */
  #header .gnb .gnbUl li{margin-left: 30px;}
  #header .gnb .gnbUl li a{font-size: 16px;}
  /* main */
  #main .visualWrap .visualUl li:first-child{width: calc(39.5% - 40px);}
  #main .visualWrap .visualUl li:nth-child(3){width: calc(36.6% - 40px);}
  #main .introWrap .img{width:calc(50% - 25px);}
  #main .introWrap .txt{width:calc(50% - 15px);}
  #main .introWrap .txt .tit{font-size: 80px;}
  #main .exhWrap .txt .tit{font-size: 80px;}
  #main .exhWrap .txt .contTxt{font-size: 18px;}
  #main .exhWrap .img{width: calc(33.3333% - 20px);}
  #main .exhWrap .txt{width: calc(66.6666% - 20px);}
  /* content */
  .titWrap.flexWrap01 .infoWrap .infoUl li{width:50%;}
  .titWrap.flexWrap01 .infoWrap .infoUl li:nth-child(n+3){margin-top: 20px;}
}
@media screen and (max-width:1300px) {
  /* main */
  #main .introWrap .txt .tit{font-size: 70px;}
  #main .exhWrap .txt .tit{font-size: 70px;}
  #main .introWrap{padding: 150px 0;}
  #main .introWrap .txt .info .infoUl li h3{font-size: 25px;}
  #main .introWrap .txt .info .infoUl li p{font-size: 18px;}
  /* common */
  #header .gnb .gnbUl li{margin-left: 20px;}
  #header .gnb .gnbUl li a{font-size: 14px;}
}
@media screen and (max-width:1200px) {
  /* common */
  #header .gnb{display: none;}
  #header .menuBtnWrap{display: block;}
  /* main */
  #main .visualWrap .visualUl li{width:calc(33.3333% - 30px);}
  #main .visualWrap .visualUl li:first-child{width: calc(39% - 30px);}
  #main .visualWrap .visualUl li:nth-child(2){width: calc(23.9% - 30px);}
  #main .visualWrap .visualUl li:nth-child(3){width: calc(37.1% - 30px);}
  #main .visualWrap .visualUl li:nth-child(n+4){margin-top: 45px;}
  #main .introWrap .img{width:calc(50% - 20px);}
  #main .introWrap .txt{width:calc(50% - 10px);}
  #main .introWrap .txt .tit{font-size: 60px;}
  #main .introWrap .txt .info{margin-top: 50px;}
  #main .introWrap .txt .info .infoUl li h3{font-size: 20px;}
  #main .introWrap .txt .info .infoUl li p{font-size: 16px;}
  .imgUl.floor li{width:calc(50% - 22.5px);}
  #main .exhWrap .txt .tit{font-size: 60px;}
  #main .exhWrap .txt .contTxt{margin-top: 40px;font-size: 16px;}
  #main .exhWrap .img{width: calc(33.3333% - 15px);}
  #main .exhWrap .txt{width: calc(66.6666% - 15px);}
  /* content */
  .venueWrap .guideUl li .venueSlider{width:580px;}
  .venueWrap .guideUl li .floor{width: calc(100% - 650px);margin-left: 70px;}
  .venueWrap .guideUl li .floor p{margin: 35px 0 60px;}
  .venueWrap .guideUl li .downloadBtn{padding: 0 0 5px;}
  /* bbs */
  #bo_v_img{width: calc(76% - 15px);}
  #bo_v_thumb{width:24.8%;}
  .viewWrapPopup .closeBtn{left:-45px;}
}
@media screen and (max-width:1024px) {
  /* common */
  #header .inner{padding: 50px 0 30px;}
  #header .inqueryBtn{margin-right: 15px;}
  #allMenu{width:75%;}
  #allMenu #menuCloseBtn{top:58px;}
  /* main */
  #main .visualWrap .visualUl li{width:calc(33.3333% - 20px);}
  #main .visualWrap .visualUl li:first-child{width: calc(39% - 20px);}
  #main .visualWrap .visualUl li:nth-child(2){width: calc(23.9% - 20px);}
  #main .visualWrap .visualUl li:nth-child(3){width: calc(37.1% - 20px);}
  #main .visualWrap .visualUl li:nth-child(n+4){margin-top: 30px;}
  #main .introWrap{padding: 100px 0;}
  #main .introWrap .txt .tit{font-size: min(6vw, 60px);}
  .imgUl.floor li{width:calc(50% - 15px);}
  #main .exhWrap .txt .tit{font-size: min(6vw, 60px);}
  /* content */
  .titWrap.flexWrap01 .aboutSlider{width: 100%;}
  .titWrap.flexWrap01 .subTit{width: 100%;margin-top: 30px;margin-top: 30px;}
  .titWrap.flexWrap02 .infoWrap{width: 100%;order:2;margin-top: 30px;}
  .map{order:1;width:100%;}
  .venueWrap .guideUl li .venueSlider{width:420px;}
  .venueWrap .guideUl li .floor{width: calc(100% - 470px);margin-left: 50px;}
  .venueWrap .guideUl li .floor p{margin: 25px 0 40px;font-size: 14px;}
  .venueWrap .guideUl li .downloadBtn{font-size: 14px;}
  .venueWrap .guideUl li .downloadBtn span{font-size: 14px;}
  /* bbs */
  #bo_gall #bo_cate{width:180px;}
  #bo_gall #fboardlist{width: calc(100% - 220px);}
  .pnBtnArea{width:180px;}
  #bo_v.galleryBox{width: calc(100% - 220px);}
  #bo_v_img{width: 100%;}
  .showSlider{padding: 55% 0 0;}
  #bo_v_thumb{width: 100%;margin-top: 6px;}
  #bo_v_thumb ul li{width:calc(16.6666% - 5px);margin-right: 6px;padding: 8.5% 0 0;}
  #bo_v_thumb ul li:nth-child(2n){margin-right: 6px;}
  #bo_v_thumb ul li:nth-child(6n){margin-right: 0;}
  #bo_v_thumb ul li:nth-child(n+3){margin-top: 0;}
  #bo_v_thumb ul li:nth-child(n+7){margin-top: 6px;}
  #bo_v_title .bo_v_tit{font-size: 14px;}
  #bo_v_con h3{margin-bottom: 30px;}
  #bo_v_con p{font-size: 14px;}
  #bo_v_install h3{margin-bottom: 30px;}
  .viewWrapPopup .view-header{padding: 15px 0 30px;}
  .viewWrapPopup .closeBtn{top:62px;}
}
@media screen and (max-width:825px) {
  /* main */
  #main .introWrap .txt .tit{font-size: min(5vw, 50px);}
  #main .exhWrap .txt .tit{font-size: min(5vw, 50px);}
  /* content */
  .venueWrap .guideUl li .venueSlider{width:360px;}
  .venueWrap .guideUl li .floor{width: calc(100% - 400px);margin-left: 40px;}
  /* bbs */
  .btn{font-size: 14px;}
  a.btn{font-size: 14px;}
  .bo_btnWrap .adminBtnUl{width:100%;max-width: 350px;}
  .bo_btnWrap .adminBtnUl li{width: calc(33.3333% - 6.6666px);max-width: 110px;}
  .bo_btnWrap .adminBtnUl li .btn{width:100%;padding: 10px 5px;}
  .bo_btnWrap .adminBtnUl li .btn span{font-size: 14px;}
  .bo_btnWrap .bo_listBtnWrap{display: flex;flex-wrap: wrap;justify-content: flex-end;width: 100%;margin: 10px 0 0;}
  #bo_v .bo_btnWrap .adminBtnUl li:nth-child(3n){margin-right: 0;}
  #bo_v .bo_btnWrap .adminBtnUl li:nth-child(n+4){margin-top: 10px;}
  #bo_v .bo_btnWrap .adminBtnUl li .btn{padding: 0 5px;}
  .bo_btnWrap .bo_listBtnUl{display: flex;flex-wrap: wrap;justify-content: flex-end;width: 100%;}
}
@media screen and (max-width:768px) {
  /* common */
  #header .inner{width: calc(100% - 80px);padding: 45px 0 28px;}
  #allMenu #menuCloseBtn{top:45px;}
  /* main */
  #main{margin: 100px 0 45px;}
  #main .inner{width: calc(100% - 80px);}
  #mainVisual .sliderImg img{width:70%;}
  #mainVisual::after{bottom:100px;}
  #main .visualWrap{padding: 50px 0;}
  #main .visualWrap .visualUl li{width:calc(50% - 20px);align-items: flex-start;}
  #main .visualWrap .visualUl li:first-child{width: calc(63% - 20px);}
  #main .visualWrap .visualUl li:nth-child(2){width: calc(37% - 20px);}
  #main .visualWrap .visualUl li:nth-child(3){width: calc(50% - 20px);align-items: flex-start;}
  #main .visualWrap .visualUl li:nth-child(n+3){margin-top: 40px;}
  #main .visualWrap .visualUl li:nth-child(5){margin-top: calc(-30.3% + 40px);}
  #main .visualWrap .visualUl li:nth-child(7){margin-top: calc(-30.3% + 40px);}
  #main .visualWrap .visualUl li:nth-child(10){margin-top: calc(-30.3% + 40px);}
  #main .visualWrap .visualUl li:nth-child(11){order:12;margin-top: calc(-60.3% + 40px);}
  #main .introWrap{padding: 80px 0;}
  #main .introWrap .txt .info{margin-top: 30px;}
  #main .introWrap .txt .info .infoUl li{margin-top: 25px;}
  .imgUl{display: block;}
  .imgUl.floor li{width:100%;}
  .imgUl.floor li:last-child{margin-top: 40px;}
  #main .exhWrap .txt .contTxt {margin-top: 30px;}
  /* content */
  #content{margin: 100px 0 0;}
  #content .inner{width: calc(100% - 80px);}
  .titWrap.flexWrap01 .subTit{font-size: 14px;}
  .map iframe{height:500px;}
  .venueWrap .guideUl li .venueSlider{width:100%;}
  .venueWrap .guideUl li .floor{width: 100%;margin-left: 0;margin-top: 20px;}
  .drawingPopup{margin: 150px auto 100px;}
  /* bbs */
  #bo_gall #bo_cate{width:150px;}
  #bo_gall #fboardlist{width: calc(100% - 190px);}
  .pnBtnArea{width:150px;}
  #bo_v.galleryBox{width: calc(100% - 190px);}
  .rentalCircle{width:15px;height:15px;}
  .subItemsWrap .status li span.rentalCircle{margin-top: -5px;}
  .subItemsWrap .status li em{font-size: 14px;}
  .rentalTable tbody tr td{font-size: 18px;}
  #rentalPopup{margin: 160px auto 100px;}
  #rentalPopup .inner{width:100%;}
  .viewWrapPopup .view-header{padding: 10px 0 20px;}
  .viewWrapPopup .view-header .tit h3{font-size: 25px;}
  .viewWrapPopup .view-header .tit h3 span.date{font-size: 18px;}
  .viewWrapPopup .view-cont .txt{font-size: 18px;}
  .viewWrapPopup .closeBtn{top:54px;background: url("../img/bbs/ic_close_wt.png") no-repeat 50% 50%;background-size: cover;}
  .viewWrapPopup .view-cont{padding: 30px 0;}
  .writeWrap label.t{width:150px;font-size: 14px;padding-left: 20px;}
  .writeWrap #autosave_wrapper{width: calc(100% - 150px);}
  .writeWrap .t + div{width: calc(100% - 150px);}
  .writeWrap .bo_write_tit input[type="text"]{padding: 10px 132px 10px 12px;font-size: 14px;}
  .wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{font-size: 14px;}
  .writeWrap .bo_write_tit #btn_autosave{width:120px;font-size: 14px;}
  .writeWrap .bo_w_link .linkWrap{width: calc(100% - 150px);}
  .writeWrap .bo_w_flie .lb_icon.t .material-icons-round{font-size: 14px;vertical-align: initial;}
  .writeWrap .bo_w_flie .file_wr .file_custom .btn{width: 85px;}
  .writeWrap .bo_w_flie .file_wr .file_custom .file_name{min-width: calc(100% - 85px);max-width: 300px;padding:0 10px;box-sizing: border-box;font-size: 14px;}
  .viewWrapPopup .view-header .tit h3 a.file{margin-top: 18px;}
  #content .viewWrapPopup .inner{width:calc(100% - 100px);margin: 0 50px;}
}
@media screen and (max-width:650px){
  /* common */
  #allMenu .inner{margin: 50px;}
  #footer .inner .copyright{width: 100%;text-align: center;}
  #footer .sns{position: relative;}
  #footer .sns .snsUl{margin: 15px 0 0;}
  /* content */
  .titWrap.flexWrap02 .infoWrap .infoUl li{width:100%;}
  .titWrap.flexWrap02 .infoWrap .infoUl li:nth-child(n+2){margin-top: 10px;}
}
@media screen and (max-width:600px){
  /* common */
  #header .inner{padding: 38px 0 25px;}
  #allMenu .inner{margin: 50px 60px;}
  /* main */
  #main{margin: 90px 0 45px;}
  /* content */
  #content{margin: 90px 0 0;}
  /* bbs */
  #bo_gall .flexWrap{display: block;}
  #bo_gall #bo_cate{width:100%;margin-bottom: 30px;}
  #bo_gall #bo_cate ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
  #bo_cate ul:after{content: none;}
  #bo_gall #bo_cate li{margin-top: 0;text-align: center;}
  #bo_gall #fboardlist{width:100%;}
  #bo_gall .gall_text_href{padding: 30px 0 80px;}
  .bo_gall_flex{position: relative;}
  .pnBtnArea{width:100%;position: absolute;top:60px;left:0;}
  .bo_v_nb{display: flex;flex-wrap: wrap;}
  /* .bo_v_nb:after{content: none;} */
  #bo_v.galleryBox .titWrap{padding-bottom: 20px;border-bottom:1px solid #000;}
  #bo_v_atc{margin-top: 60px;}
  .bo_v_nb li{margin-top: 0;text-align: center;margin-left: 25px;}
  .bo_v_nb li:first-child{margin-left: 0;}
  #bo_v.galleryBox{width: 100%;}
  .rentalTap ul li{padding: 15px 0;font-size: 18px;}
  .rentalTap ul li::after{height:24px;margin-top: -12px;}
  .rentalTable{margin-top: 40px;}
  .rentalTable colgroup col:first-child{width:65%;}
  .rentalTable colgroup col:last-child{width:35%;}
  .rentalTable thead tr th{font-size: 14px;}
  .rentalTable tbody tr td{font-size: 14px;}
  #rentalPopup{margin: 150px auto 80px;}
  #bo_list .listWrap table thead tr th{font-size: 14px;}
  #bo_list .listWrap table thead tr th:first-child{width: calc(100% - 110px);}
  #bo_list .listWrap table thead tr th:last-child{width: 110px;}
  #bo_list .listWrap table thead tr th.all_chk.chk_box + th{width: calc(100% - 140px);}
  #bo_list .listWrap table thead tr th.all_chk.chk_box + th + th{width: 110px;}
  #bo_list .listWrap table tbody tr td{font-size: 18px;}
  #bo_list .listWrap table tbody tr td:first-child{width: calc(100% - 110px);padding: 0;}
  #bo_list .listWrap table tbody tr td:last-child{width: 110px;}
  #bo_list .listWrap table tbody tr td.td_chk.chk_box + td{width: calc(100% - 140px);}
  #bo_list .listWrap table tbody tr td.td_chk.chk_box + td + td{width: 110px;}
  .viewWrapPopup .view-header{padding: 2px 0 20px;}
  .viewWrapPopup .view-header .tit h3 span.date{font-size: 14px;}
  .viewWrapPopup .closeBtn{top:42px;}
  .bbs-btns .btn{width:calc(50% - 5px);}
  .viewWrapPopup .view-header .tit h3 a.file{margin-top: 17px;font-size: 14px;}
}
@media screen and (max-width:530px) {
  /* main */
  #main .visualWrap .visualUl{display: block;}
  #main .visualWrap .visualUl li{width:100%;display: block;}
  #main .visualWrap .visualUl li:first-child{width: 100%;}
  #main .visualWrap .visualUl li:nth-child(2){width: 100%;}
  #main .visualWrap .visualUl li:nth-child(3){width: 100%}
  #main .visualWrap .visualUl li:nth-child(n+2){margin-top: 20px;}
  #main .visualWrap .visualUl li:nth-child(5){margin-top: 20px;}
  #main .visualWrap .visualUl li:nth-child(7){margin-top: 20px;}
  #main .visualWrap .visualUl li:nth-child(10){margin-top: 20px;}
  #main .introWrap{display: block;padding: 60px 0;}
  #main .introWrap .img{width:100%;margin-top: 40px;}
  #main .introWrap .txt{width:100%;}
  #main .introWrap .txt .tit {font-size: min(8vw, 40px);}
  #main .exhWrap{display: block;}
  #main .exhWrap .img{width: 100%;}
  #main .exhWrap .img img{width: 100%;}
  #main .exhWrap .txt{width: 100%;margin-top: 20px;}
  #main .exhWrap .txt .tit {font-size: min(8vw, 40px);}
  /* bbs */
  .viewWrapPopup .view-header .tit h3 .detailWrap{justify-content: flex-end;}
  .viewWrapPopup .view-header .tit h3 span.date{width:100%;text-align: right;}
  .viewWrapPopup .view-header .tit h3 a.file{margin-top: 5px;}
  #content .viewWrapPopup .inner{width:calc(100% - 60px);margin: 0 30px;}
}
@media screen and (max-width:480px) {
  /* common */
  #header .inner{width:calc(100% - 40px);padding: 36px 0 25px;}
  #main .inner{width: calc(100% - 40px);}
  #header .logo a{width:240px;height:18px;}
  #allMenu .inner{margin: 35px 50px 35px 30px;}
  #allMenu #menuCloseBtn{width:30px;margin-top: -12px;margin-right: -35px;}
  #allMenu #menuCloseBtn span{width:30px;}
  #allMenu .gnb .gnbUl li{margin-top: 30px;}
  #allMenu .gnb .gnbUl li a{line-height: 1.4;}
  #footer .inner{width:calc(100% - 40px);}
  .footerWrap .inner{width:calc(100% - 40px);}
  .pnnBtn{width: 50px;}
  #footer .inner .copyright{font-size: 11px;}
  /* main */
  #main{margin: 80px 0 35px;}
  /* content */
  #content{margin: 80px 0 0;}
  #content .inner{width: calc(100% - 40px);padding: 40px 0 80px;}
  .map iframe{height:350px;}
  /* bbs */
  #bo_gall #bo_cate a{font-size: 14px;padding: 0;}
  #bo_gall .gall_text_href{padding: 25px 0 50px;}
  .subItemsWrap .status li{margin-left: 25px;}
  #rentalPopup{margin: 120px auto 70px;}
  #rentalPopup .inner{width:100%;padding: 20px;}
  #rentalPopup .titWrap{margin: 0 0 30px;}
  #rentalPopup .agreeBox label em{font-size: 14px;}
  #rentalPopup{margin: 120px auto 80px;}
  #content .viewWrapPopup .inner{padding: 32px 0;}
  .viewWrapPopup .closeBtn{top:35px;}
  .viewWrapPopup .view-header .tit h3{justify-content: flex-end;font-size: 18px;}
  .viewWrapPopup .view-header .tit h3 span{width:100%;}
  .viewWrapPopup .view-header .tit h3 span.date{margin-top: 10px;}
  .viewWrapPopup .view-cont{padding: 20px 0;}
  .viewWrapPopup .view-cont .txt{font-size: 14px;line-height: 1.5;}
  .writeWrap label.t{width:100%;margin-bottom: 10px;padding: 0;}
  .writeWrap #autosave_wrapper{width:100%;}
  .writeWrap .t + div{width:100%;}
  .writeWrap .bo_w_link .linkWrap{width: 100%;}
}
@media screen and (max-width:360px) {
  /* common */
  #header .inner{padding: 30px 0 24px;}
  #header .logo a{width:190px;height:14px;}
  #allMenu .inner{margin: 30px 40px 30px 20px;}
  #allMenu .gnb .gnbUl li a{font-size: 16px;}
  #footer .inner .copyright{font-size: 10px;letter-spacing: -1px;}
  /* main */
  #main{margin: 70px 0 30px;}
  /* content */
  #content{margin: 70px 0 0;}
  .titWrap .tit{font-size: 20px;}
  /* bbs */
  /* .bo_btnWrap .adminBtnUl{display: block;width:auto;}
  .bo_btnWrap .adminBtnUl li{width:100%;margin-top: 10px;}
  .bo_btnWrap .adminBtnUl li:first-child{margin-top: 0;}
  .bo_btnWrap .bo_listBtnWrap{width:auto;margin: 0;}
  .bo_btnWrap .bo_listBtnUl{display: block;}
  .bo_btnWrap .bo_listBtnUl li{margin-right: 0;margin-top: 10px;}
  .bo_btnWrap .bo_listBtnUl li:first-child{margin-top: 0;} */
  .bo_btnWrap .adminBtnUl li .btn span{display: none;}
  .subItemsWrap .status li{margin-left: 15px;}
  .subItemsWrap .status li em{font-size: 14px;}
  .rentalTap ul li{font-size: 14px;}
  .rentalTable{margin-top: 30px;}
  .rentalTable colgroup col:first-child{width:80%;}
  .rentalTable colgroup col:last-child{width:20%;}
  .rentalTable thead tr th{font-size: 14px;}
  .rentalTable tbody tr td{font-size: 15px;}
  #rentalPopup{width:90%;margin: 100px auto 50px;}
  #rentalPopup .inner{padding: 15px;}
  #rentalPopup .agreeBox label em{font-size: 12px;}
  #bo_list .listWrap table thead tr th{font-size: 14px;}
  #bo_list .listWrap table thead tr th:first-child{width: calc(100% - 90px);}
  #bo_list .listWrap table thead tr th:last-child{width: 90px;}
  #bo_list .listWrap table thead tr th.all_chk.chk_box + th{width: calc(100% - 120px);}
  #bo_list .listWrap table thead tr th.all_chk.chk_box + th + th{width: 90px;}
  #bo_list .listWrap table tbody tr td{font-size: 15px;}
  #bo_list .listWrap table tbody tr td:first-child{width: calc(100% - 90px);padding: 0;}
  #bo_list .listWrap table tbody tr td:last-child{width: 90px;}
  #bo_list .listWrap table tbody tr td.td_chk.chk_box + td{width: calc(100% - 120px);}
  #bo_list .listWrap table tbody tr td.td_chk.chk_box + td + td{width: 90px;}
  #content .viewWrapPopup .inner{padding: 28px 0;}
  .viewWrapPopup .closeBtn{top:30px;}
}
@media screen and (max-width:320px) {
  /* bbs */
  #bo_gall #bo_cate a{font-size: 14px;}
}