@charset "utf-8";

/** View Common **/
.alignL { text-align: left; }
.alignC { text-align: center; }
.alignR { text-align: right; }
.txtM { font-size: 18px; line-height: 24px; font-weight: 500; }
.txtS { font-size: 12px; line-height: 16px; font-weight: 300; font-family: none; }
.txtBold { font-weight: 700; }
.floatL { float: left; }
.floatR { float: right; }

.contentsRow { width: 100%; height: auto; min-height: 46px; padding: 0px 0px; margin: 10px 0px; text-align: center; }
.contentsRow.small { width: 100%; height: auto; min-height: 30px; padding: 0px 0px; margin: 6px 0px; text-align: center; }
.contentsRow.alignL { text-align: left; }
.contentsRow.alignC { text-align: center; }
.contentsRow.alignR { text-align: right; }
.contentsRow.txtM { font-size: 18px; line-height: 24px; font-weight: 500; }
.contentsRow.txtS { font-size: 12px; line-height: 16px; font-weight: 300; font-family: none; }
.contentsRow.txtBold { font-weight: 700; }
.contentsRow .floatL { float: left; }
.contentsRow .floatR { float: right; }
.w100p{width:100% !important;}

.descTxt { display: inline-block; width: 100%; font-size: 12px; font-family: none; font-weight: normal; color: #808080; text-align: left; line-height: 14px; }
.descTxt.active { color: #40c6e8; }

.contentsRow .gradientionTxt { background: linear-gradient( 90deg, #d8c7f7 0%, #ffffff 100% ); }
.pring_config_check_span { display: flex; flex-direction: revert; flex-wrap: nowrap; justify-content: space-between; }
.pring_config_radio_span { display: flex; flex-direction: revert; flex-wrap: nowrap; justify-content: space-between; }
.pring_config_check_span > div { display: flex; }
.pring_config_radio_span > div { display: flex; }


/*
input[type="checkbox"]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
input[type="checkbox"] + label{ display:inline-block; position:relative; padding-left:26px; cursor:pointer; } 
input[type="checkbox"] + label:before{ content:''; position:absolute; left:0; top:3px; width:18px; height:18px; text-align:center; background:#fff; border:1px solid #ccc; box-sizing:border-box; } 
input[type="checkbox"]:checked + label:after{ content: 'v'; position:absolute; top:3px; left:0; width:18px; height:18px; background-color: #40c6e8; color: #ffffff; }
*/

/*
checkbox 컬러~~~! 
.c1 { filter: hue-rotate(0deg)   } 파란색
.c2 { filter: hue-rotate(30deg)  } 진한파란색
.c3 { filter: hue-rotate(60deg)  } 보라색
.c4 { filter: hue-rotate(90deg)  } 분홍색
.c5 { filter: hue-rotate(120deg) } 레드
.c6 { filter: hue-rotate(150deg) } 주황색
.c7 { filter: hue-rotate(180deg) } 브라운색
.c8 { filter: hue-rotate(210deg) } 진한녹색
.c9 { filter: hue-rotate(240deg) } 녹색
*/

input::placeholder {
  color: #000000;
  font-weight: 500;
}
textarea::placeholder {
  color: #000000;
  font-weight: 500;
}

.contentsRow select { display: block; width: 100%; height: 46px; border: 1px solid #ededed; background-color: #ffffff; border-radius: 5px; padding: 6px 6px; color: #000000; font-family: none; }
.contentsRow textarea { display: block; width: 100%; border: 1px solid #ededed; background-color: #ffffff; border-radius: 5px; padding: 7px; margin: 7px 0px 7px 0px; color: #7f7f7f; font-size: 16px; font-family: none; font-weight: 300; resize: none; }
.contentsRow textarea.noRadius{border-radius: 0px;}

.contentsRow .textarea { display: block; width: 100%; border: 1px solid #ededed; background-color: #ffffff; border-radius: 5px; padding: 7px; margin: 7px 0px 7px 0px; color: #7f7f7f; font-size: 16px; font-family: none; font-weight: 300; resize: none; }
.contentsRow input { width: 100%; height: 46px; color: #000000; background-color: #ffffff; border: 2px solid #40c6e8; border-radius: 10px; }
.contentsRow input[type="checkbox"] { width: 22px; height: 22px; border: 1px solid #40c6e8; border-radius: 5px; filter: hue-rotate(30deg); margin: 0px 0px; }
/* .contentsRow input[type="radio"] { accent-color: #40c6e8; } */
.contentsRow input[type="radio"] { -webkit-appearance: none;-webkit-border-radius: 0; appearance: none; width: 22px; height: 22px; border: 1px solid #000; border-radius: 50%; background-clip: content-box; padding: 2px; }
.contentsRow input[type="radio"]:checked { background-color: #3ac2ed; }

.contentsRow textarea::placeholder { color: #cccccc; font-weight: normal; }

.contentsRow.noBorder select { border: none; }
.contentsRow.noBorder textarea { border: none; }
.contentsRow.noBorder input { border: none; }
    
.contentsRow select.small { height: 30px;  line-height: 30px; font-size: 12px; padding: 0px 10px; }
.contentsRow input.small { height: 30px;  line-height: 30px; font-size: 12px; }
    
.contentsRow .btn { display: inline-block; padding: 0px 10px; height: 46px; line-height: 46px; cursor: pointer; background-color: #40c6e8; color: #ffffff; border-radius: 8px; }
.contentsRow .btn.small { height: 30px;  line-height: 30px; font-size: 12px; }
.contentsRow .btn.small.reportBtn { height: 20px;  line-height: 20px; font-size: 12px; }

.contentsRow .btn.type2 { border: 2px solid #272f35; background-color: #272f35; color: #ffffff; }
.contentsRow .btn.type3 { border: 2px solid #e6e6e6; background-color: #e6e6e6; color: #000000; }
.contentsRow .btn.type4 { border: 2px solid #575e63; background-color: #575e63; color: #ffffff; }
.contentsRow .btn.type5 { border: 2px solid #40c6e8; background-color: #40c6e8; color: #ffffff; }
.contentsRow .btn.large { font-weight: 500; }
.contentsRow .btn.full { width: 100%; }
.contentsRow .btn.white { background-color: #ffffff; color: #40c6e8; border: 1px solid #40c6e8; }

.contentsRow .btn.cancel { background-color: #F04545; color: #FFF; border: 1px solid #F04545; }
.contentsRow .btn.cancelwhite { background-color: #ffffff; color: #F04545; border: 1px solid #F04545; }



.contentsRow .input { cursor: pointer; border: 1px solid #ededed; border-radius: 8px; color: #000000; width: 100%; height: 46px; box-shadow: none; }
.contentsRow .input.noRadius { border-radius: 0px;  }

.contentsRow .form-check { font-size: 14px; display: inline-block; }
.contentsRow .form-check input { width: 18px; height: 18px; margin: 0px 0px; vertical-align: middle; }

/* .contentsRow .inputForm_Label { display: inline-block; color: #000000; font-family: none; font-size: 14px; font-weight: bold; width: 105px; height: 38px; line-height: 38px; text-align: left; } */
.contentsRow .inputForm_Label { display: inline-block; color: #000000; font-size: 16px; font-weight: bold; width: 105px; height: 46px; line-height: 46px; text-align: left; }
.contentsRow .inputForm_Label.small { height: 30px;  line-height: 30px; font-size: 12px; }
.contentsRow .inputForm_value { display: inline-block; /* width: calc(94vw - 105px); */width: 100%; float: right; border: 1px solid #ededed; }
.contentsRow .inputForm_value.small { height: 30px;  line-height: 30px; font-size: 12px; }

.contentsRow .days input.tcal { width: 100px; height: 46px; line-height: 46px; padding: 6px 3px 6px 3px; margin-right: 5px; float: Left; border: 1px solid #ededed; background-color: #ffffff; border-radius: 8px 0px 0px 5px; position: relative; text-align: left; font-size: 14px; }
.contentsRow .days .icon_cal { height: 46px; margin-left: -6px; border: 1px solid #ededed; border-radius: 0px 5px 5px 0px; overflow: hidden; overflow: hidden; box-sizing: border-box; }
.contentsRow .days .icon_cal:after { left: 0px; width: 35.2px; height: 41px; background: url(../img/frame/bg_cal_icon_new.jpg) no-repeat; background-position: -7px -3px; background-size: cover; }

.contentsRow .uploadImageBox { width: 860px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: left; padding: 5px calc(1vw) 10px calc(1vw); }
.contentsRow .uploadImageBox .imageBox { display: block; position: relative; width: 160px; height: 120px; border: 1px solid #9b9b9b; border-radius: 8px; margin: 0px 10px 0px 0px; overflow: hidden; }
.contentsRow .uploadImageBox .imageBox img { width: 100%; height: 100%; }
.contentsRow .uploadImageBox .imageBox.none::before { content: "No image"; position: absolute; top: 45px; left: 35px; color: #9b9b9b; font-size: 16px; }
.contentsRow .uploadImageBox .imageBox.videoDom::before { content: "Video File"; position: absolute; top: 45px; left: 35px; color: #9b9b9b; font-size: 16px; }
.contentsRow .uploadImageBox .imageBox.audioDom::before { content: "Audio File"; position: absolute; top: 45px; left: 35px; color: #9b9b9b; font-size: 16px; }
.contentsRow .uploadImageBox .imageBox input.fileAttachInput { display: none; }
.contentsRow .uploadImageBox .imageBox .imgDelete { position: absolute; top: 2px; right: 5px; color: #ff0000; cursor: pointer; font-weight: 700; }
    

.H_Line { width: 100%; height: 1px; border-bottom: 1px solid #a9a9a9; margin: 12px 0px; }

.nav-tabs { margin-top: 25px; border-bottom: none; }
.nav.nav-tabs li { }
.nav.nav-tabs li.w-50 { width: 50%; }

/* 
.nav-tabs > li > a {
	font-weight: normal;
	font-size: 14px;
	color: #40c6e8;
	padding: 5px 0px !important;
	border-radius: 8px 8px 0px 0px;
	border: 1px solid #40c6e8 !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { 
	background-color: #40c6e8 !important; 	
	border: 1px solid #40c6e8 !important; 
}
 */

.nav-tabs > li > a {
	font-weight: normal;
	font-size: 14px;
	color: #45b8ee;
	padding: 5px 0px !important;
	border-radius: 8px 8px 0px 0px;
	border: 1px solid #45b8ee !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { 
	/* background-color: #45b8ee !important; */
	background:linear-gradient(to right, #59dad2, #45b8ee) !important;
	 	
	border: 1px solid #45b8ee !important; 
}

.nav-tabs > li:first-child > a {
/*     border-left: 2px solid #272f35; */
}

.nav-tabs > li:FIRST-CHILD > a { border-radius: 10px 10px 0px 0px; }
.nav-tabs > li:LAST-CHILD > a { border-radius: 10px 10px 0px 0px; }
.nav-tabs > li > a{font-size: 18px !important;} 

.tab-content { width: 100%; min-height: 300px; background-color: transparent; border: none; padding: 10px 0px; }

.logoTitle { width: 100%; height: 46px; margin-top: 9px; display: inline-block; cursor: pointer; background-image: url(../img/main/logo2.png); background-repeat: no-repeat; background-size: contain; padding: 10px 0px 0px 70px; font-weight: bold; margin-bottom: 30px; }
.logoTitle.small { width: 100%; height: 34px; margin-top: 9px; display: inline-block; cursor: pointer; background-image: url(../img/main/logo2.png); background-repeat: no-repeat; background-size: contain; padding: 10px 0px 0px 50px; font-weight: bold; margin-bottom: 15px; }


/** Main View **/
body.iOS{
	overflow-y:hidden;  
}

body.iOS #wrapper{-webkit-overflow-scrolling:touch;}
body.iOS #wrapper .bodyWrapper{overflow-y: hidden;}

body.iOS #main.bodyContents .contentsBody{overflow-y:hidden;}


#main {text-align: center; margin-bottom: 60px; }

#main.bodyContents .contentsBody{padding: 0px calc(6vw) 10px calc(6vw);overflow-x:hidden;}

#main .mainTopContentsKind{width: 100%;  height:auto; padding:0; text-align: center; margin-top: 30px;}
#main .mainTopContentsKind .mainContents{height:auto;}
#main .mainTopContentsKind .mainContents .contentsLogo{/* width:144px;height:70px; */display: inline-block; margin-bottom: 15px;max-width: 200px;width:auto;}
#main .mainTopContentsKind .mainContents .contentsLogo img{width:100%;height:100%; }
#main .mainTopContentsKind .mainContents .contentsBtn{height: auto;}
#main .mainTopContentsKind .mainContents .contentsBtn.contentsRow{margin: 10px 0px 0px 0px;}
#main .mainTopContentsKind .mainContents .contentsImg{width:calc(100% - 260px);  height:auto;display: inline-block; margin:10px;text-align: right;}
#main .mainTopContentsKind .mainContents .contentsImg img{width: 100%; height:100%;max-width: 72px; }

#main .mainTopContentsKind .mainContents .contentsBtn .btn{margin-bottom: 10px;}

#main .mainContentsKind { width: calc(100vw); height:auto; padding: calc(1vh) calc(12vw) calc(2vh) calc(0vw); margin: 0px; text-align: center; }
#main .mainBottomContentsKind {width: 100%;  height:auto; padding:0; text-align: center;}

.aboutView .companyInfoBox { margin-top: 30px; }
.aboutView .companyInfoBox div { width: 100%; font-size: 12px; font-family: none; color: #6e6e6e; position: relative; text-align: left; line-height: 22px; margin-top: 0px; }




/** Login view **/
.loginViewContents { width: 100%; height: 100%; text-align: center; margin-top: calc(3vh); padding:0 15px;}
.loginViewContents .appMainLogo { display: inline-block; }
.loginViewContents .appMainLogo img { width: calc(50vw); margin-bottom: 20px; }

.loginViewContents .apiLogin {width:100%;}
.loginViewContents .apiLogin .social-login{display: inline-block;width: 100%;}

.loginViewContents .btn_naver_login { position: relative; text-align: center; color: #ffffff; font-size: 14px; cursor: pointer; width: 100%; height: 46px; line-height: 46px; border-radius: 8px; background-color: #00B900; margin-top: 16px; }
.loginViewContents .btn_kakao_login { position: relative; text-align: center; color: #ffffff; font-size: 14px; cursor: pointer; width: 100%; height: 46px; line-height: 46px; border-radius: 8px; background-color: #FFDC1C; margin-top: 10px; }
.loginViewContents .btn_apple_login { position: relative; text-align: center; color: #ffffff; font-size: 14px; cursor: pointer; width: 100%; height: 46px; line-height: 46px; border-radius: 8px; background-color: #000000; margin-top: 10px; }

.loginViewContents .btn_naver_login img{position: absolute !important; top: 0px !important; left: 0px !important; text-align: center; cursor: pointer; width: 48px; height: 46px; line-height: 46px; border-right: 1px solid #A8A8A8; }
.loginViewContents .btn_kakao_login img{position: absolute !important; top: 0px !important; left: 0px !important; text-align: center; cursor: pointer; width: 48px; height: 46px; line-height: 46px; border-right: 1px solid #A8A8A8; }
.loginViewContents .btn_apple_login img{position: relative; text-align: center; cursor: pointer; width: 48px; height: 46px; line-height: 46px; border-right: 1px solid #A8A8A8; }


.loginViewContents .contentsRow.loginBtnArea{ margin-top:10px; margin-bottom: 15px; }
.loginViewContents .contentsRow.joinBtnArea{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center;min-height: 30px; }

.loginViewContents .logoDiv {width: 80px;margin: 0 auto;margin-bottom: 15px;}
.loginViewContents .logoDiv .logo_area{width: 80px;height:80px; text-align: center; display: inline-block;}
.loginViewContents .logoDiv .logo_area img{width: 100%;height:100%;}
.loginViewContents .logoDiv .logo_text_area{width:74px;height:17px; text-align: center; display: inline-block;}
.loginViewContents .logoDiv .logo_text_area img{width: 100%;height:100%;}
.loginViewContents .contentsRow.idpwdFindInfoDiv{font-size: 14px; color: #40c6e8; text-align: center;}
.loginViewContents .contentsRow.idpwdFindInfoDiv div{display: inline-block;}
.loginViewContents .contentsRow.loginBtnArea div.btn{display: inline-block; color: #40c6e8; border-radius: 8px; border: 1px solid #40c6e8;background: #fff;}

.loginViewContents .contentsRow .btn { display: inline-block; padding: 0px 10px; height: 46px; line-height: 46px; cursor: pointer; background-color: #030303; color: #ffffff; border-radius: 8px; }
.loginViewContents .contentsRow .btn.small { height: 30px;  line-height: 30px; font-size: 12px; }
.loginViewContents .contentsRow .btn.small.reportBtn { height: 20px;  line-height: 20px; font-size: 12px; }

.loginViewContents .contentsRow .toggle-password { content: ""; width: 48px; height: 46px; background: url(../img/control/btn_eyes.png) no-repeat; background-size: cover; position: absolute; top: 0px; right: 0px; }
.loginViewContents .contentsRow .toggle-password.show { content: ""; width: 48px; height: 46px; background: url(../img/control/btn_eyes_on.png) no-repeat; background-size: cover; position: absolute; top: 0px; right: 0px; }

#findID_Popup .findID_Value { background-color: #dedede; border-radius: 5px; padding: 10px; margin: 5px 0px; } 


/** Join view **/
.memberJoinView .stepByStepBar { width: 100%; text-align: left; margin-top: 10px; }
.memberJoinView .stepByStepBar div { display: inline-block; font-size: 18px; color: #c5c5c5; margin-right: 5px; }
.memberJoinView .stepByStepBar div::after { content: ">"; color: #c5c5c5; margin-left: 3px; }
.memberJoinView .stepByStepBar div.on { color: #000000; font-weight: 700; }
.memberJoinView .stepByStepBar div.on span{ border-bottom: 2px solid #40c6e8; }
.memberJoinView .stepByStepBar div.on::after { content: ">"; color: #000000; margin: 0px 5px; }
.memberJoinView .stepByStepBar div:last-child::after { content: "" !important; margin-left: 0px; }

.joinStepBar { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; border: 2px solid #40c6e8; border-radius: 20px; font-size: 14px; font-weight: 500; margin-top: 10px; }
.joinStepBar .step { width: 25%; text-align: center; border-right: 1px solid #e3e3e3; } 
.joinStepBar .step:first-child { border-right: none; border-radius: 10px 0px 0px 10px; } 
.joinStepBar .step:last-child { border-right: none; border-radius: 0px 10px 10px 0px; } 
.joinStepBar .step.selected { background-color: #40c6e8; color: #ffffff; border-right: 1px solid #40c6e8; } 
.joinStepBar .step.selected:last-child { border-right: none; } 

.joinView { display: none; }
.joinView.on { display: block; }

.joinView .joinContentsBox { width: 100%; height: calc(20vh); border: 2px solid #40c6e8; border-radius: 10px; margin: 10px 0px; text-align: center; }
.joinView .joinContentsBox .icon_user { display: inline-block; width: 100%; height: 28px; margin: calc(2vh) 0px; font-size: 20px; }

.joinView.step01 .joinContentsBox .contentsRow { margin: 0px 0px; height: 20px; line-height: 20px; min-height: 20px; height: auto; }

.memberJoinView .joinView.step01 .contentsRow { border-top: 1px solid #e3e3e3; padding: 10px 0px; }
.memberJoinView .joinView.step01 .contentsRow .form-check-input{ margin-right: 10px; }
.memberJoinView .joinView.step01 .contentsRow .textarea{ height: calc(18vh); overflow: hidden; overflow-y: auto; padding: 10px; font-size: 12px; line-height: 20px; color: #000000; font-family: 'noto' !important; }

.joinView.step02 .joinContentsBox { height: initial; }
.joinView.step02 .viewTypeUser { display: none; }

.joinView.step02 .joinContentsBox { border: none; }
/* .joinView.step02 .btn_naver_login { cursor: pointer; display: inline-block; width: 139px; height: 29px; background-image: url("../img/view/btn_naver_login.jpg"); background-repeat: no-repeat; background-size: contain; } */
.joinView.step02 .btn_kakao_login { cursor: pointer; display: inline-block; width: 139px; height: 29px; background-image: url("../img/view/btn_kakao_login.jpg"); background-repeat: no-repeat; background-size: contain; margin-top: 2px; }

.joinView.step02 .birthBox { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.joinView.step02 .birthBox select { display: inline-block; font-size: 14px; }

.joinView.step03 .viewTypeUser { display: none; }
.joinView.step03 .joinContentsBox { padding-top: calc(2vh); }
.joinView.step03 .joinContentsBox .contentsRow { margin: 0px 0px; height: 22px; line-height: 22px; min-height: 22px; height: auto; }


/** Wiilv Offcial Message **/
.messageView .stepByStepBar { width: 100%; text-align: left; letter-spacing: -0.5px; }
.messageView .stepByStepBar div { display: inline-block; font-size: 18px; color: #c5c5c5; margin-right: 5px; }
.messageView .stepByStepBar div::after { content: ">"; color: #c5c5c5; margin-left: 3px; }
.messageView .stepByStepBar div.on { color: #000000; font-weight: 700; }
.messageView .stepByStepBar div.on span{ border-bottom: 2px solid #40c6e8; }
.messageView .stepByStepBar div.on::after { content: ">"; color: #000000; margin-left: 3px; }
.messageView .stepByStepBar div:last-child::after { content: "" !important; margin-left: 0px; }

.messageView .messageViewStep { display: none; }
.messageView .messageViewStep.on { display: block; }

.messageView .mainContentsKind { width: 100%; height: auto; padding: calc(2.5vh) 0; text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.messageView .mainContentsKind .mainContents01 { position: relative; display: inline-block; width: calc(46.5vw); height: calc(30vh); min-height: 60px; background-color: #40c6e8; border-radius: 5px; box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px; cursor: pointer; }
.messageView .mainContentsKind .mainContents02 { position: relative; display: inline-block; width: calc(46.5vw); height: calc(30vh); min-height: 60px; background-color: #272f35; border-radius: 5px; box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px; cursor: pointer; }
.messageView .mainContentsKind .mainContents03 { position: relative; display: inline-block; width: calc(46.5vw); height: calc(30vh); min-height: 60px; background-color: #575e63; border-radius: 5px; box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px; cursor: pointer; margin-top: calc(1vh); }
.messageView .mainContentsKind .mainContents04 { position: relative; display: inline-block; width: calc(46.5vw); height: calc(30vh); min-height: 60px; background-color: #878787; border-radius: 5px; box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px; cursor: pointer; margin-top: calc(1vh); }
.messageView .mainContentsKind .mainContents .contentsTitle { font-size: 20px; font-weight: 700; text-align: left; margin: 15px 10px 15px 10px; line-height: 24px; color: #ffffff; }
.messageView .mainContentsKind .mainContents .contentsBg { width: 61.6px; height: 49.6px; position: absolute; bottom: 10px; right: 25px; background-image: url(../img/etc/bg_logo_opacity.png); background-repeat: no-repeat; background-size: 100% 100%;  }
.messageView .mainContentsKind .mainContents .contentsBg img { width: 30px; height: 30px; position: absolute; bottom: 10px; right: -12px; }

.messageView .messageViewStep .mediaButtonBar { margin: 10px 0px; }
.messageView .messageViewStep .mediaButtonBar div.btn { position: relative; width: calc(22vw); height: 45px; line-height: 45px; margin-bottom: 25px; }
.messageView .messageViewStep .mediaButtonBar div.icon01::after { content: ""; width: 30px; height: 30px; position: absolute; top: 6px; left: calc(22vw / 2 - 15px); background-image: url("../img/etc/btn_icon_01.png"); background-repeat: no-repeat; background-size: contain; }
.messageView .messageViewStep .mediaButtonBar div.icon02::after { content: ""; width: 30px; height: 30px; position: absolute; top: 6px; left: calc(22vw / 2 - 15px); background-image: url("../img/etc/btn_icon_02.png"); background-repeat: no-repeat; background-size: contain; }
.messageView .messageViewStep .mediaButtonBar div.icon03::after { content: ""; width: 30px; height: 30px; position: absolute; top: 6px; left: calc(22vw / 2 - 15px); background-image: url("../img/etc/btn_icon_03.png"); background-repeat: no-repeat; background-size: contain; }
.messageView .messageViewStep .mediaButtonBar div.icon04::after { content: ""; width: 30px; height: 30px; position: absolute; top: 6px; left: calc(22vw / 2 - 15px); background-image: url("../img/etc/btn_icon_04.png"); background-repeat: no-repeat; background-size: contain; }
.messageView .messageViewStep .mediaButtonBar div.icon05::after { content: ""; width: 30px; height: 30px; position: absolute; top: 6px; left: calc(22vw / 2 - 15px); background-image: url("../img/etc/btn_icon_05.png"); background-repeat: no-repeat; background-size: contain; }
.messageView .messageViewStep .mediaButtonBar div.icon06::after { content: ""; width: 30px; height: 30px; position: absolute; top: 6px; left: calc(22vw / 2 - 15px); background-image: url("../img/etc/btn_icon_06.png"); background-repeat: no-repeat; background-size: contain; }


.messageView .messageViewStep .mediaButtonBar div span { width: 100%; position: absolute; left: 0px; right: 0px; bottom: -38px; text-align: center; color: #000000; }

.messageView .mediaBox { display: block; position: relative; border: 1px solid #7f7f7f; border-radius: 5px; max-width: 100% !important; height: calc(32vh); min-height: calc(100vw / 3); overflow: hidden; background-color: #e9e9e9; }
.messageView .mediaBox::after { content: ""; width: 50px; height: 50px; position: absolute; top: calc(32vh / 2 - 25px); left: calc(100% / 2 - 25px); background-image: url("../img/etc/btn_icon_play.png"); background-repeat: no-repeat; background-size: contain; }
.messageView .mediaBox.noneIcon::after{/* content: ""; */content : none;background-image: none;}
.messageView .messageType01 .mediaBox .videoRecordedDiv::after { content: ""; width: 50px; height: 50px; position: absolute; top: calc(32vh / 2 - 25px); left: calc(100% / 2 - 25px); background-image: url("../img/etc/btn_icon_play.png"); background-repeat: no-repeat; background-size: contain; }
.messageView .mediaBox.noneIcon .videoRecordedDiv::after{/* content: ""; */content : none; background-image: none;}
.messageView .messageType02 .mediaBox.noneIcon::after{ content: ""; width: 100%; max-width: 100% !important; height: calc(32vh); min-height: calc(100vw / 3); position: absolute; top: 0px; left: 0px; background-image: url(../img/etc/3425159234.jpg); background-repeat: no-repeat; background-size: 100% calc(32vh - 55px); }

.messageView .wiilvMessageTypeContents .messageTypeBox { display: none; }
.messageView .wiilvMessageTypeContents .messageTypeBox.selected { display: block; }
.messageView .wiilvMessageTypeContents .messageSaveCompleteDescTxt { width: 100%; height: auto; line-height: 24px; font-size: 12px; font-weight: 500; text-align: left; display: block; margin: 10px 0px; }

.messageView .messageCompleteView .messageType { position: relative; width: 180px; height: 22px; line-height: 22px; font-size: 20px; text-align: center; display: inline-block; padding-top: 5px; font-weight: 500; }
.messageView .messageCompleteView .messageType.iconMessageType01 { content: ""; width: 170px; height: 25px; background-image: url("../img/etc/icon_message_type_01.png"); background-repeat: no-repeat; background-size: contain; }
.messageView .messageCompleteView .messageType.iconMessageType02 { content: ""; width: 150px; height: 30px; background-image: url("../img/etc/icon_message_type_02.png"); background-repeat: no-repeat; background-size: contain; }
.messageView .messageCompleteView .messageType.iconMessageType03 { content: ""; width: 170px; height: 25px; background-image: url("../img/etc/icon_message_type_03.png"); background-repeat: no-repeat; background-size: contain; }
.messageView .messageCompleteView .messageType.iconMessageType04 { content: ""; width: 150px; height: 25px; background-image: url("../img/etc/icon_message_type_04.png"); background-repeat: no-repeat; background-size: contain; }
.messageView .messageCompleteView .messageWriteInfo { width: 100%; height: 22px; line-height: 22px; font-size: 20px; text-align: center; font-weight: 700; display: block; margin: 10px 0px; }
.messageView .messageCompleteView .messagePaymentMoney { position: relative; width: 100%; height: 60px; line-height: 60px; font-size: 20px; text-align: center; font-weight: 700; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding: 0px calc(5vw); background-color: #ffffff; border-radius: 5px; border: 1px solid #e3e3e3; margin-top: 30px; }
.messageView .messageCompleteView .messageSaveCompleteTxt { width: 100%; height: auto; line-height: 30px; font-size: 24px; font-weight: 700; text-align: center; display: block; }
.messageView .messageCompleteView .messageSaveCompleteDescTxt { width: 100%; height: auto; line-height: 24px; font-size: 12px; font-weight: 500; text-align: left; display: block; margin: 10px 0px; }

.messageView .messageLawyerConfirmView .messageType { position: relative; width: 180px; height: 22px; line-height: 22px; font-size: 20px; text-align: center; display: inline-block; padding-top: 5px; font-weight: 500; }
.messageView .messageLawyerConfirmView .messageType.iconMessageType01 { content: ""; width: 170px; height: 25px; background-image: url("../img/etc/icon_message_type_01.png"); background-repeat: no-repeat; background-size: contain; }
.messageView .messageLawyerConfirmView .messageType.iconMessageType02 { content: ""; width: 150px; height: 30px; background-image: url("../img/etc/icon_message_type_02.png"); background-repeat: no-repeat; background-size: contain; }
.messageView .messageLawyerConfirmView .messageType.iconMessageType03 { content: ""; width: 170px; height: 25px; background-image: url("../img/etc/icon_message_type_03.png"); background-repeat: no-repeat; background-size: contain; }
.messageView .messageLawyerConfirmView .messageType.iconMessageType04 { content: ""; width: 150px; height: 25px; background-image: url("../img/etc/icon_message_type_04.png"); background-repeat: no-repeat; background-size: contain; }
.messageView .messageLawyerConfirmView .messageWriteInfo { width: 100%; height: 22px; line-height: 22px; font-size: 20px; text-align: center; font-weight: 700; display: block; margin: 10px 0px; }
.messageView .messageLawyerConfirmView .messagePaymentMoney { position: relative; width: 100%; height: 60px; line-height: 60px; font-size: 20px; text-align: center; font-weight: 700; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding: 0px calc(5vw); background-color: #ffffff; border-radius: 5px; border: 1px solid #e3e3e3; margin-top: 30px; }
.messageView .messageLawyerConfirmView .messageSaveCompleteTxt { width: 100%; height: auto; line-height: 30px; font-size: 24px; font-weight: 700; text-align: center; display: block; }
.messageView .messageLawyerConfirmView .messageSaveCompleteDescTxt { width: 100%; height: auto; line-height: 24px; font-size: 12px; font-weight: 500; text-align: left; display: block; margin: 10px 0px; }


.messageView .receiver { width: 100; height: auto; margin: 0px 0px; padding: 5px 0px; border-bottom: 1px solid #e3e3e3; }
.messageView .sendTimer { width: 100; height: auto; margin: 0px 0px; padding: 5px 0px; border-bottom: 1px solid #e3e3e3; }



/** Dispose **/
.disposeView .mypage_TopBox  { width: 100%; height: auto;  position: relative;}
.disposeView .mypage_TopBox .mypageTopArea {background: #F8F8F8; height: 190px;width: calc(100vw); position: absolute; top: 0px;left:calc(-6vw);}
.disposeView .mypage_TopBox .mypageTopArea .userInfoArea{ text-align:left; width: 47%;    overflow: hidden;height: 180px;display: inline-block;}
.disposeView .mypage_TopBox .mypageTopArea .userInfoArea .mypageImgDiv{width:40px; height:40px;margin:20px 0px 20px calc(10vw);}
.disposeView .mypage_TopBox .mypageTopArea .userInfoArea .mypageImgDiv img{ width:100%; height:100%; border-radius: 20%; }
.disposeView .mypage_TopBox .mypageTopArea .userInfoArea .userInfoDiv {font-size: 20px; font-weight: bold; margin: 100px 0px 10px calc(5vw); }
.disposeView .mypage_TopBox .mypageTopArea .imageArea{ text-align: right;height:100%; width: 50%; overflow: hidden;height: 165px; display: inline-block;}
.disposeView .mypage_TopBox .mypageTopArea .imageArea img{ /* height: 100%; */height:170px; margin-right: calc(5vw);}
.disposeView .mypage_TopBox .mypageBtnArea{padding-top: 10px;}
.disposeView .messageTypeBox { border-radius: 24px 24px 0px 0px;  padding: 0px 10px; margin: 20px calc(-4vw) 0px calc(-4vw); background: #fff; height: calc(100vh - 295px); border-top: 1px solid #efefef; }

.disposeView .mainContentsKind { width: 100%; height: auto; padding: 45px 10px calc(1vh) 10px; text-align: center; }
.disposeView .mainContentsKind .mainContents .contentsTitle { text-align: left;  color: #40c6e8; }
.disposeView .mainContentsKind .mainContents01 {padding:18px 16px 16px 20px; position: relative; display: inline-block; width: calc(100vw); height: auto; border-radius: 24px; border-top: 1px solid #efefef; background-color: #fff;}

.disposeView .mainContentsKind table { width: 100%; font-size: 12px; line-height: 18px; }
.disposeView .mainContentsKind table tr { border: 1px solid #E3E3E3;  }
.disposeView .mainContentsKind table tr th { height: 30px; border: 1px solid #E3E3E3; text-align: center; background-color: #F8F8F8; }
.disposeView .mainContentsKind table tr td { border: 1px solid #E3E3E3; text-align: left; line-height: 20px; padding: 5px 5px; }
.disposeView .mainContentsKind table tr td:LAST_CHILD { text-align: left; }




/** Mypage View **/
.myPageView .mypage_TopBox  { width: 100%; height: auto;  position: relative;}
.myPageView .mypage_TopBox .mypageTopArea{background: #F8F8F8;     height: 190px; width: calc(100vw); position: absolute; top: 0px;left:calc(-6vw);}
.myPageView .mypage_TopBox .mypageTopArea .userInfoArea{ text-align:left; width: 50%; overflow: hidden;height: 160px;display: inline-block;}
.myPageView .mypage_TopBox .mypageTopArea .userInfoArea .mypageImgDiv{width:40px; height:40px;margin:20px 0px 20px calc(10vw);}
.myPageView .mypage_TopBox .mypageTopArea .userInfoArea .mypageImgDiv img{ width:100%; height:100%; border-radius: 20%; }
.myPageView .mypage_TopBox .mypageTopArea .userInfoArea .userInfoDiv {font-size: 20px; font-weight: bold;margin:20px 0px 20px calc(8vw);}
.myPageView .mypage_TopBox .mypageTopArea .imageArea{ text-align: right;height:100%; width: 45%; overflow: hidden;height: auto; display: inline-block;}
.myPageView .mypage_TopBox .mypageTopArea .imageArea img{ /* height: 100%; */height:170px;margin-right: calc(2vw);}
.myPageView .mypage_TopBox .mypageBtnArea{padding-top:170px;}
.myPageView .mainContentsKind { width: 100%; height: auto; padding: calc(1vh) calc(4.4vw); text-align: center; }
.myPageView .mainContentsKind .mainContents .contentsTitle { text-align: left;  color: #40c6e8; }
.myPageView .mainContentsKind .mainContents01 {padding:18px 16px 16px 20px; border: 1px solid #40c6e8; position: relative; display: inline-block; width: calc(85vw); height: 100px; border-radius: 10px; cursor: pointer; background-color: #fff;}
.myPageView .mainContentsKind .mainContents02 { padding:18px 16px 16px 20px; margin-top:16px; position: relative; display: inline-block; width: calc(85vw); height: 225px;  border-radius: 10px; cursor: pointer; border: 1px solid #40c6e8;background-image: url("../img/etc/mypage_mainContents02_bg.png"); background-repeat: repeat; background-size: cover; background-position: center;}
.myPageView .mainContentsKind .mainContents01 .contentsTitle{font-size: 16px; line-height:16px; text-align: left; font-weight: normal;}
.myPageView .mainContentsKind .mainContents01 .contentsText{font-size: 23px; line-height:23px; text-align: right; font-weight: bold;margin-top:20px;}
.myPageView .mainContentsKind .mainContents02 .contentsTitle{font-size: 16px; line-height: 16px; text-align: left; font-weight: normal; }
.myPageView .mainContentsKind .mainContents02 .contentsSubTitle{font-size: 12px; line-height:12px; text-align: left; font-weight: normal; color: #fff; margin-top:8px; }
.myPageView .mainContentsKind .mainContents02 .contentsSubTitle span{background: #BEBEBE; padding:2px 6px 2px 6px; border-radius: 5px;}
.myPageView .mainContentsKind .mainContents02 .contentsText{font-size: 23px; line-height:23px; text-align: right; font-weight: bold;margin-top:120px;}

/** todrain View **/
.todrainView .todrain_TopBox  { width: 100%; height: auto; position: relative;}
.todrainView .todrain_TopBox .todrainTopArea{ width: calc(100vw); }
.todrainView .todrain_TopBox .todrainTopArea .todrainInfoArea{ text-align:left; width: 100%; overflow: hidden; display: inline-block; margin-top: 45px; }
.todrainView .todrain_TopBox .todrainTopArea .todrainInfoArea .todrainInfoDiv {font-size: 22px; color: #40c6e8; line-height:24px; font-weight: bold; }
.todrainView .todrain_TopBox .todrainTopArea .imageArea{ text-align: right;height:100%; width: 100%; overflow: hidden;height: 145px; display: inline-block;}
.todrainView .todrain_TopBox .todrainTopArea .imageArea img{height:153px;margin-right: calc(10vw);}

.todrainView .mainContentsKind {width: 100%; height: auto; text-align: center; }
.todrainView .mainContentsKind .mainContentsBtn { text-align: left;  color: #40c6e8;  padding:18px 16px 16px 20px; border: 1px solid #848484; position: relative; display: inline-block; width: 100%; height: auto; border-radius: 10px; cursor: pointer; background-color: #fff; margin-bottom: 20px;}
.todrainView .mainContentsKind .mainContentsBtn.serviceReady{border:1px solid #BEBEBE; color:#BEBEBE; }
.todrainView .mainContentsKind .mainContentsBtn .contentsTitle{/* font-size: 22px;*/ font-size: 24px; color: #40c6e8; line-height:24px; font-weight: normal; }
.todrainView .mainContentsKind .mainContentsBtn .contentsSubTitle{ font-size: 12.5px; line-height: 24px; color: #1f1f1f; }
.todrainView .mainContentsKind .mainContentsBtn.serviceReady .contentsTitle{ color: #d6d6d6; }
.todrainView .mainContentsKind .mainContentsBtn.serviceReady .contentsSubTitle{ color: #d6d6d6; }
.todrainView .mainContentsKind .mainContentsBtn .contentsText{width:78px;height:19px;vertical-align: top;margin: 0 0 0 calc(100% - 78px);}
.todrainView .mainContentsKind .mainContentsBtn .contentsText img{width: 100%;height:100%;}
.todrainView .mainContentsKind .mainContentsBtn .detailStepArea{display: none;}
.todrainView .mainContentsKind .mainContentsBtn .detailStepArea img{width:100%;height:auto;}
.todrainView .mainContentsKind .mainContentsBtn .detailStepArea.open{display: block; border-top: 1px solid #2b343f; padding-top: 15px; margin-top: 15px; }
.todrainView .mainContentsKind .mainContentsBtn .iconDiv {position: absolute; top: 40px; right: 15px; width: auto; height: auto; }
.todrainView .mainContentsKind .mainContentsBtn .iconDiv img{width: 100%;height:100%;}
.todrainView .mainContentsKind .detailStepArea .stepBox{ position: relative; width: 100%; height: auto; line-height: 18px; padding: 10px 0px; color: #000000; font-size: 15px; margin-bottom: 15px; text-align: center; }
.todrainView .mainContentsKind .detailStepArea .stepBox:before { content: ""; width: 16px; height: 10px; position: absolute; bottom: -13px; left: calc(50% - 8px); background-image: url("../../mobi/common/common_arraw_color_down.png"); background-repeat: no-repeat; background-size: contain; }
.todrainView .mainContentsKind .detailStepArea .lastStepBox{ position: relative; width: 100%; height: auto; line-height: 18px; padding: 10px 0px; color: #000000; font-size: 15px; margin-bottom: 15px; text-align: center; }
/* .todrainView .mainContentsKind .detailStepArea > .stepBox:not(:last-child)::before { content: ""; width: 16px; height: 10px; position: absolute; bottom: -13px; left: calc(50% - 8px); background-image: url("../../mobi/common/common_arraw_color_down.png"); background-repeat: no-repeat; background-size: contain; } */
.todrainView .mainContentsKind .detailStepArea .stepBox div { position: relative; } 
.todrainView .mainContentsKind .detailStepArea .stepBox span { position: relative; } 


/* myProcListView View */
.myProcListView .myProcList_TopBox  { width: 100%; height: auto; position: relative;}
.myProcListView .myProcList_TopBox .myProcListTopArea{background: #F8F8F8;     height: 190px;width: calc(100vw); position: absolute; top: -3px;left:-10px;}
.myProcListView .myProcList_TopBox .myProcListTopArea .userInfoArea{ text-align:left; width: 100%; overflow: hidden;height: 160px;display: inline-block;}
.myProcListView .myProcList_TopBox .myProcListTopArea .userInfoArea .myProcListImgDiv{width:40px; height:40px;margin:20px 0px 20px calc(10vw);}
.myProcListView .myProcList_TopBox .myProcListTopArea .userInfoArea .myProcListImgDiv img{width:100%; height:100%; border-radius: 20%; }
.myProcListView .myProcList_TopBox .myProcListTopArea .userInfoArea .userInfoDiv {font-size: 24px; font-weight: bold;margin:20px 0px 20px calc(10vw);}
.myProcListView .myProcList_TopBox .myProcListBtnArea{padding-top:150px;}
.myProcListView .mainContentsKind {width: 100%; height: auto; padding: calc(0vh) calc(0vw); text-align: center; }
.myProcListView .mainContentsKind .mainContentsBtn { text-align: left;  color: #40c6e8; border: 1px solid #40c6e8; position: relative; display: inline-block; width: calc(85vw); height: auto; border-radius: 10px; cursor: pointer; background-color: #fff; margin-bottom: 20px;}
.myProcListView .mainContentsKind .mainContentsBtn > .contentsTitle {font-size: 16px; line-height:30px; text-align: left; font-weight: bold; padding: 18px 0px 0px 20px; }
.myProcListView .mainContentsKind .mainContentsBtn > .contentsText {width:100%;height:auto;vertical-align: top; font-size: 14px; font-weight: normal; color: #000000; line-height: 24px; padding: 0px 0px 0px 20px; }

.myProcListView .mainContentsKind .mainContentsBtn .contentsTop{padding:18px 8px 20px 20px; }
.myProcListView .mainContentsKind .mainContentsBtn .contentsTop .contentsTitle{font-size: 16px; line-height:30px; text-align: left; font-weight: bold;}
.myProcListView .mainContentsKind .mainContentsBtn .contentsTop .contentsText{width:100%;height:auto;vertical-align: top;}
.myProcListView .mainContentsKind .mainContentsBtn .contentsTop .contentsText ul.contentsInfo{font-size: 14px; font-weight: normal;color: #000000;line-height: 22px;}

.myProcListView .mainContentsKind .mainContentsBtn .contentsTop .contentsText ul.contentsInfo span b { color: #40c6e8; }
.myProcListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsText ul.contentsInfo span b { color: #40c6e8; }

.myProcListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsTitle{font-size: 16px; line-height:30px; text-align: left; font-weight: bold;}
.myProcListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsText{width:100%;height:auto;vertical-align: top;}
.myProcListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsText ul.contentsInfo{font-size: 14px; font-weight: normal;color: #000000;line-height: 22px;}
.myProcListView .mainContentsKind .mainContentsBtn .contentsBottom{border:1px solid #00000014;padding: 18px 8px 30px 20px;}
.myProcListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsDate{width: 100%; font-size: 12px; color: #000000; height: 15px; line-height: 12px;display: inline-block;}
.myProcListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsDate span{background:#F8F8F8;padding:5px 13px;border-radius: 13px;}
.myProcListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsStatus{display: inline-block; width: calc(100% - 170px); font-size: 16px; line-height: 18px; text-align: right; margin-left: calc(1%); font-weight: bold; float: right; }
.myProcListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsStatus span:before{/* content: "ⅴ"; */content:none;}
.myProcListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsStatus span.cancel{color: #F04545;}
.myProcListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsStatus span.cancel:before{content: "";}
.myProcListView .mainContentsKind .mainContentsBtn .iconDiv{ position: absolute; top: 10px; right: 10px; width: 35px; height: 24px; font-size: 12px; border: 1px solid #b0b0b0; line-height: 24px; text-align: center; border-radius: 8px; }
.myProcListView .mainContentsKind .mainContentsBtn .iconDiv img{width: 100%;height:100%;}
.myProcListView .listCountTxt { width: 100%; text-align: left; font-size: 16px; font-weight: bold; color: #40c6e8; padding-top: 10px}


/* myProcResultListView View */
.myProcResultListView .myProcList_TopBox  { width: 100%; height: auto; position: relative;}
.myProcResultListView .myProcList_TopBox .myProcListTopArea{background: #F8F8F8;     height: 190px;width: calc(100vw); position: absolute; top: -3px;left:-10px;}
.myProcResultListView .myProcList_TopBox .myProcListTopArea .userInfoArea{ text-align:left; width: 100%; overflow: hidden;height: 160px;display: inline-block;}
.myProcResultListView .myProcList_TopBox .myProcListTopArea .userInfoArea .myProcListImgDiv{width:40px; height:40px;margin:20px 0px 20px calc(10vw);}
.myProcResultListView .myProcList_TopBox .myProcListTopArea .userInfoArea .myProcListImgDiv img{width:100%; height:100%;}
.myProcResultListView .myProcList_TopBox .myProcListTopArea .userInfoArea .userInfoDiv {font-size: 24px; font-weight: bold;margin:20px 0px 20px calc(10vw);}
.myProcResultListView .myProcList_TopBox .myProcListBtnArea{padding-top:150px;}
.myProcResultListView .mainContentsKind {width: 100%; height: auto; padding: calc(1vh) calc(4.4vw); text-align: center; }
.myProcResultListView .mainContentsKind .mainContentsBtn { text-align: left;  color: #40c6e8; border: 1px solid #40c6e8; position: relative; display: inline-block; width: calc(85vw); height: auto; border-radius: 10px; cursor: pointer; background-color: #fff; margin-bottom: 20px;}

.myProcResultListView .mainContentsKind .mainContentsBtn > .contentsTitle{font-size: 16px; line-height:30px; text-align: left; font-weight: bold; padding: 18px 0px 0px 20px; }
.myProcResultListView .mainContentsKind .mainContentsBtn > .contentsText{width:100%;height:auto;vertical-align: top; font-size: 14px; font-weight: normal; color: #000000; line-height: 24px; padding: 0px 0px 0px 20px; }

.myProcResultListView .mainContentsKind .mainContentsBtn .contentsTop{padding:18px 8px 40px 20px; }
.myProcResultListView .mainContentsKind .mainContentsBtn .contentsTop .contentsTitle{font-size: 16px; line-height:30px; text-align: left; font-weight: bold;}
.myProcResultListView .mainContentsKind .mainContentsBtn .contentsTop .contentsText{width:100%;height:auto;vertical-align: top;}
.myProcResultListView .mainContentsKind .mainContentsBtn .contentsTop .contentsText ul.contentsInfo{font-size: 14px;font-weight: normal;color: #000000;line-height: 24px;}
.myProcResultListView .mainContentsKind .mainContentsBtn .contentsBottom{border:1px solid #00000014;padding: 18px 10px 30px 10px;}
.myProcResultListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsDate{width: 100%; font-size: 12px; color: #000000; height: 15px; line-height: 12px;display: inline-block;}
.myProcResultListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsDate span{background:#F8F8F8;padding:5px 13px;border-radius: 13px;}
.myProcResultListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsStatus{display: inline-block; width: calc(100% - 170px); font-size: 16px; line-height: 18px; text-align: right; margin-left: calc(1%); font-weight: bold; float: right; }
.myProcResultListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsStatus span:before{content: "ⅴ";}
.myProcResultListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsStatus span.cancel{color: #F04545;}
.myProcResultListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsStatus span.cancel:before{content: "";}
.myProcResultListView .mainContentsKind .mainContentsBtn .iconDiv{position: absolute; top:5px; right:16px; width:24px; height:24px;}
.myProcResultListView .mainContentsKind .mainContentsBtn .iconDiv img{width: 100%;height:100%;}
.myProcResultListView .mainContentsKind .mainContentsBtn .contentsTop .contentsText ul.contentsInfo li span { width: 130px; display: inline-block; }
.myProcResultListView .mainContentsKind .mainContentsBtn .contentsTop .contentsText ul.contentsInfo li span:last-child { width: 140px; float: right; text-align: right; padding-right: 15px; }

.myProcResultListView .mainContentsKind .mainContentsBtn .dateColText{/* font-family: 'NotoKrR', 'sans-serif'; font-size: 15px; */}
.myProcResultListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsBtn{display: inline-block;
    bottom: 10px;
    /* left: 10px; */
    position: absolute;
    width: calc(100% - 170px);
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    margin-right: calc(1%);
    font-weight: bold;
    float: left;
}
.myProcResultListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsBtn .iconBtn{ display: inline-block; padding: 0px 10px; height: 30px; line-height: 30px; cursor: pointer; background-color: #40c6e8; color: #ffffff; border-radius: 8px;/* width: 70px; height: 24px; font-size: 12px; border: 1px solid #b0b0b0; line-height: 24px; text-align: center; border-radius: 8px; */}
.myProcResultListView .mainContentsKind .mainContentsBtn .contentsBottom .contentsBtn .iconBtn.cancelBtn{color: #fff; background: #F04545;}
	


/* myToDrain View */
#myToDrainInput.myToDrain .myToDrainStepTitle{background: #F8F8F8;color: #40c6e8; font-size: 16px; line-height: 20px;text-align: center; }
#myToDrainInput.myToDrain .myToDrainStepTitle .titleArea{margin: calc(100% - 87.7%) auto; display: inline-block;}
#myToDrainInput.myToDrain .myToDrainStep { display: none; height:auto;}
#myToDrainInput.myToDrain .myToDrainStep.on { display: block; }
#myToDrainInput.myToDrain .myToDrainStep .messageTypeBox { display: none; text-align: left;
    color: #40c6e8;
    padding: 20px 20px;
    border: 1px solid #848484;
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    cursor: pointer;
    background-color: #fff;
    margin-bottom: 20px; }
#myToDrainInput.myToDrain .myToDrainStep .messageTypeBox.selected { display: block; }
#myToDrainInput.myToDrain .myToDrainStep .messageSaveCompleteDescTxt { width: 100%; height: auto; line-height: 24px; font-size: 12px; font-weight: 500; text-align: left; display: block; margin: 10px 0px; }
#myToDrainInput.myToDrain .stepByStepBar div::after { margin: 0px 5px; }
/* #myToDrainInput.myToDrain {background: #F8F8F8; padding: 0px calc(4vw);} */
#myToDrainInput.myToDrain .messageTypeBox .contentsRow .inputForm_Label { text-align: center;/* height: 30px; */height:auto;}
#myToDrainInput.myToDrain .messageTypeBox .contentsRow .inputForm_value { width: 100%; }
#myToDrainInput.myToDrain .messageTypeBox .contentsRow .select { display: inline-block; width: 100%; height: 38px; line-height: 38px; }
#myToDrainInput.myToDrain input.tcal[readonly]{ width: calc(92vw - 222px); text-align: center; }
#myToDrainInput.myToDrain .myToDrainStep .messageTypeBox .contentsRow.stepTitle{font-size: 24px;line-height: 28px; height:30px;min-height: 30px; display: inline-block; }
#myToDrainInput.myToDrain .myToDrainStep .messageTypeBox .contentsRow.stepTitle .inputForm_Label { font-size: 22px; color: #40c6e8; line-height: 28px; font-weight: bold !important; text-align: left; }
#myToDrainInput.myToDrain .myToDrainStep .messageTypeBox .contentsRow .btn{margin-bottom: 15px;}
#myToDrainInput.myToDrain .messageTypeBox .contentsRow.stepTitle .inputForm_Label {font-size: 24px;}

#myToDrainInput.myToDrain .myToDrainStep .messageTypeBox .contentsRow.stepTitle{height: auto; min-height: 30px;}
#myToDrainInput.myToDrain .myToDrainStep .messageTypeBox .contentsRow.stepTitle .inputForm_Label{font-weight: normal;}


/** inheritor **/
#inheritorViewSection .inheritoryList .inheritoryItem { margin: 0px 0px 20px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #e3e3e3; }




/** mypage myquestionView **/
.myquestionView .boardList.normalType.header { width: 100%; background-color: #5a5a5a; color: #ffffff; text-align: center; font-size: 16px; height: 45px; line-height: 45px; }
.myquestionView .boardList.normalType.header div { display: inline-block; text-align: center; }
.myquestionView .boardList.normalType.header div:nth-child(1) { width: 60px; }
.myquestionView .boardList.normalType.header div:nth-child(2) { width: calc(94vw - 155px); }
.myquestionView .boardList.normalType.header div:nth-child(3) { width: 90px; }

.myquestionView .boardList.normalType.dataRow .listItem { padding: 5px 0px 5px 0px; height: 45px; line-height: 35px; border-bottom: 1px solid #e3e3e3; }
.myquestionView .boardList.normalType.dataRow .listItem div { display: inline-block; height: 35px; text-align: center; font-size: 14px; overflow: hidden; }
.myquestionView .boardList.normalType.dataRow .listItem div:nth-child(1) { width: 60px; }
.myquestionView .boardList.normalType.dataRow .listItem div:nth-child(2) { width: calc(94vw - 166px);/* width: calc(94vw - 155px); */ text-align: center; white-space: nowrap; text-overflow: ellipsis; }
.myquestionView .boardList.normalType.dataRow .listItem div:nth-child(3) { width: 90px; }
.myquestionView .boardList.normalType.dataRow .listItem div.not:nth-child(3) { color: red; }

.myquestionView .boardPaging { width: 100%; height: 60px; font-size: 12px; color: #5f5f5f; margin: 20px 0px; }
.myquestionView .boardPaging .pagingMoreBtn { position: relative; display: inline-block; width: calc(94vw - 82px); font-size: 14px; color: #000000; background-color: #e0d2fa; text-align: center; border-radius: 10px; line-height: 20px; padding: 10px; cursor: pointer; }
.myquestionView .boardPaging .pagingMoreBtn::before { content: "▼"; position: absolute; top: 22px; left: calc(8vw); color: #40c6e8; font-size: 20px; }
.myquestionView .boardPaging .pagingMoreBtn2 { position: relative; display: inline-block; width: calc(94vw); height: 100%; font-size: 20px; text-align: center; border-radius: 5px; line-height: 40px; padding: 10px; cursor: pointer; }
.myquestionView .boardPaging .pagingInfo { font-size: 12px; color: #5f5f5f; }
.myquestionView .boardPaging .moveTopBtn { display: inline-block; float: right; width: 64px; height: 60px; background-image: url(../img/sub/btn_list_top.png); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }



/** Community View **/
.customTabBar { width: calc(100vw); background-color: #f8f8f8; padding: 10px 0px; margin: 0px calc(-6vw); box-sizing: border-box; text-align: center; }
.customTabBar .tabBtn { display: inline-block; width: calc(42vw); height: 34px; line-height: 34px; box-sizing: border-box; border: 1px solid #e3e3e3; font-size: 16px; font-weight: 700; text-align: center; color: #272f35; border-radius: 5px; cursor: pointer; }
.customTabBar .tabBtn.on { background-color: #272f35; color: #ffffff; }
.customTabBody { display: none; }
.customTabBody.on { display: block; }

.communityView .writeContentsBtn { width: auto; background-color: #40c6e8; color: #ffffff; display: inline-block; font-size: 14px; padding: 0px 10px; border-radius: 5px; height: 30px; line-height: 30px; position: absolute; top: 6px; right: 15px; cursor: pointer; }
.communityView .writeContentsBtn::before { }
.communityView .shopCategory { width: calc(100vw); background-color: #f8f8f8; padding: 5px calc(0vw) 5px calc(0vw); text-align: center; display: inline-block; overflow-y: auto; margin: 0px calc(-5vw); border-bottom: 1px solid #e3e3e3; }
.communityView .shopCategory .category { position: relative; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
.communityView .shopCategory .category .cbutton { position: relative; cursor: pointer; width: 51px; height: 51px; margin: 0px 5px 25px 5px; }
.communityView .shopCategory .category .all { background-image: url(../img/category/btn_shop_category_all.png); background-repeat: no-repeat; background-size: 100% 100%; }
.communityView .shopCategory .category .C1 { background-image: url(../img/category/btn_shop_category_01.png); background-repeat: no-repeat; background-size: 100% 100%; }
.communityView .shopCategory .category .C2 { background-image: url(../img/category/btn_shop_category_02.png); background-repeat: no-repeat; background-size: 100% 100%; }
.communityView .shopCategory .category .C3 { background-image: url(../img/category/btn_shop_category_03.png); background-repeat: no-repeat; background-size: 100% 100%; }
.communityView .shopCategory .category .C4 { background-image: url(../img/category/btn_shop_category_04.png); background-repeat: no-repeat; background-size: 100% 100%; }
.communityView .shopCategory .category .C5 { background-image: url(../img/category/btn_shop_category_05.png); background-repeat: no-repeat; background-size: 100% 100%; }
.communityView .shopCategory .category .C6 { background-image: url(../img/category/btn_shop_category_06.png); background-repeat: no-repeat; background-size: 100% 100%; }
.communityView .shopCategory .category .C7 { background-image: url(../img/category/btn_shop_category_07.png); background-repeat: no-repeat; background-size: 100% 100%; }
.communityView .shopCategory .category span { position: absolute; bottom: -30px; left: 0px; right: 0px; display: inline-block; width: 100%; font-size: 13px; text-align: center; }
.communityView .shopCategory .category .all.on { background-image: url(../img/category/btn_shop_category_all_on.png); }
.communityView .shopCategory .category .C1.on { background-image: url(../img/category/btn_shop_category_01_on.png); }
.communityView .shopCategory .category .C2.on { background-image: url(../img/category/btn_shop_category_02_on.png); }
.communityView .shopCategory .category .C3.on { background-image: url(../img/category/btn_shop_category_03_on.png); }
.communityView .shopCategory .category .C4.on { background-image: url(../img/category/btn_shop_category_04_on.png); }
.communityView .shopCategory .category .C5.on { background-image: url(../img/category/btn_shop_category_05_on.png); }
.communityView .shopCategory .category .C6.on { background-image: url(../img/category/btn_shop_category_06_on.png); }
.communityView .shopCategory .category .C7.on { background-image: url(../img/category/btn_shop_category_07_on.png); }

.communityView .shopCategory .category2 { position: relative; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 0px 10px; }
.communityView .shopCategory .category2 .cbutton { position: relative; cursor: pointer; width: 51px; height: 51px; margin: 0px 5px 25px 5px; }
.communityView .shopCategory .category2 .all { background-image: url(../img/category/btn_board_category_all.png); background-repeat: no-repeat; background-size: 100% 100%; }
.communityView .shopCategory .category2 .C1 { background-image: url(../img/category/btn_board_category_01.png); background-repeat: no-repeat; background-size: 100% 100%; }
.communityView .shopCategory .category2 .C2 { background-image: url(../img/category/btn_board_category_02.png); background-repeat: no-repeat; background-size: 100% 100%; }
.communityView .shopCategory .category2 .C3 { background-image: url(../img/category/btn_board_category_03.png); background-repeat: no-repeat; background-size: 100% 100%; }
.communityView .shopCategory .category2 .C4 { background-image: url(../img/category/btn_board_category_04.png); background-repeat: no-repeat; background-size: 100% 100%; }
.communityView .shopCategory .category2 span { position: absolute; bottom: -30px; left: 0px; right: 0px; display: inline-block; width: 100%; font-size: 12px; text-align: center; }
.communityView .shopCategory .category2 .all.on { background-image: url(../img/category/btn_board_category_all_on.png); }
.communityView .shopCategory .category2 .C1.on { background-image: url(../img/category/btn_board_category_01_on.png); }
.communityView .shopCategory .category2 .C2.on { background-image: url(../img/category/btn_board_category_02_on.png); }
.communityView .shopCategory .category2 .C3.on { background-image: url(../img/category/btn_board_category_03_on.png); }
.communityView .shopCategory .category2 .C4.on { background-image: url(../img/category/btn_board_category_04_on.png); }

.communityView .boardList { display: block; width: 100%; padding-top: 0px; }
.communityView .boardList .listItem { position: relative; width: 100%; line-height: 28px; color: #000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; font-size: 16px; margin: 0px 0px; padding: 10px 5px 5px 5px; /* border-bottom: 1px solid #e3e3e3; */border-bottom: 1px solid #000000; }
.communityView .boardList .listItem:first-child { /* border-top: 1px solid #e3e3e3; */border-top: 1px solid #000000; }
/* .communityView .boardList .listItem:last-child { border-bottom: none; } */
.communityView .boardList .listItem:hover { background-color: #e3e3e3; }
.communityView .boardList .writeInfo { font-size: 12px; color: #5f5f5f; }
.communityView .boardList .statusInfo { font-size: 12px; color: #ffffff; background-color: #000000; padding: 3px 5px; border-radius: 5px; margin-right: 10px; }
.communityView .boardList .statusInfo.complete { font-size: 12px; color: #ffffff; background-color: #40c6e8; }
.communityView .boardList.normalType {}
.communityView .boardList.qaType { }
.communityView .boardList.qaType .listItem { padding: 10px 5px 5px 5px;  }






.communityView .boardList.normalType .listItem .type { font-size: 12px; color: #40c6e8; border: 1px solid #40c6e8; border-radius: 10px; padding: 2px 5px; font-family: none; text-align: center; }
.communityView .boardList.normalType .listItem .type { font-size: 12px; color: #40c6e8; border: 1px solid #40c6e8; border-radius: 10px; padding: 2px 5px; font-family: none; text-align: center; }
.communityView .boardList.normalType .listItem .title { position: relative; padding: 0px; /* padding: 0px 30px; */ width: 100%; box-sizing: border-box; }
.communityView .boardList.normalType .listItem.nonQtxt .title { position: relative; padding: 0px 0px; width: 100%; box-sizing: border-box; }
.communityView .boardList.normalType .listItem .title::before { /* content: "Q."; position: absolute; top: -2px; left: 0px; color: #000000; font-size: 20px; font-weight: 700; */ }
.communityView .boardList.normalType .listItem.nonQtxt .title::before { content: ""; position: absolute; top: 0px; left: 0px; color: #40c6e8; font-size: 20px; font-weight: 700; }
.communityView .boardList.normalType .listItem::after { content: ""; width: 10px; height: 16.6px; position: absolute; top: 28px; right: 13px; background-image: url(../../mobi/common/common_arrow_right.png); background-repeat: no-repeat; background-size: 100% 100%; }
.communityView .boardList.normalType .listItem:first-child { /* border-top: 1px solid #e3e3e3; */border-top: 1px solid #000000; }
.communityView .boardList.normalType .listItem:hover { background-color: initial; }
.communityView .boardList.normalType .listItem .answer {/* border-top:1px solid #000000 ; */position: relative; display: none; background-color: #ffffff; padding: 10px 10px 10px 10px; line-height: 24px; font-family: none; font-size: 13px; /* border-radius: 5px; */ white-space: normal; background: #e3e3e3;}
.communityView .boardList.normalType .listItem .answer::before { /* content: "A."; position: absolute; top: 10px; left: 10px; color: #000000; font-size: 20px; font-weight: 700;  */}
.communityView .boardList.normalType .listItem .answer img{width:100% !important;height:100% !important;}
.communityView .boardList.normalType .listItem.open .answer { display: block; width:100%;}
.communityView .boardList.normalType .listItem.open .btn::after { transform: rotate(180deg);
            /* All browsers support */
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);}
.communityView .boardList.normalType .listItem.open::after { transform: rotate(90deg); 
            /* All browsers support */
            -moz-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg); }



.communityView .boardList.qaType .listItem .type { font-size: 12px; color: #40c6e8; border: 1px solid #40c6e8; border-radius: 10px; padding: 2px 5px; font-family: none; text-align: center; }
.communityView .boardList.qaType .listItem .title { position: relative; padding: 0px 30px; width: 97%; box-sizing: border-box; }
.communityView .boardList.qaType .listItem.nonQtxt .title { position: relative; padding: 0px 0px; width: 100%; box-sizing: border-box; }
.communityView .boardList.qaType .listItem .title::before { content: "Q."; position: absolute; top: -2px; left: 0px; color: #000000; font-size: 20px; font-weight: 700; }
.communityView .boardList.qaType .listItem.nonQtxt .title::before { content: ""; position: absolute; top: 0px; left: 0px; color: #40c6e8; font-size: 20px; font-weight: 700; }
.communityView .boardList.qaType .listItem::after { content: ""; width: 10px; height: 16.6px; position: absolute; top: 28px; right:13px; background-image: url(../../mobi/common/common_arrow_right.png); background-repeat: no-repeat; background-size: 100% 100%; }
.communityView .boardList.qaType.faq .listItem:first-child { border-top: 1px solid #000000;/* border-top: 1px solid #e3e3e3; */ }

.communityView .boardList.qaType .listItem:hover { background-color: initial; }
.communityView .boardList.qaType .listItem .answer { /* border-top:1px solid #000000 ; */ position: relative; display: none; background-color: #ffffff; padding: 10px 33px 10px 33px;/* padding: 10px 10px 10px 33px; */ margin-right: -30px; line-height: 24px; font-family: none; font-size: 13px; /* border-radius: 5px; */ white-space: normal; background: #e3e3e3;}
.communityView .boardList.qaType .listItem .answer::before { content: "A."; position: absolute; top: 10px; left: 10px; color: #000000; font-size: 20px; font-weight: 700; }
.communityView .boardList.qaType .listItem.open .answer { display: block;width:100%;}
.communityView .boardList.qaType .listItem.open::after { /* transform: rotate(180deg); */transform: rotate(90deg);
            /* All browsers support */
            /* -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg); */
            -moz-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg); }
            

 
.communityView .boardList.inqType .listItem.listItemHeader{}
.communityView .boardList.inqType .listItem.listItemHeader::after{background-image: none !important;}
.communityView .boardList.inqType .listItem.listItemHeader ul{}
.communityView .boardList.inqType .listItem.listItemHeader ul li{width: 33.3%; display: inline-block; text-align: center;}
.communityView .boardList.inqType .listItem.listItemHeader ul li span{}

.communityView .boardList.inqType .listItem{}
.communityView .boardList.inqType .listItem::after{background-image: none !important;}
.communityView .boardList.inqType .listItem ul{}
.communityView .boardList.inqType .listItem ul li{width: 33.3%; display: inline-block; text-align: center;vertical-align: top;}
.communityView .boardList.inqType .listItem ul li span{}
.communityView .boardList.inqType .listItem ul li span.title{display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;/* width: 150px; */}

.communityView .boardList.inqType .listItem ul li span.statusInfo { font-size: 12px; color: #ffffff; background-color: #fff;  color: #626262 ; border:1px solid #626262; padding: 3px 5px; border-radius: 5px; margin-right: 0px; }
.communityView .boardList.inqType .listItem ul li span.statusInfo.complete { font-size: 12px; color: #45b8ee ; border:1px solid #45b8ee; border-radius:5px; background-color: #fff;margin-right:0px; }


            

.communityView .boardPaging { width: 100%; height: 60px; font-size: 12px; color: #5f5f5f; margin: 20px 0px; }
.communityView .boardPaging .pagingMoreBtn { position: relative; display: inline-block; width: calc(94vw - 82px); font-size: 14px; color: #000000; background-color: #e0d2fa; text-align: center; border-radius: 10px; line-height: 20px; padding: 10px; cursor: pointer; }
.communityView .boardPaging .pagingMoreBtn::before { content: "▼"; position: absolute; top: 22px; left: calc(8vw); color: #40c6e8; font-size: 20px; }
.communityView .boardPaging .pagingMoreBtn2 { position: relative; display: inline-block; width: calc(94vw); height: 100%; font-size: 20px;  text-align: center; border-radius: 5px; line-height: 40px; padding: 10px; cursor: pointer; }
.communityView .boardPaging .pagingInfo { font-size: 12px; color: #5f5f5f; }
.communityView .boardPaging .moveTopBtn { display: inline-block; float: right; width: 64px; height: 60px; background-image: url(../img/sub/btn_list_top.png); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }

.communityView .boardDetail { display: block; width: 100%; }
.communityView .boardDetail.normalType {}
.communityView .boardDetail .titleTxt { position: relative; width: 100%; line-height: 24px; color: #000000; font-size: 14px; margin: 0px 0px; padding: 0px 0px; }
.communityView .boardDetail .writeInfo { font-size: 12px; color: #5f5f5f; width: 100%; text-align: right; border-bottom: 1px solid #e3e3e3; }
.communityView .boardDetail .contentsTxt { font-size: 13px; color: #000000; font-family: none; line-height: 24px; border-bottom: 1px solid #e3e3e3; padding: 10px 0px; margin: 10px 0px; }

.communityView .replyItem { border: 1px solid #e3e3e3; border-radius: 10px; padding: 6px 10px; font-size: 12px; font-family: none; font-weight: normal; line-height: 18px; margin-bottom: 5px; } 
.communityView .replyItem .replyTextContents { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 
.communityView .replyItem .writeReplyer { font-weight: bold; margin: 10px 0px 0px 0px; } 
.communityView .replyItem .writeReplyer span:last-child { float: right; } 
.communityView .replyItem .contentsRow { margin: 10px 0px 0px 0px; }

.communityView .boardAttachView { width: 100%; height: auto; }
.communityView .boardAttachView.none { display: none; }
.communityView .boardAttachFileList { width: 100%; height: auto; }
.communityView .boardAttachFileList .attachFile { width: 100%; height: auto; margin-bottom: 10px; }


/** Event View **/
.eventList { width: 100%; padding: 10px 0px; }
.eventList .eventItem { width: 100%; height:auto; overflow: hidden; margin: 20px 0px; }
.eventList .eventItem:first-child { margin: 0px 0px 20px 0px; }
.eventList .eventItem .eventImg { width: 100%; height: calc(20vh); background-color: #c3c3c3; border-radius: 5px; }
.eventList .eventItem .eventInfo { color: #5f5f5f; text-align: left; line-height: 20px; padding: 5px 0px; }
.eventList .eventItem .eventInfo .shop { width: 100%; font-size: 18px; color: #000000; }
.eventList .eventItem .eventInfo .date { width: 100%; font-size: 12px; }

/** EventView **/
.eventView { width: 100%; height: auto; position: relative; }
.eventView .shopMainImg { width: 100%; border-radius: 10px; aspect-ratio: 3/2; height: calc(100% / 3 * 2); box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px; margin-top: 10px; }
.eventView .shopImageBox { width: 100%; overflow-x: auto; margin-top: 10px; }
.eventView .shopImageSlide { min-width: 100%; height: calc(20vh); display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: left; }
.eventView .shopSubImg { height: 100%; border-radius: 10px; margin-right: 5px; }
.eventView .shopContentsBox {
	width: 90vw;
	height: auto;
	background-color: #ffffff;
	border-radius: 20px;
	left: 0;
	/* right: 0; */
	box-sizing: border-box;
	margin: 0px calc(5vw);
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
	padding: 10px 10px;
	margin: 20px 0px;
} 
.eventView .shopContentsBox .contentsTitle { display: inline-block; width: auto; font-size: 20px; font-weight: 700; color: #000000; position: relative; text-align: left; margin-top: 15px; }
.eventView .shopContentsBox .category { position: relative; cursor: pointer; width: 68px; height: 68px; margin: 0px calc(1vw) 25px calc(1vw); }
.eventView .shopContentsBox  .category.C1 { background-image: url(../img/category/btn_shop_category_01.png); background-repeat: no-repeat; background-size: 100% 100%; }
.eventView .shopContentsBox  .category.C2 { background-image: url(../img/category/btn_shop_category_02.png); background-repeat: no-repeat; background-size: 100% 100%; }
.eventView .shopContentsBox  .category.C3 { background-image: url(../img/category/btn_shop_category_03.png); background-repeat: no-repeat; background-size: 100% 100%; }
.eventView .shopContentsBox  .category.C4 { background-image: url(../img/category/btn_shop_category_04.png); background-repeat: no-repeat; background-size: 100% 100%; }
.eventView .shopContentsBox  .category.C5 { background-image: url(../img/category/btn_shop_category_05.png); background-repeat: no-repeat; background-size: 100% 100%; }
.eventView .shopContentsBox  .category.C6 { background-image: url(../img/category/btn_shop_category_06.png); background-repeat: no-repeat; background-size: 100% 100%; }
.eventView .shopContentsBox  .category.C7 { background-image: url(../img/category/btn_shop_category_07.png); background-repeat: no-repeat; background-size: 100% 100%; }
.eventView .shopContentsBox  .category.C1.on { background-image: url(../img/category/btn_shop_category_01_on.png); }
.eventView .shopContentsBox  .category.C2.on { background-image: url(../img/category/btn_shop_category_02_on.png); }
.eventView .shopContentsBox  .category.C3.on { background-image: url(../img/category/btn_shop_category_03_on.png); }
.eventView .shopContentsBox  .category.C4.on { background-image: url(../img/category/btn_shop_category_04_on.png); }
.eventView .shopContentsBox  .category.C5.on { background-image: url(../img/category/btn_shop_category_05_on.png); }
.eventView .shopContentsBox  .category.C6.on { background-image: url(../img/category/btn_shop_category_06_on.png); }
.eventView .shopContentsBox  .category.C7.on { background-image: url(../img/category/btn_shop_category_07_on.png); }
.eventView .shopContentsBox  .category span { position: absolute; bottom: -30px; left: 0px; right: 0px; display: inline-block; width: 100%; font-size: 13px; text-align: center; }

.eventView .shopContentsBox .contentsDetailRow { width: 100%; text-align: left; margin-top: 30px; }
.eventView .shopContentsBox .contentsDetailRow .contentsDetailTitle { width: auto; font-size: 16px; font-weight: 500; color: #000000; position: relative; text-align: left; padding-left: 30px; }
.eventView .shopContentsBox .contentsDetailRow .contentsDetailTitle.detail01::before { content: ""; width: 21px; height: 21px; position: absolute; top: 4px; left: 2px; background-image: url(${pageContext.request.contextPath}/resources/app/img/shop/icon_shop_detail01.png); background-repeat: no-repeat; background-size: 100% 100%; }
.eventView .shopContentsBox .contentsDetailRow .contentsDetailTitle.detail02::before { content: ""; width: 21px; height: 21px; position: absolute; top: 4px; left: 2px; background-image: url(${pageContext.request.contextPath}/resources/app/img/shop/icon_shop_detail02.png); background-repeat: no-repeat; background-size: 100% 100%; }
.eventView .shopContentsBox .contentsDetailRow .contentsDetailTitle.detail03::before { content: ""; width: 21px; height: 21px; position: absolute; top: 4px; left: 2px; background-image: url(${pageContext.request.contextPath}/resources/app/img/shop/icon_shop_detail03.png); background-repeat: no-repeat; background-size: 100% 100%; }
.eventView .shopContentsBox .contentsDetailRow .contentsDetailTitle.detail04::before { content: ""; width: 21px; height: 21px; position: absolute; top: 4px; left: 2px; background-image: url(${pageContext.request.contextPath}/resources/app/img/shop/icon_shop_detail04.png); background-repeat: no-repeat; background-size: 100% 100%; }
.eventView .shopContentsBox .contentsDetailRow .conTentsDetailTxt { width: 100%; height: auto; font-size: 14px; font-family: none; font-weight: normal; color: #505050; line-height: 22px; padding: 0px 0px 0px 0px; }

.eventView .shopContentsBox .contentsDetailRow .conTentsDetailTxt.addService span { width: auto; display: inline-block; border: 1px solid #000000; margin-right: 10px; border-radius: 10px; padding: 0px 10px; line-height: 20px; height: 24px; font-size: 12px; margin-bottom: 5px; } 

.eventView .shopContentsBox .contentsDetailRow .shopDetailInfoBox { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 15px 0px; }
.eventView .shopContentsBox .contentsDetailRow .shopDetailInfoBox .itemBox { position: relative; width: 55px; height: 50px; display: inline-block; background-color: #eeeeee; font-size: 12px; font-family: none; font-weight: normal; text-align: center; margin: 0px calc(1vw); }
.eventView .shopContentsBox .contentsDetailRow .shopDetailInfoBox .itemBox span{ position: absolute; top: 24px; left: -5px; right: -5px; font-size: 10px; font-weight: normal; text-align: center; }
.eventView .shopContentsBox .contentsDetailRow .shopDetailInfoBox .itemBox.box01::after { content: ""; width: 25px; height: 21px; position: absolute; top: 10px; left: 15px; background-image: url(${pageContext.request.contextPath}/resources/app/img/shop/icon_shop_01.png); background-repeat: no-repeat; background-size: 100% 100%; }
.eventView .shopContentsBox .contentsDetailRow .shopDetailInfoBox .itemBox.box02::after { content: ""; width: 25px; height: 21px; position: absolute; top: 10px; left: 15px; background-image: url(${pageContext.request.contextPath}/resources/app/img/shop/icon_shop_02.png); background-repeat: no-repeat; background-size: 100% 100%; }
.eventView .shopContentsBox .contentsDetailRow .shopDetailInfoBox .itemBox.box03::after { content: ""; width: 25px; height: 21px; position: absolute; top: 10px; left: 15px; background-image: url(${pageContext.request.contextPath}/resources/app/img/shop/icon_shop_03.png); background-repeat: no-repeat; background-size: 100% 100%; }
.eventView .shopContentsBox .contentsDetailRow .shopDetailInfoBox .itemBox.box04::after { content: ""; width: 25px; height: 21px; position: absolute; top: 10px; left: 15px; background-image: url(${pageContext.request.contextPath}/resources/app/img/shop/icon_shop_04.png); background-repeat: no-repeat; background-size: 100% 100%; }
.eventView .shopContentsBox .contentsDetailRow .shopDetailInfoBox .itemBox.box05::after { content: ""; width: 25px; height: 21px; position: absolute; top: 10px; left: 15px; background-image: url(${pageContext.request.contextPath}/resources/app/img/shop/icon_shop_05.png); background-repeat: no-repeat; background-size: 100% 100%; }

.eventView .customTabBar { width: calc(94vw); background-color: #40c6e8; padding: 10px 0px; margin: 0px -10px 0px -10px; box-sizing: border-box; text-align: center; }
.eventView .customTabBar .contentsTitle { width: auto; font-size: 20px; font-weight: 700; color: #ffffff; position: relative; text-align: left; display: inline-block; margin-top: 0px; }
.eventView .customTabBar .tabBtn { display: inline-block; width: calc(42vw); height: 34px; line-height: 34px; box-sizing: border-box; border: 2px solid #ffffff; font-size: 16px; font-weight: 700; text-align: center; color: #ffffff; border-radius: 5px; cursor: pointer; }
.eventView .customTabBar .tabBtn.on { background-color: #ffffff; color: #40c6e8; }
.eventView .customTabBody { display: none; }
.eventView .customTabBody.on { display: block; }
.eventView .customTabBar .contentsProductListBox { width: 100%; height: auto; overflow-y: auto; padding: 8px 10px; } 
.eventView .customTabBar .contentsProductTabbar { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding: 0px 0px 0px 0px; } 
.eventView .customTabBar .contentsProductTabbar .tabBtn { min-width: 120px; widht: auto; margin-right: 10px; font-size: 14px; font-family: none; line-height: 30px; font-weight: normal; } 

.eventView .scheduleRow { padding: 10px 0px 0px 0px; }
.eventView .scheduleRow .contentsTitle { width: 100%; font-size: 14px; font-weight: 500; color: #000000; position: relative; text-align: left; display: block; margin-top: 0px; }
.eventView .scheduleRow input { width: 140px; padding: 6px 5px 6px 20px; margin-right: 5px; float: Left; border: 1px solid #40c6e8; background-color: #f8f8f8; border-radius: 5px; position: relative; }
/* .eventView .scheduleRow input::before { content: ""; width: 25px; height: 21px; position: absolute; top: 10px; right: 20px; background-image: url(../img/shop/icon_calendar.png); background-repeat: no-repeat; background-size: 100% 100%; } */
/* .eventView .scheduleRow input::after { content: ""; width: 25px; height: 21px; position: absolute; top: 10px; right: 50px; background-image: url(../img/shop/icon_calendar.png); background-repeat: no-repeat; background-size: 100% 100%; } */
.eventView .scheduleRow select { width: 100px; padding: 6px 0px 6px 10px; font-size: 12px; border: 1px solid #40c6e8; background-color: #f8f8f8; border-radius: 5px; }

.eventView .customTabBody .contentsTitle { width: auto; font-size: 16px; font-weight: 500; color: #40c6e8; position: relative; text-align: left; display: inline-block; margin-top: 0px; }
.eventView .customTabBody .shopProductList { display: block; width: 100%; height: auto; }
.eventView .customTabBody .shopProductItem { position: relative; width: 100%; height: 101px; display: inline-block; text-align: left; border-bottom: 1px solid #e3e3e3; padding: 10px 0px; }
.eventView .customTabBody .shopProductItem:first-child { border-top: 1px solid #e3e3e3; }
.eventView .customTabBody .shopProductItem:last-child { margin-bottom: 30px; }
.eventView .customTabBody .shopProductItem::after { content: ""; width: 38px; height: 38px; position: absolute; top: 30px; right: 10px; background-image: url(../img/shop/btn_set_cart.png); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }
.eventView .customTabBody .shopProductItem img { display: inline-block; width: 80px; height: 80px; border-radius: 10px; aspect-ratio: 1/1; box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px; }
.eventView .customTabBody .shopProductItem .itemInfo { display: inline-block; width: calc(94vw - 120px); line-height: 24px; margin-left: 10px; font-size: 16px; padding: 12px 0px; box-sizing: border-box; position: absolute; left: 85px; }
.eventView .customTabBody .shopProductItem .itemInfo .productTitle { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.eventView .customTabBody .shopProductItem .itemInfo .productPrice { display: inline-block; width: 100%; }

.eventView .scheduleRow.reviewInfo input { width: 100%; padding: 6px 5px; margin-right: 5px; float: Left; border: 1px solid #40c6e8; background-color: #f8f8f8; border-radius: 5px; position: relative; }

.eventView .scheduleRow.reviewInfo .contentsRow { margin: 5px 0px; }
.eventView .scheduleRow.reviewInfo .contentsRow .simpleReviewBar { font-size: 12px; text-align: left; width: 100%; height: 30px; line-height: 30px; padding: 0px 10px; border: 2px solid #40c6e8; background-color: #f8f8f8; border-radius: 5px; position: relative; background: linear-gradient( 90deg, #40c6e8 0%, #ffffff 100% ); }
.eventView .scheduleRow.reviewInfo .contentsRow .simpleReviewBar .simpleReviewCnt { position: absolute; top: 0px; right: 10px; }

.eventView .reviewItem { border: 2px solid #e3e3e3; border-radius: 20px; padding: 6px 6px; font-size: 12px; font-family: none; font-weight: normal; line-height: 20px; margin-bottom: 10px; } 
.eventView .reviewItem .reviewText { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 
.eventView .reviewItem .writeReviewer { font-weight: bold; margin: 10px 0px 0px 0px; } 
.eventView .reviewItem .writeReviewer span:last-child { float: right; } 
.eventView .reviewItem .contentsRow { margin: 10px 0px 0px 0px; } 

.eventView .boardPaging { width: 100%; height: 60px; font-size: 12px; color: #5f5f5f; margin: 20px 0px; }
.eventView .boardPaging .pagingMoreBtn { position: relative; display: inline-block; width: calc(94vw - 95px); font-size: 14px; color: #000000; background-color: #e0d2fa; text-align: center; border-radius: 10px; line-height: 20px; padding: 10px; cursor: pointer; }
.eventView .boardPaging .pagingMoreBtn::before { content: "▼"; position: absolute; top: 22px; left: calc(8vw); color: #40c6e8; font-size: 20px; }
.eventView .boardPaging .pagingInfo { font-size: 12px; color: #5f5f5f; }
.eventView .boardPaging .moveTopBtn { display: inline-block; float: right; width: 64px; height: 60px; background-image: url(../img/sub/btn_list_top.png); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }



/** Policy View **/
.customTabBody .policyContents { display: block; width: 100%; border: 1px solid #e3e3e3; background-color: #ffffff; border-radius: 20px; padding: 7px; margin: 7px 0px 2px 0px; color: #7f7f7f; font-size: 20px; font-family: none; font-weight: 300; }



/** Myposition View & Seach View**/
.searchView { position: relative; }
.searchView .customTabBody { display: none; position: relative; }
.searchView .customTabBody.on { display: block; }
.searchView .shopCategory { width: calc(100vw); background-color: #f8f8f8; padding: 5px calc(0vw) 5px calc(0vw); text-align: center; display: inline-block; overflow-y: auto; margin: 0px calc(-5vw); border-bottom: 1px solid #e3e3e3; }
.searchView .shopCategory .category { position: relative; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
.searchView .shopCategory .category .cbutton { position: relative; cursor: pointer; width: 51px; height: 51px; margin: 0px 5px 25px 5px; }
.searchView .shopCategory .category .all { background-image: url(../img/category/btn_shop_category_all.png); background-repeat: no-repeat; background-size: 100% 100%; }
.searchView .shopCategory .category .C1 { background-image: url(../img/category/btn_shop_category_01.png); background-repeat: no-repeat; background-size: 100% 100%; }
.searchView .shopCategory .category .C2 { background-image: url(../img/category/btn_shop_category_02.png); background-repeat: no-repeat; background-size: 100% 100%; }
.searchView .shopCategory .category .C3 { background-image: url(../img/category/btn_shop_category_03.png); background-repeat: no-repeat; background-size: 100% 100%; }
.searchView .shopCategory .category .C4 { background-image: url(../img/category/btn_shop_category_04.png); background-repeat: no-repeat; background-size: 100% 100%; }
.searchView .shopCategory .category .C5 { background-image: url(../img/category/btn_shop_category_05.png); background-repeat: no-repeat; background-size: 100% 100%; }
.searchView .shopCategory .category .C6 { background-image: url(../img/category/btn_shop_category_06.png); background-repeat: no-repeat; background-size: 100% 100%; }
.searchView .shopCategory .category .C7 { background-image: url(../img/category/btn_shop_category_07.png); background-repeat: no-repeat; background-size: 100% 100%; }
.searchView .shopCategory .category span { position: absolute; bottom: -30px; left: 0px; right: 0px; display: inline-block; width: 100%; font-size: 13px; text-align: center; }
.searchView .shopCategory .category .all.on { background-image: url(../img/category/btn_shop_category_all_on.png); }
.searchView .shopCategory .category .C1.on { background-image: url(../img/category/btn_shop_category_01_on.png); }
.searchView .shopCategory .category .C2.on { background-image: url(../img/category/btn_shop_category_02_on.png); }
.searchView .shopCategory .category .C3.on { background-image: url(../img/category/btn_shop_category_03_on.png); }
.searchView .shopCategory .category .C4.on { background-image: url(../img/category/btn_shop_category_04_on.png); }
.searchView .shopCategory .category .C5.on { background-image: url(../img/category/btn_shop_category_05_on.png); }
.searchView .shopCategory .category .C6.on { background-image: url(../img/category/btn_shop_category_06_on.png); }
.searchView .shopCategory .category .C7.on { background-image: url(../img/category/btn_shop_category_07_on.png); }

.searchView .searchBox { width: auto; height: 40px; overflow-y: auto; display: block; margin: 5px calc(-5vw) 5px 0px; }
.searchView .searchFilter { width: 500px; height: 34px; padding: 0px 0px; box-sizing: border-box; position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: left; }
.searchView .searchFilter .searchRefreshBtn { position: relative; display: inline-block; cursor: pointer; width: 33px; height: 32px; background-image: url(../img/sub/btn_refresh.png); background-repeat: no-repeat; background-size: 100% 100%; }
.searchView .searchFilter .searchFilterhBtn { position: relative; display: inline-block; cursor: pointer; width: 33px; height: 32px; background-image: url(../img/sub/btn_filter.png); background-repeat: no-repeat; background-size: 100% 100%; margin-left: 5px; }
.searchView .searchFilter .searchFilterhBtn.on { background-image: url(../img/sub/btn_filter_on.png); background-repeat: no-repeat; background-size: 100% 100%; }
.searchView .searchFilter .select { display: none; width: 120px; border: 1px solid #40c6e8; border-radius: 5px; font-size: 12px; margin-left: 5px; height: 32px; line-height: 32px; padding: 6px 5px; text-align: center; }
.searchView .searchFilter .select.on { display: inline-block; }
.searchView .searchFilter .days input.tcal { width: 110px; height: 32px; padding: 6px 8px 6px 8px; margin: 0px 5px; float: Left; border: 1px solid #40c6e8; background-color: #f8f8f8; border-radius: 5px 0px 0px 5px; position: relative; text-align: left; font-size: 14px; }
.searchView .searchFilter .days .icon_cal { height: 32px; margin-left: -6px; border: 1px solid #40c6e8; border-radius: 0px 5px 5px 0px; overflow: hidden; overflow: hidden; box-sizing: border-box; }
.searchView .searchFilter .days .icon_cal:after { left: 0px; width: 35.2px; height: 30px; background: url(../img/frame/bg_cal_icon_new.jpg) no-repeat; background-position: -3px -2px; background-size: cover; }
.searchView .searchFilter dd { display: none; }
.searchView .searchFilter dd.on { display: inline-block; }
.searchView .searchFilter input.keywordInput { display: none; width: 120px; height: 32px; padding: 6px 8px 6px 8px; margin: 0px 5px; float: Left; border: 1px solid #40c6e8; background-color: #f8f8f8; border-radius: 5px 5px 5px 5px; position: relative; text-align: left; font-size: 14px; }
.searchView .searchFilter input.keywordInput.on { display: inline-block; }

.searchView .searchMapView { position: relative; width: calc(100vw); margin: 0px calc(-5vw); height: calc(100vh - 250px); box-sizing: border-box; background-color: #e3e3e3; }
.searchView .searchMapView .kakaoMap { width: calc(100vw); height: calc(100vh - 265px); position: relative; overflow: hidden; } 
.searchView .searchMapView .kakaoMap .myPosition { position: absolute; cursor: pointer; width: 29.5px; height: 40px; background-image: url(../img/icon/icon_user_marker.png); background-repeat: no-repeat; background-size: 100% 100%; } 
.searchView .searchMapView .kakaoMap .shopPosition { position: absolute; cursor: pointer; width: 29.5px; height: 40px; background-image: url(../img/icon/icon_shop_marker.png); background-repeat: no-repeat; background-size: 100% 100%; }
 
.searchView .searchMapView .searchResultBox { width: 100%; text-align: center; position: absolute; left: 0px; right: 0px; bottom: 40px; z-index: 1; } 
.searchView .searchMapView .searchResultViewBtn { display: inline-block; background-color : #40c6e8; border-radius: 5px; font-size: 14px; color: #ffffff; padding: 0px 15px; cursor: pointer; } 

/* .searchView .searchResultView { width: auto; height: calc(100vh - 250px); margin: 0px calc(-5vw); position: absolute; left: 3px; right: 3px; top: calc(100vh); border: 1px solid #e0e0e0; border-radius: 10px 10px 0px 0px;     box-shadow: rgb(0 0 0 / 5%) 0px 0px 0px 1px, rgb(209 213 219) 0px 0px 0px 1px inset; text-align: center; background-color: #ffffff; } */
.searchView .searchResultView { width: auto; height: auto; margin: 0px calc(-5vw); position: absolute; left: 3px; right: 3px; top: calc(100vh); border: 1px solid #e0e0e0; border-radius: 10px 10px 0px 0px;     box-shadow: rgb(0 0 0 / 5%) 0px 0px 0px 1px, rgb(209 213 219) 0px 0px 0px 1px inset; text-align: center; background-color: #ffffff; }
.searchView .searchResultView.open { top: 136px; overflow-y: auto; }
.searchView .searchResultView .searchResultViewCloseBtn { color : #40c6e8; font-size: 18px; text-align: center; padding: 3px 0px; cursor: pointer; width: 60px; display: inline-block; }

.searchView .searchResultView .recommandClass { width: 100%; margin-bottom: 20px; }
.searchView .searchResultView .recommandProduct { width: 100%; margin-bottom: 20px; padding: 0px 20px; }
.searchView .searchResultView .contentsTitle { width: 100%; font-size: 20px; font-weight: 700; color: #000000; position: relative; text-align: left; margin-top: 15px; }
/* .searchView .searchResultView .contentsTitle::after { content: "+더보기"; position:absolute; top:0px; right: 0px; font-size: 12px; font-weight: 500; color: #40c6e8; cursor: pointer; } */
.searchView .searchResultView .itemContainer { width: 100%; overflow-x: auto; padding-bottom: 10px; }
.searchView .searchResultView .itemList { min-width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: left; padding: 0px 20px; }
.searchView .searchResultView .item { display: inline-block; margin-right: 10px; }
.searchView .searchResultView .item:last-child { margin-right: 0px; }

.searchView .searchResultView .recommandClass .item { display: inline-block; width: 100px; height: 125px; border: 1px solid #d3d3d3; }
.searchView .searchResultView .recommandProduct .itemList { width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: left; padding: 0px 0px; }
.searchView .searchResultView .recommandProduct .item { display: inline-block; width: 100%; height: 125px; border: 1px solid #d3d3d3; margin-bottom: 10px; margin-right: 0px; }

.searchView .customTabBody .shopList { display: block; width: 100%; height: auto; }
.searchView .customTabBody .shopItem { position: relative; width: 100%; height: 125px; display: inline-block; text-align: left; padding: 12px 0px; }
.searchView .customTabBody .shopItem:first-child { border-top: 1px solid #e3e3e3; }
.searchView .customTabBody .shopItem:last-child { border-bottom: 1px solid #e3e3e3; margin-bottom: 50px; }
.searchView .customTabBody .shopItem .imgBox { display: inline-block; position: relative; }
.searchView .customTabBody .shopItem .imgBox.holiday::before { content: "휴무"; color: #ffffff; position: absolute; top: 0px; left: 0px; width: 100px; height: 100px; z-index: 1; font-size: 16px; text-align: center; padding-right: 0px; display: inline-block; line-height: 100px; }
.searchView .customTabBody .shopItem .imgBox.recommandShop::after { content: ""; width: 100px; height: 100px; position: absolute; top: 0px; left: 0px; background-image: url(../img/shop/bg_recommondShop.png); background-repeat: no-repeat; background-size: 40px 40px; border-radius: 10px; }
.searchView .customTabBody .shopItem .imgBox.backBlack::after { content: ""; width: 100px; height: 100px; position: absolute; top: 0px; left: 0px; border-radius: 10px; background-color: #000000; opacity: 0.6; }
.searchView .customTabBody .shopItem img { display: inline-block; position: relative; width: 100px; height: 100px; border-radius: 10px; aspect-ratio: 1/1; box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px; overflow: hidden; }
.searchView .customTabBody .shopItem .itemInfo { display: inline-block; width: calc(94vw - 120px); line-height: 22px; margin-left: 10px; font-size: 20px; padding: 12px 0px 0px 0px; box-sizing: border-box; position: absolute; left: 105px; }
.searchView .customTabBody .shopItem .itemInfo .shopTitle { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
.searchView .customTabBody .shopItem .itemInfo .shopAddress { display: block; width: 100%; height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; margin-top: 0px; }
.searchView .customTabBody .shopItem .itemInfo .shopStatus { display: block; width: 100%; height: 24px; font-size: 12px; line-height: 24px; margin-top: 5px; }
.searchView .customTabBody .shopItem .itemInfo .shopStatus .shopLike { position: relative; display: inline-block; width: 45%; text-align: left; padding-left: 25px; overflow: hidden; }
.searchView .customTabBody .shopItem .itemInfo .shopStatus .shopReview { position: relative; display: inline-block; width: 0%; text-align: left; padding-left: 25px; overflow: hidden; display: none; }
.searchView .customTabBody .shopItem .itemInfo .shopStatus .shopRadius { position: relative; display: inline-block; width: 50%; text-align: left; padding-left: 25px; overflow: hidden; }

.searchView .customTabBody .shopItem .itemInfo .shopStatus .shopLike:after { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 24px; background-image: url("../img/icon/icon_hope.png"); background-repeat: no-repeat; background-size: 100% 100%; }
.searchView .customTabBody .shopItem .itemInfo .shopStatus .shopReview:after { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 24px; background-image: url("../img/icon/icon_review.png"); background-repeat: no-repeat; background-size: 100% 100%; }
.searchView .customTabBody .shopItem .itemInfo .shopStatus .shopRadius:after { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 24px; background-image: url(../img/icon/icon_shop_marker.png); background-repeat: no-repeat; background-size: 100% 100%; }

#searchResult_Popup {}
#searchResult_Popup .searchResultViewCloseBtn { color : #40c6e8; font-size: 18px; text-align: center; padding: 3px 0px; cursor: pointer; width: 60px; display: inline-block; }
#searchResult_Popup .recommandClass { width: 100%; margin-bottom: 20px; }
#searchResult_Popup .recommandProduct { width: 100%; margin-bottom: 20px; padding: 0px 20px; }
#searchResult_Popup .contentsTitle { width: 100%; font-size: 20px; font-weight: 700; color: #000000; position: relative; text-align: left; margin-top: 10px; }
/* #searchResult_Popup .contentsTitle::after { content: "+더보기"; position:absolute; top:0px; right: 0px; font-size: 12px; font-weight: 500; color: #40c6e8; cursor: pointer; } */
#searchResult_Popup .itemContainer { width: 100%; overflow-x: auto; padding-bottom: 10px; }
#searchResult_Popup .itemList { min-width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: left; padding: 0px 20px; }
#searchResult_Popup .item { display: inline-block; margin-right: 10px; }
#searchResult_Popup .item:last-child { margin-right: 0px; }

#searchResult_Popup .recommandClass .item { display: inline-block; width: 100px; height: 125px; border: 1px solid #d3d3d3; }
#searchResult_Popup .recommandProduct .itemList { width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: left; padding: 0px 0px; }
#searchResult_Popup .recommandProduct .item { display: inline-block; width: 100%; height: 125px; border: 1px solid #d3d3d3; margin-bottom: 10px; margin-right: 0px; }

#searchResult_Popup .customTabBody  { width: 100%; padding: 0px calc(5vw); }
#searchResult_Popup .customTabBody .shopList { display: block; width: 100%; height: auto; }
#searchResult_Popup .customTabBody .shopItem { position: relative; width: 100%; height: 125px; display: inline-block; text-align: left; padding: 12px 0px; }
#searchResult_Popup .customTabBody .shopItem:first-child { border-top: 1px solid #e3e3e3; }
#searchResult_Popup .customTabBody .shopItem:last-child { border-bottom: 1px solid #e3e3e3; margin-bottom: 50px; }
#searchResult_Popup .customTabBody .shopItem .imgBox { display: inline-block; position: relative; }
#searchResult_Popup .customTabBody .shopItem .imgBox.holiday::before { content: "휴무"; color: #ffffff; position: absolute; top: 0px; left: 0px; width: 100px; height: 100px; z-index: 1; font-size: 16px; text-align: center; padding-right: 0px; display: inline-block; line-height: 100px; }
#searchResult_Popup .customTabBody .shopItem .imgBox.recommandShop::after { content: ""; width: 100px; height: 100px; position: absolute; top: 0px; left: 0px; background-image: url(../img/shop/bg_recommondShop.png); background-repeat: no-repeat; background-size: 40px 40px; }
#searchResult_Popup .customTabBody .shopItem .imgBox.backBlack::after { content: ""; width: 100px; height: 100px; position: absolute; top: 0px; left: 0px; border-radius: 10px; background-color: #000000; opacity: 0.6; }


#searchResult_Popup .customTabBody .shopItem img { display: inline-block; width: 100px; height: 100px; border-radius: 10px; aspect-ratio: 1/1; box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px; }
#searchResult_Popup .customTabBody .shopItem .itemInfo { display: inline-block; width: calc(94vw - 120px); line-height: 22px; margin-left: 10px; font-size: 20px; padding: 12px 0px 0px 0px; box-sizing: border-box; position: absolute; left: 105px; }
#searchResult_Popup .customTabBody .shopItem .itemInfo .shopTitle { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
#searchResult_Popup .customTabBody .shopItem .itemInfo .shopAddress { display: block; width: 100%; height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; margin-top: 0px; }
#searchResult_Popup .customTabBody .shopItem .itemInfo .shopStatus { display: block; width: 100%; height: 24px; font-size: 12px; line-height: 24px; margin-top: 5px; }
#searchResult_Popup .customTabBody .shopItem .itemInfo .shopStatus .shopLike { position: relative; display: inline-block; width: 45%; text-align: left; padding-left: 25px; overflow: hidden; }
#searchResult_Popup .customTabBody .shopItem .itemInfo .shopStatus .shopReview { position: relative; display: inline-block; width: 0%; text-align: left; padding-left: 25px; overflow: hidden; display: none; }
#searchResult_Popup .customTabBody .shopItem .itemInfo .shopStatus .shopRadius { position: relative; display: inline-block; width: 50%; text-align: left; padding-left: 25px; overflow: hidden; }

#searchResult_Popup .customTabBody .shopItem .itemInfo .shopStatus .shopLike:after { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 24px; background-image: url("../img/icon/icon_hope.png"); background-repeat: no-repeat; background-size: 100% 100%; }
#searchResult_Popup .customTabBody .shopItem .itemInfo .shopStatus .shopReview:after { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 24px; background-image: url("../img/icon/icon_review.png"); background-repeat: no-repeat; background-size: 100% 100%; }
#searchResult_Popup .customTabBody .shopItem .itemInfo .shopStatus .shopRadius:after { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 24px; background-image: url(../img/icon/icon_shop_marker.png); background-repeat: no-repeat; background-size: 100% 100%; }




/** petContentsList **/
.petContentsListView .mainContentsKind { width: 100%; height: auto; padding: calc(2.5vh) 0; text-align: left; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.petContentsListView .mainContentsKind .mainContents01 { position: relative; display: inline-block; width: calc(45.5vw); height: calc(25vh); min-height: 195px; background-color: #12bf88; border-radius: 5px; box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px; cursor: pointer; margin-bottom: 10px; }
.petContentsListView .mainContentsKind .mainContents02 { position: relative; display: inline-block; width: calc(45.5vw); height: calc(25vh); min-height: 195px; background-color: #40c6e8; border-radius: 5px; box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px; cursor: pointer; margin-bottom: 10px; }
.petContentsListView .mainContentsKind .mainContents03 { position: relative; display: inline-block; width: calc(45.5vw); height: calc(25vh); min-height: 195px; background-color: #272f35; border-radius: 5px; box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px; cursor: pointer; margin-bottom: 10px; }
.petContentsListView .mainContentsKind .mainContents04 { position: relative; display: inline-block; width: calc(45.5vw); height: calc(25vh); min-height: 195px; background-color: #272f35; border-radius: 5px; box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px; cursor: pointer; margin-bottom: 10px; }
.petContentsListView .mainContentsKind .mainContents .contentsTitle { font-size: 20px; font-weight: 700; text-align: left; margin: 60px 10px 15px 18px; line-height: 24px; color: #ffffff; }
.petContentsListView .mainContentsKind .mainContents .contentsTitle.type01::after { content: ""; position: absolute; top: 20px; left: 20px; width: 30px; height: 34.5px; background-image: url(../img/etc/icon_pet_txt_01.png); background-repeat: no-repeat; background-size: 100% 100%; }
.petContentsListView .mainContentsKind .mainContents .contentsTitle.type02::after { content: ""; position: absolute; top: 20px; left: 20px; width: 37px; height: 34.5px; background-image: url(../img/etc/icon_pet_txt_02.png); background-repeat: no-repeat; background-size: 100% 100%; }
.petContentsListView .mainContentsKind .mainContents .contentsTitle.type03::after { content: ""; position: absolute; top: 20px; left: 20px; width: 34.5px; height: 34.5px; background-image: url(../img/etc/icon_pet_txt_03.png); background-repeat: no-repeat; background-size: 100% 100%; }
.petContentsListView .mainContentsKind .mainContents .contentsTitle .type { }
.petContentsListView .mainContentsKind .mainContents .contentsTitle .writeDT { font-size: 16px; font-weight: 300; position: absolute; bottom: 10px; left: 20px; } 
.petContentsListView .mainContentsKind .mainContents .contentsBg { width: calc(22vw); height: calc(22vw); position: absolute; top: 10px; right: 10px; border-radius: 50%; border: none; overflow: hidden; text-align: center; }
.petContentsListView .mainContentsKind .mainContents .contentsBg img { width: 100%; height: 100%; display: inline-block; vertical-align: middle; }
.petContentsListView .mainContentsKind .mainContents .contentsBg.video { border: 1px solid #ffffff; }
.petContentsListView .mainContentsKind .mainContents .contentsBg.voice { border: 1px solid #ffffff; }
.petContentsListView .mainContentsKind .mainContents .contentsBg.video img { width: calc(8.8vw); height: calc(7vw); margin-top: calc(7.0vw); }
.petContentsListView .mainContentsKind .mainContents .contentsBg.voice img { width: calc(7.0vw); height: calc(10.5vw); margin-top: calc(5.75vw); }


/** Review Popup **/
#review_Popup .contentsRow { display: flex; flex-wrap: wrap; }
#review_Popup .contentsRow .inputForm_value { width: calc(94vw - 60px); margin-right: 0px; border-radius: 10px; float: Left; color: #40c6e8; margin-right: 3px; }
#review_Popup .contentsRow .btn.selectBtn { border-radius: 10px; padding: 0 15px; background-color: #ffffff; color: #40c6e8; border: 1px solid #40c6e8; }
#review_Popup .contentsRow .btn.selectBtn.select { background-color: #40c6e8; color: #ffffff; }
#review_Popup .contentsRow .simpleTxt { width: 100%; margin-bottom: 1px; border: 1px solid #adadad; font-size: 12px; box-sizing: border-box; }

#review_Popup .contentsRow .reviewUploadImageBox { width: 860px;  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: left; padding: 5px calc(1.0vw) 10px calc(1.0vw); }
#review_Popup .contentsRow .reviewUploadImageBox .imageBox { display: block; position: relative; width: 160px; height: 120px; border: 1px solid #9b9b9b; border-radius: 5px; margin: 0px 10px 0px 0px; overflow: hidden; }
#review_Popup .contentsRow .reviewUploadImageBox .imageBox.none::before { content: "No image"; position: absolute; top: 45px; left: 35px; color: #9b9b9b; font-size: 16px; }
#review_Popup .contentsRow .reviewUploadImageBox .reviewUploadImg { display: block; width: 100%; border-radius: 5px; min-height: calc(100px / 4 * 3); box-sizing: border-box; aspect-ratio: 4/3; }

#reviewDetail_Popup .contentsRow { display: flex; flex-wrap: wrap; }
#reviewDetail_Popup .contentsRow .inputForm_value { width: calc(94vw - 60px); margin-right: 0px; border-radius: 10px; float: Left; color: #40c6e8; margin-right: 3px; }
#reviewDetail_Popup .contentsRow .btn.selectBtn { border-radius: 10px; padding: 0 15px; background-color: #ffffff; color: #40c6e8; border: 1px solid #40c6e8; }
#reviewDetail_Popup .contentsRow .btn.selectBtn.select { background-color: #40c6e8; color: #ffffff; }

#reviewDetail_Popup #REVIEW_CONTENTS_VIEW { display: block; width: 100%; height: auto; min-height: 80px; overflow-y: auto; border: 1px solid #cbcbcb; background-color: #f0f0f0; border-radius: 20px; padding: 7px 5px; margin: 2px 0px 2px 0px; color: #7f7f7f; font-size: 20px; font-family: none; font-weight: 300; font-size: 12px; line-height: 22px; text-align: left; white-space: normal; word-break: break-word; }
#reviewDetail_Popup .contentsRow { width: 100%; height: auto; min-height: 30px; padding: 0px 0px; margin: 0px 0px; text-align: center; }
#reviewDetail_Popup .simpleTxt { width: 100%; margin-bottom: 4px; border: 1px solid #adadad; height: 34px; line-height: 34px; font-size: 12px; box-sizing: border-box; }

#reviewDetail_Popup .contentsRow .reviewUploadImageBox { width: 860px;  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: left; padding: 5px calc(1.0vw) 10px calc(1.0vw); }
#reviewDetail_Popup .contentsRow .reviewUploadImageBox .imageBox { display: block; position: relative; width: 160px; height: 120px; border: 1px solid #9b9b9b; border-radius: 5px; margin: 0px 10px 0px 0px; overflow: hidden; }
#reviewDetail_Popup .contentsRow .reviewUploadImageBox .imageBox.none::before { content: "No image"; position: absolute; top: 45px; left: 35px; color: #9b9b9b; font-size: 16px; }
#reviewDetail_Popup .contentsRow .reviewUploadImageBox .reviewUploadImg { display: block; width: 100%; border-radius: 5px; min-height: calc(100px / 4 * 3); box-sizing: border-box; aspect-ratio: 4/3; }



/** Alarm List View **/
.modal-body .communityView .writeContentsBtn { width: auto; background-color: #40c6e8; color: #ffffff; display: inline-block; font-size: 14px; padding: 0px 10px; border-radius: 5px; height: 30px; line-height: 30px; position: absolute; top: 15px; right: 15px; cursor: pointer; }
.modal-body .communityView .writeContentsBtn::before { }
.modal-body .communityView .boardList { display: block; width: 100%; }
.modal-body .communityView .boardList .listItem { position: relative; width: 100%; line-height: 24px; color: #000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; font-size: 14px; margin: 0px 0px; padding: 10px 5px 5px 5px; border-bottom: 1px solid #e3e3e3; }
/* .modal-body .communityView .boardList .listItem:last-child { border-bottom: none; } */
.modal-body .communityView .boardList .listItem:hover { background-color: #e0d2fa; }
.modal-body .communityView .boardList .writeInfo { font-size: 12px; color: #5f5f5f; }

.modal-body .communityView .boardPaging { width: 100%; height: 60px; font-size: 12px; color: #5f5f5f; margin: 20px 0px; }
.modal-body .communityView .boardPaging .pagingMoreBtn { position: relative; display: inline-block; width: calc(94vw - 80px); font-size: 14px; color: #000000; background-color: #e0d2fa; text-align: center; border-radius: 10px; line-height: 20px; padding: 10px; cursor: pointer; }
.modal-body .communityView .boardPaging .pagingMoreBtn::before { content: "▼"; position: absolute; top: 22px; left: calc(8vw); color: #40c6e8; font-size: 20px; }
.modal-body .communityView .boardPaging .pagingInfo { font-size: 12px; color: #5f5f5f; }
.modal-body .communityView .boardPaging .moveTopBtn { display: inline-block; float: right; width: 64px; height: 60px; background-image: url(../img/sub/btn_list_top.png); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }


/** ShopView **/
.shopView { width: 100%; min-height: 1000px; position: relative; }
.shopView .shopMainImg { width: 100%; border-radius: 10px; aspect-ratio: 3/2; height: calc(100% / 3 * 2); box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px; margin-top: 10px; }
.shopView .shopImageBox { width: 100%; overflow-x: auto; margin-top: 10px; }
.shopView .shopImageSlide { min-width: 100%; height: calc(20vh); display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: left; }
.shopView .shopSubImg { height: 100%; border-radius: 10px; margin-right: 5px; }
.shopView .shopContentsBox { width: 100%; min-height: 500px; position: absolute; top: calc(21vh + (100vw / 3 * 2)); background-color: #ffffff; border-radius: 20px; left: 0; right: 0; box-sizing: border-box; margin: 0px 0px; 
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
	padding: 10px calc(5vw) 50px calc(5vw); 
} 
.shopView .shopContentsBox .contentsTitle { display: inline-block; width: auto; font-size: 20px; font-weight: 700; color: #000000; position: relative; text-align: left; margin-top: 15px; }
.shopView .shopContentsBox .category { position: relative; cursor: pointer; width: 68px; height: 68px; margin: 0px calc(1vw) 25px calc(1vw); }
.shopView .shopContentsBox  .category.C1 { background-image: url(../img/category/btn_shop_category_01.png); background-repeat: no-repeat; background-size: 100% 100%; }
.shopView .shopContentsBox  .category.C2 { background-image: url(../img/category/btn_shop_category_02.png); background-repeat: no-repeat; background-size: 100% 100%; }
.shopView .shopContentsBox  .category.C3 { background-image: url(../img/category/btn_shop_category_03.png); background-repeat: no-repeat; background-size: 100% 100%; }
.shopView .shopContentsBox  .category.C4 { background-image: url(../img/category/btn_shop_category_04.png); background-repeat: no-repeat; background-size: 100% 100%; }
.shopView .shopContentsBox  .category.C5 { background-image: url(../img/category/btn_shop_category_05.png); background-repeat: no-repeat; background-size: 100% 100%; }
.shopView .shopContentsBox  .category.C6 { background-image: url(../img/category/btn_shop_category_06.png); background-repeat: no-repeat; background-size: 100% 100%; }
.shopView .shopContentsBox  .category.C7 { background-image: url(../img/category/btn_shop_category_07.png); background-repeat: no-repeat; background-size: 100% 100%; }
.shopView .shopContentsBox  .category.C1.on { background-image: url(../img/category/btn_shop_category_01_on.png); }
.shopView .shopContentsBox  .category.C2.on { background-image: url(../img/category/btn_shop_category_02_on.png); }
.shopView .shopContentsBox  .category.C3.on { background-image: url(../img/category/btn_shop_category_03_on.png); }
.shopView .shopContentsBox  .category.C4.on { background-image: url(../img/category/btn_shop_category_04_on.png); }
.shopView .shopContentsBox  .category.C5.on { background-image: url(../img/category/btn_shop_category_05_on.png); }
.shopView .shopContentsBox  .category.C6.on { background-image: url(../img/category/btn_shop_category_06_on.png); }
.shopView .shopContentsBox  .category.C7.on { background-image: url(../img/category/btn_shop_category_07_on.png); }
.shopView .shopContentsBox  .category span { position: absolute; bottom: -30px; left: 0px; right: 0px; display: inline-block; width: 100%; font-size: 13px; text-align: center; }

.shopView .shopContentsBox .contentsDetailRow { width: 100%; text-align: left; margin-top: 30px; }
.shopView .shopContentsBox .contentsDetailRow .contentsDetailTitle { width: auto; font-size: 16px; font-weight: 500; color: #000000; position: relative; text-align: left; padding-left: 30px; }
.shopView .shopContentsBox .contentsDetailRow .contentsDetailTitle.detail01::before { content: ""; width: 21px; height: 21px; position: absolute; top: 4px; left: 2px; background-image: url(../img/shop/icon_shop_detail01.png); background-repeat: no-repeat; background-size: 100% 100%; }
.shopView .shopContentsBox .contentsDetailRow .contentsDetailTitle.detail02::before { content: ""; width: 21px; height: 21px; position: absolute; top: 4px; left: 2px; background-image: url(../img/shop/icon_shop_detail02.png); background-repeat: no-repeat; background-size: 100% 100%; }
.shopView .shopContentsBox .contentsDetailRow .contentsDetailTitle.detail03::before { content: ""; width: 21px; height: 21px; position: absolute; top: 4px; left: 2px; background-image: url(../img/shop/icon_shop_detail03.png); background-repeat: no-repeat; background-size: 100% 100%; }
.shopView .shopContentsBox .contentsDetailRow .contentsDetailTitle.detail04::before { content: ""; width: 21px; height: 21px; position: absolute; top: 4px; left: 2px; background-image: url(../img/shop/icon_shop_detail04.png); background-repeat: no-repeat; background-size: 100% 100%; }
.shopView .shopContentsBox .contentsDetailRow .contentsDetailTitle.detail04::after { content: "+더보기"; position: absolute; top: 0px; right: 0px; font-size: 12px; font-weight: 500; color: #40c6e8; cursor: pointer; }
.shopView .shopContentsBox .contentsDetailRow .conTentsDetailTxt { width: 100%; height: auto; font-size: 14px; font-family: none; font-weight: normal; color: #505050; line-height: 22px; padding: 0px 0px 0px 0px; }
.shopView .shopContentsBox .contentsDetailRow .conTentsDetailTxt.off { display: none; }


.shopView .shopContentsBox .contentsDetailRow .conTentsDetailTxt.addService span { width: auto; display: inline-block; border: 1px solid #000000; margin-right: 10px; border-radius: 10px; padding: 0px 10px; line-height: 20px; height: 24px; font-size: 12px; margin-bottom: 5px; } 

.shopView .shopContentsBox .contentsDetailRow .shopDetailInfoBox { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding: 15px 0px; }
.shopView .shopContentsBox .contentsDetailRow .shopDetailInfoBox .itemBox { position: relative; width: 55px; height: 50px; display: inline-block; background-color: #eeeeee; font-size: 12px; font-family: none; font-weight: normal; text-align: center; margin: 0px calc(1vw); }
.shopView .shopContentsBox .contentsDetailRow .shopDetailInfoBox .itemBox span{ position: absolute; top: 24px; left: -5px; right: -5px; font-size: 10px; font-weight: normal; text-align: center; }
.shopView .shopContentsBox .contentsDetailRow .shopDetailInfoBox .itemBox.box01::after { content: ""; width: 25px; height: 21px; position: absolute; top: 10px; left: 15px; background-image: url(../img/shop/icon_shop_01.png); background-repeat: no-repeat; background-size: 100% 100%; }
.shopView .shopContentsBox .contentsDetailRow .shopDetailInfoBox .itemBox.box01.selected::after { background-image: url(../img/shop/icon_shop_01_on.png); background-repeat: no-repeat; background-size: 100% 100%; }
.shopView .shopContentsBox .contentsDetailRow .shopDetailInfoBox .itemBox.box02::after { content: ""; width: 25px; height: 21px; position: absolute; top: 10px; left: 15px; background-image: url(../img/shop/icon_shop_02.png); background-repeat: no-repeat; background-size: 100% 100%; }
.shopView .shopContentsBox .contentsDetailRow .shopDetailInfoBox .itemBox.box03::after { content: ""; width: 30px; height: 22px; position: absolute; top: 8px;  left: 13px; background-image: url(../img/shop/icon_shop_03.png); background-repeat: no-repeat; background-size: 100% 100%; }
.shopView .shopContentsBox .contentsDetailRow .shopDetailInfoBox .itemBox.box04::after { content: ""; width: 21px; height: 21px; position: absolute; top: 10px; left: 17px; background-image: url(../img/icon/icon_chat.png); background-repeat: no-repeat; background-size: 100% 100%; }
.shopView .shopContentsBox .contentsDetailRow .shopDetailInfoBox .itemBox.box05::after { content: ""; width: 25px; height: 21px; position: absolute; top: 10px; left: 15px; background-image: url(../img/shop/icon_shop_05.png); background-repeat: no-repeat; background-size: 100% 100%; }
.shopView .shopContentsBox .contentsDetailRow .shopDetailInfoBox .itemBox.box06::after { content: ""; width: 25px; height: 21px; position: absolute; top: 10px; left: 15px; background-image: url(../img/shop/icon_shop_04.png); background-repeat: no-repeat; background-size: 100% 100%; }

.shopView .customTabBar { width: calc(100vw); background-color: #40c6e8; padding: 4px 0px 0px 0px; margin: 0px calc(-5vw) 0px calc(-5vw); box-sizing: border-box; text-align: center; }
.shopView .customTabBar .contentsTitle { width: auto; font-size: 20px; font-weight: 700; color: #ffffff; position: relative; text-align: left; display: inline-block; margin-top: 0px; }
.shopView .customTabBar .tabBtn { display: inline-block; width: calc(42vw); height: 34px; line-height: 34px; box-sizing: border-box; border: 2px solid #ffffff; font-size: 16px; font-weight: 700; text-align: center; color: #ffffff; border-radius: 5px; cursor: pointer; }
.shopView .customTabBar .tabBtn.on { background-color: #ffffff; color: #40c6e8; }
.shopView .customTabBody { display: none; }
.shopView .customTabBody.on { display: block; }
.shopView .customTabBar .contentsProductListBox { width: 100%; height: auto; overflow-y: auto; padding: 2px calc(5vw) 10px calc(5vw); } 
.shopView .customTabBar .contentsProductTabbar { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding: 0px 0px 0px 0px; } 
.shopView .customTabBar .contentsProductTabbar .tabBtn { overflow: hidden; min-width: 120px; width: auto; margin-right: 10px; font-size: 14px; font-family: none; line-height: 30px; font-weight: normal; } 

.shopView .scheduleRow { padding: 10px 0px 0px 0px; }
.shopView .scheduleRow .contentsTitle { width: 100%; font-size: 14px; font-weight: 500; color: #000000; position: relative; text-align: left; display: block; margin-top: 0px; }
.shopView .scheduleRow .days input.tcal { width: 120px; padding: 6px 5px 6px 15px; margin-right: 5px; float: Left; border: 1px solid #40c6e8; background-color: #f8f8f8; border-radius: 5px 0px 0px 5px; position: relative; text-align: left; font-size: 14px; }
.shopView .scheduleRow .days .icon_cal { margin-left: -6px; border: 1px solid #40c6e8; border-radius: 0px 5px 5px 0px; overflow: hidden; overflow: hidden; box-sizing: border-box; }
.shopView .scheduleRow .days .icon_cal:after { left: 0px; width: 35.2px; height: 33px; background: url(../img/frame/bg_cal_icon_new.jpg) no-repeat; background-position: -3px -3px; background-size: cover; }
/* .shopView .scheduleRow input::before { content: ""; width: 25px; height: 21px; position: absolute; top: 10px; right: 20px; background-image: url(../img/shop/icon_calendar.png); background-repeat: no-repeat; background-size: 100% 100%; } */
/* .shopView .scheduleRow input::after { content: ""; width: 25px; height: 21px; position: absolute; top: 10px; right: 50px; background-image: url(../img/shop/icon_calendar.png); background-repeat: no-repeat; background-size: 100% 100%; } */
.shopView .scheduleRow select { width: 100px; height: 30px; padding: 5px 0px 5px 0px; font-size: 14px!important; border: 1px solid #40c6e8; background-color: #f8f8f8; border-radius: 5px; line-height: 20px; text-align: center; float: right; }

.shopView .customTabBody .contentsTitle { width: auto; font-size: 16px; font-weight: 500; color: #40c6e8; position: relative; text-align: left; display: inline-block; margin-top: 0px; }
.shopView .customTabBody .shopProductList { display: block; width: 100%; height: auto; }
.shopView .customTabBody .shopProductItem { position: relative; width: 100%; height: 101px; display: inline-block; text-align: left; border-bottom: 1px solid #e3e3e3; padding: 10px 0px; }
.shopView .customTabBody .shopProductItem:first-child { border-top: 1px solid #e3e3e3; }
.shopView .customTabBody .shopProductItem:last-child { margin-bottom: 30px; }
/* .shopView .customTabBody .shopProductItem::after { content: ""; width: 38px; height: 38px; position: absolute; top: 30px; right: 10px; background-image: url(../img/shop/btn_set_cart.png); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; } */
.shopView .customTabBody .shopProductItem img { display: inline-block; width: 80px; height: 80px; border-radius: 10px; aspect-ratio: 1/1; box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px; }
.shopView .customTabBody .shopProductItem .itemInfo { display: inline-block; width: calc(94vw - 120px); line-height: 22px; margin-left: 10px; font-size: 16px; padding: 2.5px 0px; box-sizing: border-box; position: absolute; left: 85px; }
.shopView .customTabBody .shopProductItem .itemInfo .productTitle { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.shopView .customTabBody .shopProductItem .itemInfo .productPrice { display: inline-block; width: 100%; }
.shopView .customTabBody .shopProductItem .cartBtn {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 30px;
    right: 10px;
    background-image: url(../img/shop/btn_set_cart.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}


.shopView .scheduleRow.reviewInfo input { width: 100%; padding: 6px 5px; margin-right: 5px; float: Left; border: 1px solid #40c6e8; background-color: #f8f8f8; border-radius: 5px; position: relative; }

.shopView .scheduleRow.reviewInfo .contentsRow { margin: 5px 0px; }
.shopView .scheduleRow.reviewInfo .contentsRow .simpleReviewBar { font-size: 12px; text-align: left; width: 100%; height: 30px; line-height: 30px; padding: 0px 10px; border: 2px solid #40c6e8; background-color: #f8f8f8; border-radius: 5px; position: relative; background: linear-gradient( 90deg, #40c6e8 0%, #ffffff 100% ); color: #000000; }
.shopView .scheduleRow.reviewInfo .contentsRow .simpleReviewBar .simpleReviewCnt { position: absolute; top: 0px; right: 10px; }

.shopView .reviewItem { border: 2px solid #e3e3e3; border-radius: 20px; padding: 6px 6px; font-size: 12px; font-family: none; font-weight: normal; line-height: 20px; margin-bottom: 10px; } 
.shopView .reviewItem .reviewText { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 
.shopView .reviewItem .writeReviewer { font-weight: bold; margin: 10px 0px 0px 0px; } 
.shopView .reviewItem .writeReviewer span:last-child { float: right; } 
.shopView .reviewItem .contentsRow { margin: 10px 0px 0px 0px; } 

.shopView .boardPaging { width: 100%; height: 60px; font-size: 12px; color: #5f5f5f; margin: 20px 0px; }
.shopView .boardPaging .pagingMoreBtn { position: relative; display: inline-block; width: calc(94vw - 95px); font-size: 14px; color: #000000; background-color: #e0d2fa; text-align: center; border-radius: 10px; line-height: 20px; padding: 10px; cursor: pointer; }
.shopView .boardPaging .pagingMoreBtn::before { content: "▼"; position: absolute; top: 22px; left: calc(8vw); color: #40c6e8; font-size: 20px; }
.shopView .boardPaging .pagingInfo { font-size: 12px; color: #5f5f5f; }
.shopView .boardPaging .moveTopBtn { display: inline-block; float: right; width: 64px; height: 60px; background-image: url(../img/sub/btn_list_top.png); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }


/** Cart View **/
#cartView { z-index: 1100; }
#cartView .cartView { padding: 20px calc(5vw); }
#cartView .cartView .shopTitle { }
#cartView .cartView .shopAddress { font-size: 14px; padding-left: 25px; position: relative; }
#cartView .cartView .shopAddress:after { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 24px; background-image: url(../img/icon/icon_shop_marker.png); background-repeat: no-repeat; background-size: 100% 100%; }
#cartView .cartView .customTabBody { padding: 20px 0px; }

#cartView .cartView .contentsTitle { width: 100%; font-size: 18px; font-weight: 500; color: #40c6e8; position: relative; text-align: center; display: inline-block; margin-top: 0px; border-bottom: 1px solid #9a9a9a; }
#cartView .cartView .shopProductList { display: block; width: 100%; height: auto; }
#cartView .cartView .shopProductItem { position: relative; width: 100%; height: 101px; display: inline-block; text-align: left; border-bottom: 1px solid #e3e3e3; padding: 10px 0px; }
#cartView .cartView .shopProductItem:first-child { border-top: 1px solid #e3e3e3; }
#cartView .cartView .shopProductItem:last-child { margin-bottom: 30px; }
#cartView .cartView .shopProductItem img { display: inline-block; width: 80px; height: 80px; border-radius: 10px; aspect-ratio: 1/1; box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px; }
#cartView .cartView .shopProductItem .itemInfo { display: inline-block; width: calc(94vw - 105px); line-height: 20px; margin-left: 10px; font-size: 16px; padding: 15px 0px 0px 0px; box-sizing: border-box; position: absolute; left: 85px; }
#cartView .cartView .shopProductItem .itemInfo .productTitle { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; }
#cartView .cartView .shopProductItem .itemInfo .productPrice { display: inline-block; width: 50%; min-width: 100px; }
#cartView .cartView .shopProductItem .itemInfo .productCount { display: inline-block; width: 90px; text-align: center; float: right; }
#cartView .cartView .shopProductItem .itemInfo .productCount div.pPlus { display: inline-block; width: 24px; height: 24px; text-align: center; background: #ededed; border: 1px solid #e3e3e3; border-radius: 10px; line-height: 24px; cursor: pointer; }
#cartView .cartView .shopProductItem .itemInfo .productCount div.pMinus { display: inline-block; width: 24px; height: 24px; text-align: center; background: #ededed; border: 1px solid #e3e3e3; border-radius: 10px; line-height: 24px;  cursor: pointer; }
#cartView .cartView .shopProductItem .itemInfo .productCount div.pCount { display: inline-block; width: 32px; height: 24px; text-align: center; border: none; border-radius: 10px; line-height: 24px; margin: 0px 0px; }
#cartView .cartView .shopProductItem .productCancelBtn { position: absolute; top: 5px; right: 5px; color: #40c6e8; font-size: 20px; cursor: pointer; }

#cartView .cartView .shopProductItem.TotalSum { height: 65px; background: #e3e3e3; }
#cartView .cartView .shopProductItem.TotalSum .itemInfo { left: 0px; text-align: left; width: 100%; margin-left: 0px; }
#cartView .cartView .shopProductItem.TotalSum .itemInfo .productTitle { width: auto; display: inline-block; padding-left: 20px; font-weight: bold; }
#cartView .cartView .shopProductItem.TotalSum .itemInfo .productPrice { width: auto; display: inline-block; padding-right: 20px; float: right; }
#cartView .cartView .customTabBar.PaymentExecuteBox { height: 65px; position: fixed; width: calc(100vw); left: calc(5vw); bottom: 0px; border-radius: 15px 15px 0px 0px; padding: 10px 10px; } 		
#cartView .cartView .customTabBar.PaymentExecuteBox .PaymentExecuteBtn { width: 100% !important; height: 40px !important; background-color: #ffffff; color: #40c6e8; line-height: 40px !important; font-size: 20px; }

#cartView .cartView .scheduleRow { padding: 10px 0px 0px 0px; }
#cartView .cartView .scheduleRow .contentsTitle { width: 100%; font-size: 14px; font-weight: 500; color: #000000; position: relative; text-align: left; display: block; margin-top: 0px; border: none; }
#cartView .cartView .scheduleRow .days input.tcal { width: 120px; padding: 6px 5px 6px 15px; margin-right: 5px; float: Left; border: 1px solid #40c6e8; background-color: #f8f8f8; border-radius: 5px 0px 0px 5px; position: relative; text-align: left; font-size: 14px; }
#cartView .cartView .scheduleRow .days .icon_cal { margin-left: -6px; border: 1px solid #40c6e8; border-radius: 0px 5px 5px 0px; overflow: hidden; overflow: hidden; box-sizing: border-box; }
#cartView .cartView .scheduleRow .days .icon_cal:after { left: 0px; width: 35.2px; height: 33px; background: url(../img/frame/bg_cal_icon_new.jpg) no-repeat; background-position: -3px -3px; background-size: cover; }
/* #cartView .cartView .scheduleRow input::before { content: ""; width: 25px; height: 21px; position: absolute; top: 10px; right: 20px; background-image: url(../img/shop/icon_calendar.png); background-repeat: no-repeat; background-size: 100% 100%; } */
/* #cartView .cartView .scheduleRow input::after { content: ""; width: 25px; height: 21px; position: absolute; top: 10px; right: 50px; background-image: url(../img/shop/icon_calendar.png); background-repeat: no-repeat; background-size: 100% 100%; } */
#cartView .cartView .scheduleRow select { width: 100px; height: 30px; padding: 5px 0px 5px 10px; font-size: 14px!important; border: 1px solid #40c6e8; background-color: #f8f8f8; border-radius: 5px; float: right; line-height: 20px; text-align: center; }

#cartView .cartView .scheduleRow .contentsTitle .paymentProductName { width: 100%; max-width: calc(94vw - 110px); height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#cartView .cartView .scheduleRow .contentsTitle .paymentProductCount { position: absolute; top: 0px; right: 0px; }
#cartView .cartView .scheduleRow .contentsTitle .paymentProductCount span { color: #40c6e8; width: 40px; display: inline-block; text-align: center; border: 1px solid #40c6e8; border-radius: 5px; }

#cartViewTitleBar { width: 100%; height: 40px; position: relative; text-align: center; color: #000000; font-size: 18px; border-bottom: none;  background-color: #f8f8f8; }
#cartViewTitleBar .viewBackBtn { width: 18px; height: 24px; position: absolute; top: 8px; left: 20px; cursor: pointer; background-image: url("../img/frame/btn_view_back.png"); background-repeat: no-repeat; background-size: contain; }
#cartViewTitleBar .viewTitle { display: inline-block; width: 100%; text-align: center; font-weight: 700; line-height: 45px; }			

#paymentResultView { width: 100%; height: 40px; position: relative; text-align: center; color: #000000; font-size: 18px; border-bottom: none;  background-color: #f8f8f8; }
#paymentResultView .viewBackBtn { width: 18px; height: 24px; position: absolute; top: 8px; left: 20px; cursor: pointer; background-image: url("../img/frame/btn_view_back.png"); background-repeat: no-repeat; background-size: contain; }
#paymentResultView .viewTitle { display: inline-block; width: 100%; text-align: center; font-weight: 700; line-height: 45px; }		
.paymentResultView .contentsRow .inputForm_value { border: 1px solid #f1f1f1; }
.paymentResultView .contentsRow textarea { border: 1px solid #f1f1f1; color: #000000; line-height: 22px; }


/* #searchCoupon_Popup .boardList.couponType { } */
#searchCoupon_Popup .boardList.couponType .listItem { padding: 20px 15px 20px 50px;  }
#searchCoupon_Popup .boardList.couponType .listItem .form-check-input { position: absolute; top: 28px; left: 10px; width: 30px; height: 30px; border: 1px solid #40c6e8; border-radius: 20px; filter: hue-rotate(60deg); margin: 0px 0px; }
/* #searchCoupon_Popup .boardList.couponType .listItem .itemRow{ width: 100%; } */
/* #searchCoupon_Popup .boardList.couponType .listItem .type { font-size: 12px; color: #40c6e8; border: 1px solid #40c6e8; border-radius: 10px; padding: 2px 5px; font-family: none; } */
/* #searchCoupon_Popup .boardList.couponType .listItem .shopLink { font-size: 12px; background-color: #40c6e8; color: #ffffff; border: 1px solid #40c6e8; border-radius: 10px; padding: 2px 5px; font-family: none; } */
/* #searchCoupon_Popup .boardList.couponType .listItem .title { position: relative; padding: 0px 0px; box-sizing: border-box; } */
/* #searchCoupon_Popup .boardList.couponType .listItem:hover { background-color: initial; } */
/* #searchCoupon_Popup .boardList.couponType .listItem .couponPrice { font-size: 14px; line-height: 24px; color: #000000; float: right;} */
/* #searchCoupon_Popup .boardList.couponType .listItem .couponInfo { font-size: 12px; font-weight: normal; font-family: none; line-height: 12px; color: #545454; text-align: right; float: right; } */


.layerPopup .contentsReportPopup { display: none; }
.layerPopup .contentsReportPopup.modal-backdrop { display: none; background: #484848; opacity: 0.5; }
.layerPopup .contentsReportPopup.modal_report { /* position:absolute; top: 0px;  */ position: fixed; top: calc(15vh);  left: 0px; width: 100%; height: auto; background: #ffffff; z-index: 1050; padding-bottom: 20px; }
.layerPopup .contentsReportPopup.modal_report .reportMessageTxt { position: relative; width: 100%; line-height: 24px; color: #000000; font-size: 14px; margin: 0px 0px; padding: 10px 20px 20px 20px; }
.layerPopup .contentsReportPopup.modal_report .reportDiv .btn { margin: 0px 10px; }
.layerPopup .contentsReportPopup.modal_report .reportDiv .btn.cancal { margin: 0px 10px; background: #7f7f7f; }
.layerPopup .contentsReportPopup.modal_report .blockDiv .btn { margin: 0px 10px; }
.layerPopup .contentsReportPopup.modal_report .blockDiv .btn.cancal { margin: 0px 10px; background: #7f7f7f; }

/** Scroll Hide **/
.interestShopView .shopCategory {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.interestShopView .shopCategory::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.interestShopView .searchBox {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.interestShopView .searchBox::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.communityView .shopCategory {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.communityView .shopCategory::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.searchView .shopCategory {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.searchView .shopCategory::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.searchView .searchBox {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.searchView .searchBox::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.beauticlassView .searchBox  {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.beauticlassView .searchBox::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.beauticlassView .shopCategory  {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.beauticlassView .shopCategory::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.shopView .shopImageBox   {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.shopView .shopImageBox::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.shopView .customTabBar .contentsProductListBox   {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.shopView .customTabBar .contentsProductListBox::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
   
.listDataEmptyTxt { font-size: 14px; }

  
@media (min-width: 400px) {
	#main .shopCategory .category .cbutton { margin: 0px calc(4.5vw) 20px calc(4.5vw); }
}
  
@media (min-width: 578px) {
	#main .shopCategory .category .cbutton { margin: 0px calc(5vw) 20px calc(5vw); }
}
  
@media (min-width: 768px) {
	#main .shopCategory .category .cbutton { margin: 0px calc(2.2vw) 20px calc(2.2vw); }
}
.mobiBtn { 
	background: linear-gradient(to right, #59dad2, #45b8ee) !important;
    border: none !important;
    border-radius: 0px !important;
    color: #fff !important;
    font-size: 1rem !important;
    box-sizing: border-box;
}	
.mobiBtn.round { 
	background: linear-gradient(to right, #59dad2, #45b8ee) !important;
    border: none !important;
    border-radius: 20px !important;
    color: #fff !important;
    font-size: 1rem !important;
}
.mobiBtn.white { 
	background: #ffffff !important;
    border: 2px solid #45b8ee !important;
    color: #45b8ee !important;
    font-size: 1rem !important;
}
#alarmList_Popup .communityView .boardList.normalType .listItem::after{content: none;}