@charset "utf-8";

table img{max-width:100%;}

/* total-search */
.board-search{width:100%; display: flex; justify-content: space-between; padding: 19px 40px; box-sizing: border-box; border: 1px solid #ddd; background-color: #f6f6f6;}
.board-search .total {color:#555; font-size: 14px; line-height:38px; font-family:'NotokrR'; padding-left:33px; background: url("/images/board/boardList.png") 0px center no-repeat;}
.board-search .total strong {color:#015699;}

.board-search .search{display: flex;}
.board-search .search .input-btn{width:auto; margin-left: -1px;}
.board-search .search .boardBtnBox .borardSearchBtn{width:46px; height: 100%; border:none; color: #fff; font-size: 14px; letter-spacing: -0.02em; background: url("/images/board/searchIcon.png") no-repeat center right 16px #1d2847; padding: 0px 70px 0 30px; cursor: pointer;}

.board-search.type2{flex-wrap: wrap;}
.board-search.type2 .search{width: 100%;}
.board-search.type2 .search .chk-select:nth-child(1) select{border-right:0;}
.board-search.type3 {flex-direction: column;}


.boradNumBtn{width:100%; position: relative; height: 40px;}
.boradNumBtn .bdNumWrap {text-align: center; width: auto; overflow: hidden; vertical-align: middle; display: inline-block;}
.boradNumBtn .bdNumWrap .bdNumList{float: left; width:40px; height:40px; text-align: center; box-sizing: border-box;  font-size:1em; color:#444; font-family:'NotokrL'; line-height: 40px; margin-left:-1px; border: 1px solid #d6d6d6; transition: 0.3s ease;}
.boradNumBtn .bdNumWrap .bdNumList:hover {background-color: #ebf3ff;}
.boradNumBtn .bdNumWrap .bdNumList:first-child {margin-left:0; margin-right: 0;}
,.boradNumBtn .bdNumWrap .bdNumList:last-child {margin-left:-1px; margin-right: 0;}
.boradNumBtn .bdNumWrap .bdNumList.bdNumPrev {margin-right: 21px;}
.boradNumBtn .bdNumWrap .bdNumList.bdNumNext {margin-right: 0; margin-left: 21px;}
.boradNumBtn .bdNumWrap .bdNumList > img{margin-top:-4px;}
.boradNumBtn .bdNumWrap .bdNumList.bdNum:last-child{border-right:1px solid #d6d6d6;}
.boradNumBtn .bdNumWrap .bdNum.numOn {font-family:'NotokrB'; background:#ebf3ff; color:#015699; border-color: #94c4ea; border-width: 2px; line-height: 38px;}
.boradNumBtn .bdBtnWrap{}
.boradNumBtn .bdBtnWrap.type02 {position: static; margin: 0 auto;}
.boradNumBtn .bdBtnWrap > a{display: inline-block; vertical-align: top; margin:0 5px;}
.boradNumBtn .bdBtnWrap > input{display: inline-block; vertical-align:top;}


@media only screen and (max-width:1280px) {
    .board-search .search .input-btn input {width: 320px;}
}

@media only screen and (max-width:1000px) {
    .board-search {padding: 19px 25px;}
    .board-search .search .boardBtnBox .borardSearchBtn {padding: 0px 60px 0 15px; background-size: 16px; background-position: center right 13px;}

    .boradNumBtn {text-align: center;}
}

@media only screen and (max-width:780px) {
    .board-search {padding: 14px 18px; flex-direction: column;}
    .board-search .search .boardBtnBox .borardSearchBtn {width: 34px; height: 34px; background-size: 14px;}
    .board-search .total {margin-left: 5px;}
}

@media only screen and (max-width:680px) {
	.board-search{flex-wrap: wrap;}
	.board-search .total{font-size:0.933em; line-height:120%; float:none; margin:10px 0;}

	.board-search .chk-select {width:98px; flex-shrink: 0;}
	.board-search .boardBtnBox {width:auto; flex-shrink: 0;}
	.board-search .boardBtnBox input{width: 100%;}

	.board-search .search{width:100%; float:none;}

	.board-search .search .input-btn{width:100%; box-sizing:border-box;}
	.board-search .search .input-btn input{width:100%;}

	.board-search .backBtn > a{width:34px; height:34px; margin-bottom:10px;}
	.board-search .backBtn > a:before{font-size:0.933em;; line-height: 32px;}

	.board-search.type2 .search{flex-wrap: wrap;}
	.board-search.type2 .search .chk-select{width: 50%; box-sizing: border-box;}
	.board-search.type2 .search .chk-select select{border-bottom:0;}
	.board-search.type2 .search .input-btn{width:80%;}
	.board-search.type2  .search .input-btn > input[type="text"]{border-left:1px solid #d6d6d6;}
	.board-search.type2 .search .boardBtnBox{width:20%;}
	.board-search.type2 .search .boardBtnBox .borardSearchBtn{width:100%;}

	.boradNumBtn {height: auto;}
	.boradNumBtn .bdNumWrap {text-align: center;}
	.boradNumBtn .bdBtnWrap{position: static; margin-top:20px;}
    .boradNumBtn .bdBtnWrap > a {width: 90px;}
    .boradNumBtn .bdBtnWrap > a img {width: 100%;}
    .boradNumBtn .bdNumWrap .bdNum.numOn {line-height: 34px;}
	.boradNumBtn .bdNumWrap .bdNumList {margin:0; margin-left: -1px; width: 37px; height: 37px; line-height: 37px; font-size: 14px;}
    .boradNumBtn .bdNumWrap .bdNumList > img {transform: scale(0.8);}
    .boradNumBtn .bdNumWrap .bdNumList.bdNumPrev {margin-right: 0;}
    .boradNumBtn .bdNumWrap .bdNumList.bdNumNext {margin-left: -1px;}
    .boradNumBtn .bdNumWrap .bdNum:nth-child(n+8):nth-child(-n+12) {display: none;}
}

@media only screen and (max-width:480px) {
	.board-search .chk-select{width:80px;}
    .board-search .search .boardBtnBox .borardSearchBtn {background-image: initial; padding-right: 40px; font-size: 13px;}
    .board-search .total {margin-left: 5px;}

    .boradNumBtn .bdNumWrap .bdNumList { width: 28px; height: 28px; line-height: 28px;}
    .boradNumBtn .bdNumWrap .bdNumList:last-child {margin-right: 5px;}
    .boradNumBtn .bdNumWrap .bdNum.numOn {line-height: 25px;}

	.boradNumBtn .bdBtnWrap > a {width:80px; margin-bottom: 5px;}
}

@media only screen and (max-width:360px) {
    .board-search {padding: 10px;}
    .board-search .chk-select {width: 70px;}
    .board-search .total {background-size: 16px; padding-left: 26px;}

    .boradNumBtn .bdNumWrap .bdNumList > img {transform: scale(0.6);}
}



/* board-list.list01 */
.board-list{position:relative; font-family:'NotokrR';}
.board-list:after{clear:both; content:""; display:block;}
.board-list table.list01{position:relative; width:100%; border-collapse:collapse; clear:both; background:#fff; border-top:2px solid #1d2847;}
.board-list table.list01 thead th {background:#f6f6f6;text-align:center; letter-spacing:-0.03em; padding:18px 0; font-size:1em; border-bottom:1px solid #dcdcdc; border-right: 1px solid #e1e1e1; font-weight:500;}
.board-list table.list01 thead th:last-child {border-right: 0;}
.board-list table.list01 thead th span{display: inline-block; width:100%; padding:0 12px; box-sizing: border-box; position: relative; font-family: 'NotoKrB'; font-size:1em; color: #1d2847;}
.board-list table.list01 tbody tr{-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.board-list table.list01 tbody tr.list_notice td.title * {font-family:'NotokrM' !important;}
.board-list .boardNew{display: inline-block; margin-left:3px;}
.board-list table.list01 tbody tr.list_notice .listNotice_tit {}
.board-list table.list01 tbody tr.list_notice .listNotice_tit span{line-height: 22px; color: #015699; font-size: 13px; background-color: #ebf3ff; border: 1px solid #94c4ea; border-radius: 5px; padding: 6px 9px; line-height: 1; display: inline-block;}
.board-list table.list01 tbody th{letter-spacing:-0.02em; padding:12px 10px; color:#111; border-bottom:1px solid #e7e7e7; font-size:1.067em; background:#fbfbfb; text-align:center; font-family:'NotokrM';}
.board-list table.list01 tbody td {font-family:'NotokrL'; color:#444; letter-spacing:-0.02em; padding:18px 10px; border-bottom:1px solid #e1e1e1; border-right: 1px solid #e1e1e1; font-size:1em; text-align:center;}
.board-list table.list01 tbody td:last-child {border-right: 0;}


.board-list table.list01 tbody td.title{text-align:left; padding:18px 33px;}
.board-list table.list01 tbody td.title > a {font-family:'NotokrL'; text-align:left; color: #555; font-size: 15px;}
.board-list table.list01 tbody td.title a:hover{color:#015699; text-decoration:underline; font-weight: bold;}
.board-list table.list01 tbody td .icons{display:inline-block; vertical-align:middle;}
.board-list table.list01 tbody td .icons.att{width:31px; height:25px; background:url("../_Img/layout/bd-att-icon.png") no-repeat center;}

.board-list table.list01 tbody td .btns{display:inline-block; vertical-align:middle; padding:10px 15px; background:#61564b; color:#fff; font-size:0.933em;;}
.board-list table.list01 tbody td .btns span{display:block; line-height:120%;}
.board-list table.list01 tbody td .btns.map{background:#373789;}
.board-list table.list01 tbody td .btns.map span{padding-right:24px; background:url("../_Img/layout/bd-loca-icon.png") no-repeat right;}


.board-list .newTit .secretTit img , .board-list .secretTit img {vertical-align: baseline; display: inline-block; padding-top:2px;}


.pho-list {padding-top: 37px; border-top: 1px solid #1d2847;}



@media only screen and (max-width:1000px) {
	.board-list table.list01 colgroup{display:none;}
	.board-list table.list01 thead {display:none;}

	.board-list table.list01 tbody tr{display:block; padding:7px 10px 4px 10px; border-bottom:1px solid #e7e7e7;}

	.board-list table.list01 tbody th{text-align:left; font-size:0.933em;; padding:0px 0px 5px 0px;}
	.board-list table.list01 thead th:not(:last-child) span:before{height:12px; margin-top:-6px;}
	.board-list table.list01 tbody td{position:relative; text-align:left; font-size:0.933em;; padding:0px 0px 5px 0px; display:inline-block; border-bottom:none; border-right: 0; box-sizing:border-box; color:#9b9b9b;}
	
	.board-list table.list01 tbody td:after{display:inline-block; line-height:120%; vertical-align:middle; content: "│"; margin:0 8px; color:#9b9b9b;}
	.board-list table.list01 tbody td:last-child:after{content: none;}


	.board-list table.list01 tbody td.title{display:block; margin-right:0px; padding: 10px 0;}
	.board-list table.list01 tbody td.title:after{display:none;}

	.board-list table.list01 tbody td.mblock{display:block; margin-right:0px;}
	.board-list table.list01 tbody td.mblock:after{display:none;}

	.board-list table.list01 tbody td .icons.att{width:26px; height:21px; background-size:26px;}

	.board-list table.list01 tbody td .btns{padding:7px 10px; font-size:0.867em;}
	.board-list table.list01 tbody td .btns.map span{padding-right:18px; background-size:12px;}
}

@media only screen and (max-width:680px) {
	.board-list table.list01 tbody tr{padding:5px 10px 3px 10px;}

	.board-list table.list01 tbody th{font-size:0.867em; padding:0px 0px 3px 0px;}
	.board-list table.list01 thead th:not(:last-child) span:before{height:10px; margin-top:-5px;}
	.board-list table.list01 tbody td{font-size:0.867em; padding:0px 0px 3px 0px;}
    .board-list table.list01 tbody td.file a {width: 16px; display: inline-block;}
    .board-list table.list01 tbody td.file a img {width: 100%;}

	.board-list table.list01 tbody td.title{font-size:0.933em;;}

	.board-list table.list01 tbody td .btns{padding:5px 8px; font-size:0.800em;}
	.board-list table.list01 tbody td .btns.map span{padding-right:16px; background-size:11px;}

    .board-list table.list01 tbody tr.list_notice td.title {background-size: 20px;}
}


@media only screen and (max-width:480px) {
    .board-list table.list01 tbody tr.list_notice td.title {background-position-y: 5px;}
}



/* .board-list .gallery01*/
.board-list .gallery01{position:relative; margin:0px -1%; border-bottom: 1px solid #dcdcdc;}
.board-list .gallery01:after{clear:both; content:""; display:block;}
.board-list .gallery01 > li{width:23%; margin:0px 1% 40px;  float:left;}
.board-list .gallery01 > li a{display:block;}
.board-list .gallery01 > li .img {display:block; width:100%; overflow:hidden; position: relative; transition: all .5s ease-in-out; height:212px; background: url("")}
.board-list .gallery01 > li .img img{width:100%;min-height: 100%; object-fit: cover; object-position: center;}

.board-list .gallery01 > li .bdiInfoBox{ border:1px solid #d8d8d8; border-top:0; box-sizing: border-box; width:100%; transition: all .5s ease-in-out; }
.board-list .gallery01 > li a:hover {box-shadow:10px 10px 20px rgba(0,0,0,0.15);}
.board-list .gallery01 > li a:hover .bdiInfoBox{border-color:#85b4b9; background-color: #1d2847;}
.board-list .gallery01 > li .tit {position:relative; font-family: 'NotoKrM'; font-size:16px; padding:21px 23px 8px; color:#000; letter-spacing:-0.02em; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'NotokrM'; text-align: left;}
.board-list .gallery01 > li a:hover .tit {color: #fff;}

.board-list .gallery01 > li a .date-write{display:block; padding:0px 15px 10px;  color:#666; overflow:hidden; font-family:'NotokrR';}
.board-list .gallery01 > li a .date-write .date{display:block; font-weight:300; float:left;}
.board-list .gallery01 > li a .date-write .write{display:block; float:left; padding-right:7px; margin-right:7px; position: relative;}
.board-list .gallery01 > li a .date-write .write:before{content:''; display: block; position: absolute; top:50%; right:0; margin-top:-5px; width:1px; height:10px; background:#9d9d9d;  }
.board-list .gallery01 > li a .datehit_box {width: 100%; padding:3px 23px 20px; box-sizing: border-box; text-align: left;}
.board-list .gallery01 > li a .datehit_box > p {display: inline-block; font-size:1em; color:#555; font-family:'NotokrR';}
.board-list .gallery01 > li a:hover .datehit_box > p {color: #fff;}
.board-list .gallery01 > li a .datehit_box > p.dh_dateHit {position: relative; margin-right: 35px;}
.board-list .gallery01 > li a .datehit_box > p.dh_dateHit::before {content:''; display: block; position: absolute; width:1px; height:12px; top:50%; right:-18px; margin-top:-6px; background-color:#bdbdbd;}
.board-list .gallery01 > li a .datehit_box > p.dh_hit {position: relative; margin-right: 15px; color: #000;}
.board-list .gallery01 > li a:hover .datehit_box > p.dh_hit {color: #fff;}
.board-list .gallery01 > li a .datehit_box > p.dh_hit span{color:#000; margin-right:10px;}
.board-list .gallery01.type3 li .bdiInfoBox {text-align: center; border:1px solid #d1d1d1; border-top:0; padding-bottom: 10px;}
.board-list .gallery01.type3 li .bdiInfoBox .tit{padding-bottom: 0;}
.board-list .gallery01.type3 li .bdiInfoBox .titS{font-size:0.933em;;}
.board-list .gallery01.type3 li .bdiInfoBox .btn-wrap{margin-top:5px;}
.board-list .gallery01.type3 li .bdiInfoBox a{display: inline-block;}



@media  screen and (max-width:1400px){
	.board-list .gallery01 > li .img{height:174px;}
}

@media  screen and (max-width:1400px){
	.board-list .gallery01 > li .img{height:145px;}
}

@media only screen and (max-width:1000px) {
	.board-list .gallery01{padding-top:22px; margin-bottom:10px;}
	.board-list .gallery01 > li{margin-bottom:20px; width: 31%;}
	.board-list .gallery01 > li .tit {padding:20px 10px 3px;}
	.board-list .gallery01 > li a .datehit_box {padding: 3px 10px 20px;}
	.board-list .gallery01 > li .date-write{font-size:0.933em;; padding:5px 10px;}
	.board-list .gallery01 > li .img{height:215px;}
}


@media only screen and (max-width:780px) {
	.board-list .gallery01{padding-top:12px;}
	.board-list .gallery01 > li{width:48%;}
	.board-list .gallery01 > li{margin-bottom:10px;}
	.board-list .gallery01 > li a .date-write{font-size:0.800em; padding:5px;}
	.board-list .gallery01 > li a .img {height:220px; border-top: 1px solid #d8d8d8;}
    .board-list .gallery01 > li .img img {height: 100%; object-fit: cover;}
}

@media only screen and (max-width:480px) {
	.board-list .gallery01 > li{width: 100%; margin:0 auto 20px; float: none;}
    .board-list .gallery01 > li a .img {height: 280px;}
	.board-list .gallery01 > li a .datehit_box > p.dh_date{margin-right:5px; padding-right:10px;}
	.board-list .gallery01 > li a .datehit_box > p.dh_hit span{margin-right: 5px;}
}

@media only screen and (max-width:360px) {
    .board-list .gallery01 > li a .img {height: 220px;}
}


/* .board-list .gallery02*/
.board-list .gallery02{position:relative; margin:0px -1%; padding-top:32px;}
.board-list .gallery02:after{clear:both; content:""; display:block;}
.board-list .gallery02:before{position:absolute; top:0px; left:50%; width:98%; margin-left:-49%; height:2px; background:#333353; content:"";}
.board-list .gallery02 > li{width:31.333333333%; margin:0px 1%; margin-bottom:40px; float:left;}
.board-list .gallery02 > li a{display:block; border:1px solid #e7e7e7;}
.board-list .gallery02 > li a .img{display:block; width:100%; height:445px; overflow:hidden;}
.board-list .gallery02 > li a .img img{width:100%; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.board-list .gallery02 > li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}

.board-list .gallery02 > li a .tit{position:relative; font-size:1.067em; padding:15px 20px; color:#333; letter-spacing:-0.02em; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board-list .gallery02 > li a:hover .tit{background:#f1f6fa; color:#373789; text-decoration:underline;}

@media only screen and (max-width:1300px) {
	.board-list .gallery02 > li a .img{height:330px;}
}

@media only screen and (max-width:1000px) {
	.board-list .gallery02{padding-top:22px; margin-bottom:10px;}
	.board-list .gallery02 > li{margin-bottom:20px;}
	.board-list .gallery02 > li a .img{height:220px;}

	.board-list .gallery02 > li a .tit{ padding:10px 15px;}
}

@media only screen and (max-width:680px) {
	.board-list .gallery02{padding-top:12px;}
	.board-list .gallery02 > li{width:48%; margin-bottom:10px;}
	.board-list .gallery02 > li a .img{height:235px;}

	.board-list .gallery02 > li a .tit{font-size:0.867em; padding:5px;}
}

@media only screen and (max-width:480px) {
	.board-list .gallery02 > li a .img{height:155px;}
}



/* S.게시판 보기 페이지 */
.boardViewWrap{width:100%; border-top:2px solid #000;}
.boardViewWrap .bdvTitWrap {width:100%; background:#fff; padding:32px 30px; text-align: left; border-bottom:1px solid #dcdcdc; box-sizing: border-box;}
.boardViewWrap .bdvTitWrap .bdvTit {font-family:'NotokrR'; color:#111; font-size:22px; margin-bottom:18px; line-height: 120%; letter-spacing: -0.025em;}
.boardViewWrap .bdvTitWrap .bdv_info{width:100%;}
.boardViewWrap .bdvTitWrap .bdv_info p {display: inline-block;  padding-right:16px; margin-right:16px; position: relative; vertical-align: middle;}
.boardViewWrap .bdvTitWrap .bdv_info p:not(:last-child):after {content:''; display: block; position: absolute; right:0; width:1px; height:12px; top:50%; margin-top:-5px; background:#bdbdbd;}
.boardViewWrap .bdvTitWrap .bdv_info p span {font-family:'NotokrR'; color:#000; font-size:1em; display: inline-block;}
.boardViewWrap .bdvTitWrap .bdv_info p span.bdTit {margin-right: 16px;}
.boardViewWrap .bdvTitWrap .bdv_info p span.bdName {color:#555; margin-right:10px;}

.bdvFileWrap {width:100%; position: relative; padding:18px 30px; box-sizing: border-box; border-bottom:1px solid #dcdcdc; display: flex; align-items: center; background-color: #f6f6f6;}
.bdvFileWrap ul {display: inline-flex;font: 1em sans-serif;}
.bdvFileWrap ul li {display: flex;}

.bdvFileWrap .bdvf_tit {position: relative; color:#444; font-family:'NotokrL'; font-size:1em; margin-right: 50px;}
.bdvFileWrap .bdvf_tit:last-child {margin-right: 0;}
.bdvFileWrap .bdvf_txt {color: #444; font-family:'NotokrL'; font-size:1em;}
.bdvFileWrap .bdvFileBox > .bdvFileList {position: relative; margin-right: 18px; display: block;}
.bdvFileWrap .bdvFileBox > .bdvFileList:last-child {margin-bottom:0; }
.bdvFileWrap .bdvFileBox > .bdvFileList .bdvfileName {position: relative; display: inline-block; font-size:15px; color:#555; font-family:'NotokrL'; padding: 0 0px 0 30px; margin-right: 10px;}
.bdvFileWrap .bdvFileBox > .bdvFileList .bdvfileName::before {content:''; display: block; position: absolute; top:10px; left:0; width:23px; height:23px; margin-top:-11px; background: url("/images/board/boardFile.png") center no-repeat;}
.bdvFileWrap .bdvFileBox > .bdvFileList a.viewer {background-color: #015699; padding: 6px 9px; display: inline-block; border-radius: 2px; line-height: 1;}
.bdvFileWrap .bdvFileBox > .bdvFileList a.viewer span {line-height: 1; color: #fff; font-size: 15px; font-family: 'NotoKrL';}
.bdvCntWrap {padding:30px; box-sizing: border-box}
.bdvCntWrap p.img img {text-align: center; width: auto; max-width: 80%; min-width: 60%;}
.bdvCntWrap .contents {color: #666; font-size: 1em; font-family:'NotokrL'; padding-bottom: 28px;}

/* E.게시판 보기 페이지 */



@media screen and (max-width:1000px){
    .boardViewWrap .bdvTitWrap {padding: 20px 15px;}
    .boardViewWrap .bdvTitWrap .bdvTit {font-size: 21px; margin-bottom: 10px;}
    .bdvFileWrap {padding: 12px 15px;}
}

@media screen and (max-width:780px){
    .bdvCntWrap p.img img {width: 100%; min-width: 100%;}
}

@media screen and (max-width:680px){
    .bdvCntWrap {padding: 40px 15px;}
	.bdvFileWrap .bdvf_tit {margin-right: 20px;}
	.boardViewWrap .bdvTitWrap .bdv_info p span.bdTit {margin-right: 10px;}
	.bdvFileWrap .bdvFileBox > .bdvFileList .bdvfileName {font-size: 14px;}
	.bdvFileWrap .bdvFileBox > .bdvFileList .bdvfileName::before {background-size: 15px;}
	.bdvFileWrap .bdvFileBox > .bdvFileList a.viewer {padding: 4px 7px;}
	.bdvFileWrap .bdvFileBox > .bdvFileList a.viewer span {font-size: 14px;}
    .boardViewWrap .bdvTitWrap .bdvTit {font-size: 18px; margin-bottom: 6px;}
    .boardViewWrap .bdvTitWrap .bdv_info p span, .bdvFileWrap .bdvf_tit, .bdvFileWrap .bdvf_txt {font-size: 14px;}
}

@media screen and (max-width:480px){
	/* S.게시판 보기 페이지 */
    .boardViewWrap .bdvTitWrap {padding: 15px 10px;}
	.boardViewWrap .bdvTitWrap .bdvInfo span{font-size:14px;}
    .bdvFileWrap {padding: 10px;}
    .bdvFileWrap .bdvFileBox > .bdvFileList {width: 100%; margin-bottom: 5px;}
	.bdvFileWrap .bdvFileBox > .bdvFileList:before{top:15px;}
	.bdvFileWrap .bdvFileBox > .bdvFileList .bdvfileName{width:100%; margin-bottom:2px;}

	.bdvFileWrap .bdvf_tit {width: 20%;}
	.bdvFileWrap ul {width: 100%;}
	.bdvFileWrap .bdvFileBox > .bdvFileList {display: flex;}
	.bdvFileWrap .bdvFileBox > .bdvFileList .bdvfileName {width: fit-content;}
    
	/* E.게시판 보기 페이지 */
}



/* board-write.write01 */
.board-write{position:relative; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.board-write:after{clear:both; content:""; display:block;}
.board-write table.write01{position:relative; width:100%; border-collapse:collapse; clear:both; background:#fff; border-top:2px solid #1d2847;}
.board-write table.write01 thead th{background:#f7f7f7; color:#000; text-align:left; letter-spacing:-0.03em; padding:12px; font-size:16px; border-bottom:1px solid #999; font-weight:500;}
.board-write table.write01 tbody th {letter-spacing:-0.02em; padding:12px 15px 12px 20px; font-family: 'NotoKrR'; font-weight: lighter; font-size: 1em; color:#000; border-bottom:1px solid #e7e7e7; background:#f7f7f7; text-align:center; box-sizing: border-box; font-size:1em;}
.board-write table.write01 tbody td{letter-spacing:-0.02em; padding:10px 15px 10px 20px; color:#444; border-bottom:1px solid #e7e7e7;  box-sizing: border-box; font-family:'NotokrR'; font-size:1em;}

.board-write>.impor-txt{position:relative; display:inline-block; padding-left:15px; font-size:1em; font-family:'NotokrR';}
.board-write>.impor-txt:before{position:absolute; top:-1px; left:0px; color:#e55757; font-size:13px; font-weight:600; content:"＊";}

.board-list>.impor-txt{position:relative; display:inline-block; padding-left:15px; font-size:1em; font-family:'NotokrR';}
.board-list>.impor-txt:before{position:absolute; top:-1px; left:0px; color:#e55757; font-size:13px; font-weight:600; content:"＊";}

.board-write .board-text {display: flex; justify-content: space-between; flex-wrap: wrap;}
.board-write .board-text .impor-txt {position:relative; display:inline-block; padding-left:15px; font-size:1em; font-family:'NotokrR';}
.board-write .board-text .impor-txt:before{position:absolute; top:-1px; left:0px; color:#e55757; font-size:13px; font-weight:600; content:"＊";}

.board-write table.write01 tbody th .impor-txt{position:relative; display:inline-block; font-size:1em; font-family:'NotokrR';}
.board-write table.write01 tbody th .impor-txt:before{position:absolute; top:-4px; left:-13px; color:#e55757; font-size:10px; font-weight:600; content:"＊";}

.board-write table.write01 tbody td .tel-input{font-size:0px;}
.board-write table.write01 tbody td .tel-input .chk-select{width:15%;}
.board-write table.write01 tbody td .tel-input.type02 .chk-select {width: 20%;}
.board-write table.write01 tbody td .tel-input input[type="text"]{width:15%;}
.board-write table.write01 tbody td .tel-input .line {width:3%; line-height:38px; vertical-align:middle; font-size:16px; display:inline-block; text-align:center;}

.board-write table.write01 tbody td .email-input{font-size:0px;}
.board-write table.write01 tbody td .email-input .id{width:30%;}
.board-write table.write01 tbody td .email-input .at{width:5%; display:inline-block; line-height:38px; font-size:16px; color:#555454; text-align:center; vertical-align:middle;}
.board-write table.write01 tbody td .email-input .email{width:35%; margin-right:1%;}
.board-write table.write01 tbody td .email-input .chk-select{width:28%;}

.board-write table.write01 tbody td .radios-group .radios{margin-right:30px;}
.board-write table.write01 tbody td .radios-group .radios:last-child{margin-right:0px;}

.board-write table.write01 tbody td textarea{width:100%; height:440px; resize: none;}

.board-write .scBtn .scbBtn{color:#fff; border:none; font-family:'NotokrR'; padding:7px 40px; box-sizing: border-box; border-radius: 50px;}
.board-write .scBtn .searchData{background-color:#1659c7;}
.board-write .scBtn .resetData{color:#fff; background-color:#000;}
.board-write .daySpan{display: inline-block; width:7.5%; text-align: center;}



@media only screen and (max-width:1000px) {
	.board-write table.write01{border:1px solid #d8d8d8;}
	.board-write table.write01 colgroup{display:none;}
	.board-write table.write01 thead {display:none;}
	.board-write table.write01 tbody th{display:block; text-align:left; padding:12px 30px; border-bottom:none;}
	.board-write table.write01 tbody td{display:block; text-align:left; padding:10px 15px;}
	.board-write table.write01 tbody td:last-child{border-bottom:none;}
    .board-write table.write01 tbody td .tel-input .chk-select {width: 31%;}
    .board-write table.write01 tbody td .tel-input input[type="text"] {width: 31%;}
	.board-write table.write01 tbody td .filebox.w50p{width:100% !important;}
	.board-write table.write01 tbody td .tel-input .line{line-height:34px; font-size:14px;}
	.board-write table.write01 tbody td .email-input .at{line-height:34px; font-size:13px;}
	.board-write table.write01 tbody td textarea{height:180px;}
	.board-write table.write01 tbody td .img img{width:100% !important;}
}

@media only screen and (max-width:780px) {
    .board-write > p {font-size: 14px;}
	.board-write table.write01 tbody th{padding:7px 25px; font-size:14px;}
	.board-write table.write01 tbody td{padding:7px 10px; font-size:14px;}
	.board-write table.write01 tbody td textarea{height:140px;}
}

@media screen and (max-width: 480px) {
    .board-write table.write01 tbody td .tel-input.type02 .chk-select {width: 25%;}
}





/* 다음글,이전글 */

.board_ba {width: 100%; border:1px solid #9d9d9d; box-sizing: border-box; border-left:0; border-right:0;}
.board_ba .board_baBox{width: 100%; display: flex; align-items:stretch; justify-content: flex-start;}
.board_ba .board_baBox.board_before{box-sizing: border-box; border-bottom:1px solid #dcdcdc;}
.board_ba .board_baBox .ba_tit{width: 145px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.board_ba .board_baBox.board_before .ba_tit {background: url("/images/board/beforeArrow.png") no-repeat center right 25px #f5f5f5;} 
.board_ba .board_baBox.board_after .ba_tit {background: url("/images/board/afterArrow.png") no-repeat center right 25px #f5f5f5;}
.board_ba .board_baBox .ba_tit span {position: relative; display: inline-block; font-family:'NotokrR'; font-size: 1em; color:#000; background-position: right center; background-repeat: no-repeat;}
.board_ba .board_baBox .ba_cnt{width: 70%; background-color:#fff; box-sizing: border-box; padding:0 20px;}
.board_ba .board_baBox .ba_cnt a{font-size:1em; color:#555; font-family:'NotokrL'; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; padding:15px 0;}
.board_ba .board_baBox .ba_cnt a:hover {text-decoration: underline; color: #373789;}

@media screen and (max-width:680px){
	.board_ba .board_baBox .ba_tit  {width: 130px;}
	.board_ba .board_baBox .ba_tit span { font-size:14px; background-size:10px;}
	.board_ba .board_baBox .ba_cnt a {font-size:14px; padding: 7px 0;}
}

.resetBox {display: flex; align-items: center; justify-content: flex-start;}
.resetBox .resetBtn{width:80px; height: 41px; background-color:#dedede; border:1px solid #dedede; text-align: center; margin-left:10px; color:#555; font-size:14px; font-family:'NotokrR';}

@media screen and (max-width:680px){
	.resetBox input[type="text"] {width:78%;}
	.resetBox .resetBtn {height: 34px; width:20%; margin-left:2%;}
}

/* .dateSearch{ margin-left:1%; display: flex; align-items: center; justify-content: center; background-color:#dedede; border:1px solid #dedede; line-height: 39px;}
.dateSearch > a{width:60px; text-align: center; color:#555; font-size:14px; font-family:'NotokrR';} */

@media screen and (max-width:480px) {
	.dateSearch {width: 83%; margin-top:3%; margin-left:0; padding: 5px; box-sizing: border-box;}

	.board_ba .board_baBox .ba_tit {width: 100px;}
	.board_ba .board_baBox.board_before .ba_tit, .board_ba .board_baBox.board_after .ba_tit {background-position: center right 13px; background-size: 10px;}
}




/* 프로그램 신청 및 확인 */
.program-appli {}
.program-appli p.notice {font-size: 15px; color: #1d2847; font-family: 'NotoKrM'; padding-left: 27px; background: url("/images/board/pro-check.png") no-repeat center left;}
.program-appli .progress {padding-top: 60px;}
.program-appli .progress > ul {display: flex; justify-content: space-between;}
.program-appli .progress > ul > li {position: relative;}
.program-appli .progress > ul > li:nth-child(1) {width: 34%;}
.program-appli .progress > ul > li:nth-child(2) {width: 34%;}
.program-appli .progress > ul > li:nth-child(3) {width: 25%;}
.program-appli .progress > ul > li::before {content: ''; position: absolute; top: 10px; right: -40px; background: url("/images/board/proArrow.png") no-repeat center; width: 29px; height: 34px;}
.program-appli .progress > ul > li:last-child:before {display: none;}
.program-appli .progress > ul > li .tit {background-color: #3b518e; padding: 17px 10px 13px; text-align: center; color: #fff; font-family: 'GmarketSansB'; font-size: 18px; letter-spacing: -0.05em; margin-bottom: 12px;}
.program-appli .progress > ul > li .tit span {background-color: #fff; color: #3b518e; padding: 3px 17px; line-height: 1; border-radius: 50px; margin-right: 12px; font-size: 15px; letter-spacing: -0.03em; font-family: 'NotoKrM';}
.program-appli .progress > ul > li .cntWrap {}
.program-appli .progress > ul > li .cntWrap ul {height: 512px; overflow-y: scroll;}
.program-appli .progress > ul > li .cntWrap ul li {margin-bottom: 20px; background-color: #fff; border: 1px solid #dcdcdc; transition: 0.3s ease;}
.program-appli .progress > ul > li .cntWrap ul li:hover, .program-appli .progress > ul > li .cntWrap ul li.active {background-color: #1d2847; box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.15);}
.program-appli .progress > ul > li .cntWrap ul li a {display: inline-block; padding: 30px; box-sizing: border-box; display: flex; justify-content: space-between;}
.program-appli .progress > ul > li .cntWrap ul li .imgWrap {width: 200px; height: 100%; margin-right: 15px;}
.program-appli .progress > ul > li .cntWrap ul li .imgWrap img {width: 100%; height: 142px; object-fit: cover;}
.program-appli .progress > ul > li .cntWrap ul li .desc {}
.program-appli .progress > ul > li .cntWrap ul li .desc span.s-tit {font-family: 'GmarketSansB'; font-size: 18px;  color: #000; letter-spacing: -0.05em;}
.program-appli .progress > ul > li .cntWrap ul li:hover .desc span.s-tit,.program-appli .progress > ul > li .cntWrap ul li.active .desc span.s-tit {color: #ffeb01;}
.program-appli .progress > ul > li .cntWrap ul li .desc p.txt {font-family: 'NotoKrR'; font-size: 15px; color: #555; line-height: 1.6; padding-top: 19px; white-space: nowrap;}
.program-appli .progress > ul > li .cntWrap ul li:hover .desc p.txt, .program-appli .progress > ul > li .cntWrap ul li.active .desc p.txt {color: #fff;}

.program-appli .progress > ul > li .calendar {background-color: #f7f7f7; padding: 20px; box-sizing: border-box;}
.program-appli .progress > ul > li .calendar .top {display: flex; justify-content: space-between; margin-bottom: 20px;}
.program-appli .progress > ul > li .calendar .top .month-sel {display: flex;}
.program-appli .progress > ul > li .calendar .top .month-sel a.btn {width: 21px; height: 20px; display: inline-block;}
.program-appli .progress > ul > li .calendar .top .month-sel a.prev {background: url("/images/board/calPrev.png") no-repeat center;}
.program-appli .progress > ul > li .calendar .top .month-sel a.next {background: url("/images/board/calNext.png") no-repeat center;}
.program-appli .progress > ul > li .calendar .top .month-sel p.month {font-family: 'NotoKrM'; color: #1f1f1f; font-size: 18px; padding: 0 13px;}
.program-appli .progress > ul > li .calendar .top .situs {display: flex;}
.program-appli .progress > ul > li .calendar .top .situs p.situ {color: #fff; font-size: 13px;font-family: 'NotoKrM'; padding: 7px 20px; border-radius: 50px; line-height: 1.1; margin-left: 5px;}
.program-appli .progress > ul > li .calendar .top .situs p.reserOn {background-color: #24aac3;}
.program-appli .progress > ul > li .calendar .top .situs p.reserOff {background-color: #585858;}

.program-appli .progress > ul > li .calendar table {}
.program-appli .progress > ul > li .calendar table thead {}
.program-appli .progress > ul > li .calendar table thead tr {}
.program-appli .progress > ul > li .calendar table thead tr th {font-size: 15px; color: #000; font-family: 'NotoKrR'; text-align: center;}
.program-appli .progress > ul > li .calendar table thead tr th.sun {color: #ea579d;}
.program-appli .progress > ul > li .calendar table thead tr th.sat {color: #273ab0;}
.program-appli .progress > ul > li .calendar table tbody {transform: translateY(5px);}
.program-appli .progress > ul > li .calendar table tbody tr {}
.program-appli .progress > ul > li .calendar table tbody tr td {}
.program-appli .progress > ul > li .calendar table tbody tr td p {background-color: #fff; border-radius: 3px; margin: 4px; margin-bottom: 8px; box-sizing: border-box; padding: 11px; height: 55px; line-height: 1; transition: 0.3s ease;}
.program-appli .progress > ul > li .calendar table tbody tr td p.day {font-size: 13px; color: #555;}
.program-appli .progress > ul > li .calendar table tbody tr td p.ck, .program-appli .progress > ul > li .calendar table tbody tr td p:hover {position: relative; background-color: #1d2847; color: #fff;}
.program-appli .progress > ul > li .calendar table tbody tr td p.ck::before {content: ''; position: absolute; top: 12px; right: 7px; background: url("/images/board/calCk.png") no-repeat; width: 13px; height: 10px;}
.program-appli .progress > ul > li .calendar table tbody tr td p span {display: block; font-family: 'NotoKrL'; text-align: center; font-size: 11px; color: #fff; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; margin-top: 5px;}
.program-appli .progress > ul > li .calendar table tbody tr td p span.no {background-color: #585858;}
.program-appli .progress > ul > li .calendar table tbody tr td p span.yes {background-color: #24aac3;}

.program-appli .progress > ul > li .reser-info {}
.program-appli .progress > ul > li .reser-info .aplliBtn {position: relative; margin-top: 105px;}
.program-appli .progress > ul > li .reser-info .aplliBtn::before {content: ''; position: absolute; top: -66px; left: 50%; transform: translateX(-50%) rotate(90deg); background: url("/images/board/proArrow.png") no-repeat center; width: 29px; height: 34px;}
.program-appli .progress > ul > li .reser-info .aplliBtn a {padding: 19px; display: block; box-sizing: border-box; text-align: center; background-color: #ea579d; transition: 0.3s ease;}
.program-appli .progress > ul > li .reser-info .aplliBtn:hover a {opacity: 0.8; box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2);}
.program-appli .progress > ul > li .reser-info .aplliBtn a span {font-family: 'GmarketSansB'; color: #fff; font-size: 18px; letter-spacing: -0.05em; background: url("/images/board/reserCk.png") no-repeat; padding-left: 30px;}


.program-confirm table tbody tr td.payWait {color: #00549e;}
.program-confirm table tbody tr td.payComplete {color: #cc2dac;}
.program-confirm table tbody tr td.cancel a {background-color: #24aac3; color: #fff; padding: 5px 10px; border-radius: 5px; line-height: 1; font-size: 14px;}
.program-confirm table tbody tr td.view a {background-color: #9352e4; color: #fff; padding: 5px 10px; border-radius: 5px; line-height: 1; font-size: 14px;}

.confirm-popWrap {opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;}
.confirm-popWrap.active {opacity: 1; visibility: visible;}
.confirm-popWrap .bg {position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); transition: background 0.3s ease;}
.confirm-popWrap .confirm-pop {width: 640px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999;}
.confirm-popWrap .confirm-pop .tit {background-color: #1d2847; padding: 20px 40px; display: flex; justify-content: space-between;}
.confirm-popWrap .confirm-pop .tit span {color: #fff; font-size: 16px; font-family: 'NotoKrR';}
.confirm-popWrap .confirm-pop .tit a.closeBtn {}
.confirm-popWrap .confirm-pop .cnt {padding: 30px 35px; background-color: #fff;}
.confirm-popWrap .table-wrap table.type01 tbody th {padding: 15px 10px;}
.confirm-popWrap  .table-wrap table.type01 tbody td {text-align: left; padding-left: 25px;}



@media screen and (max-width:1280px) {
	.program-appli .progress {padding-top: 30px;}
	.program-appli .progress > ul {flex-wrap: wrap;}
	.program-appli .progress > ul >li {width: 100% !important; margin-bottom: 75px;}
	.program-appli .progress > ul > li::before {top: inherit; right: inherit; bottom: -55px; left: 50%; transform: translateX(-50%) rotate(90deg);}
	.program-appli .progress > ul > li .cntWrap ul li:last-child {margin-bottom: 0;}
	.program-appli .progress > ul > li .cntWrap ul li .imgWrap {width: 48%;}
	.program-appli .progress > ul > li .cntWrap ul li .imgWrap img {height: 300px;}
	.program-appli .progress > ul > li .cntWrap ul li .desc {width: 48%;}
	.program-appli .progress > ul > li .cntWrap ul li .desc p.txt {white-space: wrap;}
	.program-appli .progress > ul > li .cntWrap ul li .desc p.txt br {display: none;}

	.program-appli .progress > ul > li .calendar table tbody tr td p {height: 75px;}
}

@media screen and (max-width:1000px) {
	.program-appli .progress > ul > li .cntWrap ul li .imgWrap {width: 40%;}
	.program-appli .progress > ul > li .cntWrap ul li .imgWrap img {height: 230px;}
	.program-appli .progress > ul > li .cntWrap ul li .desc {width: 57%;}
}

@media screen and (max-width:780px) {
	.program-appli .progress > ul > li::before {background-size: 20px;}
	.program-appli .progress > ul > li .tit {font-size: 16px; padding: 13px 10px 8px;}
	.program-appli .progress > ul > li .tit span {font-size: 14px; padding: 2px 12px;}
	.program-appli .progress > ul > li .cntWrap ul li {margin-bottom: 15px;}
    .program-appli .progress > ul > li .cntWrap ul li a {padding: 20px;}
	.program-appli .progress > ul > li .cntWrap ul li .desc span.s-tit {font-size: 16px;}
	.program-appli .progress > ul > li .cntWrap ul li .desc p.txt {font-size: 14px; padding-top: 14px;}
	.program-appli .progress > ul > li .cntWrap ul li .imgWrap img {height: fit-content;}

	.program-appli .progress > ul > li .calendar .top .month-sel p.month {font-size: 16px;}
	.program-appli .progress > ul > li .calendar .top .month-sel a.btn {background-size: 15px !important; background-position-y: 5px !important;}
	.program-appli .progress > ul > li .calendar table tbody tr td p {height: 65px;}

	.program-appli .progress > ul > li .reser-info .aplliBtn {margin-top: 60px;}
	.program-appli .progress > ul > li .reser-info .aplliBtn::before {background-size: 20px;     top: -48px;}
	.program-appli .progress > ul > li .reser-info .aplliBtn a {padding: 15px;}
	.program-appli .progress > ul > li .reser-info .aplliBtn a span {font-size: 16px; background-size: 18px; background-position-y: 1px; padding-left: 27px;}
}

@media screen and (max-width:480px) {
	.program-appli p.notice {font-size: 14px; background-position-y: 3px;}

	.program-appli .progress {padding-top: 25px;}
	.program-appli .progress > ul > li {margin-bottom: 50px;}
	.program-appli .progress > ul > li::before {bottom: -42px;}
	.program-appli .progress > ul > li .tit {padding: 11px 10px 6px;}
	.program-appli .progress > ul > li .tit span {font-size: 13px; padding: 0px 12px;}
	.program-appli .progress > ul > li .cntWrap ul li { margin-bottom: 15px;}
    .program-appli .progress > ul > li .cntWrap ul li a {flex-direction: column; padding: 10px;}
	.program-appli .progress > ul > li .cntWrap ul li .imgWrap {width: 100%; margin-bottom: 15px;}
	.program-appli .progress > ul > li .cntWrap ul li .desc {width: 100%;}
	.program-appli .progress > ul > li .cntWrap ul li .desc p.txt {padding-top: 8px;}

	.program-appli .progress > ul > li .calendar {padding: 15px;}
	.program-appli .progress > ul > li .calendar table thead tr th {font-size: 14px;}
	.program-appli .progress > ul > li .calendar table tbody tr td p {height: 55px; padding: 6px;}
	.program-appli .progress > ul > li .calendar table tbody tr td p.ck::before {top: 8px;}

	.program-appli .progress > ul > li .reser-info .aplliBtn a {padding: 10px;}
	.program-appli .progress > ul > li .reser-info .aplliBtn a span {font-size: 15px; background-size: 15px; background-position-y: 2px; padding-left: 22px;}
}


@media screen and (max-width:360px) {
	.program-appli .progress > ul > li::before {background-size: 15px;}
	.program-appli .progress > ul > li .tit, .program-appli .progress > ul > li .cntWrap ul li .desc span.s-tit {font-size: 15px;}
	.program-appli .progress > ul > li .cntWrap ul li {padding: 10px;}
	.program-appli .progress > ul > li .cntWrap ul li .desc p.txt {padding-top: 2px;}

	.program-appli .progress > ul > li .calendar .top {flex-direction: column; margin-bottom: 17px;}
	.program-appli .progress > ul > li .calendar .top .month-sel {justify-content: center;}
	.program-appli .progress > ul > li .calendar .top .situs {justify-content: center; margin-top: 8px;}
	.program-appli .progress > ul > li .calendar .top .situs p.situ {font-size: 12px; padding: 5px 14px;}
	.program-appli .progress > ul > li .calendar table thead tr th {font-size: 13px;}
	.program-appli .progress > ul > li .calendar table tbody tr td p {height: 40px; padding: 3px 5px; margin: 2px;}
	.program-appli .progress > ul > li .calendar table tbody tr td p.day {font-size: 11px;}
	.program-appli .progress > ul > li .calendar table tbody tr td p.ck::before {background-size: 10px; top: 17px; right: 6px;}
	.program-appli .progress > ul > li .calendar table tbody tr td p span {font-size: 0; width: 7px; height: 7px;}

	.program-appli .progress > ul > li .reser-info .aplliBtn {margin-top: 45px;}
	.program-appli .progress > ul > li .reser-info .aplliBtn::before {background-size: 15px; top: -40px;}
}


/* 이달의일정 */
.pro-schedule {display: flex; justify-content: space-between;}
.pro-schedule .cal-wrap {width: 58%;}
.pro-schedule .cal-wrap .calendar {}
.pro-schedule .cal-wrap .calendar .month-sel {margin-bottom: 32px; display: flex; justify-content: center;}
.pro-schedule .cal-wrap .calendar .month-sel a.btn {width: 21px; height: 20px; display: inline-block;}
.pro-schedule .cal-wrap .calendar .month-sel a.prev {background: url("/images/board/calPrev.png") no-repeat center;}
.pro-schedule .cal-wrap .calendar .month-sel a.next {background: url("/images/board/calNext.png") no-repeat center;}
.pro-schedule .cal-wrap .calendar .month-sel p.month {font-family: 'GmarketSansB'; color: #000; font-size: 24px; padding: 0 12px;}
.pro-schedule .cal-wrap .calendar table {}
.pro-schedule .cal-wrap .calendar table thead {}
.pro-schedule .cal-wrap .calendar table thead tr {border: 1px solid #000;}
.pro-schedule .cal-wrap .calendar table thead tr th {background-color: #000; color: #fff; padding: 13px 0 10px; font-size: 15px; font-family: 'GmarketSansB'; line-height: 1; border-left: 1px solid #e7e7e7;}
.pro-schedule .cal-wrap .calendar table thead tr th.sun {color: #ff7878;}
.pro-schedule .cal-wrap .calendar table thead tr th.sat {color: #92daff;}
.pro-schedule .cal-wrap .calendar table thead tr th span {display: none;}
.pro-schedule .cal-wrap .calendar table tbody {}
.pro-schedule .cal-wrap .calendar table tbody tr {}
.pro-schedule .cal-wrap .calendar table tbody tr td {padding: 10px 13px; border: 1px solid #e7e7e7;}
.pro-schedule .cal-wrap .calendar table tbody tr td p.day {font-family: 'GmarketSansB'; font-size: 14px; letter-spacing: -0.08em; color: #464646; padding-bottom: 3px; line-height: 1;}
.pro-schedule .cal-wrap .calendar table tbody tr td p.sun {color: #ce2c2c;}
.pro-schedule .cal-wrap .calendar table tbody tr td p.sat {color: #2141d0;}
.pro-schedule .cal-wrap .calendar table tbody tr td > ul {}
.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li {position: relative; font-size: 14px; letter-spacing: -0.08em; font-family: 'NotoKrR'; line-height: 1.5; padding-left: 15px;}
.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li::before {content: ''; position: absolute; top: 6px; left: 0; width: 10px; height: 10px; background-color: #a02ae2; border-radius: 50%;}
.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li:nth-child(1)::before {background-color: #a02ae2;}
.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li:nth-child(2)::before {background-color: #cc2222;}
.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li:nth-child(3)::before{background-color: #2141d0;}
.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li:nth-child(4)::before{background-color: #2f9414;}
.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li a {margin-left: 5px;}
.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li a:hover {text-decoration: underline;}
.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li a.event {color: #a02ae2;}
.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li a.perfo {color: #cc2222;}
.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li a.exhib {color: #2141d0;}
.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li a.edu {color: #2f9414;}


.pro-schedule .seach-wrap {width: 38%;}
.pro-schedule .seach-wrap .board-search {padding: 0; border: 0; background-color: initial; margin-bottom: 12px;}
.pro-schedule .seach-wrap .board-search .search {width: 100%;}
.pro-schedule .seach-wrap .board-search .search .input-btn {width: 80%;}
.pro-schedule .seach-wrap .board-search .search .input-btn input {width: 100%;}
.pro-schedule .seach-wrap .board-search .search .input-btn input::placeholder {font-size: 14px; color: #555; font-family: 'NotoKrR';}
.pro-schedule .seach-wrap .board-search .search .boardBtnBox {width: 20%;}
.pro-schedule .seach-wrap .board-search .search .boardBtnBox .borardSearchBtn {background: url("/images/board/searchIcon.png") no-repeat center right 16px #000;}

.pro-schedule .seach-wrap .search-list {border-top: 2px solid #000;}
.pro-schedule .seach-wrap .search-list > ul {height: 665px; overflow-y: scroll; padding: 10px 0;}
.pro-schedule .seach-wrap .search-list > ul > li {transition: 0.3s ease;}
.pro-schedule .seach-wrap .search-list > ul > li:hover {background-color: #f1f1f1;}
.pro-schedule .seach-wrap .search-list > ul > li a {display: flex; justify-content: space-between; padding: 15px 10px; border-bottom: 1px solid #ededed; }
.pro-schedule .seach-wrap .search-list > ul > li:hover a {border-color: #d1d1d1;}
.pro-schedule .seach-wrap .search-list > ul > li .imgWrap {width: 24%; transition: 0.3s ease;}
.pro-schedule .seach-wrap .search-list > ul > li:hover .imgWrap {filter: drop-shadow(2px 4px 4px #ccc);}
.pro-schedule .seach-wrap .search-list > ul > li .imgWrap img {width: 100%;}
.pro-schedule .seach-wrap .search-list > ul > li .cnt {width: 71%;}
.pro-schedule .seach-wrap .search-list > ul > li .cnt .s-tit {font-family: 'GmarketSansB'; font-size: 16px; color: #000; letter-spacing: -0.05em; margin-bottom: 15px;}
.pro-schedule .seach-wrap .search-list > ul > li .cnt ul.desc {}
.pro-schedule .seach-wrap .search-list > ul > li .cnt ul.desc li {font-family: 'NotoKrR'; font-size: 14px; color: #555; padding: 5px 0;}
.pro-schedule .seach-wrap .search-list > ul > li .cnt ul.desc li span {position: relative; font-family: 'NotoKrM'; color: #1d2847; display: inline-block; margin-right: 27px;}
.pro-schedule .seach-wrap .search-list > ul > li .cnt ul.desc li span::before {content: ''; position: absolute; top: 5px; right: -13px; width: 1px; height: 13px; background-color: #dbdbdb;}


@media screen and (max-width:1140px) {
	.pro-schedule {display: inline;}
	.pro-schedule > div {width: 100% !important;}
	.pro-schedule .seach-wrap {margin-top: 50px;}
	.pro-schedule .seach-wrap .board-search .search .input-btn {width: 50%;}
	.pro-schedule .seach-wrap .board-search .search .boardBtnBox .borardSearchBtn {padding: 0px 67px 0 18px; background-size: 17px;}
}

@media screen and (max-width:1000px) {
	.pro-schedule .cal-wrap .calendar .month-sel p.month {font-size: 22px;}
	.pro-schedule .cal-wrap .calendar table thead tr th {font-size: 14px;}

	.pro-schedule .seach-wrap .search-list > ul {height: 575px;}
}

@media screen and (max-width:780px) {
	.pro-schedule .cal-wrap .calendar .month-sel {margin-bottom: 20px;}
	.pro-schedule .cal-wrap .calendar .month-sel p.month {font-size: 20px;}
	.pro-schedule .cal-wrap .calendar .month-sel a.btn {background-size: 17px !important;}
	.pro-schedule .cal-wrap .calendar table thead tr th {font-size: 13px; padding: 11px 0 8px;}
	.pro-schedule .cal-wrap .calendar table tbody tr td {padding: 8px 10px;}
	.pro-schedule .cal-wrap .calendar table tbody tr td p.day {font-size: 13px;}
	.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li {line-height: 1.3; font-size: 13px; padding-left: 10px;}
	.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li::before {width: 7px; height: 7px;}

	.pro-schedule .seach-wrap .board-search .search .input-btn {width: 100%;}
	.pro-schedule .seach-wrap .board-search .search .boardBtnBox {width: 15%;}
	.pro-schedule .seach-wrap .board-search .search .boardBtnBox .borardSearchBtn {width: 100px; padding: 0; background-image: initial;}
	.pro-schedule .seach-wrap .search-list > ul {height: 670px;}
}

@media screen and (max-width:680px) {
	.pro-schedule .cal-wrap .calendar .listWrap {display: block !important;}
	.pro-schedule .cal-wrap .calendar ul.list {display: flex; justify-content: flex-end; margin-bottom: 10px;}
	.pro-schedule .cal-wrap .calendar ul.list li {position: relative; font-size: 14px; margin-right: 20px; padding-left: 15px;}
	.pro-schedule .cal-wrap .calendar ul.list li::before {content: ''; position: absolute; top: 7px; left: 0; width: 10px; height: 10px; background-color: #a02ae2; border-radius: 50%;}
	.pro-schedule .cal-wrap .calendar ul.list li:nth-child(2)::before {background-color: #cc2222;}
	.pro-schedule .cal-wrap .calendar ul.list li:nth-child(3)::before {background-color: #2141d0;}
	.pro-schedule .cal-wrap .calendar ul.list li:nth-child(4)::before {background-color: #2f9414;}
	.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li {font-size: 0;}
	.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li a {font-size: 13px;}

	.pro-schedule .seach-wrap .search-list > ul {height: 600px;}
}

@media screen and (max-width:480px) {
	.pro-schedule .cal-wrap .calendar .month-sel {margin-bottom: 15px;}
	.pro-schedule .cal-wrap .calendar .month-sel p.month {font-size: 17px;}
	.pro-schedule .cal-wrap .calendar ul.list {margin-bottom: 5px;}
	.pro-schedule .cal-wrap .calendar table thead tr th {font-size: 0; padding: 8px 0;}
	.pro-schedule .cal-wrap .calendar table thead tr th span {display: block; font-size: 13px;}
	.pro-schedule .cal-wrap .calendar table tbody tr td {padding: 6px;}
	.pro-schedule .cal-wrap .calendar table tbody tr td p.day {font-size: 11px;}
	.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li {padding-left: 7px;}
	.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li a {font-size: 12px;}

	.pro-schedule .seach-wrap .board-search .search .boardBtnBox .borardSearchBtn {width: 66px;}
	.pro-schedule .seach-wrap .search-list > ul {height: 560px;}
	.pro-schedule .seach-wrap .search-list > ul > li a {padding: 10px 0;}
	.pro-schedule .seach-wrap .search-list > ul > li .cnt .s-tit {font-size: 14px; margin-bottom: 0;}
	.pro-schedule .seach-wrap .search-list > ul > li .cnt ul.desc li {font-size: 13px;     padding: 0; line-height: 1.5;}
}

@media screen and (max-width:360px) {
	.pro-schedule .cal-wrap .calendar ul.list {justify-content: center;}
	.pro-schedule .cal-wrap .calendar ul.list li {margin-right: 14px;}
	.pro-schedule .cal-wrap .calendar table thead tr th span {font-size: 12px;}
	.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li {padding-left: 4px;}
	.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li::before {width: 5px; height: 5px;}
	.pro-schedule .cal-wrap .calendar table tbody tr td > ul > li a {font-size: 11px;}

	.pro-schedule .seach-wrap .board-search .search .boardBtnBox .borardSearchBtn {width: 48px; font-size: 12px;}
	.pro-schedule .seach-wrap .search-list > ul {height: 430px;}
	.pro-schedule .seach-wrap .search-list > ul > li .cnt ul.desc li span {margin-right: 15px;}
	.pro-schedule .seach-wrap .search-list > ul > li .cnt ul.desc li span::before {right: -7px;}
}


/* sns 소식 */
.pro-snsNews {}
.pro-snsNews .gotoBtn {margin-bottom: 25px;}
.pro-snsNews .gotoBtn ul {display: flex;}
.pro-snsNews .gotoBtn ul li {margin-right: 17px; border: 1px solid #d12728; border-radius: 50px}
.pro-snsNews .gotoBtn ul li:last-child {border-color: #31b449; }
.pro-snsNews .gotoBtn ul li a {padding: 15px 30px; display: inline-block; line-height: 1; border-radius: 50px; transition: 0.3s ease;}
.pro-snsNews .gotoBtn ul li:first-child:hover a {background-color: #d127271e;}
.pro-snsNews .gotoBtn ul li:last-child:hover a {background-color: #31b4491c;}
.pro-snsNews .gotoBtn ul li a span {line-height: 1; padding-left: 40px; display: inline-block; background: url("/images/board/proIcon01.png") no-repeat center left; font-size: 15px; color: #d12728; font-family: 'GmarketSansB';}
.pro-snsNews .gotoBtn ul li:last-child a span {background: url("/images/board/proIcon02.png") no-repeat center left; color: #31b449; padding-left: 30px;}

.pro-snsNews .board-list .gallery01 > li {position: relative;}
.pro-snsNews .board-list .gallery01 > li.youtube::before {content: ''; position: absolute; top: 12px; left: 15px; background: url("/images/board/snsIcon01.png") no-repeat; width: 45px; height: 45px; z-index: 1;}
.pro-snsNews .board-list .gallery01 > li.n-blog::before {content: ''; position: absolute; top: 12px; left: 15px; background: url("/images/board/snsIcon02.png") no-repeat; width: 45px; height: 45px; z-index: 1;}
.pro-snsNews .board-list .gallery01 > li .bdiInfoBox {text-align: center; border: 0; background-color: #f6f6f6;}
.pro-snsNews .board-list .gallery01 > li .tit {text-align: center;}
.pro-snsNews .board-list .gallery01 > li a .datehit_box {text-align: center;}
.pro-snsNews .board-list .gallery01 > li a .datehit_box > p.dh_dateHit {margin-right: 0;}
.pro-snsNews .board-list .gallery01 > li a .datehit_box > p.dh_dateHit::before {display: none;}


@media screen and (max-width:780px) {
	.pro-snsNews .gotoBtn ul li a {padding: 12px 22px;}
	.pro-snsNews .gotoBtn ul li a span {font-size: 14px; background-size: 20px; padding-left: 29px;}
	.pro-snsNews .gotoBtn ul li:last-child a span {padding-left: 22px;}
	.pro-snsNews .board-list .gallery01 > li.youtube::before, .pro-snsNews .board-list .gallery01 > li.n-blog::before {background-size: 40px;}
}

@media screen and (max-width:480px) {
	.pro-snsNews .gotoBtn ul li {margin-right: 9px;}
	.pro-snsNews .gotoBtn ul li a {padding: 10px 15px;}
	.pro-snsNews .gotoBtn ul li a span {font-size: 13px; background-size: 17px;         padding-left: 24px; white-space: nowrap;}
	.pro-snsNews .gotoBtn ul li:last-child a span {background-size: 10px; padding-left: 16px;}
}


/* 고성맛집추천 */
.pro-food .board-list .gallery01 > li {position: relative;}
.pro-food .board-list .gallery01 > li.food::before {content: ''; position: absolute; top: 12px; left: 15px; background: url("/images/board/snsIcon03.png") no-repeat; width: 45px; height: 45px; z-index: 1;}
.pro-food .board-list .gallery01 > li .bdiInfoBox {text-align: center; border: 0; background-color: #f6f6f6;}
.pro-food .board-list .gallery01 > li .tit {text-align: center; padding: 21px 23px;}                  