@charset "utf-8";

/* ----------------------------------------------------------------------------------------------------------------
BOARD COMMON
------------------------------------------------------------------------------------------------------------------*/

/* board */
.board { clear:both; margin:0px 0 0 0px;  padding:0 0 0 0;  width:100%; font-size:16px;}
.board:after { content:""; display:block; float:none; clear:both;}
.board img { vertical-align:middle;}
.board caption { font-size:0; line-height:0; text-indent:-9999px; }



/* --------------------------------------------------------
boardtop
----------------------------------------------------------*/

.boardtop {width:100%; overflow:hidden; margin-bottom:10px; position:relative;}

/* board_페이지수 */
.page_num { padding-top:5px; float:left; margin-right:10px; display:inline-block; line-height:35px;}
.page_num span { margin:0px; padding:0px; }  


.boardtop .btnGroup {float:left; display:inline-block; line-height:35px; }
.boardtop .btnGroup button {width:24px; height:24px; margin:0 3px; font-size:0; background:url(/jp/assets/img/board/btn_statelist.png) no-repeat;}
.boardtop .btnGroup button.active {background-position:-24px 0;}
.boardtop .btnGroup #stateList {background-position:0 -24px;}
.boardtop .btnGroup #stateList.active {background-position:-24px -24px;}

/* --------------------------------------------------------
board_search
----------------------------------------------------------*/

