@charset "UTF-8"; /* bok 1*/
#container { padding-top:140px } 
#content { display:block; overflow:hidden } 
.responsive-wrap { width:100%; overflow-x:auto; overflow-y:hidden } 
.responsive3 { width:100%; min-width:800px; line-height:16px; margin-bottom:1%; max-width:99% } 
.newinner { max-width:1300px; width:100%; margin:0 auto } 
@media (max-width: 640px){
 #container { padding-top:100px } 
.img100 { width:100% } 
 }
/* h1~h4 */
h1.h1 { font-size:30px; font-size: calc(14px + 1vw); color:#0077cb; padding:10px 0 } 
h1.h1:before { display:none; content:''; width:20px; height:24px; margin:5px 8px 0 0; float:left } 
.h1_wrap { padding:10px 0; line-height:26px; margin-bottom: 2%; } 
.h1_wrap p { word-break:keep-all } 
h2.h2 { font-size: calc(13px + 0.5vw); color:#000; padding:10px 0; clear:both; margin-top:10px; line-height: normal; } 
h2.h2:before { display:none; content:''; width:10px; height:15px; margin:2px 8px 0 0; float:left; background:url(/images/common/h2-icon.png) 0 center no-repeat } 
.h2_wrap { line-height:24px; clear:both } 
.h2_wrap p { padding-bottom:15px; word-break:keep-all } 
.conIcon { margin-left:160px; min-height:160px } 
.conIcon:before { display:block; content:''; width:133px; height:133px; float:left; background-color:#eef4f9; border-radius:50%; background-repeat:no-repeat; background-position:center; margin-left:-160px } 
.conIcon .b-list01 { clear:Both; overflow:hidden; margin-top:10px } 
.conIcon.ic01:before { background-image:url(/images/sub/con-icon01.png) } 
.conIcon.ic02:before { background-image:url(/images/sub/con-icon02.png) } 
.conIcon.ic03:before { background-image:url(/images/sub/con-icon03.png) } 
.conIcon.ic04:before { background-image:url(/images/sub/con-icon04.png) } 
.conIcon.ic05:before { background-image:url(/images/sub/con-icon05.png) } 
.conIcon.ic06:before { background-image:url(/images/sub/con-icon06.png) } 
.conIcon.ic07:before { background-image:url(/images/sub/con-icon07.png) } 
.conIcon.ic08:before { background-image:url(/images/sub/con-icon08.png) } 
.conIcon.ic09:before { background-image:url(/images/sub/con-icon09.png) } 
.conIcon.ic10:before { background-image:url(/images/sub/con-icon10.png) } 
.conIcon.ic11:before { background-image:url(/images/sub/con-icon11.png) } 
.conIcon.ic12:before { background-image:url(/images/sub/con-icon12.png) } 
.conIcon.ic13:before { background-image:url(/images/sub/con-icon13.png) } 
.conIcon.ic14:before { background-image:url(/images/sub/con-icon14.png) } 
.conIcon.ic15:before { background-image:url(/images/sub/con-icon15.png) } 
.conIcon.ic16:before { background-image:url(/images/sub/con-icon16.png) } 
.conIcon.ic17:before { background-image:url(/images/sub/con-icon17.png) } 
.conIcon.ic18:before { background-image:url(/images/sub/con-icon18.png) } 
.conIcon.ic19:before { background-image:url(/images/sub/con-icon19.png) } 
.conIcon.ic20:before { background-image:url(/images/sub/con-icon20.png) } 
.conIcon.ic21:before { background-image:url(/images/sub/con-icon21.png) } 
.conIcon.ic22:before { background-image:url(/images/sub/con-icon22.png) } 
.conIcon.ic23:before { background-image:url(/images/sub/con-icon23.png) } 
.conIcon > p { padding:10px 0; color:#000; font-size:17px; letter-spacing:.3px } 
@media (max-width: 640px){
 .conIcon { margin-left:0 } 
.conIcon:before { display:none } 
.h2_wrap { padding:0 } 
 }
.b-list01 { clear:both; margin-top: 1%; } 
.b-list01 li { position:relative; padding-left:10px; margin-bottom:8px; line-height:24px } 
.b-list01 li span { display:inline-block; padding:0 9px 0 0 } 
.b-list01 li:before { display:block; content:""; position:absolute; left:0; top:10px; width:4px; height:4px; background:#466383; border-radius:50% } 
.b-list01 li a.ul-link { font-size:12px; display:inline-block; background:#eef4f9; padding:1px 10px; border-radius:10px } 
.b-list01 li a.ul-link:hover { background-color:#c5c5c5; color:#000; transition:.3s } 
.b-list01 li a.ul-link:before { width:13px; height:14px; margin:5px 0 0 5px; content:''; display:block; float:right; background:url(/images/sub/icon-newWin.png) no-repeat } 
.b-list01 li li { font-size:15px; color:#555; padding-left:6px } 
.b-list01 li li:before { background-color:#8c8c8c; width:2px; height:2px } 
.b-list01 strong { color:#000; font-weight:600 } 
.b-list01 .bus-info ul li { margin:5px 0 } 
.b-list01 .bus-info ul li strong { padding-right:10px } 
.b-list01 .bus-info ul li strong:after { display:inline-block; content:''; width:1px; height:10px; margin:2px 0 0 8px; border-right:2px dotted #c2cdd5 } 
.data-list { clear:both } 
.data-list li { letter-spacing:-0; line-height:27px; margin-left:10px } 
.data-list li:before { content:''; display:block; float:left; margin:12px 5px 0 -10px; width:3px; height:3px; background-color:#3e4c58; border-radius:50% } 
.data-list li li { margin:5px 0 5px 10px; font-size:14px; line-height:22px; margin-bottom:5px; color:#444 } 
.data-list li li:before { content:''; display:block; float:left; margin:10px 5px 0 -10px; width:4px; height:1px; background-color:#b4b4b4 } 
.b-dl dt { display:inline-block; font-weight:600; color:#222 } 
.b-dl dt:after { display:block; content:''; width:1px; height:9px; float:right; margin:8px 0 0 10px; border-right:1px dotted #989898 } 
.b-dl dd { display:inline; padding-left:5px } 
.b-dl dd:after { display:block; width:100%; height:1px; content:'' } 
.clm-2 { width:100%; clear:both; overflow:hidden } 
.clm-2 .item-box { width:48%; float:left; margin-right:2%; padding-bottom:2% } 
@media (max-width: 640px){
 .clm-2 .item-box { width:96% } 
 }
/* btn point */
.btnArea { width:100% } 
.btnArea.btnCen { text-align:center } 
.btnArea .btnBasic { position:relative; display:inline-block; padding:12px 20px; background-color:#f0f0f0; text-align:center; font-size:14px; font-weight:600; color:#444 } 
.btnArea .btnBasic:hover { background-color:#dbdbdb; transition:.5s } 
.btnArea .btnBasic:before { position:absolute; display:block; content:''; top:-1px; left:0; width:17px; height:17px; background:url(/images/sub/btn-point1.png) 0 no-repeat } 
@media (max-width: 640px){
 .btnArea .btnBasic { font-size:13px; padding:12px 16px } 
 }
/* table */
.b-table { width:100%; position:relative; border-spacing:0; word-break:break-all } 
table.b-table:before { display:block; content:""; position:absolute; left:0; top:-1px; width:1px; height:100%; background:#fff } 
table.b-table:after { display:block; content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:#000 } 
table.b-table th,table.b-table td {padding:10px 18px 12px;font-weight: 400;color:#000;line-height:22px} 
table.b-table thead th { font-size:15px; letter-spacing:-1px; font-weight:600; line-height:25px; border-left:1px solid #d5e3e8; background:#eef4f9 } 
table.b-table tbody th,table.b-table td { border-bottom:1px solid #d5e3e8; border-left:1px solid #d5e3e8; text-align:left } 
table.b-table tbody td:last-child { border-right:1px solid #d5e3e8 } 
table.b-table tbody th,table.b-table tfoot th,table.b-table tfoot td { background:#eef4f9; font-weight:600; text-align:center } 
table.b-table.thL tbody td,table.b-table.thL tbody th {font-size: 15px;letter-spacing:-1px;line-height:25px;border-top:1px solid #38aed6} 
@media (max-width: 640px) { table.b-table th,table.b-table td { padding:10px 3px 12px } 
 }
/*travel_cate는 사용안하는듯 travel_cateSrh만 사용중*/
.travel_cate { overflow:hidden; width:100% } 
.travel_cate .cate-item { width:25%; float:left } 
.travel_cate .cate-item:nth-child(1) .title { border-left:1px solid #ccc } 
.travel_cate .cate-item.tv2 .sel ul li { width:33% } 
.engWrap .travel_cate .cate-item.tv2 .sel ul li { width:50% } 
.travel_cate .cate-item:last-child { border-right:1px solid #ccc } 
.travel_cate .cate-item .title { padding:15px 25px; border:1px solid #ccc; border-width:1px 1px 1px 0; background-color:#f6f6f6; background-image:url(/images/sub/icon-cu-arrow.png); background-repeat:no-repeat; background-position:95% center } 
.travel_cate .cate-item .title span { display:block; font-weight:600 } 
.travel_cate .cate-item .sel { padding:15px 25px; border:1px solid #ccc; border-width:0 1px 1px 0; height:103px; overflow-y:scroll } 
.travel_cate .cate-item:nth-child(1) .sel { border-left:1px solid #ccc } 
.travel_cate .cate-item .sel .inner { width:100% } 
.travel_cate .cate-item .sel ul li { width:50%; float:left; margin-bottom:10px } 
.travel_cate .cate-item .sel ul li i.i-tit { padding-left:10px } 
@media (max-width: 640px){
 .travel_cate .cate-item { width:50% } 
.engWrap .travel_cate .cate-item.tv2 .sel ul li { width:100% } 
.engWrap .travel_cate .cate-item .title { padding-left:9px } 
.engWrap .travel_cate .cate-item .title span { font-size:15px } 
.travel_cate .cate-item:nth-child(3) .sel,.travel_cate .cate-item:nth-child(3) .title { border-left:1px solid #ccc } 
 }
.travel_cate .tag_search .inner { width:100%; height:57px; position:relative; border:1px solid #ccc; border-width:0 1px 1px; overflow-y:hidden; overflow:hidden } 
.travel_cate .tag_search .tag_tit { position:absolute; top:20px; left:25px; font-weight:600; color:#000 } 
.travel_cate .tag_search .tag_list { padding-left:190px } 
.travel_cate .tag_search .tag_list li { float:left; padding:13px 0 } 
.travel_cate .tag_search .tag_list li span { display:block } 
.travel_cate .tagBtn1 { padding:4px 15px; border:1px solid #d9d9d9; border-radius:20px; margin-right:5px } 
.tagBtn1 i { font-style:normal } 
.tagBtn1:hover { background-color:#ed145b; border:1px solid #ed145b; color:#fff; border-radius:20px; transition:.3s } 
.travel_cate .tag_srh_area { width:25%; margin-right:-1px; float:right; height:57px } 
.resetBtn { line-height:54px; text-align:center; float:left; margin-right:-1px } 
.resetBtn i { display:block; font-style:normal; border:1px solid #000; padding-left:10%; background:url(/images/sub/icon-reset.png) 20% center no-repeat } 
.srhBtn { line-height:54px; text-align:center; float:left; background-color:#333; color:#fff } 
.srhBtn i { display:block; font-style:normal; border:1px solid #000 } 
.tag_srh_area.trvQ .srhBtn,.tag_srh_area.trvQ .resetBtn { width:50% } 
@media (max-width: 640px){
 .travel_cate .tag_srh_area { width:32% } 
.resetBtn i { background-image:none; font-size:14px; padding-left:0 } 
.srhBtn i { font-size:14px } 
 }
/*컨텐츠 상세 > 여행팁*/
.travel_tip { width:100%; border:1px solid #dde7ee; border-radius:20px; padding:2% 3%; margin-top:5% } 
.travel_tip > div { text-align:left; display:flex; margin-bottom: 15px; } 
.travel_tip > div:last-child {margin-bottom: 0;}
.travel_tip .title { display:inline-block; padding-right:2%; text-align:left; font-size:20px; font-size:calc(12px + 0.4vw); line-height:1.2em; font-weight:500; color:#222; flex-basis:13%; flex-shrink:0 } 
.travel_tip > div:before { display:inline-block; content:''; width:30px; height:30px; background-repeat:no-repeat; background-position:center center; margin-right:1%; margin-top:-.2em; flex-shrink:0 } 
.travel_tip > div.g_tip:before { background-image:url(/images/sub2023/i-etiquette.png) } 
.travel_tip > div.e_tip:before { background-image:url(/images/sub2023/i-tip.png) } 
.travel_tip .tip_con { display:inline-block; text-align:left; line-height:1.5em; font-size:18px; font-size:calc(12px + 0.3vw); font-weight:400; color:#666 } 
@media (max-width: 1200px){
 .travel_tip .title { flex-basis:16%; padding:unset; padding-right:2% } 
.travel_tip > div:before { margin-top:-.3em } 
 }
@media (max-width: 900px){
 .travel_tip .title { margin:unset; flex-basis:18% } 
.travel_tip > div:before { background-size:20px; margin-right:.5% } 
 }
@media (max-width: 600px){
 .travel_tip { padding:4% 3%; margin-top:2%; border-radius:10px } 
.travel_tip div { margin:0; flex-wrap:wrap } 
.travel_tip > div:nth-child(2) { margin-top:3% } 
.travel_tip .title { width:100%; flex-basis:calc(100% - 30px) } 
.travel_tip .tip_con { width:100%; line-height:20px; color:#666; font-size:14px; padding-left:30px } 
.travel_tip > div:before { background-size:15px; margin-right:unset } 
 }
/*여행hot키워드*/
.travel_hotKey { overflow:hidden } 
.travel_hotKey .keyTitle { float:left; width:35%; border-right:1px solid #e1e1e1 } 
.travel_hotKey .keyTitle h1 { font-size:24px; font-weight:600; color:#000 } 
.travel_hotKey .keyTitle span { display:block; font-size:15px; margin-top:10px } 
.travel_hotKey .keyList { float:left; width:65%; height:58px; overflow:hidden } 
.travel_hotKey .keyList .tag_list { padding:0 40px } 
.travel_hotKey .keyList .tag_list li { float:left; color:#000; line-height:21px } 
.travel_hotKey .keyList .tag_list li button { border:1px solid #fff; padding:3px 10px } 
.travel_cateSrh { clear:both; padding-top:15px } 
/*음식목록 > 게시판 위 검색영역*/
.cate-area { width:100%; height:54px; margin-top:20px; z-index:999 } 
.cate-area .cate-item { width:35%; float:left } 
.cate-area .cate-item .title { position:relative; padding:0; border-bottom:1px solid #d5e3e8; margin-right:3px } 
.cate-area .cate-item .title .cateSel { background-color:#f6f6f6; border:0; padding:0 15px 0 10px } 
.cate-area .cate-item .title span { display:block; margin-left:20px } 
.cate-area .cate-item .title select { font-weight:600; width:100%; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; background:url(/images/sub/sortVIcon.png) no-repeat 93% center; border:0 } 
.cate-area .cate-item .title select::-ms-expand { display:none } 
.cate-area .cate-item .title .cateSel.cate1 { content:''; padding:5px 0 9px 55px; background:url(/images/sub/srhCate-Icon1.png) 15px center no-repeat } 
.cate-area .cate-item .title .cateSel.cate2 { content:''; padding:5px 0 9px 55px; background:url(/images/sub/srhCate-Icon2.png) 15px center no-repeat } 
.cate-area .cate-item .title a.arrow { display:block; position:absolute; top:20px; right:20px; width:40px; height:40px; background:url(/images/sub/arrow-bottom.png) no-repeat } 
.cw15 { width:15%!important } 
.cw25 { width:25%!important } 
.cw50 { width:50%!important } 
.cw75 { width:75%!important } 
.cate-area .cate-item .title .cateSelselect { width:200px; padding:.8em .5em; border:1px solid #999; font-family:inherit; background:url(/images/sub/sortVIcon.png) no-repeat right 1px center border-radius: 0; -webkit-appearance:none; -moz-appearance:none; appearance:none } 
.cate-area .cate-item .title .cateSelselect::-ms-expand { display:none } 
.cate-area .cate-srh { position:relative; width:65%; float:left } 
.cate-area .cate-srh .srh-area { position:relative; height:54px; border-width:1px; width:75% } 
.cate-area .cate-srh .srh-area input[type="text"] { border:0; height:54px; margin-left:10%; width:90%; border-bottom:1px solid #d5e3e8 } 
.cate-area .cate-srh .tag_srh_area { position:absolute; top:0; right:0; width:25% } 
.cate-area .cate-srh .srh-icon { position:absolute; top:16px; left:50px; width:30px; height:25px; background:url(/images/sub/srhCate-icon3.png) no-repeat; display:block } 
.tag_srh_area.trvL .srhBtn,.tag_srh_area.trvL .resetBtn { display:block; width:100% } 
.cate-area .cate-srh .tag_srh_area a:focus { border:2px solid #fff; box-sizing:border-box } 
@media (max-width: 640px){
 .travel_hotKey .keyTitle { width:100%; border-right:0; padding-left:10px } 
.travel_hotKey .keyTitle span { font-size:14px } 
.travel_hotKey .keyList { width:100%; height:70px } 
.travel_hotKey .keyList .tag_list { padding:10px 0 } 
.travel_hotKey .keyList .tag_list li button { font-size:14px } 
.travel_cateSrh { padding-top:5px; box-shadow:none } 
.cate-area .cate-item { width:90%!important; margin:0 auto; display:block; float:none } 
.cate-area .cate-item .title .cateSel { height:40px } 
.cate-area .cate-item .title .cateSel.cate1,.cate-area .cate-item .title .cateSel.cate2 { background:none; padding:0 5px; font-size:14px } 
.cate-area .cate-srh { width:100%; clear:both } 
.cate-area .cate-srh .srh-icon { top:8px; left:10px; background:transparent } 
.cate-area .cate-srh .srh-area { height:40px; border-top:0 } 
.cate-area .cate-srh .srh-area input[type="text"] { height:40px; margin-left:8% } 
.tag_srh_area.trvL .srhBtn { height:40px; line-height:40px } 
.cate-area .cate-srh .tag_srh_area { width:100px; right:5% } 
.travel_cate .cate-item .sel { padding:5px 10px; font-size:14px } 
.travel_cate .cate-item .sel ul li { width:100% } 
.travel_cate .cate-item.tv2 .sel ul li { width:100% } 
.engWrap .cate-area .cate-item .title select { padding:8px 3px; font-size:14px } 
.cw15,.cw25,.cw50,.cw70 { width:100%!important } 
 }
/* paging */
.paging a.page_btn.btn_first,.paging a.page_btn.btn_last { display:inline-block; text-indent:-50000px; width:44px; height:46px; background-position:center center; background-repeat:no-repeat; background-size:17px 20px; vertical-align:middle; border:1px solid #333 } 
.paging a.page_btn.btn_first { background:url(/images/sub/pagingFirst.png) } 
.paging a.page_btn.btn_prev { background:url(/images/sub/pagingPre.png); text-indent:-50000px!important; width:44px; height:46px } 
.paging a.page_btn.btn_next { background:url(/images/sub/pagingNext.png); text-indent:-50000px!important; width:44px; height:46px } 
.paging a.page_btn.btn_first:hover,.paging a.page_btn.btn_last:hover,.paging a.page_btn.btn_prev:hover,.paging a.page_btn.btn_next:hover { background-color:#fff; color:#333 } 
.paging a.page_btn.btn_last { background:url(/images/sub/pagingLast.png) } 
.paging { text-align:center; margin:30px 0 0; font-size:0; clear:both } 
.paging:after { clear:both; display:block; content:'' } 
.paging a { display:inline-block; text-align:center; min-width:44px; line-height:44px; font-size:16px; vertical-align:middle; border:1px solid #c9c9c9; margin:0 1px } 
.paging a.select { background:#333; color:#fff; border:1px solid #333 } 
.paging a.select:focus { border:2px solid #fff } 
.paging a:hover { background-color:#000; color:#fff; border:1px solid #333; transition:.3s } 
.paging_mb { text-align:center; margin:30px 0; letter-spacing:-2px } 
.paging_mb .input { text-align:center; width:50px } 
.paging_mb .btn_input { min-width:60px } 
.paging_mb a.page_btn { border:1px solid #ddd; width:12%; height:40px; line-height:40px; letter-spacing:0; box-sizing:border-box } 
.paging_mb a.page_btn.btn_prev { margin-right:5px } 
.paging_mb a.page_btn.btn_next { margin-left:5px } 
.paging_mb a.page_btn.btn_first,.paging_mb a.page_btn.btn_last { text-indent:0; color:#666; min-width:60px } 
.paging_mb a.page_btn.btn_first { text-align:center; padding-right:20px; background-position:right 8px center } 
.paging_mb a.page_btn.btn_last { text-align:center; padding-left:20px; background-position:left 8px center } 

.nearPaging { position:relative; bottom:0; text-align:center; margin:50px 0; font-size:0 } 
.nearPaging a { display:inline-block; text-align:center; min-width:44px; line-height:44px; font-size:16px; vertical-align:middle; border:1px solid #c9c9c9; margin:0 1px; background-repeat:no-repeat; background-position:center } 
.nearPaging a.select { background:#333; color:#fff; border:1px solid #333 } 
.nearPaging a.select:focus { border:2px solid #fff } 
.nearPaging a:hover { border:1px solid #333; color:#333; font-weight:700; transition:.3s } 
.nearPaging a.page_btn.btn_first,.nearPaging a.page_btn.btn_last { display:inline-block; text-indent:-50000px; width:44px; height:46px; background-position:center center; background-repeat:no-repeat; background-size:17px 20px; vertical-align:middle; border:1px solid #333 } 
.nearPaging a.page_btn.btn_first { background-image:url(/images/sub/pagingFirst.png) } 
.nearPaging a.page_btn.btn_prev { color:#333; background-image:url(/images/sub/nearArrow_prev.jpg) } 
.nearPaging a.page_btn.btn_next { color:#333; background-image:url(/images/sub/nearArrow_next.jpg) } 
.nearPaging a.page_btn.btn_prev,.nearPaging a.page_btn.btn_next { text-indent:-9999px } 
.nearPaging a.page_btn.btn_first:hover,.nearPaging a.page_btn.btn_last:hover,.nearPaging a.page_btn.btn_prev:hover,.nearPaging a.page_btn.btn_next:hover { background-color:#fff; color:#333 } 
.nearPaging a.page_btn.btn_last { background-image:url(/images/sub/pagingLast.png) } 
/* mypage only - paginng */
.paginng { position:relative; bottom:0; text-align:center; margin:50px 0 20px; font-size:0 } 
.paginng a { display:inline-block; text-align:center; min-width:44px; line-height:44px; font-size:16px; vertical-align:middle; border:1px solid #c9c9c9; margin:0 1px; background-repeat:no-repeat; background-position:center } 
.paginng a.select { background:#333; color:#fff; border:1px solid #333 } 
.paginng a:hover { background-color:#333; color:#fff; border:1px solid #333; transition:.3s } 
.paginng a.page_btn.btn_first,.paginng a.page_btn.btn_last { display:inline-block; text-indent:-50000px; width:44px; height:46px; background-position:center center; background-repeat:no-repeat; background-size:17px 20px; vertical-align:middle; border:1px solid #333 } 
.paginng a.page_btn.btn_first { background-image:url(/images/sub/pagingFirst.png) } 
.paginng a.page_btn.btn_prev { color:#333; background-image:url(/images/sub/nearArrow_prev.jpg) } 
.paginng a.page_btn.btn_next { color:#333; background-image:url(/images/sub/nearArrow_next.jpg) } 
.paginng a.page_btn.btn_prev,.paginng a.page_btn.btn_next { text-indent:-9999px } 
.paginng a.page_btn.btn_first:hover,.paginng a.page_btn.btn_last:hover,.paginng a.page_btn.btn_prev:hover,.paginng a.page_btn.btn_next:hover { background-color:#fff; color:#333 } 
.paginng a.page_btn.btn_last { background-image:url(/images/sub/pagingLast.png) } 

.small_paging { text-align:center; margin:20px 0; clear:both; overflow:hidden } 
.small_paging a { display:inline-block; position:relative; width:33px; height:33px; line-height:33px; text-align:center; border:1px solid #d4d4d4; z-index:1 } 
.small_paging a img { vertical-align:top } 
.small_paging a.select { color:#fff; background:#1f3c64; border-color:#1e2535; z-index:2 } 
/*컨텐츠상세 > 탭주변관광지*/
.nearMap { width:800px; height:650px; background-color:#eee; float:left } 
.nearMapInfo { float:right; width:434px; height:650px } 
ul.nearTab { margin:0; padding:0; list-style:none } 
ul.nearTab li { background:none; color:#222; display:inline-block; cursor:pointer; float:left } 
ul.nearTab li button { display:block; padding:8px 15px; text-align:left; border:1px solid #d7d7d7; background-color:#f0f1f2; margin-left:-1px } 
ul.nearTab li.current button { background:#1b4ec0; color:#fff } 
ul.nearTab_custom { margin:0; padding:0; list-style:none } 
ul.nearTab_custom li { background:none; color:#222; display:inline-block; cursor:pointer; float:left; width:33.33% } 
ul.nearTab_custom li button { display:block; padding:8px 15px; text-align:left; border:1px solid #d5e3e8; background-color:#f2f7f9; margin-left:-1px; width:100%; text-align:center } 
ul.nearTab_custom li.current button { background:#0077cb; border:1px solid #0077cb; color:#fff; width:100% } 
.tab-content { display:none; padding:15px 15px 0 0 } 
.tab-content.current { display:inherit; overflow-y:scroll; height:610px } 
.nearTabCon { clear:both; overflow:hidden } 
.nearTabCon .near-item { position:relative; overflow:hidden; clear:both; padding-bottom:15px } 
.nearTabCon .near-item .img { height:130px; overflow:hidden } 
.nearTabCon .near-item .img > img { width:100%; margin-top:-104px } 
.nearTabCon .near-item .tCon { padding:15px 0 } 
.nearTabCon .near-item .tCon:after { overflow:hidden; content:''; clear:both } 
.nearTabCon .near-item .tCon strong { display:inline-block; width:100%; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:500; font-size:18px; margin-bottom:10px; color:#222; line-height:1.1em } 
.nearTabCon .near-item .tCon span { font-size:15px; color:#000; display:block; margin-bottom:10px } 
.nearTabCon .near-item .tCon .tConBt { overflow:hidden } 
.nearTabCon .near-item .tCon .tConBt a { display:inline-block; width:48%; padding:6px 0; background-color:#fff; border:1px solid #d5e3e8; text-align:center; font-size:13px } 
.nearTabCon .near-item .tCon .tConBt a:focus { border:2px solid #000; box-sizing:border-box } 
.nearTabCon .near-item .tCon .tConBt a.add { padding:10px 15px; border-radius:8px } 
.nearTabCon .near-item .tCon .tConBt a.add i { display:inline-block; vertical-align:middle; padding-right:3px } 
.nearTabCon .near-item .tCon .tConBt a.view-con { width:98%; padding:11px 19px; margin-top:2%; background-color:#fff; border-radius:8px; color:#fff; border:1px solid #0077cb; color:#0077cb; margin-bottom:2px } 
.nearTabCon .near-item .tCon .tConBt .btn_start,.nearTabCon .near-item .tCon .tConBt .btn_end { display:none } 
/*컨텐츠상세 > 탭주변관광지 > 출발지,도착지*/
.loadSearch { width:100%; border-top:1px solid #333; background-color:#f2f7f9; float:left; margin:45px 0 10px } 
.loadSearch > .inner { padding:13px 0; width:80%; margin:0 auto } 
.loadSearch .title { font-size:20px; color:#222; display:inline-block; line-height:22px; font-weight:500; vertical-align:middle; padding-right:5% } 
.loadSearch .loadPutBox { display:inline-block } 
.loadSearch .startLoc,.loadSearch .endLoc { width:49%; display:inline-block; padding:0 7px; line-height:22px } 
.loadSearch .startLoc span { display:inline-block; padding:0 10px 0 0; vertical-align:middle } 
.loadSearch .endLoc span { display:inline-block; padding:0 10px 0 0; vertical-align:middle } 
.loadSearch .loadBtn { display:inline-block; width:23% } 
.loadSearch .loadPutBox input[type="text"] { width:73%; display:inline-block; border:0; padding:10px } 
.loadSearch .loadBtn a { display:inline-block; margin:0 .2%; padding:11px 19px; background-color:#333; color:#fff; text-align:center; vertical-align:middle; border-radius:8px } 
.loadSearch .loadBtn .map-S-btn { background-color:#0077cb } 
.engWrap .loadSearch > .inner { width:90% } 
.engWrap .loadSearch .title { width:17%; padding-right:2% } 
.engWrap .loadSearch .loadPutBox { width:50% } 
.engWrap .loadSearch .startLoc,.loadSearch .endLoc { width:49% } 
.engWrap .loadSearch .loadPutBox input[type="text"] { width:100% } 
.engWrap .loadSearch .loadBtn { width:30% } 
.engWrap .loadSearch .loadBtn a { width:48%; padding:11px 25px } 
.engWrap .loadSearch .startLoc span,.engWrap .loadSearch .endLoc span { font-weight:600; color:#000; padding-bottom:5px } 
.jpWrap .loadSearch > .inner { width:90% } 
.jpWrap .loadSearch .title { width:14% } 
.cnWrap .loadSearch > .inner { width:90% } 
.cnWrap .loadSearch .title { width:14% } 
@media (max-width:1200px){
 .nearMap { width:60% } 
.nearMapInfo { width:39% } 
 }
@media (max-width: 640px){
 .nearMap { width:100%; height:300px; float:none } 
.nearMapInfo { float:none; padding-top:20px; width:100% } 
.nearTabCon .nearPaging { margin:20px auto } 
.loadSearch > .inner { width:87% } 
.loadSearch .title { width:100%; font-size:19px; text-align:center } 
.loadSearch .loadPutBox { width:100%; margin-top:6px } 
.loadSearch .startLoc,.loadSearch .endLoc { width:100%; padding:3px 0 } 
.loadSearch .loadPutBox input[type="text"] { width:80%; padding:4px } 
.loadSearch .startLoc span { font-size:14px; padding-right:3px } 
.loadSearch .endLoc span { font-size:14px; padding-right:3px } 
.loadSearch .loadBtn { width:100%; margin:7px 0 0 } 
.loadSearch .loadBtn a { height:50px; float:left; line-height:28px } 
.loadSearch .loadBtn a.map-R-btn { line-height:28px } 
ul.nearTab_custom li button { padding:8px 11px } 
.engWrap .loadSearch .loadBtn { width:100% } 
.engWrap .loadSearch .loadBtn a { padding:2px 5px; line-height:45px } 
.engWrap .loadSearch .loadPutBox { width:97% } 
.engWrap .loadSearch .startLoc,.engWrap .loadSearch .endLoc { width:100% } 
.engWrap .loadSearch .title,.cnWrap .loadSearch .title,.jpWrap .loadSearch .title { width:100% } 
.engWrap .loadSearch .startLoc span { display:block; width:100% } 
.jpWrap .loadSearch .startLoc span,.cnWrap .loadSearch .startLoc span,.jpWrap .loadSearch .endLoc span,.cnWrap .loadSearch .endLoc span { font-weight:600; width:50px; color:#000 } 
.jpWrap .loadSearch .loadPutBox input[type="text"],.cnWrap .loadSearch .loadPutBox input[type="text"] { width:76% } 
 }
/*컨텐츠상세 > 탭리뷰*/
.reviewArea { width:100% } 
.reviewArea .revHead { position:relative } 
.reviewArea .revHead .title { font-size:25px; font-weight:600; color:#000; letter-spacing:-1px } 
.reviewArea .revHead .title span { display:inline-block; color:#777; font-size:13px; padding-left:10px } 
.reviewArea .revHead .sort { margin-top:25px } 
.reviewArea .revHead .sort a { display:inline-block; padding:7px 17px; border:1px solid #d4d4d4; font-size:13px } 
.reviewArea .revHead .sort a.on { border:1px solid #000 } 
.reviewArea .revHead a.write { position:absolute; right:0; top:0 } 
.reviewArea .revHead a.write span { display:block; padding:11px 19px; background-color:#0077cb; color:#fff; text-align:center; letter-spacing:-.5px; border-radius:8px } 
.reviewArea .revHead a.write span:before { display:none; position:relative; top:-4px; left:-7px; content:''; float:left; width:31px; height:29px } 
.reviewArea .revCon { position:relative; margin-top:8px; border-top:1px solid #d5e3e8 } 
.reviewArea .revCon .rev-item { width:100%; border-bottom:1px solid #d5e3e8; padding:32px 0; position:relative } 
.reviewArea .revCon .rev-item:after { clear:both; overflow:hidden; display:block; content:'' } 
.reviewArea .title { position:relative; font-size:25px; color:#000; padding:0 0 9px; font-weight:600 } 
.reviewArea .title > span { color:#e90049 } 
.rev-item .rev-writer { width:20%; min-height:195px; float:left; text-align:center } 
.ulsefull .rev-item .rev-writer { min-height:133px } 
.rev-item .rev-writer .w-img { width:80px; height:80px; border-radius:50%; margin:0 auto } 
.rev-item .rev-writer .w-img img { width:100%; height:100%; border-radius:50% } 
.rev-item .rev-writer .w-id { padding:14px 0 8px } 
.rev-item .rev-writer .w-date { color:#666; font-size:13px } 
.rev-item .rev-writer .w-star { padding:13px 0 0; overflow:hidden; width:145px; margin:0 auto } 
.rev-item .rev-writer .w-star div { float:left; width:50%; height:20px; margin:0 } 
.rev-item .rev-writer .w-star div img { width:15px } 
.rev-item .rev-writer .w-star div span { margin:0 } 
.rev-item .rev-writer .w-star span { display:inline-block; margin:0 -2px } 
.rev-item .rev-writer .w-star .trvCon { text-align:center } 
.rev-item .rev-writer .w-star .trvCon .likecnt { display:inline-block; margin:0; font-size:14px; padding-left:20px; background:url(/images/sub/heart-smallicon-on.png) 0 2px no-repeat } 
.rev-item .rev-writer .w-star .starcnt { display:inline-block; margin:9px 0 5px; font-size:14px; padding-left:20px; background:url(/images/sub/rev-starOn.png) 0 2px no-repeat } 
.rev-item .rev-writer .w-recomm { position:absolute; top:31px; left:233px } 
.rev-item .rev-writer .w-recomm .recBtn { display:inline-block; font-size:13px; background:#fff url(/images/sub/heart-smallicon-on.png) 15px center no-repeat; padding:6px 9px 7px 31px; color:#fff; border-radius:20px; transition:.3s; border:1px solid #fe4765; color:#d33d56 } 
.rev-item .rev-writer .w-recomm .recBtn:hover,.rev-item .rev-writer .w-recomm .recBtn.on { color:#fe4765; background:#fe4765 url(/images/sub/heart-smallicon-white.png) 15px center no-repeat; color:#fff } 
.rev-item .rev-writer .w-recomm .contBtn { display:inline-block; font-size:15px; background:#0593d2; padding:8px 15px; color:#fff; border-radius:20px; transition:.3s } 
.rev-item .rev-writer .w-recomm .contBtn:hover,.rev-item .rev-writer .w-recomm .contBtn.on { color:#fff; background:#0177ab } 
.rev-item .rev-content { width:80%; float:right; margin-top:40px } 
.rev-item .rev-content .itemTitle { display:inline-block; font-weight:600; padding-bottom:10px; margin-right:8px; font-size:23px } 
.rev-item .rev-content .conTit { font-weight:600; padding-bottom:10px; font-size:17px; color:#3b53a1; font-weight:bold } 
.rev-item .rev-item .rev-content .conTit { text-align:left } 
.rev-item .rev-content .conTit span.date { color:#888; font-size:14px; padding:0 10px } 
.rev-item .rev-content .conTit a.trans { border:1px solid #959cac; color:#959cac; padding:3px 10px; font-size:13px; border-radius:5px; transition:.3s } 
.rev-item .rev-content .conTit a.trans.delete:hover { border:1px solid #f33460; color:#f33460 } 
.rev-item .rev-content .conTit a.trans:hover { border:1px solid #3b3e46; color:#3b3e46 } 
.rev-item .rev-content .conBody { margin:0; color:#707070 } 
.rev-item .rev-content .conBody > .cont { font-size:15px; margin:0; line-height:23px } 
.rev-item .rev-content .conBody .text { font-size:14px; line-height:15px; width:100%; height:75px; overflow:hidden; margin-bottom:5px; letter-spacing:-1px } 
.rev-item .rev-content .conBody .revImgList li { display:inline-block; width:89px; height:68px; cursor:pointer } 
.rev-item .rev-content .conBody .revImgList li img { width:100% } 
.rev-item .rev-content .conBody .tagList { padding-top:8px; margin-bottom:7px } 
.rev-item .rev-content .conBody .tagList li { display:inline-block; color:#666; font-size:13px; margin-right:2px } 
.rev-item .rev-content .conBody p.recommInfo { font-size:13px; color:#f36541; padding-top:7px } 
.ulsefull .conTit { text-align:left } 
.ulsefull .conTit strong { font-weight:700 } 
.ulsefull .revCon { border-top:0 } 
.ulsefull .revCon .rev-item { border-top:1px solid #dbdbdb; border-bottom:0; padding:20px 0 } 
.ulsefull .revHead .sort { margin-top:0 } 
.ulsefull .revHead .sort a.order1 { background-color:#005ca5; color:#fff; border:0; border:1px solid #005ca5 } 
.usefll { background-color:#fff } 
.usefll .boxing { height:332px!important } 
.usefll table { background-color:#fff; color:#000 } 
.usefll table td { color:#000 } 
/* reviewPopup */
.reviewPopup { 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 } 
.reviewPopup .boxing { overflow:hidden; padding:30px 40px; background-color:#fff; width:600px; height:550px; margin:0 auto; position:absolute; top:calc(50% - 225px); left:50%; margin-left:-300px } 
.reviewPopup .boxing table { margin:20px auto 30px; color:#fff } 
.reviewPopup .boxing table tr { border-bottom:1px solid rgba(0,0,0,0.2) } 
.reviewPopup .boxing table th { background-color:#fff; color:#000; padding:14px 7px; font-size:18px; font-weight:700 } 
.reviewPopup .boxing table td { font-size:15px; text-align:left; padding:14px 15px } 
.reviewPopup .boxing table td.point { font-size:17px; font-weight:600; color:#1f72b8 } 
.reviewPopup .boxing .btn_wrap { text-align:center; margin-top:20px } 
.reviewPopup .boxing .btn_wrap a { color:#fff; display:inline-block; border:1px solid #fff; line-height:20px; padding:9px 15px; background-color:#1f72b8; height:40px; vertical-align:middle; width:80px } 
.reviewPopup .boxing .btn_wrap a:hover { color:#0b59e6; border:1px solid #0b59e6; background-color:#fff } 
.reviewPopup .boxing .btn_wrap input[type=submit] { width:90px; color:#fff; display:inline-block; background-color:#0b59e6; line-height:1em; padding:10px } 
.reviewPopup .boxing .btn_wrap input[type=submit]:hover { color:#0b59e6; border:1px solid #0b59e6; background-color:#fff } 
.reviewPopup button { cursor:pointer; display:inline-block; color:#fff; background-color:#929292; line-height:19px; padding:10px; vertical-align:middle; width:80px } 
.reviewPopup button:hover { background-color:#fff; border:1px solid #929292; color:#929292 } 
@media (max-width: 640px){
 .reviewArea .revHead .title { padding-top:15px } 
.reviewArea .revHead .title span { padding-left:0; padding-top:7px } 
.reviewArea .revHead .sort a { padding:5px 8px; font-size:12px } 
.reviewArea .revHead a.write { top:inherit; bottom:-3px } 
.reviewArea .revHead a.write span { padding:15px 10px; font-size:14px } 
.reviewArea .revHead a.write span:before { left:0; display:none } 
.rev-item .rev-writer .w-star .likecnt { width:auto } 
.rev-item .rev-writer { width:100%; min-height:80px } 
.rev-item .rev-writer .w-img { float:left; width:80px; margin:0 30px 0 20px } 
.rev-item .rev-writer .w-id { font-size:14px; font-weight:600; float:left; width:calc(100% - 130px); text-align:left } 
.rev-item .rev-writer .w-date { float:left; width:calc(100% - 130px); text-align:left } 
.rev-item .rev-writer .w-recomm { top:93px; left:128px } 
.rev-item .rev-writer .w-star { float:left; width:calc(100% - 130px); text-align:left; display:none } 
.rev-item .rev-writer .w-star span { width:15px } 
.rev-item .rev-writer .w-star span img { width:100% } 
.rev-item .rev-content { width:100% } 
.rev-item .rev-content .conTit { line-height:25px } 
.rev-item .rev-content .conBody .tagList { display:none } 
.rev-item .rev-content .conTit strong.subject { padding-right:10px; display:inline-block; width:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.2; max-height:2.5em; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical } 
.rev-item .rev-content .conTit span.date { padding:0 10px 0 0 } 
.rev-item .rev-content .conTit a.trans { font-size:12px; display:inline-block; width:100px; text-align:center; margin-bottom:10px } 
.rev-item .rev-content .conBody p.text { display:inline-block; font-size:13px; width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.5; height:7.1em; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical } 
.rev-item .rev-content .conBody .revImgList { padding-top:10px; clear:both } 
 }
.trvImgArea { position:relative } 
.trvImgArea .sort { margin-top:25px } 
.trvImgArea .sort a { display:inline-block; padding:7px 17px; border:1px solid #d4d4d4; font-size:13px } 
.trvImgArea .sort a.on { border:1px solid #000 } 
.trvImgArea a.write { position:Absolute; right:0; top:0; padding:11px 19px; background-color:#fff; border:1px solid #0077cb; color:#0077cb; letter-spacing:-1px; transition:.3s; border-radius:8px } 
.trvImgArea a.write:hover { background-color:#0077cb; color:#fff } 
.trvImgArea .title { position:relative; font-size:25px; color:#000; padding:0 0 9px; font-weight:500 } 
.trvImgArea .title > span { color:#e90049 } 
.trvImgArea .traveler-img { overflow:hidden; clear:both } 
.trvImgArea .traveler-img .trvImg-item { position:relative; width:30%; float:left; margin:1% 1.5% } 
.trvImgArea .traveler-img .trvImg-item .trvImgBox { display:block } 
/*컨텐츠 상세 > 여행사진탭*/
.trvImgArea .traveler-img .icon-fav { position:absolute; top:19px; right:19px; display:block; width:31px; height:31px; cursor:pointer; text-indent:-999999px; background:url(/images/sub/heart-icon-off.png) no-repeat; z-index:999; transition:.3s } 
.trvImgArea .traveler-img .icon-fav:hover,.trvImgArea .traveler-img .icon-fav.on { background:url(/images/sub/heart-icon-on.png) no-repeat } 
.trvImgBox .trvImg { width:100%; height:230px; display:block; transform:scale(1); overflow:hidden } 
.trvImgBox .trvImg:hover img:first-child { cursor:pointer; transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transition:transform .35s; -o-transition:transform .35s; -moz-transition:transform .35s; -webkit-transition:transform .35s; height:100%; display:block } 
.trvImgBox .trvImg img { width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s; height:230px } 
.trvImgBox .trvInfo { border:1px solid #d5e3e8; padding:0; width:100% } 
.trvImgBox .trvInfo .trvTit { width:90%; min-height:65px; max-height:65px; margin:0 auto; border-bottom:1px solid #e7eff2; vertical-align:middle; display:table; overflow:hidden } 
.trvImgBox .trvInfo .trvTit .spell { text-align:center; width:100%; font-size:15px; font-weight:600; color:#222; line-height:22px; display:table-cell; vertical-align:middle; padding:7px 0; margin:0 20px } 
.trvImgBox .trvInfo .trvTit p.text { min-height: 45px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.trvImgBox .trvInfo span { display:block; text-align:center } 
.trvImgBox .trvInfo span em { font-style:normal } 
.trvImgBox .trvInfo span em.date { font-size:15px; color:#666; padding:10px 5px; display:inline-block } 
.trvImgBox .trvInfo span em.date:after { display:inline-block; width:1px; height:11px; margin-left:10px; background:#d4d4d4; content:'' } 
.trvImgBox .trvInfo span em.writer { font-size:14px; color:#666; padding:10px 5px; display:inline-block } 
.trvImgBox .trvInfo .trvCon { text-align:center; padding-bottom:20px } 
.trvImgBox .trvInfo .trvCon .likecnt { display:inline-block; font-size:15px; background:#fff url(https://www.visitbusan.net/images/sub/heart-smallicon-on.png) 15px center no-repeat; color:#e90049; border:1px solid #e90049; padding:8px 15px 8px 35px; border-radius:20px; transition:.3s } 
.trvImgBox .trvInfo .trvCon .likecnt:hover,.trvImgBox .trvInfo .trvCon .likecnt.on { background:#e90049 url(/images/sub/heart-smallicon-white.png) 15px center no-repeat; color:#fff; font-weight:600 } 
.trvImgBox .trvInfo .trvCon span.contBtn { display:inline-block; font-size:15px; padding:8px 15px; color:#0077cb; border-radius:20px; transition:.3s; border:1px solid #0077cb } 
.trvImgBox .trvInfo .trvCon span.contBtn:hover,.trvImgBox .trvInfo .trvCon span.contBtn.on { background-color:#0077cb; color:#fff } 
.trvImgBox .trvInfo .trvCon .likecnt.likeView { color:#000; background:#fff url(https://www.visitbusan.net/images/sub/heart-smallicon-on.png) 15px center no-repeat; padding:4px 15px 4px 35px } 
.trvImgBox .trvInfo .trvCon .likecnt.likeView:hover { cursor:text; font-weight:inherit; color:#666 } 
.trvImgBox .trvInfo .trvDel { margin:11px 0 0 } 
.trvImgBox .trvInfo .trvDel span.delB { display:inline-block; border:1px solid #959cac; color:#959cac; padding:5px 12px; font-size:13px; border-radius:5px; font-weight:600; transition:.3s } 
.trvImgBox .trvInfo .trvDel span.delB:hover { border:1px solid #f33460; color:#f33460 } 
@media (max-width: 640px){
 .trvImgArea a.write { padding:12px 15px; font-size:15px; top:53px } 
 .trvImgArea .traveler-img { padding-bottom:20px; margin-left:unset; padding-top:50px } 
 .trvImgArea .traveler-img .trvImg-item { width:100%; min-height:unset; margin:unset; overflow:hidden; margin-bottom:2% } 
 .trvImgBox .trvInfo { margin-top:-2px } 
 .trvImgBox .trvInfo strong { padding:5px 0; margin:0; font-size:14px; width:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.4; height:3.8em; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical } 
 .trvImgBox .trvInfo span { paddgin:4px 0 } 
 .trvImgBox .trvInfo span em.date { padding:5px 1px } 
 .trvImgBox .trvInfo span em.writer { padding:2px 1px 5px 0 } 
 .trvImgArea .title { padding-top:15px } 
 .trvImgBox .trvImg:hover img { transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1) } 
 }

.festiMonth { width:100%; margin:0 } 
.festiMonth ul { width:100%; margin:0 auto; border:1px solid #d5e3e8; border-width:1px 0; padding:0 2%; overflow:hidden } 
.festiMonth ul li { width:7.5%; float:left } 
.festiMonth ul li a { display:block; text-align:center; padding:19px 0; font-weight:100; color:#666; margin:2px 0 } 
.festiMonth ul li a.on {background-color:#222;color:#fff;border-radius:50%;width:54px;margin:3px auto;font-size:14px} 
.festiMonth ul li a.on:focus {border: 3px solid #fff; padding:17px 0;} 
@media (max-width: 640px){
 .festiMonth { margin:0 } 
.festiMonth ul { width:100% } 
.festiMonth ul li { width:20%; font-size:13px; margin:3px 0 } 
 }
/*id만 있고 사용하는 화면은 없는듯*/
#subVisual-fullSlider { position:relative; width:100%; height:620px; margin-top:82px } 
#subVisual-fullSlider .bx-controls-direction { width:1280px; margin:0 auto; height:125px; position:absolute; top:calc(50% - 60px); left:calc(50% - 600px) } 
#subVisual-fullSlider .bx-controls-direction a { width:65px; height:125px; text-indent:-99999px; z-index:999999 } 
#subVisual-fullSlider .bx-controls-direction .bx-prev { position:absolute; left:0; background:url(/images/sub/share-arrow-prev.png) no-repeat } 
#subVisual-fullSlider .bx-controls-direction .bx-next { position:absolute; right:0; background:url(/images/sub/share-arrow-next.png) no-repeat } 
.shareBanner { width:100%; height:auto } 

.tripSlider { overflow:hidden; position:relative; padding:20px 0 } 
.tripSlider .share-tit p { display:inline-block; font-size:28px; line-height:35px; font-weight:600; letter-spacing:-1px; color:#000; margin:40px 0 10px } 
.tripSlider .share-tit p:before { display:block; width:47px; height:40px; content:''; float:left; margin-right:10px; background:url(/images/sub/icon-shTit.png) no-repeat } 
.tripSlider .share-tit.tripHot:after { display:inline-block; content:''; width:75px; height:42px; background:url(/images/sub/icon-trip-hrt.png) no-repeat } 
.tripSlider .share-box-wid { width:100% } 
.tripSlider .col-box { width:100% } 
.tripSlider .itemBox { width:23%; float:left; margin:1% } 
.tripSlider .b-img { width:100%; height:240px; overflow:hidden } 
.tripSlider .b-img img { width:100% } 
.tripSlider .b-point { float:right; padding:3px 0 0 } 
.tripSlider .b-point .star { font-size:11px; color:#aaa; display:inline-block; padding-left:10px } 
.tripSlider .b-point .star:before { display:block; content:''; float:left; margin:1px 3px 0 0; width:11px; height:10px; background:url(/images/sub/icon-star-mini.jpg) no-repeat } 
.tripSlider .b-point .star:after { display:inline-block; content:''; width:1px; height:9px; background:#c9c9c9; margin:0 1px 0 9px } 
.tripSlider .b-point .point-count { display:inline; font-size:11px; color:#aaa } 
.tripSlider .b-place { clear:both; display:block; overflow:hidden; padding-top:8px } 
.tripSlider .b-place .tit { font-size:18px; color:#000; font-weight:600; line-height:24px; width:100%; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } 
.tripSlider .b-place .tag { font-size:14px; color:#555; line-height:24px; width:100%; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } 
.tripSlider .b-place > span { font-size:13px; color:#999; line-height:23px } 
.tripSlider .bx-controls-direction { display:none } 
.tripSlider .bx-pager { position:absolute; top:50px; right:0 } 
.tripSlider .bx-pager .bx-pager-item { display:inline-block; margin-left:3px } 
.tripSlider .bx-pager .bx-pager-item a { display:block; width:11px; height:11px; background:#f0f0f0; border-radius:50%; text-indent:-999999px } 
.tripSlider .bx-pager .bx-pager-item a.active { background-color:#195eee } 
.tripSlider .swpContainer { overflow:visible; position:relative } 
.tripSlider .swiper-pagination .swiper-pagination-bullet { width:11px; height:11px } 
.tripSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#195eee } 
.tripSlider .swiper-pagination { position:absolute; top:-30px; left:inherit; right:0; width:auto; height:30px; bottom:auto; margin-right:3px } 
@media (max-width: 640px){
 #subVisual-fullSlider { margin-top:55px; height:auto; overflow:hidden } 
#subVisual-fullSlider .bx-wrapper { width:100%; height:auto } 
.sub_visual { width:100% } 
.sub_visual img { width:100%; max-width:100% } 
#subVisual-fullSlider .bx-controls-direction { width:80%; left:calc(50% - 40%) } 
#subVisual-fullSlider .bx-controls-direction a { z-index:999999; width:17px; height:30px; top:calc(50% - 15px); background-size:100%!important } 
#subVisual-fullSlider .bx-wrapper .bx-viewport { height:auto } 
#subVisual-fullSlider .vi-slider { width:100% } 
#subVisual-fullSlider .vi-slider div { width:100% } 
#subVisual-fullSlider .vi-slider img { width:100% } 
.shareBanner { width:100%; margin:10px 0 0 } 
.shareBanner img { width:100% } 
.tripSlider .share-tit p { font-size:17px; line-height:23px } 
.tripSlider .share-tit p:before { width:25px; height:21px; background-size:100%; margin-right:5px } 
.tripSlider .share-tit.tripHot:after { width:30px; height:20px; background-size:100% } 
.share-box-wid .bx-controls { position:inherit; top:inherit; width:auto; height:auto } 
.tripSlider .b-img { height:auto } 
.tripSlider .b-place .tit { font-size:14px } 
.tripSlider .b-place .tag { font-size:12px } 
 }

/*컨텐츠상세 > 탭블로그리뷰*/
.review_menu { float:left; width:210px; display:none } 
.review_menu a { display:block; width:160px; height:44px; margin-bottom:15px; border:2px solid #e5e5e5; font-size:18px; color:#8a8b8b; line-height:40px; text-align:center } 
.review_menu a:first-child { margin-top:0 } 
.review_menu a.on { border:2px solid #bbd2ea; color:#6096cd } 
.review_inner_cont { float:left; display:none; width:100% } 
.review_inner_cont.on { display:block } 
.review_inner_cont .review_head_tit { margin-bottom:30px; font-size:24px; font-weight:700; color:#1b1b1b; line-height:24px } 
.review_inner_cont .review_head_tit .count { color:#5196dd } 
.review_inner_cont .review_list { border-top:1px solid #e5e5e5 } 
.review_inner_cont .review_list li { border-bottom:1px solid #e5e5e5; font-size:13px } 
.review_inner_cont .review_list dl { letter-spacing:-1px } 
.review_inner_cont .review_list dt { padding:25px 0 20px } 
.review_inner_cont .review_list dt a { font-size:15px; color:#ef6d00; text-decoration:underline; line-height:22px } 
.review_inner_cont .review_list .txt_inline { display:inline; color:#666 } 
.review_inner_cont .review_list dd { padding-bottom:0; font-size:14px; line-height:21px; color:#666 } 
.review_inner_cont .review_list dd:not(.sh_blog_passage) { display:none } 
.review_inner_cont .review_list .txt_block,.type01 .txt_inline { display:block; clear:both; margin-top:1px!important; color:#666 } 
.review_inner_cont .review_list dd.txt_block .txt84 { color:#666; white-space:nowrap } 
.review_inner_cont .review_list .blog .txt_block .txt84 + .url { margin-left:5px } 
.review_inner_cont .review_list .url,.url02 { margin-right:10px; font-size:20px; color:#218d44!important; text-decoration:none } 
.review_inner_cont .review_list .txt_block .bar { display:inline-block; overflow:hidden; width:0; height:11px; margin:-1px 8px 1px 4px; border-left:1px solid #eaeaea; vertical-align:middle } 
.review_list.trip_advisor_review li { padding:20px 0 } 
.review_list.trip_advisor_review li p.name span.name { font-size:20px; font-weight:700; color:#3b53a1 } 
.review_list.trip_advisor_review dt { padding:0; margin-bottom:10px; font-size:15px } 
.review_list.trip_advisor_review dt a .score_area_p { margin-bottom:10px } 
.review_list.trip_advisor_review dt a { color:#535353; text-decoration:none; display:block; margin-right:100px } 
.review_list.trip_advisor_review .btn_blog_more { position:absolute; top:15px; right:0; padding:5px 30px 5px 10px; border-radius:5px; border:1px solid #959595; font-size:13px } 
.review_list.trip_advisor_review .btn_blog_more:after { content:""; position:absolute; top:50%; right:14px; margin-top:-6px; width:6px; height:12px; background:url(/images/common/ico_arr_right3.jpg) no-repeat 0 0 } 
.review_inner_cont .btn_more_photo { padding:11px 19px; background-color:#0077cb; color:#fff; float:right; margin-top:10px; letter-spacing:-1px; transition:.3s; border-radius:8px } 
.review_inner_cont .btn_more_photo:hover { background-color:#0177ab } 
.review_inner_cont .naverTab-button { overflow:hidden; width:100% } 
@media (max-width:640px){
 .review_menu { width:100% } 
.review_menu a { display:inline-block; width:48%; margin-top:15px; font-size:14px } 
.review_inner_cont { margin:0 auto; float:none } 
.review_list.trip_advisor_review li { padding-left:0 } 
.review_list.trip_advisor_review li p.name { width:100%; position:relative; text-align:left; padding-left:3px } 
.review_list.trip_advisor_review li p.name span.name { width:150px } 
.review_inner_cont .review_list dl { width:100% } 
 }
.imgBox_climate { padding:0 0 20px } 
.imgBox_climate span { padding:0 0 10px; display:inline-block } 
@media all and (max-width:840px){
 .imgBox_climate span img { width:100% } 
 }
.imgBox_climate { padding:0 0 20px } 
.imgBox_climate span { padding:0 0 10px; display:inline-block } 
@media all and (max-width:840px){
 .imgBox_climate span img { width:100% } 
 }

.s-ticket-img { overflow:hidden; clear:both } 
.s-ticket-img ul {display: flex; justify-content: space-between;flex-wrap: wrap;}
.s-ticket-img li {width: calc(24%);background-color:#eef4f9;text-align:center} 
.s-ticket-img li img {padding: 25px  0px 5px;margin:0 auto;display:block; width: min-content;} 
.s-ticket-img li p {font-size:14.5px;padding: 5px 15px 20px;display:inline-block; line-height: 20px;} 
.s-ticket-img li p span {font-size: 13.5px;letter-spacing: -0.5px;word-break:keep-all;}
@media all and (max-width:1000px){
    .s-ticket-img li {width: 49%; margin-bottom: 10px;}
}
.img-mu { width:100%; overflow:hidden } 
.img-mu > p { float:left } 
.img-mu .mu-docs { display:inline-block; width:420px; margin:70px 0 0 15px } 
.img-mu .mu-docs li { display:table; width:430px; height:61px; vertical-align:middle; word-break:keep-all } 
.img-mu .mu-docs li:after { content:''; display:block; width:100%; height:1px } 
.img-mu .mu-docs li span { display:table-cell; vertical-align:middle; line-height:17px; color:#777; font-size:13px } 

.bsmobile-App { margin:50px 0 } 
.bsmobile-App:after { display:block; clear:both; content:'' } 
.app-box { min-height:213px; margin-bottom:28px } 
.app-box .app-img { float:left; display:table; width:330px; height:213px; border:1px solid #e1e1e1 } 
.app-box .app-img span { display:table-cell; vertical-align:middle; text-align:center } 
.app-box .app-img span img { max-width:215px } 
.app-box .app-info { float:left; width:calc(100% - 360px); margin-left:28px } 

.bu-list li { margin:5px 0; line-height:25px; font-size:15px } 
.bu-list li span { display:inline-block; background-color:#e7effb; border-radius:5px; padding:3px 18px; margin-right:10px; font-size:15px; font-weight:600; color:#2f4c78 } 
.bu-list li > strong { font-weight:600; color:#000 } 
.app-btn .btnArea { margin:10px 0 0; text-align:left } 
@media all and (max-width:840px){
 .app-box .app-img { width:100% } 
.app-box .app-info { width:100%; margin-left:0; margin-top:10px; margin-bottom:30px } 
 }
/* reservation */
.main_cont .inner { width:1200px; margin:0 auto } 
.main_cont04 { padding:50px 0 90px } 
.main_cont04 ul.main_cover { width:100%; float:left } 

.main_thum .main_list li.over img { z-index:99; object-fit:cover; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transition:.5s; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1) } 
.main_thum .main_list li img { z-index:99; width:100%; object-fit:cover; -webkit-transform:scale(1); -moz-transform:scale(1); transition:.5s; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1) } 
.main_cover dl:hover img.img_none { -webkit-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1) } 
.main_cover dl { width:385px; height:472px; display:inline-block; float:left; text-align:center; position:relative; overflow:hidden; margin-left:10px } 
.main_cont04 ul dl dt.wh,.main_cont04 ul dl dd.wh { color:#fff } 
.main_cont04 ul dl dt.wh p { margin-top:20px } 
.main_cover dl.over img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transition:.5s; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1) } 
.main_cover dl img { -webkit-transform:scale(1); -moz-transform:scale(1); transition:.5s; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1) } 
.main_cover dl .before { overflow:hidden } 
.main_cover dl .before_cover dt { position:absolute; top:80px; width:100%; font-size:28px; font-weight:600; line-height:30px } 
.main_cover dl .before_cover dd { position:absolute; top:270px; left:0; text-align:center; line-height:140%; width:100%; font-size:15px; font-weight:300 } 
.main_cover dl.over .before_cover { display:none } 
.main_cover dl.over .after_cover dt { position:absolute; top:100px; width:100%; font-size:28px; color:#fff; font-weight:600; line-height:30px; z-index:110 } 
.main_cover dl.over .after_cover dd { position:absolute; top:170px; left:0; text-align:center; line-height:140%; width:100%; font-size:15px; color:#fff; font-weight:300; z-index:110 } 
.main_cover a { width:385px; height:472px; color:#fff } 
.main_cover dl.over .after_cover > p.btn { position:absolute; bottom:100px; left:50%; margin-left:-70px } 
.main_cover dl.over .after_cover > p.btn1 { position:absolute; bottom:150px; left:50%; margin-left:-70px } 
.main_cover dl.over .after_cover > p.btn > span,.main_cover dl.over .after_cover > p.btn1 > span { position:absolute; top:0; left:0; display:block; box-sizing:border-box; width:140px; padding:5px 0 7px 17px; background:url(/images/main/btn_arrow.png) no-repeat 85% center; border:1px solid #fff; font-size:18px; text-align:left; color:#fff; font-weight:100; z-index:110 } 
.main_cover dl.over .after_cover > span { position:absolute; top:0; left:0; text-align:center; box-sizing:border-box; width:100%; height:475px; background:url(/images/main/opt_bg.png) no-repeat; z-index:99 } 
@media all and (max-width:1280px){
 .main_cover dl { width:32% } 
 }
@media all and (max-width:767px){
 .main_cover dl { width:100% } 
 }

/*컨텐츠상세 > 탭리뷰 > 작성하기 > 팝업*/
.revPop-content { margin:0 auto; overflow:hidden } 
.rev-header { position:relative; background:#1f72b8; text-align:center; padding:20px } 
.rev-header p { color:#fff; font-size:1.3rem } 
.rev-header .rev-close { position:absolute; width:35px; height:35px; display:block; top:13px; right:20px; background:url(/images/sub/rev-close.png) center no-repeat } 
.rev-container { padding:20px; overflow-y:auto } 
.rev-container > div.search { text-align:center; background:#eee; padding:20px } 
.rev-container > div.search input[type="text"] { padding:8px; margin-right:10px } 
.rev-container .rev-contb { margin:0; padding:0; border:0 } 
.rev-container .rev-contb th { font-weight:600; font-size:18px; color:#000; letter-spacing:-1.5px; padding:15px 10px; text-align:left; border-bottom:1px solid #e4e4e4 } 
.rev-container .rev-contb td { padding:15px 10px; border-bottom:1px solid #e4e4e4; letter-spacing:-1px } 
.rev-container .rev-contb td .title { font-size:17px; font-weight:600; color:#1f72b8 } 
.rev-container .rev-contb .rev-radi { display:inline-block; padding-right:31px; font-size:15px } 
.rev-container .rev-contb .rev-radi input { vertical-align:top; margin:1px 5px 0 0 } 
.rev-container .rev-contb .pic-item { float:left; width:19%; margin-right:1% } 
.rev-container .rev-contb .pic-item .pic-view { width:100%; height:86px; border:1px solid #e5e5e5; overflow:hidden; background:#f4f4f4 url(/images/sub/revpop-noImg.png) center no-repeat } 
.rev-container .rev-contb .pic-item .pic-view img { width:100% } 
.rev-container .rev-contb .pic-item .btn-file { text-align:center; margin-top:5px } 
.rev-container .rev-contb .pic-item.w3c_custom { float:left; width:32%; margin-right:1%; margin-bottom:15px } 
.select_picture input[type="file"] { width:100% } 
.rev-container .rev-contb .pic-item .btn-file .rev-basic { font-size:14px } 
.rev-basic { display:inline-block; padding:9px 12px; font-size:15px; color:#fff; font-weight:600; background-color:#0077cb; transition:.3s } 
.rev-basic:hover { background-color:#0077cb } 
.rev-cc { display:inline-block; padding:9px 12px; font-size:15px; color:#fff; font-weight:600; background-color:#555; transition:.3s } 
.rev-container .rev-contb .rev-text { width:100% } 
.rev-container .rev-contb .rev-text textarea { width:100% } 
.rev-container .rev-contb .revPop-tag input.tagInput { width:50%; padding:5px 15px; float:left } 
.rev-container .rev-contb .revPop-tag input.tagInput:focus { border:2px solid #1f72b8 } 
.rev-container .rev-contb .revPop-tag .revPop-tagBtn { float:left } 
.rev-container .rev-contb .revPop-tag .selectTag { clear:both; font-size:15px } 
.rev-container .rev-contb .revPop-tag .selectTag .btn-tag { margin:5px; font-size:14px } 
.rev-container .rev-contb .revPop-tag .selectTag .btn-tag:hover { font-weight:600 } 
.rev-container .rev-contb .revPop-tag .selectTag .btn-tag .tagClose { width:15px; height:15px; display:inline-block; background:#676767 url(/images/sub/rev-tagClose.png) center no-repeat; text-indent:-9999px; margin-left:3px } 
.rev-container .rev-contb .revPop-tag .selectTag .btn-tag .tagClose:hover { background-color:#000 } 
.rev-container .rev-contb .rev-starGrade { height:20px } 
.rev-container .rev-contb .rev-starGrade a { float:left; margin-right:5px } 
.revPop-content .btnCen { text-align:center; margin-bottom:20px } 
.revPop-content .btnCen a { width:140px; padding:15px 0; text-align:center; font-size:18px; font-weight:500 } 
.btn-file label { display:inline-block; padding:.3em .75em; color:#fff; background-color:#1f72b8; cursor:pointer; border:1px solid #1e68a6; -webkit-transition:background-color .2s; transition:background-color .2s; font-size:15px } 
.btn-file label:hover { background-color:#275cc9 } 
.btn-file label:active { background-color:#314774 } 
.btn-file input[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 } 
@media all and (max-width:640px){
 .modal-body > .container { padding:0; width:100% } 
.modal-body > .container.pic-container { width:80% } 
.modal-content.rev-modal .modal-body > .container { width:100% } 
.rev-container { padding:0 } 
.revPop-content { width:100% } 
.revPop-content .rev-contb colgroup { display:none } 
.revPop-content .rev-contb th { width:22%; font-size:15px; padding:15px 4px } 
.revPop-content .rev-contb td { width:78% } 
.rev-container .rev-contb .rev-radi { margin-bottom:5px } 
.rev-container .rev-contb .pic-item { width:32%; margin-bottom:5% } 
.rev-container .rev-contb .pic-item .pic-view { height:60px } 
.rev-container .rev-contb .pic-item .btn-file label { font-size:12px } 
 }
/* mypage */
.myp-head:after { display:block; content:''; width:100%; height:1px; clear:both } 
.myp-head .myp-inner { max-width:1200px; margin:0 auto; padding:25px 0; overflow:hidden; width:100% } 
.myp-head .myp-profile { width:20%; float:left } 
.myp-head .myp-profile .profile-img { width:160px; height:160px; border-radius:50%; overflow:hidden } 
.myp-head .myp-profile .profile-img.noimg { background:#fff url(/images/common/join-profile-default.png) no-repeat center center; border:1px solid #d5e3e8 } 
.myp-head .myp-profile .profile-img img { width:100%; height:100% } 
.myp-head .myp-info { width:80%; float:left } 
.myp-head .myp-info .myTop { position:relative; padding-bottom:15px; letter-spacing:-2px; margin-top:13px } 
.myp-head .myp-info .myTop .infoLv { font-size:17px; color:#000 } 
.myp-head .myp-info .myTop .infoLv .myN,.myp-head .myp-info .myTop .infoLv .myLv { font-size:25px; font-weight:700; color:#000 } 
.myp-head .myp-info .myTop .infoBtn { position:absolute; right:25px; top:3px } 
.myp-head .myp-info .myTop .infoBtn:before { display:block; content:''; float:left; width:20px; height:20px; background:url(/images/sub/myp-btnGrh.png) no-repeat } 
.myp-head .myp-info .myTop .infoBtn:after { display:block; content:''; float:right; width:11px; height:11px; background:url(/images/sub/myp-btnArrow.png) no-repeat } 
.myp-head .myp-info .myBtm { padding-top:20px } 
.myp-head .myp-info .myBtm ul li { display:inline-block; width:19%; text-align:center; border-left:1px solid #d5e3e8 } 
.myp-head .myp-info .myBtm ul li:first-child { border-left:0 } 
.myp-head .myp-info .myBtm ul li p { font-size:17px; color:#000 } 
.myp-head .myp-info .myBtm ul li em { display:block; font-size:35px; font-weight:300; font-style:normal; padding-top:5px } 
.myp-head.new { margin-top:0; font-family:'NanumSquare'!important; color:#000; background:#fff } 
.myp-head.new .myp-info .myTop .infoLv .myN { color:#000; font-size:25px; font-weight:700; margin-right:7px } 
.myp-head.new .myp-info .myTop .infoLv { color:#000; font-size:17px; margin-left:31px } 
.myp-head.new .myp-info .myBtm ul li p { color:#000; font-size:17px } 
.myp-head.new .myp-info .myBtm ul li em { color:#000; padding-top:15px } 
@media (max-width:900px){
 .myp-head .myp-profile { float:none; margin:0 auto } 
.myp-head .myp-info { float:none; margin:0 auto; text-align:center; margin-top:20px } 
 }
@media (max-width: 640px){
 .myp-head { margin-top:67px } 
.myp-head .myp-inner { width:100% } 
.myp-head .myp-profile { width:100%; float:inherit } 
.myp-head .myp-profile .profile-img { margin:0 auto; width:100px; height:100px } 
.myp-head .myp-info { width:94%; margin:0 auto; float:inherit } 
.myp-head .myp-info .myTop { padding-bottom:10px; margin-top:10px } 
.myp-head .myp-info .myTop .infoLv { font-size:18px; text-align:center } 
.myp-head .myp-info .myTop .infoLv .myN,.myp-head .myp-info .myTop .infoLv .myLv { font-size:25px } 
.myp-head .myp-info .myBtm { padding-top:10px } 
.myp-head .myp-info .myBtm ul { overflow:hidden; background-color:#f7f8fa; padding:15px; border-radius:8px } 
.myp-head.new .myp-info .myBtm ul li p { font-weight:700; padding-bottom:0; color:#556080 } 
.myp-head.new .myp-info .myBtm ul li { padding-bottom:0; padding-top:10px } 
.myp-head .myp-info .myBtm ul li { width:33%; float:left; padding-bottom:4%; border-left:0 } 
.myp-head .myp-info .myBtm ul li p { font-size:14px; line-height:20px; word-break:break-word } 
.myp-head .myp-info .myBtm ul li em { font-size:25px } 
.myp-head .myp-info .myBtm ul li:last-child { margin-right:6px } 
.myp-head.new .myp-info .myTop .infoLv .myN { display:block; padding:0; margin:20px 0 } 
 }
#nearTourCont .wrap { position:relative; width:305px; height:150px; text-align:left } 
#nearTourCont .info { position:relative; height:150px; border-radius:10px; padding:10px; overflow:hidden; background:#fff } 
#nearTourCont .info .title { padding:0 0 5px 3px; background:#fff; border-bottom:1px solid #eee; letter-spacing:-1px; font-size:18px; color:#000; padding-right:10%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis } 
#nearTourCont .info .title span > a { display:block; position:absolute; top:11px; right:13px; width:19px; height:19px; text-indent:-999px; background:url(/images/sub/nearPopClose.png) center no-repeat } 
#nearTourCont .info .body { position:relative } 
#nearTourCont .info .body .img { position:absolute; top:10px; left:7px; width:88px; height:83px; border:#eee; overflow:hidden } 
#nearTourCont .info .body .img > img { width:100%; height:100% } 
#nearTourCont .info .desc { position:relative; margin:10px 0 0 108px; height:95px } 
#nearTourCont .info .desc span { display:block; width:94%; padding:0; font-size:13px; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis } 
#nearTourCont .info .desc button { background-color:#0072bb; font-size:13px; color:#fff; padding:3px 11px; margin-top:6px; transition:.3s } 
#nearTourCont .info .desc button.btn_end:hover { background-color:#004c7d } 
#nearTourCont .info .desc button.btn_Clo { background-color:#5c5c5c; color:#fff } 
#nearTourCont .info .desc button.btn_Clo:hover { background-color:#222 } 
#nearTourCont .info .desc button.btn_more { background-color:#0a9eca } 
#nearTourCont .info .desc button.btn_more:hover { background-color:#006887 } 
#nearTourCont .info:after { display:none } 
.accommoList { width:100%; clear:both; padding-bottom:20px; overflow:hidden } 
.accommoList .acmList_inner { margin-left:-2% } 
.accommoList .acm_item { position:relative; width:48%; float:left; margin-left:2%; border:1px solid #d5e3e8; padding:34px 0; margin-bottom:2%; box-sizing:border-box } 
.accommoList .acm_item .cateBox { position:absolute; top:29px; right:40px; width:50px; height:50px; border-radius:50%; overflow:hidden; text-align:center; line-height:50px; font-size:13px; font-weight:600 } 
.accommoList .acm_item .cateBox > span { display:block; height:100%; text-indent:-9999px; background-position:center } 
.accommoList .acm_item .cateBox .hotel { background-color:#4862ea; background-image:url(/images/sub/acm_h1.png) } 
.accommoList .acm_item .cateBox .hotel2 { background-color:#803de3; background-image:url(/images/sub/acm_h2.png) } 
.accommoList .acm_item .cateBox .hotel3 { background-color:#e94269; background-image:url(/images/sub/acm_h3.png) } 
.accommoList .acm_item .cateBox .hostel { background-color:#f67f00; background-image:url(/images/sub/acm_h4.png) } 
.accommoList .acm_item .cateBox .resort { background-color:#2ea716; background-image:url(/images/sub/acm_h5.png) } 
.accommoList .acm_item .cateBox .lodgment1 { background-color:#4862ea; background-image:url(/images/sub/acm_h1.png) } 
.accommoList .acm_item .cateBox .lodgment2 { background-color:#803de3; background-image:url(/images/sub/acm_h2.png) } 
.accommoList .acm_item .cateBox .lodgment3 { background-color:#e94269; background-image:url(/images/sub/acm_h3.png) } 
.accommoList .acm_item .cateBox .lodgment4 { background-color:#f67f00; background-image:url(/images/sub/acm_h4.png) } 
.accommoList .acm_item .cateBox .lodgment5 { background-color:#2ea716; background-image:url(/images/sub/acm_h5.png) } 
.accommoList .acm_item .cateBox .lodgment48 { background-color:#4862ea; background-image:url(/images/sub/acm_h1.png) } 
.accommoList .acm_item .cateBox .lodgment82 { background-color:#803de3; background-image:url(/images/sub/acm_h2.png) } 
.accommoList .acm_item .cateBox .lodgment83 { background-color:#e94269; background-image:url(/images/sub/acm_h3.png) } 
.accommoList .acm_item .cateBox .lodgment84 { background-color:#f67f00; background-image:url(/images/sub/acm_h4.png) } 
.accommoList .acm_item .cateBox .lodgment85 { background-color:#2ea716; background-image:url(/images/sub/acm_h5.png) } 
.accommoList .acm_item .acm_name { font-size:26px; color:#000; width:76%; height:44px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 40px; padding:2px 0 } 
.accommoList .acm_item .acm_name span { display:inline } 
.accommoList .acm_item .acm_name a { color:#000; line-height:39px; margin-left:2px } 
.accommoList .acm_item .acm_loc { display:block; padding:10px 0 0 42px } 
.accommoList .acm_item .acm_add { margin-top:12px; font-size:15px; margin-left:40px; margin-right:40px; position:relative; display: flex; align-items: center; } 
.accommoList .acm_item .acm_add:before { content:''; width:16px; height:19px; display:block; float:left; margin-right:5px; background:url(/images/sub/acm_addIcon.png) 0 0 no-repeat } 
.accommoList .acm_item .acm_info { margin-top:29px; font-size:15px; margin-left:40px; margin-right:40px; position:relative } 
.accommoList .acm_item .acm_info:before { content:''; width:16px; height:19px; display:block; float:left; margin-right:5px; background:url(/images/sub/acm_infoIcon.png) 0 0 no-repeat } 
.accommoList .acm_item .acm_add .address { display:inline-block; line-height:23px; max-width:70%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden } 
.accommoList .acm_item .acm_add .mapView { position:absolute; top:-2px; display:inline-block; padding:6px 7px; background:#e8e8e8; text-align:center; color:#000; margin-left:6px; font-size:13px; font-weight:600 } 
.accommoList .acm_item .acm_tel { margin-top:4px; font-size:15px; margin-left:40px } 
.accommoList .acm_item .acm_tel:before { content:''; width:13px; height:20px; display:block; float:left; margin-right:5px; background:url(/images/sub/acm_telIcon.png) 0 no-repeat } 
.travel_list { position:relative; margin-bottom:50px } 
.travel_list .reg { position:absolute; display:block; left:0; bottom:8px; padding:0 0 0 3px; font-size:15px } 
.trvList { display:block; clear:both; } 
.trvList h4 {font-size:24px;font-weight: 500; margin:0 0 25px;}
.trvList .write span { padding:11px 19px!important; border-radius:8px } 
.trvList .title { position:relative; font-size:25px; color:#000; padding:0 0 9px; font-weight:600 } 
.trvList .title > span { color:#e90049 } 

.taste_busan .cont_source {color: #555; font-size: 15px; margin-top: 70px;}

@media (max-width: 640px){
 .accommoList .acmList_inner { margin-left:unset } 
.accommoList .acm_item { padding:0; width:100%; margin:0 auto; float:none; margin-bottom:20px } 
.accommoList .acm_item .acm_name { margin:15px 0 0 15px; font-size:20px } 
.accommoList .acm_item .acm_loc { padding:4px 0 0 15px; font-size:14px } 
.accommoList .acm_item .acm_info { margin:14px 0 0 18px } 
.accommoList .acm_item .acm_add { margin:8px 0 20px 18px } 
.accommoList .acm_item .acm_add .address { font-size:14px; line-height:20px; height:43px; overflow:hidden; white-space:inherit } 
.accommoList .acm_item .cateBox { right:14px; top:15px; width:35px; height:35px } 
.accommoList .acm_item .cateBox > span { background-size:107% } 
.trvList .title { padding:5% } 
 }
.tab_wrap.acmTab { border-bottom:1px solid #bfbfbf } 
.tab_wrap.acmTab li { width:50% } 
.tab_wrap.acmTab .tab { overflow:hidden } 
.tab_wrap.acmTab .tab li { float:left; width:50%; text-align:center; box-sizing:border-box; color:#989898; font-size:19px; padding:20px 0; cursor:pointer; font-weight:600 } 
.tab_wrap.acmTab .tab li:hover { border-bottom:1px solid #000 } 
.tab_wrap.acmTab .tab li:hover a { display:block; color:#000 } 
.bsWrap { position:relative; margin-top:35px } 
.bsArea_stay_list { position:relative; padding-top:10px } 
.bsArea_stay_list li { width:12.5%; float:left; height:140px } 
.bsArea_stay_list li.nth9,.bsArea_stay_list li.nth10,.bsArea_stay_list li.nth11,.bsArea_stay_list li.nth12,.bsArea_stay_list li.nth13,.bsArea_stay_list li.nth14,.bsArea_stay_list li.nth15,.bsArea_stay_list li.nth16 { margin-top:540px } 
.bsArea_stay_list li a { display:block; margin:0 10px; min-height:134px; text-align:center; transition:.3s } 
.bsArea_stay_list li.active a { border:1px solid #d8d8d8; border-radius:10px; padding:5px; margin-top:-9px; box-shadow:5px 5px 5px #cccbcb } 
.bsArea_stay_list li.active a .arro { display:inline-block; padding:10px 0 0 } 
.bsArea_stay_list li a .acmLogo { display:block; padding-top:10px } 
.bsArea_stay_list li a .acmName { display:block; font-size:20px; margin-top:10px; color:#000 } 
.bsArea_stay_list li a .arro { text-align:center; font-size:13px; margin-top:5px; display:none } 
.bsArea_stay_list li a .arro:after { margin:1px 0 0 5px; width:12px; height:12px; content:''; display:block; float:right; background:url(/images/sub/acm_arrowB.jpg) no-repeat } 
.acmMap_inner > p { width:792px; height:450px; margin:0 auto; transition:.4s } 
.acmMap_area { position:absolute; top:151px; border:2px solid #f5f5f5; width:100%; border-radius:20px; text-align:center; padding:30px 0 } 
.tabmenu_wrap.acmTab { margin-bottom:0; padding-bottom:0; border-bottom:0 } 
.acmMap_area .acmMap_inner > p { background:url(/images/sub/acmM_basic.jpg) no-repeat } 
.acmMap_area .acmMap_inner.nth1 > p { background:url(/images/sub/acmM1.jpg) no-repeat } 
.acmMap_area .acmMap_inner.nth2 > p { background:url(/images/sub/acmM2.jpg) no-repeat } 
.acmMap_area .acmMap_inner.nth3 > p { background:url(/images/sub/acmM3.jpg) no-repeat } 
.acmMap_area .acmMap_inner.nth4 > p { background:url(/images/sub/acmM4.jpg) no-repeat } 
.acmMap_area .acmMap_inner.nth5 > p { background:url(/images/sub/acmM5.jpg) no-repeat } 
.acmMap_area .acmMap_inner.nth6 > p { background:url(/images/sub/acmM6.jpg) no-repeat } 
.acmMap_area .acmMap_inner.nth7 > p { background:url(/images/sub/acmM7.jpg) no-repeat } 
.acmMap_area .acmMap_inner.nth8 > p { background:url(/images/sub/acmM8.jpg) no-repeat } 
.acmMap_area .acmMap_inner.nth9 > p { background:url(/images/sub/acmM9.jpg) no-repeat } 
.acmMap_area .acmMap_inner.nth10 > p { background:url(/images/sub/acmM10.jpg) no-repeat } 
.acmMap_area .acmMap_inner.nth11 > p { background:url(/images/sub/acmM11.jpg) no-repeat } 
.acmMap_area .acmMap_inner.nth12 > p { background:url(/images/sub/acmM12.jpg) no-repeat } 
.acmMap_area .acmMap_inner.nth13 > p { background:url(/images/sub/acmM13.jpg) no-repeat } 
.acmMap_area .acmMap_inner.nth14 > p { background:url(/images/sub/acmM14.jpg) no-repeat } 
.acmMap_area .acmMap_inner.nth15 > p { background:url(/images/sub/acmM15.jpg) no-repeat } 
.acmMap_area .acmMap_inner.nth16 > p { background:url(/images/sub/acmM16.jpg) no-repeat } 
@media (max-width: 640px){
 .bsArea_stay_list li { width:33%; height:143px } 
.bsArea_stay_list li a { border:1px solid #d8d8d8; border-radius:10px; padding:5px; margin-top:-9px; min-height:122px; box-shadow:4px 3px 5px #dcdcdc } 
.bsArea_stay_list li a .arro { display:inline-block; padding:10px 0 0 } 
.bsArea_stay_list li a .acmLogo { width:50px; margin:0 auto; height:45px } 
.bsArea_stay_list li a .acmLogo img { max-width:100%; max-height:39px } 
.bsArea_stay_list li a .acmName { font-size:15px } 
.bsArea_stay_list li.nth9,.bsArea_stay_list li.nth10,.bsArea_stay_list li.nth11,.bsArea_stay_list li.nth12,.bsArea_stay_list li.nth13,.bsArea_stay_list li.nth14,.bsArea_stay_list li.nth15,.bsArea_stay_list li.nth16 { margin-top:0 } 
.acmMap_area { display:none } 
.rev-container .rev-contb .pic-item.w3c_custom { width:100%; margin-right:0; margin-bottom:15px } 
 }
 @media (max-width: 600px){
.trvList h4 {font-size:18px;  margin:10px 0 20px;}
 }


/* The Modal (background) */
.mopop { display:none; position:fixed; z-index:1; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:#000; background-color:rgba(0,0,0,0.4) } 
/* mopop Content/Box */
.mopop-content { background-color:#fefefe; margin:15% auto; padding:20px; border:1px solid #888; width:50% } 
/* The Close Button */
.mopop-content .close { color:#aaa; float:right; font-size:28px; font-weight:700 } 
.mopop-content .close:hover,.mopop-content .close:focus { color:#000; text-decoration:none; cursor:pointer } 
.modal-content.pic-modal { background:none!important; border:0!important } 
.pic-imgView { position:relative; max-width:750px; margin:0 auto; margin-top:100px } 
.pic-imgArea { width:100%; margin:0 auto } 
.pic-imgArea img { width:100% } 
.pic-title { position:absolute; top:-55px; right:-55px; color:#fff } 
.pic-title .p-txt { float:left; font-size:16px; font-weight:600 } 
.pic-title .p-close { float:right; font-size:16px } 
.pic-title .p-close a.bClose { width:48px; height:48px; border:2px solid #fff; border-radius:50%; display:block; background:url(/images/sub/rev-close.png) center no-repeat; transition:.3s } 
.pic-title .p-close a.bClose:hover { width:48px; height:48px; background:#fff url(/images/sub/rev-close-on.png) center no-repeat } 
.pic-arrow .rev-prev { position:absolute; display:block; top:40%; left:-100px; width:80px; height:150px; text-indent:-99999px; background:url(/images/sub/share-arrow-prev.png) no-repeat } 
.pic-arrow .rev-next { position:absolute; display:block; top:40%; right:-110px; width:80px; height:150px; text-indent:-99999px; background:url(/images/sub/share-arrow-next.png) no-repeat } 
.pic-count { text-align:center; color:#fff; margin-top:15px; letter-spacing:3px; font-size:18px } 
.pic-txt { width:120%; position:absolute; left:-10%; font-size:15px; line-height:20px; color:#fff; padding:20px; margin-top:10px; background-color:#000b } 
@media (max-width: 640px){
 .pic-arrow .rev-next { right:-93px; top:36%; background-size:31%; height:53px } 
.pic-arrow .rev-prev { left:-40px; top:36%; background-size:31%; height:53px } 
.pic-imgArea { min-width:230px } 
 }
.btnwarp { vertical-align:bottom; line-height:11px; display:inline-block; padding:10px 12px; border:1px solid #d5e3e8; margin-left:10px; background-color:#f2f7f9; cursor:pointer } 
.m_notice dl dt a { font-size:19px; color:#1442a1; font-weight:500; margin-bottom:10px; display:inline-block } 
.m_notice dl dt a.btn_view { font-size:13px; color:#fff; background-color:#4070d4; padding:5px 10px; border-radius:8px; font-weight:100 } 
.m_notice dl dd { margin-bottom:20px; border-bottom:1px solid #e7eff2; padding-bottom:15px; line-height:1.5em } 
/* 액티비티 테스트 */
.activityTest { display:block; width:900px; margin:0 auto; margin-bottom:50px; position:relative } 
.activityBtn { width:680px; height:auto; position:absolute; left:calc(50% - 340px); bottom:120px } 
.activityBtn img { width:100% } 
@media screen and (max-width: 900px){
 .activityTest { width:100% } 
.activityBtn { width:75%; left:12.5%; bottom:6.8% } 
 }
.search_tag { margin-bottom:50px; overflow:hidden } 
.search_tag .tag_box { width:80%; display:flex; justify-content:center; flex-wrap:wrap; overflow:hidden; margin:0 auto } 
.search_tag .tag_box.open { height:auto } 
.search_tag .tag_box .search_btn { display:inline-block; border:1px solid #e7eff2; font-size:calc(12px + 0.2vw); border-radius:30px; padding:5px 20px; margin:3px; color:#333 } 
.search_tag .tag_box .search_btn::before { content:'#' } 
.search_tag .tag_box .search_btn:hover { color:#fff; font-weight:700; background-color:#0077cb; border:1px solid #0077cb } 
.search_tag .tag_box .search_btn.on { color:#fff; background-color:#0077cb; border:1px solid #0077cb } 
.search_tag .more_btn { display:none } 
.search_tag .input-group { width:300px; display:block; margin:30px auto; float:unset } 
@media all and (max-width: 600px){
 .search_tag .tag_box { width:100% } 
.search_tag .tag_box .search_btn { padding:5px 10px } 
.search_tag .tag_ex { position:relative; padding-bottom:25px } 
.search_tag .more_btn { position:absolute; display:block; left:calc(50% - 30px); bottom:-15px; font-size:15px; letter-spacing:-2px; color:#555; border:1px solid #aaa; border-radius:30px; padding:5px 15px } 

.taste_busan .cont_source { font-size: 14px;}
 }

/*외국어사이트 Traveler guides > Preparing for a Trip */
.img_center { display:block; margin:0 auto } 

.visitBusanPass .pass_benefits ul { display: flex; flex-wrap: wrap; } 
.visitBusanPass .pass_benefits ul li { width:200px; padding-top: 200px; font-size:calc(12px + 0.4vw); line-height: normal; background-repeat: no-repeat; background-position: top; } 
.visitBusanPass .pass_benefits ul li:not(:last-child) { margin-right: 3%; } 
.visitBusanPass .pass_benefits ul li:nth-child(1) { background-image: url(/upload_data/board_data/BBS_0000014/167635876085706.jpg); } 
.visitBusanPass .pass_benefits ul li:nth-child(2) { background-image: url(/upload_data/board_data/BBS_0000014/167635876086469.jpg); } 
.visitBusanPass .pass_benefits ul li:nth-child(3) { background-image: url(/upload_data/board_data/BBS_0000014/167635876086868.jpg); } 
.visitBusanPass .limited_card ul { } 
.visitBusanPass .limited_card ul:after { display: block; content: ''; clear: both; } 
.visitBusanPass .limited_card ul li { width:555px; padding-top:520px; float:left; margin-right:50px; background-repeat: no-repeat; background-position: top; text-align: center;} 
.visitBusanPass .limited_card ul li:nth-child(1) { background-image: url(/upload_data/board_data/BBS_0000014/172241019155007.jpg); } 
.visitBusanPass .limited_card ul li:nth-child(2) { background-image: url(/upload_data/board_data/BBS_0000014/172241019155694.jpg); } 
.visitBusanPass .limited_card ul li span { font-size:18px; text-align:center; font-weight:700; display: inline-block; line-height: normal; } 
.visitBusanPass .limited_card ul li span.blue { padding:2px 15px; margin-left:5px; border-radius:30px; color:#fff; background-color:#00a7eb!important; } 
.visitBusanPass .limited_card ul li span.purple { padding:2px 15px; margin-left:5px; border-radius:30px; color:#fff; background-color:#431274 } 
.visitBusanPass ._blank { display:block; width:300px; height:45px; font-size:20px; font-weight:700; text-align:center; line-height:45px; border-radius:50px; background-color:#00a7eb; color:#fff } 
.visitBusanPass ._blank::after { width:20px; height:25px; margin:14px 25px 0 -35px; content:''; display:block; float:right; background:url(/upload_data/board_data/BBS_0000014/167636126919834.png) no-repeat } 
.visitBusanPass ._blank:hover { background-color:#431274 } 

@media all and (max-width:900px){
 .Free_interpretation img { width: 100%; } 
 .visitBusanPass .pass_benefits ul li { background-size: 100px; padding-top: 109px; } 
 .visitBusanPass .limited_card ul li { width:100%; background-size: contain; padding-top: 50%; margin-right: unset; float: unset; } 
 }
@media all and (max-width:600px){
 .visitBusanPass .pass_benefits ul li { width: 100%; } 
 }

/*블루리본 20230622*/
.search-frm.search_tag .blueRibbonSrh .input-group { display: inline-block; margin: 0; } 

.blueRibbonSrh .cate-area { margin-left: 10%; } 
.blueRibbonSrh .cate-area.ml20p { margin-left: 20%; } 
.blueRibbonSrh .cate-area .cate-srh { width: 65%; } 
.blueRibbonSrh .cate-area .cate-srh.w35p { width: 35%; } 
.blueRibbonSrh .cate-area .cate-item .title { border-bottom: 2px solid #000; } 
.blueRibbonSrh .cate-area .cate-item .title .label { position: absolute; left: -9999px; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden; /* opacity:0; filter:alpha(opacity=0); */ } 
.blueRibbonSrh .cate-srh .w100p { width:100% !important; } 
.blueRibbonSrh .input-group { width: 60%; } 
.blueRibbonSrh .input-group .form-control { height: 56px; } 
.blueRibbonSrh .search-frm .input-group-btn > .btn.btn-primary { margin-top: 5px; } 

.blueRibbon { margin: 50px auto; } 
.blueRibbon>ul { display: flex; justify-content: left; flex-wrap: wrap; width: 100%; } 
.blueRibbon .contents { width: 32%; margin-right: 2%; min-height: 330px; border: 1px solid #dadada; box-sizing: border-box; margin-bottom: 35px; padding: 40px; padding-bottom: 20px; } 
.blueRibbon>ul li:nth-child(3n) { margin-right: 0; } 
.blueRibbon .headTit { margin-bottom: 10px; border-bottom: 1px solid #1b47b3; } 
.blueRibbon .headTit .top { overflow: hidden; } 
.blueRibbon .headTit .ribbon { float: left; } 
.blueRibbon .headTit .ribbon li { display: inline-block; } 
.blueRibbon .headTit .year { padding: 3px 10px; border: 1px solid #1b47b3; border-radius: 5px; color: #1b47b3; font-size: 15px; font-weight:bold; float: right; } 

.blueRibbon .headTit .title { font-size: 26px; font-weight: bolder; color: #1b47b3; letter-spacing: -1.5px; margin: 25px 0 10px; } 
.blueRibbon .headTit .exp { font-size: 15px; margin-bottom: 20px; } 
.blueRibbon .info { overflow: hidden; } 
.blueRibbon .info>ul>li { padding: 8px; padding-left: 23px; font-size: 16px; line-height: 20px; letter-spacing: -0.5px; position: relative; } 
.blueRibbon .info>ul>li::before { content: ''; display: block; position: absolute; left: 0; width: 18px; height: 18px; background: url(/upload_data/board_data/BBS_0000014/168741718405580.png) no-repeat; } 
.blueRibbon .info .adress::before { background-position: -20px 1px; } 
.blueRibbon .info .time::before { background-position: -0px 1px; } 
.blueRibbon .info .tag::before { background-position: -38px 1px; letter-spacing: -1px; } 
.blueRibbon .info .tag ul li { float: left; margin-right: 10px; padding: 0; } 
.blueRibbon .info .tag ul li::before { content: '#'; margin: 0 1px; } 



.blueRibbon_contents { margin-bottom: unset !important; } 
.blueRibbon_contents .introduce { overflow: hidden; } 
.blueRibbon_contents .ribbon { overflow: hidden; } 
.blueRibbon_contents .ribbon li { float: left; margin-right: 8px; } 
.blueRibbon_contents .introduce .right .cont li { margin-bottom: 15px; } 
.blueRibbon_contents .introduce .right .cont span { margin: 0 8px 0 0; } 
.blueRibbon_contents .innerwrap { /* height: 50px; */overflow:unset; } 
.blueRibbon_contents .fesL #section1 .pyeng { margin: 0; margin-top: -30px; box-shadow: none; padding: 0; border-radius: 0; border:none; /* border: 1px solid #eee; */ } 
.blueRibbon_contents .fesL #section2 .tab li { width: calc(20% - 6px); } 

.blueRibbon_contents .fesL #section1 .pyeng .right a { border-radius: 0; border: none; } 
.blueRibbon_contents .fesL #section1 .pyeng .right a.order2 { border-radius: 0; background-color: #fff; color: #000; } 
.blueRibbon_contents .fesL #section1 .pyeng .right a.order2:before { background: url(/upload_data/board_data/BBS_0000014/168835019356630.png) no-repeat 11px 22px; } 
.blueRibbon_contents .h5 { text-align: left; } 
@media (max-width: 1200px){
 .blueRibbon .contents { width: calc(50% - 10px); margin-bottom: 20px; margin-right: 10px; } 
 .blueRibbon>ul li:nth-child(3n) { margin-right: 10px; } 
 .blueRibbon>ul li:nth-child(2n) { margin-right: 0; } 
 }
@media (max-width: 980px){
 .blueRibbonSrh .cate-area { margin-left: 5%; } 
 .blueRibbonSrh .cate-area .cate-srh { width: 65%; } 
 .search-frm.search_tag .blueRibbonSrh .input-group { width: 100%; } 
 .blueRibbonSrh .input-group .form-control { height: 53px; } 
 .blueRibbonSrh .search-frm .input-group-btn > .btn.btn-primary { margin-top: 5px; } 

 .blueRibbon .headTit .title { padding: 0; } 
 .blueRibbon_contents .introduce > .left { width: 40%; margin-left: 0; } 
 .blueRibbon_contents .introduce .right { padding: 15px; width: 58%; margin: 0; margin-left: 2%; } 
 }
@media (max-width: 640px){
 .blueRibbonSrh .cate-area.ml20p { margin-left: 0; } 
.blueRibbonSrh .cate-area .cate-srh.w35p { width: 100%; } 
.blueRibbonSrh .w100p { width:100%; } 

.search-frm.search_tag .blueRibbonSrh .input-group { width: 90% !important; margin: 0 auto; display: block; } 
.blueRibbon_contents .fesL #section1 .pyeng .right a { width: 50%; } 
.blueRibbon_contents .fesL #section2 .tab li { width: 50%; height: 40px; padding: 0; } 
.blueRibbon_contents .fesL #section2 .tab li:nth-child(5) { width: 100%; } 
 }
@media (max-width: 600px){
 .blueRibbon { margin-top: 50px; } 
 .blueRibbon .contents { width: 100%; padding: 30px; min-height: unset; margin-right: 0; } 
 .blueRibbon>ul li:nth-child(3n) { margin-right: 0px; } 
 .blueRibbon .headTit .year { font-size: 14px; } 
 .blueRibbon .headTit .title { font-size: 23px; } 
 .blueRibbon .info>ul>li { font-size: 14px; padding: 4px 0; padding-left: 20px; } 
 .blueRibbon_contents .ribbon { margin-top: 15px; } 
 .blueRibbon_contents .introduce { margin-bottom: unset; padding-bottom: unset; } 
 .blueRibbon_contents .introduce .right { margin-left: unset; padding: unset; } 
 .blueRibbon_contents .introduce .right .cont { padding: 0; } 
 .blueRibbon_contents .introduce .imgWrap { height: auto; } 
 }





/*펫트립-웹툰목록 230920*/ 
#pet_trip #title { border-bottom: 1px solid #efefef; } 
#pet_trip #title h4.tit {padding: 25px 0;font-size: 32px;} 
#pet_trip .informBox { max-width: 1300px; width: 100%; margin: 80px auto; overflow: hidden; position: relative; } 
#pet_trip .informBox .thumbnail { width: 235px; height: 300px; border: 1px solid #eee; float: left; box-sizing: border-box; } 
#pet_trip .informBox .thumbnail img { width: 100%; height: 100%; } 
#pet_trip .informBox .inform_cont { width: calc(100% - 285px); float: left; padding-left: 50px; padding-bottom: 60px; } 
#pet_trip .informBox .inform_cont h5 { font-size: 28px; color: #000; } 
#pet_trip .informBox .inform_cont .writer { color: #666; font-size: 15px; margin: 10px 0 20px; } 
#pet_trip .informBox .inform_cont .writer span { margin-right: 15px; } 
#pet_trip .informBox .inform_cont .exp { color: #000; font-size: 16px; line-height: 22px; } 
#pet_trip .informBox .inform_cont .tag { padding: 10px 0; margin: 20px 0; } 
#pet_trip .informBox .inform_cont .tag span { display: inline-block; font-size: 13.5px; color: #555; font-weight: bold; padding: 3px 15px; background: #f6f6f6; border-radius: 5px; margin-right: 10px; } 

#pet_trip .informBox .inform_cont .btnBox {position: absolute;bottom: 0; overflow: hidden;}
#pet_trip .informBox .inform_cont .btnBox .btn {font-size:16px;color: #0c63c4;font-weight: 500;padding: 15px 30px;background: #fff;border: 1px solid #0c63c4; display: inline-block; margin: 0 5px 5px 0;} 
#pet_trip .informBox .inform_cont .btn:hover { background: #afe6e3; border: 1px solid #afe6e3; } 

/*웹툰 상세페이지 이벤트 버튼*/
#pet_trip .webtoon_event { display: block; width: 100%; max-width: 700px; margin: 0 auto 30px;}
#pet_trip .webtoon_event a {display: block; width: 100%;font-size:19px;color: #0c63c4;text-align: center; font-weight: 500;padding: 18px 30px;background: #fff; border: 1px solid #0c63c4; } 
#pet_trip .webtoon_event a:hover { background: #afe6e3; border: 1px solid #afe6e3; } 

#pet_trip .webtoon_list li { height: auto; } 
#pet_trip .webtoon_list li span { height: auto; position: relative; } 
#pet_trip .webtoon_list li img { margin-left:0; margin-right: 0 } 
#pet_trip .webtoon_list li span.close::after { content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top:0; background: url(/upload_data/board_data/BBS_0000014/169518253743748.png) no-repeat center #000000aa; background-size: 40px; } 
#pet_trip .webtoon_list li h3 { padding: 20px; color: #111; } 

@media only screen and (max-width: 900px){
    #pet_trip .informBox {padding: 0 5%;}
    #pet_trip .informBox .inform_cont {padding-bottom: 120px;}

    #pet_trip .informBox .inform_cont .btnBox .btn {padding: 12px 25px;}
    #pet_trip .webtoon_list li { width: calc(33% - 5px); margin-right:10px; } 
    #pet_trip .webtoon_list li:nth-child(3n) { margin-right:0 } 

 }

@media only screen and (max-width: 650px){
 #pet_trip #title h4.tit { padding: 20px 0; font-size: 23px; } 

 #pet_trip .informBox { margin-bottom: 30px; } 
 #pet_trip .informBox .thumbnail { float: unset; margin: 0px auto 30px; } 
 #pet_trip .informBox .inform_cont { padding-left: unset; padding: 0 0px 20px; float: unset; width: 100%; } 
 #pet_trip .informBox .inform_cont h5 { font-size: 20px; text-align: center; } 
 #pet_trip .informBox .inform_cont .writer { font-size: 14px; margin: 15px 0 10px; } 
 #pet_trip .informBox .inform_cont .exp { font-size: 15px; line-height: 18px; } 
 #pet_trip .informBox .inform_cont .tag { margin: 10px 0; } 
 #pet_trip .informBox .inform_cont .tag span { font-size: 13px; padding: 5px 10px; margin-right: 5px; } 
 #pet_trip .informBox .inform_cont .btnBox {width: 100%; position: unset; margin-top: 30px;}
 #pet_trip .informBox .inform_cont .btnBox .btn { display: block; padding: 15px 10px; width: 100%; text-align: center;  max-width: 400px; margin: 3px auto;} 
 #pet_trip .webtoon_event {margin: 0 auto 20px;}
 #pet_trip .webtoon_event a {font-size:17px;}
 #pet_trip .webtoon_list li { float: left; width: calc(50% - 5px); margin-right:10px; } 
 #pet_trip .webtoon_list li:nth-child(3n) { margin-right:10px } 
 #pet_trip .webtoon_list li:nth-child(2n) { margin-right:0 } 
 #pet_trip .webtoon_list li h3 { padding: 15px 10px; font-size: 16px; line-height: 20px; } 
 }
@media only screen and (max-width: 450px){
 #pet_trip .informBox { margin: 30px auto; } 
 #pet_trip .informBox .thumbnail { float: unset; margin: 10px auto; } 
 #pet_trip .informBox .inform_cont { width: 100%; float:unset; padding-left: 0; padding: 20px 0; } 
 #pet_trip .informBox .inform_cont .btn { position: unset; margin: 20px auto 0; display: block; width: 195px; text-align: center; } 
 }
 


/*펫트립-웹툰상세보기 230920*/ 
#pet_trip .webtoon_img { width: 100%; max-width: 700px; margin: 30px auto; } 
#pet_trip .webtoon_img img { width: 100%; margin: 0; padding: 0; } 

#pet_trip .prne-link { width: 90%; max-width: 700px; display: flex; justify-content: space-between; margin: 20px auto 60px; } 
#pet_trip .prne-link li { width: 40%; } 
#pet_trip .prne-link li a { display: block; width: 100%; height: 60px; font-size: 16px; color: #000; text-align: center; line-height: 58px; letter-spacing: -0.5px; border: 1px solid #0c63c4; box-sizing: border-box; } 
#pet_trip .prne-link li.list { width: 18%; } 
#pet_trip .prne-link li.list a { color: #fff; border: 1px solid #0c63c4; padding-left: 30px; font-size: 17px; letter-spacing: 1px; background: url(/upload_data/board_data/BBS_0000014/169519408169688.png) no-repeat 20% center #0c63c4; } 
#pet_trip .prne-link li.prev a { background: url(/upload_data/board_data/BBS_0000014/169519436243096.png) no-repeat 3% center; } 
#pet_trip .prne-link li.next a { background: url(/upload_data/board_data/BBS_0000014/169519436243374.png) no-repeat 97% center; } 

#pet_trip .prne-link li a span.btn { font-size: 15px; font-style: normal; display: none; } 
#pet_trip .prne-link li a span
#pet_trip .prne-link li.prev a { padding-left: 10px; } 
#pet_trip .prne-link li.next a { padding-right: 10px; } 
#pet_trip .prne-link li a span.tit { font-weight: bold; } 

#pet_trip .prne-link.oneBtn li.list, #pet_trip .prne-link.oneBtn li { width: 49%; } 
@media only screen and (max-width: 800px){
 #pet_trip .prne-link { flex-wrap: wrap; } 
 #pet_trip .prne-link li { width: 95%; margin:0 auto 10px; } 
 #pet_trip .prne-link li.list { width: 95%; margin:0 auto 10px; } 
 }


/*펫트립 컨텐츠 230922*/
#pet_trip.pet_category { width:100%; max-width: 1920px; margin: 0 auto; } 
.pet_category.pet_kr, .pet_category.pet_en { word-break: keep-all; } 
.pet_category.pet_en { letter-spacing: -0.5px; } 
.pet_category.pet_jp { letter-spacing: -2px; } 
.pet_category a { display: block; } 
.pet_category .title { position: relative; height: 1455px; background: url(/upload_data/board_data/BBS_0000014/169536295067772.jpg) no-repeat center top; } 
.pet_category .title .title_img { width: 100%; max-width: 1221px; margin: 0 auto; padding-top: 245px; } 
.pet_category .title .title_img img { width: 100%; height: auto; } 

.pet_category .title .link_banner { position: absolute; bottom: 100px; left: calc(50% - 460px); width: 920px; display: flex; justify-content: center; z-index: 10; } 
.pet_category .title .link_banner a { width: 422px; margin: 0 15px; border-radius: 15px; box-shadow: 3px 3px 10px #ae906e80; font-size: 0; overflow: hidden; border: 1px solid #ff9e7b; } 
.pet_category .title .link_banner a.game_banner { border: 1px solid #48ccb5; } 
.pet_category .title .link_banner a img { width: 100%; height: auto; } 
.pet_category .title .link_banner a:hover { box-shadow: 3px 3px 10px #997d5daa; } 
.pet_category .tab_btn { width: 100%; max-width: 1345px; position: absolute; z-index: 10; left: calc(50% - 677px); margin-top: -39px; } 
.pet_category .tab_btn ul { width: 100%; display: flex; justify-content: space-between; border-radius: 20px; background: #0c63c4; } 
.pet_category .tab_btn ul li { width: 25%; position: relative; } 
.pet_category .tab_btn ul li a::after { content: ''; display: block; width: 1px; height: 30px; background: #74a5dd; position: absolute; right: 0; top: 24px; } 
.pet_category .tab_btn ul li:last-child a::after { display: none; } 
.pet_category .tab_btn ul li a { display: block; width: 100%; height: 78px; text-align: center; color: #96bbe5; font-size: 24px; line-height: 25px; padding-top: 23px; box-sizing: border-box; } 
.pet_category .tab_btn.jp ul li a { font-size: 20px; letter-spacing: -1px; } 
.pet_category .tab_btn ul li a.line2 { padding-top: 13px; } 
.pet_category .tab_btn ul li.on { position: relative; } 
.pet_category .tab_btn ul li.on a { font-weight: bold; color: #fff; } 
.pet_category .tab_btn ul li.on::after { display: inline-block; content: ""; position: absolute; bottom: -28px; border: 15px solid transparent; border-top-color: #0c63c4; vertical-align: middle; right: calc(50% - 7px); } 
.pet_category .tab_btn ul li a:hover { font-weight: bold; color: #fff; } 

.pet_category .pet_category_cont { width:100%; max-width: 1344px; margin: 0 auto; padding-top: 185px; } 
.pet_category .pet_category_cont img { width: 100%; } 
.pet_category span.orange {color: #000;} 
@media only screen and (max-width: 1450px){
 .pet_category .tab_btn { left: 30px; max-width: 1450px; width: calc(100% - 60px); } 
 .pet_category .pet_category_cont { padding: 160px 30px 20px; box-sizing: border-box; } 
 }
@media only screen and (max-width: 1000px){
 .pet_category .pet_category_cont { padding: 100px 30px 20px; } 
 .pet_category .title { height: 100%; background-size: auto 100%; } 
 .pet_category .title .title_img { padding-top: 120px; } 
 .pet_category .title .link_banner { position: unset; width: calc(100% - 100px); margin: 20px auto 30px; padding-bottom: 40px; } 
 .pet_category .title .link_banner a { margin: 0 5px; } 
 .pet_category .tab_btn ul li a { font-size: 18px; height: 60px; line-height: 19px; padding-top: 18px; } 
 .pet_category .tab_btn ul li a.line2 { padding-top: 10px; } 
 .pet_category .tab_btn ul li a::after { top: 15px; } 
 }
@media only screen and (max-width: 600px){
 .pet_category .pet_category_cont { padding: 50px 20px 20px; } 
 .pet_category .title .title_img { padding-top: 90px; } 
 .pet_category .title .link_banner { padding-bottom: 10px; } 
 .pet_category .tab_btn { position: unset; margin: 0 auto } 
 .pet_category .tab_btn ul { flex-wrap: wrap; overflow: hidden; border-radius: 10px; } 
 .pet_category .tab_btn ul li { width: 50%; height: 50px; } 
 .pet_category .tab_btn ul li a { height: 50px; line-height: 17px; font-size: 16px; padding-top: 15px; } 
 .pet_category .tab_btn ul li a.line2 { padding-top: 8px; } 
 .pet_category .tab_btn ul li a::after { top: 8px; } 
 .pet_category .tab_btn ul li.on::after { display: none; } 
 }

.pet_category ul.next { display: flex; justify-content: space-between; flex-wrap: wrap; } 
.pet_category ul.next li { position: relative; } 
.pet_category ul.next li::after { display: block; content: ''; position: absolute; } 
.pet_category ul.next li:last-child::after { display: none; } 




/*펫트립_01_테마별 여행*/
#tab_01 { margin-bottom: 200px; } 
#tab_01 section { margin-bottom: 100px; } 
.pet_category ul.tab01 { margin-top: 50px } 
.pet_category ul.tab01 li { width: calc(25% - 37px); } 
.pet_category ul.tab01 li::after { width: 32px; height: 22px; background: url(/images/petTrip/tab01_next_01.png) no-repeat; background-size: 100%; top: 30%; right: -40px; } 
.pet_category ul.tab01.next_02 li::after { background: url(/images/petTrip/tab01_next_02.png) no-repeat; background-size: 100%; } 
.pet_category ul.tab01.next_03 li::after { background: url(/images/petTrip/tab01_next_03.png) no-repeat; background-size: 100%; } 
.pet_category ul.tab01 li a { width: 100%; height: auto; text-align: center; } 
.pet_category ul.tab01 li a p { font-size: 20px; line-height: 25px; margin-bottom: 3px; } 
.pet_category ul.tab01 li a h5 { font-size: 22px; line-height: 26px; } 
.pet_category ul.tab01 li a img { width: 100%; max-width: 299px; margin: 0 auto; margin-bottom: 20px; } 

.pet_category.pet_en ul.tab01 li a h5 { font-size: 20px; line-height: 24px; } 
.pet_category.pet_jp ul.tab01 li a p { font-size: 19px; line-height: 23px; letter-spacing: -2px; margin-bottom: 6px; } 
@media only screen and (max-width: 1000px){
 .pet_category ul.tab01 { justify-content: center; } 
 .pet_category ul.tab01 li { width:48%; margin-bottom: 30px; padding: 0 10px; box-sizing: border-box; } 
 .pet_category ul.tab01 li::after { display: none; } 
 }
@media only screen and (max-width: 750px){
 #tab_01 { margin-bottom: 50px; } 
 #tab_01 section { margin-bottom: 30px; } 
 .pet_category ul.tab01 { margin-top:20px; } 
 .pet_category ul.tab01 li a p { font-size: 14px; line-height: 18px; margin-bottom: 2px; } 
 .pet_category ul.tab01 li a h5 { font-size: 15px; line-height: 18px; } 
 .pet_category.pet_en ul.tab01 li a h5 { font-size: 15px; line-height: 18px; } 
 .pet_category.pet_jp ul.tab01 li a p { font-size: 14px; line-height: 18px; } 
 }

/*펫트립_02_세븐비치*/
.pet_category .beach_list { background: url(/images/petTrip/tab02_secBg_01.png) no-repeat top #f3e4a3; padding-bottom: 50px; } 
.pet_category .cont_tit img { display: block; width: unset; margin: 0 auto; padding-top: 50px; } 
.pet_category ul.seven_beach { max-width: 960px; display: flex; justify-content: center; flex-wrap: wrap; margin: 120px auto; } 
.pet_category ul.seven_beach li { width: 25%; max-width: 215px; } 
.pet_category .notice_01 { position: relative; width: 100%; max-width: 820px; margin: 0 auto; z-index: 2; /* padding-left: 5%; */ } 
.pet_category .notice_01 .notice_tit { color: #004aa1; font-weight: bold; font-size: 22px; display: inline-block; padding: 5px 20px 8px; border-radius: 30px; border: 2px solid #004aa1; background: #fff; margin-left: -15px; } 

.pet_category .notice_01 .notice_cont { width: 100%; max-width: 800px; background: #fdefe4; border: 2px solid #004aa1; padding: 50px 50px 30px; margin-top: -20px; box-shadow: 8px 10px 2px #f2da94; } 
.pet_category .list_green li { font-size: 19px; margin-bottom: 20px; position: relative; padding-left: 15px; } 
.pet_category .list_green li::before { content: ''; width: 14px; height: 14px; background: url(/images/petTrip/list_green.png) no-repeat; position: absolute; left: -10px; top: 4px; } 
.pet_category.pet_jp .list_green li { font-size: 17px; } 

.pet_category .webtoon_course { background: url(/images/petTrip/tab02_secBg_03.png) no-repeat center bottom #efd894; } 
.pet_category .webtoon_course .cont_tit { background: url(/images/petTrip/tab02_secBg_02.png) no-repeat top #efd894; } 
.pet_category .webtoon_course .cont_tit img { padding: 100px 0 30px; } 
.pet_category.pet_en .webtoon_course .cont_tit img { padding: 60px 0 65px; } 
.pet_category.pet_jp .webtoon_course .cont_tit img { padding: 60px 0 65px; } 
.pet_category .webtoon_course .number_icon { width: 100%; max-width: 725px; margin: 0 auto; padding-top: 70px; } 
.pet_category .webtoon_course .number_icon > li { position: relative; padding-bottom: 100px; } 
.pet_category .webtoon_course .number_icon > li::before { content: ''; width: 73px; height: 62px; background-image: url(/images/petTrip/number_icon_01.png); background-repeat: no-repeat; position: absolute; left: -20px; top: -70px; } 
.pet_category .webtoon_course .number_icon > li.number_02::before { background-image: url(/images/petTrip/number_icon_02.png); } 
.pet_category .webtoon_course .number_icon > li.number_03::before { background-image: url(/images/petTrip/number_icon_03.png); } 
.pet_category .webtoon_course .number_icon > li.number_04::before { background-image: url(/images/petTrip/number_icon_04.png); } 
.pet_category .webtoon_course .number_icon > li.number_05::before { background-image: url(/images/petTrip/number_icon_05.png); } 
.pet_category .webtoon_course .number_icon > li.number_06::before { background-image: url(/images/petTrip/number_icon_06.png); } 
.pet_category .webtoon_course .number_icon > li.number_07::before { background-image: url(/images/petTrip/number_icon_07.png); } 

.pet_category .webtoon_course ul.tab02 li { max-width: 20%; } 
.pet_category .webtoon_course ul.tab02 li::after { width: 13px; height: 16px; background: url(/images/petTrip/tab02_next.png) no-repeat; background-size: 100%; top: 70px; right: -25px; } 
.pet_category .webtoon_course ul.tab02 li p { text-align: center; font-size: 17px; font-weight: bold; color: #222; line-height: 19px; margin: 10px 0; } 
.pet_category .webtoon_course ul.tab02 li p span { font-size: 15px; font-weight: normal; } 
.pet_category .webtoon_course ul.tab02 li p span img { width: unset; margin: 2px 2px 0 0; } 

.pet_category .webtoon_course ul.tab02 li a p { font-size: 19px; } 
.pet_category .webtoon_course ul.tab02 li a:hover p { color: #7c421c; } 
.pet_category .webtoon_course ul.tab02 li a img { transition: all 0.3s; } 
.pet_category .webtoon_course ul.tab02 li a:hover img { transform: scale(1.05); } 
.pet_category .webtoon_course p.exp {color: #894923;font-size: 15px;font-weight: bold;padding: 20px 0;} 

.pet_category.pet_cng .webtoon_course ul.tab02 li p { font-size: 16px; } 

@media only screen and (max-width: 1000px){
 .pet_category .beach_list { padding: 0 30px 50px; background-size: 160%; } 
 .pet_category ul.seven_beach { width: 90%; margin: 120px auto 30px; } 
 .pet_category .cont_tit img { max-width: 80%; } 

 .pet_category .notice_01 { padding-left: 5%; box-sizing: border-box; } 
 .pet_category .notice_01 .notice_cont { width: 90%; padding: 40px 30px 10px 40px; box-sizing: border-box; } 
 .pet_category .notice_01 .notice_tit { font-size: 18px; } 
 .pet_category .list_green li { font-size: 16px; line-height: 19px; } 
 .pet_category.pet_jp .list_green li { font-size: 15px; } 

 .pet_category .webtoon_course .number_icon { padding: 70px 50px 50px; box-sizing: border-box; } 
 }

@media only screen and (max-width: 600px){
 .pet_category_cont#tab_02 { padding-top: 30px; } 
 .pet_category .cont_tit img { width: 95%; } 

 .pet_category ul.seven_beach { width: 100%; margin: 60px auto 30px; } 
 .pet_category .notice_01 { padding-left: 2%; box-sizing: border-box; } 
 .pet_category .notice_01 .notice_cont { width: 100%; padding: 30px 20px 10px 35px; box-sizing: border-box; } 
 .pet_category .notice_01 .notice_tit { font-size: 16px; } 
 .pet_category .list_green li { font-size: 14px; line-height: 18px; margin-bottom: 10px; } 

 .pet_category .webtoon_course .number_icon { padding: 35px 30px; box-sizing: border-box; } 
 .pet_category ul.next.tab02 li { width: 48%; max-width: unset; } 
 .pet_category ul.next.tab02 li img { display: block; width: 100%; max-width: 153px; margin: 0 auto; } 
 .pet_category .webtoon_course ul.tab02 li p span img { display: inline-block; } 
 .pet_category .webtoon_course ul.tab02 li::after { right: -5%; } 
 .pet_category .webtoon_course ul.tab02 li p { font-size: 15px; } 
 .pet_category .webtoon_course ul.tab02 li a p { font-size: 15px; } 
 .pet_category .webtoon_course p.exp { font-size: 14px; line-height: 16px; padding: 10px 0; } 
 .pet_category .webtoon_course .number_icon > li::before { background-size:75%; top: -50px; } 

 .pet_category.pet_cng .webtoon_course ul.tab02 li p { font-size: 15px; } 
 }
@media only screen and (max-width: 450px){
 .pet_category .webtoon_course ul.tab02 li::after { display: none; } 
 }
 @media only screen and (max-width: 345px){
    .pet_category .webtoon_course ul.tab02 li p span img { display: none; } 
}

/*펫트립_03_추천여행지*/
.pet_category #tab_03 .cont_inner { background-color: #f6ece0; border-radius: 0 0 20px 20px; padding: 40px 70px; position: relative; } 
.pet_category #tab_03 .notice_01 .notice_cont { background-color: #fbf7ec; box-shadow: 8px 10px 2px #ead5b6; } 

/*펫트립_03_01.펫토렛공원*/
.pet_category #tab_03 .sec_01 .cont_tit { background:url(/images/petTrip/tab03_secTit_bg_01.png) no-repeat top #f6ece0; } 
.pet_category #tab_03 .sec_01 .cont_tit img { padding: 20px 0 180px; } 
.pet_category #tab_03 .sec_01 .next { width: 100%; max-width: 1100px; margin: 0 auto; } 
.pet_category #tab_03 .sec_01 .next li { width: 25%; } 
.pet_category #tab_03 .sec_01 .next li img { display: block; width: 100%; max-width: 215px; margin: 0 auto; } 
.pet_category #tab_03 .sec_01 .next li p { text-align: center; color: #333; font-weight: bold; font-size: 21px; line-height: 27px; margin: 20px 0; } 
.pet_category #tab_03 .sec_01 .next li p span { font-weight: normal; } 
.pet_category #tab_03 .sec_01 .notice_01 { margin: 60px 30px; width: calc(100% - 350px); } 
.pet_category #tab_03 .sec_01 .cont_inner { background-image: url(/images/petTrip/tab03_illust_02.png); background-repeat: no-repeat; background-position: 95% 85%; } 


.pet_category .playground { width: 100%; max-width: 1100px; margin: 70px auto 50px; text-align: center; border: 2px dashed #005f9f; border-radius: 20px; } 
.pet_category .playground h3 {font-size: 25px;color: #fff;padding: 10px 25px;background: url(/images/petTrip/icon_foot.png) no-repeat #ff5d2c 20px 10px;display: inline-block;margin-top: -30px;padding-left: 60px;} 
.pet_category .playground ul { padding: 35px 40px; } 
.pet_category .playground ul li { font-size: 21px; text-align: center; margin-bottom: 20px; } 
.pet_category .playground ul li b { font-weight: bold; color: #333; } 
.pet_category .playground ul li .tell_icon::before { content: ''; display: inline-block; width: 21px; height: 16px; background: url(/images/petTrip/icon_tell.png) no-repeat; margin: 0 3px 0 5px; } 
.pet_category.pet_en .playground ul li { font-size: 19px; } 
.pet_category.pet_jp .playground ul li { font-size: 19px; } 

@media only screen and (max-width: 1000px){
 .pet_category #tab_03 .cont_inner { padding: 10px 30px; margin-top: -1px; } 
 .pet_category #tab_03 .sec_01 .cont_tit { background-size: 120%; } 
 .pet_category #tab_03 .sec_01 .cont_tit img { padding: 20px 0 8%; } 

 .pet_category #tab_03 .sec_01 .cont_inner { background-size: 30%; } 
 .pet_category #tab_03 .sec_01 .notice_01 { width: 70%; margin: 20px 0 50px; } 

 .pet_category .playground h3 { font-size: 20px; background-size: 20px; background-position:20px 12px; padding-left: 45px; } 
 .pet_category .playground ul li { font-size: 17px; line-height: 21px; } 
 .pet_category.pet_en .playground ul li { font-size: 16px; } 
 .pet_category.pet_jp .playground ul li { font-size: 16px; } 
 .pet_category .playground ul li .tell_icon::before { width: 15px; background-size: 100%; background-position: 0 4px; } 
 }
@media only screen and (max-width: 600px){
 .pet_category #tab_03 .sec_01 .cont_inner { background-image: none; } 
 .pet_category #tab_03 .sec_01 .notice_01 { width: 100%; } 
 .pet_category #tab_03 .sec_01 .next li { width: 47%; } 
 .pet_category #tab_03 .sec_01 .next li p { font-size: 15px; line-height: 18px; } 

 .pet_category .playground ul { padding: 30px 25px 10px; } 
 .pet_category .playground ul li { font-size: 15px; } 
 }


/*펫트립_03_02.반려견 동반 여행상품*/
.pet_category #tab_03 .sec_02 .cont_tit { background:url(/images/petTrip/tab03_secTit_bg_02.png) no-repeat bottom #fff; } 
.pet_category #tab_03 .sec_02 .cont_tit img { padding: 40px 0 160px; } 
.pet_category .travel_prod { text-align: center; } 
.pet_category .travel_prod>li { width: 100%; max-width: 1000px; margin: 0 auto 130px; } 
.pet_category .travel_prod h4 { display: inline-block; font-size: 28px; font-weight: 600; color: #482d12; border: 2px solid #cc6f23; border-radius: 10px; padding: 8px 25px 10px 55px; background: url(/images/petTrip/icon_pin.png) no-repeat 20px 7px #fff; } 
.pet_category .travel_prod img { width: unset; max-width: 100%; margin: 20px auto; display: block; } 
.pet_category .travel_prod .travel_course { text-align: left; position: relative; } 
.pet_category .travel_course .course_type {font-size: 20px;color: #fff;font-weight: bold;padding: 2px 10px;background: #FE5600;border-radius: 10px;} 
.pet_category .travel_course a { display: inline-block; position: absolute; top: -5px; color: #fff; margin-left: 15px; font-size: 15px; background: #464646; padding: 5px 12px 7px; border-radius: 20px; box-shadow: 2px 2px 5px #00000030; } 
.pet_category .travel_course .next.tab03 { justify-content: left; padding: 30px 0 40px; } 
.pet_category .travel_course .next.tab03 li { height: 35px; font-size: 19px; font-weight: bold; padding-right: 25px; } 
.pet_category .travel_course .next.tab03 li::after { content: ''; width: 10px; height: 12px; background: url(/images/petTrip/tab03_next.png) no-repeat; top: 5px; right: 6px; } 
.pet_category .travel_prod>li:first-child { background-image: url(/images/petTrip/tab03_illust_01.png); background-repeat: no-repeat; background-position: 100% bottom; padding-bottom: 80px; margin-bottom:10px; text-align: center; } 
.pet_category .travel_prod>li div:nth-child(5) .next.tab03 { padding-right: 200px; } 

.pet_category .travel_prod .exp { font-size: 18px; color: #555; line-height: 30px; font-weight: bold; margin-top: -30px; } 
.pet_category .travel_prod li .course_02 { width: 50%; float: left; margin-bottom: 20px; } 

@media only screen and (max-width: 1000px){
 .pet_category #tab_03 .sec_02 .cont_tit { background-size: 150%; } 
 .pet_category #tab_03 .sec_02 .cont_tit img { padding: 10px 0 80px; } 

 .pet_category .travel_prod h4 { font-size: 20px; background-size: 18px; padding-left: 45px; } 
 .pet_category .travel_prod img { width: 100%; max-width: 550px; } 
 .pet_category .travel_prod li .course_02 { width: 46%; margin: 0 2%; } 

 .pet_category .travel_course .course_type { font-size: 17px; } 
 .pet_category .travel_course a { margin-left: 5px; } 
 .pet_category .travel_course .next.tab03 li { font-size: 15px; height: 25px; } 
 .pet_category .travel_course .next.tab03 li::after { background-size: 70%; } 

 .pet_category .travel_prod>li:first-child { background-size: 230px; background-position:100% 95%; } 
 .pet_category .travel_prod>li div:nth-child(5) .next.tab03 { padding-right: 130px; } 
 }
@media only screen and (max-width: 600px){
 .pet_category .travel_prod h4 { font-size: 16px; line-height: 19px; background: #fff; padding: 8px 10px 8px 10px; } 
 .pet_category .travel_prod .exp { font-size: 15px; line-height: 22px; margin-top: -10px; } 

 .pet_category .travel_prod>li { margin-bottom: 50px; } 
 .pet_category .travel_prod>li:first-child { background:none; padding-bottom: 0px; } 
 .pet_category .travel_prod>li div:nth-child(5) .next.tab03 { padding-right: 0px; } 
 }


/*출처*/
.pet_category .source_txt { line-height: 25px; text-align: right; font-weight: bold; } 
.pet_category .source_txt .tag { position: relative; padding: 0 10px; } 

.pet_category .source_txt .tag::before {content: '';display: inline-block;width: 2px;height: 15px;background: #000;position: absolute;left: 3px;top: 6px;} 
.pet_category .source_txt .tag::after {content: '';display: inline-block;width: 2px;height: 15px;background: #000;position: absolute;right: 3px;top: 6px;} 
.pet_category .source_txt .yellow_bg { background: yellow; padding: 0px 5px 1px; color: #111; } 
.pet_category .source_txt a { display:contents; } 
.pet_category .source_txt a:hover { color: #ff6700; } 
.pet_category .source_txt .tag.purple {color: #533997;} 
.pet_category .source_txt .tag.purple::before, .pet_category .source_txt .tag.purple::after { background:#845abb; } 
.pet_category .source_txt .tag.blue { color: #5b74bb; background-color: unset !important; } 
.pet_category .source_txt .tag.blue::before, .pet_category .source_txt .tag.blue::after { background:#5b74bb; } 
.pet_category .source_txt .tag.green { color: #1f6d4f; } 
.pet_category .source_txt .tag.green::before, .pet_category .source_txt .tag.green::after { background:#1f6d4f; } 

@media only screen and (max-width: 600px){
 .pet_category .source_txt { font-size: 14px; line-height: 20px; } 
 }

/*펫트립_03_03.반려견 동반 식당*/
.pet_category #tab_03 .sec_03 .cont_tit { background:url(/images/petTrip/tab03_secTit_bg_03.png) no-repeat bottom #fff; } 
.pet_category #tab_03 .sec_03 .cont_tit img { padding: 70px 0 180px; } 
.pet_category .sec_03 .sub_cont_img img { display: block; width: unset; max-width: 100%; margin: 0 auto; } 
.pet_category .sec_03 .sub_cont_img .sub_tit_01 { margin: 0px auto 20px; } 
.pet_category .sec_03 .sub_cont_img .sub_tit_02 { margin: 60px auto 20px; } 

.pet_category .sec_03 .tab03_illust_03 { position: relative; margin-bottom: 80px; z-index: 1; } 
.pet_category .sec_03 .tab03_illust_03::after { content: ''; display: block; width: 205px; height: 140px; background: url(/images/petTrip/tab03_illust_03.png) no-repeat; position: absolute; bottom: -25px; right: -80px; z-index: 5; } 
.pet_category #tab_03 .sec_03 .source_txt { margin: 70px 0; text-align: center; } 

@media only screen and (max-width: 1000px){
 .pet_category #tab_03 .sec_03 .cont_tit { background-size: 120%; } 
 .pet_category #tab_03 .sec_03 .cont_tit img { padding: 70px 0 130px; } 
 }
@media only screen and (max-width: 600px){
 .pet_category #tab_03 .sec_03 .cont_tit img { padding: 70px 0 80px; } 
 .pet_category .sec_03 .tab03_illust_03::after { display: none; } 

 .pet_category #tab_03 .sec_03 .source_txt { margin: 30px 0; } 
 }



/*펫트립_03_04.반려견 전문 숙소*/
.pet_category #tab_03 .sec_04 { text-align: center; } 
.pet_category #tab_03 .sec_04 .cont_tit { background:url(/images/petTrip/tab03_secTit_bg_04.png) no-repeat bottom #fff; } 
.pet_category #tab_03 .sec_04 .cont_tit img { padding: 100px 0 120px; } 
.pet_category .sec_04 .sleep_list li { font-size: 22px; font-weight: 500; color: #333; text-align: left; margin-bottom: 25px; } 
.pet_category .sec_04 .sleep_list li .orange_bg {color: #fff;background: #ff5d2f;padding: 0px 8px 2px;} 
.pet_category .sec_04 .source_txt { text-align: right; margin-bottom: 30px; } 
.pet_category .sec_04 .petel {display: inline-block;font-size: 25px;font-weight: 500;color: #fff;padding: 20px 90px 21px 70px;margin: 20px auto 100px;border-radius: 15px;background: url(/images/petTrip/icon_arrow.png) 80% center no-repeat #ff5d2f;} 
.pet_category .sec_04 .petel:hover, .pet_category .sec_04 .petel:active, .pet_category .sec_04 .petel:focus { background-color: #e56441; } 

@media only screen and (max-width: 1000px){
 .pet_category #tab_03 .sec_04 .cont_tit { background-size: 120%; } 
 .pet_category #tab_03 .sec_04 .cont_tit img { padding: 90px 0 70px; } 

 .pet_category .sec_04 .sleep_list { margin: 20px 0; } 
 .pet_category .sec_04 .sleep_list li { font-size: 18px; margin-bottom: 15px; line-height: 25px; } 

 .pet_category .sec_04 .petel { font-size: 20px; } 
 }
@media only screen and (max-width: 600px){
 .pet_category #tab_03 .sec_04 .cont_tit img { padding: 70px 0 50px; } 

 .pet_category .sec_04 .sleep_list { margin: 30px 0 50px; } 
 .pet_category .sec_04 .sleep_list li { font-size: 16px; text-align: center; line-height: 20px; } 
 .pet_category .sec_04 .sleep_list li .orange_bg { display: block; width: 90%; margin: 5px auto; } 

 .pet_category .sec_04 .petel { font-size: 18px; padding: 20px 70px 21px 50px; margin-bottom: 50px; } 
 }


/*펫트립_04 펫포메이션*/
.pet_category #tab_04 { border-radius: 20px; padding-top: 0; margin-top: 150px; overflow: hidden; color: #333; } 
.pet_category #tab_04 .cont_inner { width: 100%; max-width: 1080px; margin: 0 auto; } 

.pet_category #tab_04 .sec_01 { background: url(/images/petTrip/tab04_illust_01.png) no-repeat 92% 83% #ebe0fe; } 
.pet_category #tab_04 .sec_01 .cont_tit img { padding: 70px 0; } 
.pet_category .item_list { display: flex; justify-content: left; flex-wrap: wrap; } 
.pet_category .item_list li { width: 25%; text-align: center; margin-bottom: 70px; padding: 0 2%; box-sizing: border-box; } 
.pet_category .item_list li img { max-width: 140px; margin: 0 auto; } 
.pet_category .item_list li h5 { font-size: 21px; line-height: 24px; margin: 15px 0; } 
.pet_category .item_list li p { font-size: 17px; line-height: 22px; } 
.pet_category .item_list li p span { font-size: 15px; line-height: 10px; font-weight: bold; color: #533997; } 

.pet_category.pet_kr .item_list li p { font-size: 19px; line-height: 27px; } 


@media only screen and (max-width: 1000px){
 .pet_category #tab_04 .cont_inner { padding: 0 30px; box-sizing: border-box; } 
 .pet_category #tab_04 .sec_01 { background-position: 97% 83%; background-size:24%; } 
 .pet_category .item_list li p { font-size: 16px; line-height: 22px; } 
 .pet_category .item_list li p span { font-size: 14px; } 
 .pet_category.pet_kr .item_list li p { font-size: 16px; line-height: 22px; } 
 }
@media only screen and (max-width: 600px){
 .pet_category #tab_04 { margin-top: 50px; } 
 .pet_category #tab_04 .sec_01 .cont_tit img { padding: 30px 20px; } 
 .pet_category #tab_04 .sec_01 { background-position: 90% 87%; background-size:40%; } 
 .pet_category .item_list li { width: 31%; margin: 0 1% 30px; } 
 .pet_category .item_list li:last-child { width: 50%; } 
 .pet_category .item_list li:last-child img { width: 70%; } 
 .pet_category .item_list li h5 { font-size: 15px; line-height: 20px; margin: 10px 0; } 
 .pet_category .item_list li p { font-size: 14px; line-height: 18px; } 
 .pet_category .item_list li p br { display: none; } 
 .pet_category .item_list li p span { font-size: 14px; } 
 .pet_category.pet_kr .item_list li p { font-size: 14px; line-height: 18px; } 
 }




.pet_category #tab_04 .sec_02 { background: url(/images/petTrip/tab04_illust_02.png) no-repeat 93% 90% #dcf6f7; } 
.pet_category #tab_04 .sec_02 .cont_tit { background: url(/images/petTrip/tab04_secBg_01.png) no-repeat top #dcf6f7; } 
.pet_category #tab_04 .sec_02 .cont_tit img { padding: 170px 0 50px; } 
.pet_category .season>li { display: flex; justify-content: left; margin-bottom: 40px; } 
.pet_category .season .season_tit { width: 22%; } 
.pet_category .season .season_tit img { max-width: 100%; width: unset; } 
.pet_category .season .season_txt { width: 78%; margin-top: 40px; } 
.pet_category .season .caution li { font-size: 20px; line-height: 26px; margin-bottom: 13px; position: relative; padding-left: 35px; } 
.pet_category.pet_en .season .caution li { font-size: 18px; } 
.pet_category .season .caution li::before { content: ''; display: block; width: 25px; height: 21px; background: url(/images/petTrip/list_check.png) no-repeat; position: absolute; left: 0; top: 2px; } 
@media only screen and (max-width: 1000px){
 .pet_category #tab_04 .sec_02 { background-image: none; } 
 .pet_category .season .season_tit { width: 200px; } 
 .pet_category .season .season_txt { width: calc(100% - 200px); margin-top: 40px; } 
 .pet_category .season .caution li { font-size: 18px; line-height: 23px; } 
 .pet_category.pet_en .season .caution li { font-size: 17px; } 
 }
@media only screen and (max-width: 600px){
 .pet_category #tab_04 .sec_02 .cont_tit { background-size: 150%; } 
 .pet_category #tab_04 .sec_02 .cont_tit img { padding: 70px 0 10px; } 
 .pet_category .season>li { display: block; } 
 .pet_category .season .season_tit { width: 150px; margin: 0 auto; } 
 .pet_category .season .season_txt { width: 100%; margin-top: 10px; } 
 .pet_category .season .caution li { font-size: 15px; line-height: 19px; padding-left: 25px; } 
 .pet_category .season .caution li::before { background-size: 20px; } 
 .pet_category.pet_en .season .caution li { font-size: 15px; } 
 }


.pet_category #tab_04 { margin-bottom: 80px; } 
.pet_category #tab_04 .sec_03 { background: url(/images/petTrip/tab04_illust_03.png) no-repeat 90% 21% #dff0c3; padding-bottom: 70px; } 
.pet_category #tab_04 .sec_03 .cont_tit { background: url(/images/petTrip/tab04_secBg_02.png) no-repeat top #dff0c3; } 
.pet_category #tab_04 .sec_03 .cont_tit img { padding: 170px 0 0px; } 
.pet_category #tab_04 .sec_03 .cont_inner { text-align: center; max-width: 990px; margin: 0 auto; } 
.pet_category .sec_03 .green_tit { display: inline-block; padding: 7px 15px 10px; font-size: 28px; font-weight: 500; color: #fff; background: #019392; margin: 70px 0px 50px; } 
/*dot_list*/
.pet_category .dot_list li { position: relative; font-weight: 500; font-size: 20px; padding-left: 20px; text-align: left; margin-bottom: 12px; line-height: 27px; } 
.pet_category .dot_list li::before { content: ''; width: 8px; height: 8px; border-radius: 6px; background: #019392; position: absolute; left: 0; top: 7px; } 
.pet_category .dot_list li span {color: #008180;} 


/*여행 tip*/
.pet_category .travel_tip { background: none; text-align: left; font-size: 18px; font-weight: 500; line-height: 28px; border: 0; border-top: 2px dashed #019392aa !important; border-radius: 0; margin: 30px 0 80px; padding: 25px 0 0; color: #555; } 
.pet_category .travel_tip span {padding: 1px 13px 2px;border: 1px solid #019392;background: #fff;border-radius: 20px;color: #008180;} 

.pet_category .car_txt { text-align: left; padding-left: 55px; font-size: 23px; color: #000; font-weight: bold; line-height: 30px; background: url(/images/petTrip/icon_car.png) no-repeat 0px 2px; } 
.pet_category .num_list { text-align: left; padding-left: 25px; font-size: 20px; font-weight: 500; line-height: 30px; background: url(/images/petTrip/number_green_01.png) no-repeat 0px 5px; margin: 30px 0 10px; } 
.pet_category .num_list.number_02 { background: url(/images/petTrip/number_green_02.png) no-repeat 0px 5px; } 
@media only screen and (max-width: 1000px){
 .pet_category #tab_04 .sec_03 { background-image: none; } 
 .pet_category .sec_03 .green_tit { font-size: 23px; margin: 40px 0px 30px; } 
 .pet_category .dot_list li { font-size: 18px; } 

 .pet_category .travel_tip { font-size: 17px; } 
 .pet_category .travel_tip span { font-size: 16px; } 
 .pet_category .car_txt { font-size: 20px; } 
 .pet_category .num_list { font-size: 18px; } 
 }
@media only screen and (max-width: 600px){
 .pet_category #tab_04 .sec_03 .cont_tit { background-size: 150%; } 
 .pet_category #tab_04 .sec_03 .cont_tit img { padding: 70px 0 30px; } 

 .pet_category .sec_03 .green_tit { font-size: 20px; margin: 0px 0px 20px; } 
 .pet_category .dot_list li { font-size: 15px; line-height: 18px; } 

 .pet_category .travel_tip { font-size: 15px; margin-bottom: 50px; line-height: 21px; } 
 .pet_category .travel_tip span { font-size: 14px; } 
 .pet_category .car_txt { font-size: 18px; } 
 .pet_category .num_list { font-size: 16px; line-height: 26px; } 
 }



.pet_game { width: 100%; max-width: 1080px; margin: 30px auto; } 
.pet_game img { width: 100%; }                                      

input[type="checkbox"]:focus {outline: 2px solid #000000;}