@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

/* common */
.sub h1{}
.sub h2{}
.sub h3{}
.sub h4{}
.sub h5{}
.sub h6{}

#header{border-bottom: 1rem solid #eee;}
/* #header nav{margin-left: 33rem;} */
/* #header h1 img{height: 39rem;} */
/* #header nav .gnb > li{padding: 0 38rem}
#header nav .gnb > li:nth-child(1){padding-left: 41rem;} */

div[class^="area_"] p
section[class^="area_"] p,
article[class^="area_"] p,
div[class^="area_"] li,
article[class^="area_"] li{line-height:1.7; font-weight:300; color:#555;}
/* .common_line{display: none;} */

#content{background-color: #fff;}
#content .mob_info{padding:5rem 0; background:#f1f1f1; font-weight:600; font-size:13rem; color:#444;}
.sub #container {margin: 0 91rem;position: relative; /* background-color: #fff; */}
.wrap{max-width: 1240rem; width: 100%; }

.bbsContent .conts .img img{margin:  0 auto; display: block;}

/* board */
ul.bbsList{border-top-color:#152f53;}
ul.bbsList li .more.active,
ul.bbsList li .more:hover,
ul.bbsList li .more:focus{border-color:#152f53;}
ul.bbsList li .more em,
ul.bbsList li .subject {font-family: Pretendard, '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}
ul.bbsList li .subject:hover,
ul.bbsList li .subject:focus{color:#152f53;}
ul.bbsList li .notice{background:#152f53;}
.bbsSearch .button{background-color: #1a2332; font-size: 16rem;}
.pagination span{color:#152f53; border-color:#152f53;}
.pagination a:not([class^="btn_"]):hover,
.pagination a:not([class^="btn_"]):focus{ color:#caae87 ;}

.faqList dt.on:before{background:#152f53;}

.bbsTitle_cont > i{color:#c6a582; border-bottom-color:#c6a582;}

.inr_pagination > a:hover > em{color: #c6a582;}

/* popup */
body.noneScroll{overflow: hidden; height: 100%; }
body.noneScroll::-webkit-scrollbar {
    display: none;
  }
[data-pop-layer="layer"] .popBox .popConts{padding:20rem 20rem 26rem}
[data-pop-layer="layer"] .popBox{min-height: auto;}
[data-pop-layer="layer"] .popBox h2{font-size: 17rem!important;}
[data-pop-layer="layer"] .popBox p{font-size: 16rem;}
[data-pop-layer="layer"] .popBox .btn_close{background:#1a2332}
[data-pop-layer="layer"] .area_submitBtn{margin-top: 24rem;}
[data-pop-layer="layer"] .area_submitBtn > *{height: 50rem;}
[data-pop-layer="layer"] .area_submitBtn button.submit{border-color: #62676e; background: #62676e;}

/* page navigation */
.area_navigation{margin-bottom:50rem; padding-top:70rem; text-align:right;}
.area_navigation ul{display:inline-block; overflow:hidden;}
.area_navigation ul li{position:relative; float:left; line-height:1; padding:0 12rem; font-size:15rem; color:#333;}
.area_navigation ul li img{display:inline-block; position:relative; top:1rem; height:12rem; vertical-align:top;}
.area_navigation ul li i{display:none;}
.area_navigation ul li:nth-child(2):after{content:""; position:absolute; top:3rem; right:-3rem; width:6rem; height:8rem; background:url(../images/content/icon_navigation02.svg) no-repeat 50% 50%;}
.area_navigation ul li:first-child{padding:0;}

/* lnb */
.lnb{ background:#fff; border-bottom:1rem solid #f0f0f0; /* overflow: hidden;  */transition: margin .3s;}
.lnb *{font-weight:300; font-size:16rem;}
/* .lnb .wrap{text-align:center;} */
.lnb ul{overflow:hidden;}
.lnb ul li a{display:block;}
.lnb ul li.active a{color:#222;}

.lnb .inner{display:flex; justify-content:flex-start; align-items:center; max-width: 1240rem; width: 100%; margin: 0 auto;}
.lnb .inner > div:not(.home){position:relative; padding:18rem 34rem}
.lnb .inner .home{position:relative; padding-right:30rem; padding-left:0;}
.lnb .inner > div::after{content:""; position:absolute; top:50%; right:0; width:1rem; height:18rem; margin-top:-9rem; background:#ddd;}
.lnb .inner > div:last-child::after{opacity:0;}
.lnb .inner .home img{display:block; height:14rem;}
.lnb .inner .home a{display:flex; align-items: center; justify-content: center;  height: 60rem;}

.lnb_1dept > em > i{display:none;}
.lnb_2dept{cursor:pointer;}
.lnb_2dept > em{position:relative; padding-right:70rem;}
.lnb_2dept > ul{display:none; position:absolute; z-index: 13; top:100%; left:0; width:100%; padding:14rem 0; background:#fff; border:1rem solid #e6e6e6; border-top:0; text-align:left;}
.lnb_2dept > em::after{content:""; position:absolute; top:50%; right:0; width:10rem; height:6rem; margin-top:-3rem; background:url(../../images/content/icon_arr.svg) no-repeat 50% 50%;}
.lnb_2dept > ul > li > a{padding:3rem 25rem; font-size:15rem; transition:  opacity 0.3s}
.lnb_2dept > ul > li:hover > a{opacity: 0.5}

.lnb_2dept2{cursor:pointer;}
.lnb_2dept2 > em{position:relative; padding-right:70rem;}
.lnb_2dept2 > ul{display:none; position:absolute; z-index: 13; top:100%; left:0; width:100%; padding:14rem 0; background:#fff; border:1rem solid #e6e6e6; border-top:0; text-align:left;}
.lnb_2dept2 > em::after{content:""; position:absolute; top:50%; right:0; width:10rem; height:6rem; margin-top:-3rem; background:url(../../images/content/icon_arr.svg) no-repeat 50% 50%;}
.lnb_2dept2 > ul > li > a{padding:3rem 25rem; font-size:15rem; transition:  opacity 0.3s}
.lnb_2dept2 > ul > li:hover > a{opacity: 0.5}

/* sub visual 변경전 */
/* .area_subVisual{position:relative; height: 420rem; background-size:cover; background-repeat:no-repeat; background-position:90% 50%; text-align: left;margin: 164rem 91rem 0; transition: margin .3s;}
.area_subVisual > .wrap{position:relative; top: 159rem;  }
.area_subVisual * {color: #fff;}
.area_subVisual h2 i {display: block;font-size: 17rem;letter-spacing: 7rem;text-indent: 3rem;margin-bottom: 13rem;}
.area_subVisual h2 {font-size: 40rem;} */
.area_subVisual{position:relative; height: auto; margin: 164rem 91rem 0; transition: margin .3s; background-image: none!important; background-color: #fff;}
.area_subVisual .wrap{position:relative;  text-align: center; z-index: 2; margin-top: 120rem; padding-top: 80rem;}
.area_subVisual .lnb +  .wrap{margin-top: 80rem; padding-top: 0;}
.area_subVisual h2 i {display: block;font-size: 17rem;letter-spacing: 7rem;text-indent: 3rem;margin-bottom: 2rem; color: #444; opacity: 0.3;}
.area_subVisual h2 {font-size: 40rem; color: #222;}

/* map default */
.area_map .map_style{padding:0; border:none; border-bottom:1px solid #ccc;}
.area_map .map_style .wrap_controllers{display:none;}

/* 이용약관 */
div#content.policy{margin-top: 160rem; padding-top: 40rem!important;}
.area_policy{padding-top:0;}
.area_policy h2{padding:30rem 0;font-size:40rem;color:#222;text-align:center;font-weight: 700;}
.area_policy h3{margin-bottom:20rem;font-weight: 700;font-size:17rem;color:#222;}
.area_policy ul li,
.area_policy p{line-height:1.6; font-weight:300; font-size:15rem; color:#666;}
.area_policy p{line-height:1.6; font-size:14rem;}
.area_policy ul li{margin-bottom:8rem;}
.area_policy ul li:last-child{margin:0;}
.area_policy ul li ul{margin-top:5rem; margin-bottom:20rem;}
.area_policy ul li ul li{margin-bottom:2rem; font-size:15rem;}
.area_policy .inr_policy{padding:40rem 0; border-bottom:1px solid #ddd;}
.area_policy .inr_policy:last-child{border:none;}

/* 결과없을 경우 */
.area_empty{display: none;}
.empty{min-height: 500px; display: flex; align-items: center; justify-content: center; max-width: 1200rem; margin:  90rem auto 0; box-sizing: border-box;width: 100%;border: 1px solid #ebebeb;background: #f9f9f9;}
.empty p { text-align: center;}
.empty p span{opacity: 0.4; display: block; font-weight: 300; margin-top: 20rem;}
.empty i{width: 100px; display: block; margin:  0 auto;}

/* clearfix */
.cf::before, .cf::after{display:block; content:''; clear: both;}

/* bottom padding 통합 */
/* .secBT{padding-bottom: 140rem;} */

/* 준비중 */
.area_comming{text-align: center; box-sizing: border-box; padding: 50rem 0;}
.area_comming img{max-width: 100%; margin: 0 auto; display: block;}

/* 타이틀 통합 */
.secTtile em{font-size:28rem; color:#222; display: block; font-weight: 300; margin-top: 25rem;}
.secTtile em b{font-weight: 600;}

/* 배경라인 */
.for_bg{position: relative;}
.for_bg .common_line.type_cont{}

/* 체크마크 */
.check-mark{cursor: pointer;}
.check-mark > input{position: absolute; box-sizing: border-box; width: 15rem; height: 15rem; vertical-align: top; border:0;-webkit-appearance: none; -moz-appearance: none; appearance: none;-webkit-border-radius: 0;opacity: 0; }
.check-mark em{display: inline-block; position: relative; font-weight: 300; font-size: 14rem; padding-left: 24rem; text-align: left; box-sizing: border-box;vertical-align: middle; line-height: 18rem;}
.check-mark em::before{border: 1px solid #ddd; background-color:#fff; content: ""; display: block; left: 0; position: absolute; width: 15rem; height: 15rem;}
.check-mark em::after{content: ""; display: block; position: absolute;}
.check-mark input:checked + em::before{background-color: #caae87; border-color: #caae87}
.check-mark input:checked + em::after{width: 11rem; height: 5rem; top: 2rem; left: 3rem; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

/* 라디오 */
.check-mark em.radio::before{border-radius: 50%;}
.check-mark input:checked + em.radio::before{background-color: #caae87; border-color: #caae87}
.check-mark input:checked + em.radio::after{width: 7rem;height: 7rem; left: 4rem; top: 4rem; border-radius: 50%;background: #fff; }

/* sub contents title */
.area_inner1240,.inr_bbs{max-width: 1240rem; box-sizing: border-box; margin: 0 auto; width: 100%; height: 100%; position: relative;  ;}
.area_inner960{max-width: 960rem; box-sizing: border-box; margin: 0 auto; width: 100%; height: 100%; position: relative;  ;}
.area_inner780{max-width: 780rem; box-sizing: border-box; margin: 0 auto; width: 100%; height: 100%; position: relative;  ;}
.inr_bbs{margin-top: 60rem;/*  padding-bottom: 160rem; */}

ul.sub_tabList{padding-top: 0;}
ul.sub_tabList{text-align: center;  display: flex; justify-content: center; /* padding-top: 96rem; */}
ul.sub_tabList li{justify-content: center;  transition: all .3s;  font-size: 16rem; font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; ; display: inline-flex; align-items: center; box-sizing:border-box; }
ul.sub_tabList li a{width: 100%; height: 100%;  transition: all .3s;  display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; border:1px solid #ddd; height: 58rem; line-height: 56rem;}
ul.sub_tabList li + li{margin-left: 6rem;}
ul.sub_tabList li.on{font-weight: 500; }
ul.sub_tabList li.on a{color:#fff; background-color:#1f2839; border:1px solid #1f2839;box-shadow: 6px 10px 29px 0px rgba(27, 34, 45, 0.38);  }
ul.sub_tabList li:hover a,ul.sub_tabList li:focus a{color: #fff; background-color:#1f2839; border:1px solid #1f2839; font-weight: 500; box-shadow: 6px 10px 29px 0px rgba(27, 34, 45, 0.38);}

ul.listTypeA li{width: 200rem;}
ul.listTypeB li{width: 167rem;}
ul.listTypeC li{width: 288rem;}
ul.listTypeD li{width: 195rem;}

/* board 공통 */
.common_line + #container #content{padding-top: 0;}
#content{padding-top: 50rem; padding-bottom: 150rem;}
.area_subtitle > h3{font-size:32rem; color:#222}
.area_subtitle{text-align: center; margin-bottom: 60rem;}
.area_sub_tabList + script + .area_subBoard ,
.area_sub_tabList + script + script + .area_subBoard{margin-top: 48rem;}

.area_subBoard ul.list > li .image{position: relative;width: 100%;height: 0;overflow: hidden;margin-bottom: 20rem;background: #f1f1f1 url(../..//images/common/logo.png) no-repeat 50% 50% / 121rem;}
.area_subBoard ul.list > li .image img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; bottom: 0; right: 0; transition: all .3s; }
.area_subBoard ul.list > li p.title{font-weight: 400; color:#222; font-size:20rem; line-height: 29rem;  overflow: hidden; margin-bottom: 18rem;  width: 100%; white-space: nowrap;  text-overflow:ellipsis; font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif!important}

.area_subBoard ul.list > li p.title22
{font-weight: 400; color:#222; font-size:20rem; line-height: 29rem;  overflow: hidden; margin-bottom: 18rem;  width: 100%; text-overflow:ellipsis; font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif!important}


.area_subBoard ul.list > li p.title br{display: none;}
.area_subBoard ul.list > li p.date{margin-top: 18rem; color:#666;}
.area_subBoard ul.list > li .info{position: relative;}
.area_subBoard ul.list > li dl{/* display: table; */ display: none;}
.area_subBoard ul.list > li dl + dl{margin-top: 4rem;}
.area_subBoard ul.list > li dl > * {display: table-cell; font-size:15rem; vertical-align: middle; padding:0; box-sizing: border-box;  font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif!important;}
.area_subBoard ul.list > li dl dt{color:#444; width: 80rem;  font-weight: 400; }
.area_subBoard ul.list > li dl dd{color:#666;  font-weight: 300; line-height: 1.5;}

/* board  hover 공통 */
.area_subBoard ul.list > li span.cover{width: 100%; height: 100%; background-color: rgba(27, 34, 45, 0.38); position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; visibility: hidden; transition: all .3s;}
.area_subBoard ul.list > li span.cover i{ position: absolute; left: 50%; top: 50%; margin-left: -19rem; margin-top: -19rem;  display:flex; justify-content:center; align-items:center; position:relative; width:38px; height:38px; transition:all 0.7s cubic-bezier(0.25, 0.47, 0.12, 0.99); transform:rotate(0deg); -webkit-transform: rotate(0deg); align-content:center;}
.area_subBoard ul.list > li span.cover i:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.area_subBoard ul.list > li span.cover i::before,
.area_subBoard ul.list > li span.cover i::after{content:""; position:absolute; background:#fff;}
.area_subBoard ul.list > li span.cover i::before{width:100%; height:1px;}
.area_subBoard ul.list > li span.cover i::after{width:1px; height:100%;}
.area_subBoard ul.list > li:hover span.cover{ opacity: 1; visibility: visible;}
/* .area_subBoard ul.list > li:hover .image img{-webkit-transform: scale(1.15); transform: scale(1.1);} */

/* board  typeA(세로) - thumnail */
.area_subBoard ul.list.typeA{display: flex; flex-wrap: wrap; margin-right: -30rem; margin-left: -30rem; box-sizing: border-box;}
.area_subBoard ul.list.typeA > li{flex: 0 0 auto; width: 25%; padding-right: 30rem; padding-left: 30rem; max-width: 100%; box-sizing: border-box; margin-bottom: 52rem; transition:  all .3s;} 
.area_subBoard ul.list.typeA > li .image{ padding-bottom:146%; }
.area_subBoard ul.list.typeA > li *{font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}
.area_subBoard ul.list.typeA > li span.loca{display: block; position: relative; padding-left: 20rem; color:#999;  font-size:15rem }
.area_subBoard ul.list.typeA > li span.loca i{display: block; position: absolute; left: 0; top: 4rem;width: 12rem; height: 17rem; background: url(/images/content/icon_location.svg) no-repeat; background-size: cover; }

/* board  typeB(가로) - thumnail */
.area_subBoard ul.list.typeB.result{display: flex; flex-wrap: wrap;}
.area_subBoard ul.list.typeB.result > *{width: calc(50% - 20rem); margin: 38rem 0; box-sizing: border-box;}
.area_subBoard ul.list.typeB.result li:nth-child(2n){margin-left: 40rem;}
.area_subBoard ul.list.typeB li{display: flex;}
.area_subBoard ul.list.typeB li > *{box-sizing: border-box;}
.area_subBoard ul.list.typeB li .image{width: 220rem; padding-bottom: 50.555%; transition:  all .3s;  margin-bottom: 0;}
.area_subBoard ul.list.typeB li .info{margin-left: 40rem; width: calc(100% - 260rem); padding-top: 20rem; border-top: 1px solid #0e0e0e;}
.area_subBoard ul.list.typeB li .info a.booking{position: absolute; right: 0; bottom: 0; font-size:15rem; color: #caae87;}
.area_subBoard ul.list.typeB li .info a.booking i{display: inline-block; width: 7rem; height: 11rem; background: url(/images/common/arr_basic_c.svg) no-repeat 50% 50%; margin-left: 12rem;}

/* board  typec(슬라이드) - thumnail */
.exhibition_wrap .swiper-container{padding-top:10rem;}
.exhibition_wrap .swiper-button{text-align: center;  margin-top: 60rem;}
.exhibition_wrap .swiper-button > * {display: inline-block;}
.area_subBoard ul.list.typeC{ margin-right: -30rem; margin-left: -30rem; box-sizing: border-box; margin-top: 90rem;}
.area_subBoard ul.list.typeC > li{padding-right: 30rem; padding-left: 30rem; max-width: 100%; box-sizing: border-box; margin-bottom: 52rem; transition: all .3s;} 
.area_subBoard ul.list.typeC > li .image{ padding-bottom:146.55%;}
.area_subBoard ul.list.typeC > li *{font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}
.area_subBoard ul.list.typeC > li span.loca{display: block; position: relative; padding-left: 20rem; color:#999;  font-size:15rem; }
.area_subBoard ul.list.typeC > li span.loca i{display: block; position: absolute; left: 0; top: 4rem;width: 12rem; height: 17rem; background: url(/images/content/icon_location.svg) no-repeat; background-size: cover; }
.area_subBoard ul.list.typeC > li.swiper-slide-active{transform: scale(1.15);}
.area_subBoard ul.list.typeC > li.swiper-slide-active .image{box-shadow:  11px 7px 29px 0px rgb(179 179 179 / 48%);}

/* board  typeD(e-book) - long_thumnail */
.area_subBoard ul.list.typeD{display: flex; flex-wrap: wrap; margin-right: -20rem; margin-left: -20rem; box-sizing: border-box;}
.area_subBoard ul.list.typeD > li{width: 33.333%; box-sizing: border-box; padding:0 20rem; margin-bottom: 30rem;}
.area_subBoard ul.list.typeD > li .image{padding-bottom: 52%;/*  background: url(/images/content/thumb.jpg) no-repeat; background-position: 50% 50%; */ }
.area_subBoard ul.list.typeD > li dl > * {vertical-align: top;}
.area_subBoard ul.list.typeD p.title{margin-bottom:8rem;}

/* board - view*/
.boardView.post_ver .title{border-top: 1rem solid #0e0e0e; padding:20rem; box-sizing: border-box; text-align: center; margin-bottom: 20rem; border-bottom: 1rem solid #e6e6e6;}
.boardView.post_ver .title h4{font-size:28rem; font-weight: 500; color:#222 }
.boardView.post_ver .top_info{/* margin-top: 90rem; */box-sizing: border-box;}
.boardView.post_ver .detail table tr:nth-child(1){border-top: 1rem solid #222;}
.boardView.post_ver .detail table tr{border-bottom: 1rem solid #e6e6e6;}
.boardView.post_ver .detail table th,.boardView.post_ver .detail table td{text-align: left;box-sizing: border-box; font-size:16rem;/*  display: flex;align-items: center; */font-family:Pretendard;}
.boardView.post_ver .detail table th{width: 124rem; color:#444; font-weight: 400; padding: 16rem 0 16rem 20rem;}
.boardView.post_ver .detail table td{ color:#666;padding: 12rem 40rem; }
.boardView .body_info{min-height: 400rem; border-top: 1rem solid #0e0e0e;  box-sizing: border-box; padding:80rem 40rem}
.boardView .body_info * {font-family: Pretendard, '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif !important;}
.boardView .body_info p.empty{color:#0e0e0e; opacity: 0.4; text-align: center; background-color: transparent; border:none; margin-top: 0;} 
.boardView .body_info img{max-width: 100%; width:auto !important; height: auto !important;}

.boardView .area_boardButton{text-align: center; display: flex; align-items: center; justify-content: center; margin-top: 40rem;}
.boardView .area_boardButton a{width:180rem; height: 60rem; display: inline-flex; box-sizing: border-box; align-items: center; justify-content: center; /* border-radius: 5rem;  */}
.boardView .area_boardButton > * + *{margin-left: 4rem;}
.boardView .area_boardButton a.typeA{border:1rem solid #152f53; color: #ffffff; background: #1a2332;font-size:15rem}
.boardView .area_boardButton a.typeB{border: 1rem solid #dddddd; background-color: #e8e8e8; color: #5d5d5d; }

.boardView.post_ver.type01 .top_info{display: flex;}
.boardView.post_ver.type01 .top_info .image_post{position: relative; height:0; padding-bottom: 26%; width: 232rem; /* flex: 1; */}
.boardView.post_ver.type01 .top_info .image_post img{width: 100%; position: absolute; left: 0; height: 100%; top: 0; bottom: 0; right:0; object-fit: cover;}
.boardView.post_ver.type01 .detail{padding-left: 60rem; width: calc(100% - 190rem);box-sizing: border-box;flex: 3; transition: all .3s;}
.boardView.post_ver.type01 .body_info{margin-top: 60rem;}

.boardView.post_ver.type02 .top_info{position: relative; display: flex;}
.boardView.post_ver.type02 .top_info .image_post{position: relative; width: 230rem; height: 0; padding-bottom: 26%; top: 0; z-index: 2; right: 0; box-shadow: 17rem 17rem 33rem 0rem rgb(0 0 0 / 15%); }
.boardView.post_ver.type02 .top_info .image_post img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}
.boardView.post_ver.type02 .detail{width: calc(100% - 230rem); padding-left: 60rem; box-sizing: border-box;}
.boardView.post_ver.type02 .detail h4{margin-top: 0!important; margin-bottom: 20rem;}
.boardView.post_ver.type02 .detail table td a.call{font-size:15rem; display: block;}
.boardView.post_ver.type02 .exhibition_tab{margin-top: 90rem;}
.boardView.post_ver.type02 .exhibition_tab li{border:1px solid #0e0e0e; cursor: pointer; border-bottom: 0;  box-sizing: border-box; background-color: #fff; width: 195rem; height: 58rem; display: inline-flex; align-items: center; justify-content: center;}
.boardView.post_ver.type02 .exhibition_tab li.active{background-color: #000;}
.boardView.post_ver.type02 .exhibition_tab li.active span{color:#fff}

.boardView.post_ver.type03 .detail{padding-left: 0; position: relative;}
.boardView.post_ver.type03 .detail td.period{font-weight: 500;}
.boardView.post_ver.type03 .detail td.period em{color:#fff; display: inline-block; margin-left: 6rem; font-size:14rem; padding:3rem 12rem 4rem; border-radius: 4rem; font-size:14rem ;}
.boardView.post_ver.type03 .detail td.period em.on{background-color: #caae87;}
.boardView.post_ver.type03 .detail td.period em.off{background-color: #aaa;}
.boardView.post_ver.type03 p.academy_con{text-align: right; position: absolute; right: 0; top: -32rem;}
.boardView.post_ver.type03 p.academy_con em.condition::before{top: 2rem;}

.comment_area .list .btn .date{font-size: 13rem;}
.search_bbs .search select{height: 45rem;}
.search_bbs .search input[type="text"]{height: 45rem; width: 200rem;}
.comment_area .write .btn_submit, .comment_area .write input[type="submit"]{background-color: #1f2839;}

.area_concertView{position: relative; margin:164rem 91rem 0; transition: all .3s; background-color: #fff;}
.area_concertView > .bg{position: relative; background-color:#fff; height: 10rem;}
.area_concertView > .bg span{ display:none; width: 100%;  height:480rem; opacity: 0.8; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;}
.area_concertView .title{ max-width: 1240rem; box-sizing: border-box; width: 100%; position: relative; margin: 70rem auto 0; display: flex; align-items: flex-end; justify-content: space-between; }
.area_concertView .title .in_tt{width: 70%;}
.area_concertView .title p.nav{color:#caae87; font-weight: 300;  font-size:16rem;}
.area_concertView .title p.nav em{padding-left: 28rem; position: relative;}
.area_concertView .title p.nav em::before{content: ""; width: 8rem; height: 8rem; box-sizing: border-box; background-color: transparent; position: absolute; left: 6rem; top: 6rem;opacity: 0.6;border-right: 1px solid #caae87; border-bottom: 1px solid #caae87;transform: rotate(-45deg);}
.area_concertView .title h4,.boardView.post_ver.type02 .detail h4{ font-size:48rem; font-weight: 500;margin-top: 14rem; line-height: 1.3;}
.area_concertView .title.type02{margin-bottom: 32rem;}
.area_concertView .title.type02 h4{padding-right: 35%;}
.area_concertView .bg.no_image{height: 10rem; background-color: #fff;}
.area_concertView .bg.no_image *{display: none;}
.area_concertView.academy_view .title{padding-top: 90rem;}

/* NEW ver2 */
.bbsNew_container.v2 .bbsTitle{padding:0 !important; font-weight:600 !important; font-size:38rem !important; text-align:left; letter-spacing:-0.04em;}
.bbsNew_container.v2 .bbsDate{display:flex; align-items:center; margin:0; margin-top:23rem; padding:19rem 0; border-top:1rem solid #000;}
.bbsNew_container.v2 .bbsDate > ul > li:first-child{padding-left:0;}
.bbsNew_container.v2 .bbsDate > ul > li{padding:0 19rem; font-weight:300; color:#888;}
.bbsNew_container.v2 .bbsDate > ul > li > i{margin-right:8rem; font-weight:400; color:#333;}
.bbsNew_container.v2 .bbsDate > ul > li:not(:last-child):after{content:""; position:absolute; top:3rem; right:0; width:1rem; height:13rem; background:#ccc;}
.bbsNew_container.v2 .bbsContent{border-bottom:1rem solid #d4d4d4 !important;}
.bbsNew_container.v2 .bbsContent{padding:40rem 0 0rem; border-top:1rem solid #d4d4d4 !important;}
.bbsNew_container.v2 .bbsPager .inr_pager .pager_list{width:182rem; padding:18rem 0;}
.bbsNew_container.v2 .bbsPager .inr_pager .pager_list,
.bbsNew_container.v2 .admPager_btn li a{opacity:1; border:2rem solid #333; font-weight:500; font-size:16rem; transition:all 0.3s ease 0s; border-radius:40rem;}
.bbsNew_container.v2 .bbsPager{display:flex; justify-content:center; padding:55rem 0;}
.bbsNew_container.v2 .bbsPager .inr_pager .pager_list > span:after{display:none;}
.bbsNew_container.v2 .bbsPager .inr_pager .pager_list:hover,
.bbsNew_container.v2 .admPager_btn li a:hover{opacity:0.6;}

.bbsPager.admPager .inr_pager{display:flex; justify-content:space-between; width:100%;}
.admPager_btn li a{display:block; width:88rem; line-height:1; padding:14rem 0;}
.admPager_btn{display:flex;position: absolute;right: 0;top: 0;}
.admPager_btn li:first-child{margin-right:6rem;}
.bbsControls{margin-top:40rem; border-top:1rem solid #222; border-bottom:1rem solid #ddd;}
.bbsControls ul li a{display:flex; align-items:center; padding:23rem 0; letter-spacing:-0.025rem;}
.bbsControls ul li:first-child{border-bottom:1rem solid #ddd;}
.bbsControls ul li a em{position:relative; margin-right:20rem; padding:0 40rem; white-space:nowrap;}
.bbsControls ul li a em::after{content:""; position:absolute; top:50%; right:0; width:1rem; height:14rem; margin-top:-7rem; background:#ccc;}
.bbsControls ul li a p{display:block; overflow:hidden; font-weight:300; color:#888; white-space:nowrap; transition:all 0.3s ease 0s; text-overflow:ellipsis;}
.bbsControls ul li a:hover p{color:#333;}

.bbsFile .file{padding:22rem 35rem; background:#f9f9f9;}
.bbsFile .file li{display:flex; align-items:center;}
.bbsFile .file em{display:inline-block; position:relative; font-weight:500; font-size:15rem; color:#222;}
.bbsFile .file li > *:not(em){display:inline-block;margin-left:11rem;font-weight:300;font-size:15rem;color: #444;}
.bbsFile .file li > a {position: relative;}
.bbsFile .file li > a:after {content: "";width: 100%;height: 1rem;background: #444;position: absolute;left: 0;bottom: 0;transition: all 0.3s ease 0s;opacity: 0;}
.bbsFile .file li > a:hover:after {opacity: 1;}
.bbsFile .file li:nth-child(1) ~ li{margin-top:7rem;}
.bbsFile .file em:before{content:""; display:block; position:relative; width:15rem; height:18rem; background:url('../images/board/icon_file.svg') no-repeat 50% 50%;}
.bbsFile .file > ul{display:inline-block;}

/* 예약버튼 */
.area_concertView .booking_button{display:flex; align-items: center; justify-content: center;  box-sizing:border-box; width: 136rem; height: 108rem; background-color:#1a2332; border:1px solid #1a2332; font-weight:200; color:#fff; transition:all .3s;}
.area_concertView .booking_button span{font-size: 18rem; position: relative; top: 2rem;}
.area_concertView .booking_button:hover{background-color:#fff; color:#0e0e0e; /* box-shadow:17px 17px 33px 0px rgb(0 0 0 / 80%); :*/;}
.sec_concertSerach{box-sizing:border-box; margin-bottom:80rem; padding:50rem 0; background-color:#f9f9f9; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.sec_concertSerach .secTtile em{margin-top:0;}

/* 장바구니 포함버튼 */
.wrap_booking_button{display: flex; gap: 4rem;}
.wrap_booking_button a.booking_button{width: 104rem; height:98rem; border:1rem solid #171717; display: inline-flex; align-items: center; justify-content: center;}
.wrap_booking_button a.booking_button span{font-size: 15rem;}
.wrap_booking_button a.booking_button.typeB{background-color: #fff;}
.wrap_booking_button a.booking_button.typeB span{color: #171717}

/* 통합검색 타입 */
.search_type{width:100%; box-sizing:border-box; margin:0 auto; padding:0 20rem; max-width:1240rem; position: relative;}
.search_type .secTtile{margin-bottom:44rem;}
.search_type > ul{display:flex; justify-content:space-between; box-sizing:border-box; margin-right:-20rem; margin-left:-20rem; flex-wrap:wrap;}
.search_type > ul .search_sec{box-sizing:border-box; margin-bottom:23rem; /* padding:20rem; */ padding-left:20rem; /* background-color:#f8f8f8; */ padding-right:20rem;}
.search_type > ul .search_sec:last-child{width:37%; /* margin-top:17rem; :*/;}
.search_type > ul.typeA .search_sec{width:33.333%;}
.search_type > ul.typeAA .search_sec:last-child{margin-top:0;}
.search_type > ul.typeB{justify-content:flex-start;}
.search_type > ul.typeB .search_sec:nth-child(3){width:24%;}
.search_type > ul.typeC{justify-content:flex-start; position:relative; padding: 0; }
.search_type > ul.typeC .search_sec{width:calc((100% - 160rem) / 4)}
.search_type > ul.typeC .search_sec + .search_sec{padding-left: 0;}
.search_type > ul.typeC .search_sec:last-child{width: 160rem;}
.search_type > ul.typeC button.btn_icon{/* position:absolute; right:20rem; */ height:100%; width: 100%;}
.search_type > ul.typeC  button.btn_icon i{top:38rem;}

.search_sec span.tt{display: block; font-size:16rem; margin-bottom: 8rem;font-weight: 300;color: #444;}
.search_sec.search_box select{padding: 10rem 20rem;box-sizing: border-box;width: 100%; font-size:14rem;line-height: 33rem;font-weight: 300; color:#666;background-color: #fff!important;background-color: white;background-image: none;-webkit-appearance: none; outline:none;cursor: pointer;text-indent: 0.01px;text-overflow: ellipsis;height: 50rem;margin: 0;border-color: #eee;background: url(../images/board/select_arrow.svg) no-repeat calc(100% - 20rem) 50%;}
.search_sec .wrap_search{width: 100%; position: relative; height: 50rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #0e0e0e;}
.search_sec .wrap_search > input{border:none; background:transparent}
.search_sec .wrap_search > input[type="text"]{width: 100%; height: 50rem;}
.search_sec .wrap_search > input[type="text"]::placeholder{font-weight: 300; opacity: 0.9; font-size: 15rem;}
.search_sec .ui-datepicker-trigger{background: url(/images/content/icon_calendar.svg) no-repeat 50% 0; width: 20rem; height: 20rem;}
.search_sec button.btn_icon{height: 50rem; color:#fff;width: 150rem;background-color: #0e0e0e;position: relative;padding-right: 20rem;text-align: left;padding-left: 30rem;display: flex;align-items: center;}
.search_sec button.btn_icon span{line-height: 1;position: relative;top: 2px;font-size: 16rem;}
.search_sec button.btn_icon i{width: 14rem;height: 14rem; font-size:0;position: absolute;right: 25rem;line-height: 0;text-indent: -99999rem;overflow: hidden; background:url(/images/common/icon_search_w.svg) no-repeat;background-size: 100%;box-sizing: border-box;border: none;outline: none;}

.search_sec .inline_box{display: flex;  align-items: center;box-sizing: border-box;width: 100%;}
.search_sec .inline_box li{width: 25%;}
.search_sec .inline_box li label{box-sizing: border-box; padding: 0 20rem; position: relative; overflow: hidden; height: 50rem; display: flex; background: #fff;align-items: center; }
.search_sec .inline_box li label input{opacity:1; visibility:visible; border:1px solid #eee;}
.search_sec .inline_box li + li label input{border-left: 0;}
.search_sec .inline_box li label.check-mark > input{width: 100%; height: 100%; left: 0; top: 0; margin: 0;background: #fff; opacity: 1; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.search_sec .inline_box li label.check-mark > input:checked{background-color: #ffffff; opacity: 1; border-color:  #caae87!important; border-right: 1px solid #caae87!important;}
.search_sec .inline_box li + li label.check-mark > input:checked{border-left: 1px solid #caae87!important;}

.search_sec .inline_box .check-mark input:checked + em.radio::before{background-color: transparent; border-color: transparent}
.search_sec .inline_box .check-mark input:checked + em.radio::after{width: 10rem;height: 6rem; left: -2rem; top: 4rem; border-radius: 0;background: transparent; }
.search_sec .inline_box .check-mark em{line-height: 26rem;}
.search_sec .inline_box .check-mark em::before{border:none; background-color: transparent;}
.search_sec .inline_box .check-mark em.radio::before{border-radius: 0; width: 10rem;height: 6rem; left: -2rem; top: 4rem; border-radius: 0; border-left: 3rem solid #eee; border-bottom: 3rem solid #eee; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.search_sec .inline_box .check-mark input:checked + em::after{border-left: 3rem solid #caae87; border-bottom: 3rem solid #caae87;}

/* 마이페이지  + 검색 */
.search_type > ul.myClassList .mypageSearch{display:flex; align-items:flex-start; -webkit-box-align:flex-start;}
.search_type > ul.myClassList .mypageSearch > *{width:50%;}
.search_type > ul.myClassList .mypageSearch > * + *{margin-left:10rem;}
.search_type > ul.myClassList .search_sec:last-child{width:100%;}
.search_type > ul.myClassList button.btn_icon{width:100%; padding-right:0;}
.search_type > ul.myClassList button.btn_icon i{/* display:none; */ right:25rem; top: 18rem;}
.search_type > ul.myClassList .search_sec .inline_box .check-mark em{padding-left:0;}
.search_type > ul.myClassList .search_sec .inline_box .check-mark em::before,
.search_type > ul.myClassList .search_sec .inline_box .check-mark em::after{display:none;}
.search_type > ul.myClassList .search_sec .inline_box li label{justify-content:center; border:none; text-align:center;}
.search_type > ul.myClassList .search_sec .inline_box li label input{opacity:1; visibility:visible; border:1px solid #eee;}
.search_type > ul.myClassList .search_sec .inline_box li:last-child{margin-left:6rem;}
.search_type > ul.myClassList .search_sec .inline_box li + li label input{border-left: 0;}
.search_type > ul.myClassList .wrap_date .box_input{height:48rem;}
.search_type > ul.myClassList .search_sec{margin-bottom:10rem;}
.search_type > ul.myClassList  button.btn_icon{height:48rem;}

.wrap_date{display: flex;}
.wrap_date .box_input{border:1px solid #ddd; height: 50rem; width: 100%; position: relative;background: #ffffff;}
.wrap_date span{width: 80rem; display: block; text-align: center;line-height: 58rem;font-size: 35rem;}
.wrap_date .box_input input{border:none;width: calc(100% - 44rem)!important;height: 50rem;box-sizing: border-box;background: transparent;margin: 0;border-right: 1px solid #ddd;}
.wrap_date .box_input button{position: absolute; right: 12rem; z-index: 1;cursor: pointer;top: 15rem;}
.wrap_date.typeB{display: block;}
.wrap_date.typeB > *{display: inline-block; vertical-align: middle;} 
.wrap_date.typeB a[class^="btn_"]{width:50rem; height: 50rem; position: relative; transition: all .3s;}
.wrap_date.typeB a[class^="btn_"]::before{content: ""; display: block; position: absolute ; top: 50%; left: 50%; width: 11rem; height: 17rem; background: url(/images/common/icon_move.svg) no-repeat 50% 50%; transform: translate(-50%, -50%);}
.wrap_date.typeB a[class^="btn_"]:hover{opacity: 0.4;}
.wrap_date.typeB a.btn_next{transform: rotate(180deg);}
.wrap_date.typeB a.button_date{display: inline-flex; align-items: center; margin:0 20rem; cursor: pointer; }
.wrap_date.typeB a.button_date .date{margin-left: 16rem;}
.wrap_date.typeB a.button_date em{font-size: 23rem; display: inline-block; top: 3rem; position: relative; font-weight: 500; color:#222 }

.calendar_ver,.years_ver{margin-top: 96rem;}
.area_calendar .control{text-align: center;}
.area_calendar .control > div{border:none}
.area_calendar .control > div > a.date{border:none; background:none; padding: 0 20rem; color:#0e0e0e }
.area_calendar .control > div > a.date em{font-size: 30rem; margin-left:8rem}
.area_calendar .calendar table td{border-color:#e6e6e6}
.area_calendar .calendar table td em{text-align: left; left: 12rem;}

em[class^="place"]{margin-right: 16rem;font-weight: 400;display:block;position: relative; opacity: 1; font-size: 14rem;}
em[class^="place"]::before{border-radius: 100%;width: 20rem;height: 20rem;top: -1rem; font-size:10rem;font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;text-align: center;display: flex;align-items: center;justify-content: center;line-height: 14;}
.area_calendarType{text-align: right;margin-top: 18rem;display: flex;align-items: center;justify-content: flex-end;}
.area_calendarType li{display: flex;vertical-align: middle;align-items: center;margin-right: 15rem;}
.area_calendarType li em[class^="place"]{font-weight:300;font-size: 15rem;margin-right: 4rem;display: flex;align-items: center;}
.area_calendarType li em[class^="place"]::before{margin-right: 9rem;}

.area_calendar.type02 .calendar *[data-calenda="in"]{font-weight: 300; padding-left: 20rem; font-size:13rem}
.area_calendar.type02 .calendar *[data-calenda="in"]:before{content: ""; width: 14rem; height: 14rem; line-height: 15rem; top: -1rem; font-size:10rem;  font-weight: bold;font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; text-align: center ;}
.area_calendar.type02 .calendar *[data-calenda="in"].place01:before,em.place01::before{content: "G"; color:#fff; background-color:#f19c5a }
.area_calendar.type02 .calendar *[data-calenda="in"].place02:before,em.place02::before{content: "R"; color:#fff; background-color:#2a7db9 }
.area_calendar.type02 .calendar *[data-calenda="in"].place03:before,em.place03::before{content: "A"; color:#fff; background-color:#40a45c }
.area_calendar.type02 .calendar *[data-calenda="in"].place04:before,em.place04::before{content: "M"; color:#fff; background-color:#62676e }
.area_calendar.type02 .calendar *[data-calenda="in"].place05:before,em.place05::before{content: "E"; color:#fff; background-color:#facb13 }
.area_calendar.type02 .calendar *[data-calenda="in"].place10:before,em.place10::before{content: "L"; color:#fff; background-color:#b9a96d }
.area_calendar.type02 .calendar *[data-calenda="in"].place11:before,em.place11::before{content: "S"; color:#fff; background-color:#937de9 }

.area_calendar.type02 .calendar *[data-calenda="in"].place06:before,em.place06::before{content: "1"; color:#fff; background-color:#f19c5a }
.area_calendar.type02 .calendar *[data-calenda="in"].place07:before,em.place07::before{content: "2"; color:#fff; background-color:#2a7db9 }
.area_calendar.type02 .calendar *[data-calenda="in"].place08:before,em.place08::before{content: "O"; color:#fff; background-color:#40a45c }
.area_calendar.type02 .calendar *[data-calenda="in"].place09:before,em.place09::before{content: "A"; color:#fff; background-color:#62676e }

.area_calendar.type02 .calendar table td{height: 155rem;}
.area_calendar.type02 .calendar table td a{color:#666; transition: all .3s;}
.area_calendar.type02 .calendar table td a:hover{opacity: 0.5;}
.area_calendar.type02 .calendar table td > div{padding:28rem 10rem 16rem}
.area_calendar .sec_concertCalander .calendar table td{border: none; padding:8rem; box-sizing: border-box; }
.area_calendar .sec_concertCalander .calendar table td div{ border-top: 1px solid #b4b4b4; padding:28rem 10rem 18rem}
.area_calendar .sec_concertCalander .calendar table tbody tr:nth-child(1) td div{border-top: 0;}
.area_calendar .calendar .today > *:after{content: "TODAY";width: auto;height: 27rem;border-radius: 0;box-sizing: border-box;/* padding: 12rem; */right: 0;top: 0;padding: 0rem 12rem;line-height: 29rem;background: #caae87;}
.area_calendar .calendar .on,
.area_calendar .calendar .today{background:transparent!important}
.area_calendar .calendar .today .div{}
.area_calendar .calendar table th{background:transparent; border:none; color:#444; text-align: left; font-weight: 400; padding:10rem 10rem 0; box-sizing: border-box;}
.area_calendar .calendar table th div{border-bottom: 1px solid #0e0e0e; box-sizing: border-box; padding:10rem 4rem 4rem}
.area_calendar .calendar table th[data-calendar="sat"],
.area_calendar .calendar table th[data-calendar="sun"]{color:#caae87}
.area_calendar .calendar table th[data-calendar="sat"] div,
.area_calendar .calendar table th[data-calendar="sun"] div{border-color:#caae87 ;}
.sec_concertCalander td a span.type{display: block; font-weight: 500; color:#444 }
.area_calendar .calendar table td > a:hover,
.area_calendar.type02 .calendar table td > div:hover{z-index:10; /* box-shadow:0 8px 15px rgba(0,0,0,0.10); */ box-shadow:none; }
.area_calendar .calendar table td.none > a:hover,
.area_calendar.type02 .calendar table td.none > div:hover{box-shadow:none;}
.area_calendar .control > div a[class^="btn_"]{opacity: 1;}
.area_calendar .control > div a[class^="btn_"]:before{background:url(/images/common/icon_move.svg) no-repeat 50% 50%}
.area_calendar .calendar .holiday{font-size: 12rem; color: #ca2525;}

.sec_concertCalander + .sec_concertList{margin-top: 90rem;}
.count_total{margin-top: 34rem;}
.count_total p{color:#666; font-weight: 300;}
.count_total p b{color:#0e0e0e}

.sec_yearstList > ul > li:nth-child(1){border-top: 1px solid #0e0e0e;}
.sec_yearstList > ul > li {position: relative; box-sizing: border-box; padding: 40rem 0; border-bottom: 1px solid #e6e6e6; display: flex; background-color: #fff; min-height: 150rem;} 
.sec_yearstList > ul > li .year {width: 150rem; border-right:1px solid #eee;position: relative; transition: all .3s;}
.sec_yearstList > ul > li .year strong{position: absolute; color: #222;font-size: 28rem;font-weight: 400;right: 40rem;text-align: right;}
.sec_yearstList > ul > li .year strong i{display: block; font-size:14rem; color:#caae87;position: relative;top: -7rem;}
.sec_yearstList > ul > li > ul{width: calc(100% - 150rem); box-sizing: border-box; padding-left: 60rem; transition: all .3s;}
.sec_yearstList > ul > li > ul > li{padding-bottom: 18rem;}
.sec_yearstList > ul > li > ul > li a{transition: all .3s; position: relative; /* padding-left: 60px; */ font-weight: 300; word-break: keep-all;}
.sec_yearstList > ul > li > ul > li a > em{/* position: absolute */ left: 0; top: 0;}
.sec_yearstList > ul > li > ul > li a > em::before{content: ""; width: 5rem; height: 5rem;left: 0; border-radius: 10rem; position: absolute; top: 50%; margin-top: -2.5rem;}
.sec_yearstList > ul > li > ul > li a > em.style01{color: #2a7db9;}
.sec_yearstList > ul > li > ul > li a > em.style01::before{background-color:#2a7db9}
.sec_yearstList > ul > li > ul > li a > em.style02{color: #40a45c;}
.sec_yearstList > ul > li > ul > li a > em.style02::before{background-color:#40a45c}
.sec_yearstList > ul > li > ul > li a > em.style03{color: #f19c5a}
.sec_yearstList > ul > li > ul > li a > em.style03::before{background-color:#f19c5a}
.sec_yearstList > ul > li > ul > li a > em.style04{color: #facb13}
.sec_yearstList > ul > li > ul > li a > em.style04::before{background-color:#facb13}
.sec_yearstList > ul > li > ul > li a > em.style05{color: #facb13;}
.sec_yearstList > ul > li > ul > li a > em.style05::before{background-color:#facb13}

.sec_yearstList > ul > li > ul > li a:hover{opacity: 0.5;}
.sec_yearstList > ul > li > ul > li:last-child{padding-bottom: 0;}
.sec_yearstList > ul > li > ul > li .year_list {display: table; width: 100%;}
.sec_yearstList > ul > li > ul > li .year_list + .year_list{margin-top: 20rem;}
.sec_yearstList > ul > li > ul > li .year_list span.date{display: table-cell;  width:80rem; line-height: 1; color:#aeaeae; font-weight: 500; margin-right: 12rem;}
.sec_yearstList > ul > li a{font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; color:#444 ; font-weight: 400; display: block;}
.sec_yearstList > ul > li a + a{margin-top: 8rem;}
.sec_yearstList > ul > li a em{display: block; }
.sec_yearstList > ul > li a em i{width: 12rem; height: 17rem; background: url(/images/content/icon_location.svg) no-repeat; background-size: cover; display: inline-block; margin-right: 6rem;vertical-align: middle;}
.sec_yearstList > ul > li a em[class^="place"]{display: inline-block; padding-left:13rem; border-radius: 40rem;opacity: 1; font-weight: 500; }

@media screen and (min-width: 769px){
    .area_calendar.type02 .calendar *[data-calenda="in"]{line-height: 1.3em; margin: 0; margin-top: 14rem;}
}

/* sub contents visual */
.area_contVisual{ position: relative; height: 465rem; margin-top: 56rem; background-size:cover; background-repeat: no-repeat;  /* background-attachment: fixed; */}
.area_contVisual.v1{background-position: 50% 75%;}
.area_contVisual.v2{background-position: 50% 96%;}
.area_contVisual.v3{background-position: 50% 76%;}
.area_contVisual.v4{background-position: 50% 65%;}
/*
.area_contVisual.v5{background-position: 50% 70%;}
.area_contVisual.v5{background-position: 0% 20%;}
*/
.area_contVisual.v5{background-position: -10% 10%;}

.area_contVisual.v6{background-position: 50% 93%;}
.area_contsTypeA{padding-top:100rem}
.area_contsTypeB{padding-left: 450rem; padding-top: 173rem;}

.area_commnunityWap .txt{background-color: #fff; text-align: center; box-sizing: border-box; padding:60rem 150rem; max-width: 1240rem; width: 95%; margin: -90rem auto 0; position: relative; z-index: 1;}
.area_commnunityWap .txt strong{display: block; font-size:24rem; color:#222; margin-bottom: 12rem;}
.area_commnunityWap .txt p{font-size: 16rem; line-height: 29rem; font-weight: 300; color:#444;}
.history_wrap{position:relative; }
.history_box{overflow: hidden; margin-top:80rem;}
.history_box .history_text.on{z-index:90; position: fixed; top: 80rem; left:15%;}
.history_list .history > li{padding: 60rem 30rem; display: flex; /* border-bottom:1px solid #111 */}
.history_list .history > li + li{padding-top: 0;}
.history_list .history > li:first-child{padding-top:0}
.history_list .history > li:last-child{border-bottom:0; padding-bottom: 0;}
.history_list .history > li > em{position:relative;  color:#caae87; display:block; line-height: 1; padding-left:30rem; margin-bottom:15rem; font-size:34rem; font-weight:600; width: 280rem;}
.history_list .history > li .detail{border-top: 1px solid #0e0e0e; width: calc(100% - 280rem); padding-top: 58rem;}
.history_list .history > li .detail .info{padding-left: 27rem;}
.history_list .history > li .detail strong{font-size: 18rem; color:#222; font-weight: 400; margin-bottom: 6rem; display: block; padding-left: 27rem; position: relative;}
.history_list .history > li .detail strong::before{content:''; position:absolute; left:0; top: 8rem; display:block; width:9rem; height:9rem; background: #ebe7de; /* transform:translateY(-50%); */ transition:0.5s}
.history_list .history > li .detail p.date{color: #999; font-size:14rem}
.history_list .history > li .detail span.location{margin-left: 8rem;}
.history_list .history > li .detail span.location i{display: inline-block; margin-right: 6rem; width: 11rem; height: 15rem; background: url(/images/content/icon_location.svg) no-repeat; background-size: cover; position: relative; top:3rem;}
.history_list .history > li .detail > li + li{padding-top: 44rem;}
.history_list .history dl{display: flex;}
.history_list .history dl *{font-size: 16rem;}
.history_list .history dl dt{width: 140rem; color: #444; font-weight: 500;}
.history_list .history dl dd{width: calc(100% - 140rem); color: #666; }
.history_list .history dl + dl{margin-top: 8rem;}
.history_list.inro_ver .history > li .detail{padding-top: 28rem ;}

/* ticket book */
.area_contsTypeA .section_conts{position: relative;}
.area_contsTypeA .section_conts + .section_conts{margin-top: 130rem; transition:  all .3s;}
.area_contsTypeA .secTtile{position: absolute; left:0; top: 0; width: 222rem; border-top: 1px solid #222;}
.area_contsTypeA .secTtile em{margin-top: 25rem;}
.area_contsTypeA a.buy_ticket{width: 121rem; height: 109rem; margin-top: 28rem; background-color: #222; color:#fff; font-weight: 300; display: flex; align-items: center;justify-content: center;}
.area_contsTypeA a.buy_ticket i{display: block; text-align: center; margin-top: 8rem;}
.area_contsTypeA .secDescrip{padding-left:350rem}
.area_contsTypeA .secDescrip2{padding-left:350rem}
.area_contsTypeA a.buy_ticket.mo_ver{display: none;}

.secDescrip { display: flex;   flex-wrap: wrap; gap: 20rem;  }
.secDescrip > dl {width:40%;}
/*.secDescrip > dl + dl{margin-top: 50rem;}*/
.secDescrip > dl > dt{font-weight: 600; font-size:19rem; color:#222; margin-bottom: 11rem;}
.secDescrip > dl > dd,.descrip{font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}
.secDescrip > dl > dd p,.descrip p,.area_memberIntro .cont p{position: relative; color:#666; padding-left: 10rem; line-height: 29rem;  word-break: break-all;}
.secDescrip > dl > dd p + p,.descrip p + p{margin-top: 6rem;word-break: keep-all;}
.secDescrip > dl > dd p::before,.descrip p::before,
.area_memberIntro .cont p::before{content: ""; position: absolute; width: 3rem; height: 3rem;background-color: #444; border-radius: 10rem; top: 12rem; left: 0;}
.secDescrip > dl > dd p a{font-weight: 500; }
.secDescrip > dl > dd p a.call{color: #444; margin-right: 8rem; font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; ;}
.secDescrip > dl > dd p a.call i{width: 15rem; height: 15rem; background:url(/images/content/icon_call.svg) no-repeat; background-size: cover; display: inline-block; margin-right: 6rem;}
.secDescrip > dl > dd p a.link{color:#444; opacity: 0.45; }
.secDescrip > dl > dd p a.link i{width: 13rem;height: 13rem;background: url(/images/common/icon_link.svg) no-repeat;background-size: cover;display: inline-block;margin-left: 3rem;}
.secDescrip > dl > dd p em,.descrip p em,.area_memberIntro .cont p em{color:#444; font-weight: 500; margin-right: 8rem;}
.secDescrip > dl > dd p.sp{margin-top: 16rem;}
.secDescrip > dl > dd p b,.descrip p b{font-weight: 500;}
.secDescrip > dl > dd.line_flex{display:flex; flex-wrap:wrap; align-items:stretch; gap:5rem;}
.secDescrip > dl > dd.line_flex .rent_downloadLink.file_v{width:auto; min-width:180rem;}


/*
.secDescrip2 { display: flex;   flex-wrap: wrap; gap: 20rem;  }
*/

.secDescrip2 { display: flex; flex-wrap: wrap; gap: 40rem;  }
.secDescrip2 > dl {width:100%;}
/*.secDescrip > dl + dl{margin-top: 50rem;}*/
.secDescrip2 > dl > dt{font-weight: 600; font-size:19rem; color:#222; margin-bottom: 11rem;}
.secDescrip2 > dl > dd,.descrip{font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}
.secDescrip2 > dl > dd p,.descrip p,.area_memberIntro .cont p{position: relative; color:#666; padding-left: 10rem; line-height: 29rem;  word-break: break-all;}
.secDescrip2 > dl > dd p + p,.descrip p + p{margin-top: 6rem;word-break: keep-all;}
.secDescrip2 > dl > dd p::before,.descrip p::before,
.area_memberIntro .cont p::before{content: ""; position: absolute; width: 3rem; height: 3rem;background-color: #444; border-radius: 10rem; top: 12rem; left: 0;}
.secDescrip2 > dl > dd p a{font-weight: 500; }
.secDescrip2 > dl > dd p a.call{color: #444; margin-right: 8rem; font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; ;}
.secDescrip2 > dl > dd p a.call i{width: 15rem; height: 15rem; background:url(/images/content/icon_call.svg) no-repeat; background-size: cover; display: inline-block; margin-right: 6rem;}
.secDescrip2 > dl > dd p a.link{color:#444; opacity: 0.45; }
.secDescrip2 > dl > dd p a.link i{width: 13rem;height: 13rem;background: url(/images/common/icon_link.svg) no-repeat;background-size: cover;display: inline-block;margin-left: 3rem;}
.secDescrip2 > dl > dd p em,.descrip p em,.area_memberIntro .cont p em{color:#444; font-weight: 500; margin-right: 8rem;}
.secDescrip2 > dl > dd p.sp{margin-top: 16rem;}
.secDescrip2 > dl > dd p b,.descrip p b{font-weight: 500;}
.secDescrip2 > dl > dd.line_flex{display:flex; flex-wrap:wrap; align-items:stretch; gap:5rem;}
.secDescrip2 > dl > dd.line_flex .rent_downloadLink.file_v{width:auto; min-width:180rem;}


/* .area_memberIntro{margin-top: 90rem;} */

/* 후원방법 */
.secDescrip.support_link{}

/* 대관료 버전 */
.cont_table table thead{background-color:#f9f9f9}
.cont_table table tr{ border-top: 1px solid #e6e6e6;}
.cont_table table tr:last-child{border-bottom: 1px solid #e6e6e6;}
.cont_table table thead th{padding:13rem 0; box-sizing: border-box; font-weight: 400; color:#444}
.cont_table table thead th + th{border-left: 1px solid #e6e6e6;}
.cont_table table td{padding:13rem 30rem; box-sizing: border-box; color:#666; }
.cont_table table td + td{ border-left:1px solid #e6e6e6;}
.cont_table table td + td.checkList{border-left: 0; position: relative; display: table-cell; padding: 0;}
.cont_table table td + td.checkList label{width: 20px; height: 20px; position: relative;;}
.cont_table table td p{padding-left: 10rem; position: relative; line-height: 29rem;}
.cont_table table td p::before{content: ""; position: absolute; width: 3rem; height: 3rem;background-color: #444; border-radius: 10rem; top: 12rem; left: 0;}
.cont_table table td p b{font-weight: 500;}
.cont_table table td.name{text-align: center;}
.cont_table .unit{text-align: right; margin-bottom: 8rem;}
.cont_table .unit span{font-size:13rem;/*  opacity: 0.5; */}
.cont_table table thead th.name{width: 150rem;}
.cont_table table td.tel{min-width: 160rem; text-align: center;}
.cont_table.typeA td:nth-child(1){text-align: center;}
.cont_table.typeB td{text-align: center;}

.cont_table.table_price table{table-layout: fixed;}
.cont_table.table_price table thead tr:nth-child(2) th:nth-child(1){border-left: 1px solid #e6e6e6;}
.cont_table.table_price .price_info tbody tr th{border-right: 1px solid #e6e6e6; font-weight: 400; color:#444;}
.cont_table.table_price .price_info tbody td{border-right:1px solid #e6e6e6}
.cont_table.table_price .price_info tbody td:last-child{border-right:0}

.cont_table table td:last-child{position: relative;}

/* 온라인교육 표 */
.cont_table.typeC table tbody th,.cont_table.typeD table tbody th{background-color:#f9f9f9; width: 30%; font-weight: 400; color:#444}
.cont_table.typeC table tbody tr > *{padding:13px 30px}

.safety_classLink a.btn{border:1px solid #ddd; padding:12px; box-sizing: border-box; display: inline-block; position: relative;}
.safety_classLink a.btn::before{content:""; display:block; width:13px; height:13px; margin-left:22px; background:url(../../images/common/icon_browser.svg) no-repeat 50% 50%;}

/* 예시 */
.cont_table .example{padding:13rem 0 13rem 30rem}
.cont_table .example p{font-size:15rem; opacity: 0.7;}
.cont_table .example p + p{margin-top: 6rem;}
.cont_table .example p em{font-weight: 400; color:#444;}
.cont_table .example.ver2{padding-top: 0;}
.cont_table .example.ver2 p{padding-left: 0;}
.cont_table .example.ver2 p::before{display: none;}

/* 후원금 */
.cont_table.support_ver table tbody th{width: 160px; border-right: 1px solid #e6e6e6; font-weight: 400;}

/* 비고 */
.cont_note{ margin-top: 14rem; background-color:#fafafa; border:1px solid #e6e6e6; box-sizing: border-box; padding:26rem 32rem; position: relative;}
.cont_note strong{position: absolute; top: 47%; width: 125rem; left: 0; text-align: center; font-weight: 500; color:#444;}
.cont_note .note_list{padding-left: 124rem; position: relative;}
.cont_note .note_list::before{content: ""; width: 1px; height: 100%; background-color:#e6e6e6; position: absolute; left:91rem;}
.cont_note .note_list p > span.e_mark:nth-child(1){margin-top: 6rem;}
.cont_note span.note_tt{background-color:#0e0e0e; top: -18rem; left: 35rem; font-size:16rem; font-weight:300; border-radius: 4rem; box-sizing: border-box; padding: 7rem 20rem 4rem ; display: inline-block; color:#fff; position: absolute;  }
.cont_note.ver02{padding:40rem 32rem 26rem; margin-top: 64rem;}
.cont_note.ver03{padding:20rem 26rem}
.cont_note.ver03 span.e_mark b{font-weight: 500;}

span.e_mark{position: relative; display: block; padding-left: 27rem; line-height: 29rem; font-size:14rem; color:#caae87}
span.e_mark::before{ content: ""; position: absolute; display: block; width: 17rem; height: 17rem; background: url(/images/content/icon_notice.svg) no-repeat; background-size: cover;  top: 6rem; position: absolute; left: 0;}

/* 대관절차 */
.area_rentalIntro .tit{text-align: center;}
.area_rentalIntro h4{font-size: 28rem; color: #222; font-weight: 300;}
.area_rentalIntro h4 b{font-weight: 700;}
.area_rentalIntro p{font-size: 16rem; color:#aeaeae; font-weight: 300; margin-top: 9rem;}
.area_rentalIntro .rental_introLink{display: flex; justify-content: center; gap: 24rem; margin-top: 51rem;}
.area_rentalIntro .rental_introLink li{width: 314rem;}
.area_rentalIntro .rental_introLink > li > a{width: 100%; height: 243rem; box-sizing: border-box; transition: all .3s; background-color: #fff; border:1rem solid #ddd; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.area_rentalIntro .rental_introLink > li > a svg{fill: #222; display: block;}
.area_rentalIntro .rental_introLink > li > a strong{display: block; font-size: 29rem; font-weight: 400; color: #222; margin-top: 13rem;}
.area_rentalIntro .rental_introLink > li > a strong b{font-weight: 700;}
.area_rentalIntro .rental_introLink > li:nth-child(1) svg{width: 48rem;}
.area_rentalIntro .rental_introLink > li:nth-child(2) svg{width: 24rem; }
.area_rentalIntro .rental_introLink > li > a:hover{background-color: #1f2839; border-color: #1f2839; box-shadow: 6px 10px 29px 0px rgba(27, 34, 45, 0.38);}
.area_rentalIntro .rental_introLink > li > a:hover svg{fill: #fff;}
.area_rentalIntro .rental_introLink > li > a:hover strong{color: #fff;}

.rental_file{margin-top: 32rem;}
.rental_file a{width: 193rem; height: 52rem; margin: 0 auto; box-sizing: border-box; border:1rem solid #ddd; display: flex; align-items: center; justify-content:space-between; box-sizing: border-box; padding: 0 20rem}
.rental_file a *{transition: all .3s;}
.rental_file a span{font-size: 16rem;}
.rental_file a img{width: 14rem;}
.rental_file a + a{margin-top: 10rem;}
.rental_file a:hover *{opacity: 0.4;}


.rental_file2 {margin-top: 32rem;}
.rental_file2 a{width: 253rem; height: 52rem; margin: 0 auto; box-sizing: border-box; border:1rem solid #ddd; display: flex; align-items: center; justify-content:space-between; box-sizing: border-box; padding: 0 20rem}
.rental_file2 a *{transition: all .3s;}
.rental_file2 a span{font-size: 16rem;}
.rental_file2 a img{width: 14rem;}
.rental_file2 a + a{margin-top: 10rem;}
.rental_file2 a:hover *{opacity: 0.4;}


/* booking step */
.booking_step{display: flex;  align-items: center; margin-top: 30rem; }
.booking_step ul li{width: 107rem; height: 96rem; position: relative; border:1px solid #e6e6e6; background-color: #fff; box-sizing: border-box; text-align: center; display:inline-flex; align-items: center; justify-content: center;}
.booking_step ul li + li{margin-left: 73rem;}
.booking_step ul li + li::before{width: 30rem; height: 25rem; background: url(/images/content/icon_step_next.svg) no-repeat; background-size: cover; opacity: 0.05; content: ""; position: absolute; left:-53rem; top: 50%; margin-top: -12.5rem;}
.booking_step ul li i{color:#ccc; font-weight: 500; font-size:14rem}
.booking_step ul li:nth-child(1) i{color:#caae87;}
.booking_step ul li em{color:#666; font-weight: 300;}
.booking_step .dot_line{width: 108rem; height: 1px; border-top: 1px dotted #000; opacity: 0.19; margin-right: 20rem; margin-left: 20rem;}

.twentyfour{background-color:#f5f5f5; border-radius: 100rem; padding:0 15rem; display: flex; box-sizing: border-box;  height: 50rem; align-items: center ;}
.twentyfour i{width: 30rem; height: 30rem; background:url(/images/content/icon_24.svg) no-repeat; background-size: cover; margin-right: 7rem ;}
.twentyfour span{font-size:14rem}
.twentyfour span b{color:#444; font-weight:500;}

.rental_processList{padding-top: 96rem;}
.rental_processList ul{display: flex; justify-content: space-between;}
.rental_processList ul > li{text-align: center; position: relative; width: 12.5%; margin-right: 35rem;}
.rental_processList ul > li::before{content: ""; opacity: 0.1; width: 22rem;  height: 16rem; background: url(/images/content/icon_proces_next.svg) no-repeat; background-size: cover; position: absolute; right: -25rem; top: 50%; transform: translateY(-50%);}
.rental_processList ul > li:last-child{margin-right: 0;}
.rental_processList ul > li:last-child::before{display: none;}
.rental_processList ul > li span{color:#666;  display: block; margin-top: 10rem; transition: all .3s;}
.rental_processList ul > li i{display: block;  opacity: 0.12; height: 37rem; transition: all .3s;}
.rental_processList ul > li i img{display: block; margin: 0 auto;}
.rental_processList ul > li:hover i{opacity: 1;}
.rental_processList ul > li:hover span{font-weight: 500; color:#222}

.step01 i img{width:49rem}
.step02 i img{width:32rem}
.step03 i img{width:42rem}
.step04 i img{width:44rem}
.step05 i img{width:33rem}
.step06 i img{width:39rem}
.step07 i img{width:40rem}
.step08 i img{width:36rem}

.rental_PList{padding-top: 0;}
.rental_PList ul{display: flex;  justify-content: center; gap: 110rem;}
.rental_PList ul li{text-align: center; position: relative;}
.rental_PList ul > li::before{content: ""; opacity: 0.1; width: 22rem;  height: 16rem; background: url(/images/content/icon_proces_next.svg) no-repeat; background-size: cover; position: absolute; right: -63rem; top: 50%; transform: translateY(-50%);}
.rental_PList ul > li:last-child::before{display: none;}
.rental_PList i{height: 38rem; display: block;}
.rental_PList i svg{max-height: 38rem; fill:#000; opacity: 0.24; transition: all .3s; display: block; margin: 0 auto;}
.rental_PList span{display: block; font-size: 15rem; margin-top: 12rem; color: #666; opacity: 0.47;}
.rental_PList a{cursor: pointer;}
.rental_PList ul > li.on svg,
.rental_PList ul > li:hover svg{opacity: 1;}
.rental_PList ul > li.on span,
.rental_PList ul > li:hover span{opacity: 1;}
.rental_PList + *{margin-top: 80rem;}

[data-rent="01"] svg{width: 24rem;}
[data-rent="02"] svg{width: 39rem;}
[data-rent="03"] svg{width: 36rem;}
[data-rent="04"] svg{width: 33rem;}
[data-rent="05"] svg{width: 38rem;}

.area_rental_agree .box h5{font-size: 17rem; margin-bottom: 12rem;}
.area_rental_agree .box + .box{margin-top: 80rem;}
.area_rental_agree .box_scroll{height: 240rem; padding:40rem; box-sizing: border-box; overflow-y: scroll; border:1rem solid #ddd}
.area_rental_agree .check{text-align: right; margin-top: 12rem;}

.area_Button{display: flex; align-items: center;  justify-content: center; margin-top: 80rem; gap: 8rem;}
.area_Button a{width: 180rem; height: 60rem; border:1rem solid #1f2839; transition: all .3s; background-color: #fff; display: flex; box-sizing: border-box; justify-content: center; align-items: center;}
.area_Button a span{font-size: 15rem; color: #1f2839;}
.area_Button a:hover{background-color: #1f2839;}
.area_Button a:hover span{color: #fff;}
.area_Button a.color{background-color: #1a2332;}
.area_Button a.color span{color: #fff;}


.area_rental_reservation{width: 100%; max-width: 940rem; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between;}
.box_rent_check{background-color: #f5f5f5; box-sizing: border-box; padding: 42rem 30rem; width: 390rem;}
.box_rent_check .search_sec + .search_sec{margin-top: 32rem;}
.box_rent_check .search_sec .inline_box li{width: 50%;}
.box_rent_check .search_sec .inline_box li:last-child{border-right: 1rem solid #eee}
.box_rent_check .check-mark em{display: block; text-align: right; width: 100%; color: #c7c7c7;}
.box_rent_check .search_sec .inline_box li label.check-mark > input:checked + em{color: #caae87;}
.box_rent_check .search_sec label.check-mark.oneday > input:checked + em{color:#000; font-weight: 400;}
.box_rent_check .area_Button {margin-top: 50rem; }
.box_rent_check .area_Button a{width: 100%; background-color: #0e0e0e;}
.box_rent_check .area_Button a span{color: #fff;}

.rentDate{width: 100%; height: 50rem; display: flex; justify-content: space-between; box-sizing: border-box; padding: 0 20rem; align-items: center; border:1rem solid #eee; box-sizing: border-box; background-color: #fff; position: relative;;}
.rentDate input[type=text]{height: 50rem; background: none; outline: none; border:none; padding: 0;}
.rentDate + .rentDate{margin-top: 10rem;}

.box_rent_calenal{width: 487rem;}
.rentCalendar [data-week="02"]{display: flex; margin: 0; overflow: hidden; -webkit-box-flex: 1; -webkit-flex:1 1 0%; -webkit-box-flex:1 1 0%;-webkit-flex:1 1 0%; flex:1 1 0%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-direction: column;-webkit-flex-direction:column; flex-direction: column; }
.rentCalendar [data-week="02"] ul,[data-week="01"]{display: flex;}
.rentCalendar [data-week="02"] ul li,[data-week="01"] li{text-align: center;  -webkit-box-flex: 1; -webkit-flex:1 1 0%; -webkit-box-flex:1 1 0%;-webkit-flex:1 1 0%; flex:1 1 0% }
.rentCalendar [data-week="02"] ul li{font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; cursor: pointer; color: #ddd;}
.rentCalendar [data-week="02"] ul li{padding:0 15rem; margin:6rem 0; box-sizing: border-box; position: relative; cursor: default;}
/* .rentCalendar [data-week="02"] ul li:nth-child(1){padding-left: 0;}
.rentCalendar [data-week="02"] ul li:last-child{padding-right: 0;} */
.rentCalendar [data-week="02"] ul li span{width: 46rem; height: 46rem; border-radius: 100%; display: block; line-height: 46rem; text-align: center; position: relative; z-index: 2;}
.rentCalendar [data-week="02"] ul li.one span{background-color: #caae87; color: #fff;}
.rentCalendar [data-week="02"] ul li font{position: absolute; left: 0; color: #ca2525; font-size: 11rem; bottom: 0; text-align: center; width: 100%; bottom: -10rem;}
.rentCalendar [data-week="02"] ul li.on{cursor: pointer; color: #222;}
.rentCalendar [data-week="02"] li.click::before{content: ""; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background-color: #ede3d5; }
.rentCalendar [data-week="02"] li.click span{ color: #fff;}
.rentCalendar [data-week="02"] li.click.first::before{border-radius: 80rem 0 0 80rem; width: 100%; left: calc(50% - 18rem)}
.rentCalendar [data-week="02"] li.click.first span,
.rentCalendar [data-week="02"] li.click.last span{background-color: #caae87;}
.rentCalendar [data-week="02"] li.click.last::before{border-radius: 0 80rem 80rem 0; width: calc(50% + 20rem); left: 0;}
.rentCalendar [data-week="01"] {margin-bottom: 12rem;}
.rentCalendar [data-week="01"] li{font-size: 16rem;}

.box_rent_calenar{box-sizing: border-box; padding-left: 30px;}

.area_rental_complete {text-align: center;}
.area_rental_complete .round{width: 140rem; height: 140rem; border-radius: 100%; background-color: #f5f5f5; margin: 0 auto 40rem; display: flex; align-items: center; justify-content: center;}
.area_rental_complete .round i{width: 10rem; height: 28rem; border-bottom:8rem solid #152f53; border-right: 8rem solid #152f53; transform: rotate(45deg);}
.area_rental_complete .txt{margin-top: 40rem;}
.area_rental_complete .txt p{font-size: 18rem; color: #222; text-align: center;}

.area_rental_step{margin-top: 118rem;}
.part_rentalStep {position: relative; padding-bottom: 87rem;}
.part_rentalStep::before{content: ""; position: absolute; width: 1px; height: 100%; background-color:#000; opacity: 0.05; left: 30rem; top: 0;}
.part_rentalStep:last-child{padding-bottom: 0;}
.part_rentalStep:last-child::before{display: none;}
.part_rentalStep .round{position: absolute; width: 60rem; height: 60rem; border-radius: 100%; background-color: #fff; left: 0; top: -14rem; display: flex; align-items: center; justify-content: center; box-shadow: 6rem 10rem 29rem 0rem rgba(27, 34, 45, 0.08);}
.part_rentalStep .round i{font-size:20rem; color:#caae87; line-height: 1;}

.rentalStep_cont{padding-left: 160rem;}
.rentalStep_cont .title{display: flex;justify-content: space-between; align-items: center; position: relative; margin-bottom:12rem;}
.rentalStep_cont .title em{font-size:28rem;  color:#222; background-color: #fff; position: relative; z-index: 1; padding-right: 20rem;}
.rentalStep_cont .title em b{font-weight: 600;}
.rentalStep_cont .title span.line{width: 100%; height: 1px; border-top: 1px dashed #222; position: absolute;  top: 46%; display: block; opacity: 0.73;}
.rentalStep_cont .title i{background-color: #fff; display: block; position: relative; z-index: 1; width: 75rem; text-align: right;}
.rentalStep_cont .title i img{display: block; margin: 0 10rem  0  auto; position: relative; left: 10rem;}
.rentalStep_cont .title i.first img{left: 12rem;}

.application_wrap{margin-top: 54rem;}
.application_wrap  + .application_wrap{padding-top: 54rem; border-top: 1rem dashed #ddd;}
.application_wrap .bigtt{font-size: 22rem; color: #222;}
.application_wrap .bigtt + *{margin-top: 10rem;}
.application_wrap .add_title h5{font-size: 22rem; color: #c6a582; }
.application_wrap .add_title p{margin-top: 4rem;}
.application_wrap .add_title{padding-bottom: 42rem;}
.apply_table{border-top: 1rem solid #0e0e0e; }
.apply_table > ul{display: flex; flex-wrap: wrap; }
.apply_table > ul > li{width: 100%; border-bottom: 1rem solid #e6e6e6; display: flex; align-items: center; box-sizing: border-box;}
.apply_table li.w50{width: 50%;}
.apply_table .dt, .apply_table .dd{ box-sizing: border-box; display: flex; min-height:54rem;}
.apply_table .dt{width: 160rem; height: 100%; align-items: center; text-align: center; font-weight: 400; color: #222; background-color: #fafafa;  justify-content: center;}
.apply_table .dd{width: calc(100% - 160rem); padding: 10rem 20rem }
.apply_table .dd .flex{display: flex; gap: 24rem;}
.apply_table .dd.non_flex{display: block;}
.apply_table .dd input[type="text"]{width: 100%; height: 50rem;}
.apply_table .dd.col{flex-direction: column;}
.apply_table .dd > *:not(.flex) input[type="text"]{width: 100%;}
.apply_table textarea{margin-top: 20rem; width: 100%; border:1rem solid #e6e6e6; resize: none; height: 200rem; padding: 20rem; box-sizing: border-box;}
.apply_table .noti{font-size: 12rem; margin-top: 0;}
.apply_table .dd.al_center{align-items: center;}
.apply_table .dd.al_center p{margin-top: 0;}
.apply_table .dd.table{padding: 0;}

.apply_table .file_list{width: 100%;}
.apply_table .file_list  li{display: flex; gap: 12rem; align-items: center;}
.apply_table .file_list  li + li{margin-top: 8rem;}
.apply_table .file_list .file_delete{width: 20rem; height: 20rem; border-radius: 90rem; cursor: pointer; border:1rem solid #ca2525; display: flex; align-items: center; justify-content: center;}
.apply_table .file_list .file_delete i{display: block; width: 9rem; height: 2rem; background-color: #ca2525;}
.apply_table .file_list .download{box-sizing: border-box; transition: opacity .2s; padding: 8rem 22rem; font-size: 15rem; display: flex; gap: 8rem; }
.apply_table .file_list .download:hover{opacity: 0.4;}
.apply_table .file_list .download svg{width: 14rem;}
.apply_table .uploadFile{display: flex;}
.apply_table .uploadFile input[type="file"]{position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border:0;}
.apply_table .uploadFile label{width: 100rem; height: 50rem; line-height: 50rem; font-size:14rem; color: #fff; background-color: #777; text-align: center;}
.apply_table .uploadFile .upload_name{height: 50rem; width: 325rem; background-color: #f5f5f5; border:0; box-sizing: border-box; padding:0 20rem; font-size: 15rem; color: #999; }

[data-pop-layer="layer"]#facilityPop .popBox{min-width: 768rem;}

.usage_fee_list > ol{border-top: 1rem solid #171717;}
.usage_fee_list > ol > li{display: table; border-bottom: 1rem solid #e6e6e6; width: 100%; }
.usage_fee_list > ol > li .bg_gray{background-color: #f5f5f5;}
.usage_fee_list > ol > li .fee_name{ box-sizing: border-box; }
.usage_fee_list > ol > li > div{display: table-cell; vertical-align: middle; padding: 10rem 14rem; border-right: 1rem solid #e6e6e6;}
.usage_fee_list > ol > li > div:last-child{border-right:none}
.usage_fee_list [data-fee="big_title"]{font-size: 15rem;display: inline-block;opacity: 0.5;position: relative;padding-right: 26rem;}
.usage_fee_list [data-fee="big_title"]::before{content: "";width: 6rem;height: 6rem;border-right: 1rem solid #666;border-bottom: 1rem solid #666;position: absolute;right: 12rem;top: 8rem;transform: rotate(-40deg);}
.usage_fee_list [data-fee="big_title"] + [data-fee="big_title"]{padding-right: 0}
.usage_fee_list [data-fee="big_title"] + [data-fee="big_title"]::before{display: none;}
.usage_fee_list [data-fee="title"]{width: 44%;}
.usage_fee_list [data-fee="count"]{width: 22%;}
.usage_fee_list [data-fee="name2"]{margin-top: 2rem;}
.usage_fee_list [data-fee="price"]{width: 34%;}

.listview_btn .listBtn{border:1rem solid #1f2839; background-color: #1f2839; box-sizing: border-box; padding:12rem; display: block; width: 150rem; height:50rem; text-align: center; font-size: 16rem; color: #fff;}
.facility_list{margin-top: 12rem;}
.facility_list ol {display: flex; flex-direction: row; flex-wrap: wrap; gap: 6rem;}
.facility_list ol > li{ border:1rem solid #eee; border-radius: 50rem; padding:2rem 12rem; display: inline-flex; align-items: center;}
.facility_list ol > li *{font-size: 16rem;  position: relative;}
.facility_list ol > li em{color: #999;}
.facility_list ol > li em.first{padding-right: 20rem;}
.facility_list ol > li em.first::before{content: ""; width: 6rem; height: 6rem; border-right: 1rem solid #acacac; border-bottom: 1rem solid #acacac; position: absolute; right: 7rem; top: 50%; transform: translateY(-50%) rotate(-40deg);}
.facility_list ol > li i.price{margin-left: 8rem; color: #c6a582;}
.facility_list ol > li .delete{width: 12rem; height: 12rem; position: relative;  cursor: pointer;margin-left: 6rem;}
.facility_list ol > li .delete::before,.facility_list ol > li .delete::after{content: ""; width: 1rem; height: 12rem; background-color: #999; position: absolute; left: 50%; top: 0;}
.facility_list ol > li .delete::before{transform: rotate(-45deg);}
.facility_list ol > li .delete::after{transform: rotate(45deg);}

span.importantt{ color: #152f53; padding-left: 20rem;}

.rent_downloadLink{display: flex; padding:6rem 14rem; opacity: 0.4; transition: opacity 0.3s; gap: 10rem; border:1rem solid #444; box-sizing:border-box; ;}
.rent_downloadLink:hover{opacity: 1;}
.rent_downloadLink span{font-size: 14rem;}
.rent_downloadLink img{width: 14rem;}
.rent_downloadLink.file_v{width: 180rem; padding: 12rem 14rem; justify-content: space-between;}

.rent_preriod {display: flex; flex-direction: column;}
.rent_preriod .rentDate{max-width: 180rem;}
.rent_preriod .appInput + .appInput{margin-top: 8rem;}
.rent_preriod i {margin:0 12rem; display: inline-block;}
.rent_preriod .time{margin-left: 12rem;}

.wrap_perDate {align-items: center;}
.wrap_perDate .tlt_date{font-size: 14rem;}
.wrap_perDate .tlt_date i{color: #c6a582;}
.wrap_perDate .rentDate{width: 130rem; padding-left: 8rem; padding-right: 0;}

.perform_info {width: 100%;}
.perform_info .tr{border-bottom: 1rem solid #ececec; display: table; width: 100%;}
.perform_info .tr:last-child{border-bottom: none;}
.perform_info .tr .th_purpose_list{display: table-cell; width: calc(100% - 200rem);}
.perform_info .tr .re_tr .th_purpose_list ol{width: 100%;}
.perform_info .tr .th{width: 148rem; background-color: #fafafa; text-align: center; height: 100%; min-height: 52rem; display: table-cell; border-left: 1rem solid #e6e6e6;}
.perform_info .tr .th.th_purpose{width:200rem; vertical-align: middle;}
.perform_info .tr .th_purpose_list select{width: calc(100% - 32rem)}
.perform_info .tr ol{display: inline-flex;  min-height: 52rem; width: 100%;}
.perform_info .tr ol > li{  display: flex; gap: 12rem; align-items: center; justify-content: center;}
.perform_info .tr ol > li:not(:nth-child(3)){width: calc((100% - 160rem) / 2); text-align: center; border-right: 1rem solid #e6e6e6; }
.perform_info .tr ol > li.selc{justify-content:left; padding:0 12rem; box-sizing: border-box;}
.perform_info .tr ol > li:nth-child(3){width: 160rem;}
.perform_info .tr ol > li:nth-child(3) input[type="text"]{width: 90%;}
.perform_info .tr ol > li .wrap_perDate {padding:6rem 0; box-sizing: border-box; gap: 8rem;}
.perform_info .tr ol > li span.mo_v{display: none;}
.perform_info .tr ol > li .check-mark em i{display: block; font-size: 12rem;}
.perform_info .wrap_perDate .rentDate input[type="text"]{width:calc(100% - 40rem);}
.perform_info .wrap_perDate .rentDate .ui-datepicker-trigger{width: 40rem;}

.perform_info .add_btn{width: 20rem; height: 20rem; border-radius: 100%; background-color: #5d5d5d; margin-left: 4rem; position: relative; }
.perform_info .add_btn::before,.perform_info .add_btn::after{ width: 10rem; height: 2px; background-color: #fff; content:'' ; position: absolute; left: 50%; top: 50%; }
.perform_info .add_btn::before{transform: translate(-50%,-50%)}
.perform_info .add_btn::after{transform: translate(-50%,-50%) rotate(90deg);}


.perform_info .minus_btn {
  width: 20rem;
  height: 20rem;
  border-radius: 100%;
  background-color: #5d5d5d;
  margin-left: 4rem;
  position: relative;
}

.perform_info .minus_btn::before {
  content: '';
  width: 10rem;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}




.apply_table .dd .perform_info ol > li:nth-child(2) input[type="text"]{width: 30rem}

.selecBox > select{width: 43rem;}
.selecBox > select{padding-right: 0; background: url(../images/board/select_arrow.svg) no-repeat calc(100% - 6rem) 48%; }

.appy_sec{margin-top: 62rem;}
.appInput{display: flex; align-items: center;}
.appInput span{margin-right: 12rem; color: #929292; font-size: 14rem;}

.checkList{display: flex;flex-wrap: wrap;flex-direction: row;gap: 22rem;}
.checkList > li{display: flex; align-items: center;}
.checkList label + input[type="text"]{margin-left: 12rem;}

.checkList [type="radio"]:not(:checked),.checkList [type="checkbox"]:not(:checked), .chBx [type="checkbox"]:not(:checked),
.checkList [type="radio"]:checked,.checkList [type="checkbox"]:checked,.chBx [type="checkbox"]:checked  {position: absolute;left: 0;opacity: 0.01;}
.checkList [type="radio"]:not(:checked) + label,.checkList [type="checkbox"]:not(:checked) + label,
.checkList [type="radio"]:checked + label,.checkList [type="checkbox"]:checked + label{position: relative;padding-left:30rem;margin-right: 0;cursor: pointer;}

.checkList [type="radio"]:not(:checked) + label:before,.checkList [type="checkbox"]:not(:checked) + label:before,	
.checkList [type="radio"]:checked + label:before,.checkList [type="checkbox"]:checked + label:before {content: '';position: absolute;left: 0;top: 0rem;width: 20rem;height: 20rem;border: 1rem solid #ddd;background: transparent;-webkit-transition: all .275s;transition: all .275s;}
.checkList [type="radio"]:checked + label:before,.checkList [type="checkbox"]:checked + label:before{/*  box-shadow: 0px 0px 8px 0px rgba(241, 235, 85, 0.85);  */border-color: #c6a582}

.checkList [type="radio"]:checked + label{color: #c6a582;}
.checkList [type="radio"]:not(:checked) + label:after,.checkList [type="checkbox"]:not(:checked) + label:after,
.checkList [type="radio"]:checked + label:after,.checkList [type="checkbox"]:checked + label:after {content: '';width:10rem;height: 10rem;box-sizing: border-box;border-color: transparent;background-color: #c6a582;position: absolute;top: 6rem;left: 6rem;-webkit-transition: all .2s;transition: all .2s;}

.checkList [type="radio"]:not(:checked) + label:after,.checkList [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0) rotate(0);transform: scale(0) rotate(0);}
.checkList [type="radio"]:checked + label:after,.checkList [type="checkbox"]:checked + label:after {opacity: 1;  -webkit-transform: scale(1) rotate(37deg);transform: scale(1);}

.checkList [type="radio"]:disabled:not(:checked) + label:before,.checkList [type="checkbox"]:disabled:not(:checked) + label:before,
.checkList [type="radio"]:disabled:checked + label:before,.checkList [type="checkbox"]:disabled:checked + label:before {box-shadow: none;border-color: #bbb;background-color: #e9e9e9;}
.checkList [type="radio"]:disabled:checked + label:after,.checkList [type="checkbox"]:disabled:checked + label:after {color: #777;}
.checkList [type="radio"]:disabled + label,.checkList [type="checkbox"]:disabled + label {color: #aaa;}

.chBx [type="checkbox"]:not(:checked){}

/* Accessibility */
/* [type="radio"]:checked:focus + label:before,
[type="radio"]:not(:checked):focus + label:before ,
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(227, 189, 66, 0.507) } */

/* 커뮤니티 */
.kakao_map{width: 100%;}
.kakao_map .root_daum_roughmap{width: 100%;}
.kakao_map .root_daum_roughmap .wrap_map{height: 450rem;}
.root_daum_roughmap .wrap_controllers{display: none;}
.root_daum_roughmap_landing .border2{display: block;}

.cont_table.loca_ver table tbody th{border-right: 1rem solid #e6e6e6; width: 220rem;}

/* group title box */
.area_contsBox{background-color:#1f2839; width: 349rem; box-sizing: border-box; padding:38rem 34rem; position: absolute; transform: translateY(-54rem); z-index: 9;}
.area_contsBox span{display: block; color:#caae87; text-transform: uppercase;}
.area_contsBox h4{color:#fff; font-size: 29rem; font-weight: 500; margin-top: 11rem; margin-bottom: 18rem;  font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; ;}
.area_contsBox dl{display: table;}
.area_contsBox dl > *{display: table-cell; vertical-align: middle; box-sizing: border-box; color:#fff}
.area_contsBox dl dt{font-weight: 500; text-transform: uppercase;}
.area_contsBox dl dd{opacity: 0.7; /* padding-left: 28rem; */ position: relative;  font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; }
/* .area_contsBox dl dd::before{content: ""; width: 1rem; height: 17rem; background-color:#fff; opacity: 0.13; position: absolute; left: 14rem; top: 2rem;} */

/* 인사말 */
.area_introduce h5 b{font-size: 27rem; display: block; font-weight: 500;}
.area_introduce strong{font-size: 28rem; font-weight: 500; color:#222;}
.area_introduce .image{margin: 60rem 0;}
.area_introduce .image img{width: 100%;}

/*
.area_introduce .image + .text{padding-left: 400rem; box-sizing: border-box;}
*/

.area_introduce .image + .text strong{margin-top: 20rem; display: block;}

.area_artpiaIntro{padding-top: 80rem;}

.logo_symbol{display: flex; justify-content: space-between; margin-top: 24rem;}
.logo_symbol > li{width: calc(50% - 12rem); position: relative; height: 200rem; border:1px solid #e6e6e6; display: inline-flex; justify-content: center; align-items: center;}
.logo_symbol > li span{position: absolute; top: 20rem; left: 20rem; font-size: 14rem; font-weight: 300; color: #d4d4d4;}
.logo_symbol > li img{width: 220rem; display: block;}
.logo_color{border:1px solid #e6e6e6; margin-top: 24rem; box-sizing: border-box;background-color: #fff;display: flex;justify-content: space-between;padding: 34rem 34rem 26rem;}
.logo_color li{width: calc(50% - 8rem);}
.logo_color .color{position: relative;}
.logo_color .color span{position: absolute;right: 20rem;bottom: 10rem;color: #fff;font-size: 14rem;opacity: 0.5;}
.logo_color .color.blue{width: 100%; height: 120rem; background-color:#212388;}
.logo_color .color.dark{width: 100%; height: 120rem; background-color:#353237;}
.logo_color em{display: block;font-size: 14rem;margin-top: 4px;}


/* 단체 상세 */
.area_contsTypeB .section_conts + .section_conts{margin-top: 55rem;}
.area_contsTypeB .section_conts strong.tit{display: block; font-size:18rem; font-weight: 500; text-transform: uppercase; margin-bottom: 20rem; font-family: 'Ibarra Real Nova', Sans-serif;}
.group_info{border:1px solid #e6e6e6; border-top: 1px solid #222; box-sizing: border-box; padding:34rem 40rem}
.group_info li + li{margin-top: 12rem;}
.group_info li dl{display: flex;}
.group_info li dt{color:#222; width: 86rem; display: flex; justify-content: space-between; font-weight: 500; }
.group_info li dd{color:#666; padding-left: 48rem; width: calc(100% - 86rem); box-sizing: border-box; position: relative; }
.group_info li dd::before{content: ""; width: 1px; height: 17rem; background-color:#444; opacity: 0.13; position: absolute; left: 24rem;}
.group_info li dd b{font-weight: 500; color:#444; display: inline-block; margin-right: 5rem;}

.group_detail p{ color:#666; /* text-align: justify; */ line-height: 29rem;}
.group_detail p + p{margin-top: 34rem;}

/* 시설안내 */
.area_facility .area_contVisual{margin-top: 0;}
.area_facility .area_contVisual.hall{height: 456rem; width: 100%; background-attachment: local;}
.facility_text h5{font-size:37rem; line-height: 59rem; font-weight: 500; color:#222}
.facility_text h6{font-size:30rem; line-height: 45rem; position: relative; padding-left: 26rem; font-weight: 500; color:#222}
.facility_text h6::before{content: ""; width: 3rem; height: 90%; position: absolute; left: 0; top:44%; transform: translateY(-50%); background-color: #222;}
.facility_text p{font-size: 17rem;  color:#666; line-height: 29rem; margin-top: 27rem;}

/* .top_facility{padding-bottom: 114rem; } */
.top_facility .facility_text{padding-left: 418rem; box-sizing: border-box; padding-top: 140rem;}
.top_facility .facility_text_list {padding-top: 30rem;}
.top_facility .facility_text_list strong {font-size: 24rem; font-weight: 600;}
.top_facility .facility_text_list ul {padding-top: 10rem; font-size: 17rem;}
.top_facility .facility_text_list ul li:nth-child(n+2) {padding-top: 3rem;}
.part_fac .flex{display: flex; align-items: center; }
.part_fac .flex.w50 > *{width: 50%; box-sizing: border-box;}
.part_fac .flex.ver01 > .facility_text{padding-right:86rem;}
.part_fac .flex .facility_img img{width: 100%;}
.part_fac .flex .facility_img + .facility_img{margin-left:36rem}
.part_fac .facility_text.flex {display: flex;  padding-top: 84rem;}
.part_fac .facility_text.flex.type01{align-items: center;}
.part_fac .facility_text.flex.type01 p{margin-top: 0;}
.part_fac .facility_text.flex h6{width: 420rem;}
.part_fac .facility_text.flex p{padding-left: 60rem; width:calc(100% - 420rem); box-sizing: border-box;}

.part_fac.bg{padding-top: 108rem; padding-bottom: 157rem; position: relative;}
.part_fac.bg::before{width: 73%; content: ""; height: 100%; background-color:#f8f8f8; position: absolute; left: 0; top: 0; z-index: 0;}

/* 231124 시설소개 */
.area_facility {margin-top: 50rem;}
.fy_intro_box {display: flex; align-items: center;}
.fy_intro_box:nth-child(n+2) {margin-top: 90rem;}
.fy_intro_img {width: 48%;}
.fy_intro_img img {width: 100%;}
.fy_intro_txt {margin: 0 0 0 5%; border-top: 1rem solid #222; padding-top: 28rem; width: 23%;}
.fy_intro_txt strong {font-size: 37rem; color: #222; font-weight: 500;}
.fy_intro_txt p {font-size: 17rem;  color:#666; line-height: 29rem; margin-top: 12rem;}
.fy_intro_txt a {display: block; margin-top: 55rem; font-size: 17rem; color: #222;}
.fy_intro_box:nth-child(even) {flex-direction: row-reverse;}
.fy_intro_box:nth-child(even) .fy_intro_txt {margin: 0 5% 0 0; text-align: right;}
.part_fac {margin-top: 100rem;}
	/* 전시실 */
.exhibition-box .info{margin-bottom:20rem; font-size:17rem; color:#666;}
.exhibition-box .info strong{font-size:20rem; color:#111;}
.exhibition-list{overflow:hidden; position:relative;}
.exhibition-list .swiper_control button{opacity:0.5; position:absolute; top:50%; z-index:50; width:27rem; height:44rem; background-color:transparent; font-size:0; transform:translateY(-50%); transition:oapcity 0.3s ease 0s;}
.exhibition-list .swiper_control button.swiper_prev{left:20rem; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.exhibition-list .swiper_control button.swiper_next{right:20rem; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.exhibition-list .swiper_control button:hover{opacity:1;}
.exhibition-list .swiper-slide img{width:100%; max-width:100%;}

/* 가상미술관-온트피아 */
.ontpia_banner {
	background-color: #eee;
	width: 100%;
	height: 360px;
	background-image: url('/images/content/ontpia_banner_bg.png');
	background-size: cover;
	background-position: center;
	margin: 40px 0;
	position: relative;
}
.ontpia_banner_text_wrap {
	position: absolute;
	bottom: 20px;
	right: 20px;
	background-color: #fff;
	display: inline-block;
	padding: 40px 115px 30px 50px;
}
.ontpia_banner_text_wrap > a {
	position: absolute;
	top: 20px;
	right: 20px;
	max-width: 110px;
}
.ontpia_banner_text_wrap > a img {max-width: 100%;}
.ontpia_banner_text01 {
	color: #18266C;
	font-weight: 700;
	font-size: 22px;
	letter-spacing: -1px;
	margin-bottom: 16px;
}
.ontpia_banner_text02 {
	color: #18266C;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -1px;
	margin-bottom: 22px;
}
.ontpia_banner_text03 {
	font-size: 14px;
	letter-spacing: -1px;
}
.ontpia_enter_btn {
	position: absolute;
	bottom: 0;
	left: 20px;
	background-color: #18266C;
	color: #fff;
	display: flex;
	align-items: center;
	padding: 20px; 40px;
	gap: 20px;
	transform: translateY(40%);
}

.ontpia_enter_btn img {
	max-width: 70px;
}

.ontpia_enter_btn span {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
}

.ontpia_con01_tit {
	font-size: 35px;
	font-weight: 700;
	color: #18266C;
	font-family: Pretendard, '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;
	padding: 50px 0 20px;
}

.ontpia_con01 {
	padding-left: 5%;
}

.ontpia_con01 img {
	max-width: 100%;
}

.ontpia_con02 {
	margin-top: 20px;
}

.ontpia_con02 img {
	max-width: 100%;
}

/* 회원제도 */
.area_memberIntro > ul{display: flex;justify-content: center; margin-left: -6rem; margin-right: -6rem;}
.area_memberIntro > ul li{width: 50%; padding:0 6rem}
.area_memberIntro > ul li .box{border:1px solid #ddd; box-sizing: border-box; padding:60rem; height: 100%; transition: all .3s;}
.area_memberIntro > ul li .box .top {text-align: center;}
.area_memberIntro > ul li .box .top > *{display: block;}
.area_memberIntro > ul li .box .top > i.img{width: 50rem; margin: 0 auto; display: flex; align-items: flex-start; justify-content: center;}
.area_memberIntro > ul li .box .top > i.img img{width: 100%;}
.area_memberIntro > ul li .box .top strong{margin-top: 18rem;font-size:20rem; font-weight: 400; color:#444}
.area_memberIntro > ul li .box .top span{color:#aeaeae}
.area_memberIntro > ul li .box .top em{display: inline-block; padding:4rem 12rem; background-color: #152f53; color:#fff; border-radius: 4rem; margin-top: 8rem; font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; }
.area_memberIntro > ul li .box .top em i{font-size: 13rem;}
.area_memberIntro > ul li .box .cont{margin-top: 40rem; border-top: 1px dashed #ddd; padding-top: 40px;}
.area_memberIntro > ul li .box .wrap_p{box-sizing: border-box; background: #f9f9f9; border-radius: 10px; padding:12px; margin-top: 8px;}
.area_memberIntro > ul li .box .cont .wrap_p p{display: table;}
.area_memberIntro > ul li .box .cont .wrap_p p::before{display: none;}
.area_memberIntro span.e_mark{color: #666;}
.area_memberIntro span.e_mark::before{background:url(/images/content/icon_notice_gray.svg) no-repeat;}
.academy_tab{background-color: #f9f9f9; padding: 50rem 0}
.academy_tab ul{display: flex; max-width: 1200rem; width: 100%; margin: 0 auto;}
.academy_tab ul li{width: 14%; box-sizing: border-box;padding: 0 4rem; transition: all .3s;  height: 170rem; width: 100%; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer;}
.academy_tab ul li label i {display: block; margin-bottom: 12rem; position: relative; z-index: 3; }
.academy_tab ul li label i img{margin:  0 auto; display: block; width: 54rem; }
.academy_tab ul li label.check-mark span{display: block; text-align: center; font-weight: 300; color:#222; position: relative; z-index: 3; }
.academy_tab ul li label.check-mark em{line-height: 26rem; padding:0; width: 14rem; height: 20rem; margin: 9rem auto 0; display: block; position: relative;}
.academy_tab ul li label.check-mark input{width: 96%; height: 100%; top: 0; left: 50%; background-color: #fff;  border: 1px solid #ddd; margin: 0;  opacity: 1; transform: translateX(-50%);}
.academy_tab ul li label.check-mark input:checked{border:1px solid #caae87; box-shadow:17rem 17rem 33rem 0rem rgb(0 0 0 / 8%) ;}
.academy_tab ul li label.check-mark input:checked + span + em::after{border-left: 3px solid #caae87; border-bottom: 3px solid #caae87;}
.academy_tab ul li label.check-mark input:checked + span + em.radio::before{background-color: transparent; border-color: transparent}
.academy_tab ul li label.check-mark input:checked + span +em.radio::after{width: 10rem;height: 6rem; left: 0rem; top: 4rem; border-radius: 0;background: transparent; transform: rotate(-45deg); }
.academy_tab ul li label.check-mark em{line-height: 26rem;}
.academy_tab ul li label.check-mark em::before{border:none; background-color: transparent;}
.academy_tab ul li label.check-mark em.radio::before{border-radius: 0; width: 10rem;height: 6rem; left:0rem; top: 4rem; border-radius: 0; border-left: 3px solid #eee; border-bottom: 3px solid #eee; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.academy_tab ul li label.check-mark input:checked + span +em::after{border-left: 3px solid #caae87; border-bottom: 3px solid #caae87;}

.area_calendar.type02 .calendar.typeA *[data-calenda="in"]{padding-left: 0;}
.area_calendar.type02 .calendar.typeA  *[data-calenda="in"]:before{display: none;}

.area_acaVisual{background-position: 50% 70%;}
.area_acaVisual h2 > i:nth-child(1){display: none;}
.area_acaVisual h3{color:#fff; font-size:62rem;  width: 100%; }
.academy_mainBox{display: flex; box-sizing: border-box; padding:90rem 60rem 60rem; position: relative; z-index: 1; background-color: #f6f6f6; margin:165rem 90rem 0}
.academy_mainBox + #container .area_subtitle{display: none;}
.academy_mainBox .aca_sec{flex:1; position: relative;}
.academy_mainBox .aca_sec + .aca_sec{margin-left: 60rem;}
.academy_mainBox .aca_sec:nth-child(1){max-width: 700rem;border:solid 0px red;}
/*
.academy_mainBox .aca_sec:nth-child(1){max-width: 520rem;}
.academy_mainBox .aca_sec:nth-child(2){width: calc(100% / 3 * 2 ); display: flex;  max-width: 420rem; }
.academy_mainBox .aca_sec:nth-child(2) .user_academy{flex: 1; margin-left: 0;max-width: 490rem; }
.academy_mainBox .aca_sec:nth-child(2) .user_academy:nth-child(1){width: 60%; }
.academy_mainBox .aca_sec:nth-child(2) .user_academy:nth-child(2){width: 40%; margin-left: 60rem;}
*/
.academy_mainBox .secTtile{margin-bottom: 20rem;}
.academy_mainBox .secTtile em{margin-top: 0;}
.academy_mainBox .searchBox ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.academy_mainBox .searchBox ul li{width: calc(50% - 12rem); margin-bottom: 24rem;}
.academy_mainBox .search_btn_{display: flex; justify-content: flex-end;}

.academy_mainBox .search_sec.w100 .wrap_search > input[type="text"]{width: 100%;}
.mo_apply_btn{display: none;}

.user_academy .academy_banner{position: relative;}
#content .user_academy .academy_banner .bx-controls > div{justify-content: flex-end;}
.user_academy .academy_banner .bx-controls{right: 0; left: inherit; bottom: 0;}
.user_academy .academy_banner a{display: block;position: relative;}
.user_academy .academy_banner .list a{position: relative; height: 0; width: 100%; padding-bottom: 54%; overflow: hidden;}
.user_academy .academy_banner .list a img{width: 100%; height: 100%; position: absolute; left:0; top: 0; object-fit: cover;}
.user_academy h4{font-size: 19rem; margin-bottom: 20rem;}

.academyBoard{margin-top: 60rem;}

.academyType{text-align: right;}
.academyType li{display: inline-block;  font-size:14rem; color:#444}

em.condition{opacity: 0.5; font-weight: 500; }
em.condition.on::before{width: 9rem; height: 9rem; border-radius: 30rem; content: ""; position: absolute; left: 0; top: 5rem; background-color: #caae87;}
em.condition.on{color:#caae87; padding-left: 14rem; position: relative; opacity: 1;}

.user_academy .tit_main h4{font-size: 28rem; color: #222;}
.user_academy .tit_main h4 i{font-size: 17rem; margin-left: 10rem; display: inline-block;}
.academyList{margin-top: 12rem;}
.academyList ul{border-top: 1px solid #0e0e0e;}
.academyList ul li{border-bottom: 1px solid #ddd; display: flex; align-items: center; }
.academyList ul li a{display: flex; box-sizing: border-box;transition:  all .3s; /* width: calc(100% - 120rem);  */}
.academyList ul li a >*{box-sizing: border-box; display: table-cell;vertical-align: top;  }
.academyList ul li a .info{width: 265rem;position: relative; background-color: #f9f9f9; padding: 25rem 20rem;}
.academyList ul li a .info em.condition{display: none; position: absolute; top: 19rem;}
.academyList ul li a .info p.date{font-size:21rem; font-weight: 400; color:#444; /* margin-top: 8rem; */}
.academyList ul li a .info p.date i{font-size:16rem}
.academyList ul li a .info span.time{color:#b4b4b4; font-size: 14rem; margin-top:0; display: block;}
.academyList ul li a .detail{width: calc(100% - 265rem); padding: 25rem 20rem 25rem 30rem;}
.academyList ul li a .detail strong{display: block; font-size:22rem; color:#222; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden ; margin-bottom: 8rem;}
.academyList ul li a .underDetail{display: flex; justify-content: flex-start; align-items: center;}
.academyList ul li a .underDetail dl{display: table; position: relative;}
.academyList ul li a .underDetail dl + dl::before{width: 1px; height: 13rem; background-color: #ddd; content: ""; position: absolute; left: -20rem; top:9rem;}
.academyList ul li a .underDetail dl + dl{margin-left: 40rem;}
.academyList ul li a .underDetail dl > *{display: table-cell; font-size:17rem; font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}
.academyList ul li a .underDetail dl dt{color:#444}
.academyList ul li a .underDetail dl dd{color:#666; font-weight: 300; padding-left: 12rem;}
.academyList ul li a .underDetail dl:last-child dt{display: none;}
.academyList ul li a .underDetail dl:last-child dd{padding-left: 0;}
.academyList ul li:hover a{opacity: 0.5;}

.academySerach{margin-bottom: 16px;}
.academySerach .input_box{box-sizing: border-box; border-radius: 50px; height: 50px; position: relative; width: 240px; margin-left: auto; background:#f9f9f9}
.academySerach .input_box input{border:none; background: transparent; margin:0; height: 50px;}
.academySerach .input_box input::placeholder{font-size:14px; font-weight: 300; padding-left: 16px;}
.academySerach .input_box button{height:22px; width: 22px; display: block; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); background-color: #fff;}
.academySerach .input_box button img{width: 100%; display: block;}

.academy_img{width: 100%;}
.academy_img > a{display: flex; flex-direction: column-reverse;}
.academy_img img{max-width: 100%;}
.academy_tit{font-size:20rem; display: block; margin-top: 18rem; font-weight: 400; color: #222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/* 수강신청 */
.area_submitBtn{text-align: center;}
.area_submitBtn > *{width: 180rem; height:60rem; box-sizing: border-box; margin: 0 auto;  display: inline-flex; align-items: center; justify-content: center; transition: all .3s; vertical-align: middle;}
.area_submitBtn > * + *{margin-left: 4rem;}
.area_submitBtn button.submit{border:1rem solid #152f53; color: #ffffff; background: #1a2332;font-size:15rem}
.area_submitBtn button.submit:hover{background-color:#152f53 ; color:#fff}
.area_submitBtn a.back{border: 1rem solid #dddddd; background-color: #e8e8e8; color: #5d5d5d; }
.area_applyForm form input[type="text"]{border:1rem solid #ececec; height: 50rem; width: 100%;}
.area_applyForm form input[type="text"]::placeholder{font-size:14rem; font-weight: 300;}
.area_applyForm .area_inputForm{display: flex; flex-wrap: wrap; gap: 12rem;}
.area_applyForm .area_inputForm li{width:calc(50% - 6rem); box-sizing: border-box; /* padding: 8rem 6rem */}
.area_applyForm .area_inputForm li .th label{font-size:14rem; color:#666 }
.area_applyForm .area_inputForm .checkList_td{display: flex; align-items: center; gap: 20rem; height: 52rem;}
.area_applyForm .form_detail dl.price{display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding:20rem; border:1rem solid #ececec;}
.area_applyForm .form_detail dl.price i{ font-size:14rem}
.area_applyForm .form_detail dl.price dd{/* color:#e31414 */ color:#caae87; font-weight: 500;}

.sec_application:nth-of-type(1){margin-top: 0;}
.sec_application{margin-top:60rem}
.sec_application > strong{font-size:20rem; color:#222; display: block; padding-bottom: 6rem; margin-bottom: 20rem; border-bottom: 1rem solid #171717;}
.sec_application .notice{box-sizing: border-box; padding:20rem; background-color: #f9f9f9; border:1rem solid #ececec;  margin-bottom: 70rem;}
.sec_application .notice p{position: relative; font-weight: 300;}
.sec_application .notice p b{font-weight: 500; color:#444}
.sec_application .notice p + p{margin-top: 6rem;}
.sec_application .notice p i{display: inline-block; width: 17rem; height: 17rem; background: url(/images/content/icon_notice.svg) no-repeat; background-size: cover;  top: 4rem; margin-right: 6rem; position: relative; top: 3rem;}
.sec_application p.className{font-size:18rem; color: #444; padding: 20rem;border: 1rem solid #eee;display: table;width: 100%;table-layout: fixed;box-sizing: border-box;}
.sec_application p.className em{color: #666; font-size:14rem; display: table-cell; font-weight: 300; width: 50rem; padding-right: 16rem;}
.discount_detail{display: flex; align-items: center; justify-content: space-between;}
.discount_detail p{font-size: 15rem; color: #555; font-weight: 300; opacity: 0.5;}

ul.classCheck{display: flex; flex-wrap: wrap; margin-left: -6rem; margin-right: -6rem; box-sizing: border-box;}
ul.classCheck > li{ box-sizing: border-box; position: relative; padding:6rem; width: 33.333%;}
ul.classCheck > li label{box-sizing: border-box; position: relative; padding: 34rem 24rem; width: 100%;}
ul.classCheck > li label input{position: absolute; width: 100%; height: 100%; border-radius: 0; left: 0; top: 0; margin: 0; border:1rem solid #ececec;  background: transparent;-webkit-appearance:none; appearance: none ;}
ul.classCheck > li em.class_name{font-size: 19rem; display: inline-block;/* background: #1f2839; *//* padding: 0 12rem; */box-sizing: border-box;color: #171717;border-radius: 30rem;line-height: 29rem;height: 30rem;/* border: 1rem solid #000; */margin-bottom: 9rem;}
ul.classCheck > li em.class_name i.current{ color: #373737; /*  */font-size: 13rem;opacity: 0.4;}
ul.classCheck > li strong.date{font-size: 17rem; display: block; color: #222; }
ul.classCheck > li ol{margin-bottom: 12rem;}
ul.classCheck > li ol > li {font-size: 15rem; display: inline-block; opacity:1; position: relative;}
ul.classCheck > li ol > li + li{padding-left: 14rem;}
ul.classCheck > li ol > li + li::before{content: ""; width: 2rem; height: 2rem; border-radius: 10rem; background-color: #929292; position: absolute; left: 4rem; top: 50%; margin-top: -2rem;}
ul.classCheck > li p.money{text-align: right;}
ul.classCheck > li p em{display: block;}
ul.classCheck > li p em.price{font-weight: 500; color:#caae87; font-size:20rem}
ul.classCheck > li p em.price i{font-size:13rem; font-weight: 300;}
ul.classCheck > li p em.count{position: relative;display: inline-block; font-size:14rem}
ul.classCheck > li p em.count::before{content: ""; width: 1rem; height: 15rem; background-color: #d6d6d6; transform: rotate(23deg); position: absolute; left: -10rem; top: 1rem;}
ul.classCheck > li label input:checked{border-color: #0e0e0e;}

.bbsContent .conts{min-height: 370rem; padding-bottom: 20rem;}
.bbsContent .conts img{max-width: 100%; width: auto!important; height:auto!important;}


/* 나의수강신청 */
.sec_application .selectd_class{display: flex; justify-content: flex-start;}
.sec_application .selectd_class p span.title{font-size:18rem; color:#222; }
.sec_application .selectd_class p{padding-right:50rem; position: relative;}
.sec_application .selectd_class p::before{content: ""; width: 1rem; height: 14rem; background-color: #ddd; position: absolute; right: 25rem; top: 4rem;}
.sec_application ol > li {font-size: 15rem; display: inline-block; opacity: 0.5; position: relative;}
.sec_application ol > li + li{padding-left: 14rem;}
.sec_application ol > li + li::before{content: ""; width: 2rem; height: 2rem; border-radius: 10rem; background-color: #929292; position: absolute; left: 4rem; top: 50%; margin-top: -2rem;}
.sec_application [data-pop-layer="layer"] .popBox .check-mark em{display: initial}
.sec_application [data-pop-layer="layer"] .popBox .check-mark input:checked + em::after{top: -1rem;}
.popTable table{width: 100%; border-top: 1rem solid #0e0e0e;}
.popTable table th, .popTable table td{border-bottom: 1rem solid #ddd;padding: 16rem 13rem;box-sizing: border-box;}
.popTable table th{background-color: #f9f9f9;}
.popTable table tbody td.check_agree{width: 48rem;} 
.popTable table tbody td,
.popTable table tbody th{border-right: 1rem solid #ddd;}
.popTable table tbody td:last-child{border-right: none;}
.discount_btn{width: 130rem; height: 43rem; border:1rem solid #152f53; display: flex; align-items: center; justify-content: center;}
.discount_btn i{font-size: 15rem;}

/* 마이페이지 */
.area_myPage .sec_concertSerach{margin-bottom:40rem; padding:10rem 0; border:0;}
.area_myPage 
.area_mypageTab{margin-top: 40rem;}
.area_mypageTab ul{display: flex; align-items: center;}
.area_mypageTab ul li{padding:4rem; box-sizing: border-box; width: 50%;}
.area_mypageTab ul li a{display: block; width: 100%; height: 100%; border:1px solid #ddd; box-sizing: border-box; padding: 40rem; text-align: center;}
.area_mypageTab ul li a i{width: 50rem; display: block; margin: 0 auto 20rem;}
.area_mypageTab ul li a i img{width: 100%;}
.area_mypageTab ul li a strong{display: block; font-size: 20rem; color:#444; margin-bottom: 8rem;}
.area_mypageTab ul li a p{color:#666;}

.area_myPage .area_sub_tabList{margin-bottom: 40rem;}
.area_mypageIntro{text-align: center; }
.area_mypageIntro > *{color:#222}
.area_mypageIntro h4{font-size:19rem; margin-bottom: 12rem; font-weight: 400;}
.area_mypageIntro h4 em{font-weight: 600;}
.area_mypageIntro p{font-weight: 300;}

/* 프로필사진 업로드 */
.area_memeberPic{padding:30rem 0}
.area_memeberPic form#memeber_pic_upload,.area_viewprofile_pic{max-width: 540rem; margin: 0 auto; }
.area_memeberPic form#memeber_pic_upload input[type="file"],
.area_viewprofile_pic ul input[type="file"]{position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border:0; text-indent: -999999999px;}
.area_memeberPic .upload_pic{ width: 100%;  padding-bottom: 62.23%; box-sizing: border-box; background-color: #f7f7f7; height: 0;position: relative; overflow: hidden; border-radius: 20rem;}
.area_memeberPic .upload_button{position: absolute;text-align: center; left: 0; width: 100%; top: 50%; padding: 0 20rem; box-sizing: border-box; transform: translateY(-50%);}
.area_memeberPic .upload_button img{width: 50rem;}
.area_memeberPic .upload_button p{color: #999; font-weight: 300; margin-top: 20rem;}
.area_memeberPic .upload_button label{width: 152rem; height: 54rem; cursor: pointer; border:1rem solid #c9ccd0; margin: 14rem auto 0; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.area_memeberPic .upload_button label span{color: #666; font-weight: 300;}
.area_memeberPic .modify_pic{width: 100%; position: relative; height: 0; padding-bottom: 62.23%; overflow: hidden; border-radius: 20rem;}
.area_memeberPic .modify_pic img{width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; object-position: 50% 50%;}
.area_viewprofile_pic ul{display: flex; align-items: center; justify-content: right; margin-top: 10rem; gap: 8rem;}
.area_viewprofile_pic ul button{background-color: transparent; color: #aaa; font-weight: 300; font-size: 14rem; position: relative; }
.area_viewprofile_pic ul label{font-size: 14rem; color: #aaa; font-weight: 300; line-height: 1.7; display: block; cursor: pointer;}

.area_myPage .academyList.mycart_ver{ }
.area_myPage .academyList.mycart_ver ul li {position: relative;/* padding-left: 30rem; */box-sizing: border-box;display: flex;padding-right: 90rem;align-items: center;}
.area_myPage .academyList ul li a .info{width: 165rem;}
.area_myPage .academyList ul li a .detail{width: auto;}
.area_myPage .academyList.mycart_ver ul li .check-mark em{display: initial;}
.area_myPage .academyList.mycart_ver ul li .check-mark em::before{top: -3rem;}

.area_myPage .select_delete{display: flex; gap: 20rem; margin-top: 12rem; justify-content: right;}
.area_myPage .select_delete button{background-color: transparent; display: flex; gap: 4rem; align-items: center; opacity: 0.4; transition: opacity .3s;}
.area_myPage .select_delete button svg{width: 11rem;}
.area_myPage .select_delete button span{font-size: 14rem;}
.area_myPage .select_delete button:hover{opacity: 1;}

.my_payLink{display: flex;justify-content: right;width: 120rem;position: absolute;right: 0;}
.my_payLink button{background-color: #fff;border-radius: 30rem;background-color: #f5f5f5;color:#b4b4b4;box-sizing: border-box;padding: 12rem 27rem;font-size: 16rem;pointer-events: none;cursor: default;}
.my_payLink button.on{background-color: #caae87;color: #fff;pointer-events: auto;cursor: pointer;}

.area_print{margin-top: 24rem; display: flex; align-items: center; justify-content: center;}
.area_print button{width: 120rem; height: 43rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box; background-color: #fff; border:1rem solid #1a2332}
.area_print button span{font-size: 16rem; color: #1a2332;}

/* 회원가입 */
.pagination div[class^="page_control"]{margin: 0 9rem;}
.button{background-color: #1f2839;}
.btn_area .button{width: 180rem; height: 60rem; line-height: 60rem; font-size: 15rem;}
.join_area{max-width: 480rem; width: 100%; margin: 0 auto;}
.join_area h3{margin: 30rem 0 10rem;font-size: 18rem;letter-spacing: -1rem;}
.join_area h2{font-size: 30rem!important;}
.join_area .box{padding-bottom: 30rem;margin-top: -30rem;border-bottom: 0;}
.join_area .check{padding-top: 15rem;}
.join_area .join_box_scroll{padding:20rem;height: 200rem;font-size: 15rem;font-weight: 300;color: #666;}
.join_area .bbsView td em{color: #caae87; font-size: 14rem;}
.join_area .bbsView{border-top: 1rem solid;}
.join_area .designRadio input[type="radio"] + label{color: #666}
.joinForm tr{padding:20rem 0}
.joinForm tr:first-child{padding-top: 30rem;}
.joinForm tr + tr{/* border-top: 1rem solid #eee; */ padding-top: 0;}
.joinForm tr + tr:last-child{padding-bottom: 40rem;}
.joinForm tr,.joinForm tr th, .joinForm tr td{display: block; width: 100%;}
.joinForm .bbsView > tbody > tr > th, .joinForm  .bbsView > tbody > tr > td, .bbsView > thead > tr > th{padding:0; border-bottom: none;}
.joinForm .bbsView > tbody > tr > th{font-size: 16rem; margin-bottom: 7rem; color: #929292; font-weight: 300;}
.joinForm colgroup{display: none;}
.joinForm .checkList {gap: 12rem;}
.joinForm .checkList label{font-size: 16rem;}
.joinForm .checkList [type="checkbox"]:not(:checked) + label:before, 
.joinForm .checkList [type="checkbox"]:checked + label:before{width: 16rem; height: 16rem; border-radius: 50rem; top: 3rem;}
.joinForm .checkList [type="radio"]:not(:checked) + label:before,
.joinForm .checkList [type="radio"]:checked + label:before{width: 16rem; height: 16rem; border-radius: 50rem;}
.joinForm .checkList [type="radio"]:checked + label:after,
.joinForm .checkList [type="checkbox"]:checked + label:after{width: 10rem; height: 10rem; border-radius: 90rem; top:4rem; left: 4rem;}
.joinForm .checkList [type="checkbox"]:checked + label:before{top: 3rem;}
.joinForm .checkList [type="checkbox"]:checked + label:after{top: 7rem; left: 4rem;}
.joinForm .checkList [type="radio"]:not(:checked) + label, 
.joinForm .checkList [type="checkbox"]:not(:checked) + label, 
.joinForm .checkList [type="radio"]:checked + label, 
.joinForm .checkList [type="checkbox"]:checked + label{padding-left: 26rem;}
.joinForm .checkList [type="checkbox"]:checked + label,
.joinForm .checkList [type="radio"]:checked + label{color: #caae87;}

.designCheck input[type="checkbox"] + label{line-height:1em; font-weight:300; font-size:15rem;}

.marketing_agree{border-top: 1rem dashed #e6e6e6; padding-top: 12rem;}
.marketing_agree .designRadio input[type="radio"] + label{font-size: 14rem;}
.marketing_agree .designRadio input[type="radio"] + label:before{top: -2rem;}

.bbsView select{height: 40rem;}
.bbsView .button{height: 40rem; font-size: 12rem;}
.bbsView .tip{font-size: 12rem;}
input[type=text], input[type=password], input[type=tel], input[type=date], input[type=email], input[type=number], textarea{height: 40rem;}
input:focus{outline: 1px solid #caae87;}

.mypageRent_list .thead{border-top: 1rem solid #0e0e0e;  background-color: #f5f5f5;}
.mypageRent_list .thead > li{font-weight: 400; color: #171717;}
.mypageRent_list .table{display: table; width: 100%;}
.mypageRent_list a{display: block;transition: all .3s;}
.mypageRent_list a:hover{opacity: 0.6;}
.mypageRent_list .table > li{display: table-cell; padding:12rem 4rem; vertical-align: middle; box-sizing: border-box; text-align: center; border-bottom: 1rem solid #ddd;}
.mypageRent_list .table > li span.reject{background-color: #ddd; color: #999;}
.mypageRent_list .table > li span.complete{background-color: #c6a582;color: #fff; }
.mypageRent_list .table [data-rent="num"]{width:10%; }
.mypageRent_list .table [data-rent="type"]{width: 15%; }
.mypageRent_list .table [data-rent="rentdate"]{width: 20%;}
.mypageRent_list .table [data-rent="facility"]{width: 20%;}
.mypageRent_list .table [data-rent="date"]{width: 15%;}
.mypageRent_list .table [data-rent="condition"]{width: 20%;}
.mypageRent_list .table [data-rent="condition"] span{position: relative;}
.mypageRent_list .table [data-rent="condition"] .exp{font-size: 14rem; color: #999; display: block;}
.mypageRent_list .table [data-rent="condition"] .border{border-radius: 40rem; padding:2rem 14rem; width: 56rem; display: block; margin: 0 auto; text-align: center; }
.mypageRent_list .table [data-rent="condition"] .ing{color: #c6a582; padding-left: 14rem;}
.mypageRent_list .table [data-rent="condition"] .ing::before{content: ''; width: 10rem; height: 9rem; border-radius: 40rem; background-color: #c6a582; position: absolute; left: -4rem; top:5rem; display: block;}

/* 검색결과 */
/* .search-conts{margin-top: 23rem;} */
.search-sec{padding-bottom: 80rem;}
.search-sec:last-child{padding-bottom: 0;}
.search-sec > h4{font-size: 32rem; color: #171717;}
.search-sec .count_total{margin-top: 20rem; margin-bottom: 12rem;}
.area_searchList ul,.serach--thumb__list{border-top: 1px solid #0e0e0e;}
.area_searchList li,.serach--thumb__list li{border-bottom: 1px solid #eaecf1;}
.area_searchList li a,.serach--thumb__list li a{box-sizing: border-box; padding: 25rem 0;}
.area_searchList li a{display: block;}
.area_searchList li a .tit,.serach--thumb__list li a .info .title{display: block; font-size: 20rem; color: #222; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 8rem;}
.area_searchList li .navi{display: flex; margin-bottom: 4rem; }
.area_searchList li .navi span{position: relative;color: #666;}
.area_searchList li .navi span + span{padding-left: 20rem;}
.area_searchList li .navi span + span::before{content: "";width: 7rem;height: 7rem;border-right: 1px solid #bbb;border-bottom: 1px solid #bbb;position: absolute;left: 4rem;top: 9rem;transform: rotate(-45deg);}
.area_searchList li .date{font-size: 15rem; color: #444; opacity: 0.4; /* font-family: 'Pretendard '; */ font-weight: 400; display: block;}

.serach--thumb__list li a{display: flex; align-items: center; }
.serach--thumb__list li a .image{width: 100rem; position: relative; overflow: hidden; border: 1px solid #eaecf1;  }
.serach--thumb__list li a .image::before{padding-bottom: 146%; content: ""; display: block;}
.serach--thumb__list li a .image img{width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover;}
.serach--thumb__list li a .info{width: calc(100% - 100rem); box-sizing: border-box; padding-left: 32rem;}
.serach--thumb__list li a .loca{display: block; padding-left: 20rem; color: #999; font-size: 15rem;  position: relative;}
.serach--thumb__list li a .loca i{display: block; position: absolute; left: 0; top: 4rem;width: 12rem; height: 17rem; background: url(../images/content/icon_location.svg) no-repeat; background-size: cover; }

/* photoList */
.inr_bbs .photoList{padding-bottom:15rem; display: flex;  flex-wrap: wrap; gap: 20rem;}
.inr_bbs .photoList:after{content:''; display:block; clear:both;}
.inr_bbs .photoList > li{width: calc(25% - 24rem); margin-top: 0;}
.inr_bbs .photoList > li:nth-child(3n+2){margin: 0;}
.photoList > li a > em {opacity: 1; min-height: 27px;line-height: 27px;padding-top: 14px;padding-bottom: 5px;font-size: 18px;border-width: 0px 1px;letter-spacing: -1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 600;color: #333;}


@media print {
    /* * {-webkit-print-color-adjust: exact;print-color-adjust: exact;} */
    #noprint {display:none;}
}
@media (min-width:2000px){
}

@media (max-width:1919px){
}
@media screen and (max-width:1679px){
    /* .sub #container,.academy_mainBox{margin: 0 71rem ;} */
}

@media (max-width:1480px){
    #header nav .gnb > li{padding:0 26rem}
    .lnb .inner{max-width: 100%; box-sizing: border-box; padding: 0 70rem;}

    /* .area_subVisual h2{padding-left:80rem; box-sizing: border-box;} */
    .area_subVisual,.area_concertView{ margin:164rem 0 0}
    .sub #container{margin: 0 70rem ;}
    .academy_mainBox{margin: 163rem 70rem 0; padding:60rem}

    .area_concertView{margin:164rem 0rem 0}
    .history_list .history > li > em{width: 200rem;}
    .history_list .history > li .detail{width: calc(100% - 200rem);}

/*
    .area_introduce .image + .text{padding-left: 340rem;}
*/

    .area_subBoard ul.list.typeA > li:nth-child(n+4){margin-bottom: 0;}

    .area_contsTypeB{padding-top: 104rem;}

    .history_list.inro_ver .history > li > em{width: 280rem;}
    .history_list.inro_ver .history > li .detail{width: calc(100% - 280rem);}

    .inr_bbs .photoList > li{width: calc(33% - 18rem); }
}
@media (max-width:1340px){

    .area_contVisual{background-attachment:inherit; }
    .area_contVisual.v1{background-position: 50% 74%; background-size: 110%;}
    .area_contVisual.v2{background-position: 50% 100%}
    .area_contVisual.v3{background-position: 50% 82%;}
}

@media (max-width:1023px){
    #header{padding-bottom: 20rem;}
    #content{padding-bottom: 100rem;}
    .lnb .inner{padding: 0 50rem;}

    .area_subBoard ul.list.typeA > li{width: 33.333%;}
    .area_subVisual,.area_concertView{ margin:150rem 0 0}
    .area_subVisual h2{padding:0 60rem; box-sizing: border-box;}
    .area_acaVisual h3{padding:0 60rem}
    .sub #container{margin: 0 40rem ;}
    .area_inner1240{padding:0}
    .sec_concertSerach{border:1px solid #eee; padding: 48rem 20rem}

    .search_type{padding:0}
    .search_type > ul{margin: 0;}
    .search_type > ul .search_sec{padding: 0;}
    .search_type > ul .search_sec,
    .search_type > ul .search_sec:last-child,
    .search_type > ul.typeA .search_sec,
    .search_type > ul.typeB .search_sec:nth-child(3){width: calc(50% - 4rem);}
    .search_type > ul.typeC .search_sec + .search_sec{padding-left: 20rem;}

    .area_subBoard ul.list > li dl > *{padding:2rem 0}
    .area_subBoard ul.list.typeA > li{width: 33.333%;}
    .area_subBoard ul.list.typeB.result > *{width: 100%;}
    .area_subBoard ul.list.typeB.result li{margin:20rem 0}
    .area_subBoard ul.list.typeB.result li:nth-child(2n){margin-left: 0;}
    .area_subBoard ul.list.typeB li .image{padding-bottom: 0; height: auto; }
    .area_subBoard ul.list.typeB li .image img{position: relative; height: auto;}
    .area_subBoard ul.list.typeB li .info{width: calc(100% - 210rem);}
    .area_subBoard ul.list.typeD > li{width: 50%;}
    .area_subBoard ul.list > li span.cover{display: none;}
    
    .area_contsTypeA .secTtile{position: relative; width: 100%; border-bottom: 1px solid #0e0e0e; margin-bottom: 34rem; border-top: 0;}
    .area_contsTypeA .secDescrip{padding-left: 0;}
    .area_contsTypeA .secDescrip2{padding-left: 0;}
    .area_contsTypeA .secTtile em{margin-top: 0; margin-bottom: 8rem;}
    .area_contsTypeA .secTtile a.buy_ticket{position: absolute; right: 0; margin-top: 0; top: 68rem;}
    .area_contsTypeA .secTtile a.buy_ticket span{margin-top: 6rem;}
    .area_contsTypeA .secTtile a.buy_ticket i{margin-top: 2rem;}

    .rental_processList ul{display: flex; flex-wrap: wrap;}
    .rental_processList ul > li{width: 25%; margin-right: 0;}
    .rental_processList ul > li:nth-child(n + 5){margin-top: 20rem;}
    .rental_processList ul > li > a{width: 86rem;}
    .rental_processList ul > li i{margin: 0 auto;}
    .rental_processList ul > li::before{right: 12rem; width: 16rem; height: 11rem;}
    .rentalStep_cont{padding-left: 100rem;}

    .academy_tab{padding:42rem}
    .academy_tab ul{flex-wrap: wrap;}
    .academy_tab ul li{flex: 1;}
    .academy_tab ul li label.check-mark input{height: 96%;}
    .academy_tab ul li label i img{width: 32rem;}
    .academy_mainBox{margin: 128rem 0 0; flex-wrap: wrap;}
    .academy_mainBox .aca_sec{width: 100%; flex:auto}
    .academy_mainBox .aca_sec:nth-child(1){max-width: 100%;}
    .academy_mainBox .aca_sec + .aca_sec{margin-left: 0; margin-top: 24rem;}
    .academy_mainBox .aca_sec:nth-child(2) .user_academy:nth-child(2){margin-left: 32rem;}

    .academyList ul li a{width: 100%;}
    .academyList ul li a .detail strong,.area_searchList li a strong{font-size: 20rem;}
    .academyList ul li a .detail{padding: 25rem 130rem 25rem 30rem;}
    .academyList ul li a .underDetail{flex-wrap: wrap;}
    .academyList ul li a .underDetail dl{width: 50%; display: flex; padding:2rem 0}
    .academyList ul li a .underDetail dl + dl{margin-left: 0;}
    .academyList ul li a .underDetail dl + dl::before{display: none;}
    .academyList ul li a .underDetail dl > *{font-size: 16rem;}
    .academyList ul li a .info p.date{font-size: 19rem;}

    .area_concertView.academy_view .title {padding-top: 60rem;}
    .area_concertView {padding-top: 1rem;}
    .area_concertView > .bg,
    .area_concertView > .bg.no_image{width: 100%; padding-bottom: 146%; height: 0; display: none;}
    .area_concertView > .bg span{position: absolute; width: 100%; height: 100%; opacity: 0.9;}
    .area_concertView .title{padding:0 40rem}
    .area_concertView .title h4,.boardView.post_ver.type02 .detail h4{font-size: 28rem;}
    .area_concertView .title.type02{padding: 0}
    .area_concertView .booking_button{width: 130rem; height: 120rem;}
    .area_concertView .bg.no_image *{display: block;}
    .area_concertView .bg.no_image img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}

    .boardView.post_ver.type01 {margin-top: -60rem;}
    .boardView.post_ver.type01 .detail{padding-left: 0;}
    .boardView.post_ver.type01 .top_info .image_post,
    .boardView.post_ver.type02 .top_info .image_post{display: none;}
    .boardView.post_ver .top_info,
    .boardView.post_ver.type02 .exhibition_tab{margin-top: 34rem;}
    .boardView.post_ver.type02 .detail{width: 100%; padding-left: 0;}
    .boardView.post_ver.type02{margin-top: -20rem;}

    .inr_bbs .photoList > li{width: calc(33.333% - 22rem);}

    .area_commnunityWap .txt{padding:60rem 100rem}
    .history_list .history > li .detail{padding-top: 29rem;}
    .history_list .history > li .detail > li + li{padding-top: 22rem;}
    .history_list .history > li > em{width: 120rem;}

    .area_contsBox{position: relative; margin: 0 auto; width: 50%; text-align: center;}
    .area_contsTypeB{padding-left: 0; padding-top: 30rem;}
    .area_contsBox dl{margin: 0 auto;}

    .top_facility .facility_text{padding-left: 0; padding-top: 30rem;}

/*
    .area_contVisual.v5{background-position:50% 100%;}
	
*/
    .area_contVisual.v5{background-position:35% 20%;}
	
    .area_memberIntro > ul li .box{padding:40rem}
    .area_introduce .image + .text{padding-left: 150rem;}

    .apply_table .dt{width: 148rem;}
    .area_rentalIntro h4{font-size: 24rem;}
    .per_tableWrap{flex-direction: column;}
    .per_tableWrap [data-per="02"]{flex-direction: column;}
    .per_tableWrap [data-per="02"] .dt{width: 100%; min-height: auto; height: 55rem; border-bottom: 1rem solid #e6e6e6; display: none;}
    .per_tableWrap [data-per="02"] .dd{width: 100%;}
    .perform_info .tr:nth-child(1){display: none;}
    .perform_info .tr ol{flex-direction: column; border-bottom: 1rem solid #e6e6e6;}
    .perform_info .tr ol:last-child{border-bottom: 0;}
    .perform_info .tr ol > li{position: relative; justify-content: flex-start; min-height: 43rem; }
    .perform_info .tr ol > li:not(:nth-child(3)){border-right: 0; /* border-bottom: 1rem solid #e6e6e6; */}
    .perform_info .tr ol > li:not(:nth-child(3)),
    .perform_info .tr ol > li:nth-child(3){width: 100%;}
    .perform_info .tr ol > li:nth-child(3) input[type="text"]{width: 180rem;}
    .perform_info .tr ol > li span.mo_v{display: block; font-size: 14rem; color: #929292; width: 90rem; text-align:  left; padding-left: 20rem;}
    .wrap_perDate .rentDate{width: 206rem;}
    .perform_info .tr .th{vertical-align: middle; border-left: none; /* border-bottom: 1rem solid #e6e6e6; */}
    .perform_info .tr .th.th_purpose{width: 148rem;}
    .perform_info .tr ol > li.selc{padding: 0;}
    .perform_info .tr .th_purpose_list select{width: calc(100% - 160rem);}
    /* [data-pop-layer="layer"] .popBox .popConts{padding-top: 80rem;} */

    .fy_intro_txt {width: 39%;}
    .fy_intro_txt strong {font-size: 28rem;}
    .fy_intro_txt a {margin-top: 40rem;}

	.exhibition-mob{padding-top:0 !important;}
}

@media (min-width:961px){
     .calendar_list{display: none;}

    }
@media (max-width:960px){
   
    .area_calendar.type02 .calendar{display:none;}
    .area_calendar.type02 .calendar table td{height: 106rem;}
    .area_calendar.type02 .calendar *[data-calenda="in"]{font-size: 0; display: inline-block; vertical-align: middle; margin: 0 4rem;}

    .calendar_list > ul{border-top: 1px solid #0e0e0e; border-bottom: 1px solid #eee;}
    .calendar_list > ul > li {display: flex; align-items:flex-start; box-sizing: border-box; padding:16rem 0}
    .calendar_list > ul > li + li{border-top: 1px solid #eee;}
    .calendar_list > ul > li.today + li{border-top: 1px solid #0e0e0e;}
    .calendar_list > ul > li .dat{width:110rem; text-align: right; box-sizing: border-box; padding-right: 30rem; }
    .calendar_list > ul > li .dat em{font-weight: 500;}
    .calendar_list > ul > li .dat i{color:#caae87; position: relative; top: -9rem; font-size: 19rem; }
    .calendar_list > ul > li .dat span{font-size:17rem; display: block; font-weight: 400; color:#222; position: relative;}
    .calendar_list > ul > li .class{width: calc(100% - 130rem); box-sizing: border-box; padding-left: 30rem; border-left:1px solid #eee;}
    .calendar_list > ul > li .class a{display: block; color:#666; position: relative; padding-left: 60rem;}
    .calendar_list > ul > li .class a em[class^="place"]{color:#444; display: inline-block; position: absolute; left: 0; top: 0; padding-left: 20rem; }
    .calendar_list > ul > li .class a em[class^="place"]::before{position: absolute; left: -3rem; top: 2rem;}
    .calendar_list > ul > li .class a + a{margin-top: 8rem;}
    .calendar_list > ul > li .class a span.type{font-weight: 400; position: relative; display: table-cell; /* padding-left: 20rem; */ margin-right: 6rem;}
    .calendar_list > ul > li .class a span.type::before{ border-radius: 100%; content: ""; /* position: absolute; */ left: 0; font-weight: 400; display: inline-block; width: 14rem; height: 14rem; line-height: 15px; top: -2px; font-size:10px; font-weight: bold;font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; text-align: center ;}

    .sec_yearstList > ul > li .year{width: 130rem;}
    .sec_yearstList > ul > li > ul{padding-left: 40rem;}

    .boardView.post_ver.type01 .detail{padding-left: 0; width: 100%;  margin-top: 40rem;}
    .boardView.post_ver.type01 .top_info{display: block;margin-top: 50rem;}
    .boardView.post_ver.type01 .top_info .image_post{margin: 0 auto;}

    .area_contVisual.v1{background-size: 122%;}

    .area_memberIntro > ul li .box{padding:24rem}

    .history_list .history > li{padding:30rem 0}
    .history_list .history > li > em{padding-left: 0; width: 160rem;}
    .history_list .history > li .detail{width: calc(100% - 160rem);}

	/* ontpia 가상미술관 */
    .ontpia_banner_text_wrap > a {display: none;}
	.ontpia_banner_text_wrap {padding: 20px 40px;}
}
@media (max-width:860px){
    .lnb .inner{padding: 0 30rem;}
    .area_subVisual .wrap{padding-top: 44rem;}
    .area_subVisual, .area_concertView{margin:133rem 0 0}
    .area_subVisual h2,.area_subVisual h3{padding:0 40rem;}
    .search_type > ul .search_sec,
    .search_type > ul .search_sec:last-child,
    .search_type > ul.typeA .search_sec,
    .search_type > ul.typeB .search_sec:nth-child(3),
    .search_type > ul.typeC .search_sec,
    .search_type > ul.typeC .search_sec:last-child{width: 100%;}
    .search_type > ul.typeC{flex-wrap: wrap;}
    .search_type > ul.typeC .search_sec + .search_sec{padding-left: 0;}
    .search_type > ul.typeC button.btn_icon{position: relative; right:0; width: 100%; display: flex; justify-content: center; align-items: center; height: 50rem; padding-right: 0;}
    .search_type > ul.typeC button.btn_icon span{width: auto; font-size: 16rem;}
    .search_type > ul.typeC button.btn_icon i{position: relative; top: 0; right: 0; margin-left: 12rem;}
    .search_type > ul.myClassList .mypageSearch{flex-wrap:wrap ;}
    .search_type > ul.myClassList .mypageSearch > *{width: 100%;}
    .search_type > ul.myClassList .mypageSearch > * + *{margin-left: 0;}

    .area_subBoard ul.list.typeA > li{width: 50%; margin-bottom: 40rem;}
    .area_subBoard ul.list.typeA > li:nth-child(n + 4){margin-bottom: 30rem;}
    .area_subBoard ul.list.typeA > li:nth-last-child(1),
    .area_subBoard ul.list.typeA > li:nth-last-child(2){margin-bottom: 0;}
    .area_subBoard ul.list.typeC > li{padding-right: 23rem; padding-left: 23rem;}
    .area_subBoard ul.list > li dl,
    .area_subBoard ul.list > li dl > *{display: block;}
    .area_subBoard ul.list.typeD{margin: 0; gap: 10rem;}
    .area_subBoard ul.list.typeD > li{padding: 0; width: calc(50% - 5rem);}

    .booking_step{justify-content: space-between;}
    .booking_step > ul{display: flex;}
    .booking_step ul li{width: 76rem; height: 80rem;}
    .booking_step ul li em,.booking_step ul li i{font-size: 13rem;}
    .booking_step > ul::before{left:26.4%}
    .booking_step > ul::after{right:26.4%}

    .academy_tab{background-color: #fff; border:none; padding: 42rem 0; overflow-x: scroll;}
    .academy_tab ul{flex-wrap: nowrap;}
    .academy_tab ul li{width: 25%; flex: none;}
    .academyList ul li{flex-direction: column;}
    .academyList ul li a{flex-wrap: wrap;width: 100%;}
    .academyList ul li a .detail strong,.area_searchList li a strong{font-size: 19rem; margin-bottom: 3rem;}
    .academyList ul li a .info,
    .academyList ul li a .detail{width: 100%; padding: 12rem  10rem}
    .academyList ul li a .info{padding:12rem 20rem; text-align: right;}
    .academyList ul li a .info p.date{display: inline-block; font-size:14rem}
    .academyList ul li a .info span.time{display: inline-block; margin-left: 8rem; color:#62676e}
    .academyList ul li a .info em.condition{display: block; top: 50%; transform: translateY(-50%); font-size:13rem;}
    .academyList ul li a .underDetail dl:last-child{display: none;}
    .academy_tab ul li label.check-mark em{display: none;}
    .academyList ul li a .underDetail{gap: 20rem;}
    .academyList ul li a .underDetail dl{width: auto;}
    .academyList ul li a .underDetail dl dd{color: #888;}

    .area_concertView .title{bottom:0; padding-bottom: 20rem;}
    .area_concertView .title .in_tt{width: calc(100% - 170rem);}
    .area_concertView .booking_button{background-color:#1f2839; border-color: #1f2839;  font-weight: 400; }

    .booking_button span{position: relative; font-size: 14rem;}
    .booking_button span::after{content: ""; display: inline-block; width: 13rem; height: 13rem; margin-left: 6rem; background: url(/images/content/icon_link_w.svg) no-repeat; background-size: cover; }
    .wrap_booking_button a.booking_button{width: 80rem; height: 80rem;}
    .wrap_booking_button a.booking_button.typeB span::after{display: none;}

    .area_introduce h5 b{font-size: 23rem;}

    .area_memberIntro > ul{flex-wrap: wrap;}
    .area_memberIntro > ul li{width: 100%;}
    .area_memberIntro > ul li + li{margin-top: 24rem;}
    .area_memberIntro > ul li .box{padding:32rem}

    .area_contsTypeA .support_link a.buy_ticket{top: -9rem; width: 110rem; height: 60rem;}
   
    .area_contsTypeB .section_conts strong.tit{margin-bottom: 9rem;}
    .area_contsTypeB .section_conts + .section_conts{margin-top: 40rem;}
    .group_detail p + p{margin-top: 22rem;}

    .part_fac .facility_text.flex{flex-wrap: wrap;}
    .part_fac .facility_text.flex > *{width: 100%!important;}
    .part_fac .facility_text.flex p{padding-left: 0;}
    .part_fac .facility_text.flex.type01 p{ margin-top: 20rem}
    .part_fac .flex.ver01{flex-direction: column-reverse; padding: 0 60rem}
    .part_fac .flex.ver01 > .facility_img{width: 121%;}
    .part_fac .flex.ver01 > .facility_text{padding-right: 0; padding-top: 50rem;}
    .part_fac .flex.w50 > *{width: 100%;}
    /* .top_facility{padding-bottom: 70rem;} */
    .part_fac.bg{padding-top: 0; padding-bottom: 100rem;}
    .part_fac.bg::before{width: 100%; height: 100%;}

    .boardView.post_ver.type01{margin-top: -80rem;}
    .boardView.post_ver .top_info{margin-top: 0;}
    .boardView.post_ver.type02 .top_info .image_post{position: relative; margin: 0 auto; width: auto; height: auto; padding-bottom: 0; max-width: 60%;}
    .boardView.post_ver.type02 .top_info .image_post img{position: relative; max-width: 100%; width: auto;}
    .boardView.post_ver.type02 .detail{width: 100%;/*  margin-top: 44rem; */}

    ul.bbsList li .notice{padding:0; width: 40rem; height: 18rem; border-radius: 10rem; line-height: 19rem; text-align: center;}
    ul.bbsList li .date{font-size: 12rem;}
    .area_introduce .image + .text{padding-left: 80rem;}

    .bbsContent .conts{min-height: 270rem;}
    .btn_area{display: flex; gap: 8rem;}

    .area_contVisual{height: 334rem;}
    .area_commnunityWap .txt{padding: 40rem 0; margin: 0; text-align: left;}

    .history_box{margin-top: 24rem;}
    .history_list .history > li > em{font-size: 25rem; width: 100rem; top: 30rem;}
    .history_list.inro_ver .history > li > em{width: 190rem;}
    .history_list.inro_ver .history > li .detail{width: calc(100% - 190rem);}

    .cont_table.loca_ver table tbody th{width: 140rem;}
    .area_calendar .control > div > a.date em{font-size: 24rem;}

    .area_Button a{height: 52rem;}

    /* 대관신청 */
    .area_rentalIntro .rental_introLink li{width: 264rem;}
    .area_rentalIntro .rental_introLink > li > a{height: 224rem;}
    .area_rentalIntro .rental_introLink > li > a strong{font-size: 24rem;}
    .rental_PList ul{gap:72rem}
    .rental_PList ul > li::before{width: 18rem; background-size: contain; right: -45rem;}
    .rental_file a{height: 42rem; width: 66%;}
    .area_rental_agree .box + .box{margin-top: 60rem;}
    .box_rent_check{width: 280rem; padding: 24rem}
    .box_rent_calenar{width: calc(100% - 320rem);}
    .rentCalendar [data-week="02"] ul li{padding: 0;}
    .apply_table .dd input[type="text"]{height: 40rem;}
    .wrap_perDate .rentDate{width: 114rem; height: 40rem;}

    
    .install_ver .table_scroll{overflow-x: auto; width: 100%; white-space: nowrap;}
    .install_ver .table_scroll table{width: auto;}
    .install_ver ::-webkit-scrollbar{-webkit-appearance:none}
    .install_ver ::-webkit-scrollbar:vertical{width: 12rem;}
    .install_ver ::-webkit-scrollbar:horizontal{height: 8rem;}
    .install_ver ::-webkit-scrollbar-thumb{background-color: rgab(0,0,0,0.5); border-radius: 10px; border:1px solid #fff;}
    .install_ver ::-webkit-scrollbar-track{border-radius: 10px; background-color: #fff;}
    .cont_table table td + td.checkList{padding:0 22px}

    .area_contsBox{padding:30rem 14rem}
    .area_contsBox h4{font-size: 24rem; margin-top: 6rem; margin-bottom: 16rem;}

    .inr_bbs .photoList{gap: 22rem;}
    .inr_bbs .photoList > li{width: calc(50% - 11rem);}

    .join_area > p{font-size: 15rem;}
    .join_area .btn_area .button{width: 100%;}
    .join_area .box{padding-bottom: 0;}
    .join_area  *[class^="bbs"] ~ .btn_area{padding-bottom: 0;}
    .joinForm .post_num .button span{top: -1rem;}

    .area_mypageTab ul li a{padding:30rem 10rem}
    .area_mypageTab ul li a strong{font-size: 18rem; margin-bottom: 0;}
    .cont_table table thead th.name{width: auto;}

    .area_myPage .academyList.mycart_ver ul li{display: block; padding-right: 0; padding-left: 30rem; /* padding-bottom: 12rem; */}
    .area_myPage .academyList.mycart_ver ul li .check_agree{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
    .area_myPage .academyList ul li a .info{width: 100%;}
    .my_payLink{position: relative; width: 100%; padding-bottom: 12rem;}
    .my_payLink button{font-size: 12rem;}
    
    /* 마이페이지 대관신청내역 */
    .mypageRent_list .thead{display: none;}
    .mypageRent_list .tbody{border-top: 1rem solid #171717; }
    .mypageRent_list .tbody a{display: block; position: relative; border-bottom: 1rem solid #ddd; padding:16rem 0; box-sizing: border-box;}
    .mypageRent_list .table > li{display: block; border-bottom: none; padding: 0;}
    .mypageRent_list ol.table{display: block; padding-left: 50rem; box-sizing: border-box;}
    .mypageRent_list ol.table > li{text-align:left; position: relative; display: flex; font-weight: 400; padding: 4rem 0}
    .mypageRent_list ol.table > li::before{margin-right: 20rem; font-weight: 300; width: 100rem;}
    .mypageRent_list .table [data-rent="num"]{position: absolute; top: 16rem; left: 0; text-align: left; color: #c6a582;}
    .mypageRent_list .table [data-rent="type"]{width: 100%; }
    .mypageRent_list .table [data-rent="type"]::before{content:'구분';}
    .mypageRent_list .table [data-rent="rentdate"]{width:  100%;}
    .mypageRent_list .table [data-rent="rentdate"]::before{content: "신청대관일";}
    .mypageRent_list .table [data-rent="facility"]{width:  100%;}
    .mypageRent_list .table [data-rent="facility"]::before{content: "신청시설";}
    .mypageRent_list .table [data-rent="date"]{width:  100%;}
    .mypageRent_list .table [data-rent="date"]::before{content: "신청일";}
    .mypageRent_list .table [data-rent="condition"]{width:  100%;}
    .mypageRent_list .table [data-rent="condition"]::before{content: "진행상태";}
    .mypageRent_list .table [data-rent="condition"] .ing{padding-left: 18rem;}
    .mypageRent_list .table [data-rent="condition"] .ing::before{width: 10rem; height: 10rem; top: 7rem; left: 0;}
    .mypageRent_list .table [data-rent="condition"] .border{margin-left: 0; font-size: 14rem; width: 46rem;}
    .mypageRent_list .table [data-rent="condition"] .exp{margin-left: 12rem; top: 2rem;}
    /* 부대설비 팝업 */
    [data-pop-layer="layer"] .popBox h2{height:62rem; line-height: 66rem}
    [data-pop-layer="layer"] .popBox .btn_close{width: 62rem; height: 62rem;}
    [data-pop-layer="layer"] .popBox .btn_close span{margin-top: -9rem auto 0;}
    [data-pop-layer="layer"]#facilityPop .popBox{min-width: 100%;}
    .usage_fee_list > ol > li{display: flex; flex-wrap: wrap;}
    .usage_fee_list > ol > li > div{display: block; padding:0; border-right: 0;}
    .usage_fee_list [data-fee="title"]{width: 100%;}
    .usage_fee_list [data-fee="name2"]{display: block; padding:6rem 0; margin-top: 0;}
    .usage_fee_list [data-fee="name2"] label{padding-left: 54rem!important;}
    .usage_fee_list [data-fee="name2"] label em{font-size: 17rem;}
    .usage_fee_list [data-fee="count"],.usage_fee_list [data-fee="price"]{padding:8rem 0; box-sizing: border-box; width: 50%;}
    .usage_fee_list [data-fee="count"]{padding-left: 54rem;}
    .usage_fee_list [data-fee="price"]{text-align: right;font-size: 18rem; line-height: 1.4;}
    .usage_fee_list > ol > li .bg_gray{background-color: #fff;}
    .usage_fee_list > ol > li .wrap_type{/* background-color: #f5f5f5;  */padding:10rem 0 0  54rem}
    .usage_fee_list [data-fee="name2"].checkList [type="checkbox"]:not(:checked) + label:before,
    .usage_fee_list [data-fee="name2"].checkList [type="checkbox"]:checked + label:before{top: -33rem;}
    .usage_fee_list [data-fee="name2"].checkList [type="checkbox"]:checked + label:after,
    .usage_fee_list [data-fee="name2"].checkList [type="checkbox"]:not(:checked) + label:after{top: -27rem;}

    .logo_color{padding: 22rem 20rem;}
    .logo_symbol > li img{width: 160rem;}

    .fy_intro_box {flex-direction: column !important;}
    .fy_intro_box:nth-child(even) {flex-direction: unset;}
    .fy_intro_box:nth-child(n+2) {margin-top: 65rem;}
    .fy_intro_img {width: 100%;}
    .fy_intro_txt {border-top: 0; width: 100%; text-align: left !important; margin: 0 !important;}
    .fy_intro_txt strong {padding-bottom: 15rem; margin-bottom: 15rem; border-bottom: 1rem solid #222; display: block;}

	.facility_text h5 br{display:none;}

	.ontpia_banner {
		margin-bottom: 140px;
	}

	.ontpia_enter_btn {
		transform: translateY(0%);
		bottom: -78px;
	}
}

@media screen and (max-width: 768px) {
	/* ontpia 가상미술관 */
	.ontpia_con01 {
		padding-left: 0%;
	}
	.ontpia_con02 {
		margin-top: 40px;
		padding: 0 4%;
	}

	.ontpia_banner {
		height: 220px;
	}

	.ontpia_enter_btn {
		gap: 10px;
		bottom: -45px;
	}

	.ontpia_enter_btn img {
		max-width: 30px;
	}

	.ontpia_enter_btn span {
		font-size: 20px;
	}

	.ontpia_banner_text_wrap {
		left: 0;
		top: 100%;
		right: auto;
		bottom: auto;
		padding-left: 0;
		padding-right: 0;
	}

	.ontpia_enter_btn {
		left: auto;
		right: 20px;
	}
}

@media (max-width:640px){
    .join_area .bbsView input[data-form-type="datepicker"], 
    .join_area input.datepicker, .join_area .bbsView input[type="text"].datepicker{width: auto!important;}

    .logo_symbol > li{height:100rem ;}
    .logo_symbol > li img{width: 90rem;}
    .logo_symbol > li span{left: 14rem; top: 14rem;}
    
}
@media (max-width:540px){
    #wrap{overflow: hidden;}
    
    .empty{margin-top: 50rem;}
    .sub #container{margin:0 20rem}
    #content{padding-top: 28rem;padding-bottom: 55rem;}

    .lnb *{font-size: 14rem;}
    .lnb .inner .home{padding-right: 20rem;}
    .lnb .inner > div:not(.home){padding:10rem 16rem}
    .lnb .inner .home a{height: 48rem;}
    .lnb_2dept > ul{top: 110%;}
    .lnb_2dept2 > ul{top: 110%;}

    /* 비주얼  */
    .area_subVisual{/* height: 194rem; */position: relative;}
    /* .area_subVisual:before{content:""; position:absolute; opacity:0.4; width:100%; height:100%; background:#000;} */
    .area_subVisual, .area_concertView{margin: 128rem 0 0;}
    .area_subVisual h2{font-size: 21rem;}
    .area_subVisual h2, .area_subVisual h3{padding: 0 30rem;}
    .area_subVisual h2 i{font-size: 11rem;margin-bottom: 5rem;/* letter-spacing: 0; */}
    .area_subVisual .lnb + .wrap{top: 0; margin-top: 40rem;}
    .area_subtitle{padding-top: 45rem;}
    .area_subtitle h3,.area_acaVisual h3{font-size: 26rem;}

    .area_contVisual.v5{background-size: 150%;}

    /* 서브타이틀 */
    .secTtile em{font-size: 20rem;}
    .search_type .secTtile{margin-bottom: 28rem;}
 
    .area_subBoard ul.list > li .image{margin-bottom: 12rem;}
    .area_subBoard ul.list > li p.title{font-size: 16rem; margin-bottom: 6rem; line-height: 1.25;}
    .area_subBoard ul.list > li p.date{margin-top: 0rem; font-size: 12rem;}
    .area_subBoard ul.list.typeA{margin-left: -12rem; margin-right: -12rem;}
    .area_subBoard ul.list.typeA > li{padding-right: 12rem; padding-left: 12rem;}
    .area_subBoard ul.list.typeA > li span.loca{font-size: 12rem; padding-left: 15rem;}
    .area_subBoard ul.list.typeA > li span.loca i{width: 9rem; height: 13rem;}
    .area_subBoard ul.list > li dl > *{font-size: 14rem;}
    .area_subBoard ul.list.typeB li .image{width: 100rem;  /* height:0; padding-bottom: 35%; */}
    .area_subBoard ul.list.typeB li .info {width: calc(100% - 120rem); margin-left: 20rem; padding-top: 14rem;}
    .area_subBoard ul.list.typeB li .info a.booking{position: relative; text-align: right; display: block; margin-top: 8rem; font-weight: 500;}
    .area_subBoard ul.list.typeB li .info a.booking i {margin-left: 4rem;}

    /* 페이지네이션 */
    .pagination{margin:30rem 0 0}

    /* 검색 섹션 */
    .search_sec .wrap_search{height: 36rem;}
    .search_sec .wrap_search > input[type="text"]{width: calc(100% - 50rem); font-size: 15rem; height: 36rem;}
    .search_sec .inline_box li{width:auto;}
    .search_sec .inline_box .check-mark input:checked + em.radio::after{display:none;}
    .search_sec .inline_box .check-mark em{line-height:normal; padding:7rem  12rem; font-weight:400; font-size:13rem; color:#bfbfbf;}
    .search_sec .inline_box .check-mark em.radio::before,
    .search_sec .inline_box .check-mark input:checked + em.radio::after{display:none;}
    .search_sec .inline_box li label.check-mark > input:checked + em{color:#caae87;}
    .search_sec span.tt{margin-bottom:7rem; font-size: 14rem;}
    .search_sec.search_box select{height:42rem; line-height:42rem; padding:0 15rem;}

    .search_sec button.btn_icon{width: 50rem; background:transparent}
    .search_sec button.btn_icon i{right: inherit; background: url(/images/common/icon_search.svg) no-repeat;}
    .search_sec button.btn_icon span{display: none;}
    .search_sec .inline_box{flex-wrap: wrap;margin-left: 0;margin-right: 0;gap: 4rem;}
    .search_sec .inline_box li{width: auto;box-sizing: border-box; padding:0;}
    .search_sec .inline_box li label{padding:0; height: auto;}
    .search_sec .inline_box li label.check-mark > input{border:1rem solid #ddd;}
    .search_sec .inline_box .check-mark em{width: 100%; text-align: right; }
    .search_sec .inline_box .check-mark em.radio::before,
    .search_sec .inline_box .check-mark input:checked + em.radio::after{left: 20rem;}
    .search_type > ul.myClassList .search_sec .inline_box li:last-child i{display: none;}
    .search_type > ul.typeC button.btn_icon i{display: none;}
    .search_type > ul.myClassList .search_sec .inline_box{margin-top: 6rem;}
    .search_type > ul.myClassList .search_sec .inline_box .check-mark em{padding:7rem 16rem}    
    .search_type > ul.typeC button.btn_icon span{display: block;}
    .search_type > ul.myClassList .search_sec .inline_box li:last-child{width: 100%; padding: 0; margin-top: 4rem;}
    .search_type > ul.myClassList .search_sec .inline_box li:last-child{margin-left: 0;}
    .search_type > ul.myClassList .search_sec button.btn_icon span{display: block;}
    .search_type > ul.typeC .search_sec button.btn_icon{background-color: #0e0e0e;}
    .sec_concertSerach{padding:28rem 0; margin-bottom: 60rem; border:none; background-color: #f5f5f5; position: relative;}
    .sec_concertSerach::before{width: calc(100% + 40rem); content: ""; left: -20rem; bottom: 0; background-color: #f5f5f5; height: 100%; position: absolute; z-index: -1;}

    /* 마이페이지 쪽 검색섹션 */
    .myClassList .search_sec .inline_box li{width: auto; padding: 0;}
    .myClassList .search_sec .inline_box li + li{margin-left: 1rem;}
 
    em[class^="place"]{margin-right: 6rem;}
    .sec_yearstList > ul > li,.calendar_list > ul > li{ padding: 24rem 0}
    .sec_yearstList > ul > li .year{border-right: 0; margin-bottom: 32rem;}
    .sec_yearstList > ul > li .year strong{ font-size:13rem; position:relative; text-align: left; right: 0;}
    .sec_yearstList > ul > li .year strong i,.calendar_list > ul > li .dat i{font-size: 17rem;}
    .sec_yearstList > ul > li > ul,.calendar_list > ul > li .class{width: 100%;  padding-left: 0;}
    .sec_yearstList > ul > li > ul > li .year_list span.date{}
    .sec_yearstList > ul > li > ul > li .year_list + .year_list{margin-top: 12rem;}
    .sec_yearstList > ul > li > ul > li a > em::before{display: none;}
    .sec_yearstList > ul > li > ul > li a > em{color: #fff!important;}
    .sec_yearstList > ul > li > ul > li a > em.style01{background-color: #2a7db9;}
    .sec_yearstList > ul > li > ul > li a > em.style02{background-color: #40a45c;}
    .sec_yearstList > ul > li > ul > li a > em.style03{background-color: #f19c5a}
    .sec_yearstList > ul > li > ul > li a > em.style04{background-color: #facb13}
    .sec_yearstList > ul > li > ul > li a > em.style05{background-color: #facb13;}
    .sec_yearstList > ul > li a em[class^="place"]{font-size: 12rem; padding: 2rem 8rem 0;}

    .calendar_ver, .years_ver{margin-top: 0rem;}
    .calendar_list > ul > li .class{border-left: 0;}
    .calendar_list > ul > li .dat{text-align: left;}
    .calendar_list > ul > li .dat span{font-size: 18rem;}
    .calendar_list > ul > li .dat i{font-size: 13rem; color: #aaa;}
    .calendar_list > ul > li .dat em{font-size: 17rem; color: #caae87}

    .area_concertView.academy_view .title{padding-top: 40rem;}
    .area_concertView .title.type02 h4{font-size: 19rem;padding-right: 0;}
    .area_concertView .title{padding: 0 20rem; display: block; margin: 40rem auto 0;}
    .area_concertView .title .in_tt{width: 100%; box-sizing: border-box; }
    .area_concertView .title h4,.boardView.post_ver.type02 .detail h4{margin-top: 4rem; font-size: 23rem;}
    .area_concertView .title p.nav{font-size: 13rem;}
    .area_concertView .title p.nav em{padding-left: 22rem;}
    .area_concertView .title p.nav em::before {left: 6rem; top: 5rem; width: 6rem; height: 6rem;}
    .area_concertView .booking_button{width:120rem; height:40rem; margin-left: auto;}
    .area_concertView .booking_button span{font-size: 13rem; text-align: center; top: 1rem;}
    .area_concertView .booking_button.pc_ver{display: none;}
    .area_concertView .wrap_booking_button a.booking_button{margin-left: 0;}
    .wrap_booking_button{margin-top: 24rem;}
    .wrap_booking_button a.booking_button{width: 100rem; height: 40rem;}
    .wrap_booking_button{justify-content: right;}
    .wrap_booking_button a.booking_button span{font-size: 13rem;}

    .mo_apply_btn{display: block; margin-top: 24rem;}
    .mo_apply_btn a{width:  50%; display: block; height: 50rem; line-height: 50rem; background-color: #1a2332; color: #fff;/*  border-radius: 5rem; */ text-align: center; margin: 0 auto;}

    /* 게시판 & 뷰 */
    
    .area_subBoard ul.list.typeD > li{ width: 100%; margin-bottom: 18rem;}
    .area_subBoard ul.list > li dl{display: flex; }
    .area_subBoard ul.list > li dl dt{width: 68rem;}
    .area_subBoard ul.list > li dl dd{width: calc(100% - 68rem);}

    .cont_table.loca_ver table tbody th{width: 80rem;}
    .boardView.post_ver.type01{margin-top: -60rem;}
    .boardView .area_boardButton a{height: 50rem;}
    .boardView.post_ver .detail table tr{display: flex; flex-wrap: wrap; border-bottom: 0px;}
    .boardView.post_ver .detail table tr th,  .boardView.post_ver .detail table tr td{border-bottom: 1px solid #e6e6e6;}
    .boardView.post_ver .detail table tr th{padding:10rem 0 10rem 10rem;font-size: 14rem; width: 97rem;}
    .boardView.post_ver .detail table tr td{width: calc(100% - 97rem); padding:10rem}  
    .boardView.post_ver.type02 .exhibition_tab{margin-top: 45rem;}
    .boardView.post_ver.type02 .exhibition_tab li{width: 50%; height: 48rem;}
    .boardView .body_info{padding: 24rem 0; min-height: 200rem; }
    .boardView.post_ver.type01 .body_info{margin-top: 40rem;}
    .boardView.post_ver.type02 .top_info .image_post{max-width: 100%;}
    .bbsNew_container.v2 .bbsDate{padding:12rem 0;}
    .bbsFile .file li > *:not(em){margin-left:11rem; padding-top:4rem; font-size:13rem;}

    .bbsView > tbody > tr > th{border-bottom: 0; padding:14rem 0 0}
    .bbsView > tbody > tr > td{padding-top: 2rem; padding-bottom: 14rem;}
    .bbsView .button{line-height: 40rem;}

    .bbsNew_container.v2 .admPager_btn li a{font-size: 12rem; border-radius: 12rem;}
    .bbsNew_container.v2 .bbsPager .inr_pager .pager_list{width: 144rem; padding:12rem 0; font-size: 15rem;}
    .bbsNew_container.v2 .bbsPager{padding:34rem 0}
    .bbsNew_container.v2 .bbsTitle{font-size: 24rem!important;}
    .bbsControls{margin-top: 20rem;}
    .bbsControls ul li a{padding:16rem 0}
    .bbsControls ul li a em{padding:0 20rem}
    .bbsFile .file{padding: 12rem 18rem;}
    .boardView.post_ver .detail table th, .boardView.post_ver .detail table td{font-size: 15rem;}
    .search_bbs .search{display: flex; gap: 4rem;}

    /* 마이페이지 또는 회원가입 */
    .join_area .box{padding-bottom: 0;}


    /* 버튼 */
    .btn_area .button{height: 50rem; line-height: 50rem;}

    .cont_note span.note_tt{font-size: 13rem;padding: 7rem 12rem 4rem;left: 18rem;}
    .cont_note .note_list{padding-left: 0; }
    .cont_note .note_list::before{display: none;}
    .cont_note strong{background-color: #0e0e0e;top: -18rem; left: 14rem; position: absolute; color:#fff; width: auto; font-size:15rem; font-weight:300; border-radius: 4rem; box-sizing: border-box; padding: 7rem 20rem 4rem ;}
    .cont_note.ver01{margin-top: 40rem;}
    .cont_note.ver01,   
    .cont_note.ver02{padding: 31rem 20rem 21rem;}

    .cont_table.typeD{overflow-x: auto; overflow-y: hidden;}
    .cont_table.typeD table{min-width: 500rem;}
    .cont_table table td{padding:10rem 12rem}
    .cont_table table td p {line-height: 22rem;}
    .cont_table table td p + p {margin-top: 6rem;}
    .cont_table table td p::before{top: 9rem;}
    .cont_table.typeC table tbody tr > *{display: block; width: 100%;}
    .cont_table.typeC table tbody tr th, .cont_table.typeC table tbody tr td{padding: 20rem 0;word-break: break-word;}
    .cont_table .example p{font-size:13rem;line-height: 1.5;}
    .cont_table table.price_info td,.cont_table table.price_info th{font-size: 12rem; padding:10rem 16rem}
    .cont_table.typeC table tbody tr > th {width: 100%;}

    span.e_mark{line-height: 22rem;padding-left: 18rem;font-size: 12rem;margin-top: 4rem;}
    span.e_mark + span.e_mark{margin-top: 8rem;}
    span.e_mark::before{width: 14rem;height: 14rem;top: 4rem;}
    span.e_mark + p::before{opacity:0;}
    span.e_mark + p{margin-top:5rem;padding-left: 0 !important;}

    /* 티켓예매 */
    .secDescrip > dl > dt{font-size: 15rem;margin-bottom: 10rem;}
    .secDescrip > dl > dd p + p{margin-top: 4rem;}
    .secDescrip > dl + dl{margin-top: 36rem;}
    .secDescrip > dl > dd p, .descrip p, .area_memberIntro .cont p{line-height: 22rem;padding-left: 7rem;}
    .area_contsTypeA{padding-top: 50rem;}
    .area_contsTypeA .secTtile{margin-bottom: 24rem;}
    .area_contsTypeA .section_conts + .section_conts{margin-top:54rem;}
    .area_contsTypeA .secTtile a.buy_ticket{width: 100%;height: 50rem;top: 160rem;border-radius: 5rem;}
    .area_contsTypeA .secTtile a.buy_ticket i{display: none;}
    .area_contsTypeA .secTtile a.buy_ticket span{margin-top: 0;}
    .booking_step{flex-wrap: wrap; margin-top: 90rem;}
    .booking_step ul li{width:90rem; height: 70rem;}
    .booking_step ul li + li{margin-left: 33rem;}
    .booking_step > ul{justify-content: space-between; width: 100%; margin-bottom: 18rem;}
    .booking_step ul li + li::before{width: 16rem; height: 15rem; left: -24rem; margin-top: -7.5rem; }
    .booking_step .dot_line{display: none;}
    .booking_button span::after {width: 12rem; height: 12rem; position: relative; top: 1rem;}

    .twentyfour{height: 40rem; margin: 0 auto;}
    .twentyfour i {width: 20rem; height: 20rem;}
    .twentyfour span{font-size: 12rem;}

    .area_sub_tabList{overflow-x: auto; overflow-y: hidden;}
    .area_sub_tabList ul.sub_tabList{display: table; margin:  0 auto 0;}
    .area_sub_tabList ul.sub_tabList li{display: table-cell; white-space: nowrap; width: auto; padding: 0 2rem}
    .area_sub_tabList ul.sub_tabList li a{padding: 0 8rem;border:none;height: 35rem;line-height: 35rem;font-size: 14rem;border-radius: 80rem;transition: none;box-shadow:none;/* background-color: #fff */}
    .area_sub_tabList ul.sub_tabList li.on{padding-left: 7rem;}
    .area_sub_tabList ul.sub_tabList li.on a{box-shadow:none;/*  background-color: #ddd; border-color: #ddd; */padding: 0 18rem;}
    .area_sub_tabList ul.sub_tabList li + li{margin-left: 5rem;}
    .area_sub_tabList ul.sub_tabList li:hover a,
    .area_sub_tabList ul.sub_tabList li:focus a{/* color: #fff; background-color:#ddd; border:1px solid #ddd;  */font-weight: 500; box-shadow: none;}
    .area_sub_tabList ul.sub_tabList li:hover a{background-color: transparent; color: #444; font-weight: 300;}
    .area_sub_tabList ul.sub_tabList li.on:hover a{background-color: #1f2839; color: #fff; font-weight: 500;}

    /* 아카데미 */
    .aca03 .area_subtitle{display: none;}
    .user_academy h4{font-size: 16rem;  margin-bottom: 12rem;}
    .user_academy .tit_main h4{font-size: 24rem;}
    .user_academy .tit_main h4 i{font-size: 14rem;}

    .academy_tit{font-size: 16rem; margin-top: 14rem;}
    .academy_mainBox .searchBox ul li{width: calc(50% - 6rem);}
    .academy_mainBox .searchBox ul li + li:nth-child(2n){margin-left: 12rem;}
    .academy_tab{padding: 0rem 0 24rem;background-color: #fff!important;width: 108%;}
    .academy_tab ul li{width:auto;height: auto;padding: 0 7rem;}
    .academy_tab ul li label i{display: flex; align-items: center; justify-content: center;width: 60px; height: 60px; margin: 0 auto;}
    .academy_tab ul li label.check-mark input{width: 60px; height: 60px; border-radius: 100%;}
    .academy_tab ul li label.check-mark span{font-size: 13rem; margin-top: 8px;}
    .academy_tab ul li label.check-mark em{margin:0 auto}
    .academy_tab ul li label i img{width: 30px;}
    .academyList ul li a .info{padding:8rem 20rem}
    .academyList ul li a .underDetail{flex-flow: row wrap; gap:0; flex-direction: column;}
    .academyList ul li a .underDetail dl{display: block; width: 100%; padding: 0;}
    .academyList ul li a .underDetail dl + dl:nth-child(n + 3){margin-left: 0; width: 100%;}    
    .academyList ul li a .underDetail dl + dl:nth-child(n + 3)::before{display: none;}
    .academyList ul li a .underDetail dl > *{font-size: 13rem;}
   
    .academyList ul li a .info, .academyList ul li a .detail{padding:10rem}
    .area_memberIntro > ul li .box{padding:32rem 22rem}
    .academyList ul li a .detail strong,
    .area_searchList li a .tit, .serach--thumb__list li a .info .title{font-size: 16rem; margin-bottom: 5rem;}
    .academy_mainBox .search_sec button.btn_icon{height: 40rem; background: #0e0e0e; width: 100%;}
    .academy_mainBox{padding: 32rem 22rem 60rem}
    .academy_mainBox .aca_sec:nth-child(2){flex:inherit; flex-wrap: wrap; width: 100%;}
    .academy_mainBox .aca_sec:nth-child(2) .user_academy:nth-child(2){margin-left: 0; margin-top: 24rem;}
    .academy_mainBox .aca_sec .user_academy,
    .academy_mainBox .aca_sec:nth-child(2) .user_academy:nth-child(1),
    .academy_mainBox .aca_sec:nth-child(2) .user_academy:nth-child(2){width: 100%; flex: auto;}
    .area_myPage .academyList ul li a .detail{width: 100%;}
    .area_academyWrap .aca_mainBox_result{margin-top: 0;}
    .academyList ul li a .info p.date,
    .academyList ul li a .info p.date i,
    .academyList ul li a .info span.time,
    .academyList ul li a .info em.condition{font-size: 12rem;}
    .count_total{margin-top: 14rem;}
    .academy_mainBox .search_btn_ button.btn_icon span{display: block;}
    .academy_mainBox .search_btn_ button.btn_icon i{display: none;}
    .area_searchList li a{padding: 12rem 0;}

    .area_contVisual{background-attachment: inherit; height: 205rem; margin-top: 30rem;}
    .area_commnunityWap .txt{padding:40rem 0rem; margin: 0 auto; width: 100%; text-align: left;}
    .area_commnunityWap .txt p{font-size: 15rem; line-height: 1.7;}

    .area_contsTypeA .support_link a.buy_ticket{top: -7rem; height: 50rem;}
    .area_contsTypeB{padding-top: 30rem;}
    .area_contVisual{height: 230rem;}
    .area_contsBox{width: 100%;transform: none;position: relative;padding: 24rem 24rem 26rem;text-align: left; transform: translateY(0); margin: 0;}
    .area_contsBox h4{margin-top: 1rem;margin-bottom: 12rem;font-size: 19rem;font-weight: 500;}
    .area_contsBox dl dd{padding-left: 0;}
    .area_contsBox span{font-size: 12rem;}
    .area_contsTypeB .section_conts strong.tit{font-size: 16rem; margin-bottom: 6rem;}
    .area_contsBox dl{margin:0;}
    .area_contsBox dl > *{font-size:12rem;}   

    .group_info li dd::before{display: none;}
    .group_info{padding: 20rem;}
    .group_info li dl{justify-content: space-between; position: relative;}
    .group_info li dl::before{content: ""; width: 100%; height: 1px; border-top: 1px dashed #ddd; position: absolute; top: 11rem; z-index: 0; }
    .group_info li dt{justify-content: flex-start; width: 70rem; background-color: #fff; z-index: 1; width: auto; padding-right: 10rem;}
    .group_info li dd{text-align: right; background-color: #fff; width: auto; padding-left: 10rem; z-index: 1;}
    .group_info.style01 li:nth-child(n + 7) dl{display: block;}
    .group_info.style01 li:nth-child(n + 7) dl::before{display: none;}
    .group_info.style01 li:nth-child(n + 7) dd{padding-left: 0; width: 100%; margin-top: 6rem; text-align: left;}
    .group_info.style01 li:nth-child(n + 7) dd::before{display: none;}

    .area_facility .area_contVisual.hall{height: 200rem;}
    .part_fac .flex.ver01 > .facility_img{width: 100%;}
    .part_fac .flex.ver01{padding:0}
    .part_fac .flex.ver01 > .facility_text{padding:50rem 30rem 0}
    .part_fac .flex{flex-wrap: wrap;}
    .part_fac .flex .facility_img + .facility_img{margin-left: 0 ; margin-top: 18rem;}
    .part_fac .facility_text.flex,.top_facility .facility_text{padding-top: 42rem;}
    .part_fac.bg{padding-bottom: 62rem;}

    .facility_text h5{font-size: 24rem; line-height: 35rem;}
    .facility_text h6{font-size: 20rem; line-height: 30rem; padding-left: 18rem;}
    .facility_text h6::before{top: 49%;}
    .top_facility .facility_text_list strong {font-size: 20rem;}

    .area_myPage{margin-top:0;}
    .area_mypageTab ul{flex-wrap: wrap;}
    .area_mypageTab ul li{width: 100%;}
    .area_mypageTab ul li a{display: block; padding: 30rem 10rem 30rem 100rem; text-align: left; position: relative;}
    .area_mypageTab ul li a i{position: absolute; top: 30rem; left: 23rem; }
    .area_mypageTab ul li a strong{font-size: 16rem;}
    .area_mypageTab ul li a p br{display: none;}
    .area_mypageIntro h4{font-size: 18rem;}
    .area_applyForm .area_inputForm .checkList_td{height: 40rem;}
    .area_myPage .academyList.mycart_ver ul li > span{position: absolute; left: 0; top:14rem; transform: translateY(0);}

    .area_memeberPic .upload_button label{width: 90%; border-color: #eee;}
    .area_memeberPic .upload_button label span{font-size: 14rem;}
    .area_viewprofile_pic ul label,    .area_viewprofile_pic ul button{font-size: 12rem;}

    /* 대관신청내역 */
    .mypageRent_list ol.table{padding-left: 32rem;}
    .mypageRent_list ol.table > li{font-size: 16rem; justify-content: space-between;}
    .mypageRent_list ol.table > li::before{opacity: 0.6;}
    .mypageRent_list .table [data-rent="condition"] .border{margin-right: 0; margin-left: auto;}

    .sec_concertSerach .secTtile em,
    .search_type .secTtile{display:none;}
    .search_type > ul .search_sec{margin-bottom: 19rem;}
    .search_sec button.btn_icon{justify-content:center; align-items:center; padding-right:0; padding-left:0;}

    .wrap_date .box_input,
    .wrap_date .box_input input{height:40rem;}
    .wrap_date .box_input input{width:calc(100% - 34rem)!important;}
    .wrap_date .box_input button{top:auto; width:15rem; height:14rem; margin-right:-2rem;}
    .box_input{display:flex; align-items:center;}
    .wrap_date span{width:60rem; line-height:39rem; font-size:22rem;}
    

    .area_calendarType li em[class^="place"]{margin-right:0; font-size:13rem;}
    em[class^="place"]::before{top:-1rem; width:16rem; height:16rem; font-size:8rem;}
    .area_calendarType li em[class^="place"]::before{margin-right:4rem;}
    .area_calendarType li{margin-right:10rem;}
       
    .sec_yearstList > ul > li {min-height: auto;}

    .group_detail p{line-height: 1.7;}
    .group_detail p + p{margin-top: 28rem;}

    .mo_apply_btn a{width: 100%;}
    .area_calendarType{flex-wrap: wrap; gap: 8rem;}
    .area_calendarType li{margin-right: 0;}
    .calendar_list > ul > li .class a em[class^="place"]::before {left: 0; top: 3rem;}

    .area_applyForm form input[type="text"]{height: 43rem;}
    .area_sub_tabList + script + .area_subBoard, .area_sub_tabList + script + script + .area_subBoard{margin-top: 40rem;}

    ul.classCheck{flex-wrap: wrap;}
    ul.classCheck > li{width:50%;}
    ul.classCheck > li label{padding:16rem}
    ul.classCheck > li em.class_name{margin-bottom: 0; font-size: 18rem;}
    ul.classCheck > li em.class_name i.current{font-size: 12rem;}
    ul.classCheck > li ol > li + li{padding-left: 8rem;}
    ul.classCheck > li ol > li + li::before{left: 1rem;}

    .sec_application{margin-top: 32rem;}
    .sec_application > strong{margin-bottom: 12rem; font-size: 17rem;}
    .sec_application .selectd_class p{padding-right: 24rem; position: relative; top: -5rem;}
    .sec_application .selectd_class p::before{right: 12rem; top: 10rem; height: 11rem;}
    .sec_application p.className{padding:10rem 14rem; font-size: 15rem;}
    .sec_application p.className em{font-size: 13rem;}
    .sec_application .notice{margin-bottom: 30rem;}
    .area_submitBtn{display: flex; justify-content: center; align-items: center;}
    .area_submitBtn > *{height: 43rem;}
    .secDescrip > dl > dd p::before, .descrip p::before, .area_memberIntro .cont p::before{top: 8rem;} 
    .area_applyForm .area_inputForm li{padding-top: 0;}
    .area_applyForm .area_inputForm li .th label{font-size: 13rem;}
    .area_applyForm .form_detail dl.price{padding:10rem 14rem}
    .check-mark em::before{top: 1rem; }
    .check-mark input:checked + em::after{top: 6rem; width: 8rem; height: 3rem;}
    .admPager_btn li a{width: 40rem;}

    .area_introduce strong{font-size: 18rem;}
    .area_introduce .image + .text{padding-left:0;}    

    .area_contsTypeA .secTtile em{font-weight:700;}
    .secDescrip > dl > dd p a.call i{display:none;}
    .cont_note.ver03{padding:10rem 16rem;}
    .cont_note.ver02{margin-top:45rem;}
    .secDescrip > dl > dd p em,
    .descrip p em,
    .area_memberIntro .cont p em{margin-right:5rem;}    
   
    .cont_table .example{padding:13rem 0 13rem 10rem;}
  
    .area_contsTypeB .section_conts + .section_conts{margin-top:35rem;}
  
    .area_commnunityWap .txt strong{font-size:20rem;}

    .history_box{margin-top:0;}
    .history_list .history > li{flex-wrap: wrap;}
    .history_list .history > li > em,.history_list .history > li .detail{width: 100%;}
    .history_list .history > li .detail{padding-top: 28rem;}
    .history_list .history > li .detail > li + li{padding-top: 28rem;}
    .history_list .history > li .detail strong{font-size:16rem;}
    .history_list .history > li .detail strong,
    .history_list .history > li .detail .info{padding-left:21rem;}
    .history_list .history > li > em{font-size:30rem; top: 0;}  
    .history_list.inro_ver .history > li > em{width: 100%;}
    .history_list.inro_ver .history > li .detail{width: 100%;}
    .history_list .history dl *{font-size: 15rem;}
    .history_list .history dl dt{width: 100rem;}
    .history_list .history dl dd{width: calc(100% - 100rem);}
    .history_list .history > li + li{padding-top: 16rem;}
    .history_list.inro_ver .history > li .detail{padding-top: 16rem;}
    .facility_text p{font-size:15rem; line-height: 1.7;}

    .area_artpiaIntro{padding-top: 40rem;}

    .rental_processList{padding-top: 42rem;}
    .area_rental_step{margin-top: 42rem;}
    .area_rentalIntro{margin-top: 24rem;}
    .area_rentalIntro h4{font-size: 20rem;}
    .area_rentalIntro .rental_introLink{gap: 12rem; margin-top: 32rem;}
    .area_rentalIntro .rental_introLink li{width: 50%;}
    .area_rentalIntro .rental_introLink > li > a{height: 164rem;}
    .area_rentalIntro .rental_introLink > li > a strong{font-size: 18rem;}
    .area_rentalIntro .rental_introLink > li:nth-child(1) svg{width: 35rem;}
    .area_rentalIntro .rental_introLink > li:nth-child(2) svg{width: 17rem;}

    .rental_file{margin-top: 16rem;}
    .rental_file a{width: 86%; padding:0 12rem}
    .rental_file a span{font-size: 13rem;}
    .rental_file a img{width: 12rem;}

    .rental_processList ul > li > a {width:100%;}
    .rental_processList ul > li.step06 a{width: 44rem;}
    .rental_processList ul > li.step08 a{width: 84rem;}

    .area_rentalPrice .table_scroll{overflow-x: scroll; width: 100%;}
    .area_rentalPrice .table_scroll table{width: 420px;}

    .rentalStep_cont{padding-left: 50rem;}
    .rentalStep_cont .title em{font-size:18rem}
    .rentalStep_cont .title i{width: 55rem;}
    .rentalStep_cont .step01 > i img{height: 30rem;}
    .rentalStep_cont .step02 > i img{height: 27rem;}
    .rentalStep_cont .step03 > i img{height: 31rem;}
    .rentalStep_cont .step04 > i img{height: 30rem;}
    .rentalStep_cont .step05 > i img{height: 34rem;}
    .rentalStep_cont .step06 > i img{height: 34rem;}
    .rentalStep_cont .step07 > i img{height: 30rem;}
    .rentalStep_cont .step08 > i img{height: 32rem;}
    .part_rentalStep .round{width: 36rem; height: 36rem; top: -5rem;}
    .part_rentalStep .round i{font-size: 15rem;}
    .part_rentalStep::before{left: 18rem;}
    .part_rentalStep{padding-bottom: 42rem;}
    .rental_processList ul > li i{height: 24rem;}
    .rental_processList ul > li i img{width: auto; height: 100%;}
    .rental_processList ul > li::before{width: 10rem; height: 7rem; right: -2rem; top: 19rem;}
    .rental_processList ul > li span{font-size: 12rem;}
    .rental_PList + *{margin-top: 32rem;}
    .rental_PList ul{gap: 23rem;}
    .rental_PList span{font-size: 12rem; line-height: 1.2;}
    .rental_PList ul > li::before{width: 12rem; height: 9rem; right: -18rem;}
    .rental_PList i svg,.rental_PList i{height: 28rem;}
    .rental_PList ul li{width: 20%;}
    
    .area_rental_agree .box h5{font-size: 16rem;}
    .area_rental_agree .box + .box{margin-top: 32rem;}

    .area_rental_reservation{flex-direction: column;}
    .box_rent_check,.box_rent_calenar{width: 100%;}
    .box_rent_calenar{margin-top: 42rem;}
    .box_rent_check .search_sec + .search_sec{margin-top: 24rem;}
    .box_rent_check .search_sec .inline_box li{width: 25%;}
    .box_rent_check .search_sec .inline_box .check-mark em{text-align: center; padding-right: 0; padding: 10rem 16rem}
    .box_rent_check .area_Button{margin-top: 26rem;}
    .rentCalendar [data-week="01"] li{font-size: 12rem;}
    .rentCalendar [data-week="02"] ul li span{font-size: 17rem;}
    .area_rental_complete .txt p{font-size: 15rem;}
    .area_rental_complete .round{width: 100rem; height: 100rem; margin-bottom: 20rem;}
    .area_rental_complete .round i{height: 23rem; border-bottom-width: 5rem; border-right-width: 5rem;}
    .area_rental_complete .txt{margin-top: 20rem;}
    .area_Button{margin-top: 40rem;}
    .area_Button a{width: 100%;}

    .application_wrap{margin-top: 32rem;}
    .application_wrap .bigtt{font-size: 18rem;}
    .apply_table .dt{font-size: 12rem; text-align: center;}
    .apply_table .dt,.perform_info .tr .th{width: 90rem;}
    .apply_table .dd .flex,.appInput{display: block;}
    .apply_table .dd{width: calc(100% - 90rem); padding:10rem}
    .apply_table li.w50{width: 100%;}
    .appy_sec{margin-top: 42rem;}
    .apply_table textarea{height: 120rem;}

    .perform_info .tr{display: block;}
    .perform_info .tr .th,.perform_info .tr .th.th_purpose{display: block; color: #0e0e0e; font-weight: 400; width: 100%; min-height: auto; padding:12rem 0; box-sizing: border-box;}
    .perform_info .tr ol > li .wrap_perDate{width: calc(100% - 90rem); display: flex; flex-wrap: wrap; flex-direction: row;}
    .wrap_perDate .rentDate{width: 100rem; padding:0 8rem}
    .apply_table .dd .perform_info ol > li:nth-child(2) input[type="text"]{height: 32rem;}
    .application_wrap .bigtt + *{margin-top: 8rem;}
    .apply_table .noti{line-height: 1.2; margin-top: 4rem;}
    .perform_info .tr .th_purpose_list{width: 100%; display: block;}
    .perform_info .tr ol > li{gap: 0;}
    .perform_info .tr ol > li.selc{padding: 10rem 0;}
    .perform_info .tr ol > li:nth-child(2){display: block; padding-left: 100rem; box-sizing: border-box;}
    .perform_info .tr ol > li:nth-child(2) span.mo_v{position: absolute; left: 0; top: 0;}
    .perform_info .tr ol > li:nth-child(2) label{display: block; text-align: left;}
    .perform_info .tr ol > li:nth-child(2) label i{display: inline-block; margin-left: 4rem;}
    .perform_info .tr ol > li span.mo_v{font-size: 12rem; width: 80rem;}
    .perform_info .tr ol > li label + label{margin-top: 4rem;}
    .area_rentalIntro p{font-size: 14rem;}

    .inr_bbs .photoList > li{width: 100%;}

    .join_area  *[class^="bbs"] ~ .btn_area{padding-top: 20rem;}

    .listview_btn .listBtn{padding:0; display: flex; align-items: center; justify-content: center; width: 108rem; font-size: 12rem; height: 33rem; border-radius: 4rem;}
    .rent_preriod .time{margin: 0;}
    span.importantt{display: block; padding-left: 0;}
    .usage_fee_list [data-fee="big_title"]{font-size: 13rem;}
    .usage_fee_list [data-fee="name2"]{margin-top: 2rem; padding:0 0 4rem; color: #171717; font-weight: 400;}
    .usage_fee_list [data-fee="name2"] label{padding-left: 42rem!important;}
    .usage_fee_list [data-fee="count"]{padding-left: 42rem;}
    .usage_fee_list > ol > li .wrap_type{padding:16rem 0 0  42rem}
    .usage_fee_list [data-fee="name2"] label em{font-size: 15rem;}
    .usage_fee_list [data-fee="count"], .usage_fee_list [data-fee="price"]{width: 100%;}
    .usage_fee_list [data-fee="name2"].checkList [type="checkbox"]:not(:checked) + label:before, 
    .usage_fee_list [data-fee="name2"].checkList [type="checkbox"]:checked + label:before{top: -20rem;}
    .usage_fee_list [data-fee="name2"].checkList [type="checkbox"]:checked + label:after, 
    .usage_fee_list [data-fee="name2"].checkList [type="checkbox"]:not(:checked) + label:after{top: -14rem;}
    .usage_fee_list [data-fee="price"]{font-size: 17rem; padding-bottom: 16rem;}
    .usage_fee_list [data-fee="price"] .bl{display: block; font-size: 13rem;}
    .apply_table .file_list li{gap: 4rem; justify-content: space-between;}
    .apply_table .uploadFile .upload_name{height: 40rem; font-size: 12rem; padding:0 8rem; width: 145rem;}
    .apply_table .uploadFile label{height: 40rem; width: 50rem; font-size: 12rem; line-height: 40rem;}
    .apply_table .file_list .file_delete{width: 16rem; height: 16rem;}
    .apply_table .file_list .file_delete i{width: 8rem;}
    .apply_table .file_list .download{padding: 8rem 0; font-size: 14rem;}
    .apply_table .dd input[type="text"]{font-size: 15rem;}
    .apply_table .dd input[type="text"]::placeholder{font-size: 14rem;}
    .apply_table .dd input[type="text"].input300{width: 100%!important;}
    .apply_table .dd input[type="text"]#representative_birth_date{width: 82%!important; margin-right: 12rem;}
    .apply_table .appInput span{display: block;}
    .facility_list ol > li{display: inline-block; padding: 2rem 21rem 2rem 10rem; position: relative;}
    .facility_list ol > li *{font-size: 14rem;}
    .facility_list ol > li .delete{display: block; position: absolute ;top: 50%; right: 5rem; transform: translateY(-50%);}
    .facility_list ol > li .delete::before, .facility_list ol > li .delete::after{height: 10rem;}

    .logo_symbol {flex-wrap: wrap;}
    .logo_symbol > li + li,  .logo_color li + li{margin-top: 12rem;}
    .logo_symbol > li{width: 100%; height: 136rem;}
    .logo_symbol > li img{width: 130rem;}
    .logo_color{flex-wrap: wrap;}
    .logo_color li{width: 100%;}


    div#content.policy{margin-top: 110rem; padding-top: 20rem!important;}
    .area_policy h2{font-size: 24rem;}
    .search-sec{padding-bottom: 42rem;}
    .search-sec > h4{font-size: 22rem;}
    .search-sec .count_total{margin-top: 12rem;}
    .area_searchList li .date{font-size: 14rem;}
    .serach--thumb__list li a .image{width: 60rem;}
    .serach--thumb__list li a .info{padding-left: 14rem;}
    .serach--thumb__list li a .loca{font-size: 12rem; padding-left: 15rem;}
    .serach--thumb__list li a .loca i{width: 9rem; height: 13rem;}
    .area_searchList li a, .serach--thumb__list li a{padding: 12rem 0;}


    .area_introduce h5 b{font-size: 17rem;}

    .fy_intro_txt strong {font-size: 24rem; padding-bottom: 10rem; margin-bottom: 12rem;}
    .fy_intro_txt p {font-size: 15rem; line-height: 1.7;}
    .fy_intro_txt a {font-size: 15rem; margin-top: 24rem;}
    .part_fac {margin-top: 50rem;}
}


@media screen and (max-width: 500px) {
	.ontpia_banner {
        margin-bottom: 201px;
    }

	.ontpia_tit img {
		max-width: 30%;
	}

    .ontpia_enter_btn {
        right: 10px;
        bottom: -12px;
    }
}

@media (max-width:380px){
    .search_bbs .search select,
    .search_bbs .search .button{position: relative;}

	.secDescrip {display: block;  }
	.secDescrip > dl {width: 100%;}

	.secDescrip2 {display: block;  }
	.secDescrip2 > dl {width: 100%;}
}