@CHARSET "UTF-8";

.color_a{color:#3366cc}
.color_a a{color:#3366cc !important}

.c-row {margin:0 -10px;}
.c-row:after{content:"";clear:both;display:block;}
.c-col {float:left;width:100%;padding:0 10px;box-sizing:border-box;}

/* contents */
.l-page{min-height:470px;padding-top:60px;padding-bottom:80px;background-color:#fff}
.l-page__aligner{max-width:1280px;margin:0 auto;}
.l-page__aligner:after{content:"";clear:both;display:block;}
.l-page .l-page-heading{float:left;width:1000px}

/* sitemap */
.l-sitemap{display:none;position:fixed;top:0;left:50%;max-width:1280px;margin-left:-640px;z-index:2000}
.l-sitemap .l-sitemap__aligner{max-height:850px;overflow:auto;}
.l-sitemap .gnb-nav-item a{color:#ccc}
.l-sitemap .gnb-nav-item a:hover{text-decoration:underline;}
.l-sitemap .gnb-nav-depth{overflow:auto;}
.l-sitemap .gnb-nav-item{float:left;width:25%;padding:0 10px;box-sizing:border-box;}
.l-sitemap .sitemap_tit{font-size:48px;font-weight:300;color:#e33a89;text-align:center;padding-bottom:40px}
.l-sitemap .gnb-nav_tit{font-size:18px;font-weight:700;color:#af97e9;text-align:center;padding:14px 0;background-color:#44346b}
.l-sitemap .gnb-nav-depth-2{padding:50px 20px 0;}
.l-sitemap .gnb-nav-depth-2-item:first-child{padding-top:0}
.l-sitemap .gnb-nav-depth-2-item{padding:10px 0;line-height:18px}
.l-sitemap .gnb-nav-depth-3{padding-top:12px;padding-left:10px}
.l-sitemap .gnb-nav-depth-3 li{padding:5px 0}
.l-sitemap .gnb-nav-depth-3 li a{display:inline-block;position:relative;font-size:12px;color:#999;padding-left:10px} 
.l-sitemap .gnb-nav-depth-3 li a:before{content:"";position:absolute;top:12px;left:0;width:5px;height:1px;background-color:#ccc}
.l-sitemap .l-sitemap__close{position:fixed;top:40px;right:20px;width:48px;height:48px;text-indent:-9999px;background:url("/site/english/images/bg/bg_sitemap_close.png") no-repeat;}

/* footer */
.l-site-info{padding:40px 0;box-sizing:border-box;}
.l-site-info__aligner{position:relative;max-width:1280px;margin:0 auto;padding-left:320px;overflow:hidden;box-sizing:border-box;}
.l-site-info .l-site-info__logo{position:absolute;top:0;left:0}
.l-site-info .l-site-info__logo a{display:block;}
.l-site-nav{padding-bottom:20px}
.l-snb__list{overflow:hidden;}
.l-snb__list li:first-child{padding-left:0}
.l-snb__list li:first-child:before{content:none;}
.l-snb__list li{position:relative;display:inline-block;padding:0 15px}
.l-snb__list li:before{content:"";position:absolute;top:5px;left:0;width:1px;height:10px;background-color:#38393b}
.l-snb__list a{display:block;color:#ccc;line-height:normal;}
.l-snb__list a:hover{text-decoration:underline;}
.l-snb__list .privacy{color:#b13a85}

.l-site-info__copyright, .l-site-info__copyright a, .l-site-info .l-site-info__list{color:#ccc;line-height:normal;}
.l-site-info .l-site-info__list{padding-bottom:5px}


@media screen and (min-width:1300px) {
	.l-toolbar{position:relative;height:140px}
	.l-heading{overflow:hidden;}
	.l-heading .c-heading1{display:inline;margin-right:10px}
	.l-heading .l-breadcrumbs{padding-top:25px}
	.c-header__aligner{position:relative;}
	.c-header_nav{position:relative;width:1280px;margin:0 auto;}
	.c-header__aligner .c-header__gnb{display:none;}
	.c-header__aligner .c-header__search{display:none;}
	.c-section{margin-top:30px}
	
	/* guide */
	.f-guide{padding-right:300px;}
	.f-guide.f-guide--text{padding-right:0;min-height:auto;}
	.f-guide__frames{position:absolute;top:0;right:0;margin-bottom:0;}

	.c-section--indent{padding-left:17px}
	.f-steps{padding:35px 30px}
		
	/* bbs */
	.totalCnt_bbsSearch{overflow:hidden;}
	.totalCnt_bbsSearch .totalCnt{float:left;}
	.totalCnt_bbsSearch .bbsSearch{float:right;}
	
	/* tab */
	.c-tabs, .c-seasons_tabs .c-tabs__list, .c-tabs .c-tabs__list{display:block !important;}
	.c-seasons_tabs .c-tabs__list ul{margin:0 -5px;overflow:hidden;}
	.c-seasons_tabs .c-tabs__list .c-tabs__item{float:left;padding:0 5px;}
	.c-seasons_tabs  .c-tabs__list .c-tabs__link{display:block;color:#666;width:74px;height:74px;border-radius:100%;border:1px solid #eaeaea;text-align:center;box-sizing:border-box;}
	.c-seasons_tabs  .c-tabs__list .c-tabs__link >*{display:block;}
	.c-seasons_tabs  .c-tabs__list .c-tabs__num{font-size:24px;font-weight:300;padding-top:10px}
	.c-seasons_tabs  .c-tabs__list .c-tabs__month{font-size:12px;font-weight:700;padding-top:5px}
	.c-seasons_tabs  .c-tabs__list .c-tabs__link:hover{color:#ee5ea2;border-color:#ee5ea2}
	.c-seasons_tabs  .c-tabs__list .c-tabs__item--active .c-tabs__link{color:#fff;background-color:#ed3880;border-color:#ed3880}
	
	.c-tabs  .c-tabs__list{margin-left:1px;overflow:hidden;padding-left:1px;border-top:1px solid #ccc; margin-bottom: 50px}
	.c-tabs .c-tabs__list li{display:table;float:left;border:1px solid #ccc;border-top:0;text-align:center;box-sizing:border-box;margin-left:-1px;}
	.c-tabs .c-tabs__list a{display:table-cell;font-size:18px;color:#000;height:66px;line-height:22px;vertical-align:middle;padding:0 5px}
	.c-tabs .c-tabs__list li.c-tabs__item--active{border-color:#c42047;background-color:#c42047}
	.c-tabs .c-tabs__list li.c-tabs__item--active a{color:#fff;}
	
	.c-tabs.c-tabs--2 li{width:50%;}
	.c-tabs.c-tabs--3 li{width:33.33333%;}
	.c-tabs.c-tabs--4 li{width:25%;}
	.c-tabs.c-tabs--5 li{width:20%}
	.c-tabs.c-tabs--6 li{width:16.666666%;}
	
	.d-tabs__heading{height:70px}
	.d-tabs__text{padding: 5px 30px;}
		
	/* video */
	.f-video{overflow:hidden;padding-bottom:40px;border-bottom:1px solid #e5e5e5;}
	.f-video >*{float:left;}
	.f-video .f-video__viewer{width:540px;}
	.f-video .f-video__assist{float:right;width:410px;margin-left:40px}
	.f-cultural{overflow:hidden;}
	.f-cultural__images{float:left;width:330px;min-height:200px;}
	.f-cultural__info{float:right;width:670px;}
	.f-cultural__list {margin:0;padding-left:40px;}
	.f-cultural__item:first-child {border-top:0;}
    .f-cultural__key {width:120px;padding:0;font-size:14px;}
    .f-cultural__value {padding:0;font-size:14px;}
    .i-intro {position:relative;padding-left:450px;}
    .i-intro__frame {position:absolute;top:0;left:0;margin:0;}
    .i-intro__image{display:inline-block;max-width:100%;}
    .c-section.c-section--small{margin-top:15px;}
    
    /* search */
	.s-content__aligner{position:relative;width:1280px;margin:0 auto;}
	.s-page .s-page__aligner{overflow:hidden;}
	.s-page .s-aside{float:left;width:240px}
	.s-page .s-contents{float:right;width:1000px;}
	.s-page .s-heading__sort{position:absolute;top:20px;right:0}
	
	.s-page .s-keyword{display:table;width:100%;padding-top:12px;margin-top:-5px}
	.s-page .s-keyword >*{display:table-cell;vertical-align:top;}
	.s-page .s-content--frame{overflow:hidden;}
	.s-page .s-content--frame .s-content__images{float:left;}
	.s-page .s-content--frame .s-content__box {float:left;width:790px;padding-left:40px}
	.s-page .s-content__navi{margin-top:20px;}
	.s-page .s-more{width:156px}
	
	.f-search{width:600px;}
	.f-collection__item{width:25%}
	.f-collection__item:nth-child(4) ~ .f-collection__item{margin-top:40px}
	
	.f-process__item{width:25%}
	.f-process__card{min-height:250px}
	.f-process__title{padding:20px 15px}
	.f-process__item + .f-process__item {margin-top:0}
	.f-process__content{padding:15px 10px}
	.f-process__item + .f-process__item:before {left:-15px;top:50%;width:30px;height:1px;}
	
	/* greeting */
	.c-Intro__aligner .c-col--7{display:table;width:100%;box-sizing:border-box;}
	.c-Intro__aligner .c-col--7 >*{display:table-cell;vertical-align:top}
	
	.c-guide{min-height:240px;padding-right:290px;}
	.c-guide__frames {position: absolute;top: 0;right: 0;display: table; table-layout: fixed;}
	.c-guide__frame {display: table-cell;margin-top: 0;padding-left: 20px;text-align: center;vertical-align: middle;}
	.c-guide--frames .c-guide__frames {position: static;display: table;width: auto;margin-right: auto;margin-left: auto;margin-bottom: 20px;}

	.c-Intro__aligner .c-paragraph{margin-top:10px;}
	
	/* sitemap */
	.l-sitemap{padding-top:80px}
		
	/* Exhibitions */
	.d-gateway{margin-bottom: 40px;padding-top: 30px;}
    .d-gateway__view {width: 640px;}
    .d-gateway__map {width: 360px;}
    .d-gateway__emphasis{font-size:24px;}
    .d-gateway__heading{padding: 26px 35px;}
        
	/* pagination */
	.c-pagination .c-pagination__list li{display:inline-block;padding:0 2px}
	.c-pagination .c-pagination__number{display:block;line-height:36px;border:2px solid transparent;}
	.c-pagination .c-pagination__item--active .c-pagination__number{border-color:#333;}
	.c-pagination .c-pagination__num{display:none;}
	
}

@media screen and (min-width:1024px) {
	
	/* tab */	
	.f-thumb{display:table;width:100%; table-layout: fixed}
	.f-thumb >*{display:table-cell;vertical-align:top}
	.f-thumb .f-thumb__thumb{width:200px;}
	.f-thumb .f-thumb__thumb img{display:block;}
	.f-thumb .f-thumb__info{padding-left:40px;height:150px}
	.f-thumb__grid .f-thumb__title{margin-bottom:15px}
	.f-thumb__col:nth-child(2) ~ .f-thumb__col{padding-top:20px}
	
	.f-thumb__grid.f-thumb__fcia .f-thumb{position:relative;display:block;}
	.f-thumb__grid.f-thumb__fcia .f-thumb >*{display:block;}
	.f-thumb__grid.f-thumb__fcia .f-thumb .f-thumb__thumb{position:absolute;top:0;left:0}
	.f-thumb__grid.f-thumb__fcia .f-thumb .f-thumb__info{padding-left:190px;height:170px}
	
}
@media screen and (min-width:750px) {

	.c-col.c-col--6 {width:50%;}
	
	/* collection */
	.f-collection__result{overflow:hidden;}
	.f-collection__result .f-collection__result--txt{float:left;}
	.f-collection__result .f-heading__sort{float:right;}
	
	/* popup */
	.d-popup{display:table;width:100%}
 	.d-popup__poster{float:left;width:290px;margin-bottom:0;vertical-align:top}
 	.d-popup__information{padding-left:30px;vertical-align:top}
	.d-relic__data{padding:14px 0}
	.d-popup__button{padding-top:20px}

	.d-popup .slick-arrow:before{border:7px solid transparent}
}

@media screen and (max-width:1300px) {
	.l-aside{display:none;}
	.l-gnb{display:none;}

	.l-toolbar__aligner{display:none;}
	.l-page .l-page-heading{float:none;width:100%;padding:0 10px;box-sizing:border-box;}
	.c-header_nav{position:relative;overflow:hidden;}
	.c-header_nav .c-header__logo{position:static;float:left;padding:0}
	.l-snb__list li{box-sizing:border-box;}	
	.l-site-info .l-site-info__logo{display:none;}
	.l-site-info__aligner{padding:0 20px;text-align:center;}
	.l-snb__list li{padding:0 10px}
	.l-site-nav{padding-bottom:10px}
	.l-snb__list a{font-size:12px}
	.l-site-info .l-site-info__list, .l-site-info__copyright{font-size:12px}
	
	/* contents */
	.l-page{padding-top:38px}
	.l-heading{text-align:center;padding-top:0;}
	.heading-txt:before{content:none;}
	.heading-txt{font-size:12px;}
	.l-heading .l-breadcrumbs{padding-top:10px}
	.c-heading1{font-size:36px}
	.l-heading .l-sns{position:static;padding-top:18px}	
	.c-heading2{font-size:24px; text-align:center;}
	.c-heading3{font-size:24px;margin-top:30px;padding-bottom:20px}
	.c-heading3.c-heading3--bullet{padding-bottom:0}
	
	.f-video__option{margin-bottom:20px}
	
	/* tab */
	.c-tabs, .c-seasons_tabs{margin-bottom:20px;margin-top:30px}
	.c-tabs .c-tabs__list, .c-seasons_tabs .c-tabs__list{display:none;position:absolute;width:100%;max-height:200px;overflow-x:hidden;overflow-y:auto;border:1px solid #ccc;border-top:0;background-color:#fff;box-sizing:border-box;z-index:1000}
	.c-tabs__trigger{position:relative;font-size:16px;color:#1d1d1d;padding:8px 40px 9px 25px;border:1px solid #cccccc;text-decoration:none;background:url("/site/english/images/bg/bg_tabs__trigger.png") 100% 50% no-repeat;}
	.c-tabs__trigger.active{background-image:url("/site/english/images/bg/bg_tabs__trigger_active.png")}	
	.c-tabs__trigger{display:block;}
	.c-tabs__item{position:relative;border-top:1px solid #c9cacc;}
	.c-tabs__item:first-child {border-top:0;}
	.c-tabs__link >*{font-weight:400;color:#666;}
	.c-tabs__item.c-tabs__item--active .c-tabs__link >*{color:#333;font-weight:700;}
	.c-tabs__item.c-tabs__item--active .c-tabs__link{color:#333;font-weight:700;}
	.c-tabs__link {display:block;font-size:14px;color:#424446;width:100%;padding:10px 25px;text-decoration:none;text-align:left;box-sizing:border-box;}
	.c-tab{margin-bottom:50px}
	.c-tab__list .c-tab__item{padding:0}
	.c-tab__list .c-tab__item:before{content:none;} 
	
	.d-tabs .d-tabs__item{width:50% !important;}
	.d-tabs__item:nth-child(2) ~ .d-tabs__item {margin-top:8px;}

	.f-thumb__section .f-thumb__thumb{text-align:center;padding-bottom:15px}
	 
	 /* table */
	 .seed_tbl tbody th{text-align:left;}
	 .seedbbsContentWrap{padding:25px 0 35px}
	 
	/* bbs */
	.bbsSearch{width:100%;margin-top:17px;padding-left:102px}
	
	 /* search */
	 .f-search{padding-bottom:20px}
	 .s-page .s-keyword__aligner{padding:30px 10px}
	 .s-page .s-heading__word{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0, 0, 0, 0);}
	 .s-page .s-heading__select{width:100%}
	 .s-page .s-forms__text{height:40px}
	.s-page .s-content.s-content--frame{padding-top:40px}
	.s-page .s-content.s-content--frame .s-content__box{margin-top:20px}
	.s-page .s-content .s-content__images{margin:0 auto;}
	.s-page .s-content .s-content__link{font-size:16px}
	.s-page .s-content .s-content__subject{margin-bottom:15px}
	.s-page .s-keyword__heading{font-size:11px;padding-bottom:5px}
	.s-page .s-more{width:130px}
	.s-page .s-keyword{padding-left:10px}
	.s-page .s-more{padding:8px 0}
	.s-page .s-heading__result{border-bottom:0;padding-bottom:0}
	.s-page .s-heading{padding-top:20px}
	.s-page .s-heading{margin-bottom:20px}
	.s-page .s-header__button{padding:10px}
	.s-page .s-filter__list{display:none;padding:15px}
	.s-page .s-filter__heading a{position:relative;}
	.s-page .s-filter__heading a:before{content:"";position:absolute;top:14px;right:20px;width:20px;height:11px;background:url("/site/english/images/bg/bg_s-filter__link.png") no-repeat 100% 50%;}
	.s-page .s-filter__box--active .s-filter__heading a:before{background:url("/site/english/images/bg/bg_s-filter__link_active.png");}

	.c-sections{margin-top:30px}
	
	.f-guide{min-height:auto;} 
	.f-guide--frame .f-guide__frame{margin-bottom:10px}
	.f-collection{padding-top:20px}
	.f-collection__item:nth-child(2) ~ .f-collection__item{margin-top:20px}
	.f-collection__thumb{height:130px}
	.f-collection__item .f-collection__thumbnail{padding:0}
	
	.c-Intro__aligner .c-col--7 .c-heading1{font-size:24px;line-height:30px;padding:20px;word-break:break-word}
	.c-Intro__aligner .c-col--7 .c-paragraph{padding-left:0}
	.c-Intro__aligner .c-col--7 .c-heading1:before{width:60px}
	.c-Intro__aligner .c-col--7 .c-heading1:after{height:60px}
	.c-Intro__aligner .c-guide .c-paragraph{margin-top:10px}
	
	.c-history__years{width:100% !important;}
	.c-history__years + .c-history__years{margin-top:20px}
	
	/* Exhibitions */
	.c-col__a{height:auto !important;}
	.c-row .c-col{margin-top:10px}
		
	/* sitemap */
	.l-sitemap{padding-top:40px;left:0;margin-left:0;}
	.l-sitemap .sitemap_tit{font-size:38px;padding-bottom:50px}
	.l-sitemap .l-sitemap__close{top:20px;right:40px;width:35px;height:35px;background-size:35px}
	
	/* directions */
	.direction__box{padding:20px 10px}
	.transport__value{font-size:14px}
	
	/* pagination */
	.c-pagination{margin-top:30px}
	.c-pagination__list{display:none;}
	.c-pagination__first{display:none;}
	.c-pagination__last{display:none;}
	.c-pagination__num{display:inline-block;width:40px}
}

@media screen and (max-width:1024px) {
	/* seasonal */
	.f-seasonal__grid .f-seasonal{height:auto;min-height:160px}
	.f-seasonal__grid .f-seasonal__col{width:100% !important;}
	.f-seasonal__grid .f-seasonal__list li{width:100% !important;}
	.f-seasonal__grid .f-seasonal__list ul{height:auto;}
	
	.f-card__grid .f-card{height:auto;}
	.f-card__grid .f-card__col:first-child{margin-top:0}
	.f-card__grid .f-card__col{width:100%;padding:0;margin-top:10px}
	.f-card__grid .f-card__description{ height:auto;}
	.f-card__grid .f-card__link{position:static;margin-top:20px}
	
	.f-thumb__grid .f-thumb__section .f-thumb__info{padding-left:0}
	.f-thumb__grid .f-thumb__aligner{height:auto;}
	.f-thumb__grid .f-thumb__link{position:static;margin-top:10px}
	.f-thumb__grid .f-thumb__row{margin-top:-20px}
	.f-thumb__grid .f-thumb__col{padding-top:20px;}
	.f-thumb .f-thumb__thumb{padding-bottom:10px}
	
	/* sitemap */
	.l-sitemap .gnb-nav-item{width:100%}
	.l-sitemap .gnb-nav-depth-2{padding:10px}	
	
}

@media screen and (max-width:750px) {
	.f-video__speed .c-button{width:63px}
	.f-thumb-grid__a .f-thumb__col{width:100%;margin-bottom:20px}
	.f-sort .cgy_tit{width:130px}
	.f-sort .depth .hetAuto{padding-left:0}
	.f-sort .depth li{width:auto;margin-left: 20px;}
	
	.d-gateway img{width:100%;max-height:none;}
	.albumWrap .listWrap .seed_fl{height:208px;}
	.albumWrap .listWrap .seed_fl img{height:auto;max-height:100%}
	
	.f-search{padding-right:0;text-align:center;}
	.f-search__input{border-right:1px solid #666}
	.f-search .f-search__button, .f-search .c-forms__require{position:static;}
	 .f-search .c-forms__require{margin-top:10px}
	
	/* collection */
	.f-collection__result{overflow:hidden;}
	.f-collection__result .f-collection__result--txt{border-bottom:1px solid #ccc;text-align:center;padding-bottom:20px}
	.f-collection__result .f-heading__sort{float:right;padding-top:10px}
	
}
@media screen and (max-width:658px) {
	.seedbbs_pagination .paginationList .bx-has-pager{display:none;}
	.seedbbs_pagination .bx-pager .bx-pager-item{display:inline-block;}	
	.seedbbs_pagination .paginationList .bx-pager-link.active{font-weight:700;border:2px solid #333}
}
@media screen and (max-width:425px) {
	.f-thumb__grid .f-thumb__col{width:100%}
	.d-map__images{margin-bottom:0}
	.d-map__item{width:100%;border-top:0}
	.d-map__item:nth-child(2n){border-left:1px solid #e5e5e5}
	.f-sort .item >*{display:block;}
	.f-sort .cgy_tit{width:100%;text-align:left;}
	.f-sort .cgy_tit span{padding-left:10px}
	.f-sort .cgy_list{display:block;}
	.f-sort .cgy_cont{position:relative;}
	.f-sort .cgy_list >ul{overflow:hidden;}
	.f-sort .cgy_list >ul, .f-sort .cgy_list .col{display:block;}
	.f-sort .cgy_tit{ padding: 0 100px 0 20px; text-align: left; justify-content: flex-start !important;}
	.f-sort .cgy_list .col{position:absolute;top:-45px;right:0}
	.seedbbs_pagination .paginationList a, .seedbbs_pagination .paginationList strong{width:36px;height:36px;line-height:32px}
}

@media screen and (max-width:360px) {
	.seedbbs_pagination .paginationList a, .seedbbs_pagination .paginationList strong{width:33px;height:33px;line-height:28px}
}

@media screen and (max-width:320px) {
	.seedbbs_pagination .paginationList a, .seedbbs_pagination .paginationList strong{width:30px;height:30px;line-height:26px}
}

[class^="d-audio"] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.5;
    font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif;
}

.wa {overflow:hidden;position:absolute;top:0;left:-10000%;width:1px;height:1px;font-size:0;line-height:0;text-indent:-10000px;}
.c-section:first-child{margin-top:0 !important;}
.c-section{margin-top:30px}
.l-sns{overflow:hidden;}
.l-sns .l-sns__list{overflow:hidden;}
.l-sns .l-sns__item{display:inline-block;padding-left:10px}
.l-sns .l-sns__link{display:block;width:35px;height:35px;border:1px solid #ddd;text-indent:-9999px;border-radius:100%;box-sizing:border-box;
background:#fff url("/site/english/images/bg/bg_sns.png") 0 2px no-repeat;}
.l-sns .l-sns__link--facebook{background-position-x:1px}
.l-sns .l-sns__link--twitter{background-position-x:-28px}
.l-sns .l-sns__link--print{background-position-x:-59px}
.l-util{overflow:hidden;margin-top:30px}
.l-util .l-util__right{float:right;}
.l-top{display:block;width:50px;height:50px;border:0;background:url('/site/english/images/bg/l-top.png') no-repeat;background-size:50px 50px;text-indent:-9999px;
-webkit-appearance:none;-moz-appearance:none;appearance:none;}

.l-heading{position:relative;margin-top:-22px;padding-top:12px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #d6d6d6}
.heading-txt{position:relative;display:block;font-weight:700;color:#ccc;padding-top:10px;padding-bottom:10px}
.heading-txt:before{content:"";position:absolute;top:0;left:0;width:29px;height:3px;background-color:#c42047}
.c-heading1{font-size:27px;color:#000;}
.l-heading .l-sns{position:absolute;top:0;right:0}

.l-breadcrumbs__group a{display:inline-block;position:relative;font-size:12px;color:#666;padding:0 10px}
.l-breadcrumbs__group a:hover{text-decoration:underline;}
.l-breadcrumbs__group a:first-child{padding-left:0}
.l-breadcrumbs__group a:first-child:before{content:none;}
.l-breadcrumbs__group a:before{content:"";position:absolute;top:9px;left:-3px;width:6px;height:1px;background-color:#666;}
.l-breadcrumbs__group a:last-child{color:#333;font-weight:700}

.c-emphasis--color{color:#c42047;font-weight:bold;}
.c-emphasis--colored{color:#e14e89}
.c-button--emphasis{color:#fff;border-color:#c42047;background-color:#c42047;}
.c-button--download:before{content:"";display:inline-block;margin-right:8px; width:14px;height:14px;background:url("/site/english/images/bg/c-button--download.png") no-repeat;}
.c-button--secondary{color:#000;border:1px solid #000;background-color:#fff;}

/* heading */
.c-article h3.c-heading1, .c-article h4.c-heading1{font-size:24px;margin-bottom:28px}
h3.c-heading2, h4.c-heading2{font-size:18px}
.c-article > .l-heading{display:none;border-bottom: 0;margin-top: 0;padding-bottom: 0;padding-top: 0;margin-bottom: 0;}
.c-article > .l-heading .c-heading1{font-size:30px}
.c-heading2{font-size:36px;margin-bottom:25px}
.c-heading3{font-size:30px;margin-bottom:30px}
.c-first-heading{margin-top:0}
.c-sections{margin-top:50px}
.c-heading1--bullet{position:relative;padding-left:13px}
.c-heading1--bullet:before{content:"";position:absolute;top:5px;left:0;width:2px;height:20px;background-color:#000}

.c-heading3.c-heading3--bullet{position:relative;font-size:18px;font-weight:700;color:#333;line-height:1;margin-bottom:20px;padding-left:13px}
.c-heading3.c-heading3--bullet:before{content:"";position:absolute;top:0;left:0;width:2px;height:20px;background-color:#000}
.c-article h3.c-heading1 .c-emphasis{font-weight:700;}
.c-col__a .c-heading2{position:relative;padding-left:13px;text-align:left;margin-bottom:0}
.c-col__a .c-heading2:before{content:"";position:absolute;top:0;left:0;width:2px;height:20px;background-color:#000}
.c-col__a .c-section.c-section--indent{padding-left:0;margin-top:10px}

/* Folk story */
.f-seasonal__grid{overflow:hidden;}
.f-seasonal__grid .f-seasonal__row{margin:-20px -10px 0;overflow:hidden;}
.f-seasonal__grid .f-seasonal__col{float:left;width:50%;padding:20px 10px 0;box-sizing:border-box;}
.f-seasonal__grid .f-seasonal{display:table;width:100%;height:160px;border:1px solid #dedede;box-sizing:border-box;overflow:hidden;}
.f-seasonal__grid .f-seasonal__month-area, .f-seasonal__grid .f-seasonal__list{display:table-cell;}
.f-seasonal__grid .f-seasonal__month-area{width:132px;border-right:1px solid #dedede;text-align:center;vertical-align:middle;}
.f-seasonal__grid .f-seasonal__num{display:inline-block;font-size:36px;color:#000;width:80px;height:80px;line-height:80px;border-radius:100%;background-color:#ebebeb}
.f-seasonal__grid .f-seasonal__month{display:block;font-size:18px;padding-top:10px}
.f-seasonal__grid .f-seasonal__month-area:hover .f-seasonal__num, .f-seasonal__grid .f-seasonal__col.active .f-seasonal__num{color:#fff;background-color:#df4290}
.f-seasonal__grid .f-seasonal__month-area:hover .f-seasonal__month, .f-seasonal__grid .f-seasonal__col.active .f-seasonal__month{color:#df4290}
.f-seasonal__grid .f-seasonal__list{padding:15px 0 15px 20px;}
.f-seasonal__grid .f-seasonal__list ul{height:160px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.f-seasonal__grid .f-seasonal__list li{position:relative;float:left;width:50%;box-sizing:border-box;line-height:20px;padding:3px 0}
.f-seasonal__grid .f-seasonal__list li a{display:inline-block;position:relative;padding-left:5px}
.f-seasonal__grid .f-seasonal__list li a:before{content:"";position:absolute;top:11px;left:0;width:2px;height:2px;background-color:#858585}
.f-seasonal__grid .f-seasonal__list li a:hover{text-decoration:underline;}

/* directions */
.direction__heading-box {position: relative;padding-left: 12px;}
.direction__heading-box:before {content: " ";display: block;position: absolute;top: 3px;left: 0;width: 0;height: 0;border: 4px solid transparent;border-top-color: #c42047;border-left-color: #c42047;background-color: #fff;}
.direction__heading {margin: 0;padding: 0;font-size: 0.9375rem;color: #1d1d1d;font-weight: 700;}
.direction__heading-2 {margin-bottom: 15px;font-size: 1.125rem;}

.d-map {position: relative;overflow:hidden; display: flex; flex-wrap: wrap}
.d-map__images {position: relative;text-align: center; width: 100%}
.d-map__images:before {content: " ";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;
-webkit-transition: background .2s;transition: background .2s;background-size: 100% 100%;background-repeat: no-repeat;}
.d-map__images--location-1:before {background-image: url("/site/english/images/d-map__location-1.png");}
.d-map__images--location-2:before {background-image: url("/site/english/images/d-map__location-2.png");}
.d-map__images--location-3:before {background-image: url("/site/english/images/d-map__location-3.png");}
.d-map__images--location-4:before {background-image: url("/site/english/images/d-map__location-4.png");}
.d-map__images--location-5:before {background-image: url("/site/english/images/d-map__location-5.png");}
.d-map__images--location-6:before {background-image: url("/site/english/images/d-map__location-6.png");}
.d-map__image {width: 100%;}
.d-map__list {float: left;width: 100%;box-sizing:border-box; width: 100%}
.d-map__item {float: left;display: table;width: 100%;border: 1px solid #e5e5e5;box-sizing:border-box; height: 80px; border-top: none}
.d-map__item--active .d-map__link {background-color: #f3f4f5}
.d-map__item--active .d-map__link:before {background: url("/site/english/images/d-icon--active.png") no-repeat;}

.d-map__link {display: flex; flex-wrap: wrap; align-content: center; position: relative;height: 100%;padding: 5px 40px 5px 15px;text-decoration: none;box-sizing:border-box; width: 100%; height: 100%}
.d-map__link:before {content: " ";display: block;position: absolute;top: 50%;right: 10px;width: 30px;height: 30px; margin-top: -15px; background: url("/site/english/images/d-icon.png") no-repeat; }
.d-map__link:hover {background-color: #f9f9f9;}
.d-map__route {font-weight: 700; width: 100%}
.d-map__route--route3 {color: #fa5f2c;}
.d-map__route--route5 {color: #835cc3;}
.d-map__station {color: #424446;letter-spacing: -0.5px; width: 100%}

.direction__box {padding: 40px 30px;background-color: #f3f4f5;}
.transport__list--row .transport__item {padding-top: 10px;}
.transport__list--row .transport__key {display: block;}
.transport__list--row .transport__value {display: block;}
.transport__item {min-height: 60px;padding-left: 85px;background-repeat: no-repeat;background-position: left top;font-size: 0;}
.transport__item + .transport__item {margin-top: 20px;}
.transport__item--subway-1 {background-image: url(/site/english/images/d-subway-1.png);}
.transport__item--subway-2 {background-image: url(/site/english/images/d-subway-2.png);}
.transport__item--bluebus {background-image: url(/site/english/images/d-bus--blue.png);}
.transport__item--greenbus {background-image: url(/site/english/images/d-bus--green.png);}
.transport__item--yellowbus {background-image: url(/site/english/images/d-bus--yellow.png);}
.transport__item--villagebus {padding-top: 10px;background-image: url(/site/english/images/d-bus--villagebus.png);}
.transport__item--car {padding-top: 10px;background-image: url(/site/english/images/d-car.png);}
.transport__key {display: inline-block;font-size: 0.9375rem;font-weight: 700;}
.transport__item--subway-1 .transport__key {color: #fa5f2c;}
.transport__item--subway-2 .transport__key {color: #835cc3;}
.transport__item--bluebus .transport__key {color: #255b92;}
.transport__item--greenbus .transport__key {color: #5aa600;}
.transport__item--yellowbus .transport__key {color: #deac00;}
.transport__item--villagebus .transport__key {color: #dca000;}
.transport__item--car .transport__key {color: #1a95a4;}
.transport__key--detail {color: #424446;font-weight: 400;}
.transport__detail {font-size: 0.9375rem;color: #424446;font-weight: 400;}
.transport__value {display: inline-block;margin: 15px 0 0 5px;color: #424446;font-size: 0.9375rem;line-height: 2;}
.transport__value--em {display: block;font-style: normal;font-weight: 700;}


/* tabs */
.c-tabs__trigger{display:none;}
.c-tabs, .c-seasons_tabs{position:relative;margin-bottom:20px;}

.c-tab{margin-bottom:55px}
.c-tab__list{text-align:center;}
.c-tab__list .c-tab__item{position:relative;display:inline-block;padding:0 5px;}
.c-tab__list .c-tab__item:before{content:"";position:absolute;top:11px;left:0;width:1px;height:14px;background-color:#ccc}
.c-tab__list .c-tab__item:first-child:before{content:none;}
.c-tab__list .c-tab__link{display:inline-block;font-size:16px;padding:8px 10px;border-radius:500px;}
.c-tab__list .c-tab__item--active .c-tab__link{color:#fff;background-color:#3c383a}

/* thumb */
.f-thumb-grid__a{overflow:hidden;}
.f-thumb-grid__a .f-thumb__row{margin:0 -25px;overflow:hidden;}
.f-thumb-grid__a .f-thumb__col{float:left;width:33.333%;padding:0 25px;box-sizing:border-box;}
.f-thumb-grid__a .f-thumb__col .f-thumb{display:block;}
.f-thumb-grid__a .f-thumb >*{display:block;}
.f-thumb-grid__a .f-thumb__title{font-size:24px;color:#000;padding-bottom:10px;margin-top:20px}
.f-thumb-grid__a .f-thumb__item{padding-bottom:15px}
.f-thumb-grid__a .f-thumb__item-title{display:block;font-size:12px;font-weight:700;padding-bottom:14px}
.f-thumb-grid__a .f-thumb__item-info{display:block;color:#666;line-height:18px}
.f-thumb-grid__a .f-thumb .f-thumb__thumb{width:auto;}
.f-thumb-grid__a .f-thumb__thumb .f-thumb__image{display:block;max-width:100%;max-height:100%;margin:0 auto;}
.f-thumb-grid__a .f-thumb .f-thumb__info{padding:0 10px;height:auto;}
.f-thumb-grid__a .f-thumb__image{display:block;max-width:100%}
.f-thumb__section .f-thumb__description{ color:#666;line-height:24px}
.f-thumb__section .f-thumb__link{margin-top:20px}
.f-card__link, .f-thumb__link{display:inline-block;border:1px solid #ccc;padding:0 10px}
.f-card__link .c-button, .f-thumb__link .c-button{color:#000;padding-left:0;padding-right:22px; background:url("/site/english/images/bg/bg_c-button_arrow.png") 100% 50% no-repeat;}

.f-card__grid:after{content:"";display:block;clear:both;}
.f-card__grid .f-card__row{margin:0 -6px;overflow:hidden;}
.f-card__grid .f-card__col{float:left;width:25%;padding:0 6px;box-sizing:border-box;}
.f-card__grid .f-card{position:relative;display:block;height:240px;padding:15px;border:1px solid #ccc;box-sizing:border-box;}
.f-card__grid .f-card__title{display:block;font-size:16px;font-weight:700}
.f-card__grid  .f-card__description{display:block;height:130px;padding-top:15px;overflow-y:hidden}
.f-card__grid .f-card__link{position:absolute;left:15px;bottom:18px}

.f-thumb__grid{overflow:hidden;}
.f-thumb__grid .f-thumb__row{margin:-30px -13px 0;overflow:hidden;}
.f-thumb__grid .f-thumb__col{float:left;width:50%;padding:30px 13px 0;box-sizing:border-box;}
.f-thumb__grid .f-thumb__aligner{position:relative;height:150px}
.f-thumb__grid .f-thumb .f-thumb__thumb{width:170px;margin:0 auto;}
.f-thumb__grid .f-thumb .f-thumb__thumb img{max-width:100%}
.f-thumb__grid  .f-thumb .f-thumb__info{padding-left:20px}
.f-thumb__grid .f-thumb__category{font-weight:700;color:#c42047}
.f-thumb__grid .f-thumb__title{font-size:20px;color:#000;margin-bottom:10px;}
.f-thumb__grid .f-thumb__description{line-height:24px;}
.f-thumb__grid.f-thumb__fcia .f-thumb__col{margin-top:0 !important;}
.f-thumb .f-thumb__link{margin-top:15px}
.f-thumb .f-thumb__thumb{text-align:center;}

.f-thumb__grid.f-thumb__fcia .f-thumb__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:normal;}
.f-thumb__grid.f-thumb__fcia .f-thumb__category{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:normal;}
.f-thumb__grid.f-thumb__fcia .f-thumb__description{height:48px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}

/* guide */
.f-guide{position:relative;min-height:245px;}
.f-guide .c-paragraph{font-size:14px;line-height:26px}
.f-guide__frames{text-align:center;margin-bottom:15px}
.f-guide.f-guide--frame{padding-right:0}
.f-guide--frame .f-guide__frames{position:static;text-align:center;padding-top:20px}
.f-guide--frame .f-guide__frame{display:inline-block;padding:0 5px}
.f-guide--frame .f-guide__frame img{max-width:100%}
.f-steps{padding:10px;border:1px solid #e5e5e5}
.f-guide__step{font-size:14px;font-weight:700;color:#000;margin-bottom:10px}
.c-paragraph{color:#000;line-height:1.8}
.f-step + .f-step{margin-top:30px}

.c-section.c-section--indent{margin-top:0;margin-bottom:20px}
.c-section.c-section--indent .c-heading4{font-size:14px;margin-bottom:5px}

.f-cultural{ display: flex; align-items: center; justify-content: center;}
.f-cultural__images{text-align:center;}
.f-cultural__list{margin:0 0 0 30px;padding:0;}
.f-cultural__item:first-child {border-top:1px solid #e5e5e5;}
.f-cultural__item {display:table;width:100%;padding:13px 0 15px 0;border-bottom:1px solid #e5e5e5;}
.f-cultural__key {display:table-cell;width:115px;padding:0 10px;font-size:15px;color:#1d1d1d}
.f-cultural__value {display:table-cell;padding:0 10px;font-size:15px;color:#6f7275;}

.c-guide{position:relative;}
.c-guide__frame{text-align:center;}

/* Introduction */
.c-Intro__aligner .c-col--7 .c-heading1{position:relative;font-size:30px;height:100%;line-height:40px;padding:25px 22px;border:8px solid #f6f6f6;box-sizing:border-box;}
.c-Intro__aligner .c-col--7 .c-heading1:before, .c-Intro__aligner .c-col--7 .c-heading1:after{content:"";position:absolute;top:-8px;left:-8px;background-color:#c42047;}
.c-section img{max-width:100%;display:inline-block;}
.c-article .c-Intro__aligner .c-heading1 .c-emphasis{font-weight:300}

.c-Intro__aligner .c-col--7 .c-heading1:before{width:104px;height:8px;}
.c-Intro__aligner .c-col--7 .c-heading1:after{width:8px;height:104px}
.c-Intro__aligner .c-col--7 .c-paragraph{padding-left:30px;}
.c-Intro__aligner.c-paragraph{color:#666;line-height:24px}

.c-history{overflow:hidden;}
.c-history__years{float:left;width:25%;padding:0 10px;box-sizing:border-box;}
.c-history__years + .c-history__years{}
.c-history__item {position:relative;margin:15px 0}

.c-history__item:before {content:" ";display:block;position:absolute;top:5px;left:-27px;width:14px;height:14px;border:4px solid #fff;border-radius:100%;
background-color:#95734b;box-sizing:border-box;}
.c-history__images {margin-bottom:20px;}
.c-history__image {display:block;max-width:100%;}
.c-history__heading {font-size:24px;font-weight:700;color:#c42047;margin:0 0 20px;padding:0;}
.c-history__description {color:#424446;word-break:break-all;}
.c-history__date {font-weight:700;color:#1d1d1d;margin:0 0 10px;}
.c-history__list {position:relative;padding:10px 0 10px 30px;}
.c-history__list:before {content:" ";display:block;position:absolute;top:0;left:7px;width:6px;height:100%;background-color:#e5e5e5;overflow:hidden;}

/* Exhibitions */
.d-gateway{position:relative;overflow:hidden;padding-top:20px;text-align:center;}
.d-gateway__heading {position:absolute;top:0;left:20px;color:#fff;padding:10px 20px;background-color:#c42047;}
.d-gateway__heading{padding:10px}
.d-gateway__emphasis{font-weight:700;margin-right:10px;}
.d-gateway__view, .d-gateway__map {float:left;}
.d-gateway__heading2 {
    position: absolute;
    top: 0;
    left: 20px;
    margin: 0;
    padding: 10px 20px;
    background-color: #c42047;
    color: #fff;
    font-weight: 400;
    font-size: 0.75rem;
}


.d-tabs{overflow:hidden;}
.d-tabs__list {margin:0 -4px;overflow:hidden;}
.d-tabs__item{float:left;padding-right:4px;padding-left:4px;box-sizing:border-box;}
.d-tabs__item--active .d-tabs__link:before {width:100%;}
.d-tabs__item--active .d-tabs__link:after {width:30px;height:30px;}
.d-tabs__item--active .d-tabs__text {color:#95734b;}

.d-tabs__link {display:block;position:relative;padding:2px;outline:0;background-color:#e5e5e5;color:#424446;text-decoration:none;}
.d-tabs__link:hover:before, .d-tabs__link:focus:before {width:100%;}
.d-tabs__link:hover:after, .d-tabs__link:focus:after {width:30px;height:30px;}
.d-tabs__link:hover .d-tabs__text, .d-tabs__link:focus .d-tabs__text {color:#95734b;}
.d-tabs__link:before {content:" ";-webkit-box-sizing:border-box;box-sizing:border-box;display:block;
position:absolute;top:0;left:0;width:0;height:100%;z-index:10;background-color:#e0d2c1;}
.d-tabs__link:after {content:" ";-webkit-box-sizing:border-box;box-sizing:border-box;display:block;
position:absolute;top:0;left:0;z-index:20;width:0;height:0;background-color:#95734b;-webkit-transition:all .4s;transition:all .4s;}
.d-tabs__heading {display:table;table-layout:fixed;position:relative;z-index:30;width:100%;height:50px;}
.d-tabs__text {display:table-cell;padding:5px 10px;background-color:#fff;vertical-align:middle;text-align:center;}

/* video */
.f-video__player .item{position:relative;height:407px;background-color:#000}
.f-video video{position:absolute;top:0;left:0;right:0;bottom:0;height:407px;margin:auto;}
.f-video__option{padding-top:15px;overflow:hidden;}
.f-video__option .f-video__guide-message{padding:12px 0}
.f-video__option .f-video__guide{float:left;}
.f-video__option .f-video__speed{float:right;}
.f-video__speed .c-button{float:left;font-size:16px;width:100px;padding:7px 0;border:1px solid #999;margin-left:10px}
.f-video__assist .c-heading3{font-size:12px;font-weight:700;color:#000;border:1px solid #ccc;padding:11px 0 11px 20px;margin-bottom:0}
.f-video__assist .f-video__subtitle{height:326px;border:1px solid #ccc;padding:20px;border-top:0;background-color:#f9f9f9;-webkit-overflow-scrolling:touch;overflow-y:auto}

 .f-video__button{margin-top:20px}
 .f-video__button .c-buttons{overflow:hidden;}
 .f-video__button .c-buttons__right{float:right;}
 .f-video__button .c-button{float:left;font-size:16px;color:#fff;padding:10px 20px;background-color:#424446;margin-left:10px}
 .f-video__button .c-button--download{background-color:#c42047}

/* table */
table{width:100%}
.seed_tbl{border-top:1px solid #666;border-bottom:1px solid #ccc;}
.seed_tbl thead th{font-weight:700;height:38px;border-bottom:1px solid #999}
.seed_tbl tbody th{font-weight:700}
.seed_tbl tbody td{color:#000;text-align:left;}
.seed_tbl tbody th, .seed_tbl tbody td{height:49px;border-top:1px solid #e5e5e5;padding-left:10px}
.seed_tbl .seed-cnt th, .seed_tbl .seed-cnt td{border-top-color:#666}
.seedbbsContentWrap{min-height:160px;padding:40px 0 50px;line-height:1.8;}
.seedbbsContentWrap .Dhistory{width:100% !important;}
.seedbbsContentWrap img, .seedbbsContentWrap video{max-width:100%}
.seedbbsContentWrap .upimg img{}
.listWrap .seed_tbl{border-top:2px solid #333;}
.listWrap .seed_tbl tbody td{text-align:center;padding-left:0}
.listWrap .seed_tbl tbody td.bbsTitle{text-align:left;padding-left:10px}
.listWrap .seed_tbl .list_bbsDataTitle:hover{text-decoration:underline;}
.listWrap .seed_tbl tbody td a{line-height:normal;}
.c-bbsTitle{font-size:24px;font-weight:400;color:#000;margin-bottom:30px;margin-left:12px;padding-left:25px;background:url("/site/english/images/bg/bg_bbs-title__bullet.png") 0 50% no-repeat;}

.viewWrap .seed_tbl tbody th{text-align:left;padding-left:20px}
.viewWrap .seed_tbl .s-bbs__bullet{position:relative;}
.viewWrap .seed_tbl .s-bbs__bullet:before{content:"";display:inline-block;width:2px;height:2px;margin-right:8px;background-color:#000;vertical-align:middle;}

.fileSlide.slick-slider{padding:0 !important;}
.fileSlide{margin-bottom:10px}
.fileSlide .thumbImg a{display:block;}
.fileSlide .thumbImg a > img{max-width:100%}
.fileSlide .thumbImg a + a {display:block;margin-top:10px;padding:7px 0;border-radius:2px;background:#0059BC;font-size:11px;color:#ffffff;text-align:center;}

/* button */
.c-button__area{margin-top:40px;text-align:center;}
.c-button__area .c-button{min-width:150px;font-size:18px;color:#fff;padding:15px 0;line-height:1;background-color:#2e2e2e}
.c-button{display:inline-block;padding:9px 10px}

/* search */
.s-content__aligner{padding-top:25px;padding-bottom:80px}
.s-page{position:relative;padding-bottom:80px;background-color:#fff}
.s-page__content{position:relative;}
.s-content__aligner{padding:0 10px}
.s-page .s-keyword__aligner{border-bottom:1px solid #eee;padding:40px 10px 30px;}
.s-page .s-keyword__search{max-width:740px;margin:0 auto;}
.s-page .s-header__keyword{position:relative;}
.s-page .s-forms{border:1px solid #666;border-radius:100px;overflow:hidden;}
.s-page .s-forms__label{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0, 0, 0, 0);}
.s-page .s-forms__text{width:100%;height:50px;border:0;padding-left:20px;outline:none;box-sizing:border-box;}
.s-page .s-header__button{position:absolute;top:0;right:0;width:20px;height:22px;text-indent:-9999px;padding:14px;background:url("/site/english/images/bg/bg_i_search.png") 50% no-repeat;}
.s-page .s-keyword__heading{display:block;width:150px;font-size:12px;font-weight:700;color:#666;padding-top:10px}
.s-page .s-keyword .s-keyword__list{overflow:hidden;}
.s-page .s-keyword .s-keyword__list li{float:left;padding:5px 5px 0}
.s-page .s-keyword .searchpop{display:block;font-size:12px;color:#fff;padding:6px 10px;border-radius:500px;background-color:#e14e89}

.s-page  .s-heading{margin-bottom:30px;padding-top:28px}
.s-page .s-heading__title{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0, 0, 0, 0);}
.s-page .s-heading__result{font-size:18px;padding-bottom:20px;border-bottom:1px solid #999}
.s-page .s-heading__result .c-emphasis{font-weight:700}
.s-page .s-filter__title{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0, 0, 0, 0);}
.s-page .s-filter__box{border:1px solid #ccc;margin-bottom:10px}
.s-page .s-filter__heading{font-size:16px;font-weight:700;border-bottom:1px solid #ededed;}
.s-page .s-filter__heading a{display:block;padding:10px 20px}
.s-page .s-filter__box.s-filter__box--active .s-filter__list{display:block;}
.s-page .s-filter__list{padding:20px}
.s-page .c-forms:first-child{padding-top:0}
.s-page .c-forms{padding-top:15px}
.s-page .c-forms >*{display:inline-block;vertical-align:middle;color:#666}
.s-page .c-forms input:checked + .c-forms__selection-text{color:#333}
.s-page .c-forms .c-forms__num{font-weight:700}
.s-page .s-heading__word{display:inline-block;padding-right:10px;vertical-align:middle;}
.s-page .s-heading__select{width:163px;height:34px;border:1px solid #999;}

.s-page .s-contents{border-bottom:1px solid #eee}
.s-page .s-content--frame .s-content__images{width:150px;}
.s-page .s-content.s-content--frame{padding-top:0;border-top:0}
.s-page .s-content{padding:30px 0;border-top:1px solid #eee}
.s-page .s-content .s-content__images img{max-width:100%}
.s-page .s-content .s-content__link{font-size:22px}
.s-page .s-content .s-content__link:hover{text-decoration:underline;}
.s-page .s-content .s-content__subject{margin-bottom:20px}
.s-page .s-content__paragraph{display:-webkit-box;color:#666;height:72px;line-height:24px;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:inherit;word-wrap:break-word;}
.s-page .s-content__navi{position:relative;color:#856b4c;margin-top:10px;padding-left:20px;background:url("/site/english/images/bg/bg_s-navi.png") no-repeat 0 0;}
.s-page .s-content__list li{display:table;width:100%;color:#666;line-height:30px}
.s-page .s-content__list li >*{display:table-cell;vertical-align:middle;}
.s-page .s-content__list .s-content__title{width:112px}
.s-page .s-more_area{text-align:center;margin-top:40px}
.s-page .s-more{display:inline-block;font-size:16px;padding:11px 0;border-radius:500px;border:1px solid #999}
.s-page .s-more span{display:inline-block;padding-right:30px;background:url("/site/english/images/bg/bg_s-more.png") no-repeat 100% 50%;}
.s-page .l-util{padding:0 10px}

.f-search{position:relative;margin:0 auto;overflow:hidden;padding-bottom:40px;box-sizing:border-box;}
.f-search .f-search__button{position:absolute;top:0;font-size:16px;color:#fff;;width:100px;height:50px;}  
.f-search__input{width:100%;height:50px;padding:0 115px 0 15px;border:1px solid #666;border-right:0;box-sizing:border-box;}
.f-search__button{right:0;background-color:#333}

.f-collection{padding-top:35px;}
.f-collection .f-box{display:none;}
.f-collection__result{margin-bottom:15px}
.f-collection__result .f-collection__result--count{font-weight:700}
.f-collection__result .f-collection__result--txt{padding:9px 0}
.f-collection__result .f-heading__word{display:inline-block;padding-right:10px;vertical-align:middle;}
.f-collection__result  .f-heading__select{width:163px;height:34px;border:1px solid #999;}

.f-collection__list{overflow:hidden;margin:0 -10px}
.f-collection__item{float:left;width:50%;padding:0 10px;box-sizing:border-box;text-align:center;}
.f-collection__item .f-collection__link{display:block;}
.f-collection__thumb{position:relative;height:233px}
.f-collection__item .f-collection__thumbnail{padding:15px 0;border:1px solid #e5e5e5;}
.f-collection__item .f-collection__thumbnail img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto;}
.f-collection__item .f-collection__subject{padding-top:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/* sort category */
.f-sort{border-top:1px solid #e5e5e5;}
.f-sort .cgy_list .inner{ width: auto;}
.f-sort .item{display:flex;width:100%;}
.f-sort .cgy_tit{width:160px;color:#666;line-height:1;border-bottom:1px solid #e5e5e5; flex-shrink: 0; ; display: flex; align-items: center; justify-content: center; text-align: center;
background-color:#f3f4f5;box-sizing:border-box;vertical-align:top;text-align:center;}
.f-sort .cgy_tit span{display:block;font-size:15px;color:#1d1d1d;padding:19px 0;}
.f-sort .cgy_cont{border-bottom:1px solid #e5e5e5;background-color:#fff;vertical-align:middle; width: calc(100% - 160px)}
.f-sort .cgy_cont li{float:left;}

.f-sort .cgy_list{position:relative;display:flex;width:100%}
.f-sort .cgy_list >ul, .f-sort .cgy_list .col{display:table-cell;vertical-align:middle;}
.f-sort .cgy_list >ul{padding:18px 0; width: 100%;}
.f-sort .cgy_list .col{text-align:right; width: 100px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.f-sort .cgy_list .col .filter_rmv{display:inline-block;color:#363636;padding: 4px 15px 5px;border: 1px solid #9d9d9d;}
.f-sort .f-sort__item.f-sort__item--active a{font-weight:700;color:#000}
.f-sort .cgy_list .f-sort__link{position:relative;display:block;font-size:16px;color:#777;margin-left:20px;line-height:22px;}
.f-sort .cgy_cont ul{padding-right:20px}
.f-sort .depth .hetAuto{max-height:170px;padding:10px 20px;box-sizing:border-box;overflow-y:auto}
.f-sort .depth.active{display:block;}
.f-sort .depth{position:relative;border-top:1px solid #e7e6e7;}
/* .f-sort .depth:before{content:"";position:absolute;top:-1px;left:-160px;width:160px;height:1px;background-color:#e5e5e5} */
.f-sort .depth li{width:25%;margin-top:5px;padding:0}
.f-sort  .depth li a{font-size:15px;font-weight:500;color:#777;vertical-align:middle;}
.f-sort  .depth li a:hover{text-decoration:underline;}

.f-search_word{margin-top:10px;margin-bottom:20px}
.f-search_word .f-search-word_title{font-size:12px;color:#666;font-weight:400;padding-bottom:10px;}
.f-search_word .f-search-word_list ul{overflow:hidden;margin-left:-10px;margin-top:-8px}
.f-search_word .f-search-word_list li{float:left;padding-left:10px;padding-top:8px}
.f-search_word .f-search-word_list a{display:block;color:#fff;padding:8px 15px;border-radius:200px;text-align:center;background-color:#e7488b; font-size: 0.875rem;}

.l-description{padding:20px;margin-bottom:30px;border:5px solid #f3f4f5;}
.c-list__item{position:relative;padding-left:10px;color:#424446;font-size:15px}
.c-list--red-dot > .c-list__item:before{background-color:#c42047;}
.c-list__item:before {content:" ";position:absolute;top:10px;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:3px;height:3px;background-color:#9d9fa1;}
.c-list .c-list{padding-top:8px}
.c-list--line > .c-list__item:before{top: 10px;width: 4px;height: 1px;}

.f-process__list {margin:0 -15px;overflow:hidden;}
.f-process__item {float:left;width:100%;padding-right:15px;padding-left:15px;box-sizing:border-box;}
.f-process__item + .f-process__item {position:relative;margin-top:15px;}
.f-process__title{font-weight:700;color:#424446;text-align:center;padding:10px 15px;background-color:#f3f4f5}
.f-process__content{padding:15px}
.f-process__card{border:1px solid #e5e5e5}
.f-process__item + .f-process__item:before{content:" ";position:absolute;top:-15px;left:50%;width:1px;height:15px;background-color:#e5e5e5;}
.c-list__item{position:relative;font-size:15px;color:#424446;padding-left:10px;}
.c-list__item + .c-list__item{margin-top:8px}

/* pagination */
.c-pagination{text-align:center;margin-top:60px; display: flex; justify-content: center;}
.c-pagination >*{display:inline-block;vertical-align:middle;text-align:center;}
.c-pagination .c-pagination__arrow, .c-pagination .c-pagination__number{width:40px;height:40px;box-sizing:border-box;}
.c-pagination .c-pagination__arrow{border:1px solid #e5e5e5;text-indent:-9999px;background-repeat:no-repeat;background-position:50%}
.c-pagination .c-pagination__first{background-image:url("/site/english/images/bg/bg_pagination_first.png");}
.c-pagination .c-pagination__prev{background-image:url("/site/english/images/bg/bg_pagination_prev.png");margin-right:5px}
.c-pagination .c-pagination__next{background-image:url("/site/english/images/bg/bg_pagination_next.png");margin-left:5px}
.c-pagination .c-pagination__last{background-image:url("/site/english/images/bg/bg_pagination_last.png");}
.c-pagination__arrow + .c-pagination__arrow{margin-left:2px}

.seedbbs_pagination{text-align:center;margin-top:40px;padding:0}
.seedbbs_pagination .paginationList li{display:inline-block;vertical-align:middle;text-align:center;height:auto;}
.seedbbs_pagination .paginationList a, .seedbbs_pagination .paginationList strong{display:block;width:40px;height:40px;line-height:36px;padding:0;border:2px solid transparent;box-sizing:border-box;}
.seedbbs_pagination .paginationFirst a, .seedbbs_pagination .paginationPrev a,
.seedbbs_pagination .paginationNext a, .seedbbs_pagination .paginationLast a{border:1px solid #e5e5e5;text-indent:-9999px;background-repeat:no-repeat;background-position:50%}
.seedbbs_pagination .paginationFirst a{background-image:url("/site/english/images/bg/bg_pagination_first.png");}
.seedbbs_pagination .paginationPrev a{background-image:url("/site/english/images/bg/bg_pagination_prev.png");margin-right:5px}
.seedbbs_pagination .paginationNext a{background-image:url("/site/english/images/bg/bg_pagination_next.png");margin-left:5px}
.seedbbs_pagination .paginationLast a{background-image:url("/site/english/images/bg/bg_pagination_last.png");}
.seedbbs_pagination .paginationListNum strong{border-color:#333;}

.d-exhibition__article{padding:15px 0;border-bottom:1px solid #e5e5e5}
.d-exhibition__open{margin-top:15px;text-align:right;}
.d-exhibition__open img{max-width:100%;height:50px;vertical-align:top;}

.slick-slide{float:left;height:100%;}
.slick-list{position:relative;overflow:hidden;}
.d-popup-nav__list{position:relative;display:block;margin:0;padding:20px 0 30px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:pan-y;touch-action:pan-y;}

/* bbs */
.seed_bbs_top{display:table;width:100%;height:80px;margin-bottom:35px;border:1px solid #ccc;background-color:#fcfcfc;box-sizing:border-box;}
.seed_bbs_top span{display:table-cell;font-size:16px;line-height:24px;vertical-align:middle;padding:0 30px}
.totalCnt_bbsSearch{margin-bottom:18px}
.totalCnt_bbsSearch:after{content:"";display:block;clear:both;}
.totalCnt_bbsSearch .totalCnt{padding:12px 0;text-align:center;line-height:normal;}

.bbsSearch{position:relative;padding-left:99px;padding-right:72px;box-sizing:border-box;}
.bbsSearch select.seed_fl, .bbsSearch .seed_fl.search{position:absolute;top:0;z-index:1000}
.bbsSearch select.seed_fl{left:0;}
.bbsSearch .seed_fl.search{right:0;}

.seed_bbs_box .bbsSearch .seed_fl{box-sizing:border-box;}
.seed_bbs_box .bbsSearch select, .seed_bbs_box  .bbsSearch input{border:1px solid #999;height:40px}
.seed_bbs_box .bbsSearch select.seed_fl{height:40px !important;width:100px !important;}
.seed_bbs_box .bbsSearch #searchDate{margin-right:2px}
.seed_bbs_box .bbsSearch #searchDate{display:none;}
.seed_bbs_box .bbsSearch #searchDate .datepicker{width:100px}
.seed_bbs_box .bbsSearch .dash.seed_fl{padding:12px 5px}
.seed_bbs_box .bbsSearch input{padding-left:5px}
.seed_bbs_box .bbsSearch .specialKeyNot{width:100% !important;} 
.seed_bbs_box .bbsSearch .seed_fl.search{width:72px;color:#fff;background:#4b4b4b;}
.seed_btnArea{margin-top:40px;text-align:center;}
.seed_btnArea a{display:inline-block;min-width:150px;font-size:18px;color:#fff;padding:15px 0;line-height:1;background:none;}
.seed_btnArea .list{background-color:#2e2e2e}
.seed_btnArea .del{background-color:#2e2e2e}
.seed_btnArea .mod{background-color:#2e2e2e}
.seed_btnArea .reg{background-color:#2e2e2e}
.seed_bbs_box select{height:32px !important;}

.albumWrap:after{content:"";display:block;clear:both;}
.albumWrap fieldset{min-width:auto;}
.albumWrap .listWrap {overflow:hidden;padding:10px 0}
.albumWrap .listWrap > ul{margin:-40px -4px 0;overflow:hidden;}
.albumWrap .listWrap > ul > li {float:left;width:25%;padding:40px 4px 0;box-sizing:border-box;border-top:0}
.albumWrap .listWrap .seed_cf{display:block;text-align:center;background-color:#f7f7f7;}
.albumWrap .listWrap .seed_fl{float:none;width:100%;height:400px;text-align:center;border:0}
.albumWrap .listWrap .seed_fl img {height:100%;border:1px solid #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.albumWrap .listWrap > ul{overflow:hidden;}
.albumWrap .listWrap > ul > li > a > .story {float:none;width:100%;margin-left:0;box-sizing:border-box;text-align:left;overflow:hidden;background-color:#fff}
.albumWrap .listWrap .story dl > dt {overflow:hidden;font-size:18px;font-weight:700;line-height:40px;white-space:nowrap;text-overflow:ellipsis;}
/* .albumWrap .listWrap .story dl > dd:nth-child(2){display:none !important} */
.albumWrap .listWrap .story dl > dd + dd{padding-top:10px}
.albumWrap .listWrap .story > dl > dt > input[type='checkbox'] {margin-right:5px;}

.c-table {border-top: 2px solid #333;border-bottom: 1px solid #ccc;overflow:hidden;}
.c-table table{margin-left:-1px}
.c-table__col {padding: 10px;border-bottom: 1px solid #929496;border-left: 1px solid #e5e5e5;background: #f2f3f5;color: #1d1d1d;font-weight: 500;text-align: center;}
.c-table__row {padding: 10px;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;background: #f2f3f5;color: #1d1d1d;font-weight: 500;text-align: center;}

.c-table__data {padding: 10px;border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;color: #424446;text-align: center; vertical-align: middle;}
.c-table__data.c-table__data--left {text-align: left;}
.c-table__data.c-table__data--right {text-align: right;}
.c-table__data.c-table__data--center {text-align: center;}
.c-table__data--emphasis {background-color: #f2f3f5;}
.c-table__data table{border-color:#333}
.c-table__data table .c-table__data{border-color:#333}

/* popup */
.opened-popup{background-color:#fff !important;}
.l-popup{padding:15px}
.l-popup__heading {margin:0 0 20px;padding:0 0 7px;border-bottom:2px solid #c42047;color:#000;font-size:18px;letter-spacing:-1px;}
.d-popup{position:relative;}
.d-popup-for__box{overflow:hidden;}
.d-popup-for__box .d-popup-nav__link img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}

.d-popup-for__box .d-popup-nav__link{height:140px;background-color:#fafafa}
.d-popup-nav__link{display:block;position:relative;box-sizing:border-box;}
.d-popup-nav .d-popup-nav__link img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;}

.d-relic__data{padding:3px 0;border-bottom:1px solid #eee}
.d-relic__data .d-relic__key{display:table-cell;width:120px;color:#000;vertical-align:top}
.d-relic__data .d-relic__value{display:table-cell;color:#6f7275;vertical-align:top;word-break:break-all;}

.d-popup__button{padding-top:10px;text-align:center;}
.d-popup__button .c-buttons{text-align:right;}
.d-popup__button .c-button--download{width:47px;height:42px;text-indent:-9999px;background:url("/site/english/images/button/button_download.png") no-repeat;}
.d-popup__button .c-button--download:before{content:none;}

.d-popup-nav__list{overflow:hidden;}
.d-popup-nav__item{float:left;padding:0 3px;text-align:center;box-sizing:border-box}
.d-popup-nav{padding:10px 0 30px}
.d-popup-nav .d-popup-nav__list{padding:0 20px}
.d-popup__information{overflow:hidden;}
.d-popup-nav .d-popup-nav__link{height:80px;border:0}
.d-popup-nav .slick-slide div:nth-child(2) .d-popup-nav__item{margin-top:10px;}
.d-popup .slick-arrow.slick-prev{left:0}
.d-popup .slick-next{right:0}
.d-popup .slick-arrow{top:50%;margin-top:-6px}
.d-popup .slick-arrow {-webkit-appearance:none;-moz-appearance:none;appearance:none;
position:absolute;width:7px;height:12px;border:0;border-radius:0;outline:0;background-color:#fff;text-indent:-9999px;cursor:pointer;}
.d-popup .slick-arrow.slick-prev:before{border-right-color:#424446;border-left-width:0;}
.d-popup .slick-arrow.slick-next:before {border-right-width:0;border-left-color:#424446;}
.d-popup .slick-arrow:before {content:" ";display:block;position:absolute;top:50%;left:50%;width:0;height:0;border:7px solid transparent;
-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}

.c-caption{margin-left:13px;padding-top:7px; margin-bottom: 20px}


.d-audio__list {margin: 0; padding: 0; list-style: none;}
.d-audio__item + .d-audio__item {margin-top: 8px;}
.d-audio__button {display: table; table-layout: fixed; border-collapse: collapse; border-spacing: 0; width: 100%; height: 53px;}

.d-audio__link {display: table-cell;
    position: relative; padding: 6px 20px 6px 60px;
    background-color: #f3f4f5;
    background-image: url('/site/english/images/pages/d-audio__icon.png');
    background-repeat: no-repeat;
    background-position: 20px center;
    color: #6f7275; font-size: 0.8125rem;
    text-decoration: none; vertical-align: middle;
}

@media (min-width: 1280px) {
.d-audio__list {margin-right: -4px; margin-left: -4px;}
.d-audio__item {float: left; width: 25%; padding-right: 4px;	padding-left: 4px;}
.d-audio__item+.d-audio__item {margin-top: 0;}
.d-audio__item:nth-child(n+5) {margin-top: 8px;}
}


.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;}
.blue{ color: #1e8bdb !important;}
.blue2{ color: #3d5bab !important;}
.blue3{ color: #1c1cba !important;}
.green{ color: #427026 !important;}
.brown{ color: #8b5810 !important;}
.black{ color: #131313 !important;}
.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}
.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;}

.border_wrap{ border-top: solid 2px #004170; border-bottom: solid 1px #aeaeae;}
.btn{ width: auto; height: 35px; font-size: 1rem; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0 15px;}
.btn.btn_lg{height: 50px}
.btn.btn_xl{ min-width: 220px; padding: 0 60px; height: 50px; line-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_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 .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; 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}


@media screen and (max-width: 800px){
	.btn.btn_m{ height: auto!important; padding-top: 10px; padding-bottom: 10px}
    .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}
}

/*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: 18px;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;border: 1px solid #fff;font-size: 18px;font-weight: 700;color: #575757;text-align: center;vertical-align: top;padding: 0;position: relative;border-bottom: 2px solid #575757;}
.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){
    .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: rgba(136,136,136,0.75) url("/img/sub/ic_print.png") no-repeat center}
.page_util .page_util_item.share{ background: rgba(136,136,136,0.75) 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: 1.3em;flex-shrink: 0;}
.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; border-bottom: solid 2px #aeaeae}
.acodian_con{ padding: 25px 30px; font-size: 1.125rem; color: #333; display: none}
.acodian_tit.open + .acodian_con{ display: block}
.acodian_tit{ position: relative}
.acodian_tit:after{ content: url("/img/sub/ic_arrow_acodian.png"); position: absolute; right: 30px; top: 50%; transform: translateY(-50%)}
.acodian_tit.open:after{ transform: translateY(-50%) rotate(-180deg)}

.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: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: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: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: 0 15px 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}
.sub_title_wrap + .c-article{ padding-top: 50px; padding-bottom: 80px}
.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}
    .sub_title_wrap + .c-article{ padding: 40px 15px}
    .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 fieldset{
	display: flex;
	flex-wrap: wrap;
}
.table_top .btn{ height: 45px}
.table_top .count{ margin: 0 3px 0 3px}
.table_top .right{
    position: relative;
}
.table_top select{
    width: 150px;
    height: 45px !important;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("/img/common_renew/ic_arrow_select.png") no-repeat right 20px center;
    padding: 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;
    padding-left: 15px;
    font-size: 1rem;
    border: solid 1px #dfdfdf;
}
.table_top .search_btn{
    width: 45px;
    height: 45px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    background: url("/img/common_renew/ic_table_search.png") no-repeat center;
    z-index: 5;
    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}

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

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

}
/*table_top end*/

/*board start*/
table{ table-layout: fixed; width: 100%; height: auto; position: relative; word-break: break-word}
.bd_wrap{ border-top: 2px solid #15576e; border-bottom: 1px solid #aeaeae;}
.board_wrap{ width: 100%}
.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}
.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}

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

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

@media (max-width: 800px){
    .board_wrap table th,
    .board_wrap table td{ padding: 20px 5px}
}

@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}
.table_wrap.category .board_info{ margin-top: 5px}
.board_info .info{ color: #333; font-size: 1rem}
.board_info .info + .info:before{ content: "|"; margin: 0 10px; color: #aeaeae; font-size: 0.875em; position: relative; top: -0.15em}

@media (max-width: 800px){
    .table_wrap.category table colgroup col:first-child{ width: 80px !important;}
}

/*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: 165px; height: auto; border: solid 1px #dfdfdf; background-position: center; background-repeat: no-repeat; background-size: cover}
.mixed_list .mixed_item .img_wrap img{ width: 100%}
.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% - 165px); 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 15px; border: solid 1px #15576e}
.thumb_list .thumb_item .item_title{ font-family: "NotoSans_b", "Malgun Gothic", sans-serif; font-size: 1.125rem}
.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: 25px}
.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}
}
/*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: inline-block; 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}
.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;
    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}
}
@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}
.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 (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: 10; */
/*         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: 9; border: 1px solid #bf2348; overflow: hidden;} */
/*     .category_tab_menu.open{ height: auto;} */
/*     .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} */
}
/*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: 9!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 .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: 82%}
.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}
.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 .bar_tit.full{ margin-bottom: 45px}
.associated_wrap .associated_slide.full{ padding: 0 25px}
.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;}
.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: 0}
.associated_slide.full .slick-next{ right: 0; transform: rotate(-180deg)}

.associated_item {width: 300px;}

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

@media (max-width: 800px){
    .associated_wrap .bar_tit,
    .associated_wrap .associated_slide{ width: 100%}
    .associated_wrap .bar_tit{ margin-bottom: 25px}
    .associated_wrap .associated_item{ opacity: 0.7; padding: 0 5px}
    .associated_wrap .associated_item.slick-center{ opacity: 1}
    .associated_wrap .associated_item .txt_wrap{ margin-top: 10px}

    .associated_wrap .bar_tit.full{ margin-bottom: 100px}
    .associated_wrap .category_choose{ width: 100%; top: 60px}
    
    .slick-track {width: 246px !important;}
	.associated_item {width: 123px !important;}
}
/*���� 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: 9!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 .item_info{ text-align: center; flex: 1; height: 30px; line-height: 30px}
.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}
.edu_detail_wrap .item_txt .tit{ color: #333; margin-right: 15px; width: 85px; display: inline-block}
.edu_detail_wrap .btn{ width: 120px}
@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 .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% - 5px)}
}

@media (max-width: 800px){
    .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}
}
/*������û*/
.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}
.txt_list .c-heading3--bullet + .c-section--indent{ margin-top: 0}

.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}
.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_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%}

@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}
}
/*����ǰ �˻� 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: 21%; margin-top: 0.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: 6%; margin-top: 2.6%}
.outdoor_exhibition_wrap .marker_wrap .marker_dot12{ margin-left: 2.9%; margin-top: 0.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; font-family: "NotoSans_l", sans-serif}
@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% - 100px); 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: 100px; display: flex; justify-content: space-between; align-items: center; padding: 5px 15px; font-size: 1rem; 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; flex-shrink: 0}

.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; position: relative;}
.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; margin-top: 0; border: none}
.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: 1rem}
.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: 100%; margin: 10px 0}
    .state_cultural_properties .item .txt_wrap{ font-size: 1rem}
    
    .state_cultural_properties .item .img_wrap{ height: 50vw}
    .state_cultural_properties .item .txt_wrap{ height: auto; min-height: 50px}

    .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: 0.938rem}
}
/*����������ȭ�� 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}
.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: 40px 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}
.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}
.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*/
@media (min-width: 1280px) {
	.c-section:first-child{ margin-top: 0!important;}
	.c-section{ margin-top: 50px}
	.d-tabs__list{ display: flex; align-items: center; flex-wrap: wrap}
	.d-tabs__heading{ height: 55px}
	.d-tabs__item ~ .d-tabs__item{ margin: 4px 0 !important;}
	.d-gateway__view{ width: 64% }	
	.d-gateway__map{ width: 36% }	
 
}

@media (max-width: 800px) {
	.f-sort .item{ flex-wrap: wrap}
	.f-sort .cgy_tit,
	.f-sort .cgy_cont{ width: 100%}
 
}
@media (min-width: 1300px) {
	/* directions */
    .d-map__images {float: left;width: 70%; flex-shrink: 0}
    .d-map__list {float: left;width: 30%;box-sizing:border-box; border-top: 1px solid #e5e5e5;}
	.d-map__item {float: left;display: table;width: 100%;border: 1px solid #e5e5e5;box-sizing:border-box; height: 16.6666%; border-top: none}
	.d-map__item--active .d-map__link {background-color: #f3f4f5}
	.d-map__item--active .d-map__link:before {background: url("/site/english/images/d-icon--active.png") no-repeat;}
	
	.d-map__link {display: flex; flex-wrap: wrap; align-content: center; position: relative;height: 100%;padding: 5px 40px 5px 10px;text-decoration: none;box-sizing:border-box; width: 100%; height: 100%}
	.d-map__link:before {content: " ";display: block;position: absolute;top: 50%;right: 10px;width: 30px;height: 30px; margin-top: -15px; background: url("/site/english/images/d-icon.png") no-repeat; }
	.d-map__link:hover {background-color: #f9f9f9}
    .d-map__station {margin-top: 7px;}
	.d-map__item{width: 100%}    	
}

	
.c-heading3.c-heading3--bullet,
.c-heading1--bullet{ padding-left: 30px; margin-bottom: 30px !important;}
.c-heading1--bullet:after{ display: none}
.c-heading3.c-heading3--bullet:before,
.c-heading1--bullet:before{
    content: url("/img/sub/ic_bullet.png");
    position: absolute;
    left: 2px;
    top: -0.1em;
    background: transparent;
}
.c-heading3.c-heading3--bullet:before{
	top: 0em;
}

.albumWrap .listWrap{ border-top: 2px solid #15576e; border-bottom: 1px solid #aeaeae;}
.albumWrap .listWrap > ul{ display: flex; flex-wrap: wrap}
@media (max-width: 1600px) {
	.albumWrap .listWrap .seed_fl{ height: 25vw}
}
@media (max-width: 1024px) {
	.albumWrap .listWrap > ul > li{ width: 50%}
	.albumWrap .listWrap .seed_fl{ height: 66vw}
}
@media screen and (min-width:1300px) {
	.d-gateway__heading2{padding: 26px 35px;}

	.d-gateway__view2 {
		float: left;
		width: 72%;
	}
	.d-gateway__map2 {
		float: right;
		width: 27%;
	}
}

/*로딩스피너*/
.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); }
}