@charset "utf-8";

@font-face {
  font-family:'Noto Sans';
  font-style:normal;
  font-weight:300;
  src:local('Noto Sans Light'), local('Noto Sans Light'), local('Noto Sans Light');
  src:url(../fonts/NotoSans-Light.eot);
  src:url(../fonts/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
  url(../fonts/NotoSans-Light.woff) format('woff'),
  url(../fonts/NotoSans-Light.otf) format('truetype');
}
@font-face {
  font-family:'Noto Sans';
  font-style:normal;
  font-weight:400;
  src:local('Noto Sans Regular'), local('Noto Sans Regular'), local('Noto Sans Regular');
  src:url(../fonts/NotoSans-Regular.eot);
  src:url(../fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
  url(../fonts/NotoSans-Regular.woff) format('woff'),
  url(../fonts/NotoSans-Regular.otf) format('truetype');
}
@font-face {
font-family:'Noto Sans';
font-style:normal;
font-weight:500;
src:local('Noto Sans Medium'), local('Noto Sans Medium'), local('Noto Sans Medium');
src:url(../fonts/NotoSans-Medium.eot);
src:url(../fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
  url(../fonts/NotoSans-Medium.woff) format('woff'),
  url(../fonts/NotoSans-Medium.otf) format('truetype');
}
@font-face {
font-family:'Noto Sans';
font-style:normal;
font-weight:700;
src:local('Noto Sans Bold'), local('Noto Sans Bold'), local('Noto Sans Bold');
src:url(../fonts/NotoSans-Bold.eot);
src:url(../fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
  url(../fonts/NotoSans-Bold.woff) format('woff'),
  url(../fonts/NotoSans-Bold.otf) format('truetype');
}

@font-face {
font-family:'Noto Sans';
font-style:normal;
src:url(../fonts/roboto-regular.woff) format('woff');
unicode-range: U+0030-0039, U+0041-005A, U+0061-007A, U+0025, U+002C;
}

@font-face {
font-family:'Noto Sans';
font-weight:100;
src:url(../fonts/Roboto-Medium.woff) format('woff');
unicode-range: U+0030-0039, U+0041-005A, U+0061-007A, U+0025, U+002C;
}

@font-face {
font-family:'Noto Sans';
font-weight:bold;
src:url(../fonts/roboto-bold.woff) format('woff');
unicode-range: U+0030-0039, U+0041-005A, U+0061-007A, U+0025, U+002C;
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,input,textarea,select,button{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
.contents{height:100%;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{color:inherit;text-decoration:none;cursor:pointer}
button{border:none;background:none;cursor:pointer}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout: fixed; word-break:break-all}

body,html{min-width:320px;height:100%}
body{line-height:24px;font-size:14px;font-family:'Noto Sans','Malgun Gothic',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-weight:400;color:#191919;word-break:normal;-webkit-text-size-adjust:none;vertical-align:baseline;text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; background:#fdfdfd;}
img{vertical-align:top}
input[type=text]::-ms-clear{display:none}
caption, legend, .offscr{position:absolute !important; height:1px!important;width:1px!important;overflow:hidden!important;clip:rect(1px 1px 1px 1px)!important;clip:rect(1px,1px,1px,1px)!important}
input[type=text]::-ms-clear{display:none}

.pointB {color:#4dabd5;}
.pointR {color:#bb0000;}
.pointG {color:#05d6b4;}
.lock, .lock body{height:100%;overflow:hidden;-webkit-overflow-scrolling:none;}
.lock #wrap{position:fixed;bottom:0;width:100%}
.wrap {height:100%;}

.header {position:fixed; top:0;left:0;right:0; background:#fff; z-index:50; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}
.header .inner {max-width:1268px; height:79px; margin:0 auto; position:relative; padding-left:130px;}
.header .inner .logo {position:absolute; /* top:14px; */ top:36px; left:0; height:53px; width:110px; /* background:#f1f1f1;*/ background:url(../../images/bg/marketmeta-logo.svg) 0 0 no-repeat; background-size: contain; cursor: pointer;}
.header .inner .personal {position:absolute; top:50%; right:0; margin-top:-11px;}
.header .inner .personal .btnLogin {font-size:15px; line-height: 22px; color:#05d6b4;}
.header .inner .personal .myMoney {display:inline-block; color:#05d6b4; padding-left:18px; background:url(../images/cellEx/ico_money.png) 0 6px no-repeat; background-size: 16px 14px;}
.gnb > ul {display:flex; padding-top:14px;}
.gnb > ul > li a {display: block; position:relative; padding:0 30px; font-size:18px; line-height: 53px; color:#191919;}
.gnb > ul > li.active a {color:#05d6b4;}
.gnb > ul > li a .iconNew {position:absolute; top:14px; right:24px; width:6px; height:6px; border-radius: 50%; background:#ed0000;}

.subSelect {position:relative; padding:10px 0; margin:-20px 0 20px 0;}
.subSelect:before {position:absolute; content:''; top:0; left:0; right:0; height:52px; background:#f5f4f4; z-index:-1;}
.subSelect ul {max-width:1268px; margin:0 auto; display:flex;}
.subSelect ul button {width:164px; height:32px; font-size:15px; }
.subSelect ul button.on {border:solid 1px #4dabd5; border-radius: 8px; background-color: #fdfdfd;}

/* .container {height:100%;} */
.container {min-height: 902px;}
.menuBar {display:none;}

.btnDetail {display:inline-block; font-size:12px; color:#05d6b4; height:25px; padding:0 9px; border-radius: 12.5px; border: solid 1px #05d6b4; background:#fdfdfd;box-shadow: 0 3px 10px 0 rgba(0, 152, 127, 0.39);}
.btnDetail:hover {background-color:#ededed;}
.btnArrow {display:inline-block; padding-right:16px; background:url(../images/cellEx/ico_arrow.svg) 100% 5px no-repeat; background-size:14px;}
.btnRound {display:inline-block; height:36px; padding:0 20px; font-size:16px; line-height: 34px; color:#fdfdfd; border-radius: 18px; background:#05d6b4;}
.btnRound:hover {background-color: #0abc9f;}
.btnRound.line {background:#fdfdfd; border:1px solid #05d6b4; color:#05d6b4; font-size:14px;}
.btnRound.line:hover {background-color: #f5f4f4;}
.btnRound.bl {font-size:14px; background:#4dabd5;}
.btnRound.bl:hover {background-color: #2d92bf;}
.btnRound.re {font-size:14px; background:#e8445d;}
.btnRound.re:hover {background-color: #c62e45;}
.btnRound.ss {height:20px; border-radius: 10px; padding:0 11px; font-size:13px; line-height: 20px;}
.btnRound.ss:hover {background-color: #0abc9f;}
.btnRound:disabled {background: #999;}
.btnPrim {display:block; width:100%; height:48px; font-size:15px; color:#fdfdfd; text-align: center; line-height: 48px; border-radius: 8px; background: linear-gradient(264deg, #68e2a4, #4dabd5 41%, #4dabd5);}
.btnPrim.pn {background:#e8445d;}
.btnLine {display:block; width:100%; height:48px; font-size:15px; color:#05d6b4; text-align:center; line-height: 46px; border:1px solid #05d6b4; border-radius: 8px;}

.btnTxt {display:inline-block; font-size:12px; color:#646464; line-height: 17px; text-decoration: underline; vertical-align: top;}

input[type=file] {-webkit-appearance: none; position:absolute; overflow: hidden; width:1px; height:1px;opacity: 0;}
input[type="checkbox"],
input[type="radio"] {position: absolute; width: 1px;height: 1px;margin: -1px;border: 0;overflow: hidden;padding: 0;clip: rect(0,0,0,0);-webkit-appearance: none;opacity: 0;}
input.inp {height:50px; border:1px solid #ddd; width:100%; padding:0 16px; font-size:14px; border-radius: 8px;}
::-webkit-input-placeholder{font-family:'Noto Sans';color:#C4C4C4;opacity:1; text-align: left;}
:-moz-placeholder{font-family:'Noto Sans';color:#C4C4C4;opacity:1; text-align: left;}
::-moz-placeholder{font-family:'Noto Sans';color:#C4C4C4;opacity:1;text-align: left;}
:-ms-input-placeholder{font-family:'Noto Sans'!important;color:#C4C4C4!important;opacity:1;text-align: left;}
textarea {width:100%; background:#ededed; border-radius: 8px; padding:10px; resize:none;}

input.inpCheck + label {position:relative; font-size:15px; min-height:24px; padding-top:1px; line-height: 21px; padding-left:26px;}
input.inpCheck + label:before {position:absolute; content:''; top:2px; left:0; width:20px; height:20px; background:url(../images/cellEx/ico_chk.png) no-repeat; background-size: 100%;}
input.inpCheck:checked + label:before {background-image: url(../images/cellEx/ico_chk_on.png);}

input.radio + label {position:relative;display:inline-block;padding-left:20px;font-size:12px;min-height:16px;line-height:16px; cursor: pointer; vertical-align: top;}
input.radio + label:before {position:absolute; content:''; top:0; left:0; width:14px; height:14px; border:1px solid #bbb; border-radius: 50%; background:#fff;}
input.radio:checked + label:after {position:absolute; content:''; top:4px; left:4px; width:8px; height:8px; background:#191919; border-radius: 50%;}
input.radio.b + label {font-size:14px; line-height: 20px; padding-left:26px;}
input.radio.b + label:before {top:1px; width:18px; height:18px; box-sizing: border-box;}
input.radio.b:checked + label:after {left:4px; top:50%; width:10px; height:10px; background: #0abc9f; transform: translateY(-50%);}

input.iptRd + label {display:block; border:1px solid #05d6b4; height:36px; line-height: 34px; border-radius: 18px; padding:0 9px; color:#05d6b4;}
input.iptRd:checked + label {background:#05d6b4; color:#fdfdfd;}

/* dialog */
.dialog{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:9999}
.dialog.show{display:block}
.dialogTable{display:table;width:100%;height:100%;table-layout:fixed}
.dialogCell{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}
.dialogWrap{position:relative;margin:0 auto;background-color:#fdfdfd;text-align:left;border-radius: 14px;}
.full .dialogWrap {width:468px; height:678px; padding:56px 16px 82px 16px;}
.full .dialogWrap .dialogCont {height:100%; overflow-y:auto;}
.full .dialogWrap .dialogCont.over {overflow-y: hidden;}
.full .dialogWrap .dialogCont::-webkit-scrollbar {width: 6px;}

.full .dialogWrap .dialogCont::-webkit-scrollbar-track {background-color: transparent;}

.full .dialogWrap .dialogCont::-webkit-scrollbar-thumb {border-radius: 3px; background-color: #dcdcdc;}

.full .dialogWrap .dialogCont::-webkit-scrollbar-button {width: 0; height: 0;}

.full .dialogWrap .dialogBtn {position:absolute; left:0; right:0; bottom:0; padding:0 16px 16px 16px;}
.modal .dialogWrap {width:468px; padding:46px 16px 16px 16px;}
.modal .dialogWrap h1 {font-size: 16px; font-weight: 700; text-align: center; line-height: 24px; margin-bottom:22px;}
.modal .dialogWrap .dialogBtn {padding-top:25px;}
.modal .dialogWrap .dialogBtn button {height:40px; font-size:14px; line-height: 40px; border-radius: 6px;}
.dialogWrap .uiDialogClose{position:absolute;z-index:5;top:11px;right:16px;width:24px;height:24px;background:url(../images/cellEx/ico_close.png) center center no-repeat; background-size: 16px;}

.alert .dialogWrap {width:468px;}
.alert .dialogWrap .alertConts {padding:12px 16px; text-align: center; line-height: 20px;}
.alert .dialogWrap .alertConts h1 {font-size:16px; font-weight: 500; line-height: 24px; padding-bottom:11px;}
.alert .dialogWrap .dialogBtn {display:flex; border-top:1px solid #ddd;}
.alert .dialogWrap .dialogBtn .btn {flex:1; font-size:16px; height:40px; color:#999;}
.alert .dialogWrap .dialogBtn .btn:nth-child(2) {border-left:1px solid #ddd;}
.alert .info_com {margin-top:20px;}

.dialog .inp {height:40px;}

.toastPop { position: fixed; bottom:30px;right:30px; opacity: 0; transition: all 0.5s ease-out; }
.toastPop .msg {min-width:328px; padding:11px 20px 11px 12px; border-left:14px solid #4dabd5; background:#fdfdfd; border-radius: 8px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);}
.toastPop .msg p {position:relative; font-size:14px; line-height: 20px; padding-left:28px;}
.toastPop .msg p:before {position:absolute; content:''; top:2px; left:0; width:16px; height:16px; background:url(../images/cellEx/ico_msg.png) no-repeat; background-size: 100%;}
.toastPop.sorry .msg {border-color:#e8445d;}
.toastPop.sorry .msg p:before {background-image: url(../images/cellEx/ico_state_reject.png);}
.toastPop.active { opacity: 1 }

.dealList {margin-top:20px; background:#F5F4F4; padding:16px 10px; font-size:15px; line-height: 20px; color:#999;}
.dealList dt {line-height: 21px; color:#646464; font-weight: 500;}
.dealList dt:not(:first-child) {padding-top:12px; margin-top:12px; border-top:1px solid #ddd;}
.dealList dd {padding-top:7px;}
.dealList dd ul {font-size:12px; line-height: 16px;}
.dealList dd ul li:not(:first-child) {margin-top:6px;}
.dealList dd ul li {display: flex; justify-content: space-between;}

.topInfoBox {position:fixed; top:79px; left:0; right:0; padding-top:20px; background:#fdfdfd; z-index:40;}
/* .listOpt {position:relative; max-width:1268px; margin:0 auto; color:#fdfdfd; padding:11px 16px 13px 16px; background:linear-gradient(264deg, #68e2a4, #4dabd5 41%, #4dabd5);} */
.listOpt {position:relative; max-width:1818px; margin:0 auto; color:#fdfdfd; padding:11px 16px 13px 16px; background:linear-gradient(264deg, #68e2a4, #4dabd5 41%, #4dabd5);}
.listOpt h2 {font-size:16px; line-height: 24px; font-weight: 700;}
.listOpt:before {position:absolute; content:''; top:0; right:0; bottom:30px; width:400px; background:url(../images/cellEx/bg.png) 100% 0 no-repeat; background-size: auto 100%;}
.listOpt dl {display:flex; margin-top:10px; line-height: 20px;}
.listOpt dl div {flex:1;}
.listOpt dl dd {font-weight: bold; margin-top:5px;}
.listOpt dl .btnArrow {padding-right:18px; background:url(../images/cellEx/ico_arrow_w.png) 100% 1px no-repeat; background-size:20px;}
.listOpt .btnDetail {position:absolute; top:10px; right:16px;}
.listOpt .filter {position:relative; height:30px; text-align: right; margin-top:10px; padding-top:14px;}
.listOpt .filter:before {position:absolute; content:''; top:0; left:-16px; right:-16px; border-top:1px solid #ededed;}
.listOpt .filter span {position:relative; display:inline-block; height: 16px; margin-left:20px; vertical-align: top;}
.listOpt .btnBack {display:inline-block; line-height: 20px; padding-left:14px; position:relative;background:url(../images/cellEx/ico_back_w.png) 0 center no-repeat; background-size:14px;}

/* .mnListWrap {max-width:1268px; margin:0 auto; position:relative; padding:242px 0 70px 0;} */
.mnListWrap {max-width:1818px; margin:0 auto; position:relative; padding:242px 10px 70px 10px;}
/* .cellList {display:flex; flex-wrap: wrap; gap:30px 16px; margin-top:26px;} */
.cellList {display:flex; flex-wrap: wrap; gap:30px 46px; margin-top:26px;}
.cellList li {width:412px;}
.cellList .cell {height:210px; border-radius: 8px 8px 0 0; overflow: hidden;}
.cellList .cell img {max-width: 100%;}
.cellList .areaInfo {position:relative; border:1px solid #ddd; border-radius: 0 0 8px 8px; padding:16px;}
.cellList.finish .areaInfo {background:#f5f4f4;}
.cellList.finish .btnRound:disabled {background:#bbb;}
.areaInfo .bizInfo div {display:flex; justify-content: space-between;}
.areaInfo .bizInfo .btnArrow {font-size:12px; padding-right:16px; color:#191919; background-position: 100% 5px; background-size: 14px;}
.areaInfo .bizInfo .date {font-size:12px; color:#999;}
.areaInfo .bizInfo .zone {font-weight: 700;}
.areaInfo .bizInfo div:not(:first-child) {margin-top:5px;}
.areaInfo .price {margin-top:18px;}
.areaInfo .price {display:flex;}
.areaInfo .price div:not(:first-child) {margin-left:24px;}
.areaInfo .price dt {font-size:12px; color:#999; line-height: 18px;}
.areaInfo .price dd {font-weight: bold; line-height: 20px;}
.areaInfo .btnRound {position:absolute; right:16px; bottom:16px;}

.noCellData {width: 100%;  text-align: center; margin-top: 150px; font-size: 16px; font-weight: 700;}
.doCellNotice {width: 100%; height: 100%; text-align: center; margin-top: 150px; font-size: 16px; font-weight: 700;}
.doCellNotice p {margin-bottom: 10px;}
.goTwinKr {margin-top: 10px; color: gray; font-weight: 700; font-size: 16px; text-decoration: underline;}

.dialog .areaInfo .bizInfo dt {color:#999}
.dialog .areaInfo .price {margin-top:10px; display:block;}
.dialog .areaInfo .price div:not(:first-child) {margin:16px 0 0 0;}
.dialog .areaInfo .price dt {font-size:14px; line-height: 20px;}
.dialog .areaInfo .price dd {font-size:16px; margin-top:2px;}
.dialog .areaInfo .price .amount {margin-top:8px;}
.amount {position:relative;}
.amount .inp {text-align: right; padding-right:36px;}
.amount .unit {position:absolute; top:50%; right:13px; font-weight: 700; transform: translateY(-50%);}
.areaInfo .mapInfo {margin-top:16px; border:1px solid #ddd; height:200px;}

.caution {border-top:1px solid #ddd; margin-top:14px; padding-top:10px;}
.caution .info {font-size:12px; line-height: 17px; color:#999;}
.caution .info p {padding-bottom:4px;}
.caution .agree {font-size:15px; margin-top:14px;}
.caution .agree label {display:inline-block; position:relative; line-height: 24px; padding-left:32px;}
.caution .agree label:before {position:absolute; content:''; top:0; left:0; width:24px; height:24px; background:url(../images/cellEx/ico_chk_p.png) no-repeat; background-size: 100%;}
.caution .agree input:checked + label:before {background-image: url(../images/cellEx/ico_chk_p_on.png);}
.caution .agree input:checked + label.nt:before {background-image: url(../images/cellEx/ico_chk_pk.png);}

.rdGroup .rgList {margin-top:-6px;}
.rgList {display:flex; flex-wrap: wrap; margin-left:-6px;}
.rgList span {margin:6px 0 0 6px;}
.searchArea {margin-top:14px;}
.searchArea .search {position:relative; margin-bottom:15px;}
.searchArea .search:before {position:absolute; content:''; top:50%; left:12px; margin-top:-9px; width:18px; height:18px; background:url(../images/cellEx/ico_search.png) no-repeat; background-size:100%;}
.searchArea .search .inp {padding-left:38px;}
.resultList li:not(:first-child) {margin-top:14px;}
.resultList li .point {color:#0abc9f;}

.selectDate .tit {display:block; color:#999; line-height: 20px;}
.selectDate .tit:not(:first-child) {margin-top:50px;}
.selectDate .rgList {padding-top:2px;}
.selectDate .period li {display:flex; font-size:16px; justify-content: space-between; align-items: center; margin-top:8px;}
.selectDate .period .inpDate {position:relative; width:calc(100% - 35px);}
.selectDate .period .inpDate .btnDate {position:absolute; top:0; right:0; width:40px; height:40px; border-radius: 0 8px 8px 0; background:#05d6b4 url(../images/cellEx/ico_cal.png) center center no-repeat; background-size: 18px;}

/* login */
.loginBox {/*position:relative;*/ width:468px; height:100%; margin:0 auto; padding:270px 0 70px 0;}
.loginBox .logo {width:170px; height:55px; margin:0 auto; /* background:#ededed; */ background:url(../../images/bg/marketmeta-logo.svg) 0 0 no-repeat; background-size: contain; cursor: pointer;}
.loginBox .logInfo {margin-top:90px;}
.loginBox .logInfo .logIns {margin-top:12px; position:relative;}
/* .loginBox .logInfo .logIns .btnLogin {position:absolute; top:0; right:0; width:50px; height:50px; border: 1px solid #ddd; border-radius: 0 8px 8px 0; background:#ededed url(../images/cellEx/ico_login.png) center center no-repeat; background-size: 15px;} */
.loginBox .logInfo .logIns .btnLogin {position:absolute; top:0; right:0; width:50px; height:50px; border: 1px solid #ddd; border-radius: 0 8px 8px 0; background:#00C6ED url(../images/cellEx/ico_login.png) center center no-repeat; background-size: 15px;}
.loginBox .logInfoBtn {display:flex; justify-content: space-between; margin-top:8px;}

/* .loginBox .snsLog {position:absolute; left:40px; right:40px; bottom:70px; text-align: center;} */
.loginBox .snsLog {text-align: center; margin-top:50px;}
.loginBox .snsLog p {position:relative; line-height: 20px; color:#999;}
.loginBox .snsLog p span {display:inline-block; padding:0 10px; background:#fdfdfd; position:relative; z-index:2}
.loginBox .snsLog p:after {position:absolute; content:''; top:10px; left:0; right:0; border-top:1px solid #ddd;z-index:1}
.loginBox .snsLog .snsList {margin-top:24px;}
.loginBox .snsLog .snsList a {display:inline-block; width:40px; height:40px; border-radius: 50%; margin:0 9px; background-repeat: no-repeat; background-size:100%}
.loginBox .snsLog .snsList .kakao {background-image:url(../images/cellEx/sns_kakao.png);}
.loginBox .snsLog .snsList .google {background-image:url(../images/cellEx/sns_google.png);}
.loginBox .snsLog .snsList .apple {background-image:url(../images/cellEx/sns_apple.png);}
.loginBox .snsLog .snsList .naver {background-image:url(../images/cellEx/sns_naver.png);}

.msg .snsLog p {margin-bottom: 10px;}
.msg .snsLog .snsList .kakao {background-image:url(../images/cellEx/sns_kakao.png);}
.msg .snsLog .snsList .google {background-image:url(../images/cellEx/sns_google.png);}
.msg .snsLog .snsList .apple {background-image:url(../images/cellEx/sns_apple.png);}
.msg .snsLog .snsList .naver {background-image:url(../images/cellEx/sns_naver.png);}
.msg .snsLog .snsList a, .msg .snsLog .snsList .logoImg {display:inline-block; width:40px; height:40px; border-radius: 50%; margin:0 9px; background-repeat: no-repeat; background-size:100%}
.msg .snsLog .snsList .apiYnDiv {display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; padding: 5px 0px 5px 0px;}
.msg .snsLog .snsList .apiYnDiv:last-child {border-top: 1px solid #ddd;}
.msg .snsLog .snsList .apiYnDiv:last-child {border-bottom: none;}
.msg .snsLog .snsList .apiYnDiv p {margin: 0 10px 0 0;}
.msg .snsLog .snsList .apiYnDiv .apiLogo {display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 16px; font-weight: 700;}
.msg .snsLog .snsList .apiYnDiv .snsDone {color: #05d6b4;}
.joinSection {width:468px; margin:0 auto; padding:106px 0 70px 0;}
.joinSection h2 {font-size:16px; font-weight: 700; color:#191919; line-height: 24px;}
.joinSection .btnSet {margin-top:40px;}
.joinSection .btnSet span {display:block;}
.joinSection .btnSet span:not(:first-child) {margin-top:12px;}
.btnAlignC {margin-top:14px; text-align: center;}

.infoVal {font-size:15px; border:1px solid #ddd; border-radius: 8px; padding:0 20px 20px 20px; margin-top:40px; background:#fff;}
.infoVal div {display:flex; line-height: 21px; padding-top:20px;}
.infoVal dt {color:#999; width:120px;}
.joinSection .subAlignR {margin-top:10px; text-align: right;}
.joinSection .subAlignR a {display:inline-block; position:relative; font-size:12px; color:#999; padding-right:14px; text-decoration: underline;}
.joinSection .subAlignR a:after {position:absolute; content:''; top:50%; right:0; margin-top:-7px; width:14px; height: 14px; background: url(../images/cellEx/ico_arrow_gr.png) no-repeat; background-size: 100%;}
.mbFixedBtns {text-align: right; margin-top:40px;}

.joinComplete {padding:0 20px;}
.joinComplete h2 {text-align: center;}
.joinComplete .infoVal {margin-top:30px;}
.joinComplete .myProfile {margin-top:50px;}
.myProfile .photo {width:90px; height:90px; margin:0 auto; border:1px solid #ddd; border-radius: 50%; overflow:hidden; background:url(../images/cellEx/bg_profile.png) no-repeat; background-size:100%;}
.myProfile .photo img {max-width:100%;}
.myProfile .nick {text-align:center; margin-top:10px; font-weight: 700;}

.formWrap {margin-top:40px;}
.formWrap li:not(:first-child) {margin-top:30px;}
.formWrap .lb {display:block; font-size:15px; color:#696969; line-height: 21px; margin-bottom:8px;}
.formWrap .guideTxt {font-size:12px; line-height: 17px; color:#999; padding-left:10px; margin-top:4px;}
.formWrap .errorTxt {font-size:12px; line-height: 17px; color:#bb0000; padding-left:10px; margin-top:4px;}
.formWrap .okTxt {font-size:12px; line-height: 17px; color:#007705; padding-left:10px; margin-top:4px;}
.formWrap .formItem {position:relative;}
.formWrap .formItemBtn {position:relative; padding-right:80px;}
.formWrap .formItemBtn .btnForm {position:absolute; top:0; right:0; width:72px; height:50px; font-size:15px; color:#fdfdfd; background:#05d6b4; border-radius: 8px;}
.formWrap .formInfo {line-height: 21px; font-size:15px; display:flex;}
.formWrap .formInfo span.lb {width:100px; margin:0;}
.formWrap .formItem .btn_eye {position:absolute; top:10px; right:12px; width:30px; height:30px; background:url(../images/cellEx/ico_eye.png) no-repeat; background-size:100%;}
.formWrap .formItem .btn_eye.view {background-image: url(../images/cellEx/ico_eye_no.png);}
.dialog .formWrap {margin:0;}
.dialog .formWrap .formItemBtn .btnForm {height:40px; font-size:14px;}

.formListBox li:not(:first-child) {margin-top:50px;}
.itemUnit {position:relative;}
.itemUnit .unit {position:absolute; right:12px; top:50%; transform: translateY(-50%);}
.multiBtns {margin-top:8px; display:flex; flex-wrap: wrap;}
.multiBtns button {height:36px; padding:0 9px; margin-right:6px; color:#05d6b4; border:1px solid #05d6b4; border-radius: 18px;}
.multiBtns button:hover {background-color:#f5f4f4;}
.multiBtns .direct {margin:0; background:#05d6b4; color:#fdfdfd;}
.multiBtns .direct:hover {background-color: #0abc9f;}

/* tab */
.tabSection {position:relative; height:100%; padding-left:86px;}
.dialog .tabSection {height:100%;}
.tabSection .tList {position:absolute; top:0; left:0; width:78px;}
.tabSection .tList li {margin-bottom:4px;}
.tabSection .tList .tab {display:block;height:40px; text-align:center; font-size:15px; line-height: 40px; border-radius: 8px;}
.tabSection .tList .tab.active {background-color: #ededed; font-weight: 700;}
.tabSection .tabConts {height:100%; padding-left:10px; border-left:1px solid #ddd; overflow-y: auto;}
.tabSection .tabConts .panel {display:none;}
.tabSection .tabConts .panel.active {display:block;}
.tabSection .tabActiveBtn {position:absolute; left:0; right:0; bottom:0;}

.profileUp {margin-top:30px;}
.profileUp .tit {display:block; font-size:15px; color:#696969; line-height: 21px;}
.profileUp .tit span {font-size:12px;}
.profileUp p {font-size:12px; line-height: 17px; color:#999; margin-top:3px;}
.profileUp .upFile {width:130px; margin:20px auto 0 auto;}
.profileUp .upFile .img {height:130px; border:1px solid #ddd; border-radius: 8px; overflow: hidden; background:url(../images/cellEx/bg_profile.png) no-repeat; background-size: 100%;}
.profileUp .upFile .img img {max-width: 100%;}
.profileUp .upload {position:relative; text-align: center; margin-top:10px;}
.profileUp .upload label {display:inline-block; width:70px; height:30px; color:#fdfdfd; line-height: 30px; background:#05d6b4; border-radius: 8px;}

.agrBox {border:1px solid #ddd; border-radius: 10px; padding:20px 16px; margin-top:70px;}
.agrBox .all {border-bottom:1px solid #ddd; padding-bottom:16px;}
.agrBox ul {padding-top:6px;}
.agrBox ul li {margin-top:10px; color:#999; line-height: 24px;}
.agrBox ul li label {display:inline-block; position:relative; width:24px; height:24px; vertical-align: top;}
.agrBox ul li label:before {position:absolute; content:''; top:0; left:0; width:24px; height:24px; background:url(../images/cellEx/ico_agr.png) no-repeat; background-size: 100%;}
.agrBox ul li input:checked + label:before {background-image: url(../images/cellEx/ico_agr_chk.png);}
.agrBox ul li a {color:#0abc9f; text-decoration: underline;}

.btnConts {margin-top:30px; text-align:right;}

/* mypage */
/* .mypage {width:1268px; margin:0 auto; padding-top:120px;} */
.mypage {max-width:1818px; margin:0 auto; padding-top:120px;}

.myBase {display:flex; align-items: center;}
.myBase .photo {width:62px; height:62px; background:url(../images/cellEx/bg_profile.png) no-repeat; background-size:100%; border-radius: 50%;}
.myBase .nick {font-size:20px; font-weight: 700; margin-left:18px; line-height: 28px;}
.myBase .btnLogout {margin-left:18px; color:#bbb;}
.myBase .btnSetting {margin-left:auto; width:24px; height:24px; background:url(../images/cellEx/ico_setting.png) no-repeat; background-size: 100%;}

.status {display:flex; margin-top:30px;}
.status span {border:1px solid #ddd; border-radius: 5px; color:#05d6b4; padding:0 12px; margin-right:6px; line-height: 31px;}
.status span.yet {color:#ff0000;}

.myAsset {border:solid 1px #ededed; border-radius: 12px; margin-top:10px; padding:0 16px;}
.myAsset div {display:flex; justify-content: space-between; font-size: 16px; line-height: 21px; padding:20px 0;}
.myAsset div:not(:first-child) {border-top:1px solid #ddd;}

.moneySet {display:flex; background:#f5f4f4; border-radius: 12px; margin-top:30px;}
.moneySet li {flex:1; position:relative;}
.moneySet li:not(:first-child):before {position:absolute; content:''; top:13px; left:0; bottom:13px; border-left:1px solid #ddd;}
.moneySet li button {width:100%; height:84px; font-size:18px;}
.moneySet li button span {position:relative; display:inline-block; line-height: 26px; padding-right:24px;}
.moneySet li button span:after {position:absolute; content:''; top:50%; right:0; width:18px; height:18px; background-repeat: no-repeat; background-size: 100%; transform: translateY(-50%);}
.moneySet li button .ico01:after {background-image: url(../images/cellEx/ico_set01.png);}
.moneySet li button .ico02:after {width:20px; height:16px; background-image: url(../images/cellEx/ico_set02.png);}
.moneySet li button .ico03:after {background-image: url(../images/cellEx/ico_set03.png);}

.mypage .alarmWrap {margin-top:30px; background:#f5f4f4; padding:10px 16px 70px 16px;}
.alarmTop {display:flex; justify-content: space-between; line-height: 20px; padding-bottom:10px;}
.alarmTop .btnArrow {font-weight: 700;}
.alarmTop h2 {font-weight: 700; line-height: 20px;}
.alarmTop .btnDel {font-size:12px;}
.alarmList {border-top:1px solid #ddd;}
.alarmList li {border-bottom: 1px solid #ddd; padding:15px 0; display:flex; justify-content: space-between; align-items: center;}
.alarmList .letter {position:relative; display:flex; justify-content: center; flex-direction: column; min-height:30px; line-height: 20px; padding-left:40px;}
.alarmList .letter .logo {position:absolute; left:0; top:50%; width:30px; height:30px; background:#fff; border-radius: 50%; transform: translateY(-50%);}
.alarmList .letter .cellId {font-size:12px; line-height: 16px; color:#999}
.alarmList .date span {display:block; font-size:12px; line-height: 17px; color:#999; text-align: right;}

.bgSection {height:100%; background:#f5f4f4; padding-top:79px; overflow-y:auto;}
.bgSection .location {background:#f5f4f4;}
.bgSection .alarmWrap {width:1268px; margin:0 auto; padding-top:57px;}
.location {position:fixed; top:79px; left:0; right:0; background:#fdfdfd; z-index:10;}
.location .inner {max-width:1268px; margin:0 auto; padding:20px 0 12px 0;}
.location .btnBack {display:inline-block; font-size:16px; font-weight: 700; line-height: 24px; padding-left:14px; background:url(../images/cellEx/ico_back.png) 0 center no-repeat; background-size:14px;}

.subSection {width:1268px; margin:0 auto;padding:136px 0 60px 0;}
.subSection1 {width:1268px; margin:0 auto;padding:100px 0 60px 0;}
.setMenu {display:flex; justify-content: space-between; flex-wrap: wrap; padding-top:7px;}
.setMenu li {width:268px; margin-top:30px;}
.setMenu li a {display:block; position:relative;  font-size:16px; font-weight: 700; line-height: 50px;}
.setMenu li a:after {position:absolute; content:''; top:50%; right:0; width:22px; height:22px; transform: translateY(-50%); background:url(../images/cellEx/ico_arrow.png) no-repeat; background-size: 100%;}

.personInfo {width:468px; border:1px solid #ddd; border-radius: 14px; background:#fff; padding:60px 78px 78px 78px; margin:125px auto 0 auto;}
.personInfo .photoUp {width:120px; height:120px; margin:0 auto; border-radius: 50%; overflow: hidden;}
.personInfo .photoUp label {position:relative; display:block; height:100%; background:#ddd;}
.personInfo .photoUp label span {position:absolute; left:0; right:0; bottom:0; height:26px; background:#05d6b4; text-align: center; color:#fdfdfd; line-height: 26px;}
.personInfo .photoUp label img {max-width:100%;}
.personInfo .nick {display:flex; justify-content: center; margin-top:6px; font-size:16px; line-height: 24px;}

.personInfo .nick .btnEdit {width:24px; height:24px; vertical-align: top; background:url(../images/cellEx/ico_edit.png) center center no-repeat; background-size: 16px;}
.personInfo .infoVal {border:0; padding:0;}
.personInfo .infoVal dt {font-weight: 700; color:#191919}
.personInfo .infoVal dd {width:calc(100% - 120px);}
.personInfo .infoVal .edit {position:relative;}
.personInfo .infoVal .edit .btnRound {position:absolute; top:0; right:0;}

.notiList {margin-top:33px;}
.notiList li:not(:first-child) {margin-top:12px;}
.notiList li a {display:block; padding:10px; line-height: 20px; border:solid 1px #ededed; background:#fff; border-radius: 10px; box-shadow:  0 1px 4px 0 rgba(0, 0, 0, 0.1);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}

.txtConts {margin-top:28px;}
.txtConts .subject {font-size:16px; font-weight: 700; line-height: 24px;}
.txtConts .txtWrap {margin-top:20px; font-weight: 300; line-height: 18px; border:solid 1px #ededed; background:#fff; padding:14px 10px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}
.txtConts .txtWrap .head {text-align: center; font-weight: 700; padding:4px 0 16px 0;}

.outSecWrap {width:468px; margin:0 auto; padding-top:25px;}
.outSecWrap h2 {font-size:18px; font-weight:700; line-height: 26px;}
.outSecWrap .subTxt {font-size:16px; line-height: 24px; margin-top:10px;}
.outSecWrap ul {line-height: 20px; margin-top:14px;}
.outSecWrap ul li:not(:first-child) {margin-top:12px;}
.outSecWrap ul textarea {margin-top:10px; height:110px;}
.outSecWrap .caution {border:0; margin:0;}
.outSecWrap .agree {margin-top:40px;}
.outSecWrap .agree input[type="checkbox"] + label {display:inline-block; position:relative; padding-left:26px; font-size:12px; line-height: 18px; color:#999;}
.outSecWrap .agree input[type="checkbox"] + label:before {position:absolute; content:''; width:18px; height:18px; top:0; left:0; background: url(../images/cellEx/ico_chk_out.png) no-repeat; background-size:100%;}
.outSecWrap .agree input[type="checkbox"]:checked + label:before {background-image: url(../images/cellEx/ico_chk_out_on.png);}
.outSecWrap .btnBox {margin-top:12px;}

.payInfoBox .formWrap {margin-top:10px;}
.payInfoBox .caution {border:0; margin:0;}
.payResult {position:relative; padding-top:20px; margin-top:14px; border-top:1px solid #ddd;}
.payResult .btnBox {position:absolute; top:20px; right:0; width:328px;}
.payResult dl dt {line-height: 20px; color:#646464;}
.payResult dl dd {font-size:18px; font-weight: 700; line-height: 24px; margin-top:4px;}

.payListWrap {padding:10px 0 25px 0;}
.payListWrap .btnRound.ss {height:25px; line-height: 25px; padding:0 16px; font-size: 12px; border-radius: 12.5px;}
.payList {margin-top:10px;}
.payList li {display:flex; justify-content: space-between; font-size:12px; color:#999; line-height: 17px; border:1px solid #ddd; border-radius: 8px; padding:8px 12px; }
.payList li:not(:first-child) {margin-top:8px;}
.payList .date span {display:block; text-align: right;}
.payList .state {position:relative; padding-left:28px;}
.payList .state:before {position:absolute; content:''; width:16px; height:16px; top:50%; left:0; background:url(../images/cellEx/ico_state.png) no-repeat; background-size: 100%; transform: translateY(-50%);}
.payList .state.end:before {background-image: url(../images/cellEx/ico_state_end.png);}
.payList .state.reject:before {background-image: url(../images/cellEx/ico_state_reject.png);}
.payList .state.plus:before {background-image: url(../images/cellEx/ico_state_plus.png);}
.payList .state.minus:before {background-image: url(../images/cellEx/ico_state_minus.png);}
.payList .state strong {display:block; font-size:14px; color:#191919; line-height: 20px;}
.payList .state span {display:block;}

.fixedBtn {position:fixed; left:0; right:0; bottom:0; text-align:center; padding:30px 0 20px 0; background:#fdfdfd;}
.fixedBtn .btnBox {width:360px; margin:0 auto; display:flex; overflow:hidden;}
.fixedBtn .btnBox button {flex:1; position:relative;}
.fixedBtn .btnBox button:before {position:absolute; content:''; top:10px; right:-1px; height:24px; border-right:1px solid #ddd;z-index: 2;}
.btnIco {display:block; position:relative; width:100%; height:44px; background:#f5f4f4;}
.btnIco span {display:inline-block; position:relative; padding-left:22px; color:#646464; line-height: 20px;}
.btnIco span:before {position:absolute; content:''; width:16px; height:16px; left:0; top:50%; background:url(../images/cellEx/ico_btn01.png) no-repeat; background-size: 100%; transform: translateY(-50%);}
.btnIco .ico02:before {width:18px; background-image: url(../images/cellEx/ico_btn02.png);}
.btnIco .ico03:before {background-image: url(../images/cellEx/ico_btn03.png);}

.breakdown div {display:flex; justify-content: space-between; font-size:15px; line-height: 20px; color:#999; padding-top:16px; margin-top:16px; border-top:1px solid #ddd;}
.breakdown div:first-child {margin:0; border:0;}
.breakdown dt {color:#191919;}
.breakdown dd span {display:block; text-align: right;}
.breakdown dd span:not(:first-child) {margin-top:6px;}
.breakdown .col {display:block;}
.breakdown .col dd {margin-top:6px;}
.breakdown .col .bg {height:170px; background: #ededed; padding:16px; border-radius: 6px; margin-top:12px;}
.cursorP {cursor:pointer;}
.faqList {overflow-y:scroll; height: 300px;}
.brdList {overflow-y:scroll; height: 300px;}

/* footer */
.footer {background:#f5f5f5; margin-top:-200px; color:#000; letter-spacing: -0.5px;}
.footer .inner {position:relative; width:1268px; margin:0 auto;}
.footer .footerTop {border-bottom:1px solid #ededed;}
.footerMenu {display:flex; line-height: 20px; padding:19px 0; overflow: hidden;}
.footerMenu li {position:relative; padding-right:20px; margin-right:20px;}
.footerMenu li:before {position:absolute; content:''; top:5px; left:-19px; height: 10px; border-left:1px solid #dbdbdb;}
.footerConts .inner {padding:40px 0;}
.footerConts .customer {position:absolute; top:40px; right:0; width:200px;}
.footer .tit {display:block; font-size:18px; font-weight: 700; line-height: 26px;}
.csCenter p {font-size:12px; line-height: 17px; margin-top:15px;}
.csCenter .btnArrow {font-size:12px; line-height: 17px; display:inline-block; margin-top:4px; vertical-align: top; background-position: 100% 3px; background-size: 10px;}
.qrBox {position:relative; padding-left:72px; margin-top:50px; padding-top:5px; height:62px;} 
.qrBox .qr {position:absolute; top:0; left:0; width:62px; height:62px; }
.qrBox .qr img {max-width: 100%;}
.qrBox strong {display:block; font-size: 18px; font-weight: 700; line-height: 26px;}
.qrBox strong span {display:block; font-size:12px; line-height: 17px; font-weight: 400; margin-top:4px;}
.footerInfo {max-width: 730px;}
.comInfo ul {display:flex; flex-wrap: wrap; margin:12px 0 0 -24px;}
.comInfo ul li {position:relative; font-size:13px; line-height: 19px; margin-top:3px; padding-left:12px; margin-left:12px;}
.comInfo ul li:before {position:absolute; content:''; top:5px; left:0; height: 10px; border-left:1px solid #dbdbdb;}
.comInfo ul li strong {display:block; font-weight: 500; border-bottom:1px solid #000;}
.copy {font-size: 13px; line-height: 22px; margin-top:50px;}
.copy p strong {display:block; font-weight: 700;}
.footer .inner .partner {position:absolute; top:17px; right:0; display:flex;}
.footer .inner .partner .infoToggle:first-child {margin-right:25px;}
.footer .inner .partner .infoToggle {position:relative;}
.footer .inner .partner .infoTogConts {display:none; position:absolute; top:100%; left:0; padding:10px; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); z-index:5;}
.footer .inner .partner .infoTogBtn {padding-right:15px; line-height: 24px; background:url(../images/cellEx/ico_dropdown.png) 100% center no-repeat; background-size:12px;}
.footer .inner .partner .infoTogConts a {display:block; font-size:12px; color:#484848; line-height: 17px; white-space: nowrap;}
.footer .inner .partner .infoTogConts li:not(:first-child) {padding-top:6px; margin-top:6px; border-top:1px solid #ddd;}

.copyright {
	background-color: #f5f4f4;
	/* width: 1268px; */
	width: 1818px;
	margin: 30px auto 0 auto;
	padding: 10px;
	font-size: 12px;
}

.copyright h1, .copyright .co_Info h2{
	font-size: 16px;
	font-weight: 800;
}

.copyright .notice_link{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
}

.copyright .copyInfoWrap{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.copyright .serviceCenter{
	margin: 0px 150px 0px 0px;
}

.copyright .co_Info div{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	height: 17px;
	line-height: 20px;
	margin: 5px 0px 5px 0px;
}

.flex_controll{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin: 0;
}

.copyright .co_Info div strong{
	height: 12px;
	line-height: 12px;
	font-size:12px;
	font-weight: 600;
}
.copyright .copyTxt{
	margin-top: 20px;
	text-align: center;
	
}

.spliter{ height: 10px !important; width: 1px; background-color: black; margin: 0 3px 0 3px !important;}

/* datepicker */
.ui-datepicker-trigger{position: absolute; top: 0; right: 0; width: 40px; height: 40px; border-radius: 0 8px 8px 0; background: #05d6b4 url(/resources/images/cellEx/ico_cal.png) center center no-repeat; background-size: 18px;}

.link {cursor:pointer;}

@media screen and (max-width:791px) { 
	
	img {
	    vertical-align: top;
	    width: -webkit-fill-available;
	}
	
	/* .header {box-shadow: none;} */
	.header .inner {height:49px; padding:9px 16px 0 16px;}
	.header .inner .gnb {display:none;}
	.header .inner .personal {right:16px;}
	.header .inner .logo {/* top:9px; */ top:21px; left:16px; width:100px; height: 32px;}

	/* dialog */
	.full .dialogWrap {width:100%; height:auto; position:fixed; top:50px; left:0; right:0; bottom:0; border-radius: 14px 14px 0 0;}
	.modal .dialogWrap {width:auto; margin:0 16px;}
	.alert .dialogWrap {width:auto; max-width:328px; }
	.toastPop {left:16px; right:16px; bottom:60px;}
	.toastPop .msg {width:100%;}

	.multiBtns {gap:6px;}
	.multiBtns button {margin:0;}

	.menuBar {display:block; position:fixed; left:0; right:0; bottom:0; background:#fdfdfd; padding: 0 16px; z-index:10;}
	.menuBar:before {position:absolute; content:''; top:0; left:0; right:0; border-top:1px solid #ddd;}
	.menuBar ul {display:flex;}
	.menuBar ul li {flex:1; position:relative;}
	.menuBar ul li a {display:block; position:relative; text-align:center; padding:30px 0 5px 0; font-size:10px; color:#999; line-height: 15px;}
	.menuBar ul li a:before {position:absolute; content:''; width:24px; height:24px; top:3px; left:50%; transform: translateX(-50%);}
	.menuBar ul li a .iconNew {position:absolute; top:7px; left:50%; margin-left:10px; width:6px; height:6px; border-radius: 50%; background:#ed0000;}
	.menuBar ul li a.ic01:before {background:url(../images/cellEx/ico_sub1.png) no-repeat; background-size: 100%;}
	.menuBar ul li a.ic02:before {background:url(../images/cellEx/ico_sub1.png) no-repeat; background-size: 100%;}
	.menuBar ul li a.ic03:before {background:url(../images/cellEx/ico_sub2.png) no-repeat; background-size: 100%;}
	.menuBar ul li a.ic04:before {background:url(../images/cellEx/ico_sub3.png) no-repeat; background-size: 100%;}
	.menuBar ul li a.ic05:before {background:url(../images/cellEx/ico_sub4.png) no-repeat; background-size: 100%;}
	.menuBar ul li a.ic06:before {background:url(../images/cellEx/ico_sub4.png) no-repeat; background-size: 100%;}
	.menuBar ul li.on a {color:#05d6b4;}
	.menuBar ul li.on a.ic01:before {background-image: url(../images/cellEx/ico_sub1_on.png);}
	.menuBar ul li.on a.ic02:before {background-image: url(../images/cellEx/ico_sub2_on.png);}
	.menuBar ul li.on a.ic03:before {background-image: url(../images/cellEx/ico_sub3_on.png);}
	.menuBar ul li.on a.ic04:before {background-image: url(../images/cellEx/ico_sub4_on.png);}
	.menuBar ul li.on:before {position:absolute; content:''; top:0; left:0; right:0; border-top:2px solid #05d6b4;}
	.topInfoBox {top:49px; padding:0;}
	.subSelect {margin:0; padding: 5px 16px; background:#f5f4f4;}
	.subSelect:before {display:none;}
	.subSelect ul {width:100%;}
	.subSelect ul li {flex:1;}
	
	.listOpt .filter span {margin-left:10px;}

	.mnListWrap {padding:234px 16px 90px 16px;}
	.cellList {gap:14px; margin-top:16px;}
	.cellList li {width:100%;}
	.cellList .cell {display:none;}
	.cellList .areaInfo {border-radius: 8px;}
	.areaInfo .price {display:block;}
	.areaInfo .price div:not(:first-child) {margin:12px 0 0 0;}

	.selectDate .tit:not(:first-child) {margin-top:36px;}
	.selectDate .period li {padding-right:36px;}

	/* login */
	.loginBox {position:fixed; top:0; left:0; right:0; bottom:0; width:100%; background:#fdfdfd; padding:100px 16px 0 16px; z-index:52;}
	.loginBox .snsLog {bottom:44px;}

	.joinSection {position:fixed; top:0; left:0; right:0; bottom:0; width:100%; background:#fdfdfd; padding:26px 16px 54px 16px; overflow-y:auto; z-index:52;}
	.mbFixedBtns {position:fixed; left:0; right:0; bottom:0; padding:0 16px 30px 16px; margin:0;}

	/* footer */
	.footer {margin-top:-80px; padding:40px 16px; color:#484848;font-size:12px; }
	.footer .inner {width:100%;}
	.footerMenu {flex-wrap: wrap; padding:0;}
	.footerMenu li:nth-child(n+4) {display:none;}
	.footerConts .inner {padding:0;}
	.footerConts .customer {position:relative; display:flex; width:100%; top:auto; right:auto; margin-top:25px;}
	.csCenter p {margin-top:4px;}
	.qrBox {padding:0; margin:0 0 0 auto; height:auto; text-align: center;}
	.qrBox .qr {position:static; display:block; margin:0 auto;}
	.qrBox strong {margin-top:5px; font-size:16px; line-height: 22px;}
	.footerInfo {max-width:auto; padding-top:10px;}
	.comInfo .tit {font-size:16px;}
	.comInfo ul li {font-size:12px;}
	.comInfo ul li:before {left:auto; right:-12px;}
	.copy {margin-top:30px; font-size:12px;}
	.copy p strong {font-size:14px; padding-bottom:4px;}
	.footer .footerTop {border:0;}
	.footer .inner .partner {position:static; margin-top:14px;}

	.copyright {
		background-color: #f5f4f4;
		width: 100%;
		margin: 0 auto;
		padding: 10px 10px 65px 10px;
		font-size: 12px;
	}
	
	.copyright .co_Info .flex_controll{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 0;
		height: auto;
	}
	
	.copyright .co_Info h2{
		font-size: 16px;
		font-weight: 800;
		margin-top: 20px;
	}
	
	.spliter:not(.firstSp){ display:none !important;}
	
	.copyright .copyInfoWrap {display: block;}
	
	.copyright .copyTxt{
	margin-top: 20px;
	text-align: left;
	
}

	/* mypage */
	.mypage {width:100%; padding-top:60px;}
	.mypage .myInfoWrap {padding:0 16px;}
	.myBase .photo {width:38px; height:38px;}
	.myBase .nick {font-size:18px; margin-left:10px;}
	.myBase .btnLogout {margin-left:10px;}

	.status {margin-top:13px;}
	.status span {font-size:12px; line-height: 25px; padding: 0 9px;}

	.myAsset {padding:0 22px;}

	.moneySet {margin-top:12px;}
	.moneySet li button {height:60px; font-size:14px;}
	.moneySet li button span {line-height: 20px;}

	.mypage .alarmWrap {margin-top:12px;}
	.alarmWrap {padding:8px 16px 90px 16px;}
	.alarmList li {padding:15px 0;}
	.alarmList .letter {width:calc(100% - 110px);}

	.bgSection {width:100%; padding-top:49px;}
	.bgSection .alarmWrap {width:100%; padding-top:41px;}
	.location {top:49px;}
	.location .inner {padding:10px 16px 6px 16px; width:100%;}
	.location .btnBack {font-size:14px;}

	.subSection {width:100%; padding:92px 16px 40px 16px;}
	.setMenu {display:block; padding-top:30px;}
	.setMenu li {width:100%; margin:0;}
	.setMenu li:not(:first-child) {border-top:1px solid #ededed;}
	.setMenu li a {line-height: 44px;}

	.personInfo {width:100%; border:0; background:none; margin-top:20px; padding:0 40px;}
	.personInfo .photoUp {width:74px; height:74px;}
	.personInfo .photoUp label span {font-size:12px; height:19px; line-height: 19px;}

	.personInfo .infoVal {font-size:14px;margin-top:75px}
	.personInfo .infoVal dt {width:80px;}
	.personInfo .infoVal dd {width:calc(100% - 80px)}

	.notiList {margin-top:18px;}
	.txtConts {margin-top:10px;}

	.outSecWrap {width:100%; padding-top:20px;}

	.payResult .btnBox {position:static; width:100%; margin-top:18px;}
	.payListWrap {padding-bottom:0;}
	.fixedBtn {padding:0; bottom:70px;}
	.fixedBtn .btnBox {width:100%;}
	
}