@font-face{
	font-family:"NanumSquareNeo";
	font-weight:400;
	src:url(../../assets/fonts/NanumSquareNeo-cBd.eot?#iefix) format("embedded-opentype"),
	url(../../assets/fonts/NanumSquareNeo-cBd.woff2) format("woff2"),
	url(../../assets/fonts/NanumSquareNeo-cBd.woff) format("font-woff"),
	url(../../assets/fonts/NanumSquareNeo-cBd.ttf) format("truetype")
}
@font-face{
	font-family:"NanumSquareNeo";
	font-weight:500;
	src:url(../../assets/fonts/NanumSquareNeo-dEb.eot?#iefix) format("embedded-opentype"),
	url(../../assets/fonts/NanumSquareNeo-dEb.woff2) format("woff2"),
	url(../../assets/fonts/NanumSquareNeo-dEb.woff) format("font-woff"),
	url(../../assets/fonts/NanumSquareNeo-dEb.ttf) format("truetype")
}


@font-face{
	font-family:"NanumSquareNeo";
	font-weight:700;
	src:url(../../assets/fonts/NanumSquareNeo-eHv.eot?#iefix) format("embedded-opentype"),
	url(../../assets/fonts/NanumSquareNeo-eHv.woff2) format("woff2"),
	url(../../assets/fonts/NanumSquareNeo-eHv.woff) format("font-woff"),
	url(../../assets/fonts/NanumSquareNeo-eHv.ttf) format("truetype")
}


 

 

/* reset */
html,body{  margin:0px; padding:0px;position: relative;	height: 100%;} 
* {box-sizing:border-box;}
*{-webkit-text-size-adjust:none;} 
 
html {overflow-y:auto; height: 100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img, textarea,input {margin:0px;padding:0px}
body {width:100%;font-family:'NanumSquareNeo', 'Noto Sans TC', 'Nanum Gothic', Malgun Gothic, '돋움',dotum,Helvetica,sans-serif;background-size:100% auto; font-weight:400;font-size:14px; background-color: #fff;line-height:150%;color:#666; letter-spacing:0px; text-align:left;word-break:break-all;-ms-word-break:break-all; -webkit-font-smoothing: antialiased; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} 
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

 
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family: 'NanumSquareNeo', 'Nanum Gothic', "맑은 고딕", Malgun Gothic, '돋움',dotum,Helvetica,sans-serif;font-size:1em; }
button {cursor:pointer; outline:none;}

textarea, select, pre {font-family: 'NanumSquareNeo', 'Nanum Gothic',  "맑은 고딕", Malgun Gothic, '돋움',dotum,Helvetica,sans-serif; font-size:1em; }
select {margin:0; }
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {text-decoration:none; }
a:link, a:visited {color:#000;text-decoration:none; border:0px; }
a:hover, a:focus, a:active {color:#000;text-decoration:none}
img {border:0px;   height:auto;}
 

li{list-style:none; margin:0px; padding:0px;}

.txtLef {text-align:left !important;}
.txtRig {text-align:right !important;}
.txtCen {text-align:center !important;}
.txtJus {text-align:justify !important;}
.clear {clear:both; content:''; display:block;}

hr.h5 {display:block; border:none; height:5px;margin:0px; padding:0px; font-size:0px;}
hr.h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;}
hr.h15{display:block; border:none; height:15px;margin:0px; padding:0px; font-size:0px;}
hr.h20 {display:block; border:none; height:20px;margin:0px; padding:0px; font-size:0px;}
hr.h30 {display:block; border:none; height:30px;margin:0px; padding:0px; font-size:0px;}
hr.h40 {display:block; border:none; height:40px;margin:0px; padding:0px; font-size:0px;}
hr.h50 {display:block; border:none; height:50px;margin:0px; padding:0px; font-size:0px;}
hr.h60 {display:block; border:none; height:60px;margin:0px; padding:0px; font-size:0px;}
hr.bd { clear:both;display:block; border:none; background:#e8e8e8; height:1px;margin:60px auto; padding:0px; font-size:0px;}
hr.bd2 { clear:both;display:block; border:none; background:#e8e8e8; height:1px;margin:40px auto; padding:0px; font-size:0px;}
hr.line { width:100%;display:block; border:none; background:#888; height:1px;margin:22px auto; padding:0px; font-size:0px;}

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

input[type=text],input[type=password],input[type=date],input[type=time], textarea, select {
outline:none;
}


input[type=date],input[type=time], .frm-date, .frm-time {
	outline:none;
	appearance:none ;
    -webkit-appearance: none;
    -moz-appearance: none;
	padding-inline:0px;
    padding-block: 0px;
}


input[type=text]:focus,input[type=number]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px rgba(4,17,29,0.25);
-moz-box-shadow:0 0 5px rgba(4,17,29,0.25);
box-shadow:0 0 5px rgba(4,17,29,0.25);
border-color:#ccc;
background:#fff;
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
}
/*input[type=date]:focus,input[type=time]:focus,*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
 -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; 
-webkit-text-fill-color: #000 !important; 
}


input::placeholder {color: #999; font-size:1em; font-weight:300; letter-spacing:0px; }
input::-webkit-input-placeholder { color: #999; font-size:1em; font-weight:300;letter-spacing:0px; }
input:-ms-input-placeholder  { color: #999; font-size:1em;  font-weight:300;letter-spacing:0px; }
 /*
 input[type=date]::-webkit-datetime-edit-text {   -webkit-appearance: none;    display: none;}
input[type=date]::-webkit-datetime-edit-month-field{    -webkit-appearance: none;    display: none;}
input[type=date]::-webkit-datetime-edit-day-field {    -webkit-appearance: none;    display: none;}
input[type=date]::-webkit-datetime-edit-year-field {    -webkit-appearance: none;    display: none;}
  */
  
 input[type='date']::-webkit-calendar-picker-indicator {  background: transparent; }
 input[type='time']::-webkit-calendar-picker-indicator {  background: transparent; }

/*input[type='time']::-webkit-calendar-picker-indicator {  position: absolute;   left: 0;  top: 0;  width: 100%;  height: 100%;  background: transparent;   color: #000;    cursor: pointer;}*/
/*input[type='time']::before {  width: 100%;  height: 100%;     }*/
/*input[type='time']:valid::before {  display: none;  }*/

button:active, a:active, input:active  {outline:none !important; -webkit-tap-highlight-color: rgba(0,0,0,0.05) !important; }

.sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

::-webkit-scrollbar { width: 8px; }/* 스크롤바의 width */
::-webkit-scrollbar-track { background-color: #f7f7fa; }/* 스크롤바의 전체 배경색 */
::-webkit-scrollbar-thumb {   background:#e3e3ee; }/* 스크롤바 색 */
::-webkit-scrollbar-button { display: none; }
html {scrollbar-width: thin;scrollbar-3dLight-Color: #f7f7fa; scrollbar-arrow-color: #e3e3ee; scrollbar-base-color: #f7f7fa; scrollbar-Face-Color: #e3e3ee; scrollbar-Track-Color: #f7f7fa; scrollbar-DarkShadow-Color: #f7f7fa; scrollbar-Highlight-Color: #f7f7fa; scrollbar-Shadow-Color: #f7f7fa}

caption, th {text-align:left;font-weight:normal;}
legend, caption {overflow:hidden;left:0;top:-5000px;width:0;height:0;font-size:0;line-height:0;display:none;}
 
 
 
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
 
 
 

.totalWrap {min-width:320px; margin:0 auto;min-height:100vh;}
 

.wrap {width:100%; margin:0 auto;}
 

.totalWrap.full { width:100vw; height:100vh;}
.totalWrap.bg1 {background:#f2f8ff;}
body.ovhidden {overflow-y:hidden !important;}
.totalWrap.intro { display: flex;  -webkit-box-align: center;   align-items: center;  justify-content: center; padding-bottom: 5vh;    flex-direction: column;}
.totalWrap.intro img {max-width:40%; height: auto;}

select, select.frm-normal {cursor:pointer; border:1px solid #e3e3e3; padding-right:30px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background:url(../images/mob/bg_arrdown.png) right 10px center no-repeat; background-size:15px auto;}
select, select.frm-normal option {font-size:1em; }
select:focus , select.frm-normal:focus { background:url(../images/mob/bg_arrdown.png) right 8px center no-repeat; background-size:10px auto; border-color:#222;}

.chk-rd {position:relative; }
.chk-rd input[type="radio"] {  position: absolute;  clip: rect(0 0 0 0);  width: 1px;  height: 1px;  margin: -1px;  overflow: hidden;border:none;background:transparent;  overflow: hidden; color:transparent;   }
.chk-rd input[type="radio"] + label {padding-left:24px; cursor:pointer;  font-size:1em; }
.chk-rd input[type="radio"] + label span {position:absolute;top:0; left:0;width:18px;height:18px;display:block;background:#fff; border: solid 1px #d5d7e3;border-radius:50%;cursor:pointer;}
.chk-rd input[type="radio"] + label:hover{color:#439ae7; }
.chk-rd input[type="radio"] + label:hover span { border: solid 2px #439ae7;}
.chk-rd input[type="radio"]:checked + label {color:#000000; }
.chk-rd input[type="radio"]:checked + label span {background:#000000;border: solid 2px #000000 !important; }
.chk-rd input[type="radio"]:checked + label  span:before  {position:absolute; color:#fff;left:0;width:14px;height:14px; display:flex; content: "\F12C";font: normal normal normal 24px / 1 "Material Design Icons";font-size:1em;  justify-content: center; align-items: center;   }

.photoeditwr{   position: relative;      width: 100%;   border-top:1px solid #d9d9d9; padding:0px 0px 15px;   display: flex;    flex-direction: column;    align-items: flex-start;    -webkit-box-pack: center;    justify-content: center; }

.photoeditwr .photoedlist { width: 100%;  display: grid;    grid-auto-flow: row;   grid-template-columns:repeat(3,1fr);   justify-content: flex-start;    gap: 8px;  } 
.photoeditwr .photoedlist li{position:relative; width:100%;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: flex-start;}
 .photoeditwr .photoedlist .uploadimg {position:relative; width:100%;  /*height: 118px;*/  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: flex-start;}
.photoeditwr .photoedlist .btn_addthimg  {    background:#f5f5f5;  border:1px solid rgba(0,0,0,0.02); position: relative;    display: block;    margin: 0 auto;    width: 100%;    /*height: 118px;*/ display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;   overflow: hidden; }
.photoeditwr .photoedlist .btn_addthimg:hover {   background:#fff; cursor: pointer;-webkit-box-shadow:0 0 5px rgba(4,17,29,0.25);-moz-box-shadow:0 0 5px rgba(4,17,29,0.25);box-shadow:0 0 5px rgba(4,17,29,0.25);}
.photoeditwr .photoedlist .btn_addthimg span {width: 100%;    height: 100%;  display: grid;    justify-content: center; align-items: center}
.photoeditwr .photoedlist .btn_addthimg span i {font-size:3em; color:#2f3033; opacity:0.1;}
.photoeditwr .photoedlist .btn_addthimg img {   display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;  justify-content: center; align-items: center; width: 100%; height: 100%;    object-fit: cover; }
.photoeditwr .photoedlist .btn_addthimg:hover {    border-color: #555; }
.photoeditwr .photoedlist .uploadimg .btn_pfrdel {  z-index:10;  position: absolute;  cursor:pointer;  top:6px;    right: 6px;width: 38px;  height: 38px;    border-radius: 20px; color:#fff; border:none;  background-color:#019e9a; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.16); }
 .photoeditwr .photoedlist .uploadimg .btn_pfrdel i {  font-size:1.5em;  }

.photoeditwr .photoedlist .uploadimg .optcheckbtnwr {  z-index:10;  position: absolute;  cursor:pointer;  top:7px;    left: 6px; max-width:calc(100% - 50px); gap:2px; display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;     justify-content: flex-start; align-items: flex-start;}
.photoeditwr .photoedlist .uploadimg .optcheckbtnwr button{width: 64px;  height: 34px;  padding:0 3px; font-size:0.75em;  border-radius: 7px;  color:rgba(255,255,255,0.9);  background-color:  rgba(0, 0, 0, .5); gap:3px;border: 1px solid  rgba(0,0,0,0.02); display: grid; grid-template-columns: 20px 1fr;  align-items: center;   }
 .photoeditwr .photoedlist .uploadimg .optcheckbtnwr button .ic {width:100%; height:100%; display: flex;   justify-content: center; align-items: center;  opacity:0.6; }
.photoeditwr .photoedlist .uploadimg .optcheckbtnwr button .ic img{width:70%; height:auto;}
.photoeditwr .photoedlist .uploadimg .optcheckbtnwr button .txt{width:100%; text-align:left; line-height:1.2; }
.photoeditwr .photoedlist .uploadimg .optcheckbtnwr button.on {background:#01a6ed;border-color: #019ee2; box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.3);color:#fff;}
.photoeditwr .photoedlist .uploadimg .optcheckbtnwr button.on .ic { opacity:1.0;  }

 
 

.photoeditwr .photoedlist .uploadimg .btn_pfredit {  z-index:10;  position: absolute;  cursor:pointer;  bottom:0;    left: 50%; transform: translate(48%, 0); width: 42px;  height: 42px;    border-radius: 25px; color:#fff; border:none;  background-color:#fff; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.photoeditwr .photoedlist .uploadimg .btn_pfredit:hover {background-color:#1663a9;} 


.label_picdate{position:absolute; bottom:0; right:0; width:100%; color:#fff;  text-align:right; }

 
.photoeditwr .photoedlist .uploadimg.addimg {width:100%;  height: 118px;  }
.photoeditwr .photoedlist  .primg {width:100%;  height: 100%;   display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;   overflow: hidden;  }
.photoeditwr .photoedlist  .primg img {width:100%; height:100%; object-fit:cover;}
.photoeditwr .photoedlist.once {  grid-template-columns:1fr;}
/* 
.photoeditwr .photoedlist .uploadimg {  height: 210px;  }
.photoeditwr .photoedlist .btn_addthimg  {  height: 210px;  }
*/
 .photoeditwr .photoedlist  .progress{position:absolute; top:50%; left:50%; transform: translate( -50%,-50%); justify-content: center; align-items: center;   z-index:10;}
 .photoeditwr .photoedlist  .progress .progress-bar.reject{ width:100% !important;  background:#fc5f4c; color:#fff;font-size:0.9em; letter-spacing:-0.5px; padding:5px 3px; line-height:1.2;    border-radius:3px; border:1px solid rgba(0,0,0,0.07); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16); }

/*one pic*/

.photoeditwr .photoedone { width: 100%;  display: grid;    grid-auto-flow: row;   grid-template-columns:repeat(3,1fr);   justify-content: flex-start;    gap: 8px;  } 
.photoeditwr .photoedone li{position:relative; width:100%;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: flex-start;}
 .photoeditwr .photoedone .uploadimg {position:relative; width:100%;  height: 118px;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: flex-start;}
.photoeditwr .photoedone .btn_addthimg  {    background:#f5f5f5;  border:1px solid rgba(0,0,0,0.02); position: relative;    display: block;    margin: 0 auto;    width: 100%;    height: 118px; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;   overflow: hidden; }
.photoeditwr .photoedone .btn_addthimg:hover {   background:#fff; cursor: pointer;-webkit-box-shadow:0 0 5px rgba(4,17,29,0.25);-moz-box-shadow:0 0 5px rgba(4,17,29,0.25);box-shadow:0 0 5px rgba(4,17,29,0.25);}
.photoeditwr .photoedone .btn_addthimg span {width: 100%;    height: 100%;  display: grid;    justify-content: center; align-items: center}
.photoeditwr .photoedone .btn_addthimg span i {font-size:3em; color:#2f3033; opacity:0.1;}
.photoeditwr .photoedone .btn_addthimg img {   display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;  justify-content: center; align-items: center; width: 100%; height: 100%;    object-fit: cover; }
.photoeditwr .photoedone .btn_addthimg:hover {    border-color: #555; }



/*e.one pic*/

/* ===== header ===== */
 
.header {   position:fixed; top:0px; left:0px;width:100%;   z-index:102; min-height:50px;background:#fff;   }
.header .head-top { position:relative; height:50px;  margin:0 auto;  width: 100%; display: flex;  -webkit-box-align: center;   align-items: center;  justify-content: center; }
.header .head-top .ht-logo { font-size:1.25em; color:#000; font-weight:500;}  
.header .head-top .ht-logo a {color:#000; display:block;}
 .header .head-top .ht-logo img{width:auto; height:28px;}
  .header .head-top .ht-logo .logoimg{padding-top:2px;}
 
.header .head-top .menu-open {position:absolute;top:0px; left:0px; width:58px; height:49px; font-size:1.8em;  padding-left:6px; color:#282a2d;  display: flex;      align-items: center;  justify-content: center;  }
.header .head-top .btn-alarm {position:absolute;top:0px; right:0px; min-width:68px; height:49px;  font-size:1.8em; padding-right:18px;  color:#282a2d;  display: flex;      align-items: center;  justify-content: flex-end;  }
.header .head-top .btn-alarm .alnum {position:absolute; top:50%; right:30px; z-index:5;  transform: translate(0, -50%); background:#FF6E49; color:#fff; font-size:0.45em; height:20px; width:auto;padding:0px 6px; border-radius:20px;display: flex;      align-items: center;  justify-content: center;  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); }
.header .head-top .menu-prev {position:absolute;top:0px; left:0px; width:58px; height:49px;  font-size:1.8em; padding-right:5px;  color:#282a2d;  display: flex;      align-items: center;  justify-content: center;  }
.header .head-top .menu-prev img {width:auto; height:70%;}
.header .head-top .btn-home{position:absolute;top:0px; left:0px; width:58px; height:49px; font-size:1.8em;   padding-left:4px; color:#282a2d;  display: flex;      align-items: center;  justify-content: center;  }
 .header .head-top:before {position:absolute; top:49px; left:0px; width:100%; height:1px; content:''; background:#e5e5e5;}

.asidemenuA {position:fixed; top:0px;  left:-100%;width:100%;  height:100vh;   z-index:40; }
.asidemenuA .asidemenu {position:fixed; top:0px;  left:-100%;width:100%; height:100%;background:#fff; display:block;  z-index:41;overflow-y:auto; display:block; }
.asidemenuA .asidemenu .asmtop {width:100%; display: grid; grid-template-columns: 72px 1fr; gap:20px;  align-items: flex-start; background:#f7f7f9;position:relative; padding:45px 20px 12px 20px; min-height:80px; border-radius:0px;}
.asidemenuA .asidemenu .asmtop .user-img {width:72px; height:72px; border-radius:40px; overflow:hidden;}
.asidemenuA .asidemenu .asmtop .user-img img {width:100%; height:100%; object-fit:cover;}
.asidemenuA .asidemenu .asmtop .user-info {width:100%;  display: flex;      align-items: center;  justify-content: flex-start;  }
 .asidemenuA .asidemenu .asmtop .user-info .userinfowr {width:100%; }
 .asidemenuA .asidemenu .asmtop .user-info .userinfowr a{display:block; }
.asidemenuA .asidemenu .asmtop .user-info .name { width:100%;  display: flex;      align-items: center;  justify-content: flex-start;  gap:14px; line-height:1.6;   }
.asidemenuA .asidemenu .asmtop .user-info .name strong {color:#121212; font-size:1.35em;}
.asidemenuA .asidemenu .asmtop .user-info .memo {width:100%; color:#688297; font-size:0.95em;  display: flex;      align-items: center;  justify-content: flex-start;    }
.asidemenuA .asidemenu .asmtop .user-info .point {  margin-top:5px; padding:0px 12px 0px 5px; font-weight:400; line-height:26px; color:#fff; background: #019e9a; font-size:0.8em;  display: inline-flex;      align-items: center;  justify-content: flex-start;  gap:6px;   border-radius:20px;  }
.asidemenuA .asidemenu .asmtop .user-info .point  span {display: flex;      align-items: center;  justify-content: flex-start; gap:2px;}
.asidemenuA .asidemenu .asmtop .user-info .point strong {font-weight:500; font-size:1.05em;}
.asidemenuA .asidemenu .asmtop .mymenu {width:100%; background:#fff;}

.asidemenuA .asidemenu .user-mymenu {width:100%; padding:0px 20px 20px;background:#f7f7f9;    }
.asidemenuA .asidemenu .user-mymenu .usermy {width:100%; padding:1px; border-radius:7px; background: linear-gradient(to right, #00c400, #277dfa); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); }
.asidemenuA .asidemenu .user-mymenu .usermy ul{width:100%;  display:grid;  grid-auto-flow: row;   grid-template-columns:repeat(3, 1fr); gap:10px;   align-items: center;background:#fff;  border-radius:5px;}
.asidemenuA .asidemenu .user-mymenu .usermy li{width:100%;}
.asidemenuA .asidemenu .user-mymenu .usermy li  a{width:100%; padding:10px 0; position:relative;  display: flex;      align-items: center;  justify-content: center;  gap:6px;}
.asidemenuA .asidemenu .user-mymenu .usermy li  a .ic{width:42px; height:42px; border-radius:30px; display: flex;    align-items: center;  justify-content: center; background:#f6f6f6; }
.asidemenuA .asidemenu .user-mymenu .usermy li  a .ic img{width:60%; height:auto;}
.asidemenuA .asidemenu .user-mymenu .usermy li  a .txt {  text-align:center;display: flex; -webkit-box-orient: vertical;  -ms-flex-direction: column;  flex-direction: column; line-height:1.3; gap:2px; }
.asidemenuA .asidemenu .user-mymenu .usermy li  a span { font-size:0.85em; color:#688297; display:block; }
.asidemenuA .asidemenu .user-mymenu .usermy li  a strong {width:100%;  font-size:1.2em; display:block;  color:#000;}
.asidemenuA .asidemenu .user-mymenu .quickmn {margin-top:15px;width:100%;  display:grid;  grid-auto-flow: row;   grid-template-columns:repeat(2, 1fr); gap:8px;   align-items: center;}
.asidemenuA .asidemenu .user-mymenu .quickmn  li{width:100%;}
.asidemenuA .asidemenu .user-mymenu .quickmn li  a{width:100%; padding:10px 16px; color:#fff; font-size:1.15em; letter-spacing:-0.5px;font-weight:500; position:relative;  display: flex;      align-items: center;  justify-content: space-between;  gap:8px;background:#01a0e2;  border-radius:7px; }
.asidemenuA .asidemenu .user-mymenu .quickmn li:first-child  a {background:#0c68b5;}
.asidemenuA .asidemenu .user-mymenu .quickmn li  a .ic{width:50px; height:50px; border-radius:40px; display: flex;    align-items: center;  justify-content: center; background:#fff;  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);}
.asidemenuA .asidemenu .user-mymenu .quickmn li  a .ic img{width:70%; height:auto;}
.asidemenuA .asidemenu .user-mymenu .quickmn li  a .txt {width:calc(100% - 60px); text-align:right;}
.asidemenuA .asidemenu .asmcont {width:100%;  padding:0px 20px 30px 20px;  display: flex;    position: relative;  -webkit-box-orient: vertical;  -ms-flex-direction: column;  flex-direction: column;}
.asidemenuA .asidemenu .asmcont ul.nav_list  {width:100%; background:#f4f5fa;border-radius:7px; padding:10px 0; overflow:hidden; display:block;}
.asidemenuA .asidemenu .asmcont ul.nav_list li{ }
.asidemenuA .asidemenu .asmcont ul.nav_list.el li {border-bottom:none;}
.asidemenuA .asidemenu .asmcont ul.nav_list li a{position: relative;  width: 100%; padding:8px 20px 8px 30px; display: flex;      align-items: center;  justify-content: flex-start;  font-size:1.1em; color:#000;}
.asidemenuA .asidemenu .asmcont .subtt {color:#727272; font-weight:500; padding:20px 0px 6px;  width: 100%; display: grid; grid-template-columns: 30px 1fr; gap:20px;  align-items: center;  gap:0px; }
.asidemenuA .menu-close{position:absolute; top:0px; right:0px; width:54px;  min-height:50px; cursor:pointer;font-size:1.8em; color:#282a2d;  display:block;  z-index:41;display: flex;      align-items: center;  justify-content: center; }
.asidemenuA .asmbtn {position:fixed;   bottom:0px; left:-100%;width:100%; padding:20px;background:#fff; display:block;  z-index:42;}
.asidemenuA .asmbtn .btn-write { width:100%; height:70px;display: flex;      align-items: center;  justify-content: center;  gap:25px; background:#0C68B5; color:#fff; font-size:1.25em;border-radius: 7px;}
.asidemenuA .asmbtn .btn-write:hover {background:#203e95;}

/* .top_bar_fix {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);} */

.ovhidden {overflow-y:hidden !important;}
.disable {   opacity:0.6 !important;}


/* ===== tab ===== */   
.view-type .menu {  width: 100%;   display: flex; border: 0;    border-radius: 20px 20px;    overflow: hidden;    margin: 0 0 18px; }
.view-type .menu li {     display: flex;  align-items: center;   float: none;   flex: 1;  position: relative; background: #f3f3f3;  border: 0; margin: 0;  padding: 0; }
.view-type .menu li.active {  background: #f3f3f3;  margin: 0;  padding: 0;  border: 0;   z-index: 1;}
.view-type .menu li .tabtxt {  position: relative; display:inline-block; text-align:center;   width: 100%;  min-width: 0;  word-break: break-all;border: 0; padding: 15px; background: #f3f3f3; cursor:pointer;}
.view-type .menu li.active .tabtxt {   border: 0;  background: #222;  color: #fff; border-radius: 20px;  margin: 0; }

.view-body .viewcon {display:none;}
.view-body .viewcon.active {display:block;}



/* ===== login ===== */   
.totalWrap.login { width:100vw; height:100vh;  margin:0 auto; padding:30px 25px; display:flex;  justify-content: center;  align-items: center;  }
.totalWrap.loginfrm { width:100vw; height:100vh;   margin:0 auto; padding:30px 25px; display:flex;  justify-content: center;  align-items: center;  }
.loginwr {width:100%; max-width:460px; margin:-10vh auto 0;   }
 .totalWrap.loginfrm .loginwr { margin:-25vh auto 0;   } 

.loginwr .login-title {font-size:1em; color:#333; line-height:1.6;  text-align:center; padding-bottom:30px; }
.loginwr .login-title h3 {  font-size:2em;font-weight:500; padding-bottom:20px;color:#000; }
 .loginwr .form {width:100%;  display:flex;  flex-direction:column; gap:10px; }
.loginwr .join-btn   {text-align:center; padding-top:35px; }
.loginwr .btn-join{width:100%; height:60px; border-radius:5px; color: #fff;    border: 1px solid #203e95; background:#203e95; display:flex;  justify-content: center;  align-items: center; font-size:1.25em; }
.loginwr .btn-join:hover {border-color:#0C68B5; background:#0C68B5; }
.loginwr .loginsnstxt {width:100%; text-align:center; padding-top:70px;color:#333; }
.loginwr .login-sns {width:100%; display:grid;  grid-template-columns: repeat(4, 1fr);  justify-content: center;   align-items: center;  gap: 10px; padding:30px 0 30px;}
.loginwr .login-sns a {width:100%;   display:flex;  justify-content: center;  align-items: center;   }
.loginwr .login-sns a span {display:none;}
.loginwr .login-sns a img{width:100%; height:auto;}
.loginwr .login-sns a.btn-kucg img{max-width:70%; }
.loginwr .login-copy {width:100%; font-size:0.9em; color:#999; display:flex;  justify-content: center;  align-items: center; margin-top:40px;}
.loginwr .login {margin-top:40px;}
.loginwr .frm-normal{ width: 100%;   height: 50px;  line-height: 48px;  padding: 0  12px; font-size:1.15em;  margin:0px; border: 1px solid #e5e5e5;border-radius:5px; }
.loginwr .frm-normal:hover{border-color: rgba(0, 0, 0, 0.45);}
.loginwr .frm-normal:focus  {border-color: #0C68B5; -webkit-box-shadow:0 0 0px 2px rgba(1,160,226,0.4);-moz-box-shadow:0 0 0px 2px rgba(1,160,226,0.4); box-shadow:0 0 0px 2px rgba(1,160,226,0.4); }
 .loginwr input[type="checkbox"] {position: relative;    opacity: 1;    cursor: pointer;    width: 24px;    height: 24px;    vertical-align: middle;    appearance: none;    -webkit-appearance: none;    -moz-appearance: none;    border: 1px solid rgba(0, 0, 0, 0.2);    background: #fff;    outline: 0;    border-radius:5px; }
.loginwr input[type="checkbox"] + label { margin: 0 0px 0 7px;  vertical-align: middle; }
.loginwr input[type="checkbox"]:checked {    background-image: url(../images/mob/ic_checked.png);   background-size: 22px 22px;  border-color:#000;  -webkit-transition: .2s ease-out;    transition: .2s ease-out; }
.loginwr .login_opt {margin:7px 0 10px; width:100%; color:#999;}
.loginwr .login-btn .btn-submit {width:100%; height:54px; border-radius:5px; color: #fff;    border: 1px solid #0C68B5; background:#0C68B5; display:flex;  justify-content: center;  align-items: center; font-size:1.25em; }
.loginwr .login-btn .btn-submit:hover {border-color:#203e95; background:#203e95; }

 
.loginwr .login-util {    width: 100%;    display: flex;    align-items: center;    margin-top: 20px;    justify-content: center;}
.loginwr .login-util li:not(:last-child):after {    content: "";    display: inline-block;    width: 1px;    height: 13px;    margin: 0 11px 0 12px;    vertical-align: middle;    background: #e0e0e0;}
.loginwr .login-util li a {    color: #2e2e2e;   font-size: 0.975em;    font-weight: 400;}
.loginwr .login-util li a:hover {    color: #1381e1;}



/* ===== login ===== */   
.joinwr  { width:100vw; min-height:100%;  margin:0 auto; padding:20px 20px; display:flex;  justify-content: flex-start;  align-items: flex-start; flex-direction:column; }
.joinwr .join-top {padding:10px 0px 30px; font-size:1.1em; color:#333;}
.joinwr .join-top h3{font-size:1.8em; color:#01A0E2; font-weight:700;}
.joinwr .form {width:100%;display:flex;  justify-content: flex-start;  flex-direction:column; gap:24px; }
.joinwr .group {width:100%;display:flex;  justify-content: flex-start;  flex-direction:column; gap:5px; }
.joinwr .group .tt {font-size:0.975em; color:#999;}
.joinwr .group .txt.hasbtn {width:100%; display:grid;  grid-auto-flow: row;   grid-template-columns:1fr 96px ; gap:4px;   align-items: center; } 
.joinwr .group .txt.hasbtn .btn_normal{width:100%; height:52px; border-radius:5px; color: #fff;    border: 1px solid #555; background:#555; display:flex;  justify-content: center;  align-items: center; font-size:0.95em; letter-spacing:-0.5px;}
.joinwr .group .txt.hasbtn .btn_normal:hover {border-color:#222; background:#222; }
.joinwr .group .txt .frm-normal {height:52px; line-height:50px; font-size:1.2em; padding-left:10px;}
.joinwr.editinfo  .form{gap:0px;}
.joinwr.editinfo fieldset {width:100%;display:flex;  justify-content: flex-start;  flex-direction:column; gap:14px; }
.joinwr.editinfo .group { display:grid;  grid-auto-flow: row;   grid-template-columns: 88px 1fr ; gap:0px;   align-items: center; }
.joinwr.editinfo .group .tt {font-size:0.95em; letter-spacing:-0.5px;}
.joinwr.editinfo .photoeditwr {padding-bottom:10px;}




.joinwr.editinfo .agreefrm {width:100%;display:flex;  justify-content: flex-start;  flex-direction:column; gap:16px; margin-top:15px; border-top:1px solid #ddd;  padding:16px 0;}
.joinwr.editinfo .agreefrm li{width:100%; color:#888; display:grid;  grid-auto-flow: row;   grid-template-columns:1fr 64px; gap:10px;   align-items: center;}
.joinwr.editinfo .agreefrm li .left {display:flex;  justify-content: flex-start; align-items: center; line-height:28px;}
.joinwr.editinfo .agreefrm li .btn-viewopt {width:100%;  height:28px; border-radius:5px; color: #fff;    border: 1px solid rgba(0,0,0,0.05); background:#aaa; display:flex;  justify-content: center;  align-items: center; font-size:0.875em;  letter-spacing:-0.5px; }
.joinwr.editinfo .agreefrm li .btn-viewopt:hover {  background:#888; }
.joinwr.editinfo .agreefrm li.all {font-weight:500; color:#222; border-bottom:1px solid #e5e5e5; padding-bottom:14px;}


.agreefrm input[type="checkbox"] {position: relative;    opacity: 1;    cursor: pointer;    width: 28px;    height: 28px;    vertical-align: middle;    appearance: none;    -webkit-appearance: none;    -moz-appearance: none;    border: 1px solid rgba(0, 0, 0, 0.2);    background: #fff;    outline: 0;    border-radius:5px; }
.agreefrm input[type="checkbox"] + label { margin: 0 0px 0 10px;  vertical-align: middle; font-size:1.05em; }
.agreefrm input[type="checkbox"]:checked {    background-image: url(../images/mob/ic_checked.png);   background-position:center center; background-size: 22px 22px;  border-color:#000;  -webkit-transition: .2s ease-out;    transition: .2s ease-out; }


.memberwr.join .agreewr ul {width: 100%; border-top:1px solid #e5e5e5;}
.memberwr.join .agreewr  li {width: 100%; padding:15px 20px; color:#000; font-size:0.9em;display:flex; align-items: center; justify-content: space-between; gap:10px; border-bottom:1px solid #e5e5e5;}
.memberwr.join .agreewr  li.all {border-color: #e5e5e5;    background-color: #fbfafa; font-weight:500; }
.memberwr.join .agreewr  li .btn-normal {display: inline-block;    padding: 0px 20px;    height: 30px;  line-height:28px;   font-size: 0.9em;  border-radius:5px;  box-sizing: border-box;    border: 1px solid #bcbcbc;    font-weight: normal;    text-decoration: none;    vertical-align: middle;    word-spacing: -0.5px;   letter-spacing: 0;    text-align: center;   white-space: nowrap;   color: #000;    background-color: #fff;}
.memberwr.join .agreewr  li .btn-normal:hover {background:#f3f3f3; border-color:#222;}

.memberwr.join .join-bottom-btn {margin:50px 0; width:100%;display:flex;  justify-content: center;}
.memberwr.join .join-bottom-btn  .btn-submit{ width:auto; min-width: 180px; padding: 16px 15px; height: auto; font-size: 1em; background-color: #222;  border:1px solid #222;  color: #fff;    transition: all .25s ease;  border-radius:5px; display: inline-flex; -ms-flex-flow: row wrap;  flex-flow: row wrap; justify-content: center; align-items: center; }
.memberwr.join .join-bottom-btn .btn-submit:hover {background-color:#555; border-color:#555;  }

 
.memberwr.find .view-body {  width:460px;  margin-top:20px; }
.memberwr.find .login-btn {margin-top:10px;}
.memberwr.find .member-title .exp {line-height:1.7;}
.memberwr.find .member-title .exp .point {color:#1381e1; }
.memberwr.find .findpw-frm.certify {margin-top:20px; border-top:1px solid #eee; padding-top:30px;}
.memberwr.find .findpw-frm .btn-submit{ margin-top:5px;}

 .ptitle1 {font-size:1.3em; color:#000;}
 .ptitle1 .bgexp {display:inline-block; background:rgba(1,39,72,0.9); color:#fff; font-size:0.75em; border-radius:5px; padding:2px 8px ; margin-top:10px;}
 .ptitle2 {font-size:1.1em; color:#000;}
 .ptitle1bg {font-size:1.15em; color:#000;}
 .ptitle1bg span {display:inline-block; background:rgba(1,39,72,0.9); color:#fff; border-radius:5px; padding:5px 8px ;  }
.win-memagreebody {padding:20px;}

 
.win-memagreebody .ptitle2 {margin-top:30px; margin-bottom:5px;}
.win-memagreebody .exp-cont {font-size:0.975em; line-height:1.7; }
.win-memagreebody .exp-cont-top{font-size:0.975em; color:#000;line-height:1.7; }
.modalctl_wrap  .popup_botbtn .btn_cancel.dark {background:#222; border-color:#222; margin-bottom:20px;}
.modalctl_wrap  .popup_botbtn .btn_cancel.dark:hover {background:#555; border-color:#555}
.win-memagreebody .exp-cont a{text-decoration:none;}

.joinwr.findidpw {padding:0px;}
.joinwr.findidpw dl{padding:18px 20px 12px; width:100%; }
.joinwr.findidpw dl.topline{border-top:12px solid #eff0f4;}
.joinwr.findidpw dl dt {width: 100%;    color: #000;    font-size: 1.2em;    font-weight: 500;    display: flex;    justify-content: flex-start;    align-items: center;    gap: 8px; }
.joinwr.findidpw dl dd {width: 100%;}
.joinwr.findidpw dl dd .findtopexp{ color:#688297; font-weight: 400;  font-size:0.95em; padding:4px 0 15px; line-height:1.5;} 
.joinwr.findidpw .btn-submit {width:100%; height:54px; border-radius:5px; color: #fff;    border: 1px solid #0C68B5; background:#0C68B5; display:flex;  justify-content: center;  align-items: center; font-size:1.25em; }
.joinwr.findidpw .btn-submit:hover {border-color:#203e95; background:#203e95; }
.joinwr.findidpw .btn-submit.disabled {opacity:1 !important; background:#b2b2b2; border-color:rgba(0,0,0,0.07);}
.subcontents .joinwr.findidpw   .frm-normal{ height:52px; line-height:50px;}
.subcontents .verify_message { display:none; width:100%;  margin-top:3px;background:#fc5f4c; color:#fff;font-size:0.9em; letter-spacing:-0.5px; padding:5px 6px; line-height:1.3;    border-radius:5px; border:1px solid rgba(0,0,0,0.07); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16); }
.subcontents #finduid_list, .subcontents #wrap_findupw_result {  display:none;width:100%; font-weight:500;  margin-top:6px;background:#e9f4ff; color:#004EA1;font-size:1em; letter-spacing:-0.5px; padding: 10px; line-height:1.6;    border-radius:5px;   }
.joinwr.editinfo.findidpw  fieldset {gap:10px;}

.joinwr .group .txt.flstart {width:100%;display:flex;  justify-content: flex-start;align-items: center;  gap:16px; }
.joinwr .group .chk-rd input[type="radio"] + label {padding-left:34px; line-height:26px; color:#444;}
.joinwr .group .chk-rd input[type="radio"] + label span { width:26px;height:26px; }
.joinwr .group .chk-rd input[type="radio"]:checked + label  span:before  { width:22px;height:22px; }
.joinwr .group .chk-rd input[type="radio"]:checked + label {color:#000; font-weight:500;}

.jaddinfo-title  {width: 100%;    color: #688297;    font-size: 0.95em;    font-weight: 400;    display: flex;    justify-content: center;    align-items: center; border-bottom:12px solid #eff0f4; padding:12px 20px; margin-bottom:5px; }

.subcontents .signupcong {width:100%; padding:30px 20px 20px; display: flex;    justify-content: center;    align-items: center; flex-direction:column; }
.subcontents .signupcong .cong-img{width:120px; height:120px; border-radius:80px; overflow:hidden; background:#f7f7f9; border:1px solid rgba(0,0,0,0.03); display: flex;    justify-content: center;    align-items: center;}
.subcontents .signupcong .cong-img img{width:auto; height:60%;}
.subcontents .signupcong .cong-title {width:100%;  display: flex;    justify-content: center; padding:15px 0 5px; line-height:1.5;    align-items: center; font-size:1.3em; color:#212121; text-align:center;  flex-direction:column;}
.subcontents .signupcong .cong-title span {color:#0081df; width:100%; font-size:1.1em; }
.subcontents .signupcong .cong-exp { font-size:0.95em; width:100%;  display: flex;    justify-content: center; word-break:keep-all;}
.subcontents .signupcong .cong-btn{width:100%;  display: flex;    justify-content: center; padding-top:25px;}
.subcontents .signupcong .cong-btn a{width: auto;    height: 48px;    font-size: 0.95em;    font-weight: 500;    color: #fff;    padding: 0px 30px; border-radius: 30px;   background: #0C68B5;    border: 1px solid rgba(0, 0, 0, 0.07);    display: flex;    align-items: center;    justify-content: center;   }
 

 /* footer */
.footer { width:100%;    padding-bottom:15px; text-align:center; border-top:2px solid #222;}
.footer .foot-bottom {    padding-top:20px;width: 100%;       display: flex;    align-items: center;   justify-content: center;   }
.footer .ftinfo {    padding-top: 2px;    line-height: 1.5;    font-size: 0.85em;    color: #444;    display: flex;    align-items: center;   justify-content: center;  gap:20px;}
.footer .ftinfo strong {font-weight:400; color:#333;}
.footer .ftinfo span {    }
.footer .ftcopy {   padding-top:3px;  color: #666;    font-size: 0.75em;}
.footer .ftlicense {   padding-top:7px;  color: #222;    font-size: 0.8em;}


 
 /* contents */

.subcontents img {max-width:100%; height:auto; }

.subcontents  {position:relative;width:100%;  min-height:100vh;  line-height:1.7; padding-top:50px; padding-bottom:40px; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: center;flex-direction:column;}
.subcontents form {width:100%;}
.subcontents.hasbotbtn {padding-bottom:70px;}
.subcontents.intro {background:#fafafa;}

.subcontents .frm-normal{ width: 100%;   height: 52px;  line-height: 50px;  padding: 0  8px; font-size:1.1em;  color:#000;margin:0px; border: 1px solid rgba(112, 112, 112, 0.3);border-radius:5px; }
.subcontents .frm-normal:hover{border-color: rgba(0, 0, 0, 0.45);}
.subcontents .frm-normal:focus  {border-color: #0C68B5; -webkit-box-shadow:0 0 0px 2px rgba(1,160,226,0.4);-moz-box-shadow:0 0 0px 2px rgba(1,160,226,0.4); box-shadow:0 0 0px 2px rgba(1,160,226,0.4); }
.subcontents .frm-normal.read {background:#eaedf0; color:#333; }
.subcontents .frm-normal.read:hover{border-color: rgba(112, 112, 112, 0.1);}
.subcontents .frm-normal.read:focus  {border-color: rgba(112, 112, 112, 0.1); -webkit-box-shadow:none;-moz-box-shadow:none; box-shadow:none; }
.subcontents textarea.frm-normal  {padding:12px 8px;   line-height:1.6; min-height:100px; }
.subcontents .frm-date {width: 100%;   height: 52px;  line-height: 50px; border: solid 1px rgba(112, 112, 112, 0.3); color:#000; font-size:1.1em; text-align:left; background: url(../images/mob/ic-frm-cal.svg) right 8px center no-repeat #fff;    border-radius: 5px;    padding: 0px 32px 0px 8px;    outline: 0;    -webkit-appearance: none;     }
.subcontents .frm-date:hover{border-color: rgba(0, 0, 0, 0.45);}
.subcontents .frm-date:focus {   border-color:#0C68B5 !important; -webkit-box-shadow:0 0 0px 2px rgba(1,160,226,0.4);-moz-box-shadow:0 0 0px 2px rgba(1,160,226,0.4); box-shadow:0 0 0px 2px rgba(1,160,226,0.4);   }
 .subcontents .frm-time {width: 100%;   height: 52px;  line-height: 50px; border: solid 1px rgba(112, 112, 112, 0.3); color:#000; font-size:1.1em; text-align:left; background: url(../images/mob/ic-frm-time.svg) right 8px center no-repeat #fff;    border-radius: 5px;    padding: 0px 32px 0px 8px;    outline: 0;    -webkit-appearance: none;     }
.subcontents .frm-time:hover{border-color: rgba(0, 0, 0, 0.45);}
.subcontents .frm-time:focus {   border-color:#0C68B5 !important; -webkit-box-shadow:0 0 0px 2px rgba(1,160,226,0.4);-moz-box-shadow:0 0 0px 2px rgba(1,160,226,0.4); box-shadow:0 0 0px 2px rgba(1,160,226,0.4);   }
 
.subcontents  input::placeholder { font-size:0.95em; }
.subcontents input::-webkit-input-placeholder { font-size:0.95em; }
.subcontents input:-ms-input-placeholder { font-size:0.95em; }
 
  /* main */
  
.subcontents .topuserinfowr   {width:100%; padding:14px 20px; background:#fff; }
.subcontents .topuserinfowr .topuserinfo   {width:100%; display: grid; grid-template-columns: 48px 1fr; gap:14px;  align-items: flex-start; position:relative;  }
.subcontents .topuserinfowr .topuserinfo .user-imgwr {width:100%;}
.subcontents .topuserinfowr .topuserinfo .user-img {width:48px; height:48px; border-radius:30px; overflow:hidden;}
.subcontents .topuserinfowr .topuserinfo .user-img img {width:100%; height:100%; object-fit:cover;}
.subcontents .topuserinfowr .topuserinfo .user-info {width:100%; display: flex; align-items: center;  justify-content: flex-start;  }
.subcontents .topuserinfowr .topuserinfo .user-info .userinfowr {width:100%; line-height:1.4; }
.subcontents .topuserinfowr .topuserinfo .user-info .userinfowr a{display:block; }
.subcontents .topuserinfowr .topuserinfo .user-info .name { width:100%;   gap:5px; line-height:1.4; display: grid; grid-template-columns: 1fr  60px; align-items: center; padding-top:2px;  }
.subcontents .topuserinfowr .topuserinfo .user-info .name strong {width:100%;color:#121212; font-size:1.2em;  line-height:24px; display:-webkit-box;   -webkit-line-clamp:1;   -webkit-box-orient:vertical;  white-space:normal;    overflow:hidden;   text-overflow:ellipsis;   }
.subcontents .topuserinfowr .topuserinfo .user-info .memo {margin-top:2px; width:100%; color:#688297; font-size:0.95em;   align-items: center;  justify-content: flex-start;   display:-webkit-box;   -webkit-line-clamp:1;   -webkit-box-orient:vertical;  white-space:normal;    overflow:hidden;   text-overflow:ellipsis;   }
.subcontents .topuserinfowr .topuserinfo .user-info .point { width:100%;    padding:0px 10px 0px 4px; font-weight:400; line-height:24px; color:#fff; background: #869bac; font-size:0.7em;  display:flex;      align-items: center;  justify-content: space-between;  gap:4px;   border-radius:20px;  }
.subcontents .topuserinfowr .topuserinfo .user-info .point  span {display: flex;      align-items: center;  justify-content: flex-start; gap:2px;}
.subcontents .topuserinfowr .topuserinfo .user-info .point strong {font-weight:500; font-size:1.05em; color:#fff;}
.subcontents .topuserinfowr .topuserinfo .user-info .name.login { display: flex; justify-content: flex-start; align-items: center;}
 .subcontents .topuserinfowr .topuserinfo .user-info .name.login  strong {width:auto;}
  
.subcontents .maincatewr {width:100%; padding:15px 15px; border-top:1px solid #eff0f4; background:#fff;}
.subcontents .maincatewr .maincate {width:100%; display: grid; grid-template-columns: repeat(5,1fr); align-items: flex-start; gap:10px 8px; }
.subcontents .maincatewr .maincate a {width:100%; display:block;}
.subcontents .maincatewr .maincate li{width:100%; display: flex; justify-content: flex-start; align-items: center;  flex-direction:column;gap:3px;  }
.subcontents .maincatewr .maincate li .ic{width:100%; display: flex; justify-content: center; align-items: flex-start; padding:0px 6px;}
.subcontents .maincatewr .maincate li img {max-width:80%; height:auto;}
 .subcontents .maincatewr .maincate li span{font-size:0.9em; letter-spacing:-0.5px; color:#333;}
 
.subcontents .topsearchwr {    width:100%;   border-radius:0px; padding:8px 20px 30px; }
 .subcontents  form {width:100%; }
 .subcontents .topsearchwr .searchbox {position:relative;width:100%; padding:1px; border-radius:5px; background: linear-gradient(to right, #00c400, #277dfa); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); }
.subcontents .topsearchwr .frm-normal {border-color:#fff;padding-right:54px; padding-left:12px;border-radius:3px;}
.subcontents .topsearchwr .frm-normal:focus  {border-color: #0C68B5; -webkit-box-shadow:0 0 0px 2px rgba(1,160,226,0.4);-moz-box-shadow:0 0 0px 2px rgba(1,160,226,0.4); box-shadow:0 0 0px 2px rgba(1,160,226,0.4); }
.subcontents .topsearchwr .frm-normal::placeholder { font-weight:400; color:#688297;  }
.subcontents .topsearchwr .frm-normal::-webkit-input-placeholder {  font-weight:400;  color:#688297;  }
.subcontents .topsearchwr .frm-normal:-ms-input-placeholder  {  font-weight:400;  color:#688297; }
.subcontents .topsearchwr .btn_search {position:absolute; right:0px; top:0px;padding:0px; width: 48px;   height: 50px;    font-size:0.95em;  border:none;  opacity:1.0; background:transparent;   border-radius:0px 5px 5px 0px;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; }
.subcontents .topsearchwr .btn_search:hover { opacity:0.6; }
 
 .subcontents .contitle {width:100%;display: flex; justify-content: space-between; align-items: center; padding:0px 15px 0px 20px;  }
 .subcontents .contitle h3{font-size:1.35em; font-weight:500; color:#282a2d;}
  .subcontents .mcontitle {width:100%;display: flex; justify-content: space-between; align-items: center; padding:0px 15px 0px 20px;   }
.subcontents .mcontitle.big {border-bottom: 1px solid #eff0f4; padding-bottom:10px; margin-bottom:10px; }
 .subcontents .mcontitle h3{font-size:1em; font-weight:500; color:#0c68b5;   }
 .subcontents .mcontitle h4{font-size:1.2em; font-weight:500; color:#282a2d;}
 
 
.subcontents .mrealtimefishwr {width:100%;}
.subcontents .rtfishcont{width:100%; }
.subcontents .mrealtimefishwr .swiper-slide a{display:block;}
.subcontents .mrealtimefishwr dl {width:240px; min-height:304px; border-radius:10px; overflow:hidden;  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15); }
.subcontents .mrealtimefishwr dl dt {position:relative;width:100%; padding-top: calc(100% / 4 * 3);  }
.subcontents .mrealtimefishwr dl dt .proimg {position: absolute; top: 0px;    left: 0px;    width: 100%;    height: 100%;    border-radius: 0px;   overflow: hidden;   width:100%;display: flex; justify-content: center; align-items: center; background:#fbfbfb;} 
 .subcontents .mrealtimefishwr dl dt .proimg  img {    width: 100%;    height: 100%; object-fit: cover;}
.subcontents .mrealtimefishwr dl dt .optic {position:absolute; top:8px; left:8px; z-index:5; width:calc(100% - 16px); display: flex; justify-content: flex-start; align-items: flex-start; gap:4px;}
.subcontents .mrealtimefishwr dl dt .optic .type {display: flex; justify-content: center; align-items: center; height:26px; line-height:26px;padding:0px 6px 0px 6px;border-radius:5px; background:#01a0e2; color:#fff; font-size:0.85em; gap:4px; }
.subcontents .mrealtimefishwr dl dt .optic .type img {width:auto; height:14px;}
 .subcontents .mrealtimefishwr dl dt .optic .live { display: flex; justify-content: center; align-items: center; height:26px; line-height:26px;padding:0px 6px 0px 5px;border-radius:5px; background:#ff3434; color:#fff; font-size:0.85em; gap:4px;}
 .subcontents .mrealtimefishwr dl .item-txtwr {padding:12px 12px 12px; background:#fff;}
.subcontents .mrealtimefishwr dl .item-txtwr .item-head {width: 100%;display: flex; justify-content: space-between; align-items: center; padding-bottom:12px;}
.subcontents .mrealtimefishwr dl .item-txtwr .item-head  .user {display: flex; justify-content: flex-start; align-items: center; gap:10px;}
.subcontents .mrealtimefishwr dl .item-txtwr .item-head .user .imgwr{width:28px; height:28px; border-radius:20px; overflow:hidden; background:url(../images/mob/i_noimg_big.png) center center no-repeat #e0e3e7; }
.subcontents .mrealtimefishwr dl .item-txtwr .item-head .user .imgwr img {width:100%; height:100%; object-fit:cover;}
.subcontents .mrealtimefishwr dl .item-txtwr .item-head  .user .name {color:#555; font-weight:700; line-height:28px; height:28px; font-size:0.95em;  display:-webkit-box;   -webkit-line-clamp:1;   -webkit-box-orient:vertical;  white-space:normal;    overflow:hidden;   text-overflow:ellipsis; }
 .subcontents .mrealtimefishwr dl .item-txtwr .item-cont {color:#000;  width:100%; display:-webkit-box;   -webkit-line-clamp:2;   -webkit-box-orient:vertical;  white-space:normal;   line-height:1.5em;  max-height:3em;   overflow:hidden;   text-overflow:ellipsis; }
 .subcontents .mrealtimefishwr dl .item-txtwr .item-foot {width: 100%;display: flex; justify-content: space-between; align-items: center; border-top:1px solid rgb(230 230 234 / 70%); padding-top:8px; margin-top:9px;}
 .subcontents .mrealtimefishwr dl .item-txtwr .item-foot .like {display: flex; justify-content: flex-start; align-items: center; gap:5px; font-weight:500; font-size:0.875em; color:#222;}
 .subcontents .mrealtimefishwr dl .item-txtwr .item-foot .date {display: flex; justify-content: flex-end; align-items: center;  font-size:0.8em; color:#737373;} 
 .subcontents .swiper-slide.more-link {align-items: center !important;  justify-content: center !important; min-width:90px; padding-left:0px !important;   }
 .subcontents .swiper-slide.more-link a{width:100%; min-height:304px;  display: flex;   justify-content: center; align-items: center;flex-direction:column; padding:0px 14px 0 6px;}
 .subcontents .swiper-slide.more-link a .ic{border:1px solid rgba(0,0,0,0.15); width:40px; height:40px;  display: flex;   justify-content: center; align-items: center;  color:#191919; border-radius:20px; margin-bottom:12px;}
 .subcontents .swiper-slide.more-link a p {display: flex;   justify-content: center; align-items: center;flex-direction:column; color:#767676; line-height:1.6; font-size:0.9em; }
  .subcontents .swiper-slide.more-link a p strong {color:#191919; font-weight:400;   text-align:center; line-height:1.4;  font-size:1.05em}
 
 .subcontents .mrealtimefishwr.story {padding-top:15px; margin-top:15px; border-top:12px solid #eff0f4;}
  .subcontents .mrowbannerwr {width:100%; padding:35px 20px 0;}
.subcontents .mrowbannerwr .mrbanimg{width:100%;  border-radius:10px; overflow:hidden;} 
  .subcontents .mrealtimefishwr.info {padding-top:15px; margin-top:15px;border-top:12px solid #eff0f4;}

 .subcontents .mrealtimefishwr.bbline { border-bottom:1px solid #eff0f4; padding-bottom:10px; line-height:1.5; margin-bottom:10px;}
 .subcontents .mrealtimefishwr.bbline .mcontitle h4{color:#688297; font-size:1.05em;}
  
  .subcontents .mrealtimefishwr.record {padding-top:15px; margin-top:15px;border-top:12px solid #eff0f4;}
 .subcontents .mrealtimefishwr.record .myrecordwr {width:100%; padding:10px 0px; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:8px;}
 .subcontents .record .myrecordwr .myfrecord {width:100%; padding:0px 20px; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:8px;}
 .subcontents .record .myrecordwr .myfrecord .myfr-sum {  width:100%; padding:1px; background: linear-gradient(to right, #00c400, #277dfa);  border-radius:7px;overflow:hidden;  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);  }
 .subcontents .record .myrecordwr .myfrecord .myfr-sum .fishinfowr {width:100%;padding:12px 15px 15px; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; background:#fff; border-radius:5px;overflow:hidden; }
 .subcontents .record .myrecordwr .myfrecord .myfr-sum .imgwr {position:relative; width:100%; padding-top: calc(100% / 4 * 3);  }
  .subcontents .record .myrecordwr .myfrecord .myfr-sum .imgwr:before {position: absolute; top: 0px;    left: 0px;    width: 100%;    height: 100%;    border-radius: 5px;   overflow: hidden; border:1px solid rgba(0,0,0,0.05); z-index:1; content:'';}
 .subcontents .record .myrecordwr .myfrecord .myfr-sum .imgwr .proimg {position: absolute; top: 0px;    left: 0px;    width: 100%;    height: 100%;    border-radius: 5px;   overflow: hidden;    display: flex; justify-content: center; align-items: center; background:#fbfbfb;} 
 .subcontents .record .myrecordwr .myfrecord .myfr-sum .imgwr .proimg  img {    width: 100%;    height: 100%; object-fit: cover;}
  .subcontents .record .myrecordwr .myfrecord .myfr-sum .txtwr {width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; line-height:1.4; gap:3px; }
 .subcontents .record .myrecordwr .myfrecord .myfr-sum .txtwr .fname {width:100%; display: flex;   justify-content: flex-start; align-items: center;gap:8px; font-size:1.2em; padding: 0px;}
  .subcontents .record .myrecordwr .myfrecord .myfr-sum .txtwr .fname .name {color:#212427; font-weight:500; font-size:1em; }
    .subcontents .record .myrecordwr .myfrecord .myfr-sum .txtwr  .finfor {width:100%; display: flex;   justify-content: space-between; align-items: center;gap:0px 4px; padding:0px 0 6px; flex-wrap:wrap;}
    .subcontents .record .myrecordwr .myfrecord .myfr-sum .txtwr  .finfor .detail {display: flex;   justify-content: flex-end; align-items: flex-end; gap:4px;}
  .subcontents .record .myrecordwr .myfrecord .myfr-sum .txtwr .finfor  .size { font-size:0.925em; color:#01a0e2;}
    .subcontents .record .myrecordwr .myfrecord .myfr-sum .txtwr .finfor  .size strong {font-size:1.1em;font-weight:500;}
   .subcontents .record .myrecordwr .myfrecord .myfr-sum .txtwr .potname { font-size:0.925em;color:#212427; letter-spacing:-0.5px;}
    .subcontents .record .myrecordwr .myfrecord .myfr-sum .txtwr .date { font-size:0.8em; color:#737373;}
 .subcontents .record .myrecordwr .myfrecord .catchinfowr {width:100%; padding:2px; color: #fff; background: #E9F4FF; border-radius: 7px;border:1px solid rgba(0,0,0,0.05);display: flex; justify-content: flex-start; align-items: flex-start;flex-direction:column;gap:2px;}
.subcontents .record .myrecordwr .myfrecord .catchinfowr ul{width:100%; display: grid;    grid-template-columns: repeat(5, auto); align-items: center;  gap:2px;}
.subcontents .record .myrecordwr .myfrecord .catchinfowr ul li{background:#fff; border:1px solid #dde8f2; border-radius:5px; min-width:50px; padding:0px 2px; line-height:1.3; height:42px;display: flex;   justify-content: center; align-items: center;  flex-direction:column;gap:2px;  }
.subcontents .record .myrecordwr .myfrecord .catchinfowr ul li strong {font-weight:500; color:#666; font-size:0.825em; letter-spacing:-0.5px;}
.subcontents .record .myrecordwr .myfrecord .catchinfowr ul li span {font-weight:700; color:#01a0e2;font-size:0.95em;}
.subcontents .record .myrecordwr .myfrecord .allgetnum{  width:100%;  color:rgba(0,0,0,0.8);   line-height:20px; padding:5px 12px 5px;  font-weight:500; display: flex;   justify-content: flex-end; align-items: center; gap:10px;font-size:0.95em; border-radius:0px 0px 7px 7px;}
.subcontents .record .myrecordwr .myfrecord  .allgetnum .getnum{display: flex;   justify-content: flex-end; align-items: center; gap:2px; color:#000;}
.subcontents .record .myrecordwr .myfrecord  .allgetnum .getnum strong {font-size:1.1em;font-weight:700;}

 .subcontents .record .myrecordwr .myfrecord .myfr-sum .no-data {width:100%;padding:12px 15px;display: grid; grid-template-columns:54px 1fr; align-items: center; gap:15px; background:#fff; border-radius:5px;overflow:hidden; }
 .subcontents .record .myrecordwr .myfrecord .myfr-sum .no-data .ic {width:100%; height:54px;  border-radius:30px; background:#eff0f4; overflow:hidden; display: flex;   justify-content: center; align-items: center; margin-bottom:0px; }
 .subcontents .record .myrecordwr .myfrecord .myfr-sum .no-data img {width:70%; height:auto;}
 .subcontents .record .myrecordwr .myfrecord .myfr-sum .no-data .txt {width:100%; display: flex;   justify-content: flex-start; align-items: center;}
 
.subcontents .myrecordtotal {width:100%; padding:0px 20px;   }
.subcontents .myrecordtotal ul {width:100%; background:#E9F4FF;  border:1px solid rgba(0,0,0,0.05);padding:10px 20px; display: flex;   justify-content: space-between;  align-items: flex-start; gap:8px;  border-radius:7px; overflow:hidden;}
.subcontents .myrecordtotal ul li {width:auto; display: flex;   justify-content: center; align-items: center;flex-direction:column; line-height:1.4;  gap:3px; }
.subcontents .myrecordtotal ul li .tt {font-size:0.925em; color:#0c68b5; font-weight:400;}
.subcontents .myrecordtotal ul li .txt {font-size:0.95em; display: flex;   justify-content: center; align-items: flex-end; gap:2px; color:#212427;}
.subcontents .myrecordtotal ul li .txt strong {font-size:1.05em;}

.subcontents .record .myrecordwr .myrecordtotal ul{background:#01a0e2;}
.subcontents .record .myrecordwr .myrecordtotal ul li .tt {color:#fff; opacity:0.9;}
.subcontents .record .myrecordwr .myrecordtotal ul li .txt  {color:#fff;}

.subcontents.me .record .myrecordwr .myfrecord {padding-top:10px; gap:2px; }
.subcontents.me .record .myrecordwr .myfrecord:first-child {padding-top:0px; }
.subcontents.me .record .myrecordwr .myfrecord .myfr-sum {box-shadow:none; background:#01a0e2;}
.subcontents.me .myrecordtotal {margin-top:10px;}
 .subcontents .mwaterlevelwr {width:100%;padding-top:18px;border-top:12px solid #eff0f4; }
  .subcontents .mwaterlevelwr a{display:block;width:100%; }
 .subcontents .mwaterlevelwr .wlvwr {width:100px; padding:10px 0px 12px;background:#f5f5f5; border:1px solid rgba(0,0,0,0.02); border-radius:10px; overflow:hidden; display: flex;   justify-content: center; align-items: center;flex-direction:column; gap:10px;}
 .subcontents .mwaterlevelwr .wlvwr .imgwr { width:72px;height:72px; background:#fff; border-radius:50%; display: flex;   justify-content: center; align-items: center; overflow:hidden; }
 .subcontents .mwaterlevelwr .wlvwr .imgwr img {width:100%; height:100%; object-fit:cover;}
 .subcontents .mwaterlevelwr .wlvwr .txtwr {width:100%; font-size:0.95em;display: flex;   justify-content: center; align-items: center; flex-direction:column; line-height:1.3; color:#727272; word-break:keep-all; }
 .subcontents .mwaterlevelwr .wlvwr .txtwr strong { font-weight:500; font-size:1.05em; color:#333;}
 
.subcontents .mbotbannerwr {width:100%;padding:20px 20px 0px;}
.subcontents .mbotbannerwr a{display:block;width:100%; }
.subcontents .mbotbannerwr .mbbanimg{position:relative; width:100%;  border-radius:10px; overflow:hidden; border:1px solid rgba(0,0,0,0.07);   box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15); } 
.subcontents .mbotbannerwr .mbbanimg .txt {position:absolute; top:50%; left:25px; font-size:1.6em; color:#fff; font-weight:500;  transform: translate(0, -50%); z-index:1;}
.subcontents .mbotbannerwr .mbbanimg img{width:100%; height:auto;}

.subcontents .mymapbtnwr {width:100%; padding:20px;}
 .subcontents .mrealtimefishwr.bdtop{border-top:12px solid #eff0f4;  padding-top:18px;}

  /* reservation */
.selectareawr {width:100%; background: #f7f7f9; padding:8px 0; border-bottom:1px solid rgba(0,0,0,0.05);}
.selectareawr .selarea {width:100%; overflow-x: auto; overflow-y: hidden;    display: flex;  white-space:nowrap;   flex-wrap: nowrap;   align-items: center;   padding: 0px 20px; gap:8px;}
.selectareawr .selarea::-webkit-scrollbar {display:none;}
.selectareawr .selarea button {     color: #6f6f6f;    border: 1px solid #e9e9e9;  background:#fff;   padding: 0px 12px;  flex: 0 0 auto;    min-width: 64px;    min-height: 38px;     border-radius: 100px; display: flex;    justify-content: center;    align-items: center; }
.selectareawr .selarea button.active {color:#fff; background:#0c68b5;  border-color:rgba(0,0,0,0.1);}

.selectdatewr {position:relative; width:100%;  padding:10px 0;background: #fff;  border-bottom:1px solid #e5e5e5; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09); }
 
 
.selectdatewr .seldatelist {width:100%; overflow-x: auto; overflow-y: hidden;    display: flex;  white-space:nowrap;   flex-wrap: nowrap;padding:0 20px;   align-items: center;   gap:6px;}
.selectdatewr .seldatelist::-webkit-scrollbar {display:none;}
.selectdatewr .seldatelist button {     color: #333;    border: none;  background:#f2f2f2;   padding: 0px 5px;  flex: 0 0 auto;    min-width: 56px;    min-height: 48px;     border-radius:7px; display: flex;    justify-content: center;    align-items: center; flex-direction:column; gap:3px;}
.selectdatewr .seldatelist button span {font-size:0.8em;}
.selectdatewr .seldatelist button.holyday {color:#ff3434;}
.selectdatewr .seldatelist button.active { background:#0f0f0f; color:#46c9ff;   }
 .selectdatewr .seldatelist .monthwr  {     color: #0c68b5;  border: 1px solid #0c68b5;  background:#fff;   padding: 0px 5px;  flex: 0 0 auto;    min-width: 56px;    min-height: 48px;     border-radius:5px; display: flex;    justify-content: center;    align-items: center;  flex-direction:column;gap:3px;}
.selectdatewr .seldatelist .monthwr .txt{font-size:0.85em; line-height:1.3;}
.selectdatewr .seldatelist .monthwr span{font-size:1.1em;}
.selectdatewr .seldatelist .monthwr.active  { background:#0f0f0f; color:#46c9ff;   }

.fspotlistwr {width:100%;}
.fspotlistwr .fspotlist {width:100%;  }
.fspotlistwr .fspotlist li{width:100%;border-bottom:1px solid #ecf0f2;  display:grid;  grid-auto-flow: row;   grid-template-columns:90px 1fr; gap:14px;   align-items: flex-start; padding:15px 20px;}
.fspotlistwr .fspotlist .item-imgwr {width:100%; height:90px; border-radius:5px; overflow:hidden;background:#fbfbfb;}
.fspotlistwr .fspotlist .item-imgwr img {width: 100%; height:100%; object-fit:cover;}
.fspotlistwr .fspotlist li .item-txtwr{width:100%;  display:grid;  grid-auto-flow: row;   grid-template-columns: 1fr 100px; gap:10px;   align-items: flex-start;  }
.fspotlistwr .fspotlist li .item-txtwr .item-info{width:100%; display: flex;   justify-content: center; align-items: center;flex-direction:column;}
.fspotlistwr .fspotlist li .item-txtwr .item-info .sbj { width:100%;color:#000; font-weight:500; font-size:1.25em; line-height:1.3; padding-top:3px;}
.fspotlistwr .fspotlist li .item-txtwr .item-info .tag { margin-top:8px;width:100%;color:#555;  font-size:1em; display: flex;   justify-content: flex-start; align-items: flex-start;  white-space:wrap;   flex-wrap: wrap; gap:0px 8px;  -webkit-line-clamp:2;   -webkit-box-orient:vertical;  white-space:normal;   line-height:1.3em;   max-height:2.6em;   overflow:hidden;   text-overflow:ellipsis;}
.fspotlistwr .fspotlist li .item-txtwr .item-info .tag span {display:flex;  justify-content: flex-start; align-items: flex-start;  color:#627a8e;}
.fspotlistwr .fspotlist li .item-txtwr .item-info .type { padding-top:8px;width:100%;color:#555;  font-size:0.95em; line-height:1.3; display: flex;   justify-content: flex-start; align-items: flex-start;  white-space:wrap;   flex-wrap: wrap; gap:4px;}
.fspotlistwr .fspotlist li .item-txtwr .item-info .type span {display:flex;  justify-content: flex-start; align-items: flex-start; font-size:0.975em;  color:#fff;  background:#a5b4c0; border-radius:3px; padding:3px 5px 3px;}
.fspotlistwr .fspotlist li .item-txtwr .item-option{width:100%; display: flex;   justify-content: center; align-items: flex-end;flex-direction:column;}
.fspotlistwr .fspotlist li .item-txtwr .item-option .distance {color:#555; font-size:0.9em;line-height:1.3;  }
.fspotlistwr .fspotlist li .item-txtwr .item-option .btn-fishinfo {  margin-top:4px;   color: #fff;    border: 1px solid rgba(0,0,0,0.07);  background:#019e9a;   padding: 0px 5px;  flex: 0 0 auto;     width: 100%;  height: 33px;     border-radius:5px; display: flex;    justify-content: center;    align-items: center;   }
.fspotlistwr .fspotlist li .item-txtwr .item-option .btn-normal {  margin-top:5px;   color: #fff; border: 1px solid rgba(0,0,0,0.07);   background:#01a0e2; font-size:0.85em; letter-spacing:-0.5px;  padding: 0px 5px;  flex: 0 0 auto;   gap:6px;  width: 100%;  height: 33px;     border-radius:5px; display: flex;    justify-content: center;    align-items: center;   }
.fspotlistwr .fspotlist li .item-txtwr .item-option .btn-normal  strong {font-size:1.1em;display:inline-block; margin-right:2px;}
.fspotlistwr .fspotlist li .item-txtwr .item-option .btn-normal.none {background:#e5e5e5; color:#888; border: 1px solid rgba(0,0,0,0.04);  }
.fspotlistwr .fspotlist li .item-seatwr {display:none;width:calc(100% + 40px); margin:0px -20px -20px;  background:#E9F4FF; border-top:1px solid rgba(0,0,0,0.05); border-bottom:1px solid rgba(0,0,0,0.05); grid-area: 2 / 1 / 2 / -1; }
.fspotlistwr .fspotlist li .item-seatwr.active {display:block; transition: all 0.4s ease 0s;}
.fspotlistwr .fspotlist li .item-seatwr .seatwr {width:100%;overflow-x: auto; overflow-y: hidden;    display: flex;  white-space:nowrap;   flex-wrap: nowrap;padding:13px 20px 15px 20px;   align-items: center;   gap:6px;}
.fspotlistwr .fspotlist li .item-seatwr .seatwr::-webkit-scrollbar {display:none;}
.fspotlistwr .fspotlist li .item-seatwr .seatwr button {border:1px solid #cfd6dc; color: #212427;    background:#fff; font-size:0.85em; line-height:1.3; letter-spacing:-0.5px;  padding: 5px;  flex: 0 0 auto;   width: 120px;  height: 68px;     border-radius:5px; display: flex;    justify-content: center;    align-items: center; flex-direction:column;     }
.fspotlistwr .fspotlist li .item-seatwr .seatwr button .name {width:100%; font-weight:500; font-size:1.1em; display:-webkit-box;   -webkit-line-clamp:1;   -webkit-box-orient:vertical;  white-space:normal;   line-height:1.3em;   height:1.3em;   overflow:hidden;   text-overflow:ellipsis; }
.fspotlistwr .fspotlist li .item-seatwr .seatwr button .num {width:100%; padding:2px 0; color:#627a8e;}
.fspotlistwr .fspotlist li .item-seatwr .seatwr button .price {width:100%; color:#01a0e2;}
.fspotlistwr .fspotlist li .item-txtwr .item-option .btn-seatview.active {background:#fff; color:#01a0e2; border-color:#01a0e2;}


.fspotlistwr .fspotlist.big li{  display:flex; flex-direction:column;  padding: 20px;}
.fspotlistwr .fspotlist.big li a{width:100%;}
.fspotlistwr .fspotlist.big li dl{width:100%; display:flex; flex-direction:column;   justify-content: flex-start; }
.fspotlistwr .fspotlist.big li dl dt{width:100%; position:relative;}
.fspotlistwr .fspotlist.big li dl dt .item-imgwr {min-height:228px; background:#f5f5f5;}
.fspotlistwr .fspotlist.big dl dt .optic {position:absolute; top:6px; left:6px; z-index:5;width:calc(100% - 12px); display: flex; justify-content: flex-start; align-items: flex-start; gap:4px;}
.fspotlistwr .fspotlist.big dl dt .optic .type {display: flex; justify-content: center; align-items: center; height:26px; line-height:26px;padding:0px 6px 0px 6px;border-radius:5px; background:#01a0e2; color:#fff; font-size:0.85em; gap:4px; }
.fspotlistwr .fspotlist.big dl dt .optic .type  img {width:auto; height:14px;}
.fspotlistwr .fspotlist.big dl dt .optic .live { display: flex; justify-content: center; align-items: center; height:26px; line-height:26px;padding:0px 8px 0px 6px;border-radius:5px; background:#ff3434; color:#fff; font-size:0.85em; gap:4px;}
.fspotlistwr .fspotlist.big dl dd.item-txtwr { width:100%; display:flex; flex-direction:column;   justify-content: flex-start;  gap:0px;align-items: flex-start; padding-top:8px;}
.fspotlistwr .fspotlist.big dl dd.item-txtwr  .item-info {align-items: flex-start; line-height:1.6; }
.fspotlistwr .fspotlist.big li .item-txtwr .item-info .sbj {font-size:1.3em; padding-bottom:4px;}
.fspotlistwr .fspotlist.big li .item-txtwr .item-info .tag {padding-top:3px;}
.fspotlistwr .fspotlist.big li .item-txtwr .item-info .tag  span { color:#01a0e2;}
.fspotlistwr .fspotlist li .item-txtwr .item-info .addr {color:#333; width:100%; padding-top:2px; }
.fspotlistwr .fspotlist li .item-txtwr .item-info .facil{  position:relative;padding-left:18px; font-size:0.9em; color:#727272; width:100%; margin-top:8px;  display:-webkit-box; -webkit-line-clamp:2;   -webkit-box-orient:vertical;  white-space:normal;   line-height:1.3em;   max-height:2.6em;   overflow:hidden;   text-overflow:ellipsis;}
.fspotlistwr .fspotlist li .item-txtwr .item-info .facil i{ position:absolute; top:3px; left:0px;  font-weight:bold; color:#019e9a;}
 
  
  /* fspot-search */
.subcontents.fspotsearch .topsearchwr { padding:4px 20px 4px;   background:#fff; }

  /* fspot-detail */
.subcontents .fsoptbtntopwr  {position:relative; width:100%; background: #019e9a; padding:0px;  display:grid;  grid-auto-flow: row;   grid-template-columns:1fr 1fr; align-items: center; gap:0px; }
.subcontents .fsoptbtntopwr:before {position:absolute; top:50%; left:50%; width:1px; height:20px; background:rgba(0,0,0,0.1); content:''; margin-top:-10px;}
.subcontents .fsoptbtntopwr button {  width:100%; height:50px;display: flex;      align-items: center;  justify-content: center;  gap:18px; background:none; border:none; color:#fff; font-size:1.1em;border-radius: 5px;}


.subcontents .fspotviewwr {width:100%;}
.subcontents .fspotviewwr .item-imgwr{position:relative;width:100%; min-height:228px; background:#f5f5f5;}
.subcontents .fspotviewwr .item-imgwr .optic {position:absolute; top:10px; left:20px; z-index:5;width:calc(100% - 40px);display: flex; justify-content: flex-start; align-items: flex-start; gap:4px;}
.subcontents .fspotviewwr .item-imgwr  .optic .type {display: flex; justify-content: center; align-items: center; height:26px; line-height:26px;padding:0px 8px 0px 4px;border-radius:5px; background:#01a0e2; color:#fff; font-size:0.9em; gap:3px; }
.subcontents .fspotviewwr .item-imgwr  .optic .live { display: flex; justify-content: center; align-items: center; height:26px; line-height:26px;padding:0px 8px 0px 6px;border-radius:5px; background:#ff3434; color:#fff; font-size:0.9em; gap:4px;}
.subcontents .fspotviewwr .item-title {padding:14px 20px 16px; color:#333; font-size:1.1em; line-height:1.4; width:100%; display: flex; flex-direction:column; gap:6px;}
.subcontents .fspotviewwr .item-title h2 {font-size:1.4em; font-weight:500; color:#000; line-height:1.3; }
.subcontents .fspotviewwr .item-title .addr {width:100%;}
.subcontents .fspotviewwr .item-detail{width:100%;   display: flex; flex-direction:column; gap:0px; padding:0px 0 60px;}
.subcontents .fspotviewwr .item-detail dl {width:100%; border-top:1px solid #f1f1f5; padding:15px 20px; color:#212427; line-height:1.5;display: flex; flex-direction:column; gap:8px;} 
.subcontents .fspotviewwr .item-detail dl dt {width:100%; color:#688297; font-size:0.95em; font-weight:500;}
.subcontents .fspotviewwr .item-detail dl dd {width:100%;}
 
.subcontents .fspotviewwr .item-detail dl dd .det-time {width:100%;   display: flex; flex-direction:column; gap:5px; }
.subcontents .fspotviewwr .item-detail dl dd .det-time li {display:grid;  grid-auto-flow: row;   grid-template-columns:70px 1fr; gap:14px;   align-items: flex-start; }
.subcontents .fspotviewwr .item-detail dl dd .det-time li .tt {color:#555}
.subcontents .fspotviewwr .item-detail dl dd .det-time li .txt {font-weight:500;}
.subcontents .fspotviewwr .item-detail dl dd .det-major {  width:100%; display: flex;   justify-content: flex-start; align-items: flex-start;  white-space:wrap;   flex-wrap: wrap; gap:4px 8px;}
.subcontents .fspotviewwr .item-detail dl dd .det-major li {background:#f0f1f4;  border-radius:3px; padding:3px 8px 1px; }
.subcontents .fspotviewwr .item-detail dl dd .det-facil {  width:100%; display: flex;   justify-content: flex-start; align-items: flex-start;  white-space:wrap;   flex-wrap: wrap; gap: 8px;}
.subcontents .fspotviewwr .item-detail dl dd .det-facil li{width:48px;display: flex; flex-direction:column;align-items: center;     justify-content: flex-start; gap:4px;}
.subcontents .fspotviewwr .item-detail dl dd .det-facil li .imgwr {width:48px; height:48px;background:#f7f7f9; border-radius:5px; overflow:hidden;display: flex; justify-content: center; align-items: center; }
.subcontents .fspotviewwr .item-detail dl dd .det-facil li .txt {font-size:0.85em; line-height:1.3; width:100%; word-break:break-all; text-align:center;}
.subcontents .fspotviewwr .item-detail dl dd .det-surround {  width:100%; display: flex;   justify-content: flex-start; align-items: flex-start;  white-space:wrap;   flex-wrap: wrap; gap: 8px;}
.subcontents .fspotviewwr .item-detail dl dd .det-surround li{width:48px;display: flex; flex-direction:column;align-items: center;     justify-content: flex-start; gap:4px;}
.subcontents .fspotviewwr .item-detail dl dd .det-surround li .imgwr {width:48px; height:48px;background:#f7f7f9; border-radius:5px; overflow:hidden;display: flex; justify-content: center; align-items: center; }
.subcontents .fspotviewwr .item-detail dl dd .det-surround li .txt {font-size:0.85em; line-height:1.3; width:100%; word-break:break-all; text-align:center;}

.subcontents .fspotviewwr .item-detail dl dd .seatlist {  width:100%; display: flex;   justify-content: flex-start; align-items: flex-start;  white-space:wrap;   flex-wrap: wrap; gap: 5px 2%; padding-top:14px;}
.subcontents .fspotviewwr .item-detail dl dd .seatlist li{width:49%;display:grid;  grid-auto-flow: row;   grid-template-columns:34px 1fr; gap:5px;   align-items: flex-start;padding:2px;}
.subcontents .fspotviewwr .item-detail dl dd .seatlist li .num {width:100%; height:20px;background:#a3adb8; color:#fff; border-radius:25px; font-size:0.8em; overflow:hidden;display: flex; justify-content: center; align-items: center; }
.subcontents .fspotviewwr .item-detail dl dd .seatlist li .name {font-size:0.9em; line-height:1.3; width:100%;  padding-top:2px; letter-spacing:-0.5px;  }

.subcontents .fspotviewwr .item-detail dl dd .seatlist li.active {background:#e24b4b; border-radius:25px; color:#fff;}
.subcontents .fspotviewwr .item-detail dl dd .seatlist li.active .num {background:#fff;color:#dc2626; font-weight:500;}


.subcontents .fspotviewwr .item-detail dl dd  li.nodata {width:100%;display:grid;  grid-auto-flow: row;   grid-template-columns:36px 1fr; align-items: center; gap:10px; padding:12px;background:#f0f1f4; border-radius:3px;}
.subcontents .fspotviewwr .item-detail dl dd  li.nodata .imgwr{width:36px; height:36px; background:#b5bac8; border-radius:20px; display: flex;  align-items: center;     justify-content: center; }
.subcontents .fspotviewwr .item-detail dl dd   li.nodata .imgwr img {width:auto; height:50%;}
.subcontents .fspotviewwr .item-detail dl dd   li.nodata .txt {font-size:1em; text-align:left ;}


.subcontents .fspotviewwr .item-detail dl dd .det-facil li .imgwr img, .subcontents .fspotviewwr .item-detail dl dd .det-surround li .imgwr img  {max-height:60%;}



.subcontents .mapseq {background:#01a0e2; color:#fff; font-weight:500;font-size:0.8em;  display: flex;  align-items: center;     justify-content: center; border-radius:20px; padding:0px 5px; min-width:26px; line-height:18px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);}


  /* bottom-fixed-btn */
.subcontents .fixbotbtn  {position:fixed;bottom:0px; left:0px; width:100%; z-index:101;box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.1); background:#fff;}
.subcontents .fixbotbtn  .btn_submit{width:100%; height:64px; font-size:1.4em; font-weight:500; color:#fff; padding:0px 15px; background:#0C68B5; border:1px solid rgba(0,0,0,0.07); display: flex;    align-items: center;  justify-content: center;  gap:20px;  }
.subcontents .fixbotbtn  .btn_submit img {opacity:1.0;}
.subcontents .fixbotbtn  .btn_submit.disable {color:rgba(255,255,255,0.7); background:#4883b5; opacity:1 !important; }
.subcontents .fixbotbtn  .btn_submit.disable img{opacity:0.7;}
.subcontents .fixbotbtn  .btn_submit.else {background:#01a0e2;}
.subcontents .fixbotbtn  .btn-writego{width:100%; height:64px; font-size:1.3em; font-weight:500; color:rgba(255,255,255,0.7); padding:0px 30px; background:#0C68B5; border:none;display: flex;    align-items: center;  justify-content: space-between;  gap:10px;  }
.subcontents .fixbotbtn  .btn-writego:hover {background:#203e95;color:#fff; }
.subcontents .fixbotbtn  .btn-writego img {opacity:0.7;}
.subcontents .fixbotbtn  .btn-writego:hover img {opacity:1.0;}
.subcontents .fixbotbtn  .livestart img, .subcontents .fixbotbtn  .liveing img{width:auto; height:60%;}

.subcontents .fixbotbtn  .btn_cancel{width:100%; height:64px; font-size:1.2em; color:#fff; padding:0px 15px; background:#6c757d; border:1px solid rgba(0,0,0,0.07); display: flex;    align-items: center;  justify-content: center;  gap:45px;  }
.subcontents .fixbotbtn  .btn_cancel:hover {background:#5a6268;}
.subcontents .fixbotbtn.spbet {display: grid;    grid-auto-flow: row;   grid-template-columns:100px 1fr;  align-items:center;  gap: 0px; }
.subcontents .fixbotbtn.spbet   .btn_submit img {width:auto; max-height:20px;}
.subcontents .fixbotbtn.spbet2 {display: grid;    grid-auto-flow: row;   grid-template-columns:1fr 1fr;  align-items:center;  gap: 0px;}
.subcontents .fixbotbtn.spbet2 button {font-size:1.2em; font-weight:400;}
.subcontents .fixbotbtn .hasresult{display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; }
.subcontents .fixbotbtn .selresultwr { width:100%;  background:#e9f4ff;  border-top:1px solid rgba(0,0,0,0.15);color:#004EA1; padding:10px 16px;gap:2px;  line-height:1.4;   display: flex;    justify-content: center;    align-items: flex-start; flex-direction:column; }
.subcontents .fixbotbtn .selresultwr .tt {color:#59636d;   display: flex; width:100%;  font-size:0.95em;}
.subcontents .fixbotbtn .selresultwr .txt{width:100%;font-size:1.1em;  display: flex;  justify-content: flex-start; font-weight:500;  } 
.subcontents .fixbotbtn.half {display: grid;    grid-auto-flow: row;   grid-template-columns:1fr 1fr;  align-items:center;  gap: 0px;}
.subcontents .fixbotbtn.half button {font-size:1.2em;padding:0px 8px; gap:10px;  }
.subcontents .fixbotbtn.half button img {width:auto; height:24px;}
  /* reservation */
.subcontents .resertop-exp {width:100%; background: #fff; color:#627a8e; padding:10px 20px 9px 20px; line-height:1.5;border-bottom: 1px solid #e5e5e5; }
.subcontents .resertop-exp.else {font-size:0.95em; background:#f7f7f9; border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.subcontents .resertop-exp.else .exmple {width:100%; display: flex;  justify-content: flex-start; align-items: center; gap:12px;  }
.subcontents .resertop-exp.else .exmple li {display: flex;  justify-content: flex-start; align-items: center; gap:4px; color:#333;font-size:0.95em; }
.subcontents .resertop-exp.else .exmple li span{display: flex;  justify-content: flex-start; align-items: center; width:12px; height:12px; border:1px solid rgba(0,0,0,0.07); background:#975ef7; border-radius:2px;}
.subcontents .resertop-exp.else .exmple li.on_promotion span {background:#ff7979;}

.selectoptionwr {position:relative; width:100%;  display:grid;  grid-auto-flow: row;   grid-template-columns:70px 1fr; align-items: flex-start; background: #fff;  border-bottom: 1px solid #e5e5e5;  }
.selectoptionwr .seldatelist {  width:100%;  height:100%;overflow-x: auto; overflow-y: hidden;    display: flex;  white-space:nowrap;   flex-wrap: nowrap;padding:0px 20px 0 0;   align-items: flex-start;  flex-direction:column; gap:2px; }
.selectoptionwr .seldatelist::-webkit-scrollbar {display:none;}
.selectoptionwr .seldatelist:before {position:absolute; top:0px; left:0px; width:100%; height:47px; content:''; background:#fff;z-index:0;    border-bottom: 1px solid #e5e5e5;    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09);}
.selectoptionwr .caldatt {position:relative; display: flex;  white-space:nowrap;   flex-wrap: nowrap;padding:2px 0 2px 2px;   align-items: flex-start;   gap:2px; }
.selectoptionwr .caldatt.stickyrow{z-index:200;background:#fff;}
.selectoptionwr .caldatt button {     color: #333; font-weight:400;   border: none;   background:#f2f2f2; padding: 0px 2px;  flex: 0 0 auto;   font-size:0.95em;  width: 42px;     height: 42px;     border-radius:5px; display: flex;    justify-content: center;    align-items: center; flex-direction:column; gap:1px; z-index:1;  }
.selectoptionwr .caldatt button span {font-size:0.8em;}
.selectoptionwr .caldatt button strong {font-weight:500;}
.selectoptionwr .caldatt button.holyday {color:#ff3434;}
.selectoptionwr .caldatt button.active {background:#0f0f0f; color:#46c9ff;   }
.selectoptionwr .seldayopt {position:relative;width:100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:2px;padding:2px; background:#f7f7f9;}
.selectoptionwr .seldayopt li {position:relative;width:100%; display: flex;  white-space:nowrap;   flex-wrap: nowrap;  align-items: flex-start;   gap:2px; }
.selectoptionwr .seldayopt li button { color: #333; font-weight:400;   border: 1px solid #e2e2e2;   background:url(../images/mob/ic-rescalsel.svg) center center no-repeat #fff;   padding: 0px 2px;  flex: 0 0 auto;   font-size:0.95em;  width: 42px;     height: 38px;     border-radius:5px; display: flex;    justify-content: center;    align-items: center;    z-index:1;  }
.selectoptionwr .seldayopt li button.end {background:url(../images/mob/ic-rescalend.svg) center center no-repeat #b9bcc1; border-color:rgba(0,0,0,0.1);  }
.selectoptionwr .seldayopt li button.active {background:url(../images/mob/ic-rescalact.svg) center center no-repeat #01a0e2; border-color:rgba(0,0,0,0.1); }


.selectoptionwr .fixoptwr {  position:relative;  width: 70px;  height:100%; padding:2px;background: #fff;  z-index:2;display: flex;    justify-content: flex-start;    align-items: flex-start;  flex-direction:column;gap:6px;  border-right: 1px solid #e5e5e5;  }
.selectoptionwr .fixoptwr:before {position:absolute; top:0px; left:0px; width:100%; height:47px; content:'';    border-bottom: 1px solid #e5e5e5;    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09); z-index:0; }
.selectoptionwr .fixoptwr .monthwr  {  color: #0c68b5;  border: 1px solid #0c68b5;   z-index:3;  background:#fff;   padding: 0px 2px;    flex: 0 0 auto;   width: 100%;  height: 42px;     border-radius:5px; display: flex;    justify-content: center;    align-items: center;  flex-direction:column;gap:1px;  }
.selectoptionwr .fixoptwr .monthwr .txt{font-size:0.85em; line-height:1.3;}
.selectoptionwr .fixoptwr .monthwr span{font-size:1em;}
.selectoptionwr .fixoptwr .optionwr {width:100%;  }
.selectoptionwr .fixoptwr .optionwr ul {width:100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:2px; }
.selectoptionwr .fixoptwr .optionwr li{width:100%; }
.selectoptionwr .fixoptwr .optionwr li span {width:100%;  height: 38px; color:#fff; font-weight:500;background:#019e9a; padding:0px 2px;  letter-spacing:-0.5px;  font-size:0.8em; line-height:1.2;border:1px solid rgba(0,0,0,0.1);border-radius:5px;display: flex;   justify-content: center; align-items: center; text-align:center;}
.subcontents.reservationopt {padding-bottom:126px;}


.subcontents .resoptresultwr {width:100%;}
.subcontents .resoptresultwr .item-imgwr{position:relative;width:100%; min-height:200px; background:#f5f5f5;}
.subcontents .resoptresultwr .item-imgwr .optic {position:absolute; top:10px; left:20px; z-index:5;width:calc(100% - 40px);display: flex; justify-content: flex-start; align-items: flex-start; gap:4px;}
.subcontents .resoptresultwr .item-imgwr  .optic .type {display: flex; justify-content: center; align-items: center; height:26px; line-height:26px;padding:0px 8px 0px 4px;border-radius:5px; background:#01a0e2; color:#fff; font-size:0.9em; gap:5px; }
.subcontents .resoptresultwr .item-imgwr  .optic .type img {width:auto; height:14px;}
.subcontents .resoptresultwr .item-imgwr  .optic .live { display: flex; justify-content: center; align-items: center; height:26px; line-height:26px;padding:0px 8px 0px 6px;border-radius:5px; background:#ff3434; color:#fff; font-size:0.9em; gap:4px;}

.subcontents .resoptresultwr .item-title {padding:14px 20px 16px; color:#333; font-size:1.1em; line-height:1.4; width:100%; display: flex; flex-direction:column; gap:6px;}
.subcontents .resoptresultwr .item-title h2 {font-size:1.4em; font-weight:500; color:#000; line-height:1.3; }
.subcontents .resoptresultwr .item-title .addr {width:100%;}
.subcontents .resoptresultwr  .item-summary {width:100%;   display: flex; flex-direction:column; gap:0px; padding:0px 0 30px;}
.subcontents .resoptresultwr  .item-summary .fishingsumm  {width:100%;   padding:8px 20px; display: flex; flex-direction:column; gap:0px; color:#212427; }
.subcontents .resoptresultwr  .item-summary .fishingsumm li {width:100%;   display: flex; flex-direction:column;    justify-content: flex-start;  align-items: flex-start; line-height:1.4; gap:3px; border-top:1px solid #eff0f4; padding:10px 0px; }
.subcontents .resoptresultwr  .item-summary .fishingsumm li:first-child {border-top:none;}
.subcontents .resoptresultwr  .item-summary .fishingsumm li .tt {color:#688297;width:100%;  font-size:0.9em;  }
.subcontents .resoptresultwr  .item-summary .fishingsumm li .txt {font-weight:400; font-size:1em;width:100%; display: flex;   justify-content: flex-start; align-items: center; }
.subcontents .resoptresultwr  .item-summary .fishingsumm li .joinnum {gap:10px;}
.subcontents .resoptresultwr  .item-summary .fishingsumm li .joinnum .jnum { text-align:left; font-weight:400;}
.subcontents .resoptresultwr .fishingsumm li .joinnum {gap:10px;}
.subcontents .resoptresultwr .fishingsumm li .joinnum .btn-change {width:28px; height:28px; padding:0px 0px; background:#fff; border:1px solid #d0d4d9;    border-radius:3px; display: flex;    align-items: center;  justify-content: center;   }
.subcontents .resoptresultwr  .item-summary .fishingsumm li .seatname {color:#01a0e2; gap:5px;}
.subcontents .resoptresultwr  .item-summary .fishingsumm li .seatname  strong {color:#30363f;font-weight:500;  }
.subcontents .resoptresultwr  .item-summary .fishingsumm li .date {color:#01a0e2; flex-direction:column;  gap:0px;  align-items: flex-start; font-size:0.95em; line-height:1.5; }
.subcontents .resoptresultwr  .item-summary .fishingsumm li .date strong {color:#30363f; font-weight:500;font-size:1.1em;  display:block; margin-bottom:2px;}
.subcontents .resoptresultwr  .item-summary .fishingsumm li.price{color:#0066b3;}
 

.subcontents .item-summary dl {width:100%; border-top:1px solid #f1f1f5; padding:15px 20px; color:#212427; line-height:1.5;display: flex; flex-direction:column; gap:8px;} 
.subcontents .item-summary dl dt {width:100%; color:#688297; font-size:0.95em; font-weight:500;}
.subcontents .item-summary dl dd {width:100%;}
.subcontents .item-summary dl dd .sunmoonwr {position:relative; background:#f7f7f9; border:1px solid rgba(0,0,0,0.05);width:100%; margin-bottom:5px;  display:grid;  grid-auto-flow: column;   grid-template-columns:1fr 1fr; align-items: flex-start; }
.subcontents .item-summary dl dd .sunmoonwr .sunwr {position:relative;width:100%; height:100%;   display: flex;    align-items: center;  justify-content: center; flex-direction:column; padding:8px 10px; gap:1px; font-size:0.9em;border-right:1px solid rgba(0,0,0,0.05);  }
 
.subcontents .item-summary dl dd .sunmoonwr .sunwr .txt-sunset {width:100%;   display:grid;     grid-template-columns:2fr 3fr; align-items: center ;gap:6px;}
.subcontents .item-summary dl dd .sunmoonwr .sunwr  .txt-sunrise {width:100%; display:grid;     grid-template-columns:2fr 3fr; align-items: center ;gap:6px;}
.subcontents .item-summary dl dd .sunmoonwr .sunwr  .txt-suntime {width:100%; display:grid;     grid-template-columns:2fr 3fr; align-items: center ;gap:6px;}
 .subcontents .item-summary dl dd .sunmoonwr .sunwr span{width:100%;display: flex;    align-items: center;  justify-content: flex-end;}
.subcontents .item-summary dl dd .sunmoonwr .sunwr strong {width:100%;font-weight:500;font-size:1.1em; padding-top:1px;display: flex;    align-items: center; align-items: flex-start; }
.subcontents .item-summary dl dd .sunmoonwr .moonwr {100%; height:100%; display: flex; justify-content: center; align-items: center; gap:20px; padding:12px  ; }
.subcontents .item-summary dl dd .sunmoonwr .moonwr li {display: flex;   flex-direction:column; align-items: center; font-size:0.95em; line-height:1.5 }
.subcontents .item-summary dl dd .sunmoonwr .moonwr li strong {font-weight:400;display:block; text-align:center;font-size:0.95em; padding:5px 0 0;}
.subcontents .item-summary dl dd .sunmoonwr .moonwr li span  {font-weight:500;font-size:1em;}
.subcontents .item-summary dl dd .sunmoonwr .moonwr li .today {color:#0081df;}
.subcontents .item-summary dl dd .weatherwr {background:#f7f7f9;width:100%;border:1px solid rgba(0,0,0,0.07);min-height:200px;  display:grid;  grid-auto-flow: row;   grid-template-columns:64px 1fr; align-items: flex-start;  line-height:1.2; }
.subcontents .item-summary dl dd .weatherwr .wetitlewr {width:100%;border-right:1px solid rgba(0,0,0,0.05);  height:100%;display: flex;   flex-direction:column;align-items: flex-start;    color:#555;  background:rgba(0,0,0,0.03); font-size:0.9em;    }
.subcontents .item-summary dl dd .weatherwr .wecontwr{  width:100%;  height:100%;overflow-x: auto; overflow-y: hidden;    display: flex;  white-space:nowrap;   flex-wrap: nowrap;  align-items: flex-start;  flex-direction:column; gap:0px;font-size:0.9em;   }
.subcontents .item-summary dl dd .weatherwr .wecontwr::-webkit-scrollbar {display:none;}
.subcontents .item-summary dl dd .weatherwr .date {width:100%; height:42px;display: flex; justify-content: center; align-items: center;  flex-direction:column; border-bottom:1px solid rgba(0,0,0,0.05); }
.subcontents .item-summary dl dd .weatherwr .weather {width:100%; height:42px;display: flex; justify-content: center; align-items: center;  flex-direction:column;  border-bottom:1px solid rgba(0,0,0,0.05); }
.subcontents .item-summary dl dd .weatherwr .temp {width:100%; height:42px;display: flex; justify-content: center; align-items: center;  flex-direction:column;  border-bottom:1px solid rgba(0,0,0,0.05); }
.subcontents .item-summary dl dd .weatherwr .precpro {width:100%; height:42px;display: flex; justify-content: center; align-items: center;  flex-direction:column;  border-bottom:1px solid rgba(0,0,0,0.05); }
.subcontents .item-summary dl dd .weatherwr .prec {width:100%; height:42px;display: flex; justify-content: center; align-items: center;   flex-direction:column; border-bottom:1px solid rgba(0,0,0,0.05); }
.subcontents .item-summary dl dd .weatherwr .wdirec {width:100%; height:42px;display: flex; justify-content: center; align-items: center;  flex-direction:column; border-bottom:1px solid rgba(0,0,0,0.05);  }
.subcontents .item-summary dl dd .weatherwr .wspeed {width:100%; height:42px;display: flex; justify-content: center; align-items: center;  flex-direction:column;  }		
.subcontents .item-summary dl dd .weatherwr  .wetitlewr .date span{font-weight:500; font-size:1.1em; color:#0066b3;}						
.subcontents .item-summary dl dd .weatherwr .wecontwr .date {  display: flex; justify-content: flex-start; align-items: flex-start; border-bottom:none;  justify-content: flex-start;  flex-wrap: wrap; color:#555; }		
.subcontents .item-summary dl dd .weatherwr .wecontwr .weather { display: flex; justify-content: flex-start; align-items: flex-start; border-bottom:none;  justify-content: flex-start;  flex-wrap: wrap;  border-bottom:none;  }		
.subcontents .item-summary dl dd .weatherwr .wecontwr .temp{ display: flex; justify-content: flex-start; align-items: flex-start; border-bottom:none;  justify-content: flex-start;  flex-wrap: wrap;  border-bottom:none;  }		
.subcontents .item-summary dl dd .weatherwr .wecontwr .precpro {display: flex; justify-content: flex-start; align-items: flex-start; border-bottom:none;  justify-content: flex-start;  flex-wrap: wrap;  border-bottom:none;    }		
.subcontents .item-summary dl dd .weatherwr .wecontwr .prec { display: flex; justify-content: flex-start; align-items: flex-start; border-bottom:none;  justify-content: flex-start;  flex-wrap: wrap;  border-bottom:none; }		
.subcontents .item-summary dl dd .weatherwr .wecontwr .wdirec { display: flex; justify-content: flex-start; align-items: flex-start; border-bottom:none;  justify-content: flex-start;  flex-wrap: wrap;  border-bottom:none;  }		
.subcontents .item-summary dl dd .weatherwr .wecontwr  .wspeed {display: flex; justify-content: flex-start; align-items: flex-start; border-bottom:none;  justify-content: flex-start;  flex-wrap: wrap;  }		
.subcontents .item-summary dl dd .weatherwr .wecontwr li {position:relative;width:64px; height:100%;display: flex; justify-content: center; align-items: center;  border-bottom:1px solid rgba(0,0,0,0.05); border-left:1px solid rgba(0,0,0,0.05);  font-weight:500; line-height:1.2; }	
.subcontents .item-summary dl dd .weatherwr .wecontwr li:first-child {border-left:none;}
.subcontents .item-summary dl dd .weatherwr .wecontwr .weather li  img{ width:auto; height:70%;}
.subcontents .item-summary dl dd .weatherwr .wecontwr .temp li {    flex-direction:column;  }
.subcontents .item-summary dl dd .weatherwr .wecontwr .temp li .bar {position:absolute; left:0;width:100%; height:2px; content:''; background:#e9124d; }
.subcontents .item-summary dl dd .weatherwr .wecontwr .temp li .bar:before{position:absolute; left:50%;width:6px; height:6px; margin-top:-2px; margin-left:-3px; border-radius:3px;content:''; background:#e9124d; }
.subcontents .item-summary dl dd .weatherwr .wecontwr .temp li .txt {width:100%; height:100%;display: flex; justify-content: center; align-items: center;    z-index:1; font-weight:400; font-size:0.9em;gap:0px; color:#555;     }
.subcontents .item-summary dl dd .weatherwr .wecontwr .temp li .txt strong {font-size:1.1em; font-weight:500; color:#000;}
.subcontents .item-summary dl dd .weatherwr .wecontwr .precpro li { font-weight:400; color:#666; gap:0px;      }
.subcontents .item-summary dl dd .weatherwr .wecontwr .prec li { font-weight:400; color:#0066b3; gap:0px;   font-size:0.975em;  }
.subcontents .item-summary dl dd .weatherwr .wecontwr .wdirec li .windrr {width:30px; height:30px;  display: flex; justify-content: center; align-items: center; overflow:hidden;    }
.subcontents .item-summary dl dd .weatherwr .wecontwr .wspeed li { font-weight:400;  border-bottom:none;     }
.subcontents .item-summary dl dd .temperwr {    width: 100%; background: #f7f7f9;   border: 1px solid rgba(0, 0, 0, 0.05); border-top:none;padding:15px 10px; margin-bottom:5px;  display:grid;     grid-template-columns:repeat(3, 1fr); gap:6px 10px;   align-items: center; }
.subcontents .item-summary dl dd .temperwr li {width:100%; display: flex;   justify-content: flex-start; align-items: center; flex-direction:column; font-size:0.95em; color:#666; gap:2px;}
.subcontents .item-summary dl dd .temperwr li .txt {color:#212427;display: flex;   justify-content: center; align-items: center;gap:3px;}
.subcontents .item-summary dl dd .wecontwr li strong {font-weight:500;  }

.subcontents .datanone {width:100%; padding:15px 20px;background: #f7f7f9;     border: 1px solid rgba(0, 0, 0, 0.05);}


  /* scont-top-tabmenu */

.subcontents .sctop-menu { width:100%; display:grid;  grid-template-columns: repeat(3, 1fr);  justify-content: center; gap:8px;   padding:8px 20px; background: #f7f7f9; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.subcontents .sctop-menu.spbet { grid-template-columns: repeat(2, 1fr);  }
 .subcontents .sctop-menu.num4 { grid-template-columns: repeat(4, 1fr); gap:6px;}
.subcontents .sctop-menu button, .subcontents .sctop-menu a  {     color: #6f6f6f;    border: 1px solid #e9e9e9;  background:#fff;   padding: 0px 12px;  flex: 0 0 auto;  font-size:0.95em; width: 100%;    min-height: 38px;     border-radius: 50px; display: flex;    justify-content: center;    align-items: center; gap:12px; }
.subcontents .sctop-menu button.active, .subcontents .sctop-menu a.active {color:#fff; background:#0c68b5;  border-color:rgba(0,0,0,0.1);}
 .subcontents .sctop-menu.num4  button {gap:0px;  min-width:84px;}
 
 
 .subcontents .sctop-menu.scroll { width:100%; overflow-x: auto; overflow-y: hidden;    display: flex;  white-space:nowrap;  align-items: center;     justify-content: flex-start; flex-wrap: nowrap; gap:6px;   padding:8px 20px; background: #f7f7f9; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.subcontents .sctop-menu.scroll::-webkit-scrollbar {display:none;}
 .subcontents .sctop-menu button,  .subcontents .sctop-menu a {width:auto; min-width:100px; }
 
.subcontents .sctop-menuwr {width:100%;border-top:10px solid #eff0f4; margin-bottom:13px; }
.subcontents .sctop-menu.main { border-top:1px solid #e5e5e5; }
.subcontents .sctop-menu.main button{   min-height: 48px; font-size:0.95em; color:#444;min-width:90px; }
.subcontents .sctop-menu.main button.active {color:#fff; }

.subcontents .view-content  { width:100%; }
.subcontents .view-content  .bbslistwr {width:100%; }
.subcontents .view-content > .bbslistwr.active {display:flex;justify-content: flex-start; align-items: flex-start;flex-direction:column;}
.subcontents .view-content .resviewcon {width:100%; }
.subcontents .view-content > .resviewcon.active {display:flex;justify-content: flex-start; align-items: flex-start;flex-direction:column;}
.subcontents .view-content > .bbslistwr .no-data{ width:100%; padding:30px 20px 20px;display:flex;justify-content: flex-start; align-items: center;flex-direction:column;}
.subcontents .view-content > .bbslistwr .no-data .ic {width:120px; height:120px; margin-bottom:15px; border-radius:80px;  background:#eff0f4;  display: flex;   align-items: center;     justify-content: center;  }
.subcontents .view-content > .bbslistwr .no-data .ic img {width:auto; height:64%;}
.subcontents .view-content > .bbslistwr .no-data .txt {text-align:center; color:#688297; font-weight:500;}
.subcontents .view-content > .bbslistwr .no-data .txt strong {display:block; color:#333; font-size:1.1em; font-weight:400;}
.subcontents .view-content.main {padding:0px 0 15px;}



.subcontents.reservation .no-data { width:100%; padding:30px 20px 20px;display:flex;justify-content: flex-start; align-items: center;flex-direction:column;}
.subcontents.reservation .no-data .ic {width:120px; height:120px; margin-bottom:15px; border-radius:80px;  background:#eff0f4;  display: flex;   align-items: center;     justify-content: center;  }
.subcontents.reservation .no-data .ic img {width:auto; height:64%;}
.subcontents.reservation .no-data .txt {text-align:center; color:#688297; font-weight:500;}
.subcontents.reservation .no-data .txt strong {display:block; color:#333; font-size:1.2em; font-weight:400;}


.subcontents.myreser  .no-data{ width:100%; padding:30px 20px 20px;display:flex;justify-content: flex-start; align-items: center;flex-direction:column;}
.subcontents.myreser .no-data .ic {width:120px; height:120px; margin-bottom:15px; border-radius:80px;  background:#eff0f4;  display: flex;   align-items: center;     justify-content: center;  }
.subcontents.myreser .no-data .ic img {width:auto; height:64%;}
.subcontents.myreser .no-data .txt {text-align:center; color:#688297; font-weight:500;}
.subcontents.myreser .no-data .txt strong {display:block; color:#333; font-size:1.2em; font-weight:400;}


.subcontents .fspotlistwr .no-data{ width:100%; padding:30px 20px 20px;display:flex;justify-content: flex-start; align-items: center;flex-direction:column;}
.subcontents .fspotlistwr .no-data .ic {width:120px; height:120px; margin-bottom:15px; border-radius:80px;  background:#eff0f4;  display: flex;   align-items: center;     justify-content: center;  }
.subcontents .fspotlistwr .no-data .ic img {width:auto; height:64%;}
.subcontents .fspotlistwr .no-data .txt {text-align:center; color:#688297; font-weight:500;}
.subcontents .fspotlistwr .no-data .txt strong {display:block; color:#333; font-size:1.2em; font-weight:400;}

.subcontents .view-content > .bbslistwr .mine-guest{width:100%; padding:5px 20px 0px;}
.subcontents .view-content > .bbslistwr .mine-guest .no-data {padding:14px 15px;background: #e9f4ff;    border: 1px solid rgba(0, 0, 0, 0.05);    border-radius: 5px; display: flex;   align-items: center;     justify-content: flex-start; flex-direction:column;}
.subcontents .view-content > .bbslistwr .mine-guest .no-data .ic{width:72px; height:72px; background:#fff; margin-bottom:5px;}
.subcontents .view-content > .bbslistwr .mine-guest .no-data .txt {width:100%;font-weight:400; font-size:0.925em; letter-spacing:-0.5px;display: flex;   align-items: center;     justify-content: flex-start; flex-direction:column; }
.subcontents .view-content > .bbslistwr .mine-guest .no-data .btn-login {margin-top:8px; width:40%; display: flex;   align-items: center;     justify-content: center; padding:0px 15px; font-size:0.95em;  letter-spacing:0px;min-height:34px;border-radius:30px;color: #fff;    background: #0c68b5;    border:1px solid  rgba(0, 0, 0, 0.1);}
  
 .subcontents .view-content > .bbslistwr .nodatawr  {width:100% !important; padding:10px 20px 20px !important;}
.subcontents .view-content > .bbslistwr .nodatawr .no-data {width:100%; padding:15px 18px 10px; border-radius:10px; background:#f2f2f7; border:1px solid rgba(0,0,0,0.03);}
.subcontents .view-content > .bbslistwr .nodatawr .no-data .ic  {width:72px; height:72px; background:#fff; margin-bottom:8px;}
.subcontents .view-content > .bbslistwr .nodatawr .no-data .ic img {width:70%;  height:auto; object-fit:contain;}
  .subcontents .view-content > .bbslistwr .nodatawr .no-data .txt  strong{font-size:0.95em; color:#688297; font-weight:400;}
 .subcontents .myrecordwr .nodatawr  {width:100% !important; padding:15px 20px 0px !important;}
.subcontents .myrecordwr .nodatawr .no-data {width:100%; padding:15px 18px 10px; border-radius:10px; background:#f2f2f7; border:1px solid rgba(0,0,0,0.03);}
.subcontents .myrecordwr .nodatawr .no-data .ic  {width:72px; height:72px; background:#fff; margin-bottom:8px;}
.subcontents .myrecordwr .nodatawr .no-data .ic img {width:70%;  height:auto; object-fit:contain;}
  .subcontents .myrecordwr .nodatawr .no-data .txt  strong{font-size:0.95em; color:#688297; font-weight:400;}  
.subcontents .item-imgwr .botbtn {position:absolute; bottom:10px; right:20px; z-index:5;width:calc(100% - 40px);display: flex; justify-content: flex-end; align-items: flex-end; gap:4px;}
.subcontents .item-imgwr .botbtn .navibtn {width:64px; height:64px; border-radius:5px; overflow:hidden;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);}
	.subcontents .item-imgwr .botbtn .navibtn  img {width:100%; height:auto;}
	
.subcontents .item-imgwr .item-resernum {position:absolute; bottom:0px; left:0px; z-index:5; padding:10px 15px 0px 20px; line-height:1.4; font-weight:500;color:#333; font-size:1em; display: flex; justify-content: flex-start; align-items: flex-end; gap:6px; background:#fff; border-radius:0px 20px 0 0; box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.15);}
.subcontents .item-imgwr .item-resernum .txt {font-size:1.1em; color:#000; font-weight:700;}

  /* me */
  
 .subcontents.me .sctop-menuwr {border-top:none;}
 .subcontents   .sctop-menu.first button, #tabhndr_community button {min-width:72px; width:100%;   font-size:0.95em; }
 .subcontents  .sctop-menu.second,  #tabhndr_fis   {background:#fff; border-bottom:1px solid #e5e5e5;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09);}
 .subcontents .sctop-menu.second  button,  #tabhndr_fish button {border: 1px solid rgba(0,0,0,0.02);    background: #f2f2f2;    padding: 0px 5px;    flex: 0 0 auto;    font-size:0.95em; color:#333;min-width: 68px;    min-height: 40px;    border-radius: 7px;    display: flex;    justify-content: center;    align-items: center;   }
 .subcontents  .sctop-menu.second  button.active,  #tabhndr_fish button.active {color:#0c68b5;  background:#fff; border-color:#0c68b5; font-weight:500;}
#tabhndr_community {display: flex;   justify-content: center; align-items: center;}
#tabhndr_community button {min-width:120px;}
 
  /* list */
.subcontents .bbslistwr {width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;}
.subcontents .bbslistwr a {width: 100%; display:block; border-top:12px solid #eff0f4;}
.subcontents .bbslistwr .listitem {width: 100%;display: flex; justify-content: flex-start; align-items: flex-start;flex-direction:column; }
.subcontents  .bbslistwr a:first-child {border-top:none;}
.subcontents  .listitem .item-head {width: 100%;display: flex; justify-content: space-between; align-items: center; padding:0px 20px 0px;}
.subcontents  .listitem .item-head .user {  display:grid;  grid-template-columns: 44px 1fr;  justify-content: flex-start; align-items: center;gap:10px;padding:10px 0px 10px;}
.subcontents  .listitem .item-head .user .imgwr{width:44px; height:44px; border-radius:24px; overflow:hidden;background:#fbfbfb;}
.subcontents  .listitem .item-head .user .imgwr img {width:100%; height:100%; object-fit:cover;}
.subcontents  .listitem .item-head .user .txtwr {display: flex; justify-content: center; align-items: flex-start;flex-direction:column; line-height:1.3;gap:4px;}
.subcontents  .listitem .item-head .user .name {color:#000; font-weight:700; font-size:1.05em;display: flex; justify-content:flex-start ; align-items: center; gap:7px;}
.subcontents  .listitem .item-head .user .name .grade { position:relative; font-size:0.9em; color:#0081df; padding-left:12px;  margin-top:1px;  }
.subcontents  .listitem .item-head .user .name .grade:before {position:absolute; top:50%; left:0px; width:3px; height:3px; margin-top:-2px; background:#0081df; content:'';}
.subcontents  .listitem .item-head .pronum {display: flex; justify-content: flex-end; align-items: center; color:rgba(0,0,0,0.5); font-size:0.8em; font-weight:400;letter-spacing:-0.5px; line-height:1.3; margin-top:1px;  }
.subcontents  .listitem .item-head .pronum strong {letter-spacing:0px; display:inline-block; margin:0px 1px 0px 3px;}
.subcontents  .listitem .item-head .date {display: flex; justify-content: flex-end; align-items: center; color:rgba(0,0,0,0.5); font-size:0.8em;}
.subcontents  .listitem .item-head .type { display:grid;     grid-template-columns:repeat(1, 1fr);   align-items: center; flex-direction:column; gap:2px; }
.subcontents  .listitem .item-head .type1 {  padding:0px 10px 0px 6px; height:24px;border-radius:20px;display: flex; justify-content: center; align-items: center; gap:2px; background:#01a0e2; color:#fff; font-size:0.8em;}
.subcontents  .listitem .item-head .type img {width:auto; height:18px;}
.subcontents  .listitem .item-head .livest { padding:0px 10px 0px 6px; height:24px;border-radius:20px;display: flex; justify-content: center; align-items: center; gap:2px; background:#ff3434; color:#fff; font-size:0.8em;}
.subcontents  .listitem .item-head .type.livelist .type1, .subcontents  .listitem .item-head .type.livelist .livest{height:24px;  display:grid;     grid-template-columns:16px 1fr;     align-items: center; }
.subcontents  .listitem .item-head .type.livelist .type1 span, .subcontents  .listitem .item-head .type.livelist .livest span{width:100%; display: flex; justify-content: flex-end; align-items: center; }
.subcontents  .listitem .item-head .type.livelist img {width:auto; height:16px;}

.subcontents  .listitem .item-head .right {display: flex; justify-content: center; align-items: center; flex-direction:column;}
.subcontents  .listitem .item-head .right .score {display: flex; justify-content: center; align-items: center; flex-direction:column; line-height:1.4; color:#333;gap:2px;}
.subcontents  .listitem .item-head .right .score span {font-size:0.8em;  color:#01a0e2; }
.subcontents  .listitem .item-head .right .score strong {font-weight:700; font-size:1.05em; width:100%; border:1px solid #01a0e2; color:#01a0e2; border-radius:5px;display: flex; justify-content: center; align-items: center; }

.subcontents  .listitem dl { width:100%;  padding-bottom:8px;}
.subcontents  .listitem dl dt {position:relative;width:100%;   } 
.subcontents  .listitem dl dd{width:100%; margin-top:12px;padding:0 20px;  font-size:1.05em; color:#333;   }
.subcontents  .listitem dl dd.noimg {margin-top:5px;height:auto; display:block; max-height:9em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.subcontents  .bbslistwr  .listitem dl dd{width:100%; margin-top:14px;padding:0 20px;  font-size:1.05em; color:#333;     display:-webkit-box;   -webkit-line-clamp:2;   -webkit-box-orient:vertical;  white-space:normal;   line-height:1.5em;   max-height:3em;   overflow:hidden;   text-overflow:ellipsis; }
.subcontents .item-bottom {width: 100%;display: flex; justify-content: space-between; align-items: center; padding:16px 20px ;}
.subcontents .item-bottom li {display: flex; justify-content: flex-start; align-items: center; gap:8px; font-size:0.9em; color:#444; font-weight:400;}

.subcontents  .bbslistwr .listitem dl dt { padding-top: calc(100% / 4 * 3); } 
.subcontents  .bbslistwr .listitem dl dt  .proimg {position: absolute; top: 0px;    left: 0px;    width: 100%;    height: 100%;    border-radius: 0px;   overflow: hidden;  display: flex; justify-content: center; align-items: center; background:#fbfbfb;}
.subcontents  .bbslistwr .listitem dl dt  .proimg:before  {position: absolute; top: 0px;    left: 0px;    width: 100%;    height: 100%;    border-radius: 0px;   overflow: hidden;  display: flex; justify-content: center; align-items: center; border:1px solid rgba(0,0,0,0.07); border-width:1px 0; content:'';}
 
.subcontents  .bbslistwr .listitem dl dt  .proimg img {width:100%; height:100%; object-fit:cover;}
.subcontents .bbsviewwr  .listitem dl {padding-top:0px;}
.subcontents .bbsviewwr  .listitem dl dt{position:relative;}
.subcontents .bbsviewwr  .listitem dl dt img {width:100%;height:auto;  object-fit:normal;}
.subcontents .bbsviewwr  .listitem dl.youtubewr dd {padding:0px; display:block;}
.subcontents .bbsviewwr  .listitem dl.youtubewr dd .youtube-link {padding:0px 20px;}
.subcontents .bbsviewwr .item-summary dl.fspotinfodate {border-top: 12px solid #eff0f4; border-bottom: 12px solid #eff0f4; margin-top:5px;}

.subcontents .view-content.bestcatch {  padding-bottom:15px;}
.subcontents .view-content.bestcatch .myrecordtotal {margin-top:0px; padding:0px;}
.subcontents .view-content.bestcatch .myrecordtotal ul {border-radius:0px; padding:8px 20px;border-width:0px 0px 1px 0; }
.subcontents .view-content.travelcatch {border-top: 12px solid #eff0f4;  }
.subcontents .record {width:100%;}
.subcontents.catch .record .myrecordwr .myfrecord {  padding-top:15px;gap:5px;}
.subcontents.catch .record .myrecordwr .myfrecord .myfr-sum {background: linear-gradient(to right, #00c400, #277dfa); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);}
.subcontents .tabmid{width:100%; overflow-x: auto;   overflow-y: hidden;    display: flex;    white-space: nowrap;    align-items: center;    justify-content: flex-start;    flex-wrap: nowrap;   gap: 6px;    padding: 7px 20px;background: #fff;  border-bottom: 1px solid #e5e5e5;    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09);   }
.subcontents .tabmid::-webkit-scrollbar {display:none;}
.subcontents .tabmid button {border: 1px solid rgba(0, 0, 0, 0.02);    background: #f2f2f2;    padding: 0px 3px;    flex: 0 0 auto;    font-size: 0.95em;    color: #333;    min-width: 64px;    min-height: 36px;    border-radius: 7px;    display: flex;    justify-content: center;    align-items: center; }
.subcontents .tabmid button.active {color: #019e9a;     background: #fff;    border-color: #019e9a;    font-weight: 500;}
.subcontents .view-content2 {width:100%;}
.subcontents.catch .view-content2  .myrecordtotal {padding-top:4 }
.subcontents.catch .record .myrecordwr .view-content2 .myrecordtotal ul{ background:#019e9a;   }
.subcontents.catch .record .myrecordwr .view-content2 .myrecordtotal ul li {gap:0px;}
.subcontents.catch .record .myrecordwr .view-content2 .myrecordtotal ul li .tt {opacity:0.8;}
 .subcontents.catch .sctop-menuwr {margin-bottom:0px;}
 .subcontents.catch .record .myrecordwr .view-content2 .datetitle { width:100%; color: #212427;    font-weight: 500;    font-size: 1.2em; padding:10px 20px 5px;}
 
 .subcontents  .mycatchtravelwr {width:100%; }
 .subcontents .mycatravelwr {width:calc(100% - 40px); margin:0px 20px;border-bottom:1px solid rgba(0, 0, 0, 0.13); }
 .subcontents .mycatravelwr li {width:100%; line-height:1.4; display:grid;     grid-template-columns:50px 1fr; align-items: flex-start; border:1px solid rgba(0, 0, 0, 0.13); border-bottom:none;  overflow:hidden;   }
 .subcontents .mycatravelwr li .month {width:100%; height:100%;   padding:8px 3px; font-weight:500; border-right:1px solid  rgba(0, 0, 0, 0.05); font-size:0.95em; color:#252525; font-weight:500; text-align:center; background:#f7f7f9;}
 .subcontents .mycatravelwr li .month span { font-weight:400; font-size:0.95em; display:inline-block; margin-left:1px;}
 .subcontents .mycatravelwr li .myctitem {width:100%; height:100%; padding:8px 10px 8px; display:grid;     grid-template-columns:1fr 78px; align-items: flex-start; }
 .subcontents .mycatravelwr li.none {  border-top:none; border-bottom:none; }
 .subcontents .mycatravelwr li.none .month {border-top:none; }
 .subcontents .mycatravelwr li.none .myctitem {border-top:1px solid  rgba(0, 0, 0, 0.05);}
 .subcontents .mycatravelwr li .mct-txt{width:100%; height:100%;   }
 .subcontents .mycatravelwr li .mct-txt .title {width:100%; word-break:keep-all; font-weight:500; font-size:0.95em; color:#000; margin-bottom:2px;}
 .subcontents .mycatravelwr li .mct-txt .info dl  {width:100%;display: flex; justify-content: flex-start; align-items: center; gap:5px; margin-top:1px; } 
 .subcontents .mycatravelwr li .mct-txt .info dl .tt {color:#688297; font-size:0.85em; }
.subcontents .mycatravelwr li .mct-txt .info dl .txt  {color:#000; font-size:0.9em; font-weight:400;}
.subcontents .mycatravelwr li .mct-txt .info dl.hour .txt   {color:#01a0e2; }
 .subcontents .mycatravelwr li .mct-img{width:100%;   height:100%;  }
 .subcontents .mycatravelwr li .mct-img .imgwr {position:relative; width:100%; height:59px; overflow:hidden; border-radius:5px;display: flex; justify-content: center; align-items: center; }
  .subcontents .mycatravelwr li .mct-img .imgwr:before {position: absolute; top: 0px;    left: 0px;    width: 100%;    height: 100%;    border-radius: 5px;   overflow: hidden; border:1px solid rgba(0,0,0,0.05); z-index:1; content:'';}
  .subcontents .mycatravelwr li .mct-img .imgwr img{width:100%; height:100%; object-fit:cover; }
 
  .subcontents .mycatchtravelwr .nodatawr {padding:10px 15px !important;  width:calc(100% - 40px) !important; margin:0px 20px; border-radius:5px; background:#f3f3f5; border:1px solid rgba(0,0,0,0.05);  display:grid;  grid-auto-flow: row;   grid-template-columns:64px 1fr; gap:15px;   align-items: center; }
  .subcontents .mycatchtravelwr .nodatawr .ic {width:64px; height:64px; border-radius:50px;  background:#fff; display: flex; justify-content: center; align-items: center;  } 
.subcontents .mycatchtravelwr .nodatawr .ic img {width:65%; height:auto; object-fit:contain; }
 .subcontents .mycatchtravelwr .nodatawr .txt strong{ color:#627a8e; font-weight:500; font-size:0.95em;}
 
 
  /* 보기 */
.subcontents .bbsviewwr {width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; padding-bottom:40px;}
.subcontents .bbsviewwr .listitem {background:#fff; width:100%;}
.subcontents .bbsviewwr .listitem dl dd {   -webkit-line-clamp:none; height:auto; padding-bottom:5px; line-height:1.7;}
.subcontents  .bbsviewwr .listitem .item-head {padding:0px 20px;}
.subcontents  .bbsviewwr .listitem .item-title {width:100%; padding:10px 20px 15px;  border-top:1px solid #f1f1f5;background:#fff;display: flex; justify-content: flex-start; align-items: flex-start;flex-direction:column; }
.subcontents  .bbsviewwr .listitem .item-title dt{width:100%;   font-weight:500; color:#212427; font-size:1.1em; justify-content: flex-start;background:#fff;}
.subcontents  .bbsviewwr  .listitem .item-title dd{width:100%;   color:#212427; padding:0px; margin-top:5px;font-size:1.05em; }
.subcontents .bbsviewwr .listitem dl.hasmemo dd { margin-top:0px;  color:#212427; padding:12px 20px 16px 18px;    display:grid;  grid-template-columns: 20px 1fr; line-height:1.5;  justify-content: flex-start; align-items: flex-start;gap:6px; }
.subcontents .bbsviewwr .listitem dl.hasmemo dd .ic {line-height:1.3; opacity:0.6;}
.subcontents .bbsviewwr .listitem dl.hasmemo dd .txt{font-size:0.95em;}
.subcontents  .bbsviewwr .item-summary {width:100%;background:#fff; padding-bottom:10px;}
.subcontents  .bbsviewwr .item-summary .fishingdate {color:#555; width:100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:1px;}
.subcontents  .bbsviewwr .item-summary .fishingdate p{ font-size:1.1em; font-weight:500; color:#004EA1;}

.subcontents  .bbsviewwr .item-summary .fishphlist {width:100%;display: flex;  flex-direction:column;  gap:8px; margin-bottom:5px;} 
.subcontents  .bbsviewwr .item-summary .fishphlist  li {width:100%;display: flex;   justify-content: center; align-items: flex-start;   overflow:hidden; background:#f5f5f5;}
.subcontents  .bbsviewwr .item-summary .fishphlist  li img {max-width:100%; height:auto;}
.subcontents  .bbsviewwr .item-summary .fishingsizewr{width:100%; padding:1px; border-radius:7px;background: linear-gradient(to right, #00c400, #277dfa);    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); }
.subcontents  .bbsviewwr .item-summary .fishingsizewr.el {background:#01ada9;}
.subcontents  .bbsviewwr .item-summary .fishingsize { width:100%;  padding:13px 15px 15px;   border-radius:5px; background:#fff;display: flex;  flex-direction:column;  gap:10px; }
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizeimgwr {width:100%;   display:grid;    /* grid-template-columns:repeat(2, 1fr);*/ gap:8px 16px;   align-items: center; }
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizeimgwr .fsizebox {width:100%; display: flex;  flex-direction:column; gap:8px; justify-content: flex-start;   align-items:flex-start;}
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizeimgwr .fsizebox h5 {font-weight:500; color:#333; font-size:1.1em;}
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizeimg  {position:relative; width:100%;/* padding-top: calc(100% / 4 * 3);  */}
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizeimg:before {position: absolute; top: 0px;    left: 0px;    width: 100%;    height: 100%;    border-radius: 5px;   overflow: hidden; border:1px solid rgba(0,0,0,0.05); z-index:1; content:'';}
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizeimg .proimg {/*position: absolute;*/ top: 0px;    left: 0px;    width: 100%;    height: 100%;    border-radius: 5px;   overflow: hidden;    display: flex; justify-content: center; align-items: center; background:#e0e3e7;} 
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizeimg .proimg  img {    width: 100%;    height: 100%; object-fit: contain;}
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizetxt {width:100%;display: flex;   justify-content: space-between; align-items: flex-end;gap:5px;  }
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizetxt .tt {color:#000; font-size:1.15em; font-weight:500; }
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizetxt .txt {color:#01a0e2;font-size:0.95em; display: flex;   justify-content: flex-start; align-items: center;  gap:5px;}
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizetxt .txt strong{ font-size:1.1em;}
.subcontents  .bbsviewwr .item-summary .fishinghistorywr {width:100%; color:#fff;  background:#019e9a;border-radius:7px; border:1px solid rgba(0,0,0,0.07); margin-top:10px; }
.subcontents  .bbsviewwr .item-summary .fishinghistory {width:100%; display:grid;  grid-template-columns: repeat(5, 1fr);  justify-content: center; }
.subcontents  .bbsviewwr .item-summary .fishinghistory li {width:100%;display: flex;  flex-direction:column;  gap:2px;  justify-content: flex-start; align-items: center; padding:10px 4px; }
.subcontents  .bbsviewwr .item-summary .fishinghistory li .tt {font-size:0.875em; opacity:0.8;}
.subcontents  .bbsviewwr .item-summary .fishinghistory li .txt  {font-size:0.9em;width:100%;display: flex; justify-content: center; align-items: flex-end;gap:2px; }
.subcontents  .bbsviewwr .item-summary .fishinghistory li .txt  strong {font-size:1.1em;}
.subcontents  .bbsviewwr .item-summary .fishinghistorywr .totalnum { width:100%; display: flex; justify-content: flex-end; align-items: flex-end;gap:2px; font-size:1.05em; line-height:1.3;padding:9px 15px 10px; background:rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.05); }
.subcontents  .bbsviewwr .item-summary .fishinghistorywr .totalnum strong {display:inline-block; margin:0px 2px 0px 10px; font-size:1.1em;}
.subcontents  .bbsviewwr .item-summary .fishingsizehiswr {position:relative; width:100%; display: flex;  flex-direction:column;}
.subcontents  .bbsviewwr .item-summary dd.fishingsizehistory {width:100%; display: flex;  flex-direction:column;gap:16px; margin-bottom:10px;}
.subcontents .bbsviewwr .item-summary dd.fishingsizehistory .fishinghistorywr {margin-top:1px; }
.subcontents  .bbsviewwr .item-summary .fishingsizehiswr .bigsizefocus {position:absolute; left:8px; top:0px; z-index:2; background:#FF6E49; color:#fff; padding:5px 5px 5px 6px; border-radius:0px 0px 7px 7px; font-size:0.85em;display: flex; justify-content: center; align-items: center; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); gap:5px;}
.subcontents  .bbsviewwr .item-summary .fishingsizehiswr .bigsizefocus img{width:auto; height:13px;}


  /* comment */
.subcontents .commentwr{width: 100%;border-top:1px solid #e5e5e5;  display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;}
.subcontents .commentwr .comm-title {width: 100%;display: flex; justify-content: space-between; align-items: center;  padding:0px 20px; border-bottom:1px solid #e5e5e5;}
.subcontents .commentwr .comm-title h4{color:#444; font-weight:500; padding:8px 0;}
.subcontents .commentwr  .commitem { width: 100%;  }
.subcontents .commentwr  .commitem li {position:relative;width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;padding:12px 0;   }
.subcontents .commentwr  .commitem li:before {position:absolute; left:0px; top:0px; width:100%; height:1%; content:''; background:#e5e5e5;  display:block;}
.subcontents .commentwr  .commitem li:first-child:before  {display:none;}
.subcontents .commentwr  .commitem .nonedata {padding:8px 20px 0; color:#688297; font-size:0.95em;}

 .subcontents .commitem dl { position:relative;width:100%; display:grid;  grid-auto-flow: row;   grid-template-columns:40px 1fr; gap:14px;   align-items: flex-start; padding:0px 20px; margin-bottom:8px; }
.subcontents .commitem dl dt {width:100%;padding:0px 0;  z-index:1;}
.subcontents .commitem dl dt .imgwr{width:40px; height:40px; border-radius:20px; margin-top:6px; overflow:hidden;background:#fbfbfb; }
.subcontents .commitem dl dt img {width:100%; height:100%; object-fit:cover;}
.subcontents .commitem dl dd  {width:100%; padding:6px 0;z-index:1; background:#f7f7f9;}
.subcontents .commitem dl dd .comm-head {width: 100%;display: flex; justify-content: space-between; align-items: center; line-height:1.3; padding-top:2px; }
.subcontents .commitem dl dd .comm-head .name {color:#000; font-weight:500; font-size:0.95em;}
.subcontents .commitem dl dd .comm-head .date {display: flex; justify-content: flex-end; align-items: center; color:rgba(0,0,0,0.5); font-size:0.8em;}
.subcontents .commitem dl dd .comm-cont{width: 100%; color:#333;  padding-top:3px; line-height:1.6;  }
 .subcontents .commitem li.hasre dl {margin-bottom:0px;}
 .subcontents .commitem li.hasre dl:before {position:absolute; left:39px; top:10px; width:1px; height:100%; content:''; background:#ccc; }
.subcontents .commitem dl.reply {  }
.subcontents .commitem li.hasre dl.reply:before {display:none;}

.subcontents .writecomm {position:fixed;bottom:0px; left:0px; width:100%; padding:12px 20px; background:#fff; z-index:31;box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.16);}
.subcontents .writecomm .writebox {width:100%; position:relative;}
.subcontents .writecomm .writebox .frm-normal{background:#f5f5f5;  border-radius:30px; height:40px; line-height:38px; padding:0px 50px 0px 18px; }
.subcontents .writecomm .writebox .frm-normal:focus {background:#fff;}
.subcontents .writecomm .writebox .btn_submit  {position:absolute; right:0px; top:0px;padding:0px; width: 50px;   height: 40px;opacity:1.0;  border:none; background:transparent;   border-radius:0px 5px 5px 0px;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; }
.subcontents .writecomm .writebox .btn_submit:disable {   opacity:0.3;  }

.subcontents .writecomm .writebox  input::placeholder { font-size:0.85em; }
.subcontents .writecomm .writebox input::-webkit-input-placeholder { font-size:0.85em; }
.subcontents .writecomm .writebox input:-ms-input-placeholder { font-size:0.85em; }

  /* write */
.subcontents .bbswritewr {width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;  }
.subcontents .writefrm  {width:100%;display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;  gap:12px; color:#212427;  padding-bottom:10px;}
.subcontents .writefrm dl  {width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;  padding:15px 20px 20px; gap:6px; background:#fff;border-top:none;  }
.subcontents .writefrm dl dt {width: 100%;    color: #688297;    font-size: 1em;    font-weight: 500;display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;   gap:0px;}
.subcontents .writefrm dl dt .exptxt {font-size:0.9em; color:#01a0e2; font-weight:400;}
.subcontents .writefrm dl dd{width: 100%;}
.subcontents .writefrm dl dd.hasbtn {display: grid;    grid-auto-flow: row;    grid-template-columns: 1fr 90px;    gap: 4px;    align-items: center; }
.subcontents .writefrm dl dd.hasbtn .btn_normal{width:100%; height:52px; border-radius:5px; color: #fff;    border: 1px solid #555; background:#555; font-size:1.15em;  display:flex;  justify-content: center;  align-items: center; font-size:1em; letter-spacing:-0.5px;}
.subcontents .writefrm dl dd.half { display:grid;  grid-auto-flow: row;   grid-template-columns:1fr 1fr; gap:10px;   align-items: center; }
.subcontents .writefrm dl dd.num3 { display:grid;  grid-auto-flow: row;   grid-template-columns:repeat(3, 1fr); gap:10px;   align-items: center; }
.subcontents .writefrm dl dd .dateperiod{ width:100%; display:grid;    grid-template-columns:1fr 24px 1fr; gap:0px;   align-items: center; }
.subcontents .writefrm dl dd .dateperiod li{width:100%;}
.subcontents .writefrm dl dd .dateperiod .frm-date{outline:none; font-size:100%;background-position:right 5px center; padding:0px 0px 0px 6px; letter-spacing:-0.5px; display:flex; justify-content: flex-start; align-items: center;  text-align:left; }
.subcontents .writefrm dl dd .dateperiod .frm-time{outline:none; font-size:100%;background-position:right 5px center; padding:0px 0px 0px 6px; letter-spacing:-0.5px; display:flex; justify-content: flex-start; align-items: center;  text-align:left; }
.subcontents .writefrm dl dd .dateperiod .part { text-align:center; width:100%; }
.subcontents .writefrm dl dd .dateperiod.time {padding-top:5px;}

.subcontents .writefrm dl dd .btn_selopt {width:100%; height:52px; border-radius:5px; color: #fff;    border: 1px solid rgba(0,0,0,0.07); background:#b0b9c2; display:flex;  justify-content: center;  align-items: center; font-size:1.05em; letter-spacing:-0.5px; gap:10px;}
.subcontents .writefrm dl dd .btn_selopt.active {background:#01a0e2; box-shadow: 0 2px 5px 0 rgba(1, 160, 226, 0.3); border: 1px solid rgba(0,0,0,0.12); }
.subcontents .writefrm dl dd .btn_selopt img{width:auto;height:24px;}
.subcontents .writefrm dl dd .sunmoonwr {margin-bottom:0px;}
.subcontents .writefrm dl dd .temperwr {margin-bottom:0px;}
.subcontents .writefrm dl dd .photoeditwr{  border-top:none; padding:0px;   }
.subcontents .writefrm dl dd .photoeditwr .photoedlist { display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap: 8px;  } 
.subcontents .writefrm dl dd .photoeditwr .photoedlist .uploadimg {  /*height: 248px;  */}
.subcontents .writefrm dl dd .photoeditwr .photoedlist .btn_addthimg  {  /*height: 248px;*/ border-color:rgba(0,0,0,0.05); }
.subcontents .writefrm dl dd .photoeditwr .photoedlist .uploadimg.addimg  {  /*height: 248px;*/  }
.subcontents .writefrm dl dd .photoeditwr .photoedlist .btn_addthimg span i {font-size: 5em; color:#c4cad0;  opacity:0.7;}
.subcontents .writefrm dl dd .imgexpmemo {width:100%; margin:5px 0 15px;}
.subcontents .writefrm dl dd .photoeditwr h5 {width: 100%;    color: #688297;    font-size: 1em;    font-weight: 500;display: flex;   justify-content: flex-start; align-items: flex-start; }

.subcontents .writefrm dl dd.infraset {gap:6px;     grid-template-columns: repeat(4, 1fr);}
.subcontents .writefrm dl dd.infraset .btn_selopt {width:100%; height:100%; font-size:0.9em; display: flex;   justify-content: center; align-items: flex-start;flex-direction:column; gap: 7px;    align-items: center; padding:10px 3px; justify-content: flex-start;text-align:left;  }
.subcontents .writefrm dl dd.infraset .btn_selopt .ic{width:36px; height:36px; border-radius:25px; background:#fff; display: flex;   justify-content: center; align-items: center; overflow:hidden;}
.subcontents .writefrm dl dd.infraset .btn_selopt .ic img {width:auto; max-width:76%;height:70%;}


.subcontents .writefrm  .travreview-top { width: 100%;    border-bottom: 12px solid #eff0f4; padding:18px 20px; color:#688297;}
.subcontents .writefrm  .travreview-cont {width: 100%;  padding:0px 20px; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; }
.subcontents .writefrm  .travreview-cont li.chk-rd  {position:relative; width: 100%;  border-top:1px solid #eff0f4; min-height:49px; padding:10px 0 10px 40px; display: flex;   justify-content: flex-start; align-items: center; }
.subcontents .writefrm  .travreview-cont li.chk-rd:first-child {border-top:none;}
.subcontents .writefrm  .travreview-cont li.chk-rd  input[type="radio"] + label {font-size:1em; line-height:1.4;  padding-left:0px; }
.subcontents .writefrm  .travreview-cont li.chk-rd  input[type="radio"] + label span {top:50%; width:28px; height:28px; margin-top:-14px; border-radius:20px;}
.subcontents .writefrm  .travreview-cont li.chk-rd  input[type="radio"]:checked + label span:before  {width:26px; height:26px; }
.subcontents .writefrm  .travreview-cont li.chk-rd  input[type="radio"]:checked + label {font-weight:500;}
.subcontents .writefrm  .travreview-cont li.chk-rd  .txt {width: 100%;  display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:2px; }
.subcontents .writefrm  .travreview-cont li.chk-rd  .txt .row { font-size:0.9em;width: 100%;  display: flex;   justify-content: flex-start; align-items: flex-start; gap:14px;}
.subcontents .writefrm  .travreview-cont li.chk-rd  .txt .date {color:#627a8e; }
.subcontents .writefrm  .travreview-cont li.chk-rd  .txt .potname {color:#0081df; }
.subcontents .writefrm  .travreview-cont li.chk-rd  .txt .title {font-size:1.1em;}


.subcontents .writefrm  .guidetxt {word-break:keep-all; }

/*one pic*/
.subcontents .writefrm dl dd .photoeditwr .photoedone { display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap: 8px;  } 
.subcontents .writefrm dl dd .photoeditwr .photoedone li{justify-content: left;}
.subcontents .writefrm dl dd .photoeditwr .photoedone .uploadimg {  height: 100%;  }
.subcontents .writefrm dl dd .photoeditwr .photoedone .btn_addthimg  { height: 100%;border-color:rgba(0,0,0,0.05); }
.subcontents .writefrm dl dd .photoeditwr .photoedone .uploadimg.addimg  {height: 100%;}
.subcontents .writefrm dl dd .photoeditwr .photoedone .btn_addthimg span i {font-size: 5em; color:#c4cad0;  opacity:0.7;}
.subcontents .writefrm dl dd .photoeditwr .photoedone .progress{position:absolute; top:50%; left:50%; transform: translate( -50%,-50%); justify-content: center; align-items: center;   z-index:10;}
.subcontents .writefrm dl dd .photoeditwr .photoedone .progress .progress-bar.reject{ width:100% !important;  background:#fc5f4c; color:#fff;font-size:0.9em; letter-spacing:-0.5px; padding:5px 3px; line-height:1.2;    border-radius:3px; border:1px solid rgba(0,0,0,0.07); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16); }
/*e.one pic*/





.subcontents .writefrm dl dd  textarea.frm-textarea-expandable {field-sizing: content;width:100%; padding:8px; font-size:1.1em;line-height:130%;border: 1px solid rgba(112, 112, 112, 0.3);border-radius: 5px;    }

.subcontents .writefrm dl dd  textarea.frm-normal {height:160px; line-height:1.6; padding:8px; font-size:1.05em;}

.subcontents .writefrm dl dd .sizefrmedit {display: grid;    grid-auto-flow: row;    grid-template-columns: 1fr auto; gap: 6px;    align-items: flex-end; }
.subcontents .writefrm dl dd .sizefrmedit span {width:100%; display: flex; justify-content: flex-end;  font-size:1.25em; color:#777;}
.subcontents .writefrm dl dd.fishsizenum {width:100%;  display: flex; flex-direction:column; gap:10px;color:#212427; background: #f7f7f9;    border: 1px solid rgba(0, 0, 0, 0.05);}
.subcontents .writefrm dl dd.fishsizenum ul {width:100%;  display: flex; flex-direction:column; gap:10px;  padding:12px 15px 3px;  }
.subcontents .writefrm dl dd.fishsizenum li {width:100%;   display:grid;     grid-template-columns:100px 1fr; gap:14px;   align-items: center; font-size:1.05em;}
.subcontents .writefrm dl dd.fishsizenum li .tt { width:100%; padding-top:2px;}
.subcontents .writefrm dl dd.fishsizenum li .fscount {font-weight:500;  width:100%; display: flex;   justify-content: flex-end; align-items: center;gap:6px;}
.subcontents .writefrm dl dd.fishsizenum li .fscount .btn-change {width:36px; height:36px; padding:0px 0px; background:#fff; border:1px solid #d0d4d9;    border-radius:3px; display: flex;    align-items: center;  justify-content: center;   }
.subcontents .writefrm dl dd.fishsizenum li .fscount .num {min-width:auto; width:84px; height:36px;  padding:0px 5px; text-align:center; font-size:1.1em; border:1px solid #d0d4d9;    border-radius:3px; display: flex;    align-items: center;  justify-content: center;  }
.subcontents .writefrm dl dd.fishsizenum .totalnum {padding:12px 15px; background:#e9f4ff;  border-top: 1px solid rgba(0, 0, 0, 0.05); font-size:1.15em; color: #004EA1; line-height: 1.5; display: flex;    align-items: center;  justify-content: flex-end; gap:10px;}
.subcontents .writefrm dl dd.fishsizenum .totalnum strong {font-size:1.1em;}
.subcontents .writefrm dl dd.slidechkbox {width:100%; display: flex; justify-content: center;align-items: center;  color:#555; font-size:1em; padding:12px 20px;background: #f7f7f9;   gap:14px; border: 1px solid rgba(0, 0, 0, 0.05);}
.subcontents .writefrm dl dd.slidechkbox .chk-sbox {    position: relative;    width: 72px;    height: 38px;}
.subcontents .writefrm dl dd.slidechkbox .chk-sbox input[type="checkbox"] {    position: absolute;    width: 0px;    height: 0px;    margin: -1px;    border: none;    background: transparent;    overflow: hidden;    color: transparent;}
.subcontents .writefrm dl dd.slidechkbox .chk-sbox input[type="checkbox"] + label {    cursor: pointer;    width: 72px;    height: 38px;    background: #b0b9c2;    border-radius: 25px;   border: solid 1px rgba(0, 0, 0, 0.05);  display: flex;    -ms-flex-flow: row nowrap;    flex-flow: row nowrap;    justify-content: flex-start;    align-items: center; }
.subcontents .writefrm dl dd.slidechkbox .chk-sbox input[type="checkbox"] + label span {    position: absolute;    top: 3px;    left: 3px;    width: 32px;    height: 32px;    display: block;    cursor: pointer;    background: #fff;    border-radius: 25px;    -webkit-transition: all 0.2s ease;    transition: all 0.2s ease;}
.subcontents .writefrm dl dd.slidechkbox .chk-sbox input[type="checkbox"]:checked + label {    background: #0C68B5;}
.subcontents .writefrm dl dd.slidechkbox .chk-sbox input[type="checkbox"]:checked + label span {    left: 36px;    -webkit-transition: all 0.2s ease;    transition: all 0.2s ease;}



.subcontents .writefrm dl.mapsetwr{padding:0px;}
.subcontents .writefrm dl.mapsetwr dt{padding:15px 20px 0 20px;}
.subcontents .writefrm dl.mapsetwr dd {position:relative; width:100%; height: 248px; padding:0px; display: flex;   justify-content: center; align-items: center; overflow: hidden;}
.subcontents .writefrm dl.mapsetwr dd .mapimg {width:100%; height: 100%;  display: flex;   justify-content: center; align-items: center; overflow: hidden;}
.subcontents .writefrm dl.mapsetwr dd  .mapfocus {position:absolute; top:50%; left:50%;  transform: translate(-50%, -50%); z-index:9; }
.subcontents .writefrm dl dd .fishingtimewr { width:100%; display: flex;   justify-content: flex-start; align-items: center;gap:10px; font-size:1.05em; line-height:1.4; word-break:keep-all;}
.subcontents .writefrm dl dd .fishingtimewr .start {font-weight:500;}
.subcontents .writefrm dl dd .fishingtimewr .ing {color:#01a0e2;font-weight:500;}

.subcontents .writefrm dl dd .rowwr {width:100%; display: grid;    grid-auto-flow: row;    grid-template-columns: 150px 1fr; align-items: center; }
.subcontents .writefrm dl dd .rowwr .chk-rd input[type="radio"] + label {font-size:1.1em; line-height:48px; padding-left:38px;}
.subcontents .writefrm dl dd .rowwr .chk-rd input[type="radio"] + label span {top:50%; width:28px; height:28px; margin-top:-14px; border-radius:20px;}
.subcontents .writefrm dl dd .rowwr .chk-rd input[type="radio"]:checked + label span:before  {width:26px; height:26px; }
.subcontents .writefrm dl dd .rowwr .chk-rd input[type="radio"]:checked + label {font-weight:500;}
.subcontents .writefrm dl dd .rowwr .hasunit {width:100%; display: grid;    grid-auto-flow: row;    grid-template-columns: 1fr auto; align-items: center; gap:5px;}
 .subcontents .writefrm dl dd .rowwr .hasunit .unit {width:100%; display: flex;   justify-content: flex-end; align-items: center;}
.subcontents .writefrm dl dd .rowexp {background:#fcdedf; width:100%; padding:7px 15px 7px 15px; border-radius:5px; font-size:0.95em; color:#cc1b23;  margin-top:5px;}


.subcontents .writefrm .btn_load   { width:100%; height:50px;display: flex;      align-items: center;  justify-content: center;  gap:20px; background:#6d727a; border:1px solid rgba(0,0,0,0.07);color:#fff; font-size:1.025em;border-radius: 5px;}
.subcontents .writefrm .btn_load:hover {background:#363c44;}
.subcontents .writefrm .editcont {width:100%; padding:13px 15px; }
.subcontents .writefrm .editcont textarea {border:none;width:100%; height:34vh; overflow-y:auto; padding:12px 0; border-radius:0px; font-size:1.15em; color:#000; line-height:1.6; }
.subcontents .writefrm .editcont textarea::placeholder { font-size:1em; color:rgba(51,51,51,0.4);}
.subcontents .writefrm .editcont textarea::-webkit-input-placeholder { font-size:1em; color:rgba(51,51,51,0.4);}
.subcontents .writefrm .editcont textarea:-ms-input-placeholder  { font-size:1em; color:rgba(51,51,51,0.4);}
.subcontents .writefrm .editcont textarea:focus {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}





.subcontents .edit-title {width:100%; display: flex;    align-items: center;     justify-content: flex-start; gap:8px; color:#688297; font-weight:500; line-height:1.3; padding-bottom:12px;}

 

.subcontents .introwr {width:100%; }
.subcontents .introwr img{width:100%;}

.profile .photoeditwr {border-top:none;}
.profile .photoeditwr .photoedlist .uploadimg .primg{  width:120px; height: 120px;  border-radius:80px; background:url(../images/mob/ic-noimgbig.png) center center no-repeat #f5f5f5; }
.profile .photoeditwr .photoedlist .btn_addthimg  { width:120px;  height: 120px;  border-radius:80px; background:transparent; }
.profile .photoeditwr .photoedlist .uploadimg.addimg  .primg { width:120px;  height: 120px;   border-radius:80px;}
 
.subcontents .editprof {padding:0px 20px 45px; gap:12px;width: 100%; display: flex;   justify-content: flex-start; align-items: center;flex-direction:column;}
.subcontents .editprof .frm-normal{text-align:center;  }
.subcontents .editprof .btn_check { width: 100%; padding:0px 20px; height:48px; font-size:1em; border-radius:5px; color:#fff; border:none;  background-color:#555; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;  }
 
.subcontents .elsesetwr   {  width: 100%;    border-top: 12px solid #eff0f4; padding:18px 20px 15px; }
.subcontents .setopt dl {width: 100%;    display:grid;  grid-auto-flow: row;   grid-template-columns: 1fr 54px; gap:10px;   align-items: center; padding-top:5px;} 
 .subcontents .setopt dl dt{font-size:1.05em; color:#333;width: 100%; }
  .subcontents .setopt dl dd{ width: 100%; }
.subcontents .setopt  .chk-sbox {    position: relative;    width: 54px;    height: 30px;}
.subcontents .setopt .chk-sbox input[type="checkbox"] {    position: absolute;    width: 0px;    height: 0px;    margin: -1px;    border: none;    background: transparent;    overflow: hidden;    color: transparent;}
.subcontents .setopt .chk-sbox input[type="checkbox"] + label {    cursor: pointer;    width: 54px;    height: 30px;    background: #6d727a;    border-radius: 17px;   border: solid 1px rgba(0, 0, 0, 0.05);  display: flex;    -ms-flex-flow: row nowrap;    flex-flow: row nowrap;    justify-content: flex-start;    align-items: center; }
.subcontents .setopt  .chk-sbox input[type="checkbox"] + label span {    position: absolute;    top: 3px;    left: 3px;    width: 24px;    height: 24px;    display: block;    cursor: pointer;    background: #fff;    border-radius: 15px;    -webkit-transition: all 0.2s ease;    transition: all 0.2s ease;}
.subcontents .setopt  .chk-sbox input[type="checkbox"]:checked + label {    background: #0C68B5;}
.subcontents .setopt .chk-sbox input[type="checkbox"]:checked + label span {    left: 27px;    -webkit-transition: all 0.2s ease;    transition: all 0.2s ease;}
.subcontents .editmyinfo.fish    {  padding:16px 20px  ; }
 
.subcontents .profilebotbtn {width: 100%;     display:grid;  grid-auto-flow: row;   grid-template-columns: 1fr 1fr; gap:10px;   align-items: center;  padding:18px 20px 0;  border-top: 12px solid #eff0f4;}
.subcontents .profilebotbtn a {width: 100%; height:48px;  border-radius: 5px;    display: flex;    justify-content: center;    align-items: center;    font-size: 1em; background:#6d727a; border:1px solid rgba(0,0,0,0.07);  color:#fff;  }
 .subcontents .profilebotbtn a.btn_leave {background:#fff; border-color:#6d727a; color:#6d727a;}
 
.subcontents .editleavewr {width:100%;} 
.subcontents .editleavewr .leavetoptxt{width:100%;padding:20px 20px 16px; color:#688297; font-size:0.95em;}
.subcontents .editleavewr .leavefrmwr {width:100%;padding:0px 20px 20px;}
.subcontents .editleavewr .leavefrmwr textarea {width: 100%;    height:160px;    line-height: 1.5;    padding:   8px;    font-size: 1.1em;    color: #000;    margin: 0px;    border: 1px solid rgba(112, 112, 112, 0.3);    border-radius: 5px;}
 .subcontents .editleavewr .leavefrmwr .btn-leavecon {width:100%; height:52px; font-size:1.1em; font-weight:400; color:#fff; margin-top:5px;padding:0px 20px; background:#0C68B5;  border-radius: 5px; border:none;display: flex;    align-items: center;  justify-content: center;  }
 
 
   /* my */
.subcontents .fishspacelistwr {position: relative;  width: 100%;  padding: 8px 0;  background: #fff;  border-bottom: 1px solid #e5e5e5;    } 
.subcontents .fishspacelistwr .fishspacelist {position: relative; overflow-x: auto;  overflow-y: hidden;    display: flex;    white-space: nowrap;    flex-wrap: nowrap;   padding: 0 20px;   align-items: center;    gap: 6px;}
.subcontents .fishspacelistwr .fishspacelist::-webkit-scrollbar {display:none;}
.subcontents .fishspacelistwr .fishspacelist button {  color: #333;    border: 1px solid #f2f2f2;    background: #f2f2f2; font-size:0.95em;    padding: 0px 5px;    flex: 0 0 auto;    min-width: 68px;    min-height:38px;    border-radius: 5px;    display: flex;    justify-content: center;    align-items: center;    gap: 3px; }
.subcontents .fishspacelistwr .fishspacelist button.active {background: #fff;  color: #0c68b5; border-color:#0c68b5;}
.subcontents .myfishsummwr {width:100%; background:#019e9a; color:#fff; display: flex;   justify-content: space-between; align-items: center; gap:10px; padding:10px 20px;}
.subcontents .myfishsummwr li { display: flex;  justify-content: flex-start;    align-items: flex-end;gap:10px; font-size:1.05em; }
.subcontents .myfishsummwr li .tt {opacity:0.8;}
.subcontents .myfishsummwr li .txt strong{font-size:1.05em; font-weight:500;}
.subcontents .myfinfosizewr {  width: 100%;  padding:8px 20px;     background:#e9f4ff;  } 
.subcontents .myfinfosizewr .myfinfosize {width: 100%;     display:grid;  grid-auto-flow: row;   grid-template-columns: 1fr 64px; gap:10px;   align-items: center;  }
.subcontents .myfinfosizewr .myfinfosize a{width: 100%;    height: 100%;    display: flex;    justify-content: center;    align-items: center;     }
.subcontents .myfinfosizewr .btn-normal {width: 100%;    height: 100%;    border-radius: 5px;    color: #fff;    border: 1px solid #555;    background: #555;     display: flex;    justify-content: center;    align-items: center;    font-size: 0.95em;    letter-spacing: -0.5px;}
.subcontents .myfinfosizewr dl  {width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;  gap:14px; line-height:1.4;  min-height:44px; padding:2px 0 3px;   }
.subcontents .myfinfosizewr dl dt {   color: #688297;    font-size: 0.95em;    font-weight: 500;display: flex;   justify-content: flex-start; align-items: center; }
.subcontents .myfinfosizewr dl dd{ display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:3px;}
.subcontents .myfinfosizewr dl dd .fspcec{width: 100%;   display: flex;   justify-content: flex-start; align-items: center; gap:10px; font-size:1.1em;color:#000;  font-weight:500;}
.subcontents .myfinfosizewr dl dd .fspcec span {font-weight:400;}
.subcontents .myfinfosizewr dl dd .fspot {width: 100%; font-size:0.9em; color:#0c68b5;display: flex;   justify-content: flex-start; align-items: flex-end; gap:10px; }
.subcontents .myfinfosizewr dl dd strong {font-weight:500;}
.subcontents .myfishrecord {width:100%; padding:15px 20px;}
.subcontents .myfishrecord dl {width:100%;    color:#212427; line-height:1.5;display: flex; flex-direction:column; gap:8px;} 
.subcontents .myfishrecord dl dt {width:100%; color:#688297; font-size:0.95em; font-weight:500;}
.subcontents .myfishrecord dl dd {width:100%;}
.subcontents .myfishrecord dl dd ul{width:100%;display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:0px; border-bottom:1px solid #f1f1f5;}
.subcontents .myfishrecord dl dd ul li {width: 100%;     display:grid;  grid-auto-flow: row;   grid-template-columns: 1fr 80px; gap:10px;   align-items: center; border-top:1px solid #f1f1f5;  padding:10px 0;}
.subcontents .myfishrecord dl dd ul li .getfish{width: 100%;     display:grid;  grid-auto-flow: row;   grid-template-columns: 64px 1fr ; gap:10px;   align-items: center;  }
.subcontents .myfishrecord dl dd ul li .getfish .imgwr {width:100%; height:42px; border-radius:5px; overflow:hidden;background:url(../images/mob/ic-rescalact.svg) center center no-repeat #e4e6eb;}
.subcontents .myfishrecord dl dd ul li .getfish .imgwr img {width:100%; height:100%; object-fit:cover;}
.subcontents .myfishrecord dl dd ul li .getnum {width:100%; border:1px solid #019e9a; color:#019e9a; line-height:32px; padding:0px 8px; display: flex;   justify-content: center; align-items: center; font-size:0.95em; border-radius:25px;}
.subcontents .myfishrecord dl dd ul li .getnum strong {font-weight:500; font-size:1.1em;}
.subcontents .myfishrecord .allgetnum{ margin-top:10px;width:100%; border:1px solid rgba(0,0,0,0.07); background:#019e9a; color:#fff; line-height:38px; padding:0px 18px; display: flex;   justify-content: space-between; align-items: center; font-size:1em; border-radius:5px;}
.subcontents .myfishrecord .allgetnum .getnum{display: flex;   justify-content: flex-end; align-items: center; gap:2px;}

.subcontents .myfbotlistwr {width:100%; border-top:12px solid #eff0f4;}
.subcontents .myfbotlistwr ul {width:100%;display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:0px;  }
.subcontents .myfbotlistwr ul   a{width:100%; border:none;}
.subcontents .myfbotlistwr ul  li {width: 100%;     display:grid;  grid-auto-flow: row;   grid-template-columns:110px 1fr ; gap:15px;   align-items: flex-start; border-top:1px solid #f1f1f5;  padding:12px 20px;}
.subcontents .myfbotlistwr ul  li .imgwr {width:100%; height:84px;border-radius:5px; overflow:hidden; margin-top:1px;}
.subcontents .myfbotlistwr ul  li .imgwr img {width:100%; height:100%; object-fit:cover;}
.subcontents .myfbotlistwr ul  li .txtwr {width:100%; line-height:1.5; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;  gap:2px;}
.subcontents .myfbotlistwr ul  li .txtwr .sbj {width:100%; color:#212427; font-weight:500; font-size:1.1em;  height:1.5em; line-height:1.5em;  display:-webkit-box;   -webkit-line-clamp:1;   -webkit-box-orient:vertical;  white-space:normal;    overflow:hidden;   text-overflow:ellipsis; }
.subcontents .myfbotlistwr ul  li .txtwr .fspot {color:#555; font-size:0.95em; }
.subcontents .myfbotlistwr ul  li .txtwr .date {color:#688297; font-size:0.9em; letter-spacing:-0.5px; }
.subcontents .myfbotlistwr ul  li .txtwr .time {color:#0c68b5; font-size:0.9em; font-weight:500; }
.subcontents.myfish {padding-bottom:10px; }
.subcontents.myfish .view-content {width:100%;  }
.subcontents .myfmapwr {position: relative;  width:100%; height:calc(100vh - 105px); background:#f2f2f2; display:grid;    justify-content: flex-start;  align-items: flex-start; }
.subcontents .myfmapwr .mapwr{width:100%; height:100%;}
.subcontents .myfmapwr img.bgsam{width:100%; height:100%; object-fit:cover;}
.subcontents .myfmapwr .focus{ position: absolute;     z-index:5;  transform: translate(-50%, 0);}

.subcontents .nomyfishsizewr {width:100%;display: flex;   justify-content: flex-start; align-items: center;flex-direction:column; gap:10px; padding:30px 20px; }
.subcontents .nomyfishsizewr .ic {width:120px; height:120px; border-radius:60px; overflow:hidden; background: #f2f2f2;  display: flex;   justify-content: center; align-items: center;}
.subcontents .nomyfishsizewr .txt {color:#222; font-size:1em;}



.subcontents.myreser {background:#f7f7f9;}
.subcontents.myreser .bbslistwr  { padding:16px 20px; gap:16px;}



.subcontents .bbslistwr .no-data{ width:100%; padding:30px 20px 20px;display:flex;justify-content: flex-start; align-items: center;flex-direction:column;}
.subcontents .bbslistwr .no-data .ic {width:120px; height:120px; margin-bottom:15px; border-radius:80px;  background:#eff0f4;  display: flex;   align-items: center;     justify-content: center;  }
.subcontents .bbslistwr .no-data .ic img {width:auto; height:64%; object-fit:contain;}
.subcontents .bbslistwr .no-data .txt {text-align:center; color:#688297; font-weight:500;word-break:keep-all;}
.subcontents .bbslistwr .no-data .txt strong {display:block; color:#333; font-size:1.2em; font-weight:400;}





.subcontents.myreser .bbslistwr a {border-top:none;}
.subcontents.myreser  .listitem {background:#fff;    border-radius: 10px;    overflow: hidden;    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1); }
.subcontents.myreser  .listitem .item-head {width: 100%; display: flex;   justify-content: flex-start; align-items: center;flex-direction:column;  padding: 14px 15px 10px; }
.subcontents.myreser  .listitem .item-head  .myin-cate {width: 100%; display: flex;   justify-content: flex-start; align-items: center; gap:4px;margin-bottom:6px;}
.subcontents.myreser  .listitem .item-head  .myin-cate .area{ height:26px; padding:0px 4px 0px;font-size:0.925em;display: flex;   justify-content: center; align-items: center;  border-radius:5px;   color: #fff;   background: #0c68b5;   border: 1px solid rgba(0, 0, 0, 0.1);}
.subcontents.myreser  .listitem .item-head  .myin-cate .kind { height:26px;font-weight:500;   font-size:0.925em;  padding:0px 5px 0px; display: flex;   justify-content: center; align-items: center;  border-radius:5px;   color: #0c68b5;   background: #fff;   border: 1px solid #0c68b5;  }
.subcontents.myreser  .listitem .item-head  .myin-cate .ownership { height:26px;font-weight:400;   font-size:0.925em;  padding:0px 5px 0px; display: flex;   justify-content: center; align-items: center;  border-radius:5px;   color: #fff;   background: #566c7e;   border: 1px solid rgba(0, 0, 0, 0.1); }
.subcontents.myreser  .listitem .item-head  .myin-cate .ownership.pend {background:#ff7850;}
.subcontents.myreser  .listitem .item-head  .myin-cate .ownership.yes {background:#fff; color:#ff7850; border-color:#ff7850;}
.subcontents.myreser  .listitem .item-head  .myin-cate .ownership.no {background:#b69c85;}
.subcontents.myreser  .listitem .item-head  .myin-cate .ownership.cancel {background:#888;}
.subcontents.myreser  .listitem .item-head  .myitdateimgwr{width:100%; display: grid;    grid-auto-flow: row;    grid-template-columns: 1fr 120px; gap: 6px;    align-items: flex-start;  letter-spacing:-0.5px; }
.subcontents.myreser  .listitem .item-head .myitinfowr{width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; }

.subcontents.myreser  .listitem .item-head  .myin-date { width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:2px; color:#627a8e;  margin-top:2px;font-size:1em;  line-height:1.4; word-break:keep-all;}
.subcontents.myreser  .listitem .item-head  .myin-date strong {font-weight:700; color:#000;font-size:1.05em;  }
.subcontents.myreser  .listitem .item-head .myitinfowr .myin-det {width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:2px; padding-top:8px; }
.subcontents.myreser  .listitem .item-head .myitinfowr .myin-det  li{width: 100%;display: grid;    grid-auto-flow: row;    grid-template-columns: 60px 1fr; gap: 0px;  align-items: center; }
.subcontents.myreser  .listitem .item-head .myitinfowr .myin-det  li .tt {width:100%; font-size:0.85em; color:#627a8e;}
.subcontents.myreser  .listitem .item-head .myitinfowr .myin-det  li .txt {width:100%; font-size:0.95em; color:#000;}

.subcontents.myreser  .listitem .item-head  .myitimgwr {position:relative;width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;  border-radius:5px; overflow:hidden; }
.subcontents.myreser  .listitem .item-head  .myitimgwr .imgwr  {max-height:100px;}
.subcontents.myreser  .listitem .item-head .myitimgwr  .tmap {position:absolute; bottom:0px; right:0px; z-index:5; display: flex; justify-content: flex-end; align-items: flex-end;  width:32px; height:32px; border-radius:5px; overflow:hidden;}
.subcontents.myreser  .myin-jointxt {width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;padding: 0px 15px 10px; }
.subcontents.myreser  .myin-jointxt .myinjoin {width: 100%;    padding:8px 15px 8px 10px;    border-radius: 5px;    background: #e9f4ff; display:grid;  grid-auto-flow: row;   grid-template-columns:48px 1fr ; gap:14px;   align-items: flex-start;   }
 .subcontents.myreser  .myin-jointxt .myinjoin .ic {width:48px; height:48px;  border-radius:25px; background:#fff; overflow:hidden; display: flex;   justify-content: center; align-items: center;  }
  .subcontents.myreser  .myin-jointxt .myinjoin .ic img {width:70%; height:auto;}
 .subcontents.myreser  .myin-jointxt .myinjoin .jinfowr .title {color:#688297; font-weight:500;width: 100%; font-size:0.9em;  }
.subcontents.myreser  .myin-jointxt .myinjoin .jinfowr .jinfo {width: 100%; display: flex;   justify-content: flex-start; align-items: center; gap:14px;  line-height:24px; font-weight:500;}
 .subcontents.myreser  .myin-jointxt .myinjoin .jinfowr .jinfo .tt {display: flex;   justify-content: flex-start; align-items: center; gap:2px;font-size:1em; }
.subcontents.myreser  .myin-jointxt .myinjoin .jinfowr .jinfo .txt {font-size:1em; } 
.subcontents.myreser  .myin-jointxt .myinjoin .jinfowr .jinfo .txt  strong {font-size:1.05em; display:inline-block; margin-right:2px;  font-weight:700;}
 .subcontents.myreser  .myin-jointxt .myinjoin .jinfowr .joinexp {color:#01a0e2;  font-size:0.95em;}
 .subcontents.myreser  .myin-jointxt .myinjoin .jinfowr .joinexp.none {font-size:0.9em; color:#333; line-height:1.5;}
  .subcontents.myreser  .myin-jointxt .myinjoin .jinfowr .joinexp.none  strong {display:block; color:#000; font-weight:500; padding-bottom:2px; font-size:1.05em;}
.subcontents.myreser .myin-botbtn { width: 100%;    display: flex;    justify-content: flex-end;    align-items: center;  gap:5px; font-size:0.9em;  color:#353535;  border-top: 1px solid rgb(230 230 234 / 70%);  padding: 9px 13px; }
 .subcontents.myreser .myin-botbtn .ic {opacity:0.6; line-height:1;}
 .subcontents.myreser .myin-botbtn .ic img {width:auto; height:12px;}
.subcontents.myreser  .listitem .item-bottom { position:relative;border-top:1px solid #f1f1f5;display: grid;    grid-auto-flow: row;    grid-template-columns: 1fr 1fr; gap: 30px;  align-items: center;  padding:8px 15px 10px; margin-top:5px;}
.subcontents.myreser  .listitem .item-bottom:before {position:absolute; top:0px; left:50%; width:1px; height:100%; content:''; background:#f1f1f5; }
.subcontents.myreser  .listitem .item-bottom .joinuser {width: 100%; display: flex; justify-content: center; align-items: center;   gap:3px;}
.subcontents.myreser  .listitem .item-bottom .joinuser .tt{  color:#688297;line-height:1.3; font-size:0.9em; letter-spacing:-0.5px;}
.subcontents.myreser  .listitem .item-bottom .joinuser .txt{ color:#fff; background:#01a0e2;  display: flex;   justify-content: center; align-items: center;  padding:3px 8px; border-radius:25px; gap:2px; font-size:0.95em; }
.subcontents.myreser  .listitem .item-bottom .joinuser.wait .txt {background:#688297;  }
.subcontents.myreser  .listitem .item-bottom .joinuser.wait .txt strong {font-size:1.05em;}
.subcontents.myreser  .listitem .item-bottom .joinuser .reserstat {font-size:0.9em; color:#fff;line-height:1.3; padding:4px 12px; border-radius:50px;}
.subcontents.myreser  .listitem .item-bottom .joinuser.wait {font-size:0.95em; font-weight:500;display: flex;   justify-content: center; align-items: center;  gap:5px;}
.subcontents.myreser  .listitem .item-bottom .joinuser.wait span{font-size:0.95em; font-weight:400; }


.subcontents  .bbslistwr .nodata { width:100%; padding:30px 20px 20px;display:flex;justify-content: flex-start; align-items: center;flex-direction:column;}
.subcontents  .bbslistwr .nodata  .nodata-img {width:120px; height:120px; margin-bottom:15px; border-radius:80px;  background:#fff;  display: flex;   align-items: center;     justify-content: center; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);  }
.subcontents  .bbslistwr .nodata .nodata-img img {width:auto; height:64%;}
.subcontents  .bbslistwr .nodata  .nodata-txt {text-align:center; color:#688297; font-weight:500;}
.subcontents  .bbslistwr .nodata  .nodata-txt strong {display:block; color:#333; font-size:1.2em; font-weight:400;}


.subcontents .resoptresultwr .item-summary{width:100%; background:#fff; padding-bottom:0px; border-bottom:12px solid #eff0f4;}
.subcontents.myfrecv {padding-bottom:70px;}
.subcontents.myfrecv .resoptresultwr .item-summary  {border-bottom:0px; } 
.subcontents.myfrecv .resoptresultwr .item-summary .fishingsumm {background:#fafafc;}
.subcontents.myfrecv .resoptresultwr .item-summary dl {border-color:#eeeef2;}
.subcontents.myfrecv .resoptresultwr .item-summary dl.joindesc {gap:2px;}
.subcontents.myfrecv .resoptresultwr .sctop-menu  {border-top: 1px solid rgba(0, 0, 0, 0.09);}
.subcontents.myfrecv .resoptresultwr .sctop-menu button {min-height:44px;}
.subcontents.myfrecv .resoptresultwr .resviewcon {width:100%; padding:15px 20px; }
.subcontents.myfrecv .joinusernum {width:100%; padding:0px 0px;}
.subcontents.myfrecv .joinusernum ul {width:100%; display: grid;    grid-auto-flow: row;    grid-template-columns:repeat(3, auto);  gap:4px; }
.subcontents.myfrecv .joinusernum ul li  {line-height:30px;padding:2px 5px; width:100%;  display: flex;    justify-content: center;   align-items: center; gap:6px;     color: #646b74;   background: #f0f3f5;   border: 1px solid rgba(0,0,0,0.05); border-radius:5px;}
.subcontents.myfrecv .joinusernum ul li.total{  color:#fff; background:#869bac; }
.subcontents.myfrecv .joinusernum ul li .tt {font-size:0.95em;}
.subcontents.myfrecv .joinusernum ul li.else {color:#01a0e2; background:#fff; border-color:#01a0e2;}

.subcontents.myfrecv .joinuserlist {width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; padding:12px 0; gap:12px; }
.subcontents.myfrecv .joinuserlist dl {width: 100%; display: grid;    grid-auto-flow: row;    grid-template-columns: 1fr 120px;  gap:15px 5px; align-items: flex-start;   background:#f2f2f2; border:1px solid rgba(0,0,0,0.05);  border-radius:5px; padding:12px 15px;  }
.subcontents.myfrecv .joinuserlist dl dt {width: 100%; display: grid;    grid-auto-flow: row;    grid-template-columns: 50px 1fr ;  align-items: flex-start;  }
.subcontents.myfrecv .joinuserlist dl dt  .imgwr{width:40px; height:40px; border-radius:20px; overflow:hidden;background:#fbfbfb;}
.subcontents.myfrecv .joinuserlist dl dt  .imgwr img {width:100%; height:100%; object-fit:cover;}
.subcontents.myfrecv .joinuserlist dl dt   .txtwr {display: flex; justify-content: center; align-items: flex-start;flex-direction:column; line-height:1.3;gap:2px; padding-top:2px;}
.subcontents.myfrecv .joinuserlist dl dt  .name {color:#000; font-weight:700; font-size:1.05em;display: flex; justify-content:flex-start ; align-items: center;  }
.subcontents.myfrecv .joinuserlist dl dt  .info {width:100%;display: flex; justify-content:flex-start ; align-items: center; gap:7px; }
.subcontents.myfrecv .joinuserlist dl dt  .info  span{ position:relative; font-size:0.9em; color:#688297; padding-left:9px;   display: flex; font-weight:400; }
.subcontents.myfrecv .joinuserlist dl dt  .info span:before {position:absolute; top:50%; left:0px; width:2px; height:2px; margin-top:-1px; background:#688297; content:'';}
.subcontents.myfrecv .joinuserlist dl dt  .info span:first-child {padding-left:0px;}
.subcontents.myfrecv .joinuserlist dl dt  .info span:first-child:before{display:none;}
.subcontents.myfrecv .joinuserlist dl dd.joinstatus{width:100%; font-size:0.85em;width:100%; height:100%; display: flex; justify-content:flex-end ; align-items: center; gap:6px;}
.subcontents.myfrecv .joinuserlist dl dd.joinstatus .jstatus {min-width:54px; padding:0px 5px; height:100%; line-height:1.2; background:#b0b9c2; color:#fff; border:1px solid rgba(0,0,0,0.07); border-radius:3px; overflow:hidden;display: flex; justify-content:center ; align-items: center;flex-direction:column; gap:1px;}
.subcontents.myfrecv .joinuserlist dl dd.joinstatus strong { font-weight:500;  }
.subcontents.myfrecv .joinuserlist dl.success dd.joinstatus .jstatus  { background:#01a0e2; }
.subcontents.myfrecv .joinuserlist dl.success { background:#e9f4ff; border:1px solid rgba(0,0,0,0.05);   }
.subcontents.myfrecv .joinuserlist dl.ing {  border:1px solid #019e9a;   background:#fff;}
.subcontents.myfrecv .joinuserlist dl.ing dd.joinstatus .jstatus  { background:#019e9a; }
.subcontents.myfrecv .joinuserlist dl .memo {grid-column: span 2; width:100%; color:#000;  line-height:1.6; }
.subcontents.myfrecv .joinuserlist dl  dd.joinstatus .jstatus.jcancel {background:#626262;}
.subcontents.myfrecv .joinuserlist dl  dd.joinstatus .jstatus.jaccept { background:#0C68B5; }
.subcontents.myfrecv .joinuserlist dl  dd.joinstatus .jstatus.jreject { background:#626262; }
.subcontents.myfrecv .no-data.rowwr {width:100%; padding:10px 15px; height:100%; line-height:1.2; background:#f0f3f5; color:#688297; border:1px solid rgba(0,0,0,0.02); border-radius:3px; overflow:hidden;display: grid;    grid-auto-flow: row;    grid-template-columns: 54px 1fr ;  align-items: flex-start;   align-items: center; gap:16px;}
.subcontents.myfrecv .no-data.rowwr .ic {width:54px; height:54px; border-radius:30px; overflow:hidden;background:#fff;display: flex;    justify-content: center;    align-items: center; }
.subcontents.myfrecv .no-data.rowwr .ic img {width:auto; height:74%;  }


.subcontents.myfrecv .queanslist {width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;   gap:10px; padding-bottom:84px;}
.subcontents.myfrecv .queanslist dl { padding:10px 12px;    width: 100%;    display: flex;    justify-content: flex-start;    align-items: flex-start; flex-direction:column;  line-height:1.5;      color: #646b74;    background: #f0f3f5;    border: 1px solid rgba(0, 0, 0, 0.05);    border-radius: 5px; }
.subcontents.myfrecv .queanslist dl dt {  width: 100%;  display: grid;    grid-auto-flow: row;    grid-template-columns: 26px 1fr;  gap:10px; align-items: flex-start;} 
.subcontents.myfrecv .queanslist dl dt span {background:#869bac; color:#fff; width:26px; height:26px; border-radius:20px; display: flex;   justify-content: center; align-items: center; font-size:0.9em;  }
.subcontents.myfrecv .queanslist dl dt .txt {padding-top:3px; color:#627a8e; font-weight:500; width:100%;}
.subcontents.myfrecv .queanslist dl dd {  width: 100%; border-top:1px solid rgba(0,0,0,0.05); margin-top:8px; padding-top: 8px; display: grid;    grid-auto-flow: row;    grid-template-columns: 26px 1fr;  gap:10px; align-items: flex-start;} 
.subcontents.myfrecv .queanslist dl dd span {background:#01a0e2; color:#fff; width:26px; height:26px; border-radius:20px; display: flex;   justify-content: center; align-items: center; font-size:0.9em;  }
.subcontents.myfrecv .queanslist dl dd .txt {padding-top:3px; color:#000; width:100%;}
.subcontents.myfrecv .queanswrite {position:fixed;left:0px; bottom:0px; width: 100%;  padding:14px 20px; background:#fff; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;  box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.1); z-index:6; }
.subcontents.myfrecv .queanswrite form {line-height:0;}
.subcontents.myfrecv .queanswrite .rowwr {width: 100%;  display: grid;    grid-auto-flow: row;    grid-template-columns: 1fr 64px ;  gap:6px; align-items: flex-start;}
.subcontents.myfrecv .queanswrite .frm-normal {border-color:#0c68b5;}
.subcontents.myfrecv .queanswrite .btn_normal{width:100%; height:52px; border-radius:5px; color: #fff;    border: 1px solid #555; background:#555; font-size:1.15em;  display:flex;  justify-content: center;  align-items: center; font-size:1em; letter-spacing:-0.5px;}
.subcontents.myfrecv .queanswrite .btn_submit{width:100%; height:52px; border-radius:5px; color: #fff;    border: 1px solid #0c68b5; background:#0c68b5; font-size:1.15em;  display:flex;  justify-content: center;  align-items: center; font-size:1em; letter-spacing:-0.5px;}
.subcontents.myfrecv .queanswrite .btn_submit img {filter: invert(93%) sepia(100%) saturate(0%) hue-rotate(250deg) brightness(104%) contrast(105%); }
 .subcontents.myreser .myfjnumwr {width: 100%; display: flex;   justify-content: flex-start; align-items: center;   gap:10px;padding:12px 20px 5px; color:#333;}
 
.subcontents.myreser  .joinmemo {width: 100%;    padding:8px 15px 8px 10px;  margin-bottom:5px;  border-radius: 5px;    background: #e9f4ff; display:flex;  justify-content: flex-start;  align-items: center;   }

.subcontents.myfrecv .resoptresultwr  dl.resitemstatuswr { width: 100%;  display: flex;   justify-content: space-between; align-items: center; padding:15px 20px 0; background:#fafafc;  }
.subcontents.myfrecv .resoptresultwr  dl.resitemstatuswr dt {}
.subcontents.myfrecv .resoptresultwr  dl.resitemstatuswr dt  span {background:#019e9a; color:#fff;display: flex;   justify-content: center; align-items: center;  padding:0px 15px; border-radius:5px; height:28px; }
.subcontents.myfrecv .resoptresultwr  dl.resitemstatuswr dt  span.finish {background:#555; }
.subcontents.myfrecv .resoptresultwr  dl.resitemstatuswr dd {background:#869bac; color:#fff;  display: flex;   justify-content: center; align-items: center;  padding:0px 12px; border-radius:5px;  height:28px; gap:8px;}

.subcontents.myfrecv .queanslist .commitem { width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;  gap:10px;}
.subcontents.myfrecv .queanslist .commitem li{width: 100%; }
.subcontents.myfrecv .queanslist .commitem li dl {gap:10px; margin-bottom:0px;}
.subcontents.myfrecv .queanslist .commitem li dl dt {width: 100%;    display: grid;    grid-auto-flow: row;    grid-template-columns: 50px 1fr;    align-items: flex-start; gap:0px;}
.subcontents.myfrecv .queanslist .commitem li dl dt .imgwr{ margin-top:0px;width:40px; height:40px; border-radius:20px; overflow:hidden;background:#fbfbfb;}
.subcontents.myfrecv .queanslist .commitem li dl dt .imgwr img {width:100%; height:100%; object-fit:cover;}
.subcontents.myfrecv .queanslist .commitem li dl dt .txtwr {display: flex; justify-content: center; align-items: flex-start;flex-direction:column; line-height:1.3;gap:2px; padding-top:2px;}
.subcontents.myfrecv .queanslist .commitem li dl dt .name {color:#000; font-weight:700; font-size:1.05em;display: flex; justify-content:flex-start ; align-items: center;  }
.subcontents.myfrecv .queanslist .commitem li dl dt .date {width:100%;display: flex; justify-content:flex-start ; align-items: center; gap:7px;  font-size:0.85em; color:#688297;}
.subcontents.myfrecv .queanslist .commitem li dl dd{margin-top:0px; padding:6px 0 2px;display: flex; justify-content:flex-start ; align-items: flex-start; background:transparent;  }


.subcontents .item-resfinwr {width:100%;}
.subcontents .item-resfinwr .fin-title {width:100%; background:#019e9a; padding:8px 20px; color:#fff; font-size:1.2em; display: flex;   justify-content: flex-start; align-items: center;  gap:14px;}
.subcontents .item-resfinwr .fin-title .ic {width:40px; height:40px; padding:0px 0px 2px 2px;  display: flex;   justify-content: center; align-items: center; border-radius:50%; background:#fff; }
.subcontents .item-resfinwr .fishingsumm  {width:100%;   padding:8px 20px; display: flex; flex-direction:column; gap:0px; color:#212427; }
.subcontents .item-resfinwr .fishingsumm li {width:100%;   display: flex; flex-direction:column;    justify-content: flex-start;  align-items: flex-start; line-height:1.4; gap:3px; border-top:1px solid #eff0f4; padding:10px 0px; }
.subcontents .item-resfinwr .fishingsumm li:first-child {border-top:none;}
.subcontents .item-resfinwr .fishingsumm li .tt {color:#688297;width:100%;  font-size:0.9em;  }
.subcontents .item-resfinwr .fishingsumm li .txt {font-weight:400; font-size:1em;width:100%; display: flex;   justify-content: flex-start; align-items: center; }
 
.subcontents .item-resfinwr .fishingsumm li .joinnum .jnum {  font-weight:400;}
.subcontents .item-resfinwr .fishingsumm li .joinnum {gap:10px;}
.subcontents .item-resfinwr .fishingsumm li .joinnum .btn-change {width:28px; height:28px; padding:0px 0px; background:#fff; border:1px solid #d0d4d9;    border-radius:3px; display: flex;    align-items: center;  justify-content: center;   }
 .subcontents .item-resfinwr .fishingsumm li .seatname {color:#01a0e2; gap:5px;}
.subcontents .item-resfinwr .fishingsumm li .seatname  strong {color:#30363f;font-weight:500;  }
.subcontents .item-resfinwr .fishingsumm li .date {color:#01a0e2; flex-direction:column;  gap:0px;  align-items: flex-start;  }
.subcontents .item-resfinwr .fishingsumm li .date strong {color:#30363f; font-weight:500; }
.subcontents .item-resfinwr .fishingsumm li.price{color:#0066b3;}
.subcontents .item-resfinwr .fishingsumm li .reserstat {border-radius:25px; margin-left:5px; color:#fff;font-size:0.95em; padding:4px 10px; line-height:1.3; border:1px solid rgba(0,0,0,0.05); display: flex; justify-content: center; align-items: center; }

 .subcontents .item-resfinwr .fishingsumm li .seatname.redirect .ic {color:#fff; width:24px; height:24px; padding:0px 0px; background:#01a0e2; border:1px solid #01a0e2;    border-radius:3px; display: flex;    align-items: center;  justify-content: center;   }

.subcontents .item-resfinwr .stitle { width:100%;    color: #688297;    font-size: 0.95em;    font-weight: 500; }
.subcontents .item-resfinwr .bankinfowr {width:100%;  border-top: 12px solid #eff0f4; padding:15px 20px; display: flex; flex-direction:column; gap:10px; }
.subcontents .item-resfinwr .bankinfowr .bankinfo{width:100%;   display: flex; flex-direction:column; gap:8px; color:#212427; }
.subcontents .item-resfinwr .bankinfowr .bankinfo li  {width: 100%;  display: grid;    grid-auto-flow: row;    grid-template-columns: 60px 1fr;   line-height:1.4; align-items: flex-start;  }
.subcontents .item-resfinwr .bankinfowr .bankinfo li .tt {font-size:0.9em;    color: #627a8e; letter-spacing:-0.5px;}
.subcontents .item-resfinwr .bankinfowr .bankinfo li  .txt {font-size:0.95em;    color: #000; }
.subcontents .item-resfinwr .bankinfowr .btn_copy {    color: #fff;    border: 1px solid rgba(0, 0, 0, 0.07);    background: #01a0e2;    font-size: 0.95em;    letter-spacing: -0.5px;    padding: 0px 5px;    flex: 0 0 auto;    gap: 6px;    width: 100%;    height:38px;    border-radius: 5px;    display: flex;    justify-content: center;    align-items: center; }
.subcontents .item-resfinwr .bankinfowr .alert { position:relative; width:100%; padding-left:12px; font-size:0.9em; color:#ff3434; line-height:1.4; word-break:keep-all;}
.subcontents .item-resfinwr .bankinfowr .alert:before {position:absolute; top:2px; left:0px; content:'*'; }


.subcontents .item-resfinwr .fspotinfowr {width:100%;  border-top: 12px solid #eff0f4; padding:15px 20px; display: flex; flex-direction:column; gap:10px; }
.subcontents .item-resfinwr .fspotinfowr .fspotname {width:100%; font-size:1.2em; color:#000; font-weight:500;   line-height:1.4; }
.subcontents .item-resfinwr .fspotinfowr .fspotname.redirect {display: flex;   justify-content: flex-start; align-items: center; gap:5px;}
.subcontents .item-resfinwr .fspotinfowr .fspotname.redirect .ic {font-size:0.8em;color:#fff; width:24px; height:24px; padding:0px 0px; background:#01a0e2; border:1px solid #01a0e2;    border-radius:3px; display: flex;    align-items: center;  justify-content: center;   }
 .redirectic {font-size:0.8em;color:#fff; width:24px; height:24px; padding:0px 0px; background:#01a0e2; border:1px solid #01a0e2;    border-radius:3px; display: flex;    align-items: center;  justify-content: center;   }
.subcontents .item-resfinwr .fspotinfowr .fspotinfo{width:100%;   display: flex; flex-direction:column; gap:8px; color:#212427; }
.subcontents .item-resfinwr .fspotinfowr .fspotinfo li  {width: 100%;  display: grid;    grid-auto-flow: row;    grid-template-columns: 60px 1fr;   line-height:1.4; align-items: flex-start;  }
.subcontents .item-resfinwr .fspotinfowr .fspotinfo li .tt {font-size:0.9em;    color: #627a8e; letter-spacing:-0.5px;}
.subcontents .item-resfinwr .fspotinfowr .fspotinfo li  .txt {font-size:0.95em;    color: #000; }

.subcontents .item-resfinwr .cautionwr{width:100%;  border-top: 12px solid #eff0f4; padding:15px 20px; display: flex; flex-direction:column; gap:10px; }
.subcontents .item-resfinwr .cautionwr .caution{width:100%;   display: flex; flex-direction:column; gap:8px; color:#212427; }
.subcontents .item-resfinwr .cautionwr .caution li  {position:relative; width: 100%;  line-height:1.4; padding-left:12px;  font-size:0.95em;    }
.subcontents .item-resfinwr .cautionwr .caution li:before {position:absolute; top:6px; left:0px; width:4px; height:4px; background:#888; content:''; }
.subcontents .item-resfinwr .cautionwr .ruletxt {color:#212427; font-size:0.95em;    line-height:1.6;  }


.subcontents.network .bbslistwr a {border-top:none;}
.subcontents.network .networksect {width:100%;display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; }
.subcontents.network .networksect.bdtop { border-top: 12px solid #eff0f4; }
.subcontents.network .networksect .sectitle {width: 100%;    color: #688297;    font-size: 0.95em;   font-weight: 500; padding:12px 20px 0px;}
.subcontents.network .listitem {border-bottom:1px solid #ecf0f2; }
.subcontents.network .listitem .item-head {width: 100%;  display: grid;    grid-auto-flow: row;    grid-template-columns: 1fr 78px;  gap:6px; align-items: center;  padding:16px 20px;}
.subcontents.network  .listitem .item-head .user { grid-template-columns:  64px 1fr;  gap:12px; }
.subcontents.network  .listitem .item-head .user .imgwr {width:64px; height:64px; border-radius:32px; background:url(../images/mob/i_noimg_big.png) center no-repeat; background-size:cover;}
.subcontents.network  .listitem .item-head .user .name {font-size:1.1em; font-weight:700; line-height:1.4;}
.subcontents.network  .listitem .item-head .user .finfo  {width:100%;display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:4px; margin-top:0px;   }
.subcontents.network  .listitem .item-head .user .finfo li {width: 100%;  display: grid;    grid-auto-flow: row;    grid-template-columns: 70px 1fr;   align-items: flex-start;  line-height:18px;}
.subcontents.network  .listitem .item-head .user .finfo li .tt {font-size:0.9em;    color: #627a8e; letter-spacing:-0.5px;}
.subcontents.network  .listitem .item-head .user .finfo li .txt {font-size:0.95em;    color: #000; }
.subcontents.network  .listitem .item-head .user .finfo li:first-child .txt{ color:#01a0e2;font-weight:500;}
.subcontents.network  .listitem .item-head .btnwr {width:100%; height:100%;display: flex;   justify-content: center; align-items: center;}
.subcontents.network  .listitem .item-head.multibtn .btnwr  {  display: flex;   justify-content: center; align-items: center;flex-direction:column;  gap:4px; padding:4px 0; }
.subcontents.network  .listitem .item-head .btnwr button {width:100%;height:50%;font-size:0.95em;  letter-spacing:-0.5px;display: flex;   justify-content: center; align-items: center; border-radius:5px; color: #fff;    background: #99abb9; border:1px solid rgba(0,0,0,0.07);}
.subcontents.network  .listitem .item-head .btnwr button.btn-agree {height:100%; background:#0c68b5;}
.subcontents.network  .listitem .item-head .btnwr button.btn-delete {height:100%; background:#888;}
.subcontents.network  .listitem .item-head .btnwr button.btn-request { background:#01a0e2; gap:8px;}
.subcontents.network  .listitem .item-head .btnwr button.btn-request span {font-size:0.95em;}
.subcontents.network  .listitem .item-head .btnwr  button.btn-marknet{ color:#01a0e2; background: #fff; font-weight:500; gap:10px;    border: 1px solid #01a0e2; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); }
.subcontents.network  .topsearchwr {padding:14px 20px; border-bottom: 1px solid #ecf0f2;}

.subcontents .netwviewwr {width:100%;}
.subcontents .netwvuser {width: 100%;  display: grid;    grid-auto-flow: row;    grid-template-columns: 106px 1fr ;  gap:16px; align-items: center;  padding:18px 20px;}
.subcontents .netwvuser .imgwr {width:106px; height:106px; border-radius:60px; overflow:hidden; background:url(../images/mob/i_noimg_big.png) center no-repeat #fbfbfb; background-size:cover;}
.subcontents .netwvuser .imgwr img {width:100%; height:100%;  object-fit:cover;}
.subcontents .netwvuser .txtwr {width: 100%; display: flex;   justify-content: center; align-items: flex-start;flex-direction:column;}
.subcontents .netwvuser  .txtwr .name {font-size:1.15em; font-weight:500;  color:#000; }
.subcontents .netwvuser .finfo  {width:100%;display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:8px; margin-top:5px;   }
.subcontents .netwvuser .finfo li {width: 100%;  display: grid;    grid-auto-flow: row;    grid-template-columns: 80px 1fr;   align-items: flex-start;  line-height:18px;  }
.subcontents .netwvuser .finfo li .tt {   color: #627a8e; letter-spacing:-0.5px; font-size:0.95em;}
.subcontents .netwvuser .finfo li .txt {font-size:1em;    color: #000; }
 .subcontents .netwvuser .finfo li:first-child .txt{ color:#01a0e2;font-weight:500;}
.subcontents .netwviewwr .myfinfosizewr .myfinfosize {width: 100%; display: flex;   justify-content: flex-start;     align-items: center;  }
.subcontents .netwviewwr .nomyfishsizewr  {border-top: 12px solid #eff0f4;}

.subcontents .notilistwr {width:100%;display: flex;    justify-content: flex-start;    align-items: flex-start;    flex-direction: column; }
.subcontents .notilistwr .notist {width:100%;border-bottom: 1px solid #ecf0f2; padding:15px 20px 16px;   display:grid;  grid-template-columns: 44px 1fr;  justify-content: flex-start; align-items: center;gap:10px; }
.subcontents .notilistwr dl{width:100%; display: flex;    justify-content: flex-start;    align-items: flex-start;    flex-direction: column;  }
.subcontents .notilistwr dl dt  {width: 100%;display: flex; justify-content: space-between; align-items: center; line-height:1.3;   }
.subcontents .notilistwr dl dt .left {display: flex; justify-content: flex-start; align-items: flex-end; gap:12px;}
.subcontents .notilistwr dl dt .name {color:#000; font-weight:500; font-size:1em;}
.subcontents .notilistwr dl dt .date {display: flex; justify-content: flex-end; align-items: center; color:rgba(0,0,0,0.5); font-size:0.8em;}
.subcontents .notilistwr dl dt .btn-delete {width:34px; height:22px;display: flex; justify-content: flex-end; align-items: center; border:none; background:transparent; color:#ccc;}
.subcontents .notilistwr dl dd {width: 100%; color:#333;  padding-top:3px; line-height:1.6;  }
 .subcontents .notilistwr .notist .imgwr{width:44px; height:44px; border-radius:24px; overflow:hidden;background:#fbfbfb;display: flex;   justify-content: center;     align-items: center; }
.subcontents .notilistwr .notist .imgwr img  {width:100%; height:100%; object-fit:cover;}
  .subcontents .notilistwr .reser dl dd{font-weight:500; color:#0c68b5;} 
  .subcontents .notilistwr .reser dl dd.error {color:#FF6E49;}
 .subcontents .notilistwr .new .imgwr   {background:#f0f1f7;}
 .subcontents .notilistwr .reply .imgwr {background:#f0f1f7;}
 .subcontents .notilistwr .new .imgwr img,  .subcontents .notilistwr .reply .imgwr img { width:auto; height:100%; object-fit:cover; opacity:0.7;}

.subcontents .notilistwr .no-data{ width:100%; padding:30px 20px 20px;display:flex;justify-content: flex-start; align-items: center;flex-direction:column;}
.subcontents .notilistwr .no-data .ic {width:120px; height:120px; margin-bottom:15px; border-radius:80px;  background:#eff0f4;  display: flex;   align-items: center;     justify-content: center;  }
.subcontents .notilistwr .no-data .ic img {width:auto; height:64%;}
.subcontents .notilistwr .no-data .txt {text-align:center; color:#688297; font-weight:500;}
.subcontents .notilistwr .no-data .txt strong {display:block; color:#333; font-size:1.2em; font-weight:400;}

.subcontents .bbswritewr.myedit {padding-top:20px;}
.subcontents .bbswritewr.myedit .writefrm {gap:0px;}
.subcontents .bbswritewr.myedit dl{padding:0px 20px 20px;}
.subcontents .bbswritewr.myedit .editmyinfo {width: 100%; display: flex;   justify-content: center; align-items: flex-start;flex-direction:column;    border-top: 12px solid #eff0f4; padding:15px 20px 20px; gap:20px;}
.subcontents .bbswritewr.myedit  .setopt dl {padding:0;}
.subcontents .bbswritewr.myedit .editmyinfo  .group {width:100%;display: grid;    grid-auto-flow: row;    grid-template-columns: 78px 1fr;    gap: 0px;    align-items: center; }
.subcontents .bbswritewr.myedit .editmyinfo .group .tt {font-size:0.975em; color:#999;}
.subcontents .bbswritewr.myedit .editmyinfo .group .txt.hasbtn {width:100%; display:grid;  grid-auto-flow: row;   grid-template-columns:1fr 80px ; gap:4px;   align-items: center; } 
.subcontents .bbswritewr.myedit .editmyinfo .group .txt.hasbtn .btn_normal{width:100%; height:52px; border-radius:5px; color: #fff;    border: 1px solid #555; background:#555; display:flex;  justify-content: center;  align-items: center; font-size:1em; letter-spacing:-0.5px;}
.subcontents .bbswritewr.myedit .editmyinfo .group .txt.hasbtn .btn_normal:hover {border-color:#222; background:#222; }
.subcontents .bbswritewr.myedit .editmyinfo .group .txt.flstart { display: flex;   justify-content: flex-start;     align-items: center;   gap:30px;}
.subcontents .bbswritewr.myedit  .frm-normal {height:52px; line-height:50px; font-size:1.2em; padding-left:12px;}
.subcontents .bbswritewr.myedit  .chk-rd input[type="radio"] + label {font-size:1.1em; line-height:38px; padding-left:36px;}
.subcontents .bbswritewr.myedit  .chk-rd input[type="radio"] + label span {top:50%; width:28px; height:28px; margin-top:-14px; border-radius:20px;}
.subcontents .bbswritewr.myedit  .chk-rd input[type="radio"]:checked + label span:before  {width:26px; height:26px; }
.subcontents .bbswritewr.myedit  .chk-rd input[type="radio"]:checked + label {font-weight:500;}
.subcontents .bbswritewr.myedit .setopt {width: 100%; display: flex;   justify-content: center; align-items: flex-start;flex-direction:column; gap:20px;}
.subcontents .bbswritewr.myedit .setopt dl dt {font-weight:400;}


.subcontents .view-content > .bbslistwr .networksect .no-data {padding:15px; margin:8px auto 18px; width:calc(100% - 40px); border-radius:5px; background:#f3f3f5;}
.subcontents .view-content > .bbslistwr .networksect .no-data .ic {width:84px; height:84px; margin-bottom:6px;   background:#fff;  } 
.subcontents .view-content > .bbslistwr .networksect .no-data .txt {text-align:center; color:#627a8e; font-weight:400; font-size:0.95em;}
 
.subcontents.network .view-content > .bbslistwr .no-data .txt {font-weight:400; }

.subcontents.reservation .fspotlistwr .fspotlist li .item-txtwr .item-info {align-items: flex-start; }

.subcontents.myreser.party .listitem .item-head .myin-date {padding-top:5px;}
.subcontents.myreser.party  .listitem .item-head .myin-date strong {font-size:1.15em; gap:4px;}
.subcontents.myreser.party .listitem .item-head .myitinfowr .myin-det  {padding-top:5px;}
.subcontents.myreser.party  .listitem .item-head .myitinfowr .myin-det li { grid-template-columns: 50px 1fr; }
.subcontents.party .resoptresultwr .item-summary .fishingsumm li .txt  {justify-content: flex-start;  align-items: flex-start; flex-direction:column; gap:2px;}
.subcontents.party .resoptresultwr .item-summary .fishingsumm li .txt .expment {width:100%; font-size:0.95em; color:#01a0e2;}

.subcontents.party .resoptresultwr .item-head  {width: 100%;display: flex; justify-content: space-between; align-items: center; padding:0px 20px 0px; border-bottom: 1px solid #f1f1f5;}
.subcontents.party .resoptresultwr .item-head .user {  display:grid;  grid-template-columns: 54px 1fr;  justify-content: flex-start; align-items: center;gap:18px;padding:10px 0px 10px;}
.subcontents.party .resoptresultwr .item-head .user .imgwr{width:54px; height:54px; border-radius:34px; overflow:hidden;background:#fbfbfb;}
.subcontents.party .resoptresultwr .item-head .user .imgwr img {width:100%; height:100%; object-fit:cover;}
.subcontents.party .resoptresultwr .item-head .user .txtwr {display: flex; justify-content: center; align-items: flex-start;flex-direction:column; line-height:1.3;gap:4px;}
.subcontents.party .resoptresultwr .item-head .user .name {color:#000; font-weight:700; font-size:1.2em;display: flex; justify-content:flex-start ; align-items: center; gap:7px;}
.subcontents.party .resoptresultwr .item-head .user .info {width:100%;display: flex; justify-content:flex-start ; align-items: center; gap:7px; }
.subcontents.party .resoptresultwr .item-head .user .info span{ position:relative; font-size:0.9em; color:#688297; padding-left:10px;   display: flex; font-weight:400; }
.subcontents.party .resoptresultwr .item-head .user .info span:before {position:absolute; top:50%; left:0px; width:3px; height:3px; margin-top:-2px; background:#688297; content:'';}
.subcontents.party .resoptresultwr .item-head .user .info span:first-child {padding-left:0px;}
.subcontents.party .resoptresultwr .item-head .user .info span:first-child:before{display:none;}
.subcontents.party .resoptresultwr .item-head .date {display: flex; justify-content: flex-end; align-items: center; color:rgba(0,0,0,0.5); font-size:0.8em;}
.subcontents.party .resoptresultwr .item-head .type { display:grid;     grid-template-columns:repeat(1, 1fr);   align-items: center; flex-direction:column; gap:2px; }
.subcontents.party .resoptresultwr .item-head .type1 {  padding:0px 10px 0px 6px; height:26px;border-radius:20px;display: flex; justify-content: center; align-items: center; gap:2px; background:#01a0e2; color:#fff; font-size:0.8em;}
.subcontents.party .resoptresultwr .item-head .type img {width:auto; height:18px;}

.subcontents.fixrequestbtn {padding-bottom:300px;}
.subcontents.fixrequestbtn .fixbotbtn {box-shadow:none;}
.subcontents.fixrequestbtn .fixrequest {position:fixed;left:0px; bottom:64px; width:100%; box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.1); z-index:5; padding-bottom:12px;}
.subcontents.fixrequestbtn .joincautiontxt {width:100%; padding:15px 20px 0px;}
.subcontents .writefrm  .addfisthcatchwr  {width:100%; display: flex; flex-direction:column;  background:#fff;}
.subcontents .writefrm #container_fishcatch {width:100%; display: flex; flex-direction:column; gap:14px;}
.subcontents .writefrm #container_fishcatch dl{padding:10px 20px 14px;}
.subcontents .writefrm #container_fishcatch  .wrap_fishcatch  {width:100%; display: flex; flex-direction:column; border-top:12px solid #eff0f4;  }
.subcontents .writefrm #container_fishcatch  .wrap_fishcatch:first-child{border-top:none;}
.subcontents .writefrm .wrap_fishcatch .rowwr {gap:8px;  padding:10px 15px;}
.subcontents .writefrm  .wrap_fishcatch .sizefrmedit {grid-template-columns:1fr 24px;}
.subcontents .writefrm   .wrap_fishcatch .sizefrmedit span {font-size:1em;}
.subcontents .writefrm  .wrap_fishcatch dl dt.hasbtn{width:100%; display: flex; justify-content: space-between; align-items: center;  margin-bottom:0px;flex-direction:row;}
.subcontents .writefrm  .wrap_fishcatch dl dt.hasbtn .title span {font-weight:400;}
.subcontents .wrap_fishcatch .btn-delete {width: auto; min-width:60px; padding:0px 15px;  height: 34px;    border-radius: 5px;    color: #fff;    border: 1px solid #555;    background: #555;     display: flex;    justify-content: center;    align-items: center;    font-size: 0.9em;  gap:8px; }
.subcontents .wrap_fishcatch .btn-delete span{font-size:0.9em; }
 
 
.subcontents .writefrm .wrap_fishcatch_size {width:100%;  display: flex; flex-direction:column; gap:8px;color:#212427;   padding:10px 15px 12px;background:#f7f7f9; border: 1px solid rgba(0, 0, 0, 0.05);  }
 .subcontents .writefrm .wrap_fishcatch_size  .fishcatch_size  {width:100%;   display:grid;     grid-template-columns:100px 1fr; gap:8px;   align-items: center; font-size:1.05em;}
.subcontents .writefrm .wrap_fishcatch_size   .fishcatch_size  .size_name { width:100%; padding-top:2px;}
.subcontents .writefrm .wrap_fishcatch_size  .fishcatch_size  .fscount {font-weight:500;  width:100%; display: flex;   justify-content: flex-end; align-items: center;gap:6px;}
.subcontents .writefrm .wrap_fishcatch_size   .fishcatch_size .fscount .btn-change {width:36px; height:36px; padding:0px 0px; background:#fff; border:1px solid #d0d4d9;    border-radius:3px; display: flex;    align-items: center;  justify-content: center;   }
.subcontents .writefrm .wrap_fishcatch_size  .fishcatch_size .fscount .num {min-width:auto; width:84px; height:36px;  padding:0px 5px; text-align:center; font-size:1.1em; border:1px solid #d0d4d9;    border-radius:3px; display: flex;    align-items: center;  justify-content: center;  }
.subcontents .writefrm .wrap_fishcatch_size .totalnum {padding:12px 15px; background:#e9f4ff;  border-top: 1px solid rgba(0, 0, 0, 0.05); font-size:1.15em; color: #004EA1; line-height: 1.5; display: flex;    align-items: center;  justify-content: flex-end; gap:10px;}
.subcontents .writefrm .wrap_fishcatch_size .totalnum strong {font-size:1.1em;}

.subcontents .writefrm .addfishcatchwr {width:100%; background:#fff; padding:0px 20px 20px; }
.subcontents .writefrm .addfishcatchwr .btn-addfishcat{width:100%; height: 52px; border-radius: 5px;  color: #fff;background: #01a0e2;    box-shadow: 0 2px 5px 0 rgba(1, 160, 226, 0.3);    border: 1px solid rgba(0, 0, 0, 0.12);display: flex;    justify-content: center;    align-items: center;    font-size: 1.1em;    letter-spacing: -0.5px;    gap: 10px;}
.subcontents .writefrm .fishphotoinfowr {width:100%; display: flex; flex-direction:column;  }
 .subcontents .writefrm .fishphotoinfowr .detitlewr  {width:100%; font-weight:400; color:#333; font-size:1em;  }
 /*
.subcontents .writefrm dl dd .fishphotoinfowr .photoeditwr .photoedone .uploadimg.addimg {height:112px;}
.subcontents .writefrm dl dd .fishphotoinfowr .photoeditwr .photoedone .btn_addthimg {height:112px;}
*/
.subcontents .writefrm dl dd .fishphotoinfowr  .photoeditwr .photoedone .btn_addthimg span i {font-size:3.5em;}
.subcontents .writefrm .fistinfotxt { width:100%;  display:grid;  grid-template-columns: repeat(2, 1fr) ;  justify-content: flex-start; align-items: center;gap:14px; border-bottom:1px solid #eff0f4; padding:0px 0px 10px; margin-bottom:10px;}
.subcontents .writefrm .fistphotoedit { width:100%;  /*display:grid;  grid-template-columns: repeat(2, 1fr) ;  justify-content: flex-start; */align-items: center;gap:14px; }



/*nature */
.subcontents .naturelistwr {width:100%; padding:20px;}
.subcontents .naturelistwr .naturelist {width:100%;display:grid;     grid-template-columns:repeat(2, 1fr);   align-items: center; flex-direction:column; gap:12px; }
 .subcontents .naturelistwr .wlvwr {width:100%; padding:12px 8px 10px;background:#e0e9f2; border:1px solid rgba(0,0,0,0.04); border-radius:10px; overflow:hidden; display: flex;   justify-content: center; align-items: center;flex-direction:column; gap:6px;}
.subcontents .naturelistwr .wlvwr .imgwr { width:96px;height:96px; background:#fff; border-radius:50%; display: flex;   justify-content: center; align-items: center; overflow:hidden; }
.subcontents .naturelistwr .wlvwr .imgwr img {width:100%; height:100%; object-fit:cover;}
.subcontents .naturelistwr .wlvwr .txtwr {width:100%; display: flex;   justify-content: center; align-items: center; flex-direction:column; line-height:1.5; color:#727272;  padding-top:3px; }
.subcontents .naturelistwr .wlvwr .txtwr strong { font-weight:500; font-size:1.1em; color:#333;}
.subcontents .naturelistwr .wlvwr:nth-child(2), .subcontents .naturelistwr .wlvwr:nth-child(2n+1) {background:#e0e6f2;}
.subcontents .naturelistwr .wlvwr:nth-child(3), .subcontents .naturelistwr .wlvwr:nth-child(3n) {background:#e0eef2;}
.subcontents .naturelistwr .wlvwr:first-child, .subcontents .naturelistwr .wlvwr:nth-child(3n+1)  {background:#e0e9f2; }
/*.subcontents .naturelistwr .wlvwr:nth-child(4) {background:#e0ebf2;}
.subcontents .naturelistwr .wlvwr:nth-child(5) {background:#e0e8f2;}
 .subcontents .naturelistwr .wlvwr:nth-child(6) {background:#e0f0f2;}*/
.subcontents.river .sctop-menu.scroll button{ min-width:90px; font-size:0.95em;}

.subcontents .tablecontwr {width:100%;padding:14px 20px 20px;}
.subcontents .tablewr {width:100%;}
.subcontents .tbl_normal {text-align:center; border:none; line-height:1.4; }
.subcontents .tbl_normal  thead th { font-size:0.9em; text-align:center;  line-height:1.3;  font-weight:400;  color: #565656; padding:4px 4px; border:none; border-right:1px solid rgba(0,0,0,0.05);border-top:1px solid rgba(0,0,0,0.05); border-bottom:1px solid rgba(0,0,0,0.05); background:#efeff1;}
.subcontents .tbl_normal  thead th .unit {font-size:0.95em;}
.subcontents .tbl_normal  thead th:first-child {border-left:1px solid rgba(0,0,0,0.05); }
 .subcontents .tbl_normal  tbody td { font-size:0.95em; text-align:center;   font-weight:400;  color:#212427; padding:10px 4px; border-right:1px solid rgba(0,0,0,0.07); border-bottom:1px solid rgba(0,0,0,0.07);}
 .subcontents .tbl_normal  tbody td:first-child {border-left:1px solid rgba(0,0,0,0.07); }
 .subcontents .tbl_normal  tbody td.thbg {background:#f7f7f9; font-size:0.95em; color: #565656;  }
 
 .subcontents .tablewr .tbl_normal {font-size:0.95em;}
 .subcontents .tablewr .tbl_normal .up{font-size:1.1em; color:#f81654; }
  .subcontents .tablewr .tbl_normal .down{font-size:1.1em; color:#0e76cb; }
  .subcontents .tablewr .tbl_normal tbody td.thbg {font-size:0.9em; padding:10px 2px;}
  .subcontents .tablewr .tbl_normal tbody td.alright {text-align:right; padding:5px 5px 5px 2px;}
   .subcontents .tablewr .tbl_normal td .date {width:100%; font-size:0.9em; color:#121212;} 
  
  .subcontents .tablecontwr .tbl-summ {width:100%;   display: flex;    justify-content: flex-start;   align-items: center;  gap:12px; font-weight:500;padding-bottom:8px;}
 .subcontents .tablecontwr .tbl-summ .txt {color:#688297; font-size:1em;}

.subcontents .stickytablewrap {border:1px solid #e3e3e5; padding-bottom:0px !important;}
.subcontents .stickytablewrap .tbl_normal  thead th {border-top:none;border-bottom:none;}
.subcontents .stickytablewrap .tbl_normal  thead th, .subcontents .stickytablewrap .tbl_normal  tbody td{border-right:none;border-left:1px solid rgba(0,0,0,0.07); }
.subcontents .stickytablewrap .tbl_normal  thead th:first-child, .subcontents .stickytablewrap .tbl_normal  tbody td:first-child {border-left:none;}
 .subcontents .stickytablewrap  .tbl_normal  tbody td {border-bottom:none; border-top:1px solid rgba(0,0,0,0.07);}

.subcontents .fixbotbtn .shopbotmenu {width:100%;  padding:0px; display:grid;     grid-template-columns:repeat(5, 1fr);   align-items: center; gap:0px;}
.subcontents .fixbotbtn .shopbotmenu a{width:100%;  display: flex;    justify-content: center;   align-items: center;flex-direction:column; height:70px;gap:3px; padding-top:2px; position:relative;}
.subcontents .fixbotbtn .shopbotmenu a span{font-size:0.85em; color:#6d6d6d; width:100%;display: flex;    justify-content: center;    }
 .subcontents .fixbotbtn .shopbotmenu a .ic{width:30px; height:auto;}
.subcontents .fixbotbtn .shopbotmenu a.active {background:#01a0e2;}
.subcontents .fixbotbtn .shopbotmenu a.active span { color:#fff;}
 .subcontents .fixbotbtn .shopbotmenu a.active .ic img {filter: invert(100%) sepia(4%) saturate(7449%) hue-rotate(28deg) brightness(108%) contrast(125%);}
.subcontents .fixbotbtn .shopbotmenu .botcountnum {position:absolute; top:50%; left:50%;  background:#f4351d; font-size:0.8em; font-weight:500; padding:0px 7px; height:18px; border-radius:20px;width:auto; color:#fff; z-index:103; transform: translate( -50%,-56%);display: flex;    justify-content: center;   align-items: center; }
.subcontents .fixbotbtn .shopbotmenu.cpgoods { grid-template-columns:repeat(4, 1fr);   }
 
 
.subcontents.fspotsearch .topsearchwr.shop{background: #f7f7f9; padding:6px 20px; border-bottom:1px solid #e5e5e5;}
.subcontents.fspotsearch .topsearchwr.shop .frm-normal {height:48px; line-height:46px;}

.subcontents .bbsviewwr.fishinfo   {padding-bottom:0px;}
.subcontents .bbsviewwr.fishinfo  .commentwr {background:#fff; border-top:none;}
.subcontents .bbsviewwr.fishinfo  .commentwr li:before {background:#f1f1f5;}
.subcontents .bbsviewwr.fishinfo  .commentwr dl {border-top:none; margin-bottom:0px;}
.subcontents .bbsviewwr.fishinfo .commitem dl dd{background:#fff;}
.subcontents .bbsviewwr.fishinfo  .commentwr .commitem li {padding:6px 0;}

.subcontents.reservationfin {padding-bottom:70px;}
.subcontents.reservationfin .resoptresultwr .item-summary {border-bottom:none;}
.subcontents.hasbotcomm {padding-bottom:64px;}
.subcontents.commbotbtn {padding-bottom:54px;}
.subcontents.commbotbtn .bbsviewwr .item-summary {padding-bottom:0px;}
.subcontents.commbotbtn .fixbotbtn.comm{display: flex;    justify-content: space-between;   align-items: center;}
.subcontents.commbotbtn .fixbotbtn.comm.basic {  justify-content:flex-end; }
.subcontents.commbotbtn .fixbotbtn.comm button{  display: flex;    justify-content: center;   align-items: center; height:54px; border:none; background:transparent; padding:0px 8px;  }
.subcontents.commbotbtn .fixbotbtn.comm .left{display: flex;  justify-content: flex-start;   align-items: center;}
.subcontents.commbotbtn .fixbotbtn.comm .left button {padding-left:17px;justify-content: flex-start;  gap:9px; }
.subcontents.commbotbtn .fixbotbtn.comm .left button span {font-size:0.95em;color:#212427; }
.subcontents.commbotbtn .fixbotbtn.comm .left button img {width:auto; height:60%;}
.subcontents.commbotbtn .fixbotbtn.comm .right{display: flex;  justify-content: flex-end;   align-items: center; gap:0px;}
.subcontents.commbotbtn .fixbotbtn.comm .right button {width:54px;}
.subcontents.commbotbtn .fixbotbtn.comm .right button img {width:auto; height:52%;}
.subcontents.commbotbtn .fixbotbtn.comm .right span {display:none;}
.subcontents.commbotbtn .fixbotbtn.comm .right button.erase {padding-right:15px;}

.subcontents.commbotbtn .fixbotbtn.liveing {display: grid;    grid-template-columns: 1fr 64px;    align-items: center;  }
.subcontents.commbotbtn .fixbotbtn.liveing  .left {width:100%; height:100%;}
.subcontents.commbotbtn .fixbotbtn.liveing  .right {width:100%;height:100%;}
 .subcontents.commbotbtn .fixbotbtn.liveing .left button {background:#0C68B5; width:100%;height:100%;display: flex;  justify-content: center;   align-items: center; gap:16px;}
 .subcontents.commbotbtn .fixbotbtn.liveing .left button img {width:auto; height:64%;}
 .subcontents.commbotbtn .fixbotbtn.liveing .left button  span {color:#fff;font-size:1.1em;}
.subcontents.commbotbtn .fixbotbtn.liveing  .right button.erase {width:100%; display: flex;  justify-content: center;   align-items: center;  padding:0px;}

.subcontents .editcontbtnmidwr{width:100%; display: flex;    justify-content: flex-end;   align-items: center; border-top:1px solid #f1f1f5; border-bottom:12px solid #eff0f4; }
.subcontents .editcontbtnmidwr button{  display: flex;    justify-content: center;   align-items: center; width:50px; height:50px; border:none; background:transparent; padding:0px 8px;  }
.subcontents .editcontbtnmidwr  button img {width:auto; height:52%;}
.subcontents .editcontbtnmidwr  span {display:none;}
.subcontents .editcontbtnmidwr button.erase {padding-right:15px;}
.subcontents .bbsviewwr .item-summary dl.fishingspotinfowr { width:100%;   border-top: 12px solid #eff0f4;   }

.subcontents.commbotbtn .bbsviewwr {padding-bottom:0px;}
.subcontents .fspotinfodate {width:100%;}
.subcontents .btn-fspotreserve {width:100%; padding:8px 15px 8px 20px;  margin-bottom:6px; display: grid;    grid-template-columns: 1fr 42px ;    align-items: center;    gap: 12px; background:#01a0e2; border-radius:10px; overflow:hidden; border:1px solid rgba(0,0,0,0.05); box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);}
.subcontents  .btn-fspotreserve .ic {width:42px; height:42px; padding-bottom:3px; border-radius:40px; background:#fff; display: flex;   justify-content: center; align-items: center;}
.subcontents  .btn-fspotreserve .ic img {width:auto; height:64%;}
.subcontents .btn-fspotreserve .txt {color:rgba(0,0,0,0.7);   font-weight:500;font-size:1.1em;display: flex;  flex-direction:column; line-height:1.5; }
.subcontents .btn-fspotreserve .txt  strong {color:#fff;  width:100%;  font-weight:500;display:-webkit-box;   -webkit-line-clamp:1;   -webkit-box-orient:vertical;  white-space:normal;    overflow:hidden;   text-overflow:ellipsis;  }
.subcontents .fspotinfodate .potname {width:100%;font-size:1.1em; font-weight:500; color:#212427; }
.subcontents .fspotinfodate .potaddr {width:100%;   display: grid;    grid-template-columns:22px 1fr;    align-items: flex-start; padding-top:5px;padding-left:1px;  }
.subcontents .fspotinfodate .potaddr  .txt {width:100%; line-height:1.5; display: flex; justify-content: flex-start; padding-top:1px;   font-size:0.975em; color:#424242;}
.subcontents .fspotinfodate .potdate {width:100%;   display: grid;    grid-template-columns:22px 1fr;    align-items: flex-start; padding-top:5px;padding-left:1px;  }
.subcontents .fspotinfodate .potdate  .txt {width:100%; line-height:1.5; display: flex; justify-content: flex-start; padding-top:1px;    flex-direction:column;color:#424242;}
.subcontents .fspotinfodate .potdate  .txt span { color:#6d6d6d;  font-size:0.9em;}
.subcontents .fspotinfodate .potdate  .txt strong {font-weight:500;  font-size:0.95em;  }

.subcontents .fspotinfowr {width:100%;}
.subcontents .fspotinfowr.hasbtn {  display: grid;    grid-template-columns: 1fr 72px;    align-items: flex-start;  }
.subcontents .fspotinfowr .potname {width:100%;font-size:1.1em; font-weight:500; color:#212427; }
.subcontents .fspotinfowr .potaddr {width:100%;   display: grid;    grid-template-columns:20px 1fr;    gap:4px; align-items: flex-start; padding-top:5px;padding-left:1px;  }
.subcontents .fspotinfowr .potaddr  .txt {width:100%; line-height:1.5; display: flex; justify-content: flex-start; padding-top:1px;   font-size:0.9em; color:#424242;}
.subcontents .fspotdatewr .potdate {width:100%;   display: grid;    grid-template-columns:20px 1fr;   gap:4px;   align-items: flex-start; padding-top:8px;padding-left:1px;  }
.subcontents .fspotdatewr .potdate  .txt {width:100%; line-height:1.5; display: flex; justify-content: flex-start; padding-top:1px;    flex-direction:column;color:#424242;}
.subcontents .fspotdatewr .potdate  .txt span { color:#6d6d6d;  font-size:0.9em;}
.subcontents .fspotdatewr .potdate  .txt strong {font-weight:500;  font-size:0.95em;  }
.subcontents .fspotinfowr .btn-fspotreser{ margin-top:3px;width:100%; padding:12px 5px; display: flex; justify-content: center;  align-items: center; font-size:0.9em;  color:#fff;  background:#01a0e2; border-radius:5px; overflow:hidden; border:1px solid rgba(0,0,0,0.05);  }  


.subcontents .myfishmapbtnwr  {width:100%; padding:9px 20px 8px;display: flex; justify-content: flex-start;    flex-direction:column; gap:10px; }
.subcontents .myfishmapbtnwr a {width:100%; border:none; }
.subcontents .myfishmapbtnwr .mymapbtn {width:100%; padding:8px 15px 8px 18px;  display: grid;    grid-template-columns: 1fr 48px ;    align-items: center;    gap: 18px; background:#0c68b5; border-radius:10px; overflow:hidden; border:1px solid rgba(0,0,0,0.05); box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);}
.subcontents .myfishmapbtnwr .mymapbtn .ic {width:48px; height:48px; padding-bottom:3px; border-radius:40px; background:#fff; display: flex;   justify-content: center; align-items: center;}
.subcontents .myfishmapbtnwr .mymapbtn .ic img {width:auto; height:64%;}
.subcontents .myfishmapbtnwr .mymapbtn .txt {color:#fff; font-size:1.3em; font-weight:500;}
.subcontents .myfishmapbtnwr .mymapbtn.size {background:#01a0e2; }
.subcontents .myfishmapbtnwr .mymapbtn.size .ic  {padding-bottom:0px; padding-top:2px;}
.subcontents .myfishmapbtnwr .mymapbtn.size .ic img { height:60%;}

.subcontents .rivercurrsumwr {width: 100%; padding: 10px 15px; margin:2px 0 10px 0;  color: #fff;  font-size:0.9em; position: relative;  display: flex;  align-items: center;   justify-content: space-between;   gap: 8px;  background: #01a0e2;   border-radius:3px; }
.subcontents .rivercurrsumwr dl{display: flex;  align-items: center;   justify-content:flex-start; gap:5px;}
.subcontents .rivercurrsumwr dl dt{opacity:0.9;}
.subcontents .rivercurrsumwr dl dd strong {font-weight:500; font-size:1.15em; display:inline-block; margin-right:1px;}

.subcontents .chartwr {width:100%;padding: 15px 20px; background:#e9f4ff;}
.subcontents .chartwr .chartbox {width:100%;border:1px solid rgba(0,0,0,0.07); background:#fff; border-radius:3px; overflow:hidden;padding:5px 5px 2px 2px; }
.subcontents .chartwr  .chart {width:100%; }

.subcontents .elsesetwr.navi{padding-bottom:0px;}
.subcontents .elsesetwr .optnaviset {width:100%;  display: grid;    grid-template-columns: repeat(3, 1fr);    align-items: flex-start;    gap: 18px; }
.subcontents .elsesetwr .optnaviset .naviset { position: relative;   width:100%; height:100%; display: flex;  align-items: center;   justify-content:flex-start; flex-direction:column;}
.subcontents .elsesetwr .optnaviset .naviset  input[type="radio"] {    position: absolute;    width: 0px;    height: 0px;    margin: -1px;    border: none;    background: transparent;    overflow: hidden;    color: transparent;}
.subcontents .elsesetwr .optnaviset .naviset  input[type="radio"] + label { position: relative;      cursor: pointer;    width: 100%; padding:10px 8px 6px; display: flex;  align-items: center;   justify-content:flex-start; flex-direction:column;gap:6px;   border-radius: 10px;  border: 1px solid rgba(0, 0, 0, 0.07);    background: #b0b9c2;overflow:hidden;}
.subcontents .elsesetwr .optnaviset .naviset  input[type="radio"] + label .ic {position: relative;   width:68%; height:68%; display: flex;  align-items: center;   justify-content:center;   border-radius: 50%;  overflow:hidden;  background:#fff; }
.subcontents .elsesetwr .optnaviset .naviset  input[type="radio"] + label .ic:before { position: absolute;  left:0; height:0;  width: 100%;    height: 100%;  content:''; border:2px solid #fff;border-radius:50%; z-index:1;}
.subcontents .elsesetwr .optnaviset .naviset  input[type="radio"] + label .ic img {width:100%; height:auto;opacity:0;  }
.subcontents .elsesetwr .optnaviset .naviset  input[type="radio"] + label .tt { width:100%; font-size:0.95em;  color:#fff; display: flex;  align-items: center;   justify-content:center;  }
  .subcontents .elsesetwr .optnaviset .naviset  input[type="radio"]:checked + label {  background:#01a0e2; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15); }
.subcontents .elsesetwr .optnaviset .naviset  input[type="radio"]:checked + label .ic img { opacity:1.0 }
 .subcontents .elsesetwr .optnaviset .naviset  input[type="radio"]#naviapp_tmap + label .ic {background:url(../images/mob/ic-naviapp-tmap-off.png) center center no-repeat; background-size:100% auto;}
  .subcontents .elsesetwr .optnaviset .naviset  input[type="radio"]#naviapp_kakao + label .ic {background:url(../images/mob/ic-naviapp-kakao-off.png) center center no-repeat; background-size:100% auto;}
   .subcontents .elsesetwr .optnaviset .naviset  input[type="radio"]#naviapp_naver + label .ic {background:url(../images/mob/ic-naviapp-naver-off.png) center center no-repeat; background-size:100% auto;}

 
  
.bbsviewwr.cpgoodsinfo .label_picdate {background: #000000;     background: linear-gradient(90deg, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0.25) 60%, rgba(0, 0, 0, 0.4) 100%);    padding: 0px 15px;    line-height: 2.4;    height: auto;    font-size: 0.85em;    font-weight: 400;    display: flex;    align-items: center;    justify-content: flex-end;    gap: 6px;}
 
 
 
.subcontents .writefrm dl dd .photoeditwr .photoedlist .uploadimg .label_picdate {padding:0px 15px; line-height:2.4; height:auto; font-size:0.85em;  background:#000; background:linear-gradient(90deg, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0.25) 60%, rgba(0, 0, 0, 0.4) 100%);font-weight:400; display: flex;  align-items: center;   justify-content: flex-end; gap:6px;  }
.subcontents .writefrm dl dd .photoeditwr .photoedlist .uploadimg .label_picdate span{width:auto; height:auto;}
.subcontents .bbsviewwr.fishinfo .label_picdate { background: #000000; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0.25) 60%, rgba(0, 0, 0, 0.4) 100%); padding:0px 15px; line-height:2.4; height:auto; font-size:0.85em;font-weight:400; display: flex;  align-items: center;   justify-content: flex-end; gap:6px;}
.subcontents .bbsviewwr dl  .mapimg { width: 100%;  height: 248px;   display: flex;  justify-content: center;  align-items: center;   overflow: hidden; }


.subcontents .writefrm dl dd.selfspotwr {position:relative; }
.subcontents .writefrm dl dd.selfspotwr #shopPicker { background:url(../images/mob/ic-search-gr.svg) 8px center no-repeat; padding-left:36px;  }
.subcontents .writefrm dl dd.selfspotwr .ui-search-picker {top:53px !important;  z-index:102 !important; border-radius:5px !important;border:1px solid #0C68B5 !important;-webkit-box-shadow: 0 0 0px 2px rgba(1, 160, 226, 0.4);    -moz-box-shadow: 0 0 0px 2px rgba(1,160,226,0.4);
    box-shadow: 0 0 0px 2px rgba(1, 160, 226, 0.4); background:#fff  !important}
.subcontents .writefrm dl dd.selfspotwr .ui-search-picker .fsoplistresult {width:100%; display: flex; justify-content: flex-start;    flex-direction:column; padding:5px 0; }
.subcontents .writefrm dl dd.selfspotwr .ui-search-picker .fsoplistresult li{padding:8px 12px; width:100%;   display: grid;    grid-template-columns:56px 1fr;  gap:12px;  align-items: flex-start; border-top:1px solid rgba(0, 0, 0, 0.07);}
.subcontents .writefrm dl dd.selfspotwr .ui-search-picker .fsoplistresult li:first-child {border-top:none;}
.subcontents .writefrm dl dd.selfspotwr .ui-search-picker .fsoplistresult li .pic{width:100%; height:42px; overflow:hidden; }
.subcontents .writefrm dl dd.selfspotwr .ui-search-picker .fsoplistresult li .pic img{width:100%; height:100%; object-fit:cover;}
.subcontents .writefrm dl dd.selfspotwr .ui-search-picker .fsoplistresult li .txtwr{width:100%;display: flex; justify-content: center;  align-items: flex-start;  flex-direction:column; gap:2px;  line-height:1.4;}
.subcontents .writefrm dl dd.selfspotwr .ui-search-picker .fsoplistresult li .txtwr .name {color:#000; font-weight:500; padding-top:2px;display: flex; -ms-flex-flow: row wrap;line-height:1.4;  flex-flow: row wrap;  justify-content: flex-start; align-items: center; }
.subcontents .writefrm dl dd.selfspotwr .ui-search-picker .fsoplistresult li .txtwr .name .fsname {display:inline-block; margin-right:5px; line-height:1.3;}
.subcontents .writefrm dl dd.selfspotwr .ui-search-picker .fsoplistresult li .txtwr .name .distance {font-weight:400; color:#01a0e2; font-size:0.9em;}
.subcontents .writefrm dl dd.selfspotwr .ui-search-picker .fsoplistresult li .txtwr .addr {font-size:0.9em; color:#555;}
.subcontents .writefrm dl dd.selfspotwr .ui-search-picker .fsoplistresult li.nodata { align-items:center; line-height:1.4; word-break:keep-all; color:#688297; gap:15px;}
.subcontents .writefrm dl dd.selfspotwr .ui-search-picker .fsoplistresult li.nodata .ic{width:56px; height:56px; background:#f7f7f9; border-radius:30px; display: flex;  align-items: center;     justify-content: center; }
.subcontents .writefrm dl dd.selfspotwr .ui-search-picker .fsoplistresult li.nodata .ic img {width:auto; height:50%;}

.subcontents .writefrm dl.hasdtbtn {padding-top:6px;}
.subcontents .writefrm dl.hasdtbtn dt {justify-content: space-between;  align-items: flex-end;  flex-direction:row;    }
.subcontents .writefrm dl.hasdtbtn dt .btn-temsave { padding:7px 12px; display: flex; justify-content: center;  align-items: center;  color:#fff; background: #01a0e2;      border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; font-size:0.85em;}
.subcontents input[type="radio"] + label:active, .subcontents input[type="checkbox"] + label:active  {outline:none !important; -webkit-tap-highlight-color: rgba(0,0,0,0.05) !important; }

.subcontents dl.map-summary  {border-top: 12px solid #eff0f4; padding:15px 0 0 !important;}
.subcontents dl.map-summary dd {margin-top:8px; margin-bottom:5px;}
.subcontents dl.map-summary dd.hasbtn {  display: grid;    grid-template-columns: 1fr 72px;    align-items: flex-start;margin-top:0px;  }
.subcontents dl.map-summary dd .potname {font-weight:500; font-size:1.1em;}
.subcontents dl.map-summary dd .mapfinfo { width:100%; }
.subcontents dl.map-summary dd .btn-fspotreser { margin-top:3px;width:100%; padding:10px 5px; display: flex; justify-content: center;  align-items: center; font-size:0.9em;  color:#fff;  background:#01a0e2; border-radius:5px; overflow:hidden; border:1px solid rgba(0,0,0,0.05);  }  
.subcontents dl.map-summary dd .potaddr {width:100%;   display: grid;    grid-template-columns:20px 1fr;    align-items: flex-start;  padding-left:1px; line-height:1.4; }
.subcontents dl.map-summary dd .potaddr  span {width:100%;line-height:1.5;  display: flex; justify-content: flex-start; padding-top:2px;font-size:0.9em; color:#666;}
.subcontents dl dt.summtitle {width:100%; color:#688297; font-size:0.95em; font-weight:500; padding:0px 20px 8px; line-height:1.5;}
.subcontents .sumbdtitle {width:100%; color:#688297; font-size:0.95em; font-weight:500; padding:15px 20px 8px; line-height:1.5;border-top: 12px solid #eff0f4;}
.subcontents .bdtopbox  {border-top: 12px solid #eff0f4 !important; padding-top:15px !important;}




.subcontents #wrap_weather  {width:100%;}

.subcontents.hastscroll2 { padding-top:162px;}
.subcontents.hastscroll2 .sctop-menu.first, #tabhndr_community {position:fixed; top:50px; left:0px; width:100%; z-index:31;}
 .subcontents.hastscroll2   .sctop-menu.first button, .hastscroll2 #tabhndr_community button {min-width:72px; width:auto;   font-size:0.95em; }
.subcontents.hastscroll2 .sctop-menu.second, #tabhndr_fis {position:fixed; top:105px; left:0px; width:100%; z-index:32;}
 .subcontents.hastscroll2.place .sctop-menu.first button, .hastscroll2.place  #tabhndr_community button {min-width:140px; width:auto;   font-size:0.95em; }
 
 .subcontents.hastscroll2.place {padding-top:152px;}
.subcontents.hastscroll2.place .sctop-menu.second,.hastscroll2.place #tabhndr_fis {padding:5px 20px; gap:4px;    }
.subcontents .sctop-menu.second button , #tabhndr_fish button {min-width:60px; min-height:36px; font-size:0.9em; padding:0px 3px;}
.subcontents.hastscroll2.place .bbslistoption { position:relative;  width:100%; font-size:0.925em;  background:#fff;  padding:0px 12px 0px 12px;display: flex;   justify-content: flex-start; align-items: center; gap:6px;}
.subcontents.hastscroll2.place .bbslistoption:before {position:absolute; bottom:0px; left:0px; width:100%; height:1px; content:''; background:rgba(0,0,0,0.1);}
 .subcontents.hastscroll2.place .bbslistoption button {  display: flex;    justify-content: center;   align-items: center;  border:none; background:transparent; padding:0px 8px; color:#6f6f6f;  }
.subcontents.hastscroll2.place .bbslistoption button span {position:relative; line-height:36px;  }
.subcontents.hastscroll2.place .bbslistoption button.active {color:#0c68b5; font-weight:500;}
.subcontents.hastscroll2.place .bbslistoption button.active span:before {position:absolute; bottom:0px; left:0px; width:100%; height:3px; content:''; background:#0c68b5; z-index:1;}
.subcontents.hastscroll2.place .bbslistwr a:first-child {    border-top: 10px solid #eff0f4;}

 .subcontents.hastscroll2.travel {padding-top:159px;}


.subcontents.hastscroll1{ padding-top:105px;}
.subcontents.hastscroll1 .sctop-menu {position:fixed; top:50px; left:0px; width:100%; z-index:31;}
.subcontents.hastscroll1 .selectareawr {position:fixed; top:50px; left:0px; width:100%; z-index:31;}

.subcontents .livesavemsg {position:fixed;bottom:67px;left:0px;padding:3px 15px 0 18px; height:30px;display: flex; justify-content: center; align-items:center; gap:6px;color:#454545;font-size:0.95em;font-weight:500; z-index:1000;background:#FEE500; border:1px solid rgba(0,0,0,0.03); border-radius:0 25px 25px 0;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); }
.subcontents .livesavemsg span { animation: blink-effect 1s step-end infinite; }
@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}
 
.subcontents .editinfo .uploadimg input {border:none; border-radius:50%;}

.subcontents.river .sctop-menuwr {margin-bottom:0px; border-top:none;}
.subcontents.river .sctop-menu {grid-template-columns: repeat(2, 1fr); gap:4px;}
.subcontents.river .sctop-menu a {     color: #6f6f6f;    border: 1px solid #e9e9e9;  background:#fff;   padding: 0px 12px;  flex: 0 0 auto;  font-size:0.95em; letter-spacing:-0.5px; width: 100%;    min-height: 38px;     border-radius: 50px; display: flex;    justify-content: center;    align-items: center;  }
.subcontents.river .sctop-menu a.active {color:#fff; background:#0c68b5;  border-color:rgba(0,0,0,0.1);}
.subcontents.river .topsearchwr {padding:0px;}
.subcontents.river  .topsearchwr .searchbox {margin-bottom:5px; border-radius:0px;}
 .subcontents.river  .topsearchwr .searchbox .ic{position:absolute; top:50%; left:11px;  transform: translate( 0,-50%); opacity:0.8;  }
 .subcontents.river  .topsearchwr .searchbox .frm-normal {padding-left:42px; padding-right:0px; height:44px; line-height:42px;  border-radius:0px;}
 
 
.map-fullscreen-button {margin:5px 5px 0px 0px !important; width:32px  !important; height:32px  !important; border:1px solid rgba(0,0,0,0.5) !important;  border-radius:5px  !important; background:   #fff  !important; display: flex;    justify-content: center;    align-items: center;    }
.map-fullscreen-button img {width:60% !important; height:auto !important;}
.map-mylocation-button {margin:0px 0px 5px 5px !important; width:32px  !important; height:32px  !important; border:1px solid rgba(0,0,0,0.5) !important;  border-radius:5px  !important; background: url(../images/mob/ic-map-current.svg) center center no-repeat #fff  !important;  background-size:64% auto  !important; font-size:0px  !important; line-height:0px   !important; }
.map-history-back-button{margin:10px 0px 0px 10px !important; width:32px  !important; height:32px  !important; border:1px solid rgba(0,0,0,0.7) !important;  border-radius:5px  !important; background: url(../images/mob/ic-map-zoomin.svg) center center no-repeat #fff  !important;  background-size:60% auto  !important; font-size:0px  !important; line-height:0px   !important; }
 .mapfocusadd {    position: absolute;    overflow: hidden;    box-sizing: content-box !important;    cursor: inherit;  width: 64px;    height: 64px; }
.mapfshopfocus{    position: absolute;display: flex;    justify-content: flex-start;    align-items: center; flex-direction:column;  min-width:60px; }
.mapfshopfocus .imgwr {width:34px; height:41px; padding:4px 0px 0;display: flex;    justify-content: center;    align-items: flex-start; }
.mapfshopfocus .imgwr span{display: flex;    justify-content: center;    align-items: flex-start; width:24px; height:24px; border-radius:15px; overflow:hidden; background:#fff; }
.mapfshopfocus .name {font-size:0.75em; width:100%; line-height:1.2; text-align:center;color:#000; font-weight:500; text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff;}
 .mapfshopfocus .imgwr.shopbg {background: url(../images/mob/ic-map-focusadd2.svg) center top no-repeat; }
.mapfshopfocus.rankmap {width: 52px;    height: 52px;background: url(../images/mob/ic-map-rank.svg) center top no-repeat; }
.mapfshopfocus .info {width:100%; height:100%; display: flex;  justify-content: center;     align-items: center; flex-direction:column; padding-bottom:5px;}
.mapfshopfocus .size {font-size:0.75em; width:100%; line-height:1.2; text-align:center;color:#0277ff; font-weight:500; text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff;}
.mapfshopfocus .info .name{ max-height:2.4em; line-height:1.2em;display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;    text-overflow: ellipsis; }

.btn-fixedaddphoto {position:fixed !important; bottom:80px !important; right:10px !important;}
.subcontents .fixbotbtn.livebotbtn { display: grid;   grid-template-columns:80px 1fr 80px; align-items: center;  font-size:0.85em;}
 .subcontents .fixbotbtn.livebotbtn .btn_cancel.end {background:#08367f;}
.subcontents .fixbotbtn.livebotbtn  .btn_cancel {padding:0px 5px; line-height:1.3;}
.subcontents .liveonphoto .photoeditwr .photoedlist li.no-data {width:100%;display:grid;  grid-auto-flow: row;   grid-template-columns:56px 1fr; align-items: center; gap:10px; padding:0px 80px 0 0; }
.subcontents .liveonphoto .photoeditwr .photoedlist li.no-data .ic{width:56px; height:56px; background:#d8dce6; border-radius:30px; display: flex;  align-items: center;     justify-content: center; }
.subcontents .liveonphoto .photoeditwr .photoedlist li.no-data .ic img {width:auto; height:70%;}
.subcontents .liveonphoto .photoeditwr .photoedlist li.no-data .txt {font-size:0.95em; text-align:left; word-break:normal;}

.subcontents .liveonphoto .btn-addphoto{width:48px; height:48px; border-radius: 5px;    border: 1px solid rgba(0, 0, 0, 0.12);     background: #FF7850;display: flex;  align-items: center;     justify-content: center; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);}
.subcontents .liveonphoto .btn-addphoto img {width:60%; height:auto;}



.list-page {width:100%; margin:0px  0 20px 0;  text-align: center;     display: flex;    justify-content: center;   align-items: center; }
.list-page > a {   display: flex; align-items: center; justify-content: center; font-size:1.2em;   width:26px; height:26px;  line-height: 23px; padding-top:1px; text-align: center;  color:#999;  background: #fff;    box-sizing: border-box;   vertical-align: middle;    border: 1px solid #fff;    border-radius: 3px;    margin: 0 1px;}
.list-page > a:hover {border-color:#db2922; color:#db2922;}
.list-page > a i{line-height:1;}
.list-page ol { display: flex; justify-content: center;   align-items: center; padding:0px 10px; gap:2px;}
.list-page li { display: flex; justify-content: center;   align-items: center;}
.list-page li a { font-size:0.85em; font-weight:400; letter-spacing:-0.5px; display: flex; align-items: center; justify-content: center;  color: #999;      background: #fff;    box-sizing: border-box;    min-width:26px; height:26px;   line-height: 24px;border: 1px solid #fff;   border-radius: 3px; }
.list-page li a:hover { text-decoration: none; color:#000;}
.list-page a.current { position: relative; z-index: 1; color: #db2922; border-color:#db2922; font-weight: 500;}

.subcontents  hr.bd {width:100%; height:1px;  background:#eee;  margin:35px 0 0px;}
.subcontents  hr.bd2 {width:100%; height:1px;  background:#eee;  margin:35px 0;}

 
 .liveonphoto #control_attach .progress {position:absolute; right:0px; bottom:0px; width:calc(100vw - 40px);}
 .liveonphoto #control_attach .progress .progress-bar.reject {width:100% !important;   padding:4px 10px; font-size:0.9em;  text-align:center; color:#ff7850 !important; background:rgba(0,0,0,0.9) !important;}
.subcontents .commitem li dl dd{background:transparent;}

.subcontents.resersalewr .selectdatewr{display:none;}
.subcontents.resersalewr .daysalecont {padding-top:15px;}
.subcontents.resersalewr .daysalecont  a{width:100%;}


 .maintopsearchwr {width:100%; padding:0px 20px 10px; display: grid;   grid-template-columns: 1fr 46px; gap:6px; align-items: center; }
 .maintopsearchwr form {width:100%; }
 .maintopsearchwr .searchbox {position:relative;width:100%; padding:1px; border-radius:5px; background: linear-gradient(to right, #00c400, #277dfa); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); }
.maintopsearchwr .frm-normal {border-color:#fff;padding-right:44px; height:44px; line-height:42px; padding-left:8px;border-radius:3px;}
.maintopsearchwr .frm-normal:focus  {border-color: #0C68B5; -webkit-box-shadow:0 0 0px 2px rgba(1,160,226,0.4);-moz-box-shadow:0 0 0px 2px rgba(1,160,226,0.4); box-shadow:0 0 0px 2px rgba(1,160,226,0.4); }
.maintopsearchwr.frm-normal::placeholder { font-weight:400; color:#688297;  }
.maintopsearchwr .frm-normal::-webkit-input-placeholder {  font-weight:400;  color:#688297;  }
.maintopsearchwr .frm-normal:-ms-input-placeholder  {  font-weight:400;  color:#688297; }
.maintopsearchwr .btn_search {position:absolute; right:0px; top:0px;padding:0px; width: 44px;   height: 44px;    font-size:0.95em;  border:none;  opacity:1.0; background:transparent;   border-radius:0px 5px 5px 0px;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; }
.maintopsearchwr .btn_search:hover { opacity:0.6; }
.maintopsearchwr .btn-movemap { width: 100%;   height: 46px;    font-size:0.95em;  border:1px solid rgba(0,0,0,0.05);  background:#0c68b5;   border-radius:5px;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); }
 .maintopsearchwr .btn-movemap img {width:64%; height:auto;}

.subcontents.fspotdetail .fsoptbtntopwr {grid-template-columns: repeat(3, 1fr);}
.subcontents.fspotdetail .fsoptbtntopwr:before {display:none;}
.subcontents.fspotdetail .fsoptbtntopwr button {gap:8px; border-left:1px solid rgba(0, 0, 0, 0.07); border-radius:0px; font-size:0.95em;}
.subcontents.fspotdetail .fsoptbtntopwr button:first-child {border-left:none;}
.subcontents.fspotdetail .fsoptbtntopwr button img {width:auto; height:68%;}

.subcontents .item-naturewr {width:100%; background:#f4faff;}
.subcontents  .item-naturewr .chartwr {padding:0px ;background:#f4faff !important;}
.subcontents  .item-naturewr  dl {border-color:rgba(0,0,0,0.05) !important;  padding:15px 20px 20px !important;}
 .subcontents .bbswritewr.myedit .elsesetwr.navi {padding-bottom:18px; }

 .subcontents .shopconnectwr {width:100%; margin-top:10px; display: grid;   grid-template-columns: 1fr 1fr; gap:10px; align-items: center; }
 .subcontents .shopconnectwr button  {width:100%; padding:8px 12px 8px 15px;  margin-bottom:4px; display: grid;    grid-template-columns: 42px  1fr ;    align-items: center;    gap: 12px; background:#01a0e2; border-radius:10px; overflow:hidden; border:1px solid rgba(0,0,0,0.05); box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);}
 .subcontents .shopconnectwr button .ic {width:42px; height:42px;  border-radius:40px; background:#fff; display: flex;   justify-content: center; align-items: center;}
 .subcontents .shopconnectwr button .ic img {width:auto; height:78%;}
 .subcontents .shopconnectwr button .txt {color:#fff;   font-weight:500;font-size:1em; line-height:1.5; width:100%;  text-align:left;}
 .subcontents .shopconnectwr button.btn-connect-map {background:#0c68b5; }
  
 .subcontents .bbsviewwr.fishinfo .item-summary dl.fishingspotinfowr {   border-bottom: 12px solid #eff0f4;   }
 .subcontents .bbsviewwr.fishinfo .commentwr .commitem .nonedata {padding-bottom:10px;}
 
 .subcontents .creatnontwr { width:100%; padding:30px 20px 20px;display:flex;justify-content: flex-start; align-items: center;flex-direction:column;}
 .subcontents .creatnontwr  .ic {width:120px; height:120px; margin-bottom:15px; border-radius:80px;  background:#fff;  display: flex;   align-items: center;     justify-content: center;  }
 .subcontents .creatnontwr  .ic img {width:auto; height:64%;}
 .subcontents .creatnontwr .txt {width:100%; text-align:center; color:#688297; font-weight:400; font-size:1em; word-break:keep-all; line-height:1.6; padding-bottom:16px;}
  .subcontents .creatnontwr .txt strong {font-weight:500; color:#333;}
  .subcontents .creatnontwr a.btn_normal  {width:100%;  height:52px; padding:0px 15px; font-size:1.1em;   display: flex;   align-items: center;     justify-content: center;color:#fff; background:#01a0e2; border-radius:10px; overflow:hidden; border:1px solid rgba(0,0,0,0.05); box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);}
 
 .subcontents .bbswritewr.myedit .editmyinfo.moreinfo{gap:0px; padding-bottom:0px;}
 .subcontents .bbswritewr.myedit .editmyinfo.moreinfo .moreopt {width: 100%;  display: flex;    justify-content: center;    align-items: flex-start;    flex-direction: column; gap:14px;}
.subcontents .bbswritewr.myedit .editmyinfo.moreinfo  .moreopt .group { display: flex;    justify-content: center;    align-items: flex-start;    flex-direction: column; gap:5px;}
.subcontents .bbswritewr.myedit .editmyinfo.moreinfo  .moreopt .group .txt {width:100%;}
.subcontents .bbswritewr.myedit .editmyinfo.moreinfo  .moreopt .group .tt{ width:100%; font-weight:500;}
 .subcontents .bbswritewr.myedit .editmyinfo.moreinfo .moreopt .mapwr {border-radius:5px; overflow:hidden; }
 
 .subcontents .bbswritewr.myedit .moreopt #shopPicker { background:url(../images/mob/ic-search-gr.svg) 8px center no-repeat; padding-left:36px;  }
 .subcontents .bbswritewr.myedit .moreopt .ui-search-picker {top:53px !important;  z-index:102 !important; border-radius:5px !important;border:1px solid #0C68B5 !important;-webkit-box-shadow: 0 0 0px 2px rgba(1, 160, 226, 0.4);    -moz-box-shadow: 0 0 0px 2px rgba(1,160,226,0.4);
    box-shadow: 0 0 0px 2px rgba(1, 160, 226, 0.4); background:#fff  !important}
 .subcontents .bbswritewr.myedit .moreopt .ui-search-picker .fsoplistresult {width:100%; display: flex; justify-content: flex-start;    flex-direction:column; padding:5px 0; }
 .subcontents .bbswritewr.myedit .moreopt .ui-search-picker .fsoplistresult li{padding:8px 12px; width:100%;   display: grid;    grid-template-columns:56px 1fr;  gap:12px;  align-items: flex-start; border-top:1px solid rgba(0, 0, 0, 0.07);}
 .subcontents .bbswritewr.myedit .moreopt .ui-search-picker .fsoplistresult li:first-child {border-top:none;}
 .subcontents .bbswritewr.myedit .moreopt .ui-search-picker .fsoplistresult li .pic{width:100%; height:42px; overflow:hidden; }
 .subcontents .bbswritewr.myedit .moreopt .ui-search-picker .fsoplistresult li .pic img{width:100%; height:100%; object-fit:cover;}
 .subcontents .bbswritewr.myedit .moreopt .ui-search-picker .fsoplistresult li .txtwr{width:100%;display: flex; justify-content: center;  align-items: flex-start;  flex-direction:column; gap:2px;  line-height:1.4;}
 .subcontents .bbswritewr.myedit .moreopt .ui-search-picker .fsoplistresult li .txtwr .name {color:#000; font-weight:500; padding-top:2px;display: flex; -ms-flex-flow: row wrap;line-height:1.4;  flex-flow: row wrap;  justify-content: flex-start; align-items: center; }
 .subcontents .bbswritewr.myedit .moreopt .ui-search-picker .fsoplistresult li .txtwr .name .fsname {display:inline-block; margin-right:5px; line-height:1.3;}
 .subcontents .bbswritewr.myedit .moreopt .ui-search-picker .fsoplistresult li .txtwr .name .distance {font-weight:400; color:#01a0e2; font-size:0.9em;}
 .subcontents .bbswritewr.myedit .moreopt .ui-search-picker .fsoplistresult li .txtwr .addr {font-size:0.9em; color:#555;}
 .subcontents .bbswritewr.myedit .moreopt .ui-search-picker .fsoplistresult li.nodata { align-items:center; line-height:1.4; word-break:keep-all; color:#688297; gap:15px;}
 .subcontents .bbswritewr.myedit .moreopt .ui-search-picker .fsoplistresult li.nodata .ic{width:56px; height:56px; background:#f7f7f9; border-radius:30px; display: flex;  align-items: center;     justify-content: center; }
 .subcontents .bbswritewr.myedit .moreopt  .ui-search-picker .fsoplistresult li.nodata .ic img {width:auto; height:50%;}

.subcontents .bbsviewwr.fishinfo .listitem dl.youtubewr dd .youtube-link a  {width:100%; padding:7px 12px 7px 15px;  margin-bottom:4px; display: grid;    grid-template-columns: 40px  1fr ;  color:#fff; font-size:1.05em;  align-items: center;    gap: 12px; background:#869bac; border-radius:10px; overflow:hidden; border:1px solid rgba(0,0,0,0.05); box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);}
.subcontents .bbsviewwr.fishinfo .listitem dl.youtubewr dd .youtube-link a  .ic {width:40px; height:40px;  border-radius:40px; background:#fff; display: flex;   justify-content: center; align-items: center;}
.subcontents .bbsviewwr.fishinfo .listitem dl.youtubewr dd .youtube-link a .ic img {width:70%; height:auto;}

.subcontents .writefrm dl dd .photoeditwr .photoedone li.no-data {width:100%;display:grid;  grid-auto-flow: row;   grid-template-columns:56px 1fr; align-items: center; gap:10px; padding:0px ; }
.subcontents .writefrm dl dd .photoeditwr .photoedone li.no-data .ic{width:56px; height:56px; background:#d8dce6; border-radius:30px; display: flex;  align-items: center;     justify-content: center; }
.subcontents .writefrm dl dd .photoeditwr .photoedone li.no-data .ic img {width:auto; height:70%;}
.subcontents .writefrm dl dd .photoeditwr .photoedone li.no-data .txt {font-size:0.95em; text-align:left; word-break:normal; color:#555;}

 .subcontents.searchlistwr .sctop-menuwr {margin-bottom:0px;}
.subcontents.searchlistwr .sctop-menuwr .sctop-menu {    grid-template-columns: repeat(2, 1fr);}
.subcontents.searchlistwr .sctop-menu.second { grid-template-columns: repeat(5, 1fr); gap:6px;}
.subcontents.searchlistwr .topsearchwr {padding-top:10px; padding-bottom:4px; }
.subcontents.searchlistwr  .topsearchwr .frm-normal {height:46px; line-height:44px;}
.subcontents.searchlistwr  .topsearchwr .btn_search {height:46px;}
.subcontents.searchlistwr .sctop-menu.second button, .subcontents.searchlistwr  #tabhndr_fish button  { min-height:40px;}
.subcontents.searchlistwr .sctop-menu.second button.active, .subcontents.searchlistwr  #tabhndr_fish button.active { background:#0c68b5; color:#fff;}
.subcontents.searchlistwr .schreslistwr {width:100%;border-top: 12px solid #eff0f4; padding:12px 0 8px;}
.subcontents.searchlistwr .schreslistwr .mcontitle {font-size:1.05em; padding-bottom:8px;}
.subcontents.searchlistwr .bbslistwr .schreslistwr a {    border-top: 1px solid #f0f0f4;   padding:12px 20px; }
.subcontents.searchlistwr .schreslistwr dl {width:100%; display: grid;    grid-template-columns:100px 1fr;  gap:14px;  align-items: flex-start; }
.subcontents.searchlistwr .schreslistwr dl dt {position:relative;width:100%; padding-top: calc(100% / 4 * 3); border-radius:5px; overflow:hidden;  }
.subcontents.searchlistwr .schreslistwr dl  dt .proimg {position: absolute; top: 0px;    left: 0px;    width: 100%;    height: 100%;    border-radius: 0px;   overflow: hidden;   width:100%;display: flex; justify-content: center; align-items: center; background:#fbfbfb;} 
.subcontents.searchlistwr .schreslistwr dl  dt .proimg  img {    width: 100%;    height: 100%; object-fit: cover;}
.subcontents.searchlistwr .schreslistwr dl  dt .proimg:before {position:absolute; top:0; left:0;width: 100%;    height: 100%;    content:''; border:1px solid rgba(0,0,0,0.07); border-radius:5px;   overflow: hidden;  }
 .subcontents.searchlistwr .schreslistwr dl dd {width:100%; padding-top:2px;}
.subcontents.searchlistwr .schreslistwr dl  dt .type {position:absolute; top:0px; left:0px; display: flex;    justify-content: center;    align-items: center;    height: 22px;    line-height: 22px;    padding: 0px 4px 0px 1px;    border-radius: 5px 0px 5px 0px;    background: #01a0e2;    color: #fff;    font-size: 0.8em; z-index:3; }
 .subcontents.searchlistwr .schreslistwr dl dd .name, .subcontents.searchlistwr .schreslistwr dl dd .title {width:100%; color: #212427;  font-weight: 500;   font-size: 1.1em;    height: 1.5em;    line-height: 1.5em;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;    text-overflow: ellipsis;} 
  .subcontents.searchlistwr .schreslistwr dl dd .addr {width:100%; color: #727272; margin-top:4px;  font-weight: 400;   font-size:0.95em;    height: 1.3em;    line-height: 1.3em;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;    text-overflow: ellipsis; } 
  .subcontents.searchlistwr .schreslistwr dl dd .nick  {width:100%; color: #688297; margin-top:3px;  font-weight: 500;   font-size:0.95em;    height: 1.3em;    line-height: 1.3em;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;    text-overflow: ellipsis; } 
  .subcontents.searchlistwr .schreslistwr dl dd .inline {width:100%; margin-top:8px;   font-size:0.9em;display: flex;    justify-content: flex-start;    align-items: flex-start; gap:12px;  }
 .subcontents.searchlistwr .schreslistwr dl dd .inline .potname { color:#0c68b5;}
  .subcontents.searchlistwr .schreslistwr dl dd .inline .date { text-align:right; color:#888; font-size:0.9em;}
.subcontents.searchlistwr .schreslistwr dl dd.cpgoods {padding-top:0px;}
.subcontents.searchlistwr .schreslistwr dl dd .spebet {width:100%; margin-top:0px;   font-size:0.9em; display: grid;    grid-template-columns: 1fr 112px; align-items: center;  margin-bottom:3px; }
.subcontents.searchlistwr .schreslistwr dl dd .spebet .date { text-align:right; color:#888; font-size:0.9em; letter-spacing:-1px;padding-top:1px;}
.subcontents.searchlistwr .schreslistwr dl dd .spebet .date strong {font-weight:500;letter-spacing:0px; color:#555; display:inline-block; margin-left:1px;}
.subcontents.searchlistwr .schreslistwr dl dd .spebet .info{width:100%;display: grid;    grid-template-columns:auto  1fr; align-items: center; gap:6px;}
.subcontents.searchlistwr .schreslistwr dl dd .spebet .info .nick {margin-top:0px; padding-top:1px;}
.subcontents.searchlistwr .schreslistwr dl dd .spebet .info .area {width:100%; min-width:36px; padding:0px 3px;   font-size:0.925em; line-height:18px; height:18px; background:#01a0e2; color:#fff; display: flex;    justify-content: center;    align-items: center;  border-radius:3px;}
.subcontents.searchlistwr .schreslistwr dl  dt .goodsic {position:absolute; top:0px; left:0px; display: flex;    justify-content: flex-start;    align-items: flex-start;  }
.subcontents.searchlistwr .schreslistwr dl  dt .prstat {display: flex;    justify-content: center;    align-items: center;    height: 22px;    line-height: 22px;    padding: 0px 4px 0px 5px;    border-radius: 5px 0px 5px 0px;    background: #FF6E49;    color: #fff;    font-size: 0.8em; z-index:3; }
 .subcontents.searchlistwr .schreslistwr dl  dt .prstat.end {background:#7f8a93; color:rgba(255,255,255,0.85);}
.subcontents.searchlistwr .schreslistwr dl  dt .delivst {display: flex;    justify-content: center;    align-items: center;    height: 22px;    line-height: 22px;    padding: 0px 4px 0px 5px;    border-radius: 0px 0px 5px 5px;    background: rgba(0,0,0,0.8);    color: #ffdb70;    font-size: 0.8em; z-index:3; }
.subcontents.searchlistwr .schreslistwr dl dd .proinfo {width:100%; margin-top:4px; padding-top:2px;  font-size:0.9em; display: flex;    justify-content: space-between;    align-items: center; border-top:1px solid rgba(0,0,0,0.05); }
 .subcontents.searchlistwr .schreslistwr dl dd .proinfo .price {padding-top:1px; padding-left:1px;}
 .subcontents.searchlistwr .schreslistwr dl dd .proinfo .psumm{display: flex;    justify-content: flex-end;    align-items: center; gap:10px;}
 .subcontents.searchlistwr .schreslistwr dl dd .proinfo .psumm .ic {opacity:0.7;}
.subcontents.searchlistwr .schreslistwr dl dd .proinfo .psumm .ic img{width:auto; height:20px;}
.subcontents.searchlistwr .schreslistwr dl dd .proinfo .psumm span {display:inline-block; line-height:1.2; padding-top:3px; font-size:0.9em; color:#666;}
.subcontents.searchlistwr .schreslistwr dl dd .proinfo .psumm .buy, .subcontents.searchlistwr .schreslistwr dl dd .proinfo .psumm .view {display: flex;    justify-content: flex-end;    align-items: center; gap:3px;}
.subcontents.searchlistwr .schreslistwr dl  dt .cntonguest {position:absolute; bottom:3px; right:3px;display: flex;    justify-content: flex-start;    align-items: center; gap:4px; z-index:5;background:#f4351d; border-radius:20px; padding:0px 7px 0px 5px;  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);     }
.subcontents.searchlistwr .schreslistwr dl  dt .cntonguest strong {  font-size:0.85em; font-weight:500;  color:#fff;  }
.subcontents.searchlistwr .schreslistwr dl  dt .cntonguest .ic {width:12px; height:12px;display: flex;    justify-content: center;    align-items: center;  } 
 .subcontents.searchlistwr .schreslistwr dl  dt .cntonguest .ic img {width:100%; height:auto;}
 
 
 .subcontents .fixbotbtn.meactivity .shopbotmenu {grid-template-columns: repeat(5, 1fr);}
 
 .subcontents.hasmeactbot {padding-bottom:90px;}
  .subcontents.me .meacthome .meacth-recent {width:100%;border-bottom: 12px solid #eff0f4;padding:12px 0 20px; }
 .subcontents.me .meacthome .meacth-history {width:100%; border-bottom: 12px solid #eff0f4; padding:12px 0 20px; margin-bottom:15px;}
 .subcontents.me .meacthome .myrecordtotal { margin-top:6px;}
 .subcontents.me .meacthome  .myrecordtotal ul{background: #01a0e2;  }
 .subcontents.me .meacthome  .myrecordtotal ul li .tt { color: #fff;    opacity: 0.9; }
 .subcontents.me .meacthome  .myrecordtotal ul li .txt{ color: #fff;  }
 
 .subcontents.me .meacth-recent .catfishinfowr {width:100%; padding:6px 20px 0; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:10px;}
 .subcontents.me .meacth-recent .catfishinfowr .fishinfowr{  width:100%; padding:1px; background: linear-gradient(to right, #00c400, #277dfa);  border-radius:7px;overflow:hidden;  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);  }
 .subcontents.me .meacth-recent .catfishinfowr dl  {width:100%;padding:15px 15px 13px; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; background:#fff; border-radius:5px;overflow:hidden; }
 .subcontents.me .meacth-recent .catfishinfowr dl dt{position:relative; width:100%; padding-top: calc(100% / 4.5 * 3);  }
  .subcontents.me .meacth-recent .catfishinfowr dl dt:before {position: absolute; top: 0px;    left: 0px;    width: 100%;    height: 100%;    border-radius: 5px;   overflow: hidden; border:1px solid rgba(0,0,0,0.05); z-index:1; content:'';}
 .subcontents.me .meacth-recent .catfishinfowr dl dt .proimg {position: absolute; top: 0px;    left: 0px;    width: 100%;    height: 100%;    border-radius: 5px;   overflow: hidden;    display: flex; justify-content: center; align-items: center; background:#fbfbfb;} 
 .subcontents.me .meacth-recent .catfishinfowr dl dt .proimg  img {    width: 100%;    height: 100%; object-fit: cover;}
 .subcontents.me .meacth-recent .catfishinfowr dl dt .optic {position: absolute; top: 0px;    left: 0px; z-index:2;   }
 .subcontents.me .meacth-recent .catfishinfowr dl dt .optic  span {display: flex;    justify-content: center;    align-items: center;  gap:3px;  height: 28px;    line-height: 28px;    padding: 0px 9px 0px 8px;    border-radius: 4px 0 5px 0;    background: #01a0e2;    color: #fff;    font-size: 0.85em; }
  .subcontents.me .meacth-recent .catfishinfowr dl dd {width: 100%; display: flex;   justify-content: space-between; align-items: center; line-height:1.4; gap:3px;  flex-wrap:wrap; padding-top:8px; }
 .subcontents.me .meacth-recent .catfishinfowr dl dd .fname { display: flex;   justify-content: flex-start; align-items: center;  font-size:1.35em; color:#212427; font-weight:500;   padding-left:1px;}
.subcontents.me .meacth-recent .catfishinfowr dl dd  .row { display: flex;   justify-content: flex-start; align-items: flex-end;flex-direction:column; gap: 2px; }
.subcontents.me .meacth-recent .catfishinfowr dl dd  .row .potname { font-size:0.925em;color:#212427; letter-spacing:-0.5px;}
.subcontents.me .meacth-recent .catfishinfowr dl dd  .row .date { font-size:0.8em; color:#737373;}
.subcontents.me .meacth-recent  .catchinfowr {width:100%; padding:2px; color: #fff; background: #E9F4FF; border-radius: 7px;border:1px solid #01a0e2;display: flex; justify-content: flex-start; align-items: flex-start;flex-direction:column;gap:2px;}
.subcontents.me .meacth-recent .catchinfowr ul{width:100%; display: grid;    grid-template-columns: repeat(5, auto); align-items: center;  gap:2px;}
.subcontents.me .meacth-recent .catchinfowr ul li{background:#fff; border:1px solid #dde8f2; border-radius:5px; min-width:50px; padding:0px 2px; line-height:1.3; height:42px;display: flex;   justify-content: center; align-items: center;  flex-direction:column;gap:2px;  }
.subcontents.me .meacth-recent .catchinfowr ul li strong {font-weight:500; color:#666; font-size:0.825em; letter-spacing:-0.5px;}
.subcontents.me .meacth-recent .catchinfowr ul li span {font-weight:700; color:#01a0e2;font-size:0.95em;}
.subcontents.me .meacth-recent .allgetnum{  width:100%;  color:rgba(0,0,0,0.8);   line-height:20px; padding:5px 12px 5px;  font-weight:500; display: flex;   justify-content: flex-end; align-items: center; gap:10px;font-size:0.95em; border-radius:0px 0px 7px 7px;}
.subcontents.me .meacth-recent  .allgetnum .getnum{display: flex;   justify-content: flex-end; align-items: center; gap:2px; color:#000;}
.subcontents.me .meacth-recent  .allgetnum .getnum strong {font-size:1.1em;font-weight:700;}
 
 .subcontents.hasmeactbot .mycatravelwr {margin-bottom:5px;}
 .subcontents.hasmeactbot .bbslistwr  {padding-bottom:5px;}
 .subcontents  .item-resfinwr .bankinfowr ul.alert:before {display:none; }
 .subcontents .item-resfinwr .bankinfowr ul.alert {padding-left:0px;display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;  gap:7px; border-top:1px solid rgba(0,0,0,0.07); padding-top:8px; }
 .subcontents  .item-resfinwr .bankinfowr ul.alert li {position: relative;    width: 100%;    padding-left: 11px;    font-size: 0.9em;    color: #ff3434;    line-height: 1.4;    word-break: keep-all; }
 .subcontents .item-resfinwr .bankinfowr ul.alert li:before {position: absolute;    top: 2px;    left: 0px;    content: '*';}
 
 .subcontents .writefrm dl dd .cancelguide {width: 100%;    padding: 10px 12px 10px 12px;    border-radius: 5px;    background: #e9f4ff; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; }
 .subcontents .writefrm dl dd .cancelguide .tt{color: #688297;    width: 100%;    font-size: 0.9em; padding:0px 0 5px 0; font-weight:500; }
 .subcontents .writefrm dl dd .cancelguide ul { width: 100%;  display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;  gap:6px; border-top:1px solid rgba(0,0,0,0.1);  border-bottom:1px solid rgba(0,0,0,0.07); padding:8px 0px; }
 .subcontents .writefrm dl dd .cancelguide ul li {position: relative;    width: 100%;    padding-left: 11px;    font-size: 0.9em;    color: #424242;    line-height: 1.4;    word-break: keep-all; }
 .subcontents .writefrm dl dd .cancelguide ul li:before {position: absolute;    top: 2px;    left: 0px;    content: '*'; opacity:0.8;}
 .subcontents .writefrm dl dd .cancelguide ul li strong {font-weight:500;}   
 .subcontents .writefrm dl dd .cancelguide .cancelguidetxt {position: relative;  width:100%; margin-top:9px; font-size:0.875em;   color: #ff3434; line-height: 1.4;  word-break:keep-all;  padding-left: 11px;   }
 .subcontents .writefrm dl dd .cancelguide .cancelguidetxt:before {position: absolute;    top: 2px;    left: 0px;    content: '*';} 
   
.subcontents .cancelrespricewr {width: 100%; display: flex;   justify-content: space-between; align-items: center; padding:8px 20px 10px;font-size:1.1em; }
.subcontents .cancelrespricewr dt {color:#333; font-weight:500;}
.subcontents .cancelrespricewr dd {color:#ff3434; font-weight:500; }
.subcontents .cancelrespricewr dd strong { font-weight:700; font-size:1.25em; display:inline-block; margin-right:2px;}

.subcontents.togetherlist .bbslistwr {padding: 15px 20px;}
.subcontents.togetherlist .bbslistwr .mcontitle{padding:0px;}
.subcontents.togetherlist .toget-other {width:100%; padding-top:15px;}
.subcontents.togetherlist .toget-my {width:100%;}
.subcontents.togetherlist .toget-my a, .subcontents.togetherlist .toget-other a{width:100%; display:block; margin:10px 0;}
.subcontents.togetherlist .toghitemwr {width:100%;}
.subcontents.togetherlist .listitem .item-head {padding:10px 15px 10px;}
.subcontents.togetherlist .listitem .item-head .user {width:100%; padding:0; position:relative; }
.subcontents.togetherlist .listitem .item-head .user .ownership {position:absolute; right:0px; top:50%; margin-top:-13px; height:26px;font-weight:400;   font-size:0.925em;  padding:0px 5px 0px; display: flex;   justify-content: center; align-items: center;  border-radius:5px;   color: #fff;   background: #566c7e;   border: 1px solid rgba(0, 0, 0, 0.1); }
.subcontents.togetherlist .listitem .item-head .user .ownership.ing{background:#019e9a}
.subcontents.togetherlist .listitem .item-head .user .ownership.fin {background:#566c7e;}
.subcontents.togetherlist .listitem .item-head .user .ownership.pend {background:#ff7850;}
.subcontents.togetherlist .listitem .item-head .user .ownership.yes {background:#fff; color:#ff7850; border-color:#ff7850;}
.subcontents.togetherlist .listitem .item-head .user .ownership.no {background:#b69c85;}
.subcontents.togetherlist .listitem .item-head .user .ownership.cancel {background:#888;}

.subcontents.myreser  .listitem .item-head  .myin-cate .ownership.pend {background:#ff7850;}
.subcontents.myreser  .listitem .item-head  .myin-cate .ownership.yes {background:#fff; color:#ff7850; border-color:#ff7850;}
.subcontents.myreser  .listitem .item-head  .myin-cate .ownership.no {background:#b69c85;}
.subcontents.myreser  .listitem .item-head  .myin-cate .ownership.cancel {background:#888;}
.subcontents.togetherlist .listitem .item-cont {width:100%; padding:11px 15px 15px;   border-top: 1px solid #f1f1f5; }
.subcontents.togetherlist .listitem .item-cont .togitem-title {width:100%; font-weight: 700;font-size:1.15em; color: #000;}
.subcontents.togetherlist .listitem .item-cont  .togitem-det {width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:12px; padding-top:8px; }
.subcontents.togetherlist .listitem .item-cont .togitem-det  li{width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;gap: 2px;  align-items: center; line-height:1.4; }
.subcontents.togetherlist .listitem .item-cont .togitem-det  li .tt {width:100%; font-size:0.85em; font-weight:500; color:#688297; }
.subcontents.togetherlist .listitem .item-cont .togitem-det  li .txt {width:100%; font-size:1em; color:#000; }
.subcontents.togetherlist .listitem .item-cont .togitem-det  li .txt.date {word-break:keep-all;}
.subcontents.togetherlist .listitem .item-cont .togitem-memo {width: 100%;    padding: 8px 15px 8px 10px;    margin:10px 0  0px;   border-radius: 5px;    font-size:0.95em;  background: #e9f4ff;    display: flex;    justify-content: flex-start;    align-items: center; line-height:1.4;}
.subcontents.togetherlist .listitem .item-summ {width:100%;position: relative;    border-top: 1px solid #f1f1f5;    display: grid;    grid-auto-flow: row;    grid-template-columns: 1fr 1fr;    gap: 30px;    align-items: center;    padding: 10px 15px 12px;  }
.subcontents.togetherlist .listitem .item-summ:before {position: absolute;    top: 0px;    left: 50%;    width: 1px;    height: 100%;    content: '';    background: #f1f1f5; }
.subcontents.togetherlist .listitem .item-summ li {width: 100%;    display: flex;    justify-content: space-between;    align-items: center; }
.subcontents.togetherlist .listitem .item-summ li  .tt {color: #688297; font-size:0.95em; }
.subcontents.togetherlist .listitem .item-summ li  .txt {    color: #fff;    background: #01a0e2;    display: flex;    justify-content: center;    align-items: center;    padding: 3px 10px;    border-radius: 25px;    gap: 2px;}
.subcontents.togetherlist .listitem .item-summ li:first-child  .txt  {  background: #688297; }
.subcontents.togetherlist .listitem .item-summ li  .txt strong {    font-size: 1.05em;}
.subcontents.togetherlist .btn-togetheredit {position:fixed; top:55px; right:20px;  z-index:104; padding:0px 10px;    height: 42px;    border-radius: 5px;    border: 1px solid rgba(0, 0, 0, 0.12);    background: #FF7850;  font-size:0.95em;  color:#fff;  gap:5px; display: flex;    align-items: center;    justify-content: center;    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); }
.subcontents.togetherlist .btn-togetheredit .ic img{width:auto; height:32px;}
.subcontents.togetherview .resoptresultwr dl.resitemstatuswr {background:transparent; position:absolute; right:0px; top:50%;   transform: translate(0, -50%); width:auto; padding:0px;}
.subcontents.togetherview .resoptresultwr dl.resitemstatuswr dt span  {font-size:0.95em; padding:0px 6px;}
.subcontents.togetherview .resoptresultwr .item-head .user{width: 100%;  gap:12px; padding-right:80px; position:relative;}
.subcontents.togetherview .resoptresultwr .item-head .user .name {font-size:1.1em;}
.subcontents.togetherview .item-resfinwr {border-bottom: 12px solid #eff0f4; }
.subcontents.togetherview .resoptresultwr .resviewcon {padding-top:10px;}
.subcontents.togetherview .resoptresultwr .item-head {border-bottom: 12px solid #eff0f4; }
.subcontents.togetherview .resoptresultwr .item-head .user {    grid-template-columns: 44px 1fr;}
.subcontents.togetherview .resoptresultwr .item-head .user .imgwr {width:44px; height:44px;}
.subcontents.togetherview  .item-resfinwr .fishingsumm li .txt {font-weight:500;}
.subcontents.togetherview  .item-resfinwr .fishingsumm li .txt.date {word-break:keep-all; color:#212427;}

.subcontents.cpwr .sctop-menu.selarea  {    width: 100%;    overflow-x: auto;    overflow-y: hidden;    display: flex;    white-space: nowrap;    flex-wrap: nowrap;    align-items: center;   justify-content: flex-start;    padding: 8px 20px;    gap: 8px;}
.subcontents.cpwr .sctop-menu.selarea::-webkit-scrollbar {display:none;}
.subcontents.cpwr .sctop-menu.selarea  button {    color: #6f6f6f;    border: 1px solid #e9e9e9;    background: #fff;    padding: 0px 12px;    flex: 0 0 auto;    min-width: 64px;    min-height: 38px;   font-size:1em;  border-radius: 100px;    display: flex;    justify-content: center;    align-items: center; }
.subcontents.cpwr .sctop-menu.selarea  button.active {    color: #fff;    background: #0c68b5;    border-color: rgba(0, 0, 0, 0.1);}

.subcontents  .cppruchwr {width:100%; position:relative;}
.subcontents  .cppruchwr .btn-itemedit {position:absolute; top:13px; left:20px; z-index:4; width:100px; height:75px; border-radius:5px; background:rgba(0,0,0,0.3); border:none; display: flex;    justify-content: center;    align-items: center;  }
 .subcontents  .cppruchwr .btn-itemedit .ic{width:40px; height:40px;display: flex;    justify-content: center;    align-items: center;  padding:10px; background:#019e9a; border-radius:50%;    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); }

.subcontents  .fixbotbtn.cpwrbot .shopbotmenu a .ic {opacity:0.7;}
.subcontents  .fixbotbtn.cpwrbot .shopbotmenu a.active .ic {opacity:1.0;}

.subcontents .cpchat .listitem {width:100%; padding:12px 20px 13px; background:#f7f7f9;}
.subcontents .cpchat .listitem  dl {width:100%; display: grid;    grid-template-columns:100px 1fr;  gap:14px;  align-items: flex-start; margin:0; padding:0; }
.subcontents .cpchat .listitem  dl dt {position:relative;width:100%; padding-top: calc(100% / 4 * 3); border-radius:5px; overflow:hidden;  }
.subcontents .cpchat .listitem  dl  dt .proimg {position: absolute; top: 0px;    left: 0px;    width: 100%;    height: 100%;    border-radius: 0px;   overflow: hidden;   width:100%;display: flex; justify-content: center; align-items: center; background:#fbfbfb;} 
.subcontents .cpchat .listitem  dl  dt .proimg  img {    width: 100%;    height: 100%; object-fit: cover;}
.subcontents .cpchat .listitem  dl  dt .proimg:before {position:absolute; top:0; left:0;width: 100%;    height: 100%;    content:''; border:1px solid rgba(0,0,0,0.07); border-radius:5px;   overflow: hidden;  }
 .subcontents .cpchat .listitem  dl dd {width:100%; padding:0px; margin:0; line-height:1.6;font-size:1em; }
 .subcontents .cpchat .listitem  dl dd .name, .subcontents .cpchat .listitem  dl dd .title {width:100%; color: #212427;  font-weight: 500;   font-size: 1.1em;    height: 1.5em;    line-height: 1.5em;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;    text-overflow: ellipsis;} 
 .subcontents .cpchat .listitem  dl dd .nick  {width:100%; color: #688297; margin-top:3px;  font-weight: 500;   font-size:0.95em;    height: 1.3em;    line-height: 1.3em;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;    text-overflow: ellipsis; } 
 .subcontents .cpchat .listitem  dl dd .spebet {width:100%; margin-top:0px;   font-size:0.9em; display: grid;    grid-template-columns: 1fr 114px; align-items: center;  margin-bottom:5px; }
.subcontents .cpchat .listitem  dl dd .spebet .date { text-align:right; color:#888; font-size:0.9em; letter-spacing:-1px;padding-top:1px;}
.subcontents .cpchat .listitem  dl dd .spebet .date strong {font-weight:500;letter-spacing:0px; color:#555; display:inline-block; margin-left:1px;}
.subcontents .cpchat .listitem  dl dd .spebet .info{width:100%;display: grid;    grid-template-columns:55px  1fr; align-items: center; gap:8px;}
.subcontents .cpchat .listitem  dl dd .spebet .info .nick {margin-top:0px; padding-top:1px;}
.subcontents .cpchat .listitem  dl dd .spebet .info .area {width:100%; font-size:0.925em; line-height:18px; height:18px; background:#01a0e2; color:#fff; display: flex;    justify-content: center;    align-items: center;  border-radius:3px;}
.subcontents .cpchat .listitem  dl  dt .prstat {position:absolute; top:0px; left:0px; display: flex;    justify-content: center;    align-items: center;    height: 22px;    line-height: 22px;    padding: 0px 4px 0px 5px;    border-radius: 5px 0px 5px 0px;    background: #FF6E49;    color: #fff;    font-size: 0.8em; z-index:3; }
 .subcontents .cpchat .listitem  dl  dt .prstat.end {background:#7f8a93; color:rgba(255,255,255,0.85);}
.subcontents .cpchat .listitem  dl dd .proinfo {width:100%; margin-top:4px; padding-top:2px;  font-size:0.9em; display: flex;    justify-content: space-between;    align-items: center; border-top:1px solid rgba(0,0,0,0.05); }
 .subcontents .cpchat .listitem  dl dd .proinfo .price {padding-top:1px; padding-left:1px;}
 .subcontents .cpchat .listitem  dl dd .proinfo .psumm{display: flex;    justify-content: flex-end;    align-items: center; gap:10px;}
 .subcontents .cpchat .listitem  dl dd .proinfo .psumm .ic {opacity:0.7;}
.subcontents .cpchat .listitem  dl dd .proinfo .psumm .ic img{width:auto; height:20px;}
.subcontents .cpchat .listitem  dl dd .proinfo .psumm span {display:inline-block; line-height:1.2; padding-top:3px; font-size:0.9em; color:#666;}
.subcontents .cpchat .listitem  dl dd .proinfo .psumm .buy, .subcontents .cpchat .listitem dl dd .proinfo .psumm .view {display: flex;    justify-content: flex-end;    align-items: center; gap:3px;}

 .subcontents .cpgoodsinfo .listitem .item-head .user .name{margin-top:2px;}
 .subcontents .cpgoodsinfo  .item-summary dl {gap:5px;}
 .subcontents .cpgoodsinfo  .item-summary dl .nopayexp {color:#0c68b5; font-size:0.95em;}
 .subcontents .cpgoodsinfo  .item-summary dl .potaddr{width:100%;   display: grid;    grid-template-columns:22px 1fr;    align-items: flex-start; padding-top:5px;padding-left:1px;  }
 .subcontents .cpgoodsinfo  .item-summary dl .potaddr  .txt {width:100%; line-height:1.5; display: flex; justify-content: flex-start; padding-top:2px;   font-size:0.975em; color:#424242;}
 .subcontents .cpgoodsinfo  .item-summary dl .infraset {width:100%;   display: grid;  gap: 6px;    grid-template-columns: repeat(4, 1fr); align-items: center;grid-auto-flow: row;}
.subcontents .cpgoodsinfo  .item-summary dl .infraset .seloption{width: 100%;    height: 100%;    font-size: 0.9em; line-height:1.2;border-radius:5px; letter-spacing:-0.5px;    display: flex;   flex-direction: column;  opacity:0.8;  gap: 7px;    align-items: center;   padding: 10px 3px;    justify-content: flex-start;    text-align: left;     color: #fff;    border: 1px solid rgba(0, 0, 0, 0.07);    background: #b0b9c2;}
.subcontents .cpgoodsinfo  .item-summary dl .infraset .seloption .ic{width:36px; height:36px; border-radius:25px; background:#fff; display: flex;   justify-content: center; align-items: center; overflow:hidden;}
.subcontents .cpgoodsinfo  .item-summary dl .infraset .seloption .ic img {width:auto; max-width:76%;height:70%; opacity:0.7;}
.subcontents .cpgoodsinfo  .item-summary dl .infraset .seloption.active {background: #01a0e2;    box-shadow: 0 2px 5px 0 rgba(1, 160, 226, 0.3);    border: 1px solid rgba(0, 0, 0, 0.12);opacity:1.0;}
.subcontents .cpgoodsinfo  .item-summary dl .infraset .seloption.active  .ic img {opacity:1.0;}
.subcontents .bdboxtop { border-top: 12px solid #eff0f4 !important; }
.subcontents .bdlinetop { border-top: 1px solid #d3d6e0 !important; }

.subcontents .cpgoodsinfo  .cpbotsumm {width:100%; padding:8px 20px;}
.subcontents .cpgoodsinfo  .cpbotsumm li {width:100%; display: flex;    justify-content: space-between;    align-items: center; padding:10px 1px; border-top:1px solid #f1f1f5; }
.subcontents .cpgoodsinfo  .cpbotsumm li:first-child {border-top:none;}
.subcontents .cpgoodsinfo  .cpbotsumm li .tt {color:#688297; font-size:0.95em; font-weight:500;}
.subcontents .cpgoodsinfo  .cpbotsumm li .txt { color:#212427;}
.subcontents .cpgoodsinfo  .cpbotsumm li .txt.seat, .subcontents .cpgoodsinfo  .cpbotsumm li .txt.price { font-weight:500;font-size:1.05em; }
.subcontents .cpgoodsinfo  .cpbotsumm li .txt.seat {color:#0081df;}
.subcontents .cpgoodsinfo  .cpbotsumm li .txt.seat strong , .subcontents .cpgoodsinfo  .cpbotsumm li .txt.price strong{font-size:1.1em; font-weight:700; display:inline-block; margin-right:1px;}
.subcontents .cpgoodsinfo  .sellguidetxt { width:100%; position:relative; padding:12px 18px 13px  36px; color:#004EA1; font-size:0.925em;  word-break:keep-all;  background: #e9f4ff;    border-top: 1px solid rgba(0, 0, 0, 0.07);}
.subcontents .cpgoodsinfo  .sellguidetxt span{position:absolute; top:12px; left:18px; }

.subcontents .fixbotbtn.cpgoodsvbot{ height:54px; display: grid;    grid-template-columns:56px 25% 25% 1fr;    align-items: center; }
.subcontents .fixbotbtn.cpgoodsvbot button {width:100%; height:100%;display: flex;    justify-content: center;    align-items: center;  border:none;  background:transparent;}
.subcontents .fixbotbtn.cpgoodsvbot button span {font-size:0.925em; line-height:1.4; word-break:keep-all; color:#fff; width:100%;display: flex;    justify-content: center;    align-items: center; padding:5px 10px;}
 
.subcontents .fixbotbtn.cpgoodsvbot .btn-like .ic {width:100%; height:100%;display: flex;    justify-content: center;    align-items: center;  }
.subcontents .fixbotbtn.cpgoodsvbot .btn-like img {width:48%; height:auto;}
.subcontents .fixbotbtn.cpgoodsvbot .btn-sellchat {background: #869bac;  border:1px solid rgba(0, 0, 0, 0.07); border-right:none; }
.subcontents .fixbotbtn.cpgoodsvbot .btn-chatlist {background: #6c757d;   border:1px solid rgba(0, 0, 0, 0.07); border-left:none; border-right:none;  }
.subcontents .fixbotbtn.cpgoodsvbot .btn-pay{background:#0c68b5; font-size:1.2em; border:1px solid rgba(0, 0, 0, 0.07); }
.subcontents .fixbotbtn.cpgoodsvbot .btn-pay span{gap:10px;}

 .subcontents .fixbotbtn.cpgoodsvbot .btn-normal.modify span, .subcontents .fixbotbtn.cpgoodsvbot .btn-normal.erase span{ display:none;}
.subcontents .fixbotbtn.cpgoodsvbot.cp-host  { grid-template-columns: 1fr 68px 68px; }
 .subcontents .fixbotbtn.cpgoodsvbot.cp-host .btn-chatlist {width:calc(100% - 10px); margin-right:10px; background:#01a0e2;}
 .subcontents .fixbotbtn.cpgoodsvbot.cp-host .btn-chatlist span { font-size:1.1em;}
 
 .subcontents .fixbotbtn.cpgoodsvbot.cp-paid  { grid-template-columns: 64px 1fr;  }
  .subcontents .fixbotbtn.cpgoodsvbot.cp-guest  { grid-template-columns: 64px 1fr 1fr;  }
   .subcontents .fixbotbtn.cpgoodsvbot.cp-guest .btn-sellchat {font-size:1.15em;}
 
.subcontents .fixbotbtn.dgsellvbot {   grid-template-columns:56px  1fr;   }
.subcontents .fixbotbtn.dgsellvbot .dgfixright {position:relative; width:100%;height:100%; padding-left:130px; display: grid;    grid-template-columns: 1fr 1fr;    align-items: center; }

.subcontents .fixbotbtn.dgsellvbot .dgfixright button span{padding:0px 3px; line-height:1.4; letter-spacing:-0.5px; font-size:0.9em;}
.subcontents .fixbotbtn.dgsellvbot .dgfixright .btn-option {position:absolute; top:0; left:0; width:65px; height:100%;background:#869bac; display: flex;    justify-content: center;    align-items: center;  border:none; }
.subcontents .fixbotbtn.dgsellvbot .dgfixright .btn-option.up {left:65px; background:#FF6E49; }
 .subcontents .fixbotbtn.dgsellvbot .dgfixright .btn-chatother {background: #01a0e2;  border:1px solid rgba(0, 0, 0, 0.07); border-right:none;}
.subcontents .fixbotbtn.dgsellvbot .dgfixright .btn-chatmy {background: #0c68b5;  border:1px solid rgba(0, 0, 0, 0.07); border-right:none;}
.subcontents .fixbotbtn.dgsellvbot .dgfixright.only {  grid-template-columns:1fr; padding-left:0px; justify-content: flex-end;}
.subcontents .fixbotbtn.dgsellvbot .dgfixright.only button span {font-size:1.1em;}
.subcontents .fixbotbtn.dgsellvbot.hoster {  grid-template-columns: 1fr; }
.subcontents .fixbotbtn.dgsellvbot.hoster .dgfixright{padding-left:160px;grid-template-columns: 1fr;}
.subcontents .fixbotbtn.dgsellvbot.hoster .dgfixright span {height:100%;}
.subcontents .fixbotbtn.dgsellvbot.hoster .dgfixright .btn-option {width:80px;}
.subcontents .fixbotbtn.dgsellvbot.hoster .dgfixright .btn-option.up {left:80px;}

.subcontents .fixbotbtn.dgsellvbot.hoster2 {  grid-template-columns: 1fr; }
.subcontents .fixbotbtn.dgsellvbot.hoster2 .dgfixright{padding-left:160px; padding-right:128px;grid-template-columns: 1fr;}
.subcontents .fixbotbtn.dgsellvbot.hoster2 .dgfixright span {height:100%;}
.subcontents .fixbotbtn.dgsellvbot.hoster2 .dgfixright .btn-option {width:80px;}
.subcontents .fixbotbtn.dgsellvbot.hoster2 .dgfixright .btn-option.up {left:80px;}
.subcontents .fixbotbtn.dgsellvbot.hoster2 .dgfixright .btn-option.modify {left:auto; right:64px; width:64px;background:#fff;padding-left:6px;}
.subcontents .fixbotbtn.dgsellvbot.hoster2 .dgfixright .btn-option.erase {left:auto; right:0px;width:64px; background:#fff; padding-right:6px;}



 .subcontents .bbsviewwr.cpchat  {padding-bottom:68px;}
.subcontents .item-chat, .subcontents .item-chat .commentwr {width:100%;}
 .subcontents .cpchat .chattingwr {width:100%; padding:10px 0;}
 .subcontents .cpchat .chattingwr li{width:100%; padding:6px 20px 6px;}
 .subcontents .cpchat .chattingwr dl{border-top:none; padding:0px;}
.subcontents .cpchat .chattingwr dl .userimg { width: 38px; height: 38px; border-radius: 20px; overflow: hidden; background: #fbfbfb; }
.subcontents .cpchat .chattingwr dl .userimg img { width: 100%;    height: 100%;   object-fit: cover; }
 
.subcontents .cpchat .chattingwr dl {position:relative;width:100%; line-height:1.4; padding:0 44px; display: flex;    justify-content: flex-start;    align-items: flex-start;}
.subcontents .cpchat .chattingwr dl dt {position:absolute; left:0px; right:auto; top:0px; width:auto;} 
.subcontents .cpchat .chattingwr dl dd{ display: flex;    justify-content: flex-start;    align-items: flex-start; flex-direction:column;}
.subcontents .cpchat .chattingwr dl dd .nick{font-weight:700; font-size:0.9em; width:100%; padding-bottom:4px; display: flex;    justify-content: flex-start;    align-items: center; gap:6px; }
.subcontents .cpchat .chattingwr dl dd .nick .selstat { display: flex;    justify-content: center;    align-items: center;  font-weight:400;  height: 20px;    line-height: 20px;    padding: 0px 8px;    border-radius: 25px;    background: #FF6E49;    color: #fff;    font-size: 0.8em; z-index:3; }
.subcontents .cpchat .chattingwr dl dd .nick .selstat.end {background:#7f8a93; color:rgba(255,255,255,0.85);}
.subcontents .cpchat .chattingwr dl dd .nick .payst{ display: flex;    justify-content: center;    align-items: center;  font-weight:400;  height: 20px;    line-height: 20px;    padding: 0px 8px;    border-radius: 25px;    background: #FF6E49;    color: #fff;    font-size: 0.8em; z-index:3; }
.subcontents .cpchat .chattingwr dl dd .nick .payst.com {background:rgba(0,0,0,0.4); color:rgba(255,255,255,0.85);}

 .subcontents .cpchat .chattingwr .date {font-size:0.75em; color:#888;padding:3px 5px 0;}
 .subcontents .cpchat .chattingwr .talkbox {border-radius:10px; padding:8px 10px; background:#eee; color:#212427; line-height:1.3; }
.subcontents .cpchat .chattingwr .me dl { justify-content: flex-end;    }
.subcontents .cpchat .chattingwr .me dl dt{  left:auto; right:0px;    } 
.subcontents .cpchat .chattingwr .me dl dd{  align-items: flex-end;  }
.subcontents .cpchat .chattingwr .me  .talkbox { background:#019e9a; color:#fff; border-radius:10px;}

.subcontents .bbsviewwr.cpchat.partline .chattingwr {padding-top:0px;} 
.subcontents .bbsviewwr.cpchat.partline .chattingwr li{ padding:12px 20px 10px 20px; border-bottom:10px solid #eff0f4; }
 


.subcontents .chatguidebot { position:fixed;  z-index:2;width:100%;   height:62px; bottom:64px; left:0; padding:0px 110px 0px  20px; color:#004EA1; font-size:0.95em; line-height:1.4;  background: #e9f4ff;    border-top: 1px solid rgba(0, 0, 0, 0.07);display: flex;    justify-content: center;    align-items: flex-start; flex-direction:column;}
.subcontents .chatguidebot  strong {font-size:0.9em; font-weight:700; display:block;}
.subcontents .btn-itemdirpay { position:fixed;  z-index:33;width:90px; height:49px;  bottom:71px; right:20px;   padding:5px; border:1px solid rgba(0,0,0,0.07); background:#004EA1;  color:#fff; border-radius:5px; font-size:0.95em;  display: flex;    justify-content: center;    align-items: center;}

.subcontents.myreslist .listitem .item-head .myin-cate {margin-bottom:4px;}
.subcontents.myreslist  .listitem .item-head  .myin-cate .kind { height:26px;font-weight:500;   font-size:1.2em;  line-height:1.3; padding:2px 0px 0px 5px; display: flex;   justify-content: center; align-items: center; gap:5px;  border-radius:0px;   color: #121212;   border:none; background:none; }
.subcontents.myreslist  .listitem .item-head  .myin-cate .kind strong {font-weight:500;}
.subcontents.myreslist .listitem .item-head .myin-date {padding-top:3px;}
.subcontents.myreslist .listitem .item-head .myin-date strong {font-size:1em;}
.subcontents.myreslist .listitem .item-head .myin-date .staydate {width: 100%; display: flex;    justify-content: flex-start;    align-items: flex-start;    flex-direction: column;    gap: 2px;    color: #627a8e;  font-size: 1em;    line-height: 1.4;    word-break: keep-all;}
.subcontents.myreslist  .listitem .item-head .myin-date .myin-det {width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:2px; padding-top:8px; }
.subcontents.myreslist  .listitem .item-head .myin-date .myin-det  li{width: 100%;display: grid;    grid-auto-flow: row;    grid-template-columns: 60px 1fr; gap: 0px;  align-items: center; }
.subcontents.myreslist  .listitem .item-head .myin-date .myin-det  li .tt {width:100%; font-size:0.85em; color:#627a8e;}
.subcontents.myreslist  .listitem .item-head .myin-date .myin-det  li .txt {width:100%; font-size:0.95em; color:#000;}
.subcontents.myreslist .myin-jointxt .myinjoin {width:100%; display: flex;    justify-content: flex-start;    align-items: flex-start;    flex-direction: column; position:relative; }
.subcontents.myreslist .myin-jointxt .myinjoin .jinfowr .title { color:#212427; } 
.subcontents.myreslist .myin-jointxt .myinjoin .joininfo {width:100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:2px; line-height:1.4; margin-top:2px; }
.subcontents.myreslist .myin-jointxt  .myinjoin  .joininfo  li{width: 100%;display: grid;    grid-auto-flow: row;    grid-template-columns: 49px 1fr; gap: 0px;  align-items: center; }
.subcontents.myreslist .myin-jointxt  .myinjoin  .joininfo  li .tt {width:100%; font-size:0.85em; color:#627a8e;}
.subcontents.myreslist  .myin-jointxt .myinjoin  .joininfo   li .txt {width:100%; font-size:0.95em; color:#333;}
.subcontents.myreslist .myin-jointxt .myinjoin .btn-jinfoedit {position:absolute; top:5px; right:5px; font-size:0.85em; letter-spacing:-0.5px; background:#01a0e2; color:#fff;border-radius:5px; border:1px solid rgba(0,0,0,0.07); height:32px; padding:0px 8px;display: flex;    justify-content: center;    align-items: center;}
.subcontents.myreslist .listitem .item-bottom { grid-template-columns: 90px 1fr 1fr;  gap:8px; padding:7px 15px 9px;}
.subcontents.myreslist .listitem .item-bottom:before {display:none;}
.subcontents.myreslist .listitem .item-bottom .joinbtn {width:100%; height:100%; min-height:34px;display: flex;    justify-content: center;    align-items: center;  font-size:0.9em;  overflow:hidden;     color: #fff;    }
.subcontents.myreslist .listitem .item-bottom .joinbtn .reserstat { width:100%;  height:100%;padding:0px 5px;display: flex;    justify-content: center;    align-items: center; border: 1px solid rgba(0, 0, 0, 0.06);border-radius:5px; }
 .subcontents.myreslist .listitem .item-bottom .joinbtn.joinsumm, .subcontents.myreslist .listitem .item-bottom .joinbtn.joinview {   border: 1px solid rgba(0, 0, 0, 0.07); gap:12px; font-size:0.9em;border-radius:5px; background: #869bac; }
.subcontents.myreslist .listitem .item-bottom .joinbtn.joinsumm span, .subcontents.myreslist .listitem .item-bottom .joinbtn.joinview span {font-size:0.8em; display:inline-block; margin-top:2px;}

.subcontents.myreslist .joinprenum{width: 100%;display: grid;    grid-auto-flow: row;    grid-template-columns: 60px 1fr; gap: 0px;  align-items: center; line-height:1.4; padding:1px 15px 4px;}
.subcontents.myreslist .joinprenum .tt {width:100%; font-size:0.85em; color:#627a8e;}
.subcontents.myreslist .joinprenum .txt {width:100%; font-size:0.9em; color:#888;display: flex;    justify-content: flex-start;    align-items: center; gap:15px;}
.subcontents.myreslist .joinprenum .txt span.total {color:#333;}
.subcontents.myreslist .joinprenum .txt span strong{font-size:1em; font-weight:500; display:inline-block; padding:0px 1px 0px 5px;}
.subcontents.myreslist .joinprenum .txt span.total  strong{ font-weight:700;font-size:1.05em;  }

.subcontents .item-resfinwr .fishingsumm li {display: grid;    grid-auto-flow: row;    grid-template-columns: 88px 1fr; gap: 0px;  align-items: flex-start; padding:8px 0;}
.subcontents .item-resfinwr .fishingsumm li .tt {letter-spacing:-0.5px;}
.subcontents .item-resfinwr .fishingsumm li .date span{font-size:0.9em; display:block; margin:2px 0 0;}
.subcontents .item-resfinwr .fishingsumm li .txt {   justify-content: flex-end;  }
.subcontents .item-resfinwr .fishingsumm li .date {   align-items: flex-end;  }

.subcontents .resoptresultwr .item-summary .fishingsumm li {display: grid;    grid-auto-flow: row;    grid-template-columns: 96px 1fr; gap: 0px;  align-items: flex-start; padding:8px 0;}
.subcontents .resoptresultwr .item-summary .fishingsumm  li .tt {letter-spacing:-0.5px;}
.subcontents .resoptresultwr .item-summary .fishingsumm  li .date span{font-size:0.9em; display:block; margin:2px 0 0;}
.subcontents .resoptresultwr .item-summary .fishingsumm  li .txt {   justify-content: flex-end;  }
.subcontents .resoptresultwr .item-summary .fishingsumm  li .date {   align-items: flex-end;  }
.subcontents .resoptresultwr .item-summary .fishingsumm li:first-child {border-top: 1px solid #eff0f4;}
.subcontents .resoptresultwr .item-summary .fshoptitle {width:100%; font-size:1.3em; font-weight:500; color:#000; padding:13px 20px 0;  line-height:1.3;}
.subcontents.party .resoptresultwr .item-summary .fishingsumm li .txt{  align-items: center; flex-direction:row;   justify-content: flex-end;  }
.subcontents.party .resoptresultwr .item-summary .fishingsumm li .txt .expment{display: flex;    justify-content: flex-end;    align-items: center;}
.subcontents.party .resoptresultwr .item-summary .fishingsumm li .txt.column {flex-direction:column;align-items:flex-end;   justify-content: flex-start; }


.subcontents.myfrecv .resoptresultwr .item-summary .fshoptitle {background: #fafafc;display: flex;    justify-content: flex-start;    align-items: center; gap:6px;}
.subcontents.myfrecv .resoptresultwr .item-summary .fshoptitle .ic { width:24px; height:24px;  background:#fff; border:1px solid #01a0e2;border-radius:5px;display: flex;    justify-content: center;    align-items: center;    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);}
.subcontents.myfrecv .resoptresultwr .item-summary .fshoptitle .ic img{width:66%; height:auto;}

.subcontents .bbsviewwr .listitem .item-bottom {  border-top: 12px solid #eff0f4; padding-bottom:18px;}
	
.subcontents .bbsviewwr .locmapwr {width:100%; position:relative; margin:3px 0px 5px;}
.subcontents .bbsviewwr .locmapwr img {width:100%; height:100%; }
.subcontents .bbsviewwr .locmapwr .btn-locaguide{position:absolute; right:8px; bottom:22px; font-size:0.95em; color:#fff; padding:0px 12px 0 10px; height:34px; border-radius: 3px;  border:1px solid rgba(255,255,255,0.07); background: #01a0e2;  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);display: flex;    justify-content: center;    align-items: center;  gap:6px;}
.subcontents .bbsviewwr .locmapwr .btn-locaguide  img {width:auto; height:18px;}

.subcontents .cpgoodsinfo .item-summary dl.sellerscorewr {width:100%; gap:8px; padding-bottom:18px; }
.subcontents .cpgoodsinfo .item-summary dl.sellerscorewr dt {width:100%; display: grid;    grid-auto-flow: row;    grid-template-columns:1fr 92px; gap: 6px;  align-items: flex-end;  line-height:1.3;}
.subcontents .cpgoodsinfo .item-summary dl.sellerscorewr dt .btn-blackreport {width:100%; background:#869bac; color:#fff; border:1px solid rgba(0,0,0,0.07); border-radius:5px; font-size:0.825em; height:26px;display: flex;    justify-content: center;    align-items: center;}
.subcontents .cpgoodsinfo .item-summary dl.sellerscorewr dt .title {font-size:1.2em;  color:#212427;}
.subcontents .cpgoodsinfo .item-summary dl.sellerscorewr dt .title strong {font-weight:700;  font-size:1.05em;  display:inline-block; position:relative; margin-right:2px;}
.subcontents .cpgoodsinfo .item-summary dl.sellerscorewr .sellscore {width:100%;display: grid;    grid-auto-flow: row;    grid-template-columns:repeat(10, 1fr); gap:1px;  align-items: center; }
.subcontents .cpgoodsinfo .item-summary dl.sellerscorewr .sellscore li{ width: 100%;    height: 30px;    font-size: 0.8em;    line-height: 1.2;    border-radius: 5px;    display: flex;      align-items: center;   justify-content: center;  color: #555;border: 1px solid rgba(0, 0, 0, 0.07);  background: #eff0f4;}
.subcontents .cpgoodsinfo .item-summary dl.sellerscorewr .sellscore li.active { color:#fff; background: #01a0e2;    border: 1px solid rgba(0, 0, 0, 0.12);}

.btn-editprofixed { position:fixed; top:7px; right:18px; z-index:103;padding: 0px 6px; min-width:80px;  height:36px; display: flex;    justify-content: center;    align-items: center;    font-size: 0.9em;  letter-spacing:-0.5px;  color: #fff;    background: #01a0e2;    border-radius: 5px;    overflow: hidden;    border: 1px solid rgba(0, 0, 0, 0.05); }
.btn-editprofixed .ic {width:18px; height:18px;display: flex;    justify-content: center;    align-items: center; margin-left:5px; }
.btn-editprofixed .ic img {width:100%; height:auto;}
.btn-editprofixed.multi {line-height:1.3; top:6px; height:38px; padding:0px 8px; font-size:0.85em; }
.btn-editprofixed.multi .ic {width:22px; height:22px; }

.subcontents.daangn .topsearchwr .selectbox {width:100%; padding-bottom:6px; display: grid;    grid-auto-flow: row;    grid-template-columns:1fr 1fr; gap: 6px;  align-items: center;  }
.subcontents.daangn .topsearchwr .selectbox select.frm-normal {border:1px solid #0c68b5;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); border-radius:5px; font-size:1em;}
.subcontents.daangn .topsearchwr .frm-normal { height:42px; line-height:40px;}
.subcontents.daangn .topsearchwr .btn_search{ height:42px; }
.subcontents.daangn .topsearchwr {border-bottom:12px solid  #eff0f4; padding-bottom:10px;}
.subcontents .fixbotbtn.daangnbotbtn .shopbotmenu {grid-template-columns:repeat(5, 1fr);  }

.subcontents .dgviewitemwr {width:100%; padding:13px 20px 5px; color:#212427;}
.subcontents .dgviewitemwr .it-category {width:100%; display: flex;    justify-content: flex-start;    align-items: center; gap:7px; font-size:0.9em; color:#555;}
.subcontents .dgviewitemwr .it-category span {position:relative; padding-left:17px;}
.subcontents .dgviewitemwr .it-category span:before {position:absolute; top:50%;  transform: translate( 0,-52%);  left:0px; font-size:0.8em; font-family: 'themify'; opacity:0.8;  line-height:1;    speak: none;    font-style: normal;    font-weight: normal;    font-variant: normal;    text-transform: none;   -webkit-font-smoothing: antialiased;content: "\e649"; }
.subcontents .dgviewitemwr .it-category .step1 {}
 .subcontents .dgviewitemwr .it-category span:first-child {padding-left:0px;}
  .subcontents .dgviewitemwr .it-category span:first-child:before {display:none;} 
.subcontents .dgviewitemwr .it-category span:last-child {font-weight:bold;}
.subcontents .dgviewitemwr .it-subject {width:100%; display: flex;    justify-content: flex-start;    align-items: center;color: #000;    font-weight: 700;   padding:2px 0; font-size: 1.25em;}
.subcontents .dgviewitemwr .it-price { width:100%; padding:3px 1px 7px;  gap:10px;display: flex;    justify-content: flex-start;    align-items: center;   border-bottom:1px solid #eff0f4;}
.subcontents .dgviewitemwr .it-price .cust {color: #000; font-size:1.05em; display: flex;    justify-content: flex-start;    align-items: center; gap:2px;}
.subcontents .dgviewitemwr .it-price .cust  strong {font-weight:700;font-size:1.1em;}
.subcontents .dgviewitemwr .it-memo {padding:12px 1px 8px; font-size:0.975em;}
.subcontents .dgviewitemwr .it-delivery {font-size:1.15em; font-weight:500;}

.subcontents .listitem-imgwr {width:100%;position:relative; }
.subcontents .listitem-imgwr .prstat {position: absolute;    top: 0px;    left: 0px;   display: flex;    justify-content: center;    align-items: center;    height: 30px;    line-height: 30px;   font-weight:400;  padding: 0px 11px 0px 10px;    border-radius: 0px 0px 5px 0px;    background: #FF6E49; color: #fff;    font-size: 0.9em; z-index:3; }
.subcontents .listitem-imgwr .prstat.end {background:#606971; color:rgba(255,255,255,0.85);  }

.subcontents .item-summary .scontitle  {width:100%; display: grid;    grid-auto-flow: row;    grid-template-columns:1fr 70px; gap: 6px;  align-items: flex-end;  line-height:1.3;padding:15px 20px 12px;}
.subcontents .item-summary .scontitle h4 {font-size:1.15em;  color:#212427;font-weight:400; }
.subcontents .item-summary .scontitle h4 strong {font-weight:700;  font-size:1.05em;  display:inline-block; position:relative; margin-right:2px;}
.subcontents .item-summary .scontitle .btn-totalview{width:100%; background:#869bac; color:#fff; border:1px solid rgba(0,0,0,0.07); border-radius:5px; font-size:0.825em; height:26px;display: flex;    justify-content: center;    align-items: center;}
.subcontents .item-summary .sellerprowr {width:100%; }
.subcontents .item-summary  .sellerprowr ul.prolist {min-width:100%; min-height:60px; padding:0px 20px 20px 20px;    overflow-x: auto;    overflow-y: hidden;gap:12px; display: flex;    white-space: nowrap;    align-items: flex-start;    justify-content: flex-start;    flex-wrap: nowrap;  }
.subcontents .item-summary   .sellerprowr ul::-webkit-scrollbar {display:none;}
.subcontents .item-summary  .sellerprowr ul li{width:auto;}
.subcontents .item-summary .sellerprowr dl{border-top:none; gap:0px; padding:0px; width:142px;    border-radius: 5px;    overflow: hidden;    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);}
.subcontents .item-summary .sellerprowr dl dt {position:relative; width: 100%; padding-top: calc(100% / 4 * 3);}
.subcontents .item-summary .sellerprowr dl dt .proimg{position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;    border-radius: 0px;    overflow: hidden;     display: flex;    justify-content: center;    align-items: center;    background: #fbfbfb; }
.subcontents .item-summary .sellerprowr dl dt .proimg img {    width: 100%;    height: 100%; object-fit: cover;}
.subcontents .item-summary .sellerprowr dl dt .proimg:before {position:absolute; top:0; left:0;width: 100%;    height: 100%;    content:''; border:1px solid rgba(0,0,0,0.07); border-radius:5px;   overflow: hidden;  }
.subcontents .item-summary .sellerprowr dl dt .prstat {position: absolute;    top: 0px;    left: 0px;   display: flex;    justify-content: center;    align-items: center;    height: 22px;    line-height: 22px;   font-weight:400;  padding: 0px 4px 0px 5px;    border-radius: 5px 0px 5px 0px;    background: #FF6E49; color: #fff;    font-size: 0.8em; z-index:3; }
.subcontents .item-summary .sellerprowr dl dt .prstat.end {background:#606971; color:rgba(255,255,255,0.85);  }
.subcontents .item-summary .sellerprowr dl dd{padding:6px 10px 9px;}
.subcontents .item-summary .sellerprowr dl dd .date {color:#888; font-size:0.8em;width:100%;}
.subcontents .item-summary .sellerprowr dl dd .sbj {font-size:0.95em;font-weight:500; color:#212427; width:100%;display:-webkit-box;   -webkit-line-clamp:1;   -webkit-box-orient:vertical;  white-space:normal;    overflow:hidden;   text-overflow:ellipsis;  }
.subcontents .item-summary .sellerprowr dl dd .price {font-size:0.85em; color:#333; padding-top:2px;}  
.subcontents .item-summary .sellerprowr dl dd .price strong {font-weight:500;}


.subcontents .item-summary .blacklistappwr {width:100%; display: flex;    justify-content: flex-end;    align-items: center;  padding:15px 20px 16px;}
.subcontents .item-summary .blacklistappwr .btn-blacklistapp{width:auto;  height:40px; padding:0px 14px;display: flex;    justify-content: center;    align-items: center;  font-size:0.9em; border: 1px solid rgba(0, 0, 0, 0.07);  border-radius: 5px;  background: #555;  color: #fff;    }

.subcontents .writefrm dl dd.hascate2 {display: grid;    grid-auto-flow: row;    grid-template-columns:repeat(2, 1fr); gap:8px;  align-items: center; }
.subcontents .writefrm dl dd.hascate2 .group {width:100%; }
.subcontents .writefrm dl dd.hascate2 .group .grtt {color:#688297; font-size:0.9em; font-weight:500; width:100%; padding-bottom:2px; opacity:0.8; padding-left:1px;}
.subcontents .writefrm dl dd.hasunit {position:relative; margin-top:4px;}
.subcontents .writefrm dl dd.hasunit .inunit {position:absolute; right:10px; top:50%; transform: translate( 0,-50%);color:#555; }
.subcontents .writefrm dl dd.hasunit .frm-normal {padding-right:40px; }
.subcontents .writefrm dl.spebet {flex-direction:row; justify-content:space-between; align-items: center;  padding:12px 20px;}
.subcontents .writefrm dl.spebet dd.slidechkbox {background:none; border:none; padding:0px; width:auto; gap:0;}
.subcontents .writefrm dl.hasdtbtn {padding:10px 20px 20px;}
.subcontents .writefrm dl.hasdtbtn dt  {display: flex;  flex-direction:row; justify-content:space-between; align-items: center;}
.subcontents .writefrm dl.hasdtbtn dt .btn-search { width:auto; height:34px;   padding:0px 15px; background: #01a0e2; border: 1px solid rgba(0, 0, 0, 0.12); color:#fff; border-radius:5px; font-size:0.95em;  display: flex;    justify-content: center;    align-items: center;}
.subcontents .writefrm dl dd .frm-normal.location {background:rgba(0,0,0,0.03); border-color:rgba(0,0,0,0.1);}
.subcontents .writefrm dl dd .frm-normal.location:focus {border-color:#0C68B5;}

.subcontents.dgeditfrm .writefrm {gap:0px; padding-bottom:0px;}
.subcontents.dgeditfrm .writefrm dl {border-top:12px solid  #eff0f4; }

.subcontents .dgmemain {width:100%;display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; }
.subcontents .dgmemain dl {width: 100%; display: flex;    justify-content: flex-start;    align-items: flex-start;    flex-direction: column;    padding: 15px 20px 20px;    gap: 5px; border-top: 12px solid #eff0f4;}
.subcontents .dgmemain dl dt {width: 100%;    color: #688297;    font-size: 0.95em;    font-weight: 500;}
.subcontents .dgmemain dl dd {width: 100%; display: grid;    grid-auto-flow: row;    grid-template-columns:repeat(2, 1fr); gap:10px;  }
.subcontents .dgmemain dl dd button {width: 100%;    height: 60px;    font-size: 1em;    line-height: 1.2;    border-radius: 5px;    letter-spacing: -0.5px;    display: flex;    gap: 8px;    align-items: center;    padding: 0px 10px 0px 10px;    justify-content: flex-start;    color: #212427;    border: 1px solid rgba(0, 0, 0, 0.07);    background: #e0e9f2; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09);}
.subcontents .dgmemain dl dd button strong {font-weight:500;}
.subcontents .dgmemain dl dd button span { font-size: 0.9em;  }
.subcontents .dgmemain dl dd button .ic{width:44px;height:44px; border-radius:30px; overflow:hidden; background:#fff; padding:6px; }
.subcontents .dgmemain dl dd button .ic img {width:100%; height:auto;  }
.subcontents .dgmemain dl.dgme-my dd button {background:#f2e9e0; }
.subcontents .dgmemain dl.dgme-buy dd button {background:#e0eef2; }
.subcontents .dgmemain dl.dgme-chat dd button {background:#e0e6f2; }

.subcontents .blacklist-top {width:100%; padding:12px 20px; background:#f7f7f9; border-bottom:1px solid rgba(0,0,0,0.07); word-break:keep-all; color:#333; font-size:0.95em; line-height:1.5;}
.subcontents .blacklist {width:100%;display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column;}
.subcontents .blacklist li{width: 100%;    display: grid;    grid-auto-flow: row;    grid-template-columns: 44px 1fr ; gap: 10px;    align-items: center;    padding: 10px 20px;     border-bottom: 1px solid #ecf0f2;}
.subcontents .blacklist li:first-child{border-top:none;}
.subcontents .blacklist li .user-imgwr  {width:100%;}
.subcontents .blacklist li .user-imgwr .user-img {width:44px; height:44px; border-radius:30px; overflow:hidden;}
.subcontents .blacklist li .user-imgwr .user-img img {width:100%; height:100%; object-fit:cover;}
.subcontents .blacklist li  .user-info {width:100%;display: grid;    grid-auto-flow: row;    grid-template-columns:  1fr 110px; align-items: center;  }
.subcontents .blacklist li  .user-info .left  { width:100%;display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; line-height:1.3; gap:3px;}
 .subcontents .blacklist li  .user-info .left  .name {color:#000; font-size:1.05em;font-weight:700;display:-webkit-box;   -webkit-line-clamp:1;   -webkit-box-orient:vertical;  white-space:normal;    overflow:hidden;   text-overflow:ellipsis;}
 .subcontents .blacklist li  .user-info .left  .area {color:#555; font-size:0.9em;display:-webkit-box;   -webkit-line-clamp:1;   -webkit-box-orient:vertical;  white-space:normal;    overflow:hidden;   text-overflow:ellipsis;}
  .subcontents .blacklist li  .user-info .right {width:100%;display: flex;    justify-content: flex-end;    align-items: center;   }
  .subcontents .blacklist li  .user-info .right  .date {color:#888; font-size:0.8em;}
 
 
 .subcontents .mainrankwr {width:100%;display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; border-top: 12px solid #eff0f4;padding-top:18px; padding-bottom:10px;}
 .subcontents .mainrankwr a{display:block;width:100%; }
 .subcontents  .rankingcont {width:100%;  }
 .subcontents .rankingcont .rankingwr {width: 180px;    min-height: 232px;    border-radius: 10px;    overflow: hidden;       background: #f5f5f5;   border: 1px solid rgba(0, 0, 0, 0.02);  }
  .subcontents .rankingcont .rankingwr dt {width:100%;padding:9px 13px 5px;}
 .subcontents .rankingcont .rankingwr dt h5{color:#282a2d; font-weight:500; font-size:1.05em; }
 .subcontents .rankingcont .rankingwr dd {width:100%; padding:0px 8px 10px;}
 .subcontents .rankingcont .rankingwr dd ul.ranklist {width:100%;display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; gap:4px; }
 .subcontents .rankingcont .rankingwr dd ul.ranklist li {width:100%; height:34px;display: grid;    grid-auto-flow: row;    grid-template-columns:41px 52px 1fr;    gap: 2px;   padding:0px 8px 0px 4px; align-items: center; background:#fff; border-radius:5px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); color:#282a2d; }
  .subcontents .rankingcont .rankingwr dd ul.ranklist li .rank {width:100%;color:#000; display: grid;    grid-auto-flow: row;    grid-template-columns:18px 1fr;    gap: 2px;align-items: center; font-size:0.8em; }
  .subcontents .rankingcont .rankingwr dd ul.ranklist li .rank .ic {width:100%;}
 .subcontents .rankingcont .rankingwr dd ul.ranklist li .rank .ic img{width:100%; height:auto;}
 .subcontents .rankingcont .rankingwr dd ul.ranklist li .name {width:100%; color:#000; text-align:right; font-weight:500; font-size:0.9em; display:-webkit-box;   -webkit-line-clamp:1;   -webkit-box-orient:vertical;  white-space:normal;    overflow:hidden;   text-overflow:ellipsis;}
 .subcontents .rankingcont .rankingwr dd ul.ranklist li .size {width:100%; text-align:right;font-size:0.85em; }
 
 .subcontents .rankingcont .nodatawr {width:100%; margin:0px !important;}
 .subcontents .rankingcont .no-data{ width:100%; padding:16px 20px 12px;display:flex;justify-content: flex-start; align-items: center;flex-direction:column; background: #f5f5f5;   border: 1px solid rgba(0, 0, 0, 0.02);  border-radius: 10px;  }
 .subcontents .rankingcont .no-data .ic {width:100px; height:100px; margin-bottom:10px; border-radius:80px;  background:#fff;  display: flex;   align-items: center;     justify-content: center;  }
 .subcontents .rankingcont .no-data .ic img {width:auto; height:68%; object-fit:contain;}
 .subcontents .rankingcont .no-data .txt {text-align:center; color:#688297; font-weight:500;word-break:keep-all;}
 .subcontents .rankingcont .no-data .txt strong {display:block; color:#333; font-size:1.1em; font-weight:400;}
 
 .subcontents .maindaysalewr{width:100%;display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; border-top: 12px solid #eff0f4;padding-top:0px; background:#f7f7f9; border-bottom:1px solid rgba(0,0,0,0.05);}
  .subcontents .maindaysalewr .mcontitle {padding-top:16px; border-top:1px solid rgba(0,0,0,0.05);}
 .subcontents .maindaysalewr a{display:block;width:100%; }
 .subcontents  .daysalecont {width:100%; padding-top:5px; padding:5px 20px 20px;display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; gap:8px;  }
 .subcontents  .daysalecont dl.daysale {width:100%; border-radius: 10px; padding:9px 8px 9px 12px; overflow: hidden; background:#fff;   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); display: grid;    grid-auto-flow: row;    grid-template-columns: 84px 1fr; align-items: center; gap:12px;}
 .subcontents  .daysalecont dl.daysale dt{position:relative;  position:relative; width: 100%; padding-top: calc(100% / 4.6 * 3); border-radius:7px; overflow:hidden; }
 .subcontents  .daysalecont dl.daysale dt .imgwr{position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;    border-radius: 0px;    overflow: hidden;     display: flex;    justify-content: center;    align-items: center;    background: #fbfbfb; }
 .subcontents  .daysalecont dl.daysale dt .imgwr img {    width: 100%;    height: 100%; object-fit: cover;}
 .subcontents  .daysalecont dl.daysale dd {width:100%;display: grid;    grid-auto-flow: row;    grid-template-columns: 1fr 68px ; align-items: center; gap:4px; }
 .subcontents  .daysalecont dl.daysale dd .txtwr {width:100%;display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; line-height:1.5; gap:4px;}
 .subcontents  .daysalecont dl.daysale dd .txtwr .sbj {width:100%;font-size:1.1em; font-weight:500; color:#121212;display:-webkit-box;   -webkit-line-clamp:1;   -webkit-box-orient:vertical;  white-space:normal;    overflow:hidden;   text-overflow:ellipsis; }
  .subcontents  .daysalecont dl.daysale dd .txtwr .date {font-size:0.9em; color:#01a0e2;}
 .subcontents  .daysalecont dl.daysale dd .sale {width:100%;display: flex;    justify-content: flex-end;  align-items: center;gap:0px; color:#ff6139; }
 .subcontents  .daysalecont dl.daysale dd .sale .ic {width:18px; padding-top:2px;}
  .subcontents  .daysalecont dl.daysale dd .sale .ic img {width: 100%;    height: auto;}
  .subcontents  .daysalecont dl.daysale dd .sale strong {font-size:1.4em;}
 
 .subcontents .maincpgoodswr{width:100%;display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; border-top: 12px solid #eff0f4;padding-top:16px;}
 .subcontents .maincpgoodswr a{display:block;width:100%; }
 .subcontents  .cpgoodscont {width:100%; padding:5px 0 6px;  }
 .subcontents  .cpgoodscont dl.cpgoods {width:100%;  border-top: 1px solid #ecf0f2; padding:12px 20px; display: grid;    grid-auto-flow: row;    grid-template-columns: 90px 1fr; align-items: center; gap:14px;}
 .subcontents  .cpgoodscont dl.cpgoods dt{position:relative;   width: 100%; padding-top: calc(100% / 4.6 * 3); border-radius:7px; overflow:hidden; }
 .subcontents  .cpgoodscont dl.cpgoods dt .imgwr{position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;    border-radius: 0px;    overflow: hidden;     display: flex;    justify-content: center;    align-items: center;    background: #fbfbfb; }
 .subcontents  .cpgoodscont dl.cpgoods dt .imgwr img {    width: 100%;    height: 100%; object-fit: cover;}
 .subcontents  .cpgoodscont dl.cpgoods dt .goodsic {position:absolute; top:0px; left:0px; display: flex;    justify-content: flex-start;    align-items: flex-start;  }
 .subcontents  .cpgoodscont dl.cpgoods dt .prstat {display: flex;    justify-content: center;    align-items: center;    height: 22px;    line-height: 22px;    padding: 0px 4px 0px 5px;    border-radius: 7px 0px 7px 0px;    background: #FF6E49;    color: #fff;    font-size: 0.8em; z-index:3; }
 .subcontents  .cpgoodscont dl.cpgoods dt .prstat.end {background:#7f8a93; color:rgba(255,255,255,0.85);}
 .subcontents  .cpgoodscont dl.cpgoods dd {width:100%;display: grid;    grid-auto-flow: row;    grid-template-columns: 1fr 84px ; align-items: center; gap:4px; }
 .subcontents  .cpgoodscont dl.cpgoods dd .txtwr {width:100%;display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; line-height:1.5; gap:5px;}
 .subcontents  .cpgoodscont dl.cpgoods dd .txtwr .user {width:100%;display: grid;    grid-auto-flow: row;    grid-template-columns: auto 1fr  ; align-items: center; gap:6px; }
  .subcontents  .cpgoodscont dl.cpgoods dd .txtwr .area{width: 100%;  min-width:36px; padding:0px 3px;  font-size: 0.8em;    line-height: 18px;    height: 18px;    background: #01a0e2;    color: #fff;    display: flex;    justify-content: center;    align-items: center;    border-radius: 3px;}
  .subcontents  .cpgoodscont dl.cpgoods dd .txtwr .nick {width: 100%;    color: #688297;     font-weight: 500;    font-size: 0.9em;    height: 1.3em;    line-height: 1.3em;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;    text-overflow: ellipsis;}
 .subcontents  .cpgoodscont dl.cpgoods dd .txtwr .sbj {width:100%;font-size:1.1em; font-weight:500; color:#121212;display:-webkit-box;   -webkit-line-clamp:1;   -webkit-box-orient:vertical;  white-space:normal;    overflow:hidden;   text-overflow:ellipsis; }
 .subcontents  .cpgoodscont dl.cpgoods dd .infowr {width:100%;display: flex;    justify-content: center;  align-items: flex-end;   flex-direction:column;gap:5px; color:#333;line-height:1.5;  }
  .subcontents  .cpgoodscont dl.cpgoods dd .infowr .end {font-size:0.85em; color:#01a0e2;}
.subcontents  .cpgoodscont dl.cpgoods dd .infowr .price {font-size:0.9em;}
 .subcontents  .cpgoodscont dl.cpgoods dd .infowr .price strong {font-size:1.05em; font-weight:bold;}
 
 
 .subcontents .maindaangnwr{width:100%;display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; border-top: 12px solid #eff0f4;padding-top:16px;}
 .subcontents .maindaangnwr a{display:block;width:100%; }
 
.subcontents.rankwr dl.ranklist {width:100%;  border-top: 1px solid #ecf0f2; padding:8px 20px 8px 18px; display: grid;    grid-auto-flow: row;    grid-template-columns: 52px 1fr; align-items: center; gap:10px;}
 .subcontents.rankwr dl.ranklist dt{width:100%;  display: flex;    justify-content: flex-start;    align-items: center;  }
 .subcontents.rankwr dl.ranklist dt .rank {width:100%; height:52px; position:relative;display: flex;    justify-content: center;    align-items: center;  }
  .subcontents.rankwr dl.ranklist dt .rank .ic{width:100%;}
 .subcontents.rankwr dl.ranklist dt .rank .num {position:absolute; top:50%; left:50%; width:100%; height:100%;color:#fff; font-weight:700; font-size:1em;  transform: translate( -50%,-50%); display: flex;    justify-content: center;    align-items: center;  } 
  .subcontents.rankwr dl.ranklist dt .rank .num.big {font-size:1.25em;}
   .subcontents.rankwr dl.ranklist dt .rank img {    width: 100%;    height: 100%;    object-fit: cover; }
.subcontents.rankwr dl.ranklist dt .user {width:100%; display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; line-height:1.5; gap:5px;}
.subcontents.rankwr dl.ranklist dt .user .imgwr { width: 48px;    height: 48px;    border-radius: 30px;   overflow: hidden; }
.subcontents.rankwr dl.ranklist dt .user .imgwr img {    width: 100%;    height: 100%;    object-fit: cover; }
.subcontents.rankwr dl.ranklist dd {width:100%;display: grid;    grid-auto-flow: row;    grid-template-columns: 1fr 90px ; align-items: center; gap:2px; padding:4px 0; }
 .subcontents.rankwr dl.ranklist dd .proimgwr{position:relative;   width: 100%; padding-top: calc(100% / 4.6 * 3); border-radius:0px; overflow:hidden; }
  .subcontents.rankwr dl.ranklist dd .proimgwr .proimg{position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;    border-radius: 0px;    overflow: hidden;     display: flex;    justify-content: center;    align-items: center;    background: #fbfbfb; }
.subcontents.rankwr dl.ranklist dd .proimgwr .proimg img {    width: 100%;    height: 100%; object-fit: cover;}
.subcontents.rankwr dl.ranklist dd .txtwr{width:100%; display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; line-height:1.4; gap:2px;}
.subcontents.rankwr dl.ranklist dd .nick {width: 100%;    color: #688297;     font-weight: 500;    font-size: 0.9em;    height: 1.3em;    line-height: 1.3em;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;    text-overflow: ellipsis;}
.subcontents.rankwr dl.ranklist dd .inline {width:100%; display: grid;    grid-auto-flow: row;    grid-template-columns: 60px 1fr  ; align-items: center; gap:2px;}
.subcontents.rankwr dl.ranklist dd .size {font-weight:700; font-size:1.05em;}
.subcontents.rankwr dl.ranklist dd .date {font-size:0.8em; color:#888;}
.subcontents.rankwr dl.ranklist dd .potname {font-size:0.95em; letter-spacing:-0.5px; color:#01a0e2;}
.subcontents .fixbotbtn.rankwrbot .shopbotmenu a span {letter-spacing:-0.5px; }

.subcontents .selectdatewr.pond {padding-bottom:8px;}
.subcontents .selectdatewr.pond .topsearchwr {border-top:1px solid rgba(0,0,0,0.07); margin-top:8px;}
.subcontents .selectdatewr.pond .topsearchwr .searchbox .ic {    position: absolute;    top: 50%;    left: 11px;    transform: translate(0, -50%);    opacity: 0.8;}
.subcontents .selectdatewr.pond .topsearchwr .frm-normal {padding-left:42px;}

.subcontents.rankwr .bbslistwr a {border-top: none; border-bottom:6px solid #eff0f4;}
.subcontents.rankwr .myrankwr {width:100%;}
.subcontents.rankwr .myrankwr ul {width:100%; display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; }
.subcontents.rankwr .myrankwr ul li {width:100%; border-bottom:12px solid #eff0f4; padding:0px 20px 0px 18px;}
.subcontents.rankwr .myrankwr ul li dl {padding:10px 0;}
.subcontents.rankwr .myrankwr .myrtitle {font-size: 1.2em;    font-weight: 500;    color: #282a2d; width:100%; padding:10px 0px 5px;}

.subcontents.tidingwr .topsearchwr {padding:10px 20px; border-bottom: 12px solid #eff0f4;}
.subcontents.tidingwr  .topsearchwr .frm-normal {height:46px; line-height:44px;}
.subcontents.tidingwr .topsearchwr .btn_search {height:46px;}

.subcontents.tidingwr .bbslistwr .listitem dl dt .attachnum {position:absolute; top:10px; right:10px; width:auto; height:24px; font-size:0.9em; border-radius:40px; background:rgba(0,0,0,0.7); color:#fff; font-weight:500; padding:0px 11px;   display: flex;    justify-content: center;    align-items: center; gap:2px;  }
.subcontents.tidingwr .bbslistwr .listitem dl dt .attachnum strong {font-weight:500;}

.subcontents.tidingwr #control_attach {bottom:20px !important; width:54px  !important; height:54px !important;}
.subcontents.tidingwr .writefrm dl dd .photoedlist .imgexpmemo {margin-bottom:0px;}
.subcontents.tidingwr .writefrm dl dd .photoedlist .imgexpmemo .frm-normal {padding-right:52px; }
.subcontents.tidingwr #control_attach .btn-addphoto {width:54px; height:54px;}
.subcontents.tidingwr  .writefrm dl dd .photoeditwr .photoedlist {gap:18px;}

.subcontents.reservationfin .resoptresultwr .item-summary .fishingsumm li:first-child {border-top:none;}

.subcontents .cpgoodsinfo .listitem .item-head .right .score span{display: flex;    justify-content: flex-start;    align-items: center;   flex-direction:column; line-height:1.2; color:#688297; font-weight:500;}
.subcontents .cpgoodsinfo .listitem .item-head .right .score span em {font-style:normal; font-size:0.9em; }
.subcontents .cpgoodsinfo .listitem .item-head .right .score strong { font-size:0.9em; padding:0px 5px; border-radius:16px;height:22px; min-width:56px;width:auto; line-height:20px; color:#fff; display: flex;    justify-content: center;    align-items: center; gap:3px; background: #FF6E49; border-color:rgba(0,0,0,0.07);}
.subcontents .cpgoodsinfo .listitem .item-head .right .score strong em {font-style:normal; margin:0px; padding:0; }
.subcontents .cpgoodsinfo .listitem .item-head .right .score strong em.pt {color:#fff;}
.subcontents .cpgoodsinfo .listitem .item-head .right .score strong em.unit { font-size:0.8em; font-weight:300; opacity:0.8;}

.subcontents .writefrm dl dd .joinnum {width:100%;gap:12px;display: flex;    justify-content: flex-start;    align-items: center; }
.subcontents .writefrm dl dd .joinnum .jnum { min-width:50px; font-weight:400; font-size:1.1em; display: flex;    justify-content: center;    align-items: center;  gap:2px;} 
.subcontents .writefrm dl dd .joinnum .jnum strong { font-size:1.1em;}
.subcontents .writefrm dl dd .joinnum .btn-change {width:32px; height:32px; padding:0px 0px; background:#f5f5f5; border:1px solid #d0d4d9;    border-radius:5px; display: flex;    align-items: center;  justify-content: center;   }

.subcontents .topuseritemwr {width:100%; padding:12px 20px; background:#fff; }
.subcontents .topuseritemwr .user {  width:100%;display:grid;  grid-template-columns: 52px 1fr 70px;  justify-content: flex-start; align-items: center;gap:10px; }
.subcontents .topuseritemwr .user .imgwr{width:52px; height:52px; border-radius:30px; overflow:hidden;background:#fbfbfb;}
.subcontents .topuseritemwr .user .imgwr img {width:100%; height:100%; object-fit:cover;}
.subcontents .topuseritemwr .user .txtwr {width:100%; display: flex;    justify-content: flex-start;    align-items: center;   flex-direction:column;  line-height:1.3;gap:4px; padding-left:4px;}
.subcontents .topuseritemwr .user .name {width:100%; color:#000; font-weight:700; font-size:1.05em;display: flex; justify-content:flex-start ; align-items: center; gap:7px;display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;    text-overflow: ellipsis;}
.subcontents .topuseritemwr .user .addr {width:100%; color:#666;   font-size:0.9em;display: flex; justify-content:flex-start ; align-items: center; word-break:keep-all; display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;    text-overflow: ellipsis;}
.subcontents .topuseritemwr .user .scorewr {width:100%;display: flex; justify-content:flex-start ; align-items: flex-end;  flex-direction:column; gap:5px; font-size:0.8em; }
 .subcontents .topuseritemwr .user .scorewr span{display: flex;    justify-content: flex-start;    align-items: center;   flex-direction:column; line-height:1.2; color:#688297; font-weight:500;}
 .subcontents .topuseritemwr .user .scorewr span em {font-style:normal; font-size:0.9em; }
 .subcontents .topuseritemwr .user .scorewr strong { font-size:0.9em; padding:0px 5px; border-radius:16px;height:22px; min-width:56px;width:auto; line-height:20px; color:#fff; display: flex;    justify-content: center;    align-items: center; gap:3px; background: #FF6E49; border-color:rgba(0,0,0,0.07);}
 .subcontents .topuseritemwr .user .scorewr strong em {font-style:normal; margin:0px; padding:0; }
 .subcontents .topuseritemwr .user .scorewr strong em.pt {color:#fff;}
 .subcontents .topuseritemwr .user .scorewr strong em.unit { font-size:0.8em; font-weight:300; opacity:0.8;}
 .subcontents.blackfrm .writefrm{gap:0;}
.subcontents .writefrm dl.buyiteminfowr {width: 100%;    border-top: 1px solid #f1f1f5;   border-bottom: 1px solid rgba(0,0,0,0.12);  padding: 15px 20px;    color: #212427;    line-height: 1.5;    display: flex;    flex-direction: column;   gap: 5px;}
.subcontents .writefrm dl.buyiteminfowr dt {width: 100%;     color: #688297;    font-size: 0.95em;    font-weight: 500; }
.subcontents .writefrm dl.buyiteminfowr dd {width: 100%;  font-size:1.1em;  }
 
.subcontents .writefrm dl.blackeditwr { border-top: 12px solid #eff0f4;padding:16px 20px 15px;}
 .subcontents .writefrm dl.blackeditwr dt{font-size:0.95em; font-weight:400; color:#333; word-break:keep-all; letter-spacing:-0.5px; display: flex;    flex-direction: column;  gap:5px; padding-bottom:6px;}
 .subcontents .writefrm dl.blackeditwr dt strong {font-weight:500; }
 
 
 .subcontents.myorderwr .topsearchwr {padding-bottom:10px;border-bottom: 12px solid #eff0f4; }
 .subcontents.myorderwr .schreslistwr dl dd .nick {font-size:1em; margin-top:0px;}
 .subcontents.myorderwr .schreslistwr dl dd .title {font-size:1em; }
 .subcontents.myorderwr .schreslistwr dl dd .spebet {margin-bottom:0px; margin-top:-1px;}
 .subcontents.myorderwr .schreslistwr dl dd .spebet .date {padding-top:0;}
 .subcontents.myorderwr .schreslistwr dl dd .ordinfo {width:100%;     margin-top: 1px;    padding-top: 3px;    font-size: 0.85em; display: flex;    justify-content: flex-start;    align-items: flex-start;    flex-direction: column;gap:1px;  border-top: 1px solid rgba(0, 0, 0, 0.05);}
 .subcontents.myorderwr .schreslistwr dl dd .ordinfo li {width:100%; line-height:1.3; color:#000; font-weight:500;  display:grid;  grid-template-columns: 52px 1fr;  justify-content: flex-start; align-items: flex-start; }
  .subcontents.myorderwr .schreslistwr dl dd .ordinfo li .tt {font-size:0.95em;  color: #688297; font-weight:400; padding-top:1px;}
 
 
  .subcontents .itemtopimg  .swiper-slide .txt{position:absolute; bottom:40px; left:15px; color:#fff; background:rgba(0,0,0,0.4); max-width:calc(100% - 30px); line-height:1.4;font-size:0.875em;display: flex;    justify-content: flex-start;    align-items: flex-end;  }
 .subcontents.commbotbtn .bbsviewwr.cpgoodsinfo{padding-bottom:15px;}
 .subcontents.rankwr {padding-bottom:70px;}
  .subcontents.rankwr .selectdatewr .seldatelist button  {font-size:0.95em;}
 .subcontents.rankwr .selectdatewr .seldatelist button strong {font-weight:400;} 
 .subcontents.rankwr .selectdatewr .seldatelist button.active strong {font-weight:500;} 

 .subcontents .no-data.myrank{ width:100%; padding:25px 20px 20px;display:flex;justify-content: flex-start; align-items: center;flex-direction:column;   }
 .subcontents .no-data.myrank .ic {width:100px; height:100px; margin-bottom:10px; border-radius:80px;  background:#f5f5f5;  display: flex;   align-items: center;     justify-content: center;  }
 .subcontents .no-data.myrank .ic img {width:auto; height:68%; object-fit:contain;}
 .subcontents .no-data.myrank .txt {text-align:center; color:#688297; font-weight:500;word-break:keep-all;}
 


.subcontents.rankwr .ui-search-picker .fsoplistresult {width:100%; display: flex; justify-content: flex-start;    flex-direction:column; padding:5px 0; }
.subcontents.rankwr .ui-search-picker .fsoplistresult li{padding:8px 12px; width:100%;   display: grid;    grid-template-columns:  1fr;  gap:0px;  align-items: flex-start; border-top:1px solid rgba(0, 0, 0, 0.07);}
.subcontents.rankwr .ui-search-picker .fsoplistresult li:first-child {border-top:none;}
.subcontents.rankwr .ui-search-picker .fsoplistresult li .pic{width:100%; height:42px; overflow:hidden; }
.subcontents.rankwr .ui-search-picker .fsoplistresult li .pic img{width:100%; height:100%; object-fit:cover;}
.subcontents.rankwr .ui-search-picker .fsoplistresult li .txtwr{width:100%;display: flex; justify-content: center;  align-items: flex-start;  flex-direction:column; gap:2px;  line-height:1.4;}
.subcontents.rankwr .ui-search-picker .fsoplistresult li .txtwr .name {color:#000; font-weight:500; padding-top:2px;display: flex; -ms-flex-flow: row wrap;line-height:1.4;  flex-flow: row wrap;  justify-content: flex-start; align-items: center; }
 .subcontents.rankwr .ui-search-picker .fsoplistresult li   .addr {font-size:0.9em; color:#688297;  line-height:1.4;}
.subcontents.rankwr .ui-search-picker .fsoplistresult li.nodata { width:100%;   display: grid;    grid-template-columns:56px 1fr;  gap:12px;  align-items:center; line-height:1.4; word-break:keep-all; color:#688297; gap:15px;}
.subcontents.rankwr .ui-search-picker .fsoplistresult li.nodata .ic{position:relative !important; top:auto !important; left:auto !important; transform: none !important;  opacity: 1.0 !important;width:56px; height:56px; background:#f7f7f9; border-radius:30px; display: flex;  align-items: center;     justify-content: center; }
.subcontents.rankwr .ui-search-picker .fsoplistresult li.nodata .ic img {width:auto; height:50%;}



.subcontents.cpgpaywr .item-summary{margin:15px 20px; width:calc(100% - 40px); border-radius:5px; background:#fff; border:1px solid #d6dbe0;}
.subcontents.cpgpaywr .item-summary dl:first-child{ border-top:none;}
.subcontents.cpgpaywr .item-summary dl {gap:0px; padding:15px 15px 16px; font-size:1.05em;}
.subcontents.cpgpaywr .item-summary dl dd {font-size:1.15em; font-weight:500;}
.subcontents.cpgpaywr .item-summary dl dd.price {font-weight:400; font-size:1.05em; display: flex; justify-content: flex-start; align-items: flex-end; gap:2px; }
.subcontents.cpgpaywr .item-summary dl dd.price strong {font-weight:bold; font-size:1.1em; }
.subcontents.cpgpaywr .item-summary dl dd.name {  display: flex;    flex-direction: column; padding-top:3px; line-height:1.4;}
.subcontents.cpgpaywr .item-summary dl dd.name span{color:#0e78cf;  width:100%; font-size:0.9em; font-weight:700;}


.subcontents.cpgpaywr .btn-reqpayment {margin:0px 20px 20px; width:calc(100% - 40px); padding: 0px 15px;  height:52px;    color: #fff; font-weight:500;   font-size: 1.15em;    position: relative;    display: flex;    align-items: center;    justify-content: center;    gap: 8px;    background: #01a0e2;  border:1px solid rgba(0,0,0,0.07);  border-radius: 5px;}
.subcontents.cpgpaywr .fixbotbtn .btn-reqpayment {width:100%; margin:0px; border-radius:0; height:58px;}
.subcontents.cpgpayfailwr .item-summary {width:100%; background:#f7f7f9; padding:0px;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.subcontents.cpgpayfailwr .item-summary dl {border-top: 1px solid rgba(0, 0, 0, 0.05);}
.subcontents.cpgpayfailwr .item-summary dl:first-child{ border-top:none;}
.subcontents.cpgpayfailwr .payresfail {width:100%; padding:15px 20px; }
.subcontents.cpgpayfailwr .payresfail h2 {font-size:1.6em; font-weight:normal; color:#e14747; padding-bottom:10px; border-bottom:1px dashed #df3939; margin-bottom:16px;}
.subcontents.cpgpayfailwr .payresfail ul { width: 100%;  color: #212427;    line-height: 1.5;    display: flex;    flex-direction: column;    gap: 16px;}
.subcontents.cpgpayfailwr .payresfail ul li { width: 100%;  display: flex;    flex-direction: column;     }
.subcontents.cpgpayfailwr .payresfail ul  li .tt {    width: 100%;    color: #df3939;    font-size: 0.95em;    font-weight: 500; }
.subcontents.cpgpayfailwr .payresfail ul  li .txt {width: 100%; font-size:1.05em;}
.subcontents.cpgpayfailwr .payresfail ul  li .txt  strong {font-size:1.05em;}


.subcontents.cpgpaysuccwr  .item-summary{width:100%; background:#e9f4ff; padding:0px;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.subcontents.cpgpaysuccwr .item-summary dl {border-top: 1px solid rgba(0, 0, 0, 0.05);}
.subcontents.cpgpaysuccwr .item-summary dl:first-child{ border-top:none;}
.subcontents.cpgpaysuccwr .payressucc {width:100%; padding:15px 20px; }
.subcontents.cpgpaysuccwr .payressucc h2 {font-size:1.6em; font-weight:normal; color:#0e78cf; padding-bottom:10px; border-bottom:1px dashed #0c68b5; margin-bottom:16px;}
.subcontents.cpgpaysuccwr .payressucc ul { width: 100%;  color: #212427;    line-height: 1.5;    display: flex;    flex-direction: column;    gap: 16px;}
.subcontents.cpgpaysuccwr .payressucc ul li { width: 100%;  display: flex;    flex-direction: column;     }
.subcontents.cpgpaysuccwr .payressucc ul  li .tt {    width: 100%;    color: #0c68b5;    font-size: 0.95em;    font-weight: 500; }
.subcontents.cpgpaysuccwr .payressucc ul  li .txt {width: 100%; font-size:1.05em;}
.subcontents.cpgpaysuccwr .payressucc ul  li .txt  strong {font-size:1.05em;}
.subcontents.cpgpaysuccwr .btn-paysucpro {margin:25px 0px 10px; width:100%; padding: 0px 15px;  height:52px;    color: #fff; font-weight:500;   font-size: 1.15em;    position: relative;    display: flex;    align-items: center;    justify-content: center;    gap: 8px;    background: #01a0e2;  border:1px solid rgba(0,0,0,0.07);  border-radius: 5px;}

 .subcontents  .item-naturewr  dl.dam dt,  .subcontents  .item-naturewr  dl.pond dt  {font-weight:500;color: #688297;    font-size: 0.95em; margin-bottom:5px;}


 .subcontents .no-data.main {width:100%;padding:12px 15px;display: grid; grid-template-columns:54px 1fr; align-items: center; gap:15px; background:#fff; border:1px solid rgba(0,0,0,0.07); border-radius:5px;overflow:hidden; }
 .subcontents .no-data.main .ic {width:100%; height:54px;  border-radius:30px; background:#eff0f4; overflow:hidden; display: flex;   justify-content: center; align-items: center; margin-bottom:0px; }
 .subcontents .no-data.main img {width:70%; height:auto;}
 .subcontents .no-data.main .txt {width:100%; display: flex;   justify-content: flex-start; align-items: center; color: #688297;  font-size:0.95em;  }


.respayguidewr {width:100%; padding:15px 20px 20px;}
.respayguidewr .rpgui-title {color:#333; line-height:1.5; font-size:0.95em; }
.respayguidewr .rpgui-title strong {color:#E60745; font-weight:500;}
.respayguidewr .rpgui-cont {padding-top:15px;}
.respayguidewr .rpgui-cont .title {font-weight:500;font-size:0.9em; width:100%; margin-bottom:6px; }
.respayguidewr .rpgui-cont .title span {display:inline-block; color:#fff; background:#688297; padding:0px 3px;}
.respayguidewr .rpgui-cont ul {width:100%;   line-height: 1.5;    display: flex;    flex-direction: column;    gap: 6px;}
.respayguidewr .rpgui-cont ul li {position:relative; padding-left:9px; font-size:0.9em; color:#333;width:100%;  display: flex;   align-items: center;    justify-content: flex-start; gap:4px;}
.respayguidewr .rpgui-cont ul li:before {position:absolute; top:7px; left:0px; width:4px; height:4px; content:''; background:#688297;}
.respayguidewr .rpgui-cont ul li .tt {color:#688297;}

.respayguidewr .rpgui-price {width:100%; margin-top:15px; background:#01a0e2; border-radius:5px; padding:10px 12px; color:#fff;display: flex;   align-items: center;    justify-content: space-between;  }
.respayguidewr .rpgui-price strong {font-size:1.1em;display:inline-block;  margin-right:2px;}

.subcontents .fixbotbtn .shopbotmenu.sbmnum4 { grid-template-columns:repeat(4, 1fr);   }
.subcontents .fixbotbtn .shopbotmenu.sbmnum3 { grid-template-columns:repeat(3, 1fr);   }
 
.subcontents.myfrecv .resoptresultwr .item-summary .joinalert {position:relative;width:100%;   line-height: 1.5;    display: flex;    flex-direction: column;    gap: 3px;  border-top:1px solid rgba(0,0,0,0.05); background:#ffebe6; font-size:0.925em; color:#ff6e49; padding:10px 20px 10px 38px; word-break:keep-all;}
.subcontents.myfrecv .resoptresultwr .item-summary .joinalert:before {position:absolute; top:10px; left:20px; content:'※'; }

.subcontents.resinfocalendar .dampondcompare{width:100%; display: flex;    flex-direction: column;    gap: 4px; padding:12px 20px; background:#f4faff; border-bottom:1px solid rgba(0,0,0,0.07);}
.subcontents.resinfocalendar .dampondcompare .item-naturewr dl { background:#fff; border-radius:5px; border:1px solid #9cc3d8 !important; padding:8px 12px  !important; display: flex;   align-items: center;    justify-content: space-between;}
.subcontents.resinfocalendar .dampondcompare .item-naturewr dl.pond {border-color:#afd8bc !important;}
 .subcontents.resinfocalendar .dampondcompare .item-naturewr dl dt {margin-bottom:0px !important;}
 .subcontents.resinfocalendar .dampondcompare .item-naturewr dl dd{ color:#212427;display: flex;   align-items: flex-end;    justify-content: flex-end; font-size:0.9em;gap:2px;}
  .subcontents.resinfocalendar .dampondcompare .item-naturewr dl dd strong{ display:inline-block; margin-left:4px; font-size:1.15em; color:#000;}
  .subcontents.resinfocalendar .dampondcompare .item-naturewr dl dd .unit {font-size:0.95em;display:inline-block;  margin-bottom:2px;color:#000;}

 .subcontents.resinfocalendar .selectoptionwr  {grid-template-columns:1fr;  background:#fff; }
  .subcontents.resinfocalendar .selectoptionwr .caldatt{width:100%;  padding:2px; display: grid;    grid-template-columns: repeat(7, 1fr);  gap:2px;  align-items: flex-start;  background:#fff; border-bottom: 1px solid #e5e5e5;  } 
  .subcontents.resinfocalendar .selectoptionwr .caldatt button {width:100%; height:50px; background:#f5f5f5;border-radius: 3px;  font-weight:500;}
    .subcontents.resinfocalendar .selectoptionwr .caldatt button span {font-size:0.9em; }
    .subcontents.resinfocalendar .selectoptionwr .caldatt button.saturday {color:#4680ff;}
  .subcontents.resinfocalendar .selectoptionwr .calendarbox{width:100%;padding:3px 2px; display: grid;    grid-template-columns: repeat(7, 1fr);  gap:2px;  align-items: flex-start;  background:#fff; }
    .subcontents.resinfocalendar .selectoptionwr .calendarbox li {width:100%; height:100%;   display: grid;   }
    .subcontents.resinfocalendar .selectoptionwr .calendarbox li button {position:relative; width:100%; height:50px; font-weight:500; line-height:1.1;font-size:1.1em; letter-spacing:-0.5px; padding:0px 5px 9px 0; background:#fff; border: 1px solid rgba(0,0,0,0.1); color:rgba(0,0,0,0.5);;border-radius: 3px; display: flex;   justify-content: flex-end; align-items: flex-end;}
.subcontents.resinfocalendar .selectoptionwr .calendarbox li button .month {position:absolute;opacity:0.9; top:-1px; left:-1px; min-width:22px; height:20px; border-radius:3px 0px 3px 0px;  color:#fff;  font-size:0.8em; line-height:1.1;display: flex;   justify-content: center; align-items: center;}

.subcontents.resinfocalendar .selectoptionwr .calendarbox li.week_last button{color:#4680ff;}
.subcontents.resinfocalendar .selectoptionwr .calendarbox li.week_first button{color:#ff3434;}
.subcontents.resinfocalendar .selectoptionwr .calendarbox li .disabled {opacity:0.5; color:#555;}
.subcontents.resinfocalendar .selectoptionwr .calendarbox li .disabled  span{opacity:0.7;}
.subcontents.resinfocalendar .selectoptionwr .calendarbox li button.active {background:#ff6e49 !important;  border-color:rgba(0,0,0,0.1) !important; color:#fff;font-weight:400;  box-shadow: 0 0px 1px 1px rgba(255, 133, 102, 0.6);}
.subcontents.resinfocalendar .selectoptionwr .calendarbox li button.active .month{opacity:1; background:#fff !important; color:#ff6e49 !important;font-weight:500; border-left:1px solid #ff6e49 !important;border-top:1px solid #ff6e49 !important;}
 
 .subcontents .sortlistwr {width:100%;display: flex;   align-items: center;    justify-content: flex-end;    background:#f5f5f8; padding:5px 20px 5px; gap:10px;border-bottom: 1px solid rgba(0,0,0,0.03);}
 .subcontents .sortlistwr dt{ font-size:0.9em; color:#688297; opacity:0.8;}
 .subcontents .sortlistwr dd{ display: flex;   align-items: center;    justify-content: flex-end;  gap:6px;}
  .subcontents .sortlistwr dd button{ width:auto; height:28px; font-weight:400; line-height:1.2;font-size:0.9em; letter-spacing:-0.5px; padding:0px 6px; background:#fff; border: 1px solid rgba(0,0,0,0.1); color:#656565;border-radius: 5px; display: flex;   justify-content: center; align-items: center;    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);}
 .subcontents .sortlistwr dd button.active{background:#688297; color:#fff; }
 
.subcontents .maincpgoodswr .nodatawr  {width:100% !important; padding:6px 20px 15px !important;}
.subcontents .mrealtimefishwr .nodatawr  {width:100% !important; padding:6px 20px 15px !important;}
.subcontents .maindaysalewr .nodatawr  {width:100% !important; padding:6px 20px 15px !important;}
.subcontents .maindaangnwr .nodatawr  {width:100% !important; padding:6px 20px 15px !important;}
 
.subcontents.resevfinview .resoptresultwr .item-summary .fishingsumm li.price {padding:13px 0;}
.subcontents.resevfinview .resoptresultwr .item-summary .fishingseat { grid-template-columns: 1fr; }
.subcontents.resevfinview .resoptresultwr .item-summary .fishingseat dl {width:100%; border-top:none; padding:6px 0px; gap:6px;}
.subcontents.resevfinview .resoptresultwr .item-summary .fishingseat dl dt {width:100%; font-weight:400; font-size:0.9em;}
.subcontents.resevfinview .resoptresultwr .item-summary .fishingseat dl dd{width:100%; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;  justify-content: flex-start; align-items: flex-start; gap:6px; }
.subcontents.resevfinview .resoptresultwr .item-summary .fishingseat dl dd button {min-width:76px;display: flex;  font-size:0.95em; letter-spacing:-0.5px;justify-content: center; align-items: center; border: 1px solid rgba(0, 0, 0, 0.12);   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);   background: transparent; 
background: linear-gradient(0deg,rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 1) 100%);padding:10px 6px; border-radius:5px; color:#333;}
.subcontents.resevfinview .resoptresultwr .item-summary .fishingseat dl dd button.active{ color:#fff; background: #01a0e2; background: linear-gradient(0deg,rgba(1, 160, 226, 1) 60%, rgba(31, 187, 254, 1) 100%);   box-shadow: 0 2px 5px 0 rgba(31, 187, 254, 0.5);    border: 1px solid rgba(0, 0, 0, 0.12);    }
 .subcontents.resevfinview .resoptresultwr .item-summary .fishingseat dl dd button.disabled {  background: #eff0f4; color:rgba(0,0,0,0.2); opacity:1;box-shadow: none;  }
 
 
.subcontents.resevfinview .resoptresultwr .item-summary .fishingseat dl dd.detsetoptvwr {flex-direction:column; gap:4px;}
 .subcontents.resevfinview .resoptresultwr .item-summary .fishingseat dl dd.detsetoptvwr .detsetoptv{width:100%; padding:3px;display: grid;    grid-template-columns: 72px 1fr;     align-items: center;  background:#f4faff;    border-radius: 3px;  border: 1px solid rgba(0, 0, 0, 0.05);  }
 .subcontents.resevfinview .resoptresultwr .item-summary .fishingseat dl dd.detsetoptvwr .detsetoptv .tt {width:100%; height:100%;padding-left:5px;line-height:1.3; color:#30363f;display: flex;   justify-content: flex-start; align-items: center;}
 .subcontents.resevfinview .resoptresultwr .item-summary .fishingseat dl dd.detsetoptvwr .detsetoptv .txt{width:100%; height:100%;display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;  justify-content: flex-start; align-items: center; gap:4px; }
 
 
.subcontents.resevfinview .item-naturewr {padding:0px 20px 5px; background:#fff;  }
.subcontents.resevfinview .item-naturewr dl{padding:10px 20px !important;background:#f4faff; border: 1px solid rgba(0, 0, 0, 0.07);   display: flex;   align-items: center;    justify-content: space-between;  }
 .subcontents.resevfinview .item-naturewr dl dt{margin-bottom:0px;}
 .subcontents.resevfinview .item-naturewr dl dd{ color:#212427;display: flex;   align-items: flex-end;    justify-content: flex-end; font-size:0.9em;gap:2px;}
 .subcontents.resevfinview .item-naturewr dl dd strong{ display:inline-block; margin-left:4px; font-size:1.15em; color:#000;}
 .subcontents.resevfinview .item-naturewr dl dd .unit {font-size:0.95em;display:inline-block;  margin-bottom:2px;color:#000;}
  .subcontents.resevfinview .respayguidewr {border-top: 8px solid #eff0f4; margin-top:15px;}
 

 
 .mainbanner-a, .mainbanner-b{width:100%;}
 
 .sectwr {width:100%; padding-bottom:40px;}
 
.modalctl_wrap .win-memagreebody.popchasfixbtn {padding-bottom:80px;}
.modalctl_wrap .popup_botbtn.fixed {padding:0px; position:fixed; bottom:0px; left:0px; z-index:105;}
.modalctl_wrap .popup_botbtn.fixed .btn_cancel.dark {width:100%; margin:0px; height:58px; font-weight:500; border-radius:0px; background:#6c757d; border:1px solid rgba(0,0,0,0.07); font-size:1.15em;}
.modalctl_wrap .popup_botbtn.fixed .btn_cancel.dark:hover {background:#5a6268;}
.modalctl_wrap .win-topsearchwr {width: 100%;    background: #f7f7f9;    padding:15px 20px;   border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.modalctl_wrap .win-topsearchwr .row {width:100%;}
.modalctl_wrap .win-topsearchwr .row.hasbtn {display: grid;    grid-auto-flow: row;    grid-template-columns: 1fr 90px;    gap: 4px;    align-items: center;}
.modalctl_wrap .win-topsearchwr .row.hasbtn .btn_normal{width:100%; height:48px; border-radius:5px; color: #fff;    border: 1px solid #555; background:#555; font-size:1.15em;  display:flex;  justify-content: center;  align-items: center; font-size:1em; letter-spacing:-0.5px;}
.modalctl_wrap .win-topsearchwr .row.hasbtn .clearhasfrm {width:100%; position:relative;}
.modalctl_wrap .win-topsearchwr .row.hasbtn .clearhasfrm .frm-normal {padding-right:48px;}
.modalctl_wrap .win-topsearchwr .row.hasbtn .clearhasfrm .btn-clearfrm {position:absolute; right:0px; top:50%;  transform: translate( 0,-50%);  width:36px; height:48px; padding-right:8px; display:flex;  justify-content: flex-end;   align-items: center;}


.modalctl_wrap .frm-normal{ width: 100%;   height: 48px;  line-height: 46px;  padding: 0  8px; font-size:1.15em;  color:#000;margin:0px; border: 1px solid rgba(112, 112, 112, 0.3);border-radius:5px; }
.modalctl_wrap .frm-normal:hover{border-color: rgba(0, 0, 0, 0.45);}
.modalctl_wrap .frm-normal:focus  {border-color: #0C68B5; -webkit-box-shadow:0 0 0px 2px rgba(1,160,226,0.4);-moz-box-shadow:0 0 0px 2px rgba(1,160,226,0.4); box-shadow:0 0 0px 2px rgba(1,160,226,0.4); }
.modalctl_wrap .fsoplistresult {width:100%;padding:0px 0px; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;  }
.modalctl_wrap .fsoplistresult li{width:100%;   display:grid;  grid-auto-flow: row;   grid-template-columns:1fr 130px 60px; align-items: center; gap:10px; border-bottom: 1px solid rgba(0, 0, 0, 0.05);padding:8px 20px; }
.modalctl_wrap .fsoplistresult li .btn_select   {width:100%; height:38px; border-radius:5px; color: #fff;    border: 1px solid rgba(0,0,0,0.07); background:#b0b9c2; display:flex;  justify-content: center;  align-items: center; font-size:1em; letter-spacing:-0.5px; gap:10px;}
 .modalctl_wrap .fsoplistresult li .name {color:#212427; font-size:1em;display: flex;   justify-content: center; align-items: flex-start;flex-direction:column; line-height:1.4;  }
  .modalctl_wrap .fsoplistresult li .addr {color:#666; font-size:0.95em;}
 .modalctl_wrap .fsoplistresult li .name .distance{display: flex;   justify-content: center; align-items: flex-start; color:#0081df; font-size:0.75em; gap:3px;}
  .modalctl_wrap .fsoplistresult li .name .distance strong {font-size:1.05em; font-weight:500;}
.modalctl_wrap .popchasfixbtn{padding-bottom:80px;}

.wrap_toast.mobile {background:#e9f4ff; color:#0c68b5 !important;  border-top:1px solid rgba(0,0,0,0.07); padding-left:5px;}
 
.introguidetxt {   max-width:248px; background:#3387ff; color:#fff; display:inline-block; margin:30px auto 0; padding:5px 10px; font-size:1.15em; text-align:center;}


.date-picker-wrapper{left:0px !important; padding:0px !important;  background:#fff  !important; width:100% !important;box-sizing:border-box !important; }
.date-picker-wrapper .drp_top-bar {display:none !important;}
.date-picker-wrapper .footer {display:none !important;}
.date-picker-wrapper .month-wrapper {width:100% !important; border:none !important;padding:0px 15px 10px !important; text-align:center  !important;}
.date-picker-wrapper .month-wrapper table.month1 {width:100% !important; margin:0 auto  !important;}
.date-picker-wrapper.single-month .time {display:none !important;}
 .date-picker-wrapper .month-wrapper table .day {padding:8px 0 !important; }



.dis_none {display:none !important;}


 

 

 

.al-cen { align-items: center !important;}


.al-top { align-items: flex-start !important;}
.bdtop-none {border-top:none !important;}
.bdbot-none {border-bottom:none !important;}
.pb-0{ padding-bottom:0px  !important;}
.pb-5{ padding-bottom:5px  !important;}
.pb-10{ padding-bottom:10px  !important;}
.pb-20{ padding-bottom:20px  !important;}
.pt-0{ padding-top:0px  !important;}
.pt-10{ padding-top:10px  !important;}
.pt-12{ padding-top:12px  !important;}
.pt-15{ padding-top:15px  !important;}
.pt-20{ padding-top:20px  !important;}
.mt-0{ margin-top:0px  !important;}
.mt-5{ margin-top:5px  !important;}
.mt-10{ margin-top:10px  !important;}
.mt-15{ margin-top:15px  !important;}
.mt-30{ margin-top:30px  !important;}
.mb-0{ margin-bottom:0px  !important;}
.ml-0{ margin-left:0px  !important;}