@charset "UTF-8";

section {margin-top: 5rem;}
.secTit {font-size: 3.625rem; font-weight:700; margin-bottom: 2.75rem;}

/* 메인비주얼 */
#mainVisual {margin: 0;}
#mainVisual:before{content:''; width:100%; height:120px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); position:absolute; top:0px; left:0; z-index: 2;}
.visualList {}
.visualList li {width: 100%; /*height: 800px;*/ height: 75vh; text-indent:-9999px;position:relative; overflow: hidden;}
.visualList li .visualImg { position:absolute; display:block; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important;}
.visualInfo {background: var(--lightgray-color); padding: 2rem 0 0; letter-spacing:-0.5px; height: 25vh; box-sizing: border-box;}
.visualInfo .wrapper {position: relative;}
.visualInfo .visuTit {font-family: '국립박물관문화재단클래식B'; font-size: 3.5rem; line-height: 1.3; }
.visualInfo .visuTit .p_br {display: block;}
.visualInfo .visuDesc {position: absolute; top: 0.25rem; right: 8%; font-size: 1.5rem;}
.visualInfo .visuDesc .p_br {display: block;}
.visualInfo .visuDesc .txt01{font-size: 1.75rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.3;}
.visualInfo .visuDesc .txt02{line-height: 1.4;}

