/* header */
.m-wrap {width:1200px;margin:0 auto}
.m-wrap:after {display:block;content:"";clear:both;float:none}
.newt, .updatet {position:absolute;top:0;left:0;width:14px;height:14px;line-height:15px;text-align:center;color:#fff;font-size:11px;z-index:2}
.newt {background:#ff6000}
.updatet {background:#25a5f0}
.comment {font-size:11px;color:#ff6000}
.highlight {background-color: yellow;border-radius: .125em; }
.btn_top_list {width:50px;height:50px;line-height:50px;font-size:22px;bottom:70px;right:70px}

#header-full {width:100%;position:fixed;z-index:13;background:rgba(0,0,0,.4);height:120px;-webkit-transition: background-color 700ms linear;-moz-transition: background-color 700ms linear;-o-transition: background-color 700ms linear;-ms-transition: background-color 700ms linear;transition: background-color 700ms linear;}
#header-full .gnb {height:40px;position:absolute;z-index:0;right:20px;top:10px;width:100%;z-index:12}
#header-full .gnb .copytext {position:absolute;height:40px;line-height:40px;color:#848590;font-weight:400;font-size:12px;width:340px;left:0px;padding-left:20px;font-size:12px;}
#header-full .gnb ul {position:absolute;right:20px;top:5px;font-size:12px;padding:0;margin:0;list-style:none;}
#header-full .gnb ul li {display:inline-block;position:relative;}
#header-full .gnb ul li > a {color:#ccc;display:inline-block;margin:0 8px;height:40px;line-height:31px}
#header-full .gnb ul li > a:hover {color:#25a5f0}

#header-full .header-wrap {width:1200px;position:absolute;left:50%;margin-left:-600px;top:50px}

/* #header-full .googleplay {position:absolute;top:5px;right:50px} */
#header-full .appstore {position:absolute;top:5px;right:70px}
#header-full .googleplay {position:absolute;top:-4px;right:-70px}


#header-full .logo {position:absolute;top:0;left:0;z-index:1}
#header-full .logo h1 {padding:0;margin:0;}

#header-full .topmenu {text-align:center;}
#header-full .topmenu ul {list-style:none;padding:0;margin:0;display:inline-block}
#header-full .topmenu ul li {display:inline-block;margin:0 13px;position:relative;}
#header-full .topmenu ul li .top_ico {position:absolute;top:-7px;right:0}
#header-full .topmenu ul li > a {font-size:18px;font-weight:600;color:#fff;display:inline-block;padding:0;height:54px;line-height:54px;margin:0;text-align:center;}
#header-full .topmenu ul li > a:hover {color:#25a5f0}
#header-full .topmenu ul li > a.active {color:#56c3f6;border-bottom:2px #56c3f6 solid}
#header-full .topmenu ul li > a.active1 {color:#25a5f0;}

#header-full .topmenu ul li > ul {display:none; visibility:hidden;position:absolute;top:50px;left:0;z-index:1;padding:16px 0;margin:0 0 0 -30px;border-radius:6px;background:#383943;}
#header-full .topmenu ul li > ul li {padding:0;margin:0;}
#header-full .topmenu ul li > ul li a {font-weight:500;font-size:14px;display:block;text-align:left;height:34px;line-height:34px;color:#ccc;padding:0 0 0 20px;width:120px;}
#header-full .topmenu ul li:hover > ul {display:block; visibility:visible;}
#header-full .topmenu ul li:hover > a{color:#25a5f0}
#header-full.scrolled {background-color: #383943;}

#header-full .category {text-align:center;padding:0;position:absolute;left:260px;top:35px}
#header-full .category ul {display:inline-block;list-style:none;margin:0;padding:0}
#header-full .category ul.tabs4 li {padding:0 10px;display:inline-block;height:40px;line-height:40px}
#header-full .category ul.tabs4 li a {font-size:12px;font-weight:600;color:#333;padding:3px 2px;display:inline-block;height:40px;line-height:40px}
#header-full .category ul.tabs4 li a:hover {color:#25a5f0}
#header-full .category ul.tabs4 li a.selected {color:#25a5f0}
#header-full .category ul.tabs4 li a span {font-weight:400;color:#999;display:inline-block}


#main_fullbg {padding:0;width:100%;height:100%;position:relative;background:#383943;min-height:900px;}
#main_fullbg .main_fullbg-wrap {width:1200px;margin:0 auto;position:relative;height:100%}

#main_fullbg .main-search {display:inline-block;width:800px;position:absolute;left:50%;margin-left:-400px;top:45%;z-index:11;margin-top:-240px;display:none;text-align:center}
#main_fullbg .main-search h2 {font-size:1.65rem;color:#fff;font-weight:400;padding:0 0 20px 0;margin:0;text-align:center;padding-left:100px}
#main_fullbg .main-search .btn_sido {display:inline-block;height:60px;border-radius:60px;overflow:hidden;box-shadow:0px 0px 30px rgba(0,0,0,.4);width:115px;font-size:1rem;line-height:60px;margin-right:10px;font-weight:700;background:#25a5f0;color:#fff}
#main_fullbg .main-search .btn_sido:hover {background:#fff;color:#000}
#main_fullbg .main-search .search-form {width:650px;background:#fff;height:60px;border-radius:60px;overflow:hidden;box-shadow:0px 0px 30px rgba(0,0,0,.4);position:relative;display:inline-block;text-align:left !important}
#main_fullbg .main-search .search-form .search_input {width:460px;height:56px;border:none;background:transparent;font-size:1.4rem;font-family:'noto sans kr';color:#333;padding-left:50px;;line-height:56px;outline:0;letter-spacing:-0.03em}
#main_fullbg .main-search .search-form button {border:none;background:none;font-size:30px;position:absolute;top:0;right:0;outline:0;cursor:pointer;background:#f0f0f0;color:#555;height:60px;width:80px;}
#main_fullbg .main-search .search-form button:hover {background:#0099ff;color:#fff}
#main_fullbg .main-search .search-form .search_input[type=text]::-ms-clear {display:none;}
#main_fullbg .main-search .search-form .search_input::placeholder {color:#bbb;opacity: 1;}
#main_fullbg .main-search .search-form .search_input:-ms-input-placeholder {color:#bbb;}
#main_fullbg .main-search .search-form .search_input::-ms-input-placeholder {color:#bbb;}

#main_fullbg .main-search .keyword_del {position:absolute;top:0;right:80px;width:60px;text-align:center;padding-top:17px;display:none}
#main_fullbg .main-search .inkey {font-size:1.1rem;color:#fff;text-align:center;padding-top:15px;padding-left:105px}
#main_fullbg .main-search .inkey a {display:inline-block;color:#fff;margin:0 10px;opacity:.7}
#main_fullbg .main-search .inkey a:hover {opacity:1}

#main_fullbg .main-search .results {width:635px;color:#333;max-height:390px;overflow:hidden;background:#fff;overflow-y:auto;list-style:none;padding:0;margin:20px;box-shadow:0px 0px 30px rgba(0,0,0,.26);text-align:left;position:absolute;top:108px;right:0;border-radius:10px}
#main_fullbg .main-search .results li {padding:13px;border-bottom:1px #eee solid;line-height:1.2}
#main_fullbg .main-search .results li:after {display:block;content:"";clear:both;float:none}
#main_fullbg .main-search .results li:hover {background:#f4f4f4;}
#main_fullbg .main-search .results li img {float:left}
#main_fullbg .main-search .results li div.cright {font-size:1rem;float:left;width:410px;height:45px;margin-left:1rem}
#main_fullbg .main-search .results li div.cright .cpath {font-size:12px;color:#3EA9CD;margin:3px 0 4px 0}
#main_fullbg .main-search .results li div.cright .sbjval {font-weight:500}
#main_fullbg .main-search .results li div.clink {float:right;width:30px;}
#main_fullbg .main-search .results li div.clink img {margin-top:9px}

#main_fullbg .flex-wrapper {display:inline-block;text-align:center;flex-flow: row nowrap;width:750px;position:absolute;left:50%;margin-left:-375px;top:50%;margin-top:-25px;z-index:1;display:none}
#main_fullbg .flex-wrapper .single-chart {width:160px;height:160px;justify-content: space-around;display:inline-block;vertical-align:top;margin:0 7px;transition: transform .2s;}
#main_fullbg .flex-wrapper .single-chart:hover {transform: scale(1.1)};
#main_fullbg .flex-wrapper .single-chart .circular-chart {display: block;margin: 10px auto;}
#main_fullbg .flex-wrapper .circle-bg {fill: none;stroke: #fff;stroke-width:0.15;}
#main_fullbg .flex-wrapper .circle {fill: none;stroke-width:0.8;stroke-linecap: round;animation: progress 1s ease-out forwards;}
@keyframes progress {0% {stroke-dasharray: 0 100;}}
#main_fullbg .flex-wrapper .circular-chart.color1 .circle {stroke: #ff5000;}
#main_fullbg .flex-wrapper .circular-chart.color2 .circle {stroke: #33cc33;}
#main_fullbg .flex-wrapper .circular-chart.color3 .circle {stroke: #0099ff;}
#main_fullbg .flex-wrapper .circular-chart.color4 .circle {stroke: #fff;}
#main_fullbg .flex-wrapper .ptext {fill: #fff;font-size: 0.75em;text-anchor: middle;opacity:.75}
#main_fullbg .flex-wrapper .circle-bg.total {fill: none;stroke: #fff;stroke-width:1;opacity:.4}
#main_fullbg .flex-wrapper .circle.total {fill: none;stroke-width:0.8;stroke-linecap: round;animation: progress 1s ease-out forwards;}
#main_fullbg .flex-wrapper .ptext.total {fill: #fff;font-size: 0.75em;text-anchor: middle;opacity:1}
#main_fullbg .flex-wrapper .percentage {fill: #fff;font-size: 0.4em;text-anchor: middle;}
#main_fullbg .flex-wrapper .sitename {text-align:center;font-size:1.1rem;margin-bottom:10px;line-height:1.3;color:#fff}


#main_fullbg .maincamp {position:absolute;z-index:1;bottom:30px;width:100%}
#main_fullbg .maincamp h2 {font-size:1.5rem;color:#fff;font-family:roboto;font-weight:400}
#main_fullbg .maincamp h2 span {color:#ff4000;font-weight:700}
#main_fullbg .maincamp h2 .dust {font-size:12px;font-family:"noto sans kr";font-weight:300;padding-top:10px}
#main_fullbg .maincamp .owl-carousel {height:186px}
#main_fullbg .maincamp .maincols {width:225px;margin:0;float:left;position:relative}
#main_fullbg .maincamp .maincols .twrap {position:relative;width:225px;height:135px;overflow:hidden;}
#main_fullbg .maincamp .maincols .twrap .thumb .border {box-sizing:border-box;border:4px rgba(255,255,255,.2) solid;position:absolute;top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);transition: transform .2s;z-index:0}
#main_fullbg .maincamp .maincols .twrap:hover .border {transform: scale(1.05);border:5px rgba(255,255,255,.8) solid;z-index:1}

#main_fullbg .maincamp .maincols .twrap .thumb {background:#cdcdd5 url(./image/nothumb_w.svg) no-repeat center center;width:225px;height:135px;overflow:hidden;position:relative;box-shadow:0px 0px 15px rgba(0,0,0,.5); border-radius:10px;}
#main_fullbg .maincamp .maincols .twrap .thumb .new, #main_fullbg .maincamp .maincols .twrap .thumb .update {position:absolute;top:0;left:0;display:inline-block;width:14px;height:14px;color:#fff;font-size:10px;text-align:center;line-height:15px;z-index:2}
#main_fullbg .maincamp .maincols .twrap .thumb .new {background:#ff6000}
#main_fullbg .maincamp .maincols .twrap .thumb .update {background:#25a5f0}
#main_fullbg .maincamp .maincols .twrap .thumb img {width:100%;height:100%}
#main_fullbg .maincamp .maincols .twrap .thumb:after {content: '';display: block;width:100%;height:100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index:0;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.55) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.55) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.55) 100%);}
#main_fullbg .maincamp .maincols .twrap .distance {position:absolute;bottom:5px;left:10px;color:#efe03e;font-size:12px;opacity:.8;font-weight:700}
#main_fullbg .maincamp .maincols .twrap .link_scrap {position:absolute;bottom:5px;right:10px;color:#fff;font-size:20px;opacity:.8;z-index:10}
#main_fullbg .maincamp .maincols .twrap .link_scrap.active {color:#00c6ff;opacity:1}
#main_fullbg .maincamp .maincols .cont {color:#fff;text-align:center}
#main_fullbg .maincamp .maincols .cont .cat {padding:7px 0 0 0}
#main_fullbg .maincamp .maincols .cont .subject {white-space: nowrap;text-overflow: ellipsis;overflow:hidden;font-size:0.9rem}

#main_fullbg .maincamp .owl-carousel .owl-prev,#main_fullbg .maincamp .owl-carousel .owl-next {width:36px;height:36px;background:#fff;font-size:30px;border-radius:100%;line-height:30px;position:absolute;top:50px;z-index:100}
#main_fullbg .maincamp .owl-carousel .owl-next {right:-17px}
#main_fullbg .maincamp .owl-carousel .owl-prev {left:-17px}

#main_fullbg .mainwrap {position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}
#main_fullbg .mainwrap:after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.45) url(./image/dot2.png);z-index:-1}


#banner-area {background:#eceef6;padding:40px 0}
#banner-area .lb {width:400px}
#banner-area .lb .notice_title {display:inline-block;width:100%;margin-bottom:10px}
#banner-area .lb h2 {background:url(./image/two-speech-bubbles.svg) no-repeat;padding: 0 0 0 40px;margin:0;font-size:1.3rem;}
#banner-area .lb .more {margin-top:5px}
#banner-area .rb {width:800px;text-align:right;padding-top:6px}
#banner-area .notice {height:28px;line-height:28px;font-size:.9rem;padding-left:40px}
#banner-area .notice .date {font-size:11px;display:inline-block;height:20px;line-height:21px;background:#9c9eac;color:#fff;width:50px;text-align:center;border-radius:3px;vertical-align:top;margin:4px 6px 0 0}
#banner-area .notice .date.red {background:#ff4000}


#camping-map {width:1200px;margin:0 auto;}
#camping-map.maininfo .head {display:inline-block;width:100%;margin-bottom:20px}
#camping-map.maininfo .head .selectsido .vtext {font-size:14px;font-weight:500;color:#3EA9CD;display:inline-block;margin:0 0 0 11px}
#camping-map.maininfo .head .selectsido .vtext > span {font-weight:700;color:#000}
#camping-map.maininfo .head .selectsido .subselect {display:none}
#camping-map.maininfo .head > ul li {padding:0 10px}
#camping-map.maininfo .head .total_cnt {background:#25a5f0;color:#fff;height:36px;line-height:36px;font-size:.9rem;width:66px;text-align:center}
#camping-map.maininfo .head .page_ui {border:1px #ccc solid;height:34px;line-height:34px;margin:0 10px;}
#camping-map.maininfo .head .page_ui .btn_page {width:34px;height:34px;color:#ccc;text-align:center;font-size:15px;pointer-events: none;}
#camping-map.maininfo .head .page_ui .btn_page.on {color:#555;background:#f0f0f0;pointer-events: auto;}
#camping-map.maininfo .head .page_ui .btn_page.on:hover {background:#ccc;color:#fff}
#camping-map.maininfo .head .page_ui .pagestat {padding:0;width:70px;text-align:center}
#camping-map.maininfo .head .adq  {display:inline-block;padding:7px 0 0 0;font-weight:500;font-size:14px}
#camping-map .adq:hover {border-color:#f52390}


#camping-map.maininfo .campinfo_wrap {}
#camping-map.maininfo .campinfo_wrap:after {content:""; display:block;float:none;clear:both;}
#camping-map.maininfo .campinfo_wrap .kmap {width:200px;border-right:1px #e0e0e0 solid;height:600px;padding:50px 30px 0 0}
#camping-map.maininfo .campinfo_wrap .kmap h2 {margin:0;padding:0;font-size:1.7rem;text-align:center;letter-spacing:-0.03em}
#camping-map.maininfo .campinfo_wrap .kmap h2 span {color:#25a5f0}
#camping-map.maininfo .campinfo_wrap .kmap p.csub_head {margin:3px 0 20px;text-align:center;font-size:0.9rem}
#camping-map.maininfo .campinfo_wrap .kmap #campMap area {outline:0}

#camping-map.maininfo .campinfo_wrap .kmapright {width:929px;margin-left:40px;padding-top:50px}
#camping-map.maininfo .campinfo_wrap .kmapright .camp_right_content:after {content:"";clear:both;display:block;float:none;}
#camping-map.maininfo .campinfo_wrap .kmapright .items {width:283px;margin:7px 40px 30px 0;float:left;}
#camping-map.maininfo .campinfo_wrap .kmapright .items.nomargin {margin-right:0}
#camping-map.maininfo .campinfo_wrap .kmapright .items .photo {width:283px;height:168px;position:relative;overflow:hidden;background:#f6f6f6 url(./image/nothumb.svg) no-repeat  center center; border-radius:10px;}
#camping-map.maininfo .campinfo_wrap .kmapright .items .photo:after {content: '';display: block;width:100%;height:100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index:0;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.3) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.3) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.3) 100%);}
#camping-map.maininfo .campinfo_wrap .kmapright .items img.tm {transition: transform .2s;width:100%;height:100%}
#camping-map.maininfo .campinfo_wrap .kmapright .items:hover img.tm {transform: scale(1.15)};
#camping-map.maininfo .campinfo_wrap .kmapright .items .photo .tm {object-fit:cover;width:283px;transition: transform .2s;}
#camping-map.maininfo .campinfo_wrap .kmapright .items .photo span.distance {position:absolute;left:0;bottom:0;display:inline-block;background:#000;background:rgba(0,0,0,.1);padding:4px 5px;color:#efe03e;z-index:10;font-size:11px;}
#camping-map.maininfo .campinfo_wrap .kmapright .items .photo span.cat {position:absolute;right:0;bottom:0;display:inline-block;background:#000;background:rgba(0,0,0,.1);padding:4px 5px;color:#efe03e;z-index:10;font-size:11px;}
#camping-map.maininfo .campinfo_wrap .kmapright .items .cont {padding-top:7px}
#camping-map.maininfo .campinfo_wrap .kmapright .items .cont .tt {padding:0;font-size:1rem;font-weight:500;margin:5px 0}
#camping-map.maininfo .campinfo_wrap .kmapright .items .cont .mcont {color:#008ab8;font-size:12px;font-weight:400}


#comm {background:#f1f3f9;padding:50px 0 60px 0}
#comm  dl {float:left;padding:0;margin:0 40px 0 0;width:270px;}
#comm  dl.nomargin {margin-right:0}
#comm  dt {font-size:1.3rem;font-weight:600;margin-bottom:16px;color:#393b46;line-height:1.7}
#comm  .more {margin-right:20px}
#comm  dd {padding:8px 0px;margin:0;font-size:14px;line-height:1}
#comm  dd a {color:#5f6273}
#comm  dd a:hover {color:#25a5f0}
#comm  dd i.fa {color:#9fa4bc}
#comm  dd .new {font-size:12px;font-weight:600}

#footer-full {padding:50px 0;background:#d9dbe9}
#footer-full .flogo {margin-right:40px}
#footer-full .bottomMenu {margin:6px  0 15px 0}
#footer-full .bottomMenu a {font-size:15px;}
#footer-full .bottomMenu .vline {display:inline-block;margin:0 16px;color:#a7a9b3}
#footer-full .copy {line-height:1.9;color:#48494f}



@media only screen and (min-width : 1921px) { 
	#main_fullbg .main-search {margin-top:-300px;}
	#main_fullbg .flex-wrapper {width:900px;margin-left:-450px;margin-top:-50px}
	#main_fullbg .maincamp {bottom:60px;}
	#main_fullbg .flex-wrapper .single-chart {width:190px;height:190px}
	#main_fullbg .maincamp .maincols .cont .cat {padding:7px 0 4px 0}
}




@media ( max-width: 1500px ) {
}
@media ( max-width: 1400px ) {
}
@media ( max-width: 1300px ) {
}