@charset "utf-8";

/* 초기화 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans');
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v26/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* color setting */
.bc1{background: #3ccccc !important}
.bc2{background: #F88CA0 !important}
.bc3{background: #64B2DE !important}
.bc4{background: #EB516D !important}
.bc5{background: #50B2E9 !important}
.bc6{background: #F6F6F6 !important}
.bc7{background: #E5E5E5 !important}
.bc8{background: #DDDDDD !important}
.bc9{background: #C8C8C8 !important}
.bdc1{border: 1px solid #3ccccc !important}
.fc1{color: #3ccccc !important}
.fc2{color: #29bfbf !important}
.fc3{color: #F88CA0 !important}
.fc4{color: #64B2DE !important}
.fc5{color: #EB516D !important}
.fc6{color: #50B2E9 !important}
.fc7{color: #333 !important}
.fc8{color: #555 !important}
.fc9{color: #999 !important}
.fc10{color: #aaa !important}
	

html {overflow-y:scroll; height: 100%}
body {padding:0;font-family:'Open Sans', 'Noto Sans KR', sans-serif; font-weight: 400; color: #333;  background:#fbfbfb; width: 500px; margin: 0 auto;  box-shadow: 0 -15px 15px rgba(0,0,0,0.1); font-size: 12px; letter-spacing: -0.05em; min-height: 100%;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, ol, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

/*textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}*/
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#333;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

.placeholdersjs {color:#aaa !important;}

/* common */
body *{font-family:'Open Sans', 'Noto Sans KR', dotum, sans-serif; letter-spacing: -0.05em;}
body *:focus{outline: none !important; box-shadow: none;}
input:focus, select:focus, textarea:focus{border: 1px solid #3ccccc}

body *::-webkit-scrollbar {width: 6px; background: #f5f5f5; height: 5px; border-radius: 2.5px;}
body *::-webkit-scrollbar-thumb {background: #ddd; border-radius: 2.5px;}
body *::-webkit-scrollbar-thumb:hover {	background:#ccc}
.not_scroll{height: 100%; position: fixed;left: 50%; margin: 0 0 0 -250px;}
.check_icon{display: block; margin: 0 auto 15px; width: 50px; height: 50px; border-radius: 100%; background: #3ccccc; text-align: center; line-height: 50px;}
.check_icon:before{content: ''; display: inline-block; width: 26px; height: 17px;background: url('/img/icon.svg')no-repeat -135px 0; vertical-align: middle;}

/* input */
input{flex-grow: 1; width: 100%; height: 50px; border-radius: 10px; padding: 0 15px; font-size: 15px; border: 1px solid #e5e5e5;}
textarea{flex-grow: 1; width: 100%; height: 200px; border-radius: 10px; padding: 15px; font-size: 15px; border: 1px solid #e5e5e5; resize: none; }
input::placeholder, textarea::placeholder{color: #aaa;}
input[type="file"]{display: none;}

input[type="radio"],input[type="checkbox"],.css_radio,.css_checkbox{display: none !important;}
.css_radio+label,.css_checkbox+label{display: inline-block; /*width: 20px;*/ margin: 0; cursor: pointer; position: relative; font-size: 14.7px; font-weight: 400; line-height: 20px; letter-spacing: -0.02em; text-indent: -32px; padding-left: 32px;}
.css_radio.check_only+label,.css_checkbox.check_only+label{font-size: 0;}
.css_radio+label:before, .css_checkbox+label:before{content:''; display: inline-block; width: 23px; height: 23px; border-radius: 3px; background: #fff; border: 1px solid #e5e5e5 ; box-sizing: border-box; vertical-align: top; margin: 0 5px 0 0;}
.css_radio+label:before{border-radius: 100%;}
.css_radio:checked+label:before, .css_checkbox:checked+label:before{background: #3ccccc; border: none;}
.css_radio:checked+label:after,.css_checkbox:checked+label:after{content: ''; display: block; position: absolute; top: 4px; left: 8px; box-sizing: border-box; width: 7px; height: 11px; transform: rotate(45deg); border: 2px solid #fff; border-top: 0; border-left: 0; border-radius: 0; background: none; margin: 0;}
.radio_toggle+label{display: inline-block;width: 70px;height: 30px; background: #bbb; border-radius: 15px; position: relative; transition: all 1s ease; cursor: pointer;}
.radio_toggle+label:before{content: 'off';display: inline-block; font-size: 15px; font-weight: 500; line-height: 28px; position: absolute; right: 0; top: 0; width: 44px; text-align: center;color: #fff;letter-spacing: -0.02em;  transition: all 1s ease;-webkt-transition: all 5s ease;}
.radio_toggle+label:after{content: ''; display: inline-block; width: 22px; height: 22px; background: #fff; border-radius: 100%; position: absolute; left: 4px; top: 4px; transition: all 1s ease;-webkt-transition: all 1s ease; transition: all 1s ease;}
.radio_toggle:checked+label{background: linear-gradient(135deg, #3ccccc 3.88%, #3CCCC3 93.63%);}
.radio_toggle:checked+label:before{content: 'on'; left: 0; right: auto;}
.radio_toggle:checked+label:after{right: 4px; left: auto;}

/* select */
select{flex-grow: 1; display: inline-block; height: 50px; border: 1px solid #ddd; border-radius: 10px; padding: 0 12px; font-size: 15px; color: #555; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(/img/select_arrow.svg)no-repeat #fff; background-position: right 12px center;}

/*.container{padding: 0 0 60px; height: 100%}*/
.p16{padding: 0 16px;}

#layerDim{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 1001; }

/* slide */
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background: #ddd; width: 6px; height: 6px; margin: 0 2.5px !important; border-radius: 3px; opacity: 1;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #3ccccc; width: 16px;}

/* button */
.btn_small{display: inline-block; border: 1px solid #E5E5E5; border-radius: 8px; background: #fff; padding: 0 13px; height: 28px; line-height: 28px; font-size: 12px; color: #555;}
.filter_btn{display: inline-block; width: 32px; height: 32px; background: url('/img/icon.svg')no-repeat -17.5px -140.5px; cursor: pointer;}
.adr_btn{display: inline-block; cursor: pointer; height: 50px; border-radius: 10px; border: 1px solid #ddd; padding: 0 15px; background: #fff; font-size: 15px; display: flex; justify-content: center; align-items: center; color: #555; flex-shrink: 0;}
.btn_cancel{display: inline-block; width: 100%; height: 50px; border: 1px solid #E5E5E5; background: #fff; border-radius: 10px; padding: 0 15px; font-size: 18px; color: #555; margin: 16px 0; text-align: center; line-height: 50px;}
.btn_more{display: inline-block; width: 100%; height: 50px; border: none; background: rgba(60, 204, 161, 0.1); border-radius: 10px; padding: 0 15px; font-size: 18px; color: #29bfbf; margin: 16px 0; text-align: center; line-height: 50px;}
.btn_more:after{content: ''; display: inline-block; width: 10px; height: 5px; background: url('/img/icon.svg')no-repeat -74px -126px; vertical-align: top; margin: 23px 0 0 8px;}
.btn_confirm{display: inline-block; width: 100%; height: 50px; border: none; background: #3ccccc; border-radius: 10px; padding: 0 15px; font-size: 18px; color: #fff; margin: 16px 0; text-align: center; line-height: 50px;}
.btn_disabled{display: inline-block; width: 100%; height: 50px; border: none; background: #C8C8C8; border-radius: 10px; padding: 0 15px; font-size: 18px; color: #fff; margin: 16px 0; text-align: center; line-height: 50px;}

/* tab */
.tab_common{display: flex;}
.tab_common li{cursor: pointer; height: 37px; line-height: 35px; font-size: 15px; padding: 0 5px; color: #999; position: relative;}
.tab_common li *{color: #999; display: inline-block;}
.tab_common li:not(:last-child){margin: 0 13px 0 0;}
.tab_common li.active{line-height: 35px;}
.tab_common li.active, .tab_common li.active *{color: #29bfbf; font-weight: 500; display: inline-block;}
.tab_common li.active:after{content: ''; display: block; width: 100%; height: 2px; background: #29bfbf; position: absolute; left: 0; bottom: 0;}

.filter_sel_wrap{padding: 20px 16px 0; overflow-y: hidden; overflow-x: auto;}
.filter_sel {display: flex; flex-grow: 1; overflow-x: scroll;}
.filter_sel li{flex-shrink: 0; display: inline-block; height: 31px; padding: 0 13px; background: #3ccccc; border-radius: 15.5px; color: #fff; line-height: 31px; margin: 0 10px 0 0;}

/*header*/
header, .header{ position: relative;height: 55px;}
header .fixed_wrap, .header .fixed_wrap{width: 100%; height: 55px; box-shadow: 0 0 10px rgba(0,0,0,0.05); background: #fff; text-align: center;}
header .fixed_wrap.fixed, .header .fixed_wrap.fixed{position: fixed; left: 50%; top: 0; width: 500px; z-index: 100; margin: 0 0 0 -250px;}
header .title, .header .title{font-size: 20px; line-height: 55px; font-weight: 500; letter-spacing: -0.05em;}
header .alarm{display: inline-block; position: absolute; right: 0; top: 0; width: 54px; height: 54px; text-align: center;}
header .alarm:before{content: ''; display: inline-block ;width: 20px; height: 22px; background: url('/img/icon.svg')no-repeat 0 -28px; vertical-align: top; margin: 16px 0 0 0;}
header .alarm .cnt{display: inline-block; min-width: 13px; height: 13px; position: absolute; right: 13px; top: 12px; background: #ee515b; border-radius: 6.5px; color: #fff; line-height: 13px; text-align: center;padding: 0 3px; font-size: 10px;}
header .back ,.header .back{display: inline-block; position: absolute; left: 0; top: 0; width: 54px; height: 54px; text-align: center; cursor: pointer; background: none; border: none; font-size: 0;}
header .back:before{content: ''; display: inline-block; width: 21px; height: 14px; background: url('/img/icon.svg')no-repeat -30px -28px; vertical-align: top; margin: 20px 0 0 0;}
.header .back:before{content: ''; display: inline-block; width: 21px; height: 14px; background: url('/img/icon.svg')no-repeat -30px -28px; vertical-align: top;}



/* bottom */
.footer{height: 60px; width: 500px; position: fixed; left: 50%; bottom: 0; margin: 0 0 0 -250px; background: #fff; border-top: 1px solid #f0f0f0; z-index: 100; display: flex;}
.footer li{flex-basis: 0 ;flex-grow: 1; text-align: center; }
.footer li a{display: inline-block; width: 100%; height: 100%; font-size: 10px; line-height: 10px; }
.footer li a:before{content: ''; display: block; width: 23px; height: 23px; background: url('/img/icon.svg')no-repeat 0 -60px; margin: 10.5px auto 5px; }
.footer li a.home:before{}
.footer li a.line:before{background-position-x:-33px; width: 30px;}
.footer li a.meet:before{background-position-x:-73px;}
.footer li a.feedback:before{background-position-x:-106px;}
.footer li a.mypage:before{background-position-x:-139px;}
.footer li a.active:before{background-position-y:-93px}
.footer li a.active{color: #29bfbf}

/* guide_des */
.guide_des{padding: 30px 16px 16px;}
.guide_des dl{border: 1px solid #e5e5e5; border-radius: 12px; background: #fff; padding: 25px 21px;}
.guide_des dt{color: #EB516D; font-size: 16px; line-height: 16px; font-weight: 500;}
.guide_des dd{font-size: 13px; line-height: 18px; color: #555; margin: 15px 0 0 0; word-break: keep-all;}

/* input_wrap */
.input_wrap{padding: 30px 16px 60px 16px;}
.input_wrap dl{display: flex; flex-direction: column; }
.input_wrap dl:not(:first-child){margin: 35px 0 0 0;}
.input_wrap dt{font-size: 15px; line-height: 15px; color: #333; padding: 0 5px;}
.input_wrap dt .sub{font-size: 13px;}
.input_wrap dt .des{display: block; margin: 8px 0 0 0;}
.input_wrap dd{display: flex; flex-direction: column; margin: 10px 0 0 0; }
.input_wrap dt+dd{margin: 12px 0 0 0;}
.input_wrap .flex_row{display: flex; flex-direction: row; align-items: center;}
.input_wrap .flex_row *:not(:last-child){margin: 0 10px 0 0;}
.input_wrap .flex_row *:not(:last-child){margin: 0 10px 0 0;}
.input_wrap .location dt+dd{margin: 15px 0 0 0;}
.input_wrap .location .num{font-size: 20px; font-weight: 500; font-style: italic;}
.input_wrap .file_wrap label{display: inline-block; width: 60px; height: 60px; border-radius: 12px; background: #e2e2e2; text-align: center; line-height: 60px; cursor: pointer; position: relative;}
.input_wrap .file_wrap label:before{content: ''; display: inline-block; width: 20px; height: 20px; background: url('/img/icon.svg')no-repeat -52px -147px; vertical-align: middle;}
.input_wrap .file_wrap .attach + label:before{content: ''; display: block; width: 15px; height: 15px; position: absolute; border-radius: 100%; right: 3px; top: 3px; background: url(/img/icon.svg)no-repeat -103px -143px rgba(0,0,0,0.5);}

/* layer */
.pop_wrap{padding: 10px 15px 20px; border-radius: 15px; box-shadow: 0 4px 8px rgba(0,0,0,0.15); background: #fff; position: fixed; left: 50%; top: 50%; width: calc(500px - 32px); transform: translate(-50%, -50%); z-index: 10000;}
.pop_wrap .pop_title{display: flex; justify-content: space-between; align-items: center; padding: 0 0 5px 5px;}
.pop_wrap .pop_title .title{font-size: 17px; font-weight: 500;}
.pop_wrap .pop_title .layer_close{display: inline-block; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.pop_wrap .pop_title .layer_close:before{content: ''; display: inline-block; width: 15px; height: 15px; background: url('/img/icon.svg')no-repeat -82px -147px;}
.pop_wrap .pop_cont{padding: 40px 0 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 18px; line-height: 25px;}
.pop_wrap .pop_cont > *{flex-grow: 1; text-align: center;}
.pop_wrap .pop_cont > *:not(:first-child){margin: 10px 0 0 0;}
.pop_wrap .pop_cont > h1{font-size: 18px; line-height: 25px; font-weight: 400;}
.pop_wrap .pop_cont > h2{font-size: 14px; line-height: 20px; font-weight: 400; color: #999;}
.pop_wrap .btn_confirm{margin: 15px 0 0 0;}
.pop_wrap .btn_wrap{margin: 15px 0 0 0; display: flex; }
.pop_wrap .btn_wrap > *{margin: 0; flex-grow: 1;}
.pop_wrap .btn_wrap > *:not(:last-child){margin: 0 15px 0 0;}



/* login */
.login_wrap{width: 100%; height:100%;background: linear-gradient(135deg, #1ECECE, #0BC0B5); animation: AnimationName 5s ease infinite;background-size: 400% 400%;}
@keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
.login_wrap .logo_wrap{display: inline-block;width: 100%; margin: 100px 0 0 0; text-align: center;}
.login_wrap form[name="flogin"]{display: inline-block; width: 100%; padding:  0 20px; margin: 80px 0 0 0;}
.login_wrap .box_wrap{display: flex;flex-direction: column;padding: 30px 25px;background: #FFFFFF;box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.08);border-radius: 20px;}
.login_wrap .box_wrap .input_wrap{padding: 0;}
.login_wrap .box_wrap #login_pw{margin: 10px 0 0 0;}
.login_wrap .box_wrap .btn_confirm{margin: 30px 0 0 0;}
.login_wrap #sns_login{padding: 30px 0 0 0;}
.login_wrap #sns_login .or{color: #c8c8c8; font-size: 15px; display: flex; align-items: center;}
.login_wrap #sns_login .or:before{content: ''; display: inline-block; flex-grow: 1; height: 1px; background: #c8c8c8; margin: 0 15px 0 0;}
.login_wrap #sns_login .or:after{content: ''; display: inline-block; flex-grow: 1; height: 1px; background: #c8c8c8; margin: 0 0 0 15px;}
.login_wrap .sns-wrap{margin: 30px 0 0 0; display: flex; justify-content: center;}
.login_wrap .sns-wrap > a{margin: 0 20px; font-size: 0; display: flex; align-items: center; justify-content: center; width:  55px; height: 55px; border-radius: 100%; background: #fff; border: 1px solid #e5e5e5;}
.login_wrap .sns-wrap > a:first-child{margin-left: 0;}
.login_wrap .sns-wrap > a:last-child{margin-right: 0;}
.login_wrap .sns-wrap .sns-naver{border: none; background: #19CE60;}
.login_wrap .sns-wrap .sns-kakao{border: none; background: #FEE500;}
.login_wrap .sns-wrap > a:before{content: ''; display: inline-block; background: url('/img/icon.svg')no-repeat; background-size: 412px;}
.login_wrap .sns-wrap .sns-naver:before{width: 19px; height: 19px; background-position: 0 0}
.login_wrap .sns-wrap .sns-kakao:before{width: 25px; height: 21px; background-position: -32px 0;  background-size: 412px;}
.login_wrap .sns-wrap .sns-google:before{width: 25px; height: 25px; background-position: -70px 0;  background-size: 412px;}
.login_wrap #login_info{display: flex; justify-content: center; margin: 40px 0 0 0;}
.login_wrap #login_info > a{font-size: 14px; line-height: 50px; color: #fff;}
.login_wrap #login_info > a:not(:last-child):after{content: ''; display: inline-block;width: 1px; height: 10px; background: #fff; margin: 0 10px;}


/* index */
.banner {width: 100%; /*height: 300px;*/ overflow: hidden; position: relative}
.banner img{width: 100%;}

/* index > 공지사항 */
.notice_wrap{padding: 16px 16px 0;}
.notice {width: 100%; height: 56px; overflow: hidden; position: relative;padding: 0 15px 0 38px; border-radius: 15px; box-shadow: 1px 1px 7px rgba(0,0,0,0.05); font-size: 12px; line-height: 17px; position: relative;}
.notice:before{content: ''; display: inline-block; width: 15px; height: 12px; background: url('/img/icon.svg')no-repeat 0 -147px; position: absolute; left: 14px; top: 14px;}
.notice .swiper-slide{padding: 11px 0;}

.main_wrap .btn_wrap{padding:  15px 16px 30px;}
.main_wrap .btn_wrap *:not(:first-child){margin: 20px 0 0 0;}
.main_big_btn{display: flex; align-items: center; justify-content: space-between; width: 100%; height: 60px; background: #fff; border-radius: 15px; box-shadow: 1px 1px 8px rgba(0,0,0,0.05); padding: 0 20px; font-size: 16px; line-height: 16px;}
.main_big_btn:after{content: ''; display: inline-block; width: 6px; height: 11px; background: url('/img/icon.svg')no-repeat 0 -126px; }

.main_wrap .title_wrap{padding: 30px 20px 0; display: flex; align-items: center; justify-content: space-between;}
.main_wrap .title_wrap .title{flex-grow: 1; font-size: 20px; line-height: 20px; font-weight: 500; }

/* index >매칭 통계 */
.graph_wrap .slide_wrap{padding: 25px 16px;position: relative;}
.graph_wrap .graph_slide{overflow: hidden; background: #fff; box-shadow: 1px 1px 6px rgba(0,0,0,0.08); border-radius: 15px; text-align: center; padding: 20px 0 0 0; }
.graph_wrap .graph_slide h6{font-size: 16px; line-height: 16px; font-weight: 500;}
.graph_wrap .graph_slide .canvas_wrap{width: 320px; height: 220px; display: inline-block;}
.graph_wrap .graph_slide .swiper-pagination{bottom: 0;}

/* index > 이번달 플레이스 라인 */
.this_place_wrap{}
.this_place_wrap ul{line-height: 0;padding: 16px;}
.recom_place{display: inline-block; width: 100%; height: 110px; border-radius: 5px; overflow: hidden; position: relative;}
.this_place_wrap .recom_place:not(:first-child){margin: 16px 0 0 0;}
.recom_place a{display: inline-block; width: 100%; height: 100%;}
.recom_place img{width: 100%; position: absolute; left: 0; top: 50%; z-index: 1;}
.recom_place .p_name_wrap{position: absolute; left: 0; bottom: 12px; z-index: 2; padding: 0 10px;}
.recom_place .p_name_wrap .p_name{color: #fff; font-weight: 500; text-shadow: 0 0 2px rgba(0,0,0,0.4); font-size: 16px; line-height: 20px; position: relative; z-index: 2;}
.recom_place .p_name_wrap:before{content: ''; display: inline-block; width: 100%; height: 14px; border-radius: 0 5px 5px 0; z-index: 1; background: #EB516D; opacity: 0.7; position: absolute; left: 0; bottom: -4px;}
.recom_place .p_info{position: absolute; right: 0; top: 0; width: 80px; height: 100%; background: rgba(80, 178, 233, 0.8); z-index: 2;text-align: center;  color: #fff; padding: 0 12px;}
.recom_place .p_info .p_type{font-size: 11px; line-height: 11px; font-weight: 500; margin: 20px 0 0 0;}
.recom_place .p_info .p_adr{font-size: 14px; line-height: 20px; margin: 15px 0 0 0;}

/* index > 추천 플레이스라인 */
.recom_place_wrap .filter_wrap .top{padding: 25px 20px 0; display: flex; justify-content: space-between; align-items: center;}
.recom_place_wrap .place_list{padding: 25px 16px;}
.recom_place_wrap .place_list li:not(:first-child){margin: 16px 0 0 0;}
.recom_place_wrap .place_list li{background: #fff; box-shadow: 1px 1px 6px rgba(0,0,0,0.08); border-radius: 15px; padding: 0 12px 0 0; overflow: hidden; }
.recom_place_wrap .place_list li a{display: flex; align-items: stretch;}
.recom_place_wrap .place_list li img{width: 100px; height: 100px;}
.recom_place_wrap .place_list li .text{flex-grow: 1; margin: 0 0 0 15px; display: flex; flex-direction: column; justify-content: space-between; padding: 10px 0; min-width: 0;}
.recom_place_wrap .place_list li .p_name{font-size: 17px; line-height: 22px; }
.recom_place_wrap .place_list li .p_info{display: flex; flex-direction: column;}
.recom_place_wrap .place_list li .p_info *{flex-grow: 1; font-size: 13px; line-height: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.recom_place_wrap .place_list li .p_info *:not(:first-child){margin: 5px 0 0 0;}
.filter_layer{bottom: 0; width: 500px; left: 50%; transform: none; margin: 0 0 0 -250px; top: auto; border-radius: 15px 15px 0 0;}
.filter_layer .pop_cont{padding: 10px 5px 20px; text-align: left; align-items: stretch;}
.filter_layer .pop_cont dl{text-align: left;}
.filter_layer .pop_cont dl:not(:first-child){margin: 30px 0 0 0;}
.filter_layer .pop_cont dl dd{margin: 10px 0 0 0 ;}
.filter_layer .pop_cont dl dd .flex{display: flex;}
.filter_layer .pop_cont dl dd .flex:not(:first-child){margin: 15px 0 0 0;}
.filter_layer .pop_cont dl dd .flex > *{flex-grow: 1; flex-basis: 0;}
.filter_layer .pop_cont dl dd .flex > *:not(:last-child){margin: 0 10px 0 0;}



/* 개인정보관리 */
.member_info {padding: 0 0 20px;}
.member_info .sec:not(:first-child){border-top: 10px solid #f5f5f5; box-shadow: 0 -1px 0px rgba(0,0,0,0.08);}
.member_info .profile_img{display: flex; flex-wrap: wrap; flex-direction: row;}
.member_info .profile_img label{flex-grow: 1; flex-basis: 20%;  text-align: center; margin: 10px 0 0 0;}
.member_info .profile_img label:before{position: absolute; left: 50%; top: -5px; margin: 0 0 0 -28px;}
.member_info .profile_img label:after{top: 0; left: 50%; margin: 0 0 0 -20px}
.member_info .profile_img img{width: 45px;}
.member_info .agree .contents{resize: none; background: #fff; border-radius: 15px; padding: 20px 15px; border: 1px solid #e5e5e5;font-size: 13px; line-height: 18px;}
.member_info .btn_wrap{position: fixed; left: 50%; bottom: 55px; width: 500px; margin: 0 0 0 -250px; padding: 0 16px; z-index: 101}
#register_form .input_wrap{padding: 30px 16px 20px;}
#register_form .btn_cancel, #register_form .btn_confirm{margin: 16px 0 0 0;}

@media (max-width: 500px) {
body {width: 100%;}
.not_scroll{left: 0; margin: 0;}
.footer {width:100%; left: 0; margin: 0}
header .fixed_wrap.fixed, .header .fixed_wrap.fixed, .filter_layer, .member_info .btn_wrap{width: 100%; left: 0; margin: 0;}

.pop_wrap{width: calc(100% - 32px); margin: 0;}
.pop_wrap.filter_layer {width: 100%; margin: 0;}
}


@media (max-width: 360px) {
	.graph_wrap .graph_slide .canvas_wrap{width: 289px; height: 198px;}
	.login_wrap .sns-wrap > a{margin: 0 10px;}
	.main_wrap .title_wrap .title{font-size: 17px;}
}