@charset "utf-8";





                        /*
                                                          subpage                                   //
                        */





.path-title{display:none; position:relative; margin-bottom:50px; height:400px;  box-sizing:border-box; padding:15px 15px 5px 15px; z-index:11;}



.tableArea{}
.tableArea + .tableArea{margin-top:100px;}
.tableArea h2.title{font-size:25px; margin-bottom:20px;}
.tableArea h2.title i{display:inline-block; font-style:normal; font-size:15px; margin-left:40px; font-weight:normal;}
.tableArea table{text-align:left;}
.tableArea table.center{text-align:center;}
.tableArea table tr{}
.tableArea table tr:hover{background:}
.tableArea table tr th{padding:10px 5px; border-top:1px solid #000; border-bottom:1px solid #000; width:50%; vertical-align:middle;}
.tableArea table tr td{padding:10px 5px; border-top:1px solid #000; border-bottom:1px solid #000; width:50%; vertical-align:middle;}
.tableArea table thead{background:#f9f9f9;}
.tableArea table thead tr{}
.tableArea table thead tr th{}
.tableArea table tbody{}
.tableArea table tbody tr{}
.tableArea table tbody tr th{}
.tableArea table tbody tr td{}

.tableArea table.bg-fff{background:#fff;}
.tableArea table.type1 th{border:1px solid #eee;}
.tableArea table.type1 th:first-child{border-left:0;}
.tableArea table.type1 th:last-child{border-right:0;}
.tableArea table.type1 td{border:1px solid #eee;}
.tableArea table.type1 td:first-child{border-left:0;}
.tableArea table.type1 td:last-child{border-right:0;}

.tableArea table.top-border{border-top:2px solid #333;}
.tableArea table.middle th,
.tableArea table.middle td{vertical-align:middle;}
.tableArea table.th-cen th{text-align:center;}
.tableArea table select{padding:5px 20px; height:auto;}

.tableArea .left{text-align:left !important;}


@media all and (min-width:768px){
  .tableArea h2.title{font-size:35px;}
  .tableArea table tr th{padding:15px 10px; font-size:17px;}
  .tableArea table tr td{padding:15px 10px; font-size:17px;}
}


span.dot.bottom{position:relative;}
span.dot.bottom:after{position:absolute; bottom:10px; right:-15px; width:3px; height:3px; border-radius:50%; content:""; background:#193c86;}

@media all and (min-width:768px){
  span.dot.bottom:after{width:6px; height:6px;}
}




.top-tabArea{display:none; margin-bottom:40px;}
.top-tabArea.display{display:block;}
.top-tabArea ul{}
.top-tabArea ul li{font-size:12px; padding:0 20px; height:30px; line-height:28px; background:#f9f9f9; color:#999; border:1px solid #ddd; border-bottom-color:#333; cursor:pointer; margin-left:-1px; position:relative; z-index:10;}
.top-tabArea ul li:hover{}
.top-tabArea ul li.on{border-color:#333; color:#000; z-index:11; border-bottom:0; font-weight:500; background:#fff;}

.make-tab .tableArea{display:none;}
.make-tab .tableArea.on{display:block; margin-top:0;}

@media all and (min-width:768px){
  .top-tabArea{margin-bottom:60px;}
  .top-tabArea ul li{font-size:17px; height:50px; line-height:48px; padding:0 60px;}
}




















span.l{position:relative; display:block; margin-bottom:3px; padding-left:8px; box-sizing:border-box;}
span.l:after{position:absolute; top:8px; left:0;  width:3px; height:3px; background:#ccc; border-radius:50%; content:"";}
span.l-num{position:relative; display:block; margin-bottom:3px; padding-left:8px; box-sizing:border-box;}
span.l-num span{position:absolute; top:4px; left:-13px;  line-height:1; padding:1px 5px; font-size: 10px;  background:#000; color:#fff; border-radius:5px;  }


@media all and (min-width:768px){

  span.l{padding-left:15px; }
  span.l:after{top:10px; left:0; width:4px; height:4px; }
  span.l-num{padding-left:15px; }
  span.l-num span{top:5px; left:-10px;  font-size:13px;}

}




.board_lnb{margin-bottom:20px;}
.board_lnb ul{}
.board_lnb ul li{margin-right:10px;}
.board_lnb ul li a{display:inline-block; padding:7px 20px; background:#fbf8f4; border-radius:10px; transition:0.3s;}
.board_lnb ul li.on a{color:#193c86; font-weight:bold;   }
.board_lnb ul li a:hover{color:#999;}








#sub-cont{_padding:0 15px;  box-sizing:border-box; }
#sub-cont>.in{_max-width:1400px; margin:0 auto;}














/* board */



#sub-cont.board-sub{}
#sub-cont.board-sub>.in{}
#sub-cont.board-sub .left-section{}
#sub-cont.board-sub .left-section h2{font-weight:500;  font-size:20px;}
#sub-cont.board-sub .left-section h2 span{}

#sub-cont.board-sub .right-section{ max-width:1200px; margin-top:40px;}







#bo_cate{white-space:nowrap; overflow-x:auto; margin:0 -10px; padding:0 10px; margin-top:-20px;  box-sizing:border-box;}
#bo_cate a{}
#bo_cate ul{}
#bo_cate ul li{ margin-right:15px; height:40px; line-height:40px;}
#bo_cate ul li.all{display:none;}
#bo_cate ul li a{display:block; font-size:15px;}
#bo_cate ul li.on a{color:var(--c1)}
#bo_cate ul li.on a:after{opacity:1;}
#bo_cate ul li a:hover:after{opacity:0.4;}

#bo_cate::-webkit-scrollbar{width:9px; height:9px; opacity:0; display:none;}
#bo_cate::-webkit-scrollbar-button{display:none; height:9px; background:#999;}
#bo_cate::-webkit-scrollbar-thumb{width:9px; height:9px; background:#999; border-radius:5px;}
#bo_cate::-webkit-scrollbar-track{background:#fff;}

.list-area{}
.list-area .titleArea li{display:none;}
.list-area .titleArea li.on{display:block; font-size:15px;}

@media all and (min-width:768px){

  #sub-cont.board-sub .cont{display:flex;}

  #sub-cont.board-sub .left-section{width:200px;}
  #sub-cont.board-sub .left-section h2{font-size:30px; }
  #sub-cont.board-sub .right-section{width:calc(100% - 220px); margin-top:0;;}
  #sub-cont.board-sub .right-section li.on{ font-size:26px;}
  #sub-cont.board-sub.no-left .left-section{display:none;}
  #sub-cont.board-sub.no-left .right-section{width:100%;}

  #bo_cate{white-space:normal; overflow:initial;  margin:0; padding:0; padding-top:150px;   height:100%;}
  #bo_cate ul{padding:0; position:sticky; top:20px;}
  #bo_cate ul li{display:block; margin:0; height:auto; line-height:1.4;}
  #bo_cate ul li a{display:inline-block; position:relative; font-size:26px;}
  #bo_cate ul li a:after{position:absolute; bottom:0; left:0; width:0; height:2px;  content: ""; background:var(--c1);  transition: 0.2s;}
  #bo_cate ul li a:hover:after{opacity:1; width:100%;}


}



.board-info{margin-top:20px; text-align:center;}
.board-info h2{font-weight:normal; font-size:14px; }
.board-info ul{margin-top:20px;}
.board-info ul li{margin-right:10px; font-size:12px; }
.board-info ul li a{transition:0.3s;}
.board-info ul li a:hover{color:var(--c1);}

#bo_v header h2{font-size:14px; font-weight:400; margin-bottom:30px;}
#bo_v header p{font-size:14px;}
#bo_v_con{font-size:14px; font-weight:400; min-height:initial; line-height:1.8; word-break:inherit;}

#bo_v_top{margin-top:50px; text-align:center;}
#bo_v_top i{display:none;}
#bo_v_top li{margin-right:10px;}
#bo_v_top li a{color:#999;}
#bo_v_top li a:hover{color:#000;}


#bo_v_link,
#bo_v_file{display:none;}
#bo_v_img:after{display:none;}
#bo_v_img img{max-height:calc(100vh - 100px); object-fit:cover; object-position:center; width:initial !important;}

@media all and (min-width:768px){

  .board-info{text-align:initial; display:flex; justify-content:space-between; align-items:center;}
  .board-info h2{font-size:15px;}
  .board-info ul{display:flex; width:auto; margin:0;}
  .board-info ul li{font-size:20px; margin-left:15px; margin-right:0;}
  .board-info ul li a{}

  #bo_v header{ margin-bottom:70px;}
  #bo_v header h2{font-size:20px; margin-bottom:70px;}
  #bo_v header h2 span{font-size:26px;}
  #bo_v header p{font-size:19px; color:#999;}
  #bo_v_con{font-size:17px;}

  #bo_v_top{text-align:initial;}
  #bo_v_top li{font-size:14px;}


}

#bo_gall #gall_ul{}
#bo_gall #gall_ul .grid-sizer,
#bo_gall #gall_ul .item{width:calc(100% / 1 - 20px); _height:150px; overflow:hidden; margin-bottom:30px; box-sizing:border-box;}
#bo_gall #gall_ul .item.tall{_height:320px;}
#bo_gall #gall_ul .item.wide{_width:calc(100% / 1 - 20px);}
#bo_gall #gall_ul .gall_box{height:100%;}
#bo_gall #gall_ul .gall_con{height:100%;}
#bo_gall #gall_ul .gall_img{height:100%;}
#bo_gall [id*="gall_ul"] .gall_img a{position:relative; height:100%; display:block;}
#bo_gall [id*="gall_ul"] .gall_img a p{opacity:0; position:absolute; top:10px; left:0; width:100%; height:100%; display:flex; background:#fff; box-sizing:border-box; padding:10px; font-size:12px; line-height:1.3; align-items:center; justify-content:center;  flex-direction:column; text-align:left; transition:0.3s;}
#bo_gall [id*="gall_ul"] .gall_img a p i{width:100%; font-size:11px; margin-bottom:3px; display:none;}
#bo_gall [id*="gall_ul"] .gall_img a p span{display:block; font-weight:600; width:100%;}
#bo_gall [id*="gall_ul"] .gall_img img{width:100%; height:100%; object-fit:cover; object-position:center;}

#sub-cont[board-name="Exhibition"] #bo_gall #gall_ul .item{border:1px solid #000;}



@media all and (min-width:1200px){

  #bo_gall #gall_ul .grid-sizer,
  #bo_gall #gall_ul .item{width:calc(100% / 2 - 20px); _height:200px;}
  #bo_gall #gall_ul .item.tall{_height:350px;}
  #bo_gall #gall_ul .item.wide{_width:calc(100% / 2 - 20px);}
  #bo_gall [id*="gall_ul"] .gall_img a{}
  #bo_gall [id*="gall_ul"] .gall_img a p i{font-size:14px; margin-bottom:8px;}
  #bo_gall [id*="gall_ul"] .gall_img a p span{font-size:17px;}
  #bo_gall [id*="gall_ul"] li:hover .gall_img a p{opacity:1; top:0;}
}


@media all and (min-width:1500px){

  #bo_gall #gall_ul .grid-sizer,
  #bo_gall #gall_ul .item{width:calc(100% / 4 - 20px);}
}




#gall_allchk{}
.list-area .chk_box:not(#gall_allchk){height:0;}


#flipbook{position:relative; background:#f4f4f4; transition:0.3s;}
#flipbook .loading{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:30px; z-index:100;}
#flipbook .loading i{}
#flipbook.on{background:transparent;}
#flipbook.on .loading{display:none;}
.flipbook{position:relative; opacity:0; width: 100%; max-width: 1400px; height: auto; aspect-ratio: 2 / 1; overflow:hidden; transition:0.3s;}
#flipbook.on .flipbook{opacity:1;}
.page-wrap {width: 50%; height: auto; aspect-ratio: 700 / 1400; background: white; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.page-wrap img {width: 100%; height: 100%; object-fit: cover;}

.flipbook-viewport .container {position: relative; width:100%;  }
.flipbook-viewport .flipbook {position: relative; width:100%; height: 600px;  border:1px solid #ddd; box-sizing:border-box; transition:0.3s;}
.flipbook-viewport .page {width:50%; height: 600px; }
.flipbook .page {_box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.flipbook-viewport .page img {user-select: none; margin: 0; display: block; width: 100%; height: 100%; object-fit: cover; transition:0.3s;}
.flipbook-viewport .shadow {_box-shadow: 0 0 20px #ccc;}
.cover {width: 100%; height: 100%; overflow: hidden; background: #c5d6f7;}
.page-wrap {background-color: #f9fafe !important; display: flex; flex-direction: column; overflow: hidden; color: #111;}
.column {width: 200px;}
.next-btn, .prev-btn {  border-radius: 50%; border: none; padding: 8px 16px; font-size: 21px; cursor: pointer;}
.controls {width:100%;  display: flex;  gap: 20px;}

/* .page-wrapper{height:100% !important;}
.page-wrapper>div{height:100% !important;}
.page-wrapper>div>div.page{height:100% !important;} */





#bo_v_atc .iframe-wrapper{padding:56.25% 0 0 0;  position:relative;}
#bo_v_atc .iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}



#sub-cont.cv{}
#sub-cont.cv>.in{}

#sub-cont.cv article{}
#sub-cont.cv article ul{}
#sub-cont.cv article ul + ul{margin-top:20px;}
#sub-cont.cv article ul li{display:flex; font-size:12px; line-height:1.5;}
#sub-cont.cv article ul li + li{margin-top:8px;}
#sub-cont.cv article ul li span{width:80px;}
#sub-cont.cv article ul li p{width:calc(100% - 80px);}

@media all and (min-width:768px){
  #sub-cont.cv article ul + ul{margin-top:40px;}
  #sub-cont.cv article ul li{font-size:19px;}
  #sub-cont.cv article ul li + li{;}
  #sub-cont.cv article ul li span{width:100px;}
  #sub-cont.cv article ul li p{width:calc(100% - 100px);}
}



#sub-cont.contact{}
#sub-cont.contact>.in{}
#sub-cont.contact p{font-size:14px; margin-bottom:40px;}
#sub-cont.contact .img{margin-bottom:5px;}
#sub-cont.contact span{font-size:12px;}


@media all and (min-width:768px){
  #sub-cont.contact p{font-size:26px; margin-bottom:80px;}
  #sub-cont.contact .img{margin-bottom:20px; max-width:500px;}
  #sub-cont.contact span{font-size:16px;}
}



#sub-cont.vid{}
#sub-cont.vid ul.list{width:calc(100% + 10px); margin-left:-10px;}
#sub-cont.vid ul.list .item{width:calc(100%  / 1 - 10px); margin-left:10px; margin-bottom:10px;}

@media all and (min-width:1100px){
  #sub-cont.vid ul.list{width:calc(100% + 30px); margin-left:-30px;}
  #sub-cont.vid ul.list .item{width:calc(100%  / 2 - 30px); margin-left:30px; margin-bottom:30px;}
}












#sub-cont.guide{}
#sub-cont.guide article{white-space:pre-line;}
#sub-cont.guide h2{margin-top:50px;}
#sub-cont.guide h6{padding-left:10px;}
#sub-cont.guide p{padding-left:20px; margin-top:10px; margin-bottom:50px;}

@media all and (min-width:768px){
  #sub-cont.guide h2{font-size:30px;}
  #sub-cont.guide h2:nth-child(n+2){margin-top:80px; }
  #sub-cont .titleArea h6{font-size:22px;}
}

















/* contact */
.JS-form_mail{ }
.JS-form_mail>.in{position:relative; padding:0;  max-width:600px; }
.JS-form_mail .input-box{margin-bottom:10px;}
.JS-form_mail h3{ font-size:14px; line-height:30px; font-weight:500;}
.JS-form_mail h3 span{font-weight:normal; font-size:12px; display:inline-block; margin-left:10px;}
.JS-form_mail input.input{border:1px solid #ddd; width:100%; height:34px; line-height:34px; padding:10px;}
.JS-form_mail input.input:focus{border-color:#333;}
.JS-form_mail input.send-this{display:block; border:0;   width:100%; margin:20px 0 0 0; line-height:40px; cursor:pointer;}
.JS-form_mail input[type="number"]::-webkit-outer-spin-button,
.JS-form_mail input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
.JS-form_mail textarea{min-height:50px; max-height:300px; width:100%; padding:10px;}
.JS-form_mail .infoArea{margin-top:30px; max-width:700px; margin:30px auto;  }
.JS-form_mail .infoArea h2{font-size:15px;}
.JS-form_mail .infoArea .box{overflow-y:auto; max-height:80px; font-size:13px; background:#f4f4f4; margin-bottom:20px; padding:10px; border:1px solid #ddd;}



@media all and (min-width:768px){

  .JS-form_mail .input-box{margin-bottom:15px;}
  .JS-form_mail h3{font-size:17px;}
  .JS-form_mail h3 span{font-size:15px; margin-left:15px;}
  .JS-form_mail input.send-this{width:50%;}

}




#contents>.register{max-width:600px; margin:30px auto;}
#contents #fregister p{background:#333; font-weight:normal;}
#contents #fregister p:before{display:none;}
#contents .register .btn_confirm{}
#contents .register .btn_confirm a,
#contents .register .btn_confirm button{box-sizing:border-box;}



















































/**/