@charset "utf-8";
/*	
	-----------------------------------------------
	* sub01.css (포털 서브 콘텐츠)
	-----------------------------------------------
*/
 
@font-face {
    font-family: 'RiaSans-ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.board-head-wrap{    justify-content: flex-end;}
.board-head-wrap .page-number-wrap{display:none;}
.taR {text-align : right !important;}

.bod_head {        background: #f5f7fa;     border-radius: 10px;}
.bod_head  .page_num{display:none;}
.bod_head .bod_search input[type="submit"]{background:#0b0e4c; padding: 12px 20px 12px 20px;}

.border_Search.space{display: flex;   align-items: center;   justify-content: center;}
.border_Search.space input[type="text"]{width:auto;   margin-right:10px; }
.border_Search.space select{width:150px; height: 5.5rem;   border-radius: 5px; border:0; margin-right:10px; }

/*테이블 설정*/
/* table */
.tbl_wrap {border-top:1px solid #585858; }
.tbl_guide {display: none;}
.tbl {margin-bottom:10px; width:100%; table-layout: fixed; border-collapse:collapse;}
.tbl th {text-align:center; font-weight:500;}
.tbl th {padding:18px 8px; border:1px solid #dedede; line-height:18px; vertical-align: middle; box-sizing: border-box; word-break: break-all; border-top:none;}
.tbl td {padding:14px 8px; border:1px solid #dedede; line-height:18px; vertical-align: middle; box-sizing: border-box; word-break: break-all; border-top:none;}
.tbl td:first-child, .tbl th:first-child {border-left: none;}
.tbl td:last-child, .tbl th:last-child {border-right: none;}
.tbl thead tr:first-child th {background:#fafafa;}
.tbl thead th {background:#fafafa; color:#333; }
.tbl tbody th {background:#fafafa; padding:14px 8px; border:1px solid #dedede; border-top:0;}
.tbl tbody td { line-height:1.6em;}
.tbl tfoot th {background:#f7faef; color:#333;}
.tbl td {background: #fff;}
.tbl td.b_bg {background: #f4f8fc;}
@media all and (max-width:768px) {
	.tbl_wrap { width: 100%; overflow: hidden; overflow-x: scroll; margin-top: 30px;}
    .tbl_guide { display: block; color:#666; font-size: 1.3rem; line-height: 130%; position:relative; padding-left:28px;}
    .tbl_guide::before {content:''; display:block; width:22px; height:9px; background:url('/portal/images/common/spr_content.png') no-repeat 0px 0; position:absolute; top:4px; left:0;}
	.tbl_guide+.tbl_wrap {margin-top:15px!important;}	
	.tbl_wrap .tbl{width: 800px; }	
}

.tbl td li {position: relative;}
.tbl td >ul >li {padding-left:10px; margin-top:3px; text-align:left !important; font-size: 16px;}
.tbl td >ul >li:before {content: ''; position: absolute; width:4px; height:4px; left: 0; top:12px; background: #bbb; border-radius:50%;}
.tbl td >ul >li:first-child {margin-top:0;}
.tbl td >ul >li >ul >li {padding-left:8px; margin-top:0; text-align:left !important; font-size:1.5rem; }
.tbl td >ul >li >ul >li:before {content: ''; position: absolute; width:4px!important; height:2px!important; left: 0; top:12px; background: #bbb;}

/* 버튼 */
.btn {border-radius:0.5rem; transition:all .2s; line-height:5rem;     color: #0b0e4c;  border: 1px solid #0b0e4c; position:relative; font-size:17px; margin-bottom:3px; display:inline-block; vertical-align:top; min-width:100px; text-align:center; font-weight:400!important;  padding:0 3rem; box-sizing:border-box; transition:all .2s;}
.btn:hover {border:1px solid #0b0e4; color:#333; background:#0b0e4;}
.btn:hover:after {border-color:#333;}


.btn.cancel {border:1px solid #333; color:#fff; background:#333;}
.btn.cancel:after {border-color:#fff;}



.btn.cancel:hover {border:1px solid #000; color:#fff; background:#000;}
.btn.cancel:hover:after {border-color:#fff;}

.btn.small {line-height:4rem;  min-width:80px; font-size:14px; padding:0 1rem;}


.textlink {display:inline-block;text-decoration:underline; font-weight:600;}
.textlink::after {content:''; display:inline-block; width:12px; height:12px;background:url(/portal/images/common/new_link.png) no-repeat 50% 50%; margin:0 3px;}

.textdown {display:inline-block;text-decoration:underline; font-weight:600;}
.textdown::after {content:''; display:inline-block; width:13px; height:12px;background:url(/portal/images/common/spr_content2.png) no-repeat -203px -76px; margin:0 3px;}

.btn_wrap{margin-top:50px; text-align: center;}



/*검색*/
.border_Search{background:#f5f7fa; padding:4rem 5rem; border-radius:10px; display: flex; justify-content: space-between; align-items: center; margin-bottom:5rem;     flex-wrap: wrap;}
.border_Search .btn_sch{width:165px; background:#0b0e4c; color:#fff; font-size:19px;   font-weight: 600; border-radius:3px; }
.border_Search input{height:5.5rem; border-radius:5px; border: 0; padding:10px 4rem; box-sizing: border-box;}
.border_Search .data_wrap{margin: 0 2.5rem; display: flex; align-items: center;  justify-content: center;}
.border_Search .data{width:26.5rem !important; background:#fff url(/bb/images/common/icon_data.png) no-repeat 30px 50%; margin:0 10px; padding-left:50px;}
.border_Search input[type="text"]{width:calc(100% - 80rem);}

@media all and (max-width : 1250px){
	
	
	.border_Search input[type="text"]{width:100%; margin-bottom:10px;}
	.border_Search .data_wrap{margin:0 0px 0 0; width:calc(100% - 200px);     justify-content: space-between;}
	.border_Search .data{width:48% !important; margin: 0;}
	
	
}

@media all and (max-width : 768px){
	
.border_Search{padding:3rem;}	
.border_Search .btn_sch{width:100%;}
.border_Search .data_wrap{width:100%;}

.border_Search.space input[type="text"],
.border_Search.space select{width:100%; margin-right:0; margin:5px 0;}

	
}


/*페이지 수*/
.page-number-wrap{padding-bottom:3rem; font-size:1.8rem; border-bottom:1px solid #ddd; display: flex; justify-content: flex-end; align-items: center;}
.page-number-wrap span{color:#e11c54;}
.page-number-wrap .current-page-number{position: relative; padding-left:20px; margin-left:20px;}
.page-number-wrap .current-page-number:before{content: ''; display: block; width: 1px; height: 18px; position: absolute;  left: 0;  top: 3px; background: #ddd;}

/*프로그램 리스트*/
.lecture_list ul{padding:4.0rem 0; display: flex; justify-content: flex-start; flex-wrap: wrap; margin-left: -25px;}
.lecture_list li{width:calc(33.33% - 50px); margin:40px 25px; position: relative;}
.lecture_list li a{display:block; padding:30px 30px 50px 30px; border-radius:20px; border: 2px solid #d1d3dc;}
.lecture_list li a:hover{box-shadow: 0 5px 10px rgb(0 0 0 / 20%); border: 2px solid #1369b4;}
.lecture_list li span{display:block}
.lecture_list li .Category {position: absolute;  right: 0; top: -25px;background:#454545; line-height:5rem; width:13.7rem; border-radius:30px 30px 0 30px; text-align: center; color:#fff; font-weight: 800;}
.lecture_list li .Category.ing{background:#1369b4;}
.lecture_list li .Category.waiting{background:#077857;}
.lecture_list li .btxt { color:#333; padding:2.0rem 0; font-size: 2.4rem;  margin-bottom:1.2rem; font-weight: 700;  display: block;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; border-bottom:1px solid #c0c0c0;}

.lecture_list li ul{padding:0; margin-left:0;}
.lecture_list li ul li{width:100%; margin:0; margin-top:1.0rem; position: relative; padding-left:20px; font-size:1.8rem;}
.lecture_list li ul li:before { content: '';  display:block; background:url(/bb/images/common/icon_ra.png); width:12px; height:12px;  position: absolute;  top: 6px;   left: 0;}
.lecture_list li ul.list_con li span{display:inline-block; line-height:25px;}
.lecture_list li ul.list_con li .tit{color:#333; width:100px; font-weight: 800; vertical-align: top;}
.lecture_list li ul.list_con li .con{width:calc(100% - 120px); }


 @media screen and (max-width:1280px) {
 
 	.lecture_list li{width:calc(50% - 50px);}
	
}
 
@media screen and (max-width:850px) {
 
 	.lecture_list li ul.list_con li .tit,
 	.lecture_list li ul.list_con li .con{width:100%;}
	
}
 
 @media screen and (max-width:600px) {
 	.lecture_list ul{margin-left: 0px;}
 	.lecture_list li{width:100%; margin: 20px 0;}
	
}

/*약관동의*/
.agreebox { border:1px solid #dedede; border-radius:10px; overflow:hidden; margin-bottom:50px;}
.agreebox .termsBox {position:relative; height:30rem;  overflow-y:auto;  padding:30px; background:#f9f9f9; border-bottom:1px solid #dedede;}
.agreebox .termsBox h5 { font-weight: 600; font-size: 1.8rem;  color: #000;  margin-top: 20px; margin-bottom:10px;}
.agreebox .termsBox h5:first-child  {margin-top:0;}
.agreebox .termsChk {display:flex; justify-content:space-between; padding:2rem 2rem; align-items:center;}

.agreebox input[type="radio"]{width:1.7rem; height:1.7rem; } 
.agreebox input[type="radio"]{margin-right:.3rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 50%; outline:3px solid #ccc;}
.agreebox input[type="radio"]:checked {border:3px solid #fff; outline:3px solid #b72026; background:#b72026;} 
.agreebox label input[type="radio"] {transform:translateY(-0.2rem);}
.agreebox label:has(input[type="radio"]) {margin:0.5rem 2rem 0.5rem 0;}

.allcheck {position:relative; background:#f9f9f9; border-radius:10px; padding:2rem; margin-top:3rem; border:1px solid #dedede;}
.allcheck label {text-align:center; width:100%; line-height:3.2rem; align-items:center; position:relative; }
.allcheck label input {position:absolute; top:0; left:0; width:0; height:0;}
.allcheck label:before {content:''; width:2.3rem; height:2.3rem; border:2px solid #dedede; border-radius:3px; margin-right:0.5rem; background:#fff; display:inline-block; transform:translateY(0.5rem);}
.allcheck label:has(input:checked):before {background:#b72026 url(/pspace/images/sub/check.png) 50% 60% no-repeat; border:2px solid #b72026; }
 
 @media screen and (max-width:768px) {
	.agreebox .termsChk {flex-wrap:wrap; justify-content:center;}
	.agreebox .termsChk p {width:100%; text-align:center; margin-bottom:10px;}
}
 
 
/*입력폼*/
.formWrap{ border-top:1px solid #333;}
.formWrap dl{display:table;width:100%;min-height:6.8rem;}
.formWrap .label,  .formWrap .inputWrap{display:table-cell;padding:1.6rem 2.4rem;border-bottom:1px solid #dedede;vertical-align:middle;box-sizing:border-box;}

.formWrap .label{width:30rem;background:#fafafa;color:#333; font-weight:600; border-right:1px solid #dedede;}
.formWrap dt.label span.textRed {color:#b72026;}
.formWrap .inputWrap label{margin-right:2rem; display:inline-block;}
 
.formWrap input, .formWrap select{height:4rem; border:1px solid #dedede; border-radius:5px; margin:0.2rem 0; max-width:100%;}
.formWrap input[type="radio"]{margin-right:.3rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 50%; outline:3px solid #ccc;}
.formWrap input[type="radio"]:checked {border:3px solid #fff; outline:3px solid #b72026; background:#b72026;}
.formWrap .inputWrap label input[type="radio"] {transform:translateY(-0.2rem);}
.formWrap .inputWrap label:has(input[type="radio"]) {margin:0.5rem 2rem 0.5rem 0;}

.formWrap .inputWrap .full{width:100%;}
.formWrap .inputWrap .num{width:15rem;}

.formWrap input[type="radio"], .formWrap input[type="checkbox"]{width:1.7rem; height:1.7rem; }
.formWrap .address button{display:inline-block;vertical-align:middle; padding:0 1.5rem;line-height:3.8rem;border:1px solid #383d53; border-radius:1rem;}

.formWrap .inputWrap>span{display:block;margin-top:.8rem;}
.formWrap .inputWrap>span:first-child{margin-top:0;}
.formWrap .inputWrap>span input[type="text"]{margin-left:1rem;}

.formWrap .inputWrap input[type="text"][value] {background:#f2f2f2;}

.addFileApp {padding:3rem; border-bottom:1px solid #dedede;}
.addFileApp .file {margin-top:2rem; margin-left:2.5rem; display:block;}
.addFileApp .file input {height:4rem; border:1px solid #dedede; border-radius:1rem; margin:0.2rem 0; max-width:100%;}


@media all and (max-width : 768px){
	.totalWrap{margin-top:3rem;}
	.totalWrap dt, .totalWrap dd{padding:2rem;width:100%;text-align:center;}
	
	.formWrap .label, .formWrap .inputWrap{display:block; padding:1.6rem 1.5rem 1.1rem;}
	.formWrap .inputWrap {padding:1.6rem 1.5rem;}
	.formWrap .label{width:100%;  border-right:0;}
	.formWrap .label br{display:none;}
	.addFileApp {padding:2rem 1.5rem;}

}



.mainTit {display:flex;  justify-content:space-between; flex-wrap:wrap; border-bottom:3px solid #333; padding:0 4rem 8rem 0; letter-spacing: -1px; margin-bottom:10rem;} 
.mainTit .topTit{font-size:4.0rem; font-weight:800; padding-top: 15px; background:url(/bb/images/common/icon_mainTit.png) no-repeat 0 13px; padding-left:6.2rem; }
.mainTit .topTit span{ line-height:1.2em;}
.mainTit .mainTit_con {font-size:2.6rem; font-weight:500; width:58%; line-height:3.5rem;  font-weight:500;    }
.mainTit .mainTit_con span {color:#1936a2;    }


@media all and (max-width : 1024px){
	
	.mainTit .topTit,
	.mainTit .mainTit_con{width:100%; }	
	.mainTit .mainTit_con{margin-top:30px;}
}	

@media all and (max-width : 768px){
	
	.mainTit .topTit{background-size: 42px; background: url(/bb/images/common/icon_mainTit.png) no-repeat 0 13px;}
	.mainTit .mainTit_con{font-size: 2.0rem;}
	
}	




.subTit{background:url(/bb/images/common/book_list_arr.png) no-repeat right 4rem top 4rem; margin-bottom:6rem;}

.book_list{padding:5.0rem 0;}
.book_list ul{display: flex; justify-content: flex-start; flex-wrap: wrap; margin-left:-34px;}
.book_list ul li{position: relative; width:calc(50% - 68px); margin:34px;}
.book_list ul li:before{content:''; display:block; width:100%; background:#fbfbfb; border-radius:10px; height:63%;     position: absolute; left:0; bottom:0; z-index:0;}
.book_list ul li a{position: relative; display: flex; padding: 0 6.5rem 7rem 6.5rem;  align-items: flex-end;  justify-content: space-between; flex-wrap: wrap; z-index:1;}
.book_list ul li a .bnt_more{border-radius:50%; background:#000; width:7rem; height:7rem; bottom:1.5rem; right:4rem;     position: absolute; display: flex; align-items: center; justify-content: center;}
.book_list ul li a:hover .bnt_more{background: linear-gradient(55deg,rgba(12, 114, 210, 1) 0%, rgba(87, 199, 133, 1) 100%, rgba(49, 156, 189, 1) 100%);}
.book_list .book_img{width:40%; }
.book_list .book_img img{height:340px; box-shadow: 0 15px 20px  rgb(0 0 0 / 10%); width:100%;}
.book_list .book_con{width:50%}
.book_list .bxt{color:#2b5c9e; font-size:2.4rem; overflow: hidden; display: flex;  align-items: center;justify-content: center;text-overflow: ellipsis; font-weight: 800; height: 55px;  line-height: 1.2em;  margin-bottom: 30px;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.book_list li ul{padding:0; margin-left:0;}
.book_list li ul li{width:100%; margin:0; margin-top:0.5rem; position: relative; padding-left:17px; font-size:1.8rem;}
.book_list li ul li:before { content: '';  display:block; background:url(/bb/images/common/icon_ra.png); width:12px; height:12px;  position: absolute;  top: 7px;   left: 0;}
.book_list li ul.list_con li span{display:inline-block; line-height:25px; color:#333;}
.book_list li ul.list_con li .tit{ width:100px; font-weight: 800; vertical-align: top;}
.book_list li ul.list_con li .con{width:calc(100% - 110px); }


.book_view{background:#fbfbfb; border-radius:15px; padding:9rem 7rem 6rem 7rem;}
.book_info{padding:0 4.5rem 9rem 4.5rem; position: relative; /*margin-bottom:9rem; border-bottom:2px dotted #bfbfbf;*/ display: flex; align-items: center; flex-wrap: wrap;  justify-content: space-between;}
.book_info .list_btn{position: absolute; left: 4.5rem; top: 0;}
.book_info dt{padding:0rem 0 7rem 0; border-bottom:1px solid #000; margin-bottom:5.5rem; width:552px;}
.book_info dt .stit{display:block; background:#000; color:#fff; line-height:42px; width:100px; font-weight: 800; font-size:1.8rem; text-align: center; }
.book_info dt .btxt{display:block; color:#333; font-size:4rem;  line-height: 1.2em; padding:4rem 0 0rem 0; font-weight: 800; word-break: break-all;}
.book_info dd{margin-left:20px; border-bottom:0;}
.book_info .book_img {width:35%;}
.book_info .book_img img{height:665px; box-shadow: 0 15px 20px  rgb(0 0 0 / 10%); width:100%;}

.book_info ul.list_con li{width:100%; margin:0; margin-top:0.5rem; position: relative; padding-left:17px; font-size:1.8rem;}
.book_info ul.list_con li:before { content: '';  display:block; background:url(/bb/images/common/icon_ra.png); width:12px; height:12px;  position: absolute;  top: 7px;   left: 0;}
.book_info ul.list_con li span{display:inline-block; line-height:25px; color:#333;}
.book_info ul.list_con li .tit{ width:100px; font-weight: 800; vertical-align: top;}
.book_info ul.list_con li .con{width:calc(100% - 110px); }

.book_info.bookcu{display: block;}
.book_info.bookcu dt{width:100%;}

.book_advance{padding:9rem 4.5rem 14rem 4.5rem; border-top:2px dotted #bfbfbf;}
.book_advance .tit{font-size:4.0rem; color:#000000; margin-bottom:4.5rem; font-weight: 800; line-height:1em;}
.book_advance .book_con{background:#fff; font-size:1.8rem; font-weight: 500; line-height:3.0rem; padding:6rem; border-radius:10px;}
.book_view .btn_wrap{padding:4.5rem 4.5rem 0 4.5rem; border-top:1px solid #000;  display: flex;  align-items: center;  justify-content: space-between; }
.book_view .bnt_arr {display: flex;  justify-content: center;  align-items: center; }
.book_view .bnt_arr a {width:4rem; height:4rem; background-color:#fff; box-shadow: 0 0px 20px  rgb(0 0 0 / 10%); border-radius:1rem; display:flex; justify-content: center; align-items:center; margin:0 1rem; transition:all .2s;}
.book_view .bnt_arr a span {width:0; height:0; text-indent:-9999px;}
.book_view .bnt_arr a i {font-size:2.4rem; color:#000;}
.book_view .bnt_arr a.prev-month {transform:rotate(45deg);}
.book_view .bnt_arr a.next-month {transform:rotate(-45deg);}
.book_view .bnt_arr a:hover {background-color:#17255c; color:#fff;}
.book_view .bnt_arr a:hover i {color:#fff;}


@media all and (max-width : 1400px){
	.book_list ul{margin-left: -20px;}
	.book_list ul li{    margin: 20px; width: calc(50% - 40px);}
}	


@media all and (max-width : 1280px){
	
	.book_list .book_img,
	.book_list .book_con{width:100%;}
	
	.book_view{padding: 5rem 4rem;}
	.book_info,
	.book_advance{padding: 0 0rem 5rem 0rem;}
}	

@media all and (max-width : 900px){
	
	.book_list ul{margin-left: 0px;}
	.book_list ul li{width:100%; margin: 20px 0px;}
	.book_list ul li a{padding: 0 3rem 3rem 3rem;}
	.book_list ul li a .bnt_more{width: 5rem; height: 5rem;  bottom: 3rem; right: 3rem;}
	
	.book_info{flex-direction: column-reverse;     margin-bottom: 5rem;}
	.book_info .info{width:100%;}
	
	
	.book_info dt,
	.book_info .book_img {width:100%; }
	
	.book_list .book_img{margin-bottom: 30px;}
	.book_list .book_img img{width:100%; height:auto;}
	
	.book_info dt{    margin-bottom: 3rem;     padding: 0rem 0 3rem 0;}
	.book_info .book_img img{height:auto;}
	
	.book_view .btn_wrap{padding: 3.5rem 0 0 0;}
	.book_info dd{margin-left:0px;}
	
	.book_list .bxt{margin-bottom: 20px;}

}	

@media all and (max-width : 500px){
	
	.book_info ul.list_con li .tit,
	.book_info ul.list_con li .con{width:100%;}
	
}

 
/*달력*/
/* 프로그램 부분 - 달력 */
.cal-month {display:flex; justify-content: center; align-items:center; margin-top:5rem;}
.cal-month a {width:4rem; height:4rem; background-color:#f2f2f2; border-radius:1rem; display:flex; justify-content: center; align-items:center; margin:0 2rem; transition:all .2s;}
.cal-month a span {width:0; height:0; text-indent:-9999px;}
.cal-month a i {font-size:2.4rem;}
.cal-month a.prev-month {transform:rotate(45deg);}
.cal-month a.next-month {transform:rotate(-45deg);}
.cal-month strong {font-family: 'RiaSans-ExtraBold'; font-size:3.2rem;}
.cal-month strong em {color:#1455ac;}
.cal-month a:hover {background-color:#17255c; color:#fff;}

.legend{display: flex; align-items: center; justify-content: flex-end; }
.legend strong{margin-left:5px;}
.legend img{margin-left:10px;}
.cal-table {position:relative; margin-top:1rem;}
.cal-table table {width:100%;}
.cal-table thead th {border-top:2px solid #17255c; font-size:2rem; font-weight:700; background:#f8f8fc; padding:2rem 0; border-bottom:1px solid #dedede;}
.cal-table tbody td {text-align:Center; border-bottom:1px solid #dedede; padding:1rem; overflow:hidden; position:relative; height:12.0rem;}
.cal-table tbody td span {font-size: 2.2rem;  font-weight: 700; color: #333; position: absolute;  left: 0;  top: 10px;}
.cal-table table .sun span {color:#d00c18;}
.cal-table table .sat span {color:#1455ac;}

.cal-table tbody td div { font-size:1.3rem; padding-top:30px;}
.cal-table tbody td li{position: relative; margin-bottom:5px;}    
.cal-table tbody td li a{display: block;}    
.cal-table tbody td li strong{padding-left: 40px; border-radius: 30px;  line-height: 33px;  width: 90%;    position: relative;  display: inline-block;  color: #fff;  text-align: left;  font-size: 14px;  font-weight: 700;}
.cal-table tbody td li strong:before{content: ''; display: block; width:33px; height: 33px; position: absolute; left:-8px; top:0;}

.cal-table tbody td li.pro strong{background: linear-gradient(55deg,rgba(12, 114, 210, 1) 0%, rgba(178, 43, 95, 1) 100%, rgba(49, 156, 189, 1) 100%);}
.cal-table tbody td li.pro strong:before{background-image:url(/bb/images/common/legend_icon03.png) ;}

.cal-table tbody td li.event strong{background: linear-gradient(55deg,rgba(12, 114, 210, 1) 0%, rgba(50, 158, 189, 1) 100%, rgba(49, 156, 189, 1) 100%);}
.cal-table tbody td li.event strong:before{background-image:url(/bb/images/common/legend_icon04.png); }

/*
.cal-table tbody td div a {display:inline-block; border-radius:3rem; background:#333; color:#fff; width:7rem; font-weight:400; position:relative; padding:0.2rem 0;}
.cal-table tbody td div.off a {background:#f5f7fa; color:#333; pointer-events: none;
  cursor: default;}
.cal-table tbody td div.done a {background:#787878; pointer-events: none; cursor: default;}
.cal-table tbody td div.on a {background:#004bd5; }
.cal-table tbody td div.on a.select:before {content:''; display:block; width:1.6rem; height:1.6rem;  position:absolute; top:calc(50% - 0.8rem); left:-0.8rem; border-radius:50%; border:1px solid #004bd5; background:#fff url(/nabipark/img/main/check.png) no-repeat 50% 50%;}
.cal-table tbody td div strong {display:block; font-weight:700;} 
.cal-table tbody td div strong em {color:#d00c18;} 
.cal-table tbody td div.done strong {display:none;}
.cal-table tbody td div.off strong {display:none;}*/

.cal-table tbody td.set {border-bottom:1px solid #333;}
.cal-table tbody td.set:after {content:''; display:block; width:1rem; height:1rem; background:#333; position: absolute; bottom:-0.6rem; left:calc(50% - 0.6rem); transform: rotate(45deg);}

.mot {display:none;}

@media (max-width:768px) {
  .cal-table {border-top:2px solid #333; border-bottom:1px solid #333; height:30rem; overflow-y:scroll; padding-right:1rem; margin-top:0;}
  .mot {display:block; background:#333; color:#fff; width:100%; line-height:3rem; margin-top:3rem; text-align:center; font-size:1.3rem; color:#ffff00;}
  .cal-table::-webkit-scrollbar { width:6px;}
  .cal-table::-webkit-scrollbar-track { background:rgba(0,0,0,0.2);border-radius: 10px; }
  .cal-table::-webkit-scrollbar-thumb {background: #004bd5;border-radius:3px; }
  .cal-table::-webkit-scrollbar-thumb:hover {background: #004bd5;}
  .cal-table colgroup {display:none;}
  .cal-table thead {display:none;}
  .cal-table td {display:none;}
  .cal-table td:has(span) {display:flex; flex-wrap:wrap; justify-content: space-between;     height: auto;}
  .cal-table tbody td span {width:3rem; text-align:left;}
  .cal-table tbody td div { width: 100%;}
  .cal-table tbody td div a {margin-left:1.5rem;}
}

.cal-info h3 {text-align:Center; color:#fff; background:#1455ac; font-weight:700; font-size:2rem; padding:2rem 0; font-family: 'RiaSans-ExtraBold';}
.cal-info {position:relative; margin-top:3rem;  font-size:1.6rem; display:none;}
.cal-info .cal-info-tit {display:flex; flex-wrap:wrap;}
.cal-info .cal-info-tit p {width:25%; background:#41444b; color:#fff; text-align:center; padding:1.5rem 1rem; font-weight:700;}
.cal-info ul {display:flex; flex-wrap:wrap; border:1px solid #dedede; border-bottom:0;}
.cal-info ul li {width:50%; display:flex; flex-wrap:wrap; font-weight:500;}
.cal-info ul li div {width:50%; padding:1.5rem 1rem; border-bottom:1px solid #dedede; text-align:Center;}
.cal-info ul li div.ctime {background:#f9f9f9;}
.cal-info ul li div.cstate input {opacity:0; width:0; height:0;}
.cal-info ul li div.cstate label:before {content:''; display:inline-block; width:1.6rem; height:1.6rem; border-radius:50%; border:0.5rem solid #999; margin-right:0.5rem; transform:translateY(0.2rem);}
.cal-info ul li div.cstate input:checked + label:before {border:0.5rem solid #004bd5;}
.cal-info ul li.off div.cstate input,
.cal-info ul li.off div.cstate label {pointer-events: none; cursor: default; color:#999;}
.cal-info ul li.off div.cstate label:before {border:0.5rem solid #dedede;}
@media (max-width:768px) {
  .cal-info .cal-info-tit p {width:50%;}
  .cal-info .cal-info-tit p:nth-of-type(3),
  .cal-info .cal-info-tit p:nth-of-type(4) {display:none;}
  .cal-info ul li {width:100%;}
}

.quote_laypopup{display:none; background: rgba(0,0,0, 0.7); position: fixed;  top: 0; left: 0; width: 100%;  height: 100%; z-index: 999;}
.quote_laypopup .btn-close{width:40px; height:40px; position: absolute;  right:6.0rem;  top:4.5rem; text-align: center; line-height: 50px;}
.quote_laypopup .btn-close img{vertical-align: middle;}


.quote_wrap { width: 1000px;   top: 50%; position: absolute; left: 50%; transform: translate(-50%, -50%);  height: auto; box-sizing: border-box;}
.quote_wrap .pop_head{color:#fff; width:695px; background:url(/bb/images/common/pop_head.png) no-repeat 0 0; text-align: center; margin:0 auto; position: relative;}
.quote_wrap .pop_head strong{font-size:2.8rem; line-height:95px; color:#fff; font-weight: 800; color:#fff; background:url(/bb/images/common/pop_data.png) no-repeat 0 0; background-size: contain;  padding-left:50px;}
.quote_wrap .pop_close{position: absolute;right: 80px;   top: 22px;}
.quote_wrap .pop_close:hover img {transition:0.4s;  transform: rotate(90deg); }
.quote_wrap .pop_con{border-radius:10px; border:3px solid #0b0e4c;background:#fff; padding:5.0rem; border-radius:10px;}
.quote_wrap .pop_con dl{background:#fff; padding:4rem; background:#f4f6fa; border-radius:10px;}
.quote_wrap .pop_con dt{display: flex; align-items: center; justify-content: space-between; padding-bottom: 25px;}
.quote_wrap .pop_con dt strong{font-size:2.8rem; padding-left:40px; line-height: 1.2em;} 
.quote_wrap .pop_con dt strong.pro{background:url(/bb/images/common/legend_icon03.png) no-repeat 0 0;  background-size: contain;}
.quote_wrap .pop_con dt strong.envet{background:url(/bb/images/common/legend_icon04.png) no-repeat 0 0;  background-size: contain;}
.quote_wrap .pop_con dt span { background: #1369b4; color: #fff;  padding: 1rem 2rem;  border-radius: 3rem;  margin-right: 2rem;  font-size: 1.8rem;}
.quote_wrap .pop_con dt span.end{background:#000;}

.quote_wrap .pop_con dd ul li {display:flex; flex-wrap:wrap; font-size:1.9rem; line-height:1.4em; margin-bottom:1rem;}
.quote_wrap .pop_con dd ul li strong {width:13rem; font-weight:700; padding-left:3rem;}
.quote_wrap .pop_con dd ul li:nth-of-type(1) strong{background:url(/bb/images/common/slicon01.png) no-repeat 0 0;}
.quote_wrap .pop_con dd ul li:nth-of-type(2) strong{background:url(/bb/images/common/slicon03.png) no-repeat 0 0;}
.quote_wrap .pop_con dd ul li:nth-of-type(3) strong{background:url(/bb/images/common/slicon02.png) no-repeat 0 0;}
 
 @media (max-width:1100px) {
 	.quote_wrap { width: 96%; }
}
 @media (max-width:700px) {
 
 	.quote_wrap .pop_head{width: 100%;  background: #0b0e4c; border-radius: 10px 10px 0 0;  margin-bottom: -5px;}
 	.quote_wrap .pop_head strong{line-height: 70px;}
 	.quote_wrap .pop_close{right:20px;  top: 15px;}
 	.quote_wrap .pop_close img{width:40px;}
 	
 	.quote_wrap .pop_con{padding: 3rem;}
 	.quote_wrap .pop_con dl{padding: 3rem;}
}




.tabmenu_tit{text-align:center; margin-bottom:50px;}
.tabmenu_tit img{max-width:100%;}
.tabmenu2 {position:relative; padding:10rem 0 8rem 0;}
.tabmenu2 ul {display: flex;  align-items: center;  justify-content: center; z-index:1; position: relative;}
.tabmenu2:before{content:''; display:block; width:2000px; margin-left:-1000px; z-index:0; background:#000 url(/bb/images/common/tab2_bg.jpg) no-repeat center 0; height: 100%; position: absolute;left: 50%;   top: 0; }

 .tabmenu2 img{max-width:100%;}
 
.subtab_con_wrap{position:relative; background:#fafafa; padding:8rem 0;}
.subtab_con_wrap:before{content:''; display:block; width:2000px; margin-left:-1000px; z-index:0; background:#fafafa;; height: 100%; position: absolute;left: 50%;   top: 0; }

.sub_tab_tit {position:relative; z-index:1}
.sub_tab_tit p{font-size:2.5rem; text-align:center; line-height:2.6rem;}
.mtit{display: flex;  align-items: center;  justify-content: center; padding-bottom:4rem;}
.mtit strong{font-size:4.0rem; padding:0 3rem; font-weight:800; }
.tab_text {margin-top:5rem;     position: relative; text-align: center; display: flex;  align-items: center; justify-content: center;}
.tab_text .r_txt{width:44.5rem; display:inline-block; border-radius:80px; background:#000; font-size:2.4rem; padding:4rem 0; color:#fff; font-weight:600;}
.tab_text .r_txt.bg01{background:rgba(229,184,200,0.8);}
.tab_text .r_txt.bg02{background:rgba(132,159,198,0.8);}
.tab_text .r_txt.bg03{background:rgba(200,184,150,0.8);}
.tab_text .r_txt.bg04{background:rgba(120,162,18,0.5);}


.tab_text .r_txt:nth-of-type(2){margin-left:-50px;}
.tab_text .r_txt:nth-of-type(3){margin-left:-50px;}
.tab_text .r_txt:nth-of-type(4){margin-left:-50px;}

 @media (max-width:768px) {
 	
 	.tab_text{flex-wrap: wrap;}
 	.tab_text .r_txt{width:100%; margin:5px 0;}
 	.tab_text .r_txt:nth-of-type(2),
	.tab_text .r_txt:nth-of-type(3),
	.tab_text .r_txt:nth-of-type(4){margin-left:0px;}
 	
 }

/*바란다*/
.baranbox {background:#eef3f8 url(/bb/images/sub/baranbg.png) no-repeat center 0;  padding:75px 128px 130px 128px;position:relative; border-radius:30px 30px 0 0;}
.baranbox:before {content:''; display:block; width:663px; height:162px; background:url(/bb/images/sub/baran.png) no-repeat 0 0; position:absolute; bottom:-37px; right:0px; z-index:0;}
.baranbox .tit {background:url(/bb/images/sub/baran_icon.png) no-repeat 0 0; padding-left:11rem; font-size:4.5rem; color:#333;  line-height:10rem; position:relative; z-index:1; font-weight:900;  margin-bottom:75px;}
.baranbox .tit span{color:#163795;}
.baranbox ul {position:relative; z-index:1;}
.baranbox ul.step {display:flex; margin-top:20px; flex-wrap:wrap;}
.baranbox ul.step li {width:calc(25% - 30px); margin-right:40px; box-sizing:border-box; background:#fff; border-radius:20px 100px 20px 20px; border:2px solid #1b224e; padding:50px 30px 30px 30px; position:relative;}
.baranbox ul.step li:after {content:''; display:flex; width:30px; height:30px; border-radius:50%; background:#1b224e url(/bb/images/sub/bara_arr.png) no-repeat 50% 50%; align-items:center; justify-content:center; color:#fff; font-size:12px; padding-top:3px; position:absolute; top:calc(50% - 50px); right:-14px;}
.baranbox ul.step li:last-child {margin-right:0;}
.baranbox ul.step li:last-child:after {display:none;}
.baranbox ul.step li em { font-weight: 600; font-size: 15px; display: block; width: 130px;  background: #1b224e;  color: #fff;  text-align: center;  line-height: 40px;  border-radius: 30px 30px 30px 0;    position: absolute;  left: -2px; top:-22px;}
.baranbox ul.step li strong {font-weight:700; color:#333; font-size:22px; display:block; margin-bottom:10px; color:#1b224e; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #ddd;}
.baranbox ul.step li span {background:url(/bb/images/sub/point01.png) no-repeat 0 0; padding-left:30px; line-height:1.4em; display:block; font-size:16px;}
.baranbox ul.step li:last-child span{background:url(/bb/images/sub/point02.png) no-repeat 0 0;}
.baranbox ul.step li:last-child{ border:2px solid #e31c55;}
.baranbox ul.step li:last-child em{background:#e31c55;}

.baranbottom {background-color:#1f2739; padding:50px 100px 45px 100px; display: flex; justify-content: flex-start;  align-items: center;   flex-wrap: wrap; border-radius:0px 0px 30px 30px;}
.baranbottom p {font-size:28px; line-height: 1.2em; margin-right: 25px; color:#fff; background:url(/bb/images/sub/baranicon01.png) no-repeat 0 10px; padding:10px 0px 5px 40px;}
.baranbottom p strong {color:#ffe065; }
.baranbottom a {background:#fff; border-radius:50px; padding:15px 20px 15px 20px; box-shadow:5px 5px 5px rgba(0,0,0,0.4); font-size:19px; font-weight:900; position:relative; display:flex; align-items:center; color:#2c316c; transition:all .2s;}
.baranbottom a:after {content:''; display:block; width:23px; height:14px; background:url(/portal/images/content/baranicon02.png) no-repeat 0 0; margin-top:-5px; margin-left:20px;} 
.baranbottom a:hover {background-color:#f2f2f2; color:#000;}

@media screen and (max-width:1280px) {
	
	.baranbox {padding:75px 80px 130px 80px;}
	
}	
	
@media screen and (max-width:1024px) {
	.baranbox {padding:50px 30px;}
	.baranbox:before {right:30px;}
	.baranbottom {padding:30px 30px 25px 30px;}
}

@media screen and (max-width:768px) {
	.baranbox {padding:30px 15px;}
	.baranbox:before {display:none;}
	.baranbox ul.step li {width:100%; margin-right:0!important; margin-bottom:40px;}
	.baranbox ul.step li:last-child {margin-bottom:0;}
	.baranbox ul.step li:after {top:auto; bottom:-36px; left:calc(50% - 10px); transform:rotate(90deg);}
	.baranbottom {padding:20px 30px 15px 30px;}
	.baranbottom p {font-size:20px;}
	.baranbottom p strong {display:block;}
}



/* 비블리오테카 부산 */

.tittxt_wrap{margin: 7.5% 0 6%; text-align: center;}
.tittxt_wrap>img{}
.tittxt_wrap .tittxt_h1{font-size: 5rem; display: inline-block; position: relative; margin: 0 2.5% 0; top: -12px;     font-family: 'RiaSans-ExtraBold'; line-height:1em;}
.tittxt_wrap .tittxt_h1_bgt::after{content: ''; width: 300px; height: 55px; background: url(/bb/images/common/tit_txt_txtbg.png) no-repeat 0 0; display: block;  position: absolute;  right: 0;  top: -53px;}
.tittxt_wrap .tittxt_h1 .tittxt_green{color: #1dad83;}
.tittxt_wrap .tittxt_h1 .tittxt_purple{color: #3653a5;}

.b_con_txt{font-size: 3.4rem; font-weight: bold; line-height: 1.4; text-align: center;     letter-spacing: -0.1px;}
.s_con_txt{color: #333333;  margin-top: 3%; font-size:2.4rem; line-height:3.5rem; text-align: center;     letter-spacing: -0.1px;}


@media (max-width:1060px) {
	.tittxt_wrap{margin-top: 10%;}
}

@media (max-width:900px) {
	.tittxt_wrap{margin-top: 15%;}
	.tittxt_wrap>img{width: 12%;}
	.tittxt_wrap .tittxt_h1_bgt::after{ background-size: 90%;     top: -48px; right: -30px;}
    
}

@media (max-width:640px) {
        .tittxt_wrap {margin-top: 22%;}
        .tittxt_wrap .tittxt_h1_bgt::after{ background-size: 60%;  top: -34px;  right: -120px;}
        .tittxt_wrap .tittxt_h1{font-size: 4rem;}
        .b_con_txt{font-size: 3rem;}
        .s_con_txt{font-size: 2rem;}
}

@media (max-width:450px) {
          .tittxt_wrap .tittxt_h1{font-size: 3rem;}
              .b_con_txt { font-size: 2.4rem;}
}







/* BI 소개 */

.bi_wrap{display: flex;}
.bi_wrap .bi_logobox{margin-right: 8%;}
.bi_wrap .bi_logobox>img{}

.bi_wrap .bi_content{text-align: left;}
.bi_wrap .bi_content .b_con_txt{margin-top: 0; text-align: left;}
.bi_wrap .bi_content .s_con_txt{text-align: left;}
.bi_wrap .bi_content .s_con_txt .c_underline{font-weight: bold; background: linear-gradient(to top,#d8f7ff 50%, transparent 50%);}
.bi_wrap .bi_content .down_wrap{margin-top:3rem;}
.bi_wrap .bi_content .down_wrap a + a{margin-left: 0.5%;}

/* 버튼 */
.bi_wrap .bi_content  .btn {display:inline-block; font-size:1.125em; position:relative; box-sizing:border-box; line-height:1; padding:1em 1.44em; border-radius:.2em; background-color:#fff; color:#0b0e4c; border:1px solid #0b0e4c; vertical-align:middle; text-decoration:none !important; text-align:left;}
.bi_wrap .bi_content  input.btn {border-width:1px !important; border-style:solid !important; border-color:#222222 !important;}
.bi_wrap .bi_content  .btn.normal {color:#333 !important; border-color:#777 !important; background-color:#fff !important;}
.bi_wrap .bi_content  .btn.normal:hover {border-color:#000 !important;}
.bi_wrap .bi_content  .btn.point {background-color:#0b0e4c !important; color:#fff !important;}
.bi_wrap .bi_content  .btn.del {background-color:#535353 !important; border-color:#535353 !important; color:#fff !important;}
.bi_wrap .bi_content  .btn.cancel {color:#333 !important; border-color:#777 !important; background-color:#fff !important;}
.bi_wrap .bi_content  .btn.cancel:hover {border-color:#000 !important;}
.bi_wrap .bi_content  .btn.disabled,
.bi_wrap .bi_content  .btn[disabled] {color:#333333 !important; border-color:#777 !important; background-color:#fff !important; opacity:.4;}

.bi_wrap .bi_content btn.icon {padding-right:3em; color:#0b0e4c; background-repeat:no-repeat !important; background-position: right 20px center !important; background-size:1.2em auto !important;}
.bi_wrap .bi_content .btn.icon:hover{background-color:#0b0e4c; color:#fff;}

.bi_wrap .bi_content .btn.small { padding:.563em 1em; font-size: 1.9rem;}
.bi_wrap .bi_content .btn.icon.small {padding: 2rem 3em 2rem 3rem; background-position:top 50% right .75em !important;  background-size:1em auto !important;}

/* Icon Color : White */
.btn.icon.down::after {content: ""; width: 16px; height: 16px; display: inline-block; background:url(/bb/images/sub/down.png) no-repeat 0 0 ;  position: absolute; right: 10%;}
.btn.icon.down:hover::after{background:url(/bb/images/sub/down_over.png) no-repeat 0 0 ;}

@media (max-width:600px){
	
	.btn.icon.down::after{right: 4%;}

}


.bi_linebg{width: 100%;margin: 5% 0;}

.h3{
    font-size: 4rem;
    color: #2c2e3d;
    font-family: 'RiaSans-ExtraBold';
    text-align: center;
    margin-bottom: 4.5rem;
}

.bi_color_wrap{
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    text-align: left;
    padding: 5% 6%;
}
.bi_color_wrap .m_color{}
.bi_color_wrap .s_color{margin-top: 7%;}
.bi_color_wrap .s_color ul{padding-left: 0;display: flex;justify-content: space-between;}
.bi_color_wrap .s_color ul li{
    width: 48.6%;
}

.bi_color_wrap .c_color{}
.bi_color_wrap .c_color .s_con_txt{
    font-size: 2.4rem;
    font-weight: bold;
    text-align: left;
    margin-bottom: 2.5rem;
    margin-top: 0;
}
.bi_color_wrap .c_color .c_colorbox{
    font-size: 2rem;
    color: #fff;
    background: #2c3d76;
    padding: 2%;
    border-radius: 10px;
}

.bi_color_wrap .c_color .c_cont{padding-left: 2%;display: flex;flex-direction: column; margin: 2% 0;}
.bi_color_wrap .c_color .c_cont li{
    font-size: 1.8rem;
    color: #838383;
    line-height: 2;
}
.bi_color_wrap .c_color .c_cont li .c_cont_bt{
    color: #333333;
    font-weight: bold;
    width: 15%;
    display: inline-block;
}

.bi_color_wrap .s_color .c_cont li{
	width: 100%;
}
.bi_color_wrap .s_color .c_cont li .c_cont_bt{
	width: 30%;
}
.bi_color_wrap .s_color .c_colorbox{padding: 4%;}
.bi_color_wrap .s_color .c_colorbox_1{ background: #1368b3;}
.bi_color_wrap .s_color .c_colorbox_2{ background: #bdbec0;}

.bi_color_wrap .s_color .c_cont{padding-left: 2%; margin: 3% 0;}

@media (max-width:1130px) {
.bi_wrap{flex-direction: column; align-items: center;}
.bi_wrap .bi_content{text-align: center; margin-top: 5%;}
.bi_wrap .bi_logobox{margin-right: 0;}
.bi_linebg{margin: 10% 0;}
}

@media (max-width:840px) {
    .bi_color_wrap .s_color ul{flex-direction: column;}
    .bi_color_wrap .s_color ul li{width: 100%;}
    .bi_color_wrap .s_color .c_colorbox{padding: 2%;}
    .bi_color_wrap .s_color .c_cont li .c_cont_b, .bi_color_wrap .c_color .c_cont li .c_cont_bt{width: 25%;}
}


@media (max-width:600px) {
    .bi_wrap .bi_logobox, .bi_wrap .bi_logobox>img{width: 100%;}
    .bi_wrap .bi_content .down_wrap{    display: flex; flex-direction: column;}
    .down_wrap>a{margin-top: 2%;}
}

@media (max-width:600px) {
    .bi_color_wrap .s_color .c_cont li .c_cont_b, .bi_color_wrap .c_color .c_cont li .c_cont_bt{width: 30%;}
}



/* 부산바다도서관 명칭 소개 */
.culture_wrap{margin: 10rem 0 0;}
.culture_wrap .culture_img_wrap{display: flex;  flex-direction: row; align-items: center; padding-left: 0;}
.culture_wrap .culture_img_wrap li{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 100%;
}
.culture_wrap .culture_img_wrap li:nth-child(2){margin: 0 4%;}
.culture_wrap .culture_img_wrap li img{width: 100%;}

.culture_wrap .culture_img_wrap li .culture_cont{width: 80%;height: 205px;border-radius: 30px 0 30px 0; transform:translateY(-10rem);}
.culture_wrap .culture_img_wrap li:nth-child(1) .culture_cont{background: #EA2A72;  background: linear-gradient(90deg, rgba(234, 42, 114, 1) 0%, rgba(248, 122, 93, 1) 100%);}
.culture_wrap .culture_img_wrap li:nth-child(2) .culture_cont{border-radius:0 30px 0 30px; background: #319DBD; background: linear-gradient(90deg, rgba(49, 157, 189, 1) 0%, rgba(8, 109, 212, 1) 100%);}
.culture_wrap .culture_img_wrap li:nth-child(3) .culture_cont{background: #00CA94; background: linear-gradient(90deg, rgba(0, 202, 148, 1) 0%, rgba(3, 137, 239, 1) 100%);}


.culture_wrap .culture_img_wrap li .culture_cont .culture_cont_box{text-align: left; padding: 12%;}
.culture_wrap .culture_img_wrap li .culture_cont .culture_cont_box .h5{font-size: 3rem;  color: #fff; margin: 0; line-height: 1em; font-weight: 600;}
.culture_wrap .culture_img_wrap li .culture_cont .culture_cont_box .s_con_txt{font-size: 1.8rem; color: #fff; margin-top: 3rem; line-height: 2.5rem; text-align: left;}

@media (max-width:1340px) {
   .culture_wrap .culture_img_wrap li .culture_cont .culture_cont_box .h5{font-size: 2.5rem;}
   .culture_wrap .culture_img_wrap li .culture_cont .culture_cont_box .s_con_txt{font-size: 1.6rem;}
   .culture_wrap .culture_img_wrap li .culture_cont{bottom: -25%;}
}

@media (max-width:1024px) {
.culture_wrap .culture_img_wrap li .culture_cont .culture_cont_box{padding: 17%;}
}

@media (max-width:960px) {
.culture_wrap .culture_img_wrap li:nth-child(1) .culture_cont, .culture_wrap .culture_img_wrap li:nth-child(3) .culture_cont{bottom: -53%;}
}

@media (max-width:860px) {
    .culture_wrap .culture_img_wrap li .culture_cont{width: 100%; bottom: -60%;}
.culture_wrap .culture_img_wrap li:nth-child(1) .culture_cont, .culture_wrap .culture_img_wrap li:nth-child(3) .culture_cont{bottom: -80%;}
}

@media (max-width:670px) {
    .culture_wrap .culture_img_wrap li .culture_cont{width: 100%; bottom: -80%; height: 200px;}
.culture_wrap .culture_img_wrap li:nth-child(1) .culture_cont, .culture_wrap .culture_img_wrap li:nth-child(3) .culture_cont{bottom: -106%;}
}

@media (max-width:600px){
    .culture_wrap .culture_img_wrap{flex-direction: column;}
    /*.culture_wrap .culture_img_wrap li{margin: 0 0 25% 0;}
    .culture_wrap .culture_img_wrap li:nth-child(2){margin: 0 0 30% 0;}*/
       .culture_wrap .culture_img_wrap li:nth-child(1) .culture_cont, .culture_wrap .culture_img_wrap li:nth-child(2) .culture_cont, .culture_wrap .culture_img_wrap li:nth-child(3) .culture_cont{bottom: -15%;}
       .culture_wrap .culture_img_wrap li .culture_cont .culture_cont_box{padding: 10%;}
       .culture_wrap .culture_img_wrap li .culture_cont .culture_cont_box .h5{font-size: 3.4rem;}
       .culture_wrap .culture_img_wrap li .culture_cont .culture_cont_box .s_con_txt{font-size: 2rem;}
}

@media (max-width:400px){
    .culture_wrap .culture_img_wrap li .culture_cont .culture_cont_box .h5{font-size: 3rem;}
}

.search_wrap {position:relative;}
.search_wrap .border_Search  input[type="text"] {width:calc(100% - 180px); border:0;}
.search_copy {font-weight:500; font-size:2.6rem; line-height:3.6rem;}

.search_copy .cred {color:#b71f25; background:#fff2f2;}
.search_wrap  h3 {  font-size: 2.5rem;  margin-top: 60px; font-weight: bold;  line-height: 1;  padding-top: 3px;  position: relative;}
.search_wrap h3 span {font-weight:300;}
.search_inbox {border-top:1px solid #999; padding:20px 0px; margin-top:20px; position:relative;}
.search_inbox.nobor {border-top:none; padding:0px 0px 20px 0px;}
.search_inbox .search_list li {position:relative; padding-left:20px;}
.search_inbox .search_list li::before {content:''; display:block; width:12px; height:12px; border:3px solid #999; border-radius:50%; position:absolute; top:9px; left:0; font-size:1.8rem;}
.search_inbox .search_list li span {position:relative; display:inline-block;}
.search_inbox .search_list li span::after {content:'>'; display:inline-block; height:1rem; font-family: 'GmarketSans'; font-weight:200; padding:0 10px;}
.search_inbox .search_list li span:last-child::after {display:none;}
.search_inbox .more {    position: absolute;  top: -50px;  right: 0; background: url(/portal/images/common/searmore.png) no-repeat right 45%; padding-right: 40px;  font-size: 1.8rem; padding: 10px 40px 10px 0;}


.search_inbox .search_blist li {border-bottom:1px dashed #dedede; padding:20px 0;}
.search_inbox .search_blist li:first-child {padding-top:0px;}
.search_inbox .search_blist li p.stit {font-size:1.8rem; line-height:2.2rem; color:#333; font-weight:500; margin-bottom:10px;}
.search_inbox .search_blist li p.stit span.date {font-size:1.5rem; color:#999; font-weight:300; display:inline-block; margin-left:20px;}
.search_inbox .search_blist li p.scopy {display:block;  overflow: hidden; text-overflow: ellipsis; height:4.4rem; line-height:2.2rem; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; font-weight: 300;}
.search_inbox .search_blist li p.sloca {position:relative; font-size:1.5rem; margin-top:10px;}
.search_inbox .search_blist li p.sloca span {position:relative; display:inline-block; color:#666;}
.search_inbox .search_blist li p.sloca span::after {content:'>'; display:inline-block; height:1rem; font-family: 'GmarketSans'; font-weight:200; padding:0 10px; }
.search_inbox .search_blist li p.sloca span:last-child::after {display:none;}
.search_inbox .search_blist li a:hover p.stit {color:#ff0000;}
@media all and (max-width:1024px){
	.search_inbox .search_blist li p.stit span.date {display:block; margin-left:0; margin-top:10px;}	
}

.search_inbox.bod_photo {border-top:1px solid #999; padding:20px 0px; border-bottom:0;}

/*
.search_inbox .pagenation {border-top:1px solid #dedede;}
*/