@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

@media screen and (max-width: 1023px){
/* desktop to ipad */
#wrap { min-width:768px; transition:transform 0.5s ease; -webkit-transition:transform 0.5s ease; -moz-transition:transform 0.5s ease; }
#wrap .container { max-width:768px; padding-left:15px; padding-right:15px; }

#top { xborder-bottom:3px solid #003f87; }
#top .logo { width:351px; }
#top .top_menu, 
#top .eclass_area { display:none; }
#top .mobile_btn { display:block; }

#menu { display:none; }

#mobile_menu { display:block; }

#banner .banner_show .banner img { max-width:768px; }

#main .left_menu ul li a:hover { background:#6e8d9e !important; background:-moz-linear-gradient(left,  #6e8d9e 0%, #799daa 100%) !important; background:-webkit-linear-gradient(left,  #6e8d9e 0%,#799daa 100%) !important; background:linear-gradient(to right,  #6e8d9e 0%,#799daa 100%) !important; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e8d9e', endColorstr='#799daa',GradientType=1 ) !important; border-color:#dd0332; }

#main .right_side { width:calc(100% - 260px); }
#main .content { min-height:100px; }

#main .multipage a { display:none; }
#main .multipage select { display:block; margin:0 auto; }

#sitemap .sitemap_table { margin:0 -15px; }
#sitemap .sitemap_table .cell { padding:0 15px; }

#footer .copyright { width:100%; padding:0; box-sizing:border-box; }

.openResponsive, 
.openResponsive body { height:100%; overflow:hidden; }
.openResponsive #wrap { transform:translate3d(280px, 0, 0); -webkit-transform:translate3d(280px, 0, 0); -moz-transform:translate3d(280px, 0, 0); }
.openResponsive #wrap .overlay { width:100%; height:100%; opacity:1; transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; }
.openResponsive #mobile_menu { visibility:visible; transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); }
}

@media screen and (max-width: 767px){
/* ipad to iphone 6 plus */
#wrap { min-width:100px; }
#wrap .container { max-width:none; }

#top .logo { width:300px; }

#main .left_side { width:100%; }
#main .left_menu { display:none; }
#main .left_select { display:block; }

#main .right_side { width:100%; min-height:100px !important; padding-top:24px; }

#main .content { min-height:100px; }

#main .sub_calendar_box { width:100%; }
#main .sub_calendar_content { height:auto; padding-bottom:40px; }
#main .sub_calendar_content iframe { width:100% !important; }

#sitemap { padding:15px 0; }
#sitemap .sitemap_table { display:block; }
#sitemap .sitemap_table .row { display:block; }
#sitemap .sitemap_table .cell { display:block; width:100%; padding:15px; }
#sitemap .sitemap_table .cell p { padding:0 10px 10px 10px; border-bottom:1px solid #cccccc; }
#sitemap .sitemap_table .cell ul { padding:10px 10px 0 10px; }

#footer .copyright p { width:100%; text-align:center !important; }
}

@media screen and (max-width: 620px){
#top .mobile_btn { margin-top:-17px; }
#top .mobile_btn a { width:34px; height:34px; font-size:20px; line-height:34px; }

#mobile_menu { width:250px; transform:translate3d(-250px, 0, 0); -webkit-transform:translate3d(-250px, 0, 0); -moz-transform:translate3d(-250px, 0, 0); }

.openResponsive #wrap { transform:translate3d(250px, 0, 0); -webkit-transform:translate3d(250px, 0, 0); -moz-transform:translate3d(250px, 0, 0); }
}

@media screen and (max-width: 479px){
/* below iphone 6 plus */
#top .logo { width:250px; }
}

@media screen and (max-width: 413px){

}

@media screen and (max-width: 374px){
#top .logo { width:220px; }
}

/*-------------------------------------------------------------------------------------*/
/* INDEX */

@media screen and (max-width: 1023px){
.index_box_area { padding-left:0; }
.index_box_area .index_box_item { box-sizing:border-box; padding:11px; }

.index_news_box { position:static; width:50%; }

.index_events_box { width:100%; }
.index_events_box .index_events_item { width:50%; }

.index_link_box { width:100%; }
.index_link_box .index_link_list { width:calc(100% + 12px); min-height:100px !important; margin:0 -6px; font-size:0; }
.index_link_box .index_link_item { display:inline-block; vertical-align:top; width:25%; padding:5px 6px; box-sizing:border-box; }

.index_calendar_area { position:static; width:50%; }
.index_calendar_area .sub_calendar_box { width:100% !important; padding-bottom:0 !important; }
.index_calendar_area .sub_calendar_content { height:314px !important; }
}

