@charset "utf-8";
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

/* 베이스 스타일 시작 */
html {width:100%;height:100%;overflow:auto;overflow-x:hidden;}
body {height:100%;/**overflow-y:auto;overflow-x:hidden;*/}
html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
@-ms-viewport {width: device-width;}
@-webkit-viewport {width: device-width;}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;line-height:150%;}
img, fieldset {border:none;}
img {vertical-align:middle;} 
table {border-collapse:collapse;}
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
input, select, textarea, form img, li img, object{vertical-align:middle;}
select {height:32px;border:1px solid #d9d9d9;line-height:auto;background:url('') no-repeat 96% center #fff;padding:0px 25px 0px 10px;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
select::-ms-expand {display:none;}
::-webkit-expand {display:none;}
/* font */
body {color:#2D2E2A;font-size:14px;font-family:'NanumSquare', sans-serif;letter-spacing:0px;line-height:120%;}
input, select, textarea {font-family:'NanumSquare', sans-serif;font-size:14px;font-weight:600;color:#2D2E2A;}
::selection {background:#1E6B45;color: #fff;}
/* anchor */
a {color:#2D2E2A;text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none;}
input[type="text"], input[type="password"], input[type="email"], input[type=number] {background:none;border:1px solid #BDBFBA;height:40px;width:100%;padding-left:16px;}
input:focus, textarea:focus {outline:none;}
/*
input[type="checkbox"] {width:15px;height:15px;border:1px solid #DAD5D2;opacity:0.8;}
label {font-size:14px;color:#363636;font-weight:400;margin:0px 10px 0px 6px;display:inline-block;vertical-align:middle;}
*/
textarea {border:1px solid #BDBFBA;overflow-y:auto;width:100%;height:250px;padding:10px;resize:none;}
::-webkit-input-placeholder {color:#A1A29D;}
:-moz-placeholder {color:#A1A29D; opacity:1;}
::-moz-placeholder {color:#A1A29D; opacity:1;}
:-ms-input-placeholder {color:#A1A29D;}
textarea::-webkit-input-placeholder {color:#A1A29D;}
textarea:-moz-placeholder {color:#A1A29D; opacity:1;}
textarea::-moz-placeholder {color:#A1A29D; opacity:1;}
textarea:-ms-input-placeholder {color:#A1A29D;}

::-webkit-scrollbar {
    width:8px;height:8px;
  }
::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius:4px;
    background-clip: padding-box;
  }

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
img {max-width:100%;}

#head_wrap {position:relative;max-width:1200px;margin:0px auto;padding:33px 20px 15px 20px;background-color:rgba(255,255,255,1.0);z-index:10;}
.logo_wrap {display:inline-block;vertical-align:middle;padding:5px 0 6px;}
.search_wrap {display:inline-block;vertical-align:middle;position:relative;max-width:55%;width:630px;margin-left:8%;}
.search_wrap input[type="text"] {border-radius:20px;}
.search_wrap .btn_search {position:absolute;top:0;right:0;z-index:2;padding:8px 15px;}

.search_map {display:inline-block;vertical-align:middle;position:relative;width:100%;}
.search_map input[type="text"] {border-radius:20px;}
.search_map .btn_search {position:absolute;top:0;right:0;z-index:2;padding:8px 15px;}

.navi_wrap {position:absolute;bottom:15px;right:20px;}
.top_menu {display:inline-block;vertical-align:middle;}
.top_menu a {display:inline-block;vertical-align:top;font-size:14px;font-weight:700;color:#2D2E2A;padding:10px 15px;transition:all .2s ease; -webkit-transition:all .2s ease;}
.top_menu a:hover, .top_menu a.on {color:#288855;}
.member_wrap {display:inline-block;vertical-align:middle;margin-left:15px;}
.member_wrap .btn_login {display:inline-block;vertical-align:middle;font-size:14px;font-weight:700;color:#2D2E2A;line-height:32px;border-radius:16px;padding:0px 16px;border:1px solid #A1A29D;padding-top:1px;transition:all .2s ease; -webkit-transition:all .2s ease;}
.member_wrap .btn_login:hover {background:#1E6B45;color:#fff;}
.ico_member {display:inline-block;vertical-align:middle;width:40px;height:40px;line-height:38px;border-radius:100%;overflow:hidden;text-align:center;background:#E6E7E3;border:1px solid #E6E7E3;background-image:url('/asset/img/ico_profile.png');background-color:#E6E7E3;background-repeat:no-repeat;background-position:center;background-size:cover;}
.top_navi_m, .mobile_head {display:none;}

.main_copy {max-width:1200px;margin:0px auto;padding:50px 20px;}
.location {display:inline-block;background:url('/asset/img/arrow_down.png') no-repeat 90% center #F2F3F0;line-height:32px;border-radius:16px;padding:0px 30px 0 20px;cursor:pointer;}
.location span {display:inline-block;font-size:14px;font-weight:700;color:#4E504A;line-height:130%;padding:0 3px;}
.copy_txt {display:block;padding:35px 0 40px;}
.copy_txt h1 {font-size:40px;font-weight:900;color:#1E6B45;line-height:130%;}
.btn_view {display:inline-block;width:220px;height:40px;background:url('/asset/img/ico_arrow.png') no-repeat 93% center #1E6B45;line-height:40px;border-radius:20px;padding:0px 30px 0 20px;font-size:16px;font-weight:700;color:#fff;}
.visual_wrap {padding:50px 0px 30px 0px;text-align:center;}

.main_store {background:#FAFAF8;padding:15px 0;}
.storeBox {max-width:1200px;padding:40px 20px;margin:0px auto;}
.storeBox h1 {font-size:32px;font-weight:800;color:#1E6B45;line-height:130%;padding:20px 0;}
.storeBox a {display:block;}
.storeBox .storeImg {display:inline-block;vertical-align:middle;width:327px;}
.storeBox .storeTxt {display:inline-block;vertical-align:middle;width:calc(100% - 375px);margin-left:40px;font-size:18px;font-weight:700;color:#4E504A;line-height:130%;}
.storeBox .storeTxt span {display:block;padding-top:20px;color:#A1A29D;font-size:16px;font-weight:400;}

.my_wrap {background:#FAFAF8;padding:30px 20px;}
.myBox {max-width:1200px;margin:0px auto;background:#fff;border-radius:32px;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.24);text-align:center;padding:50px 20px 50px 20px;min-height:780px;}
.myBox.swrite {padding:50px 0px;}
.myBox > h1 {font-size:32px;font-weight:700;color:#288855;line-height:130%;}
.memberImg {margin:20px auto;}
.memberImg_my {margin:40px auto 20px;}

.loginBox {display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:1200px;margin:0px auto;background-color:#288855;background-image:url('/asset/img/loginBg.png');background-position:bottom center;background-size:100% auto;background-repeat:no-repeat;border-radius:32px;text-align:center;padding:50px 20px 50px 20px;min-height:780px;overflow:hidden;}
.loginBox h1 {display:block;font-size:14px;font-weight:700;color:#fff;line-height:130%;padding:15px 0;}
.loginArea {width:311px;background:#fff;border-radius:8px;padding:20px;margin:20px auto 20%;}
.loginArea a {display:block;border-radius:8px;text-align:center;position:relative;font-size:16px;font-weight:700;color:#2D2E2A;line-height:125%;padding:14px;margin:15px auto;}
.loginArea .btn_google {background-color:#fff;border:1px solid #D4D4D4;}
.loginArea .btn_kakao {background-color:#FEE500;border:1px solid #FEE500;}
.last_login {position:absolute;top:-8px;right:-8px;}

.joinBox {max-width:500px;margin:0px auto;text-align:left;}
.joinBox h1 {font-size:20px;font-weight:700;color:#2D2E2A;line-height:130%;}
.joinAgree {margin:40px auto 30%;}

/*********체크박스*********/
.keep_check {margin:22px 0;padding-left:35px;position:relative;}
.keep_check input[type="checkbox"] {display:none;}
.keep_check input[type="checkbox"] + label span {display:inline-block;vertical-align:middle;width:24px;height:24px;margin:-2px 10px 0 0;background-image:url('/asset/img/check-off.png');background-repeat:no-repeat;background-position:center;border:none;cursor:pointer;position:absolute;top:0px;left:0px;}
.keep_check input[type="checkbox"]:checked + label span {background-image:url('/asset/img/check-on.png');border:none;}
.keep_check label {font-size:16px;font-weight:700;line-height:130%;color:#4E504A;}
.keepLine {clear:both;height:1px;background:#D3D4CF;margin:12px auto;}
.agreePop1 {position:absolute;top:-1px;right:0px;z-index:9}

.memberImg_m {display:block;margin:20px auto;width:100px;height:100px;position:relative;}
.ico_member_b {display:inline-block;vertical-align:middle;width:64px;height:64px;line-height:62px;border-radius:100%;overflow:hidden;text-align:center;background:#E6E7E3;border:1px solid #E6E7E3;background-image:url('/asset/img/ico_profile_b.png');background-color:#E6E7E3;background-repeat:no-repeat;background-position:center;background-size:cover;}
.ico_member_m {display:inline-block;vertical-align:middle;width:100px;height:100px;line-height:98px;border-radius:100%;overflow:hidden;text-align:center;background:#E6E7E3;border:1px solid #E6E7E3;background-image:url('/asset/img/ico_profile_m.png');background-color:#E6E7E3;background-repeat:no-repeat;background-position:center;background-size:cover;}
.btn_edit {position:absolute;bottom:0;right:0;z-index:99;width:32px;height:32px;line-height:32px;}

.my_list {max-width:955px;margin:0px auto;padding:0px 20px;text-align:left;}
.my_list h1 {}
.my_list h1 a {display:block;font-size:14px;font-weight:700;color:#4E504A;line-height:130%;padding:15px 0;background:url('/asset/img/arrow_right.png') no-repeat 100% center;}
.my_list ul:after {display:block;visibility:hidden;clear:both;content:""}
.my_list li {float:none;border-bottom:1px solid #D3D4CF;padding:10px 0;position:relative;}
.my_list li:last-child {border:none;}

.sharing_menu {max-width:900px;margin:30px auto 10px;font-size:0;}
.sharing_menu a {display:inline-block;vertical-align:middle;width:50%;text-align:center;font-size:14px;font-weight:700;color:#7A7B76;line-height:130%;padding:10px 10px;border-bottom:1px solid #D3D4CF;}
.sharing_menu a.on {border-bottom:1px solid #2D2E2A;font-weight:800;color:#2D2E2A;}

.sharing_list {max-width:900px;margin:0px auto;padding:0px 10px;}
.sharing_list ul:after {display:block;visibility:hidden;clear:both;content:""}
.sharing_list li {float:none;border-bottom:1px solid #D3D4CF;padding:15px 0;position:relative;text-align:left;}
.sharing_list li a span {display:inline-block;vertical-align:top;width:46px;line-height:20px;text-align:center;border-radius:13px;margin:-2px 5px 0 0;padding-top:1px;}
.sharing_list li a span.new {background:#288855;font-size:10px;font-weight:800;color:#fff;}
.sharing_list li a span.ing {background:#FFD600;font-size:10px;font-weight:800;color:#8A7700;}
.sharing_list li a span.end {background:#D3D4CF;font-size:10px;font-weight:800;color:#7A7B76;}
.sharing_list li a strong {font-size:16px;font-weight:700;color:#4E504A;line-height:120%;}
.sharing_list li div {padding-top:8px;font-size:12px;font-weight:700;color:#7A7B76;line-height:140%;}
.sharing_list li div strong {color:#4E504A;}
.sharing_list li div img {margin:0px 3px;}

.tip {clear:both;height:50px;}
.my_profile {}
.my_profile .myImg {display:inline-block;vertical-align:middle;width:60px;height:60px;line-height:58px;border-radius:100%;overflow:hidden;text-align:center;background-image:url('/asset/img/ico_profile_b.png');background-color:#E6E7E3;background-repeat:no-repeat;background-position:center;background-size:cover;border:1px solid #E6E7E3;}
.my_date {position:absolute;top:0;bottom:0px;right:0;text-align:center;display:flex;justify-content: center;align-items: center;flex-direction: column;}
.my_date span {display:block;font-size:12px;font-weight:700;color:#A1A29D;line-height:140%;}
.my_date strong {display:block;width:18px;height:18px;text-align:center;border-radius:100%;background:#EF261C;font-size:10px;font-weight:800;color:#fff;line-height:18px;margin:8px auto 0px;}

.btn_more_chat {position:absolute;top:50%;right:0;transform:translateY(-50%);padding:10px;z-index:9;}
.more_view_chat {display:none;position:absolute;top:100%;right:0;margin-top:5px;padding:3px 10px;z-index:10;width:130px;background:#fff;border-radius:8px;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.24);}
.more_view_chat a {display:block;font-size:14px;font-weight:700;color:#7A7B76;line-height:120%;padding:8px 5px;}

.my_stats {background:#154E32;padding:20px 30px;border-radius:16px;font-size:0;margin:10px auto 40px;}
.my_stats div {display:inline-block;vertical-align:top;width:50%;text-align:left;color:#fff;font-size:12px;font-weight:700;line-height:140%;}
.my_stats div span {display:block;font-size:12px;font-weight:700;line-height:140%;padding-bottom:10px;}
.my_stats div a {display:inline-block;vertical-align:middle;color:#fff;font-size:24px;font-weight:800;line-height:130%;padding:0px 5px 5px 0px;}

.member_edit {margin:20px auto 0px;max-width:500px;padding:20px 20px 0px 20px;text-align:left;}
.member_edit strong {font-size:14px;font-weight:700;color:#4E504A;line-height:140%;}
.member_edit span {font-size:12px;font-weight:400;color:#EF261C;line-height:140%;}
.member_edit input[type=text], input[type=email], input[type=number] {border-radius:8px;border:1px solid #D3D4CF;font-size:14px;font-weight:700;color:#4E504A;line-height:130%;}
.member_edit input[type=text].off {background:#F2F3F0;color:#A1A29D;}
.member_edit div {padding:8px 0 30px 0;font-size:0;position:relative;}
.member_edit em {position:absolute;bottom:12px;left:0px;font-size:10px;font-weight:700;color:#EF261C;line-height:120%;}
.member_edit em.on {color:#288855;}
.check_wrap input[type=text] {width:calc(100% - 90px);}
.btn_check {display:inline-block;vertical-align:middle;margin-left:10px;width:80px;line-height:40px;background:#E6E7E3;text-align:center;font-size:14px;font-weight:700;color:#A1A29D;border-radius:8px;transition:all .2s ease; -webkit-transition:all .2s ease;}
.btn_check:hover, .btn_check.on {background:#154E32;color:#fff;}

.btn_modufy {display:block;max-width:343px;line-height:56px;background:#154E32;text-align:center;font-size:16px;font-weight:800;color:#fff;border-radius:16px;margin:10px auto;}
.btn_modufy.off {background:#D3D4CF;color:#A1A29D;}

.memberImg .memberTxt {display:inline-block;vertical-align:middle;padding:10px;text-align:left;}
.memberImg .memberTxt strong {display:block;font-size:18px;font-weight:700;color:#2D2E2A;line-height:130%;}
.memberImg .memberTxt span {display:block;font-size:12px;font-weight:700;color:#7A7B76;line-height:140%;}

.memberImg_my .memberTxt {display:block;padding:15px;text-align:center;}
.memberImg_my .memberTxt strong {display:block;font-size:18px;font-weight:700;color:#2D2E2A;line-height:130%;}
.memberImg_my .memberTxt span {display:block;font-size:12px;font-weight:700;color:#7A7B76;line-height:140%;}

.my_profile .memberTxt {display:inline-block;vertical-align:middle;width:220px;padding:10px;text-align:left;}
.my_profile .memberTxt strong {display:block;font-size:16px;font-weight:700;color:#4E504A;line-height:130%;}
.my_profile .memberTxt span {display:block;font-size:12px;font-weight:700;color:#A1A29D;line-height:140%;padding-top:5px;white-space:normal;word-break:break-all;word-wrap:break-word;word-break:keep-all;}

.memberLink {margin:30px auto;max-width:500px;text-align:left;}
.memberLink > a {display:block;background:url('/asset/img/arrow_right.png') no-repeat 95% center;font-size:16px;font-weight:700;color:#4E504A;line-height:130%;padding:18px 25px;}
.sns_link {position:relative;}
.sns_link span {display:inline-block;vertical-align:middle;font-size:16px;font-weight:700;color:#4E504A;line-height:130%;padding:18px 25px;}
.sns_link a {position:absolute;top:12px;right:25px;}

#foot_wrap {background:#FAFAF8;padding:15px 0 30px 0;}
.foot_box {max-width:1200px;padding:10px 20px;margin:0px auto;}
.foot_copy {position:relative;font-size:12px;font-weight:700;color:#7A7B76;line-height:140%;padding:20px 0px;}
.foot_copy p {margin-top:15px;}
.foot_copy span {display:inline-block;vertical-align:top;font-size:12px;font-weight:700;color:#D3D4CF;margin:1px 5px;}
.foot_link {position:absolute;top:20px;right:0;}
.foot_link a {font-size:12px;font-weight:700;color:#7A7B76;line-height:140%;}

.view_menu_wrap {position:fixed;top:0%;bottom:0px;right:-375px;width:375px;background:#fff;z-index:1002;transition:all .3s ease; -webkit-transition:all .3s ease;}
.view_menu_wrap.on {right:0px;}
.navi_1st {border-bottom:15px solid #FAFAF8;}
.navi_1st a {display:block;background:url('/asset/img/arrow_right.png') no-repeat 95% center;font-size:16px;font-weight:700;color:#4E504A;line-height:130%;padding:18px 25px;}
.navi_1st span {display:block;font-size:14px;font-weight:700;color:#7A7B76;line-height:120%;padding:18px 25px 0 25px;}
.navi_1st div {padding-left:10px;}

.service_wrap {display:none;position:fixed;max-width:500px;top:10%;bottom:10%;left:50%;margin-left:-250px;background:#fff;border-radius:32px;padding:20px;z-index:1002;}
.service_wrap h1 {display:block;font-size:16px;font-weight:800;color:#2D2E2A;line-height:130%;}
.service_txt {margin:20px 0;text-align:left;height:calc(100% - 50px);overflow-y:auto;}
.service_txt strong {display:block;font-size:14px;font-weight:800;color:#4E504A;line-height:130%;padding-top:10px;}
.service_txt span {display:block;font-size:14px;font-weight:700;color:#4E504A;line-height:130%;padding:0px 6px 0px 15px;}

.service_close {display:inline-block;vertical-align:middle;padding:15px 20px;position:absolute;top:0;right:0;}
.btn_close {display:inline-block;vertical-align:middle;padding:15px 20px;}
#backgroundPopup {display:none;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.7);z-index:1001;}

.map_wrap {background:#FAFAF8;height:calc(100% - 88px);}
.mapBox {max-width:1200px;margin:0px auto;background:#fff;height:100%;position:relative;}

.map_list {position:absolute;top:20px;left:20px;bottom:20px;z-index:10;padding:25px;background:#fff;width:375px;border-radius:16px;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.24);}
.map_top {font-size:20px;font-weight:800;color:#2D2E2A;line-height:130%;padding:5px 50px 15px 0;position:relative;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
.map_top a {position:absolute;top:3px;right:0px;}
.map_list .sharing_list {margin:15px auto;padding:0px 0px;height:calc(100% - 150px);overflow-y:auto;}

.pagging {position:absolute;bottom:30px;left:20px;right:20px;text-align:center;z-index:9;}
.pagging a {display:inline-block;vertical-align:middle;text-align:center;width:28px;height:28px;line-height:26px;border:1px solid #D3D4CF;border-radius:4px;font-size:12px;font-weight:700;color:#A1A29D;transition:all .2s ease; -webkit-transition:all .2s ease;}
.pagging a.on {background:#288855;color:#fff;font-weight:800;}
.pagging span {display:inline-block;vertical-align:middle;padding:0 5px;color:#A1A29D;font-weight:700;}

/* 마이페이지, 나눔현황 등의 페이징은 relative 포지셔닝 */
.my_wrap .pagging {position:relative;bottom:auto;left:auto;right:auto;padding:20px 0;}

.map_detail {position:absolute;top:20px;left:20px;bottom:20px;z-index:15;padding:25px;background:#fff;width:375px;border-radius:16px;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.24);overflow-y:auto;display:none;}
.map_detail.show {display:block;}
.map_detail .sharing_list {margin:0px auto;padding:0px 20px;}
.map_detail .sharing_list li {border:none;}
.detail_top {font-size:20px;font-weight:800;color:#2D2E2A;line-height:130%;padding:5px 50px 15px 0;position:relative;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
.detail_top .btn_close_detail {position:absolute;top:3px;right:0px;width:24px;height:24px;cursor:pointer;}

.swiper_detail {position:relative;height:280px;overflow:hidden;}
.swiper_detail .swiper-slide {background-repeat:no-repeat;background-position:center;background-size:cover;}
.swiper_detail .swiper-button-prev, .swiper_detail .swiper-button-next {width:32px;height:32px;margin-top:-16px;background-size:32px 32px;}
.swiper_detail .swiper-button-next {background-image:url('/asset/img/slide_right.png');right:10px;left:auto;}
.swiper_detail .swiper-button-prev {background-image:url('/asset/img/slide_left.png');left:10px;right:auto;}
.swiper_detail .swiper-pagination-bullet {width:8px;height:8px;opacity:0.4;background:#fff;}
.swiper_detail .swiper-pagination-bullet-active {opacity:1;background:#fff;}

.btn_more {position:absolute;top:17px;right:-10px;padding:10px;z-index:9;}
.more_view {display:none;position:absolute;top:58px;right:-12px;padding:3px 10px;z-index:10;width:150px;background:#fff;border-radius:8px;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.24);}
.more_view a {display:block;font-size:14px;font-weight:700;color:#7A7B76;line-height:120%;padding:8px 5px;}

.detail_info {background:#F2F3F0;padding:13px;}
.detailBox {background:#fff;border-radius:16px;padding:0px 20px 20px 20px;}
.detail_title {border-bottom:1px solid #E6E7E3;padding:30px 0 10px 0;}
.detail_exp {padding:12px 0px 0px 0px;font-size:14px;font-weight:700;color:#4E504A;line-height:130%;}
.detail_exp strong {display:inline-block;vertical-align:middle;font-size:14px;font-weight:700;color:#1E6B45;line-height:130%;padding:6px 0;width:85px;}
.detail_exp span {display:inline-block;vertical-align:middle;font-size:14px;font-weight:800;color:#4E504A;line-height:130%;padding:6px 0;width:calc(100% - 88px);}
.detail_exp h1 {display:inline-block;vertical-align:top;text-align:center;width:32px;height:32px;line-height:32px;border-radius:100%;background:#E6E7E3;font-size:14px;font-weight:700;color:#7A7B76;margin-right:2%;}
.detail_exp h1.on {color:#fff;background:#288855;}
.detail_time {display:inline-block;vertical-align:top;line-height:32px;border-radius:16px;font-size:14px;font-weight:700;color:#fff;background:#288855;padding:0px 20px;margin-right:2%;}
.btn_chatting {display:block;line-height:56px;border-radius:16px;font-size:16px;font-weight:800;color:#fff;background:#154E32;padding:0px 20px;text-align:center;margin:15px auto 0px;}

.writeBox {border-bottom:8px solid #F2F3F0;}
.writeBox > div {max-width:500px;margin:0px auto;text-align:left;padding:20px;}
.writeBox > div h1 {display:block;font-size:14px;font-weight:700;color:#4E504A;line-height:130%;padding:5px 0;}
.writeBox > div h2 {display:block;font-size:12px;font-weight:700;color:#A1A29D;line-height:120%;padding:0px 0px 20px 0px;}
.writeBox input[type=text] {border-radius:8px;border:1px solid #D3D4CF;background:#FAFAF8;font-size:14px;font-weight:700;line-height:130%;margin:5px 0;}

.photo_wrap {display:flex;flex-wrap:wrap;gap:8px;}
.photo_add {display:inline-block;vertical-align:top;width:102px;height:102px;border-radius:8px;overflow:hidden;margin:0px;position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;}
.photo_del {position:absolute;top:5px;right:5px;z-index:9;}
.photo_add span {position:absolute;bottom:8px;left:8px;z-index:9;display:block;background:#288855;font-size:12px;font-weight:700;color:#fff;line-height:140%;border-radius:2px;padding:2px 5px 0px 5px;}
.photo_preview {display:inline-block;vertical-align:top;width:102px;height:102px;border-radius:8px;overflow:hidden;margin:0px;position:relative;}
.photo_preview img {width:100%;height:100%;object-fit:cover;}
.photo_delete {position:absolute;top:5px;right:5px;z-index:9;display:block;width:24px;height:24px;background:#ff4444;color:#fff;text-align:center;line-height:22px;border-radius:50%;font-size:18px;font-weight:700;cursor:pointer;}
.photo_delete:hover {background:#cc0000;}

.write_info {font-size:0;margin:10px auto 0px;}
.write_info dt {display:inline-block;vertical-align:middle;width:calc(100% - 157px);font-size:14px;font-weight:700;color:#4E504A;line-height:130%;}
.write_info dd {display:inline-block;vertical-align:middle;width:157px;position:relative;}
.write_info dd span {position:absolute;top:16px;right:15px;font-size:14px;font-weight:700;color:#4E504A;line-height:130%;z-index:9;}

.write_day a {display:inline-block;vertical-align:top;line-height:30px;border-radius:16px;overflow:hidden;margin:0px 7px 12px 0px;background:#FAFAF8;font-size:14px;font-weight:700;color:#7A7B76;border:1px solid #D3D4CF;padding:0px 20px;}
.write_day a.on {background:#288855;color:#fff;}

.write_time {font-size:0;}
.write_time input[type=text] {border-radius:8px;border:1px solid #D3D4CF;background:#FAFAF8;font-size:14px;font-weight:700;line-height:130%;margin:5px 0;display:inline-block;vertical-align:middle;width:47%;}
.write_time span {display:inline-block;vertical-align:middle;width:6%;text-align:center;font-size:14px;font-weight:700;color:#4E504A;line-height:130%;}
.write_txt textarea {height:200px;border-radius:8px;border:1px solid #D3D4CF;background:#FAFAF8;font-size:14px;font-weight:700;color:#4E504A;line-height:130%;padding:15px;}
.btn_time_add {display:block;border:1px dashed #D3D4CF;text-align:center;font-size:14px;font-weight:700;color:#A1A29D;line-height:40px;border-radius:8px;margin:10px auto;}

.empt_wrap {text-align:center;padding:30px 0;}
.empt_wrap span {display:block;font-size:14px;font-weight:400;color:#7A7B76;line-height:130%;padding:20px 0;}

.pop_open {display:none;position:fixed;width:310px;top:40%;left:50%;margin-left:-155px;background:#fff;text-align:center;border-radius:16px;padding:25px 20px 20px 20px;z-index:1002;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.24);}
.pop_open h1 {display:block;font-size:16px;font-weight:700;color:#333;line-height:130%;padding:5px;}
.pop_open span {display:block;font-size:14px;font-weight:400;color:#797979;line-height:130%;}
.btn_wrap {margin:20px auto 0px;text-align:center;}
.btn_wrap a {display:inline-block;vertical-align:middle;line-height:49px;border:1px solid #D3D4CF;text-align:center;font-size:14px;font-weight:700;color:#7A7B76;border-radius:8px;width:48%;margin:0.5%;}
.btn_wrap a.on {border:1px solid #D3D4CF;background:#154E32;color:#fff;}

#chatting_wrap {max-width:600px;height:100%;margin:0px auto;}
.chatting_top {}
.chatting_title {position:relative;background:#288855;padding:16px 20px;}
.chatting_title strong {font-size:16px;font-weight:800;color:#fff;line-height:130%;}
.chatting_title span {font-size:16px;font-weight:700;color:#A5D4C0;line-height:130%;}
.chatting_title a {position:absolute;top:5px;right:10px;padding:10px;}

.btn_more_room {position:absolute;top:5px;right:10px;padding:10px;z-index:9;}
.more_view_room {display:none;position:absolute;top:50px;right:10px;padding:8px 0;z-index:10;width:170px;background:#fff;border-radius:8px;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.24);}
.more_view_room a {display:block;font-size:14px;font-weight:700;color:#7A7B76;line-height:20px;padding:12px 15px;border-bottom:1px solid #F2F3F0;white-space:nowrap;height:auto;}
.more_view_room a:last-child {border-bottom:none;}

.chatting_notice {border-bottom:1px solid #E6E7E3;border-left:1px solid #F2F3F0;border-right:1px solid #F2F3F0;padding:0px 20px;}
.chatting_notice a {display:block;font-size:14px;font-weight:700;color:#4E504A;line-height:130%;padding:10px 20px 10px 0px;background:url('/asset/img/arrow_small.png') no-repeat 100% center;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}

.chatting_box {padding:20px;height:calc(100% - 168px);border-left:1px solid #F2F3F0;border-right:1px solid #F2F3F0;overflow-y:auto;}
.chatting_date {text-align:center;font-size:12px;font-weight:700;line-height:140%;color:#7A7B76;padding:5px;}
.chatting_send {margin:10px auto;}
.sender_box {margin:10px auto;text-align:right;}
.sender_box em {display:inline-block;vertical-align:bottom;font-size:10px;font-weight:700;line-height:120%;color:#797C7B;}
.sender_box strong {display:inline-block;vertical-align:bottom;background:#288855;border-radius:16px 4px 16px 16px;font-size:14px;font-weight:700;line-height:130%;color:#fff;padding:15px;max-width:80%;text-align:left;white-space:normal;word-break:break-all;word-wrap:break-word;word-break:keep-all;}

.chatting_profile {font-size:12px;font-weight:700;line-height:140%;color:#4E504A;}
.chatting_profile span {margin-right:8px;}
.recipient_box {margin:10px auto;text-align:left;}
.recipient_box em {display:inline-block;vertical-align:bottom;font-size:10px;font-weight:700;line-height:120%;color:#797C7B;}
.recipient_box strong {display:inline-block;vertical-align:bottom;background:#FFF9D6;border-radius:16px 4px 16px 16px;font-size:14px;font-weight:700;line-height:130%;color:#8A7700;padding:15px;max-width:80%;text-align:left;white-space:normal;word-break:break-all;word-wrap:break-word;word-break:keep-all;}

.chatting_basic {display:inline-block;vertical-align:bottom;border-radius:8px;overflow:hidden;width:80%;max-height:200px;}
.chatting_link {display:block;width:100%;height:200px;background-repeat:no-repeat;background-position:center;background-size:cover}

.chatting_write {border:1px solid #F2F3F0;border-bottom:none;padding:15px 15px 20px 15px;font-size:0;}
.chatting_write .btn_chat_add {display:inline-block;vertical-align:middle;width:40px;height:40px;border-radius:100%;text-align:center;background:url('/asset/img/btn_add.png') no-repeat center #F2F3F0;}
.chatting_write .btn_chat_send {display:inline-block;vertical-align:middle;width:40px;height:40px;border-radius:100%;text-align:center;background:url('/asset/img/btn_send.png') no-repeat center #288855;}
.chatting_write input[type=text] {border-radius:20px;border:1px solid #D3D4CF;background:#FAFAF8;font-size:14px;font-weight:700;line-height:130%;margin:0px 2%;display:inline-block;vertical-align:middle;width:calc(96% - 80px);padding-right:16px;}

.chatting_photo {display:none;position:fixed;width:376px;height:288px;top:50%;left:50%;margin-top:-144px;margin-left:-188px;z-index:1002;}
.chatting_photo div {width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
.close_photo {position:absolute;top:-45px;right:10px;z-index:9;}

.info_wrap {background:#FAFAF8;}
.infoBox {max-width:900px;margin:0px auto;padding:20px;}
.info_detail .sharing_list li {border:none;}
.info_detail {background:#fff;border-radius:32px 32px 0px 0px;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.24);padding:0px;}
.info_detail .detail_top {font-size:32px;font-weight:700;color:#288855;line-height:130%;padding:40px 20px 20px 20px;text-align:center;}
.info_detail .swiper_detail {height:639px;}
.info_detail .detail_info {padding:15px 15px 30px 15px;}

.map_search {background:#fff;padding:10px;}
.mapApi {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;z-index:5;}
.mapApi .root_daum_roughmap {width:100% !important;height:100% !important;}
.mapApi .wrap_map {width:100% !important;height:100% !important;}
.mapApi .root_daum_roughmap .wrap_controllers {display:none;}
.mapApi .root_daum_roughmap .cont {display:none;}

.map_current_location {position:absolute;bottom:120px;right:20px;z-index:10;}
.map_current_location a {display:block;width:40px;height:40px;transition:all .2s ease; -webkit-transition:all .2s ease;cursor:pointer;}
.map_current_location a:hover {opacity:0.8;}
.map_current_location a img {width:100%;height:100%;}

/* 카카오맵 확대/축소 컨트롤 위치 조정 */
#map .custom_zoomcontrol {top:20px !important;right:20px !important;}
.mapApi .custom_zoomcontrol {top:20px !important;right:20px !important;}

/* 주변 탐색 버튼 */
.map_nearby_search {position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:10;}
.map_nearby_search a {display:inline-block;background:#2D2E2A;color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:700;box-shadow:0px 2px 8px 0px rgba(0,0,0,0.3);transition:all .2s ease; -webkit-transition:all .2s ease;}
.map_nearby_search a:hover {background:#1a1b18;}

.pc {display:block;}
.tablet {display:none;}
.mobile {display:none;}

.btn_map_toggle {display:none;}
.btn_map_toggle a {display:inline-block;background:#fff;border-radius:20px;font-size:14px;font-weight:700;color:#2D2E2A;line-height:40px;padding:0px 30px;box-shadow:0px 2px 8px 0px rgba(0,0,0,0.24);}

.map_pin {position:relative;cursor:pointer;}
.map_pin > img {width:52px;height:auto;display:block;}
.map_pin_view {
	background:#288855;
	border-radius:8px;
	overflow:hidden;
	padding:4px 20px;
	text-align:left;
	white-space:nowrap;
	justify-content:center;
	align-items:center;
	z-index:100;
}
.map_pin_view img {display:inline-block;vertical-align:middle;width:26px;}
.map_pin_view p {display:inline-block;vertical-align:middle;padding-left:5px;margin:0;}
.map_pin_view p span {display:inline-block;border:1px solid #fff;border-radius:8px;font-size:9px;font-weight:500;color:#fff;line-height:120%;padding:1px 3px 0px 3px;}
.map_pin_view p strong {display:block;font-size:12px;font-weight:500;color:#fff;line-height:140%;white-space:nowrap;margin-top:1px;}

/* map_pin_view 뱃지 상태별 색상 */
.map_pin_view p span.new {background:#288855;color:#fff;border-color:#fff;}
.map_pin_view p span.ing {background:#FFD600;color:#8A7700;border-color:#FFD600;}
.map_pin_view p span.end {background:#D3D4CF;color:#7A7B76;border-color:#D3D4CF;}


@media (max-width:1200px) {
	
	.search_wrap {margin-left:2%;}
	.top_menu a {padding:10px 6px;}
	.member_wrap {margin-left:6px;}

}

@media (max-width:900px) {
	
	.pc {display:none;}
	.tablet {display:block;}
	
	#head_wrap {padding:15px 20px 15px 20px;}
	.logo_wrap {padding:0px 0 0px;}
	.logo_wrap img {width:125px;}
	.search_wrap, .navi_wrap {display:none;}
	.top_navi_m {display:block;position:absolute;top:5px;right:20px;}
	.top_navi_m a {display:inline-block;vertical-align:middle;padding:10px;}

	.my_list {max-width:607px;}
	.sharing_menu {max-width:607px;}
	.sharing_list {max-width:607px;}
	.map_wrap {height:calc(100% - 55px);}
}

@media (max-width:640px) {
	
	.mobile {display:block;}
	.tablet {display:none;}

	#head_wrap {display:none;}
	#head_wrap.main {display:block;}
	#foot_wrap {display:none;}
	#foot_wrap.main {display:block;}
	.my_wrap {padding:0px 0px;min-height:calc(100% - 51px);background:#fff;}
	.my_wrap.main {height:100%}
	.loginBox {background-image:url('/asset/img/loginBg_m.png');border-radius:0px;padding:30px;min-height:100%;}
	.loginArea {width:100%;margin:20px auto 40%;}
	.myBox {border-radius:0px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.24);padding:20px 25px 30px 25px;min-height:100%;}
	.myBox > h1 {display:none;}

	.btn_modufy {position:absolute;bottom:30px;left:25px;right:25px;margin:0px auto;z-index:9;}
	.btn_modufy.fix {position:relative;bottom:auto;left:auto;right:auto;width:90%;}
	.service_wrap {width:100%;top:0;bottom:0;left:0;right:0;margin-left:0px;border-radius:0;}

	.member_edit {padding:10px 0px;margin:20px auto 20%;}
	
	.top_navi_m {top:50%;margin-top:-18px;right:8px;}
	.mobile_head {display:block;position:relative;padding:15px 60px 15px 20px;}
	.mobile_head h1 {display:inline-block;font-size:16px;font-weight:800;color:#2D2E2A;line-height:130%;}

	.joinBox {margin:30px auto;}
	.main_copy {padding:20px 25px;}
	.copy_txt {padding:20px 0 20px;}
	.copy_txt h1 {font-size:28px;}
	.storeBox {padding:20px 25px;}
	.storeBox h1 {font-size:20px;padding:20px 0;}
	.storeBox .storeImg {display:block;width:100%;}
	.storeBox .storeTxt {display:block;width:100%;margin-left:0px;font-size: 16px;font-weight:400;padding-top:20px;}
	.storeBox .storeTxt span {font-size:14px;}
	
	.foot_link {position:relative;top:auto;right:auto;margin-top:20px;}
	.view_menu_wrap {right:-100%;width:100%;}
	.myBox.swrite {padding:0px 0px 30px 0px;}
	.photo_add {margin:0px 0px 5px 0px;width:95px;height:95px;}
	.write_day a {margin:0px 0px 10px 0px;padding:0px 15px;}

	.tip {height:0px;}
	.my_list {padding:0px 0px;}
	.sharing_menu {margin:0px auto 10px;}

	.memberImg_my {margin:0px auto 10px;text-align:left;}
	.memberImg_my .memberTxt {display:inline-block;vertical-align:middle;padding:15px;text-align:left;width:calc(100% - 80px);}
	.my_list h1 a {padding:10px 0;}
	.my_stats {padding:15px 20px 10px 20px;margin:10px auto 20px;}

	.my_profile .memberTxt {width:180px;}
	.memberImg {margin:0px auto;text-align:left;}
	.memberImg .memberTxt {width:calc(100% - 80px);}
	.memberLink {margin:10px auto;}
	.sns_link span {padding:18px 0px;}
	.sns_link a {top:12px;right:0px;}
	.memberLink > a {background: url('/asset/img/arrow_right.png') no-repeat 100% center;padding: 18px 0px;}
	.memberImg_m {margin:0px auto;}

	.pop_open {width:auto;top:30%;left:10%;right:10%;margin-left:0px;}

	.infoBox {padding:0px;}
	.info_detail {border-radius:0px 0px 0px 0px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.24);}
	.info_detail .detail_top {display:none;}
	.info_detail .swiper_detail {height:281px;}
	.info_detail .detail_info {padding:15px 15px 30px 15px;}
	.info_detail .sharing_list {padding:0px 20px;}

	.map_wrap {height:calc(100vh - 51px);padding-top:0;}
	.mapBox {height:100%;position:relative;}
	.mapApi {height:100%;position:relative;}
	.map_top {display:none;}
	.map_list {position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;padding:10px 25px 100px 25px;border-radius:0px;box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.24);background:#fff;z-index:20;overflow-y:auto;transition:transform 0.3s ease;}
	.map_list .sharing_list {margin:10px auto;height:auto;overflow-y:visible;}
	.pagging {position:relative;bottom:auto;left:auto;right:auto;padding:10px 0 20px 0;}

	.map_list.onlyMap {transform:translateY(100%);pointer-events:none;}

	.btn_map_toggle {display:block;position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:100;text-align:center;}
	.map_nearby_search {top:15px;}
	.map_nearby_search a {font-size:12px;padding:8px 16px;}
	.map_current_location {bottom:130px;right:15px;}
	.map_current_location a {width:36px;height:36px;}

	.infoBox .sharing_list {padding:0px 10px 10px 10px;}
	.map_detail {display:none;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border-radius:0px;box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.24);overflow-y:auto;z-index:200;transform:translateY(100%);transition:transform 0.3s ease;background:#fff;}
	.map_detail.show {display:block;transform:translateY(0);}
	.detail_top {display:block;font-size:18px;padding:15px 20px;background:#fff;position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid #EFEFED;}
	.detail_top .btn_close_detail {display:block;position:absolute;top:15px;right:20px;width:24px;height:24px;}
	.detail_time {margin-right:1%;padding:0px 15px;}
	.detail_exp h1 {margin-right:1%;}
}