.mb5{ margin-bottom: 5px}
.mb10{ margin-bottom: 10px}
.mb15{ margin-bottom: 15px}
.mb20{ margin-bottom: 20px}
.mb25{ margin-bottom: 25px}
.mb30{ margin-bottom: 30px}

.ir_text{ width: 0; height: 0; overflow: hidden; position: absolute}
.red{ color: #c42047 !important;}
.red2{ color: #cf0606 !important;}
.i-annual__number .c-emphasis--colored,
.blue{ color: #1e8bdb !important;}
.blue2{ color: #3d5bab !important;}
.blue3{ color: #1c1cba !important;}
.green{ color: #427026 !important;}
.brown{ color: #8b5810 !important;}
.black{ color: #131313 !important;}
.i-annual__number,
.gray666{ color: #666 !important;}
.gray555{ color: #555 !important;}
.gray444{ color: #444 !important;}
.gray333{ color: #333 !important;}
.fz16{ font-size: 1rem}
.fz18{ font-size: 1.125rem}
.fz20{ font-size: 1.250rem}
.bold{ font-family: "NotoSans_b", "Malgun Gothic", sans-serif}
.flex{ display: flex; flex-wrap: wrap}
.now_wrap{ flex-wrap: nowrap!important;}
.shrink0{ flex-shrink: 0}
.flex_aic{display: flex;flex-wrap: wrap;align-items: center}
.flex_ais{ display: flex; flex-wrap: wrap; align-items: flex-start}
.flex_aie{ display: flex; flex-wrap: wrap; align-items: flex-end}
.flex_acc{ display: flex; flex-wrap: wrap; align-content: center}
.flex_acs{ display: flex; flex-wrap: wrap; align-content: flex-start}
.flex_acsb{ display: flex; flex-wrap: wrap; align-content: space-between}
.c-buttons__center,
.flex_jc{ display: flex; flex-wrap: wrap; justify-content: center}
.flex_je{ display: flex; flex-wrap: wrap; justify-content: flex-end}
.flex_sb{ display: flex; flex-wrap: wrap; justify-content: space-between}
.tac{ text-align: center}
.tal{ text-align: left}
.tar{ text-align: right}
.wrap{ width: 100%}
.link{ color: #0042ff; text-decoration: underline !important; text-underline-position: under}
.underline{ text-decoration: underline !important; text-underline-position: under}
.d_ib{ display: inline-block!important;}

.c-sections.wrap:after{ content: ""; width: 100%; display: block; clear: both;}

.border_wrap{ border-top: solid 2px #004170; border-bottom: solid 1px #aeaeae;}
.btn{ width: auto; height: 35px; line-height: 35px; font-size: 1rem; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0 15px;}
.btn.btn_md{height: 45px}
.btn.btn_lg{height: 50px}
.btn.btn_xl{ min-width: 220px; padding: 0 60px; height: 50px; font-size: 1.250rem}
.btn.btn_m{ padding: 0 35px;}
.btn + .btn{ margin-left: 7px}
.btn img{ margin-right: 10px}
.bg_gray_btn{ background: #767676; color: #fff !important;}
.border_gray_btn{ background: #fff; color: #767676!important; border: solid 1px #969696}
.border_darkgray_btn{ background: #fff; color: #333333!important; border: solid 1px #818181}
.border_blue_btn{ background: #fff; color: #17586f!important; border: solid 1px #17586f}

.bg_black{ background: #000!important; border-color: #000!important; color: #fff!important;}
.bg_red{ background: #c42047!important; border-color: #c42047!important; color: #fff!important;}
.bg_gray{ background: #dbdbdb!important; border-color: #dbdbdb!important; color: #131313!important;}
.bg_darkgray{ background: #767676!important; border-color: #767676!important; color: #ffffff!important;}
.bg_sky{ background: #cde1e8!important; border-color: #cde1e8!important; color: #131313!important;}
.bg_brown{ background: #602c0a!important; border-color: #602c0a!important; color: #fff!important;}
.bg_purple{ background: #272354!important; border-color: #272354!important; color: #fff!important;}
.bg_green{ background: #1f4915!important; border-color: #1f4915!important; color: #fff!important;}
.bg_blue{ background: #0c4478!important; border-color: #0c4478!important; color: #fff!important;}
.bg_blue2{ background: #15576e!important; border-color: #15576e!important; color: #fff!important;}

.border_gray{ border: solid 1px #808080; color: #131313!important;}

.info_border_gray{ background: #eeeeee!important; border: solid 1px #bcbcbc; color: #666!important;}
.info_border_blue{ background: #eef3ff!important; border: solid 1px #2253c2; color: #2253c2!important;}
.info_border_red{ background: #ffe8e8!important; border: solid 1px #e10606; color: #e10606!important;}

.info_title{ margin: 20px 0 0 0; padding: 15px 0; font-size: 1.250rem; display: flex; align-items: center}
.info_title:before{ content: url("/img/sub/ic_collectioninfo.png"); margin-right: 8px; display: inline-block; line-height: 0; margin-top: 1px}

.border_box{ padding: 40px 30px 50px; font-size: 1.125rem; text-align: center; margin-bottom: 40px; border: solid 1px #dfdfdf; background: #f8f8f8}
.border_box.tal{ text-align: left}
.border_box .txt_wrap .tit{ font-size: 1.375rem; color: #131313; margin: 10px 0}
.border_box .txt_wrap .txt{ font-size: 1.063rem; color: #333}

.menu_info_area{ display: flex; align-items: flex-start; margin-bottom: 40px}
.menu_info_area .img_wrap{ flex-shrink: 0}
.menu_info_area .txt_wrap{ font-size: 1.063rem; color: #333; padding-top: 15px}
.menu_info_area .img_wrap + .txt_wrap{ padding-left: 40px}

::-webkit-input-placeholder {font-size:1rem;color:#666;}
::-moz-placeholder {font-size:1rem;color:#666;} /* firefox 19+ */
:-ms-input-placeholder {font-size:1rem;color:#666;} /* ie */
input:-moz-placeholder {font-size:1rem;color:#666;}

.table_basic{ width: 100%; font-size: 1.125rem; table-layout: fixed; border: none; border-collapse: collapse}
.table_basic *{ padding: 0; word-break: break-all}
.table_basic th{ color: #242424; font-weight: 600; background: #f8f8f8}
.table_basic td{ color: #666666}
.table_basic th,
.table_basic td{ padding: 15px 20px; vertical-align: middle}
.table_basic tr{ border-bottom: solid 1px #dfdfdf}
.table_basic tbody tr:last-child{ border-bottom: none}
.table_basic input,
.table_basic textarea{ border: solid 1px #dfdfdf; resize: none}
.table_basic input{ height: 35px; width: 100%; max-width: 380px; padding: 0 10px; font-size: 1rem}
.table_basic textarea{ width: 100%; height: 100px; overflow-y: auto; padding: 5px 10px; font-size: 1rem}

.table_basic.bd_table,
.table_basic.bd_table th,
.table_basic.bd_table td{ border: solid 1px #dfdfdf}
.table_basic.bd_table tbody tr:first-child td{ border-top: none}

.table_basic.pds th,
.table_basic.pds td{ padding: 10px 15px}

.table_basic.td_bd_l td{ border-left: solid 1px #dfdfdf}

/*pop*/
.pop_default .popup_wrap{ width: 100%; max-width: 1100px; max-height: 95%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff}
.pop_default .pop_head{ width: 100%; height: 60px; line-height: 60px; background: #254074; color: #fff; padding: 0 20px; display: flex; align-items: center; font-size: 1.5rem}
.pop_default .pop_head h2{ font-family: "NotoSans_r", "Malgun Gothic", sans-serif}
.pop_default .pop_body{ padding: 25px 20px 50px; width: 100%; max-height: calc(95vh - 60px); overflow-y: auto}
.pop_default .pop_close{ width: 60px; height: 60px; background: url("/img/common_renew/ic_close_w.png") no-repeat center; position: absolute; right: 0; top: 0; z-index: 1}
.pop_default .pop_con{ position: relative; z-index: 0}


@media screen and (max-width: 800px){
    .table_basic{ font-size: 1rem}
    .table_basic.pds th,
    .table_basic.pds td,
    .table_basic th,
    .table_basic td{ padding: 10px}

    .menu_info_area{ flex-wrap: wrap}
    .menu_info_area .img_wrap{ width: 100%; text-align: center; margin-bottom: 20px}
    .menu_info_area .txt_wrap{ width: 100%; padding-top: 0}
    .menu_info_area .img_wrap + .txt_wrap{ padding-left: 0}
}

/* keyboard focus css */
:focus-visible {outline: 3px solid #333}
.slick-track a:focus-visible {outline-width: 10px;outline-style: auto;background-color: #EEEEEE}

/*paging*/
.paging{display: flex;min-height: 36px;white-space: nowrap;text-align: center;margin-top: 2.5rem;}
.paging:after{display: block;content: "";clear: both;}
.paging a{display: block;vertical-align: top;margin-right: 5px;}
.paging .btn_first, .paging .btn_prev, .paging .btn_next, .paging .btn_last{position: relative;width: 36px;height: 36px;border: 1px solid #a6a6a6;}
.paging .btn_first:after, .paging .btn_prev:after, .paging .btn_next:after, .paging .btn_last:after{display: block;content: "";position: absolute;left: 0;top: 0;width: 36px;height: 36px;background: url(/img/common_renew/arr_paging.png) no-repeat;}
.paging .btn_last{margin-right: 0;}
.paging .btn_first:after{background-position: 0 0;}
.paging .btn_prev:after{background-position: -36px 0;}
.paging .btn_next:after{background-position: -72px 0;}
.paging .btn_last:after{background-position: -108px 0;}
.paging .paginate_input_wrap{ display: flex;margin: 0;font-size: 16px;font-weight: 700;color: #575757;}
.paging .paginate_input_wrap > *{height: 35px;line-height: 35px;float: left;}
.paging .paginate_input{ display: inline-block;width: 30px;height: 34px;line-height: 33px; max-height: 36px; margin-right: 5px;font-size: 16px !important;font-weight: 700;color: #575757;text-align: center;vertical-align: top;padding: 0 !important;position: relative; border:none !important;border-bottom: 2px solid #575757 !important;}
.paging .paginate_input2{ width: 45px;}
.paging .total_num{margin-right: 10px;height: 34px;line-height: 34px;margin-left: 5px;font-size: 1rem}
.paging .btn_page_go{ width: 45px;height: 36px;background: #626262;font-weight: 500;color: #fff;line-height: 36px; margin-right: 5px}

/*breadcrumb start*/
.breadcrumb_list{width: auto;display: flex;justify-content: flex-start; margin-bottom: 15px}
.breadcrumb_list .breadcrumb_item,
.breadcrumb_list .breadcrumb_item a{width: auto;display: flex;float: left;font-size: 0.938rem;color: #424242; font-family: "noto_l", "Malgun Gothic", sans-serif; display: flex; align-items: center; justify-content: center;}
.breadcrumb_list .breadcrumb_item{position: relative;}
.breadcrumb_list .breadcrumb_item:before{content: "";width: 30px;height: 100%;display: block;float: left;background: url("/img/sub/ic_arrow.png") no-repeat center;}
.breadcrumb_list .breadcrumb_item.home{width: 20px;height: 20px;background: url("/img/sub/ic_home.png") no-repeat center;}
.breadcrumb_list .breadcrumb_item.home:before{display: none}
.breadcrumb_list .breadcrumb_item.home a{ width: 100%; height: 100%}
.breadcrumb_list .breadcrumb_item.current{ font-weight: bold}
@media screen and (max-width: 1024px){
	.exhibition_detail_wrap .down_btn{width: 100%!important;}
	.exhibition_detail_wrap .down_box{margin-left: 12px;}
	.exhibition_detail_wrap .down_box span{font-size: 1rem;}
	
    .breadcrumb_list{ display: none}
}
/*breadcrumb end*/

/*page util start*/
.page_util{ display: inline-block; position: absolute; right: 0; bottom: 20px}
.page_util .page_util_item{ width: 32px; height: 32px; border-radius: 16px; float: left; margin-left: 5px}
.page_util .page_util_item.print{ background: #647077 url("/img/sub/ic_print.png") no-repeat center}
.page_util .page_util_item.share{ background: #647077 url("/img/sub/ic_share.png") no-repeat center}

.page_util .share_sns_wrap{ width: auto; position: absolute; right:33px; top: 35px; z-index: 999; display: none}
.page_util .share_sns{ display: flex; flex-wrap: nowrap; padding: 5px; background: rgba(0,0,0,0.7); border-radius: 5px; float: left}
.page_util .close_share_sns,
.page_util .share_sns li{ width: 30px; height: 30px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 2px}
.page_util .share_sns li a{ width: 100%; height: 100%;}
.page_util .share_sns li.blog{ background-image: url("/img/sub/ic_blog_c.png")}
.page_util .share_sns li.facebook{ background-image: url("/img/sub/ic_facebook_c.png")}
.page_util .share_sns li.twitter{ background-image: url("/img/sub/ic_twitter_c.png")}
.page_util .share_sns li.copy_link{ background-image: url("/img/sub/ic_copylink.png")}
.page_util .close_share_sns {
    background-image: url("/img/common_renew/ic_close_w.png");
    background-color: rgba(0,0,0,0.7);
    text-indent: -999999999px;
    color: transparent;
    background-size: 40% auto;
    position: absolute;
    right: -33px;
    top: 50%;
    margin-top: -15px
}
/*page util end*/

/*sub visual start*/
.sub_visual{ width: 100%; height: 160px; background: url("/img/sub/bg_sub.jpg") no-repeat center / cover; color: #fff}
/*sub visual end*/

/*lnb start*/
.lnb_wrap{ width: 250px; border-top: solid 3px #c42047}
.lnb_tit{width: 100%;height: 120px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;text-align: center; font-family: "NotoSans_b", "Malgun Gothic", sans-serif;font-size: 1.5rem;color: #131313}
.lnb_depth2_item{ width: 100%}
.lnb_depth2_item > a{ padding: 15px 35px 15px 15px; width: 100%; font-size: 1.125rem; position: relative; font-family: "NotoSans_mb", "Malgun Gothic", sans-serif; border-top: solid 1px #dfdfdf}
.lnb_depth2_item > a:hover,
.lnb_depth2_item > a:focus,
.lnb_depth2_item.active > a,
.lnb_depth2_item.current > a{ background: #f8f8f8}
/* .lnb_depth2_item.active > a, */
/* .lnb_depth2_item.current > a{ border-bottom: solid 1px #dfdfdf} */
.lnb_depth2_item .lnb_depth2_trigger:before{
    content: url("/img/common_renew/ic_arrow_down.png");
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    margin-top: -5px;
}
.lnb_depth2_item.active .lnb_depth2_trigger:before,
.lnb_depth2_item.current .lnb_depth2_trigger:before{ content: url("/img/common_renew/ic_arrow_up.png");}
.lnb_depth2_item .lnb_depth3_wrap{ display: none}
.lnb_depth2_item.active .lnb_depth3_wrap,
.lnb_depth2_item.current .lnb_depth3_wrap{ padding: 15px 0; display: block; border-top: solid 1px #dfdfdf}
.lnb_depth3_item > a{ padding: 8px 0 8px 15px; width: 100%; font-size: 1rem; color: #666; text-indent: 1rem; position: relative}
.lnb_depth3_item > a:before{ content: ""; width: 3px; height: 2px; background: #666; position: absolute; left: 18px; top: 50%;}
.lnb_depth3_item.current > a,
.lnb_depth3_item > a:hover,
.lnb_depth3_item > a:focus{ color: #131313; font-family: "NotoSans_mb", "Malgun Gothic", sans-serif; }
/*lnb end*/

/*acodian menu*/
.acodian_trigger{ width: 100%; height: 55px; line-height: 55px; font-size: 1.125rem; color: #131313; padding: 0 60px 0 30px; border-top: solid 1px #dfdfdf;}
.acodian_wrap,
.acodian_tit.open .acodian_trigger{ border-bottom: solid 1px #dfdfdf;}
.acodian_tit.open + .acodian_con:after,
.acodian_tit.open:before{
	content:"";
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	background: #aaa;
	z-index: 2;
}
.acodian_tit.open:before{ top: 0}
.acodian_tit.open + .acodian_con:after{ bottom: -1px}
.acodian_con{ padding: 25px 30px; font-size: 1.125rem; color: #333; display: none; position: relative}
.acodian_tit.open + .acodian_con{ display: block}
.acodian_tit{ position: relative}
.acodian_tit .acodian_trigger:after{ content: url("/img/sub/ic_arrow_acodian.png"); position: absolute; right: 30px; top: 50%; transform: translateY(-50%)}
.acodian_tit.open .acodian_trigger:after{ transform: translateY(-50%) rotate(-180deg)}

.acodian_wrap.type2{ border-bottom: none}
.acodian_wrap.type2 .acodian_tit.open + .acodian_con:after,
.acodian_wrap.type2 .acodian_tit.open:before{ display: none}
.acodian_wrap.type2 .acodian_trigger{ border: solid 1px #e7e7e7; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); height: auto; line-height: +1.3; padding: 17px 60px 17px 30px; border-radius: 15px}
.acodian_wrap.type2 .acodian_trigger .bullet_tit{ margin-bottom: 0}

.acodian_wrap.type2 .acodian_tit .acodian_trigger:after{ content: ""; width: 21px; height: 3px; background: #0c4478; border-radius: 3px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%)}
.acodian_wrap.type2 .acodian_tit .acodian_trigger:before{ content: ""; width: 3px; height: 21px; background: #0c4478; border-radius: 3px; position: absolute; right: 39px; top: 50%; transform: translateY(-50%)}
.acodian_wrap.type2 .acodian_tit.open .acodian_trigger:before{ display: none}


.acodian_txt_list,
.acodian_txt_item{ width: 100%}
.acodian_txt_list .acodian_txt_item{ margin-bottom: 10px; padding-left: 25px; position: relative}
.acodian_txt_list .acodian_txt_item:before{ content: "-"; font-weight: bold; position: absolute; left: 10px; top: -0.1em}
.acodian_txt_list .acodian_txt_item:last-child{ margin-bottom: 0}
.acodian_txt_list .info_txt{ padding-left: 10px}

.acodian_box_list{ margin: 20px 0 10px;}
.acodian_box_item{ padding: 0 10px}
.acodian_box_item .box{ width: 100%; height: 100%; padding: 25px; border: solid 1px #d25473; border-radius: 20px; text-align: center}
.acodian_box_item .tit{ color: #131313}
.acodian_box_item .txt{ font-size: 0.938rem; font-family: "NotoSans_l", sans-serif}
.acodian_box_item .tit + .txt{ margin-top: 20px}

@media (max-width: 800px){
    .acodian_con{ padding: 25px 15px}
    .acodian_box_item{ padding: 5px}
    .acodian_box_item .box{ padding: 10px}
    .acodian_box_list .acodian_box_item{ width: 50% !important;}

    .acodian_trigger{ padding: 0 45px 0 15px}
    .acodian_tit:after{ right: 15px}

    .acodian_wrap.type2 .acodian_trigger{ padding: 17px 45px 17px 15px;}
    .acodian_wrap.type2 .acodian_tit:after{ right: 15px}
    .acodian_wrap.type2 .acodian_tit:before{ right: 24px}

    .acodian_wrap .btn_wrap .btn{ width: 100%}
    .acodian_wrap .btn_wrap .btn + .btn{ margin-left: 0; margin-top: 5px}
}

/*sub common*/
.c-table{ border-top-color: #15576e}

.c-table + .dot_tit{ margin-top: 40px}

.dot_tit{ font-size: 1.125rem; color: #131313; font-family: "NotoSans_mb", "Malgun Gothic", sans-serif; position: relative; padding-left: 20px; margin: 15px 0}
.dot_tit:before{
    content: "";
    width: 5px;
    height: 5px;
    background: #131313;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
}
.dot_tit.red_dot:before{ background: #cb3a5d}

.txt_list,
.txt_item{ width: 100%}
.txt_item{ margin: 5px 0}

/*contents wrap sub start*/
.contents_wrap{ width: 100%; position: relative}
.lnb_wrap + .contents_wrap{ width: calc(100% - 250px); padding-left: 50px}
.contents_wrap .contents{ padding: 60px 0 80px}
@media screen and (max-width: 1024px){
    .lnb_wrap,
    .sub_visual{ display: none}
    .lnb_wrap + .contents_wrap{ width: 100%; padding: 0}

    .m_btn_back{ width: 20px; height: 100%; position: absolute; left: 15px; top: 0; background: url("/img/common_renew/ic_back_m.png") no-repeat center}
    .page_util{ width: 20px; height: 100%; position: absolute; right: 15px; top: 0}
    .page_util > span{ width: 100%; height: 100%; display: block}
    .page_util .page_util_item.share{ width: 100%; height: 100%; background: url("/img/common_renew/ic_share_m.png") no-repeat center}
    .page_util .share_sns_wrap{ right: 20px; top: 75px}
}
/*contents wrap sub end*/

/*sub title wrap start*/
.page_wrap{ padding-top: 40px; padding-bottom: 40px}
.sub_title_wrap{ color: #131313; position: relative}
.page_tit{ font-size: 2.125rem; padding: 20px 0; border-bottom: solid 1px #dfdfdf}
@media screen and (max-width: 1024px){
    .page_wrap{ padding-top: 0}
    .page_wrap .inner{ padding: 0}
    .sub_title_wrap{ display: flex; align-items: center; justify-content: center; text-align: center}
    .page_tit{ margin-bottom: 0; font-size: 1.625rem; padding: 20px 40px; border-bottom: none; color: #fff}
}
/*sub title wrap end*/

/*table_top start*/
.table_top{
    width: 100%;
    height: auto;
    line-height: 45px;
    color: #626262;
    font-size: 1.063rem;
    padding-bottom: 1.389rem;
}
.table_top .btn{ height: 45px}
.table_top .count{ margin: 0 3px 0 3px}
.table_top .right{
    position: relative;
}
.table_top select{
    min-width: 150px;
    height: 45px;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("/img/common_renew/ic_arrow_select.png") no-repeat right 10px center;
    padding: 0 25px 0 20px;
    font-size: 1rem;
    border: solid 1px #dfdfdf;
}
.table_top select + select{ border-left: none}
.table_top input{
    width: 350px;
    height: 45px;
    display: block;
    margin-left: -1px;
    padding-right: 45px !important;
    padding-left: 15px;
    font-size: 1rem;
    border: solid 1px #dfdfdf;
}
.table_top .search_btn{
    width: 45px;
    height: 45px;
    display: inline-block !important;
    position: absolute;
    right: 0;
    top: 0;
    background: url("/img/common_renew/ic_table_search.png") no-repeat center;
    z-index: 10;
    cursor: pointer;
}
.table_top .bd_type_list img{ margin-right: 8px}
.table_top .bd_type_list .bd_type_item{ margin-right: 15px; opacity: 0.5}
.table_top .bd_type_list .bd_type_item.active{ opacity: 1}
.table_top .bd_type_list .bd_type_item:last-child{ margin-right: 0}

.table_top .bd_type_list .bd_type_item.active a,
.table_top .bd_type_list .bd_type_item a:focus,
.table_top .bd_type_list .bd_type_item a:hover{ text-decoration: underline; text-underline-position: under}

.table_top fieldset{ display: flex; flex-wrap: wrap}
.table_top fieldset label + select{ margin-left: 5px}

.table_top.publbook .bd_type_list{ margin-left: 10px}

@media (max-width: 1024px){
    .contents_wrap .contents{ position: relative; padding: 50px 15px}
    .sub_title_wrap{ margin-top: 0; background: #15576e}

    .table_top .left,
    .table_top .right{ width: 100%; margin: 5px 0}
    .table_top select{ margin-bottom: 5px}
    .table_top form,
    .table_top input,
    .table_top select,
    .table_top .btn,
    .table_top .search_input_wrap{ width: 100%}
    .table_top input{ margin-right: 0; margin-left: 0}
    .table_top select + select{ border-left: solid 1px #dfdfdf}
    .table_top .search_btn{ top: auto; bottom: 0}

	.table_top fieldset,
	.table_top fieldset label,
	.table_top fieldset select,
	.table_top fieldset input[type='submit']{ width: 100%}
	.table_top fieldset label + select{ margin-left: 0}

	.seed_btnArea{ margin-top: 15px}
	
    .bd_type_list{ justify-content: flex-end; margin-top: 15px}

	.table_top.publbook .bd_type_list{ line-height: +1}
	.table_top .bd_type_list{ width: 100%; justify-content: flex-end;}
}
/*table_top end*/

/*board start*/
table{ table-layout: fixed; width: 100%; height: auto; position: relative; word-break: break-word; float: none}
table th,
table td{ vertical-align: middle;}
.bd_wrap{ border-top: 2px solid #15576e; border-bottom: 1px solid #aeaeae;}
.board_wrap{ width: 100%}
.board_wrap input[type="checkbox"]{ cursor: pointer;}
.paging_wrap + .list_btn_group,
.board_wrap + .list_btn_group{ margin-top: 20px}
.board_wrap table th{
    background: #f8f8f8;
    font-family: "NotoSans_mb", sans-serif;
    padding: 25px 15px;
    vertical-align: middle
}
.board_wrap table tbody tr{ border-top: solid 1px #e8e8e8}
.board_wrap table td{ color: #333; padding: 20px 15px; text-align: center; vertical-align: middle}
.board_wrap table td.tit{ text-align: left; font-size: 1.125rem; display: flex; align-items: center; justify-content: space-between;}
.board_wrap table td.tit > div{ width: 100%}
.board_wrap table td.tit > div.board_info{ width: auto; flex-shrink: 0; padding-left: 15px}
.table_wrap .board_info .info.count{ width: 65px; text-align: center}
.board_wrap table td.tit a{ width: auto; max-width: calc(100% - 50px); display: -webkit-box}
.board_wrap table td.tit a:hover,
.board_wrap table td.tit a:focus{ text-decoration: underline; text-underline-position: under}

.board_wrap table td.tit .tit_txt + .icon img{ position: relative; top: -0.1em; width: 0.8em; margin-left: 5px}

.table_wrap .notice_box,
.table_wrap .category_box{ border: solid 1px #15576e; font-size: 0.938rem; color: #15576e; padding: 2px 20px; margin-right: 10px}
.table_wrap .tit .ic_new{ width: 15px; height: 15px; background: #007bc2; margin-left: 5px; display: inline-block;}
.table_wrap .tit .ic_new:before{ content: "N"; color: #fff; font-size: 0.5rem; display: flex; justify-content: center; line-height: 15px}
.table_wrap .tit .ic_attached{ width: 15px; height: 15px; background: url("/img/common_renew/ic_attached.png") no-repeat center; margin-left: 5px}
.table_wrap .board_info{ margin-top: 5px; flex-shrink: 0}

.table_wrap + .list_btn_group{ margin-top: 20px}

.table_wrap .search_word{ background: #158ad9 !important;; color: #fff !important;}

.no_data{ padding: 2rem 15px; text-align: center}

/*ul li 게시판*/
.table_wrap .bd_list li{ width: 100%; height: auto; display: flex; border-bottom: solid 1px #e8e8e8;}
.table_wrap .bd_list li:last-child{ border-bottom: none;}
.table_wrap .bd_list li .category_name{ width: 150px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; text-align: center;}
.table_wrap .bd_list li .tit{ width: 100%; display: flex; align-items: center; justify-content: space-between; text-align: left; font-size: 1.125rem;}
.table_wrap .bd_list li .tit .board_info{ width: auto; flex-shrink: 0; padding-left: 15px}
.table_wrap .bd_list li .category_name,
.table_wrap .bd_list li .tit{ padding: 20px 15px}

@media (max-width: 800px){
    .board_wrap table th,
    .board_wrap table td{ padding: 20px 5px}
    
    .table_wrap table td.tit{ flex-wrap: wrap}
    .board_wrap table td.tit > div.board_info{ margin-top: 5px; padding-left: 0 !important; flex-wrap: wrap; flex-shrink: 1}
    .table_wrap table td.tit .board_info .info{ font-size: 0.875rem}
    .table_wrap table td.tit .board_info .info.count{ width: auto; text-align: left;}
    
    /*ul li 게시판*/
	.table_wrap .bd_list li{ padding: 15px 0; display: block;}
	.table_wrap .bd_list li .category_name,
	.table_wrap .bd_list li .tit{ padding: 5px}
	.table_wrap .bd_list li .tit{ flex-wrap: wrap}
	.table_wrap .bd_list li .category_name{ width: auto; display: inline-block; height: 30px}
	.table_wrap .bd_list li.notice_row .category_name{ padding-left: 80px}
	.table_wrap .bd_list .tit .notice_box{ position: absolute; left: 5px; top: -30px; width: 65px; height: 30px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0}
	.table_wrap .bd_list li .board_info{ padding-left: 0 !important; width: 100% !important;}
	.table_wrap .bd_list li .board_info .info{ width: auto !important; font-size: 0.875rem!important;}
}

@media (max-width: 800px){
    .board_wrap .m_layout thead{ display: none}
    .board_wrap .m_layout table,
    .board_wrap .m_layout tbody,
    .board_wrap .m_layout tr{ display: block; width: 100%}
    .board_wrap .m_layout tbody tr:first-child{ border-top: none}
    .board_wrap .m_layout tr{ padding: 15px 0}
    .board_wrap .m_layout tr:after{ content: ""; display: block; clear: both;}
    .board_wrap .m_layout td:not(.m_hidden_t){ display: inline-block; padding: 0 10px; float: left}
    .board_wrap .m_layout td:not(.tit) + td:not(.tit){ border-left: solid 1px #dfdfdf;}
    .board_wrap .m_layout td.tit{ width: 100%; margin-bottom: 5px; font-size: 1.111rem}
    .board_wrap .m_layout td.tit a{ display: -webkit-box;font-family: "NotoSans_mb", sans-serif;}
    .board_wrap table th,
    .board_wrap table td{ padding: 20px 5px}
}

/*board - category*/
.table_wrap.category .category_name{ color: #007bc2; font-size: 0.889rem}
.table_wrap.category .tit{ font-size: 1.111rem; color: #131313; display: flex; justify-content: space-between; align-items: center; position: relative;}
.table_wrap.category .tit > div{ width: 100%; flex-wrap: nowrap;}
.table_wrap.category .tit .notice_box{ flex-shrink: 0}
.table_wrap.category .tit > div.board_info{ width: auto; flex-shrink: 0}
.table_wrap.category .board_info .info.count{ width: 65px; text-align: center;}
.board_info .info{ color: #333; font-size: 1rem; display: inline-block; position: relative;}
.board_info .info + .info{ margin-left: 20px}
.board_info .info + .info:before{ content: "|"; margin: 0 10px; color: #aeaeae; font-size: 0.875em; position: absolute; left: -25px;  top: 0.1em}

@media (max-width: 800px){
	.table_wrap.category table colgroup{ display: none}
    .table_wrap.category table,
    .table_wrap.category table tbody,
    .table_wrap.category table tr,
    .table_wrap.category table th,
    .table_wrap.category table td{ display: block; width: 100%}
    .table_wrap.category table tr{ padding: 15px 0}
    .table_wrap.category table th,
    .table_wrap.category table td{ padding: 5px}
    
    .table_wrap.category table td.category_name{ width: auto; display: inline-block; height: 30px}
    .table_wrap.category table .notice_row td.category_name{ padding-left: 80px}
    .table_wrap.category .tit .notice_box{ position: absolute; left: 5px; top: -30px; width: 65px; height: 30px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0}
    .table_wrap.category .tit{ flex-wrap: wrap}
    .table_wrap.category .tit > div.board_info{ margin-top: 5px; flex-wrap: wrap; flex-shrink: 1}
    .table_wrap.category .board_info .info{ font-size: 0.875rem}
    .table_wrap.category .board_info .info.count{ width: auto; text-align: left;}
    
}

/*board - mixed_list*/
.mixed_list .mixed_item{ border-bottom: solid 1px #dfdfdf; list-style: none}
.mixed_list .mixed_item:last-child{ border-bottom: none}
.mixed_list .mixed_item a{ padding: 15px 40px}
.mixed_list .mixed_item a:focus,
.mixed_list .mixed_item a:hover{ background: #f5f5f5}
.mixed_list .mixed_item .img_wrap{ width: 230px; height: auto; border: solid 1px #dfdfdf; background-color: #f5f5f5; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; text-align: center;}
.mixed_list .mixed_item .img_wrap img{ width: 100%}
.mixed_list.type2 .mixed_item .img_wrap:before,
.mixed_list.event .mixed_item .img_wrap:before,
.mixed_list.edu .mixed_item .img_wrap:before{ content: ""; width: 100%; height: auto; padding-bottom: 130%; display: block;}
.mixed_list.type2 .mixed_item .img_wrap img,
.mixed_list.event .mixed_item .img_wrap img,
.mixed_list.edu .mixed_item .img_wrap img{ width: 100%; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.mixed_list .mixed_item .txt_wrap{ width: 100%}
.mixed_list .mixed_item .checkbox_wrap{ width: 40px; display: flex; align-items: center; justify-content: center}
.mixed_list .mixed_item .img_wrap + .txt_wrap{ width: calc(100% - 230px); padding-left: 30px}
.mixed_list .mixed_item .checkbox_wrap + .box{ width: calc(100% - 30px); padding-left: 20px}
.mixed_list .mixed_item .item_title{ color: #131313; font-size: 1.250rem; margin-bottom: 15px; font-family: "NotoSans_mb", "Malgun Gothic", sans-serif}
.mixed_list .mixed_item .item_info{ color: #15576e; font-size: 1rem}
.mixed_list .mixed_item .item_info span + span:before{ content: "|"; margin: 0 10px; color: #dfdfdf; }
.mixed_list .mixed_item .item_info + .item_title{ margin-top: 10px}
.mixed_list .mixed_item .item_txt{ color: #333; font-size: 0.938rem}

.mixed_list.type2 .mixed_item .item_txt{ margin-top: 13px; color: #131313}
.mixed_list.type2 .mixed_item .item_txt .tit{ font-size: 1.063rem; color: #131313; width: 97px}
.mixed_list.type2 .mixed_item .item_txt .tit:after{ content: "|"; margin: 0 15px; color: #666; font-size: 0.875em; position: relative; top: -0.1em}
.mixed_list.type2 .mixed_item .item_txt .txt{ font-size: 1.063rem; width: calc(100% - 97px)}
.mixed_list.type2 .mixed_item .item_txt .dot_list > li{ margin-bottom: 12px}
.mixed_list.type2 .mixed_item .item_txt .dot_list > li:last-child{ margin-bottom: 0}
.mixed_list.type2 .mixed_item .item_txt .dash_list > li{ margin-top: 5px; font-size: 1rem}

/*board - mixed_thumb*/
.thumb_list{ display: flex; flex-wrap: wrap; padding-bottom: 40px}
.thumb_list .thumb_item{ width: calc((100% - 60px)/4); margin-right: 20px; margin-top: 40px}
.thumb_list .thumb_item:nth-child(4n){ margin-right: 0}
.thumb_list .thumb_item .img_wrap{ width: 100%; height: auto; padding-bottom: 134%; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; margin-bottom: 30px; border: solid 1px #dfdfdf; position: relative}
.thumb_list .thumb_item .item_info{ color: #15576e; font-size: 1rem; padding: 3px 7px; border: solid 1px #15576e}
.thumb_list .thumb_item .item_title{ font-family: "NotoSans_b", "Malgun Gothic", sans-serif; font-size: 1.125rem; height: 3em}
.thumb_list .thumb_item .item_loca,
.thumb_list .thumb_item .item_date { font-size: 0.938rem; color: #333}
.thumb_list .thumb_item .item_info_wrap + .item_title,
.thumb_list .thumb_item .item_info + .item_title{ margin-top: 15px}
.thumb_list .thumb_item .item_title + .item_date{ margin-top: 20px}
.thumb_list .thumb_item a{ width: 100%}
.thumb_list .thumb_item a:focus .item_title,
.thumb_list .thumb_item a:hover .item_title{ text-decoration: underline; text-underline-position: under}

.thumb_list .thumb_item .item_info_wrap{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around}
.thumb_list .thumb_item .item_info_wrap .item_info{ width: calc(50% - 5px); display: block; text-align: center}
.thumb_list .thumb_item .item_info_wrap .item_info:first-child{ margin-right: 10px}

@media (max-width: 1400px){
    .thumb_list .thumb_item{ width: calc((100% - 40px)/3); margin-right: 20px}
    .thumb_list .thumb_item:nth-child(4n){ margin-right: 20px}
    .thumb_list .thumb_item:nth-child(3n){ margin-right: 0}
}
@media (max-width: 800px){
    .thumb_list .thumb_item{ width: calc((100% - 15px)/2); margin-right: 15px}
    .thumb_list .thumb_item:nth-child(3n){ margin-right: 15px}
    .thumb_list .thumb_item:nth-child(2n){ margin-right: 0}

    .thumb_list .thumb_item .item_info_wrap .item_info{ width: calc((100% - 5px)/2); font-size: 0.875rem}
    .thumb_list .thumb_item .item_info_wrap .item_info:first-child{ margin-right: 5px}
}
@media (max-width: 600px){
    .thumb_list .thumb_item{ width: 100%; margin-right: 0}
    .thumb_list .thumb_item:nth-child(3n){ margin-right: 0}
}

.thumb_list2{ display: flex; flex-wrap: wrap; padding-bottom: 40px}
.thumb_list2 .thumb_item{ width: calc((100% - 60px)/5); margin-right: 15px; margin-top: 40px}
.thumb_list2 .thumb_item:nth-child(5n){ margin-right: 0}
.thumb_list2 .thumb_item .img_wrap{ width: 100%; height: auto; padding-bottom: 134%; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; margin-bottom: 30px; border: solid 1px #dfdfdf; position: relative}
.thumb_list2 .thumb_item .item_info{ color: #15576e; font-size: 1rem; padding: 3px 7px; border: solid 1px #15576e}
.thumb_list2 .thumb_item .item_title{ font-family: "NotoSans_b", "Malgun Gothic", sans-serif; font-size: 1.125rem; height: 3em}
.thumb_list2 .thumb_item .item_loca,
.thumb_list2 .thumb_item .item_date { font-size: 0.938rem; color: #333}
.thumb_list2 .thumb_item .item_info_wrap + .item_title,
.thumb_list2 .thumb_item .item_info + .item_title{ margin-top: 15px}
.thumb_list2 .thumb_item .item_title + .item_date{ margin-top: 20px}
.thumb_list2 .thumb_item a{ width: 100%}
.thumb_list2 .thumb_item a:focus .item_title,
.thumb_list2 .thumb_item a:hover .item_title{ text-decoration: underline; text-underline-position: under}

.thumb_list2 .thumb_item .item_info_wrap{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around}
.thumb_list2 .thumb_item .item_info_wrap .item_info{ width: calc(50% - 5px); display: block; text-align: center}
.thumb_list2 .thumb_item .item_info_wrap .item_info:first-child{ margin-right: 10px}

@media (max-width: 1400px){
    .thumb_list2 .thumb_item{ width: calc((100% - 40px)/5); margin-right: 10px}
    .thumb_list2 .thumb_item:nth-child(5n){ margin-right: 0}
}
@media (max-width: 800px){
    .thumb_list2 .thumb_item{ width: calc((100% - 15px)/2); margin-right: 10px}
    .thumb_list2 .thumb_item:nth-child(5n){ margin-right: 10px}
    .thumb_list2 .thumb_item:nth-child(2n){ margin-right: 0}

    .thumb_list2 .thumb_item .item_info_wrap .item_info{ width: calc((100% - 5px)/2); font-size: 0.875rem}
    .thumb_list2 .thumb_item .item_info_wrap .item_info:first-child{ margin-right: 5px}
}
@media (max-width: 600px){
    .thumb_list2 .thumb_item{ width: 100%; margin-right: 0}
    .thumb_list2 .thumb_item:nth-child(3n){ margin-right: 0}
}
/*board end*/

/*board detail start*/
.detail_tit{
    padding: 25px 15px;
    font-family: "NotoSans_mb", sans-serif;
    font-size: 1.222rem;
    text-align: center;
}
.detail_tit.tal{ text-align: left;}
.detail_tit .category{ border: 1px solid #007bc2; color: #007bc2; font-size: 1rem; font-family: "NotoSans_r", sans-serif; padding: 5px 8px; margin-right: 15px}
.detail_info{ color: #333; background: #f8f8f8; padding: 15px 20px; border-bottom: solid 1px #dfdfdf}
.detail_info .info{ line-height: +1.5}
.detail_info .info + .info:before{ content: "|"; margin: 0 10px; color: #aeaeae; font-size: 1em}

.detail_info .tag_tit{ font-size: 1.125rem; margin-right: 15px}
.detail_info .tag_wrap .tag{ font-size: 1.063rem; font-family: "NotoSans_l", sans-serif}
.detail_info .tag_wrap .tag + .tag{ margin-left: 15px}

.attached_wrap{ color: #777; padding: 15px 20px; border-bottom: solid 1px #dfdfdf; font-size: 0.944rem}
.attached_wrap .attached + .attached{ margin-top: 5px}
.attached_wrap .attached a.file{ border-bottom: solid 1px #aeaeae; width: auto; display: -webkit-box; max-width: calc(100% - 95px); margin-right: 10px;}
.attached_wrap .attached a.file:before{ content: url("/img/common_renew/ic_attached.png"); margin-right: 5px}

.attached_wrap .attached a.btn_view{
    width: 85px;
    height: 27px;
    flex-shrink: 0;
    border-radius: 5px;
    border: 1px solid #dfdfdf;
    color: #888;
    font-size: 0.833rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.detail_con{ color: #333; padding: 35px 20px; width: 100%}
.detail_con .img_wrap{ margin-bottom: 10px}
.detail_con .img_wrap img{ margin-bottom: 5px}

.btn_wrap{ padding: 1.667rem 0 3.333rem}
.btn_wrap.bd_t{ border-top: solid 1px #c0c0c0}
.btn_big,
.go_to_list{
    min-width: 135px;
    min-height: 45px;
    padding: 5px 10px;
    display: inline-block;
    cursor: pointer;
    background: #6c6c6c;
    color: #fff !important;
    font-size: 1rem;
} 

/*board - thumbnail*/
.detail_con.play_con{ padding: 60px 0 0}
.detail_con .play_wrap{ max-width: 800px; margin: 0 auto; position: relative}
.detail_con .play_wrap:before{ content: ""; padding-bottom: 55%; display: inline-block}
.detail_con .play_wrap iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.detail_con .play_wrap + .txt_wrap{
    padding: 50px 15px;
    margin-top: 50px;
    border-top: solid 1px #aeaeae;
}

.subtitle_wrap{ padding: 0 15px; position: relative}

.subtitle_btn{ width: 135px; height: 35px; line-height: 35px; font-size: 1.125rem; color: #fff!important; background: #777; display: flex; text-align: center; justify-content: center; border-radius: 20px}
.subtitle_btn:after{ content: "▼"; font-size: 0.750rem; margin-left: 10px}
.subtitle_wrap.open .subtitle_btn:after{ content: "▲"}

.subtitle{
    padding: 15px 25px;
    border: solid 1px #dfdfdf;
    height: 100px;
    overflow-y: auto;
    display: none;
    margin: 0
}
.subtitle_wrap.open .subtitle{ margin-top: 25px; display: block}
.subtitle:focus{ border: solid 1px #000}

.con_tit{ font-size: 1.125rem; color: #131313; padding: 15px 0}
.recent_txt_list,
.recent_txt_item{ width: 100%}
.recent_txt_item{ height: 60px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0 40px; border-bottom: solid 1px #dfdfdf}
.recent_txt_list .recent_txt_item:last-child{ border-bottom: none}
.recent_txt_item .tit{ width: calc(100% - 80px); padding-right: 5px}
.recent_txt_item .tit a:focus,
.recent_txt_item .tit a:hover{text-decoration: underline; text-underline-position: under}
.recent_txt_item .date{ color: #4d4d4d; width: 80px}

/*img type*/
.recent_list.img_type .recent_item .img_wrap:after{ content: ""; background: transparent}

/*img type slide*/
.img_slide_wrap{ max-width: 800px; width: 100%; margin: 0 auto 30px}
.img_list_wrap,
.img_thumb_wrap{ width: 100%;}
.img_thumb_wrap{ padding: 0 30px; display: flex; align-items: center; position: relative; margin-top: 20px}
.img_thumb_wrap .slick-arrow{ width: 30px; height: 100%; font-size: 0; color: transparent; position: absolute; top: 0; background-color: rgba(0,0,0,0.5) !important; cursor: pointer}
.img_thumb_wrap .slick-prev{ left: 0; background: url("/img/common_renew/arrow_calendar_prev.png") no-repeat center / 10px auto}
.img_thumb_wrap .slick-next{ right: 0; background: url("/img/common_renew/arrow_calendar_next.png") no-repeat center / 10px auto}
.img_thumb_item{ width:200px; margin: 0 10px; cursor: pointer}
.img_list_wrap,
.img_thumb_item{ border: solid 1px #dfdfdf}
.img_list_item:before,
.img_thumb_item:before{ content: ""; display: block; padding-bottom: 55%}

/*prev_next_wrap start*/
.prev_next_wrap{ padding: 0; border: 1px solid #dfdfdf; border-left: none; border-right: none}
.prev_next_wrap li{ width: 100%; height: 60px; line-height: 60px; color: #444; border-bottom: 1px solid #dfdfdf; padding: 0 10px; display: flex; align-items: center}
.prev_next_wrap li:last-child{ border-bottom: none}
.prev_next_wrap li .left{ width: 95px; padding-left: 35px}
.prev_next_wrap li .prev{ background: url("/img/common_renew/ic_board_prev.png") no-repeat left 13px center}
.prev_next_wrap li .next{ background: url("/img/common_renew/ic_board_next.png") no-repeat left 13px center}
.prev_next_wrap li .right{ width: calc(100% - 95px); padding-left: 20px}
.prev_next_wrap li.disabled{ background: #eee; opacity: 0.7}
.prev_next_wrap li.disabled a{ pointer-events: none}
.prev_next_wrap li a:hover,
.prev_next_wrap li a:focus{ text-decoration: underline; text-underline-position: under}
/*prev_next_wrap end*/

@media (min-width: 800px){
    .recent_list .recent_item{ width: calc((100% - 90px)/4); margin-right: 30px}
    .recent_list .recent_item:nth-child(4n){ margin-right: 0}
}
@media (max-width: 800px){
    .recent_list .recent_item{ width: calc((100% - 15px)/2); margin-left: 15px}
    .recent_list .recent_item:nth-child(2n-1){ margin-left: 0}
    
    .business_intro01 .btn_wrap,
    .business_intro02 .btn_wrap{ padding: 10px 0}
    .m_btn_full .btn,
    .business_intro01 .btn,
    .business_intro02 .btn{ width: 100%; line-height: +1.3; text-align: center}
    .m_btn_full .btn + .btn,
    .business_intro01 .btn + .btn,
    .business_intro02 .btn + .btn{ margin-left: 0; margin-top: 5px}
}
@media (max-width: 600px){
    .detail_info,
    .attached_wrap{ padding: 15px}
    .detail_con{ padding: 20px 15px}
    .recent_txt_item{ padding: 0 15px; height: 50px}
    .prev_next_wrap li{ padding: 0; height: 50px; line-height: 50px}
    .prev_next_wrap li .left{ width: 80px}
    .prev_next_wrap li .right{ padding-left: 10px; width: calc(100% - 80px)}
    .detail_tit .category{ margin: 0}
    .detail_tit{ text-align: left}
    .detail_tit .tit{ width: 100%; display: block}
    .detail_tit .category + .tit{ margin-top: 20px}
}

@media (max-width: 500px){
    .recent_list .recent_item{ width: 100%; margin: 10px 0}
    .img_thumb_item{ width:130px; margin: 0 5px}
}
/*board detail end*/

/*category tab menu start*/
.category_tab_menu{ display: flex; flex-wrap: wrap; margin-bottom: 3.056rem}
.category_tab_link a{ width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; color: #444; word-break: keep-all; font-size: 1.125rem}
.category_select{ display: none}

@media (min-width: 1024px){ /*pc*/
    .category_tab_link{ flex: 1; height: 70px; border-bottom: solid 2px #bf2348}
    .category_tab_link a{ border: solid 1px #dfdfdf; border-bottom: none}
    .category_tab_link.current{ border-bottom: none; position: relative; z-index: 1}
    .category_tab_link.current a{ color: #131313; font-family: "NotoSans_b", "Malgun Gothic", sans-serif; border: solid 2px #bf2348; border-bottom: none}
}
@media (max-width: 1024px){ /*m*/
    .category_select {
        display: block;
        width: 100%;
        height: 45px;
        line-height: 45px;
        text-align: center;
        border: 2px solid #bf2348;
        padding: 0 30px 0 20px;
        background: #fff url("/img/sub/ic_arrow_select_red.png") no-repeat right 20px center;
        position: relative;
        z-index: 20;
        font-size: 1.125rem;
    }
    .category_tab_menu{ position: absolute; left: 50%; top: 30px; transform: translateX(-50%); width: calc(100% - 30px); height: 43px; padding-top: 42px; background: #fff; z-index: 19; border: 1px solid #bf2348; overflow: hidden; display: none}
    .category_tab_menu.open{ height: auto; display: block}
    .category_select_wrap .category_tab_menu{ width: 100%; top: 0}

    .category_tab_link{ width: 100%; height: 45px; line-height: 45px; margin-left: 0; flex: auto; background: #fff; border-bottom: 1px solid #bf2348;}
    .category_tab_menu .category_tab_link:last-child{ border-bottom: none;}

    .category_tab_link.current{ background: #bf2348}
    .category_tab_link.current a{ color: #fff}
    
    .info_system_wrap .category_tab_menu.slide{ padding: 0 !important;}
}
/*category tab menu end*/

/*전시 list*/
.exhibition_search_wrap{ background: #f8f8f8; padding: 40px 15px; margin-bottom: 60px}
.exhibition_search{ width: 500px; max-width: 100%}
.exhibition_search label{ width: 90px; font-size: 1.125rem; color: #131313}
.exhibition_search .datepicker_wrap,
.exhibition_search .search_input_wrap{ width: calc(100% - 90px)}
.exhibition_search .datepicker_wrap .input_wrap input,
.exhibition_search .search_input_wrap input{ width: 100%}
.exhibition_search .datepicker_wrap{ display: flex; justify-content: space-between; align-items: center}
.exhibition_search .datepicker_wrap .input_wrap{ width: calc(50% - 15px); position: relative}
.exhibition_search .datepicker_wrap .input_wrap input{ padding: 0 30px 0 10px}

.datepicker + img{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer}
#ui-datepicker-div{ z-index: 22!important;}
@media (max-width: 1024px){
    .exhibition_search_wrap{ padding: 30px 15px; margin-bottom: 30px}
    .exhibition_search,
    .exhibition_search label,
    .exhibition_search .datepicker_wrap,
    .exhibition_search .search_input_wrap{ width: 100%}

}
/*전시 detail*/
.exhibition_detail_wrap{ display: flex; flex-wrap: wrap; align-items: flex-start; padding-bottom: 40px; border-bottom: solid 1px #dfdfdf}
.exhibition_detail_wrap .img_wrap{ width: 240px; border: solid 1px #dfdfdf}
.exhibition_detail_wrap .img_wrap img{ width: 100%}
.exhibition_detail_wrap .txt_wrap{ width: calc(100% - 240px); padding-left: 55px}
.exhibition_detail_wrap .item_info{ padding: 3px 25px}
.exhibition_detail_wrap .item_info + .item_info{ margin-left: 10px}
.exhibition_detail_wrap .item_title{ font-size: 1.625rem; color: #131313; font-family: "NotoSans_b", "Malgun Gothic", sans-serif; margin: 35px 0 30px}
.exhibition_detail_wrap .item_txt{ font-size: 1.125rem; margin: 5px 0}
.exhibition_detail_wrap .item_txt .tit{ color: #333; margin-right: 15px; width: 85px; display: inline-block}
.exhibition_detail_wrap .btn{ width: 120px}

.detail_con_txt_wrap{ font-size: 1.125rem; color: #333; padding-top: 40px}

.opentype_wrap{ padding: 40px 0}

@media (max-width: 800px){
    .detail_con_txt_wrap{ font-size: 1rem}

    .exhibition_detail_wrap .img_wrap,
    .exhibition_detail_wrap .txt_wrap{ width: 100%}
    .exhibition_detail_wrap .img_wrap{ max-width: 300px; margin:  0 auto;}
    .exhibition_detail_wrap .txt_wrap{ padding-left: 0; margin-top: 30px}
    .exhibition_detail_wrap .item_info{ font-size: 0.875rem}
    .exhibition_detail_wrap .item_info + .item_info{ margin-left: 5px}
    .exhibition_detail_wrap .item_txt{ font-size: 1rem}
    .exhibition_detail_wrap .item_txt .tit{ margin-right: 0}
    .exhibition_detail_wrap .item_title{ margin: 25px 0 20px}
}
/*연관항목*/
.associated_wrap{ width: 100%; display: flex; flex-wrap: wrap; position: relative}
.associated_wrap + .associated_wrap{ margin-top: 40px}
.associated_wrap .bar_tit{ width: 18%; font-size: 1.250rem; position: relative; padding-top: 15px}
.associated_wrap .bar_tit:before{ content: ""; width: 50px; height: 4px; background: #cb3a5d; position: absolute; left: 0; top: 0}
.associated_wrap .associated_slide{ width: 100%}
.associated_wrap .associated_item{ padding: 0 10px}
.associated_wrap .associated_item a,
.associated_wrap .associated_item .img_wrap,
.associated_wrap .associated_item .img_wrap img,
.associated_wrap .associated_item .txt_wrap{ width: 100%}

.associated_wrap .associated_item .img_wrap{ border: solid 1px #dfdfdf; background-color: #f5f5f5; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.associated_wrap .associated_item .img_wrap:before{ content: ""; width: 100%; height: auto; padding-bottom: 57%; display: block;}
.associated_wrap.vertical .associated_item .img_wrap:before{ padding-bottom: 134%;}
.associated_wrap .associated_item .img_wrap img{ width: 100%; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.associated_wrap .associated_item .txt_wrap{ margin-top: 20px; color: #444}
.associated_wrap .associated_item a:focus .txt_wrap,
.associated_wrap .associated_item a:hover .txt_wrap{ text-decoration: underline; text-underline-position: under}

.associated_wrap .bullet_tit.full,
.associated_wrap .bar_tit.full{ margin-bottom: 45px}
.associated_wrap .associated_slide.full{ padding: 0 25px}
.associated_wrap .bullet_tit.full,
.associated_wrap .bar_tit.full,
.associated_wrap .associated_slide.full{ width: 100%}
.associated_wrap .associated_slide.full .associated_item{ opacity: 1}
.associated_wrap .category_choose{ width: 185px; height: 50px; line-height: 50px; border: solid 1px #dfdfdf; border-radius: 0; font-size: 1.125rem; color: #626262; padding: 0 20px; position: absolute; right: 0; top: 0}


.associated_slide.full .slick-prev,
.associated_slide.full .slick-next{ width: 25px; height: 100%; position: absolute; top: 0; cursor: pointer; background: url("/img/sub/ic_arrow_associated_r.png") no-repeat left center; z-index: 9}
.associated_slide.full .slick-prev.slick-disabled,
.associated_slide.full .slick-next.slick-disabled{ background: url("/img/sub/ic_arrow_associated_g.png") no-repeat left center; cursor: default}
.associated_slide.full .slick-prev{ left: -25px}
.associated_slide.full .slick-next{ right: -25px; transform: rotate(-180deg)}

@media (min-width: 1200px){
    .associated_wrap .associated_slide.full .slick-list{ width: calc(100% + 70px); margin-left: -35px}
}

@media (max-width: 1200px){
	.associated_slide.full .slick-prev{ left: 0}
    .associated_slide.full .slick-next{ right: 0; transform: rotate(-180deg)}
}
@media (max-width: 800px){
	.associated_wrap .bullet_tit,
    .associated_wrap .bar_tit,
    .associated_wrap .associated_slide{ width: 100%}
    .associated_wrap .bullet_tit,
    .associated_wrap .bar_tit{ margin-bottom: 25px}
    .associated_wrap .associated_item{ padding: 0 5px}
    .associated_wrap .associated_item.slick-center{ opacity: 1}
    .associated_wrap .associated_item .txt_wrap{ margin-top: 10px}
	.associated_wrap .bullet_tit.full,
    .associated_wrap .bar_tit.full{ margin-bottom: 100px}
    .associated_wrap .category_choose{ width: 100%; top: 60px}
}
/*교육 list*/
.edu_search_wrap{ background: #f8f8f8; padding: 40px; margin-bottom: 60px}
.edu_search{ width: 100%}
.edu_search label{ width: 90px; font-size: 1.125rem; color: #131313}
.edu_search .datepicker_wrap{ width: auto; margin-right: 15px}
.edu_search .search_input_wrap{ width: calc(100% - 90px); max-width: 400px}
.edu_search .datepicker_wrap .input_wrap input,
.edu_search .search_input_wrap input{ width: 100%}
.edu_search .datepicker_wrap{ display: flex; align-items: center}
.edu_search .input_wrap input,
.edu_search select{ width: 150px; background-color: #fff}
.edu_search .datepicker_wrap .input_wrap{ width: 150px; position: relative}
.edu_search .datepicker_wrap .input_wrap input{ padding: 0 30px 0 10px}
.edu_search .datepicker_wrap span{ margin: 0 5px}

.datepicker + img{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer}
#ui-datepicker-div{ z-index: 22!important;}

.mixed_list.edu .mixed_item .img_wrap{ width: 275px; height: auto; border: solid 1px #dfdfdf; background-position: center; background-repeat: no-repeat; background-size: cover}
.mixed_list.edu .mixed_item .img_wrap + .txt_wrap{ width: calc(100% - 275px - 120px); padding: 0 30px}
.mixed_list.edu .mixed_item .info_box_wrap{ width: 120px}
.mixed_list.edu .mixed_item .info_box{ width: 100%; height: 30px; line-height: 30px; text-align: center; display: block; margin: 5px 0}
.mixed_list.edu .mixed_item .item_info{ width: 130px; height: 30px; line-height: 30px; text-align: center; display: block}

/*교육 detail*/
.edu_detail_wrap{ display: flex; flex-wrap: wrap; align-items: flex-start; padding-bottom: 40px; border-bottom: solid 1px #dfdfdf}
.edu_detail_wrap .img_wrap{ width: 43%; border: solid 1px #dfdfdf}
.edu_detail_wrap .img_wrap img{ width: 100%}
.edu_detail_wrap .txt_wrap{ width: 57%; padding-left: 55px}
.edu_detail_wrap .item_info_wrap{ display: flex; flex-wrap: wrap}
.edu_detail_wrap .c-label,
.edu_detail_wrap .item_info{ text-align: center; flex: 1; height: 30px; line-height: 30px; max-width: 165px}
.edu_detail_wrap .item_info + .item_info{ margin-left: 10px}
.edu_detail_wrap .item_title{ font-size: 1.625rem; color: #131313; font-family: "NotoSans_b", "Malgun Gothic", sans-serif; margin: 20px 0 15px}
.edu_detail_wrap .item_txt{ font-size: 1.125rem; margin: 5px 0; display: flex; flex-wrap: nowrap;}
.edu_detail_wrap .item_txt .tit{ color: #333; margin-right: 15px; width: 85px; display: inline-block; flex-shrink: 0}
.edu_detail_wrap .btn{ width: auto; height: auto; line-height: +1.2; padding: 5px 15px; justify-content: flex-start;}

.e-edu__class .data_tit_m{ display: none}

@media (max-width: 1400px){
    .edu_search label,
    .edu_search .datepicker_wrap{ width: 100%}
    .edu_search .datepicker_wrap{ margin-bottom: 10px}
}
@media (max-width: 1024px){
    .edu_detail_wrap .img_wrap,
    .edu_detail_wrap .txt_wrap{ width: 100%}
    .edu_detail_wrap .img_wrap{ max-width: 300px; margin: 0 auto;}
    .edu_detail_wrap .txt_wrap{ padding-left: 0; margin-top: 30px}
    .edu_detail_wrap .item_info{ font-size: 0.875rem}
    .edu_detail_wrap .item_info + .item_info{ margin-left: 5px}
    .edu_detail_wrap .item_txt{ font-size: 1rem}

    .edu_search_wrap{ padding: 30px 15px; margin-bottom: 30px}
    .edu_search_wrap select,
    .edu_search .search_input_wrap{ width: 100%; max-width: 100%}
    .edu_search .datepicker_wrap{ margin-right: 0}
    .edu_search .datepicker_wrap .input_wrap{ width: calc(50% - 10px)}
    
    .e-edu__class .data_tit_m{ display: block;}
    .e-edu__class colgroup,
    .e-edu__class thead,
    .e-edu__class th{ display: none}
    .e-edu__class table,
    .e-edu__class tbody,
    .e-edu__class tr{ width: 100%; display: block;}
    .e-edu__class td{ width: 100%; display: flex; align-items: center;}
    .e-edu__class  .c-table{ border-bottom: none}
    .e-edu__class  .c-table tr .c-table__data{ border-left: none; border-top: solid 1px #e5e5e5; text-align: left;}
    .e-edu__class  .c-table tr .c-table__data:nth-of-type(1){ border-left: none; border-top: none; border-bottom: solid 1px #aaa;}
    .e-edu__class  .c-table tr .c-table__data:last-child{ border-top: none; position: absolute; bottom: 0; right: 0; display: inline-block; width: auto; padding: 6px 10px}
    .e-edu__class  .c-table tr .c-table__data.noa{ padding-right: 80px}
    .e-edu__class  .c-table tr{ border-bottom: 4px double #777; position: relative;}
    
    .e-edu__class  .c-table tr .c-table__data .data_tit_m{ font-weight: bold; width: 100px; flex-shrink: 0; text-align: left; position: relative;}
    .e-edu__class  .c-table tr .c-table__data .data_tit_m:after { content: "|"; font-size: 0.750em; color: #dfdfdf; position: absolute; right: 10px; top:50%; transform: translateY(-50%)}
}

@media (max-width: 800px){
	.edu_detail_wrap .btn{ width: 100%; margin-top: 5px}
	.edu_detail_wrap .btn + .btn{ margin-left: 0}
	
    .mixed_list .mixed_item a{ padding: 15px 30px}
    .mixed_list.type2 .mixed_item .item_txt .dot_list > li,
    .mixed_list.type2 .mixed_item .item_txt{ margin: 5px 0}
    .mixed_list.type2 .mixed_item .item_txt .tit{ margin-bottom: 5px; font-family: "NotoSans_mb", "Malgun Gothic", sans-serif}
    .mixed_list .mixed_item .img_wrap,
    .mixed_list .mixed_item .img_wrap + .txt_wrap,
    .mixed_list.edu .mixed_item .img_wrap,
    .mixed_list.edu .mixed_item .img_wrap + .txt_wrap,
    .mixed_list.edu .mixed_item .info_box_wrap,
    .mixed_list.type2 .mixed_item .item_txt .tit,
    .mixed_list.type2 .mixed_item .item_txt .txt{ width: 100%}
    .mixed_list .mixed_item .img_wrap + .txt_wrap{ padding-left: 0; margin-top: 15px}
    .mixed_list.type2 .mixed_item .item_txt .tit:after{ display: none}

    .mixed_list.edu .mixed_item .img_wrap + .txt_wrap{ padding: 20px 0}
    .mixed_list.edu .mixed_item .info_box{ flex: 1; font-size: 0.875rem} 
    .mixed_list.edu .mixed_item .info_box + .info_box{ margin-left: 5px}
}
@media (max-width: 500px){
    .mixed_list .mixed_item a{ padding: 15px}
    .mixed_list .mixed_item .img_wrap{ margin-bottom: 15px}
    .mixed_list .mixed_item .img_wrap,
    .mixed_list .mixed_item .img_wrap + .txt_wrap{ width: 100%; padding: 0}
    .mixed_list .mixed_item .img_wrap + .txt_wrap{ margin-top: 0}
    
    .e-edu__class .c-table tr .c-table__data{ font-size: 0.875rem;}
    .e-edu__class .c-table tr .c-table__data .data_tit_m{ width: 90px}
}
/*교육신청*/
.register_tit{ font-size: 1.750rem; font-family: "NotoSans_mb", "Malgun Gothic", sans-serif; margin: 35px 0 25px}
.register_txt{ color: #444; padding: 40px 20px; font-size: 1.063rem; border: solid 1px #dfdfdf; border-right: none; border-left: none; margin-top: 50px}

/*교육신청 form*/
.edu_form th{ text-align: center; font-weight: normal}
.edu_reg_privacy .info_title{ margin-top: 35px}
.edu_reg_privacy_info{ color: #333; font-size: 1rem; padding: 0 20px}
.edu_reg_privacy_info .detail{ color: #666; font-size: 0.875rem; margin-left: 10px}
.edu_reg_privacy .privacy_check_wrap{ width: auto; display: flex; align-items: center; float: right; font-size: 0.875rem; color: #666}
.edu_reg_privacy .privacy_check_wrap input[type='radio']{ margin-right: 8px}
.edu_reg_privacy .privacy_check_wrap label + input[type='radio']{ margin-left: 12px}
.edu_reg_privacy .edu_reg_privacy_txt{ border:  solid 1px #dfdfdf; padding: 35px 20px; color: #444; font-size: 1rem; margin-top: 20px}
.edu_reg_privacy .edu_reg_privacy_txt .small_txt{ font-size: 0.938rem; margin-top: 10px; padding-left: 20px}
@media (max-width: 800px){
    .edu_form colgroup{ display: none}
    .edu_form tr,
    .edu_form th,
    .edu_form td{ display: flex}
    .edu_form tr{ width: 100%}
    .edu_form th{ width: 100px; text-align: left; flex-shrink: 1}
    .edu_form td{ width: calc(100% - 100px)}

    .edu_reg_privacy .privacy_check_wrap{ width: 100%; justify-content: flex-end; margin: 10px 0 15px; float: none}
}

/*관람예약 안내 start*/
.reservation_info_box{ padding: 25px 15px; background: #f8f8f8; border: solid 1px #dfdfdf; color: #333; font-size: 1.125rem}
.reservation_info_box .small_txt{ font-size: 0.875em}

.big_bar_tit{ font-size: 1.750rem; margin: 40px 0 30px}
.big_bar_tit:before{ content: "|"; margin-right: 20px; position: relative; top: -2px}

.bullet_tit,
.c-heading3--bullet{ font-size: 1.5rem; color: #131313; font-family: "NotoSans_mb", "Malgun Gothic", sans-serif; position: relative; padding-left: 30px; margin-bottom: 30px}
.bullet_tit:before,
.c-heading3--bullet:before{
    content: url("/img/sub/ic_bullet.png");
    position: absolute;
    left: 2px;
    top: -0.1em;
}
.c-heading3--bullet + .c-section--indent{ margin-top: -15px}

.c-section--small .bullet_tit{ margin-bottom: 15px}
.c-section--small .bullet_tit + .c-section{ margin-top: 0; margin-bottom: 30px}

.bullet_tit + .tit_info_txt{ margin-bottom: 25px}
.tit_info_txt{ font-size: 1.125rem; color: #333; padding-left: 25px; position: relative}
.tit_info_txt:before{ content: "-"; font-weight: bold; position: absolute; left: 10px; top: -0.1em}

.tit_info_txt.dash_none{ padding-left: 0}
.tit_info_txt.dash_none:before{ display: none}

.info_list .bullet_tit{ margin-bottom: 15px}
.info_list .tit_info_txt,
.info_list .bullet_tit + .tit_info_txt{ margin-bottom: 10px}
.info_list .tit_info_txt{ font-size: 1.063rem; font-family: "NotoSans_l", sans-serif}
.info_list.noto_r .tit_info_txt{ font-family: "NotoSans_r", sans-serif}

.list{ width: 100%; display: flex; flex-wrap: wrap}
.list.w2 > .item{ width: 50%}
.list.w3 > .item{ width: 33.3333%}
.list.w4 > .item{ width: 25%}
.list.w5 > .item{ width: 20%}

.small{ font-size: 0.875em}
.xsmall{ font-size: 0.750em}

@media (max-width: 800px){
    .reservation_info_box{ justify-content: center}
}

/*전시*/
.exhibition_list .category_wrap{ margin-bottom: 15px}
.exhibition_list .category{
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
}
.exhibition_list .category + .category{ margin-left: 5px}
.exhibition_item{ padding-left: 30px; margin-top: 45px}
.exhibition_list .exhibition_item:nth-child(-n+2){ margin-top: 0}
.exhibition_item .img_wrap{ width: 180px; position: relative; background: #f5f5f5}
.exhibition_item .img_wrap:before{ content: ""; width: 100%; padding-bottom: 150%; display: block;}
.exhibition_item .img_wrap img{ max-height: 100%; width: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%)}
.exhibition_item .txt_wrap{ width: calc(100% - 180px); padding: 10px 15px 15px 25px}
.exhibition_item .txt_wrap .tit{ font-size: 1.250rem; color: #131313; font-family: "NotoSans_mb", "Malgun Gothic", sans-serif}
.exhibition_item .txt_wrap .txt_con{ margin: 10px 0}
.exhibition_item .txt_wrap .txt{ font-size: 1.125rem; color: #333333}
.exhibition_item .txt_wrap .btn{ font-size: 1.125rem; color: #666666; border: solid 1px #a2a2a2; height: 50px; line-height: 50px; text-align: center; max-width: 300px; width: 100%}

@media (max-width: 1200px){
    .exhibition_item .img_wrap,
    .exhibition_item .txt_wrap{ width: 100%;}
    .exhibition_item .img_wrap{ text-align: center; margin-bottom: 20px}
    .exhibition_item .txt_wrap{ padding: 0}
    .exhibition_item .txt_wrap .btn{ max-width: 100%}
    
    .exhibition_item .img_wrap:before{ padding-bottom: 200px}
    .exhibition_item .img_wrap img{ width: auto; height: 100%}

    .exhibition_list .category_wrap + .wrap{ height: calc(100% - 45px)}

}
@media (max-width: 600px){
    .exhibition_list .exhibition_item{ width: 100%!important;}
    .exhibition_list .exhibition_item{ padding: 0}
    .exhibition_list .exhibition_item,
    .exhibition_list .exhibition_item:nth-child(-n+2){ margin-top: 30px}
    .exhibition_list .exhibition_item:first-child{ margin-top: 0}

}
/*관람안내*/
.guide_list .guide_item{ width: calc((100% - 90px)/4); margin-right: 30px; border: solid 1px #dfdfdf; padding: 25px 15px; text-align: center}
.guide_list .guide_item:nth-child(4n){ margin-right: 0}
.guide_list .guide_item .tit{ font-size: 1.250rem; font-family: "NotoSans_mb", "Malgun Gothic", sans-serif; color: #131313}
.guide_list .guide_item .txt{ font-size: 1.125rem; color: #333}
.guide_list .guide_item .round{ width: 135px; height: 135px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #f8f8f8; margin: 25px auto}

@media (max-width: 1200px){
    .guide_list .guide_item{ width: calc((100% - 30px)/2); margin-top: 30px; margin-right: 30px}
    .guide_list .guide_item:nth-child(even){ margin-right: 0}
    .guide_list .guide_item:nth-child(-n+2){ margin-top: 0}

}
@media (max-width: 600px){
    .guide_list .guide_item{ width: calc((100% - 15px)/2); margin-top: 15px; margin-right: 15px}
    .guide_list .guide_item:nth-child(even){ margin-right: 0}
    .guide_list .guide_item:nth-child(-n+2){ margin-top: 0}

}

/*유의사항*/
.point_of_note_list{ justify-content: space-between}
.point_of_note_list .point_of_note_item:nth-child(-n+2){ margin-top: 0}
.point_of_note_list .point_of_note_item:nth-child(odd){ margin-right: 15px}
.point_of_note_item{ display: flex; align-items: center; width: calc((100% - 15px)/2); max-width: 590px; min-height: 150px; border-radius: 20px; background: #f8f8f8; color: #131313; padding: 20px; margin-top: 20px}
.point_of_note_item .txt{ padding-left: 25px; word-break: keep-all}

@media (max-width: 800px){
    .point_of_note_item{ max-width: 100%; width: 100%}
    .point_of_note_list .point_of_note_item:nth-child(odd){margin-right: 0;}
    .point_of_note_list .point_of_note_item:nth-child(-n+2){ margin-top: 20px}
    .point_of_note_list .point_of_note_item:first-child{ margin-top: 0}
}

.point_of_note_list.list3 .point_of_note_item{ width: calc((100% - 80px)/3); margin-right: 40px; max-width: 100%; min-height: 150px; }
.point_of_note_list.list3 .point_of_note_item:nth-child(odd){ margin-right: 40px}
.point_of_note_list.list3 .point_of_note_item:nth-child(3n){ margin-right: 0}
.point_of_note_list.list3 .point_of_note_item:nth-child(-n+3){ margin-top: 0}

@media (max-width: 1200px){
    .point_of_note_list.list3 .point_of_note_item{ width: calc((100% - 15px)/2); margin-right: 15px}
    .point_of_note_list.list3 .point_of_note_item:nth-child(3n),
    .point_of_note_list.list3 .point_of_note_item:nth-child(odd){ margin-right: 15px}
    .point_of_note_list.list3 .point_of_note_item:nth-child(even){ margin-right: 0}
    .point_of_note_list.list3 .point_of_note_item:nth-child(-n+3){ margin-top: 20px}
    .point_of_note_list.list3 .point_of_note_item:nth-child(-n+2){ margin-top: 0}
}
@media (max-width: 600px){
    .point_of_note_list.list3 .point_of_note_item{ width: 100%; margin-right: 0!important; margin-top: 20px!important;}
    .point_of_note_list .point_of_note_item:first-child{ margin-top: 0!important;}
}

/*편의시설*/
.amenities_list .amenities_item{ width: 100%; padding: 25px 0; border-top: solid 1px #dfdfdf; display: flex}
.amenities_list .amenities_item:first-child{ border-top: none; padding-top: 0}
.amenities_list .amenities_item .img_wrap{ flex-shrink: 0}
.amenities_list .amenities_item .txt_wrap{ padding: 10px 35px 15px}
.amenities_list .amenities_item .tit{ font-size: 1.125rem; color: #131313; font-family: "NotoSans_mb", "Malgun Gothic", sans-serif; margin-bottom: 5px}
.amenities_list .amenities_item .txt{ font-size: 1rem; color: #333333}
.amenities_list .amenities_item .btn{ margin-top: 10px}

@media (max-width: 600px){
    .amenities_list{ border: solid 1px #dfdfdf; border-left: none; border-right: none}
    .amenities_list .amenities_item{ flex-wrap: wrap}
    .amenities_list .amenities_item:first-child{ padding-top: 25px}
    .amenities_list .amenities_item .img_wrap,
    .amenities_list .amenities_item .txt_wrap{ width: 100%}
    .amenities_list .amenities_item .img_wrap{ text-align: center}
    .amenities_list .amenities_item .txt_wrap{ padding-left: 0; padding-bottom: 0; justify-content: center}
}

/*찾아오시는 길*/
.map_info{ border: solid 1px #dfdfdf; padding: 25px; color: #333; font-size: 1.125rem; margin-bottom: 50px; margin-top: -1px}
.map_info .info{ color: #131313; margin-bottom: 25px}
.map_info .txt{ margin: 10px 0}
.map_info .txt img{ margin-right: 15px}

.directions_item{ padding: 30px 0; color: #333333}
.directions_item.full{ width: 100%!important;}
.directions_item .ic_tit{ height: 50px; line-height: 50px; background: #ededed; color: #131313; font-size: 1.125rem; position: relative; padding-left: 150px; margin-bottom: 55px}
.directions_item .ic_tit:before{ content: ""; width: 100px; height: 100px; border-radius: 50%; background: #ededed; position: absolute; left: 25px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; line-height: +1}
.directions_item .ic_tit.subway:before{ content: url("/img/sub/ic_subway.png")}
.directions_item .ic_tit.bus:before{ content: url("/img/sub/ic_bus.png")}
.directions_item .ic_tit.car:before{ content: url("/img/sub/ic_car.png")}
.directions_item .ic_tit.parking:before{ content: url("/img/sub/ic_parking.png")}
.directions_item .txt_wrap{ padding: 0 30px; height: calc(100% - 105px); border-left: solid 1px #dfdfdf}
.directions_list .directions_item:first-child .txt_wrap,
.directions_list .directions_item.full .txt_wrap{ border-left: none}
.directions_item .txt_wrap .txt + .tit{ margin-top: 20px}
.directions_item .txt_wrap .tit{ margin-bottom: 10px; font-size: 1.125rem; color: #131313; display: flex; align-items: center; width: 100%}
.directions_item .txt_wrap .line{ width: 25px; height: 25px; border-radius: 50%;  display: flex; align-items: center; justify-content: center; margin-right: 3px}
.directions_item .txt_wrap .line3{ background: #ff7300; color: #fff}
.directions_item .txt_wrap .line5{ background: #8936e0; color: #fff}
.directions_item .txt_wrap .tit img{ margin-right: 8px}
.directions_item .btn_wrap{ padding: 0; margin-top: 35px}

@media (max-width: 800px){
    .directions_list .directions_item{ width: 100%!important;}
    .directions_item .txt_wrap{ border-left: none;  padding: 0 15px}
}

@media (max-width: 400px){
    .directions_item .txt_wrap{ padding: 0}
}

/*문의*/
.c-section.inquiry .table_basic{ font-size: 1rem; border: solid 1px #dfdfdf; border-left: none; border-right: none}
.c-section.inquiry .table_basic th{ font-family: "NotoSans_r", "Malgun Gothic", sans-serif; font-weight: normal}
.c-section.inquiry .table_basic td{ color: #333}

/*시설물 대관 안내*/
.rent_list{ display: flex}
.rent_list .rent_item{ width: calc((100% - 20px)/2)}
.rent_list .rent_item:nth-child(even){ margin-left: 20px}
.rent_list .rent_item .txt_wrap{ padding: 20px 15px; border: solid 1px #dfdfdf; border-top: 0; color: #131313; text-align: center}
@media (max-width: 400px){
    .rent_list .rent_item{ width: 100%; margin: 5px 0}
    .rent_list .rent_item:nth-child(even){ margin-left: 0}
}

/*관람시간*/
.time_to_watch .time_list{ padding: 0 30px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px}
.time_to_watch .time_list .time_item{ width: calc((100% - 160px)/5); margin-left: 40px; text-align: center; padding: 10px; color: #333; font-size: 1.125rem; background: #f8f8f8; border: solid 1px #dfdfdf; border-radius: 25px}
.time_to_watch .time_list .time_item .bar{ color: #8b8b8b; position: relative; top: -1px; margin: 0 10px}
.time_to_watch .time_list .time_item:first-child{ margin-left: 0}
.time_to_watch .small{ padding-left: 30px}

@media (max-width: 1200px){
    .time_to_watch .time_list .time_item{ width: calc((100% - 45px)/3); margin: 5px 0 5px 15px}
    .time_to_watch .time_list .time_item:nth-child(3n+1){ margin-left: 0}
}
@media (max-width: 600px){
    .time_to_watch .time_list .time_item{ width: 100%; margin-left: 0!important;}
}

/*주요시설*/
.facility_item{ width: 100%; margin-top: 40px}
.facility_item:first-child{ margin-top: 0}
.facility_item > .txt_wrap{ padding: 0 30px}
.facility_item > .txt_wrap > .txt{ font-size: 1.063rem; color: #333; margin-bottom: 30px; display: flex; flex-wrap: wrap}
.facility_item .img_list{ width: 100%; display: flex; flex-wrap: wrap}
.facility_item .img_item{ width: calc((100% - 40px) / 2); border: solid 1px #dfdfdf; display: flex; flex-wrap: wrap}
.facility_item .img_item:nth-child(even){ margin-left: 40px}
.facility_item .img_item .txt_wrap{ padding: 25px 20px; border-top: none; width: 100%}
.facility_item .img_item .txt_wrap .tit{ margin-bottom: 10px}

@media (max-width: 600px){
    .facility_item .img_item{ width: 100%; margin-top: 20px}
    .facility_item .img_item:first-child{ margin-top: 0}
    .facility_item .img_item:nth-child(even){ margin-left: 0}
}

/*관람예약 안내 end*/

/*소장품 검색 start*/
.collection_sch_wrap{ background: #f8f8f8; border: solid 1px #dfdfdf; border-left: none; border-right: none; padding: 70px 50px; margin-bottom: 60px}

.collection_sch_input{ width: 100%; max-width: 800px; position: relative; border: solid 1px #15576e; margin: 0 auto 10px}
.collection_sch_input .sch_input{ width: 100%; height: 50px; line-height: 50px; padding: 0 65px 0 15px; border: none; font-size: 1rem}
.collection_sch_input .sch_btn{ width: 46px; height: 46px; background: #fff url("/img/sub/ic_search_blue.png") no-repeat center; border: none; padding: 0; position: absolute; top: 2px; right: 2px; cursor: pointer}

.collection_sch_wrap .sch_tit{ padding: 15px 0; font-size: 1.250rem; font-family: "NotoSans_mb", "Malgun Gothic", sans-serif}

.depth_sch_list_wrap{ border-top: solid 2px #15576e; border-bottom: solid 2px #aeaeae; display: flex; flex-wrap: wrap}
.depth_sch_con{ flex: 1}
.depth_sch_con + .depth_sch_con{ border-left: solid 1px #dfdfdf}
.depth_sch_tit{ height: 50px; line-height: 50px; text-align: center; background: #e3eaed; color: #131313; font-size: 1.125rem; font-family: "NotoSans_mb", "Malgun Gothic", sans-serif; border-bottom: solid 1px #dfdfdf}
.depth_sch_list{ width: 100%; height: 240px; overflow-y: auto; padding: 15px; background: #fff}
.depth_sch_item > a{ padding: 10px 5px; width: 100%; color: #666; font-size: 1.063rem; font-family: "NotoSans_mb", "Malgun Gothic", sans-serif}
.depth_sch_item.active > a{ color: #c42047}
.depth_sch_item > a:focus,
.depth_sch_item > a:hover{ text-decoration: underline; text-underline-position: under}

.sch_word_wrap{ padding: 0 15px; border-bottom: solid 1px #dfdfdf; background: #fff; font-size: 1rem; color: #666; display: flex; flex-wrap: wrap}
.sch_word_wrap .sch_word{ margin: 15px 10px; display: flex; align-items: center}
.sch_word_wrap .del_btn{ width: 20px; height: 20px; background: url("/img/sub/ic_del.png") no-repeat center / cover; margin-left: 8px; margin-top: 1px}

.collection_sch_wrap .btn_wrap{ display: flex; align-items: center; flex-wrap: wrap; justify-content: center; padding: 35px 15px 0}
.collection_sch_wrap .btn_wrap .btn{ width: 135px; height: 45px; line-height: 45px; text-align: center}
.collection_sch_wrap .btn_wrap .btn.bg_gray{ color: #666!important;}

.thumb_list.collection .thumb_item{ position: relative}
.thumb_list.collection .thumb_item .img_wrap{ padding-bottom: 100%; margin-bottom: 20px}
.thumb_list.collection .thumb_item .img_wrap img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%}

.thumb_list2.collection .thumb_item{ position: relative}
.thumb_list2.collection .thumb_item .img_wrap{ padding-bottom: 100%; margin-bottom: 20px}
.thumb_list2.collection .thumb_item .img_wrap img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%}

@media (max-width: 800px){
    .collection_sch_wrap{ padding: 40px 20px; margin-bottom: 30px}
    .depth_sch_con{ flex: auto; width: 100%}
    .depth_sch_list{ height: auto; max-height: 240px}
/*     .collection_sch_wrap .btn_wrap .btn{ width: 100%} */
    .collection_sch_wrap .btn_wrap .btn + .btn{ margin-left: 0; margin-top: 10px}
}
@media (max-width: 600px){
    .thumb_list.collection .thumb_item{width: calc(50% - 5px); margin-right: 10px; margin-top: 30px}
    .thumb_list.collection .thumb_item:nth-child(even){ margin-right: 0}
    .thumb_list.collection .thumb_item .img_wrap{ margin-bottom: 15px}
    
    .thumb_list2.collection .thumb_item{width: calc(50% - 5px); margin-right: 10px; margin-top: 30px}
    .thumb_list2.collection .thumb_item:nth-child(even){ margin-right: 0}
    .thumb_list2.collection .thumb_item .img_wrap{ margin-bottom: 15px}
}
/*소장품 검색 end*/

/*소장품검색2 start*/
.depth_sch_list_wrap.ver2{ border-bottom: none; border-top: none; justify-content: space-between}
.depth_sch_list_wrap.ver2 .sch_tit{ width: 100%; font-size: 1.375rem; padding: 25px 0}
.collection_sch_input.ver2{ border: solid 2px #15576e; margin: 0 auto 30px}
.collection_sch_input.ver2 .sch_input{ height: 65px; line-height: 65px}
.collection_sch_input.ver2 .sch_btn{ width: 61px; height: 61px; background: #fff url("/img/sub/ic_search_blue.png") no-repeat center}
.depth_sch_list_wrap.ver2 .left,
.depth_sch_list_wrap.ver2 .right{ width: 48%; display: flex; flex-wrap: wrap}
.depth_sch_list_wrap.ver2 .left .depth_sch_con,
.depth_sch_list_wrap.ver2 .right .depth_sch_con{ width: 50%; box-shadow: 3px 5px 14px rgba(0,0,0,0.05)}
.depth_sch_list_wrap.ver2 .depth_sch_tit{
    height: 65px;
    line-height: +1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    border-top: 2px solid #15576e;
    border-bottom: 1px solid #dadada;
    font-size: 1.250rem;
    position: relative;
}
.depth_sch_list_wrap.ver2 .depth_sch_list{ padding: 15px 25px; height: 280px;}
.depth_sch_list_wrap.ver2 .depth_sch_item{ font-size: 1.063rem; color: #333; width: 100%; display: flex; align-items: flex-start; padding: 5px 0}
.depth_sch_list_wrap.ver2 .depth_sch_item label{ display: block; width: 100%; height: 100%}
.depth_sch_list_wrap.ver2 .depth_sch_item input[type='checkbox']{ margin-right: 12px; width: 14px; height: 14px; display: inline-block; border-radius: 0; flex-shrink: 0; margin-top: 0.55em; cursor: pointer; }

.depth_sch_list_wrap.ver2 .acodian_trigger{ height: 65px; border: none; padding: 0; position: absolute; right: 0; top: 0; pointer-events: none;}
.depth_sch_list_wrap.ver2 .acodian_trigger:after{ margin-top: -4px; display: none}
.depth_sch_list_wrap.ver2 .depth_sch_tit.open + .depth_sch_list{ display: block}
.depth_sch_list_wrap.ver2 .acodian_tit.open + .acodian_con:after, 
.depth_sch_list_wrap.ver2 .acodian_tit.open:before{display: none}

.depth_sch_list_btm{ width: 100%; display: flex; margin-top: 30px;}
.sch_word_wrap.ver2{ background: transparent; border-bottom: none; width: 100%; padding-left: 0}
.sch_word_wrap.ver2 .sch_word{ background: #e1e8ea; color: #333; font-size: 1rem; padding: 5px 0 5px 20px; border-radius: 18px}
.sch_word_wrap.ver2 .del_btn{ background: url("/img/sub/ic_del_ver2.png") no-repeat center / cover; position: relative; top: -10px; right: -5px}
.depth_sch_list_btm .btn_wrap{ flex-shrink: 0; padding: 0}
.depth_sch_list_btm .btn_wrap .btn{ background: transparent!important;}
.depth_sch_list_btm .btn_wrap .btn img{ margin-right: 0; margin-left: 10px}

@media (max-width: 1300px){
    .depth_sch_list_wrap.ver2{ flex-wrap: wrap}
    .depth_sch_list_wrap.ver2 .left,
    .depth_sch_list_wrap.ver2 .right{ width: 100%}
}

@media (max-width: 1024px){
/*     .depth_sch_list_wrap.ver2 .sch_tit{ display: none} */
    .depth_sch_list_wrap.ver2 .left .depth_sch_con,
    .depth_sch_list_wrap.ver2 .right .depth_sch_con{ width: 100%; flex: none;}
    .depth_sch_list_wrap.ver2 .depth_sch_list{ display: none}
    .depth_sch_list_wrap.ver2 .acodian_trigger{ pointer-events: auto}
    .depth_sch_list_wrap.ver2 .acodian_trigger:after{ display: block;}
}
/*소장품검색2 end*/

/*야외전시 start*/
.outdoor_exhibition_wrap .info_box{ color: #333; font-size: 1rem; background: #f8f8f8; border: solid 1px #dfdfdf; padding: 10px 20px; border-radius: 25px}
.outdoor_exhibition_wrap .img_wrap{ position: relative}
.outdoor_exhibition_wrap .marker_wrap{ position: absolute; left: 0; top: 0; width: 100%; height: 100%}
.outdoor_exhibition_wrap .marker_wrap .marker_dot{ width: 27px; height: 27px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.8); color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding-bottom: 2px; z-index: 1}
.outdoor_exhibition_wrap .marker_wrap .marker_dot:focus,
.outdoor_exhibition_wrap .marker_wrap .marker_dot:hover{ width: auto; padding: 0 10px 2px; background: #cb3a5d; z-index: 2}
.outdoor_exhibition_wrap .marker_wrap .marker_dot:focus .ir_text,
.outdoor_exhibition_wrap .marker_wrap .marker_dot:hover .ir_text{ width: auto; height: auto;position: relative; margin-left: 10px}
.outdoor_exhibition_wrap .marker_wrap .marker_dot:focus:after,
.outdoor_exhibition_wrap .marker_wrap .marker_dot:hover:after{ content: ""; width: 0; height: 0;  border-left: 6px solid transparent;  border-right: 6px solid transparent; border-top: 10px solid #cb3a5d; position: absolute; left: 50%; bottom: -9px; transform: translateX(-50%)}
.outdoor_exhibition_wrap .marker_wrap .marker_dot1{ margin-left: -11.7%; margin-top: -12.5%}
.outdoor_exhibition_wrap .marker_wrap .marker_dot2{ margin-left: -20.7%; margin-top: 4.2%}
.outdoor_exhibition_wrap .marker_wrap .marker_dot3{ margin-left: -24.6%; margin-top: -0.3%}
.outdoor_exhibition_wrap .marker_wrap .marker_dot4{ margin-left: -16.2%; margin-top: 3.5%}
.outdoor_exhibition_wrap .marker_wrap .marker_dot5{ margin-left: -3.4%; margin-top: -0.5%}
.outdoor_exhibition_wrap .marker_wrap .marker_dot6{ margin-left: -18.1%; margin-top: 10.2%}
.outdoor_exhibition_wrap .marker_wrap .marker_dot7{ margin-left: -14.1%; margin-top: 7%}
.outdoor_exhibition_wrap .marker_wrap .marker_dot8{ margin-left: 13%; margin-top: 3.5%}
.outdoor_exhibition_wrap .marker_wrap .marker_dot9{ margin-left: 6.8%; margin-top: 5.3%}
.outdoor_exhibition_wrap .marker_wrap .marker_dot10{ margin-left: -0.1%; margin-top: 10%}
.outdoor_exhibition_wrap .marker_wrap .marker_dot11{ margin-left: 3%; margin-top: 0.6%}
.outdoor_exhibition_wrap .marker_wrap .marker_dot12{ margin-left: 3.9%; margin-top: 7.6%}
.outdoor_exhibition_wrap .marker_wrap .marker_dot13{ margin-left: 3.9%; margin-top: 8.2%}

.marker_wrap_m{ display: none; width: 100%; margin-top: 30px; margin-bottom: 50px}
.marker_wrap_m .ir_text{ width: auto; height: auto;position: relative; font-size: 1.125rem}
.marker_wrap_m .marker_dot{ display: flex; flex-wrap: wrap; width: 50%; padding: 13px; border-bottom: solid 1px #dfdfdf}
.marker_wrap_m .num{ width: 27px; height: 27px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: #444; color: #fff; margin-right: 15px; margin-top: 2px}

/*야외전시 팝업*/
.dim{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.4); z-index: 9999}
.pop_outdoor .popup_wrap{ width: 100%; max-width: 1100px; max-height: 95%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff}
.pop_outdoor .pop_head{ width: 100%; height: 60px; line-height: 60px; background: #254074; color: #fff; padding: 0 20px; display: flex; align-items: center; font-size: 1.5rem}
.pop_outdoor .pop_head h2{ font-family: "NotoSans_r", "Malgun Gothic", sans-serif}
.pop_outdoor .pop_body{ padding: 25px 20px 50px; width: 100%; max-height: calc(95vh - 60px); overflow-y: auto}
.pop_outdoor .pop_body .con_tit{ width: 100%; padding: 30px 0; font-size: 1.625rem; color: #15576e; text-align: center; border-bottom: solid 1px #15576e}

.pop_outdoor .pop_body .con_list{ margin-top: 50px}
.pop_outdoor .pop_body .con_item{ display: flex; flex-wrap: wrap; align-items: center}
.pop_outdoor .pop_body .info_title,
.pop_outdoor .pop_body .img_wrap{ width: 100%}
.pop_outdoor .pop_body .img_wrap img + img{ margin-left: 10px}
.pop_outdoor .pop_body .txt_wrap{ width: 100%; color: #333; font-size: 1.125rem; word-break: keep-all; padding: 30px}

.pop_outdoor .pop_body .img_wrap.img_round{ width: 35%}
.pop_outdoor .pop_body .img_wrap.img_round + .txt_wrap{ width: 65%; padding: 15px}
.pop_outdoor .pop_close{ width: 60px; height: 60px; background: url("/img/common_renew/ic_close_w.png") no-repeat center; position: absolute; right: 0; top: 0}

@media (max-width: 800px){
    .marker_wrap_m{ display: flex; flex-wrap: wrap}

    .outdoor_exhibition_wrap .marker_wrap .marker_dot{ width: 20px; height: 20px; font-size: 0.750rem; padding-bottom: 0; background: rgba(0,0,0,0.5)}

    .pop_outdoor .pop_body .img_wrap img{ width: 100%}
    .pop_outdoor .pop_body .img_wrap img + img{ margin-left: 0; margin-top: 10px}

    .pop_outdoor .pop_body .img_wrap.img_round{ width: 100%}
    .pop_outdoor .pop_body .img_wrap.img_round img{ width: auto}
    .pop_outdoor .pop_body .img_wrap.img_round + .txt_wrap{ width: 100%; padding: 15px 0}
}
@media (max-width: 400px){
    .marker_wrap_m .marker_dot{ padding: 13px 5px}
    .marker_wrap_m .ir_text{ width: auto; height: auto;position: relative; font-size: 0.875rem}
    .marker_wrap_m .num{ width: 20px; height: 20px; font-size: 0.750rem; margin-right: 5px}
}
/*야외전시 end*/

/*인사말 start*/
.greeting_wrap .img_greeting{ float: right; margin-bottom: 30px; max-width: 50%}
.greeting_wrap .greeting_tit{ font-size: 2.250rem; font-family: "NotoSans_r", "Malgun Gothic", sans-serif; margin: 35px 0; word-break: keep-all;}
.greeting_wrap .greeting_txt{ font-size: 1.250rem; color: #333; word-break: keep-all; margin-bottom: 50px}

@media (max-width: 1024px){
    .greeting_wrap{ text-align: right}
    .greeting_wrap .img_greeting{ float: none; margin-bottom: 0; max-width: 100%}
    .greeting_wrap .greeting_tit,
    .greeting_wrap .greeting_txt{ text-align: left}
    .greeting_wrap .greeting_tit{ font-size: 2rem}
    .greeting_wrap .greeting_txt{ font-size: 1.125rem; margin-bottom: 30px}
}
/*인사말 end*/

/*국립민속박물관은 start*/
.vision_txt_list .vision_txt_item{ width: 100%; border: solid 1px #dfdfdf; padding: 20px; font-size: 1.250rem; border-radius: 35px; margin: 30px 0; text-align: center}
.vision_circle_list{ width: 100%; display: flex; align-items: center; margin-bottom: 40px; position: relative}
.vision_circle_list:after{ content: ""; width: 100%; height: 1px; background: #dfdfdf; position: absolute; left: 0; top: 50%; z-index: 0}
.vision_circle_list .vision_circle_item{ width: 33.3333%; text-align: center; padding: 15px; position: relative; z-index: 1}

.branch_office_wrap .btn_wrap{ display: flex; justify-content: flex-end;}
.branch_office_wrap .go_to_site{ border: 1px solid #131313; width: 125px; height: 32px; border-radius: 16px; text-align: center; display: flex; justify-content: center; align-items: center;}
.branch_office_wrap .go_to_site img{ margin-left: 8px}

.img_txt_list{ width: 100%; height: auto; display: flex; flex-wrap: wrap}
.img_txt_list .bd_wrap{ width: 100%; height: 100%; border: solid 1px #e1e1e1}
.img_txt_list .img_txt_item{ width: 50%; padding: 25px}
.img_txt_list .img_txt_item .txt_wrap{ padding: 20px 20px 35px; border-top: solid 1px #e1e1e1; align-self: stretch}
.img_txt_list .img_txt_item .tit{ padding: 15px 0; font-size: 1.125rem; color: #131313}
.img_txt_list .img_txt_item .txt{ font-size: 1rem; color: #333}

@media (max-width: 800px){
    .vision_circle_list .vision_circle_item{ width: 100%}
    .vision_circle_list{ flex-wrap: wrap}
    .vision_circle_list:after{ width: 1px; height: 100%; left: 50%; top: 0}

    .img_txt_list .img_txt_item{ padding: 10px 5px}
}

@media (max-width: 400px){
    .vision_txt_list .vision_txt_item{ font-size: 1.125rem}
    .img_txt_list .img_txt_item{ width: 100%}
}
/*국립민속박물관은 end*/

/*박물관 연혁 start*/
.history_sec{ display: flex; flex-wrap: wrap; align-items: center; position: relative}
.history_sec:after{ content: ""; width: 1px; height: 100%; background: #dfdfdf; position: absolute; left: 50%; top: 0; z-index: 0}
.history_tit{ padding: 35px 0 20px; width: 100%; text-align: center; color: #c42047; font-size: 1.875rem; font-family: "NotoSans_b", "Malgun Gothic", sans-serif; background: #fff; position: relative; z-index: 1}
.history_sec .img_wrap,
.history_sec .txt_list{ width: 50%}
.history_sec .txt_item{ margin: 25px 0}
.history_sec .txt_item .txt{ color: #333; font-size: 1rem; word-break: keep-all}

.history_sec .left{ padding-right: 80px; text-align: right}
.history_sec .right{ padding-left: 80px; text-align: left}
.history_sec .date{ color: #3d849d; font-size: 1.250rem; font-family: "NotoSans_mb", "Malgun Gothic", sans-serif; position: relative; margin-bottom: 5px}
.history_sec .date:before{ content: url("/img/sub/dot_history.png"); position: absolute; top: 50%; z-index: 2}
.history_sec .right .date:before{ left: -88px; transform: translateY(-50%) rotate(-180deg);}
.history_sec .left .date:before{ right: -89px; transform: translateY(-50%);}

@media (max-width: 800px){
    .history_tit{ font-size: 1.750rem}

    .history_sec .left{ padding-right: 20px}
    .history_sec .right{ padding-left: 20px}

    .history_sec .date{ font-size: 1.125rem}
    .history_sec .date:before{ content: ""; width: 8px; height: 8px; border-radius: 50%; border: solid 5px #3d849d; background: #fff}
    .history_sec .right .date:before{ left: -28px; transform: translateY(-50%) rotate(-180deg);}
    .history_sec .left .date:before{ right: -28px; transform: translateY(-50%);}

    .history_sec .txt_item .txt{ font-size: 0.875rem}
}
/*박물관 연혁 end*/

/*역대 관장 start*/
.director_list .director_item{ padding: 30px 25px; width: 100%; display: flex; align-items: center; border-bottom: solid 1px #dfdfdf}
.director_list .director_item:first-child{ padding-top: 0}
.director_list .director_item .img_wrap{ flex-shrink: 0; max-width: 27vw}
.director_list .director_item .img_wrap + .txt_wrap{ padding-left: 20px}
.director_list .director_item .txt_wrap .name{ font-size: 1.500rem; font-family: "NotoSans_b", "Malgun Gothic", sans-serif; margin-bottom: 15px}
.director_list .director_item .txt_wrap .name .small_txt{ font-size: 1.125rem; font-family: "NotoSans_r", "Malgun Gothic", sans-serif}
.director_list .director_item .txt_wrap .txt{ font-size: 1.250rem; display: flex;}
.director_list .director_item .txt_wrap .txt:before{ content: ""; width: 13px; height: 13px; border-radius: 50%; border: solid 3px #cb3d5f; display: inline-block; margin: 0.27em 15px; flex-shrink: 0}
.director_list .director_item .txt_wrap .txt + .txt{ margin-top: 5px}
@media (max-width: 800px){
    .director_list .director_item{ padding: 20px 10px; align-items: flex-start}
    .director_list .director_item .img_wrap + .txt_wrap{ padding-left: 15px}
    .director_list .director_item .txt_wrap .name{ font-size: 1.250rem; margin-bottom: 5px}
    .director_list .director_item .txt_wrap .name .small_txt{ display: block; width: 100%; font-size: 0.875rem}
    .director_list .director_item .txt_wrap .txt{ font-size: 1rem}
    .director_list .director_item .txt_wrap .txt:before{ margin: 0.4em 10px 0 0; width: 8px; height: 8px}
}
/*역대 관장 end*/

/*mi start*/
.mi_wrap .border_box{ background: #fff}
.mi_wrap .bullet_tit + .tit_info_txt{ margin-bottom: 15px}
.mi_wrap .tit_info_txt + .border_box{ margin-top: 50px}
.mi_wrap .tit_info_txt.s_tit{ margin-top: 30px}
.mi_wrap .tit_info_txt.s_tit + .border_box{ margin-top: 15px}
.mi_wrap .border_box{ border: solid 1px #dfdfdf; padding: 50px 40px; display: flex}
.mi_wrap .sec01 .border_box{ align-items: center; justify-content: center}
.mi_wrap .sec01 .border_box img{ margin: 0 40px}
.mi_wrap .sec02 .border_box{ flex-wrap: wrap}
.mi_wrap .sec02 .border_box > .wrap{ display: flex; align-items: center}
.mi_wrap .sec02 .border_box > .wrap + .wrap{ margin-top: 40px}
.mi_wrap .sec02 .border_box .mi_logo,
.mi_wrap .sec02 .border_box .mi_info{ width: 21%}
.mi_wrap .sec02 .border_box .mi_logo{ margin-right: 4%}
.mi_wrap .sec02 .border_box .mi_info{ margin-left: 4%}
.mi_wrap .sec03 .border_box{ align-items: center; justify-content: center}

.mi_color {display: inline-block;position: relative;height: 30px;margin-bottom: 10px;padding-left: 60px;font-size: 1.125rem;}
.mi_color:before { content: "";display: block;position: absolute;top: 0;left: 0;width: 50px;height: 30px; background-color: #003669;}
.mi_color_blue:before {background-color: #003669;}
.mi_color_red:before {background-color: #e6002d;}
.mi_color_gray:before {background-color: #575757;}
.mi_color_black:before {background-color: #000000;}
.mi_list {margin: 0;padding: 0;}
.mi_item {list-style: none;color: #424446;font-size: 0.9375rem;}

@media (max-width: 800px){
    .mi_wrap .border_box{ padding: 30px 25px; flex-wrap: wrap}
    .mi_wrap .sec02 .border_box > .wrap{ flex-wrap: wrap}
    .mi_wrap .sec02 .border_box .mi_info{ width: 100%; text-align: center; margin: 20px 0}
    .mi_wrap .sec02 .border_box .mi_logo{ margin: 0 auto 30px; width: auto}
}
/*mi end*/

/*소장품 소개 start*/
.collection_wrap .banner_wrap{ margin-bottom: 70px}
.collection_wrap .introduction_txt{ font-family: "NotoSans_l", sans-serif; font-size: 1.063rem}
.collection_book_wrap .img_wrap{ margin-bottom: 50px}
@media (max-width: 800px){
    .collection_wrap .banner_wrap{ margin-bottom: 40px}
    .collection_wrap .introduction_txt{ margin-bottom: 50px}
    .collection_book_wrap .img_wrap{ margin-bottom: 30px}
}
/*소장품 소개 end*/

/*쓰임새별 분류 start*/
.classification_list{ width: 100%}
.classification_list .classification_item{ width: 100%; display: flex; align-items: flex-start; margin-bottom: 50px}
.classification_item .img_wrap{ width: 40%}
.classification_item .txt_wrap{ width: 60%; padding-right: 50px}
.classification_item .txt_wrap .tit{ font-family: "NotoSans_mb", "Malgun Gothic", sans-serif; font-size: 1.250rem; margin-bottom: 10px}
.classification_item .txt_wrap .txt{ font-size: 1.063rem}
@media (max-width: 1024px){
    .classification_list .classification_item{ flex-wrap: wrap}
    .classification_item .img_wrap{ width: 100%; text-align: center}
    .classification_item .txt_wrap{ width: 100%; padding-right: 0; margin-bottom: 30px}
}
/*쓰임새별 분류 end*/

/*도서자료실 소개 start*/
.library_wrap .introduction .border_box{ padding: 30px 30px 45px; border: solid 1px #dfdfdf; background: url("/img/sub/bg_library.jpg") no-repeat center / cover; font-size: 1.125rem; text-align: center; margin-bottom: 40px}
.library_wrap .introduction .border_box .img_wrap{ margin-bottom: 15px}
.library_wrap .bullet_tit,
.library_wrap .tit_info_txt,
.library_wrap .bullet_tit + .tit_info_txt{ margin-bottom: 15px}
/*도서자료실 소개 end*/

/*민속아카이브 소개 start*/
.folk_archive_wrap .txt_wrap,
.folk_archive_wrap .tit_info_txt{ font-size: 1.063rem; font-family: "NotoSans_l", sans-serif}
.folk_archive_wrap .tit_info_txt{ margin-bottom: 20px}
.folk_archive_wrap .introduction .border_box{ padding: 30px 20px; border: solid 1px #dfdfdf; background: url("/img/sub/bg_archive.jpg") no-repeat center / cover; font-size: 1.250rem; text-align: center; margin: 40px 0}
.folk_archive_wrap .introduction .border_box .txt_wrap{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center}
.folk_archive_wrap .introduction .border_box .big_txt{ width: 100%; font-size: 1.750rem; font-family: "NotoSans_mb", "Malgun Gothic", sans-serif}
.folk_archive_wrap .introduction .border_box .box_tit{ margin: 15px 0}
.folk_archive_wrap .introduction .border_box .list{ width: auto; display: flex; margin: 25px auto; color: #333; font-size: 1rem; background: #fff; border-radius: 30px; padding: 10px 35px; border:  solid 1px #dfdfdf}
.folk_archive_wrap .introduction .border_box .list .item{ margin: 0 10px}
.folk_archive_wrap .introduction .border_box .list .item img{ margin-right: 5px}
.folk_archive_wrap .introduction .border_box .btn_wrap{ width: 100%; padding: 0 0 5px 0}

.folk_archive_wrap  .paju_archive .list{ display: flex; flex-wrap: wrap; justify-content: space-between}
.folk_archive_wrap  .paju_archive .list .item{ width: calc((100% - 60px)/4); text-align: center; border: solid 1px #dfdfdf}
.folk_archive_wrap  .paju_archive .list .item .txt_wrap{ height: 50px; display: flex; align-items: center; justify-content: center; line-height: +1.3; word-break: keep-all}

@media (max-width: 1200px){
    .folk_archive_wrap .introduction .border_box .list{ padding: 10px 20px}
}
@media (max-width: 1024px){
    .folk_archive_wrap .introduction .border_box .list{ width: 350px; padding: 10px 35px; justify-content: center}
    .folk_archive_wrap .introduction .border_box .list .item{ width: 100%; text-align: left; margin: 5px 0}

    .folk_archive_wrap .paju_archive .list .item{ width: calc(50% - 5px); margin: 5px 0}
    .folk_archive_wrap .paju_archive .list .item .txt_wrap{ padding: 5px 10px; font-size: 1rem}
}
@media (max-width: 400px){
    .folk_archive_wrap .btn{ height: auto; line-height: +1.3; padding: 10px 15px; word-break: keep-all; text-align: center}

    .folk_archive_wrap .paju_archive .list .item{ width: 100%}
    .folk_archive_wrap .paju_archive .list .item .img_wrap img{ width: 100%}
}
/*민속아카이브 소개 end*/

/*자료복제 및 열람허가 start*/
.permission_to_read .bullet_tit,
.permission_to_read .tit_info_txt{ margin-bottom: 15px !important;}
.permission_to_read .btn{ margin-bottom: 5px}
.permission_to_read .btn_wrap{ padding-bottom: 30px}
@media (max-width: 800px){
    .permission_to_read .btn{ margin: 5px 0; width: 100%; height: auto; line-height: +1.3; padding: 10px 15px; word-break: keep-all; text-align: center}
}
/*자료복제 및 열람허가 end*/

/*국가지정문화재 start*/
.state_cultural_properties .list{ display: flex; justify-content: space-between}
.state_cultural_properties .item{ width: calc((100% - 45px)/4); margin-bottom: 30px}
.state_cultural_properties .item > a{ width: 100%; height: 100%; border: solid 1px #dfdfdf;}
.state_cultural_properties .item .img_wrap{ width: 100%; height: calc(100% - 60px); display: flex; align-items: center; justify-content: center; padding: 15px}
.state_cultural_properties .item .img_wrap img{ max-width: 100%; max-height: 100%}
.state_cultural_properties .item .txt_wrap{ width: 100%; height: 60px; display: flex; justify-content: space-between; align-items: center; padding: 5px 15px; font-size: 1.188rem; color: #131313; background: #f8f8f8; line-height: +1.3}
.state_cultural_properties .item .arrow_wrap{ width: 22px; height: 22px; display: block; background: url("/img/sub/arrow_cultural.png") no-repeat center}

.state_cultural_properties .item > a:hover .txt_wrap,
.state_cultural_properties .item > a:focus .txt_wrap{ color: #fff; background: #15576e}
.state_cultural_properties .item > a:hover .arrow_wrap,
.state_cultural_properties .item > a:focus .arrow_wrap{ background: url("/img/sub/arrow_cultural_w.png") no-repeat center}

.pop_cultural .pop_body{ padding: 20px 40px 60px 40px}
.pop_cultural .info_wrap{ display: flex; flex-wrap: wrap}
.pop_cultural .info_wrap .img_wrap,
.pop_cultural .info_wrap .txt_wrap{ width: 50%}
.pop_cultural .info_wrap .img_wrap{ height: 320px}
.pop_cultural .info_wrap .img_wrap img{ max-width: 100%; max-height: 100%}
.pop_cultural .info_wrap .img_list .slick-dots{ position: absolute}
.pop_cultural .info_wrap .img_list,
.pop_cultural .info_wrap .img_item{ width: 100%; height: 100%!important;}
.pop_cultural .info_wrap .img_item{ padding: 0 60px; display: flex; align-items: center; justify-content: center}
.pop_cultural .info_wrap .slick-list,
.pop_cultural .info_wrap .slick-track{ height: 100% !important;}
.pop_cultural .info_wrap .img_list .slick-prev,
.pop_cultural .info_wrap .img_list .slick-next{ width: 40px; height: 100%; font-size: 0; color: transparent; position: absolute; top: 0; cursor: pointer; z-index: 99}
.pop_cultural .info_wrap .img_list .slick-prev{ left: 15px; background: url("/img/common_renew/ic_arrow_s.png") no-repeat center; transform: rotate(-180deg)}
.pop_cultural .info_wrap .img_list .slick-next{ right: 15px; background: url("/img/common_renew/ic_arrow_s.png") no-repeat center}
.pop_cultural .info_wrap .img_list .slick-disabled{ opacity: 0.2}

.pop_cultural .info_wrap .txt_wrap{ display: flex; align-items: center}
.pop_cultural .info_wrap .table_basic th{ background: #fff}
.pop_cultural .info_wrap .table_basic td{ color: #666}
.pop_cultural .info_wrap .table_basic th,
.pop_cultural .info_wrap .table_basic td{ font-size: 1.250rem}
.pop_cultural .btn_wrap{ padding: 15px 0 0}

.pop_cultural .text_con{ font-size: 1.125rem; line-height: +1.4; color: #333}

@media (max-width: 800px){
    .state_cultural_properties .item{ width: calc((100% - 15px)/2); margin: 10px 0}
    .state_cultural_properties .item .txt_wrap{ font-size: 1.063rem}

    .pop_cultural .pop_body{ padding: 40px 20px 80px}
    .pop_cultural .info_wrap .img_wrap,
    .pop_cultural .info_wrap .txt_wrap{ width: 100%}
    .pop_cultural .info_wrap .img_wrap{ height: auto; margin-bottom: 30px}
    .pop_cultural .info_wrap .img_item{ padding: 0 15px}

    .pop_cultural .info_wrap .img_list .slick-prev{ left: -15px}
    .pop_cultural .info_wrap .img_list .slick-next{ right: -15px}

    .pop_cultural .info_wrap .table_basic th,
    .pop_cultural .info_wrap .table_basic td{ font-size: 1.125rem}
}
/*국가지정문화재 end*/

/*메일링서비스 start*/
.mailing_service_wrap .input_box input[type='text']{ width: 100%; max-width: 680px; height: 50px; border: solid 1px #0c4478; background: #fff; font-size: 0.938rem; margin-top: 30px; padding: 0 20px}

.privacy_wrap{ display: flex; align-items: flex-start; justify-content: space-between; font-size: 1.063rem; margin-bottom: 15px;padding-top:10px}
.privacy_wrap .privacy_info{ word-break: keep-all}
.privacy_wrap .privacy_info .detail{ color: #666; font-size: 0.875em}
.privacy_wrap .privacy_check_wrap{ width: auto; display: flex; align-items: center; float: right; font-size: 1.063rem; color: #666; flex-shrink: 0; padding-left: 20px}
.privacy_wrap .privacy_check_wrap input[type='radio']{ margin-right: 8px}
.privacy_wrap .privacy_check_wrap label + input[type='radio']{ margin-left: 12px}

.privacy_con_box{ border: solid 1px #dfdfdf; font-size: 1.063rem; color: #333; padding:20px 25px 30px 25px; display: none}
.privacy_con_box.active{ display: block}
.privacy_con_box .privacy_con_list{ /*margin-top: 25px*/}
.privacy_con_box .privacy_con_item{ margin-top: 15px}
.privacy_con_box .privacy_con_item:before{ content: "·"; margin-right: 10px}

@media (max-width: 800px){
    .privacy_wrap{ flex-wrap: wrap}
    .privacy_wrap .privacy_info{ width: 100%}
    .privacy_wrap .privacy_check_wrap{ width: 100%; text-align: right; padding: 0 10px; display: block}

    .privacy_con_box{ padding: 25px 20px}
}
/*메일링서비스 end*/

/*누리집 start*/
.sitemap_wrap .h-sitemap__headings{ background: #f8f8f8; font-size: 1.250rem; color: #131313; border-top: 2px solid #004170; border-bottom: solid 1px #aeaeae; padding: 22px 30px; text-align: center}
.sitemap_wrap .h-sitemap__list{ border: none; margin-top: 0; background: #fff}
.sitemap_wrap .h-sitemap__link{ font-size: 1.125rem}
.sitemap_wrap .h-sitemap__link:before{ display: none}
.sitemap_wrap .h-sitemap__item{ padding: 5px 25px 15px; margin: 0}
.sitemap_wrap .h-sitemap__box{ margin: 15px 0 0 0; padding: 0 10px 0; background: #fff}
.sitemap_wrap .h-sitemap__box .h-sitemap__list{ padding-bottom: 15px; margin: 0}
.sitemap_wrap .h-sitemap__box .h-sitemap__link{ font-size: 1rem; color: #333; padding: 0}
.sitemap_wrap .h-sitemap__box .h-sitemap__list .h-sitemap__item{ padding: 0}
.sitemap_wrap .h-sitemap__box .h-sitemap__list .h-sitemap__item{ border: none}
.sitemap_wrap .h-sitemap__box .h-sitemap__item + .h-sitemap__item{ padding: 0;}
.sitemap_wrap .h-sitemap__list .h-sitemap__item{ border-bottom: solid 1px #dfdfdf; padding: 15px 0}
.sitemap_wrap .h-sitemap__box .h-sitemap__list .h-sitemap__item{ display: flex; align-items: center}
.sitemap_wrap .h-sitemap__box .h-sitemap__list .h-sitemap__item:before{ content: ""; width: 4px; height: 3px; background: #131313; display: inline-block; margin: 0 15px 0 5px}
/*누리집 end*/

/*저작권정책 start*/
.open_license_list{ display: flex; flex-wrap: wrap}
.open_license_list .open_license_item{ width: 50%; border-top: solid 1px #dfdfdf}
.open_license_list .open_license_item:nth-child(even){ border-left: solid 1px #dfdfdf}
.open_license_list .open_license_item:nth-child(-n + 2){ border-top: none}
.open_license_list .open_license_item .tit_wrap{ width: 100%; height: 70px; font-size: 1.250rem; color: #131313; background: #f8f8f8; border-bottom: solid 1px #dfdfdf; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px 15px}
.open_license_list .open_license_item .tit_wrap img{ margin-left: 15px; position: relative; top: -3px}
.open_license_list .open_license_item .con_wrap{ width: 100%; height: calc(100% - 70px); display: flex; align-items: center; padding: 30px}
.open_license_list .open_license_item .con_wrap .img_wrap{ flex-shrink: 0; width: 170px}
.open_license_list .open_license_item .con_wrap .txt_wrap{ padding-left: 50px}
.open_license_list .open_license_item .con_wrap .txt_wrap .item{ padding-left: 15px; text-indent: -10px; margin: 10px 0}
@media (max-width: 800px){
    .open_license_list .open_license_item{ width: 100%}
    .open_license_list .open_license_item:nth-child(even){ border-left: none}
    .open_license_list .open_license_item:nth-child(-n + 2){ border-top: solid 1px #dfdfdf}
    .open_license_list .open_license_item:first-child{ border-top: none}
}
@media (max-width: 600px){
    .open_license_list .open_license_item .tit_wrap{ height: auto; max-height: 70px; font-size: 1.125rem}
    .open_license_list .open_license_item .con_wrap{ flex-wrap: wrap; padding: 30px 10px 20px; height: auto}
    .open_license_list .open_license_item .con_wrap .img_wrap,
    .open_license_list .open_license_item .con_wrap .txt_wrap{ width: 100%; padding: 0}
    .open_license_list .open_license_item .con_wrap .img_wrap{ text-align: center; margin-bottom: 10px}
}
/*저작권정책 end*/

/*rss start*/
.rss_wrap .rss_address th{ border-right: solid 1px #dfdfdf}
.rss_wrap .rss_address .btn_copy{ border-bottom: solid 1px ; padding-bottom: 3px}

.rss_wrap .rss_info_list{ display: flex; justify-content: space-between}
.rss_wrap .rss_info_item{ width: calc((100% - 225px) / 4); border:  solid 1px #004170; padding: 30px 15px; text-align: center; display: flex; align-items: center; justify-content: center; position: relative}
.rss_wrap .rss_info_list .rss_info_item:after{ content: url("/img/sub/arrow_rss.png"); position: absolute; right: -60px; top: 50%; transform: translateY(-50%)}
.rss_wrap .rss_info_list .rss_info_item:last-child:after{ display: none}

@media (max-width: 800px){
    .rss_wrap .rss_address colgroup{ display: none}
    .rss_wrap .rss_address,
    .rss_wrap .rss_address tbody,
    .rss_wrap .rss_address tr,
    .rss_wrap .rss_address th,
    .rss_wrap .rss_address td{ display: block; width: 100%}
    .rss_wrap .rss_address th{ border-right: none}
    .rss_wrap .rss_address td{ border-top: solid 1px #dfdfdf; text-align: center}

    .rss_wrap .rss_info_list{ flex-wrap: wrap}
    .rss_wrap .rss_info_item{ width: 100%; margin-bottom: 75px}
    .rss_wrap .rss_info_list .rss_info_item:after{ right: auto; left: 50%; top: auto; bottom: -55px; transform: translate(-50%, 0) rotate(90deg)}
}
/*rss end*/

/*정보공개 start*/
.info_system_wrap .category_tab_menu.slide{ padding: 0 60px}
.info_system_wrap .slick-prev,
.info_system_wrap .slick-next{ width: 25px; height: 100%; position: absolute; top: 0; cursor: pointer; background: url("/img/sub/ic_arrow_associated_r.png") no-repeat left center;}
.info_system_wrap .slick-prev.slick-disabled,
.info_system_wrap .slick-next.slick-disabled{ background: url("/img/sub/ic_arrow_associated_g.png") no-repeat left center; cursor: default}
.info_system_wrap .slick-prev{ left: 20px}
.info_system_wrap .slick-next{ right: 20px; transform: rotate(-180deg)}
@media (max-width: 800px){
    .info_system_wrap .category_tab_menu.slide{ padding: 0}
}
/*정보공개 end*/

/*도서자료실 상세검색*/
#datepicker_s,
#datepicker_e,
#searchSDate,
#searchEDate{ background: #fff url("/img/common_renew/ic_calendar.png") no-repeat right 10px center; padding-right: 35px; cursor: pointer; position: relative; z-index: 2}
#searchSDate,
#searchEDate{ width: 200px;}
#searchDate{ margin-right: 45px}

.search_tit{ font-size: 2rem; color: #fff; text-shadow: 3px 3px 7px rgba(0,0,0,0.35); margin-top: 0; position: relative}
.search_input_form{ width: 100%; max-width: 800px}
.search_input_wrap{ position: relative}
.search_input{ width: 100%; height: 50px; line-height: 50px; padding: 0 65px 0 15px; box-sizing: border-box; font-size: 1rem; border: 1px solid #17586f; background: #fff}
.search_input_btn{ width: 46px; height: 46px; background: #fff url("/img/sub/ic_search_blue.png") no-repeat center; border: none; padding: 0; position: absolute; top: 2px; right: 2px; cursor: pointer}
.search_rescan_wrap{ text-align: left; color: #666; font-size: 1.125rem; margin-top: 10px; }
.search_book_wrap .search_rescan_wrap input{ width: auto;}
.search_rescan{ margin-left: 0}

.search_book_wrap{ background: #f8f8f8; padding: 45px 25px; margin-bottom: 50px}
.search_book_wrap .search_input_form{ margin: 0 auto}
.search_book{ display: flex}
.search_book .search_input_wrap{ width: 100%}
.search_book .detail_trigger{ width: 135px; flex-shrink: 0; margin-left: 15px; display: flex; align-items: center;}
.search_book .detail_trigger:after{ content: url("/img/common_renew/ic_arrow_light_blue.png"); margin-left: 10px; line-height: 0; display: flex; align-items: center; transform: rotate(-180deg)}
.search_book_wrap.open .search_book .detail_trigger:after{ transform: rotate(0)}
.search_book_wrap .detail_wrap .tit{ font-family: "NotoSans_mb", "Malgun Gothic", sans-serif; font-size: 1.125rem; margin: 20px 0 15px; text-align: left}
.search_book_wrap .detail_wrap{ display: none}
.search_book_wrap.open .detail_wrap{ display: block;}
.search_book_wrap .table_basic th{ background: #e3eaed}
.search_book_wrap .table_basic td{ background: #fff; text-align: left;}
.search_book_wrap select{ width: 280px; max-width: 100%; height: 35px; border: solid 1px #dfdfdf; font-size: 1rem}
.search_book_wrap input{ width: 100%; max-width: 100%}
.search_book_wrap .datepicker_wrap{ display: flex; position: relative;}
.search_book_wrap .datepicker_wrap .input_wrap{ width: 280px; max-width: calc(50% - 10px)}
.search_book_wrap .datepicker_wrap input{ width: 100%}
.search_book_wrap .datepicker_wrap span{ width: 20px; text-align: center;}
.search_book_wrap .btn_wrap{ padding-bottom: 0}
.search_book_wrap .btn_wrap .btn{ min-width: 135px}

@media (max-width: 1024px){
	#searchDate{ width: calc(100% - 45px)}
	#searchSDate,
	#searchEDate{ width: calc(50% - 10px); }
	#searchSDate + .dash{ width: 20px; text-align: center;}
}
@media (max-width: 800px){
	
	.search_book{ flex-wrap: wrap}
	.search_input_wrap,
	.search_book .detail_trigger{ width: 100%}
	.search_book .search_input_wrap{ margin-bottom: 5px}
	.search_book .detail_trigger{ margin-left: 0; margin-bottom: 10px}
	.search_rescan_wrap{ font-size: 1rem; margin-top: 0}
	
	.search_book_wrap .table_basic colgroup{ display: none}
    .search_book_wrap .table_basic,
    .search_book_wrap .table_basic thead,
    .search_book_wrap .table_basic tbody,
    .search_book_wrap .table_basic tr,
    .search_book_wrap .table_basic th,
    .search_book_wrap .table_basic td{ width: 100%; display: block;}
    .search_book_wrap .table_basic td{ padding: 5px 10px 0}
    .search_book_wrap .table_basic tr{ padding-bottom: 5px}
    .search_book_wrap select{ width: 100%}
}

.seedbbs_btn.mod{
	width: auto;
	height: 45px;
	font-size: 1rem;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 15px;
	background: #c42047!important;
	border-color: #c42047!important;
	color: #fff!important;
}
.seedbbs_btn.del{
	width: auto;
	height: 45px;
	font-size: 1rem;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 15px;
	background: #dbdbdb!important; 
	border-color: #dbdbdb!important; 
	color: #131313!important;
}

.seedbbs_btn + .seedbbs_btn{ margin-left: 7px}

.seed_btnArea .seedbbs_btn.list{ 
    width: 135px;
    height: 45px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    background: #6c6c6c;
    color: #fff !important;
    font-size: 1rem;
    border: none
}
.seed_btnArea{ margin: 0; padding: 1.667rem 0 3.333rem; display: flex; justify-content: center;}

/*교육안내·신청 상세 테이블*/
@media (max-width: 1024px){
/* 	.e-edu__class .c-table thead, */
/* 	.e-edu__class .c-table colgroup{ display: none} */
/* 	.e-edu__class .c-table table, */
/* 	.e-edu__class .c-table tbody, */
/* 	.e-edu__class .c-table tr, */
/* 	.e-edu__class .c-table td{ display: block; width: 100%} */
/* 	.e-edu__class .c-table td{ border: none} */
}

/*로딩스피너*/
.spinner-wrapper {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
.spinner-wrapper.show {
  display: flex;
}
.spinner {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}