@charset "utf-8";


/*============== main_section ==============*/
.main_section { position:relative; width:100%; box-sizing:border-box; }

/*============== left-cont ==============*/
#left-cont {float:left; width:200px; height:auto; overflow:hidden; padding-bottom:30px; }

#loginBox { position:relative; width:100%; overflow:hidden; box-sizing:border-box; background:#880958; padding:7px;}
#loginBox input {/*width:100%; height:35px;*/ border:1px solid #ddd; box-sizing:border-box; /*padding:10px;*/ font-size:13px; background:#fff; border:1px solid #ff13b0; color:#333; margin-bottom:5px;}
#loginBox button {width:100%; height:40px; background:#ef3293; color:#fff; border:1px solid #ff13b0; cursor:pointer; font-size:13px;}


/* 로그인 회원정보 */
.loginbBox_lnfo { position:relative; background:#880958;  width:100%; overflow:hidden; box-sizing:border-box; padding:10px; }
.loginbBox_lnfo h1 { color:#fff; font-weight:500; text-align:center;  font-size:14px;  }

.loginbBox_lnfo .Nickname_Box { float:left; margin-top:5px; background:#fdf1f1; border:2px solid #ff13b0; padding:10px 5px;  font-size:13px;  width:100%; box-sizing:border-box; overflow:hidden; }
.loginbBox_lnfo .Nickname_Box .Nickname_name { font-weight:600; color:#880958; padding-bottom:5px; } 

.loginbBox_lnfo .Nickname_Box .Nickname_con01 { float:left; width:100%; box-sizing:border-box; overflow:hidden;  font-size:11px; }
.loginbBox_lnfo .Nickname_Box .Nickname_con01 li { float:left; width:48%; margin-left:5px; border:1px solid #bdb5b5; border-radius:3px; text-align:center; box-sizing:border-box; overflow:hidden;  } 
.loginbBox_lnfo .Nickname_Box .Nickname_con01 li:hover { background:#fff; }
.loginbBox_lnfo .Nickname_Box .Nickname_con01 li span { color:#cd0223; font-weight:600; }
.loginbBox_lnfo .Nickname_Box .Nickname_con01 li:first-of-type { margin-left:0; } 

.loginbBox_lnfo .Nickname_Box .Nickname_con02 { float:left; width:100%; box-sizing:border-box; overflow:hidden; font-size:11px; margin:5px 0 0 0;  }
.loginbBox_lnfo .Nickname_Box .Nickname_con02 li { float:left; width:50%;  }
.loginbBox_lnfo .Nickname_Box .Nickname_con02 li span { color:#ef3293; }

.Nickname_mes { float:left;  width:100%; margin:0 auto; text-align:center; margin-top:10px;  }
.Nickname_mes a { padding:2px 7px; color:#fff; background:#ef3293; border:1px solid #880958;    }

.loginbBox_lnfo .Modify_Box { float:left; width:100%; box-sizing:border-box; overflow:hidden; margin-top:10px;    }
.loginbBox_lnfo .Modify_Box li { float:left; width:48%; margin-left:5px;  text-align:center; box-sizing:border-box; overflow:hidden; background:#62063f; padding:5px 10px; }
.loginbBox_lnfo .Modify_Box li:first-of-type { margin-left:0; }
.loginbBox_lnfo .Modify_Box li a { color:#fff; text-align:center; font-size:13px;  }


.Mypage_info { position:relative;  }
.Mypage_info .Mypage_name { position:absolute; top:47px; right:20px; font-weight:600; color:#000;   }
.Mypage_info .Mypage_con01 { float:left; margin:5px 0; width:100%;font-size:12px; }
.Mypage_info .Mypage_con01 dl {float:left; margin:2px 0; width:100%; letter-spacing:-0.5px;}
.Mypage_info .Mypage_con01 dt { float:left; font-weight:600; }
.Mypage_info .Mypage_con01 dd { float:left; padding-left:5px;  }

.Mypage_info .Mypage_con01 .service { float:left;  margin:5px 30px auto; text-align:center;   }
.Mypage_info .Mypage_con01 .service a { font-weight:600; padding:2px 5px; text-align:center; margin:10px auto; width:100%; border:1px solid #880958; }
.Mypage_info .Mypage_con01 .service a:hover { color:#fff; background:#880958; }

#Con_SubLoginBox input {/*width:100%; height:35px;*/ width:100%; border:1px solid #ddd; box-sizing:border-box; padding:10px; font-size:13px; background:#fff; border:1px solid #ff13b0; color:#333; margin-bottom:5px;}
#Con_SubLoginBox button { float:left; width:100%; height:87px; background:#ef3293; color:#fff; border:1px solid #ff13b0; cursor:pointer; font-size:15px;}
#Con_SubLoginBox button a { color:#fff; } 

#Con_SubLoginBox .login_list { width:60%; margin:40px auto;  }
#Con_SubLoginBox .login_list li { float:left; box-sizing:border-box; overflow:hidden;  }
#Con_SubLoginBox .login_list li.list01 { float:left; width:80% !important; margin-right:5px;  }
#Con_SubLoginBox .login_list li.list02 { float:left; width:15% !important; }


#loginBox ul.login {margin:10px 0 5px 0;}
#loginBox ul.login li { position:relative; float:left; font-size:11px; letter-spacing:-0.5px; padding-left:20px;  }
#loginBox ul.login li:first-of-type {padding-left:0;}
#loginBox ul.login li a { color:#e7cbde;  } 
#loginBox ul.login li a:hover {color:#000;}
#loginBox ul.login li a strong {color:#333;}
#loginBox p {float:right; font-size:13px;}
#loginBox input[type='checkbox'] {width:initial; height:initial; margin-top:2px; margin-right:2px;}

#loginBox ul.join { float:left; margin:10px 0 5px 0;}
#loginBox ul.join li { font-size:11px; width:49%; margin-left:3px; border-radius:3px; text-align:center; float:left; box-sizing:border-box; overflow:hidden; padding:5px 10px;  }
#loginBox ul.join li:first-of-type { margin-left:0; }
#loginBox ul.join li a { font-weight:500; font-size:13px;  }
#loginBox ul.join li.general { background:#fbd2c8 }
#loginBox ul.join li.general a { color:#c108d7; }
#loginBox ul.join li.business { background:#fbf6c8; }
#loginBox ul.join li.business a { color:#747923; }


/* leftList  */
#leftList { width:200px; overflow:hidden; box-sizing:border-box; margin-bottom:50px;  }
#leftList .leftBox { position:relative; float:left; margin-top:5px; }
#leftList .leftBox h2 { font-weight:600; padding:10px 0; font-size:15px; color:#fff; text-align:center; box-sizing:border-box; overflow:hidden; background:url(../_img/main/left_bg01.jpg) no-repeat center; background-size:cover; }
#leftList .leftBox h2 span { color:#eeb1d0; } 

.leftBox ul {width:100%; padding:10px; box-sizing:border-box; overflow:hidden; }
.leftBox ul li { position:relative; float:left; width:50%;  box-sizing:border-box; font-size:13px; line-height:24px; padding:0 10px;  font-size:12px }
.leftBox ul li .new { position:absolute; top:10px; right:0; text-align:left; width:10px; height:10px; background:url(../_img/common/n.png) no-repeat right;  text-indent:-9999px !important; }
.leftBox ul li:hover a { color:#7e1941; }

/* 지역별마사지 */
#leftList #area h2 {background:url(../_img/main/left_bg01.jpg) no-repeat left; background-size:cover;   }
#leftList #area .areaBox { border:1px solid #7e1941; }

/* 테마별마사지 */
#leftList #thema h2 {background:url(../_img/main/left_bg02.jpg) no-repeat left; background-size:cover;   }
#leftList #thema .themaBox {  border:1px solid #a8326e; background:#fdf1f1;   }
#leftList #thema .themaBox  ul li:hover a { color:#eb02ab;  }


/* 할인원＆이벤트 */
#leftList #event h2 {background:url(../_img/main/left_bg03.jpg) no-repeat left; background-size:cover;   }
#leftList #event .eventBox {  border:1px solid #a8326e; background:#fdf1f1; text-align:center;   }
#leftList #event .eventBox ul li {position:relative; width:100%; box-sizing:border-box;  }

/* 커뮤니티 */
.communityBox {  border:1px solid #a8326e; background:#fdf1f1; text-align:center;   }
.communityBox ul li {position:relative; width:100%; box-sizing:border-box;  }


/* ad_banner_list */
ul.ad_banner_list {width:100%; overflow:hidden;}
ul.ad_banner_list li {width:100%; overflow:hidden; background:#000; margin-bottom:10px; }
ul.ad_banner_list li img {width:100%;}
ul.ad_banner_list li:hover img {opacity:.7;}



/*============== right-cont ==============*/
#right-cont { float:right; width:780px; height:auto; overflow:hidden; box-sizing:border-box; margin-left:20px; }

/* main_section::section01 */
#section01 { float:left; width:100%; }

/* 한줄알림 */
.Notice { position:relative; width:100%; box-sizing:border-box; overflow:hidden !important; text-overflow: ellipsis; white-space: nowrap; float:left; border:3px solid #fcacd4; padding:10px 100px 10px 10px; margin-bottom:15px; font-size:15px; }
.Notice dt {  font-weight:700; float:left; text-align:left; width:15%; }
.Notice dt span { width:18px; height:18px; background:url(../_img/icon/Notice_icon.png) no-repeat left; padding-left:30px;   } 
.Notice dd { position:relative;  float:left; width:80%; padding:0 25px; box-sizing:border-box; }
.Notice dd::after { position:absolute; top:3px; left:0; width:2px; height:14px; background:#a9c0a8; content:'';}
.Notice dd ul li {  box-sizing:border-box; overflow:hidden !important; text-overflow: ellipsis; white-space: nowrap;  }
.Notice .Notice_btn { position:absolute; top:7px; right:10px; }

/* main_section::section02 */
#section02 { float:left; width:100%;  }
#sec02_box { width:100%; box-sizing:border-box; overflow:hidden;  }

/* sec02_01 */
#sec02_box .sec02_01 { float:left; position:relative; width:300px;  }
#sec02_box .sec02_01 .main_banner { margin-bottom:15px; }

#bbsList { }
#bbsList .bbsBox { position:relative; border:1px solid #fec3dc; box-sizing:border-box;  }
#bbsList .bbsBox h2 { padding:7px 0 0 30px; font-size:15px; font-weight:400; color:#fff; box-sizing:border-box; overflow:hidden; background:url(../_img/main/bbs_bg.jpg) no-repeat center; background-size:cover; }
#bbsList .bbsBox h2 a {float:right; display:block; width:30px; height:30px; background:url(../_img/common/more_btn.png) no-repeat right; position:relative; top:-2px; left:-5px; text-indent:-9999px;}

/* 공지사항 */
#bbsList #news { width:300px; height:160px;  margin-left:0;  }
#bbsList #news h2 {background:url(../_img/main/news_bg.jpg) no-repeat center; background-size:cover;   }

.newsBox span.txt { float:left; width:80%;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.newsBox span.date { float:left; width:20%; font-size:13px; color:#a1a1a1; text-align:right; }

.newsBox ul {width:100%; padding:5px 10px; box-sizing:border-box; overflow:hidden; }
.newsBox ul li {position:relative; width:100%; padding-top:8px; box-sizing:border-box;  }
.newsBox ul li:last-of-type { border:none; }
.newsBox ul li:first-of-type {padding-top:0;}
.newsBox ul li a {display:block; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/* sec02_02 */
#sec02_box  .sec02_02 { float:right; position:relative; width:465px; height:283px; margin-left:15px; }

#sec02_box  .sec02_02 #visual { float:left; position:relative; width:465px; height:300px; overflow:hidden;}
#sec02_box  .sec02_02 #visual ul {width:100%; height:100%;}
#sec02_box  .sec02_02 #visual ul li {width:100% !important; height:100% !important; text-indent:-9999px;}
#sec02_box  .sec02_02 #visual ul li.visual01 {background:url(../_img/main/sec02_02_img01.jpg) no-repeat center;background-size:cover}
#sec02_box  .sec02_02 #visual ul li.visual02 {background:url(../_img/main/sec02_02_img01.jpg) no-repeat center;background-size:cover}
#sec02_box  .sec02_02 #visual ul li.visual03 {background:url(../_img/main/sec02_02_img01.jpg) no-repeat center;background-size:cover}

#sec02_box  .sec02_02 #visual .controller { position:absolute; bottom:10px; width:100%; text-align:center; z-index:9999;}
#sec02_box  .sec02_02 #visual .controller span {}
#sec02_box  .sec02_02 #visual .controller span button { width:15px; height:15px; background:rgba(255,255,255,0.5); border:0; text-indent:-99999px; margin:20px 5px;}
#sec02_box  .sec02_02 #visual .controller span button.activeSlide {background:#fff;}


/* main_section::section03 */
#section03 { float:left; width:100%; margin:15px 0; }

/* 후기게시판 */
#bbsList #review { position:relative; float:left;  width:49%; height:200px; margin-left:15px;  }
#bbsList #review:first-of-type { margin-left:0; }
#bbsList #review h2 { padding: 7px 0 0 50px; background:url(../_img/main/review_bg.jpg) no-repeat center; background-size:cover;   }

.review_icon { position:absolute; top:-5px; left:10px; width:34px; height:42px;  }
.reviewBox span { position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.reviewBox span.new { position:absolute; top:8px; left:0; text-align:left; width:10px; height:10px; background:url(../_img/common/n.png) no-repeat center;  text-indent:-9999px !important; }

.reviewBox span.txt { float:left; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.reviewBox span.txt dt { display:inline; font-weight:600; }
.reviewBox span.txt dd { display:inline; padding:0px;  } 

.reviewBox span.date { float:right; width:15%; font-size:13px; color:#a1a1a1; text-align:right; }

.reviewBox ul { width:100%; padding:5px 10px; box-sizing:border-box; overflow:hidden; }
.reviewBox ul li { position:relative; width:100%; box-sizing:border-box; line-height:28px; padding:0 0 0 0px; }
.reviewBox ul li:last-of-type { border:none; }
.reviewBox ul li:first-of-type {padding-top:0;}
.reviewBox ul li a {display:block; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 자유게시판 */
#bbsList #free { position:relative; float:left;  width:49%; height:200px; margin-left:15px; }
#bbsList #free:first-of-type { margin-left:0; }
#bbsList #free h2 { padding:7px 0 0 30px !important; background:url(../_img/main/review_bg.jpg) no-repeat center; background-size:cover;   }




/* main_section::section0301 */
#section0301 { float:left; width:780px; margin:15px 0; }
.sec-new-tit { width:100%; background:#000; padding:10px 15px; box-sizing:border-box; overflow:hidden; color:#fff; font-size:15px; font-weight:600;  letter-spacing:-1px; }
.sec-new-tit span { color:#fda8e1; } 
.sec-new-txt { width:100%; background:#fff; border:1px solid #cfcfcf;  padding:15px 10px; box-sizing:border-box; overflow:hidden; color:#fff; font-size:13px; font-weight:400; }

/* new-slider */
.new-slider { width:100%; box-sizing:border-box; overflow:hidden;}
.new-slider .item { float:left; margin:3px; padding:1px; background:#fff; box-sizing:border-box; overflow:hidden; }
.new-slider .item .pic {}
.new-slider .item .txt { background:#none; padding:5px 0; text-align:center;  }
.new-slider .item img { width:100%;}
.new-slider .owl-nav { display:none !important; }


/* alliance */
.alliance-tit { width:100%; background:#61063f; padding:10px 15px; box-sizing:border-box; overflow:hidden; color:#fff; font-size:15px; font-weight:600;  letter-spacing:-1px; }
.alliance-tit span { color:#fda8e1; } 

.alliance_pic { width:100%; height:auto; padding:20px 5px; background:#fff; box-sizing:border-box; overflow:hidden; border:1px solid #cecfcf;   }
.alliance_pic li { float:left; width:24%; margin:3.5px; padding:5px; background:#fff; box-sizing:border-box; overflow:hidden; }
.alliance_pic li img { width:100%;}
.alliance_pic li dt { }
.alliance_pic li dd { padding:3px 0 0px 3px; font-size:13px;  }


/* arr_select */
.arr_select { float:right; margin-bottom:20px; }
.arr_select li  { float:left; width:auto; padding:5px 10px; margin:0px 2px; box-sizing:border-box; overflow:hidden; text-align:center; background:#5f5f5f; border-radius:3px; font-size:14px;  }
.arr_select li.on { background:#a62778; }
.arr_select li a { color:#fff; }


/* main_section::section04 */
#section04 { float:left; width:100%;  }

/*============* table.main_happy_basicTable  *============*/
table.main_happy_basicTable {table-layout:fixed; width:100%; max-width:780px; box-sizing:border-box; border-top:2px solid #ececec; border-bottom:2px solid #ececec;  }
table.main_happy_basicTable tr {}
table.main_happy_basicTable tr th, table.main_happy_basicTable tr td { border-bottom:1px solid #ececec; text-align:left;  padding:10px;  box-sizing:border-box; font-size:13px;}

table.main_happy_basicTable tr td { position:relative; color:#000;}
table.main_happy_basicTable tr td a {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000;}

table.main_happy_basicTable .coupon { text-align:center;  width:10px; height:10px; background:url(../_img/icon/coupon_icon.png) no-repeat center;  text-indent:-9999px;  }
table.main_happy_basicTable .area {}
table.main_happy_basicTable .site { font-weight:600; }
table.main_happy_basicTable .txt { cursor:pointer; }