@charset "utf-8";

.clear::after{clear:both;display:table;content:'';}
.textBlack{color:#000 !important;}
.textBlue{color:#07348c !important;}
.textCyan{color:#4a8dcb !important;}
.textRed{color:#e85e54 !important;}


.basicWarp{font-size:1.8rem;}
.basicWarp p{line-height:1.8;word-break:keep-all;}
.basicWarp .title{font-size:2.5rem;font-weight:normal;font-family:'notokrMedium';color:#383d53;margin:5rem 0 1rem;word-break:keep-all;}
.basicWarp .title.textBlue{color:#07348c;}
.basicWarp strong{font-weight:normal;font-family:'notokrMedium';color:#383d53;}
.basicWarp .pWrap>p{margin-bottom:2rem;}
.basicWarp strong.point{color:#3d52bb;}

.basicWarp .titleWrap{position:relative;}
.basicWarp .titleWrap .btnWrap{position:absolute;right:0;top:2px;}
.basicWarp .titleWrap .btnWrap .btn{margin-left:2rem;}

.basicWarp .sTitle{font-size:2rem;font-weight:normal;font-family:'notokrMedium';color:#383d53;margin:4rem 0 1rem;word-break:keep-all;}
.basicWarp .sTitle.bullet{position:relative;padding-left:1.5rem;}
.basicWarp .sTitle.bullet::before{content:""; display:inline-block; position:absolute; top:50%; left:0; width:3px; height:12px; margin-top:-6px; background:#383d53; transform:rotate(30deg);}
.basicWarp dd{line-height:1.8;}


.tabMenu{margin:5rem 0 0 0;}
.tabMenu::after{clear:both;display:table;content:'';}
.tabMenu>li{float:left;position:relative;min-width:35px;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;}
.tabMenu>li>a{display:block;position:relative;padding:1.2rem 1rem;line-height:35px;font-size:1.8rem;text-align:center;color:#777;}
.tabMenu>li.active{border-top:1px solid #3d52bb;border-bottom:1px solid #3d52bb;}
.tabMenu>li.active>a{color:#3d52bb;font-family:'notokrMedium';}
.tabMenu.li2>li{width:50%;}
.tabMenu.li3>li{width:33.33333333%;}
.tabMenu.li4>li{width:25%;}
.tabMenu.li5>li{width:20%;}
.tabMenu.li6>li{width:16.66666666666%;}
.tabMenu.li9>li{width:11.11111111111%;}
.tabMenu.li11>li{width:9.090909090909091%;}

.sTabMenu{margin-top:5rem;}
.sTabMenu:after{content:'';display:block;clear:both;}
.sTabMenu>li{float:left;box-sizing:border-box;}
.sTabMenu>li>a{display:block;border:1px solid #c4c7cc;border-left:0;text-align:center;box-sizing:border-box;color:#858585;padding:1.2rem 1rem;font-size:1.6rem;}
.sTabMenu>li:first-child>a{border-left:1px solid #c4c7cc;}
.sTabMenu .active>a{background:#3d52bb;color:#fff;font-weight:500;border-color:#3d52bb;}
.sTabMenu>li.active:first-child>a{border-color:#3d52bb;}
.sTabMenu.li2>li{width:50%;}
.sTabMenu.li3>li{width:33.33333333%;}
.sTabMenu.li5>li{width:20%;}
.sTabMenu.li9>li{width:11.11111111111%;}

.bulLi>li:first-child{/*margin-top:0;*/}
.bulLi>li{position:relative;display:block;padding-left:1.5rem;word-break:keep-all;margin-top:1.2rem;line-height:2;}
.bulLi>li::before{position:absolute;top:15px;left:0px;content:'';width:3px;height:3px;background:#666;}
.dashLi>li{position:relative;display:block;padding-left:1.5rem;word-break:keep-all;margin-top:1.2rem;line-height:2;}
.dashLi>li::before{position:absolute;top:0;left:0px;content:'-';}
.bulLi .dashLi>li{margin-top:0.2rem;}

.dataTableWrap{margin-top:3rem;}
.dataTable{margin-bottom:2rem;overflow:hidden;}
.dataTable table{width:100%;border-top:1px solid #585858;margin-left:-1px;}
.dataTable th{padding:16px 10px;margin-left:-1px;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea;color:#000;font-weight:normal;font-family:'notokrMedium';text-align:center;font-size:1.8rem;}
.dataTable thead th{background:#fafafa;}
.dataTable td{padding:16px 10px;margin-left:-1px;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea;text-align:center;word-break:keep-all;font-size:1.8rem;}
.dataTable th a:hover, .dataTable td a:hover{color:#004892;}
.dataTable td img{padding:0 3px;}
.dataTable td strong{color:#000;font-weight:normal;font-family:'notokrMedium';}
/*20210705추가 예술가의집 대관료 테이블*/
.dataTableWrap .arthouse td{font-size: 2.5rem; color:#000;}
.dataTableWrap .arthouse td:first-child{font-size: 1.8rem; }

.dataTable .tl{text-align:left;}
.dataTable .btn{display:inline-block;color:#fff;font-size:1.3rem;vertical-align:middle;box-sizing:border-box;padding:0 2.5rem 0 1rem;line-height:2.6rem;position:relative;}
.dataTable .btn::before{width:6px;height:6px;background-color:transparent;content:'';margin-top:-3px;border-top:1px solid rgba(255, 255, 255, 0.8);border-right:1px solid rgba(255, 255, 255, 0.8);position:absolute;top:50%;right:10px;bottom:auto;left:auto;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.dataTable .navy{background:#383d53;}
.dataTable .yellow{background:#f8ab11;}
.dataTable .point{font-weight:normal;font-family:'notokrMedium';}
.dataTable .textBlack{color:#000;}
.dataTable .textRed{color:#e85e54;}
.dataTable .tableInfo, .dataTableWrap .tableInfo{margin-top:1rem;}
.dataTable .tableInfoTop{margin-bottom:1rem;}
.dataTableWrap .tbUnit{text-align:right;margin-bottom:1rem;}

.basicWarp .btnWrap .btn{display:inline-block;color:#fff;padding:1.25rem 4rem 1.25rem 2rem;margin:0 1rem;min-width:13.5rem;box-sizing:border-box;background:#3d52bb;position:relative;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.basicWarp .btnWrap .btn::before{width:7px;height:7px;background-color:transparent;content:'';margin-top:-4px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;top:50%;right:15px;bottom:auto;left:auto;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.basicWarp .btnWrap .btn:hover{background:#383d53;}
.basicWarp .btnWrap .btn:hover::before{border-color:#fff;}

.basicWarp .btnWrap .btnNavy{display:inline-block;color:#fff;padding:1.25rem 4rem 1.25rem 2rem;margin:0 1rem;min-width:13.5rem;box-sizing:border-box;background:#383d53;position:relative;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.basicWarp .btnWrap .btnNavy::before{width:7px;height:7px;background-color:transparent;content:'';margin-top:-4px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;top:50%;right:15px;bottom:auto;left:auto;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.basicWarp .btnWrap .btnNavy:hover{background:#3d52bb;}
.basicWarp .btnWrap .btnNavy:hover::before{border-color:#fff;}



.imgCenter{text-align:center;}

.infoDl{margin-top:3rem;}
.infoDl>dt{font-size:1.8rem;color:#383d53;font-family:'notokrMedium';display:inline-block;padding:1rem 2rem;border:1px solid #383d53;box-sizing:border-box;min-width:18%;text-align:left;box-shadow:0 5px 7px rgba(0,0,0,.15);background:#fff;word-break:keep-all;}
.infoDl>dd{margin-top:2rem;word-break:keep-all;}
.infoDl.bgMint>dt{color:#fff;background:#3d52bb;border:none;}
.infoDlWrap::after{content:'';display:table;clear:both;}
.infoDlWrap .infoDl{float:left;width:28.5rem;box-sizing:border-box;margin-left:2rem;}
.infoDlWrap .infoDl:first-child{margin-left:0;}
.infoDlWrap .infoDl>dt{width:100%;}
.infoDl>dt.longTit{width:28.5rem;}

.bgGrayBox{background:#f6f6f8;padding:4rem;margin-top:3rem;}
.bgGrayBox>p{margin-top:3rem;}
.bgGrayBox>p:first-child{margin-top:0;}
.bgGrayBox .infoDl{margin-top:0;}
.bgGrayBox .infoDl.bgMint dt{background:#3d52bb;color:#fff;border:0;}
.bgGrayBox .infoDl>dd+dt{margin-top:2rem;}
.bgGrayBox .bulLi>li:first-child{margin-top:0;}

.step::after{clear:both;display:table;content:'';}
.step>li{float:left;box-sizing:border-box;margin-top:1rem;}
.step>li:last-child{margin-right:0;}
.step .tit{background:#3d52bb;color:#fff;text-align:center;box-shadow:5px 5px 10px rgba(0,0,0,.15);padding:1.5rem;}
.step .tit span{font-size:1.8rem;color:#fff;}
.step .con{border:1px solid #ddd;display:table;box-sizing:border-box;width:100%;}
.step .con p{display:table-cell;width:100%;height:9rem;box-sizing:border-box;padding:2rem 1rem;line-height:1.6;word-break:keep-all;text-align:center;}
.step.col3>li{width:32%;margin-right:2%;}
.step.col4>li{width:23.5%;margin-right:2%;}
.step.col5>li{width:18%;margin-right:2.5%;}
.step.col6>li{width:15%;margin-right:2%;}
.step.col6>li:last-child, .step.col5>li:last-child, .step.col4>li:last-child, .step.col3>li:last-child{margin-right:0;}
.btnWrap.reserve{margin-top:5rem;}

.bdBox{border:1px solid #eaeaea;padding:2rem;box-sizing:border-box;}

.textWrap{margin-top:5rem;}
.textWrap>p{margin-top:2rem;}
.textWrap>p:first-child{margin-top:0;}

.bdImgBox{border:1px solid #eaeaea;}

.buildHistory{margin-top:3rem;}
.buildHistory::after{content:'';display:block;clear:both;}
.buildHistory>li{float:left;border:1px solid #ddd;box-sizing:border-box;width:32%;margin-right:2%;}
.buildHistory>li:last-child{margin-right:0;}
.buildHistory .img{display:block;padding:3rem 1rem;text-align:center;}
.buildHistory .caption{display:table;width:100%;height:6rem;text-align:center;vertical-align:middle;background:#f6f6f8;}
.buildHistory .caption>span{display:table-cell;width:100%;padding:0 1rem;text-align:center;vertical-align:middle;word-break:keep-all;}

.history{margin-top:5rem;border-top:1px solid #585858;}
.history>li{border-bottom:1px solid #eaeaea;box-sizing:border-box;padding:2rem 0;}
.history dl{position:relative;}
.history .year{position:absolute;width:24rem;text-align:center;font-size:3rem;color:#383d53;font-family:'notokrMedium';}
.history dd{margin-left:27.5rem;}
.basicWarp .history strong{color:#3d52bb;font-size:1.8rem;display:block;margin-bottom:1rem;}
.history .dashLi>li:first-child{margin-top:0;}

.imgBox{position:relative;box-sizing:border-box;min-height:44.5rem;}
.imgBox::before{position:absolute;top:0;left:0;content:'';background:#f6f6f8;width:100%;height:35rem;z-index:-1;}
.imgBox .bgImg{position:absolute;display:block;width:93rem;height:39.5rem;z-index:-1;top:5rem;left:5rem;}
.imgBox .txtWrap{background:#fff;width:50%;position:absolute;bottom:0;right:0;box-sizing:border-box;padding:3rem 4rem;min-height:21rem;}
.imgBox .txtWrap .title{margin-bottom:4rem;margin-top:2rem;position:relative;}
.imgBox .txtWrap .title::after{position:absolute;top:5rem;left:0px;content:'';width:4rem;height:1px;background:#000;}
.imgBox .txtWrap>p{margin-top:1rem;}
.imgBox .txtWrap>p:first-child{margin-top:0;}

.floorInfo{margin-top:5rem;display:flex;display:-webkit-flex;flex-flow:row wrap;border-top:1px solid #585858;border-bottom:1px solid #999;overflow:hidden;}
.floorInfo>li{position:relative;width:calc(100% / 2);margin:-1px 0 0 -1px;padding:4rem;border: 1px solid #ddd;border-right:none;box-sizing:border-box;}
.floorInfo .infoDl{margin-top:0;}
.floorInfo .infoDl>dt{min-width:12rem;text-align:center;}
.floorInfo .bulLi>li:first-child{margin-top:0;}
.floorInfo .btnWrap{margin-top:3rem;}
.basicWarp .floorInfo  .btnWrap .btn{margin:0;}

.operatingHours{display:flex;display:-webkit-flex;flex-flow:row wrap;overflow:hidden;}
.operatingHours>li{position:relative;width:calc(100% / 5);margin:-1px 0 0 -1px;padding:4rem;border-right:none;box-sizing:border-box;text-align:center;background:url('/arthouse/assets/images/content/iconClock.png') 50% 3rem no-repeat;background-size:4.5rem 4.8rem;}
.operatingHours>li:nth-child(even){background-color:#f6f6f8;}
.operatingHours>li>dl{margin-top:5.5rem;}
.operatingHours>li>dl>dt>span{display:block;}

.flexBox{display:flex;display:-webkit-flex;flex-flow:row wrap;overflow:hidden;border-top:1px solid #585858;border-bottom:1px solid #999;}
.flexBox>li{position:relative;width:calc(100% / 2);box-sizing:border-box;margin:-1px 0 0 -1px;padding:4rem;border: 1px solid #ddd;border-right:none;}
.flexBox.li03>li{width:calc(100% / 3);}
.flexBox.li04>li{width:calc(100% / 4);}
.flexBox .infoDl{margin-top:0;}
.basicWarp .flexBox .sTitle{margin-top:0;}
.basicWarp .flexBox .btnWrap .btn{margin:1rem 0 0 0;}
.flexBox+p{margin-top:1rem;}
.flexBox .iconCall>dl, .flexBox .iconEmail>dl{margin-left:12.6rem;}
.flexBox .iconCall{position:relative;}
.flexBox .iconCall::before{position:absolute;display:block;content:'';width:9.6rem;height:9.6rem;border-radius:100%;background:#3b4054 url('/arthouse/assets/images/content/iconCall.png') center no-repeat;background-size:43px 45px;top:50%;margin-top:-4.8rem;}
.flexBox .iconEmail{position:relative;}
.flexBox .iconEmail::before{position:absolute;display:block;content:'';width:9.6rem;height:9.6rem;border-radius:100%;background:#3b4054 url('/arthouse/assets/images/content/iconEmail.png') center no-repeat;background-size:43px 36px;top:50%;margin-top:-4.8rem;}

.facilSlideWrap{margin-top:5rem;}
.facilSlideWrap .slider-for{margin:auto;width:828px;position:relative;}
.facilSlideWrap .slider-for .item .caption{display:block;color:#fff;font-size:1.8rem;line-height:6rem;height:6rem;background:rgba(5,27,38,0.9);position:absolute;bottom:0;width:100%;text-align:center;}
.facilSlideWrap .slider-nav{padding:0 25% 3rem;}
.facilSlideWrap .slider-nav .nav{margin:3rem .6rem 1rem;padding:0;position:relative;text-align:center;display:table;}
.facilSlideWrap .slider-nav .slick-list{padding: 0 !important}
.facilSlideWrap .slider-nav .slick-slide img{opacity:0.3;max-width:none;width:100%;}
.facilSlideWrap .slider-nav .slick-slide.slick-current img{opacity:1}
.facilSlideWrap .slick-dots{position: absolute;bottom:0;left:0;display:block;width:60%;margin:0 20%;padding:0;list-style:none;text-align:center;}
.facilSlideWrap .slick-dots li{position:relative;display:inline-block;padding:0 2px;cursor: pointer;vertical-align:top;}
.facilSlideWrap .slick-dots li button{font-size:0;line-height:0;display:block;width:12px;height:12px;border-radius:100%;background-color:#ddd;margin:0 8px;-webkit-transition:0.3s;transition:0.3s;padding:5px;border:0;}
.facilSlideWrap .slick-dots li.slick-active button{background-color:#3d52bb;}

.artistHouseMap{margin-top:5rem;background:url('/arthouse/assets/images/content/mapArtistHouse.jpg') top center no-repeat;width:100%;padding-top:42rem;position:relative;}
.artistHouseMap .text{background:#3d52bb;padding:20px 40px;box-sizing:border-box;}
.artistHouseMap .text address{color:#fff;font-size:18px;border-bottom:1px solid rgba(255,255,255,0.4);padding-bottom:10px;font-style:normal;word-break:keep-all;}
.artistHouseMap .text p{color:rgba(255,255,255,0.8);margin-top:10px;}
.artistHouseMap .btnNaver{position:absolute;right:2rem;top:2rem;}
.artistHouseMap .btnNaver a{display:inline-block;color:#fff;padding:1.25rem 4rem 1.25rem 2rem;margin:0;min-width:9rem;box-sizing:border-box;background:#383d53;position:relative;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.artistHouseMap .btnNaver a::before{width:7px;height:7px;background-color:transparent;content:'';margin-top:-4px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;top:50%;right:15px;bottom:auto;left:auto;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.artistHouseMap .btnNaver a:hover{background:#3d52bb;}
.artistHouseMap .btnNaver a:hover::before{border-color:#fff;}


/*20220308추가 예술가의집 MAP*/
.arkoMap{margin-top:5rem;background:url('/assets/images/content/arkoMap.gif') top center no-repeat;width:100%;padding-top:42rem;}
.arkoMap.house{background-image:url('/assets/images/content/houseMap.gif');}
.arkoMap .text{background:#09A281;padding:20px 40px;box-sizing:border-box;}
.arkoMap .text address{color:#fff;font-size:18px;border-bottom:1px solid rgba(255,255,255,0.4);padding-bottom:10px;font-style:normal;}
.arkoMap .text p{color:#fff; margin-top:10px;}


.mapInfo li{margin-top:3rem;}
.mapInfo dl{position:relative;}
.mapInfo dt{background:url('/arthouse/assets/images/content/iconMap.png') 0 4px no-repeat;background-size:16px 19px;font-family:'notokrMedium';color:#383d53;font-size:1.8rem;padding-left:3rem;position:absolute;width:15rem;}
.mapInfo dd{margin-left:15rem;display:table;width:calc(100% - 15rem);padding:.3rem 0 1rem;}
.mapInfo dd span{display:table-cell;}
.mapInfo dd span:first-child{width:24rem;}

.messageBox{margin-top:5rem;background:#383d53;padding:4rem;box-sizing:border-box;display:table;table-layout:fixed;width:100%;}
.messageBox > *{display:table-cell;vertical-align:middle;}
.messageBox .logo{width:22rem;text-align:center;}
.messageBox .logo .icon{display:block;background:#fff url('/arthouse/assets/images/content/iconClockNavy.png') center no-repeat; background-size:68px 72px;border-radius:100%;width:18rem;height:18rem;}
.messageBox .desc{padding:0;}
.messageBox strong{display:block;font-size:2.2rem;color:#fff;margin-bottom:1rem;}
.basicWarp .messageBox .dashLi>li, .basicWarp .messageBox .bulLi>li{color:rgba(255,255,255,0.7);margin-top:0;}
.messageBox .bulLi>li::before{background:rgba(255,255,255,0.7);}


.siteMap::after{content:'';display:block;clear:both;}
.siteMap>li{/*float:left;width:100%;margin-right:0;*/margin-top:5rem;box-sizing:border-box;}
/*.siteMap>li:nth-child(2n){margin-right:0;}*/
.siteMap>li>a{margin:0 0 2rem 0;padding:0;line-height:3rem;text-align:center;border:1px solid #3d52bb;color:#3d52bb;width:100%;padding:1rem 0;font-size:2rem;font-family:'notokrMedium';display:block;}
.siteMap .depth2>ul{/*margin:2rem 0 0;*/}
.siteMap .depth2>ul::after{content:'';display:block;clear:both;}
.siteMap .depth2>ul>li{float:left;width:22%;margin-right:4%;/*margin:0 0 1rem;padding:0 0 1rem;*/border-bottom:1px dashed #d8d8d8}
.siteMap .depth2>ul>li:nth-child(4n){margin-right:0;}
.siteMap .depth2>ul>li>a{display:block;padding:1.2rem 2rem;}
.siteMap .depth3{/*margin:1rem 0 0;*/padding:1rem 2rem;background:#f8f8f8;}
.siteMap .depth3>li{margin:0;padding:0}
.siteMap .depth3>li>a{display:inline-block;padding-left:1.5rem;font-size:1.5rem;color:#666;}


.tbCalendar{margin-top:3rem;}
.tbCalendar table{width:100%;table-layout:fixed;border-top:1px solid #585858;border-bottom:0;}
.tbCalendar table thead th{padding:15px 5px;border-bottom:1px solid #a0a0a0;color:#333;text-align:center;font-weight:normal;font-family:'notokrMedium';}
.tbCalendar table tbody td{border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;height:16rem;color:#808080;vertical-align:top;}
.tbCalendar table tbody td:first-child {border-left:0;}
.tbCalendar table tbody td em {display:block;height:4rem;line-height:4rem;padding-left:1rem;color:#333;font-style:normal;}
.tbCalendar table tbody td.today em {background:#3d52bb;color:#fff;}
.tbCalendar table tbody td em.lastMonth {color:#d8d8d8;font-weight:normal;}
.tbCalendar table tbody td.data_chk {background-color: #fae8ee;}
.tbCalendar table tbody td.data_chk em {background-color:#fff;}
.tbCalendar table tbody td em.holiday{color:#e85e54;font-family:'notokrMedium';}
.tbCalendar .list {padding:5px 10px;}
.tbCalendar .list > p {display:block;}
.tbCalendar .list > p input[type=checkbox]{vertical-align:middle;margin-right:.5rem;}
.tbCalendar .list > p label{vertical-align:middle;}
.rentalWrap .head{position:relative;width:36rem;margin:5rem auto 3rem;}
.rentalWrap .head .date{text-align:center;font-size:3rem;color:#333;line-height:44px;font-family:'notokrMedium';}
.rentalWrap .head .today{position:absolute;top:0;left:0;}
.rentalWrap .head .today a{display:block;width:88px;height:44px;line-height:42px;text-align:center;font-size:16px;color:#3d52bb;border:1px solid #3d52bb;box-sizing:border-box;}
.rentalWrap .head .control{position:absolute;right:0;top:0;}
.rentalWrap .head .control>button{text-indent:-9999px;border:1px solid #6d7885;box-sizing:border-box;width:44px;height:44px;}
.rentalWrap .head .control .prev{background:url('/assets/images/content/view_nav_prev.png') center no-repeat;background-size:11px 22px;right:43px;position:absolute;}
.rentalWrap .head .control .next{background:url('/assets/images/content/view_nav_next.png') center no-repeat;background-size:11px 22px;}

.selectTab{text-align:center;}
.selectTab>li{display:inline-block;position:relative;padding-left:1.5rem;font-size:1.8rem;margin:0 2rem;}
.selectTab>li::before{content:""; display:inline-block; position:absolute; top:50%; left:0; width:3px; height:12px; margin-top:-6px; background:#383d53; transform:rotate(30deg);}
.selectTab>li.active a{color:#3d52bb;}
.selectTab>li.active::before{background:#3d52bb;}

.infoWrap{margin-top:5rem;}
.infoWrap::after{content:'';display:block;clear:both;}
.infoWrap .infoLi{border:1px solid #eaeaea;box-sizing:border-box;padding:0;float:left;width:23.5%;margin-right:2%;}
.infoWrap .infoLi:last-child{margin-right:0;}
.infoWrap .infoLi .img{}
.infoWrap .infoLi .textBox{margin:2rem 3rem;}
.infoWrap .infoLi .textBox dt{font-family:'notokrMedium';color:#383d53;font-size:2.4rem;border-bottom:1px solid #b6b6b8;padding-bottom:2rem;}
.infoWrap .infoLi .textBox dd{margin-top:2rem;}
.infoWrap .infoLi .btnBox{margin-top:2rem;text-align:center;}
.infoWrap .infoLi .btnBox .btnApply{display:inline-block;color:#fff;padding:1.25rem 2rem;margin:0 .5rem;box-sizing:border-box;background:#3d52bb;position:relative;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.infoWrap .infoLi .btnBox .btnApply:hover{background:#383d53;}
.infoWrap .infoLi .btnBox .btn{display:block;line-height:6rem;background:#f6f6f8;margin-top:2rem;position:relative;text-align:left;box-sizing:border-box;padding:0 3rem;}
.infoWrap .infoLi .btnBox .btn::before{width:8px;height:8px;background-color:transparent;content:'';margin-top:-4px;border-top:1px solid rgba(0, 0, 0, 0.8);border-right:1px solid rgba(0, 0, 0, 0.8);position:absolute;top:50%;right:3rem;bottom:auto;left:auto;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}

.bgGrayBox .title{font-size:2rem;font-family:'notokrMedium';color:#383d53;line-height:4rem;vertical-align:middle;margin-right:2rem;}
.bgGrayBox .text{font-size:2rem;font-family:'notokrMedium';color:#383d53;line-height:4rem;vertical-align:middle;margin-right:2rem;}
.bgGrayBox .text strong{font-weight:normal;font-family:'notokrMedium';}
.bgGrayBox .inputSelect{border:1px solid #d9d9d9;display:inline-block;box-sizing:border-box;vertical-align:middle;margin-right:2rem;background:#fff;}
.bgGrayBox .inputSelect select{border:none;vertical-align:middle;box-sizing:border-box;height:40px;min-width:178px;padding-left:15px;background:url('/arthouse/assets/images/content/bgSelect.png') 90% center no-repeat #fff;background-size:11px 6px;font-size:1.6rem;}
/* 셀렉트상자 화살표삭제 */
.bgGrayBox .inputSelect select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
.bgGrayBox .inputSelect select::-ms-expand{display:none;}
.bgGrayBox .inputRadio{vertical-align:middle;display:inline-block;line-height:4rem;margin-left:2rem;}
.bgGrayBox .inputRadio label{font-size:1.6rem;}
.bgGrayBox .inputRadio input{margin-right:.5rem;}
.bgGrayBox .input{vertical-align:middle;font-size:1.6rem;width:24%;word-break:keep-all;display:inline-block;}
.bgGrayBox .input .inputSelect{margin-left:.5rem;}
.bgGrayBox .input .inputSelect select{min-width:80px;height:34px;}
.bgGrayBox .input input{margin-right:.5rem;}

.totalWrap{margin-top:5rem;}
.totalWrap dl{display:flex;display:-webkit-flex;flex-flow:row wrap;overflow:hidden;}
.totalWrap dt, .totalWrap dd{position:relative;box-sizing:border-box;font-size:2.2rem;padding:4rem;font-family:'notokrMedium';}
.totalWrap dt{width:40%;background:#3d52bb;color:#fff;}
.totalWrap dd{width:60%;background:#f6f6f8;text-align:right;color:#383d53;}
.totalWrap p{margin-top:2rem;}

a.btnDelete{display:inline-block;font-size:1.5rem;vertical-align:middle;box-sizing:border-box;padding:0 1.5rem;line-height:3rem;border:1px solid #383d53;}


h4.sTitle+div.formWrap{margin-top:1rem;}
.formWrap{margin-top:5rem;border-top:1px solid #585858;}
.formWrap>dl{display:table;width:100%;min-height:6.8rem;}
.formWrap .label,  .formWrap .inputWrap{display:table-cell;padding:1.6rem 2.4rem;border-bottom:1px solid #dedede;vertical-align:middle;box-sizing:border-box;}
.formWrap .label{width:20rem;background:#f6f6f8;color:#222;font-family:'notokrMedium';}
.formWrap .inputWrap label{margin-right:2rem;}
.formWrap input[type="radio"]{margin-right:.8rem;}
.formWrap .inputWrap .full{width:100%;}
.formWrap .inputWrap .num{width:15rem;}
.formWrap input, .formWrap select{height:3.5rem;width:35rem;}
.formWrap input[type="radio"], .formWrap input[type="checkbox"]{width:auto;height:auto;}
.formWrap .inputWrap.address .full{margin-top:.8rem;}
.formWrap .address .btn{display:inline-block;vertical-align:middle;box-sizing:border-box;padding:0 1.5rem;line-height:3.3rem;border:1px solid #383d53;background:transparent;font-family:'notokrRegular';}
.formWrap .inputWrap>span{display:block;margin-top:.8rem;}
.formWrap .inputWrap>span:first-child{margin-top:0;}
.formWrap .inputWrap>span input[type="text"]{margin-left:1rem;}
.formWrap .inputWrap .info{margin-top:.8rem;}
.formWrap .inputWrap .file button{display:inline-block;vertical-align:middle;box-sizing:border-box;padding:0 4rem 0 1.5rem;line-height:3.5rem;background:#8187a1;font-family:'notokrRegular';color:#fff;border:none;position:relative;}
.formWrap .inputWrap .file button.add::before{width:12px;height:2px;background-color:#fff; content:''; position:absolute; top:17px; right:13px;}
.formWrap .inputWrap .file button.add::after{width:2px;height:12px;background-color:#fff; content:''; position:absolute; top:12px; right:18px;}
.formWrap .inputWrap .file button.delete::before{width:12px;height:2px;background-color:#fff; content:''; position:absolute; top:17px; right:13px;}

.bgGrayBox.rentalComplete{position:relative;padding:24.2rem 4rem 4rem;}
.bgGrayBox.rentalComplete p{text-align:center;font-size:2.2rem;margin-top:1rem;color:#383d53;line-height:1.6;}
.rentalComplete .icon{position:absolute;width:192px;height:192px;background:#fff url('/arthouse/assets/images/content/iconRentalComplete.png') center no-repeat;background-size:68px 92px;border-radius:100%;left:50%;margin-left:-96px;top:4rem;}


@media all and (max-width : 1420px){

}

@media all and (max-width : 1200px){
.mapInfo dd span{display:block;}
.mapInfo dd span:first-child{width:100%;}
}

@media all and (max-width : 1080px){
.imgBox.imgBox01 .txtWrap .title::after{top:9rem;}
.dataTable{overflow-x:auto;}
.dataTable table{min-width:1024px;}
.tbCalendar{overflow-x:auto;}
.tbCalendar table{width:200%;}
.infoWrap .infoLi{width:48%;margin-right:0;}
.infoWrap .infoLi:nth-child(even){margin-left:4%;}
.infoWrap .infoLi:nth-child(3), .infoWrap .infoLi:nth-child(4){margin-top:3rem;}

.bgGrayBox .input{width:30%;}
}

@media all and (max-width : 1024px){
.basicWarp, .tabMenu>li>a, .infoDl>dt, .selectTab>li, .dataTable th, .dataTable td{font-size:1.6rem;}
.bulLi>li, .dashLi>li{line-height:1.8;}

.siteMap .depth2>ul>li{width:48%;}
.siteMap .depth2>ul>li:nth-child(2n){margin-right:0;}
}

@media all and (max-width : 960px){
.imgBox .bgImg{width:100%;top:4rem;left:4rem;}
.imgBox .txtWrap{position:static;width:100%;padding-top:43.5rem;background:none;}
.imgBox.imgBox01 .txtWrap .title::after{top:5rem;}
.bgGrayBox .input{width:48%;margin-bottom:.5rem;}

.formWrap .email input, .formWrap .email select{width:20rem;}
}

@media all and (max-width : 812px){
.imgBox::before{height:30rem;}
.imgBox .txtWrap{padding-top:36rem;}

.facilSlideWrap .slider-for{width:100%;}

.formWrap input, .formWrap select{width:30rem;}
.formWrap .email input, .formWrap .email select{width:16rem;}
.formWrap .inputWrap .num{width:12rem;}
}

@media all and (max-width : 768px){
.history .year{width:18rem;font-size:2.8rem;}
.history dd{margin-left:20rem;}
.imgBox::before{display:none;}
.imgBox .bgImg{position:static;height:auto;}
.imgBox .txtWrap{padding:1rem 0 0 0;}
.imgBox .txtWrap .title{font-size:2.2rem;}
.floorInfo{margin-top:3rem;}
.floorInfo>li{padding:2rem;}
.operatingHours>li{width:calc(100% / 2);}
.operatingHours>li:nth-child(even){background-color:#fff;}
.operatingHours>li:nth-child(2), .operatingHours>li:nth-child(3){background-color:#f6f6f8;}
.flexBox>li{padding:2rem;}
.flexBox .iconCall, .flexBox .iconEmail{padding:3rem 2rem;}
.selectTab>li{margin:0 1.5rem 0 0;}
.selectTab>li:last-child{margin-right:0;}
.bgGrayBox .text{display:block;}

.formWrap .email input{width:42%;}
.formWrap .email select{width:100%;margin-top:.8rem;}
.formWrap .file input{width:26rem;}
}

@media all and (max-width : 736px){

}

@media all and (max-width : 640px){
.bgGrayBox{padding:2rem;}
.messageBox > *{display:block;}
.messageBox .logo{width:100%;}
.messageBox .logo .icon{margin:auto;}
.messageBox .desc{margin-top:2rem;}

.step.col6>li{width:32%;margin-right:2%;}
.step.col6>li:nth-child(3n){margin-right:0;}

.selectTab>li a{line-height:2;}
.selectTab>li{margin-right:2rem;}

.infoWrap .infoLi{float:none;width:100%;}
.infoWrap .infoLi:nth-child(even){margin-left:0;}
.infoWrap .infoLi:nth-child(2){margin-top:3rem;}

.bgGrayBox .title, .bgGrayBox .text{font-size:1.8rem;}
.totalWrap{margin-top:3rem;}
.totalWrap dt, .totalWrap dd{padding:2rem;width:100%;text-align:center;}

.formWrap .label, .formWrap .inputWrap{display:block;}
.formWrap .label{width:100%;}
.formWrap .label br{display:none;}

.bgGrayBox.rentalComplete .btnWrap.reserve{margin-top:2rem;}

.siteMap>li:first-child{margin-top:3rem;}
.textWrap{margin-top:3rem;}

.flexBox.li03>li{width:100%;}
}

@media all and (max-width : 568px){
.mapInfo li{margin-top:2rem;}
.mapInfo dt{position:static;margin-bottom:.5rem;}
.mapInfo dd{margin-left:0;width:auto;}
.mapInfo dd span{font-size:1.5rem;}
.flexBox .iconCall>dl, .flexBox .iconEmail>dl{margin-left:12rem;}
.flexBox .iconCall dd, .flexBox .iconEmail dd{word-break:break-all;}
.flexBox .iconCall, .flexBox .iconEmail{padding:2rem 1rem;}

.siteMap .depth2>ul>li{width:100%;margin-right:0;}
}

@media all and (max-width : 480px){
.basicWarp{font-size:1.5rem;}
.basicWarp .title{font-size:2rem;margin-top:3rem;}
.basicWarp .sTitle{font-size:1.8rem;margin-top:2rem;}
.bgGrayBox>p{margin-top:2rem;}
.buildHistory>li{float:none;margin-right:0;width:100%;border:none;}
.buildHistory .img{padding:2rem 1rem;}
.buildHistory .caption{height:5rem;}
.history .year{width:14rem;font-size:2.6rem;line-height:1.2;}
.history dd{margin-left:16rem;word-break:keep-all;}
.imgBox .txtWrap .title{font-size:2rem;margin-top:1rem;}
.imgBox .txtWrap .title::after{width:2rem;}
.floorInfo>li{width:100%;}
.floorInfo .imgCenter{text-align:left;}
.facilSlideWrap{margin-top:3rem;}
.facilSlideWrap .slider-for .item .caption{font-size:1.6rem;height:5rem;line-height:5rem;}
.facilSlideWrap .slider-nav .slick-list{display:none;}
.facilSlideWrap .slider-for{margin-bottom:1.5rem;}
.facilSlideWrap .slick-dots{width:100%;margin:0;}
.artistHouseMap{margin-top:2rem;}
.artistHouseMap .text{padding:2rem;}
.artistHouseMap .btnNaver{top:0;right:0;}
.flexBox>li{width:100%;}
.operatingHours>li{padding:2rem;background-position-y:2rem;}
.basicWarp .operatingHours .sTitle{font-size:1.6rem;}
.messageBox{margin-top:3rem;padding:3rem;}
.messageBox strong{font-size:2rem;}
.messageBox .logo .icon{width:16rem;height:16rem;}
.step.col6>li{float:none;margin-right:0;width:100%;margin-top:0;}
.step .con p{height:auto;}
.btnWrap.reserve{margin-top:3rem;}
.flexBox .iconCall>dl, .flexBox .iconEmail>dl{margin-left:10rem;}
.flexBox .iconCall::before, .flexBox .iconEmail::before{width:8rem;height:8rem;margin-top:-4rem;}

.rentalWrap .head{width:100%;margin-top:1rem;}
.rentalWrap .head .date{font-size:2.4rem;}

.btnWrap+.sTitle{margin-top:4rem;}

.infoWrap{margin-top:3rem;}
.infoWrap .infoLi .textBox{margin:2rem;}
.infoWrap .infoLi .textBox dt{font-size:2.2rem;}
.infoWrap .infoLi .btnBox .btn{padding:0 2rem;}
.infoWrap .infoLi .btnBox .btn::before{right:2rem;}

.bgGrayBox .input{width:100%;}
.bgGrayBox .inputSelect{margin-right:0;}

.formWrap input{width:100%;}
.formWrap .inputWrap>span input{width:60%;}
.formWrap .address .btn{width:100%;margin-top:.8rem;}
.formWrap .inputWrap .num{width:30%;}
.formWrap .inputWrap .file button{padding-right:3rem;}
.formWrap .inputWrap>span.file input{width:50%;}

.bgGrayBox.rentalComplete{padding:22.2rem 2rem 2rem;}
.rentalComplete .icon{top:2rem;}
.bgGrayBox.rentalComplete p{font-size:2rem;}


.tabMenu{overflow-y:hidden;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.tabMenu::-webkit-scrollbar{display:none;}
.tabMenu>li{float:none;display:inline-block;border:none;}
.tabMenu>li>a{padding:1.2rem 2rem;}
.tabMenu>li.active{border:none;}
.tabMenu>li.active>a{position:relative;}
.tabMenu>li.active>a::before{content:'';display:block;width:100%;height:2px;background-color:#3d52bb;position:absolute;bottom:0;left:0}
.tabMenu.li4>li{width:auto;}

.siteMap>li{margin-top:2rem;}
.siteMap>li>a{font-size:1.8rem;}
.siteMap>li:first-child{margin-top:0;}

.sTabMenu{overflow-y:hidden;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.sTabMenu::-webkit-scrollbar{display:none;}
.sTabMenu>li{float:none;display:inline-block;}
.sTabMenu>li>a{padding:1.2rem 2rem;border:none;line-height:35px;}
.sTabMenu>li:first-child>a{border:none;}
.sTabMenu.li2>li{width:auto;}
}

@media all and (max-width : 414px){
.imgBox.imgBox01 .txtWrap .title::after{top:8rem;}
}

@media all and (max-width : 375px){
.history .year{width:12rem;font-size:2.4rem;}
.history dd{margin-left:14rem;}
}


@media all and (max-width : 360px){
.history .year{width:9rem;font-size:2.2rem;}
.history dd{margin-left:11rem;}
.floorInfo>li{padding:2rem 1rem;}
.facilSlideWrap .slider-for{margin-bottom:1rem;}
.messageBox{padding:2rem;}
.bgGrayBox .title, .bgGrayBox .text{font-size:1.6rem;}
.formWrap .label, .formWrap .inputWrap{padding:1.6rem 1rem;}
.formWrap .inputWrap>span.file input{width:45%;}
.operatingHours>li{width:100%;}
.operatingHours>li:nth-child(3){background-color:#fff;}
.operatingHours>li:nth-child(4){background-color:#f6f6f8;}
}

@media all and (max-width : 320px){
.bgGrayBox{padding:2rem 1rem;}
.artistHouseMap .text{padding:2rem 1rem;}
.operatingHours>li{padding:2rem 1rem;}
.messageBox{padding:2rem 1rem;}
.infoWrap .infoLi .textBox{margin:2rem 1rem;}
.infoWrap .infoLi .btnBox .btn{padding:0 1rem;}
.infoWrap .infoLi .btnBox .btn::before{right:1rem;}
.basicWarp .btnWrap .btn, .basicWarp .btnWrap .btnNavy{min-width:9rem;}
.basicWarp .btnWrap .btnNavy, .basicWarp .btnWrap .btn{margin:0 .5rem;}
}