.listpopwrap {padding:5px 0;text-align:center;display:block;background:#fff;position:relative;background:#000;color:#fff;border-radius:5px} .listpopwrap .listpop {padding:5px 8px;font-weight:500;font-size:13px} .listpopwrap .barrow {width:12px;height:9px;position:absolute;left:50%;margin-left:-5px;bottom:-9px;background:url(./image/barrow.png) no-repeat} /* list */ #camplist {height:100%;overflow:hidden;width:40%;float:left;position:relative;min-width:550px} #camplist:after{content:""; display:block;float:none;clear:both;} #camplist .listwrap {min-width:500px;} #camplist .listwrap .row {margin:0;border-bottom:1px #dedede solid;padding:22px 12px;position:relative} #camplist .listwrap .row:hover .photo .tm {-webkit-transform: scale(1.2);transform: scale(1.2);} #camplist .listwrap .row:after{content:""; display:block;float:none;clear:both;} #camplist .listwrap .row .btn_ctl {position:absolute;bottom:3px;right:26px;} #camplist .listwrap .row .btn_ctl a {color:#b0b0b0;display:inline-block;margin:0 3px} #camplist .listwrap .row .popupwindow {position:absolute;right:30px;top:20px;display:inline-block;z-index:100} #camplist .listwrap .row .leftphoto {float:left} #camplist .listwrap .row .leftphoto .photo{margin:0;position:relative;width:160px;height:90px;overflow:hidden;background:#ccc url(./image/nothumb.svg) no-repeat center center;background-size:30%;border-radius:8px;overflow:hidden} #camplist .listwrap .row .leftphoto .photo .fa-ban {position:absolute;right:5px;top:5px;color:red;font-size:19px;z-index:1} #camplist .listwrap .row .leftphoto .photo img.tm {display:block;transition: .3s ease-in-out;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0} #camplist .listwrap .row .leftphoto .photo .new {position:absolute;top:0px;left:0px;z-index:1} #camplist .listwrap .row .contright{position:relative;margin-left:180px} #camplist .listwrap .row .contright .subject {font-size:18px;letter-spacing:-0.03em;margin-bottom:5px;font-weight:600;} #camplist .listwrap .row .contright .subject a {color:#333} #camplist .listwrap .row .contright .subject a:hover {color:#000} #camplist .listwrap .row .contright .subject a span.comment {font-family:roboto;font-weight:200;color:#ff6000;font-size:12px;display:inline-block;margin:0 3px } #camplist .listwrap .row .contright .subject a span.sbjcat {display:inline-block;font-size:12px;padding:0 9px;height:20px;line-height:21px;color:#fff;vertical-align:top;margin:4px 5px 0 0} #camplist .listwrap .row .contright .subject a span.sbjcat1 {background:#ff6000} #camplist .listwrap .row .contright .subject a span.sbjcat2 {background:#0e8d0e} #camplist .listwrap .row .contright .subject a span.sbjcat3 {background:#3789de} #camplist .listwrap .row .contright .cont {font-size:12px;letter-spacing:-0.01em;margin-bottom:5px;color:#666;line-height:1.5;font-weight:400} #camplist .listwrap .row .contright .cont .location,#camplist .listwrap .row .contright .cont .location a {color:#3EA9CD} #camplist .listwrap .row .contright .cont .location a:hover {color:#000} #camplist .listwrap .row .contright .cont .location i.fa {color:#bbb;margin:0 5px} #camplist .listwrap .row .contright .cont .location span {font-weight:600 !important} #camplist .listwrap .row .contright .cont .location span.distance {display:inline-block;font-family:roboto;font-weight:500;font-size:12px;color:#ff6000} #camplist .listwrap .row .contright .cont ul {margin:7px 0 0 0px;padding:0;font-weight:400} #camplist .listwrap .row .contright .cont ul li {height:18px;line-height:18px;list-style:none;margin:0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #camplist .listwrap .row .contright .cont ul li.star {margin-top:10px} #camplist .listwrap .row .contright .cont ul li.star .ogstar {} #camplist .listwrap .row .contright .cont ul li.star .ogstar span {display:inline-block;height:15px;vertical-align:top} #camplist .listwrap .row .contright .cont ul li.star .ogstar .small_star {position: relative;width:80px;background: url(./image/star1.png) 0 -32px no-repeat;text-align:left;margin-top:1px} #camplist .listwrap .row .contright .cont ul li.star .ogstar .small_star .starval {position:absolute;display:inline-block;background: url(./image/star1.png) 0 -46px no-repeat;} #camplist .listwrap .row .contright .cont ul li.tele {margin-top:4px} #camplist .listwrap .row .contright a.btn_booking {display:inline-block;height:38px;width:38px;text-align:center;line-height:38px;border:1px #c0c0c0 solid;border-radius:50%;font-weight:700;font-size:16px;letter-spacing:-1.1px;position:absolute;background:#fff;right:20px;top:50%;margin-top:-19px;border-color:#00c73c;background:#fff;color:#00c73c;} _:-ms-fullscreen, :root #camplist .listwrap .row .contright a.btn_booking {right:8px} @media screen and (min-width:0\0) { #camplist .listwrap .row .contright a.btn_booking {right:8px} } #camplist .listwrap .row .contright a.btn_booking:hover {background:#fff;border-color:#3aabff;color:#3aabff} #camplist .listwrap .row .contright a.btn_booking:active {background:#f0f0f0;border-color:#bbb;color:#888} #camplist .listwrap .row .contright .namedate {margin:20px 0 0 0;font-size:12px;color:#808080;position:absolute;bottom:0;width:100%} #camplist .listwrap .row .contright .namedate:after {content:""; display:block;float:none;clear:both;} #camplist .listwrap .row .contright .namedate .name {float:left;display:inline-block;background:#f0f0f0;border:1px #ddd solid;padding:0 18px;height:24px;line-height:24px;border-radius:20px;margin-right:10px;} #camplist .listwrap .row .contright .namedate .date {float:left;display:inline-block;height:26px;line-height:26px;} #camplist .listwrap .row .contright .namedate .shc {float:right;color:#666;margin-top:5px;font-size:13px;margin-right:50%} #camplist .listwrap .row .contright .namedate .shc i {color:#b0b0b0} #camplist .listwrap .row .osico {width:160px;text-align:center;position:absolute;right:0;top:40px;} #camplist .listwrap .row.listactive {background:#f6f6f6} #camplist .listwrap .row.listactive .contright .subject a{color:#188cd0} #camplist .listwrap .none {padding:80px 0;text-align:center;font-size:18px;border-bottom:1px #d0d0d0 solid} #camplist .listwrap .none i {color:#999} #camplist .listwrap .rowhidden {opacity:.4} #camplist .listwrap .status {display:inline-block;font-size:12px;;margin:4px 4px 0 0;vertical-align:top;color:#fff;background:red;height:20px;padding:0 7px} #mapwrap {background:#000;overflow:hidden;position:relative;left:5px} #mapwrap .useraddress {position:absolute;top:0;left:0;color:#fff;z-index:3;font-weight:400;} #mapwrap .useraddress:after{content:""; display:block;float:none;clear:both;} #mapwrap .useraddress .myposition {height:30px;line-height:30px;border:0;outline:0;background:none;background:#0099cc;color:#fff;font-family:'noto sans kr';padding:0 10px;cursor:pointer;font-weight:700;float:left;margin:0} #mapwrap .useraddress .myposition:hover {background:#0066cc;} #mapwrap .useraddress .my_addr {background:#000;background:rgba(0,0,0,.8);padding:0 20px;display:inline-block;height:30px;line-height:30px;min-width:210px;float:left} #mapwrap .useraddress .check_gps {right:5px;top:4px;position:absolute;z-index:100;display:inline-block} #mapwrap .useraddress .check_gps:hover svg path{fill:#25a5f0} #mapwrap .useraddress .gpsinfo {position:absolute;width:180px;height:44px;right:14px;top:40px;border:1px #333 solid;border-radius:5px 0 5px 5px;padding:17px 10px 10px 56px;color:#333;box-shadow:1px 1px 14px rgba(0,0,0,.35);z-index:100;background:#fff url(./image/placeholder.svg) no-repeat 10px center;background-size:40px 40px} #mapwrap .useraddress .gpsinfo .arrow {position:absolute;right:-1px;top:-17px} #mapwrap .useraddress .gpsinfo span {color:#0033cc} #map {background:#000;} /* write */ #ajaxview #bbswrite {margin:auto;padding:10px 20px 30px 20px;font-family:"noto sans kr";position:relative} #ajaxview #bbswrite .subject1 {padding:0 0 5px 0;margin-bottom:10px;border-bottom:1px #333 solid} #ajaxview #bbswrite .subject1 h2 {font-weight:700;font-size:32px;letter-spacing:-2px;padding:0;margin:0;color:#444;overflow:hidden;height:44px} #ajaxview #bbswrite table.writeform {} #ajaxview #bbswrite td {padding:10px 0;} #ajaxview #bbswrite .editbox {padding:15px 0 15px 0;} #ajaxview #bbswrite .editbox iframe {display:block} #ajaxview #bbswrite .td1 {width:100px;font-weight:bold;color:#444444;vertical-align:top;padding:15px 0 0 0;letter-spacing:-0.02em;} #ajaxview #bbswrite .td1 span {color:red} #ajaxview #bbswrite .td2 p.priceline {margin-bottom:4px} #ajaxview #bbswrite .td2 span.vmiddle {display:inline-block;height:28px;line-height:28px} #ajaxview #bbswrite .td2 span.stitle {display:inline-block;height:30px;line-height:28px;background:#efefef;padding:0 5px;border:1px #bbb solid;border-right:none} #ajaxview #bbswrite .td2 input:read-only {border-color:#c6c6c6 !important;background:#f9f9f9} #ajaxview #bbswrite .td2 ul.catmenu {list-style:none;padding:0;margin:0;display:inline-block} #ajaxview #bbswrite .td2 ul.catmenu li {float:left;margin-right:4px} #ajaxview #bbswrite .td2 ul.catmenu li a {display:inline-block;height:30px;line-height:30px;padding:0 10px;background:#efefef;border:1px #ccc solid} #ajaxview #bbswrite .td2 ul.catmenu li a:hover {color:#000;border-color:#999} #ajaxview #bbswrite .td2 ul.catmenu li a.active {color:#fff;background:#25a5f0;border:1px #25a5f0 solid;font-weight:700} #ajaxview #bbswrite .td2 i.fa.pmbtn {margin-left:20px;font-size:18px;height:28px;line-height:28px;cursor:pointer} #ajaxview #bbswrite .bottombox {text-align:center;padding:20px 0 20px 0;margin:15px 0 0 0;} #ajaxview #bbswrite .bottombox .btngray {font-weight:bold;width:60px;height:25px;} #ajaxview #bbswrite .bottombox .btnblue {font-weight:bold;width:80px;height:25px;} #ajaxview #bbswrite input {box-sizing:border-box} #ajaxview #bbswrite .textnote {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: none repeat scroll 0 0 white;border-color: #bbb #c6c6c6 #c6c6c6;border-image: none;border-right: 1px solid #c6c6c6;border-style: solid;border-width: 1px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06) inset, 0 1px rgba(255, 255, 255, 0.4);color: #666;display: inline-block;height: 30px;line-height: 28px;padding: 0 7px;vertical-align: top;box-sizing: border-box;resize:none;outline:0} #ajaxview #bbswrite .textnote:focus {background: none repeat scroll 0 0 white;border-color: #25a5f0;color: #404040;outline: medium none;height: 30px;padding:0 8px} #ajaxview #bbswrite .td2 label {font-size:12px;} #ajaxview #bbswrite .td2 .slabel {display:inline-block;height:30px;line-height:30px;background:#efefef;padding:0 5px;border:1px #bbb solid;border-right:none;vertical-align:top;text-align:center} #ajaxview #bbswrite .td2 label.ccat {width:160px;height:24px;line-height:24px;display:inline-block;border:1px #fff solid;margin:0 2px 5px 0;display:none;} #ajaxview #bbswrite .td2 label.ccat input[type=checkbox] {position:relative;} #ajaxview #bbswrite .td2 label.cground {width:160px;height:24px;line-height:24px;display:inline-block;border:1px #fff solid;margin:0 2px 5px 0} #ajaxview #bbswrite .td2 label.active {border:1px #dbd8c1 solid;background:#fefce2;border-radius:4px;color:#ff6000} #ajaxview #bbswrite .td2 .inputselect {height:30px;font-size:12px;} #ajaxview #bbswrite tr.checktype {display:none} #ajaxview #bbswrite .write_close {display:inline-block;width:40px;height:40px;background:#333;position:fixed;left:50%;top:50px;margin-left:517px;font-size:22px;line-height:40px;color:#fff;text-align:center} .tipinfo {color:#ff6000;font-size:11px;letter-spacing:0px;padding:6px 0 3px 0;} /* @write */ /*right panel*/ #rightview {position:fixed;top:0;right:-850px;bottom:0;height:100%;width:850px;background:#fff;z-index:999;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #rightview.shadow {box-shadow:-2px 0px 35px rgba(0,0,0,.65);} #rightview #ajaxcontents {position:relative;height:100%;padding:0;z-index:100} #rightview a.btnright {display:inline-block;width:40px;height:40px;position:absolute;top:50%;margin-top:-20px;text-align:center;line-height:42px;left:-40px;background:#25a5f0;color:#fff;font-size:16px;z-index:0} /*ajaxview*/ #viewscroll {height:100%;overflow:hidden;padding:0;position:relative;top:140px} #viewscroll .tse-scrollbar .drag-handle {background:#0066cc;right:2px} .viewheader {position:absolute;top:0;left:0;background:#fff;z-index:1000;width:810px;padding:0 0 0 30px;height:140px;width:791px;} .viewheader .glocation {padding:6px 0 0 0;font-size:12px;font-weight:500;color:#555;} .viewheader .glocation i.fa {margin:0 5px} .viewheader .glocation a {color:#333} .viewheader h3.camp_subject {font-size:26px;letter-spacing:-1px;padding:0;margin:0 0 10px 0;color:#25a5f0;height:56px;line-height:60px;border-bottom:1px #25a5f0 solid} .viewheader h3.camp_subject .status {display:inline-block;font-size:13px;background:red;color:#fff;height:24px;line-height:24px;padding:0 7px;vertical-align:middle;margin-right:5px} .viewheader .header_ctr {font-size:13px;font-weight:400;} .viewheader .header_ctr a {display:inline-block;padding:0 10px 0 0;height:28px;line-height:29px;border:1px #ddd solid;color:#444;border-radius:2px} .viewheader .header_ctr a:hover {color:#777;border-color:#999} .viewheader .header_ctr a:hover i.fa {color:#25a5f0} .viewheader .header_ctr a span {color:#888} .viewheader .header_ctr a i.fa {width:28px;text-align:center;border-right:1px #ddd solid;margin-right:5px} .viewheader .header_ctr a.active {border-color:#25a5f0;color:#25a5f0} .viewheader .header_ctr a.active i.fa.active {color:#25a5f0} .viewheader .header_ctr .hit {height:30px;line-height:30px} .btn_error_send {position:absolute;right:0;top:53px} ul.tabs3 {list-style:none;padding:0px;font-size:15px;color:#005aff;margin:40px 0 0 0 !important;height:40px} ul.tabs3:after{content:""; display:block;float:none;clear:both;} ul.tabs3 li {display: inline;position:relative;float:left;} ul.tabs3 li a {display:block;padding:0;height:38px;line-height:38px;color:#777;border: 1px solid #cecece;border-bottom:1px #fff solid;background: #f3f3f3;letter-spacing:-0.04em;margin-right:-1px !important;outline:none;text-align:center;} ul.tabs3 li a:hover {color:#000} ul.tabs3 li a.selected {background:#fff;position:relative;height:43px;line-height:46px;top:-5px;border:1px solid #555;border-bottom:1px #fff solid;z-index:2;color:#000;font-weight:bold; box-shadow:inset 0px 3px 0px 0px rgba(37, 165, 240, 1);border-radius:4px 4px 0 0 } ul.tabs3 li a span {font-size:11px;display:inline-block;background:#bbb;color:#fff;height:16px;line-height:16px;padding:0 7px !important;border-radius:10px;margin:10px 0 0 5px !important;letter-spacing:0;font-family:roboto;vertical-align:top;} ul.tabs3 li a.selected span {background:#666;margin:15px 0 0 5px !important;} div.tabline3 {border-top:1px #555 solid;position:relative;margin:-1px 0 30px 0 !important;padding:0} ul.tabs3.cols6 li {width:16.6666666666666666%} ul.tabs3.cols7 li {width:14.28571428571429%} #btn_mapclose {position:absolute;top:50%;left:0;margin-top:-23px;width:46px;height:46px;color:#fff;z-index:100;cursor:pointer;text-indent:-9999px;background:#b0b0b0 url(./image/cross-out.svg) no-repeat center center;} #btn_mapclose:hover {background-color:#333} #camping_view {padding:0 0 20px 30px;width:791px} #camping_view .content {position:relative} #camping_view .content .short_cont {padding:40px 0 0px 24px;font-size:14px;font-weight:400;color:#222;background:url(./image/ico_note.png) no-repeat left 42px;line-height:165%} #camping_view .content .short_cont .og_mbr {padding-bottom:5px;margin-bottom:15px;border-bottom:1px #ddd solid} #camping_view .content .short_cont .og_mbr:after {content:'';display:block;clear:both;float:none} #camping_view .content .short_cont a {color:#0066ff} #camping_view .content .short_cont a:hover {color:#003399} #camping_view .content .short_cont span {font-weight:700} #camping_view .content .campaign {padding:20px;margin-top:20px;border:2px #e0e0d3 solid;border-radius:7px;font-size:13px;background:#fbfbee} #camping_view .content .campaign .fht {font-size:16px;color:#de3656;font-weight:700;margin-bottom:5px} #camping_view .content .campaign .fht span {display:,inline-block;vertical-align:middle;background:#de3656;color:#fff;padding:3px 6px;font-size:14px;border-radius:4px} #camping_view .content .campaign img {margin-right:20px} #camping_view .content .campaign .poo {color:#039efd;display:inline-block;margin-top:4px} #camping_view .content .right_wrap {position:absolute;right:0;top:-5px;display:inline-block;z-index:10} #camping_view .content .airdata {float:right;margin-left:6px;width:100px;height:52px;text-align:center;line-height:52px;background:#eee;border-radius:4px;overflow:hidden} #camping_view .content .airdata .small_air{padding:5px 0;display:inline-block;text-align:center;width:100%;line-height:1.3;height:42px;} #camping_view .content .rightog {width:107px;text-align:center;border:1px #ddd solid;padding:5px 10px;border-radius:4px;z-index:100;float:right;background:#fff} #camping_view .content .rightog .oghead {font-weight:600} #camping_view .content .rightog .ogstar {margin-top:5px;} #camping_view .content .rightog .ogstar .small_star {display:inline-block;position: relative;width:107px;height:15px;background: url(./image/star.png) 0 0 no-repeat;text-align:left} #camping_view .content .rightog .ogstar .small_star .starval {position:absolute;display:inline-block;height:15px;background: url(./image/star.png) 0 -15px no-repeat;} #camping_view .content .ico_box {margin:40px 0 30px 0;text-align:center;} #camping_view .content .ico_box .ico {width:60px;height:60px;display:inline-block;margin:0 7px;vertical-align:top} #camping_view .content .ico_box .ico .ico_booking {width:46px;height:46px;line-height:46px;display:inline-block;vertical-align:top;background:#00c73c;border-radius:100%;overflow:hidden;color:#fff;margin-bottom:6px;font-size:20px;font-weight:600;letter-spacing:-2px} #camping_view .content .ico_box .ico img {margin-bottom:6px} #camping_view .content .ico_box .ico:hover img {cursor: pointer;filter: invert(.5) sepia(1) saturate(5) hue-rotate(175deg);} #camping_view .content .ico_box .ico p {font-size:12px;font-weight:500;color:#777} #camping_view .content .ico_box .ico:hover p {color:#3aabff} #camping_view .content .ico_box .vline {display:inline-block;vertical-align:top;height:55px;border-right:1px #e0e0e0 solid;margin-right:14px;width:14px;} #camping_view .content h4.chead {font-size:15px;font-weight:600;padding:0 0 0 24px;margin:50px 0 2px 0;height:24px;line-height:24px;color:#144794;position:relative} #camping_view .content h4.chead .distance {color:#ff6000} #camping_view .content h4.chead i.fa {color:#bbb} #camping_view .content h4.chead.first {margin-top:6px} #camping_view .content h4.address {background:url(./image/ico_addr.png) no-repeat left center;} #camping_view .content h4.tel {background:url(./image/ico_tel.png) no-repeat left center;} #camping_view .content h4.time {background:url(./image/ico_time.png) no-repeat left center;} #camping_view .content h4.price {background:url(./image/ico_price.png) no-repeat left 3px;} #camping_view .content h4.weather {background:url(./image/ico_weather.png) no-repeat left 3px;} #camping_view .content h4.air {background:url(./image/wind.png) no-repeat left 3px;} #camping_view .content h4.homepage {background:url(./image/ico_homepage.png) no-repeat left center;} #camping_view .content h4.gallery {background:url(./image/ico_gallery.png) no-repeat left 3px;} #camping_view .content h4.etc {background:url(./image/ico_note.png) no-repeat left 3px;} #camping_view .content h4.gallery span {font-size:11px;position:absolute;right:0;top:6px;font-weight:400;color:#555} #camping_view .content h4.contents {background:url(./image/ico_contents.png) no-repeat left 3px;} #camping_view .content h4.tent {background:url(./image/ico_tent.png) no-repeat left center;} #camping_view .content h4.homepage a.link_homepage {font-size:16px;} #camping_view .content h4 a.btn_roadview {font-size:11px;display:inline-block;text-indent:-9999px;width:15px;height:17px;background:url(./image/ico_reodview.png) no-repeat;margin-left:4px} #camping_view .content p.stitle {padding:3px 0 0 24px;color:#444;margin:0} #camping_view .content p.stitle span.stbox {display:inline-block;height:18px;line-height:19px;padding:0 7px;background:#eee;margin-right:5px;color:#000;border-radius:3px;border:1px #ccc solid} #camping_view .content .photos {width:796px;margin-top:7px} #camping_view .content .photos:after{content:""; display:block;float:none;clear:both;} #camping_view .content .photos .timg {float:left;vertical-align:top;margin:0 6px 6px 0;overflow:hidden;display:block} #camping_view .content .photos .timg.big {margin-bottom:0;width:220px;height:138px;} #camping_view .content .photos .timg.big img {object-fit:cover} #camping_view .content .photos .timg.small {width:107px;height:66px;} #camping_view .content .ctbox {padding:0 0 20px 0;font-size:13px;color:#333;line-height:150%;min-height:300px;position:relative} #camping_view .content .ctbox img,#camping_view .content .ctbox div,#camping_view .content .ctbox table {max-width:791px !important} #camping_view .content .etcli {padding:0;margin:0 0 0 40px;} #camping_view .content .etcli li {padding:2px 0;font-size:13px;color:#444;line-height:1.5} /*편의시설 아이콘*/ #camping_view .content img,#camping_view .content img,#camping_view .content table {max-width:791px} #camping_view .content .ground {margin-top:30px} #camping_view .content .ground:after {content:""; display:block;float:none;clear:both;} #camping_view .content .ground .ghead {height:30px;line-height:30px;background:#555;color:#fff;padding:0 13px} #camping_view .content .ground .gcont {background:#b0b0b0;height:30px;line-height:30px;padding:0 18px;color:#fff} #camping_view .content .ground.sun {font-size:14px;} #camping_view .content .ground.sun div {display:inline-block;padding:0 10px;height:30px;line-height:30px;} #camping_view .content .ground.sun div.sunhead {background:url(./image/sun.svg) no-repeat left center;padding:0 0 0 20px} #camping_view .content .ground.sun div.sunrise {color:#ff6000;} #camping_view .content .ground.sun div.sunset {color:#3366ff;} #camping_view .content .facilities {border:1px #dedede solid;background:#f6f6f6;margin:0;text-align:center;border-right:none;border-left:none} #camping_view .content .facilities .facilities_all {padding:17px 20px 17px 10px} #camping_view .content .facilities .facilities_all .facilities_list {display:inline-block;width:76px;text-align:center;vertical-align:top;margin:15px 0 10px 0;} #camping_view .content .facilities .facilities_all .facilities_list .f_ico {display:inline-block;width:44px;height:44px;position:relative} #camping_view .content .facilities .facilities_all .facilities_list .not {position:absolute;top:0;left:0;width:24px;height:24px;left:50%;top:50%;margin:-12px 0 0 -12px} #camping_view .content .facilities .facilities_all .facilities_list .f_ico .svg_ico.no {opacity:.6} #camping_view .content .facilities .facilities_all .facilities_list .f_name {padding:7px 5px 0px 5px;line-height:1.2;word-break: keep-all !important;color:#000} #camping_view .content .facilities .facilities_all .facilities_list .f_name.no {color:#888} #camping_view .content .updatemsg {border-bottom:1px #dedede solid;background:#f9f9d5;padding:10px 0;position:relative;text-align:center} #camping_view .content .updatemsg a {position:static !important;color:#0066ff} #camping_view .content .pricetable {width:width:600px;margin-left:25px} #camping_view .content .pricetable td {padding:2px 0;font-size:13px} #camping_view .content .pricetable .td1 {padding-right:20px;word-break:break-all;} #camping_view .content .pricetable .td2 {background:url(./image/dot_line.gif) repeat-x center center;min-width:100px} #camping_view .content .pricetable .td3 {padding-left:20px;text-align:right;font-weight:500} /*weather*/ #camping_view .content .weather_wrap {width:790px;overflow:hidden;border:1px #ccc solid;position:relative;height:233px;margin:7px 0 20px 0} #camping_view .content .weather_wrap .rlarrow {position:absolute;top:-1px;width:32px;height:32px;font-size:16px;z-index:1;background:#555;color:#fff;cursor:pointer;text-align:center} #camping_view .content .weather_wrap .rlarrow:hover {background:#000} #camping_view .content .weather_wrap .rlarrow i.fa {width:32px;height:32px;line-height:33px} #camping_view .content .weather_wrap .rlarrow.wright {right:-1px;} #camping_view .content .weather_wrap .rlarrow.wleft {display:none;left:-1px;} #camping_view .content .weather_wrap table.weathertable {border-collapse: collapse;position:relative;z-index:0;left:0;top:0;} #camping_view .content .weather_wrap table.weathertable th {height:20px} #camping_view .content .weather_wrap table.weathertable th span {font-weight:400;font-family:roboto} #camping_view .content .weather_wrap table.weathertable th.lastth {text-align:left;padding-left:20px} #camping_view .content .weather_wrap table.weathertable th, #camping_view .content .weather_wrap table.weathertable td {border:1px #d0d0d0 solid;text-align:center;padding:5px 0px} #camping_view .content .weather_wrap table.weathertable th {font-size:13px;border-top:none;border-left:none;background:#f5f5f5} #camping_view .content .weather_wrap table.weathertable td {vertical-align:top;border-bottom:none;border-left:none;color:#444} #camping_view .content .weather_wrap table.weathertable td p {width:71px;padding:3px 0} #camping_view .content .weather_wrap table.weathertable td p.temp {color:#0066ff} #camping_view .content .weather_wrap table.weathertable td p.stat {font-weight:700} #camping_view .content .weather_wrap table.weathertable td p.small {font-size:11px;height:18px;line-height:18px} #camping_view .content .nearcamp {margin-top:12px;position:relative} #camping_view .content .nearcamp .nearrow {position:absolute;width:24px;height:34px;top:28px;background:#000;background:rgba(0,0,0,.6);z-index:100;color:#fff;font-size:18px;text-align:center;cursor:pointer;line-height:34px} #camping_view .content .nearcamp .nearrow.nnprev {} #camping_view .content .nearcamp .nearrow.nnnext {right:0} #camping_view .content .nearcamp .nearitems {overflow:hidden;} #camping_view .content .nearcamp .nearitems:after {content:""; display:block;float:none;clear:both;} #camping_view .content .nearcamp .nearitems .nearitem {width:150px;text-align:center;float:left;overflow:hidden;box-sizing:border-box;} #camping_view .content .nearcamp .nearitems .nearitem:hover .ntm {-webkit-transform: scale(1.2);transform: scale(1.2);} #camping_view .content .nearcamp .nearitems .nearitem:hover .nsbj {color:#25a5f0} #camping_view .content .nearcamp .nearitems .nearitem:last-child {margin-right:0} #camping_view .content .nearcamp .nearitems .nearitem a.nimg_box {display:block;width:150px;position:relative;height:90px;background:#eee url(./image/nothumb.svg) no-repeat center center;background-size:30%;overflow:hidden} #camping_view .content .nearcamp .nearitems .nearitem a.nimg_box img.ntm {position:absolute;top:0;left:50%;margin-left:-80px;width:160px;height:90px;transition: .3s ease-in-out;} #camping_view .content .nearcamp .nearitems .nearitem a.nimg_box span {position:absolute;bottom:0;right:0;display:inline-block;padding:0 7px;color:#fff;font-size:11px;height:20px;line-height:20px} #camping_view .content .nearcamp .nearitems .nearitem .ncont .nsbj {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding:6px 0 3px 0;font-weight:500;font-size:13px} #camping_view .content .nearcamp .nearitems .nearitem .ncont .nkm {font-size:11px;padding:0 0 10px 0} #camping_view .content .nearcamp .nearitems .nearitem .c5g {background-color:#ff6000} #camping_view .content .nearcamp .nearitems .nearitem .ccamp {background-color:#0e8d0e} #camping_view .content .nearcamp .nearitems .nearitem .cglamping {background-color:#3789de} #camping_view .content .content_footer {border-top:1px #ddd solid;margin:25px 0;padding:15px 0;text-align:right;position:relative} #camping_view .content .content_footer a {display:inline-block;padding:0 10px 0 0;height:28px;line-height:29px;border:1px #ddd solid;color:#444;border-radius:2px} #camping_view .content .content_footer a:hover {color:#777;border-color:#999} #camping_view .content .content_footer a:hover i.fa {color:#25a5f0} #camping_view .content .content_footer a span {color:#888} #camping_view .content .content_footer a i.fa {width:28px;text-align:center;border-right:1px #ddd solid;margin-right:5px} /*ajaxmap*/ .websiteinfo {width:700px;height:400px;font-family:robot,'noto sans kr';padding:0;position:relative} .websiteinfo h3 {padding:0;margin:0;font-size:20px;padding:10px 20px;color:#fff;background:#25a5f0} .websiteinfo .banner {width:580px;height:90px;margin:35px auto 35px auto;} .websiteinfo .websitewrap {text-align:center} .websiteinfo .websitewrap a {font-size:20px;font-weight:500} .websiteinfo .websitewrap a span.url {font-family:roboto;font-size:12px;font-weight:400} .websiteinfo .count {position:absolute;bottom:20px;text-align:center;width:100%} #mapcategory {position:absolute;top:30px;left:0px;border:1px solid #909090;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);background: #fff;overflow: hidden;z-index:2;padding:0;margin:0} #mapcategory li {float:left;list-style: none;width:50px;border-right:1px solid #ccc;padding:6px 0;text-align: center; cursor: pointer;} #mapcategory li.on {background: #eee;} #mapcategory li:hover {background: #ffe6e6;border-left:1px solid #acacac;margin-left: -1px;} #mapcategory li:last-child{margin-right:0;border-right:0;} #mapcategory li span {display: block;margin:0 auto 3px;width:27px;height: 28px;} #mapcategory li .category_bg {background:url(./image/places_category.png) no-repeat;} #mapcategory li .bank {background-position: -10px 0;} #mapcategory li .mart {background-position: -10px -36px;} #mapcategory li .pharmacy {background-position: -10px -72px;} #mapcategory li .oil {background-position: -10px -108px;} #mapcategory li .cafe {background-position: -10px -144px;} #mapcategory li .store {background-position: -10px -180px;} #mapcategory li.on .category_bg {background-position-x:-46px;} .placeinfo_wrap {position:absolute;bottom:28px;left:-150px;width:300px;} .placeinfo {position:relative;width:100%;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;padding-bottom: 10px;background: #fff;} .placeinfo:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;} .placeinfo_wrap .after {content:'';position:relative;margin-left:-12px;left:50%;width:22px;height:12px;background:url('./image/vertex_white.png')} .placeinfo a, .placeinfo a:hover, .placeinfo a:active{color:#fff;text-decoration: none;} .placeinfo a, .placeinfo span {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .placeinfo span {margin:5px 5px 0 5px;cursor: default;font-size:13px;} .placeinfo .title2 {font-weight: bold; font-size:14px;border-radius: 6px 6px 0 0;margin: -1px -1px 0 -1px;padding:10px; color: #fff;background: #d95050;} .placeinfo .tel {color:#0f7833;} .placeinfo .jibun {color:#999;font-size:11px;margin-top:0;} /*ajax map info view*/ #poswrap {width:440px;position: absolute;left:0px;bottom:50px;margin-left: -220px;text-align: left;font-size: 14px;line-height: 1.5;box-shadow:6px 6px 35px rgba(0,0,0,.65);} #poswrap .today_weather {position:absolute;top:-80px;left:-80px;z-index:1} #poswrap .today_weather .wico {position:relative;z-index:10} #poswrap .today_weather .wtemp {position:absolute;top:21px;left:75px;font-size:22px;color:#fff;display:inline-block;background:#000;background:rgba(0,0,0,.6);letter-spacing:-0.01em;padding:3px 10px 3px 43px;z-index:9;font-weight:600;font-family:roboto;border-radius:5px;} #poswrap .today_weather .wtemp em {font-style:normal;font-size:15px;font-weight:400;} #poswrap .today_weather .wwind {position:absolute;top:60px;left:90px;background:#fff;background:rgba(255,255,255,.8);font-size:11px;padding:2px 10px 2px 33px;font-weight:500} #poswrap .info {height:200px;position:relative;border-radius:6px;overflow:hidden;z-index:2} #poswrap .info .title {background:#000;color:#fff;border:none;font-size:15px;letter-spacing:-0.02em;padding:0 0 0 10px;margin:0;height:40px;line-height:40px} #poswrap .info .title span.cat {display:inline-block;padding:0 8px;height:18px;font-weight:700;} #poswrap .info .title span.cat1 {color:#ff6000} #poswrap .info .title span.cat2 {color:#99ff66} #poswrap .info .title span.cat3 {color:#3399ff} #poswrap .info .body {background:#fff;height:165px;position: relative;overflow: hidden;} #poswrap .info .body .img {position: absolute;top:10px;left:10px;width:125px;height: 80px;border: 1px solid #ddd;color: #888;overflow: hidden;background:#ccc url(./image/nothumb.svg) no-repeat center center;background-size:30%} #poswrap .info .desc {position:relative;margin:10px 0 0 150px;width:275px;height:140px;} #poswrap .info .desc .address1 {padding:0 0 6px 0;white-space:normal;line-height:1.2;word-break:break-all;} #poswrap .info .desc .telnumber {font-family:roboto;font-weight:400;padding:3px 0;color:#006699} #poswrap .info .body .btn_vote_scrap {position:absolute;bottom:14px;left:10px;width:125px;text-align:center} #poswrap .info .body .btn_vote_scrap a {display:inline-block;height:26px;line-height:27px;padding:0;font-size:13px;color:#666} #poswrap .info .body .btn_vote_scrap a.active, #poswrap .info .body .btn_vote_scrap a i.fa.active {color:#25a5f0} #poswrap .info .body .btn_vote_scrap .scrap_count {color:#888;font-family:roboto;font-weight:400} #poswrap .info .desc .btnbottom {position:absolute;bottom:0;right:0} #poswrap .info .desc .btnbottom a {display:inline-block;padding:0 10px;border:1px #ddd solid;font-weight:700;color:#000;height:26px;line-height:27px} #poswrap .info .desc .btnbottom a:hover {color:#25a5f0;border-color:#25a5f0} #poswrap .info:after {display:none} #poswrap:after {content: '';position:absolute;margin-left: -12px;left: 50%;bottom:-10px;width: 22px;height: 12px;background: url('./image/vertex_white.png');} #poswrap .info .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('./image/overlay_close.png');} #poswrap .info .close:hover {cursor: pointer;} #poswrap .info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('./image/vertex_white.png')} #poswrap .desc .jibun {font-size:12px;color: #888;margin-top:4px;} #poswrap .info .link {color: #5085BB;} /*api blog*/ #blogreview {margin:0px;min-height:200px} #blogreview .btn_distance {text-align:right;border-bottom:1px #ddd solid;display:inline-block;width:100%;margin-bottom:15px} #blogreview .btn_distance .cnt {font-weight:700} #blogreview .btn_distance a {display:inline-block;padding:2px 3px;border-bottom:1px #fff solid;margin-left:6px;color:#333;font-weight:700;} #blogreview .btn_distance a.active {border-bottom:1px #25a5f0 solid;color:#25a5f0} #blogreview .reviewwrap {margin-bottom:15px;border-bottom:1px #ddd solid;padding-bottom:15px} #blogreview .reviewwrap:after {content:""; display:block;float:none;clear:both;} #blogreview .reviewwrap .thumb {width:130px;height:130px;position:relative;background:#ccc url(./image/nothumb.svg) no-repeat center center;background-size:30%} #blogreview .reviewwrap .thumb a {width:130px;height:130px;display:inline-block} #blogreview .reviewwrap .rightcont {margin-left:155px} #blogreview .reviewwrap .rightcont .subject {font-size:18px;margin-bottom:5px} #blogreview .reviewwrap .rightcont .content {color:#888} #blogreview .reviewwrap .rightcont .name {color:#3EA9CD;margin-top:7px} #blogreview .reviewwrap .rightcont .date {text-align:right;margin-top:5px} .loadercircle {display:none;position:absolute;left:50%;top:50px;margin:0 0 0 -3em;z-index:20002;} .loadercircle,.loadercircle:after {border-radius: 50%;width: 6em;height: 6em;} .loadercircle {font-size: 10px;text-indent: -9999em;border-top: 0.7em solid rgba(0,0,0, 0.1);border-right: 0.7em solid rgba(0,0,0, 0.1);border-bottom: 0.7em solid rgba(0,0,0, 0.1);border-left: 0.7em solid #000000;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load8 0.25s infinite linear;animation: load8 0.25s infinite linear;} @-webkit-keyframes load8 { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } @keyframes load8 { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } .flex-wrapper {display:block;margin-top:7px;text-align:center;flex-flow: row nowrap;} .flex-wrapper .single-chart {width:15.5%;justify-content: space-around;display:inline-block;vertical-align:top} .flex-wrapper .single-chart .circular-chart {display: block;margin: 10px auto;max-width:82%;max-height:150px;} .flex-wrapper .circle-bg {fill: none;stroke: #eee;stroke-width:2.5;} .flex-wrapper .circle {fill: none;stroke-width:2.5;stroke-linecap: round;animation: progress 1s ease-out forwards;} @keyframes progress {0% {stroke-dasharray: 0 100;}} .flex-wrapper .circular-chart.color1 .circle {stroke: #ff3399;} .flex-wrapper .circular-chart.color2 .circle {stroke: #ff3300;} .flex-wrapper .circular-chart.color3 .circle {stroke: #ff9900;} .flex-wrapper .circular-chart.color4 .circle {stroke: #33cc33;} .flex-wrapper .circular-chart.color5 .circle {stroke: #0099ff;} .flex-wrapper .circular-chart.color6 .circle {stroke: #cc66cc;} .flex-wrapper .ptext {fill: #111;font-size: 0.8em;text-anchor: middle;} .flex-wrapper .percentage {fill: #757575;font-size: 0.4em;text-anchor: middle;} .flex-wrapper .sitename {text-align:center;font-size:14px;font-weight:700;color:#222;margin-top:10px} .flex-wrapper .sitename span {font-size:12px;font-weight:500;color:#777} /*대기오염*/ .barchart_head {display:inline-block;width:100%} .barchart_head .get_time {margin-top:45px} .air_wrap {min-height:233px;position:relative;border:1px #cecece solid;padding:0} .air_info {padding-top:4px;text-align:right;color:#555} .barchart {position:relative;} .barchart:after {content:"";float:none;clear:both;display:block} .barchart .left {width:65%;margin-bottom:10px;position:relative;} .barchart .right {width:20%} .barchart .total_air {width:calc(15% - 1px);height:190px;border-right:1px #ddd solid;margin:0} .barchart .total_air .flex-wrapper {display:block;margin-top:25px;text-align:center;flex-flow: row nowrap;} .barchart .total_air .flex-wrapper .single-chart {width:90%;justify-content: space-around;display:inline-block;vertical-align:top} .barchart .total_air .flex-wrapper .single-chart .circular-chart {display: block;margin: 10px auto;max-width:85%;max-height:150px;} .barchart .total_air .flex-wrapper .circle-bg {fill: none;stroke: #eee;stroke-width:2;} .barchart .total_air .flex-wrapper .circle {fill: none;stroke-width:2;stroke-linecap: round;animation: progress 1s ease-out forwards;} .barchart .total_air .flex-wrapper .circular-chart.color1 .circle {stroke: #ff3399;} .barchart .total_air .flex-wrapper .ptext {font-size: 0.8em;text-anchor: middle;} .barchart .total_air .flex-wrapper .percentage {font-size: 0.4em;text-anchor: middle;} .barchart .total_air .flex-wrapper .color1 {fill:#32a1ff} .barchart .total_air .flex-wrapper .color2 {fill:#00c73c} .barchart .total_air .flex-wrapper .color3 {fill:#fd9b5a} .barchart .total_air .flex-wrapper .color4 {fill:#ff5959} .barchart .total_air .flex-wrapper .sitename {text-align:center;font-size:14px;font-weight:700;color:#222} .barchart .error {position:absolute;top:25px;width:100%;left:0;text-align:center;color:#555} .barchart .bar {margin:70px 42px 0 42px;} .barchart .bar:after {content:"";display:block;float:none;clear:both} .barchart .bar > div {float:left;height:15px;text-align:center;color:#fff;font-size:10px;position:relative} .barchart .bar > div:nth-child(1) {background:#32a1ff;width:25%;} .barchart .bar > div:nth-child(2) {background:#00c73c;width:25%} .barchart .bar > div:nth-child(3) {background:#fd9b5a;width:25%} .barchart .bar > div:nth-child(4) {background:#ff5959;width:25%} .barchart .bar > div:nth-child(5) {background:#ad1457;} .barchart .bar > div:nth-child(6) {background:#880e4f} .barchart .airtext {margin:10px 39px 15px 39px} .barchart .airtext:after {content:"";display:block;float:none;clear:both} .barchart .airtext > div {float:left;text-align:center;font-size:13px;} .barchart .airtext > div:nth-child(1) {width:25%;color:#32a1ff} .barchart .airtext > div:nth-child(2) {width:25%;color:#00c73c} .barchart .airtext > div:nth-child(3) {width:25%;color:#fd9b5a} .barchart .airtext > div:nth-child(4) {width:25%;color:#ff5959} .barchart .value {background:#999;color:#fff;width:80px;height:40px;line-height:40px;position:absolute;top:-51px;left:0;margin-left:-40px;font-size:20px;text-align:center;border-radius:4px;float:none;border-top:1px #eee solid} .barchart .value .downarrow {position:absolute;left:50%;margin-left:-8px;bottom:-11px} .barchart .value .dddd {font-size:12px} .barchart .show {display:inline-block} .barchart .hide {display:none} .barchart .get_location {margin:0 39px;padding-top:10px;color:#444} .barchart .get_location:after {content:"";display:block;float:none;clear:both} .barchart .get_location .get_pos_address {overflow: hidden;text-overflow: ellipsis; white-space: nowrap; margin-bottom:3px} .air_table {margin:20px 39px 10px 39px} .barchart .mdust_info {border-left:1px #ddd solid;height:100%;min-height:190px} .barchart .mdust_info svg {margin-top:5px;} .barchart .mdust_info p.airhead {padding:15px 0 10px 0} .air_etc {border-top:1px #cecece solid;height:40px;line-height:40px;padding:0 40px;color:#888} .air_etc:after {content:"";clear:both;float:none;display:block} .air_etc > div {width:25%;float:left;text-align:center} .air_help {margin-bottom:10px} .air_help table {width:100%;border-collapse: collapse;} .air_help table th {background:#f5f5f5} .air_help table th, .air_help table td {padding:6px 0;text-align:center;border:1px #cecece solid} .air_help table tr:nth-child(1) td {color:#32a1ff} .air_help table tr:nth-child(2) td {color:#00c73c} .air_help table tr:nth-child(3) td {color:#fd9b5a} .air_help table tr:nth-child(4) td {color:#ff5959} .air_help table td:first-child {border:none;color:#fff !important} .btn_airhelp.active {color:#000 !important} /*대기오염*/