@media screen and (max-width: 479px){
.index_news_box { width:100%; }

.index_link_box .index_link_item { width:50%; }

.index_calendar_area { width:100%; }
}

@media screen and (max-width: 374px){
.index_events_box .index_events_item { width:100%; }
}

/*-------------------------------------------------------------------------------------*/
/* CALENDAR */

@media screen and (max-width: 1023px){
.calendar_content { min-height:100px; }
.calendar_content iframe { height:480px; }
}

@media screen and (max-width: 413px){
.calendar_content iframe { width:345px; }
}

@media screen and (max-width: 374px){
.calendar_content iframe { width:290px; height:420px; }
}

/*-------------------------------------------------------------------------------------*/
/* PUBLICATIONS */

@media screen and (max-width: 1023px){
.publication_content .publication_list { width:calc(100% + 16px); margin:0 -8px; }
.publication_content .publication_item { width:33.33%; }
.publication_content .publication_info { height:52px; }

.publication_detail .publication_detail_name { padding:0 0 26px 0; }
}

@media screen and (max-width: 374px){
.publication_content .publication_item { width:50%; }
}

@media screen and (max-width: 479px){
.publication_detail .publication_detail_book { padding:0; }

.publication_detail .publication_detail_book .flipbook_control { position:static; padding-top:20px; text-align:center; }
.publication_detail .publication_detail_book .flipbook_control .flip_row { position:static; display:inline-block; vertical-align:top; width:120px; height:40px; margin:0 5px; border-radius:6px; font-size:18px; line-height:36px; }
.publication_detail .publication_detail_book .flipbook_control .flip_row i { font-size:20px; line-height:40px; vertical-align:top; }
.publication_detail .publication_detail_book .flipbook_control .next_page { padding-left:0; }
.publication_detail .publication_detail_book .flipbook_control .next_page i { padding-left:6px; }
.publication_detail .publication_detail_book .flipbook_control .prev_page { padding-right:0; }
.publication_detail .publication_detail_book .flipbook_control .prev_page i { padding-right:6px; }
}

@media screen and (max-width: 413px){
.publication_detail .publication_detail_pdf a { width:200px; height:36px; line-height:36px; font-size:18px; }
}

/*-------------------------------------------------------------------------------------*/
/* NEWS */

@media screen and (max-width: 1023px){
.news_list .news { padding-right:102px; }
.news_list .news_btn { right:10px; }
.news_list .news_info a[href^="http:"],
.news_list .news_info a[href^="https:"],
.news_list .news_info a[href^="mailto:"] { word-break:break-all; }
}

@media screen and (max-width: 374px){
.news_list .news { padding:0 12px; }
.news_list .news_btn { position:static; padding-top:24px; }
}

/*-------------------------------------------------------------------------------------*/
/* EVENTS */

@media screen and (max-width: 1023px){
.events_list .events_item { width:50%; }

.events_detail .events_detail_photo { padding:0 34px; }
.events_detail .events_detail_photo .large_photo .row_prev, 
.events_detail .events_detail_photo .large_photo .row_next { top:-15px; font-size:30px; }
.events_detail .events_detail_photo .large_photo .row_prev { left:-34px; }
.events_detail .events_detail_photo .large_photo .row_next { right:-34px; }

.events_detail .events_detail_photo .owl-nav .owl-prev, 
.events_detail .events_detail_photo .owl-nav .owl-next { top:-15px; font-size:30px; }
}

@media screen and (max-width: 767px){
.events_list { padding:24px 0; }
}

@media screen and (max-width: 413px){
.events_detail .events_detail_photo { padding:0; }
.events_detail .events_detail_photo .large_photo .row { display:none; }

.events_detail .sub_photo_area { padding-left:34px; padding-right:34px; box-sizing:border-box; }
}

@media screen and (max-width: 374px){
.events_list .events_item { width:100%; }
}

/*-------------------------------------------------------------------------------------*/
/* EDITOR CONTENT */

@media screen and (max-width: 1023px){
.editor_content { padding:25px 0 25px 0; }
.editor_content img { max-width:100%; width:auto !important; height:auto !important; }
.editor_content .table_area { width:100%; overflow-x:auto; }
.editor_content .table_area table { width:auto !important; }
.editor_content a[href^="http:"],
.editor_content a[href^="https:"],
.editor_content a[href^="mailto:"] { word-break:break-all; }
}