@charset "utf-8";


.mainColor{color:var(--mainColor);}
.mainBackground{background:var(--mainColor);}
.btn.mainColor{background:var(--mainColor);color:#fff;}
.btn.mainColor:hover{background:var(--mainColorHover);color:#fff;}
.btn.mainColor.reverse{border:2px solid var(--mainColor);color:var(--mainColor);background:#fff;}
.btn.mainColor.reverse:hover{background:var(--mainColor);color:#fff;opacity:0.85;}

html.scrollDisable{height:100%;min-height:100%;overflow:hidden !important;touch-action:none;}
body{margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.5em;background:#fff;}

h1{font-size:1.55em;font-weight:500;line-height:1.5em;font-family:'GongGothicMedium',sans-serif;}
h2{font-size:1.4em;font-weight:500;line-height:1.5em;font-family:'GongGothicMedium',sans-serif;}
h3{font-size:1.32em;font-weight:500;line-height:1.5em;font-family:'GongGothicMedium',sans-serif;}
h4{font-size:1.26em;font-weight:400;line-height:1.5em;font-family:'GongGothicMedium',sans-serif;}
h5{font-size:1.2em;font-weight:400;line-height:1.5em}
h6{font-size:1.15em;font-weight:400;line-height:1.5em}
.h1{font-size:1.4em;font-weight:500;}
.h2{font-size:1.24em;font-weight:500;}
.h3{font-size:1.2em;font-weight:500;}
.h4{font-size:1.1em;font-weight:400;}
.h5{font-size:1.05em;font-weight:400;}
.h6{font-size:0.95em;font-weight:400;line-height:1.5em;}


@keyframes clickEffect {
    0% {opacity:1;}
    50% {opacity:0.2;}
    100% {opacity:1;}
}

/*____________________________ Layout ____________________________*/

#page-wrapper{/*position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;*/}
#wrapper{width:100%;margin:0;padding:0;/*overflow:hidden;*/}
#wrapper:after{display:block;visibility:hidden;clear:both;content:""}
#footer{width:100%;position:relative;overflow:hidden;}

.container{width:100%;max-width:1000px;margin:0 auto;padding:50px 25px 100px 25px;position:relative;}
.container:after{display:block;visibility:hidden;clear:both;content:""}
.container.flexCenter{width:100%;height:100%;padding-top:55px;position:absolute;top:0;left:0;align-items:stretch;}
@media screen and (min-width:1000px) {
    .container.flexCenter{left:50%;margin-left:-500px;}
}


/*____________________________ 공통 ____________________________*/
.bored{border:1px solid red;}
form{padding:0;margin:0;width:100%;}
img{max-width:100%;}
p{word-break:keep-all;}
p.small{font-size:0.95em;}

/* icon_ */
.icon_location{display:inline-block;width:18px;height:18px;background:url('../img/icon/icon_location.png') no-repeat center / cover;}

.list-important{display:block;position:relative;padding-left:1.2em;line-height:1.3em;word-break:keep-all;}
.list-important:before{content:'※';position:absolute;left:0;}
.list-important + .list-important{margin-top:0.3em;}

.fixedCover{display:none;position:fixed;top:0;left:0;z-index:11;width:100%;height:100%;background:rgba(0,0,0,0.4);}
.fixedCover.show{display:block;}

.header-title{transition:all .15s ease-in-out;font-family:'GongGothicMedium',sans-serif;/*font-size:1.6em;*/font-size:22px;letter-spacing:0.03em;padding-top:0.2em;}
.history-back{position:absolute;top:0;left:0;width:46px;height:100%;color:#000;display:inline-flex;align-items:center;justify-content:center;}

.t-link{display:inline-block;position:relative;color:var(--mainColor);font-weight:600;}
.t-link:after{content:'';position:absolute;bottom:0;left:-3px;width:calc(100% + 6px);height:0.7em;background:var(--mainColor);opacity:0.1;}

.underline{border-bottom:1px solid rgba(0,0,0,0.9);}

.form-msg{color:#ff4141;font-size:15px;margin-top:10px;}
.form-msg.color-blue{color:rgba(72,122,248,1)}
.form-msg.color-gray{color:#6c757d;}
.bottom-msg{position:absolute;width:100%;bottom:100px;text-align:center;}

.mb_img{border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;}
.mb_img_name{background:var(--mainColor);/*font-family:'Black Han Sans', sans-serif;*/font-family:'GongGothicMedium',sans-serif;color:rgba(255,255,255,0.8);border-radius:50%;overflow:hidden;padding-top:0.1em;display:inline-flex;align-items:center;justify-content:center;}

.form-list{display:flex;align-items:flex-end;justify-content:center;}
.form-list > * + *{margin-left:10px;}
.form-list > *:not(.btn){flex:1;}

input[type='tel'].filled,
input.datepicker.filled,
input.gong.filled{/*font-family:'Montserrat';*/font-family:'GongGothicLight',sans-serif;letter-spacing:0.02em;}

.datepicker.hide{visibility:hidden;height:0 !important;}

.mySelect.gong select{font-family:'GongGothicLight',sans-serif;}


/* btnSet */
.btnSet{position:relative;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;}
.btnSet.fixed{position:fixed;bottom:0px;left:0;width:100%;z-index:9;}
.btnSet.absolute{position:absolute;bottom:0;left:0;width:100%}
.btnSet.fixed.slide{bottom:-65px;transition:all .3s ease-in-out;}
.btnSet.fixed.slide.show{bottom:0;}
.btnSet:after{display:block;visibility:hidden;clear:both;content:""}
.btnSet:not(.small) [class*='btn']{text-align:center;font-weight:600;height:62px;padding:0 15px;border-radius:0;flex:1;display:inline-flex;align-items:center;justify-content:center;
    -moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;transition:all .1s ease-in-out;cursor:pointer;}
.btnSet .btnSubmit, .btnSet .btnNext{min-width:65%;color:#fff;background:var(--mainColor);}
.btnSet .btnSubmit:hover, .btnSet .btnNext:hover{background:var(--mainColorHover);}
.btnSet .btnCancel, .btnSet .btnPrev{max-width:35%;color:#fff;background:#afb4b9;}
.btnSet .btnCancel:hover, .btnSet .btnPrev:hover{background:#9fa8b0;}
.btnSet .btnReverse{background:rgba(53,57,69,0.35);}
.btnSet.small [class*='btn']{font-size:15px;font-weight:500;height:48px;padding:0 15px;min-width:140px;}
.btnSet.small [class*='btn']:not(:first-child){margin-left:10px;}

.container .btnSet{margin-top:30px;}
.container .btnSet.fixed{position:fixed;bottom:20px;}
.container .btnSet [class*='btn']{height:52px;border-radius:4px;}
.container .btnSet [class*='btn'] + [class*='btn']{margin-left:10px;}

.btnSet.column{display:block;}
.btnSet.column:not(.fixed) [class*='btn'] + [class*='btn']{margin-left:0;margin-top:10px;}

.btnSet.fixed.column .btn.span{margin:0;}

.btnSetSpace{height:60px;} /* 하단버튼이 플로팅일때 여백주기 */


/*____________________________ fx-wrap ____________________________*/
.fx-wrap{display:flex;flex-direction:column;gap:20px}
.fx-wrap .fx-head{font-size:1.15em;font-weight:600;margin-bottom:15px;display:flex;align-items:center;}
.fx-list + .fx-head{margin-top:50px;}
.auto .fx-list-label{width:auto}
.label50 .fx-list-label{width:50px !important;}.label60 .fx-list-label{width:60px !important;}.label70 .fx-list-label{width:70px !important;}.label80 .fx-list-label{width:80px !important;}.label90 .fx-list-label{width:90px !important;}
.label100 .fx-list-label{width:100px !important;}.label110 .fx-list-label{width:110px !important;}.label120 .fx-list-label{width:120px !important;}.label130 .fx-list-label{width:130px !important;}.label140 .fx-list-label{width:140px !important;}
.label150 .fx-list-label{width:150px !important;}.label160 .fx-list-label{width:160px !important;}.label170 .fx-list-label{width:170px !important;}.label180 .fx-list-label{width:180px !important;}.label190 .fx-list-label{width:190px !important;}
.label200 .fx-list-label{width:200px !important;}.label210 .fx-list-label{width:210px !important;}.label220 .fx-list-label{width:220px !important;}.label230 .fx-list-label{width:230px !important;}.label240 .fx-list-label{width:240px !important;}
.label250 .fx-list-label{width:250px !important;}.label260 .fx-list-label{width:260px !important;}.label270 .fx-list-label{width:270px !important;}.label280 .fx-list-label{width:280px !important;}.label290 .fx-list-label{width:290px !important;}
[class*="label"] .fx-list-label.auto{width:auto !important;}
.fx-wrap .fx-list{position:relative;zoom:1;display:flex;align-items:center;flex-wrap:wrap;gap:5px;line-height:1.6em;}
.fx-list .fx-list-label{position:relative;text-align:left;color:rgba(71,78,103,0.7);}
.fx-list.flex-top .fx-list-label{padding-top:4px;}
.fx-list .fx-list-label label{position:relative;display:inline-block;padding:0 5px;font-weight:600;cursor:default;transition:all .15s ease-in-out;}
.fx-list .fx-list-label label.label-video:after{content:'\e2f7';font-family:'intaefont';position:relative;font-style:normal;font-weight:normal;font-size:13px;margin-top:1px;margin-left:5px;}
.fx-list .fx-list-con{position:relative;width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:7px;line-height:1.4em;}
.fx-list .fx-list-con .flex1{flex:1;width:150px;/*사이즈가 없으면 모바일폰 화면에서 줄바꿈 현상이 나옴*/}
.fx-list .fx-list-con .help-block{font-size:12px;color:rgba(0,0,0,0.8);line-height:1.5em;}
.fx-list .fx-list-con small{font-size:0.8em;line-height:1.35em;margin-top:-0.2em}
.fx-list .fx-list-con .flex{width:100%;}
.fx-list .fx-list-con p{width:100%;}
.fx-list .fx-list-con .right{margin-left:auto;}




/* rowSet */
.rowSet{position:relative;}
.rowGroup{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;text-align:left;}

.rowGroup:not(:first-child){margin-top:12px;}
.rowGroup .label{width:auto;}
.rowGroup .con{flex:1;}
.rowSet.label80 .label{width:80px;}
.rowSet.label90 .label{width:90px;}
.rowSet.label100 .label{width:100px;}
.rowSet.label110 .label{width:110px;}
.rowSet.label120 .label{width:120px;}
.rowSet.line .rowGroup{margin:0;padding:12px 0;border-bottom:1px solid rgba(0,0,0,0.06);}
.rowSet.line .rowGroup:last-child{border:0 !important;}
.rowGroup.column{flex-direction:column;}
.rowGroup .myform + .btn{margin-left:15px;height:40px;}

/* result-box */
/*.result-box{position:relative;background:#3874f0;color:#fff;font-weight:500;border-radius:14px;box-shadow:0 4px 8px rgba(0,0,0,0.1);padding:30px 35px;}
.result-box .label{color:var(--mainColor);color:rgba(255,255,255,0.6);font-weight:300;}
.result-box.rowSet.line .rowGroup{border-bottom:1px dashed rgba(0,0,0,0.1);}*/
.result-box{position:relative;background:rgba(53,57,69,1);color:#fff;font-weight:500;border:1px solid rgba(53,57,69,0.1);border-radius:6px;padding:20px 25px;}
.result-box .label{color:rgba(255,255,255,0.7);font-weight:300;}
.result-box.rowSet.line .rowGroup{/*border-color:rgba(72,122,248,0.2);*/border-bottom:1px dashed rgba(255,255,255,0.1);}


/* ul-form-grid */
.ul-form-grid{position:relative;}
.ul-form-grid li{position:relative;display:flex;align-items:center;justify-content:center;text-align:left;margin-bottom:13px;}
.ul-form-grid li .grid-label{margin-right:auto;font-size:1.25em;font-weight:500;}
.ul-form-grid li .grid-label small{color:#9297a1;font-size:0.8em;font-weight:300;}
.ul-form-grid li .grid-option{margin-left:auto;}
.ul-form-grid.line li{margin:0;padding:25px 5px;border-bottom:1px solid rgba(0,0,0,0.1);}
.ul-form-grid.line li:last-child{border:0;}

.li-form-grid{position:relative;}
.li-form-grid input + *{position:absolute;top:0;right:0;z-index:9;height:100%;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;color:var(--blue)}


/* toggle-btnSet */
.toggle-btnSet{font-size:1em;display:flex;align-items:center;justify-content:center;}
.toggle-btnSet .openner:before{content:'\5b';font-family:'kojipsa';font-size:16px;font-weight:normal;color:rgba(0,0,0,0.7);position:absolute;top:-10px;right:-13px;z-index:4;width:28px;height:30px;display:flex;align-items:center;justify-content:center;}
.toggle-btnSet ul{display:none;text-align:center;position:absolute;top:-13px;right:-15px;width:auto;min-width:80px;padding:6px 35px 6px 20px;background:rgba(255,255,255,1);box-shadow:-4px 5px 6px rgba(0,0,0,0.06);border-radius:12px;z-index:3;}
.toggle-btnSet.open{z-index:15;}
.toggle-btnSet.open .openner:before{z-index:15;content:'\4c';font-size:13px;}
.toggle-btnSet.open ul{display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:14;}
.toggle-btnSet li{display:flex;align-items:center;height:2.8em;color:#ff583c;width:100%;text-align:left;white-space:nowrap;}
.toggle-btnSet li:not(:last-child){margin-top:5px;border-bottom:1px solid rgba(0,0,0,0.1);}



/* 재사용 아이콘 */
.btnClose:before{content:'\76';font-family:'kojipsa';font-size:16px;}
.btnMenu{font-size:0;}
.btnMenu:before{content:'\7a';font-family:'kojipsa';font-size:18px;}
.alarm{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--red);color:#fff;font-family:'Montserrat';font-size:12px;line-height:1em;border-radius:50%;font-weight:bold;letter-spacing:-0.04em;}
.btnMenu .alarm{position:absolute;top:8px;left:29px;}
.btnBack:before, .history-back:before{content:'\71';font-family:'kojipsa';font-size:17px;}


/*______________________________ header _______________________________*/
#header{width:100%;height:55px;position:fixed;top:0;left:0;z-index:10;background:rgba(255,255,255,1);display:flex;align-items:center;justify-content:center;transition:all 0.2s cubic-bezier(0.5,0,0,1.25);}
#header:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:rgba(0,0,0,0.1);}
#header + .headerSpace{height:55px;}
#header #hd-logo{position:relative;text-align:center;line-height:0;transition:all .15s ease-in-out;}
#header #hd-logo object{width:100px;}
#header #hd-logo .font-logo{display:inline-block;font-family:'GongGothicMedium', sans-serif;font-size:23px;line-height:1em;margin-top:5px;color:var(--mainColor);letter-spacing:0.05em;transition:font-size .1s ease-in-out;}
#header .hd-mb{position:absolute;top:0;right:0;width:50px;height:100%;display:flex;align-items:center;justify-content:center;z-index:20;transition:all .15s ease-in-out;}
#header .hd-btn{font-size:18px;font-weight:400;position:absolute;top:0;right:0;width:60px;height:100%;display:flex;align-items:center;justify-content:center;z-index:20;transition:all .15s ease-in-out;}
#header.scroll-fixed{height:40px;background:rgba(255,255,255,1);/*box-shadow:0 4px 4px rgba(0,0,0,0.03);*/}
#header.scroll-fixed #hd-logo, #header.scroll-fixed .header-title, #header.scroll-fixed .profile-img{transform:scale(0.85);}

#hd-search{position:relative;z-index:6;width:100%;padding:10px 15px 0 15px;background:#fff;display:flex;align-items:center;}
#hd-search .page-name{display:none;font-family:'GongGothicMedium',sans-serif;font-size:18px;letter-spacing:0.03em;margin-right:10px;}
#hd-search #list-search-wrap{flex:1;position:relative;font-size:15px;transition:all .15s ease-in-out;}
#hd-search #list-search-wrap input{height:44px;width:100%;}
#hd-search.scroll-fixed{position:fixed;top:-60px;left:0;padding-bottom:10px;}
/*#hd-search.scroll-fixed:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:rgba(0,0,0,0.1);}*/
#hd-search.scroll-fixed #list-search-wrap input{height:40px;}
#hd-search.scroll-fixed + #list{padding-top:50px;}
#hd-search.scroll-fixed .page-name{display:inline-block;}

/* 별도 검색페이지 헤더 */
header#hd-search{position:fixed;top:0;left:0;z-index:3;width:100%;padding:10px 10px;background:#fff;display:flex;align-items:center;}
header#hd-search .history-back{position:relative;width:auto;font-family:'GongGothicMedium',sans-serif;font-size:16px;letter-spacing:0.03em;margin-right:10px;}
header#hd-search .history-back:before{display:inline-block;margin-right:5px;}
header#hd-search + #list{padding-top:60px;}

/* 슬라이드 갤러리 상단형 상세페이지 */
.viewSlideGall #header:not(.scroll-fixed){background:linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.08));}
.viewSlideGall #header:not(.scroll-fixed):after{display:none;}
.viewSlideGall #header:not(.scroll-fixed) > .header-title{color:#fff;transform:scale(0.85);}
.viewSlideGall #header:not(.scroll-fixed) .btnBack:before, .viewSlideGall #header:not(.scroll-fixed) .history-back:before{color:#fff;content:'\57';}
.viewSlideGall #header.scroll-fixed{height:55px;}
.viewSlideGall #header.scroll-fixed #hd-logo, .viewSlideGall #header.scroll-fixed .header-title, .viewSlideGall #header.scroll-fixed .profile-img{transform:scale(0.85);}
.viewSlideGall #header + .headerSpace{height:0}


#nav li a[class^='icon-']:before{content:'';font-family:'kojipsa' !important;font-size:16px;display:inline-block;margin-right:15px;margin-top:-2px;/*color:rgba(215,247,255,0.9);*/color:#979fa5;}
#nav li a.home:before{}
#nav li a.icon-notice:before{content:'\7c';}
#nav li a.icon-cost:before{content:'\e020';}
#nav li a.icon-car:before{content:'\e01a';}
#nav li a.icon-maket:before{content:'\e01f';}
#nav li a.icon-we:before{content:'\e03a';}
#nav li a.icon-area:before{content:'\e006';}
#nav li a.icon-neighbor:before{content:'\e022';}
#nav li a.icon-facilities:before{content:'\e000';}
#nav li a.icon-town:before{content:'\e01d';}
#nav li a.icon-open:before{content:'\e007';}
#nav li a.icon-poll:before{content:'\e01b';}
#nav li a.icon-town-schedule:before{content:'\e001';font-size:15px;}
#nav li a.icon-my:before{content:'\e00f';}
#nav li a.icon-manage:before{content:'\e00e';}
#nav li a.icon-pw:before{content:'\5e';}
#nav li a.icon-family:before{content:'\e012';}
#nav li a.icon-fontsize:before{content:'\e008';}
#nav li a.icon-alarm:before{content:'\e019';}
#nav li a.icon-board:before{content:'\e017';}
#nav li a.icon-info:before{content:'\7e';}
#nav li a.icon-logout:before{content:'\5c';}
#nav li a.icon-leave:before{content:'\e00d';}
#nav li a .alarm{margin-top:-4px;margin-left:5px;}

#layer-member{position:fixed;top:0;right:-100%;width:100%;height:100%;background:#fff;overflow-y:auto;z-index:999;-webkit-overflow-scrolling:touch;}
#layer-member .page-header{width:100%;height:55px;position:fixed;right:-100%;top:0;z-index:10;background:rgba(255,255,255,1);display:flex;align-items:center;justify-content:center;}
#layer-member .page-header:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:rgba(0,0,0,0.1);}
#layer-member .page-header .memberCloser{position:absolute;top:0;right:0;width:50px;height:100%;z-index:99;cursor:pointer;display:flex;align-items:center;justify-content:center;}
#layer-member .page-body{position:relative;padding:55px 0 50px 0;}
#layer-member .page-body .profile{text-align:center;padding:40px 0;}
#layer-member .page-body .profile-thumb{position:relative;margin:0 auto;border-radius:50%;width:100px;height:100px;margin-bottom:15px;}
#layer-member .page-body .profile-thumb .edit{display:inline-block;width:33px;height:33px;border-radius:50%;overflow:hidden;background:#fff;border:5px solid #fff;position:absolute;top:-4px;right:-6px;display:flex;align-items:center;justify-content:center;
    background:#fff url('../img/icon/camera2.png') center 1px;background-size:100%;}
#layer-member .page-body .profile .info{display:flex;align-items:center;justify-content:center;flex-direction:column;}
#layer-member .page-body .profile .info .name{font-size:1.5em;}
#layer-member .page-body .info .addr{color:#919191;}
#layer-member .page-body .profile .btnSet{margin-top:20px;}
#layer-member .page-body .account{padding:0 25px;}
#layer-member .page-body .account ul{display:flex;align-items:center;justify-content:center;flex-direction:column;}
#layer-member .page-body .account ul li{position:relative;width:100%;margin-bottom:10px;width:100%;padding:13px 20px;background:rgba(71,78,103,0.06);border-radius:5px;display:flex;align-items:center;}
#layer-member .page-body .account ul li:before{position:absolute;top:0;right:0;width:50px;height:100%;content:'\e00c';font-family:'kojipsa';font-size:17px;font-weight:normal;color:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;}
#layer-member .page-body .account .mb-thumb{display:inline-block;margin-right:15px;}
#layer-member .page-body .account .name{display:block;font-size:1.1em;line-height:1.6em;}
#layer-member .page-body .account .addr{display:block;font-size:0.9em;color:#919191;line-height:1em;}
#layer-member .page-body .account .add-account{width:100%;margin-bottom:10px;width:100%;height:60px;padding:0 20px;background:rgba(71,78,103,0.04);border-radius:5px;display:flex;align-items:center;justify-content:center;}
#layer-member .page-body .account .add-account:before{content:'\30';font-family:'kojipsa';font-size:15px;display:inline-block;margin-right:10px;color:var(--mainColor);}
#layer-member .btnSet.fixed{left:auto !important;right:-100%;}
#layer-member .btn.memberCloser{border-radius:0;}




.formGroup{border:1px solid red;}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
																															SUB PAGE
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-title{font-size:26px;line-height:1.2em;font-family:'GongGothicMedium',sans-serif;margin-bottom:35px;}
.page-title small, .page-title sub{display:block;font-size:1.03rem;line-height:1.35em;font-family:'GongGothicLight',sans-serif;margin-top:0.4em;}

.icon_check_large{display:block;margin-bottom:10px;}
.icon_check_large:before{content:'\32';font-family:'kojipsa';font-size:20px;font-weight:normal;
    width:36px;height:36px;border-radius:36px;text-align:center;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#487af8;}

.kopisaSymbol{margin:0 auto;text-align:center;}


.visitor-topImg{margin-top:20px;margin-bottom:40px;text-align:center;}
.visitor-topImg img{width:100px;}

.facilities-topImg{margin-top:20px;margin-bottom:40px;text-align:center;}
.facilities-topImg img{width:120px;}

.li-more{font-family:'GongGothicLight',sans-serif;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;font-size:13px;width:70px;height:52px;border-radius:26px;border:1px solid rgba(0,0,0,0.5);box-shadow:0 5px 5px rgba(0,0,0,0.1);}
.li-more:after{content:'\49';font-family:'kojipsa';font-size:13px;font-weight:normal;display:block;margin-top:-10px;margin-bottom:-7px;}


/*______________ intro ______________*/
#intro{background:var(--mainColor);}
/*.intro-logo{background:url('../img/logo-before.svg') no-repeat center;background-size:100%;width:240px;height:240px;display:flex;align-items:center;justify-content:center;}*/
.intro-logo{font-family:'Black Han Sans', sans-serif;font-size:29px;line-height:1em;color:#fff;letter-spacing:0.05em;}

/*______________ login & join ______________*/
.login-head{font-size:30px;font-weight:500;line-height:1.15em;}
.login-head sub{display:block;font-size:15px;}
.btnChioce{display:flex;align-items:center;justify-content:center;height:60px;background:var(--mainColor);color:#fff;border-radius:5px}
.btnChioce + .btnChioce{margin-top:10px;}

/*______________  약관동의 ______________*/
#register-wrapper{}
.register_ul{}
.register_ul li{padding:15px 10px;font-size:1.05em;display:flex;align-items:center;}
.register_ul li.header{border:0;font-weight:600;padding:15px;border:1px solid rgba(0,0,0,0.1);box-shadow:0 5px 6px rgba(0,0,0,0.04);border-radius:6px;margin-bottom:15px;}
.register_ul li .view{margin-left:auto;font-size:1rem;color:rgba(53,57,69,0.5);}

/*______________  join ______________*/
#join-result{text-align:center;background:transparent !important;}

.date{color:#a6a6a6;font-weight:200;font-family:'Montserrat';line-height:1em;margin-top:-0.2em}

/*____________________________ list (목록 페이지) ____________________________*/
#list{position:relative;padding-bottom:30px;}

.gall_ul{position:relative;}
.gall_ul:after{display:block;visibility:hidden;clear:both;content:""}
.gall_li{position:relative;padding:0;}
.gall_li.empty{width:100%;height:calc(100vh - 250px);display:flex;align-items:center !important;justify-content:center;font-family:'GongGothicLight',sans-serif;font-size:18px;color:rgba(53,57,69,0.4);}
.gall_li:not(:last-child){padding-bottom:8px;}
.gall_li:not(:last-child):after{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:8px;background:rgba(0,0,0,0.06);border-top:1px solid rgba(0,0,0,0.02);border-bottom:1px solid rgba(0,0,0,0.02);clear:both;}
.gall_li .gallCon{position:relative;padding:20px 10px;}
.gall_li .infoSet{display:flex;align-items:center;color:#303030;font-size:0.85em;font-weight:400;padding-bottom:7px;margin-bottom:12px;border-bottom:1px solid rgba(0,0,0,0.05);}
.gall_li .infoSet .alarm-pin:before{content:'\e018';font-family:'kojipsa';font-size:11px;font-weight:normal;width:21px;height:21px;background:rgba(55,71,79,0.6);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:0.7em;}
.gall_li .infoSet .cate{display:inline-block;color:var(--mainColor);margin-right:15px;}
.gall_li .infoSet .writer{display:inline-block;font-weight:600;margin-right:15px;}
.gall_li .infoSet .writer .mb_img{margin-right:6px;width:22px;height:22px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;}
.gall_li .infoSet .date{/*color:#b6b6b6;*/}
.gall_li .subject{font-size:1.05em;font-weight:500;line-height:1.5em;}
.gall_li .subject .sjCate{display:inline-block;margin-right:0.6em;color:var(--blue);}
.period{margin-top:0.8em;font-size:16px;}
.period .date{position:relative;font-size:0.95em;line-height:1em;font-weight:400;height:1.8em;padding:0.1em 1em 0 1em;border-radius:5em;display:inline-flex;align-items:center;background:#bcbcbc;color:#fff;font-family:'GongGothicLight',sans-serif;}
.period.poll .date{padding-left:2.6em;}
.period.poll .date:before{content:'\e01b';font-family:'kojipsa';font-size:18px;font-weight:normal;position:absolute;top:-0.15em;left:0em;width:1.8em;height:1.8em;display:inline-flex;align-items:center;justify-content:center;
    border-radius:50%;background:#fff;color:#bcbcbc;border:1.5px solid #bcbcbc;}
.period.buy .date{padding-left:2.6em;}
.period.buy .date:before{content:'\e02a';font-family:'kojipsa';font-size:18px;font-weight:normal;position:absolute;top:-0.15em;left:0em;width:1.8em;height:1.8em;display:inline-flex;align-items:center;justify-content:center;
    border-radius:50%;background:#fff;color:#bcbcbc;border:1.5px solid #bcbcbc;}
.gall_li .gallCon .term{margin-top:0.5em;font-family:'GongGothicLight',sans-serif;font-size:0.9em;color:rgba(55,71,79,0.6);}
.gall_li .gallCon .like{margin-top:0.5em;font-size:0.9em;color:var(--gray);}
.gall_li .gallCon .like span{font-weight:normal;display:inline-block;font-family:'Montserrat';margin-left:5px;}

.gall_li:not(.webzine) .gallCon + .thumb{margin-top:-5px;}

.gall_li.webzine{display:flex;justify-content:center;}
.gall_li.webzine .gallCon{flex:1;}
.gall_li.webzine .thumb{padding:15px;width:140px;}

/* .market  */
#list.market{padding-bottom:50px;}
.market .gall_ul{padding:0 17px;}
.market .gall_li{display:flex;align-items:flex-start;padding:17px 0;}
.market .gall_li:not(:last-child){border-bottom:1px solid rgba(0,0,0,0.1);}
.market .gall_li .thumb{width:110px;height:110px;overflow:hidden;border-radius:6px;margin:0;}
.market .gall_li .gallCon{flex:1;padding:0;margin:0;}
.market .gall_li .infoSet{border:0;margin-bottom:5px;padding:0;}
.market .gall_li .infoSet .mb_img{width:18px;height:18px;}
.market .gall_li .infoSet .ssb{margin-left:auto;color:var(--mainColor);font-weight:500;}
.market .gall_li .subject{font-size:1.05em;font-weight:400;color:#343434;line-height:1.4em;display:inline-block;}
.market .gall_li .seller{font-size:0.9em;font-weight:500;color:#323335;}
.market .gall_li .seller .date{margin-left:15px;}
.market .gall_li .product-info{font-weight:400;margin-top:10px;}
.market .gall_li .price{font-size:0.95em;/*font-family:verdana, sans-serif;*/font-family: 'GongGothicbold';}
.market .gall_li .price:after{content:'원';font-family: 'GongGothicMedium';}
.market .gall_li .tag{font-size:0.85em;font-weight:500;margin-right:8px;}
.market .gall_li:after{display:none;}
.market .gall_li .thumb + .gallCon, .market .gall_li .gallCon + .thumb{margin-left:15px;}
.market .gall_li.sell{opacity:0.5;}

/* .local-info  */
#list.local-info{padding-bottom:50px;}
.local-info .gall_ul{padding:0 17px;}
.local-info .gall_li{display:flex;align-items:flex-start;padding:17px 0;}
.local-info .gall_li:not(:last-child){border-bottom:1px solid rgba(0,0,0,0.1);}
.local-info .gall_li .thumb{width:110px;height:110px;overflow:hidden;border-radius:6px;margin:0;}
.local-info .gall_li .gallCon{flex:1;padding:0;margin:0;}
.local-info .gall_li .infoSet{border:0;margin-bottom:5px;padding:0;}
.local-info .gall_li .infoSet .mb_img{width:18px;height:18px;}
.local-info .gall_li .infoSet .cate-co{margin-left:auto;color:var(--gray);font-weight:600;}
.local-info .gall_li .infoSet .cate-like{margin-left:auto;color:var(--mainColor);font-weight:600;}
.local-info .gall_li .cate-co2{font-size:0.95em;font-weight:500;color:var(--gray);}
.local-info .gall_li .cate-like2{font-size:0.95em;font-weight:500;color:var(--mainColor);}
.local-info .gall_li .subject{font-size:1.05em;font-weight:400;color:#343434;line-height:1.4em;display:inline-block;}
.local-info .gall_li:after{display:none;}
.local-info .gall_li .thumb + .gallCon, .local-info .gall_li .gallCon + .thumb{margin-left:15px;}

/* 검색 초기 또는 (없음 일때) */
.gall_li .thumb .temp{display:inline-block;width:120px;height:120px;background:rgba(0,0,0,0.05);}
.gall_li .gallCon .temp{display:block;width:100%;height:15px;background:rgba(0,0,0,0.05);margin-bottom:15px;}
.gall_li .gallCon .temp:nth-child(1){width:100%;height:20px;margin-top:5px;}
.gall_li .gallCon .temp:nth-child(2){width:80%;height:10px;}
.gall_li .gallCon .temp:nth-child(3){width:85%;height:10px;}
.gall_li .gallCon .temp:nth-child(4){width:70%;height:10px;}

/* 마켓 플로팅 메뉴 */
.floating{position:fixed;bottom:15px;right:15px;z-index:3;text-align:right;}
.floating.open{z-index:12;}
.floating .fixedCover{background:rgba(0,0,0,0.6);}
.floating .toggle:before{position:relative;z-index:21;content:'\27';font-family:'kojipsa';font-size:19px;font-weight:normal;width:52px;height:52px;box-shadow:0 5px 6px rgba(0,0,0,0.1);border-radius:50%;color:#fff;background:#3d78ff;
    display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.5, 0, 0, 1.25);}
.floating .toggle-menu{position:absolute;right:0;bottom:0;z-index:20;}
.floating .toggle-menu li{position:absolute;bottom:0;right:0;font-size:1.05em;font-weight:600;color:#fff;min-width:200px;transition:all 0.4s cubic-bezier(0.5, 0, 0, 1.25);opacity:0;}
.floating .toggle-menu li a{display:inline-block;min-width:100px;}
.floating .toggle-menu li a:after{margin-left:10px;content:'';font-family:'kojipsa';font-size:15px;font-weight:normal;display:inline-flex;align-items:center;justify-content:center;
    width:40px;height:40px;box-shadow:0 5px 6px rgba(0,0,0,0.1);border-radius:50%;color:#fff;background:#3d78ff;}
.floating.open .toggle:before{color:#3d78ff;background:#fff;transform:rotate(135deg);font-size:22px;}
.floating.open .toggle-menu li{opacity:1;}
.floating.open .toggle-menu li:nth-last-child(1){bottom:4.5em;}
.floating.open .toggle-menu li:nth-last-child(2){bottom:8em;}
.floating.open .toggle-menu li:nth-last-child(3){bottom:11.5em;}
.floating.open .toggle-menu li a.search:after{content:'\53';}
.floating.open .toggle-menu li a.my:after{content:'\e003';}
.floating.open .toggle-menu li a.write:after{content:'\e002';}



/*____________________________ view (상세 페이지) ____________________________*/
#view{position:relative;padding-bottom:20px;}
.viewContents{position:relative;padding-bottom:20px;}
.viewContents .textCon{padding:20px 15px;}
.viewContents .viewInfoSet{padding-bottom:12px;display:flex;align-items:center;color:#303030;font-size:0.85em;font-weight:400;border-bottom:1px solid rgba(0,0,0,0.04);}
.viewContents .viewInfoSet .writer{display:inline-block;font-weight:600;}
.viewContents .viewInfoSet .writer .mb_img{margin-right:6px;width:22px;height:22px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;}
.viewContents .viewInfoSet .date{margin-left:15px;}
.viewContents .textCon .subject{margin-top:24px;font-size:1.35em;font-weight:600;margin-bottom:10px;}
.viewContents .textCon .subject .sjCate{display:inline-block;margin-right:0.6em;color:var(--blue);}
.gall_li .subject + .infoSet{}
.viewContents .imgCon{}
.viewContents .imgCon img + img{margin-top:10px;}
.viewContents .filelink{padding:0 25px;font-weight:500;}
.viewContents .imgCon + .filelink{margin-top:20px;}
.viewContents .filelink li{}
.viewContents .filelink li:not(:first-child){margin-top:0.5em;}
.viewContents .filelink li a{position:relative;color:var(--mainColor);display:inline-flex;align-items:center;max-width:100%;}
.viewContents .filelink li a:after{content:'';position:absolute;bottom:0;left:-3px;width:calc(100% + 6px);height:0.7em;background:var(--mainColor);opacity:0.1;}
.viewContents .filelink li a .fileName{max-width:100%;display:block;overflow :hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;}
.viewContents .filelink li a .fileSize{display:inline-block;margin-left:10px;opacity:0.8;font-size:0.9em;font-weight:200;}
.viewContents .filelink li a:before{content:'\56';font-family:'kojipsa';font-size:0.9em;font-weight:normal;display:inline-block;vertical-align:top;margin-right:1em;}
.viewContents .period, .layerPopup .period{margin-bottom:10px;margin-left:-5px;font-size:18px;}
.viewContents .period .date, .layerPopup .period .date{background:var(--mainColor);}
.viewContents .period .date:before, .layerPopup .period .date:before{font-size:20px;border-color:var(--mainColor);color:var(--mainColor);}
.viewContents .period, .layer-popup .period{margin-bottom:10px;margin-left:-5px;font-size:18px;}
.viewContents .period .date, .layer-popup .period .date{background:var(--mainColor);}
.viewContents .period .date:before, .layer-popup .period .date:before{font-size:20px;border-color:var(--mainColor);color:var(--mainColor);}
.viewContents .poll-select-wrap{padding:20px 25px;}
/* 내글 수정 삭제 버튼*/
.viewContents .toggle-btnSet{position:absolute;right:25px;top:25px;}
/* 태그 */
.viewContents .sot-tag{margin-top:1em;font-weight:400;color:rgba(71,78,103,0.6);}
.viewContents .sot-tag span:not(:first-child){display:inline-block;margin-left:0.6em;}
/* 링크 모음 */
.viewContents .linkSet{margin-top:20px;}
.viewContents .linkSet .btn + .btn{margin-top:10px;}
.viewContents .linkSet .btn{background:rgba(71,78,103,0.5);}


/* 상단 슬라이드 이미지 */
#view .slideWrapper{margin:0;padding:0;}
#view .slideWrapper .swiper-slide{width:100%;height:410px;overflow:hidden;background-size:cover;background-position:center;}
#view .slideWrapper .swiper-slide img{display:none;}
#view .slideWrapper .pagination:before{content:'';display:block;position:absolute;bottom:0;left:0;z-index:2;width:100%;height:50px;background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.07));}
.slideWrapper .pagination{transition:all .2s ease-in-out;position:absolute;bottom:0;left:0;padding-bottom:10px;z-index:6;width:100%;text-align:center;}
.slideWrapper .pagination .swiper-pagination-bullet{position:relative;z-index:4;background:#fff;width:9px;height:9px;margin:0 7px;opacity:0.5;}
.slideWrapper .pagination .swiper-pagination-bullet-active{background:#fff;opacity:1;}


/* 마을장터 상세 */
#view.market{}
#view.market .viewContents .product-info{font-size:1.25em;margin-top:15px;margin-bottom:15px;}
#view.market .viewContents .price{/*font-family:verdana, sans-serif;*/font-family: 'GongGothicBold';}
#view.market .viewContents .price:after{content:'원';font-family: 'GongGothicMedium';}
#view.market .viewContents .tag{font-size:0.8em;font-weight:600;margin-right:12px;}
#view.market .viewContents .product-info .ssb{font-size:1rem;font-weight:600;color:var(--mainColor);display:inline-block;float:right;}

/* 지역정보 상세*/
#view.local-info{}
#view.local-info .subject + .viewInfoSet{font-size:1em;border:0;margin:13px 0;padding:0;color:var(--mainColor);color:#FF5B5B;}
#view.local-info .subject + .viewInfoSet .viCate-co{font-weight:600;color:var(--gray);}
#view.local-info .subject + .viewInfoSet .like{margin-left:auto;}
#view.local-info .subject + .viewInfoSet .like span{font-weight:normal;display:inline-block;font-family:'Montserrat';margin-left:5px;}
#view.local-info .btn-like{margin-left:15px;font-weight:600;font-size:0.9em;display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 10px;border-radius:3px;background:var(--mainColor);background:#FF5B5B;color:#fff;}
#view.local-info .btn-like:before{content:'\e038';font-family:'kojipsa';font-weight:normal;vertical-align:top;margin-top:-2px;margin-right:4px;display:inline-block;}


/* 상단 슬라이드 이미지 클릭후.. */
#page-wrapper.gallery{background:#000;position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;display:inline-flex;align-items:center;justify-content:center;}
#page-wrapper.gallery #header, #page-wrapper.gallery .headerSpace, #page-wrapper.gallery .viewContents, #page-wrapper.gallery #comment-wrapper, #page-wrapper.gallery #footer{display:none;}
#page-wrapper.gallery #view.market{}
#page-wrapper.gallery #view.market .slideWrapper .swiper-slide{width:100%;height:auto;background:none !important;display:flex;align-items:center;justify-content:center;}
#page-wrapper.gallery #view.market .slideWrapper .swiper-slide img{display:block;}
#page-wrapper.gallery .slideWrapper .pagination{position:fixed;bottom:20px;}
#page-wrapper.gallery .gallClose:before{content:'\4c';font-family:'kojipsa';font-size:17px;color:#fff;position:fixed;top:10px;right:10px;z-index:99;width:54px;height:54px;display:flex;align-items:center;justify-content:center;}



/* 댓글 */
#comment-wrapper{position:relative;padding:35px 20px;}
#comment-wrapper:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:8px;background:rgba(0,0,0,0.06);border-top:1px solid rgba(0,0,0,0.02);border-bottom:1px solid rgba(0,0,0,0.02);clear:both;}
.formComment textarea{display:block;*overflow:visible;padding:15px;height:50px;color:#151515;border:0;background-color:#fff;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;position:relative;}
.formComment .cobox{position:relative;border:1px solid #bababa;border-radius:4px;}
.formComment .cobox .info{display:none;position:absolute;top:12px;left:15px;z-index:9;}
.formComment .cobox.focus .info{display:block;}
.formComment .cobox .info .name{font-weight:600;}
.formComment .cobox .info .date{font-size:0.9em;display:inline-block;margin-left:15px;}
.formComment .cobox.focus .writer{}
.formComment .cobox .btnSubmit{color:var(--red);position:absolute;bottom:0;right:0;width:65px;height:50px;border-left:1px solid #bababa;display:flex;align-items:center;justify-content:center;}
.formComment .cobox.focus .cobox-bottom{position:absolute;bottom:0;right:0;z-index:2;width:100%;height:46px;border-top:1px solid #bababa;}
.formComment .cobox.focus .btnSubmit{height:46px;}
.formComment .cobox.focus{height:200px;padding:45px 15px 55px 15px;}
.formComment .cobox.focus textarea{height:100%;padding:0;}
.viewComment{position:relative;margin-top:30px;}
.viewComment .list-vc:not(:last-child){border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:20px;margin-bottom:20px;}
.viewComment .list-vc{position:relative;/*display:flex;align-items:flex-start;justify-content:flex-start;*/}
.viewComment .list-vc.re{padding-left:20px;}
.viewComment .list-vc.re:before{content:'└';/*font-family:'kojipsa';*/font-size:15px;font-weight:200;color:rgba(0,0,0,0.7);position:absolute;top:0;left:0;z-index:3;}
.viewComment .list-vc .coCon{}
.viewComment .list-vc .coCon header{display:flex;align-items:center;margin-bottom:8px;}
.viewComment .list-vc .coCon header .thumb{width:26px;margin-top:-1px;margin-right:8px;vertical-align:middle;}
.viewComment .list-vc .coCon header .name{font-weight:600;}
.viewComment .list-vc .coCon header .date{font-size:0.9em;display:inline-block;margin-left:15px;}
.viewComment .list-vc .coCon .co-re{color:var(--red);display:inline-block;margin-left:6px;}
.viewComment .list-vc .co-re-toggleSet{font-size:1em;position:absolute;right:0;top:6px;display:flex;align-items:center;justify-content:center;}
.viewComment .list-vc .co-re-toggleSet:before{}
.viewComment .list-vc .co-re-toggleSet .co-re-openner{}
.viewComment .list-vc .co-re-toggleSet .co-re-openner:before{content:'\5b';font-family:'kojipsa';font-size:14px;font-weight:normal;color:rgba(0,0,0,0.7);
    position:absolute;top:-10px;right:-13px;z-index:4;width:28px;height:30px;display:flex;align-items:center;justify-content:center;}
.viewComment .list-vc .co-re-toggleSet .co-btnSet{display:none;text-align:center;position:absolute;top:-13px;right:-15px;width:100px;min-height:110px;padding:0 20px;/*border:1px solid rgba(0,0,0,0.3);*/
    background:rgba(255,255,255,1);box-shadow:-4px 5px 6px rgba(0,0,0,0.06);border-radius:12px;z-index:3;}
.viewComment .list-vc .co-re-toggleSet.open{z-index:15;}
.viewComment .list-vc .co-re-toggleSet.open .co-re-openner:before{z-index:15;content:'\4c';font-size:13px;}
.viewComment .list-vc .co-re-toggleSet.open .co-btnSet{display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:14;}
.viewComment .list-vc .co-re-toggleSet a{display:flex;align-items:center;height:2.8em;color:#ff583c;width:100%;text-align:left;}
.viewComment .list-vc .co-re-toggleSet a:not(:last-child){margin-top:5px;border-bottom:1px solid rgba(0,0,0,0.1);}
/*.viewComment .list-vc .co-re-toggleSet .fixedCover{display:none;}
.viewComment .list-vc .co-re-toggleSet.open .fixedCover{display:block;position:fixed;top:0;left:0;z-index:11;width:100%;height:100%;background:rgba(0,0,0,0.4);}*/
.viewComment .list-vc .formComment{margin-top:10px;}



/*____________________________ #write (쓰기 페이지) ____________________________*/
#write{position:relative;padding:0 15px;float:left;width:100%;}
#write input,#write textarea{font-size:17px;border:0;border-radius:0;padding:10px 0;box-shadow:none;color:#000;}
#write .wr-list{position:relative;}
#write .wr-list:not(:last-child){border-bottom:1px solid rgba(0,0,0,0.1);}
#write .wr-list.flex{display:flex;align-items:center;justify-content:center;}
#write .wr-list.flex .span{flex:1;}
#write #inp-subject{font-weight:600;}
#write #inp-price{width:100%;font-weight:800;padding-right:120px;}
#write #txt-con{min-height:200px;font-size:16px;}
#write #txt-tag{}
#write .datepicker + .datepicker{border-left:1px solid rgba(0,0,0,0.1);padding-left:12px;}
#write .wr-list .option-select{position:absolute;top:0;right:5px;z-index:6;height:100%;display:inline-flex;align-items:center;justify-content:center;}
#write .wr-list.fileContainer{width:100%;height:100px;}
#write .wr-list.fileContainer .swiper-container{position:absolute;top:0;left:0;z-index:1;border:0 !important;width:calc(100% + 30px);margin-left:-15px;padding:15px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;}
#write .myform{font-size:17px;}
#write .myform .label{left:0px;margin-top:-0.7em;}
#write .myform .label.small{font-size:0.85em;margin-top:-1.9em;color:#9a9a9a;}
#write .myform .label.small + input{padding-top:1.3em !important;}

.fileContainer ul{padding:0 15px;width:auto;float:left;}
.fileContainer li{display:inline-block;width:70px;height:70px;}
.fileContainer .btnCamera{width:70px;height:70px;border:1px solid rgba(0,0,0,0.15);font-size:14px;font-weight:400;color:rgba(71,78,103,0.7);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;}
.fileContainer .btnCamera:before{content:'\e03d';font-family:'kojipsa';font-size:20px;font-weight:normal;color:rgba(71,78,103,0.5);margin-top:5px;}
.fileContainer .btnCamera b{color:var(--mainColor);font-weight:600;}
.fileContainer li.upImg{position:relative;border-radius:4px;background-size:cover;background-position:center;margin-left:20px;}
.fileContainer li.upImg .btnDel:before{content:'\28';font-family:'kojipsa';font-size:7px;padding-top:0.1em;font-weight:normal;color:#fff;background:rgba(0,0,0,0.6);width:19px;height:19px;border-radius:50%;
    position:absolute;top:-8px;right:-8px;display:inline-flex;align-items:center;justify-content:center;}
/* 스크롤바 감추기 */
.fileContainer{-ms-overflow-style: none;scrollbar-width: none;}
.fileContainer::-webkit-scrollbar{display: none;}
.fileContainer + .wr-list{}


/*____________________________ #mypage ____________________________*/
#mypage{padding:35px 0 60px 0;overflow:visible;}
#mypage.bg{background:rgba(0,0,0,0.02);}
#mypage .container{padding-left:20px;padding-right:20px;}
#mypage .profile{text-align:center;}
#mypage .profile-thumb{position:relative;margin:0 auto;border-radius:50%;width:100px;height:100px;margin-bottom:15px;}
#mypage .profile-thumb .edit{display:inline-block;width:33px;height:33px;border-radius:50%;overflow:hidden;background:#fff;border:5px solid #fff;position:absolute;top:-4px;right:-6px;display:flex;align-items:center;justify-content:center;
    background:#fff url('../img/icon/camera2.png') center 1px;background-size:100%;}
#mypage .profile .info{display:flex;align-items:center;justify-content:center;flex-direction:column;}
#mypage .profile .info .name{font-size:1.5em;}
#mypage .info .addr{color:#919191;}
#mypage .profile .btnSet{margin-top:20px;}
#mypage .ul-flex-box{}
#mypage .ul-flex-box + .ul-flex-box{margin-top:50px;}
#mypage .ul-flex-box:before{content:attr(data-label);font-size:1.15em;font-family:'GongGothicLight',sans-serif;display:block;margin-bottom:10px;}
#mypage .ul-flex-box > li{display:flex;align-items:center;/*justify-content:center;*/height:66px;padding:0 15px;border:1.5px solid rgba(59,66,71,0.15);border-radius:7px;}
#mypage .ul-flex-box.stand > li{background:rgba(59,66,71,0.05);}
#mypage .ul-flex-box > li:not(:first-child){margin-top:10px;}
#mypage .ul-flex-box .flex{gap:0;display:inline-flex;align-items:center;}
#mypage .ul-flex-box .mb_img{width:34px;height:34px;margin-right:12px;}
#mypage .ul-flex-box .list-label{margin-right:auto;font-size:1.15em;line-height:1.1em;padding-top:0.15em;}
#mypage .ul-flex-box .list-label small{color:#9297a1;font-size:0.75em;font-weight:400;display:block;}
#mypage .ul-flex-box .list-option .btn{background:#fff;border:1px solid rgba(0,0,0,0.15);height:38px;color:rgba(55,71,79,1);border-radius:5px;font-size:1em;}
#mypage .ul-flex-box .list-option .btn.cancel{color:rgba(55,71,79,0.6);}
#mypage .ul-flex-box .list-option .btn + .btn{margin-left:5px;}
#mypage .ul-flex-box .toggle-btnSet{margin-left:auto;margin-top:-10px;margin-right:5px;}




/*____________________________ #info ____________________________*/
#info{padding:40px 20px;line-height:1.6em;background:#fff;word-break:keep-all;}
#info p{word-break:keep-all;}



/*____________________________ visitor ____________________________*/
/* visitor-register */
#visitor-register{}
#visitor-register .addform{position:absolute;top:65px;width:100%;}
#visitor-register .addform .tbtn{position:relative;font-family:'GongGothicLight',sans-serif;font-size:1.07em;color:rgba(59,66,71,0.7);}
#visitor-register .addform .tbtn:before{content:'\27';font-family:'kojipsa';font-size:14px;font-weight:normal;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;
    width:26px;height:26px;border-radius:50%;border:2px solid rgba(59,66,71,0.7);margin-right:10px;}
#visitor-register .addform .tbtn:after{content:'';position:absolute;bottom:0;right:0;width:calc(100% - 36px);height:0.55em;background:var(--mainColor);opacity:0.1;}

/* visitor-complete */
#visitor-complete .complete-box{position:relative;background:rgba(59,66,71,0.8);color:#fff;font-weight:700;/*border:1px solid var(--mainColor);*/border-radius:14px;box-shadow:0 4px 8px rgba(0,0,0,0.1);padding:30px 35px;}
#visitor-complete .complete-box .row{text-align:left;padding:15px 0;}
#visitor-complete .complete-box .row:not(:last-child){border-bottom:1px dashed rgba(255,255,255,0.1);}
#visitor-complete .complete-box .label{color:rgba(255,255,255,0.6);font-weight:300;line-height:1.8em;}
#visitor-complete .complete-box .con{font-family:'GongGothicLight',sans-serif;font-size:23px;line-height:1.3em;}

/* visitor-list */
#list.visitor-list{padding-bottom:100px;background:#fff;}
.visitor-list .tabs{background:rgba(0,0,0,0.05);}
.visitor-list .tabs:after{display:block;visibility:hidden;clear:both;content:""}
.visitor-list .tabs a{float:left;width:50%;height:50px;display:inline-flex;align-items:center;justify-content:center;font-size:1.05em;font-weight:500;}
.visitor-list .tabs a.active{background:#fff;}
.visitor-list .tabs a.active:first-child{box-shadow:7px 0 5px rgba(0,0,0,0.02);}
.visitor-list .tabs a.active:last-child{box-shadow:-7px 0 5px rgba(0,0,0,0.02);}
.visitor-list .tabs a:not(.active){color:rgba(0,0,0,0.5);border-bottom:1px solid rgba(0,0,0,0.1);}
.visitor-list .tabs a:first-child:not(.active){border-right:1px solid rgba(0,0,0,0.1);}
.visitor-list .tabs a:last-child:not(.active){border-left:1px solid rgba(0,0,0,0.1);}
.visitor-list .hd-result{width:calc(100% - 20px);margin-left:10px;margin-top:15px;background:#3874f0;color:#fff;font-weight:600;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);padding:20px;display:inline-flex;align-items:center;justify-content:center;}
.visitor-list .hd-result .num{margin-left:auto;font-size:1.3em;}
.visitor-list .visitor_ul{padding:0 10px;}
.visitor-list .visitor_ul > li{position:relative;padding:16px 5px;border-bottom:1px solid rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;}
.visitor-list .visitor_ul > li:not(:last-child){border-bottom:1px solid rgba(0,0,0,0.1);}
.visitor-list .visitor_ul > li .info{margin-right:auto;}
.visitor-list .visitor_ul > li .state{margin-left:auto;margin-right:5px;color:rgba(59,66,71,0.7)}
.visitor-list .visitor_ul > li .state a{display:inline-flex;align-items:center;color:rgba(59,66,71,1)}
.visitor-list .visitor_ul > li .state a.popup-inline:before{content:'\7d';font-family:'kojipsa';font-size:0.9em;font-weight:normal;line-height:1em;margin-right:7px;}
.visitor-list li .date-in{font-size:14px;color:#585858;}
.visitor-list li .carNum{font-family:'GongGothicLight',sans-serif;font-size:20px;margin-top:5px;}
.visitor-list li .toggle-btnSet{margin-left:20px;margin-top:-12px;margin-right:5px;}


/*____________________________ facilities ____________________________*/
#facilities-head{padding:0 15px;margin-top:10px;text-align:center;}
#facilities-head #list-search-wrap .search{width:100%;}
#facilities{padding:0;/*border-bottom:1px solid rgba(0,0,0,0.1);*/}
#facilities header{display:flex;justify-content:center;flex-direction:column;padding:0 20px;height:100px;background:#3874f0;background:var(--mainColor);color:#fff;/*border-bottom:1px solid rgba(0,0,0,0.1);*/font-size:1.1em;font-weight:500;z-index:3;}
#facilities header .name{font-family: 'GongGothicMedium';font-size:24px;}
#facilities header .date{font-weight:500;margin-top:5px;color:#fff78d;font-size:17px;}
#facilities .facilities_ul{width:100%;margin-top:10px;margin-bottom:80px;border-top:1px solid rgba(0,0,0,0.1);}
#facilities li{width:100%;position:relative;}
#facilities li{border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 15px;}
#facilities li .opener{position:relative;display:block;font-size:1em;font-weight:500;background:#fff;color:rgba(59,66,71,0.8);}
#facilities li .opener:before{content:'\49';font-family:'kojipsa';font-size:16px;color:rgba(59,66,71,0.8);font-weight:normal;position:absolute;top:0px;right:20px;transition:all 0.2s cubic-bezier(0.5,0,0,1.25);}
#facilities li.open .opener:before{transform:rotate(180deg);}
#facilities li.option{display:flex;align-items:center;padding:0 20px;width:calc(100% - 30px);height:60px;color:rgba(59,66,71,0.6);margin-left:15px;margin-top:12px;background:rgba(59,66,71,0.05);border:1px solid rgba(59,66,71,0.05);border-radius:10px;transition:all .2s ease-in-out;/*box-shadow:0 6px 6px rgba(0,0,0,0.1);*/}
#facilities li.option.checked{/*background:rgba(59,66,71,0.9);*/background:#3874f0;color:#fff;font-weight:600;}
#facilities li.option:after{margin-left:auto;content:'\32';font-family:'kojipsa';font-size:16px;font-weight:normal;color:rgba(59,66,71,0.06);}
#facilities li.option.checked:after{color:#fff;}
#facilities li li.option{margin-left:5px;width:calc(100% - 10px);}
#facilities li li.option:first-child{margin-top:20px;}

/* facilities-complete */
#facilities-complete{margin-top:20px;margin-bottom:90px;}
#facilities-complete .complete-box{position:relative;background:rgba(59,66,71,0.8);color:#fff;font-weight:700;/*border:1px solid var(--mainColor);*/border-radius:14px;box-shadow:0 4px 8px rgba(0,0,0,0.1);padding:30px 35px;}
#facilities-complete .complete-box .row{text-align:left;padding:15px 0;}
#facilities-complete .complete-box .row:not(:last-child){border-bottom:1px dashed rgba(255,255,255,0.1);}
#facilities-complete .complete-box .label{color:rgba(255,255,255,0.6);font-size:15px;font-weight:300;line-height:1.8em;}
#facilities-complete .complete-box .con{font-family:'GongGothicLight',sans-serif;font-size:19px;line-height:1.3em;}

/* facilities-list */
#list.facilities-list{padding-bottom:100px;background:#fff;}
.facilities-list .tabs{background:rgba(0,0,0,0.05);}
.facilities-list .tabs:after{display:block;visibility:hidden;clear:both;content:""}
.facilities-list .tabs a{float:left;width:50%;height:50px;display:inline-flex;align-items:center;justify-content:center;font-size:1.05em;font-weight:500;}
.facilities-list .tabs a.active{background:#fff;}
.facilities-list .tabs a.active:first-child{box-shadow:7px 0 5px rgba(0,0,0,0.02);}
.facilities-list .tabs a.active:last-child{box-shadow:-7px 0 5px rgba(0,0,0,0.02);}
.facilities-list .tabs a:not(.active){color:rgba(0,0,0,0.5);border-bottom:1px solid rgba(0,0,0,0.1);}
.facilities-list .tabs a:first-child:not(.active){border-right:1px solid rgba(0,0,0,0.1);}
.facilities-list .tabs a:last-child:not(.active){border-left:1px solid rgba(0,0,0,0.1);}
.facilities-list .hd-result{width:calc(100% - 20px);margin-left:10px;margin-top:15px;background:#3874f0;color:#fff;font-weight:600;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);padding:20px;display:inline-flex;align-items:center;justify-content:center;}
.facilities-list .hd-result .num{margin-left:auto;font-size:1.3em;}
.facilities-list .facilities_ul{padding:0 10px;}
.facilities-list .facilities_ul > li{position:relative;padding:20px 5px;border-bottom:1px solid rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;}
.facilities-list .facilities_ul > li:not(:last-child){border-bottom:1px solid rgba(0,0,0,0.1);}
.facilities-list .facilities_ul > li .info{margin-right:auto;}
.facilities-list .facilities_ul > li .state{margin-left:auto;margin-right:5px;color:rgba(59,66,71,0.7)}
.facilities-list .facilities_ul > li .state a{display:inline-flex;align-items:center;color:rgba(59,66,71,1)}
.facilities-list .facilities_ul > li .state a.popup-inline:before{content:'\7d';font-family:'kojipsa';font-size:0.9em;font-weight:normal;line-height:1em;margin-right:7px;}
.facilities-list li .date-in{font-size:0.9em;color:#585858;}
.facilities-list li .name{font-family:'GongGothicLight',sans-serif;font-size:21px;}
.facilities-list li .name small{font-family:'GongGothicLight',sans-serif;font-size:15px;color:rgba(0,0,0,0.5);margin-left:10px;}
.facilities-list li .time{font-size:0.95em;line-height:1.5em;color:#575757;}
.facilities-list li .toggle-btnSet{margin-left:20px;margin-top:-12px;margin-right:5px;}



/*____________________________ cost ____________________________*/
#cost{position:relative;padding-bottom:50px;}
#cost header{position:relative;padding:30px 20px;border-bottom:1px solid rgba(0,0,0,0.1);}
#cost header .title{font-weight:500;color:var(--gray)}
#cost header .total-price{font-size:32px;font-weight:normal;font-family:'GongGothicMedium',sans-serif;margin-top:25px;}
#cost header .view{position:absolute;top:30px;right:20px;font-family:'GongGothicLight',sans-serif;font-size:13px;line-height:1em;display:inline-flex;align-items:center;justify-content:center;
    padding:0 12px;height:32px;background:var(--blue);color:#fff;box-shadow:0 4px 6px rgba(0,0,0,0.1);border-radius:20px;}
#cost header .view:before{}
#cost .from{display:inline-flex;align-items:center;background:rgba(59,66,71,0.4);color:#fff;border-radius:7px;padding:0 20px;height:52px;width:calc(100% - 40px);margin:15px 0 10px 20px;border-bottom:1px solid rgba(0,0,0,0.1);}
#cost .from label{}
#cost .from .res{margin-left:auto;font-weight:600;}
#cost .costGraph{padding:15px;padding-right:0;border-bottom:1px solid rgba(0,0,0,0.1);}
#cost .costGraph.pie{display:flex;align-items:center;}
#cost .costGraph.pie .api-wrap{flex:1;}
#cost .costGraph.pie #rightLegend{padding-left:20px;width:140px;font-size:12px;font-family:'GongGothicLight',sans-serif;line-height:1.8em;}
#cost .costGraph.pie #rightLegend li{display:flex;align-items:center;}
#cost .costGraph.pie #rightLegend span{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;}
#cost .month-table{}
#cost .month-table .tbl-head{padding:0 20px;display:flex;align-items:center;justify-content:center;height:44px;border-bottom:1px solid rgba(0,0,0,0.1);background:rgba(0,0,0,0.05);}
#cost .month-table .tbl-head .month{margin-right:auto;width:60px;text-align:center;}
#cost .month-table .tbl-head .price{margin:0 auto;width:150px;text-align:center;}
#cost .month-table .tbl-head span:last-child{margin-left:auto;width:60px;}
#cost .month-table ul{}
#cost .month-table ul li{display:flex;align-items:center;justify-content:center;height:60px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1);font-size:0.95em}
#cost .month-table ul li .date{margin-right:auto;color:var(--gray);width:60px;text-align:center;}
#cost .month-table ul li .price{margin:0 auto;font-weight:600;font-size:1.15em;width:150px;text-align:center;}
#cost .month-table ul li .view{margin-left:auto;font-family:'GongGothicLight',sans-serif;font-size:13px;line-height:1em;display:inline-flex;align-items:center;justify-content:center;
    padding:0 12px;height:32px;background:var(--blue);color:#fff;box-shadow:0 4px 6px rgba(0,0,0,0.1);border-radius:20px;}
#cost .month-table ul li .view:after{content:'\24';font-family:'kojipsa';font-size:10px;font-weight:normal;color:rgba(255,255,255,0.7);margin-left:5px;margin-right:-4px;}
#cost select{font-weight:500;font-size:1.05em;text-align:center;padding-left:calc(50% - 3.5em);font-family:'GongGothicLight',sans-serif;background:#fffcd9;}
#cost .tbl-head{display:flex;align-items:center;justify-content:center;padding:0 20px;height:66px;border-bottom:1px solid rgba(0,0,0,0.1);}
#cost .tbl-head .title{font-weight:500;color:var(--gray)}
#cost .tbl-head .total-price{font-size:24px;font-family:'GongGothicMedium',sans-serif;margin-left:auto;}
#cost .tbl-basic table{width:100%;}
#cost .tbl-basic table th{padding:10px 10px;text-align:center;font-family:'GongGothicLight',sans-serif;font-size:14px;font-weight:normal;background:rgba(0,0,0,0.04);border-bottom:1px solid #e0e0e0;color:rgba(59,66,71,0.6);}
#cost .tbl-basic table td{padding:10px 10px;line-height:1em;}
#cost .tbl-basic table tr:first-child td{padding-top:20px;}
#cost .tbl-basic table td.title{padding-left:25px;font-size:15px;font-family:'GongGothicLight',sans-serif;}
#cost .tbl-basic table td.price{width:100px;text-align:right;padding-right:25px;font-size:15px;font-weight:500;}
#cost .tbl-basic table td.price.last{color:rgba(59,66,71,0.6);font-weight:400;}
#cost .tbl-basic table td.icon{width:80px;text-align:center;}
#cost .tbl-basic table td.icon .up:before, #cost .tbl-basic table td.icon .down:before{content:'';font-family:'kojipsa';font-size:10px;font-weight:normal;color:rgba(0,0,0,0.7);}
#cost .tbl-basic table td.icon .up:before{content:'\40';color:var(--red);}
#cost .tbl-basic table td.icon .down:before{content:'\3f';color:var(--blue);}

#cost .costGraph{position:relative;}
#cost .costGraph:after{content:'';width:100%;height:1px;background:rgba(0,0,0,0.1);position:absolute;bottom:50%;left:0;margin-bottom:10px;}
#cost .chart-bar{position:relative;height:calc(100% - 40px);display:flex;justify-content:center;align-items:flex-end;justify-content:space-between;padding:30px 60px;height:140px;font-size:26px;}
#cost .chart-bar:after{content:'';width:100%;height:1px;background:rgba(0,0,0,0.1);position:absolute;bottom:30px;left:0;}
#cost .chart-bar:before{content:'';width:100%;height:1px;background:rgba(0,0,0,0.1);position:absolute;top:0px;left:0;}
#cost .chart-bar.flex1{justify-content:center;}
#cost .chart-bar .bar{position:relative;width:30px;height:100%;display:inline-flex;justify-content:center;align-items:flex-end;z-index:3;}
#cost .chart-bar .bar .label{font-size:16px;font-weight:400;color:#797C8F;display:inline-block;position:absolute;bottom:-1.7em;left:50%;width:70px;margin-left:-35px;text-align:center;}
#cost .chart-bar .bar .num{font-size:16px;font-weight:600;color:#222324;display:inline-block;position:absolute;bottom:0;left:50%;width:90px;margin-left:-45px;text-align:center;}
#cost .chart-bar .bar .stick{position:relative;display:block;width:100%;height:0;background:#1d74f2;border-radius:2px;}



/*____________________________ homeControl ____________________________*/
#homeControl{padding-bottom:60px;}
#homeControl header{text-align:center;margin:70px 0 50px 0;}
#homeControl header img{max-width:120px;}
#homeControl header .help-block{color:var(--red);font-size:0.9em;margin-top:30px;margin-bottom:-10px;}

#homeControl .ul-form-grid{position:relative;}
#homeControl .ul-form-grid li{position:relative;display:flex;align-items:center;justify-content:center;text-align:left;}
#homeControl .ul-form-grid li .grid-label{margin-right:auto;font-size:1.25em;font-family:'GongGothicLight',sans-serif;}
#homeControl .ul-form-grid li .grid-label small{color:#9297a1;font-size:0.8em;font-weight:300;font-family:Apple SD Gothic Neo,'NanumSquare',Dotum,돋움,sans-serif;}
#homeControl .ul-form-grid a{display:flex;align-items:center;justify-content:center;width:100%;height:50px;}
#homeControl .ul-form-grid a:before{content:'';position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;width:50px;height:100%;}
#homeControl .ul-form-grid a .icon{width:64px;height:100%;display:inline-flex;align-items:center;justify-content:center;}
/*#homeControl .ul-form-grid .homeControl_light:before{background:url('../img/icon/icon-homeControl1-mini.png') no-repeat center;background-size:25px 30px;margin-top:-5px;}
#homeControl .ul-form-grid .homeControl_gasValve:before{background:url('../img/icon/icon-homeControl2-mini.png') no-repeat center;background-size:35px 35px;}
#homeControl .ul-form-grid .homeControl_ventilation:before{background:url('../img/icon/icon-homeControl3-mini.png') no-repeat center;background-size:27px 37px;}
#homeControl .ul-form-grid .homeControl_heating:before{background:url('../img/icon/icon-homeControl4-mini.png') no-repeat center;background-size:36px 32px;}*/
#homeControl .ul-form-grid a:after{margin-left:auto;content:'\48';font-family:'kojipsa';font-size:14px;font-weight:normal;color:rgba(0,0,0,0.5);}

#homeControl .flex-box-light{display:flex;align-items:center;justify-content:center;flex-direction:column;}
#homeControl .flex-box-light .flex-row{display:flex;width:100%;}
#homeControl .flex-box-light .list{flex:1;display:inline-flex;align-items:center;justify-content:center;height:60px;color:rgba(59,66,71,0.6);background:rgba(59,66,71,0.05);border:1px solid rgba(59,66,71,0.05);border-radius:10px;transition:all .2s ease-in-out;}
#homeControl .flex-box-light .list:not(:first-child){margin-left:10px;}
#homeControl .flex-box-light .list-slide{position:relative;width:100%;margin-top:10px;color:rgba(59,66,71,0.6);background:rgba(59,66,71,0.05);border:1px solid rgba(59,66,71,0.05);border-radius:10px;transition:all .2s ease-in-out;}
#homeControl .flex-box-light .list-slide .head{width:100%;padding:17px 30px;display:flex;align-items:center;font-family:'GongGothicLight',sans-serif;}
#homeControl .flex-box-light .list-slide .head .label{margin-right:left;color:rgba(59,66,71,1);}
#homeControl .flex-box-light .list-slide .head .count{margin-left:auto;font-size:0.75em;line-height:1em;display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:26px;background:rgba(59,66,71,0.3);color:#fff;
    box-shadow:0 4px 6px rgba(0,0,0,0.05);border-radius:20px;}
#homeControl .flex-box-light .list-slide .head .count.on{background:#38d2e9;}
#homeControl .flex-box-light .list-slide .head .slide-toggle{position:absolute;top:16px;right:-10px;}
#homeControl .flex-box-light .list-slide .head .slide-toggle:before{content:'\25';font-family:'kojipsa';font-size:10px;line-height:1em;font-weight:normal;display:inline-flex;align-items:center;justify-content:center;color:rgba(59,66,71,0.6);
    width:26px;height:26px;background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.05);}
#homeControl .flex-box-light .list-slide .head.open .slide-toggle:before{transform:rotate(180deg);}
#homeControl .flex-box-light .list-slide .body{display:none;padding:20px 15px;}
#homeControl .flex-box-light .list-slide .body .light-switch-wrap{display:flex;justify-content:center;}
#homeControl .flex-box-light .list-slide .body .light-switch-wrap .light-switch{display:block;width:40px;height:38px;background:url('../img/icon/switch-light.png') no-repeat center;background-size:36px 32px;}
#homeControl .flex-box-light .list-slide .body .light-switch-wrap .light-switch.on{background-image:url('../img/icon/switch-light-on.png');}
#homeControl .flex-box-light .list-slide .body .light-switch-wrap .light-switch:not(:first-child){margin-left:30px;}
#homeControl .flex-box-light .list-slide .body .bottom{text-align:center;margin-top:30PX;margin-bottom:10px;}
#homeControl .flex-box-light .list-slide .body .bottom .btn-switch{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;background:#fff;border:1px solid rgba(59,66,71,0.1);border-radius:10px;transition:all .2s ease-in-out;}
#homeControl .flex-box-light .list-slide .body .bottom .btn-switch:not(:first-child){margin-left:15px;}

#homeControl .flex-box-valve{}
#homeControl .flex-box-valve .list{display:flex;align-items:center;justify-content:center;padding:18px 25px;min-height:60px;color:rgba(59,66,71,0.6);background:rgba(59,66,71,0.05);border:1px solid rgba(59,66,71,0.05);border-radius:10px;transition:all .2s ease-in-out;}
#homeControl .flex-box-valve .list:not(:first-child){margin-top:10px;}
#homeControl .flex-box-valve .list .label{margin-right:auto;font-size:1.1em;color:rgba(59,66,71,1);font-family:'GongGothicLight',sans-serif;display:flex;flex-direction:column;}
#homeControl .flex-box-valve .list .label small{font-size:0.8em;line-height:1em;margin-top:7px;color:var(--gray);font-weight:400;font-family:Apple SD Gothic Neo,'NanumSquare',Dotum,돋움,sans-serif;}
#homeControl .flex-box-valve .list .btn-off{font-family:'GongGothicLight',sans-serif;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 15px;background:#fff;color:rgba(59,66,71,1);font-size:0.9em;line-height:1em;
    box-shadow:0 4px 6px rgba(0,0,0,0.05);border-radius:15px;transition:all .2s ease-in-out;}
#homeControl .flex-box-valve .list.on{background:var(--blue);color:#fff;}
#homeControl .flex-box-valve .list.on .label, #homeControl .flex-box-valve .list.on .label small{color:#fff;}
#homeControl .flex-box-valve .list:not(.on) .btn-off{display:none;}

#homeControl .flex-box-heating{}
#homeControl .flex-box-heating .temperature-panel{margin-bottom:10px;display:flex;align-items:stretch;border:1px solid rgba(59,66,71,0.15);background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 3px 8px rgba(0,0,0,0.05);}
#homeControl .flex-box-heating .temperature-panel .panel-body{flex:1;display:flex;align-items:center;justify-content:center;}
#homeControl .flex-box-heating .temperature-panel .panel-body > div{flex:1;display:flex;flex-direction:column;}
#homeControl .flex-box-heating .temperature-panel .panel-body > div span{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;}
#homeControl .flex-box-heating .temperature-panel .panel-body div:first-child span{border-right:1px solid rgba(0,0,0,0.1);}
#homeControl .flex-box-heating .temperature-panel .panel-body .label{height:42px;border-bottom:1px solid rgba(0,0,0,0.1);color:rgba(59,66,71,0.6);}
#homeControl .flex-box-heating .temperature-panel .panel-body .notation{height:70px;font-size:36px;font-weight:500;font-family:var(--num);background:#fff;color:var(--mainColor);}
#homeControl .flex-box-heating .temperature-panel .panel-body .current .notation{color:rgba(59,66,71,0.6);}
#homeControl .flex-box-heating .temperature-panel .controller{width:40px;border-left:1px solid rgba(0,0,0,0.1);}
#homeControl .flex-box-heating .temperature-panel .controller span{display:inline-flex;align-items:center;justify-content:center;width:100%;height:50%;}
#homeControl .flex-box-heating .temperature-panel .controller .up:before,
#homeControl .flex-box-heating .temperature-panel .controller .down:before{content:'';font-family:'kojipsa';font-size:12px;line-height:1em;font-weight:normal;color:rgba(59,66,71,0.6);}
#homeControl .flex-box-heating .temperature-panel .controller .up:before{content:'\40';}
#homeControl .flex-box-heating .temperature-panel .controller .down:before{content:'\3f';}
#homeControl .flex-box-heating .list-slide{position:relative;width:100%;margin-bottom:10px;color:rgba(59,66,71,0.6);background:rgba(59,66,71,0.05);background:#fff;border:1px solid rgba(59,66,71,0.15);border-radius:10px;box-shadow:0 5px 9px rgba(0,0,0,0.03);}
#homeControl .flex-box-heating .list-slide .head{width:100%;padding:10px 30px;display:flex;align-items:center;font-family:'GongGothicLight',sans-serif;}
#homeControl .flex-box-heating .list-slide .head .label{flex:1;font-size:1.05em;padding:13px 0;margin-right:left;color:rgba(59,66,71,1);}
#homeControl .flex-box-heating .list-slide .head .label small{display:inline-flex;align-items:center;justify-content:center;padding:0 8px;height:24px;margin-left:10px;background:rgba(59,66,71,0.3);color:#fff;border-radius:20px;font-size:12px;line-height:1em;}
#homeControl .flex-box-heating .list-slide .head .option{margin-left:auto;}
#homeControl .flex-box-heating .list-slide .head .slideToggle{position:absolute;top:19px;right:-10px;z-index:2;}
#homeControl .flex-box-heating .list-slide .head .slideToggle:before{content:'\25';font-family:'kojipsa';font-size:10px;line-height:1em;font-weight:normal;display:inline-flex;align-items:center;justify-content:center;color:rgba(59,66,71,0.6);
    width:26px;height:26px;background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.05);transition:all .2s ease-in-out;}
#homeControl .flex-box-heating .list-slide .head.open .slideToggle:before{transform:rotate(180deg);}
#homeControl .flex-box-heating .list-slide .body{padding:10px 15px 20px 15px;}
#homeControl .flex-box-heating .list-slide .body .temperature-panel{background:rgba(59,66,71,0.02);}
#homeControl .flex-box-heating .list-slide .body .flex-row{display:flex;align-items:center;padding:5px 20px;margin-top:15px;height:60px;border:1px solid rgba(0,0,0,0.1);border-radius:7px;box-shadow:0 3px 8px rgba(0,0,0,0.05);}
#homeControl .flex-box-heating .list-slide .body .flex-row .option{margin-left:auto}

#homeControl .flex-box-ventilation{}
#homeControl .flex-box-ventilation .list{position:relative;width:100%;padding:16px 30px;margin-bottom:10px;color:rgba(59,66,71,0.6);background:rgba(59,66,71,0.05);background:#fff;font-family:'GongGothicLight',sans-serif;
    border:1px solid rgba(59,66,71,0.15);border-radius:10px;box-shadow:0 5px 9px rgba(0,0,0,0.03);display:flex;align-items:center;justify-content:center;}
#homeControl .flex-box-ventilation .list .label{flex:1;font-size:1.05em;margin-right:left;color:rgba(59,66,71,1);}
#homeControl .flex-box-ventilation .list .option{margin-left:auto;}
#homeControl .flex-box-ventilation .list.on{color:#fff;background:var(--blue);}



#townSchedule{}
#townSchedule #calendar{padding:10px;}
#townSchedule #calendar .label-wrap{margin-bottom:10px;}
#townSchedule #calendar .label-wrap span{display:inline-flex;align-items:center;margin-right:10px;font-family:'GongGothicLight',sans-serif;font-size:13px;color:rgba(59,66,71,0.8);}
#townSchedule #calendar .label-wrap span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;margin-top:-2px;}
#townSchedule #calendar .label-wrap .notice{color:var(--blue);}
#townSchedule #calendar .label-wrap .poll{color:var(--red);}
#townSchedule #calendar .label-wrap .memo{color:#2CCE7D;}
#townSchedule #calendar .label-wrap .notice:before{background:var(--blue);}
#townSchedule #calendar .label-wrap .poll:before{background:var(--red);}
#townSchedule #calendar .label-wrap .memo:before{background:#2CCE7D;}

#townSchedule #calendar .month{}
#townSchedule #calendar .month .week{display:flex;}
#townSchedule #calendar .month .week .day:not(:first-child){margin-left:2px;}
#townSchedule #calendar .month .week:not(:last-child) .day{margin-bottom:2px;}
#townSchedule #calendar .month .week .day{position:relative;flex:1;font-size:11px;line-height:1em;display:inline-flex;flex-direction:column;height:70px;padding:2em 5px 5px 10px;background:rgba(71,78,103,0.06);/*border:1px solid rgba(59,66,71,0.1);*/
    border-radius:7px;transition:all 0.2s cubic-bezier(0.5,0,0,1.25);}
#townSchedule #calendar .month .week .day:before{content:attr(data-date);position:absolute;top:7px;left:7px;font-family:'GongGothicLight',sans-serif;color:rgba(59,66,71,0.6);}
#townSchedule #calendar .month .week .day.selected{background:#fff;border:1px solid rgba(59,66,71,0.25);z-index:3;box-shadow:0 3px 10px rgba(0,0,0,0.1);transform:scale(1.1);border-radius:5px;}
#townSchedule #calendar .month .week .day.bin{background:transparent;border:1px solid #fff;z-index:-1;}
#townSchedule #calendar .month .week .day span{line-height:1.3em;}
#townSchedule #calendar .month .week .day span{display:inline-flex;align-items:center;margin-right:10px;font-family:'GongGothicLight',sans-serif;font-size:11px;color:rgba(59,66,71,0.8);}
#townSchedule #calendar .month .week .day span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;margin-top:-2px;}
#townSchedule #calendar .month .week .day .notice:before{background:var(--blue);}
#townSchedule #calendar .month .week .day .poll:before{background:var(--red);}
#townSchedule #calendar .month .week .day .memo:before{background:#2CCE7D;}

#townSchedule .flex-box-schedule{margin-bottom:20px;padding:20px 10px;}
#townSchedule .pick-date{font-family:'GongGothicLight',sans-serif;font-size:1.2em;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;height:34px;background:var(--mainColor);
    color:#fff;box-shadow:0 4px 7px rgba(0,0,0,0.03);border-radius:20px;}
#townSchedule .flex-box-schedule .list{position:relative;}
#townSchedule .flex-box-schedule .list:not(:first-child){margin-top:40px;}
#townSchedule .flex-box-schedule .list .label{padding:0 10px;height:28px;margin-bottom:10px;content:attr(data-label);font-family:'GongGothicLight',sans-serif;font-size:1em;color:var(--mainColor);display:inline-flex;align-items:center;justify-content:center;}
#townSchedule .flex-box-schedule .list .label:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;margin-top:-2px;}
#townSchedule .flex-box-schedule .list .label.notice:before{background:var(--blue);}
#townSchedule .flex-box-schedule .list .label.poll:before{background:var(--red);}
#townSchedule .flex-box-schedule .list .label.memo:before{background:#2CCE7D;}
#townSchedule .flex-box-schedule .list ul{padding:0 15px 0 25px;}
#townSchedule .flex-box-schedule .list ul li{display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,0,0,0.1);padding:15px 5px;}
#townSchedule .flex-box-schedule .list ul li:first-child{border-top:1px solid rgba(0,0,0,0.1);}
#townSchedule .flex-box-schedule .list ul li .con{color:rgba(59,66,71,1);flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;}
#townSchedule .flex-box-schedule .list ul li .view,
#townSchedule .flex-box-schedule .list ul li .popup-inline{font-family:'GongGothicLight',sans-serif;font-size:12px;line-height:1em;display:inline-flex;align-items:center;justify-content:center;
    padding:0 8px;height:25px;background:var(--blue);background:rgba(59,66,71,0.4);color:#fff;box-shadow:0 4px 7px rgba(0,0,0,0.03);border-radius:20px;margin-left:20px;}
#townSchedule .flex-box-schedule .list ul li .view:after{content:'\24';font-family:'kojipsa';font-size:10px;font-weight:normal;color:rgba(255,255,255,0.7);margin-left:3px;margin-right:-4px;}
#townSchedule .flex-box-schedule .list ul li .popup-inline:before{content:'\7d';font-family:'kojipsa';font-size:0.8em;font-weight:normal;line-height:1em;margin-right:5px;}

/*#townSchedule .flex-box-schedule{margin-bottom:20px;}
#townSchedule .flex-box-schedule .list{padding:25px 20px;background:#fff;border:1px solid rgba(59,66,71,0.15);border-radius:10px;box-shadow:0 5px 9px rgba(0,0,0,0.03);}
#townSchedule .flex-box-schedule .list:not(:first-child){margin-top:10px;}
#townSchedule .flex-box-schedule .list .head{width:100%;font-family:'GongGothicLight',sans-serif;font-size:1.2em;margin-right:left;color:rgba(59,66,71,1);text-align:center;}
#townSchedule .flex-box-schedule .list .body{}
#townSchedule .flex-box-schedule .list .body ul{}
#townSchedule .flex-box-schedule .list .body ul{margin-top:25px;}
#townSchedule .flex-box-schedule .list .body ul:before{content:attr(data-label);font-family:'GongGothicLight',sans-serif;font-size:1em;color:rgba(59,66,71,0.8);display:inline-block;margin-bottom:15px;}
#townSchedule .flex-box-schedule .list .body ul li{display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,0,0,0.1);padding:13px 5px;}
#townSchedule .flex-box-schedule .list .body ul li:first-child{border-top:1px solid rgba(0,0,0,0.1);}
#townSchedule .flex-box-schedule .list .body ul li .con{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;}
#townSchedule .flex-box-schedule .list .body ul li .view{font-family:'GongGothicLight',sans-serif;font-size:12px;line-height:1em;display:inline-flex;align-items:center;justify-content:center;
	padding:0 8px;height:28px;background:rgba(59,66,71,0.4);color:#fff;border-radius:20px;margin-left:20px;}
#townSchedule .flex-box-schedule .list .body ul li .view:after{content:'\24';font-family:'kojipsa';font-size:10px;font-weight:normal;color:rgba(255,255,255,0.7);margin-left:5px;margin-right:-4px;}*/





/* 220727 이후 추가 */
#join-daji{display:flex;flex-direction:column;padding-top:20px !important;padding-bottom:0 !important;}
#search-apt{position:relative;width:100%;display:flex;align-items:center;}
#search-apt input{width:100%;padding-right:65px;}
#search-apt .btnSearch{position:absolute;right:5px;top:0;z-index:20;font-size:16px;font-weight:500;color:#000;width:55px;height:100%;display:inline-flex;align-items:center;justify-content:center;}


#apt-list{margin-top:10px;height:300px;overflow:hidden;}
#apt-list .inner{height:100%;overflow-y:scroll;width:100%;border:2px solid rgba(0,0,0,0.5);border-radius:5px;padding:15px;}
#apt-list li{font-size:16px;line-height:1.5em;position:relative;padding:12px 5px;border-bottom:1px solid rgba(0,0,0,0.1);}
#apt-list li:last-child{border-bottom:0;}
#apt-list li .name{font-weight:600;}
#apt-list li .addr{font-size:0.9em;color:rgba(71,78,103,0.8);}
#apt-list li.checked{color:#457aff;}
#apt-list li.checked .addr{}
#apt-list li.checked:after{content:'\4d';font-family:'kojipsa';font-size:14px;font-weight:normal;position:absolute;top:50%;right:10px;margin-top:-10px;}














/*─────────────── LAYER POPUP ───────────────*/
* {transition:filter;}
.mfp-bg.my-mfp-popup {background:rgba(0,0,0,0.8);}
.mfp-wrap{overflow-y:auto;}
.mfp-wrap:not(.my-mfp-popup) ~ *:not(.datepicker-container) {filter:blur(3px);}
.mfp-wrap:not(.my-mfp-view) .mfp-container{padding:0 15px;}
.mfp-wrap.my-mfp-view .mfp-container{padding:0;}
.mfp-wrap.my-mfp-view .mfp-container .layerPopup{margin:0 auto;background:#fff;padding-bottom:80px;}
.mfp-wrap.my-mfp-view button.mfp-close:before{color:#000;}

.mfp-wrap .mfp-content{position:relative;margin:0;width:auto;max-width:100%;}
button.mfp-close{position:fixed;right:5px;top:10px;z-index:999;text-align:center;font-size:0px;transition:all .2s ease-in-out;}
button.mfp-close:before{content:'\4c';font-family:'kojipsa';font-size:17px;color:#fff;font-weight:normal;width:54px;height:54px;display:flex;align-items:center;justify-content:center;}
button.mfp-close:hover, .button.mfp-close:focus{opacity:1;}
.mfp-wrap.mfp-close-btn-in button.mfp-close{position:absolute;top:0;right:0;opacity:0.9;}
.mfp-wrap.mfp-close-btn-in button.mfp-close:before{content:'\4c';font-size:15px;color:#fff;padding-bottom:0.1em;width:54px;height:54px;display:flex;align-items:center;justify-content:center;}
.mfp-wrap.mfp-close-btn-in button.mfp-close:hover, .mfp-wrap.mfp-close-btn-in .button.mfp-close:focus{opacity:1;}

.mfp-container .mfp-arrow{position:fixed;opacity:0.65;margin:0;top:50%;margin-top:-20px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent;transition:all .15s ease-in-out;}
.mfp-container .mfp-arrow.mfp-arrow-left{left:0;}
.mfp-container .mfp-arrow.mfp-arrow-right{right:0;}
.mfp-container .mfp-arrow:active{margin-top:-20px;}
.mfp-container .mfp-arrow:hover{opacity:1;}
.mfp-container .mfp-arrow:before{content:'';font-family:'kojipsa';font-size:30px;color:#fff;display:inline-block;transition:all 0.4s cubic-bezier(0.1, 0.25, 0, 1.8);text-shadow:0 4px 2px rgba(0,0,0,0.2);}
.mfp-container .mfp-arrow.mfp-arrow-left:before{content:'\71';margin-left:-10px;}
.mfp-container .mfp-arrow.mfp-arrow-right:before{content:'\72';margin-right:-10px;}
.mfp-container .mfp-arrow.mfp-arrow-left:hover:before{margin-left:-25px;}
.mfp-container .mfp-arrow.mfp-arrow-right:hover:before{margin-right:-25px;}

.layerPopup{color:#1b1b1b;margin:60px auto;width:auto;min-width:360px;}
.layerPopup .pop-title{position:relative;z-index:4;width:100%;height:54px;padding:0 25px;font-size:17px;font-weight:600;display:flex;align-items:center;background:var(--mainColor);color:#fff;border-top-left-radius:6px;border-top-right-radius:6px;}
.layerPopup .pop-title + .popcon-wrapper{border-top-left-radius:0;border-top-right-radius:0;}
.layerPopup .popcon-wrapper{padding:32px 25px;position:relative;line-height:1.6em;background-color:#fff;border-radius:6px;box-shadow:0 5px 7px rgba(0,0,0,0.1);}
.layerPopup .popcon-wrapper.nopadding{padding:0;}
.layerPopup .popcon-wrapper .subject{font-size:1.25em;font-weight:600;}
.layerPopup .popcon-wrapper .help-block{font-size:0.95em;line-height:1.4em;}

.layerPopup .btnSet{position:relative;margin-top:-6px;z-index:3;width:100%;display:flex;align-items:center;justify-content:center;}
.layerPopup .btnSet:after{display:block;visibility:hidden;clear:both;content:""}
.layerPopup .btnSet [class*='btn']{flex:1;}
.layerPopup .btnSet .btnSubmit,
.layerPopup .btnSet .btnOk,
.layerPopup .btnSet .btnCancel{position:relative;padding:0 15px;/*font-size:16px;height:56px;*/display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;text-align:center;cursor:pointer;transition:all .2s ease-in-out;}
.layerPopup .btnSet .btnSubmit, .layerPopup .btnSet .btnOk{background:var(--mainColor);}
.layerPopup .btnSubmit:hover, .popcon-wrapper .btnOk:hover{background:var(--mainColorHover)}
.layerPopup .btnSubmit:hover{background:#376db3;}
.layerPopup .popcon-wrapper + .btnSet [class*='btn']:first-child{border-bottom-left-radius:6px;}
.layerPopup .popcon-wrapper + .btnSet [class*='btn']:last-child{border-bottom-right-radius:6px;}

.layerPopup .popcon-wrapper .btnSet{margin-top:20px;margin-bottom:-10px;}
.layerPopup .popcon-wrapper .btnSet [class*='btn']{border-radius:3px;height:50px;}
.layerPopup .popcon-wrapper .btnSet [class*='btn']:not(:first-child){margin-left:10px;}

.layerPopup img + .popcon-wrapper{border-radius:0;}
.layerPopup img + .popcon-wrapper + .btnSet [class*='btn']{border-radius:0 !important;}

.layerPopup .btnSet.fixed{position:fixed;bottom:0;left:0;width:100%;}

.layerPopup .viewContents .textCon{padding:0;}






/* 스크립트(api)없이 레이어 팝업 */
.layer-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;padding:40px 20px;overflow-y:auto;}
.layer-popup .pop-closer{position:fixed;top:15px;right:15px;z-index:5;opacity:0.9;font-size:0;cursor:pointer;background:transparent}
.layer-popup .pop-closer:before{content:'\e905';font-family:'intaefont';font-size:20px;font-weight:bold;color:#fff;font-weight:normal;width:54px;height:54px;display:flex;align-items:center;justify-content:center;}
.layer-popup .pop-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;background:rgba(0,0,0,0.6);opacity:0;visibility:hidden;}
.layer-popup .popContainer{position:relative;z-index:5;width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;}
.layer-popup .popContainer .pop-inner{position:relative;z-index:6;background:#fff;border-radius:4px;padding:40px 30px 50px 30px;font-size:15px;width:100%;max-width:500px;min-height:120px;
    display:flex;justify-content:center;flex-direction:column;}
.layer-popup .popContainer .pop-inner .pop-closer{position:absolute;top:0;right:0;}
.layer-popup .popContainer .pop-inner .pop-closer:before{content:'\e905';font-family:'intaefont';font-size:16px;color:#000;}
.layer-popup .popContainer .pop-inner .pop-closer + *{margin-top:15px}
.layer-popup .popContainer .pop-title{position:relative;font-size:19px;font-weight:600;margin-bottom:20px}
.layer-popup .popContainer .viewContents .textCon{padding:0;}

.layer-popup .popContainer .btnSet{text-align:center;position:absolute;bottom:-46px;left:0;width:100%;display:flex;align-items:center;justify-content:center;}
.layer-popup .popContainer .btnSet [class*='btn']{flex:1;}
.layer-popup .popContainer .btnSet .btnSubmit,
.layer-popup .popContainer .btnSet .btnOk,
.layer-popup .popContainer .btnSet .btnCancel{position:relative;padding:0 15px;font-size:16px;height:56px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;text-align:center;cursor:pointer;transition:all .2s ease-in-out;}
.layer-popup .popContainer .btnSet .btnSubmit, .layer-popup .popContainer .btnSet .btnOk{background:var(--mainColor);}
.layer-popup .popContainer .btnSubmit:hover, .popcon-wrapper .btnOk:hover{background:var(--mainColorHover)}
.layer-popup .popContainer .btnSubmit:hover{background:#376db3;}
.layer-popup .popContainer .btnSet [class*='btn']:first-child{border-bottom-left-radius:6px;}
.layer-popup .popContainer .btnSet [class*='btn']:last-child{border-bottom-right-radius:6px;}


.layer-popup:not(.open){display:none;}
.layer-popup.open .pop-inner{animation:popOpen 0.4s cubic-bezier(0.5,0,0,1.25) forwards;}
.layer-popup.open .pop-bg{visibility:visible;animation:pop-bg-fade 0.5s forwards;}
.layer-popup.open ~ *{transition:filter;filter:blur(3px);}
@keyframes popOpen{
    0%{opacity:0;transform:scale(0.9) translateY(0);}
    100%{opacity:1;transform:scale(1) translateY(0);}
}
@keyframes pop-bg-fade{
    0%{opacity:0;}
    100%{opacity:1;}
}




.layer-popup .profile{text-align:center;}
.layer-popup .profile-thumb{position:relative;margin:0 auto;border-radius:50%;width:100px;height:100px;margin-bottom:15px;}
.layer-popup .profile-thumb .edit{display:inline-block;width:33px;height:33px;border-radius:50%;overflow:hidden;background:#fff;border:5px solid #fff;position:absolute;top:-4px;right:-6px;display:flex;align-items:center;justify-content:center;
    background:#fff url('../img/icon/camera2.png') center 1px;background-size:100%;}
.layer-popup .profile .info{display:flex;align-items:center;justify-content:center;flex-direction:column;}
.layer-popup .profile .info .name{font-size:1.5em;}
.layer-popup .info .addr{color:#919191;}




.pop-photo-btn-set{display:flex;align-items:center;justify-content:center;}
.pop-photo-btn-set [class*='btn-']{position:relative;flex:1;width:auto;height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(53,57,69,0.07);border-radius:6px;color:rgba(0,0,0,0.4);font-size:0.9em;}
.pop-photo-btn-set .btn-photo{margin-right:10px;}
/*.pop-photo-btn-set [class*='btn-']:before{content:'';width:34px;height:34px;display:inline-block;background-size:100% !important;}
.pop-photo-btn-set .btn-photo:before{background:url('../img/icon/camera.png');}
.pop-photo-btn-set .btn-album:before{background:url('../img/icon/album.png');}*/
.pop-photo-btn-set [class*='btn-']:before{content:'';font-family:'kojipsa';font-size:30px;display:inline-block;width:auto;color:rgba(0,0,0,0.5);color:var(--mainColor);margin-top:30px;margin-bottom:10px;}
.pop-photo-btn-set .btn-photo:before{content:'\e03c';}
.pop-photo-btn-set .btn-album:before{content:'\e025';}
.pop-photo-btn-set [class*='btn-'] .txt{font-size:13px;font-weight:500;color:var(--mainColor);color:rgba(0,0,0,0.4);}


#pop-slideGallery{}
#pop-slideGallery .swiper-container{background:#000;position:fixed;top:0;left:0;width:100%;height:100%;padding:0;margin:0;width:100%;height:100%;}
#pop-slideGallery .swiper-container .swiper-slide{width:100%;display:flex;align-items:center;justify-content:center;}





body{/*font-size:18px;*/}







/* 글자크기 조정 (폰트 사이즈) */
.fs-normal{font-size:16px;}
.fs-large{font-size:19px;}
.fs-verylarge{font-size:22px;}

.fs-large .btn{font-size:18px;}
.fs-verylarge .btn{font-size:21px;}

.fs-large .header-title{font-size:25px;}
.fs-verylarge .header-title{font-size:26px;}

.fs-large .form-msg{font-size:16px;}
.fs-verylarge .form-msg{font-size:18px;}

.fs-large input:not([type="checkbox"]:not([type="radio"]), .fs-large select{font-size:18px;font-weight:500;}
.fs-verylarge input:not([type="checkbox"]:not([type="radio"]), .fs-verylarge select{font-size:21px;font-weight:500;}


.fs-large #nav li a[class^='icon-']:before{font-size:17px;}
.fs-verylarge #nav li a[class^='icon-']:before{font-size:18px;}


/* height:56px;*/
.fs-large .dl-menuwrapper .dl-menu li a{height:58px;}
.fs-verylarge .dl-menuwrapper .dl-menu li a{height:62px;}

/* 13px */
.fs-large .dl-menuwrapper li > a:not(:only-child):after{font-size:14px;}
.fs-verylarge .dl-menuwrapper li > a:not(:only-child):after{font-size:15px;}