@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;}
.textOrange{color:#f77636 !important;}
.textGreen{color:#3ab449 !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:#666;}
.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.8rem;}
.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%;}

.tabWrap .sTabMenu{margin-top:3rem;}
.tabWrap .tabCon{margin-top:3rem;display:none;font-size:1.8rem;}
.tabWrap .tabCon.active{display:block;}


.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;}

.basicWarp .numLi .num{position:absolute;top:1px;left:0;width:2.4rem;}
.basicWarp .numLi>li{position:relative;display:block;padding-left:2.4rem;word-break:keep-all;margin-top:1.2rem;line-height:1.8;}

.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';}
.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;}

.basicWarp .title+.bgGrayBox{margin-top:2rem;}

.bgGrayBox{background:#f6f6f8;padding:4rem;margin-top:3rem;}
.bgGrayBox>p{margin-top:3rem;word-break:keep-all;}
.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{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:2.5rem;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;}

.basicWarp .floorInfo .sTitle{margin-top:0;}

.basicWarp .floorInfo.archive .title{margin-top:0;}
.floorInfo.archive .bulLi>li{line-height:1.8;}
.basicWarp .floorInfo.archive .btnWrap .btn{min-width:28.5rem;}
.floorInfo.archive .btnWrap{margin-top:1rem;}
.floorInfo.archive .bulLi{margin-bottom:3rem;}

.operatingHours{display:flex;display:-webkit-flex;flex-flow:row wrap;overflow:hidden;}
.operatingHours>li{position:relative;width:calc(100% / 4);margin:-1px 0 0 -1px;padding:4rem;border-right:none;box-sizing:border-box;text-align:center;background:url('/insa/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.li04>li{width:calc(100% / 4);word-break:keep-all;}
.flexBox .infoDl{margin-top:0;}
.basicWarp .flexBox .sTitle{margin-top:0;}
.basicWarp .flexBox dd+.sTitle{margin-top:2rem;}
.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('/insa/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('/insa/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;}

.archiveMap{margin-top:5rem;background:url('/biennale/assets/images/content/mapArchive.jpg') top center no-repeat;width:100%;padding-top:42rem;position:relative;}
.archiveMap .text{background:#3d52bb;padding:20px 40px;box-sizing:border-box;}
.archiveMap .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;}
.archiveMap .text p{color:rgba(255,255,255,0.8);margin-top:10px;}
.archiveMap .btnNaver{position:absolute;right:2rem;top:2rem;}
.archiveMap .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;}
.archiveMap .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);}
.archiveMap .btnNaver a:hover{background:#3d52bb;}
.archiveMap .btnNaver a:hover::before{border-color:#fff;}
#tabCon02 .archiveMap{background-image:url('/biennale/assets/images/content/mapArchive02.jpg');}


.mapInfo li{margin-top:3rem;}
.mapInfo dl{position:relative;}
.mapInfo dt{background:url('/biennale/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('/insa/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('/insa/images/content/view_nav_prev.png') center no-repeat;background-size:11px 22px;right:43px;position:absolute;}
.rentalWrap .head .control .next{background:url('/insa/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);}

.basicWarp .bgGrayBox .title{margin-top:0;}
.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('/insa/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('/insa/assets/images/content/iconRentalComplete.png') center no-repeat;background-size:68px 92px;border-radius:100%;left:50%;margin-left:-96px;top:4rem;}

.facilInfo{display:block;}
.facilInfo::after{clear:both;display:block;content:'';}
.facilInfo *{transition: .2s;-webkit-transition: .2s;}
.facilInfo{display:block;width:100%;margin:5rem auto;}
.facilInfo li{float:left;width:48%;margin-left:4%;}
.facilInfo li:first-child{margin-left:0;}
.facilInfo li a{ display: block; width: 100%; height: 100%; background-color:#fff; overflow: hidden;}
.facilInfo li .imgWrap{display: block; width: 100%; }
.facilInfo li .imgWrap .thumb{ display: block; /*width: 200%; height: 100%; margin-left: -50%;*/ text-align: center; }
.facilInfo li .imgWrap .thumb img{ /*height: 100%; max-width: none;*/}
.facilInfo li .txtWrap{ display:block; padding: 30px; background-color: #f6f6f8;}
.facilInfo li .infoTit{display:block;color:#383d53;font-family:'notokrMedium';font-size:2.5rem;margin-bottom:2rem;}
.facilInfo li .infoMore{display:inline-block;font-style: normal; color:#555;position:relative;padding-right:5rem;}
.facilInfo li .infoMore::before{width:8px;height:8px;background-color:transparent;content:'';margin-top:-4px;border-top:1px solid #555;border-right:1px solid #555;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);}
.facilInfo li a:hover,
.facilInfo li a:focus{ margin-top: -30px; box-shadow: 10px 10px 15px rgba(0,0,0,0.15);}
.facilInfo li a:hover .txtWrap,
.facilInfo li a:focus .txtWrap{background:#3d52bb;}
.facilInfo li a:hover .infoTit,
.facilInfo li a:focus .infoTit,
.facilInfo li a:hover .infoMore,
.facilInfo li a:focus .infoMore{ color: #fff; }
.facilInfo li a:focus .infoMore::before, .facilInfo li a:hover .infoMore::before{border-color:#fff;}

.cautionBox{padding:5rem;border-bottom:1px solid #e0e0e0;}
.cautionBox::after{display:block;clear:both;content:'';}
.cautionBox .info{float:left;width:30rem;font-size:2.2rem;font-family:'notokrMedium';color:#383d53;box-sizing:border-box;background:url('/biennale/assets/images/content/iconInfo.png') 0 .8rem no-repeat;background-size:20px 20px;padding-left:3.5rem;}
.cautionBox .bulLi{width:calc(100% - 30rem);float:left;}
.cautionBox .bulLi>li{margin-top:0;}

.siteLink{margin-top:5rem;overflow:hidden;border-top:1px solid #d7d7d7;border-left:1px solid #d7d7d7;}
.siteLink li{float:left;width:20%;}
.siteLink li>a{display:block;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;line-height:60px;box-sizing:border-box;padding:0 20px;background:url('/biennale/assets/images/content/iconOpenBlank.png') 90% 50% no-repeat;background-size:15px 15px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.siteLink li>a:hover{background-image:url('/biennale/assets/images/content/iconOpenBlankOv.png');color:#3d52bb;border-bottom:1px solid #3d52bb;}
.specialSite{margin-top:40px; margin-bottom: 40px;}
.specialSite li{width:40%; }
.specialSite li>a{display:block;border:1px solid #d7d7d7;box-sizing:border-box;padding:15px 20px;background:url('/biennale/assets/images/content/iconOpenBlank.png') 90% 50% no-repeat;background-size:15px 15px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.specialSite li>a:hover{background-image:url('/biennale/assets/images/content/iconOpenBlankOv.png');color:#3d52bb;border-bottom:1px solid #3d52bb;}



@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, .sTabMenu>li>a, .tabWrap .tabCon{font-size:1.6rem;}
.bulLi>li, .dashLi>li{line-height:1.8;}

.cautionBox{padding:4rem;}
.cautionBox .info{width:20rem;font-size:2rem;}
.cautionBox .bulLi{width:calc(100% - 20rem);}
.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;}
.flexBox>li{padding:2rem;}
.flexBox.li04>li{width:calc(100% / 2);}
.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;}

.siteLink li{width:25%;}

}

@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;}

.tabWrap .sTabMenu{margin-top:1rem;}
.boardView{margin-top:3rem;}

.facilInfo li .infoTit{font-size:2.2rem;margin-bottom:1rem;}
.facilInfo li .txtWrap{padding:2rem;}

.cautionBox .info{width:16rem;}
.cautionBox .bulLi{width:calc(100% - 16rem);}
.cautionBox{padding:4rem 2rem;}
.siteMap>li:first-child{margin-top:3rem;}
}

@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;}
.floorInfo>li{width:100%;}
.floorInfo .imgCenter{text-align:left;}
.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;}

.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;}
.archiveMap{margin-top:2rem;}
.archiveMap .text{padding:2rem;}
.archiveMap .btnNaver{top:0;right:0;}
.flexBox>li, .flexBox.li04>li{width:100%;}
.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;margin-top:3rem;}
.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.li3>li{width:auto;}
.tabMenu.li4>li{width:auto;}

.facilInfo{margin-top:3rem;}
.facilInfo li{float:none;margin-left:0;width:100%;}
.facilInfo li .infoTit{font-size:2rem;}
.facilInfo li .infoMore::before{width:6px;height:6px;right:3.5rem;}

.cautionBox .bulLi>li::before{top:12px;}

.siteLink{margin-top:3rem;}
.siteLink li{width:50%;}


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

@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;}

.cautionBox .info, .cautionBox .bulLi{float:none;width:auto;}
.cautionBox .bulLi{margin-left:35px;margin-top:1rem;}
}


@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%;}
.tabMenu.li2>li{width:auto;}
}

@media all and (max-width : 320px){
.bgGrayBox{padding:2rem 1rem;}
.archiveMap .text{padding:2rem 1rem;}
.flexBox>li{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;}
.facilInfo li .txtWrap{padding:2rem 1rem;}

}