@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; cursor:pointer;}
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: transparent !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, .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 {width:100%; min-width:1320px; margin:0 auto;min-height:100vh;}
 

.wrap {width:100%; max-width:1320px; padding:0px 20px;  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: flex-start; align-items: flex-start; flex-direction: column; }
 .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{min-width: 80px;  width:auto; height: 36px;  padding:0 7px 0 5px;  font-size:0.8em;  border-radius: 5px;  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; }
.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; z-index:3;}

 
.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:1002;  background:#fff; box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);}
.header .head-top { position:relative;   margin:0 auto;  height:50px;width: 100%;  max-width:1320px; padding:0px 20px; display: flex;  -webkit-box-align: center;   align-items: center;  justify-content: center; }
 .header .head-top.gnbwr {height:70px;  max-width:1800px; padding:0px;}
.header .head-top.gnbwr .left {position:absolute; left: 0px; top:0px; display: flex;  align-items: center;  justify-content: flex-start; height:70px;}
.header .head-top.gnbwr .center {width:1320px; padding:0px 20px;   display: flex;  align-items: center;  justify-content: space-between;  }
.header .head-top.gnbwr .right { position:absolute; right: 0px; top:0px; display: flex;  align-items: center;  justify-content: flex-end;  gap:8px;height:70px;}
.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:relative; top:0px; right:0px; width:42px; height:42px; background:#e7eaed; border-radius:30px; font-size:1.4em;  color:#282a2d;  display: flex;      align-items: center;  justify-content: center;  }
.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.gnbwr .topgnb {  display: flex;  align-items: center;  justify-content: flex-end;  gap:24px; font-size:1.2em;}
 .header .head-top.gnbwr .topgnb a{display:block;}

 .header .head-top.gnbwr .topgnb li  { display: flex;  align-items: center;  justify-content: center; color:#1a1a1a; }
  .header .head-top.gnbwr .topgnb li span {display:inline-block; position:relative;}
 .header .head-top.gnbwr .topgnb a:hover li {color:#01a0e2;}
  .header .head-top.gnbwr .topgnb a.active li span{color:#000; }
   .header .head-top.gnbwr .topgnb a.active li span:before {position:absolute; top:24px; left:50%; transform: translate( -50%, 0); width:100%; height:4px; content:''; background:#1aa9e5;  }
   
 .header .head-top.gnbwr .btn-alarm { position:relative; top:0px; right:0px; width:42px; height:42px; background:#e7eaed; border-radius:30px; font-size:1.4em;  color:#282a2d;  display: flex;      align-items: center;  justify-content: center;  }
 .header .head-top.gnbwr .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.gnbwr .btn-alarm:hover {color:#fff; background:#999; }
 .header .head-top.gnbwr .btn-login {     color: #fff;     border-color:rgba(0,0,0,0.1); background:#01a0e2;   padding: 0px 5px;  flex: 0 0 auto;  font-size:1.4em;  width:42px; height:42px; border-radius: 50px; display: flex;    justify-content: center;    align-items: center;  }
 .header .head-top.gnbwr .btn-login:hover  {color:#fff; background:#007aad; }
 .header .head-top.gnbwr .btn-my {     color: #fff;     border-color:rgba(0,0,0,0.1); background:#01a0e2;   padding: 0px 5px;  flex: 0 0 auto;  font-size:1.4em;  width:42px; height:42px; border-radius: 50px; display: flex;    justify-content: center;    align-items: center;  }
 .header .head-top.gnbwr .btn-my:hover  {color:#fff; background:#007aad; }
 .header .head-top.gnbwr .btn-logout {     color: #282a2d;     border-color:rgba(0,0,0,0.1); background:#e7eaed;   padding: 0px 5px;  flex: 0 0 auto;  font-size:1.4em;  width:42px; height:42px; border-radius: 50px; display: flex;    justify-content: center;    align-items: center;  }
.header .head-top.gnbwr .btn-logout:hover  {color:#fff; background:#999; }
.header .head-top.gnbwr .btn-myalarm {  position:relative;   color: #fff;     border-color:rgba(0,0,0,0.1); background:#ffc700;   padding: 0px 5px;  flex: 0 0 auto;  font-size:1.4em;  width:42px; height:42px; border-radius: 50px; display: flex;    justify-content: center;    align-items: center;  }
.header .head-top.gnbwr .btn-myalarm  .alnum {position:absolute; top:11px; right:-2px; z-index:5;  transform: translate(0, -50%); background:#282a2d; color:#fff; font-size:0.6em; font-weight:500; min-width:20px; height:20px; width:auto;padding:0px 4px; 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.gnbwr .btn-myalarm:hover  {color:#fff; background:#da9e5f; }
 
 
 .header .head-top.gnbwr .center .schbtnwr {display: flex;  align-items: center;  justify-content: flex-end;  gap:6px; }
.header .head-top.gnbwr .center button {width:40px; height:40px;display: flex;      align-items: center;  justify-content: center; border:none; background:transparent;font-size:1.75em;color:#121212;   }
 .header .head-top.gnbwr .center button img {width:auto; height:65%; filter: invert(90%)  brightness(0%) ;}
 
 
.maintopsearchwr {  padding:0px; 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;}
 
 

.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:420px; margin:0  auto 0; padding:90px 0 50px 0;  }
 

.loginwr .login-title {font-size:1.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: 14px; padding: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:100%; min-height:100%;  margin:0 auto; padding:20px 0px; 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:1em; color:#999;}
.joinwr .group .txt.hasbtn {width:100%; display:grid;  grid-auto-flow: row;   grid-template-columns:1fr 120px ; 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:1em; 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:20px; }
.joinwr.editinfo .group { display:grid;  grid-auto-flow: row;   grid-template-columns: 100px 1fr ; gap:0px;   align-items: center; }
.joinwr.editinfo .group .tt {font-size:1em; letter-spacing:-0.5px;}
.joinwr.editinfo .photoeditwr {padding-bottom:10px;}

.joinwr.signupwr { width:820px; padding-top:40px;}


.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:50px 0px 40px; max-width:420px; gap:20px;}
.joinwr.findidpw dl{padding:18px 0px 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;  cursor:pointer;}
.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: 1em;    font-weight: 400;    display: flex;    justify-content: center;    align-items: center; border-bottom:1px solid #eff0f4; padding:12px 0px; margin-bottom:5px; }

.subcontents .signupcong {width:100%; padding:50px 0px 40px; 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:25px 0 10px; line-height:1.5;    align-items: center; font-size:1.5em; 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:1.1em; width:100%;  display: flex;    justify-content: center; word-break:keep-all;}
.subcontents .signupcong .cong-btn{width:100%;  display: flex;    justify-content: center; padding-top:30px;}
.subcontents .signupcong .cong-btn a{width: auto;    height: 54px;    font-size: 1.1em;    font-weight: 500;    color: #fff;    padding: 0px 70px; border-radius: 30px;   background: #0C68B5;    border: 1px solid rgba(0, 0, 0, 0.07);    display: flex;    align-items: center;    justify-content: center;   }
.subcontents .signupcong .cong-btn a:hover {background:#203e95;}

 /* 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%;  max-width:1320px; min-height:70vh;  line-height:1.7;  margin:0 auto;  padding:70px 20px 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:90px;}
.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 */
  
  .mcontopbanwr {width:100%; height:340px; border-radius:20px; margin:40px auto 30px;overflow:hidden;}
  .mcontopbanwr .mtxt {position:absolute; top:50%; left:100px; color:#fff;  transform: translate(0, -50%); z-index:6; }
  .mcontopbanwr .mtxt h3{font-size:2.2em; font-weight:600;  text-shadow: -1px -1px 0 rgba(0,0,0,0.1), 0 -1px 0 rgba(0,0,0,0.1), 1px -1px 0 rgba(0,0,0,0.1), 1px 0 0 rgba(0,0,0,0.1), 1px 1px 0 rgba(0,0,0,0.1), 0 1px 0 rgba(0,0,0,0.1), -1px 1px 0 rgba(0,0,0,0.1), -1px 0 0 rgba(0,0,0,0.1);}
 .mcontopbanwr .mtxt h4{font-size:1.6em; font-weight:400;  text-shadow: -1px -1px 0 rgba(0,0,0,0.1), 0 -1px 0 rgba(0,0,0,0.1), 1px -1px 0 rgba(0,0,0,0.1), 1px 0 0 rgba(0,0,0,0.1), 1px 1px 0 rgba(0,0,0,0.1), 0 1px 0 rgba(0,0,0,0.1), -1px 1px 0 rgba(0,0,0,0.1), -1px 0 0 rgba(0,0,0,0.1);}
 .mcontopbanwr .mtxt .btn-more {display: flex; align-items: center;  justify-content: flex-start; margin-top:14px; }
 .mcontopbanwr .mtxt .btn-more span {display: flex; align-items: center;  justify-content: flex-start; background:#fff; border-radius:30px; height:38px; padding:0px 12px 0 20px; background:#fff; color:#555; font-weight:500; gap:14px;}
 .mcontopbanwr .mtxt .btn-more span img {opacity:0.8;}  
.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:10px 0px 40px; background:#fff;}
.subcontents .maincatewr .maincate {width:100%; display: grid; grid-template-columns: repeat(7,1fr); align-items: flex-start; gap:14px 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:6px;  }
.subcontents .maincatewr .maincate li .ic{width:100%; display: flex; justify-content: center; align-items: flex-start; padding:0px 6px;opacity:1.0;}
.subcontents .maincatewr .maincate li img {max-width:80%; height:auto;}
 .subcontents .maincatewr .maincate li span{font-size:1em; letter-spacing:-0.5px; color:#333;}
.subcontents .maincatewr .maincate a:hover li .ic {opacity:0.6;}
.subcontents .maincatewr .maincate a:hover li span{color:#01a0e2;}
 
.subcontents .topsearchwr {    width:100%;   border-radius:0px; padding:15px 0px 20px; }
 .subcontents  form {width:100%; }
 .subcontents .topsearchwr .searchbox {position:relative;width:100%; padding:1px; border-radius:10px; 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:8px;}
.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 0px 0px 0px;  }
 .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 0px 5px 0px;   }
.subcontents .mcontitle.big {border-bottom: 1px solid #eff0f4; padding-bottom:10px; margin-bottom:10px; }
 .subcontents .mcontitle h3{font-size:1.3em; font-weight:500; color:#0c68b5;   }
 .subcontents .mcontitle h4{font-size:1.5em; font-weight:500; color:#282a2d;}
 .subcontents .mcontitle .btn-viewmore { color:#282a2d; font-size:0.95em;display: flex; justify-content: flex-end; align-items: center; gap:10px; background:#e7eaed; border-radius:30px; padding:0px 10px 0px 17px; height:34px; }
 
.subcontents .mrealtimefishwr {width:100%;}
.subcontents .rtfishcont{width:100%; }
.subcontents .mrealtimefishwr .swiper-slide a{display:block;}
.subcontents .mrealtimefishwr dl {width:230px; min-height:304px; border-radius:10px; overflow:hidden;  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);transition:.2s; }
.subcontents .mrealtimefishwr dl dt {position:relative;width:100%; padding-top: calc(100% / 4 * 3);  overflow:hidden;  }
.subcontents .mrealtimefishwr 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;    transform: scale(1); transition:.2s; filter: blur(0px);} 
 .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:1;   -webkit-box-orient:vertical;  white-space:normal;   line-height:1.5em;  height:1.5em;   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:10px; margin-top:10px;}
 .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 .mrealtimefishwr a:hover dl {  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.35);} 
 .subcontents .mrealtimefishwr a:hover dl dt .proimg {transform:scale(1.04); opacity: 0.6; filter: blur(2px);}
 
 
 .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 {  margin-top:50px;  }
  .subcontents .mrowbannerwr {width:100%; padding:35px 20px 0;}
.subcontents .mrowbannerwr .mrbanimg{width:100%;  border-radius:10px; overflow:hidden;} 
  .subcontents .mrealtimefishwr.info {  margin-top:50px; }
.subcontents .mrealtimefishwr.info dl {position:relative; }
/*.subcontents .mrealtimefishwr.info dl:before {position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    border: 1px solid rgba(0, 0, 0, .1);    border-radius: 8px;    content: ""; z-index:1; border-radius:10px; } */


 .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 { margin-top:50px; }
 .subcontents .mrealtimefishwr.record .myrecordwr {width:100%; padding:0px 0px; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:20px;}
 .subcontents .record .myrecordwr .myfrecord  {position:relative; width:100%;padding: 0 20px; display: grid;  align-items: flex-start; grid-template-columns: 240px  1fr; gap:40px;  border-radius:7px;overflow:hidden;box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); } 
 .subcontents .record .myrecordwr .myfrecord .myfr-sum {  width:100%;   padding:20px 0;   }
 .subcontents .record .myrecordwr .myfrecord .myfr-sum .fishinfowr {width:100%; display: flex;   justify-content: center; align-items: center;  background:#fff; border-radius:5px;overflow:hidden; }
 .subcontents .record .myrecordwr .myfrecord .myfr-sum .imgwr {position:relative; width:100%; padding-top: calc(100% / 4.5 * 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  .catchinfowr .fname { width:100%; display: flex;   justify-content: flex-start; align-items: center;  font-size:1.45em; color:#212427; font-weight:500; padding-top:5px;   gap:20px;}
  .subcontents .record .myrecordwr .myfrecord  .catchinfowr .fname .size { font-size:0.8em; background:#01a0e2; color:#fff; padding:0px 12px;font-weight:400; border-radius:5px; height:30px; display: flex;   justify-content: flex-start; align-items: center;  gap:3px; }
  .subcontents .record .myrecordwr .myfrecord  .catchinfowr .fname  .size strong {font-size:1.1em;font-weight:500; display:inline-block; }
  .subcontents .record .myrecordwr .myfrecord .catchinfowr {width:100%;  display: flex; justify-content: flex-start; align-items: flex-start;flex-direction:column;  padding:20px 0 0;}
    .subcontents .record .myrecordwr .myfrecord .catchinfowr  .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 .catchinfowr  .finfor .detail {display: flex;   justify-content: flex-end; align-items: flex-end; gap:20px;}
  .subcontents .record .myrecordwr .myfrecord .catchinfowr .finfor  .size { font-size:0.925em; background:#01a0e2; color:#fff; padding:0px 12px; border-radius:5px; height:28px; display: flex;   justify-content: flex-start; align-items: center;   }
   .subcontents .record .myrecordwr .myfrecord .catchinfowr .finfor  .size strong {font-size:1.1em;font-weight:500; display:inline-block; margin-left:8px;}
   .subcontents .record .myrecordwr .myfrecord .catchinfowr .potname { font-size:1em;color:#01a0e2; letter-spacing:-0.5px;}
    .subcontents .record .myrecordwr .myfrecord .catchinfowr .date { font-size:1em; color:#737373;} 
.subcontents .record .myrecordwr .myfrecord .catchinfowr ul{width:100%; display: grid;    grid-template-columns: repeat(5, 1fr); align-items: flex-start;  gap:6px; border-radius: 7px;  }
.subcontents .record .myrecordwr .myfrecord .catchinfowr ul li{background: #E9F4FF; border:1px solid #dde8f2; border-radius:5px; width:100%; padding:0 12px ; line-height:1.3; height:48px;display: flex;   justify-content: space-between; align-items: center;  gap:6px;  }
.subcontents .record .myrecordwr .myfrecord .catchinfowr ul li strong {font-weight:500; color:#666; font-size:0.95em; letter-spacing:-0.5px;}
.subcontents .record .myrecordwr .myfrecord .catchinfowr ul li span{font-weight:700; color:#01a0e2;font-size:1.1em;}
 
.subcontents .record .myrecordwr .myfrecord .allgetnum{  width:100%;  color:rgba(0,0,0,0.8);   padding:10px 5px 0px;  font-weight:500; display: flex;   justify-content: flex-end; align-items: center; gap:10px;font-size:1.15em; line-height:28px;  }
.subcontents .record .myrecordwr .myfrecord .allgetnum .getnum{display: flex;   justify-content: flex-end; align-items: center; gap:2px; color:#000; line-height:30px;}
.subcontents .record .myrecordwr .myfrecord .allgetnum .getnum strong {font-size:1.25em;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 0px;   }
.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 .mcontitle {padding-bottom:8px;}

 
 

 


.subcontents.me .myrecordtotal {margin-top:10px;}
 .subcontents .mwaterlevelwr {width:100%; margin-top:50px; }
  .subcontents .mwaterlevelwr a{display:block;width:100%; }
 .subcontents .mwaterlevelwr .wlvwr {width:230px; padding:20px 0px 18px;background:#f5f5f5; border:1px solid rgba(0,0,0,0.02); box-shadow: none; border-radius:10px; overflow:hidden; display: flex;   justify-content: center; align-items: center;flex-direction:column; gap:15px;transition:.2s; }
 .subcontents .mwaterlevelwr .wlvwr .imgwr { width:120px;height:120px; 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; transform: scale(1);transition:.2s; filter: blur(0px);}
 .subcontents .mwaterlevelwr .wlvwr .txtwr {width:100%; font-size:1em;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.1em; color:#333;}
 
 .subcontents .mwaterlevelwr a:hover .wlvwr .imgwr img {transform:scale(1.04); opacity: 0.6; filter: blur(2px);}
 .subcontents .mwaterlevelwr a:hover .wlvwr { box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);background:#fff; } 
 
.subcontents .mbotbannerwr {width:100%;padding:40px 0px 0px;display: grid; grid-template-columns:1fr 1fr; align-items: center; gap:32px; }
.subcontents .mbotbannerwr li{width:100%; display:flex;  justify-content: flex-start; align-items: flex-start; height:100%;}
.subcontents .mbotbannerwr a{display:flex;width:100%; height:100%;justify-content: flex-start; align-items: flex-start;}
.subcontents .mbotbannerwr .mbbanimg{position:relative; width:100%;min-height:120px; 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:50px; font-size:1.7em; color:#fff; font-weight:500;  transform: translate(0, -50%); z-index:1;display: flex;   justify-content: center; align-items: flex-start;flex-direction:column;  }
.subcontents .mbotbannerwr .mbbanimg.customer {background:url(../images/web/ban_botcustomer.png) right 60px  top  -10px no-repeat #01a0e2; background-size:auto 125%;}
.subcontents .mbotbannerwr .mbbanimg.customer .txt span {font-size:0.7em;}
.subcontents .mbotbannerwr .mbbanimg.customer .txt strong {display: flex;   justify-content: flex-start; align-items: center;gap:10px;}
.subcontents .mymapbtnwr {width:100%; padding:20px;}
 .subcontents .mrealtimefishwr.bdtop{  }

  /* reservation */
.selectareawr {width:100%; background: #f7f7f9; padding:10px 0; border-bottom:1px solid rgba(0,0,0,0.05);}
.selectareawr .selarea {width:100%;    display: flex;  white-space:nowrap;   flex-wrap: nowrap;   align-items: center;   padding:  0; gap:8px;}
.selectareawr .selarea::-webkit-scrollbar {display:none;}
.selectareawr .selarea button {     color: #6f6f6f;    border: 1px solid #e9e9e9;  background:#fff;   padding: 0px 20px;  flex: 0 0 auto;    min-width: 80px;    min-height: 44px;     border-radius: 100px; display: flex;    justify-content: center;    align-items: center; }
.selectareawr .selarea button:hover{  border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);}
.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;     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:#01a0e2; color:#fff;   }
 .selectdatewr .seldatelist .monthwr  { cursor:pointer;    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; border-color:#0f0f0f; color:#46c9ff;   }

.fspotlistwr {width:100%;}
.fspotlistwr .fspotlist {width:100%; display: grid;    grid-template-columns: repeat(4, 1fr);    align-items: flex-start;    gap: 50px 30px; padding:30px 0; }
.fspotlistwr .fspotlist li{width:100%;   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;    line-height:1.4;     }
.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: 0px 0;width: 100%;    height: 100%;}
.fspotlistwr .fspotlist.big li a{display:flex; width: 100%;    height: 100%;   }
.fspotlistwr .fspotlist.big li dl{position: relative;     width: 100%;    height: 100%;      padding: 0px;    display: flex;    justify-content: flex-start;    align-items: flex-start;    flex-direction: column;    border-radius: 10px;   overflow: hidden;    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);    transition: .2s; }
.fspotlistwr .fspotlist.big li dl dt{width:100%; position:relative;    padding-top: calc(100% / 4 * 3); overflow:hidden;}
.fspotlistwr .fspotlist.big li dl dt .item-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;transform: scale(1);     transition: .2s;    filter: blur(0px); }
.fspotlistwr .fspotlist.big dl dt .optic {position:absolute; top:8px; left:8px; 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:30px; line-height:30px;padding:0px 8px 0px 8px;border-radius:5px; background:#01a0e2; color:#fff; font-size:0.9em; 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:30px; line-height:30px;padding:0px 8px 0px 8px;border-radius:5px; background:#ff3434; color:#fff; font-size:0.9em; gap:4px;}
.fspotlistwr .fspotlist.big dl dd.item-txtwr {     width: 100%;    padding: 12px 15px 15px;    font-size: 1em;    color: #333;    display: flex;    justify-content: flex-start;    align-items: flex-start;    flex-direction: column;   line-height: 1.5;    max-height: 100%;}
.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.2em; padding-bottom:4px;}
.fspotlistwr .fspotlist.big li .item-txtwr .item-info .tag {padding-top:10px; font-size:0.95em; border-top:1px solid rgb(230 230 234 / 70%); margin-top:8px; }
.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; font-size:0.95em; min-height:24px;}
.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;}
 
 .fspotlistwr .fspotlist.big li a dl:hover {  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.35);} 
.fspotlistwr .fspotlist.big li a  dl:hover  dt .item-imgwr {transform:scale(1.04); opacity: 0.6; filter: blur(2px);}
  
  
  /* 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%; padding:15px 0;}
.subcontents .fspotviewwr .item-imgwr{position:relative;width:100%; min-height:228px; background:#f5f5f5;}
.subcontents .fspotviewwr .item-imgwr .optic {position:absolute; top:10px; left:15px; z-index:5;width:calc(100% - 30px);display: flex; justify-content: flex-start; align-items: flex-start; gap:6px;}
.subcontents .fspotviewwr .item-imgwr  .optic .type {  display: flex; justify-content: center; align-items: center; height:34px; line-height:34px;padding:0px 10px 0px 10px;border-radius:5px; background:#01a0e2; color:#fff; font-size:1em; gap:6px; }
.subcontents .fspotviewwr .item-imgwr  .optic .live {  display: flex; justify-content: center; align-items: center; height:34px; line-height:34px;padding:0px 10px 0px 10px;border-radius:5px; background:#ff3434; color:#fff; font-size:1em; gap:6px;}
.subcontents .fspotviewwr .item-imgwr  .item-img img {width:100%;}
.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%;  padding:  30px 0; 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:1em; font-weight:500;}
.subcontents .fspotviewwr .item-detail dl dd {width:100%; font-size:1.1em; }
 
.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: grid;    grid-template-columns: repeat(10, 1fr);    align-items: flex-start; gap:4px 8px;}
.subcontents .fspotviewwr .item-detail dl dd .det-major li {width:100%; height:100%; font-size:0.9em; line-height:1.3;padding:10px 5px;background:#f0f1f4;  border-radius:5px;  display: flex; flex-direction:column;align-items: center;     justify-content: center; }
.subcontents .fspotviewwr .item-detail dl dd .det-facil {  width:100%;display: grid;    grid-template-columns: repeat(10, 1fr);    align-items: flex-start;    gap: 50px 30px;gap: 8px;}
.subcontents .fspotviewwr .item-detail dl dd .det-facil li{position:relative; width:100%;   height:100%; font-size:0.9em;  display: flex; flex-direction:column;align-items: center;     justify-content: flex-start; gap:6px;}
.subcontents .fspotviewwr .item-detail dl dd .det-facil li .imgwr { width:100%;height:74px;  background:#e5f0ff;  border-radius:5px;  display: flex;  align-items: center;     justify-content: center; }
.subcontents .fspotviewwr .item-detail dl dd .det-facil li .txt { font-size:1em; line-height:1.3; width:100%; word-break:break-all; text-align:center;}
.subcontents .fspotviewwr .item-detail dl dd .det-surround {  width:100%;display: grid;    grid-template-columns: repeat(10, 1fr);    align-items: flex-start;    gap: 50px 30px;gap: 8px;}
.subcontents .fspotviewwr .item-detail dl dd .det-surround li{position:relative; width:100%;   height:100%; font-size:0.9em;  display: flex; flex-direction:column;align-items: center;     justify-content: flex-start; gap:6px;}
.subcontents .fspotviewwr .item-detail dl dd .det-surround li .imgwr { width:100%;height:74px;  background:#e5f0ff;  border-radius:5px;  display: flex;  align-items: center;     justify-content: center; }
.subcontents .fspotviewwr .item-detail dl dd .det-surround li .txt { font-size:1em; line-height:1.3; width:100%; word-break:break-all; text-align:center;}

.subcontents .fspotviewwr .item-detail dl dd .seatlist {  width:100%;display:grid;  grid-auto-flow: row;   grid-template-columns:repeat(4, 1fr); gap:6px 20px; align-items: center;padding:15px 20px;background: #f7f7f9;  border: 1px solid rgba(0, 0, 0, 0.05);}
.subcontents .fspotviewwr .item-detail dl dd .seatlist li{width:100%; height:100%; display:grid;  grid-auto-flow: row;   grid-template-columns:20px 1fr; gap:5px;   align-items: flex-start; }
.subcontents .fspotviewwr .item-detail dl dd .seatlist li .num {width:100%; height:20px;background:#a3adb8; color:#fff; border-radius:25px; font-size:0.9em; overflow:hidden;display: flex; justify-content: center; align-items: center; }
.subcontents .fspotviewwr .item-detail dl dd .seatlist li .name {font-size:1em; 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%;grid-column: 1 / -1; 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 .nodata {grid-column: 1 / -1; }
.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; border-top:1px solid #aaa; background:#fff; padding:8px 0;    box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.2);}
.subcontents .fixbotbtn .wrap {  display: flex;  align-items: center;     justify-content: flex-end; gap:10px;}
.subcontents .fixbotbtn  .btn_submit{width:auto; min-width:200px;height:64px; font-size:1.2em; font-weight:500; color:#fff; padding:0px 30px; background:#0C68B5; border:1px solid rgba(0,0,0,0.07);  border-radius:5px; display: flex;    align-items: center;  justify-content: center;  gap:30px;  }
.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_submit:hover{background:#203e95;color:#fff; }
.subcontents .fixbotbtn  .btn-writego{width:auto; 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:auto; min-width:120px;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; opacity:0.6;  border-radius:5px;}
.subcontents .fixbotbtn  .btn_cancel:hover {opacity:1;}
.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 #7f7f7f; 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%; padding:10px 0 30px;}
.subcontents .resoptresultwr .item-imgwr{position:relative;width:100%;   background:#f5f5f5;}
.subcontents .resoptresultwr .item-imgwr .item-img img {width:100%;}
.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:15px 0px 10px ; 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%;   }
.subcontents .resoptresultwr  .item-summary .fishingsumm li .txt {font-weight:400; font-size:1.1em;width:100%; display: flex;   justify-content: flex-start; align-items: center; }
.subcontents .resoptresultwr  .item-summary .fishingsumm li .joinnum {gap:14px;}
.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 {cursor:pointer; width:32px; height:32px; padding:0px 0px; background:#fff; border:1px solid #d0d4d9;    border-radius:3px; display: flex;    align-items: center;  justify-content: center;   }
.subcontents .resoptresultwr .fishingsumm li .joinnum .btn-change:hover {border-color:#333; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); }
.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%; padding:15px 0px; 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%;font-size:1.1em;}
.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:3fr 2fr; align-items: flex-start; }
.subcontents .item-summary dl dd .sunmoonwr .sunwr {position:relative;width:100%; height:100%;   ; display: grid;    grid-template-columns: repeat(3, 1fr);  gap:40px;  align-items: center; padding:8px 10px; gap:1px; font-size:1em; line-height:24px;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: flex-end ;gap:6px;}
.subcontents .item-summary dl dd .sunmoonwr .sunwr  .txt-sunrise {width:100%; display:grid;     grid-template-columns:2fr 3fr; align-items: flex-end ;gap:6px;}
.subcontents .item-summary dl dd .sunmoonwr .sunwr  .txt-suntime {width:100%; display:grid;     grid-template-columns:2fr 3fr; align-items: flex-end ;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;     align-items: center; font-size:0.95em; line-height:1.5; gap:10px;}
.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:#fff;width:100%;border:1px solid rgba(0,0,0,0.07);min-height:200px;  display:grid;  grid-auto-flow: row;   grid-template-columns:58px 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.85em;   }
.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 {  font-size:0.9em;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 .date li {background:#f7f7f9; }
.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:10px 20px 11px; background: #f7f7f9; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.subcontents .sctop-menu.haswrap { display: flex;  white-space:nowrap;  align-items: center;     justify-content: flex-start; flex-wrap: nowrap; gap:0px;  padding:0; }
.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;   width: 100%;   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:10px 0px 11px; background: #f7f7f9; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.subcontents .sctop-menu.scroll::-webkit-scrollbar {display:none;}
 .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:10px 20px 10px; }
.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 button.active {color:#fff; }

.subcontents .sctop-menuwr.main {border:none; margin-bottom:35px;}
.subcontents .sctop-menu.main {   position: relative;    background:transparent;border:none;  display: flex;    justify-content: space-between; margin: 0;    padding: 0; gap:0px; padding:0px; border-radius: 8px;   box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.15);}
.subcontents .sctop-menu.main:before {    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    border: 1px solid rgba(0, 0, 0, .1);    border-radius: 8px;    content: "";   }
.subcontents .sctop-menu.main button{ position:relative;  width:auto; height:60px; min-height: auto;   color:#444; min-width:auto;  flex: 1;     margin: 0;    padding: 0;  border:   1px solid transparent;   border-radius: 8px; font-size:1.15em;   font-weight: 500;     color: #282a2d;    background-color: transparent;    text-align: center;    box-shadow: none;}
.subcontents .sctop-menu.main button:hover{  border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 8px;   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);}
.subcontents .sctop-menu.main button.active{   border-radius: 8px;    color: #fff;    background-color: #0c68b5; }

.subcontents.subhome .sctop-menu .wrap {width:1280px; padding:10px 0px 10px;}
 



.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 0px 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 0px 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:20px; 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); cursor:pointer;}
.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.second,  #tabhndr_fis   {background:#fff; border-bottom:1px solid #ccc;box-shadow:none;}
 .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:hover,  #tabhndr_fish button:hover { background:#fff; border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);}
 .subcontents  .sctop-menu.second  button.active,  #tabhndr_fish button.active,  .subcontents  .sctop-menu.second  button.active:hover,  #tabhndr_fish button.active:hover {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;   transition: .2s;   }
.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%; padding-top: calc(100% / 4 * 3); overflow:hidden;  } 
.subcontents  .listitem dl dd{width:100%; margin-top:12px;padding:0 0px;  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;  transform: scale(1);     transition: .2s;    filter: blur(0px); }
.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; padding-top:0px;}
.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;}

 
 .sub .subcontents .view-content > .bbslistwr  {width:100%; padding:40px 0;    display: grid;     grid-template-columns: repeat(4, 1fr);    align-items: flex-start;  gap:40px;}
.sub  .subcontents .view-content > .bbslistwr.active {   display: grid;     grid-template-columns: repeat(4, 1fr);    align-items: flex-start;  gap:50px 30px; }

.sub .subcontents.me .view-content.meacthome > .bbslistwr {display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; padding-top:20px; }
.sub .subcontents  .view-content.schreslistcont > .bbslistwr {display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; padding-top:20px; }

.sub .subcontents .bbslistwr a {width: 100%; height:100%; display: block; border:none;}
.sub .subcontents .bbslistwr .listitem {position:relative;width:100%;  height:100%; min-height:320px; padding: 0px; display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; border-radius:10px; overflow:hidden;box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);}
 
.sub .subcontents .bbslistwr .listitem dt .optic {position:absolute; top:0px; left:0px; width:100%; display: grid;     grid-template-columns:1fr 64px;    align-items: flex-start;padding:10px;  gap:2px;z-index:9; }
.sub .subcontents .bbslistwr .listitem dt .type {display: flex;    justify-content: flex-start;    align-items: flex-start;   }
.sub .subcontents .bbslistwr .listitem dt .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;}
.sub .subcontents .bbslistwr .listitem dt .type img {width:auto; height:18px;}
.sub .subcontents .bbslistwr .listitem dt .livest { padding:0px 8px; height:24px;border-radius:20px;display: flex; justify-content: center; align-items: center; gap:2px; background:#ff3434; color:#fff; font-size:0.8em;}
.sub .subcontents .bbslistwr .listitem dt .type .type1, .sub .subcontents .bbslistwr .listitem dt  .type .livest{height:24px;  display:grid;     grid-template-columns:16px 1fr;     align-items: center; }
.sub .subcontents .bbslistwr .listitem dt  .type .type1 span, .sub .subcontents .bbslistwr .listitem dt  .type .livest span{width:100%; display: flex; justify-content: flex-end; align-items: center; }
.sub .subcontents .bbslistwr .listitem dt  .type img {width:auto; height:16px;}
.sub .subcontents  .bbslistwr  .listitem dl dd { width:100%; margin-top:0px;padding:0px 15px;  font-size:1em; color:#333;  display: flex; justify-content: flex-start; align-items: flex-start;    flex-direction:column;  line-height:1.5em;   max-height:100%; }
.sub .subcontents .bbslistwr .listitem dl dd .item-title {width:100%; margin-top:14px;padding:0px; margin-bottom:7px;     font-size:1.05em; color:#333;     display:-webkit-box;   -webkit-line-clamp:2;   -webkit-box-orient:vertical;  white-space:normal;   line-height:1.6em;   max-height:3.2em;   overflow:hidden;   text-overflow:ellipsis; }
.sub .subcontents .bbslistwr .listitem dl dd .item-desc {width:100%; margin-top:14px;padding:0px; margin-bottom:7px; font-size:1.05em; color:#333;     display:-webkit-box;   -webkit-line-clamp:2;   -webkit-box-orient:vertical;  white-space:normal;   line-height:1.6em;   max-height:3.2em;   overflow:hidden;   text-overflow:ellipsis; }
.sub .subcontents .bbslistwr .listitem dl dd .item-desc.onlytxt {height:244px; max-height:244px; -webkit-line-clamp:10;  line-height:1.7;    }
.sub .subcontents .bbslistwr .listitem .item-bottom {position:relative;padding:12px 15px 15px;display:grid;  grid-template-columns: 1fr  100px;   align-items: center;}
.sub .subcontents .bbslistwr .listitem .item-bottom:before {position:absolute; top:0px; left:15px; width:calc(100% - 30px); height:1px; content:''; background:rgb(230 230 234 / 70%);}
.sub .subcontents .bbslistwr .listitem .item-bottom ul{display: flex; justify-content: flex-end; align-items: center; gap:10px; }
.sub .subcontents .bbslistwr .listitem .item-bottom ul li {display: flex; justify-content: flex-start; align-items: center; gap:5px; font-size:0.85em; color:#444; font-weight:400;}
.sub .subcontents .bbslistwr .listitem .item-bottom  .user { width:100%;  display:grid;  grid-template-columns: 40px 1fr;  justify-content: flex-start; align-items: center;gap:10px;padding:0px;}
.sub .subcontents .bbslistwr .listitem .item-bottom  .user .imgwr{width:40px; height:40px; border-radius:24px; overflow:hidden;background:#fbfbfb;}
.sub .subcontents .bbslistwr .listitem .item-bottom  .user .imgwr img {width:100%; height:100%; object-fit:cover;}
.sub .subcontents .bbslistwr .listitem .item-bottom  .user .txtwr {display: flex; justify-content: center; align-items: flex-start;flex-direction:column; line-height:1.3;gap:2px; padding-top:2px;}
.sub .subcontents .bbslistwr .listitem .item-bottom  .user .name {color:#000; font-weight:700; font-size:1em;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:none;}
.sub .subcontents .bbslistwr .listitem .item-bottom  .user .name .grade { position:relative; font-size:0.9em; color:#0081df; padding-left:12px;  margin-top:1px;  }
.sub .subcontents .bbslistwr .listitem .item-bottom  .user .name .grade:before {position:absolute; top:50%; left:0px; width:3px; height:3px; margin-top:-2px; background:#0081df; content:'';}
.sub .subcontents .bbslistwr .listitem .item-bottom  .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;  }
.sub .subcontents .bbslistwr .listitem .item-bottom  .pronum strong {letter-spacing:0px; display:inline-block; margin:0px 1px 0px 3px;}
.sub .subcontents .bbslistwr .listitem .item-bottom  .date {display: flex; justify-content: flex-end; align-items: center; color:rgba(0,0,0,0.5); font-size:0.85em;}

.sub .subcontents .bbslistwr a:hover .listitem {  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.35);} 
.sub .subcontents .bbslistwr a:hover  .listitem .proimg{transform:scale(1.04); opacity: 0.6; filter: blur(2px);}

 
.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 {padding-top:25px; }
.subcontents .record {width:100%;}
 
 
.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;   background: #fff;    border: none;    border-bottom: 1px solid #ccc;    border-top: 1px solid #ccc;    background: #fff;    padding: 10px 0px 10px; }
.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: 80px;    min-height: 40px;    border-radius: 5px;    display: flex;    justify-content: center;    align-items: center; }
.subcontents .tabmid button:hover { background:#fff; border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);}
.subcontents .tabmid button.active {color: #fff;     background: #019e9a;    font-weight: 500;}
.subcontents .view-content2 {width:100%;}
 
 
 .subcontents.me.catch .myrecordtotal{margin-top:0px;}
 .subcontents.catch .record .myrecordwr .view-content2 .catchdatewr {background:rgba(165,220,218,0.6); border:1px solid rgba(0,0,0,0.1);padding:10px 15px 16px;  border-radius:7px;  }
.subcontents.catch .record .myrecordwr .view-content2 .myrecordtotal ul{   border:none; padding:0px; background:transparent; flex-direction: column;justify-content:flex-start; gap:6px; border-radius:0px; overflow:visible;} 
.subcontents.catch .record .myrecordwr .view-content2 .myrecordtotal ul li {width:100%; padding:0px 10px;font-size:1.1em; line-height:24px; height:40px;   justify-content:space-between; background:#fff;   border-radius:5px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);}
.subcontents.catch .record .myrecordwr .view-content2 .myrecordtotal ul li .tt { color:#424242; font-weight:400;}
.subcontents.catch .record .myrecordwr .view-content2 .myrecordtotal ul li .txt { color:#019e9a;}
 .subcontents.catch .sctop-menuwr {margin-bottom:0px;}
 .subcontents.catch .mycatchtravelwr {display:grid;     grid-template-columns:260px 1fr; align-items: flex-start;   gap:40px; margin-top:30px;}
 .subcontents.catch .record .myrecordwr .view-content2 .datetitle { width:100%; color: #212427;    font-weight: 500;    font-size: 1.3em; padding:0px 0px 5px 5px;}
 .subcontents.catch .record .myrecordwr .myfrecord .catchinfowr .fname{ margin-bottom:8px;}
 
 .subcontents  .mycatchtravelwr {width:100%; }
 .subcontents .mycatravelwr {width:100%;  position: relative;   display: flex;   align-items: flex-start;    justify-content: flex-start; flex-direction:column;  gap:0px; padding: 15px 20px;       border-radius: 7px;      box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);}
 .subcontents .mycatravelwr li {width:100%; line-height:1.4; display:grid;     grid-template-columns:64px 1fr; align-items: flex-start;  border:1px solid rgba(0, 0, 0, 0.1); gap:30px;padding:12px 15px; margin-top:8px;  border-radius: 0px;  background:#edf8f8; overflow:hidden;   }
  .subcontents .mycatravelwr li:first-child {margin-top:0px;}
 .subcontents .mycatravelwr li .month {position:relative; width:64px; height:64px;   padding:8px 3px; font-weight:500;   font-size:1.2em; line-height:24px; color:#fff; font-weight:500; text-align:center; background:#019e9a;border-radius: 10px;   display: flex;  align-items: center;    justify-content: center;}
  .subcontents .mycatravelwr li .month:before {position:absolute; top:5px; left:50%; width:10px; height:3px; background:#edf8f8; border-radius:2px; margin-left:-5px; content:'';}
 .subcontents .mycatravelwr li .month span { font-weight:normal; font-size:0.8em; display:inline-block; margin-left:1px; opacity:0.8;}
 .subcontents .mycatravelwr li .myctitem {width:100%; height:100%; padding:0px; display:grid;     grid-template-columns:1fr 110px; align-items: flex-start; }
 .subcontents .mycatravelwr li.none { border-top:none; margin-top:0px;}
 .subcontents .mycatravelwr li.none .month {opacity:0;}
 
 .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:1.15em; color:#000;  padding:5px 0;}
  .subcontents .mycatravelwr li .mct-txt .info {width:100%; display: flex; justify-content: flex-start; align-items: center;gap:20px;}
 .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.9em; }
.subcontents .mycatravelwr li .mct-txt .info dl .txt  {color:#000; font-size:1em; 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:64px; overflow:hidden; border-radius:10px;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: 10px;   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:100%; margin:0px 0px; 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 {position:relative;width: 100%;  display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; padding:0px  0px 40px 460px;}

.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 0px;}
.subcontents  .bbsviewwr .listitem .item-title {width:100%; padding:10px 0px 15px;  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 0px 16px 1px;    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:1em;}
.subcontents  .bbsviewwr .item-summary {width:100%;background:#fff; }
.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; box-shadow:none;}
.subcontents  .bbsviewwr .item-summary .fishingsize { width:100%;  height:100%; padding:10px 14px 12px;   border-radius:5px; background:#fff;display: flex;  flex-direction:column;  gap:5px;  display:grid;   align-items: center;    grid-template-columns:1fr 110px;  gap:8px ; }
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizeimgwr {width:100%;   display:grid;    align-items: center;  max-height:80px;}
.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%; height:100%; /* padding-top: calc(100% / 4 * 3);  */}
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizeimg:before {position: absolute; top: 0px;    left: 0px;    width: 100%;    height: 80px;    border-radius: 0px;   overflow: hidden; z-index:1; content:'';}
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizeimg .proimg {/*position: absolute;*/ top: 0px;    left: 0px;    width: 100%;    height: 80px;    border-radius: 0px;   overflow: hidden;    display: flex; justify-content: flex-end; align-items: center; background:transparent;} 
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizeimg .proimg  img {     width: auto;    height: 100%; object-fit: contain;}
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizetxt {width:100%;display: flex;   justify-content: center; align-items: flex-start;  flex-direction:column; gap:2px;  }
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizetxt .tt {color:#000; font-size:1.2em; font-weight:500; }
.subcontents  .bbsviewwr .item-summary .fishingsize .fsizetxt .txt {color:#01a0e2;font-size:1em; 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%;height: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%;height:100%;  display:grid;  grid-template-columns: repeat(5, 1fr);  justify-content: center;align-items: flex-start;   }
.subcontents  .bbsviewwr .item-summary .fishinghistory li {width:100%;height:100%; display: flex;  flex-direction:column;  gap:2px;  justify-content: center; align-items: center; padding:10px 4px ; }
.subcontents  .bbsviewwr .item-summary .fishinghistory li .tt {font-size:0.95em; opacity:0.8;}
.subcontents  .bbsviewwr .item-summary .fishinghistory li .txt  {font-size:1em;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%;height:100%; display:grid;  grid-template-columns:320px 1fr;  justify-content: flex-start;gap:6px;  }
.subcontents  .bbsviewwr .item-summary dd.fishingsizehistory {width:100%;height:100%;  display: flex;  flex-direction:column;gap:16px;  }
.subcontents .bbsviewwr .item-summary dd.fishingsizehistory .fishinghistorywr {margin-top:0px; }
.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.95em;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 #aaa;  display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; padding:20px 0;}
.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 {position:relative; padding:10px 0 10px 30px; color:#3da9d6; font-size:1em;}
.subcontents .commentwr  .commitem .nonedata:before {position:absolute; top:10px; left:0px;  font-size:1.6em; font-family: 'simple-line-icons';     speak: none;    font-style: normal;    font-weight: normal;    font-variant: normal;    text-transform: none;   line-height: 1;    -webkit-font-smoothing: antialiased;   content: "\e04a";}

 .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:#e5f0ff;  border-radius:30px; height:50px; line-height:48px; padding:0px 90px 0px 25px;font-size:1.15em; }
.subcontents .writecomm .writebox .frm-normal:hover {border-color:#01a0e2;background:#fff;}
.subcontents .writecomm .writebox .frm-normal:focus {background:#fff;}
.subcontents .writecomm .writebox .btn_submit  {position:absolute; right:0px; top:0px;padding:0px; width: 74px;   height: 50px;opacity:1.0;  border:none; background:transparent;  cursor:pointer;  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 .btn_submit   img {width:auto; height:45%; filter: invert(47%) sepia(70%) saturate(2685%) hue-rotate(167deg) brightness(96%) contrast(99%);}

.subcontents .writecomm .writebox  input::placeholder { font-size:1em; color:rgba(0,0,0,0.4);}
.subcontents .writecomm .writebox input::-webkit-input-placeholder { font-size:1em;color:rgba(0,0,0,0.4); }
.subcontents .writecomm .writebox input:-ms-input-placeholder { font-size:1em;color:rgba(0,0,0,0.4); }



  /* write */
.subcontents .bbswritewr {width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;  }
.subcontents .writefrm  {width:820px; margin:0 auto;display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;  gap:0px; color:#212427;  padding-bottom:30px;}
.subcontents .writefrm dl  {width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;  padding:15px 0px 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{cursor:pointer; 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.num4 { display:grid;  grid-auto-flow: row;   grid-template-columns:repeat(4, 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:grid;  grid-auto-flow: row;   grid-template-columns: repeat(1, 1fr); gap:40px;  } 
.subcontents .writefrm dl dd .photoeditwr .photoedlist.once {  grid-template-columns:1fr;}
.subcontents .writefrm dl dd .photoeditwr .photoedlist.column { grid-template-columns: 1fr; gap:30px;}
.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 .photoeditwr .photoedlist .no-data{ width:100%; padding:20px 20px; display:flex;justify-content: flex-start; align-items: center; gap:14px;background:#eff0f4; grid-column: 1 / -1; }
.subcontents .writefrm dl dd .photoeditwr .photoedlist .no-data .ic {width:60px; height:60px;  border-radius:30px;  background:#fff;  display: flex;   align-items: center;     justify-content: center;  }
.subcontents .writefrm dl dd .photoeditwr .photoedlist .no-data .ic img {width:auto; height:64%; object-fit:contain;}
.subcontents .writefrm dl dd .photoeditwr .photoedlist .no-data .txt {text-align:center; color:#688297; font-weight:500;word-break:keep-all;}
.subcontents .writefrm dl dd .photoeditwr .photoedlist .no-data .txt strong {display:block; color:#333; font-size:1.2em; font-weight:400;}


.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:1.005em; display: flex;   justify-content: center; align-items: center;flex-direction:row; gap: 20px;    align-items: center; padding:8px 10px;  }
.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:14px 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 .bbswritewr .edit-title, .subcontents .myedit .mcontitle h4  {font-size:1.1em;  line-height:1.7;color:#212417;position:relative; padding:0px 0 0 16px; margin-bottom:10px; gap:0px; font-weight:500;  }
.subcontents .bbswritewr .edit-title:before, .subcontents .myedit .mcontitle h4:before {position:absolute; left:0px; top:3px;  width:8px; height:18px; border-radius:5px; background:#01a0e2; content:'';}
.subcontents .bbswritewr .edit-title:after, .subcontents .myedit .mcontitle h4:after {position:absolute; left:2px; top:5px;  width:4px; height:4px; border-radius:5px; background:#fff; content:'';}
 .subcontents  .myedit  .record .myrecordwr .myfrecord {grid-template-columns: 1fr; gap:0px;}
.subcontents  .myedit  .record .myrecordwr .myfrecord .myfr-sum .fishinfowr {  display:grid;  grid-auto-flow: row;   grid-template-columns: 1fr 200px; gap:30px;   align-items: flex-start; }
.subcontents  .myedit .record .myrecordwr .myfrecord .catchinfowr {padding-top:0px; padding-bottom:20px;}
.subcontents  .myedit .record .myrecordwr .myfrecord .fishinfowr .name {  width: 100%;    display: flex;    justify-content: flex-start;    align-items: center;    font-size: 1.45em;    color: #212427;    font-weight: 500;  }
.subcontents  .myedit .record .myrecordwr .myfrecord .fishinfowr .finfor {width: 100%;    display: flex;    justify-content: flex-start;    align-items: flex-start;  flex-direction:column;  gap: 0px 4px;   flex-wrap: wrap; }
.subcontents  .myedit .record .myrecordwr .myfrecord .fishinfowr .size {    margin-top:5px;font-size: 1em;    background: #8093a7;    color: #fff;    padding: 0px 12px;    border-radius: 5px;    height: 28px;    display: flex;    justify-content: flex-start;    align-items: center; gap:2px;}
.subcontents  .myedit .record .myrecordwr .myfrecord .fishinfowr .size strong {display:inline-block; margin-left:5px;}
.subcontents  .myedit .record .myrecordwr .myfrecord .fishinfowr .potname {    margin-top:10px;  font-size: 1.1em;    color: #000;  font-weight:500;   }
.subcontents  .myedit .record .myrecordwr .myfrecord .fishinfowr .date {color:#999; }
.subcontents  .myedit .myrecordtotal {font-size:1.1em;}
.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: 820px; margin:0 auto;     display: flex;    justify-content: center;    align-items: center; gap:20px; padding:18px 0 0; border-top:1px solid #aaa  }
.subcontents .profilebotbtn a{width:auto; padding:0px 10px; height:40px;  color:#666; display: flex;    justify-content: center;    align-items: center;}
.subcontents .profilebotbtn a:hover {text-decoration:underline; color:#111;   font-weight:500;text-decoration-color: #111;    -webkit-text-decoration-skip: ink;    text-decoration-skip-ink: auto;    -webkit-text-decoration-skip-ink: none;    text-decoration-skip-ink: none;    text-decoration-thickness: 1px;    text-underline-offset: 5px;}
/*.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:0px 0 20px; color:#688297; font-size:1em; line-height:1.7; }
.subcontents .editleavewr .leavefrmwr {width:100%;padding:0px 0px 20px;}
.subcontents .editleavewr .leavefrmwr textarea {width: 100%;    height:260px;    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 {margin:10px auto 0;width:40%; height:52px; font-size:1.1em; font-weight:400; color:#fff; padding:0px 10px; background:#aaa;  border-radius: 5px; border:none;display: flex;    align-items: center;  justify-content: center;  }
  .subcontents .editleavewr .leavefrmwr .btn-leavecon:hover {background:#555;}
 .subcontents.myleave{padding-top:131px;}
.subcontents.myleave .editleavewr { width:820px; margin:40px auto 0 ;padding:40px 30px 30px 30px; border-radius: 10px;     overflow: hidden;    border: 1px solid rgba(0, 0, 0, 0.1);    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);}

 
   /* my */
.subcontents .fishspacelistwr {position: relative;  width: 100%;  padding: 8px 0;  background: #f7f7f9;  border-bottom: 1px solid #ccc;    } 
.subcontents .fishspacelistwr .fishspacelist {position: relative; overflow-x: auto;  overflow-y: hidden;    display: flex;    white-space: nowrap;    flex-wrap: nowrap;       align-items: center;    gap: 6px;}
.subcontents .fishspacelistwr .fishspacelist::-webkit-scrollbar {display:none;}
.subcontents .fishspacelistwr .fishspacelist button {  color: #333;    border: 1px solid rgba(0, 0, 0, 0.15);    background: #fff; 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:hover { background:#fff; border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);}
.subcontents .fishspacelistwr .fishspacelist button.active {background: #0c68b5;  color: #fff; }
.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;line-height:30px;}
.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 .view-content {width:100%;  }


.subcontents.myfish {padding-top:125px; padding-bottom:0px;}
.subcontents.myfish .view-content > .bbslistwr.active {display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;  padding:0px;}
.subcontents.myfish .fishspacelistwr {position: fixed;     top: 70px;    left: 0px;    width: 100%;    z-index: 31;}
.subcontents.myfish .myfmapwrx {width:100%; height:calc(100vh - 125px) !important;display: flex;   justify-content: flex-start; align-items: flex-start;}


.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 .bbslistwr  { padding:16px 0px; 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 20px 14px; }
.subcontents.myreser  .listitem .item-head  .myin-cate {width: 100%; display: flex;   justify-content: flex-start; align-items: center; gap:6px;margin-bottom:8px;}
.subcontents.myreser  .listitem .item-head  .myin-cate .area{ height:30px; padding:0px 10px 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:30px;font-weight:500;   font-size:0.925em;  padding:0px 10px 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:30px;font-weight:400;   font-size:0.925em;  padding:0px 10px 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 140px; gap: 15px;    align-items: flex-start;  letter-spacing:-0.5px; margin-top:8px;}
.subcontents.myreser  .listitem .item-head .myitdateimgwr .myin-det {width: 100%; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:2px; padding-top:10px; }
.subcontents.myreser  .listitem .item-head .myitdateimgwr .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 .myitdateimgwr .myin-det  li .tt {width:100%; font-size:0.95em; color:#627a8e;}
.subcontents.myreser  .listitem .item-head .myitdateimgwr .myin-det  li .txt {width:100%; font-size:1em; color:#000;}
.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:#01a0e2;  font-size:1em;  line-height:1.4; word-break:keep-all;}
.subcontents.myreser  .listitem .item-head  .myin-date strong {font-weight:500; color:#000;font-size:1.2em;  }
.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; l  }
.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;  display: flex;    justify-content: flex-start;    align-items: center; gap:2px; }
.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;    padding-top: calc(100% / 4 * 3); }
.subcontents.myreser  .listitem .item-head  .myitimgwr .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.myreser  .listitem .item-head  .myitimgwr .imgwr img{width: 100%;    height: 100%;    object-fit: cover; transform: scale(1);    transition: .2s;    filter: blur(0px);  }
.subcontents.myreser a:hover .listitem .item-head  .myitimgwr .imgwr  img { transform:scale(1.04); opacity: 0.6; filter: blur(2px); }
.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 20px 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 20px; }
.subcontents.myreser .myin-botbtn .btn-more{    color: #282a2d;     font-size: 1em;    display: flex;    justify-content: flex-end;    align-items: center;   gap: 10px;    background: #e7eaed;    border-radius: 5px;    padding: 0px 10px 0px 15px;    height: 28px; }
.subcontents.myreser .myin-botbtn .btn-more:hover {background:#869bac; color:#fff; }
.subcontents.myreser .myin-botbtn .btn-more strong {font-weight:normal;}
 .subcontents.myreser .myin-botbtn .btn-more span {font-size:0.95em;}
.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.myreser.party  .listitem {min-height:280px;}


.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:25px 0px;   font-size:1.05em;}
 
.subcontents.myfrecv .resoptresultwr .resviewcon .readytxtwr {width:100%; background:#f3f3f5; border-radius:5px; padding:20px; display: flex;    justify-content: center;   align-items: center; flex-direction:column; gap:10px;}
.subcontents.myfrecv .resoptresultwr .resviewcon .readytxtwr .ic {width:80px; height:80px; border-radius:50px; background:#fff;display: flex;    justify-content: center;   align-items: center;   box-shadow: 0 1px 3px  rgba(0, 0, 0, 0.15);  }

.subcontents.myfrecv .joinusernum {width:100%; padding:0px 0px;}
.subcontents.myfrecv .joinusernum ul {width:100%; padding:20px; display: grid;    grid-auto-flow: row;    grid-template-columns:repeat(3, auto);  gap:18px; border-radius: 10px;     overflow: hidden;    background: #e5f0ff;    border: 1px solid rgba(0, 0, 0, 0.05);}
.subcontents.myfrecv .joinusernum ul li  { padding:12px 10px; width:100%;  height:100%; font-size:1.1em; line-height:1.4; display: flex;    justify-content: flex-start;   align-items: center; flex-direction:column; gap:2px;     align-items: center;    background: #fff;    border-radius: 5px;    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);    color: #282a2d; }
.subcontents.myfrecv .joinusernum ul li.total{   }
.subcontents.myfrecv .joinusernum ul li .tt {font-size:0.9em;}
.subcontents.myfrecv .joinusernum ul li .txt {display: flex; justify-content:center ; align-items: center; gap:2px;} 
.subcontents.myfrecv .joinusernum ul li.else { color:#01a0e2;}
.subcontents.myfrecv .joinusernum ul li strong {font-size:1.1em;}

.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 200px;  gap:15px 5px; align-items: flex-start;   background:#f2f2f2; border:1px solid rgba(0,0,0,0.05);  border-radius:5px; padding:15px 20px;  }
.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:64px; 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: 1 / -1; width:100%; color:#000;  line-height:1.6; font-size:1.1em;}
.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 20px; 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:13px 20px;    width: 100%;    display: flex;    justify-content: flex-start;    align-items: flex-start; flex-direction:column;  line-height:1.5;      color: #646b74;    background: #f7f7f9;    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:10px  0px; background:#fff; display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column;border-top:1px solid #aaa;  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 80px ;  gap:10px; align-items: flex-start;}
.subcontents.myfrecv .queanswrite .frm-normal {border-color:#0c68b5; background:#f2f8ff; padding:0px 15px; font-size:1.15em;}
.subcontents.myfrecv .queanswrite .frm-normal:focus {background:#fff;}
.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:10px 15px 10px 15px;  margin-bottom:3px;  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:500; 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.myfrecv .queanslist .commitem .nonedata {width:100%;padding: 10px 20px;     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 .item-resfinwr {width:100%;}
.subcontents .item-resfinwr .fin-title {width:100%; background:#019e9a; padding:8px 0px; 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 0px; 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%;  }
.subcontents .item-resfinwr .fishingsumm li .txt {font-weight:400; font-size:1.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%;    font-size: 1.1em;   font-weight:500;  line-height: 1.5;    color: #212417;    position: relative;    padding: 0px 0 0 16px;    margin-bottom: 8px;}
.subcontents .item-resfinwr .stitle:before {position: absolute;    left: 0px;    top: 3px;   width: 8px;    height: 18px;    border-radius: 5px;    background: #01a0e2;    content: '';} 
.subcontents .item-resfinwr .stitle:after {     position: absolute;    left: 2px;    top: 5px;    width: 4px;    height: 4px;    border-radius: 5px;    background: #fff;    content: ''; }

.subcontents .item-resfinwr .bankinfowr {width:100%; font-size:1.1em;   padding:25px 0px; 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:#0171a0; opacity:0.8;   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 .btn_copy:hover {opacity:1;    background: #01a0e2;}
.subcontents .item-resfinwr .bankinfowr .alert { position:relative; width:100%; padding-left:12px; font-size:0.95em; 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%;   font-size:1.1em;   padding:25px 0px; 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:28px; height:24px; padding:0px 0px; background:#01a0e2; border:1px solid #01a0e2;    border-radius:3px; display: flex;    align-items: center;  justify-content: center;  margin:0px 8px;  cursor:pointer;}
 .redirectic:hover { background:#0171a0; border-color:#0171a0;}
.subcontents .item-resfinwr .fspotinfowr .fspotinfo{width:100%;   display: flex; flex-direction:column; gap:10px; 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%;  font-size:1.1em;    padding:25px 0px; 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.partyinfo .joinuserlist .no-data.rowwr, .subcontents.myfrecv .joinuserlist dl {  border-radius: 10px; }
 
.subcontents.network .view-content > .bbslistwr.active { grid-template-columns: repeat(1, 1fr);  padding: 30px 0; gap:30px;}

.subcontents.network .view-content > .bbslistwr.active .netwlistwr {   width:100%; display: grid;  align-items: flex-start; grid-template-columns: repeat(3, 1fr); gap: 30px; }

.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 .sectitle {width: 100%;    color: #688297;    font-size: 1.1em;   font-weight: 500; padding:  0px;}
 .subcontents.network .bbslistwr .listitem {min-height:130px;  border-radius: 10px;    overflow: hidden;   border:1px solid rgba(0,0,0,0.1); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);}
.subcontents.network .listitem .item-head {width: 100%;  display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:15px;    padding:15px 20px;}
.subcontents.network  .listitem .item-head .user { width: 100%;  grid-template-columns:  78px 1fr;  gap:20px; padding:0px;}
.subcontents.network  .listitem .item-head .user .imgwr {width:78px; height:78px; border-radius:60px; 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; opacity:0.8;}
.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 .user .txtwr {width:100%;}
.subcontents.network  .listitem .item-head .btnwr {width:100%; height:100%;display: flex;   justify-content: flex-end; align-items: center; border-top:1px solid rgba(0,0,0,0.07);padding:10px 0 0;}
.subcontents.network  .listitem .item-head.multibtn .btnwr  {  display: flex;   justify-content: center; align-items: center;   gap:4px; padding:10px 0 0; border-top:1px solid rgba(0,0,0,0.07);}
.subcontents.network  .listitem .item-head .btnwr button {width:auto; min-width:90px;padding:0px 8px 0  12px;height:40px;font-size:1em;  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 { background:#0c68b5;}
.subcontents.network  .listitem .item-head .btnwr button.btn-delete {  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:20px;    border: 1px solid #01a0e2; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); }
.subcontents.network  .listitem .item-head .btnwr button:hover {background:#678298; }
.subcontents.network  .listitem .item-head .btnwr button.btn-agree:hover  { background:#0c68b5;}
.subcontents.network  .listitem .item-head .btnwr button.btn-delete:hover  { background:#888;}
.subcontents.network  .listitem .item-head .btnwr button.btn-request:hover  { background:#01a0e2;  }
.subcontents.network  .listitem .item-head .btnwr  button.btn-marknet:hover   { background:#01a0e2; border:1px solid rgba(0,0,0,0.07);color: #fff;  }


.subcontents.network  .topsearchwr {padding:0px 0 10px 0px; }

.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.notification {padding-top:131px;}
.subcontents .notilistwr {width:820px; margin:20px auto;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 0px 16px;   display:grid;  grid-template-columns: 60px 1fr;  justify-content: flex-start; align-items: center;gap:18px; }
.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:#aaa;}
.subcontents .notilistwr dl dt .btn-delete:hover {color:#333;}
.subcontents .notilistwr dl dd {width: 100%; color:#333;  padding-top:5px; line-height:1.6; font-size:1.15em;  }
 .subcontents .notilistwr .notist .imgwr{width:60px; height:60px; border-radius:30px; 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{  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:100%; 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:40px 0 40px;}
.subcontents .bbswritewr.myedit .writefrm {gap:0px; padding-bottom:0px;}
.subcontents .bbswritewr.myedit dl{padding:0px  0px 20px;display: grid;    grid-auto-flow: row;    grid-template-columns: 70px 1fr;    gap: 0px;    align-items: center;}
.subcontents .bbswritewr.myedit .editmyinfo {width: 100%; display:grid;  grid-auto-flow: row;   grid-template-columns:1fr 1fr ; gap:20px 50px;     border-top: 1px solid #eff0f4; padding:20px 0px 20px; }
.subcontents  .bbswritewr.myedit .elsesetwr {width: 100%;border-top: 1px solid #eff0f4; padding:22px 0px 25px;}
.subcontents  .bbswritewr.myedit .elsesetwr  .setopt  {width: 100%; display:grid;  grid-auto-flow: row;   grid-template-columns:1fr 1fr ; gap:14px 50px;   padding: 0px; }
.subcontents .bbswritewr.myedit  .elsesetwr   .setopt dl {  grid-template-columns: 1fr 80px; padding:0px;  }
.subcontents .bbswritewr.myedit  .elsesetwr   .setopt dl dd{display: flex;  justify-content: flex-end; align-items: center; }
.subcontents .bbswritewr.myedit .editmyinfo  .group {width:100%;display: grid;    grid-auto-flow: row;    grid-template-columns: 70px 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.full { grid-template-columns:1fr ; font-size:1.1em;}
.subcontents .bbswritewr.myedit .editmyinfo .group .txt.hasbtn .btn_normal{cursor:pointer; 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.mypwedit {padding-top:131px;}
.subcontents.mypwedit .bbswritewr.myedit .writefrm { margin-top:10px ;padding:40px 30px 20px 30px; border-radius: 10px;     overflow: hidden;    border: 1px solid rgba(0, 0, 0, 0.1);    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);}
.subcontents.mypwedit .bbswritewr.myedit dl {grid-template-columns:150px 1fr ;  }
.subcontents.mypwedit .bbswritewr.myedit .writefrm dl dt {font-weight:400;}


.subcontents .no-data{grid-column: 1 / -1 !important;  }

.subcontents .view-content > .bbslistwr .networksect .no-data { margin:10px 0; width:100%; border-radius:5px; background:#f3f3f5;   display: grid;    grid-auto-flow: row;    grid-template-columns: 94px 1fr ;  gap:24px; align-items: center;  padding:18px 20px;grid-column: 1 / -1; }
.subcontents .view-content > .bbslistwr .networksect .no-data .ic {width:94px; height:94px; margin-bottom:0px;   background:#fff;  } 
.subcontents .view-content > .bbslistwr .networksect .no-data .txt { text-align:left;  color:#627a8e; font-weight:400; font-size:1em;width:100%; display: flex;   justify-content: flex-start; align-items: center;}
 
.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 .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 0px 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.partyinfo .resoptresultwr .item-head .user { grid-template-columns: 44px 1fr; }
.subcontents.partyinfo .resoptresultwr .item-head .user .imgwr{width:44px; height:44px; }
.subcontents.partyinfo .resoptresultwr .item-cont .viewnum {margin-top:5px; font-size:0.95em; color:#666; display: flex; justify-content: flex-start;justify-content: flex-start; align-items: center; gap:6px;}
.subcontents.partyinfo .resoptresultwr .item-cont .viewnum img {opacity:0.7;}
.subcontents.partyinfo .resoptresultwr .item-summary .fishingsumm {margin-bottom:20px;background:#fff;padding: 15px 24px 16px;     border-radius: 10px;    overflow: hidden;    background: #fff;    border: 1px solid rgba(0, 0, 0, 0.1);    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);}
.subcontents.partyinfo  .resoptresultwr .item-summary .fishingsumm li {padding:12px 0;}
.subcontents.partyinfo  .resoptresultwr .sctop-menu { position: relative;    background: transparent;    border: none;   display:grid;     grid-template-columns:repeat(3, 1fr);   align-items: center;  margin: 10px 0 0 0;       gap: 0px;    padding: 0px;    border-radius: 8px; box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.15);}
.subcontents.partyinfo  .resoptresultwr .sctop-menu:before { position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    border: 1px solid rgba(0, 0, 0, 0.1);    border-radius: 8px;    content: "";}
.subcontents.partyinfo  .resoptresultwr .sctop-menu button {position: relative;    width: 100%;    height: 54px;    min-height: auto;    flex: 1;    margin: 0;   padding: 0;    border: 1px solid transparent;    border-radius: 8px;    font-size: 1.1em;    font-weight: 500;    color: #444;    background-color: transparent;    text-align: center;    box-shadow: none; }
.subcontents.partyinfo  .resoptresultwr .sctop-menu button.active {    border-radius: 8px;    color: #fff;    background-color: #0c68b5; }


.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 .wrap_fishcatch .rowwr {gap:8px;  padding:10px 15px;}
.subcontents .writefrm  .wrap_fishcatch .sizefrmedit {grid-template-columns:1fr 32px;}
.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 {font-size:1em;}
.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  0px 20px;display: flex;   justify-content: flex-end; align-items: center; }
.subcontents .writefrm .addfishcatchwr .btn-addfishcat{width:auto; min-width:200px;padding:0px 20px; 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:grid;     grid-template-columns:340px 1fr;   align-items: flex-start; gap:60px; }
 .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:flex;  justify-content: flex-start; align-items: flex-start; flex-direction:column; gap:10px; border-bottom:1px solid #eff0f4; padding:5px 20px  0px 0; margin-bottom: 0px;}
.subcontents .writefrm .fistphotoedit { width:100%;  /*display:grid;  grid-template-columns: repeat(2, 1fr) ;  justify-content: flex-start; */align-items: center;gap:14px; }
 

 
.subcontents .writefrm #container_fishcatch {width:100%; display: flex; flex-direction:column; gap:14px;}
.subcontents .writefrm #container_fishcatch dl{padding:10px 0px 14px;}
.subcontents .writefrm #container_fishcatch  .wrap_fishcatch  {width:100%;  display:grid;     grid-template-columns:1fr 1fr; gap:40px;   align-items: flex-start;  border-top:1px solid #d1d5e0; border-bottom:none; padding-top:15px;}
.subcontents .writefrm #container_fishcatch  .wrap_fishcatch:first-child{border-top:none; }
.subcontents .writefrm #container_fishcatch  .wrap_fishcatch  dl{height:100%; padding-top:15px !important; }
 .subcontents .writefrm #container_fishcatch  .wrap_fishcatch  .fishphotoinfowr {display: flex;   justify-content: flex-start; align-items: flex-start; flex-direction:column; gap:14px;}
.subcontents .writefrm #container_fishcatch  .wrap_fishcatch  .fishphotoinfowr  .fistinfotxt {  display:grid;     grid-template-columns:1fr 1fr; gap:10px;   align-items: flex-start; padding:0px;}
.subcontents .writefrm #container_fishcatch  .wrap_fishcatch  .fishphotoinfowr .sizefrmedit {gap:0px;}
.subcontents .writefrm #container_fishcatch .wrap_fishcatch_size { padding:15px 20px;}


/*nature */
.subcontents .naturelistwr {width:100%; padding:40px 0;}
.subcontents .naturelistwr .naturelist {width:100%;display:grid;     grid-template-columns:repeat(4, 1fr);   align-items: center; flex-direction:column; gap:32px; }
 .subcontents .naturelistwr .wlvwr {width:100%; min-height:120px; padding:26px 20px 24px;background:#e0e9f2; border:1px solid rgba(0,0,0,0.04); border-radius:10px; overflow:hidden; box-shadow: none; display: flex;   justify-content: center; align-items: center;flex-direction:column; gap:15px;transition:.2s; }
.subcontents .naturelistwr .wlvwr .imgwr { width:120px;height:120px; 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; transform: scale(1);transition:.2s; filter: blur(0px);}
.subcontents .naturelistwr .wlvwr .txtwr {width:100%; font-size:1em;display: flex;   justify-content: center; align-items: center; flex-direction:column; line-height:1.3; color:#727272; word-break:keep-all; gap:5px; }
.subcontents .naturelistwr .wlvwr .txtwr strong { font-weight:500; font-size:1.2em; 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:hover .imgwr img {transform:scale(1.04); opacity: 0.6; filter: blur(2px);}
 .subcontents .naturelistwr .wlvwr:hover { box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);background:#fff; border:1px solid #d1dce7; } 
 
 
 
.subcontents.river .sctop-menu.scroll button{ min-width:90px; font-size:1em; height:44px;}

.subcontents .tablecontwr {width:100%;padding:15px 0px 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:1em; 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: flex;    justify-content: center;   align-items: center; gap:40px;}
.subcontents .fixbotbtn .shopbotmenu a{width:auto; display: flex;    justify-content: space-between;   align-items: center;flex-direction:column; padding:2px 10px 0;  min-width:110px; height:60px; position:relative; opacity:1; transition:.2s;}
.subcontents .fixbotbtn .shopbotmenu a span{font-size:0.95em; color:#6d6d6d; width:100%;display: flex;    justify-content: center;    }
 .subcontents .fixbotbtn .shopbotmenu a .ic{width:32px; height:auto;}
.subcontents .fixbotbtn .shopbotmenu a.active { }
.subcontents .fixbotbtn .shopbotmenu a.active span { color:#01a0e2;}
 .subcontents .fixbotbtn .shopbotmenu a.active .ic img {filter: invert(67%) sepia(62%) saturate(6407%) hue-rotate(168deg) brightness(96%) contrast(99%);}
  .subcontents .fixbotbtn .shopbotmenu a:hover {opacity:0.5;}
  
.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 .fixsidewr {position:fixed; left:0px; top:70px; width:100px; height:calc(100% - 70px);     border-right: 1px solid #ccc; background:#fff;  z-index:101;  box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);}
 .subcontents .fixsidewr .shopbotmenu  {width:100%;  padding:40px 10px 40px 11px; display: flex;    justify-content: flex-start;   align-items: flex-start; flex-direction:column; gap:20px;}
 .subcontents .fixsidewr .shopbotmenu a{width:100%;  display: flex;    justify-content: flex-start;   align-items: center; flex-direction:column;   gap:8px;position:relative; opacity:1; transition:.2s;}
 .subcontents .fixsidewr .shopbotmenu a span{font-size:0.925em; color:#6d6d6d; width:100%;display: flex;    justify-content: center;  word-break:keep-all;  letter-spacing:-0.5px;   text-align:center; line-height:1.2;}
  .subcontents .fixsidewr .shopbotmenu a .ic {width:60px;  height:60px; display: flex;    justify-content: center;   align-items: center;  border-radius: 12px;    background-color: #f3f3f5;    transition: all 0.2s ease;}
  .subcontents .fixsidewr .shopbotmenu a .ic img{width:50%; height:auto;  transition: all 0.2s ease; opacity:1; }
  .subcontents .fixsidewr .shopbotmenu a:hover  .ic{background:#8b8b9e;}
    .subcontents .fixsidewr .shopbotmenu a:hover  .ic img {filter: invert(100%)   brightness(100%); opacity:0.7;}
	  .subcontents .fixsidewr .shopbotmenu a:hover  span {color:#333;}
  .subcontents .fixsidewr .shopbotmenu a.active span { color:#01a0e2;}
  .subcontents .fixsidewr .shopbotmenu a.active .ic {background:rgba(1,160,226,0.9); }
 .subcontents .fixsidewr .shopbotmenu a.active .ic img {filter: invert(100%)   brightness(100%)  ;opacity:1; }

  .subcontents .fixsidewr.schside .shopbotmenu a .ic img { filter: invert(90%) brightness(0%); }
    .subcontents .fixsidewr.schside .shopbotmenu a .ic span {color:#000; font-size:25px; }
  .subcontents .fixsidewr.schside .shopbotmenu a:hover .ic img,     .subcontents .fixsidewr.schside .shopbotmenu a:hover .ic span { opacity:0.7; }
  .subcontents .fixsidewr.schside .shopbotmenu a.active .ic img { filter: invert(0%) brightness(100%); opacity:1;}
    .subcontents .fixsidewr.schside .shopbotmenu a.active .ic span {color:#fff;  opacity:1;}
  
.subcontents.fspotsearch .topsearchwr.shop{background: #fff; padding:20px 0px 10px;  }
.subcontents.fspotsearch .topsearchwr.shop .frm-normal {height:48px; line-height:46px;}

.subcontents .bbsviewwr.fishinfo   {padding-bottom:0px;}
.subcontents .bbsviewwr.fishinfo  .commentwr {background:#fff;  }
.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:100px;}
.subcontents.reservationfin .resoptresultwr .item-summary {border-bottom:none;}
.subcontents.hasbotcomm {padding-bottom:80px;}
.subcontents.commbotbtn {padding-bottom:120px;}
.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 #aaa; background:#f7f7f9;  }
.subcontents .editcontbtnmidwr button{  display: flex;    justify-content: center;   align-items: center; width:50px; height:50px; border:none; background:transparent; padding:0px 8px; opacity:1;  transition: .2s; }
.subcontents .editcontbtnmidwr  button img {width:auto; height:52%;}
.subcontents .editcontbtnmidwr  span {display:none;}
.subcontents .editcontbtnmidwr button.erase {padding-right:15px;}
.subcontents .editcontbtnmidwr button:hover {opacity:0.5;}
.subcontents .bbsviewwr .item-summary dl.fishingspotinfowr { width:100%;      }

.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:24px 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:24px 1fr;    align-items: flex-start; padding-top:5px;padding-left:1px;  }
.subcontents .fspotinfodate .potdate .ic {padding-top:2px;}
.subcontents .fspotinfodate .potdate  .txt {width:100%; display: flex; justify-content: flex-start;   line-height:1.7;   flex-direction:column;color:#424242;}
.subcontents .fspotinfodate .potdate  .txt span { color:#6d6d6d;  font-size:1em;}
.subcontents .fspotinfodate .potdate  .txt strong {font-weight:500;  font-size:1.1em;  }

.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:24px 1fr;    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.975em; color:#424242;}
.subcontents .fspotdatewr .potdate {width:100%;   display: grid;    grid-template-columns:24px 1fr;    align-items: flex-start; padding-top:5px;padding-left:1px;  }
.subcontents .fspotdatewr .potdate .ic {padding-top:2px;}
.subcontents .fspotdatewr .potdate  .txt {width:100%; display: flex; justify-content: flex-start;   line-height:1.7;   flex-direction:column;color:#424242;}
.subcontents .fspotdatewr .potdate  .txt span { color:#6d6d6d;  font-size:1em;}
.subcontents .fspotdatewr .potdate  .txt strong {font-weight:500;  font-size:1.1em;  }
.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: 14px 20px; margin:2px 0 10px 0;  color: #fff;  font-size:1em; 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; padding:0px !important}
.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 40px ; display: flex;  align-items: center;   justify-content:center; gap:20px;   border-radius:5px;  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:42px; height:42px; display: flex;  align-items: center;   justify-content:center;    overflow:hidden;  background:#fff; }
 
.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 {  font-size:1.1em;  color:#fff; display: flex;  align-items: center;   justify-content:center;  }
.subcontents .elsesetwr .optnaviset .naviset  input[type="radio"] + label:hover {background:#687888;}
  .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.9em;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  {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 150px;    align-items: flex-start;margin-top:0px;  }
.subcontents dl.map-summary dd.hasbtn.only {  display:flex; justify-content: center;   align-items: center;border-top: 1px solid #eaeaf0;  }
.subcontents dl.map-summary dd .potname {font-weight:500; font-size:1.4em;}
.subcontents dl.map-summary dd .mapfinfo { width:100%; }
.subcontents dl.map-summary dd .btn-fspotreser {cursor:pointer; margin-top:0px;max-width:100%; width:100%; font-size:1.05em;  height:60px; padding:0px  5px; display: flex; justify-content: center;  align-items: center;   color:#fff;  background:#01a0e2; border-radius:50px; overflow:hidden; border:1px solid rgba(0,0,0,0.05);  }  
.subcontents dl.map-summary dd .btn-fspotreser strong {font-weight:500;}
.subcontents dl.map-summary dd .btn-fspotreser:hover {background:#007aad;}
.subcontents dl.map-summary dd.hasbtn.only .btn-fspotreser { max-width:50%; width:auto; padding:0px 50px; font-size:1.15em; margin-top:15px;}
.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.5; margin-top:5px; }
.subcontents dl.map-summary dd .potaddr  span {width:100%;line-height:1.5;  display: flex; justify-content: flex-start;  font-size:1em; color:#666;}
.subcontents dl dt.summtitle {width:100%; color:#688297; font-size:1.1em; font-weight:500; padding:0px 0px 8px; line-height:1.5;}
.subcontents .sumbdtitle {width:100%; color:#688297; font-size:1.1em; font-weight:500; padding:15px 0px 8px; line-height:1.5; }





.subcontents #wrap_weather  {width:100%;}

.subcontents.hastscroll2 { padding-top:194px;}
 
.subcontents.hastscroll2 .sctop-menu.first, #tabhndr_community {position:fixed; top:70px; left:0px; width:100%; z-index:31; border-bottom:1px solid rgba(0,0,0,0.05);}
 .subcontents.hastscroll2   .sctop-menu.first button, .hastscroll2 #tabhndr_community button {min-width:80px; width:auto;   font-size:1em; }
.subcontents.hastscroll2 .sctop-menu.second, #tabhndr_fis {position:fixed; top:135px; 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:222px;}
.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:64px; min-height:36px; font-size:0.95em; 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;}

 
.sub .subcontents.travel  .view-content > .bbslistwr {padding-top:20px;} 



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

  .subcontents.network {padding-top:135px;}


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


.subcontents   .sctop-fixmenu {    position: fixed;     top: 70px;    left: 0px;    width: 100%;    z-index: 31;background: #f7f7f9;     padding: 8px 0;    border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.subcontents  .sctop-fixmenu .wrap {display: flex;     justify-content: flex-start;     align-items: center;   gap: 8px;}
.subcontents   .sctop-fixmenu a, .subcontents   .sctop-fixmenu button {     color: #6f6f6f;    border: 1px solid #e9e9e9;  background:#fff;   padding: 0px 20px;  flex: 0 0 auto;    min-width: 170px;    min-height: 44px;     border-radius: 100px; display: flex;    justify-content: center;    align-items: center; }
.subcontents   .sctop-fixmenu a.active, .subcontents   .sctop-fixmenu button.active {color:#fff; background:#0c68b5;  border-color:rgba(0,0,0,0.1);}

.subcontents.network   .sctop-menu {    position: fixed;     top: 70px;    left: 0px;    width: 100%;    z-index: 31;background: #f7f7f9;     padding:  0;    border-bottom: 1px solid rgba(0, 0, 0, 0.05);display: flex;     justify-content: center;     align-items: center; }
.subcontents.network   .sctop-menu .wrap {display: flex;     justify-content: flex-start;     align-items: center;   gap: 8px;}
.subcontents.network    .sctop-menu a, .subcontents   .sctop-menu button {     color: #6f6f6f;    border: 1px solid #e9e9e9;  background:#fff;   padding: 0px 20px;  flex: 0 0 auto;    min-width: 170px;    min-height: 44px;     border-radius: 100px; display: flex;    justify-content: center;    align-items: center; }
.subcontents.network    .sctop-menu a:hover, .subcontents   .sctop-menu button:hover{  border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);}
.subcontents.network    .sctop-menu a.active, .subcontents   .sctop-menu button.active {color:#fff; background:#0c68b5;  border-color:rgba(0,0,0,0.1);}


.subcontents.river { padding-top:131px;}


.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:10px; 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;}
.subcontents.river .sctop-menu{position:fixed; top:170px; left:50%; margin-left:-640px; width:360px; padding:20px 20px;     border-radius: 10px;    overflow: hidden;   border:1px solid rgba(0,0,0,0.1); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);flex-wrap:  wrap; display: grid;   grid-template-columns:repeat(3,1fr) ; align-items: flex-start;   }
.subcontents.river .sctop-menu button.active{background:#1aa9e5 !important; color:#fff !important; border-color:rgba(0,0,0,0.1)  !important;}
.subcontents.river .view-content {padding: 30px 0px  0px 460px; height:calc(100vh - 180px);display: flex;    justify-content: flex-start;    align-items: flex-start;}
.subcontents.river  .view-content .bbslistwr {height:100%;}
 .subcontents.river .view-content > .bbslistwr.active { grid-template-columns:1fr; padding:0px;}

.subcontents.river .stickytablewrap { height:auto; max-height:calc(100vh - 280px);}
.subcontents.river  .tablecontwr {padding-bottom:0px;}
 
.sub .subcontents.river  .view-content.hasrivergr > .bbslistwr.active{display: flex;    justify-content: flex-start;  align-items: flex-start;  flex-direction:column; padding:10px 0 0; gap:0px;}
.sub .subcontents.river  .view-content.hasrivergr   .stickytablewrap {max-height:calc(100vh - 520px);}

.subcontents.natureviewwr .view-content {padding:15px 0; height:auto; }


.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  .btn_cancel.end {background:#5a6268; opacity:1.0;}
  .subcontents .fixbotbtn  .btn_cancel.end:hover {background:#34383a;}
.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:80px; height:80px; border-radius: 5px;    border: 1px solid rgba(0, 0, 0, 0.12);  cursor:pointer;   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;}
 .subcontents .liveonphoto  #control_attach {bottom:50px !important; right:-80px  !important;width:80px !important; height:80px !important;}
.subcontents .liveonphoto  #control_attach:hover  .btn-addphoto {background:#d74d24;}

.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(100% - 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  a{width:100%;}




.subcontents.fspotdetail .fsoptbtntopwr {grid-template-columns: repeat(3, 1fr); gap:4px; background:transparent;}
.subcontents.fspotdetail .fsoptbtntopwr:before {display:none;}
.subcontents.fspotdetail .fsoptbtntopwr button { height:100%; padding:10px 5px 12px; gap:6px; border:1px solid rgba(0, 0, 0, 0.05); background:#b9c5ce; border-radius:5px; font-size:0.95em; box-shadow:none; flex-direction:column; }
.subcontents.fspotdetail .fsoptbtntopwr button img {width:auto; height:34px;}
 .subcontents.fspotdetail .fsoptbtntopwr button:hover { background:#019e9a;}
 
  
  
  
.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 0px 20px !important;}
 .subcontents .bbswritewr.myedit .elsesetwr.navi {padding-bottom:30px; }

 .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 {    }
 .subcontents .bbsviewwr.fishinfo .commentwr .commitem .nonedata {padding-bottom:10px;}
 
 .subcontents .creatnontwr { width:100%; padding:30px 0px 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.daangn    {padding-top:135px !important;}
 
 
 
 
 .subcontents .bbswritewr.myedit .editmyinfo.moreinfo{gap:0px; grid-template-columns: 1fr; padding:25px 0 30px;}
 .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%; font-size:1.25em;}
.subcontents .bbswritewr.myedit .editmyinfo.moreinfo .moreopt .group .txt .guidetxt {font-size:0.9em; }
.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  .bbswritewr.myedit .view-content > .bbslistwr { width: 820px;     margin: 0 auto;    display: flex;    justify-content: flex-start;   align-items: flex-start;    flex-direction: column;    gap: 0px;    color: #212427;   padding:0 0 30px; }
.subcontents  .bbswritewr.myedit .view-content > .bbslistwr .mrealtimefishwr.record {margin-top:0px;    border-top: 1px solid #eff0f4;     padding: 22px 0px 25px;}

.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 {padding-top:70px; padding-bottom:60px;}
 
.subcontents.searchlistwr .topsearchwr .searchbox { box-shadow:none;}
.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; min-width:70px; width:auto; background:#fff;  border:1px solid rgba(0,0,0,0.07);}
.subcontents.searchlistwr .sctop-menu.second button:hover, .subcontents.searchlistwr  #tabhndr_fish button:hover { border:1px solid rgba(0,0,0,0.3);}
.subcontents.searchlistwr .sctop-menu.second button.active, .subcontents.searchlistwr  #tabhndr_fish button.active { background:#0c68b5; color:#fff;}
.subcontents.searchlistwr .schreslistwr {width:100%;     display: grid;     grid-template-columns: repeat(4, 1fr);    align-items: flex-start;  gap:50px 30px; }
.subcontents.searchlistwr .schreslistwr .mcontitle {font-size:1.05em; padding-bottom:8px;}
.subcontents.searchlistwr .bbslistwr .schreslistwr a {  display:block; width:100%; }
  .subcontents.searchlistwr .topsearchwr  {padding:25px 0 20px;}

.subcontents.searchresultlistwr .schreslistcont .schreslistwr { width:100%; display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column;gap: 0px; }
 .subcontents.searchresultlistwr .schreslistcont .schreslistwr .schreslist{width:100%;     display: grid;     grid-template-columns: repeat(5, 1fr);    align-items: flex-start;  gap: 30px; }
 .subcontents.searchresultlistwr .schreslistcont .schreslistwr.resultlistwr { display: grid;     grid-template-columns: repeat(5, 1fr);    align-items: flex-start;  gap: 30px;  border-top:none; padding-top:none;}


.subcontents.searchlistwr .schrestopmenuwr {width:100%; padding:10px 0 40px;}
.subcontents.searchlistwr .schrestopmenuwr  .sctop-menu.second { position: relative;     background: transparent;    border: none;    display: flex;    justify-content: space-between;    margin: 0;    padding: 0;    gap: 0px;    padding: 0px;    border-radius: 8px;    box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.2);}
.subcontents.searchlistwr .schrestopmenuwr .sctop-menu.second button {position: relative;    width: auto;    height: 60px;    min-height: auto;    color: #444;    min-width: auto;    flex: 1;    margin: 0;    padding: 0;    border: 1px solid transparent;    border-radius: 8px;    font-size: 1.15em;    font-weight: 500;    color: #282a2d;    background-color: transparent;    text-align: center;    box-shadow: none; }
.subcontents.searchlistwr .schrestopmenuwr .sctop-menu.second button:hover {    border: 1px solid rgba(0, 0, 0, 0.3);    border-radius: 8px;    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);}
.subcontents.searchlistwr .schrestopmenuwr .sctop-menu.second button.active {     border-radius: 8px;    color: #fff;    background-color: #0c68b5;    border-color: rgba(0, 0, 0, 0.1);}
 
 .subcontents.mapsearchwr  {padding-bottom:20px !important;}
.subcontents.mapsearchwr .schrestopmenuwr{ padding:30px 0 20px;}
.subcontents.mapsearchwr .schresmapwr {width:100%; height:calc(100vh - 210px); display: flex;    justify-content: flex-start;    align-items: flex-start; border-radius:10px; overflow:hidden;}
 
 .subcontents.searchlistwr .schreslistwr dl {position:relative;width:100%;  height:100%; min-height:246px; padding: 0px; display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; border-radius:10px; overflow:hidden;box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);}
.subcontents.searchlistwr .schreslistwr dl dt{position:relative;width:100%; padding-top: calc(100% / 4 * 3);  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-bottom:1px solid rgba(0,0,0,0.07); overflow: hidden;  }
.subcontents.searchlistwr .schreslistwr dl dt .optic {position:absolute; top:0px; left:0px; width:100%; display: grid;     grid-template-columns:1fr 64px;    align-items: flex-start;padding:10px;  gap:2px;z-index:9; }
.subcontents.searchlistwr .schreslistwr dl dt .type {display: flex;    justify-content: flex-start;    align-items: flex-start;   }
.subcontents.searchlistwr .schreslistwr dl dt .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.searchlistwr .schreslistwr dl dt .type img {width:auto; height:18px;}
.subcontents.searchlistwr .schreslistwr dl dt .livest { padding:0px 8px; height:24px;border-radius:20px;display: flex; justify-content: center; align-items: center; gap:2px; background:#ff3434; color:#fff; font-size:0.8em;}
.subcontents.searchlistwr .schreslistwr dl dt .type .type1, .subcontents.searchlistwr .schreslistwr dl dt  .type .livest{height:24px;  display:grid;     grid-template-columns:16px 1fr;     align-items: center; }
.subcontents.searchlistwr .schreslistwr dl dt  .type .type1 span, .subcontents.searchlistwr .schreslistwr dl dt  .type .livest span{width:100%; display: flex; justify-content: flex-end; align-items: center; }
.subcontents.searchlistwr .schreslistwr dl dt  .type img {width:auto; height:16px;}
.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: 28px;    line-height: 28px;    padding: 0px 12px 0px 12px;    border-radius: 10px 0px 8px 0px;    background: #FF6E49;    color: #fff;    font-size: 0.95em; z-index:3; }
 .subcontents.searchlistwr .schreslistwr dl  dt .prstat.end {background:#7f8a93; color:rgba(255,255,255,0.85);}
 .subcontents.searchlistwr .schreslistwr dl dt .date {position:absolute; bottom:8px; right:10px;  text-align:right; color:#fff; font-size:0.9em;  padding:2px 10px 2px 8px; border-radius:15px; background:rgba(0,0,0,0.5); z-index:5; display: flex; justify-content: flex-end; align-items: center; gap:6px;}
 .subcontents.searchlistwr .schreslistwr dl dt .date span {display:inline-block;  margin-top:1px; opacity:0.8;}
.subcontents.searchlistwr .schreslistwr dl dt .date strong {font-weight:500;letter-spacing:0px; display:inline-block;  }
 .subcontents.searchlistwr .schreslistwr dl dt .enddate {position:absolute; bottom:8px; left:10px;  text-align:left; color:#fae100; font-size:0.9em;  padding:4px 10px 4px 9px; border-radius:15px; background:rgba(0,0,0,0.5); z-index:5; display: flex; justify-content: flex-end; align-items: center; gap:6px;   text-shadow: -1px -1px 0 rgba(0,0,0,0.1), 0 -1px 0 rgba(0,0,0,0.1), 1px -1px 0 rgba(0,0,0,0.1), 1px 0 0 rgba(0,0,0,0.1), 1px 1px 0 rgba(0,0,0,0.1), 0 1px 0 rgba(0,0,0,0.1), -1px 1px 0 rgba(0,0,0,0.1), -1px 0 0 rgba(0,0,0,0.1);}
  .subcontents.searchlistwr .schreslistwr dl dt .enddate strong {font-weight:500;letter-spacing:0px; display:inline-block; font-size:1.05em; margin-top:-1px;}
   .subcontents.searchlistwr .schreslistwr dl dt .enddate.closed {color:#ccc;}
.subcontents.searchlistwr .schreslistwr dl dd {width:100%; margin-top:0px;padding:13px 15px  16px;  font-size:1em; color:#333;  display: flex; justify-content: flex-start; align-items: flex-start;    flex-direction:column;  line-height:1.5em;   max-height:100%; }
 
 .subcontents.searchlistwr .schreslistwr dl dd .name  {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 .title {width:100%; color: #212427;  font-weight: 400;   font-size: 1.15em;    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:9px;   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 .spebet {width:100%; margin-top:0px;   font-size:0.9em; display: grid;    grid-template-columns: 1fr 112px; align-items: center;  margin-bottom:8px; }

.subcontents.searchlistwr .schreslistwr dl dd  .info{width:100%;display: grid;    grid-template-columns:auto  1fr; align-items: center; gap:8px; margin-bottom:10px;}
.subcontents.searchlistwr .schreslistwr dl dd  .info .nick {margin-top:0px; padding-top:1px;}
.subcontents.searchlistwr .schreslistwr dl dd .info .area {width:100%; min-width:60px; padding:0px 4px;   font-size:0.95em; line-height:24px; height:24px; background:#01a0e2; color:#fff; display: flex;    justify-content: center;    align-items: center;  border-radius:3px;}
.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:8px; padding-top:9px;  font-size:1em; 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 {  font-size:0.95em;display: flex;    justify-content: flex-start;    align-items: flex-end;  gap:2px;}
  .subcontents.searchlistwr .schreslistwr dl dd .proinfo .price  strong {font-size:1.1em;}
 .subcontents.searchlistwr .schreslistwr dl dd .proinfo .psumm{display: flex;    justify-content: flex-end;    align-items: center; gap:14px; font-size:0.95em; }
 .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.95em; 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:4px;}
.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.cpwr .view-content.schreslistcont > .bbslistwr {padding-top:30px;}

  .subcontents.searchlistwr.hastscroll2  {padding-top:194px;  }
 
 
 .subcontents.hasmeactbot {padding-bottom:90px;}
  .subcontents.me .meacthome .meacth-recent {width:100%; padding:  0px; }
 .subcontents.me .meacthome .meacth-history {width:100%;  padding:12px 0 0px; }
 
 .subcontents.me .meacthome .myrecordtotal { margin-top:0px;}
 .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.catch .meacthome .meacth-history {padding-top:32px;}
 .subcontents.me.catch   .sctop-menuwr {padding-top:35px; margin-bottom:10px;}
 .subcontents.me.catch .sctop-menu.scroll { border:none; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background:#fff; padding:10px 0px 10px;}
 .subcontents.me.catch .sctop-menu a, .subcontents.me.catch .sctop-menu button {min-width:80px; padding:0px 3px; border-radius:5px;border: 1px solid rgba(0, 0, 0, 0.02);    background: #f2f2f2; color:#333; min-height:40px;}
  .subcontents.me.catch .sctop-menu a:hover, .subcontents.me.catch .sctop-menu button:hover { background:#fff; border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);}
 .subcontents.me.catch .sctop-menu a.active, .subcontents.me.catch .sctop-menu button.active { color: #fff;    background: #0c68b5;    border-color: rgba(0, 0, 0, 0.1); }
 
 
 
 .subcontents.me  .mrealtimefishwr.story {margin-top:0px;}
 .subcontents.me .mrealtimefishwr.record {margin-top:0px;}
 
 
  .subcontents.me .myrecordtotal ul {padding:25px 25px; }
 .subcontents.me .myrecordtotal ul li { display: flex;   justify-content: center; align-items: center; flex-direction:row; font-size:1.4em; gap:14px;}
 .subcontents.me .meacth-recent .catfishinfowr {position:relative; width:100%; padding:0 20px; display: grid;  align-items: flex-start; grid-template-columns: 240px  1fr; gap:40px; border:1px solid #01a0e2; border-radius:7px;overflow:hidden;  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);  }
  .subcontents.me .meacth-recent .catfishinfowr .fishinfowr{  width:100%; padding:20px 0;    }
 .subcontents.me .meacth-recent .catfishinfowr dl  {width:100%;padding:0px; 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: 8px;    left: 8px; 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:  5px  ;    background: #01a0e2;    color: #fff;    font-size: 0.85em; }
 .subcontents.me .meacth-recent  .catchinfowr {width:100%;  display: flex; justify-content: flex-start; align-items: flex-start;flex-direction:column; padding:20px 0 0; }
 .subcontents.me .meacth-recent .catchinfowr  .fname { width:100%; display: flex;   justify-content: flex-start; align-items: center;  font-size:1.45em; color:#212427; font-weight:500; padding-top:2px;   }
.subcontents.me .meacth-recent .catchinfowr  .row { width:100%; display: flex;   justify-content: flex-start; align-items: center; gap: 20px; padding:2px 0 10px; }
.subcontents.me .meacth-recent .catchinfowr  .row .potname { font-size:1em;color:#01a0e2; letter-spacing:-0.5px;}
.subcontents.me .meacth-recent .catchinfowr   .row .date { font-size:1em; color:#737373;}
.subcontents.me .meacth-recent .catchinfowr ul{width:100%; display: grid;    grid-template-columns: repeat(5, 1fr); align-items: center;  gap:6px; border-radius: 7px;  }
.subcontents.me .meacth-recent .catchinfowr ul li{background: #E9F4FF; border:1px solid #dde8f2; border-radius:5px; width:100%; padding:0px 12px ; line-height:1.3; height:48px;display: flex;   justify-content: space-between; align-items: center;  gap:6px;  }
.subcontents.me .meacth-recent .catchinfowr ul li strong {font-weight:500; color:#666; font-size:0.95em; letter-spacing:-0.5px;}
.subcontents.me .meacth-recent .catchinfowr ul li span {font-weight:700; color:#01a0e2;font-size:1.1em;}
.subcontents.me .meacth-recent .allgetnum{  width:100%;  color:rgba(0,0,0,0.8);   padding:10px 5px 0px 0;  font-weight:500; display: flex;   justify-content: flex-end; align-items: center; gap:10px;font-size:1.15em; line-height:28px; }
.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.25em;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 { margin-top:5px; 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:15px; }
 .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:   0;}
.subcontents.togetherlist .bbslistwr  .listitem {min-height:300px; height:100%; background:#fff; box-shadow:none;  border: 1px solid rgba(0,0,0,0.07);box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);  }
.subcontents.togetherlist .bbslistwr .mcontitle{padding:0px 0 5px;}
.subcontents.togetherlist .toget-other {width:100%; padding-top:50px;}
.subcontents.togetherlist .toget-my {width:100%;}
.subcontents.togetherlist .toget-my a, .subcontents.togetherlist .toget-other a{width:100%; height:100%; display:flex;justify-content: flex-start; align-items: flex-start; margin:0px 0;}
.subcontents.togetherlist .toghitemwr {width:100%;}
.subcontents.togetherlist .listitem .item-head {padding:10px 18px 10px; height:64px;}
.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:-20px; height:40px;font-weight:400;   font-size:0.925em;  padding:0px 8px 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; opacity:0.6;}
.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%; height:calc(100% - 118px); padding:11px 18px 15px;   border-top: 1px solid rgba(0,0,0,0.05); }
.subcontents.togetherlist .listitem .item-cont .togitem-title {width:100%; font-weight:500;font-size:1.2em; 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: grid;    grid-auto-flow: row;    grid-template-columns: 68px 1fr;    gap: 5px;    align-items: center;}
.subcontents.togetherlist .listitem .item-cont .togitem-det  li .tt {width:100%; font-size:0.85em; font-weight:500; color:#688297; opacity:0.8;}
.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; color:#01a0e2;}
.subcontents.togetherlist .listitem .item-cont .togitem-memo {width: 100%;    padding: 8px 18px 8px 10px;    margin:10px 0  0px;   border-radius: 5px;    font-size:0.95em;  background: #f3f3f5;    display: flex;    justify-content: flex-start;    align-items: center; line-height:1.4;}
.subcontents.togetherlist .listitem .item-summ {width:100%; height:54px;position: relative;    border-top: 1px solid rgba(0,0,0,0.05);    display: grid;    grid-auto-flow: row;    grid-template-columns: 1fr 1fr;    gap: 30px;    align-items: center;    padding: 10px 18px 12px;  }
.subcontents.togetherlist .listitem .item-summ:before {position: absolute;    top: 0px;    left: 50%;    width: 1px;    height: 100%;    content: '';    background: rgba(0,0,0,0.05); }
.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 a:hover .listitem {border-color:rgba(0,0,0,0.15); }
.subcontents.togetherlist a:hover .listitem .item-summ {background:#fff;}
 
 
.btn-togetheredit { position:fixed; bottom:0px; left:0px; z-index:103;padding: 0px 5px; width:100px;  height:100px; display: flex;    justify-content: center;    align-items: center;  flex-direction:column; gap:0px; font-size:1em;  letter-spacing:-0.5px;  color: #fff;    background: #FF7850;    border-radius:0px;    overflow: hidden;    border: 1px solid rgba(0, 0, 0, 0.05); }
.btn-togetheredit .ic {width:48px; height:48px;display: flex;    justify-content: center;    align-items: center;   }
.btn-togetheredit .ic img {width:100%; height:auto;}
.btn-togetheredit:hover {background:#b9340c;}


.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; }
 .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: 10px;    grid-template-columns: repeat(4, 1fr); align-items: center;grid-auto-flow: row; padding-top:5px;}
.subcontents .cpgoodsinfo  .item-summary dl .infraset .seloption{width: 100%;    height: 100%;    font-size: 1em; line-height:1.2;border-radius:45px;    display: flex;   justify-content: center; opacity:0.8;  gap: 16px;    align-items: center;   padding: 10px 3px;       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;     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 .cpgoodsinfo  .item-summary dl dd {font-size:1.2em;}
.subcontents .bdlinetop { border-top: 1px solid #d3d6e0 !important; }
.subcontents .cpgoodsinfo  .item-summary.bdboxtop {border-top:1px solid #aaa; }
.subcontents .cpgoodsinfo  .cpbotsumm {width:100%; padding:10px 0px;}
.subcontents .cpgoodsinfo  .cpbotsumm li {width:100%; display: flex;    justify-content: space-between;    align-items: center; padding:10px 2px; border-top:1px solid #f1f1f5; }
.subcontents .cpgoodsinfo  .cpbotsumm li:first-child {border-top:none;}
.subcontents .cpgoodsinfo  .cpbotsumm li .tt {color:#688297; font-size:1em; font-weight:500;}
.subcontents .cpgoodsinfo  .cpbotsumm li .txt { color:#212427;font-size:1.1em; }
.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:70px; padding:8px 20px; display: flex;    justify-content: flex-end;    align-items: center; gap:10px;}
.subcontents .fixbotbtn button {width:auto; min-width:200px; padding:0px 30px; border-radius:5px;height:54px; display: flex;    justify-content: center;    align-items: center;border:1px solid rgba(0, 0, 0, 0.05);   background:transparent; box-shadow:none;  transition: .2s; }
.subcontents .fixbotbtn button span {font-size:1.1em; line-height:1.4; word-break:keep-all; color:#fff; width:100%;display: flex;    justify-content: center;    align-items: center; padding:0px  0px;}
 .subcontents .fixbotbtn button:hover {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); border-color:rgba(0, 0, 0, 0.15);}
 .subcontents .fixbotbtn .btn-like {min-width:80px;padding:0px; background:#e7eaed;}
.subcontents .fixbotbtn .btn-like .ic { width:100%;height:100%;display: flex;    justify-content: center;    align-items: center;  }
.subcontents .fixbotbtn .btn-like img {width:30px; height:auto;}
  .subcontents .fixbotbtn .btn-like.on {background:#fff; border-color:#e7eaed;}
 .subcontents .fixbotbtn .btn-like:hover  {background:#fff; border-color:rgba(0, 0, 0, 0.3);}

.subcontents .fixbotbtn .btn-sellchat {background: #869bac; }
.subcontents .fixbotbtn .btn-sellchat:hover  {background:#475a69;}
.subcontents .fixbotbtn .btn-chatlist {background: #6c757d;    }
.subcontents .fixbotbtn .btn-pay{background:#0c68b5;  }
.subcontents .fixbotbtn .btn-pay span{gap:20px;}
.subcontents .fixbotbtn .btn-pay:hover {background:#004b6a;  }
.subcontents .fixbotbtn .btn-chatother{background:#01a0e2;  }
.subcontents .fixbotbtn .btn-chatother span{gap:20px;}
.subcontents .fixbotbtn .btn-chatother:hover {background:#007aad;  }
.subcontents .fixbotbtn .btn-chatmy {background: #0c68b5;  border:1px solid rgba(0, 0, 0, 0.07); border-right:none;}
.subcontents .fixbotbtn .btn-chatmy span{gap:20px;}
.subcontents .fixbotbtn .btn-chatmy:hover {background:#004b6a;  }

 .subcontents .fixbotbtn .cpgoodsvbot .btn-normal.modify span, .subcontents .fixbotbtn .cpgoodsvbot .btn-normal.erase span{ display:none;}
 
 .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.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 .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 .bbslistwr .listitem{min-height:240px; height:100%; position:relative; padding-bottom:70px; gap:0px;}
.subcontents.myreslist .listitem .item-head {padding-bottom:10px;}
.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.3em;  line-height:26px; padding:2px 0px 0px 5px; display: flex;   justify-content: center; align-items: center; gap:5px;  border-radius:0px;   color: #121212;   border:none; background:none;display:-webkit-box;   -webkit-line-clamp:1;   -webkit-box-orient:vertical;  white-space:normal;    overflow:hidden;   text-overflow:ellipsis;  }
.subcontents.myreslist  .listitem .item-head  .myin-cate .kind strong {font-weight:500;}
.subcontents.myreslist .listitem .item-head .myitdateimgwr {grid-template-columns:  1fr 160px; margin-top:0px; }
 .subcontents.myreslist .listitem .item-head .myin-date {margin-top:8px;}
.subcontents.myreslist .listitem .item-head .myin-date strong {font-size:1em; font-weight:400; color:#333;}
.subcontents.myreslist .listitem .item-head .myin-date .staydate {width: 100%; display: flex;    justify-content: flex-start;    align-items: flex-start;     gap:5px;    color: #01a0e2;  font-size: 1.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:5px; padding-top:10px; }
.subcontents.myreslist  .listitem .item-head .myin-date .myin-det  li{width: 100%;display: grid;    grid-auto-flow: row;    grid-template-columns: 68px 1fr; gap: 5px;  align-items: center; }
.subcontents.myreslist  .listitem .item-head .myin-date .myin-det  li .tt {width:100%; font-size:0.95em; color:#899dad; font-weight:500; }
.subcontents.myreslist  .listitem .item-head .myin-date .myin-det  li .txt {width:100%; font-size:1em; color:#555;}
.subcontents.myreslist .myin-jointxt  {padding-top:5px;}
.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:5px; 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.95em; color:#627a8e;}
.subcontents.myreslist  .myin-jointxt .myinjoin  .joininfo   li .txt {width:100%; font-size:1em; color:#333;}
.subcontents.myreslist  .myin-jointxt .myinjoin  .joininfo   li .txt em {font-style:normal; display:inline-block; margin-left:5px;}
.subcontents.myreslist  .myin-jointxt .myinjoin  .joininfo   li .txt.inline {display: flex;    justify-content: flex-start;    align-items: center; gap:10px;}
.subcontents.myreslist  .myin-jointxt .myinjoin  .joininfo   li .txt.inline  span strong {display:inline-block; margin-left:3px;}
.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 .myin-jointxt .myinjoin .btn-jinfoedit:hover {background:#007aad; }
.subcontents.myreslist  .bbslistwr  .listitem .item-bottom { position:absolute; bottom:0px; left:0px; width:100%; grid-template-columns:  repeat(2, 1fr);  gap:10px; padding:14px 191px 15px 20px; margin-top:0px;}
.subcontents.myreslist  .bbslistwr  .listitem .item-bottom:before {display:none;}
.subcontents.myreslist .listitem .item-bottom .joinbtn {width:100%; height:100%; min-height:40px;display: flex;    justify-content: center;    align-items: center;  font-size:0.95em;  overflow:hidden;     color: #fff;   cursor:pointer; opacity:1; }
.subcontents.myreslist .listitem .item-bottom .joinbtn:hover {opacity:0.7;}
.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 {   border: 1px solid rgba(0, 0, 0, 0.07); gap:12px; font-size:1em;border-radius:5px; background: #869bac; cursor:pointer;}
.subcontents.myreslist .listitem .item-bottom .joinbtn.joinsumm span  {font-size:0.8em; display:inline-block; margin-top:2px;}
.subcontents.myreslist .listitem .item-bottom .joinbtn.joinview  {position:absolute; right:20px; top:14px; width:160px; height:40px;color: #282a2d;     font-weight:500;  background: #e7eaed;  border-radius:5px;cursor:pointer; border: 1px solid rgba(0, 0, 0, 0.06);}
.subcontents.myreslist .listitem .item-bottom .joinbtn.joinview:hover {background:#fff; color:#01a0e2; border: 1px solid #01a0e2; opacity:1; }
.subcontents.myreslist .listitem .item-head .myitdateimgwr .myin-det {gap:7px;}
.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.8em; color:#627a8e;}
.subcontents.myreslist .joinprenum .txt {width:100%; font-size:0.95em; 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: 100px 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.95em; display:block; margin:2px 0 0;}
 

.subcontents .resoptresultwr .item-summary .fishingsumm li {display: grid;    grid-auto-flow: row;    grid-template-columns: 120px 1fr; gap: 0px;  align-items: flex-start; padding:10px 0;}
.subcontents .resoptresultwr .item-summary .fishingsumm  li .tt { }
.subcontents .resoptresultwr .item-summary .fishingsumm  li .date span{font-size:1em; display:block; margin:2px 0 0;}
 
.subcontents .resoptresultwr .item-summary .fishingsumm li .date select.frm-normal { text-align:center;  width:200px;  font-size:1.1em;}
.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 .tt {padding-top:1px;}
.subcontents.party .resoptresultwr .item-summary .fishingsumm li .txt{  align-items: center; flex-direction:row;   justify-content: flex-start;  }
.subcontents.party .resoptresultwr .item-summary .fishingsumm li .txt .expment{display: flex;    justify-content: flex-start;    align-items: center;}
.subcontents.party .resoptresultwr .item-summary .fishingsumm li .txt.column {flex-direction:column;align-items:flex-start;   justify-content: flex-start; }
.subcontents.party .resoptresultwr .item-summary .fishingsumm li .txt.date {font-size:1.1em;}
.subcontents.party .resoptresultwr .item-summary .fishingsumm li .txt.spot {font-size:1.15em; font-weight:500;}


.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: 1px solid #aaa; padding:18px 0;}
	
.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 110px; gap: 6px;  align-items: flex-end;  line-height:1.3;}
.subcontents .cpgoodsinfo .item-summary dl.sellerscorewr dt .btn-blackreport {cursor:pointer; 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 .btn-blackreport:hover {background:#526778;}
.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; bottom:0px; left:0px; z-index:103;padding: 0px 5px; width:100px;  height:100px; display: flex;    justify-content: center;    align-items: center;  flex-direction:column; gap:10px; font-size:1.05em;  letter-spacing:-0.5px;  color: #fff;    background: #0277ff;    border-radius:0px;    overflow: hidden;    border: 1px solid rgba(0, 0, 0, 0.05); }
.btn-editprofixed .ic {width:28px; height:28px;display: flex;    justify-content: center;    align-items: center; margin-left:5px; }
.btn-editprofixed .ic img {width:100%; height:auto;}
.btn-editprofixed i{font-size:1.6em}
.btn-editprofixed:hover {background:#007aad;}
.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 2fr; gap: 12px;  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 { padding-top:20px;padding-bottom:10px;}
.subcontents .fixbotbtn.daangnbotbtn .shopbotmenu {grid-template-columns:repeat(5, 1fr);  }

.subcontents .dgviewitemwr {width:100%; padding: 0; 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:30px 0px 30px; font-size:1.1em;}
.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:20px  0px 15px;}
.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 .sellerproduct {width:100%;padding:10px 0 30px; }
.subcontents .item-summary .sellerprowr {width:100%; }
.subcontents .item-summary  .sellerprowr ul.prolist { width:100%;   padding:0px ;   display: grid;    grid-auto-flow: row;    grid-template-columns:repeat(3, 1fr); gap:20px;   }
 
.subcontents .item-summary  .sellerprowr ul li{width:100%; height:100%; display: grid;   }
.subcontents .item-summary .sellerprowr dl{border-top:none; gap:0px; padding:0px; width:100%;     height:100%; 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:4px 12px 12px;}
.subcontents .item-summary .sellerprowr dl dd .date {color:#888; font-size:0.8em;width:100%;}
.subcontents .item-summary .sellerprowr dl dd .sbj { margin:5px 0; font-size:1em;font-weight:500; color:#000; 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.9em; color:#01a0e2; 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 .halfwr {width:100%; display: grid;    grid-auto-flow: row;    grid-template-columns:repeat(2, 1fr);gap:40px;  align-items: flex-start; }
.subcontents .writefrm .inline3wr {width:100%; display: grid;    grid-auto-flow: row;    grid-template-columns:2fr 1fr 3fr; gap:40px;  align-items: flex-start; }


.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 .hasunit {position:relative; }
.subcontents .writefrm dl  .hasunit .inunit {position:absolute; right:10px; top:50%; transform: translate( 0,-50%);color:#555; }
.subcontents .writefrm dl  .hasunit .frm-normal {padding-right:40px; border-color:#01a0e2; background-color:#eaf9ff !important;}
.subcontents .writefrm dl.spebet {flex-direction:row; justify-content:space-between; align-items: center;  padding:12px 0px;}
.subcontents .writefrm dl.spebet dd.slidechkbox {background:none; border:none; padding:0px; width:auto; gap:0;}
.subcontents .writefrm dl.hasdtbtn {padding:10px 0px 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 .inline3wr  {   grid-template-columns:360px 120px 1fr; gap:60px; }
.subcontents.dgeditfrm .writefrm {gap:0px; padding-bottom:0px;}
.subcontents.dgeditfrm .writefrm dl { }
.subcontents.dgeditfrm  .writefrm dl.delicheck dt{ align-items:center; }
.subcontents.dgeditfrm  .writefrm dl.delicheck dd.slidechkbox {border:none; background:transparent; padding:0;}
.subcontents.dgeditfrm  .writefrm dl.delicheck dd.slidechkbox .chk-sbox {height:52px; width:100px;}
.subcontents.dgeditfrm  .writefrm dl.delicheck dd.slidechkbox .chk-sbox input[type="checkbox"] + label {height:50px; width:100px; border-radius:30px;}
.subcontents.dgeditfrm  .writefrm dl.delicheck dd.slidechkbox .chk-sbox input[type="checkbox"] + label span {top:6px; left:6px; width:38px; height:38px;}
.subcontents.dgeditfrm  .writefrm dl.delicheck dd.slidechkbox .chk-sbox  input[type="checkbox"]:checked + label span {    left: 56px;    }
.subcontents   .writefrm dl dd.hasaddrbtn {position:relative; padding-right:100px;}
.subcontents   .writefrm dl dd.hasaddrbtn .btn-search { position:absolute; right:0; top:0px;width:94px; height:52px;   padding:0px  5px; 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.haspostcode {position:relative; }
.subcontents   .writefrm dl.haspostcode .postcodewr {position:absolute; top:90px; left:0px; border:1px solid #363636; width:100%; height:240px !important; overflow-y:auto;     box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.4);}

.subcontents.daangnme {padding-top:70px !important;}
.subcontents .dgmemain {width:100%;display: grid;     grid-template-columns: repeat(4, 1fr);    gap: 50px ;   justify-content: flex-start;    align-items: flex-start; margin-top:20px;  }
.subcontents .dgmemain dl {width: 100%; display: flex;    justify-content: flex-start;    align-items: flex-start;    flex-direction: column;    padding: 15px 0px 20px;    gap: 10px;  }
.subcontents .dgmemain dl dt {width: 100%;    color: #688297;    font-size: 1.25em;    font-weight: 500;}
.subcontents .dgmemain dl dd {width: 100%; display: flex;    justify-content: flex-start;    align-items: flex-start;    flex-direction: column; gap:12px;  }
.subcontents .dgmemain dl dd button {width: 100%;    height: 120px;    font-size: 1.2em;    line-height: 1.2;    border-radius: 5px;    letter-spacing: -0.5px;    display: flex;    gap: 18px;    align-items: center;    padding: 0px 20px 0px 20px;    justify-content: flex-start;    color: #212427;    border: 1px solid rgba(0, 0, 0, 0.07);    background: #e0e9f2; }
.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:90px;height:90px; border-radius:50px; overflow:hidden; background:#fff; padding:20px; }
.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 .dgmemain dl dd button:hover {background:#fff; border-color:rgba(0, 0, 0, 0.15); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);}
.subcontents .dgmemain dl dd button:hover .ic {background:#f3f3f5;}
.subcontents .blacklist-top {margin-top:20px; margin-bottom:10px; width:100%; padding:18px 20px; background:#fadada; border:1px solid rgba(0,0,0,0.07); word-break:keep-all; color:#58151c; font-size:0.975em; line-height:1.5; border-radius:5px;display: flex;    justify-content: flex-start;    align-items: center;  }
.subcontents .blacklist-top strong {font-weight:500; display:inline-block; margin-left:6px;}
.subcontents .blacklist-top span {font-size:1.3em; display:inline-block; margin-right:8px;}
.subcontents .blacklist {width:100%;display: grid;     grid-template-columns: repeat(3, 1fr);    gap: 50px ;   justify-content: flex-start;    align-items: flex-start;}
.subcontents .blacklist li{width: 100%; height:100%;    display: grid;    grid-auto-flow: row;    grid-template-columns: 64px 1fr ; gap: 14px;    align-items: center;    padding: 15px 18px;  border-radius:10px; background:#f3f3f5;   border: 1px solid rgba(0,0,0,0.02);}
.subcontents .blacklist li .user-imgwr  {width:100%;}
.subcontents .blacklist li .user-imgwr .user-img {width:64px; height:64px; border-radius:50px; 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: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; line-height:1.3; gap:4px;  }
 .subcontents .blacklist li  .user-info  .name {width:100%;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 .area {width:100%;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   .date {width:100%;display: flex;   margin-top:3px;color:#888; font-size:0.85em;}
 
 
 .subcontents .mainrankwr {width:100%;display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column;     border-top: 1px solid #e5e5e5;  padding-top:25px; padding-bottom:50px;}
 .subcontents .mainrankwr a{display:block;width:100%; }
 .subcontents  .rankingcont {width:100%;  }
 .subcontents .rankingcont .rankingwr {width: 296px;    min-height: 300px;    border-radius: 10px;    overflow: hidden;       background: #e5f0ff;   border: 1px solid rgba(0, 0, 0, 0.05);  }
  .subcontents .rankingcont .rankingwr dt {width:100%;padding:10px 15px 6px;}
 .subcontents .rankingcont .rankingwr dt h5{color:#282a2d; font-weight:500; font-size:1.15em; }
 .subcontents .rankingcont .rankingwr dd {width:100%; padding:0px 14px 14px;}
 .subcontents .rankingcont .rankingwr dd ul.ranklist {width:100%;display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; gap:7px; }
 .subcontents .rankingcont .rankingwr dd ul.ranklist li {width:100%; height:42px;display: grid;    grid-auto-flow: row;    grid-template-columns:56px 70px 1fr;    gap: 8px;   padding:0px 10px 0px 10px; align-items: center; background:#fff; border-radius:5px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); color:#282a2d; }
  .subcontents .rankingcont .rankingwr dd ul.ranklist li .rank {width:100%;color:#282a2d; display: grid;    grid-auto-flow: row;    grid-template-columns:24px 1fr;    gap:6px;align-items: center; font-size:1em; }
  .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; object-fit:cover;}
 .subcontents .rankingcont .rankingwr dd ul.ranklist li .name {width:100%; color:#000; text-align:right; font-weight:500; font-size:1em; 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:1em; }
 
 .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;  margin-top:50px;}
  .subcontents .maindaysalewr .mcontitle { }
 .subcontents .maindaysalewr a{display:block;width:100%; }
 .subcontents  .daysalecont {width:100%;  width: 100%;     display: grid;    grid-template-columns: repeat(4, 1fr);    align-items: flex-start;    gap:32px;    padding: 10px 0;  }
 .subcontents  .daysalecont dl.daysale {position: relative;     width: 100%;    height: 100%;      padding: 0px;    display: flex;    justify-content: flex-start;    align-items: flex-start;    flex-direction: column;    border-radius: 10px;   overflow: hidden;    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);    transition: .2s; }
 .subcontents  .daysalecont dl.daysale dt{width:100%; position:relative;    padding-top: calc(100% / 4 * 3); 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;transform: scale(1);     transition: .2s;    filter: blur(0px); }
 .subcontents  .daysalecont dl.daysale dt .imgwr img {    width: 100%;    height: 100%; object-fit: cover;}
 .subcontents  .daysalecont dl.daysale dt .sale {position:absolute; bottom:8px; left:8px; width:auto; height:34px; padding:0px 12px; display: flex;    justify-content: center;  align-items: center;gap:3px; background:#ff6139; color:#fff; border-radius:30px}
 .subcontents  .daysalecont dl.daysale dt .sale .ic {width:16px; opacity:0.9; }
  .subcontents  .daysalecont dl.daysale dt .sale .ic img {width: 100%;    height: auto; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(300deg) brightness(255%) contrast(255%);  }
  .subcontents  .daysalecont dl.daysale dt .sale strong {font-size:1.3em;} 
 .subcontents  .daysalecont dl.daysale dd {     width: 100%;    padding: 12px 15px 15px;    font-size: 1em;    color: #333;    display: flex;    justify-content: flex-start;    align-items: flex-start;    flex-direction: column;   line-height: 1.6;    max-height: 100%;}
 .subcontents  .daysalecont dl.daysale dd .txtwr {width:100%;display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column;   gap:4px;}
 .subcontents  .daysalecont dl.daysale dd .txtwr .sbj {width:100%;font-size:1.25em; 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:1em; color:#01a0e2;}
 

  .subcontents  .daysalecont dl.daysale:hover {  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.35);} 
  .subcontents  .daysalecont dl.daysale:hover  dt .imgwr {transform:scale(1.04); opacity: 0.6; filter: blur(2px);}
 
  .subcontents  .daysalecont .no-data{grid-column: 1 / -1;  }
  
 
 .subcontents .maincpgoodswr{width:100%;display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column;  margin-top:50px;}
 .subcontents .maincpgoodswr a{display:block;width:100%; }
 .subcontents  .cpgoodscont { width:100%; padding:5px 0 0px;    display: grid;     grid-template-columns: repeat(5, 1fr);    align-items: flex-start;  gap:32px;}

 .subcontents  .cpgoodscont dl.cpgoods {position:relative;width:100%;  height:100%; min-height:285px; padding: 0px; display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; border-radius:10px; overflow:hidden;box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);}
/*  .subcontents  .cpgoodscont dl.cpgoods:before {position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    border: 1px solid rgba(0, 0, 0, .1);    border-radius: 8px;    content: ""; z-index:1; border-radius:10px; } */
 .subcontents  .cpgoodscont dl.cpgoods dt{position:relative;   width: 100%; padding-top: calc(100% / 4 * 3);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; transform: scale(1);transition:.2s; filter: blur(0px); }
 .subcontents  .cpgoodscont dl.cpgoods dt .imgwr img {    width: 100%;    height: 100%; object-fit: cover;}
 .subcontents  .cpgoodscont dl.cpgoods dt .goodsic  {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  .cpgoodscont dl.cpgoods dt .prstat {display: flex;    justify-content: center;    align-items: center; height:26px; line-height:26px;padding:0px 6px 0px 6px;border-radius:5px; background:#FF6E49; color:#fff; font-size:0.85em; gap:4px; 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: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column;  padding:15px 14px 14px; 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:8px;}
 .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.15em; font-weight:400; 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: space-between;  align-items: center;  flex-direction: row-reverse; gap:4px; color:#333;line-height:1.5; border-top: 1px solid rgb(230 230 234 / 70%);     padding-top: 10px;    margin-top: 9px; }
  .subcontents  .cpgoodscont dl.cpgoods dd .infowr .end {font-size:0.85em; color:#01a0e2; }
  .subcontents  .cpgoodscont dl.cpgoods dd .infowr .end strong { font-weight:500;}
.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  .cpgoodscont a:hover dl.cpgoods dt .imgwr {transform:scale(1.04); opacity: 0.6; filter: blur(2px);}
 .subcontents  .cpgoodscont a:hover dl {  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.35);} 
 
.subcontents.dgme {padding-top:131px !important;}
 
 
 
 .subcontents .maindaangnwr{width:100%;display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; margin-top:50px;}
 .subcontents .maindaangnwr a{display:block;width:100%; }
 
  .subcontents.rankwr   {padding-top:200px;}
  .subcontents.rankwr.me {padding:80px 20px 40px;}
   .subcontents.rankwr .topsearchwr .searchbox .ic{position: absolute;    top: 50%;    left: 11px;    transform: translate(0, -50%);    opacity: 0.8; }
.subcontents.rankwr .topsearchwr .searchbox  .frm-normal {padding-left:50px;}
 .subcontents.rankwr  .sctop-menu.haswrap.first { position: fixed;    top: 70px;    left: 0px;    width: 100%;    z-index: 31;    border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
 .subcontents.rankwr  .selectdatewr {position: fixed; top:131px; left: 0px; width: 100%; z-index: 31;background: #fff;     padding: 10px 0 10px;    border-bottom: 1px solid #ccc; box-shadow:none;}
 .subcontents.rankwr  .selectdatewr .seldatelist {padding:0px;}
  .subcontents.rankwr  .selectdatewr .seldatelist button {min-width:58px;}
 .subcontents.rankwr  .selectdatewr .seldatelist button:hover { background:#fff; border: 1px solid rgba(0, 0, 0, 0.3);  }
 .subcontents.rankwr   .selectdatewr .seldatelist .monthwr {min-width:80px;background:#a5b4c0; border: 1px solid rgba(0, 0, 0, 0.07); color:#fff;} 
  .subcontents.rankwr   .selectdatewr .seldatelist .monthwr.active {background:#1aa9e5; }
 
 .subcontents.rankwr   .view-content.schreslistcont > .bbslistwr  {width: 100%;     display: grid;    grid-template-columns: repeat(4, 1fr);    align-items: flex-start;    gap: 50px 30px;    padding: 30px 0;}
 .subcontents.rankwr   .view-content.schreslistcont > .bbslistwr .no-data {grid-column: 1 / -1;  }
 
.subcontents.rankwr dl.ranklist {  position: relative;     width: 100%;    height: 100%;    padding: 0px;    display: flex;    justify-content: flex-start;    align-items: flex-start;    flex-direction: column;    border-radius: 10px;    overflow: hidden;    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);    transition: .2s;}
 .subcontents.rankwr dl.ranklist dt{width:100%; padding: 14px  12px; display: grid;    grid-auto-flow: row;    grid-template-columns: 58px 1fr; align-items: center; gap:12px;  }
 .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 dt .txtwr{width:100%; display: flex;    justify-content: flex-start;    align-items: flex-start;   flex-direction:column; gap:2px; }
.subcontents.rankwr dl.ranklist dt  .nick {width: 100%;    color: #1a1a1a;     font-weight: 500;    font-size: 1.15em;    height: 26px;    line-height: 26px;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;    text-overflow: ellipsis;}
.subcontents.rankwr dl.ranklist dt  .inline {width:100%; display: flex;    justify-content: flex-start;  align-items: center; gap:10px; margin-top:3px; }
 
.subcontents.rankwr dl.ranklist dt  .size {font-weight:400; font-size:1em; line-height:24px; display:inline-block; border-radius:5px; background:#1aa9e5; color:#fff; padding:0px 5px 0px 6px;}
.subcontents.rankwr dl.ranklist dt  .size strong {font-weight:500; }
.subcontents.rankwr dl.ranklist dt  .potname {font-size:1em; letter-spacing:-0.5px; color:#01a0e2;line-height:24px; height: 24px; display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;    text-overflow: ellipsis;}

.subcontents.rankwr dl.ranklist dd {position:relative; width:100%;display: flex;    justify-content: center;    align-items: center;    padding: 0;overflow:hidden; padding-top: calc(100% / 4.5 * 3);  }
 
  .subcontents.rankwr dl.ranklist dd   .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; transform: scale(1);    transition: .2s;    filter: blur(0px);}
.subcontents.rankwr dl.ranklist dd  .proimg img {    width: 100%;    height: 100%; object-fit: cover;}
  .subcontents.rankwr dl.ranklist dd   .date { position:absolute; top:8px; right:12px; font-size:0.85em; color:#fff; background:rgba(0,0,0,0.5); padding:2px 12px ;border-radius:20px; z-index:3;}

  .subcontents.rankwr  a:hover  dl.ranklist {  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.35);} 
  .subcontents.rankwr  a:hover  dl.ranklist dd .proimg{transform:scale(1.04); opacity: 0.6; filter: blur(2px);}

.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 .myrankwr {width:100%;}
.subcontents.rankwr .myrankwr ul  {width: 100%;     display: grid;    grid-template-columns: repeat(4, 1fr);    align-items: flex-start;    gap: 50px 30px;    padding: 30px 0;}
.subcontents.rankwr .myrankwr ul  .no-data {grid-column: 1 / -1;  }
 
.subcontents.rankwr .myrankwr .myrtitle {font-size: 1.2em;  line-height:1.3;  font-weight: 500;    color: #282a2d; width:100%; padding:0px;}

.subcontents.tidingwr .topsearchwr {padding:30px 0px 0px;  }
.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 0px; 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:500; font-size:1.15em;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:1em;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 #aaa; margin-top:10px;   border-bottom: 1px solid rgba(0,0,0,0.12);  padding: 20px 0px;    color: #212427;    line-height: 1.5;    display: flex;    flex-direction: column;   gap: 5px;}
.subcontents .writefrm dl.buyiteminfowr dt {width: 100%;    }
.subcontents .writefrm dl.buyiteminfowr dd {width: 100%;  font-size:1.1em;  }
 
.subcontents .writefrm dl.blackeditwr { padding:20px 0px 20px;}
 .subcontents .writefrm dl.blackeditwr dt{  font-weight:500; color:#121212; 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:400; color:#555;}
 
 
 .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 .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  .topsearchwr {padding-top:0px; margin-top:20px;}
.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.party{padding-top:100px;}
.subcontents.party .bbslistwr {    display: grid;    grid-template-columns: repeat(2, 1fr);    align-items: flex-start;    gap: 30px 40px; }
.subcontents.party   .bbslistwr .no-data {grid-column: 1 / -1;  }

.subcontents.party.subhome {padding-top:139px;}
.subcontents.party .selectdatewr  {position: fixed; top:70px; left: 0px; width: 100%; z-index: 31;background: #fff;     padding: 10px 0 10px;    border-bottom: 1px solid #ccc; box-shadow:none;}

.subcontents.togetherlist .bbslistwr {    display: flex; justify-content: flex-start;    flex-direction:column; gap:0;}
.subcontents.togetherlist .bbslistwr .listitemwr {display: grid;    grid-template-columns: repeat(3, 1fr);    align-items: flex-start;    gap: 30px  ; }
 

.subcontents.cpgpaywr .item-summary{      width: 100%;     border-radius: 10px;  padding:20px 24px;  overflow: hidden;    background: #fff;    border: 1px solid rgba(0, 0, 0, 0.1);    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);  display: flex; justify-content: flex-start;    flex-direction:column; gap:10px;}
.subcontents.cpgpaywr .item-summary dl:first-child{ border-top:none;}
.subcontents.cpgpaywr .item-summary dl {gap:0px; padding:15px 0px 16px; font-size:1em;display: grid;    grid-template-columns: 200px 1fr;    align-items: flex-start; }
.subcontents.cpgpaywr .item-summary dl dt {font-weight:400;}
.subcontents.cpgpaywr .item-summary dl dd {font-size:1.2em; font-weight:400;}
.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; line-height:28px; }
.subcontents.cpgpaywr .item-summary dl dd.price strong {font-weight:bold; font-size:1.25em; }
.subcontents.cpgpaywr .item-summary dl dd.name {  display: flex;    flex-direction: column;   }
.subcontents.cpgpaywr .item-summary dl dd.name span{color:#0e78cf;  width:100%; font-size:1em; font-weight:500;}
.subcontents.cpgpaywr .item-summary .respaytop {margin:10px auto;width:130px; height:130px; border-radius:70px; background:#f7f7f9;  display: flex; justify-content: center; align-items: center; }

.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 .btn-reqpayment:hover {background:#007aad;}
.subcontents.cpgpaywr .fixbotbtn .btn-reqpayment {width:auto; min-width:200px; padding:0px 20px; margin:0px; border-radius:0; height:64px; border-radius:5px;}
.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.4em; 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.mainwr  .daysalecont  {grid-template-columns: repeat(5, 1fr);}
.subcontents.mainwr .nodatawr  {width:100% !important; padding:5px 0px 0px !important; grid-column: 1 / -1;  }
 
 .subcontents.mainwr .no-data.main {    width: 100%;  min-height: 200px;    border-radius: 10px;    overflow: hidden;background:#eff0f4bf;    box-shadow: none; padding:25px 20px; display: flex; justify-content: flex-start;  align-items: center;  flex-direction:column; gap:20px;}
 .subcontents.mainwr .no-data.main .ic {width:120px; height:120px;  border-radius:70px; background:#fff; overflow:hidden; display: flex;   justify-content: center; align-items: center; margin-bottom:0px; }
 .subcontents.mainwr .no-data.main img {width:64%; height:auto;}
 .subcontents.mainwr .no-data.main .txt {width:100%; display: flex;   justify-content: center; align-items: center; color: #688297;  font-size:1em; word-break:keep-all;text-align:center; }


.respayguidewr {width:100%; padding:15px  0px 20px;}
.respayguidewr .rpgui-title {color:#333; line-height:1.5; font-size:1em; }
.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.95em; 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: 8px;}
.respayguidewr .rpgui-cont ul li {position:relative; padding-left:9px; font-size:1em; 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.myfrecv .resoptresultwr .item-summary .joinalert {position:relative;width:100%;   line-height: 1.5;  border-radius:5px;  margin-bottom:25px;  display: flex;    flex-direction: column;    gap: 3px;  border :1px solid rgba(0,0,0,0.05); background:#ffebe6; font-size:1em; color:#ff6e49; padding:12px 20px 12px 38px; word-break:keep-all;}
.subcontents.myfrecv .resoptresultwr .item-summary .joinalert:before {position:absolute; top:12px; 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:#fff; padding:15px 0px 0px ; gap:10px; }
 .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:30px; font-weight:400; line-height:1.2;font-size:0.9em; letter-spacing:-0.5px; padding:0px 6px; background:#f2f2f2; border: 1px solid rgba(0,0,0,0.07); color:#656565;border-radius: 5px; display: flex;   justify-content: center; align-items: center;  }
  .subcontents .sortlistwr dd button:hover {background:#fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);border: 1px solid rgba(0,0,0,0.3);}
 .subcontents .sortlistwr dd button.active{background:#688297; color:#fff; }
 

 
.subcontents.resevfinview .resoptresultwr .item-summary .fishingsumm li.price {padding:15px 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:10px; }
.subcontents.resevfinview .resoptresultwr .item-summary .fishingseat dl dd button {min-width:100px;display: flex;  font-size:1em;  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:12px 10px; 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:8px 15px;display: grid;    grid-template-columns: 90px 1fr;     align-items: center;  background:#e5f0ff;    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 0px 5px; background:#fff;  }
.subcontents.resevfinview .item-naturewr dl{padding:10px 0px !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: 1px solid #aaa; margin-top:15px; padding:20px 0 40px; }
 
 .subcontents .item-detail .det-pic {width:100%;display: flex;   justify-content: flex-start; align-items: flex-start; gap:1px;}
.subcontents .item-detail .det-pic img {width:100%;}
 
 .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 { min-height:84px;background:#e9f4ff; color:#0c68b5 !important;  border-top:1px solid rgba(0,0,0,0.07); padding: 19px 25px  0 !important;     align-items: center;  font-size:1.1em; }
 
.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;}

.flysection  {top:70px !important; left:0px !important; bottom:auto !important; height:calc(100vh - 70px); }
 .flyhead { position:fixed;top:70px; left:0px;  width: 100%;  margin:0 auto ;display: flex;      justify-content: center;    align-items: center;   background:#f7f7f9;  z-index:1001; border-bottom:1px solid rgba(0,0,0,0.07);}
.flyhead .head-top{ position:relative;   margin:0 auto;  height:60px;width: 100%;  max-width:1320px; padding:0px 20px; display: flex;  -webkit-box-align: center;   align-items: center;  justify-content: center; }
.flyhead .head-top .ht-logo { font-size:1.3em; color:#000; font-weight:500;}  
.flyhead .head-top .ht-logo a {color:#000; display:block;}
.flyhead .head-top .ht-logo img{width:auto; height:28px;}
.flyhead .head-top .ht-logo .logoimg{padding-top:2px;}
.flyhead  .menu-open {position:absolute;top:0px; left:0px; width:58px; height:59px; font-size:1.8em;  padding-left:6px; color:#282a2d;  display: flex;      align-items: center;  justify-content: center;  }
.flyhead  .btn-alarm { position:relative; top:0px; right:0px; width:42px; height:42px; background:#e7eaed; border-radius:30px; font-size:1.4em;  color:#282a2d;  display: flex;      align-items: center;  justify-content: center;  }
.flyhead  .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); }
.flyhead  .menu-prev {position:absolute;top:0px; left:0px; width:58px; height:59px;  font-size:1.8em; padding-right:5px;  color:#282a2d;  display: flex;      align-items: center;  justify-content: center;  }
.flyhead  .menu-prev img {width:auto; height:70%;}
.flyhead  .btn-home{position:absolute;top:0px; left:0px; width:58px; height:59px; font-size:1.8em;   padding-left:4px; color:#282a2d;  display: flex;      align-items: center;  justify-content: center;  }


.subcontents.dgeditfrm {padding-top:131px !important; }
.flysection .subcontents  {padding-top:61px !important; }

.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; }


.mbotcopy {width:100%; background:#f2f2f2; padding:30px 0px;border-top:1px solid rgba(0,0,0,0.05); margin-top:20px;}
.mbotcopy .wrap { display:flex;justify-content: flex-start; align-items: flex-start;flex-direction:column;   }
.mbotcopy h3{font-weight:500; font-size:1em;}
.mbotcopy ul {width:100%;display:flex;justify-content: flex-start; align-items: flex-start;   gap:35px;font-size:0.9em; color:#737373; font-weight:300; padding:15px 0; }
.mbotcopy ul li { display: flex;   justify-content: flex-start; align-items: center; gap:5px;}
 
.mbotcopy .botalert {font-size:0.9em;font-weight:300;  color:#737373;}
.mbotcopy .botcopy {font-size:0.8em;font-weight:300;color:#737373; }

.cancelguidetxt { width: 100%;   background:#eff0f4;   position: relative; display:flex;justify-content: flex-start; align-items: flex-start;flex-direction:column;gap:3px;   padding: 12px 18px 16px 36px;    color: #333;    font-size: 0.925em;    word-break: keep-all; border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);}
.cancelguidetxt  span {     position: absolute;    top: 12px;    left: 18px; }
.cancelguidetxt dt {width:100%;font-weight:500; }
.cancelguidetxt dd { width:100%;  }
.cancelguidetxt dd strong {font-weight:500;text-decoration: underline;     text-decoration-color: #ffee57;    -webkit-text-decoration-skip: ink;    text-decoration-skip-ink: auto;    -webkit-text-decoration-skip-ink: none;    text-decoration-skip-ink: none;    text-decoration-thickness: 7px;    text-underline-offset: -1px;}

.subcontents .fixbotbtn .wrap.btnonlyic {gap:10px;}
.subcontents .fixbotbtn .wrap.btnonlyic button {position:relative;min-width:80px;display: flex;     justify-content: center;    align-items: center;transition: all .25s ease;border:1px solid #e7eaed;}
.subcontents .fixbotbtn .wrap.btnonlyic button:hover  {background:#fff; border-color:rgba(0, 0, 0, 0.3);} 
.subcontents .fixbotbtn .wrap.btnonlyic button span {display:none;}
.subcontents .fixbotbtn .wrap.btnonlyic button:hover img { filter: invert(49%) sepia(83%) saturate(1658%) hue-rotate(164deg) brightness(90%) contrast(100%);  }
.subcontents .fixbotbtn .wrap.btnonlyic button.pointbtn {width: auto;    min-width: 200px;     height: 54px;    font-size: 1.1em;    font-weight: 500;    color: #fff;    padding: 0px 30px;    background: #0C68B5;    border: 1px solid rgba(0, 0, 0, 0.07);    border-radius: 5px;    display: flex;    align-items: center;    justify-content: center;   gap: 14px; }
.subcontents .fixbotbtn .wrap.btnonlyic button.pointbtn img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(183deg) brightness(200%) contrast(200%);}
.subcontents .fixbotbtn .wrap.btnonlyic button.pointbtn span{display:inline-block;}
.subcontents .fixbotbtn .wrap.btnonlyic button.pointbtn:hover {background:#203e95 ;}

.subcontents .fixbotbtn .wrap  button.btn-iconly  {position:relative;min-width:80px;height: 64px;display: flex;     justify-content: center;    align-items: center;transition: all .25s ease;border:1px solid #e7eaed;}
.subcontents .fixbotbtn .wrap  button.btn-iconly:hover  {background:#fff; border-color:rgba(0, 0, 0, 0.3);} 
.subcontents .fixbotbtn .wrap  button.btn-iconly span {display:none;}
.subcontents .fixbotbtn .wrap  button.btn-iconly:hover img { filter: invert(49%) sepia(83%) saturate(1658%) hue-rotate(164deg) brightness(90%) contrast(100%);  }
.subcontents .fixbotbtn .wrap  button.icwhite img { filter: invert(99%) sepia(3%) saturate(40%) hue-rotate(228deg) brightness(150%) contrast(100%);}

.subcontents .fixbotbtn .wrap.mydg  button{width: auto;    min-width: 200px;     height: 54px;    font-size: 0.95em;    font-weight: 400;    color: #fff;    padding: 0px 30px;    background: #0C68B5;    border: 1px solid rgba(0, 0, 0, 0.07);    border-radius: 5px;    display: flex;    align-items: center;    justify-content: center;   gap: 14px;opacity:1.0; }
.subcontents .fixbotbtn .wrap.mydg  button:hover {opacity:0.6;}
.subcontents .fixbotbtn .wrap.mydg  button.btn-option {     background: #869bac;}
.subcontents .fixbotbtn .wrap.mydg  button.up {    background: #FF6E49;}
.subcontents .fixbotbtn .wrap.mydg  button.inonly {position:relative;min-width:80px;display: flex;     justify-content: center;    align-items: center;transition: all .25s ease;border:1px solid #e7eaed;background:#fff; gap:0; padding:0;}
.subcontents .fixbotbtn .wrap.mydg  button.inonly:hover  {background:#fff; border-color:rgba(0, 0, 0, 0.3);opacity:1.0;} 
.subcontents .fixbotbtn .wrap.mydg  button.inonly span {display:none;}
.subcontents .fixbotbtn .wrap.mydg  button.inonly:hover img { filter: invert(49%) sepia(83%) saturate(1658%) hue-rotate(164deg) brightness(90%) contrast(100%);  }
.subcontents .fixbotbtn .wrap  .btn-like {background:#fff; border:1px solid #cfd7e0;}
.subcontents .fixbotbtn .wrap  .btn-like:hover {border-color:#999;}
.subcontents .bbsviewwr {padding-top:30px;}
.subcontents .bbsviewwr  dl  ,  .subcontents .item-summary dl, .subcontents .bbsviewwr .listitem, .subcontents .bdtopbox    {padding:30px 0;}
.subcontents .item-naturewr dl.dam  , .subcontents .item-naturewr dl.pond, .subcontents .bbsviewwr  .item-summary dl.fishingspotinfowr, .subcontents .item-summary #wrap_weather dl  {padding:25px 0;}
.subcontents .bbsviewwr .listitem dl.hasmemo {padding:8px 0  ;}
.subcontents .bbsviewwr .userinfowr {position:fixed; top:170px; left:50%; margin-left:-640px; width:360px; padding:20px 18px;     border-radius: 10px;    overflow: hidden;  background:#fff; border:1px solid rgba(0,0,0,0.1); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); }
.subcontents .bbsviewwr .listitem.userinfowr .item-head {display:flex; justify-content: flex-start; align-items: flex-start;flex-direction:column;}
.subcontents .bbsviewwr .listitem.userinfowr .item-head  .user {padding:0px;align-items: flex-start;}
.subcontents .bbsviewwr .listitem.userinfowr .item-head  .user .name {font-size:1.1em; font-weight:500;}
.subcontents .bbsviewwr .listitem.userinfowr .item-head  .type {width:100%;display:flex; justify-content: flex-start; align-items: center;flex-direction:row; padding:5px 0 5px 54px; gap:4px;}
.subcontents .bbsviewwr .listitem.userinfowr .item-head  .type1, .subcontents .bbsviewwr .listitem.userinfowr .item-head  .livest {height:26px;border-radius: 5px; font-size:0.9em;  } 
.subcontents .bbsviewwr .listitem.userinfowr .item-head  .pronum  {font-size:0.95em; }
.subcontents .bbsviewwr .listitem.userinfowr .item-head  .txtwr .hasright {padding-right:80px;}
.subcontents .bbsviewwr .listitem.userinfowr .item-head .score {position:absolute; right:18px; top:16px ;display: flex; justify-content: flex-start; align-items: center; flex-direction:column; font-size:0.85em;line-height:1.4; color:#333;gap:3px;}
.subcontents .bbsviewwr .listitem.userinfowr .item-head .score  span{display: flex;    justify-content: flex-start;    align-items: center;   flex-direction:column; line-height:1.2; color:#688297; font-weight:500;}
.subcontents .bbsviewwr .listitem.userinfowr .item-head .score span em {font-style:normal; font-size:0.9em;font-weight:400;  }
.subcontents .bbsviewwr .listitem.userinfowr .item-head .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 .bbsviewwr .listitem.userinfowr .item-head .score strong em {font-style:normal; margin:0px; padding:0; }
.subcontents .bbsviewwr .listitem.userinfowr .item-head .score strong em.pt {color:#fff;}
.subcontents .bbsviewwr .listitem.userinfowr .item-head .score strong em.unit { font-size:0.8em; font-weight:300; opacity:0.8;}

 
 
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont {width:100%;display:flex; justify-content: flex-start; align-items: flex-start;flex-direction:column;border-top: 1px solid #eaeaf0; margin-top:15px; padding-top:15px;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .type { display:flex; justify-content: flex-start; align-items: center;gap:4px; }
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .type1 {  padding:0px 10px 0px 6px; height:24px;border-radius:20px;display: flex; justify-content: center; align-items: center; gap:2px; border:1px solid #01a0e2; background:#fff; color:#01a0e2; font-size:0.85em; font-weight:500;}

.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .livest { padding:0px 10px 0px 8px; height:24px;border-radius:20px;display: flex; justify-content: center; align-items: center; gap:4px; background:#ff3434; color:#fff; font-size:0.8em;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .type.livelist .type1, .subcontents  .listitem.userinfowr .item-cont .type.livelist .livest{height:24px;  display:grid;     grid-template-columns:16px 1fr;     align-items: center; }
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .type.livelist .type1 span, .subcontents  .listitem.userinfowr .item-cont .type.livelist .livest span{width:100%; display: flex; justify-content: flex-end; align-items: center; }
.subcontents .bbsviewwr .listitem.userinfowr .item-cont .type .type1 img  {width:auto; height:18px; filter: invert(41%) sepia(71%) saturate(1235%) hue-rotate(166deg) brightness(99%) contrast(99%); }
 .subcontents .bbsviewwr  .listitem.userinfowr .item-cont .type.livelist img {width:auto; height:18px;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .livest .ic {  animation: blink-effect 1s step-end infinite ;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .itemsbj {width:100%;display:flex; justify-content: flex-start; align-items: flex-start;flex-direction:column; padding:10px 0 3px;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .itemsbj h4{width:100%; line-height:1.5; font-size:1.3em; font-weight:400; color:#000; }
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .itemsbj.sitego  {align-items: center;flex-direction:row; cursor:pointer; gap:8px;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .itemsbj.sitego  h4 {width:auto;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .itemsbj.sitego .ic{display: flex; justify-content: center; align-items: center; width:32px; height:32px; border-radius:20px; background:#01a0e2; padding:7px; border:1px solid rgba(0,0,0,0.05);    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.2);}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .itemsbj.sitego .ic img {width:100%; height:auto; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(124deg) brightness(255%) contrast(103%);}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .itemsbj.sitego:hover .ic {background:#007aad;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .it-category {width:100%; display: flex;  line-height:1.3;   justify-content: flex-start;    align-items: center; gap:7px; font-size:0.95em; color:#848f9a;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .it-category span {position:relative; padding-left:17px;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .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 .bbsviewwr  .listitem.userinfowr .item-cont .it-category .step1 {}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .it-category span:first-child {padding-left:0px;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .it-category span:first-child:before {display:none;} 
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .it-category span:last-child {font-weight:500;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .it-price{ width:100%; display:flex; justify-content: flex-start; align-items: flex-end;color:#01a0e2; gap:4px;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .it-price strong {font-size:1.25em;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .it-delivery { width:100%; display:flex; justify-content: flex-start;align-items: flex-start;gap:6px; margin-top:10px;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .it-delivery span{font-size:0.95em; font-weight:400; display:flex; justify-content: center;align-items: center; color:#fff; border-color: rgba(0, 0, 0, 0.05);    background: #9eaec0;    padding: 4px 15px 4px 15px; border-radius:25px; }
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .it-delivery span.direct {background:#526778;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .statswr {width:100%;  display:flex; justify-content: flex-start;align-items: center; font-size:0.95em;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .statswr  span {background:#019e9a; color:#fff;display: flex;   justify-content: center; align-items: center;  padding:0px 10px; border-radius:5px; height:28px; }
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .statswr  span.finish {background:#555; }
 

.subcontents .bbsviewwr  .listitem.userinfowr .item-cont.nohead {margin-top:0px; padding-top:0px; border-top:none;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont.nohead .itemsbj {padding-top:0px;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont.nohead .itemsbj h4 {font-weight:500;font-size:1.35em;  }
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont.nohead .itemsbj   span {font-size:1.3em; }
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont.nohead .itemsbj  .area {font-size:1.1em; font-weight:500; color:#01a0e2; padding-top:2px; }
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont.nohead .selexptxt {width:100%;  border-top: 1px solid #eaeaf0;     margin-top: 13px;    padding-top: 14px; }
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont.nohead .selresultwr  {width:100%; display:flex; justify-content: flex-start; align-items: flex-start;flex-direction:column;padding-top: 10px;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont.nohead .selresultwr .tt span{ padding: 0px 6px 0px 6px;    height: 24px;    border-radius: 20px;    display: flex;    justify-content: center;    align-items: center;    gap: 2px;    border: 1px solid #01a0e2;    background: #fff;    color: #01a0e2;    font-size: 0.85em;    font-weight: 500; }
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont.nohead .selresultwr .txt {font-weight:500;font-size:1.2em; color:#01a0e2; padding-top:8px; }
.subcontents .bbsviewwr .listitem.userinfowr .item-cont .det-time {width:100%; border-top: 1px solid #eaeaf0; border-bottom:1px solid #eaeaf0; margin:10px 0 6px; padding:8px 1px; display:flex; justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:4px;}
.subcontents .bbsviewwr .listitem.userinfowr .item-cont .det-time li {width:100%; display: grid;    grid-template-columns: 64px 1fr;  gap:4px;  align-items: center; color:#000;}
.subcontents .bbsviewwr .listitem.userinfowr .item-cont .det-time li .tt {color:#688297; font-size:0.95em; }
.subcontents .bbsviewwr .listitem.userinfowr .selfishdate {width:100%; display:flex; justify-content: flex-start; align-items: flex-start;flex-direction:column; border-top: 1px solid #eaeaf0;     margin-top: 13px;    padding-top: 14px;}
.subcontents .bbsviewwr .listitem.userinfowr .selfishdate li {width:100%; display:flex; justify-content: flex-start; align-items: flex-start;flex-direction:column;}
.subcontents .bbsviewwr .listitem.userinfowr .selfishdate li .tt {width:100%; color:#688297; font-size:1em;}
.subcontents .bbsviewwr .listitem.userinfowr .selfishdate li .date {width:100%; font-size:1.05em;display:flex; justify-content: flex-start; align-items: flex-start;flex-direction:column;color:#666;}
.subcontents .bbsviewwr .listitem.userinfowr .selfishdate li .date strong {width:100%;font-size:1.25em; color:#000;font-weight:500;}
.subcontents .bbsviewwr .listitem.userinfowr .selfishdate li .date  span {width:100%;color: #01a0e2; font-weight:500;}


.subcontents .bbsviewwr .listitem.userinfowr .resdatevdet{width:100%; display:flex; justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:5px; border-top: 1px solid #eaeaf0;     margin-top: 13px;    padding-top: 14px;}
.subcontents .bbsviewwr .listitem.userinfowr .resdatevdet .tt {color: #688297;    font-size: 0.95em; }
.subcontents .bbsviewwr .listitem.userinfowr .resdatevdet .txt {width:100%; display:flex; justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:2px;}
.subcontents .bbsviewwr .listitem.userinfowr .resdatevdet .txt h5 {color:#000; font-size:1.15em; font-weight:500;}
.subcontents .bbsviewwr .listitem.userinfowr .resdatevdet .txt strong {font-weight:400; color:#666;}
.subcontents .bbsviewwr .listitem.userinfowr .resdatevdet .txt span {color:#01a0e2;}
.subcontents .bbsviewwr .listitem.userinfowr .proinfo .price {width: 100%;    display: flex;    justify-content: flex-start;    align-items: flex-end;    color: #01a0e2;    gap: 4px;}
.subcontents .bbsviewwr .listitem.userinfowr .proinfo .price strong {font-size:1.25em;}
.subcontents .bbsviewwr .listitem.userinfowr .proinfo .psumm{display: flex;    justify-content: flex-end;    align-items: center; gap:20px; margin-top:8px;}
.subcontents .bbsviewwr .listitem.userinfowr .proinfo .psumm .ic {opacity:0.7;}
.subcontents .bbsviewwr .listitem.userinfowr .proinfo .psumm .ic img{width:auto; height:20px;}
.subcontents .bbsviewwr .listitem.userinfowr .proinfo .psumm span {display:inline-block; line-height:1.2; padding-top:2px; font-size:0.95em; color:#666;}
.subcontents .bbsviewwr .listitem.userinfowr .proinfo .psumm .buy, .subcontents .bbsviewwr .listitem.userinfowr  .proinfo .psumm .view {display: flex;    justify-content: flex-end;    align-items: center; gap:6px;}

.subcontents .bbsviewwr .listitem.userinfowr .reserseatwr {  display: flex;    justify-content: flex-start;    align-items: flex-end;  gap:6px; color:#01a0e2; }
.subcontents .bbsviewwr .listitem.userinfowr .reserseatwr .tt{font-size:0.95em;display:inline-block; margin-bottom:2px;}
.subcontents .bbsviewwr .listitem.userinfowr .reserseatwr .txt { font-size:1.2em; }

.subcontents .bbsviewwr .listitem.userinfowr .item-cont .majordata {width:100%; margin:10px 0 0px;  display:flex; justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:6px;}
.subcontents .bbsviewwr .listitem.userinfowr .item-cont .majordata li {width:100%; padding:5px 12px;  height:44px; display: grid;    grid-template-columns: 70px 1fr;  gap:4px;  align-items: center; color:#000; font-size:1em;border: 1px solid rgba(0, 0, 0, 0.03);     background: #faedee; border-radius:7px ;}
.subcontents .bbsviewwr .listitem.userinfowr .item-cont .majordata li:first-child {background:#f2f2f2;}
.subcontents .bbsviewwr .listitem.userinfowr .item-cont .majordata li .tt {width:100%; color:#666; font-size:0.95em; }
.subcontents .bbsviewwr .listitem.userinfowr .item-cont .majordata li .txt {width:100%; color:#121212; font-size:1.1em;  display:flex; justify-content: flex-start; align-items: center; gap:3px;}
.subcontents .bbsviewwr .listitem.userinfowr .item-cont .majordata li .txt strong {font-size:1.1em;}
.subcontents.fspotdetail .bbsviewwr  .fsoptbtntopwr {margin-top:10px;}
.subcontents .bbsviewwr.cpchat {padding-bottom:30px;}
.subcontents .bbsviewwr.cpchat .listitem.userinfowr .item-head .user{    grid-template-columns: 100px 1fr;   gap: 16px; }
 .subcontents .bbsviewwr.cpchat .listitem.userinfowr .imgwr { position: relative;    width: 100%; height:auto;   padding-top: calc(100% / 4 * 3);    border-radius: 5px;    overflow: hidden; }
.subcontents .bbsviewwr.cpchat .listitem.userinfowr .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 .bbsviewwr.cpchat .listitem.userinfowr .imgwr .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 .bbsviewwr.cpchat .listitem.userinfowr .item-cont {margin-top:18px; padding-top:8px;}
.subcontents .bbsviewwr.cpchat .listitem.userinfowr .imgwr  .prstat.end {     background: #7f8a93;    color: rgba(255,255,255,0.85);}
.subcontents .bbsviewwr.cpchat .listitem.userinfowr  .item-head .date {font-size:0.95em;}
.subcontents .bbsviewwr.cpchat .listitem.userinfowr .item-head  .info{width:100%;display:flex; justify-content: flex-start; align-items: flex-start;flex-direction:column; padding-left:2px; }
.subcontents .bbsviewwr.cpchat .listitem.userinfowr .item-head   .info .nick { color:#000; font-size:1.1em; font-weight:500;margin-top:7px;}
.subcontents .bbsviewwr.cpchat .listitem.userinfowr .item-head  .info .area {width:auto; font-size:0.925em; font-weight:500; line-height:22px; height:22px;  padding:0px 10px;   border: 1px solid #01a0e2;    background: #fff;    color: #01a0e2;display: flex;    justify-content: center;    align-items: center;  border-radius:20px;}
.subcontents .bbsviewwr.cpchat .item-chat.boxwr {  margin-top:10px;width:100%;   border-radius: 10px;    overflow: hidden;  background:#fff; border:1px solid rgba(0,0,0,0.1); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);}
.subcontents .bbsviewwr.cpchat .item-chat.boxwr .commentwr {border-top:none; padding:10px 0;  }
.subcontents .bbsviewwr.cpchat .item-chat.boxwr .commentwr .chattingwr li {padding:8px 24px;}
.subcontents .bbsviewwr.cpchat .item-chat.boxwr  .chattingwr  .talkbox {padding:12px 18px;} {padding:12px 18px;}
.subcontents .bbsviewwr.cpchat .item-chat.boxwr  .chattingwr  .talkbox .nick {opacity:0.8;}
.subcontents .bbsviewwr.cpchat .item-chat.boxwr  .chattingwr  .talkbox .memo {font-size:1.1em;}
.subcontents .bbsviewwr.cpchat .item-chat.boxwr .chattingwr dl  {padding:0px 54px;}
.subcontents .bbsviewwr.cpchat .item-chat.boxwr .chattingwr dl .userimg {width:44px ;height:44px ;border-radius:30px;}
.subcontents .bbsviewwr.cpchat .item-chat.boxwr .chattingwr .date {font-size:0.85em;padding-top:6px;}
.subcontents .bbsviewwr .halfwr {width:100%; display: grid;    grid-template-columns: repeat(2, 1fr);  gap:40px;  align-items: flex-start; padding-top:0px;   }
.subcontents .bbsviewwr  .item-naturewr { background:transparent !important;}
.subcontents .bbsviewwr  .item-naturewr dl {padding:25px 0px !important; }
 

.subcontents .bbsviewwr  dl dt.summtitle, .subcontents .item-naturewr dl.dam dt, .subcontents .item-naturewr dl.pond dt, .subcontents .item-summary dl dt, .subcontents .sumbdtitle, .subcontents .fspotviewwr .item-detail dl dt {font-size:1.1em;  line-height:1.5;color:#212417;position:relative; padding:0px 0 0 16px; margin-bottom:8px; /*text-decoration: underline;     text-decoration-color: #97e2ff;    -webkit-text-decoration-skip: ink;    text-decoration-skip-ink: auto;    -webkit-text-decoration-skip-ink: none;    text-decoration-skip-ink: none;   text-decoration-thickness: 8px;    text-underline-offset: -3px;*/}
.subcontents .bbsviewwr  dl dt.summtitle:before, .subcontents .item-naturewr dl.dam dt:before, .subcontents .item-naturewr dl.pond dt:before, .subcontents .item-summary dl dt:before, .subcontents .sumbdtitle:before, .subcontents .fspotviewwr .item-detail dl dt:before {position:absolute; left:0px; top:3px;  width:8px; height:18px; border-radius:5px; background:#01a0e2; content:'';}
.subcontents .bbsviewwr  dl dt.summtitle:after, .subcontents .item-naturewr dl.dam dt:after, .subcontents .item-naturewr dl.pond dt:after, .subcontents .item-summary dl dt:after, .subcontents .sumbdtitle:after, .subcontents .fspotviewwr .item-detail dl dt:after {position:absolute; left:2px; top:5px;  width:4px; height:4px; border-radius:5px; background:#fff; content:'';}
.subcontents .bbsviewwr   .item-bottom li  {font-size:1.1em; line-height:26px;}
.subcontents .bbsviewwr   .item-bottom li .ic {width:20px; }
.subcontents .bbsviewwr   .item-bottom li .ic img{width:100%;}

.subcontents .bbsviewwr  .listitem.userinfowr .item-cont .fspotinfodate .potname {width:100%; line-height:1.5; font-size:1.35em; font-weight:400; color:#000; padding:12px 0 6px;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont  .fspotinfodate .potaddr {padding:0px 0 10px;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont  .fspotinfodate .potaddr .ic {width:18px; }
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont  .fspotinfodate .potaddr .ic img{width:100%;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont  .fspotinfodate .potaddr .txt {font-size:1em; padding-top:2px;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont  .btn-fspotreserve {padding: 10px 15px 10px 20px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont  .btn-fspotreserve .txt {color:#fff; font-size:1.15em; font-weight:400;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont  .btn-fspotreserve:hover {background:#007aad;box-shadow:none; }
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont  .shopconnectwr {margin-top:20px;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont  .shopconnectwr button {box-shadow:none; border-color:rgba(0,0,0,0.05); background:#cfd7e0; padding:6px 12px 6px 15px;}
 .subcontents .bbsviewwr  .listitem.userinfowr .item-cont  .shopconnectwr button .txt {color:#121212; font-size:1.05em;}
.subcontents .bbsviewwr  .listitem.userinfowr .item-cont  .shopconnectwr button:hover { background:#919ba6;}
  .subcontents .bbsviewwr  .listitem.userinfowr .item-cont  .shopconnectwr button:hover .txt {color:#fff;}
.subcontents .bbsviewwr  .listitem .item-cont   .btn-fspotbuy {margin:14px 0 0; width:100%; height:58px; display:flex; justify-content: center; align-items: center;  color:#fff; font-size:1.15em;   background: #01a0e2;    border-radius: 7px;   overflow: hidden;     border: 1px solid rgba(0, 0, 0, 0.05); padding: 0px 20px  0px 20px;    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);}
.subcontents .bbsviewwr  .listitem .item-cont   .btn-fspotbuy:hover {background:#007aad; box-shadow: none;}
  .subcontents .bbsviewwr .listitem.userinfowr .chatguideside {color:#121212; width:100%;  display:flex; justify-content: flex-start; align-items: flex-start;  gap:5px;margin:14px 0 0;  }
    .subcontents .bbsviewwr .listitem.userinfowr .chatguideside strong {color:#ff6139;}
.subcontents .bbsviewwr  .item-desc {line-height:1.8;}

.subcontents .bbsviewwr  .commentwr dl {padding:0px 0;}
.subcontents .bbsviewwr  .commentwr dl dt{padding-left:0px; margin-bottom:0px;}
.subcontents .bbsviewwr  .commentwr dl dt:before {display:none;}
.subcontents .bbsviewwr   .commitem dl dd .comm-head .name {font-size:1em;}
.subcontents .bbsviewwr   .commitem dl dd .comm-head .date {font-size:0.95em;}
.subcontents .bbsviewwr  .commitem dl dd .comm-cont {font-size:1.1em; color:#555;}

.subcontents .bbsviewwr.cpgoodsinfo .cancelguidetxt  {padding:12px 18px 16px 36px;}

 .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 .netwviewwr .netwvuser  {position:fixed; top:170px; left:50%; margin-left:-640px; width:360px; padding:20px 18px;     border-radius: 10px;    overflow: hidden;   border:1px solid rgba(0,0,0,0.1); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); }
.subcontents .netwviewwr .netwvuser   .item-head {display:flex; justify-content: flex-start; align-items: flex-start;flex-direction:column;}
.subcontents .netwviewwr .netwvuser   .item-head  .user {padding:0px;align-items: flex-start;}
.subcontents .netwviewwr .netwvuser   .item-head  .user .name {font-size:1.1em; font-weight:500;}
.subcontents .netwviewwr .netwvuser  .item-head  .type {width:100%;display:flex; justify-content: flex-start; align-items: center;flex-direction:row; padding:5px 0 5px 54px; gap:4px;}
 .subcontents .netwviewwr  .mrealtimefishwr.record {margin-top:0px;    padding: 32px 0px 32px 460px;}
.subcontents .netwviewwr .record .myrecordwr .myfrecord { grid-template-columns: 320px 1fr; gap:30px;}
.subcontents .netwviewwr .record .myrecordwr .myfrecord .fishinfowr {display:grid;     grid-template-columns:1fr 1fr ;gap:10px;   align-items: flex-start;}
.subcontents .netwviewwr .record .myrecordwr .myfrecord .catchinfowr ul li {flex-direction:column;justify-content: center; align-items: center; height:54px; gap:3px; padding:2px;}
.subcontents .netwviewwr  .record .myrecordwr .myfrecord .catchinfowr ul li strong {font-size:0.9em; }
.subcontents .netwviewwr  .record .myrecordwr .myfrecord .allgetnum {    border-top: 1px solid #eaeaf0;     margin-top: 15px;    padding-top: 10px}
.subcontents .netwviewwr .record .myrecordwr .myfrecord .fishinfowr .txtwr {width:100%; line-height:1.3;}
.subcontents .netwviewwr .record .myrecordwr .myfrecord .fishinfowr .name {color:#000; font-size:1.3em; font-weight:500;}
.subcontents .netwviewwr .record .myrecordwr .myfrecord .fishinfowr .size {color:#01a0e2;font-weight:400; margin-top:5px; font-size:1.1em;}
.subcontents .netwviewwr .record .myrecordwr .myfrecord .fishinfowr .detail {margin-top:8px; }
.subcontents .netwviewwr .record .myrecordwr .myfrecord .fishinfowr .detail .potname {color:#333;}
.subcontents .netwviewwr .record .myrecordwr .myfrecord .fishinfowr .detail .date {font-size:0.9em;margin-top:5px; }

.subcontents.writemode {padding-top:131px; padding-bottom:50px;}
.subcontents.writemode .bbswritewr{padding:20px 0;}

.subcontents.resinfocalendar  .bbsviewwr  .selectoptionwr {margin-top:10px ;padding: 20px 24px;  border-radius:10px;    border: 1px solid rgba(0, 0, 0, 0.1);    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);}
.subcontents.resinfocalendar  .bbsviewwr  .selectoptionwr .caldatt button {font-size:1em; font-weight:400; height:34px;border: 1px solid rgba(0, 0, 0, 0.05); border-radius:3px;}
.subcontents.resinfocalendar  .bbsviewwr  .selectoptionwr .caldatt  {border-bottom:none; }
.subcontents.resinfocalendar   .bbsviewwr  .selectoptionwr .calendarbox li button {font-size:1.05em;}
.subcontents.resinfocalendar   .bbsviewwr  .selectoptionwr .calendarbox li button:hover {border: 1px solid rgba(0, 0, 0, 0.15);  color:#333; background:#ff8e73 !important;}
.subcontents.resinfocalendar  .bbsviewwr  .selectoptionwr .calendarbox li button .month {min-width:26px; height:24px;}
.subcontents  .bbsviewwr   .resoptresultwr .item-imgwr img {width:100%;}
.subcontents.resevfinview   .bbsviewwr   .resoptresultwr .item-summary .fishingseat dl dt {  font-weight:500;  font-size: 1.1em;     line-height: 1.5;    color: #212417;    position: relative;    padding: 0px 0 0 16px;   margin-bottom: 8px;}


.subcontents.noleft .bbsviewwr.fishinfo  {padding-left:0px; width:820px; margin:0 auto; padding-top:20px;}
.subcontents.noleft .bbsviewwr.fishinfo .listitem {padding:0px;}
.subcontents.noleft .bbsviewwr.fishinfo .listitem .item-head {border-bottom: 1px solid #eaeaf0;   padding-bottom:12px;  }
.subcontents.noleft .bbsviewwr.fishinfo .listitem .item-desc {padding-top:15px;}
.subcontents.noleft .bbsviewwr.fishinfo .listitem .hasmemo {padding:25px 0 8px;}

.subcontents.cpgpaywr .resevpaywr {width:820px; margin:0 auto; padding:40px 0px 40px;}
.subcontents.myset .wrap   {width:820px; margin:0 auto; padding:40px 0px 40px;}
.subcontents.myset .fixbotbtn .wrap {padding:0px;}
 
.subcontents.writemode .fixbotbtn .wrap, .subcontents.dgeditfrm  .fixbotbtn .wrap, .subcontents .writecomm .wrap, .subcontents.mypwedit .fixbotbtn .wrap{width:860px; }

.subcontents  .item-resfinwr .fishingsumm.itboxwr { margin-bottom:30px;padding: 15px 24px 16px;     border-radius: 0px;    overflow: hidden;    background: #fff;    border: 1px solid rgba(0, 0, 0, 0.1);    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);} 
.subcontents  .item-resfinwr .fishingsumm.itboxwr li {padding:12px 0; display: grid;    grid-auto-flow: row;    grid-template-columns: 120px 1fr;    gap: 0px;    align-items: flex-start; }
.subcontents  .item-resfinwr .fishingsumm.itboxwr li .txt { justify-content: flex-start; }

.subcontents  .item-resfinwr .bgboxwr {background:#f7f7f9; padding:20px; border-radius:3px; border:1px solid rgba(0,0,0,0.07);}
.subcontents  .item-resfinwr .lineboxwr {background:#f0f7ff; padding:20px; border-radius:3px; border:1px solid rgba(0,0,0,0.07);}
.subcontents  .item-resfinwr .bankinfowr .lineboxwr ul.alert {margin-top:15px; margin-bottom:15px;}

 .subcontents.vodlistwr .bbslistwr .listitem  {padding-bottom:48px; }
 .subcontents.vodlistwr .bbslistwr .listitem dl {padding-bottom:0px;}
.subcontents.vodlistwr .bbslistwr .listitem dl dt { padding-top: calc(100% / 5 * 3); }
 .subcontents.vodlistwr .bbslistwr .listitem dl dt .proimg { }
 .subcontents.vodlistwr .bbslistwr .listitem dl dd {padding:15px 20px ;}
 .subcontents.vodlistwr .bbslistwr .listitem dl dd .it-desc { width:100%;  line-height:1.7;display:-webkit-box;   -webkit-line-clamp:3;   -webkit-box-orient:vertical;  white-space:normal;    overflow:hidden;   text-overflow:ellipsis;}
 .subcontents.vodlistwr .bbslistwr .listitem .item-bottom {position:absolute; bottom:0px; left:0px;display:flex; justify-content: flex-end; align-items: center; gap:20px;}
 
 
 .subcontents.bbstxtlistwr  .bbslistwr .listitem  {padding-bottom:48px; }
 .subcontents.bbstxtlistwr .bbslistwr .listitem dl {padding-bottom:0px;}
.subcontents.bbstxtlistwr .bbslistwr .listitem dl dt { padding-top: calc(100% / 4 * 3); }
  .subcontents.bbstxtlistwr .bbslistwr .listitem dl dd {padding:15px 20px ;}
 .subcontents.bbstxtlistwr .bbslistwr .listitem dl dd .it-desc { width:100%;  line-height:1.7;display:-webkit-box;   -webkit-line-clamp:3;   -webkit-box-orient:vertical;  white-space:normal;    overflow:hidden;   text-overflow:ellipsis;}
 .subcontents.bbstxtlistwr .bbslistwr .listitem .item-bottom {position:absolute; bottom:0px; left:0px;display:flex; justify-content: flex-end; align-items: center; gap:20px;}
 
 .subcontents.myset {padding-top:131px;}
 
 .subcontents.viewhassum .writecomm .wrap{width:100%; padding:0 20px 0 480px;}
 
 
.cuspo {cursor:pointer  !important;}
.cuspo:hover  .title, .cuspo:hover  .link {text-decoration:underline;  -webkit-text-decoration-skip: ink;    text-decoration-skip-ink: auto;    -webkit-text-decoration-skip-ink: none;    text-decoration-skip-ink: none;    text-decoration-thickness: 1px;    text-underline-offset: 5px;}


.dis_none {display:none !important;}

 


 .widpx-200 {width:200px !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;}
.pb-30{ padding-bottom:30px  !important;}
.pb-40{ padding-bottom:40px  !important;}
.pb-50{ padding-bottom:50px  !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;}
.pt-25{ padding-top:25px  !important;}
.pt-30{ padding-top:30px  !important;}
.pl-8{ padding-left:8px  !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-20{ margin-top:20px  !important;}
.mt-30{ margin-top:30px  !important;}
.mb-0{ margin-bottom:0px  !important;}
.mb-10{ margin-bottom:10px  !important;}
.ml-0{ margin-left:0px  !important;}