/* 전시 / 콘텐츠 목록 */
#mainExhibition {}
.mainTab {margin-bottom: 3.25rem;}
.mainTab li {display: inline-block;}
.mainTab li + li {position: relative;padding-left: 2.5rem; margin-left: 2.5rem;}
.mainTab li + li:before {content:'/'; position: absolute; left: -0.562rem; font-size: 3rem; top: 50%; transform: translateY(-50%); color: #ddd;}
.mainTab li a {font-size: 3.625rem; color: #ddd;font-weight: 700;}
.mainTab li a.on {color: var(--main-color); }
.mainTabCon {position: relative;}
.mainTabCon .tabCon {display: none;}
.mainTabCon .tabCon.on {display: block; }
.mainTabCon .conLeft {float: left; width: 735px; height: 700px; overflow: hidden; }
.mainTabCon .conLeft a {display: block; -webkit-background-size: cover !important; background-size: cover !important; width: 100%; height: 100%; text-indent:-9999px;}
.mainTabCon .conRight {float: right; width: calc(100% - 735px - 3rem);}
.mainTabCon .exList {}
.mainTabCon .exList li {width: 100%; border-bottom: 1px solid #373737; box-sizing:border-box; padding: 2.2rem 0;transition:0.2s all linear;}
.mainTabCon .exList li:first-child {border-top: 1px solid #373737;}
.mainTabCon .exList li:hover {padding-left: calc(1rem + 26px); position: relative; transition:0.2s all linear;}
.mainTabCon .exList li:before {content:''; width: 0px; height: 26px; background: url("../img/common/icon_arrow_next.png") center no-repeat; position: absolute; left: 0; top: 3.875rem; transition:0.2s all linear;}
.mainTabCon .exList li:hover:before {width: 26px; transition:0.2s all linear;}
.mainTabCon .exList li .exTit {font-size: 2.5rem; font-weight: 600; letter-spacing: -0.5px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1;}
/* .mainTabCon .exList li .exInfo {font-size: 1.125rem; color: #373737; margin-top:1.5rem;} */
.mainTabCon .exList li .exInfo {font-size: 22px; color: #373737; margin-top:1.5rem;}
.mainTabCon .exList li .bar {display: inline-block; vertical-align: middle; color: #ccc; margin: 0 1rem;}
section .more {font-weight: 600; font-size: 1.875rem; position: absolute; right: 0; top: -7rem; padding-right: 2.5rem;}
section .more:after {content:''; width: 20px; height: 20px; background: url("../img/common/icon_arrow_next.png") center no-repeat; position: absolute; right: 0; top: 0.875rem; background-size: contain;-webkit-animation: arrRight 1s infinite;}

@keyframes arrRight {
    0% {right: 0;}
    50% {right: 0.5rem;}
    100% {right: 0rem;}
}


/* 컬렉션 */
#mainCollection {background: var(--main-color); padding: 3.75rem 0 5rem;}
#mainCollection .secTit {color: #fff;}
#mainCollection .wrapper {position: relative;}
.selToggle {position: absolute; top: 1rem; right: 0; width: 230px;z-index: 100;}
.selToggle .curSel {font-size: 1.75rem; font-weight: 600; color: #fff; border: 1px solid #fff; border-left: none; border-right: none; padding: 0.5rem 2.5rem 0.5rem 1rem; cursor: pointer; position: relative;}
.selToggle .curSel:after {content:''; width: 12px; height: 8px; background: url('../img/common/icon_arrow_down_wh.png') center no-repeat; position: absolute; right: 1rem; top: 50%; transform:translateY(-50%); transition:0.2s all linear; }
.selToggle .curSel.on:after {transform:translateY(-50%) rotate(180deg); transition:0.2s all linear;}
.selToggle .selList {display: none; box-sizing:border-box;}
.selToggle .selList li {}
.selToggle .selList li + li {border-top: 1px dashed #999; }
.selToggle .selList li a {font-size: 1.5rem; background: none; padding: 0.5rem 1rem; color: #fff; background: #303030;}
.selToggle .selList li a:hover {background: #484848;}
.mainToggleCon {}
.mainToggleCon .toggleCon {display: none;}
.mainToggleCon .toggleCon.on {display: block;}
.collectWrap {}
.collect {}
.collect:after {content:''; display: block; clear: both; height: 0;}
.collect.collect01 {}
.collect.collect02 {}
.collect .colImg, .collect .colInfo {height: 400px; overflow: hidden; }
.collect .colImg {position: relative;}
.collect .colImg img {width: 100%; height: 100%; object-fit: cover;}
.collect.collect01 .colImg {float: left;width: 63%;}
.collect.collect02 .colImg {float: right;width: 65%;}
.collect .colInfo {color: #fff; box-sizing:border-box; padding: 3.75rem; position: relative;}
.collect.collect01 .colInfo {float: right;width: 37%;}
.collect.collect02 .colInfo {float: left;width: 35%;}
.collect .colTit {font-size: 1.875rem; font-weight: 600; line-height: 1.4em; overflow: hidden; width: 100%; height: 4.2em; -webkit-line-clamp: 3; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical;}
.collect .colLink {margin-top: 6rem;display: inline-block; padding-left: 0; transition:0.2s all linear;}
.collect .colLink:hover {padding-left: 0.5rem; text-shadow:0px 2px 2px rgb(0 0 0 / 50%); transition:0.2s all linear;}
.bg--blue {background: #00a2e6;}
.bg--yellow {background: #d3ae3d;}
.bg--green {background: #1dab87;}
.bg--orange {background: #d6640f;}


/* 공지사항 */
#mainBoard {margin-top: 0; background: var(--lightgray-color); padding: 3.75rem 0 5rem; }
.bdTop {position: relative;}
.bdTop .bdList {border: 1px solid var(--main-color); border-left: none; border-right: none; padding: 0.75rem 0; display:flex;}
.bdTop .bdList .bdItem {width: calc((100% - 6rem) / 3); margin-right: 3rem; height: 500px; box-sizing:border-box;  margin-right: 3rem; position: relative;}
.bdTop .bdList .bdItem:after {content:''; width: 1px; height: 100%; background: var(--main-color); position: absolute; right: -1.5rem; top: 50%; transform:translateY(-50%);}
.bdTop .bdList .bdItem:last-child {margin-right: 0;}
.bdTop .bdList .bdItem:last-child:after {display: none;}
.bdTop .bdList .bdItem a {display: block; height: 100%;}
.bdTop .bdList .bdItem .bdTit {font-size: 2.25rem; font-weight: 700; letter-spacing:-0.5px; width: 100%; height: 2.8em; line-height: 1.4em; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; transition:0.2s all linear; word-break:keep-all;}
/* .bdTop .bdList .bdItem .bdDesc {font-size: 1.125rem; color: #373737; width: 100%; height: calc(1.4em * 7); line-height: 1.4em; overflow: hidden; -webkit-line-clamp: 7; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; margin-top: 2.5rem; word-break: keep-all;}
.bdTop .bdList .bdItem .bdDate {font-size: 1.125rem; color: #373737; position: absolute; right: 0.5rem; bottom:3rem;} */
.bdTop .bdList .bdItem .bdDesc {font-size: 22px; color: #373737; width: 100%; height: calc(1.4em * 7); line-height: 1.4em; overflow: hidden; -webkit-line-clamp: 7; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; margin-top: 2.5rem; word-break: keep-all;}
.bdTop .bdList .bdItem .bdDate {font-size: 22px; color: #373737; position: absolute; right: 0.5rem; bottom:3rem;}
.bdTop .bdList .bdItem:hover .bdTit {text-decoration: underline;  text-underline-position : under; transition:0.2s all linear;}
.bdTop .bdList .bdItem:hover .bdTit, var(--main-color); {color: var(--main-color); transition:0.2s all linear;}

.bdBot {margin-top: 0.75rem; display:flex;}
.bdBot .popupList {width: calc((100% - 6rem) / 3); margin-right: 3rem; box-sizing:border-box; position: relative; }
.bdBot .popupList:after {content:''; width: 1px; height: 100%; background: var(--main-color); position: absolute; right: -1.5rem; top: 50%; transform:translateY(-50%);}
.bdBot .popupList .popTit {display: inline-block;font-size: 2.25rem; font-weight:700; margin-bottom: 1.5rem;}
.bdBot .popupList .popSlide {}
.bdBot .popupList .popSlide .popSlideItem {}
.bdBot .popupList .popSlide .popSlideItem a {display: block;width: 100%;height: 100%;}
.bdBot .popupList .popSlide .popSlideItem img {width: 100%; height: 100%; object-fit: cover;}
.popArrow {position: absolute; right: 0.875rem; top:4rem;}
.popArrow p {display: inline-block; cursor: pointer;}
.popArrow .arr_prev {}
.popArrow .arr_next {margin-left: 1rem;}
.bdBot .infomation {width: calc(((100% - 6rem) / 3) * 2); }
.bdBot .infomation p {font-size: 2.25rem; color: #ccc; box-sizing:border-box; letter-spacing:-0.5px; line-height: 1.3;transition:0.2s all linear;}
.bdBot .infomation p:hover {color: var(--main-color); transition:0.2s all linear;}
.bdBot .infomation b {display: inline-block; color: #222; position: relative; z-index: 1;}
.bdBot .infomation p:hover b {color: var(--point-color); transition:0.2s all linear;}
.bdBot .infomation b:before {content:''; width: 0; height: 1rem; background: #fff; position: absolute; left: 0; bottom:0.75rem; transition:0.2s all linear; z-index: -1;}
.bdBot .infomation p:hover b:before {width: 100%; transition:0.2s all linear;}

.bdTop .bdList .bdItem, .bdBot .popupList, .bdBot .infomation {padding: 3rem 0.875rem;}
.bdBot .infomation {padding: 3rem;}


/* 반응형 */
@media(max-width:1919px){
	.mainToggleCon .toggleCon.on{
		display:contents;
	}


}

@media(max-width:1800px){

	.selToggle {right: 1%;}
}

@media(max-width:1600px){

	/* 메인비주얼 */
	.visualList li {height: 700px;}
	.visualInfo .visuTit {font-size: 3.75rem;}
	.visualInfo .visuDesc {max-width:700px; padding-right: 1rem; font-size: 1.375rem; word-break:keep-all;}
	.visualInfo .visuDesc .txt01 {margin-bottom: 1rem;}
	.visualInfo .visuDesc .p_br {display: inline-block;}
	.visualInfo .visuDesc {right: 0;}

	/* 전시 / 콘텐츠 목록 */
	.mainTabCon .conLeft {width: 680px; height: 755px;}
	.mainTabCon .conRight {width: calc(100% - 680px - 3rem);}
	.mainTabCon .exList li {padding: 3rem 0;}
	.mainTabCon .exList li:before {top: 3.5rem;}
	.mainTabCon .exList li .exInfo {margin-top: 1.375rem;}

	.mainToggleCon .toggleCon.on{
		display:contents;
	}

	/* 공지사항 */
	.bdBot .infomation p {font-size: 2rem;}


}

@media(max-width:1400px){

	/* 전시 / 콘텐츠 목록 */
	.mainTabCon .conLeft {width: 600px; height: 666px;}
	.mainTabCon .conRight {width: calc(100% - 600px - 3rem);}
	.mainTabCon .exList li {padding: 2.5rem 0;}
	.mainTabCon .exList li:before {top: 2.875rem;}
	.mainTabCon .exList li .exTit {font-size: 2.125rem;}

	/* 주제컬렉션 */
	.collect .colInfo {padding: 3.25rem;}
	.collect .colTit {font-size: 1.625rem;}
	.collect .colImg, .collect .colInfo {height: 270px;}


}

@media(max-width:1200px){

	/* 메인비주얼 */
	.visualInfo .visuTit {font-size: 3.25rem;}
	.visualInfo .visuDesc  {max-width:600px; font-size: 1.25rem;}
	.visualInfo .visuDesc .txt01 {font-size: 1.5rem;}
	.visualInfo .visuDesc .p_br {display: inline-block;}

	/* 전시 / 콘텐츠 목록 */
	.mainTab li a, .secTit {font-size: 3.375rem;}
	section .more {font-size: 1.625rem;}
	section .more:after {top: 0.625rem;}
	.mainTab {margin-bottom: 3rem;}
	.mainTabCon .conLeft {width: 500px; height: 555px;}
	.mainTabCon .conRight {width: calc(100% - 500px - 3rem);}
	.mainTabCon .exList li {padding: 2rem 0;}
	.mainTabCon .exList li:before {top: 2.125rem;}
	.mainTabCon .exList li .exTit {font-size: 1.75rem;}
	.mainTabCon .exList li .exInfo {margin-top: 1rem;}

	/* 주제컬렉션 */
	.collect .colInfo {padding: 2.75rem;}
	.collect .colTit {font-size: 1.375rem;}
	.collect .colImg, .collect .colInfo {height: 250px;}

	/* 공지사항 */
	.bdTop .bdList .bdItem {height: 450px;}
	.bdTop .bdList .bdItem .bdTit {font-size: 2rem;}
	.bdTop .bdList .bdItem, .bdBot .popupList, .bdBot .infomation {padding: 2rem 0.875rem;}
	.bdTop .bdList .bdItem .bdDate {bottom: 2rem;}
	.bdBot .infomation p {font-size: 1.75rem;}

}

@media(max-width:1024px){

	/* 메인비주얼 */
	#mainVisual:before {display: none;}
	.visualList li {height: 600px;}
	.visuTit.mb .p_br {display: block;}
	.visualInfo {padding: 2.5rem 1rem; height: auto;}
	.visualInfo .visuTit {font-size: 3.25rem; position: absolute; top: -8.5rem; left: 0.5rem; color: #fff; text-shadow: 2px 2px 3px rgb(0 0 0);}
	.visualInfo .visuTit .p_br {display: inline-block; width: 0.5rem;}
	.visualInfo .visuDesc {position: inherit; right: auto; top: auto; margin-top: 0; max-width:100%; padding-right: 0;}
	.visualInfo .visuDesc .txt01 {font-size: 1.625rem; margin-bottom: 0.5rem; line-height: inherit;}
	.visualInfo .visuDesc .txt02{line-height: inherit;}

	/* 전시 / 콘텐츠 목록 */
	.mainTab li a, .secTit {font-size: 3rem;}
	.mainTabCon .conLeft, .mainTabCon .conRight {float: none; width: 100%; height: auto;}
	.mainTabCon .conLeft a {background: none; text-indent:0; }
	.mainTabCon .conLeft img {width: 100%;}
	.mainTabCon .conRight {margin-top: 2.5rem;}

	/* 주제컬렉션 */
	.collect .colInfo {padding: 2.25rem;}
	.collect .colTit {font-size: 1.125rem;}
	.collect .colImg, .collect .colInfo {height: 200px;}
	.selToggle .curSel {font-size: 1.5rem;}
	.selToggle .selList li a {font-size: 1.375rem;}

	/* 공지사항 */
	.bdTop .bdList .bdItem {height: 370px;}
	.bdTop .bdList .bdItem .bdTit {font-size: 1.75rem;}
	.bdTop .bdList .bdItem .bdDesc {font-size: 1rem; margin-top: 1.5rem;}
	.bdBot .infomation p {font-size: 1.625rem;}

}

@media(max-width:970px){

	section {margin-top: 3.75rem;}

	/* 메인비주얼 */
	.visualList li {height: 550px;}

	/* 전시 / 콘텐츠 목록 */
	#mainCollection {padding: 3.75rem 0;}
	.mainTab {margin-bottom: 2rem;}
	.mainTab li a, .secTit {font-size: 2.75rem;}
	section .more {font-size: 1.5rem; top: -5rem;}
	section .more:after {top: 0.5rem;}

	/* 공지사항 */
	#mainBoard {padding: 3.75rem 0;}
	.bdTop .bdList .bdItem {width: calc((100% - 3rem) / 2);}
	.bdTop .bdList .bdItem:nth-child(2) {margin-right: 0;}
	.bdTop .bdList .bdItem:nth-child(2):after {display: none;}
	.bdTop .bdList .bdItem:last-child {display: none;}
	.bdBot {display: block; padding: 0;}
	.bdBot .popupList {width: 100%; padding: 1rem 0.875rem 3rem; margin-right: 0;}
	.bdBot .popupList:after {display: none;}
	.bdBot .infomation {width: 100%;padding: 2.25rem 1rem 0; box-sizing: border-box; border-top: 1px solid var(--main-color);}
	.bdBot .infomation p {line-height: 1.5;}
	.popArrow {top: 2rem;}



}

@media(max-width:768px){

	/* 메인비주얼 */
	.visualList li {height: 500px;}
	.visualInfo .visuTit {font-size: 2.75rem; }
	.visualInfo .visuDesc .txt01 {font-size: 1.5rem;}
	.visualInfo .visuDesc {font-size: 1.125rem;}

	/* 전시 / 콘텐츠 목록 */
	.mainTab li a, .secTit {font-size: 2.25rem;}
	.mainTab li + li {padding-left: 1.5rem; margin-left: 1.5rem;}
	.mainTab li + li:before {font-size: 2.25rem;}
	section .more {font-size: 1.25rem; padding-right: 2.25rem;}
	section .more:after {top: 0.375rem;width: 18px; height: 18px; background-size: cover;}
	.mainTabCon .exList li {padding: 1.75rem 0 1.5rem;}
	.mainTabCon .exList li:hover {padding-left: calc(1rem + 20px);}
	.mainTabCon .exList li:before {height: 22px; -webkit-background-size: cover; background-size: cover; top: 1.875rem;}
	.mainTabCon .exList li:hover:before {width: 22px;}
	.mainTabCon .exList li .exTit {font-size: 1.5rem;}
	.mainTabCon .exList li .exInfo {font-size: 1rem;margin-top: 0.75rem;}

	/* 주제컬렉션 */
	.collect .colInfo {padding: 2rem;}
	.collect .colTit {font-weight: 500;}
	.collect .colImg, .collect .colInfo {height: 180px;}
	.selToggle {top: 0.25rem; right: 1rem; width: 200px;}
	.selToggle .curSel {font-size: 1.25rem;}
	.collect .colLink {margin-top: 1rem;}
	.selToggle .selList li a {font-size: 1rem;}

	/* 공지사항 */
	.bdTop .bdList .bdItem {height: 320px; padding: 1.5rem 0.875rem;}
	.bdTop .bdList .bdItem .bdTit {font-size: 1.5rem;}
	.bdTop .bdList .bdItem .bdDesc {font-size: inherit; margin-top: 1.25rem;}
	.bdTop .bdList .bdItem .bdDate {font-size: inherit; bottom: 1.5rem;}


}

@media(max-width:640px){

	/* 메인비주얼 */
	.visualList li {height: 400px;}
	.visualInfo .visuTit {top: -9.25rem; }
	.visualInfo {padding: 1.625rem 0.5rem;}
	.visualInfo .visuTit {font-size: 2.375rem; }
	.visualInfo .visuTit .p_br {display: block; width: 0;}
	.visualInfo .visuDesc .txt01 {font-size: 1.375rem;}
	.visualInfo .visuDesc {font-size: 1rem;}

	/* 전시 / 콘텐츠 목록 */
	section .more {top: -4.5rem;}
	.mainTabCon .exList li {padding: 1.75rem 0 1.375rem;}
	.mainTabCon .exList li .exTit {font-size: 1.375rem;}

	/* 주제컬렉션 */
	.collect.collect01 .colImg, .collect.collect01 .colInfo, .collect.collect02 .colImg, .collect.collect02 .colInfo {float: none; width: 100%;}
	.collect .colTit {font-size: 1rem;}
	.collect .colImg {height: auto;}
	.collect .colInfo {padding: 1.5rem; height: auto;}
	.collect + .collect {margin-top: 1rem;}
	.selToggle {top: 0.375rem; width: 160px}

	/* 공지사항 */
	.bdTop .bdList {display: block; padding: 0;}
	.bdTop .bdList .bdItem {width: 100%; height: auto;}
	.bdTop .bdList .bdItem .bdTit {font-size: 1.25rem;}
	.bdTop .bdList .bdItem .bdDesc {height: calc(1.4em * 3); -webkit-line-clamp:3;margin-top: 0.75rem;}
	.bdTop .bdList .bdItem .bdDate {position: inherit; right: auto; bottom: auto; margin-top: 1rem; text-align: right;}
	.bdTop .bdList .bdItem:after {width: 100%; height: 1px; position: absolute; right: 0; top: 100%; transform: none;}
	.bdTop .bdList .bdItem:nth-child(2):after, .bdTop .bdList .bdItem:last-child {display: block;}
	.bdBot .popupList .popTit {margin-bottom: 1rem;}




}


@media(max-width:480px){

	section {margin-top: 2.5rem;}
	.secTit {margin-bottom: 1.25rem;}


	/* 메인비주얼 */
	.visualList li {height: 350px;}
	.visualInfo {text-align: right;}
	.visualInfo .visuTit {font-size: 2rem;top: -8rem; text-align: left;}
	.visualInfo .visuDesc {font-size: inherit;}
	.visualInfo .visuDesc .txt01 {font-size: 1.25rem; line-height: 1.4;}
	.visualInfo .visuDesc .txt01 .p_br {display: block;}
	.visualInfo .visuDesc .txt02 {line-height: 1.4; font-weight: 500;}

	/* 전시 / 콘텐츠 목록 */
	.mainTab {margin-bottom: 1rem;}
	.mainTab li a, .secTit {font-size: 1.75rem;}
	.mainTab li + li {margin-left: 1rem; padding-left: 1rem;}
	.mainTab li + li:before {font-size: 1.75rem; left: -0.375rem;}
	section .more {font-size: 1rem;top: -3rem; padding-right: 2rem;}
	section .more:after {top: 0.25rem; width: 16px; height: 16px;}
	.mainTabCon .conRight {margin-top: 2rem;}
	.mainTabCon .exList li {padding: 1.5rem 0 1.25rem;}
	.mainTabCon .exList li:before {height: 18px; top: 1.5rem;}
	.mainTabCon .exList li:hover {padding-left: calc(1rem + 12px);}
	.mainTabCon .exList li:hover:before {width: 18px;}
	.mainTabCon .exList li .exTit {font-size: 1.125rem;}
	.mainTabCon .exList li .exInfo {font-size: inherit; margin-top: 0.5rem;}
	.mainTabCon .exList li .bar {margin: 0 0.5rem;}
	@keyframes arrRight {
		0% {right: 0;}
		50% {right: 0.375rem;}
		100% {right: 0rem;}
	}

	/* 주제컬렉션 */
	#mainCollection {padding: 2.5rem 0 3.25rem;}
	.selToggle {top: 0.125rem; width: 130px;}
	.selToggle .curSel {font-size: 1rem; padding: 0.375rem 2.5rem 0.375rem 1rem;}
	.collect .colInfo {padding: 1.25rem;}
	.collect .colLink {margin-top: 0.75rem;}

	/* 공지사항 */
	#mainBoard {padding: 2.25rem 0 3.25rem;}
	.bdTop .bdList .bdItem {padding: 1.25rem 0.5rem;}
	.bdTop .bdList .bdItem .bdTit {font-size: 1.125rem;}
	.bdBot .popupList {padding: 0.25rem 0.875rem 2rem;}
	.bdBot .infomation {padding: 1.5rem 1rem 0;}
	.bdBot .infomation p {font-size: 1.375rem;}
	.popArrow {top: 1.125rem;}
	.bdBot .infomation b:before {bottom: 0.5rem;height: 0.75rem;}

}

@media(max-width:380px){

	/* 주제컬렉션 */
	.selToggle {width: 120px;}

	/* 공지사항 */
	.bdBot .infomation p {font-size: 1.125rem;}

}