.board_search { margin:0px; padding:0px; overflow:hidden; width:auto; float:right; text-align:right;  }
.board_search::after {clear: both; content: ""; display: block;}
.board_search fieldset{ border:0; margin:0; padding:0; clear:both;}
.board_search fieldset:after { content:""; display:block; float:none; clear:both;}
.board_search fieldset *{ vertical-align:middle;}
.board_search legend { position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;}
.board_search select { float:left;  margin-right:2px;  width:114px; height:35px; line-height:35px; border:1px solid #ccc; background: #fff url(/jp/assets/img/board/bs_arr.png) no-repeat right top; -webkit-appearance: none; -moz-appearance: none; /*selec::-ms-expand: none;*/ appearance: none;}
.board_search select::-ms-expand{display: none;}
.board_search .inputText { float:left; width:218px; height:35px; line-height:35px; border:1px solid #ccc;}
.board_search button.txt_button {float:left; display:inline-block; width:35px; height:35px; text-indent:-9999px;  padding:0px; margin:0px; background:#283891 url(/jp/assets/img/board/board_searchbg.png) no-repeat center center;  }


@media (max-width:767px) {

	.page_num {margin-bottom:5px;}

	/* board_검색 */
	.board_search {float:left; text-align:left; width:100%;}
	.board_search select {width:25%; margin-bottom:3px !important; }
	.board_search .inputText { width:59%; }
	.board_search button.txt_button  { width:14%; }

}
 
 
 
 
 /* --------------------------------------------------------
pagination
----------------------------------------------------------*/

.pagination {margin:0px; font-size:0px; text-align:center; line-height:normal;}
.pagination a {display:inline-block; position:relative; width:30px; line-height:40px; height:40px; font-size:16px; text-decoration:none; text-align:center; vertical-align:middle; word-spacing:0px; letter-spacing:0px;}
.pagination a:focus,
.pagination a:hover { color:#283891;}
.pagination a.active {z-index:3; color:#283891; }
.pagination a.active span {border-bottom:1px solid #715842; padding-bottom:1px;}
.pagination a.arrow {text-indent:-999em; background:url(/jp/assets/img/board/board_paging.png) no-repeat;overflow:hidden;}
.pagination a.arrow:focus,
.pagination a.arrow:hover {background:url(/jp/assets/img/board/board_paging.png) no-repeat;}
.pagination a.arrow.start {background-position:0 0;}
.pagination a.arrow.prev {background-position:0 -40px; margin-right:10px;}
.pagination a.arrow.next {background-position:0 -40px; transform:rotate(180deg); margin-left:10px;}
.pagination a.arrow.end {background-position:0 0; transform:rotate(180deg);}
.pagination.mobileOn {display:none;}
.pagination.mobileOn .pageNum {display:inline-block; vertical-align:middle; text-align:center; width:100px; font-size:16px;}
.pagination.mobileOn .pageNum strong {font-size:18px; color:#283891; font-weight:400; border-bottom:1px solid #715842; padding-bottom:1px;}

@media (max-width:990px) {
	
	.pagination.mobileOn {display:block;}
	.pagination.pcOn {display:none;}
	
}
 
 
/* --------------------------------------------------------
board_list
----------------------------------------------------------*/

.board_list{border:0; border-collapse:collapse; width:100%; border-top:2px solid #283891; margin-bottom:30px;}
.board_list thead th { padding:15px 10px; white-space:nowrap; text-align:center; border:none; border-bottom:1px solid #ccc; font-weight:500; font-size:18px;}
.board_list tr:hover,
.board_list tr.notice { background:#f9f9f9; }
.board_list tbody th,
.board_list tbody td {margin:0px; padding:13px 7px; white-space:normal; border-bottom:1px solid #ccc; text-align:center; line-height:normal; font-weight:normal; letter-spacing:-1px;}
.board_list tbody th { letter-spacing:-0.5px; border-left:none;}
.board_list tbody td.subject { text-align:left; margin:0px; white-space:normal; word-break:break-all;} 
.board_list tbody td.subject a { }
.board_list tbody td .lock { display:inline-block; width:20px; height:20px; background:url(/jp/assets/img/board/lock.png) no-repeat left 0px; vertical-align:middle; text-indent:-9999px; margin-left:10px;}
.board_list tbody td.alt {text-align:left; padding:15px 15px; }
.board_list .num {width:80px;}
.board_list .subject {width:auto;}
.board_list .file {width:80px;}
.board_list .writer {width:200px;}
.board_list .date {width:140px;}
.board_list .counter {width:90px;}
.board_list .answer {width:90px;}
.board_list .period {width:200px;}
.board_list .time {width:160px;}
.board_list .cancel {width:80px;}
.board_list .support {width:16%;}

.board_list tbody th span.notice { background:#594b40; color:#fff; text-align:center; width:50px; height:20px; margin:0px auto; padding:0px 11px; }
.board_list tbody th span.noticeTop { background:url(/jp/assets/img/board/fix_ico.png) no-repeat center center;  text-indent:-9999px; margin:0px auto; display:block; }
.board_list tbody td em { width:112px; height:35px; line-height:33px; text-align:center; display:block; }
 

@media (max-width:767px) {
    .board_list .writer,
    .board_list .file,
    .board_list .counter,
	.board_list .period,
	.board_list .time,
	.date {display:none;} 

    .board_list thead th {padding:11px 10px 10px 10px;}
    .board_list tbody th,
    .board_list tbody td {margin:0px; padding:8px 7px;}
    .board_list tbody td.subject {padding:8px 15px 8px 7px;}
    .board_list tbody td a {line-height:22px;}
 
	
}


 
/* --------------------------------------------------------
boadRead
----------------------------------------------------------*/

.boadRead {border-top:2px solid #283891;}
.boadRead .boadReadHeader {background:#f9f9f9; border-bottom:1px solid #ccc;}
.boadRead .boadReadHeader .titleBox {padding:27px 0; white-space:nowrap;}

.boadRead .boadReadHeader .titleBox .info {width:calc(100% - 0px); margin-left:30px; margin-right:30px;}
.boadRead .boadReadHeader .titleBox .info h4 {font-size:20px; color:#000; line-height:26px; white-space:normal; width:calc(100% - 510px);  display:inline-block; word-break:keep-all;}
.boadRead .boadReadHeader .titleBox .info .date { width:499px; float:right; }
.boadRead .boadReadHeader .titleBox .info .date dl {margin-right:30px;}
.boadRead .boadReadHeader .titleBox .info .date dl dt {display:inline-block; vertical-align:middle; font-weight:500; margin-right:14px;}
.boadRead .boadReadHeader .titleBox .info .date dl dd {display:inline-block; vertical-align:middle; font-weight:300;}

.boadRead .boadReadFile { }
.boadRead .boadReadFile dl {border-bottom:1px solid #ccc; padding:15px 30px 15px;}
.boadRead .boadReadFile dl dt,
.boadRead .boadReadFile dl dd {display:inline-block; vertical-align:middle;}
.boadRead .boadReadFile dl dt { width:70px; display:block; text-align:center; font-weight:500; }
.boadRead .boadReadFile dl dd {}
.boadRead .boadReadFile dl dd a {margin:0 10px 10px; background:url(/jp/assets/img/board/file.png) no-repeat 5px 2px; height:23px;} 
.boadRead .boadReadFile dl dd a span {padding-left:26px; display:inline-block;  }

.boadRead .boadReadContent {padding:30px; line-height:160%;}
.boadRead .boadReadContent img { text-align:center; display:block; margin:0px auto 20px auto; max-width:1190px; width:100%;}

.boadRead .boadReadContent .boardDoc {position:relative;}
.boadRead .boadReadContent .boardDoc .paragraph {margin-bottom:26px; line-height:24px; word-break:break-all;}
.boadRead .boadReadContent .boardDoc .paragraph strong {display:block; font-size:17px; font-weight:500;}
.boadRead .boadReadContent .boardDoc .paragraph strong.title {font-size:20px; color:#398ede; margin-bottom:8px; margin-left:-14px;}
.boadRead .boadReadContent .boardDoc .paragraph strong.title:before {content:''; display:inline-block; vertical-align:middle; margin-right:6px; width:5px; height:5px; border:2px solid #398ede; border-radius:50%;}
.boadRead .boadReadContent .boardDoc .paragraph p {font-size:17px; font-weight:300;}

.boadRead .boadReadContent .boardDoc .paragraph .institution {}
.boadRead .boadReadContent .boardDoc .paragraph .institution dl {margin-bottom:20px;}
.boadRead .boadReadContent .boardDoc .paragraph .institution dl dt,
.boadRead .boadReadContent .boardDoc .paragraph .institution dl dd {font-size:17px; display:inline-block; vertical-align:top;}
.boadRead .boadReadContent .boardDoc .paragraph .institution dl dt {border-right:1px solid #b7b7b7; padding-right:4px; margin-right:8px; width:70px;}
.boadRead .boadReadContent .boardDoc .paragraph .institution dl dd {font-weight:300; word-break: keep-all; width:60%;}
.boadRead .boadReadContent .boardDoc .paragraph .institution dl dd a {display:inline-block; margin-left:10px; padding:0 10px; border:1px solid #b4b4b4; border-radius:6px; font-size:15px; vertical-align:top;}

@media (max-width:1180px) {
	.boadRead .boadReadContent .boardDoc {clear:both;}
	.boadRead .boadReadContent .boardDoc .paragraph .institution dl dt,
	.boadRead .boadReadContent .boardDoc .paragraph .institution dl dd {font-size:17px; display:block; border:0; width:auto;}

}


@media (max-width:767px) {
	
	.boadRead .boadReadHeader .titleBox .info {margin-left:15px; margin-right:15px;}
	.boadRead .boadReadHeader .titleBox .info h4 {width:calc(100% - 0px);  display:block; margin-bottom:10px;}
	.boadRead .boadReadHeader .titleBox .info .date { width:100%; float:left; display:block; }
	.boadRead .boadReadFile dl {padding:15px;} 
	.boadRead .boadReadFile dl dt {width:40px;}
	.boadRead .boadReadFile dl dd a {display:inline-block; }
	.boadRead .boadReadContent {padding:15px;}

}

 



/* --------------------------------------------------------
board_answer
----------------------------------------------------------*/

.board_answer {width: 100%; margin:0px; padding:8px 30px 7px 30px; overflow: hidden; background:#f9f9f9; border-top:1px solid #ddd; }
.board_answer h4 { font-size:20px; line-height:26px; padding:0px; vertical-align:middle; margin:0px; width:70%; float:left; display:inline-block; word-break: keep-all; }
.board_answer h4:before {content:''; display:inline-block; vertical-align:middle; width:36px; height:36px; background:url(/jp/assets/img/board/answer.png) no-repeat left 0px; margin-right:10px;}
.board_answer .date { float:right; display:inline-block;}
.board_answer .date span { margin-left:10px; text-align:left; line-height:36px; font-weight:300;}
.board_answer .date span span { display:inline-block; font-weight:500; margin-right:19px;}

.answer_substance {display:block; width:100%; padding:30px; word-break: keep-all; }
.answer_substance img {margin:0 auto; display:block; text-align:center;}


@media (max-width:990px) {

.board_answer h4 {padding:0px; width:100%; float:none; text-align:center;}
.board_answer h4:before { width:100%; height:36px; background:url(/jp/assets/img/board/answer.png) no-repeat center 0px; margin-right:0px; margin-bottom:10px;}
.board_answer .date {float:none; width:100%; text-align:center; margin-top:10px;} 

.board_answer {padding:15px 15px; }
.answer_substance { padding:10px; }

}


/* --------------------------------------------------------
board_bottom
----------------------------------------------------------*/

.board_bottom {margin:0px 0 30px 0; padding:0px; width:100%;  }
.board_bottom ul {border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden; }
.board_bottom ul li {margin:0px; padding:10px; width:100%; overflow:hidden; height:50px; } 
.board_bottom ul li.board-item-previous { padding:0px; width:100%; border-bottom:1px solid #ddd; background:url(/jp/assets/img/board/board_bottombg.png) no-repeat 10% 0px;}
.board_bottom ul li.board-item-next {float:left; text-align:left;padding:0px; width:100%; background:url(/jp/assets/img/board/board_bottombg.png) no-repeat 10% -50px;}
.board_bottom ul li span { margin:0px;  float:left; text-align:center; width:11%; display:table-cell; padding:0px; line-height:50px;  }
.board_bottom ul li span.list-item { float:left; display: block;  background:none; display:table-cell; width:89%; text-align:left; color:#999; padding-left:20px; }
.board_bottom ul li span.list-item a {  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; display:block;  line-height:50px; }



@media (max-width:990px) {
	
	.board_bottom ul li span { width:20%;  }
	.board_bottom ul li span.list-item { width:80%;}
	.board_bottom ul li.board-item-previous { background:url(/jp/assets/img/board/board_bottombg.png) no-repeat 18% 0px;  }
	.board_bottom ul li.board-item-next { background:url(/jp/assets/img/board/board_bottombg.png) no-repeat 18% -50px;}

}



/* --------------------------------------------------------
boadBlockList
----------------------------------------------------------*/
.boadBlockList { border-top:2px solid #2b2b2b; margin-bottom:40px;}
.boadBlockList .listBody {margin:25px -15px 0px -15px;}
.boadBlockList .listBody ul {font-size:0;}
.boadBlockList .listBody ul li {display:inline-block; vertical-align:top; width:calc(25% - 30px); border:1px solid #ccc; box-sizing:border-box; margin:15px; position:relative;}
.boadBlockList .listBody ul li a {display:block; height:inherit;}
.boadBlockList .listBody ul li a .thumb {display:block; height:197px;}
.boadBlockList .listBody ul li a .thumb img {width:100%; height:100%;}
.boadBlockList .listBody ul li a .info {display:block; padding:11px 20px 17px 20px;}
.boadBlockList .listBody ul li a:hover  .info strong { }
.boadBlockList .listBody ul li a .info strong {font-size:18px; line-height:24px; display:block; margin-bottom:7px; font-weight:500; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boadBlockList .listBody ul li a .info span { display:block; font-size:16px;}


.boadBlockList .listWebzine { margin:30px 0px 0px 0px; border-bottom:1px solid #ccc;}
.boadBlockList .listWebzine ul {font-size:0;}
.boadBlockList .listWebzine ul li {display:inline-block; vertical-align:top; width:20%; box-sizing:border-box; margin:0px 0px 4% 0px; padding:0px 2%; position:relative; text-align:center;}
.boadBlockList .listWebzine ul li .thumb {display:block; width:163px; padding:5px 1px 1px 1px; margin:0px auto; background:url(/jp/assets/img/board/webzineBg.gif) no-repeat top center;}
.boadBlockList .listWebzine ul li .thumb img {width:100%; height:100%;}
.boadBlockList .listWebzine ul li .info {display:block; padding:0px; margin:6px auto 0px auto; text-align:center; min-width:163px;}
.boadBlockList .listWebzine ul li .info strong {font-size:22px; line-height:24px; display:block; margin:0px auto 4px auto; font-weight:500; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boadBlockList .listWebzine ul li .info span { display:block; font-size:16px; margin-bottom:7px;}
.boadBlockList .listWebzine ul li .info a {display:block; width:126px; height:24px; background:#594b40 url(/jp/assets/img/board/downFile_ico.png) no-repeat 9px 45%; font-size:15px; padding-left:33px; text-align:left; margin:0px auto; color:#fff;}


@media (max-width:1250px) {	
	
	 .boadBlockList .listBody {margin:25px 0px 0px 0px;}
	
}

@media (max-width:1180px) {
	
	.boadBlockList .listBody ul li {width:calc(33.3% - 30px); }	
	
	
}


@media (max-width:990px) {
	
	.boadBlockList .listBody ul li {width:calc(50% - 30px);}
	.boadBlockList .listWebzine ul li {width:25%;}

}

@media (max-width:767px) {	

    .boadBlockList .listBody { margin-top:10px;}  
	.boadBlockList .listBody ul li {width:calc(100% - 0px); margin:10px 0px;}
	.boadBlockList .listBody ul li a .thumb { height:auto;}
	.boadBlockList .listWebzine ul li {width:33.3%;}
		
}


@media (max-width:568px) {	

	.boadBlockList .listWebzine ul li {width:50%; margin-bottom:20px;}
	.boadBlockList .listWebzine ul li .thumb {  background:none; width:142px; height:201px; border:1px solid #b0b0b0; padding:0px;}
	.boadBlockList .listWebzine ul li .info { min-width:142px;}
	.boadBlockList .listWebzine ul li .info strong {font-size:20px;}
		
}


/* --------------------------------------------------------
board_write
----------------------------------------------------------*/
.board_write{ /*border-collapse:collapse;*/ width:100%;  border-top:2px solid #2b2b2b; margin-bottom:30px; }
.board_write thead th { padding:13px 10px 12px 10px; white-space:nowrap; text-align:center; border:none; border-bottom:1px solid #ddd; font-weight:400;}
.board_write tbody th,
.board_write tbody td {margin:0px; padding:10px; white-space:normal; border-bottom:1px solid #ddd; line-height:normal;}
.board_write tbody th { width:10%; padding:10px 5px; text-align:center; background:#f9f9f9; font-size:18px; font-weight:400; vertical-align:middle; } 
.board_write tbody td { width:90%; text-align: left; font-size:16px; padding-left:20px; }
.board_write tbody td img { vertical-align:middle; padding:0; margin:0px; line-height:0; font-size:0;} 
.board_write tbody td span {display:inline-block; margin-left:10px;} 
.board_write tbody td.alt {text-align:left; padding:15px 15px; } 
a.refresh { width:35px; height:35px; display:inline-block; text-indent:-9999px; background:url(/jp/assets/img/board/refresh.png) no-repeat center center; vertical-align:middle; }

.board_write tbody td input.idwidth { width:20%;}
.board_write tbody td select.phonewidth,
.board_write tbody td input.phonewidth {width:13%;}
.board_write tbody td input.emailwidth  {width:10%;}
.board_write tbody td input.etcwidth { width:30%;}
.board_write tbody td button { margin-top:-3px; margin-left:-2px;}


@media (max-width:990px) {
	
	.board_write th,
	.board_write td {word-break:keep-all;}
	.board_write tbody td span {margin-left:0px;}
	.board_write tbody th {font-size:16px; } 
	.board_write tbody td {padding-left:10px; }
	
	.board_write tbody td input.idwidth { width:50%;}
	.board_write tbody td select.phonewidth ,
	.board_write tbody td input.phonewidth { width:28%;}
	.board_write tbody td input.emailwidth  {width:40%;}
	.board_write tbody td input.etcwidth { width:50%;}
	.board_write tbody td button { padding:0px 10px;}

}
 

/* --------------------------------------------------------
program_list
----------------------------------------------------------*/
.program_list {border-top:2px solid #2b2b2b; margin-bottom:30px;}
.program_list .thead{display:none; font-size:0;}
.program_list dl { border-bottom: 1px solid #ccc; min-height:295px; padding:30px; position: relative;}
.program_list dl::after { clear: both;   content: "";   display: block;}
.program_list dl dt { display:inline-block; width:calc(100% - 142px); padding-left:198px;}
.program_list dl dt span {display:table-cell; margin:0px; padding:0px;}
.program_list dl dt p { font-size:18px; line-height:30px;}
.program_list dl dt p.data { }
.program_list dl dt p.data em {text-align:left; display:inline; font-weight:500; padding-left:10px; position:relative;}
.program_list dl dt p.data em:before {content:''; display:inline-block; position:absolute; left:0px; top:10px; vertical-align:middle; margin-right:6px; width:5px; height:5px; background:#594b40; border-radius:50%;}
.program_list dl dt p.data span {text-align:left; display: inline-table; padding-left:5px;}
.program_list dl dt p.data span strong { color:#ce0000;}
.program_list dl dt p.data span em {font-weight:400; margin-left:-5px;}
.program_list dl dt p.data span em:before { background:none;}
.program_list dl dt p.title { font-size:22px; font-weight:500; line-height:30px; margin-bottom:8px;}
.program_list dl dt p.title a { display:inline-block;  width:calc(100% - 0px);}
.program_list dl dt p.title a span { display: inline-block; margin:0px; padding:0px; font-weight:500;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break:keep-all; }
.program_list dl dt p.title em { display:inline-block; width:106px; height:24px; line-height:24px; text-align:center; font-size:16px; color:#fff; font-weight:400; vertical-align:top; margin-left:16px; margin-top:3px;}
.program_list dl dt p.title em.all {background:#3fa449;}
.program_list dl dt p.title em.all:before {content:'전체관람가';}
.program_list dl dt p.title em.rRated {background:#ca2126;}
.program_list dl dt p.title em.rRated:before {content:'청소년관람불가';}
.program_list dl dt p.title em.age {background:#22a2dc;}
.program_list dl dt p.title em.age:before {content:'12세관람가';}
.program_list dl dt p.title em.age15 {background:#efa126;}
.program_list dl dt p.title em.age15:before {content:'15세관람가';}
.program_list dl dt p.info { font-size:16px; line-height:22px; font-weight:300; margin-top:8px;  word-break:keep-all;}
.program_list dl:hover { background: #fafafa none repeat scroll 0 0;}
.program_list dl dt .lecture_thm { overflow: hidden; position: absolute; top:30px; left:30px; width:163px; /*height:231px;*/ border: 1px solid #a8a8a8;}
.program_list dl dt .lecture_thm.noimg { background:url(../gmi/bus/no-img.gif) no-repeat left top; display:block; width:163px; height:231px;}
.program_list dl dt .lecture_thm img {background:none; width:163px;}
  
.program_list dl dd {float:right; padding-top:12px;}
.program_list dl dd em { width:112px; height:35px; line-height:35px; text-align:center; display:block; }
.bt_screen { background:#2b2b2b; color:#fff;} /* 상영예정 */ 
.bt_end { background:#ccc; color:#2b2b2b;}  /* 상영종료, 접수마감 */ 
.bt_ing { background:#594b40; color:#fff;} /* 신청중 */
.bt_standby { background:#fff; border:1px solid #ccc; color:#333;} /* 대기신청 */


.program_list .sbbTabs.stateList .thead{display:block; font-size:18px; height:50px; line-height:50px; border-bottom: 1px solid #ccc; padding:0px 20px;}
.program_list .sbbTabs.stateList .thead span { display:inline-block; text-align:center;}
.program_list .sbbTabs.stateList .thead span:nth-child(1) {width:calc(100% - 612px);}
.program_list .sbbTabs.stateList .thead span:nth-child(2),
.program_list .sbbTabs.stateList .thead span:nth-child(4) { width:180px;}
.program_list .sbbTabs.stateList .thead span:nth-child(3) { width:140px;}
.program_list .sbbTabs.stateList .thead span:nth-child(5) { width:112px;}
.program_list .sbbTabs.stateList dl { min-height:auto; padding:6px 20px;}
.program_list .sbbTabs.stateList dl dt {padding-left:0px; margin:0px; width:calc(100% - 112px); }
.program_list .sbbTabs.stateList dl dt span {padding:0px;}
.program_list .sbbTabs.stateList dl dt span em { display:none;}
.program_list .sbbTabs.stateList dl dt p { font-size:16px; line-height:35px; display:inline-block; float:left;}
.program_list .sbbTabs.stateList dl dt p.data { text-align:center; font-weight:300;}
.program_list .sbbTabs.stateList dl dt p.data em {display:none;}
.program_list .sbbTabs.stateList dl dt p.data span {text-align:center; padding-left:0px;}
.program_list .sbbTabs.stateList dl dt p.title { font-size:16px; line-height:35px; height:35px; margin-bottom:0px; width:calc(100% - 500px); }
.program_list .sbbTabs.stateList dl dt p.title a { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break:keep-all;}
.program_list .sbbTabs.stateList dl dt p.title a span { font-weight:400;}

.program_list .sbbTabs.stateList dl dt p.data:nth-child(3),
.program_list .sbbTabs.stateList dl dt p.data:nth-child(5) { width:180px;}
.program_list .sbbTabs.stateList dl dt p.data:nth-child(4) { width:140px;}

.program_list .sbbTabs.stateList dl dt p.data:nth-child(6),
.program_list .sbbTabs.stateList dl dt p.data:nth-child(7),
.program_list .sbbTabs.stateList dl dt p.data:nth-child(8) { display:none;}

.program_list .sbbTabs.stateList dl dt .lecture_thm { display:none;}

.program_list .sbbTabs.stateList dl dd {padding-top:0px;}
.program_list .programReadContent { padding:30px; line-height:160%; border-bottom: 1px solid #ccc;  word-break:keep-all; font-weight:300; }
.program_list .programReadContent .ReadContent { padding:0px;}
.program_list .programReadContent .programContent { padding:0px 15px; line-height:160%; margin-bottom:30px; }


.WriteContent { padding:30px; line-height:160%; word-break:keep-all; }

.WriteContent .privacyBox { background:#f9f9f9; padding:30px; margin-bottom:30px;}
.WriteContent .privacyBox dl {margin-bottom:20px;}
.WriteContent .privacyBox dt { font-size:18px; margin-bottom:10px; }
.WriteContent .privacyBox dd {padding-left:20px; position:relative;}
.WriteContent .privacyBox dd:before {content:''; display:inline-block; position:absolute; left:10px; top:10px; vertical-align:middle; width:5px; height:5px; background:#594b40; border-radius:50%;}





@media (max-width:1180px) {
	.program_list dl { padding:30px 10px;} 
	.program_list dl dt .lecture_thm { left:10px;}
	.program_list dl dt {width:calc(100% - 112px);}
	.program_list .programReadContent { padding:30px 10px;}
	
	.WriteContent { padding:10px 0px 30px 0px; }
	.WriteContent .privacyBox {padding:20px 10px;}

	.program_list .programReadContent .programContent img {width:100%; max-width:100%;}
	

}

@media (max-width:990px) {
	
	.program_list dl dt {width:calc(100% - 0px); display:block;}
	.program_list dl dd {float:right; display:block;} 
	
	.program_list .sbbTabs.stateList .thead{ display:none; font-size:0;}
	.program_list .sbbTabs.stateList dl { padding:6px 10px;}
	.program_list .sbbTabs.stateList dl dt {width:calc(100% - 0px);}
	.program_list .sbbTabs.stateList dl dt p { line-height:25px; }
	.program_list .sbbTabs.stateList dl dt p.title {margin-bottom:0px; width:100%;}
	.program_list .sbbTabs.stateList dl dt p.data em { display:inline-block; font-weight:400;}
	.program_list .sbbTabs.stateList dl dt p.data span {padding-left:5px;}
	.program_list .sbbTabs.stateList dl dt p.data:nth-child(3),
    .program_list .sbbTabs.stateList dl dt p.data:nth-child(4), 
	.program_list .sbbTabs.stateList dl dt p.data:nth-child(5) { width:100%; text-align:left;}


	
	 	
	

}



@media all and (max-width:640px){
	
	.program_list dl dt { padding-left:0px;}
	.program_list dl dt .lecture_thm { position:relative; display:block; margin:0px auto 20px auto; top:0px; height:auto;  }
	.program_list dl dt p.title {}
	.program_list dl dt p { font-size:16px; line-height:24px;}
	.program_list dl dt p span { display:inline-table;}
	
	.program_list .sbbTabs.stateList dl dd { padding-top:10px;}
	
	.WriteContent .privacyBox dt { font-size:16px; margin-bottom:0px; }
		
	
}



/* --------------------------------------------------------
program_list
----------------------------------------------------------*/
.program_list .sbbTabs.active {display:block;}
.program_list .sbbTabs {display:none;}
.program_list .sbbTabs ul {margin:0px; overflow:hidden; border-bottom:1px solid #ccc; }
.program_list .sbbTabs ul li {display:inline-block; width:calc(100% - 50%); min-height:238px; float:left; vertical-align:top; margin:0px; position:relative; padding:30px 30px 30px 191px; }
.program_list .sbbTabs ul li.view {width:calc(100% - 0%);}
.program_list .sbbTabs ul li a {}
.program_list .sbbTabs ul li strong {display:block; margin-top:4px; width:76px; height:24px; line-height:24px; font-weight:400; background:#2d2c30; text-align:center; color:#fff; }
.program_list .sbbTabs ul li p {}
.program_list .sbbTabs ul li p.title {font-size:22px; line-height:30px; height:62px; word-break:keep-all; margin-top:15px; margin-bottom:14px; }
.program_list .sbbTabs ul li p.title .fileMo {display:none;}
.program_list .sbbTabs ul li p.info { margin-bottom:8px;}
.program_list .sbbTabs ul li p em { display:inline; text-align:left; font-weight:300;}
.program_list .sbbTabs ul li p em:after {content:''; display:inline-block; vertical-align:middle; margin:0px 9px; width:1px; height:14px; background:#848484; }
.program_list .sbbTabs ul li p em:last-child::after { background:none; margin-right:0px;}
.program_list .sbbTabs ul li p.file { background:url(/jp/assets/img/board/downFile_icoB.png) no-repeat left 2px; padding-left:24px; margin-top:10px; word-break:keep-all;}

.program_list .sbbTabs ul li p.viewtitle {font-size:22px; line-height:30px; word-break:keep-all; margin-top:10px; margin-bottom:6px; }

.program_list .sbbTabs ul li p.Bookinfo { line-height:24px;}
.program_list .sbbTabs ul li p.Bookinfo em { width:78px; display:inline-block;}

.program_list .sbbTabs ul li .Book_thm { overflow: hidden; position: absolute; top:30px; left:30px; width:126px; height:182px; padding:5px 1px 1px 1px; background:url(/jp/assets/img/board/BookBg.gif) no-repeat top center;}
.program_list .sbbTabs ul li .Book_thm img {width:100%; height:100%;}

.program_list .sbbTabs.stateList {}
.program_list .sbbTabs.stateList ul { border-bottom:none;}
.program_list .sbbTabs.stateList ul li { width:calc(100% - 0%); padding:20px 28px; display:inline; overflow:hidden; min-height:auto;  border-bottom:1px solid #ccc;}
.program_list .sbbTabs.stateList ul li strong { display:inline-block; margin:0px; margin-right:17px; padding:0px;}
.program_list .sbbTabs.stateList ul li p {display:inline; line-height:30px;}
.program_list .sbbTabs.stateList ul li p.title { margin:0px; padding:0px;}
.program_list .sbbTabs.stateList ul li p.title a {}
.program_list .sbbTabs.stateList ul li p.title .fileMo {background:url(/jp/assets/img/board/downFile_icoB.png) no-repeat  center center; width:15px; height:18px; display:inline-table; margin-left:10px; text-indent:-9999px;}
.program_list .sbbTabs.stateList ul li p.info { width:30%; text-align:right; float:right; display:inline-table;}
.program_list .sbbTabs.stateList ul li p em {}
.program_list .sbbTabs.stateList ul li p.file,
.program_list .sbbTabs.stateList ul li .Book_thm {display:none;}


@media (max-width:1180px) {
	
	.program_list .sbbTabs ul li {padding:30px 0px 30px 171px;}
	.program_list .sbbTabs ul li p.title {font-size:18px; line-height:24px;}
	
	.program_list .sbbTabs.stateList ul li p.title {font-size:18px; }
	.program_list .sbbTabs.stateList ul li p.info { float:left; width:100%; display:block; text-align:left; margin-top:10px;}

}

@media (max-width:990px) {
	
	.program_list .sbbTabs ul {border-bottom:none; }
	.program_list .sbbTabs ul li { width:calc(100% - 0%); padding:20px 0px 20px 131px; min-height:auto !important; border-bottom:1px solid #ccc;}	
	.program_list .sbbTabs ul li p.title { height:auto;}	
	.program_list .sbbTabs ul li .Book_thm {top:20px; left:10px; background:none; border:1px solid #b0b0b0; padding:0px; width:100px; height:141px; background:#99876d url(/jp/assets/img/board/Book_thm.png) center center; } 
	
	.program_list .sbbTabs.stateList ul li { padding:10px;}
	
	
}


@media (max-width:767px) {
	
	.program_list .sbbTabs.stateList ul li strong { display:block; margin-bottom:10px;}	
	
}

@media all and (max-width:640px){
	
	.program_list .sbbTabs ul li { padding:20px 0px 20px 0px;}	
	.program_list .sbbTabs ul li p.title {font-size:16px; line-height:20px; margin-top:10px; margin-bottom:10px;}
	.program_list .sbbTabs ul li .Book_thm {  position:relative; display:block; margin:0px auto 20px auto; top:0px; }
	.program_list .sbbTabs ul li p.file { margin-top:10px;}
 
	
	
}


/* --------------------------------------------------------
fullCalendarWrap
----------------------------------------------------------*/
.fullCalendarWrap::-webkit-scrollbar,
.fullCalendarWrap .calendarWrapBody .calendarBody ul li .calBelit::-webkit-scrollbar {height:4px; width:4px}
.fullCalendarWrap,
.fullCalendarWrap .calendarWrapBody .calendarBody ul li .calBelit::-webkit-scrollbar-thumb {border:0px solid transparent; background-color:rgba(0,0,0,0.2); background-clip:padding-box;}
.fullCalendarWrap {background:#fff; width:100%; position:relative; z-index:2; padding:0px; margin:0; box-sizing:border-box; }


.fullCalendarWrap .calendarWrapHeader {font-size:0; margin-bottom:20px; background:#f9f9f9; border:1px solid #ccc; height:60px; padding:0px 30px 0px 94px;}
.fullCalendarWrap .calendarWrapHeader .todayBtn,
.fullCalendarWrap .calendarWrapHeader .yyyymm {/*width:33.33%;*/}
.fullCalendarWrap .calendarWrapHeader .todayBtn {}
.fullCalendarWrap .calendarWrapHeader .todayBtn button.today { background:#2b2b2b; color:#fff; font-weight:500; width:64px; height:24px; text-align:center;}
.fullCalendarWrap .calendarWrapHeader .yyyymm {text-align:center; font-size:25px; font-weight:500; width:calc(100% - 64px);}
.fullCalendarWrap .calendarWrapHeader .yyyymm .circle {background:url(/jp/assets/img/board/calendar_icon.png) no-repeat; font-size:0; display:inline-block; vertical-align:middle; width:61px; height:22px; overflow:hidden;}
.fullCalendarWrap .calendarWrapHeader .yyyymm .circle.before {background-position:0px 0px;}
.fullCalendarWrap .calendarWrapHeader .yyyymm .circle.after {background-position:-61px 0px;}

.fullCalendarWrap .calendarWrapHeader .yyyymm span {margin:0 110px; display:inline-block; vertical-align:middle;}

.fullCalendarWrap .calendarWrapBody { border-top: 2px solid #2b2b2b;}
.fullCalendarWrap .calendarWrapBody .calendarHeader {font-size:0; margin-left:1px; margin-right:-1px;}
.fullCalendarWrap .calendarWrapBody .calendarHeader span {display:inline-block; vertical-align:top; font-size:18px; height:50px; line-height:50px; text-align:center; width:14.36%; border:1px solid #ccc; border-top:0; position:relative; margin-left:-1px; box-sizing:border-box; background:#f9f9f9;}

.fullCalendarWrap .calendarWrapBody .calendarHeader span:nth-child(1) {color:#ce0000;}
.fullCalendarWrap .calendarWrapBody .calendarHeader span:nth-child(7) {color:#003fb2;}

.fullCalendarWrap .calendarWrapBody .calendarBody {}
.fullCalendarWrap .calendarWrapBody .calendarBody ul {font-size:0; margin-left:1px; margin-right:-1px; height:100%;}
.fullCalendarWrap .calendarWrapBody .calendarBody ul li {display:inline-block; vertical-align:top; width:14.36%; height:140px; border:1px solid #ccc; position:relative; margin-top:-1px; margin-left:-1px; box-sizing:border-box;}
.fullCalendarWrap .calendarWrapBody .calendarBody ul li:nth-child(1),
.fullCalendarWrap .calendarWrapBody .calendarBody ul li:nth-child(8),
.fullCalendarWrap .calendarWrapBody .calendarBody ul li:nth-child(15),
.fullCalendarWrap .calendarWrapBody .calendarBody ul li:nth-child(22),
.fullCalendarWrap .calendarWrapBody .calendarBody ul li:nth-child(29) {color:#ce0000;}
.fullCalendarWrap .calendarWrapBody .calendarBody ul li:nth-child(7),
.fullCalendarWrap .calendarWrapBody .calendarBody ul li:nth-child(14),
.fullCalendarWrap .calendarWrapBody .calendarBody ul li:nth-child(21),
.fullCalendarWrap .calendarWrapBody .calendarBody ul li:nth-child(28) {color:#003fb2;}
.fullCalendarWrap .calendarWrapBody .calendarBody ul li .date {font-size:16px; padding:10px;}
.fullCalendarWrap .calendarWrapBody .calendarBody ul li.today {border:1px solid #a69884; position:relative; z-index:2;}
.fullCalendarWrap .calendarWrapBody .calendarBody ul li.today:after {content:''; display:block; position:absolute; top:0px; left:0; right:0; bottom:0; border:2px solid #a69884; z-index:1;}
.fullCalendarWrap .calendarWrapBody .calendarBody ul li .calBelit {margin:0 4px 0 10px; height:calc(100% - 45px); overflow-x:hidden; overflow-y:auto; position:relative; z-index:5;}
.fullCalendarWrap .calendarWrapBody .calendarBody ul li .calBelit span {display:block; margin-bottom:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fullCalendarWrap .calendarWrapBody .calendarBody ul li .calBelit span em {font-style:normal;}

.fullCalendarWrap .calendarContents {display:none;}
.fullCalendarWrap .calendarContents ul {}
.fullCalendarWrap .calendarContents ul li {border-bottom:1px solid #d9d9d9; padding:16px 0;}
.fullCalendarWrap .calendarContents ul li strong { font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; }
.fullCalendarWrap .calendarContents ul li strong em {font-style:normal;}
.fullCalendarWrap .calendarContents ul li .calBelit {height:auto; line-height:normal;}

/* calBelit */
.calBelit {margin:0 4px; font-size:16px;}
.calBelit span {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; padding-left:10px; margin-bottom:5px;}
.calBelit span:before {content:''; display:inline-block; position:absolute; left:0px; top:10px; vertical-align:middle; margin-right:6px; width:5px; height:5px; background:#594b40; border-radius:50%;}
.calBelit span strong { display:block; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%;}
.calBelit span em { display:block; font-weight:300;}


@media (max-width:990px) {
	
	.fullCalendarWrap { margin:0px; padding:0px;}	 
	.fullCalendarWrap .calendarWrapHeader {padding:0px 20px;}
	.fullCalendarWrap .calendarWrapHeader .yyyymm {width:calc(100% - 64px); text-align:left; font-size:22px;} 
	.fullCalendarWrap .calendarWrapHeader .yyyymm span {margin:0 10px;}
	.fullCalendarWrap .calendarWrapHeader .yyyymm .circle {width:31px; margin:0px; padding:0px;}
	.fullCalendarWrap .calendarWrapHeader .yyyymm .circle.before {background-position:0px 0px;}
	.fullCalendarWrap .calendarWrapHeader .yyyymm .circle.after {background-position:-91px 0px;}	
	
	.fullCalendarWrap .calendarWrapBody {}
	.fullCalendarWrap .calendarWrapBody .calendarHeader span {height:40px; line-height:40px;}
	.fullCalendarWrap .calendarWrapBody .calendarBody ul li {height:60px;}
	.fullCalendarWrap .calendarWrapBody .calendarBody ul li .date {padding:4px; text-align:center; display:block;}
	.fullCalendarWrap .calendarWrapBody .calendarBody ul li .calBelit {margin:0 4px;}
	.fullCalendarWrap .calendarWrapBody .calendarBody ul li .calBelit span {display:none;}
	.fullCalendarWrap .calendarWrapBody .calendarBody ul li .calBelit:before {content:''; display:block; width:12px; height:12px; margin:0 auto; background:#505050; border-radius:50%;} 
	.fullCalendarWrap .calendarContents {display:block;} 
	 
}



/* --------------------------------------------------------
search
----------------------------------------------------------*/

.multiSearchBox {margin:0px; padding:32px 0px; overflow:hidden; width:100%; text-align:center; background:#f9f9f9;}
.multiSearchBox .multiSearch { width:665px; height:41px; margin:0px auto; }
.multiSearchBox .multiSearch::after {clear: both; content: ""; display: block;}
.multiSearchBox .multiSearch fieldset{ border:0; margin:0; padding:0; clear:both;}
.multiSearchBox .multiSearch fieldset:after { content:""; display:block; float:none; clear:both;}
.multiSearchBox .multiSearch fieldset *{ vertical-align:middle;}
.multiSearchBox .multiSearch legend { position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;}
.multiSearchBox .multiSearch .inputText { float:left; display:inline-block; width:calc(100% - 83px); height:41px; line-height:41px; border:1px solid #ccc;}
.multiSearchBox .multiSearch button { float:right; margin:0px; padding:0px; width:83px; height:41px;}
.multiSearchBox .multiSearch button.txt_button { display:inline-block; vertical-align:top; padding:0px; margin:0px; background:#594b40; color:#fff; font-size:18px; }

.searchResult { margin:50px auto; padding:0px; text-align:center; font-size:20px; word-break:keep-all; line-height:140%; } 
.searchResult span { color:#ce0000;}

.searchListcon { position:relative; overflow:hidden; margin-bottom:50px;}
.searchListcon h4 {}
.searchListcon h4 span { font-size:18px; display:inline; margin:0px 0 0 10px; padding:0px; color:#333;}
.searchListcon h4 span strong { color:#ce0000;}
.searchListcon .tab_more { position:absolute; right:0px; top:7px; }  
.searchListcon .tab_more a {font-size:16px; background:url(/jp/assets/img/main/notice_ico.png) no-repeat 94% 45%; padding-right:32px;}

.searchTab { overflow:hidden; margin-bottom:20px;}
.searchTab a { font-size:17px; color:#666; display:inline-block; float:left; position:relative; padding:0px 9px; text-align:center;}
.searchTab a:before {content:''; display:inline-block; position:absolute; left:0px; top:2px; vertical-align:middle; width:1px; height:17px; background:#ccc; }
.searchTab a.active { font-weight:500; color:#333;}
.searchTab a:nth-of-type(1),
.searchTab a:nth-of-type(1)::before { background:none; padding-left:0px;}

.searchList {border-top:2px solid #2b2b2b; border-bottom:1px solid #ccc; padding:12px 0px 20px 0px;}
.searchList dl {padding:13px 0px 0px 0px; margin-bottom:2px; position:relative;}
.searchList dl::after { clear: both;   content: "";   display: block;}
.searchList dl dt { display:inline-block; width:calc(100% - 200px); }
.searchList dl dt p { margin:0px 0 2px 0; padding:0px;}
.searchList dl dt p.title { font-weight:500; }
.searchList dl dt p.title a { display:inline-block;  width:calc(100% - 0px); font-size:17px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.searchList dl dt p.info { font-size:16px; width:100%; line-height:22px; font-weight:300; word-break:keep-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.searchList dl dt p.info em { margin-right:20px;}
.searchList dl dt p.data {position:relative; color:#594b40; padding-left:16px; font-size:16px;}
.searchList dl dt p.data:before {content:''; display:inline-block; position:absolute; left:0px; top:10px; vertical-align:middle; margin-right:6px; width:5px; height:5px; background:#594b40; border-radius:50%;}

.searchList dl dd {float:right;}
.searchList dl dd em { width:87px; height:30px; line-height:30px; text-align:right; display:inline-block; font-size:17px;}
.searchList dl dd em:nth-of-type(1) { color:#666; font-size:16px;}

.searchContnetNon {text-align:center;}
.searchContnetNon i {display:block; width:171px; height:141px; background:url(/jp/assets/img/page/searchContnetNon_bg.png) no-repeat center;  margin:40px auto; font-size:0; color:transparent;}
.searchContnetNon strong {display:block; font-weight:400; font-size:20px; line-height:140%; margin-bottom:20px; word-break:keep-all;}
.searchContnetNon strong span {color:#594b40;}
.searchContnetNon p {display:block; font-size:16px; color:#666; word-break:keep-all; line-height:140%;}


@media (max-width:1180px) {
	
	.searchTab {margin-bottom:10px;}
	.searchTab a { width:16.6%; margin-bottom:10px; font-size:16px;}
		

}
  

@media (max-width:767px) {
	.multiSearchBox { padding:20px;}
	.multiSearchBox .multiSearch { width:100%; height:33px;}
	.multiSearchBox .multiSearch .inputText {width:calc(100% - 63px); height:33px; line-height:33px;}
	.multiSearchBox .multiSearch button {width:63px; height:33px;}
	.multiSearchBox .multiSearch button.txt_button { font-size:16px;}
	
	.searchResult { margin:30px auto; font-size:18px;} 
	
	.searchListcon h4 span { font-size:16px; margin:0px 0 0 0px;}
	
	.searchList dl dt {width:calc(100% - 0px); display:block;}
	.searchList dl dt p.info em { margin-right:20px; display:block; margin-bottom:3px; }
	.searchList dl dd {float:right; display:block;}  
	
	.searchContnetNon i { margin:20px auto;}
	.searchContnetNon p { width:90%; margin:0px auto;}
	
	
	.searchTab a { width:33.3%; padding:0px 5px;}
 
}


@media (max-width:640px) {
	
	.searchTab a { width:50%;}
 
}