/*tab_cate_b*/
.tab_cate_b{ position:relative; height: 44px;   }
.tab_cate_b > li{ position: absolute; width:100%; left:0; right:0;  border-bottom: #eee solid 1px; z-index: 10}
.tab_cate_b.open > li{ position:relative; }
.tab_cate_b > li > a{ display: block; background:#f5f5f5; color:#808080;padding:10px 5px;  text-align:center; font-size:14px; }
.tab_cate_b > li.active{ z-index: 100}
.tab_cate_b > li.active > a{ background:#f5f5f5 url(/home/english/images/sub/cate_open.png) 95% center no-repeat; background-size:15px }
@media all and (min-width:1024px) {
.tab_cate_b{ position:relative; display:table; width:100%; height:auto;  background:#f1f1f1; padding:0 22px;   }
.tab_cate_b > li{ position: relative; margin-bottom:0; display:table-cell; width:auto;    }
.tab_cate_b > li > a{ position:relative; display:block; font-size:20px; padding:22px 0; background:transparent }
.tab_cate_b > li > a:after{ position:absolute; left:0; bottom:0; background:#232323; width:0; height:3px; content:""; } 
.tab_cate_b > li.active > a{ position:relative; background:#232323; color:#fff;  top:-10px; transition:all 0.3s ease }
.tab_cate_b > li > a:hover:after{ width:100%;   transition:all 0.3s ease  }
.tab_cate_b > li.active a:hover{  border:0; }
}

/*전시리스트*/
.exhbt_slide_wrap{ position:relative; padding:0 0 30px 0; }
.exhbt_slide > li{ float:left;  }
.exhbt_slide > li:after{ display:block; content:""; clear: both }
.exhbt_slide > li > .thumb{  background-color:#000;   margin-bottom:20px;  text-align: center;  }
.exhbt_slide > li > .thumb img{ position:relative; max-width:70%;  min-height:290px; max-height:290px; z-index: 10 }
.exhbt_slide .slide_info{ border-top:#000 solid 3px;  border-bottom:#f2f2f2 solid 2px; padding-top:15px; padding-bottom:10px;   }
.exhbt_slide .slide_info .title{ display:block; font-size:20px; font-weight:500; margin-bottom:15px; line-height: 1.2   }
.exhbt_slide .slide_info .list_info li{ margin-bottom:5px;}
.exhbt_slide .slide_info .list_info span{ display:inline-block;  min-width:110px; font-weight:500;  margin-bottom:5px; }
.exhbt_slide .slide_info .list_info p{ display:inline-block; }
.slide_ctrl{ position:absolute; top:23%; width:100%; }
.slide_ctrl a{ position:absolute; display:block; width:35px; height:35px; text-align: center; line-height: 30px; border:#eee solid 1px; color:#fff }
.slide_ctrl a.prev{ left:0; }
.slide_ctrl a.next{ right:0; }

.exhbt_sort{ padding:10px; margin-bottom:20px;  background-image: linear-gradient(45deg, #ededed 10%, #ffffff 10%, #ffffff 50%, #b2b2b2 50%, #b2b2b2 60%, #ffffff 60%, #ffffff 100%); background-size:5px 5px; }
.exhbt_sort .row{ background:#fff; padding:0  }
.exhbt_sort .row.row_btn{ padding:10px 0 5px; }
.exhbt_sort .row.row_btn > input[type="button"]{background: #133a74;color:#fff;border-radius: 8px;width: 100px;padding: 8px 15px;font-size: 14px;border: none; cursor:pointer;}
.exhbt_sort .row .check_wrap{ padding:10px 0 5px; }
.exhbt_sort .row .title{ position:relative; display:inline-block; background:#121212; color:#fff; font-weight: 500; padding:5px 20px 7px;  }
.exhbt_sort .row .title:after{ position:absolute; top:4px; right:-10px; display:block; width:20px; height:20px; transform:rotate(45deg); background:#121212; content:""  }
.exhbt_sort .row label{ font-size:14px; margin:0 3px 5px; }

.total_list:after { display:block; content:""; clear: both;  overflow:hidden }
.total_list  > li { border:#dfdfdf solid 1px; padding:20px 10px;   margin-bottom:20px; word-break: keep-all }
.total_list  > li > a{ display:block; overflow:hidden }
.total_list  > li .info{ float:left; width:60%;  }
.total_list  > li .info .cate{ display:inline-block; font-size:14px; padding:5px 10px; border:#121212 solid 1px; border-radius: 30px;  margin-bottom:15px;  color:#121212 }
.total_list  > li .info .title{ display:block; font-size:18px;  font-weight:500; margin-bottom:10px;  color:#121212; line-height: 1.3 }
.total_list  > li .info ul{ position:relative; padding-left:20px;  }
.total_list  > li .info ul:before{ position:absolute; left:0; top:0; bottom:0; width:7px; content:""; background-image: linear-gradient(45deg, #ededed 10%, #ffffff 10%, #ffffff 50%, #b2b2b2 50%, #b2b2b2 60%, #ffffff 60%, #ffffff 100%);   background-size:5px 5px}
.total_list  > li .info ul li{ font-size:12px; margin-bottom:5px; line-height: 1.2 }
.total_list  > li .info ul li:last-child{ margin-bottom:0;  }
.total_list  > li .thumb{ float:right; width:35%; text-align:right; }
.total_list  > li .thumb img{ max-width:100%; height:auto; max-height:180px;  min-height:180px;  }

.exhbt_info .title{ display:block; text-align: center; font-size:25px; font-weight:bold  }
.exhbt_info ul li{ margin:20px 0;}
.exhbt_info ul li span{ display:block; margin:10px 0 20px; font-size:20px; font-weight:500;  }
.exhbt_info ul li p{ line-height:1.3; margin-bottom:10px; color:#252525;  }

@media all and (min-width:768px){
.exhbt_slide > li > .thumb{ position:relative; float:left; width:50%;   text-align: right;  background-color:#fff;   }
.exhbt_slide > li > .thumb img{ position:relative; max-width:80%;  z-index: 10 }
.exhbt_slide > li > .thumb:after{ display:block; position:absolute; left:0; top:0; right:0; bottom:20%; background-image: linear-gradient(45deg, #ededed 10%, #ffffff 10%, #ffffff 50%, #b2b2b2 50%, #b2b2b2 60%, #ffffff 60%, #ffffff 100%); background-size:5px 5px; content:""}
.exhbt_slide .slide_info{ float:right; width:45%; margin-top:30px;   }
.slide_ctrl{ position:absolute; top:auto; bottom:86px;  width:100%; }
.slide_ctrl a{ border:#2f2f2f solid 1px; color:#2f2f2f; background-color:#fff;   }
.slide_ctrl a.prev{ left:0; }
.slide_ctrl a.next{ left:36px; }

.exhbt_sort .row{padding: 15px;}
.exhbt_sort .row.row_btn{padding: 0px 15px 15px;}
.exhbt_sort .row .check_wrap{margin-left:20px;padding:0;margin-top:10px;}
.exhbt_sort .row label{margin-right:20px;/* margin-bottom:0; */}

.total_list  > li {  float:left; width:49%; margin-right:2%}
.total_list  > li:nth-child(2n) { margin-right:0; }

.exhbt_info{ overflow:hidden }
.exhbt_info ul li{ float:left; width:50%; display:inline-block }
}
@media all and (min-width:1024px){

.total_list > li{ padding:8px 8px 8px 20px; font-size:14px;  }
.total_list  > li .info .cate{  margin-bottom:0; margin-top:10px;  }
.total_list > li .info .title{ font-size:22px; margin-bottom:20px; margin-top:10px; color:#2f2f2f;   }
.total_list > li .info ul li{ font-size:14px;  margin-bottom:10px; }

.exhbt_sort .row .check_wrap{display:inline-block;margin-top: 10px;}
}
@media all and (min-width:1440px){
.exhbt_slide_wrap{ padding:0 0 20px; margin-bottom:70px;  }
.exhbt_slide > li > .thumb{ width:560px; margin-bottom:0;  }
.exhbt_slide > li > .thumb:after{ bottom:30%; }
.exhbt_slide > li > .thumb img{ margin-top:30px; margin-right:30px; max-height:360px; min-height:360px }
.exhbt_slide .slide_info{ width:525px; margin-top:50px; border-top:#000 solid 5px; padding-top:38px; padding-bottom:40px; }
.exhbt_slide .slide_info .title{ font-size:26px; margin-bottom:60px; }
.slide_ctrl{ bottom:60px; }
.slide_ctrl a{ width:40px; height:40px; line-height: 38px; font-size:20px; }
.slide_ctrl a.next{ left:42px; }

.exhbt_sort { margin-bottom:50px; padding:20px; }
.exhbt_sort .row{  padding:20px 30px; }
.exhbt_sort .row.row_btn{padding: 0 30px 20px;}
.exhbt_sort .row label{font-size:16px;/* margin-right:30px; */}

.total_list > li{ padding:8px 8px 8px 30px;  transition:all 0.2s }
.total_list > li:hover{ box-shadow:rgba(0,0,0,0.3) 10px 10px 20px; margin-left:-2px; margin-top:-2px; transition:all 0.4s }
.total_list > li .thumb{ width:190px; }
.total_list > li .info{ margin-bottom:20px; }
.total_list > li .info .title{ font-size:26px; line-height: 1.4; margin-top:20px;   }
.total_list > li .info ul li{ font-size:14px;  margin-bottom:15px; }

.exhbt_info .title{ font-size:30px; padding:60px 30px; }
.exhbt_info ul li{ width:25%; }
.exhbt_info ul li i{ font-size:20px; }
.exhbt_info ul li p{ font-size:14px; }
}

/*상세h4.bull*/
 h4.bull{ position:relative; padding:15px 0 10px 15px; margin:10px 0 0 0; text-align: left}
 h4.bull:before{ position:absolute; left:0; top:0; display:block; content:"";  width:20px; height:20px; background:url(/home/english/images/sub/bull_h4.png); background-size:cover  }
@media all and (min-width:1024px){
 	h4.bull{ margin-top:30px; padding:35px 0 20px 35px; font-size:24px; font-weight:500;   }
 	h4.bull:before{ width:35px; height:35px;  }
}
@media all and (min-width:1440px){
 	h4.bull{ padding:45px 0 20px 45px; }
	 h4.bull:before{ width:48px; height:48px;  }
}

/*전시상세*/
.detail_top{ background:#2a2a2a; padding:20px; text-align: center; }
.detail_top img{ max-width:200px;  }
.detail_info{ text-align:left; padding:20px 0; overflow: hidden}
.detail_info .title{ color:#fff; display:block; margin-bottom:20px; font-size:20px; font-weight:bold; line-height: 1.3   }
.detail_info .title em{ font-size:14px; font-weight:300; font-style: normal; margin-left:10px;}
.detail_info ul li span{ display:inline-block; color:#8a8a8a; min-width:100px; line-height: 1.6; vertical-align: top}
.detail_info ul li p{ display:inline-block; color:#fff; }

.body_text p{ padding-left:15px; }

.body_con h4{ position:relative;  text-align:center; margin:30px 0 20px;  }
.body_con h4:after{ position:absolute; left:0; top:50%; display:block; width:100%; height:1px;  background:#b2b2b2; content:"" }
.body_con h4 span{ position:relative; display:inline-block; padding:5px 20px; background:#fff;  z-index: 1}
.work_list_wrap{ position:relative; max-width:1000px; margin:30px auto;  }
.work_list_wrap .text{ font-weight:500; padding:20px 0; line-height: 1.4}
.work_slide > li{float:left;display:flex;justify-content:center;flex-direction:column;align-items:center; margin: 0px 30px;}
.work_slide > li > a{ display:block; }
.work_slide > li  img{ max-width:100%; max-height:300px  }
.work_slide > li > a > span{ display:block; padding:5px 0;  text-align: center; font-size:14px; font-weight:bold; margin-bottom:15px }

.work_info{ width:100%; background:#f5f5f5; padding:15px;}
.work_info ul li{ margin-bottom:10px;}
.work_info ul li span{ display:inline-block; width:90px; font-size:14px; font-weight:bold; line-height:1.3 }
.work_info ul li p{ display:inline-block; line-height:1.3}
.work_info ul li:last-child span{ margin-bottom:10px; }

.work_ctrl{ position:absolute; top:38%; width:100%;}
.work_ctrl a{ position:absolute; font-size:30px; display:inline-block; color:#121212;}
.work_ctrl a.prev{ left:0; }
.work_ctrl a.next{ right:0; }
.pager_work{ text-align:center; }
.pager_work a{ display:inline-block; width:12px; height:12px; border:#2f2f2f solid 1px; border-radius: 20px; font-size:0; margin:0 2px;  }
.pager_work a.selected{ background:#2f2f2f;  border:#2f2f2f solid 1px;}
/*@media all and (min-width:768px){
	.detail_info ul li p br{ display:none; }
}*/
@media all and (min-width:1024px){
	.detail_top{ padding:40px; }
	.detail_top:after{ display:block; clear: both; content:""}
	.detail_top img{ float:left; margin-right:60px; margin-bottom:-60px; max-width:230px;  box-shadow:rgba(0,0,0,0.3) 10px 10px 40px; }
	.detail_info .title{ font-size:30px; margin:30px 0; }
	.detail_info .title em{ font-size:18px; margin-left:20px;}
	.detail_info ul li{ margin-bottom:15px; }
	
	.body_text p{ padding-left:35px; }

	.body_con h4{ padding:50px 0; font-size:28px; font-weight:500; }
  	.work_slide > li{justify-content: space-between;flex-direction: row;align-items: center;}
    .work_slide > li > a{ width:62%;height:400px; display: flex; align-items: center; flex-direction: column; justify-content: center; padding-bottom:20px }
    .work_slide.info_none > li > a{ width:100% }
 	.work_slide > li  img{  height:auto; max-width:100%; max-height:100%; }
  	.work_slide > li > a > span{ margin-bottom:0; }	
  
  	.work_info{ width:32%;  padding:25px;}
  
	.work_list_wrap .text{ font-size:18px; line-height: 1.5; word-break: keep-all;}
	.work_ctrl a{ font-size:65px;}
    .work_ctrl a.prev{ left:-50px; }
    .work_ctrl a.next{ right:-50px; }
}
@media all and (min-width:1440px){
	.detail_top{ margin-bottom:100px; }
}

/*탭스타일*/
.tab_st01{ text-align:center; padding:10px 0; }
.tab_st01 a{ position:relative; display:inline-block; padding:10px 0; margin:0 10px; color:#949494; font-size:20px; font-weight:bold;  }
.tab_st01 a:hover,.tab_st01 a.active{ color:#1b9bec}
.tab_st01 a span{ position:relative; z-index: 1}
.tab_st01 a em{  display:none; }
.tab_st01 a:after{position:absolute; top:30px; display:block; content:""; width:1px; height:5px; background:transparent; transition:0.3s}
.tab_st01 a:hover:after,.tab_st01 a.active:after{ width:100%; background:#1b9bec; transition:0.3s }
@media all and (min-width:1024px){
	.tab_st01{ padding:20px 0;}
	.tab_st01 a{font-size:30px; margin:0 20px; }
	.tab_st01 a span em{ display:inline-block; font-style:normal; }
	.tab_st01 a:after{ top:42px; height:8px;}
}
@media all and (min-width:1440px){
	.tab_st01{ padding:30px 0;}
}

.tab_st02{ text-align:center; }
.tab_st02 a{ position:relative; display:inline-block; padding:20px 0; margin:0 10px; color:#949494;   font-weight:bold;  }
.tab_st02 a:hover,.tab_st02 a.active{ color:#ea7300}
.tab_st02 a span{ position:relative; z-index: 1}
.tab_st02 a em{  display:none; }
.tab_st02 a:after{ position:absolute; top:38px;display:block; content:""; width:1px; height:5px; background:transparent; transition:0.3s  }
.tab_st02 a:hover:after,.tab_st02 a.active:after{ width:100%; background:#ea7300; transition:0.3s }
@media all and (min-width:1024px){
	.tab_st02{ padding:20px 0;}
	.tab_st02 a{font-size:20px; margin:0 20px; }
	.tab_st02 a span em{ display:inline-block; font-style:normal; }
	.tab_st02 a:after{ top:43px}
}
@media all and (min-width:1440px){
	.tab_st02{ padding:0 0 30px 0;}
}

/*연간전시일정*/
.year_schedule{ padding-bottom:30px; }
.schedule_top{ text-align:center; }
.schedule_top a{ display:inline-block; vertical-align: middle; width:35px; height:35px; border:#212121 solid 1px; line-height: 32px; text-align: center; font-size:25px; color:#212121  } .schedule_top span{ display:inline-block; vertical-align: middle;  line-height:40px; padding:0 30px;  font-size:20px; font-weight:bold  }

.schedule_body{ display:none; position:relative;  border-top:#2f2f2f solid 3px;  border-right:#2f2f2f solid 1px; border-left:#2f2f2f solid 1px; border-bottom:#2f2f2f solid 1px; }
.schedule_body .month{ display:flex; justify-content: space-around; flex-direction: row }
.schedule_body .month .empty{ width:20%; padding:0; background-image: linear-gradient(45deg, #ededed 10%, #ffffff 10%, #ffffff 50%, #b2b2b2 50%, #b2b2b2 60%, #ffffff 60%, #ffffff 100%);   background-size:4px 4px; height:45px;   }
.schedule_body .month div{ height:100%; border-left:#2f2f2f solid 1px; padding:10px 0; width:6.66667%   }
.schedule_body .month div:nth-child(1){  border-left:0;}
.schedule_body .month div:nth-child(2){  border-left:#2f2f2f solid 1px;}
.schedule_body .month div span{  display:block; font-size:10px; font-weight:500; text-align:right;  }
.schedule_body .month div span.eng{ font-style: italic; }
.schedule_body .place{ position:absolute; top:45px; left:0;  width:100%; }
.schedule_body .place .place_row{ display:flex; justify-content: space-around; flex-direction: row; border-top:#212121 solid 1px;  }
.schedule_body .place .place_row .title{  display:flex; align-items: center; flex-direction: row;  justify-content:center; text-align:center; line-height: 1.3; width:20%;  font-size:12px;  line-height: 1.3}
.schedule_body .place .place_row .title em{ display:none;   }
.schedule_body .place .place_row .period{  position:relative;  width:80%; }
.schedule_body .place .place_row .period a{ display:block; background:#2f2f2f; color:#fff;  padding:5px 10px 7px; margin-top:3px; margin-bottom:3px; font-size:12px;   text-overflow:ellipsis; white-space: nowrap; overflow: hidden }
.period .st01{ margin-left:8.333%; }
.period .st02{ margin-left:16.666%; }
.period .st03{ margin-left:24.999%; }
.period .st04{ margin-left:33.332%; }
.period .st05{ margin-left:41.665%; }
.period .st06{ margin-left:49.998%; }
.period .st07{ margin-left:58.331%; }
.period .st08{ margin-left:66.664%; }
.period .st09{ margin-left:74.997%; }
.period .st10{margin-left:83.333%; }
.period .st11{ margin-left:91.667%; }
.period .month1{ width:8.333%}
.period .month2{ width:16.666%; }
.period .month3{ width:24.999%; }
.period .month4{ width:33.332%; }
.period .month5{ width:41.665%; }
.period .month6{ width:49.998%; }
.period .month7{ width:58.331%; }
.period .month8{ width:66.664%; }
.period .month9{ width:74.997%; }
.period .month10{ width:83.333%; }
.period .month11{ width:91.663%; }

.schedule_pop{ display:none; position:fixed; width:80%; left:10%; right:10%; top:20%; border:#121212 solid 1px; background:#fff; padding: 10px 10px 15px 10px; box-shadow:rgba(0,0,0,0.5) 10px 10px 30px; z-index: 1000}
.schedule_pop img{ max-width:100%; }
.schedule_pop .btn_close{ position:absolute; right:-1px; top:-1px; width:30px; height:30px; background:#0a0a0a; color:#fff; text-align: center; line-height: 27px; font-size:20px; }
.schedule_pop .info span{ display:block; font-size:20px; font-weight:bold; padding:15px 5px; line-height: 1.3}
.schedule_pop .info ul{ position:relative; padding-left:20px;  }
.schedule_pop .info ul:before{ position:absolute; left:0; top:0; bottom:0; width:7px; content:""; background-image: linear-gradient(45deg, #ededed 10%, #ffffff 10%, #ffffff 50%, #b2b2b2 50%, #b2b2b2 60%, #ffffff 60%, #ffffff 100%);   background-size:5px 5px}
.schedule_pop .info ul li{ font-size:12px; margin-bottom:5px; line-height: 1.2 }
.schedule_pop .info ul li:last-child{ margin-bottom:0;  }
.schedule_body .place .place_row .period a:hover, .schedule_body .place .place_row .period a:focus{border:3px solid #000;}

@media all and (min-width:768px){
	.schedule_body .month .empty{ height:70px; }
	.schedule_body .month div span{ font-size:14px; padding-right:10px; }
	.schedule_body .place{ top:70px;}
	.schedule_body .place .place_row .title{ font-size:16px; }
	.schedule_body .place .place_row .period a{ font-size:16px; margin-top:10px; margin-bottom:10px;}
	.schedule_pop{ width:50%; left:25%; right:25%; }
}
@media all and (min-width:1024px){
	.schedule_body .place .place_row .title em{ display:inline-block; font-style:normal }
	.schedule_body .place .place_row .period a{ border:#121212 solid 1px; transition:all 0.3s }
	.schedule_body .place .place_row .period a:hover{ width:auto; margin-left:0; border:#121212 solid 1px; font-weight:bold; background:#fff; color:#121212; transition:all 0.3s }
  	
	.schedule_pop{ width:30%; left:35%; right:35%; top:20%;}
}
@media all and (min-width:1440px){
	.year_schedule{ padding-bottom:60px; }
	.schedule_top{ padding-bottom:30px;}
	.schedule_top a{ width:40px; height:40px; line-height: 38px;}
	.schedule_top span{ font-size:36px; padding:0 75px;}

	.schedule_body .month .empty{ height:107px; }
	.schedule_body .month div{ padding:35px 0;}
	.schedule_body .month div span.eng{ font-size:16px; margin-bottom:8px; }
	.schedule_body .month div span.ko{ font-size:25px; }
	.schedule_body .place{ top:107px;}
	.schedule_body .place .place_row .title{ font-size:18px; font-weight:bold; line-height: 1.5}
	.schedule_body .place .place_row .period a{ font-size:18px; margin-top:20px; margin-bottom:20px; padding:22px 20px; text-align: center; }
	.schedule_pop{ width:500px; left:50%; transform:translateX(-250px);top:20%; padding:20px;}
	.schedule_pop .btn_close{ width:60px; height:60px; line-height: 55px; font-size:30px;}
	.schedule_pop .info span{ font-size:25px; }
	.schedule_pop .info ul{ padding:0 5px 0 20px; }
	.schedule_pop .info ul li{ font-size:16px; }
}

/*레지던시*/
.residency .info{  text-align: center;}
.residency .info > img{ max-width:920px; margin:0 auto 50px; box-shadow: rgba(0,0,0,0.2) 0 0 30px; }
.residency .title{ display:block; padding:0 0 20px 0; font-size:20px; font-weight:bold}
.residency .info .text p{ text-align: left;  }
.res_history img{ max-width: 100%; margin:0 auto; }
.res_history .his_scroll{ width:100%; overflow-x:scroll; padding-left:10px; }
.res_history ul{ padding:0 0 20px 0; margin-top:30px;  border-top:#e30413 solid 1px; white-space: nowrap;}
.res_history ul:after{ display:block; content:""; clear: both}
.res_history ul li{  position:relative; float:left;  margin-right:20px; padding-top:20px; text-align:left; padding-left:20px;}
.res_history ul li:last-child{ margin-right:0;  } 
.res_history ul li:before,.res_history ul li:after{ position:absolute; left:0; z-index: 100; display:block; border:#e72734 solid 3px; border-radius: 30px; content:""; background:#fff;  }
.res_history ul li:before{  width:10px; height:10px; margin-left:-8px; top:0; margin-top:-8px; }
.res_history ul li:after{width:0;height:0;top: 57px;margin-left:-3.5px;}
.res_history ul li span{ position:relative; color:#e30413; font-size:18px; font-weight:bold; display:block; margin-bottom:10px; }
.res_history ul li span:before{position:absolute;left:-21px;top: -20px;display:block;width:1px;height: 65px;content:"";background:#e1e1e1;}

.painter_list{ max-width:1200px; margin:0 auto}
.painter_list:after{ display:block; clear: both; content:""}
.painter_list li{ position:relative;background-size:cover; background-position:center; background-repeat:no-repeat; height:150px; margin-bottom:20px; }
.painter_list li a{ display:flex; align-items: center; justify-content: center; font-size:0;  color:#fff; flex-direction: column; height:100%;}
.painter_list li a:hover, .painter_list li a:focus{  background-color:rgba(0,0,0,0.4); transition:all 0.3s  }
.painter_list li a span{ display:block; margin:5px 0;}
.painter_list li a:hover span.cate, .painter_list li a:focus span.cate{ font-size:16px; transition:all 0.3s}
.painter_list li a:hover span.name, .painter_list li a:focus span.name{ font-size:20px; font-weight:500; transition:all 0.3s}


@media all and (min-width:1024px){
.residency .title{  padding:50px 0;}
}

@media all and (min-width:768px){
.painter_list li{ float:left; width:48%; margin-right:4%; margin-bottom:4%; }
.painter_list li:nth-child(2n){ margin-right:0; }
}
@media all and (min-width:1440px) {
.painter_list li{ height:270px; }
.painter_list li a:hover span.cate, .painter_list li a:focus span.cate{ font-size:22px;}
.painter_list li a:hover span.name, .painter_list li a:focus span.name{ font-size:40px;}
	
.residency .title{  font-size:30px; padding:70px 0 50px 0;}
.res_history ul{ margin-top:75px; }
.res_history ul li{  padding-top:90px; }
.res_history ul li:before{ width:12px; height:12px; margin-left:-10px; margin-top:-10px;  }
.res_history ul li:after{width:0;height:0;top: 145px;margin-left:-3.5px;}
.res_history ul li span{ font-size:35px; }
.res_history ul li span:before{position:absolute;left:-21px;top: -90px;display:block;width:1px;height: 148px;content:"";background:#e1e1e1;}	
}

/*레지던시상세*/
.res_support{ padding-bottom:30px; margin-bottom:30px; border-bottom:#e1e1e1 solid 1px;  }
.res_support ul{ padding:15px 0 15px 15px; }
.res_support ul li{ font-size:14px; margin-bottom:10px; line-height: 1.3 }
.res_support .support_list{ padding:20px 0; overflow: hidden }
.support_list li{  margin:20px 0; overflow:hidden  }
.support_list li i{ float:left; display:inline-block;  width:50px; height:50px; background-size:cover; margin-right:15px;  }
.support_list li i.icon01{ background-image:url("/home/english/images/sub/res_icon01.png");  }
.support_list li i.icon02{ background-image:url("/home/english/images/sub/res_icon02.png");  }
.support_list li i.icon03{ background-image:url("/home/english/images/sub/res_icon03.png");  }
.support_list li i.icon04{ background-image:url("/home/english/images/sub/res_icon04.png");  }
.support_list li i.icon05{ background-image:url("/home/english/images/sub/res_icon05.png");  }
.support_list li i.icon06{ background-image:url("/home/english/images/sub/res_icon06.png");  }
.support_list li i.icon07{ background-image:url("/home/english/images/sub/res_icon07.png");  }
.support_list li i.icon_c01{ background-image:url("/home/english/images/sub/ca_icon01.png");  }
.support_list li i.icon_c02{ background-image:url("/home/english/images/sub/ca_icon02.png");  }
.support_list li i.icon_c03{ background-image:url("/home/english/images/sub/ca_icon03.png");  }
.support_list li i.icon_c04{ background-image:url("/home/english/images/sub/ca_icon04.png");  }
.support_list li i.icon_c05{ background-image:url("/home/english/images/sub/ca_icon05.png");  }
.support_list li i.icon_c06{ background-image:url("/home/english/images/sub/ca_icon06.png");  }
.support_list li i.icon_c07{ background-image:url("/home/english/images/sub/ca_icon07.png");  }
.support_list li i.icon_c08{ background-image:url("/home/english/images/sub/ca_icon08.png");  }

.support_list li p{  font-weight:bold; word-break: keep-all; overflow:hidden  }
.info_desk{ padding:15px; background:#f5f5f5; }
.info_desk ul li{ margin-bottom:10px; overflow:hidden }
.info_desk ul li:last-child{ margin-bottom:0; }
.info_desk ul li span{ display:block; font-weight:500; color:#1e1e1e; margin:6px 0;  }
.info_desk ul li i{ float:left; display:inline-block;  width:50px; height:50px; background-size:cover; margin-right:15px;  }
.info_desk ul li i.icon01{ background-image:url("/home/english/images/sub/res_icon08.png");  }
.info_desk ul li i.icon02{ background-image:url("/home/english/images/sub/res_icon09.png");  }
.links { padding:30px 0; }
.links ul li{ margin:5px 0; }
.links ul li a{ display:block; text-align: center; padding:20px 0; border:#2f2f2f solid 2px; color:#212121; line-height: 30px; }
.links ul li a i{  margin-left:20px; font-size:30px; vertical-align: -4px }
@media all and (min-width:1024px){
	.support_list li{ float:left; width:50%; }
	.info_desk { overflow:hidden }
	.info_desk ul li{ float:left; width:49%; margin-right:2%; margin-bottom:0;  }
	.info_desk ul li:last-child{ margin-right:0; }
	.links ul li{ float:left; width:49%; margin-right:2%; margin-bottom:2%;  }
	.links ul li:first-child{ width:100%; margin-right:0;  }
	.links ul li:last-child{ margin-right:0; }
	.links ul li a{ font-size:20px; }
}
@media all and (min-width:1440px){
	.res_support { padding:2px 90px 40px 90px; margin-bottom:0; }		
	.support_list{  max-width:920px; margin:0 auto }
	.support_list li{ margin-bottom:40px; }
	.support_list li:last-child{ margin-bottom:0; }
	.support_list li i{ width:60px; height:60px; margin-right:20px;  }
	.support_list li p{ font-size:18px; }
	.info_desk{ padding:60px 0; }
	.info_desk ul{ max-width:920px; margin:0 auto; }
	.info_desk ul li{ font-size:22px;  }
	.info_desk ul li i{ width:60px; height:60px; margin-right:30px;  }
	.links{ max-width:920px; margin:0 auto; }
	.links ul li a{ font-size:24px; padding:40px 0; }
	.links ul li a:hover{ font-weight:bold; }
	.links ul li a i{ vertical-align: -1px }
}

/*미술관문화센터*/
.culture_photo {  position:relative; padding:30px 0; }
.culture_photo .photo_list li{ float:left; width:285px; height:180px; margin:0 10px;  background-size:cover; }
.culture_photo .photo_list:after{ display:block; content:""; clear: both }
.photo_ctrl{ position:absolute; top:35%; width:100%;}
.photo_ctrl a{ position:absolute; font-size:30px; display:inline-block; color:#121212;}
.photo_ctrl a.prev{ left:0; }
.photo_ctrl a.next{ right:0; }
@media all and (min-width:1024px){
	.photo_ctrl a{ font-size:65px;}
}
@media all and (min-width:1440px){
	.culture_photo { padding:60px 0;}
}

/*게시판검색*/
.board_search{ text-align:right; }
.board_search .sch_cate{ border:#2f2f2f solid 1px; border-radius: 8px; width:auto }
.board_search .sch_txt{ border:#2f2f2f solid 1px; border-radius: 8px; width:45% }
.board_search .btn_sch{ background:#2f2f2f; color:#fff; border-radius: 8px; width:60px;  }

.board_search .sch_cate:focus{border:3px solid #000;}
.board_search .sch_txt:focus{border:3px solid #000;}

@media all and (min-width:768px){
 .board_search .sch_txt{ width:220px }
}
/*웹진*/
.webzine{ margin:20px 0; border-top:#2f2f2f solid 3px;  }
.webzine > ul > li{ border-bottom:1px solid #c9c9c9;  padding:20px 0; }
.webzine > ul > li a{display:block; overflow:hidden}
.webzine > ul > li a .img{height: 170px;overflow:hidden;text-align:center; background-position:center; background-size:cover; }
.webzine > ul > li a .img img{max-width:100%;}
.webzine > ul > li a .text{position:relative; padding:50px 10px 20px 10px; }
.webzine > ul > li a .text .title{display:block; font-size:20px; color:#000; font-weight:500; margin-bottom:10px; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.webzine > ul > li a .text > ul > li{ margin-bottom:5px; font-size:14px;  }
.webzine > ul > li a .text > ul > li:last-child{ margin-bottom:0; }
.webzine > ul > li a .text > ul > li span{ display:inline-block; min-width:80px; font-size:16px   }
.webzine > ul > li a .text > ul > li p{ display:inline-block; color:#929292; line-height: 1  }

.webzine > ul > li a .text .status{ position:absolute; right:15px; top:15px;  padding:5px 10px; display: block;text-align:  center; font-size:14px;  border-radius:5px; color:#fff; }
.webzine > ul > li a .text .status.ready{ background-color:#121212;  }
.webzine > ul > li a .text .status.ing{ background-color:#4191ff;  }
.webzine > ul > li a .text .status.end{ background-color:#e1e1e1; color:#212121 }


@media all and (min-width:768px){
.webzine > ul > li{ padding:20px 0;  overflow:hidden;}
.webzine > ul > li a .img{float:left;width:33%;height:200px;overflow:hidden;background-position: top;background-size: cover;}
.webzine > ul > li a .img img{max-width:inherit;}
.webzine > ul > li a .text{float:left; width:67%; padding:30px 20px; }
.webzine > ul > li a .text > ul > li{ margin-bottom:15px; }
.webzine > ul > li a .text .title{ margin-bottom:30px; }
.webzine > ul > li a .text p{max-height: 38px;overflow:hidden;}
.webzine > ul > li a .text .status{display: inline-block; margin-left: 15px;  top:0; padding:10px; }

}
@media all and (min-width:1024px){
.webzine > ul > li{ padding:20px 30px; }
.webzine > ul > li a .text .title{ font-size:25px; }
.webzine > ul > li a .img{width:27.7%;}
.webzine > ul > li a .text{width:72%; padding:45px 30px 0 30px; }
	.webzine > ul > li a .text .status{  padding:10px 20px; font-size:16px; font-weight:500; right:0; }
}
@media all and (min-width:1440px){
.webzine > ul > li{ padding:30px 40px; }
.webzine > ul > li a .img{width:285px;}
.webzine > ul > li a .text { width:74.5% }
.webzine > ul > li a .text > ul > li span{ min-width:120px; }
}

/*오시는길*/

.map_content .map{ text-align: center; }
.map_content .map img{ max-width:100%; }
.map_content #map{ min-height: 180px; text-align: center; background:#f5f5f5; margin-bottom:30px;   }
.trappic_list{ margin:30px 0; }
.trappic_list dt{ position:relative; font-size:18px;   font-weight:500; margin-bottom:10px; padding-left:15px;   }
.trappic_list dt:before{ position:absolute; left:0; top:0; display:block; width:0px; height:0px; border:transparent solid 4px; border-right:#000 solid 4px; content:""; transform:rotate(45deg) }
.trappic_list dd{ font-size:14px; margin-bottom:10px; line-height: 1.3 }
.trappic_list dd:last-child{ margin-bottom:0; }
.trappic_list dd span{ display:inline-block; border:#000 solid 1px; border-radius: 3px; padding:2px 5px; margin:5px 3px;  }
@media all and (min-width:768px){
.trappic_list dd{ font-size:16px; }	
}
@media all and (min-width:1440px){
	.map_content{ max-width:960px; margin:0 auto}
	.map_content{ padding:40px 0; }	
	.trappic_list dt{ font-size:20px; margin-bottom:20px; }
	.trappic_list dd{ margin-bottom:20px; }
}


/*관람안내*/
.info_wrap{ position:relative;  padding-top:50px; }
.info_wrap > div:first-child{ display:block; }
.info_map{ display:none; text-align:center }
.info_map img{ max-width:100%;}
.info_list{ padding:25px 0; border-top:#eee solid 1px; overflow:hidden }
.info_list li{ float:left; width:50%;  line-height:20px; margin-bottom:15px;  font-size:14px; text-align:left;}
.info_list li span{ float:left; display:block; width:20px; height:20px; text-align:center; line-height:20px; border-radius:15px; font-size:12px;  font-weight:500;  color:#fff; background:#000; margin-right:5px;}
.stair_nav{ position:absolute; top:10px; left:0; display:inline-block; border-left:#000 solid 1px; border-top:#000 solid 1px; overflow:hidden }
.stair_nav li{ float:left; border-right:#000 solid 1px; border-bottom:#000 solid 1px; }
.stair_nav li a{ display:block; width:30px; height:30px; line-height: 30px; text-align: center } 
.stair_nav li a.active{ background:#000; color:#fff;  }

.map_btn{ text-align:center; padding:20px 0;  }
.map_btn a{ display:inline-block; padding:10px 20px; text-align: center; font-weight:bold;  }
.map_btn .kakao{ background:#ffd21c; color:#212121}
.map_btn .naver{background: #009246;color:#fff}
@media all and (min-width:640px) and (max-width:767px){
.info_list{ padding:25px; border-top:#eee solid 1px}
.info_list li{width:33.333%; font-size:16px; }
}
@media all  and (min-width:1024px) {
	.info_wrap{  padding-top:80px; }
	.info_list li{width:25%; font-size:16px; }
	.stair_nav{ left:50%; transform: translateX(-50%)}
	.stair_nav li a{ width:60px; height:60px; line-height: 60px;  }
}
@media all and (min-width:1024px){
.info_list{ padding:25px;}
.info_list li{width:16.6667%; font-size:16px; }
.map_btn a{  padding:20px 40px;  font-size:20px; }
}


/*뉴스레터*/
.ask_newsletter .top{ padding-top:140px;  background-image:url("/home/english/images/sub/icon_newsletter.png");  background-position:center top; background-repeat:no-repeat; background-size:100px; }
.ask_newsletter .private{ background:#f5f5f5; padding:20px 15px; }
.ask_newsletter .private .title{ font-size:18px; font-weight:bold; color:#212121 }
.ask_newsletter .private ul{ margin-top:20px; }
.ask_newsletter .private ul li{ font-size:14px; line-height: 1.3 }
.ask_newsletter  .agree{ padding:10px 0; }
.ask_newsletter  .agree label{ font-size:14px; }
.ask_newsletter .ask_form{ display:table; width:100%; }
.ask_newsletter .ask_form *{ display:table-cell; vertical-align: middle }
.ask_newsletter .ask_form label{ font-size:14px; width:24%;}
.ask_newsletter .ask_form .ask_txt{ width:70%; border:#2f2f2f solid 1px; border-radius: 5px; height:34px; padding:5px 10px; box-sizing:border-box }
.ask_newsletter .ask_form .ask_btn{ width:30%; height:34px; background:#2f2f2f; color:#fff; border:0; border-radius: 5px;   }
@media all and (min-width:1024px){
	.ask_newsletter .top{ text-align:center;  padding-top:270px; background-size:auto; margin-bottom:60px; font-weight:500; }
	.ask_newsletter .private .title{ margin-bottom:10px; }
	.ask_newsletter .ask_form{ padding:30px 0; text-align: center }
	.ask_newsletter .ask_form *{ display:inline-block; margin:0 3px;  }
	.ask_newsletter .ask_form label{ width:100px; font-size:16px; line-height: 34px;  }
	.ask_newsletter .ask_form .ask_txt{ width:300px; }
	.ask_newsletter .ask_form .ask_btn{  width:120px; font-size:16px; }
}
/* 스마트전시 슬라이더 */
.app_img .owl-nav{ display:none}
.app_img .owl-nav > a{ width:80px; height:80px; position:absolute; text-indent:-9999px}
.app_img .owl-nav .owl-prev{ left:30px; background:url(/home/english/images/main/prev.png) no-repeat;}
.app_img .owl-nav .owl-next{right:30px;  background:url(/home/english/images/main/next.png) no-repeat;}

.app_img .owl-dots { text-align:left; overflow:hidden}
.app_img .owl-dot { display:inline-block}
.app_img .owl-dot.active a{ background:#ff9000}
.app_img .owl-dot a{ display:block; background:#dadada; width:15px; height:15px; border-radius:30px; margin:5px 3px;text-indent:-9999px;}

/*슬라이드컨트롤러*/
.slide_controller{ position:absolute; right:0; bottom:6px; z-index:1000}
.slide_controller > a{ display:inline-block; width:13px; height:15px; margin-right:10px; text-indent:-9999px;}
.slide_controller > a.play{ background:url(/home/english/images/main/play_s.png) no-repeat}
.slide_controller > a.stop{ background:url(/home/english/images/main/stop_s.png) no-repeat}

.studio_img img{max-width:920px;}


/*전시_이용안내 220718 추가스타일*/
.ul_flex{display:flex;flex-direction: column;}


@media all  and (min-width:640px) {
.ul_flex{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}	
.exhbt_info ul li{ width: 50%;}
}



@media all  and (min-width:768px) {
.exhbt_info ul li{width: 33.3%;display:inline-block;}
}


@media all  and (min-width:1200px) {
.exhbt_info ul li{ float:left;width: 23%;margin: 1%;}
}