@charset "UTF-8"; 
.colorBlue { color:#6287b2 } 
/*리스트 게시판 목록*/
table.bbs_default.list { width:100%; border-collapse:collapse; margin-top:5px } 
table.bbs_default.list thead tr:first-child th { border-top:1px solid #000; border-bottom:1px solid #d5e3e8 } 
table.bbs_default.list th { padding:15px 10px; border-bottom:1px solid #d9d9d9; text-align:center; font-weight:600 } 
table.bbs_default.list thead th { background:#f2f7f9 } 
table.bbs_default.list td { padding:15px 10px; border-bottom:1px solid #d5e3e8; color:#666; text-align:center } 
table.bbs_default.list td.subject { text-align:left } 
table.bbs_default.list td.subject a { display:inline } 
table.bbs_default.list .delete td { color:#aaa } 
table.bbs_default.list .delete td.subject a { color:#aaa } 
table.bbs_default.list td img { margin-left:5px; vertical-align:middle } 
table.bbs_default.list .notice td { background:#fafafa; font-weight:600; color:#333 } 
table.bbs_default.list .notice a { font-weight:600; color:#333 } 
table.bbs_default.list .empty { padding:40px 0; text-align:center } 
table.bbs_default.list .delete .delete_info { font-size:.9em; color:#2e84d1 } 
@media only screen and (max-width:640px) { 
 .bbs_explain_top ul { margin-left:0 } 
.bbs_explain_bottom ul { margin-left:0 } 
table.bbs_default.list colgroup { display:none } 
table.bbs_default.list thead th { display:none } 
table.bbs_default.list th { border-bottom:none } 
table.bbs_default.list tbody { border-top:1px solid #000 } 
table.bbs_default.list tbody tr { display:block; padding:4px 0; border-bottom:1px solid #d5e3e8 } 
table.bbs_default.list tbody tr:after { display:block; clear:both; content:"."; visibility:hidden; height:0 } 
table.bbs_default.list tbody tr { display:inline-block } 
table.bbs_default.list tbody tr { display:block } 
table.bbs_default.list tbody tr:nth-child(odd) { background:#f8fbfd } 
table.bbs_default.list tbody td { display:block; float:left; clear:left; width:100%; padding:3px 10px; border:none; text-align:left; box-sizing:border-box } 
table.bbs_default.list tbody td.subject { width:auto } 
table.bbs_default.list [data-cell-header]:before { content:attr(data-cell-header); display:inline-block } 
table.bbs_default.list .checkbox { display:none } 
.bbs_search { padding:0 } 
.bbs_search form { margin:15px 3% } 
.bbs_search select { width:20%; margin:2px 0 } 
.bbs_search .input_text { width:20%; margin:2px 0; padding-left:0; padding-right:0; text-align:center } 
.bbs_search .submit { margin:2px 0 } 
 } 
/*부산에가면>예약>낙동강생태탐방 예약*/
table.bbs_type2.list { width:100%; border-collapse:collapse; margin-top:5px } 
table.bbs_type2.list thead { border:1px solid #151515 } 
table.bbs_type2.list thead tr:first-child th { border-top:2px solid #151515 } 
table.bbs_type2.list thead th { border-bottom:1px solid #151515; line-height:140% } 
table.bbs_type2.list th { padding:15px 10px; border-bottom:1px solid #d9d9d9; text-align:center; font-weight:600 } 
table.bbs_type2.list td { padding:15px 10px; border-bottom:1px solid #d9d9d9; color:#737373; text-align:center; line-height:140% } 
table.bbs_type2.list td .subject { font-weight:600; font-size:18px } 
.counter { margin-bottom:10px; letter-spacing:1px } 
.counter strong { font-size:21px; color:#e23d3d } 
table.bbs_default { width:100%; border-collapse:collapse; margin:0 } 
/*css는 있는데 화면에 사용안하는듯*/
.tit_view_wrap > div:last-child {border-bottom: 1px solid #d5e3e8;padding-bottom:3%} 
.tit_view_wrap .tit_view_sub p { font-size: 35px; text-align:center; line-height: 45px; } 
.tit_view_wrap .tit_view_sub2 { margin-top:2% } 
.tit_view_wrap .tit_view_sub2 p { text-align:center; font-size:16px } 
.tit_view_wrap .tit_view_sub3 { margin-top:2% } 
.tit_view_wrap .tit_view_sub3 ul { display:flex; justify-content:center } 
.tit_view_wrap .tit_view_sub3 li { font-size:16px } 
.tit_view_wrap .tit_view_sub3 li:not(:last-child) { border-right:1px solid #d5e3e8; margin-right:2%; padding-right:2% } 
.tit_view_wrap .tit_view_sub3 strong { margin-right:10px } 
@media all and (max-width:1200px) { 
 .tit_view_wrap .tit_view_sub p { font-size:24px; line-height: 30px;  } 
 .tit_view_wrap .tit_view_sub2 p { font-size:14px } 
 .tit_view_wrap .tit_view_sub3 li { font-size:14px } 
 } 
@media all and (max-width:900px) { 
 .tit_view_wrap > div:last-child { margin-top: 1%; } 
 .tit_view_wrap .tit_view_sub p { font-size:20px } 
 .tit_view_wrap .tit_view_sub2 { padding-left: 25px; } 
 .tit_view_wrap .tit_view_sub2 p { font-size:13px; text-align: left; } 
 .tit_view_wrap .tit_view_sub3 { /*padding-left: 25px;*/ margin-top: 5%; } 
 .tit_view_wrap .tit_view_sub3 ul {/* flex-direction: column; */ } 
 .tit_view_wrap .tit_view_sub3 li { font-size:13px; } 
 .tit_view_wrap .tit_view_sub3 li:not(:last-child) { border-right: unset; margin-right: unset; padding-right: unset; margin-bottom: 1%; } 
 } 
/*리스트 게시판 보기*/
table.bbs_default.view th { padding:12px 15px; border-bottom:1px solid #d5e3e8; background:#f2f7f9; font-weight:600; text-align:center } 
/* table.bbs_default.view td { padding:3%; border-bottom:1px solid #d5e3e8 } lcs 임시 주석 2023-11-09 */
table.bbs_default.view td { border-bottom:1px solid #d5e3e8 } 
table.bbs_default.view td.case_cont { padding:12px 15px; border-bottom:1px solid #d5e3e8 } 
table.bbs_default.view thead tr:first-child th { border-top:2px solid #151515; border-bottom:1px solid #aaa } 
table.bbs_default.view .subject td { font-weight:700 } 
table.bbs_default.view .subject.delete .subject_text { font-weight:400; color:#888 } 
table.bbs_default.view .delete .delete_info { font-size:.9em; color:#2e84d1 } 
table.bbs_default.view .bbs_content { min-height:150px; text-align:left; line-height:24px } 
table.bbs_default.view .bbs_content img {height:auto;max-width: 1000px;width: 100%;} 
table.bbs_default.view .bbs_content .photo_area { margin-bottom:25px; text-align:center } 
table.bbs_default.view .bbs_content .photo_view { position:relative; width:auto; margin:15px auto; font-size:0; line-height:0 } 
table.bbs_default.view .bbs_content .photo_view .photo_wrap { display:inline-block; position:relative } 
table.bbs_default.view .bbs_content .photo_view img { max-width:640px; max-height:480px; padding:5px; border:1px solid #eee } 
table.bbs_default.view .bbs_content .photo_zoom { display:block; overflow:hidden; position:absolute; bottom:7px; right:7px; z-index:10; width:25px; height:25px; padding:6px; background:url(/common/images/board/mask.png); font-size:12px } 
table.bbs_default.view .bbs_content .photo_zoom a { display:block; width:25px; height:25px; background:url(/common/images/board/bbs_icon.png) no-repeat 0 -200px; font-size:0; line-height:0; text-indent:100% } 
table.bbs_default.view ul.view_attach li { margin:1% 0 } 
table.bbs_default.view ul.view_attach li img { margin-right:5px } 
table.bbs_default.view ul.view_attach li .file_size { margin-left:10px; font-size:11px; letter-spacing:-1px; font-family:'dotum'; color:#2e84d1 } 
table.bbs_default.view ul.view_attach li .download_num { margin-left:10px; font-size:11px; letter-spacing:-1px; font-family:'dotum'; color:#2e84d1 } 
table.bbs_default.view .bbs_attach_preview { display:inline-block; height:20px; line-height:20px; margin-left:5px; padding-left:8px; border:1px solid #686868; background:#686868; color:#fff; font-size:.9em; vertical-align:middle } 
table.bbs_default.view .bbs_attach_preview .ico_preview { display:inline-block; width:20px; height:20px; margin:0 0 1px 10px; background:#fff url(/common/images/board/bbs_icon.png) no-repeat -95px -46px; vertical-align:top } 
table.bbs_default.view .down_view { font-size:14px } 
table.bbs_default.view .down_view > span { display:inline-block } 
table.bbs_default.view .file_view { display:inline-block; width:95px; height:27px; background:url(/images/sub/list_icon_view.png) 10px center no-repeat; border:1px solid #dbdbdb; padding:5px 10px 5px 27px; font-size:14px } 
table.bbs_default.view a.file_view:hover { background-color:#f8f8f8 } 
table.bbs_default.view .file_down:hover { text-decoration:underline } 

table.bbs_default.view td .event_table td {border: 0;}
@media only screen and (max-width:600px) { 
table.bbs_default.view tr { display:block; padding:4px 0 } 
table.bbs_default.view tr:after { display:block; clear:both; content:"."; visibility:hidden; height:0 } 
table.bbs_default.view tr { display:inline-block } 
table.bbs_default.view tr { display:block } 
table.bbs_default.view th { display:block; float:left; clear:left; width:100%; padding:10px 3% 0; border:none; background:none; color:#222; text-align:left; box-sizing:border-box } 
table.bbs_default.view td { display:block; float:left; clear:left; width:100%; padding:0 3% 10px; box-sizing:border-box } 
table.bbs_default.view tr:first-child th { border-bottom:none } 
table.bbs_default.view tr:first-child td { border-top:none; padding: 0; } 
table.bbs_default.view .bbs_content img { width:100%; max-width:none; height:auto } 
table.bbs_default.view .bbs_content .photo_view { width:100% } 
table.bbs_default.view .bbs_content .photo_view img { max-width:100%; max-height:600px; padding:0; border:none } 
table.bbs_default.view ul.view_attach li a:not(.bbs_attach_preview) { display:inline-block } 
table.bbs_default.view ul.view_attach li .file_size { margin-left:22px } 
table.bbs_default.view input[type="radio"],table.bbs_default.view input[type="checkbox"] { width:auto; height:auto; padding-left:0 } 
table.bbs_default.view table td,table.bbs_default.view table th { float:none; clear:none; width:auto; display:table-cell } 
table.bbs_default.view table tr { display:table-row } 
table.bbs_default.view .response_table { max-width:600px } 
table.bbs_default.view td img { width:100% } 
table.bbs_default.view td .view_attach img { width:auto } 
table.bbs_default.view td .down_view img { width:auto } 
 } 
@media only screen and (max-width:500px) { table.bbs_default.view tr { border-bottom:none } 
table.bbs_default.view th { display:block; width:98%; padding:10px 1% 0; background:none; text-align:left } 
table.bbs_default.view td { } 
table.bbs_default.view [data-cell-header]:before { content:attr(data-cell-header); display:inline-block } 
table.bbs_default.view .response_table { max-width:430px } 
 } 
@media only screen and (max-width:400px) { table.bbs_default.view .response_table { max-width:360px } 
 } 
@media only screen and (max-width:360px) { table.bbs_default.view .response_table { max-width:320px } 
 } 
.bbs_view_move { margin-top:30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc } 
.bbs_view_move li strong { display:inline-block; width:20%; padding:12px 0; background:#f8f8f8 no-repeat 25% center; text-align:center; vertical-align:middle } 
.bbs_view_move li a { display:inline-block; overflow:hidden; width:75%; margin-left:2%; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle } 
.bbs_view_move li.prev { border-bottom:1px solid #e9e9e9 } 
.bbs_view_move li.prev strong { background-image:url(/common/images/board/ico_move_prev.gif) } 
.bbs_view_move li.next strong { background-image:url(/common/images/board/ico_move_next.gif) } 
@media only screen and (min-width:501px) and (max-width:640px) { 
 .bbs_view_move li strong { background-position:20% center } 
 } 
@media only screen and (max-width:500px) { 
 .bbs_view_move li strong { background:#f8f8f8!important } 
 } 
/*게시판목록 검색폼에 주로 사용되는듯 인풋+버튼형식으로*/
.input-group { display:inline-block; width:14.5rem; position:relative; margin:auto; vertical-align:middle } 
.input-group .label { text-indent:-9999px; font-size:0 } 
.input-group-ful { width:100%!important } 
.select-box { display:inline-block; min-width:148px; height:38px; margin-right:.5rem; background:#fff; vertical-align:middle } 
.select-box label { padding:0 1.25rem 0 .75rem } 
.input-group .form-control {float:left;width:100%;height:38px;padding:5px;line-height:1.5rem;/*color:#efefef; */z-index:auto;box-sizing:border-box;border:0;border-bottom:1px solid #d5e3e8} 
.input-group .form-control::placeholder {color:#333;}
.input-group-btn { position:absolute; top:1px; right:0; width:64px; height:38px; font-size:.75rem } 
.input-group-btn > .btn.btn-primary { display:block; width:100%; height:100%; background:url(/upload_data/board_data/BBS_0000014/164014039065429.png) 95% center no-repeat; color:#fff; line-height:36px; font-size:0 } 
.big-search-frm { text-align:center; margin:2.5rem auto } 
.big-search-frm.input-group-btn > .btn.btn-primary { font-size:0; padding:.75rem } 
.big-search-frm.form-control { height:3rem; line-height:2.9rem } 
.big-search-frm.input-group { width:25rem } 
.big-search-frm.input-group-btn { width:3rem; height:3rem } 
.input-group input { width:100%; height:100% } 
.input-group.input-size-s,.select-box.input-size-s { display:inline-block; width:27%; vertical-align:top } 


/*게시판목록 전체 몇건에 사용되는듯*/
.page-num > span { position:relative; float:left; position:relative; color:#666 } 
.page-num > span + span { padding-left:1.25rem } 
.page-num > span + span:before { position:absolute; top:50%; left:.625rem; width:1px; height:70%; background:#ddd; content:''; transform:translateY(-50%); -webkit-transform:translateY(-50%) } 
.page-num > span > em { color:#e90049; font-weight:700; font-style:normal; padding-right:3px } 
/*게시판목록 폼영역 감싸는 용도로 사용*/
.page-input-wrap { position:relative; height:40px; margin: 0px 0 1.5rem; overflow:hidden } 
.page-input-wrap .page-num { display:inline-block; margin-top:.7rem } 
.page-input-wrap .page-num span i { font-style:normal; font-size:14px; color:#e90049; font-weight:700 } 
.page-input-wrap .search-wrap { position:absolute; top:0; right:0; display:inline-block } 
.page-input-wrap .search-date { position:absolute; top:0; right:420px } 
.page-input-wrap .search-date span.title { font-weight:600; color:#000; padding-right:5px } 
.page-input-wrap .search-date input.dateBox { position:relative; display:inline-block; width:100px; height:38px; line-height:1.5rem; font-size:14px } 
.page-input-wrap .search-date label { display:inline-block; width:38px; height:38px; content:''; background:#ededed url(/images/sub/icon-calendar.png) center no-repeat; vertical-align:top; text-indent:-999px } 
.select-box { position:relative; width:auto; height:38px; padding:0; border:1px solid #d5e3e8 } 
.select-box label { position:absolute; top:0; left:0; width:100%; height:100%; line-height:38px; margin:0; padding:.4rem 1.25rem .5rem .75rem; color:#030101; letter-spacing:-.03125em; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } 
.select-box label:after { position:absolute; top:50%; right:.5rem; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:.8rem; line-height:.5rem; font-family:"xeicon"; content:"\e936"; transition:transform .3s; -webkit-transition:transform .3s } 
.select-box select.info-select { position:relative; width:100%; height:100%; padding:5px; border:0 none; vertical-align:top; cursor:pointer; z-index:1 } 
.select-box:hover,.select-box:active,.select-box:focus { border-color:#454c69!important } 
.select-box:hover label { color:#030101 } 
/*텍스트박스*/
.board-headInfo { position:relative; min-height:117px; padding:35px 40px 35px 240px; margin-bottom:40px; background-color:#f8fbfd; border:1px solid #dbe4e8; z-index:99 } 
.board-headInfo:before { position:absolute; display:block; content:''; top:-1px; left:-1px; width:50px; height:50px; border-top:1px solid #333; border-left:1px solid #333 } 
.board-headInfo:after { position:absolute; display:block; content:''; bottom:-1px; right:-1px; width:50px; height:50px; border-bottom:1px solid #333; border-right:1px solid #333 } 
.board-headInfo .iconInfo { position:absolute; top:35px; left:75px } 
.board-headInfo .infoTxt { position:relative; display:table; min-height:90px; color:#333 } 
.board-headInfo .infoTxt p { display:table-cell; vertical-align:middle; line-height:26px; font-size:15px } 
.board-headInfo .button { position:absolute; bottom:52px; right:52px } 
@media only screen and (max-width:650px) { 
 .page-input-wrap { height:77px; margin:0 0 1rem } 
.page-input-wrap .search-wrap { top:38px; width:100% } 
.select-box { width:111px; min-width:80px; float:left } 
.input-group { width:13.5rem; float:right } 
 } 
@media only screen and (max-width: 400px) { 
 .select-box { width:90px; min-width:80px; float:left } 
.select-box select.info-select { font-size:14px } 
.input-group .form-control { font-size:14px } 
.input-group { width:12.94rem } 
.input-group-btn > .btn.btn-primary { font-size:0 } 
 } 
/*부산여행사진 > 다운로드시 > 레이어 팝업*/
.layerPopup { padding:20px; width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.58); left:0; top:0; z-index:99; text-align:center } 
.layerPopup .boxing {overflow:hidden;padding:30px 40px;background-color:#0b59e6;width:600px;height:550px;margin:0 auto;position:absolute;top:calc(50% - 225px);left:50%;margin-left:-300px} 
.layerPopup .boxing table { margin:20px auto 30px; color:#fff } 
.layerPopup .boxing table tr { border-bottom:1px solid rgba(0,0,0,0.2) } 
.layerPopup .boxing table tr:first-child { border-top:1px solid rgba(0,0,0,0.2) } 
.layerPopup .boxing table th { background-color:rgba(0,0,0,0.3); color:#fff; padding:14px 7px; font-size:15px } 
.layerPopup .boxing table td { font-size:15px; text-align:left; padding:14px 15px } 
.layerPopup .boxing .btn_wrap { text-align:center; margin-top:20px } 
.layerPopup .boxing .btn_wrap a { color:#fff; display:inline-block; border:1px solid #fff; line-height:1em; padding:9px 15px } 
.layerPopup .boxing .btn_wrap a:hover { color:#0b59e6; border:1px solid #0b59e6; background-color:#fff } 
.layerPopup .boxing .btn_wrap input[type=submit] { width:90px; color:#fff; display:inline-block; background-color:#0b59e6; line-height:1em; padding:10px } 
.layerPopup .boxing .btn_wrap input[type=submit]:hover { color:#0b59e6; border:1px solid #0b59e6; background-color:#fff } 
.layerPopup button { cursor:pointer; display:inline-block; color:#fff; background-color:rgba(0,0,0,0.7); line-height:1em; padding:10px; vertical-align:top } 
/*부산여행사진 > 선택폼*/
.nuriBusan {} 
.check-area { display:flex } 
.check-area:not(:last-child) { margin-bottom:1.5% } 
.check-area dt { width:10%; background:transparent; font-size:18px; font-weight:500; margin-top:.5%; flex-shrink:1 } 
.check-area dd { width:90% } 
.check-area dd li { float:left; margin:0 0 5px 5px; padding:8px 15px; border-radius:50px; line-height:10px; font-size:14px; border:1px solid #d5e3e8; display:flex; align-items:center; font-size:14px } 
.check-area dd li input { display:inline-block; margin:unset; margin-right:4px } 
.check-area + .srh-area { position:relative; margin:20px auto; height:57px; background-color:#fff; overflow:hidden; border:1px solid #d5e3e8 } 
.check-area + .srh-area input { background-color:#fff; border:0; width:calc(100% - 77px); height:100%; padding:0 15px } 
.check-area + .srh-area input[type=submit] { position:absolute; right:0; top:0; width:76px; height:57px; border:0; text-indent:500%; background:url(/images/common2023/i-search-thin.png) no-repeat center center } 
.nuriBusan .srh-area {position:relative;width:40%;margin:20px auto;height:57px;} 
.nuriBusan .srh-area input {border:0;width:calc(100% - 77px);height:100%;color: #000;box-sizing:border-box} 
.nuriBusan .srh-area input[type=submit] {position:absolute;right:0;top:0;width:76px;height:57px;border:0;text-indent:500%;background: url(/images/common2023/i-search-thin.png) no-repeat center center;} 
/*부산여행사진 > 사진목록*/
.photo-list { margin-top:20px } 
.photo-list li { height:230px; border:1px solid #d5e3e8; margin:10px auto; display:block } 
.photo-list li > div { float:left; display:block } 
.photo-list li .thumb-img { width:350px; height:230px; overflow:hidden } 
.photo-list li .thumb-img img { width:100%!important; height:230px } 
.photo-list li .cont-txt { position:relative; width:630px; padding:20px 30px; font-size:15px; line-height:180% } 
.photo-list li .cont-txt:after { position:absolute; right:40px; top:30px; content:''; width:1px; height:170px; background:#ddd } 
.photo-list li .cont-txt .subject { font-size:18px; font-weight:600; color:#000; margin:0 0 10px } 
.photo-list li .nuri { margin-top:50px } 
.photo-list li .count { margin:10px 0 } 
.photo-list li .count u { text-decoration:none; color:#e82828; font-weight:600 } 
.photo-list li .btn-down { width:162px; margin-top:60px } 
@media all and (max-width:1200px) { 
 .check-area dt { font-size:16px; width:15% } 
 } 
@media all and (max-width:900px) { 
 .check-area { flex-direction:column } 
.check-area dt { width:100%; text-align:left; margin-bottom:1.5% } 
.check-area dd { width:100% } 
.check-area dd li { padding:5px 10px; font-size:13px } 
 } 
@media all and (max-width:640px) { 
 .nuriBusan { padding:0 } 
.nuriBusan .srh-area { width:100% } 
.check-area dt { font-size:14px } 
.check-area dd { width:90% } 
.check-area + .srh-area { height:40px } 
.check-area + .srh-area input { width:calc(100% - 40px) } 
.check-area + .srh-area input[type=submit] { height:40px; width:40px; top:-2px } 
.photo-list li { height:auto; border:1px solid #ddd; margin:10px auto; display:block } 
.photo-list li > div { float:none } 
.photo-list li .thumb-img { width:100%; height:230px; overflow:hidden } 
.photo-list li .thumb-img img { width:100%; height:230px } 
.photo-list li .cont-txt { width:100% } 
.photo-list li .cont-txt:after { position:absolute; right:40px; top:30px; content:''; width:0; height:170px; background:#ddd } 
.photo-list li .nuri { margin-top:20px } 
.photo-list li > .btn-down { margin:0 auto; text-align:center } 
 } 
.down { height:32px; line-height:32px; border:0 solid #ccc; font-size:14px; background:url(/images/common/ico-down.png) no-repeat 15px 5px; display:block; color:#000; padding-left:45px } 
/*다운로드수*/
.sec-more a { width:108px; height:58px; line-height:58px; border:1px solid #e7eff2; text-align:center; display:block; font-size:16px } 
.sec-more a:hover { background:#000 } 
.sec-more:hover a { color:#fff } 
/*트랜지션 움직임 속도*/
.trans01 { -webkit-transition:all .1s ease-out; -moz-transition:all .1s ease-out; -o-transition:all .1s ease-out; transition:all .1s ease-out } 
.trans02 { -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out } 
.trans03 { -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out } 
.trans04 { -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; -o-transition:all .4s ease-out; transition:all .4s ease-out } 
.trans05 { -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; transition:all .5s ease-out } 
.trans10 { -webkit-transition:all 1s ease-out; -moz-transition:all 1s ease-out; -o-transition:all 1s ease-out; transition:all 1s ease-out } 
/*css만 있고 화면에서 사용안하는듯*/
.bbs_search { margin-top:30px; padding:15px 0; text-align:center } 
.bbs_search .input_text { width:200px; padding:10px } 
.bbs_search .submit { padding:8px 20px 12px; border:1px solid #686868; background:#686868 } 
.bbs_search .submit a { color:#fff } 
.bbs_search .submit:hover { border:1px solid #151515; background:#151515 } 
.bbs_search .period { display:inline-block } 
.bbs_search .period > input[type='text'] { display:inline-block; background:#fff url(/images/common/ico_calendar.gif) no-repeat 96% 12px } 
/*유용한정보 > 지금부산은 > 목록형달력*/
.cal-nowBusan { margin-bottom:50px } 
.cal-nowBusan:after { clear:both; display:block; content:'' } 
.cal-nowBusan .cal-month { width:100%; position:relative; border-bottom:2px solid #000; height:53px } 
.cal-nowBusan .cal-month .mon-prev { position:absolute; top:0; left:35%; width:34px; height:34px; background:url(/images/sub/mytrip02.jpg) no-repeat; font-size:0 } 
.cal-nowBusan .cal-month .mon-next { position:absolute; top:0; right:35%; width:34px; height:34px; background:url(/images/sub/mytrip03.jpg) no-repeat; font-size:0 } 
.cal-nowBusan .cal-month button:hover { transition:.3s } 
.cal-nowBusan .cal-month .mon-text { text-align:center; color:#000; font-size:30px; font-weight:600 } 
.cal-nowBusan .cal-month .arrayIcon { position:absolute; top:2px; right:0 } 
.cal-nowBusan .cal-month .arrayIcon button { display:inline-block; width:92px; height:30px; margin-left:4px; padding-left:30px } 
.cal-nowBusan .cal-month .arrayIcon .arrIcon4.active { background:url(/images/sub/sortIcon_s4_on.png) no-repeat } 
.cal-nowBusan .cal-month .arrayIcon .arrIcon4 { background:url(/images/sub/sortIcon_s4_off.png) no-repeat } 
.cal-nowBusan .cal-month .arrayIcon .arrIcon2.active { background:url(/images/sub/sortIcon_s2_on.png) no-repeat } 
.cal-nowBusan .cal-month .arrayIcon .arrIcon2 { background:url(/images/sub/sortIcon_s2_off.png) no-repeat } 
.cal-nowBusan .group { margin:0 auto; padding:50px 0; width:564px } 
.cal-nowBusan .group:after { clear:both; content:''; display:block } 
.cal-nowBusan .group > .category { float:left; width:90px; text-align:center; border:1px solid #aaa; margin:0 2px; padding:10px } 
.cal-nowBusan .group > .category.on { border:1px solid #e43f3f; color:#e43f3f; font-weight:600 } 
@media all and (max-width:640px ) { 
 .cal-nowBusan .group { width:342px; padding:10px 0 } 
.cal-nowBusan .group > .category { width:53px } 
 } 
.cal-schedule .calBox { width:48%; margin-left:4%; float:left; border-top:1px solid #dfdfdf; overflow:hidden; padding-bottom:18px } 
.cal-schedule .calBox:nth-child(odd) { margin-left:0; clear:both } 
.cal-schedule .calBox > div.day { width:11%; margin-right:3%; padding-top:14px; float:left; position:relative; display:block } 
.cal-schedule .calBox > div.subject { width:86%; float:left; position:relative; padding-top:14px } 
.cal-schedule .calBox > div.day .dayBox { width:60px; height:60px; margin:0 auto; border-radius:50%; background-color:#f7f7f7; text-align:center } 
.cal-schedule .calBox > div.day .dayBox span { display:block; font-size:20px; font-weight:600; color:#000; padding-top:12px } 
.cal-schedule .calBox > div.day .dayBox em { display:block; font-size:13px; color:#888; font-style:normal; margin-top:3px } 
.cal-schedule .calBox > div.day .dayBox.sun span,.cal-schedule .calBox > div.day .dayBox.sun em { color:#e43f3f } 
.cal-schedule .calBox > div.day .dayBox.sat span,.cal-schedule .calBox > div.day .dayBox.sat em { color:#364dc1 } 
.cal-schedule .calBox > div.day .todayBox { position:absolute; top:66px; left:12px; font-size:15px; font-weight:600; color:#e43f3f; line-height:35px } 
.cal-schedule .calBox > div.subject li { padding:7px 0; position:relative; text-align:left } 
.cal-schedule .calBox > div.subject li p { width:580px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:600; line-height:19px; color:#333 } 
.cal-schedule .calBox > div.subject li a:before { width:3px; height:3px; background:#aaa; display:inline-block; content:""; margin:0 9px 5px 0 } 
.cal-schedule .calBox > div.subject li .info { position:absolute; top:5px; left:58%; font-size:14px; text-align:left; display:none } 
.cal-schedule .calBox > div.subject li .info .date { float:left; margin-right:10px } 
.cal-schedule .calBox > div.subject li .info .call { float:left; width:250px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap } 
.cal-schedule .calBox > div.subject li .info strong { color:#3f3f3f; font-weight:600 } 
.cal-schedule .calBox > div.subject li .info strong:after { width:1px; height:10px; background:#c1c1c1; content:''; display:inline-block; margin:0 2px 0 8px } 
.cal-schedule .calBox > div.subject .no-schedule { text-align:center; padding:20px 0 0 } 
.cal-schedule .calBox > div.subject .no-schedule span { color:#8154e2; font-weight:600 } 
.cal-schedule .calBox > div.subject li a span { font-size:13px; font-weight:400; display:inline-block; margin-right:5px; color:#fff; padding:1px 3px; border-radius:3px } 
.cal-schedule .calBox > div.subject li a span.i_c1 { background:#8154e2 } 
.cal-schedule .calBox > div.subject li a span.i_c2 { background:#e3579c } 
.cal-schedule .calBox > div.subject li a span.i_c3 { background:#51b694 } 
.cal-schedule .calBox > div.subject li a span.i_c4 { background:#e08730 } 
.cal-schedule .calBox > div.subject li a span.i_c5 { background:#647a81 } 
/*id값만있고 화면에서 사용안하는듯*/
#ui-datepicker-div { z-index:999999!important } 
/*부산여행사진 > 사진목록*/
.cardlist { overflow:hidden } 
.cardlist li { float:left; width:calc(31.2%); margin-right:3.2%; height:auto } 
.cardlist li:nth-child(3n) { margin-right:0 } 
.cardlist li .cont-txt2 { padding:4% 6%; font-size:15px; line-height:180% } 
/*부산여행사진 > 사진목록*/
.photo-list li .cont-txt2:after { position:absolute; right:40px; top:30px; content:''; width:1px; height:170px; background:#ddd; display:none } 
.photo-list li .cont-txt2 .subject {font-size:18px;font-weight:600;color:#000;margin:0 0 10px} 
.photo-list li .cont-txt2 p {
    width: 100%;
    letter-spacing: -0.7px;
    display: -webkit-box;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.photo-list li .cont-txt2 p:last-child {-webkit-line-clamp: 2; line-height: 19px; margin-top: 3px;height: 40px;}
.cardlist li .btn-down2 { text-align:center; width:100%; margin-bottom:20px } 
.cardlist li .btn-down2 span { display:inline-block } 
.cardlist li .btn-down2 span u { color:red } 
.photo-list li .thumb-img2 { width:100%!important; height:290px; overflow:hidden } 
.photo-list li .thumb-img2 img { width:100% } 
@media only screen and (max-width:1200px) { 
 .photo-list li .thumb-img2 { height:auto } 
 } 
@media only screen and (max-width:650px) { 
    .cal-nowBusan .cal-month .mon-text { font-size:18px; line-height:37px } 
    .cal-nowBusan .cal-month .mon-prev { left:20% } 
    .cal-nowBusan .cal-month .mon-next { right:20% } 
    .cal-nowBusan .cal-month .arrayIcon button { font-size:0; width:32px } 
    .cal-schedule .calBox { width:100%; margin-left:0 } 
    .cal-schedule .calBox > div.day { width:20% } 
    .cal-schedule .calBox > div.subject { width:77% } 
    .cal-schedule .calBox > div.subject li p { width:100%; font-size:15px } 
    .cal-schedule .calBox > div.day .todayBox { left:20px } 
    .cardlist li { margin-right:0; width:100% } 
    .photo-list li .cont-txt2 p {
        width: 100%; letter-spacing: -0.7px;
        display: inline-block;
        text-overflow: unset;

    }
} 

.curation ul li { margin-bottom:1%; border-bottom:1px solid #e7eff2; padding-bottom:1% } 
.curation ul li dl { display:flex; align-items:center } 
.curation ul li dt { width:10%; font-size:18px; line-height:39px; font-weight:500 } 
.curation ul li dd { width:90%; display:flex; flex-wrap:wrap } 
.curation ul li dd p { border-radius:50px; cursor:pointer; font-size:15px; margin:3px } 
.curation ul li dd p .span_before:before { display:inline-block; content:'#'; width:20px; height:20px; line-height:16px; vertical-align:middle; margin-left:15px; border-radius:50%; text-align:center; margin-right:0 } 
.curation ul li dd p:hover span { background-color:#fff; color:#0077cb } 
.curation ul li dd p label { display:inline-block; font-weight:400; box-sizing:border-box; background-color:rgba(255,255,255,0.9); color:#333; border-radius:50px; white-space:nowrap; padding:5px 10px; border:1px solid #d5e3e8 } 
.curation ul li dd p label:hover { border-color:#0077cb } 
.curation ul li dd p label:before { display:inline-block; content:'#'; width:20px; height:20px; line-height:20px; border-radius:50%; background-color:#0077cb; text-align:center; color:#fff; margin-right:6px } 
.curation ul li dd p input[type="checkbox"]:checked + label:before { color:#0077cb; background-color:#fff } 
.curation ul li dd p input[type="checkbox"]:checked + label { border-color:#0077cb; background-color:#0077cb; color:#fff; transition:all .2s } 
.curation ul li dd p input[type="checkbox"] { position:absolute; opacity:0 } 
.curation ul li dd p input[type="checkbox"]:focus + label { border:1px solid #0077cb; box-sizing:border-box } 
@media (max-width:900px) { 
 .curation ul li dt { font-size:16px } 
.curation ul li dd p { font-size:14px } 
.curation ul li dd p label { padding:4px 8px } 
.curation ul li dd p label:before { width:18px; height:18px; line-height:17px } 
.curation ul li dd p .span_before:before { margin-left:0 } 
 } 
@media (max-width:600px) { 
 .curation ul li dt { font-size:14px } 
.curation ul li dd p { font-size:12px } 
.curation ul li dd p label { padding:3px 8px 3px 5px } 
.curation ul li dd p label:before { width:15px; height:15px; line-height:15px } 
 } 
.curation .tag { overflow:hidden; padding:10px 20px } 
.curation .tag .left { float:left } 
.curation .tag .left h3 { display:inline-block; color:#0077cb; padding-left:30px; background:url(https://www.visitbusan.net/upload_data/board_data/BBS_0000014/164032580473074.png) no-repeat; line-height:27px; margin-right:20px; border-right:1px solid #ddd; padding-right:21px } 
.curation .tag .left p { display:inline-block; min-width:60px; margin-right:10px } 
.curation .tag .right { float:right } 
.curation .tag .right button { width:140px; height:50px; line-height:50px; text-align:center; display:inline-block; background:#222; color:#fff; margin:0 } 
.curation .tag .right button.order1 { border:1px solid #222; background:#fff; color:#222; background:url(https://www.visitbusan.net/upload_data/board_data/BBS_0000014/164032949736342.png) 30px no-repeat; padding-left:15px } 
@media (max-width:600px) { 
 .curation .tag { padding:0 } 
.curation .tag .right { float:none; width:100% } 
.curation .tag .right button { width:calc(50% - 3px); height:35px; line-height:35px; font-size:15px } 
.curation .tag .left { float:none; width:100%; margin-bottom:20px } 
 }                       

 /*20240411 태그 검색영역 수정 (search-frm search_tag 안에있는 input-group)*/
.search-frm.search_tag .input-group {
    width: 90%; max-width: 415px;
 }
.search-frm.search_tag .input-group .form-control {
    height: 55px;padding: 5px 25px;border-radius: 28px;border: 1px solid #cdcdcd;
} 
.search-frm.search_tag .input-group-btn > .btn.btn-primary {
    background: url(/images/common2023/i-search-thin.png) no-repeat 55% 48%;color:#fff;
} 
.search-frm.search_tag .input-group.line_search .form-control {
    height: 38px;padding: 5px 10px;
} 
.search-frm.search_tag .input-group-btn {height: 55px;} 
@media (max-width:600px) { 
    .search-frm.search_tag .input-group .form-control {font-size:14px;height: 45px;} 
    .search-frm.search_tag .input-group-btn > .btn.btn-primary {background-position: 60% 30%;}
}                                        

/*축제행사 상세페이지 2024.05.23*/
#contents p {line-height: 24px;}
#contents img {width: 100%;}
#information {
    padding: 30px 0;
}
#information .inform_border {
    border: 1px solid #d5e3e8;
    border-radius: 20px;
    padding: 2.5% 3.5%;
}
#information  h5 {
    font-size: 24px; font-weight: 500;
    color: #222;
    margin: 60px 0 30px;
}
#information .inform_text .inform_text_inner {overflow: hidden; display: flex;}
#information .inform_text  ul {
    width: 48%;
}
#information .inform_text ul.border_r {border-right: 1px solid #d5e3e8; margin-right: 4%;}
#information .inform_text ul li {
    font-size: 16px; margin-bottom: 15px;
    overflow: hidden; line-height: 20px;
}
#information .inform_text ul li div {float: left;}
#information .inform_text ul li .name {
    font-weight: 500; font-size: 17px;
    width: 15%; overflow: hidden;
}
#information .inform_text  ul li .detail {width: 85%;}
#information .inform_text  ul li p {margin-right: 20px;}
#information .inform_text .link_btn {overflow: hidden; margin-top: 35px;}
#information .inform_text .link_btn a {
    display: block; float: left;
    width: 200px; height: 45px; line-height: 43px;
    color: #fff; font-size: 15px;
    padding: 0 25px; margin-right: 10px;
    background: url(/upload_data/board_data/BBS_0000014/171645009609849.png) no-repeat #222;
    background-position: 90% 50%;
    transition: all 0.3s; margin-bottom: 5px;
}
#information .inform_text .link_btn a:hover {background-color: #000;}
#information .inform_border .view_attach {overflow: hidden;}
#information .inform_border .view_attach li {float: left; margin-right: 10px;}
#information .inform_border .down_view .file_down_02 {
    display: inline-block; color: #222;
    padding: 15px 20px; padding-right: 70px;
    border: 1px solid #222;
    background: url(/upload_data/board_data/BBS_0000014/171645050420743.png) no-repeat;
    background-position: 92% 50%; margin-bottom: 5px;
}
#information .inform_border .down_view span { margin-right: 15px;}
@media (max-width:900px) { 

    #information .inform_border {padding: 20px 30px;}
    #information  h5 {font-size: 18px;}
    #information .inform_text .inform_text_inner {display: block;}
    #information .inform_text  ul {width: 100%;}
    #information .inform_text ul.border_r {border: none; margin-right: 0;}
    #information .inform_text ul li {font-size: 15px;}
    #information .inform_text ul li .name {font-size: 15px; width: 55px;}
    #information .inform_text  ul li .detail {width: calc(100% - 60px);}
    #information .inform_text .link_btn {margin-top: 20px;}
    #information .inform_text .link_btn a {
        width: auto; height: auto; line-height: 20px;
        padding: 10px 70px 10px 15px;
        font-size: 14px;
    }
    #information .inform_border .down_view .file_down_02 {
        padding: 10px 55px 10px 15px; line-height: 20px;
        font-size: 14px; 
    }
}