@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
@import url("https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/nanumsquareround.css");
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
@font-face {
  font-family: "GmarketSansTTFBold";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/font/GmarketSansTTFBold.ttf") format("truetype");
}
/* 여백 초기화 */
* {
  outline: 0 !important;
}

/* mobile 전용 , 클릭시 외곽라인 제거 */
html, body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, code, address, ul, ol, li, menu, nav, section, article, aside,
dl, dt, dd, table, thead, tbody, tfoot, label, caption, th, td, form, fieldset, legend, hr, input, button, textarea, object, figure, figcaption {
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
}

/*mobile -webkit-touch-callout : 마우스를 꾹 누르고 있을때 메뉴 나타나는것 제거 */
/*mobile --webkit-user-select : 드래그 금지 */
/*mobile --webkit-tap-highlight-color : link 클릭시 생기는 파란색 배경제거 rgba 모두 0을 줘서 */
html {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*
    mobile 용
    iphone3, 갤럭시1 width 가 320. 즉 old phone 대처 그 이하는 scroll 생기게
    iphone 에서 viewport 가 변경되면 자동으로 글씨 사이즈가 제어가 되는데 그걸 막는 역할
*/
body {
  width: 100%;
  background: #fff;
  min-width: 320px;
  -webkit-text-size-adjust: none;
  word-wrap: break-word;
  word-break: break-all;
}

/* a 링크 초기화 */
a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #000;
}

/* 블릿기호 초기화 */
ul, li, ol {
  list-style: none;
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

img, fieldset {
  border: 0;
}

/* 폰트 스타일 초기화 */
address, cite, code, em, i {
  font-style: normal;
  font-weight: normal;
}

/* 제목 태그 초기화 */
label, img, input, select, textarea, button {
  vertical-align: middle;
}

caption, legend {
  line-height: 0;
  font-size: 1px;
  overflow: hidden;
}

.hide {
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  overflow: hidden;
  visibility: hidden;
}

hr {
  display: none;
}

/* IR 효과 */
.ir_pm {
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

/* 의미있는 이미지의 대체 텍스트를 제공하는 경우(Phark Method) */
.ir_wa {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: -1;
  width: 100%;
  height: 100%;
}

/* 의미있는 이미지의 대체 텍스트로 이미지가 없어도 대체 텍스트를 보여주고자 할 때(WA IR) */
.ir_su {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
}

/* 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */
.fwb {
  font-weight: bold !important;
}

.clear {
  clear: both;
}

.clear:after {
  content: "";
  display: block;
  clear: both;
}

.tal {
  text-align: left !important;
}

.tar {
  text-align: right !important;
}

.tac {
  text-align: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.taj {
  text-align: justify;
}

.dpn {
  display: none !important;
}

.dpb {
  display: block !important;
}

.dpi {
  display: inline !important;
}

.dpib {
  display: inline-block !important;
}

.pointer {
  cursor: pointer !important;
}

.through {
  text-decoration: line-through !important;
}

.hidden {
  visibility: hidden !important;
}

.f-bold {
  font-weight: bold !important;
}

.over-y-h {
  overflow-y: hidden !important;
}

.w100 {
  width: 100% !important;
}

.w98 {
  width: 98% !important;
}

.w95 {
  width: 95% !important;
}

.w90 {
  width: 90% !important;
}

.w85 {
  width: 85% !important;
}

.w80 {
  width: 80% !important;
}

.w75 {
  width: 75% !important;
}

.w70 {
  width: 70% !important;
}

.w69 {
  width: 69% !important;
}

.w65 {
  width: 65% !important;
}

.w60 {
  width: 60% !important;
}

.w58 {
  width: 58% !important;
}

.w55 {
  width: 55% !important;
}

.w50 {
  width: 50% !important;
}

.w49 {
  width: 49% !important;
}

.w48 {
  width: 48% !important;
}

.w45 {
  width: 45% !important;
}

.w40 {
  width: 40% !important;
}

.w35 {
  width: 35% !important;
}

.w30 {
  width: 30% !important;
}

.w33 {
  width: 33% !important;
}

.w28 {
  width: 28% !important;
}

.w27 {
  width: 27% !important;
}

.w25 {
  width: 25% !important;
}

.w20 {
  width: 20% !important;
}

.w15 {
  width: 15% !important;
}

.w10 {
  width: 10% !important;
}

.w11 {
  width: 11% !important;
}

.w12 {
  width: 12% !important;
}

.w13 {
  width: 13% !important;
}

.w14 {
  width: 14% !important;
}

.w16 {
  width: 16% !important;
}

.w17 {
  width: 17% !important;
}

.w18 {
  width: 18% !important;
}

.w19 {
  width: 19% !important;
}

.w9 {
  width: 9% !important;
}

.w8 {
  width: 8% !important;
}

.w7 {
  width: 7% !important;
}

.w6 {
  width: 6% !important;
}

.w5 {
  width: 5% !important;
}

.w4 {
  width: 4% !important;
}

.w3 {
  width: 3% !important;
}

.w2 {
  width: 2% !important;
}

.w1 {
  width: 1% !important;
}

.w_5 {
  width: 5px !important;
}

.w_10 {
  width: 10px !important;
}

.w_20 {
  width: 20px !important;
}

.w_30 {
  width: 30px !important;
}

.w_34 {
  width: 34px !important;
}

.w_35 {
  width: 35px !important;
}

.w_40 {
  width: 40px !important;
}

.w_50 {
  width: 50px !important;
}

.w_60 {
  width: 60px !important;
}

.w_70 {
  width: 70px !important;
}

.w_77 {
  width: 77px !important;
}

.w_78 {
  width: 78px !important;
}

.w_80 {
  width: 80px !important;
}

.w_81 {
  width: 81px !important;
}

.w_85 {
  width: 85px !important;
}

.w_86 {
  width: 86px !important;
}

.w_90 {
  width: 90px !important;
}

.w_95 {
  width: 95px !important;
}

.w_96 {
  width: 96px !important;
}

.w_100 {
  width: 100px !important;
}

.w_110 {
  width: 110px !important;
}

.w_120 {
  width: 120px !important;
}

.w_130 {
  width: 120px !important;
}

.w_140 {
  width: 140px !important;
}

.w_150 {
  width: 150px !important;
}

.w_160 {
  width: 160px !important;
}

.w_170 {
  width: 170px !important;
}

.w_180 {
  width: 180px !important;
}

.w_190 {
  width: 190px !important;
}

.w_200 {
  width: 200px !important;
}

.w_201 {
  width: 201px !important;
}

.w_202 {
  width: 202px !important;
}

.w_203 {
  width: 203px !important;
}

.w_204 {
  width: 204px !important;
}

.w_205 {
  width: 205px !important;
}

.w_206 {
  width: 206px !important;
}

.w_207 {
  width: 207px !important;
}

.w_208 {
  width: 208px !important;
}

.w_209 {
  width: 209px !important;
}

.w_210 {
  width: 210px !important;
}

.w_210 {
  width: 210px !important;
}

.w_220 {
  width: 220px !important;
}

.w_230 {
  width: 230px !important;
}

.w_240 {
  width: 240px !important;
}

.w_250 {
  width: 250px !important;
}

.w_260 {
  width: 260px !important;
}

.w_270 {
  width: 270px !important;
}

.w_280 {
  width: 280px !important;
}

.w_290 {
  width: 290px !important;
}

.w_300 {
  width: 300px !important;
}

.w_310 {
  width: 310px !important;
}

.w_320 {
  width: 320px !important;
}

.w_330 {
  width: 330px !important;
}

.w_340 {
  width: 340px !important;
}

.w_350 {
  width: 350px !important;
}

.w_360 {
  width: 360px !important;
}

.w_370 {
  width: 370px !important;
}

.w_380 {
  width: 380px !important;
}

.w_390 {
  width: 390px !important;
}

.w_400 {
  width: 400px !important;
}

.w_410 {
  width: 410px !important;
}

.w_420 {
  width: 420px !important;
}

.w_430 {
  width: 430px !important;
}

.w_440 {
  width: 440px !important;
}

.w_450 {
  width: 450px !important;
}

.w_460 {
  width: 460px !important;
}

.w_470 {
  width: 470px !important;
}

.w_480 {
  width: 480px !important;
}

.w_485 {
  width: 485px !important;
}

.w_490 {
  width: 490px !important;
}

.w_500 {
  width: 500px !important;
}

.w_600 {
  width: 600px !important;
}

.w_615 {
  width: 615px !important;
}

.w_625 {
  width: 625px !important;
}

.w_670 {
  width: 670px !important;
}

.w_700 {
  width: 700px !important;
}

.w_800 {
  width: 800px !important;
}

.w_900 {
  width: 900px !important;
}

.w_1000 {
  width: 1000px !important;
}

.w_1100 {
  width: 1100px !important;
}

.w_1200 {
  width: 1200px !important;
}

.w_1300 {
  width: 1300px !important;
}

.w_1400 {
  width: 1400px !important;
}

.w_1500 {
  width: 1500px !important;
}

.w_1600 {
  width: 1600px !important;
}

.w_1700 {
  width: 1700px !important;
}

.hauto {
  width: auto !important;
  height: auto !important;
}

.h100 {
  height: 100% !important;
}

.h90 {
  height: 90% !important;
}

.h80 {
  height: 80% !important;
}

.h70 {
  height: 70% !important;
}

.h60 {
  height: 60% !important;
}

.h50 {
  height: 50% !important;
}

.h40 {
  height: 40% !important;
}

.h33 {
  height: 33% !important;
}

.h30 {
  height: 30% !important;
}

.h25 {
  height: 25% !important;
}

.h20 {
  height: 20% !important;
}

.h10 {
  height: 10% !important;
}

.h_800 {
  height: 800px !important;
}

.h_700 {
  height: 700px !important;
}

.h_600 {
  height: 600px !important;
}

.h_500 {
  height: 500px !important;
}

.h_450 {
  height: 450px !important;
}

.h_400 {
  height: 400px !important;
}

.h_350 {
  height: 350px !important;
}

.h_300 {
  height: 300px !important;
}

.h_200 {
  height: 200px !important;
}

.h_180 {
  height: 180px !important;
}

.h_150 {
  height: 150px !important;
}

.h_100 {
  height: 100px !important;
}

.h_90 {
  height: 90px !important;
}

.h_75 {
  height: 75px !important;
}

.h_70 {
  height: 70px !important;
}

.h_65 {
  height: 65px !important;
}

.h_64 {
  height: 64px !important;
}

.h_60 {
  height: 60px !important;
}

.h_50 {
  height: 50px !important;
}

.h_44 {
  height: 44px !important;
}

.h_35 {
  height: 35px !important;
}

.h_30 {
  height: 30px !important;
}

.h_25 {
  height: 25px !important;
}

.h_24 {
  height: 24px !important;
}

.h_20 {
  height: 20px !important;
}

.h_19 {
  height: 19px !important;
}

.h_18 {
  height: 18px !important;
}

.h_17 {
  height: 17px !important;
}

.h_16 {
  height: 16px !important;
}

.h_15 {
  height: 15px !important;
}

.h_14 {
  height: 14px !important;
}

.h_13 {
  height: 13px !important;
}

.h_12 {
  height: 12px !important;
}

.h_11 {
  height: 11px !important;
}

.h_10 {
  height: 10px !important;
}

.h_9 {
  height: 9px !important;
}

.h_8 {
  height: 8px !important;
}

.h_7 {
  height: 7px !important;
}

.h_6 {
  height: 6px !important;
}

.h_5 {
  height: 5px !important;
}

.h_4 {
  height: 4px !important;
}

.h_3 {
  height: 3px !important;
}

.h_21 {
  height: 21px !important;
}

.h_22 {
  height: 22px !important;
}

.h_23 {
  height: 20px !important;
}

.h_23 {
  height: 23px !important;
}

.h_26 {
  height: 26px !important;
}

.h_27 {
  height: 27px !important;
}

.h_28 {
  height: 28px !important;
}

.h_29 {
  height: 20px !important;
}

.h_31 {
  height: 31px !important;
}

.f10 {
  font-size: 10px !important;
}

.f11 {
  font-size: 11px !important;
}

.f12 {
  font-size: 12px !important;
}

.f13 {
  font-size: 13px !important;
}

.f14 {
  font-size: 14px !important;
}

.f15 {
  font-size: 15px !important;
}

.f16 {
  font-size: 16px !important;
}

.f17 {
  font-size: 17px !important;
}

.f18 {
  font-size: 18px !important;
}

.f19 {
  font-size: 19px !important;
}

.f20 {
  font-size: 20px !important;
}

.f21 {
  font-size: 21px !important;
}

.f22 {
  font-size: 22px !important;
}

.f23 {
  font-size: 23px !important;
}

.f24 {
  font-size: 24px !important;
}

.f25 {
  font-size: 25px !important;
}

.f26 {
  font-size: 26px !important;
}

.f27 {
  font-size: 27px !important;
}

.f28 {
  font-size: 28px !important;
}

.f29 {
  font-size: 29px !important;
}

.f30 {
  font-size: 30px !important;
}

.f31 {
  font-size: 31px !important;
}

.f32 {
  font-size: 32px !important;
}

.f33 {
  font-size: 33px !important;
}

.f34 {
  font-size: 34px !important;
}

.f35 {
  font-size: 35px !important;
}

.f36 {
  font-size: 36px !important;
}

.f37 {
  font-size: 37px !important;
}

.f38 {
  font-size: 38px !important;
}

.f39 {
  font-size: 39px !important;
}

.f40 {
  font-size: 40px !important;
}

.f45 {
  font-size: 45px !important;
}

.f50 {
  font-size: 50px !important;
}

.f60 {
  font-size: 60px !important;
}

.f70 {
  font-size: 70px !important;
}

.f80 {
  font-size: 80px !important;
}

.f90 {
  font-size: 90px !important;
}

.f100 {
  font-size: 100px !important;
}

.pt1 {
  padding-top: 1px !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pt3 {
  padding-top: 3px !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt6 {
  padding-top: 6px !important;
}

.pt7 {
  padding-top: 7px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pt9 {
  padding-top: 9px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt11 {
  padding-top: 11px !important;
}

.pt12 {
  padding-top: 12px !important;
}

.pt13 {
  padding-top: 13px !important;
}

.pt14 {
  padding-top: 14px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pt17 {
  padding-top: 17px !important;
}

.pt18 {
  padding-top: 18px !important;
}

.pt19 {
  padding-top: 19px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt21 {
  padding-top: 21px !important;
}

.pt22 {
  padding-top: 22px !important;
}

.pt23 {
  padding-top: 23px !important;
}

.pt24 {
  padding-top: 24px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt26 {
  padding-top: 26px !important;
}

.pt27 {
  padding-top: 27px !important;
}

.pt28 {
  padding-top: 28px !important;
}

.pt29 {
  padding-top: 29px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt31 {
  padding-top: 31px !important;
}

.pt32 {
  padding-top: 32px !important;
}

.pt33 {
  padding-top: 33px !important;
}

.pt34 {
  padding-top: 34px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt36 {
  padding-top: 36px !important;
}

.pt37 {
  padding-top: 37px !important;
}

.pt38 {
  padding-top: 38px !important;
}

.pt39 {
  padding-top: 39px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt41 {
  padding-top: 41px !important;
}

.pt42 {
  padding-top: 42px !important;
}

.pt43 {
  padding-top: 43px !important;
}

.pt44 {
  padding-top: 44px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt46 {
  padding-top: 46px !important;
}

.pt47 {
  padding-top: 47px !important;
}

.pt48 {
  padding-top: 48px !important;
}

.pt49 {
  padding-top: 49px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt51 {
  padding-top: 51px !important;
}

.pt52 {
  padding-top: 52px !important;
}

.pt53 {
  padding-top: 53px !important;
}

.pt54 {
  padding-top: 54px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt56 {
  padding-top: 56px !important;
}

.pt57 {
  padding-top: 57px !important;
}

.pt58 {
  padding-top: 58px !important;
}

.pt59 {
  padding-top: 59px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt61 {
  padding-top: 61px !important;
}

.pt62 {
  padding-top: 62px !important;
}

.pt63 {
  padding-top: 63px !important;
}

.pt64 {
  padding-top: 64px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pt66 {
  padding-top: 66px !important;
}

.pt67 {
  padding-top: 67px !important;
}

.pt68 {
  padding-top: 68px !important;
}

.pt69 {
  padding-top: 69px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt71 {
  padding-top: 71px !important;
}

.pt72 {
  padding-top: 72px !important;
}

.pt73 {
  padding-top: 73px !important;
}

.pt74 {
  padding-top: 74px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pt76 {
  padding-top: 76px !important;
}

.pt77 {
  padding-top: 77px !important;
}

.pt78 {
  padding-top: 78px !important;
}

.pt79 {
  padding-top: 79px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt81 {
  padding-top: 81px !important;
}

.pt82 {
  padding-top: 82px !important;
}

.pt83 {
  padding-top: 83px !important;
}

.pt84 {
  padding-top: 84px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pt86 {
  padding-top: 86px !important;
}

.pt87 {
  padding-top: 87px !important;
}

.pt88 {
  padding-top: 88px !important;
}

.pt89 {
  padding-top: 89px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pt200 {
  padding-top: 200px !important;
}

.pt300 {
  padding-top: 300px !important;
}

.pr1 {
  padding-right: 1px !important;
}

.pr2 {
  padding-right: 2px !important;
}

.pr3 {
  padding-right: 3px !important;
}

.pr4 {
  padding-right: 4px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr6 {
  padding-right: 6px !important;
}

.pr7 {
  padding-right: 7px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pr9 {
  padding-right: 9px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr11 {
  padding-right: 11px !important;
}

.pr12 {
  padding-right: 12px !important;
}

.pr13 {
  padding-right: 13px !important;
}

.pr14 {
  padding-right: 14px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.pr17 {
  padding-right: 17px !important;
}

.pr18 {
  padding-right: 18px !important;
}

.pr19 {
  padding-right: 19px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr21 {
  padding-right: 21px !important;
}

.pr22 {
  padding-right: 22px !important;
}

.pr23 {
  padding-right: 23px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr26 {
  padding-right: 26px !important;
}

.pr27 {
  padding-right: 27px !important;
}

.pr28 {
  padding-right: 28px !important;
}

.pr29 {
  padding-right: 29px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr31 {
  padding-right: 31px !important;
}

.pr32 {
  padding-right: 32px !important;
}

.pr33 {
  padding-right: 33px !important;
}

.pr34 {
  padding-right: 34px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr36 {
  padding-right: 36px !important;
}

.pr37 {
  padding-right: 37px !important;
}

.pr38 {
  padding-right: 38px !important;
}

.pr39 {
  padding-right: 39px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr41 {
  padding-right: 41px !important;
}

.pr42 {
  padding-right: 42px !important;
}

.pr43 {
  padding-right: 43px !important;
}

.pr44 {
  padding-right: 44px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr46 {
  padding-right: 46px !important;
}

.pr47 {
  padding-right: 47px !important;
}

.pr48 {
  padding-right: 48px !important;
}

.pr49 {
  padding-right: 49px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr51 {
  padding-right: 51px !important;
}

.pr52 {
  padding-right: 52px !important;
}

.pr53 {
  padding-right: 53px !important;
}

.pr54 {
  padding-right: 54px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pr56 {
  padding-right: 56px !important;
}

.pr57 {
  padding-right: 57px !important;
}

.pr58 {
  padding-right: 58px !important;
}

.pr59 {
  padding-right: 59px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr61 {
  padding-right: 61px !important;
}

.pr62 {
  padding-right: 62px !important;
}

.pr63 {
  padding-right: 63px !important;
}

.pr64 {
  padding-right: 64px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pr66 {
  padding-right: 66px !important;
}

.pr67 {
  padding-right: 67px !important;
}

.pr68 {
  padding-right: 68px !important;
}

.pr69 {
  padding-right: 69px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pr71 {
  padding-right: 71px !important;
}

.pr72 {
  padding-right: 72px !important;
}

.pr73 {
  padding-right: 73px !important;
}

.pr74 {
  padding-right: 74px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pr76 {
  padding-right: 76px !important;
}

.pr77 {
  padding-right: 77px !important;
}

.pr78 {
  padding-right: 78px !important;
}

.pr79 {
  padding-right: 79px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pr81 {
  padding-right: 81px !important;
}

.pr82 {
  padding-right: 82px !important;
}

.pr83 {
  padding-right: 83px !important;
}

.pr84 {
  padding-right: 84px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pr86 {
  padding-right: 86px !important;
}

.pr87 {
  padding-right: 87px !important;
}

.pr88 {
  padding-right: 88px !important;
}

.pr89 {
  padding-right: 89px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pr200 {
  padding-right: 200px !important;
}

.pr300 {
  padding-right: 300px !important;
}

.pb1 {
  padding-bottom: 1px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

.pb3 {
  padding-bottom: 3px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb6 {
  padding-bottom: 6px !important;
}

.pb7 {
  padding-bottom: 7px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pb9 {
  padding-bottom: 9px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb11 {
  padding-bottom: 11px !important;
}

.pb12 {
  padding-bottom: 12px !important;
}

.pb13 {
  padding-bottom: 13px !important;
}

.pb14 {
  padding-bottom: 14px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.pb17 {
  padding-bottom: 17px !important;
}

.pb18 {
  padding-bottom: 18px !important;
}

.pb19 {
  padding-bottom: 19px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb21 {
  padding-bottom: 21px !important;
}

.pb22 {
  padding-bottom: 22px !important;
}

.pb23 {
  padding-bottom: 23px !important;
}

.pb24 {
  padding-bottom: 24px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb26 {
  padding-bottom: 26px !important;
}

.pb27 {
  padding-bottom: 27px !important;
}

.pb28 {
  padding-bottom: 28px !important;
}

.pb29 {
  padding-bottom: 29px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb31 {
  padding-bottom: 31px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

.pb33 {
  padding-bottom: 33px !important;
}

.pb34 {
  padding-bottom: 34px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb36 {
  padding-bottom: 36px !important;
}

.pb37 {
  padding-bottom: 37px !important;
}

.pb38 {
  padding-bottom: 38px !important;
}

.pb39 {
  padding-bottom: 39px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb41 {
  padding-bottom: 41px !important;
}

.pb42 {
  padding-bottom: 42px !important;
}

.pb43 {
  padding-bottom: 43px !important;
}

.pb44 {
  padding-bottom: 44px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb46 {
  padding-bottom: 46px !important;
}

.pb47 {
  padding-bottom: 47px !important;
}

.pb48 {
  padding-bottom: 48px !important;
}

.pb49 {
  padding-bottom: 49px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb51 {
  padding-bottom: 51px !important;
}

.pb52 {
  padding-bottom: 52px !important;
}

.pb53 {
  padding-bottom: 53px !important;
}

.pb54 {
  padding-bottom: 54px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb56 {
  padding-bottom: 56px !important;
}

.pb57 {
  padding-bottom: 57px !important;
}

.pb58 {
  padding-bottom: 58px !important;
}

.pb59 {
  padding-bottom: 59px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb61 {
  padding-bottom: 61px !important;
}

.pb62 {
  padding-bottom: 62px !important;
}

.pb63 {
  padding-bottom: 63px !important;
}

.pb64 {
  padding-bottom: 64px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb66 {
  padding-bottom: 66px !important;
}

.pb67 {
  padding-bottom: 67px !important;
}

.pb68 {
  padding-bottom: 68px !important;
}

.pb69 {
  padding-bottom: 69px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb71 {
  padding-bottom: 71px !important;
}

.pb72 {
  padding-bottom: 72px !important;
}

.pb73 {
  padding-bottom: 73px !important;
}

.pb74 {
  padding-bottom: 74px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pb76 {
  padding-bottom: 76px !important;
}

.pb77 {
  padding-bottom: 77px !important;
}

.pb78 {
  padding-bottom: 78px !important;
}

.pb79 {
  padding-bottom: 79px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb81 {
  padding-bottom: 81px !important;
}

.pb82 {
  padding-bottom: 82px !important;
}

.pb83 {
  padding-bottom: 83px !important;
}

.pb84 {
  padding-bottom: 84px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pb86 {
  padding-bottom: 86px !important;
}

.pb87 {
  padding-bottom: 87px !important;
}

.pb88 {
  padding-bottom: 88px !important;
}

.pb89 {
  padding-bottom: 89px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pb200 {
  padding-bottom: 200px !important;
}

.pb300 {
  padding-bottom: 300px !important;
}

.pl1 {
  padding-left: 1px !important;
}

.pl2 {
  padding-left: 2px !important;
}

.pl3 {
  padding-left: 3px !important;
}

.pl4 {
  padding-left: 4px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl6 {
  padding-left: 6px !important;
}

.pl7 {
  padding-left: 7px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.pl9 {
  padding-left: 9px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl11 {
  padding-left: 11px !important;
}

.pl12 {
  padding-left: 12px !important;
}

.pl13 {
  padding-left: 13px !important;
}

.pl14 {
  padding-left: 14px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl16 {
  padding-left: 16px !important;
}

.pl17 {
  padding-left: 17px !important;
}

.pl18 {
  padding-left: 18px !important;
}

.pl19 {
  padding-left: 19px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl21 {
  padding-left: 21px !important;
}

.pl22 {
  padding-left: 22px !important;
}

.pl23 {
  padding-left: 23px !important;
}

.pl24 {
  padding-left: 24px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl26 {
  padding-left: 26px !important;
}

.pl27 {
  padding-left: 27px !important;
}

.pl28 {
  padding-left: 28px !important;
}

.pl29 {
  padding-left: 29px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl31 {
  padding-left: 31px !important;
}

.pl32 {
  padding-left: 32px !important;
}

.pl33 {
  padding-left: 33px !important;
}

.pl34 {
  padding-left: 34px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl36 {
  padding-left: 36px !important;
}

.pl37 {
  padding-left: 37px !important;
}

.pl38 {
  padding-left: 38px !important;
}

.pl39 {
  padding-left: 39px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl41 {
  padding-left: 41px !important;
}

.pl42 {
  padding-left: 42px !important;
}

.pl43 {
  padding-left: 43px !important;
}

.pl44 {
  padding-left: 44px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl46 {
  padding-left: 46px !important;
}

.pl47 {
  padding-left: 47px !important;
}

.pl48 {
  padding-left: 48px !important;
}

.pl49 {
  padding-left: 49px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl51 {
  padding-left: 51px !important;
}

.pl52 {
  padding-left: 52px !important;
}

.pl53 {
  padding-left: 53px !important;
}

.pl54 {
  padding-left: 54px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pl56 {
  padding-left: 56px !important;
}

.pl57 {
  padding-left: 57px !important;
}

.pl58 {
  padding-left: 58px !important;
}

.pl59 {
  padding-left: 59px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl61 {
  padding-left: 61px !important;
}

.pl62 {
  padding-left: 62px !important;
}

.pl63 {
  padding-left: 63px !important;
}

.pl64 {
  padding-left: 64px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pl66 {
  padding-left: 66px !important;
}

.pl67 {
  padding-left: 67px !important;
}

.pl68 {
  padding-left: 68px !important;
}

.pl69 {
  padding-left: 69px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pl71 {
  padding-left: 71px !important;
}

.pl72 {
  padding-left: 72px !important;
}

.pl73 {
  padding-left: 73px !important;
}

.pl74 {
  padding-left: 74px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pl76 {
  padding-left: 76px !important;
}

.pl77 {
  padding-left: 77px !important;
}

.pl78 {
  padding-left: 78px !important;
}

.pl79 {
  padding-left: 79px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pl81 {
  padding-left: 81px !important;
}

.pl82 {
  padding-left: 82px !important;
}

.pl83 {
  padding-left: 83px !important;
}

.pl84 {
  padding-left: 84px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pl86 {
  padding-left: 86px !important;
}

.pl87 {
  padding-left: 87px !important;
}

.pl88 {
  padding-left: 88px !important;
}

.pl89 {
  padding-left: 89px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.pl200 {
  padding-left: 200px !important;
}

.pl300 {
  padding-left: 300px !important;
}

.pd1 {
  padding: 1px !important;
}

.pd2 {
  padding: 2px !important;
}

.pd3 {
  padding: 3px !important;
}

.pd4 {
  padding: 4px !important;
}

.pd5 {
  padding: 5px !important;
}

.pd6 {
  padding: 6px !important;
}

.pd7 {
  padding: 7px !important;
}

.pd8 {
  padding: 8px !important;
}

.pd9 {
  padding: 9px !important;
}

.pd10 {
  padding: 10px !important;
}

.pd11 {
  padding: 11px !important;
}

.pd12 {
  padding: 12px !important;
}

.pd13 {
  padding: 13px !important;
}

.pd14 {
  padding: 14px !important;
}

.pd15 {
  padding: 15px !important;
}

.pd16 {
  padding: 16px !important;
}

.pd17 {
  padding: 17px !important;
}

.pd18 {
  padding: 18px !important;
}

.pd19 {
  padding: 19px !important;
}

.pd20 {
  padding: 20px !important;
}

.pd21 {
  padding: 21px !important;
}

.pd22 {
  padding: 22px !important;
}

.pd23 {
  padding: 23px !important;
}

.pd24 {
  padding: 24px !important;
}

.pd25 {
  padding: 25px !important;
}

.pd26 {
  padding: 26px !important;
}

.pd27 {
  padding: 27px !important;
}

.pd28 {
  padding: 28px !important;
}

.pd29 {
  padding: 29px !important;
}

.pd30 {
  padding: 30px !important;
}

.pd31 {
  padding: 31px !important;
}

.pd32 {
  padding: 32px !important;
}

.pd33 {
  padding: 33px !important;
}

.pd34 {
  padding: 34px !important;
}

.pd35 {
  padding: 35px !important;
}

.pd36 {
  padding: 36px !important;
}

.pd37 {
  padding: 37px !important;
}

.pd38 {
  padding: 38px !important;
}

.pd39 {
  padding: 39px !important;
}

.pd40 {
  padding: 40px !important;
}

.pd41 {
  padding: 41px !important;
}

.pd42 {
  padding: 42px !important;
}

.pd43 {
  padding: 43px !important;
}

.pd44 {
  padding: 44px !important;
}

.pd45 {
  padding: 45px !important;
}

.pd46 {
  padding: 46px !important;
}

.pd47 {
  padding: 47px !important;
}

.pd48 {
  padding: 48px !important;
}

.pd49 {
  padding: 49px !important;
}

.pd50 {
  padding: 50px !important;
}

.pd51 {
  padding: 51px !important;
}

.pd52 {
  padding: 52px !important;
}

.pd53 {
  padding: 53px !important;
}

.pd54 {
  padding: 54px !important;
}

.pd55 {
  padding: 55px !important;
}

.pd56 {
  padding: 56px !important;
}

.pd57 {
  padding: 57px !important;
}

.pd58 {
  padding: 58px !important;
}

.pd59 {
  padding: 59px !important;
}

.pd60 {
  padding: 60px !important;
}

.pd61 {
  padding: 61px !important;
}

.pd62 {
  padding: 62px !important;
}

.pd63 {
  padding: 63px !important;
}

.pd64 {
  padding: 64px !important;
}

.pd65 {
  padding: 65px !important;
}

.pd66 {
  padding: 66px !important;
}

.pd67 {
  padding: 67px !important;
}

.pd68 {
  padding: 68px !important;
}

.pd69 {
  padding: 69px !important;
}

.pd70 {
  padding: 70px !important;
}

.pd71 {
  padding: 71px !important;
}

.pd72 {
  padding: 72px !important;
}

.pd73 {
  padding: 73px !important;
}

.pd74 {
  padding: 74px !important;
}

.pd75 {
  padding: 75px !important;
}

.pd76 {
  padding: 76px !important;
}

.pd77 {
  padding: 77px !important;
}

.pd78 {
  padding: 78px !important;
}

.pd79 {
  padding: 79px !important;
}

.pd80 {
  padding: 80px !important;
}

.pd81 {
  padding: 81px !important;
}

.pd82 {
  padding: 82px !important;
}

.pd83 {
  padding: 83px !important;
}

.pd84 {
  padding: 84px !important;
}

.pd85 {
  padding: 85px !important;
}

.pd86 {
  padding: 86px !important;
}

.pd87 {
  padding: 87px !important;
}

.pd88 {
  padding: 88px !important;
}

.pd89 {
  padding: 89px !important;
}

.pd90 {
  padding: 90px !important;
}

.pd100 {
  padding: 100px !important;
}

.pd200 {
  padding: 200px !important;
}

.pd300 {
  padding: 300px !important;
}

.mt1 {
  margin-top: 1px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt9 {
  margin-top: 9px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt11 {
  margin-top: 11px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mt13 {
  margin-top: 13px !important;
}

.mt14 {
  margin-top: 14px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mt17 {
  margin-top: 17px !important;
}

.mt18 {
  margin-top: 18px !important;
}

.mt19 {
  margin-top: 19px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt21 {
  margin-top: 21px !important;
}

.mt22 {
  margin-top: 22px !important;
}

.mt23 {
  margin-top: 23px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt26 {
  margin-top: 26px !important;
}

.mt27 {
  margin-top: 27px !important;
}

.mt28 {
  margin-top: 28px !important;
}

.mt29 {
  margin-top: 29px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt31 {
  margin-top: 31px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mt33 {
  margin-top: 33px !important;
}

.mt34 {
  margin-top: 34px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt36 {
  margin-top: 36px !important;
}

.mt37 {
  margin-top: 37px !important;
}

.mt38 {
  margin-top: 38px !important;
}

.mt39 {
  margin-top: 39px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt41 {
  margin-top: 41px !important;
}

.mt42 {
  margin-top: 42px !important;
}

.mt43 {
  margin-top: 43px !important;
}

.mt44 {
  margin-top: 44px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt46 {
  margin-top: 46px !important;
}

.mt47 {
  margin-top: 47px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.mt49 {
  margin-top: 49px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt51 {
  margin-top: 51px !important;
}

.mt52 {
  margin-top: 52px !important;
}

.mt53 {
  margin-top: 53px !important;
}

.mt54 {
  margin-top: 54px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt56 {
  margin-top: 56px !important;
}

.mt57 {
  margin-top: 57px !important;
}

.mt58 {
  margin-top: 58px !important;
}

.mt59 {
  margin-top: 59px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt61 {
  margin-top: 61px !important;
}

.mt62 {
  margin-top: 62px !important;
}

.mt63 {
  margin-top: 63px !important;
}

.mt64 {
  margin-top: 64px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt66 {
  margin-top: 66px !important;
}

.mt67 {
  margin-top: 67px !important;
}

.mt68 {
  margin-top: 68px !important;
}

.mt69 {
  margin-top: 69px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt71 {
  margin-top: 71px !important;
}

.mt72 {
  margin-top: 72px !important;
}

.mt73 {
  margin-top: 73px !important;
}

.mt74 {
  margin-top: 74px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt76 {
  margin-top: 76px !important;
}

.mt77 {
  margin-top: 77px !important;
}

.mt78 {
  margin-top: 78px !important;
}

.mt79 {
  margin-top: 79px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt81 {
  margin-top: 81px !important;
}

.mt82 {
  margin-top: 82px !important;
}

.mt83 {
  margin-top: 83px !important;
}

.mt84 {
  margin-top: 84px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mt86 {
  margin-top: 86px !important;
}

.mt87 {
  margin-top: 87px !important;
}

.mt88 {
  margin-top: 88px !important;
}

.mt89 {
  margin-top: 89px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mt200 {
  margin-top: 200px !important;
}

.mt300 {
  margin-top: 300px !important;
}

.mr1 {
  margin-right: 1px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr6 {
  margin-right: 6px !important;
}

.mr7 {
  margin-right: 7px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mr9 {
  margin-right: 9px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr11 {
  margin-right: 11px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mr13 {
  margin-right: 13px !important;
}

.mr14 {
  margin-right: 14px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mr17 {
  margin-right: 17px !important;
}

.mr18 {
  margin-right: 18px !important;
}

.mr19 {
  margin-right: 19px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr21 {
  margin-right: 21px !important;
}

.mr22 {
  margin-right: 22px !important;
}

.mr23 {
  margin-right: 23px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr26 {
  margin-right: 26px !important;
}

.mr27 {
  margin-right: 27px !important;
}

.mr28 {
  margin-right: 28px !important;
}

.mr29 {
  margin-right: 29px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr31 {
  margin-right: 31px !important;
}

.mr32 {
  margin-right: 32px !important;
}

.mr33 {
  margin-right: 33px !important;
}

.mr34 {
  margin-right: 34px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr36 {
  margin-right: 36px !important;
}

.mr37 {
  margin-right: 37px !important;
}

.mr38 {
  margin-right: 38px !important;
}

.mr39 {
  margin-right: 39px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr41 {
  margin-right: 41px !important;
}

.mr42 {
  margin-right: 42px !important;
}

.mr43 {
  margin-right: 43px !important;
}

.mr44 {
  margin-right: 44px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr46 {
  margin-right: 46px !important;
}

.mr47 {
  margin-right: 47px !important;
}

.mr48 {
  margin-right: 48px !important;
}

.mr49 {
  margin-right: 49px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr51 {
  margin-right: 51px !important;
}

.mr52 {
  margin-right: 52px !important;
}

.mr53 {
  margin-right: 53px !important;
}

.mr54 {
  margin-right: 54px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr56 {
  margin-right: 56px !important;
}

.mr57 {
  margin-right: 57px !important;
}

.mr58 {
  margin-right: 58px !important;
}

.mr59 {
  margin-right: 59px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr61 {
  margin-right: 61px !important;
}

.mr62 {
  margin-right: 62px !important;
}

.mr63 {
  margin-right: 63px !important;
}

.mr64 {
  margin-right: 64px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mr66 {
  margin-right: 66px !important;
}

.mr67 {
  margin-right: 67px !important;
}

.mr68 {
  margin-right: 68px !important;
}

.mr69 {
  margin-right: 69px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr71 {
  margin-right: 71px !important;
}

.mr72 {
  margin-right: 72px !important;
}

.mr73 {
  margin-right: 73px !important;
}

.mr74 {
  margin-right: 74px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mr76 {
  margin-right: 76px !important;
}

.mr77 {
  margin-right: 77px !important;
}

.mr78 {
  margin-right: 78px !important;
}

.mr79 {
  margin-right: 79px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr81 {
  margin-right: 81px !important;
}

.mr82 {
  margin-right: 82px !important;
}

.mr83 {
  margin-right: 83px !important;
}

.mr84 {
  margin-right: 84px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mr86 {
  margin-right: 86px !important;
}

.mr87 {
  margin-right: 87px !important;
}

.mr88 {
  margin-right: 88px !important;
}

.mr89 {
  margin-right: 89px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mr200 {
  margin-right: 200px !important;
}

.mr300 {
  margin-right: 300px !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.mb7 {
  margin-bottom: 7px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb11 {
  margin-bottom: 11px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb13 {
  margin-bottom: 13px !important;
}

.mb14 {
  margin-bottom: 14px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.mb17 {
  margin-bottom: 17px !important;
}

.mb18 {
  margin-bottom: 18px !important;
}

.mb19 {
  margin-bottom: 19px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb21 {
  margin-bottom: 21px !important;
}

.mb22 {
  margin-bottom: 22px !important;
}

.mb23 {
  margin-bottom: 23px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb26 {
  margin-bottom: 26px !important;
}

.mb27 {
  margin-bottom: 27px !important;
}

.mb28 {
  margin-bottom: 28px !important;
}

.mb29 {
  margin-bottom: 29px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb31 {
  margin-bottom: 31px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.mb33 {
  margin-bottom: 33px !important;
}

.mb34 {
  margin-bottom: 34px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb36 {
  margin-bottom: 36px !important;
}

.mb37 {
  margin-bottom: 37px !important;
}

.mb38 {
  margin-bottom: 38px !important;
}

.mb39 {
  margin-bottom: 39px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb41 {
  margin-bottom: 41px !important;
}

.mb42 {
  margin-bottom: 42px !important;
}

.mb43 {
  margin-bottom: 43px !important;
}

.mb44 {
  margin-bottom: 44px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb46 {
  margin-bottom: 46px !important;
}

.mb47 {
  margin-bottom: 47px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.mb49 {
  margin-bottom: 49px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb51 {
  margin-bottom: 51px !important;
}

.mb52 {
  margin-bottom: 52px !important;
}

.mb53 {
  margin-bottom: 53px !important;
}

.mb54 {
  margin-bottom: 54px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb56 {
  margin-bottom: 56px !important;
}

.mb57 {
  margin-bottom: 57px !important;
}

.mb58 {
  margin-bottom: 58px !important;
}

.mb59 {
  margin-bottom: 59px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb61 {
  margin-bottom: 61px !important;
}

.mb62 {
  margin-bottom: 62px !important;
}

.mb63 {
  margin-bottom: 63px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb66 {
  margin-bottom: 66px !important;
}

.mb67 {
  margin-bottom: 67px !important;
}

.mb68 {
  margin-bottom: 68px !important;
}

.mb69 {
  margin-bottom: 69px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb71 {
  margin-bottom: 71px !important;
}

.mb72 {
  margin-bottom: 72px !important;
}

.mb73 {
  margin-bottom: 73px !important;
}

.mb74 {
  margin-bottom: 74px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb76 {
  margin-bottom: 76px !important;
}

.mb77 {
  margin-bottom: 77px !important;
}

.mb78 {
  margin-bottom: 78px !important;
}

.mb79 {
  margin-bottom: 79px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb81 {
  margin-bottom: 81px !important;
}

.mb82 {
  margin-bottom: 82px !important;
}

.mb83 {
  margin-bottom: 83px !important;
}

.mb84 {
  margin-bottom: 84px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb86 {
  margin-bottom: 86px !important;
}

.mb87 {
  margin-bottom: 87px !important;
}

.mb88 {
  margin-bottom: 88px !important;
}

.mb89 {
  margin-bottom: 89px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mb200 {
  margin-bottom: 200px !important;
}

.mb300 {
  margin-bottom: 300px !important;
}

.ml1 {
  margin-left: 1px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.ml3 {
  margin-left: 3px !important;
}

.ml4 {
  margin-left: 4px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml6 {
  margin-left: 6px !important;
}

.ml7 {
  margin-left: 7px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.ml9 {
  margin-left: 9px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml11 {
  margin-left: 11px !important;
}

.ml12 {
  margin-left: 12px !important;
}

.ml13 {
  margin-left: 13px !important;
}

.ml14 {
  margin-left: 14px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.ml17 {
  margin-left: 17px !important;
}

.ml18 {
  margin-left: 18px !important;
}

.ml19 {
  margin-left: 19px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml21 {
  margin-left: 21px !important;
}

.ml22 {
  margin-left: 22px !important;
}

.ml23 {
  margin-left: 23px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml26 {
  margin-left: 26px !important;
}

.ml27 {
  margin-left: 27px !important;
}

.ml28 {
  margin-left: 28px !important;
}

.ml29 {
  margin-left: 29px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml31 {
  margin-left: 31px !important;
}

.ml32 {
  margin-left: 32px !important;
}

.ml33 {
  margin-left: 33px !important;
}

.ml34 {
  margin-left: 34px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml36 {
  margin-left: 36px !important;
}

.ml37 {
  margin-left: 37px !important;
}

.ml38 {
  margin-left: 38px !important;
}

.ml39 {
  margin-left: 39px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml41 {
  margin-left: 41px !important;
}

.ml42 {
  margin-left: 42px !important;
}

.ml43 {
  margin-left: 43px !important;
}

.ml44 {
  margin-left: 44px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml46 {
  margin-left: 46px !important;
}

.ml47 {
  margin-left: 47px !important;
}

.ml48 {
  margin-left: 48px !important;
}

.ml49 {
  margin-left: 49px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml51 {
  margin-left: 51px !important;
}

.ml52 {
  margin-left: 52px !important;
}

.ml53 {
  margin-left: 53px !important;
}

.ml54 {
  margin-left: 54px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.ml56 {
  margin-left: 56px !important;
}

.ml57 {
  margin-left: 57px !important;
}

.ml58 {
  margin-left: 58px !important;
}

.ml59 {
  margin-left: 59px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml61 {
  margin-left: 61px !important;
}

.ml62 {
  margin-left: 62px !important;
}

.ml63 {
  margin-left: 63px !important;
}

.ml64 {
  margin-left: 64px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.ml66 {
  margin-left: 66px !important;
}

.ml67 {
  margin-left: 67px !important;
}

.ml68 {
  margin-left: 68px !important;
}

.ml69 {
  margin-left: 69px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml71 {
  margin-left: 71px !important;
}

.ml72 {
  margin-left: 72px !important;
}

.ml73 {
  margin-left: 73px !important;
}

.ml74 {
  margin-left: 74px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.ml76 {
  margin-left: 76px !important;
}

.ml77 {
  margin-left: 77px !important;
}

.ml78 {
  margin-left: 78px !important;
}

.ml79 {
  margin-left: 79px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml81 {
  margin-left: 81px !important;
}

.ml82 {
  margin-left: 82px !important;
}

.ml83 {
  margin-left: 83px !important;
}

.ml84 {
  margin-left: 84px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.ml86 {
  margin-left: 86px !important;
}

.ml87 {
  margin-left: 87px !important;
}

.ml88 {
  margin-left: 88px !important;
}

.ml89 {
  margin-left: 89px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.ml200 {
  margin-left: 200px !important;
}

.ml300 {
  margin-left: 300px !important;
}

.mg1 {
  margin: 1px !important;
}

.mg2 {
  margin: 2px !important;
}

.mg3 {
  margin: 3px !important;
}

.mg4 {
  margin: 4px !important;
}

.mg5 {
  margin: 5px !important;
}

.mg6 {
  margin: 6px !important;
}

.mg7 {
  margin: 7px !important;
}

.mg8 {
  margin: 8px !important;
}

.mg9 {
  margin: 9px !important;
}

.mg10 {
  margin: 10px !important;
}

.mg11 {
  margin: 11px !important;
}

.mg12 {
  margin: 12px !important;
}

.mg13 {
  margin: 13px !important;
}

.mg14 {
  margin: 14px !important;
}

.mg15 {
  margin: 15px !important;
}

.mg16 {
  margin: 16px !important;
}

.mg17 {
  margin: 17px !important;
}

.mg18 {
  margin: 18px !important;
}

.mg19 {
  margin: 19px !important;
}

.mg20 {
  margin: 20px !important;
}

.mg21 {
  margin: 21px !important;
}

.mg22 {
  margin: 22px !important;
}

.mg23 {
  margin: 23px !important;
}

.mg24 {
  margin: 24px !important;
}

.mg25 {
  margin: 25px !important;
}

.mg26 {
  margin: 26px !important;
}

.mg27 {
  margin: 27px !important;
}

.mg28 {
  margin: 28px !important;
}

.mg29 {
  margin: 29px !important;
}

.mg30 {
  margin: 30px !important;
}

.mg31 {
  margin: 31px !important;
}

.mg32 {
  margin: 32px !important;
}

.mg33 {
  margin: 33px !important;
}

.mg34 {
  margin: 34px !important;
}

.mg35 {
  margin: 35px !important;
}

.mg36 {
  margin: 36px !important;
}

.mg37 {
  margin: 37px !important;
}

.mg38 {
  margin: 38px !important;
}

.mg39 {
  margin: 39px !important;
}

.mg40 {
  margin: 40px !important;
}

.mg41 {
  margin: 41px !important;
}

.mg42 {
  margin: 42px !important;
}

.mg43 {
  margin: 43px !important;
}

.mg44 {
  margin: 44px !important;
}

.mg45 {
  margin: 45px !important;
}

.mg46 {
  margin: 46px !important;
}

.mg47 {
  margin: 47px !important;
}

.mg48 {
  margin: 48px !important;
}

.mg49 {
  margin: 49px !important;
}

.mg50 {
  margin: 50px !important;
}

.mg51 {
  margin: 51px !important;
}

.mg52 {
  margin: 52px !important;
}

.mg53 {
  margin: 53px !important;
}

.mg54 {
  margin: 54px !important;
}

.mg55 {
  margin: 55px !important;
}

.mg56 {
  margin: 56px !important;
}

.mg57 {
  margin: 57px !important;
}

.mg58 {
  margin: 58px !important;
}

.mg59 {
  margin: 59px !important;
}

.mg60 {
  margin: 60px !important;
}

.mg61 {
  margin: 61px !important;
}

.mg62 {
  margin: 62px !important;
}

.mg63 {
  margin: 63px !important;
}

.mg64 {
  margin: 64px !important;
}

.mg65 {
  margin: 65px !important;
}

.mg66 {
  margin: 66px !important;
}

.mg67 {
  margin: 67px !important;
}

.mg68 {
  margin: 68px !important;
}

.mg69 {
  margin: 69px !important;
}

.mg70 {
  margin: 70px !important;
}

.mg71 {
  margin: 71px !important;
}

.mg72 {
  margin: 72px !important;
}

.mg73 {
  margin: 73px !important;
}

.mg74 {
  margin: 74px !important;
}

.mg75 {
  margin: 75px !important;
}

.mg76 {
  margin: 76px !important;
}

.mg77 {
  margin: 77px !important;
}

.mg78 {
  margin: 78px !important;
}

.mg79 {
  margin: 79px !important;
}

.mg80 {
  margin: 80px !important;
}

.mg81 {
  margin: 81px !important;
}

.mg82 {
  margin: 82px !important;
}

.mg83 {
  margin: 83px !important;
}

.mg84 {
  margin: 84px !important;
}

.mg85 {
  margin: 85px !important;
}

.mg86 {
  margin: 86px !important;
}

.mg87 {
  margin: 87px !important;
}

.mg88 {
  margin: 88px !important;
}

.mg89 {
  margin: 89px !important;
}

.mg90 {
  margin: 90px !important;
}

.mg100 {
  margin: 100px !important;
}

.mg200 {
  margin: 200px !important;
}

.mg300 {
  margin: 300px !important;
}

.checkbox1-container {
  position: relative;
}

.checkbox1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.checkbox1 + label {
  font-size: 1rem;
  font-weight: 300;
  line-height: 20px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.checkbox1 + label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  background: url("/assets/images/common/checked-off2.png") no-repeat center/22px 22px;
}

.checkbox1:checked + label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  background: url("/assets/images/common/checked-circle.png") no-repeat center/22px 22px;
  border: none !important;
}

.radio-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.radio {
  margin-right: 20px;
}
.radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.radio input[type=radio] + .radio-label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  top: 2px;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  margin-right: 10px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
@media (max-width: 479px) {
  .radio input[type=radio] + .radio-label {
    font-size: 0.9rem;
  }
}
.radio input[type=radio]:checked + .radio-label:before {
  background-color: #3197EE;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
}
.radio input[type=radio]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
}
.radio input[type=radio].rd {
  width: 20% !important;
}

#screen-loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  background: rgba(0, 0, 0, 0.5);
}

#spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background: url("/assets/images/common/spinner.gif") no-repeat center/48px 48px;
  z-index: 9999999999;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.red1 {
  color: #e03131 !important;
}

.red2 {
  color: #c92a2a !important;
}

.red3 {
  color: #fa5252 !important;
}

.flex-between-end {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.flex-start-start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-start-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.flex-start-end {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.invalid-txt {
  font-size: 0.9rem;
  color: #e3342f;
  margin-top: 2px;
}

#james-modal-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  background-color: #b1001c;
}

#james-modal-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0.6;
  display: none;
  z-index: 999999999;
}

#james-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 550px;
  transform: translate(-50%, -50%);
  z-index: 100000000000000020000;
  background: #fff;
  box-sizing: border-box;
  padding: 56px 40px 40px;
  display: none;
}
@media (max-width: 767px) {
  #james-modal {
    width: 95%;
  }
}

#james-modal .close {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 36px;
  height: 36px;
  background: url("/assets/images/common/close_36_36.png") no-repeat center/36px 36px;
}
@media (max-width: 767px) {
  #james-modal .close {
    width: 24px;
    height: 24px;
    background: url("/assets/images/common/close_36_36.png") no-repeat center/24px 24px;
  }
}

#james-modal-title > h3 {
  padding: 0 0 30px;
  font-weight: 500;
  font-size: 1.5rem;
}

#james-modal-message {
  font-size: 1rem;
}
@media (max-width: 767px) {
  #james-modal-message {
    font-size: 0.9rem;
  }
}

#james-modal-message > ul > li {
  position: relative;
  line-height: 1.5rem;
  padding: 0 0 0 20px;
}

#james-modal-message > ul > li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 6px;
  height: 6px;
  background: url("/assets/images/common/circle_8_8.png") no-repeat center/6px 6px;
}

#james-modal-message ul li:not(:last-child) {
  margin: 0 0 15px;
}

#james-modal-message > p {
  line-height: 25px;
}

#james-modal-message > p:not(:last-child) {
  margin: 0 0 20px;
}

#james-modal-button {
  margin: 40px 0 0;
}

#james-modal.one-button > #james-modal-button > a {
  display: block;
  font-size: 1rem;
  font-weight: 300;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #james-modal.one-button > #james-modal-button > a {
    width: 96%;
    height: 40px;
    line-height: 40px;
  }
}

#james-modal.two-button > #james-modal-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#james-modal.two-button > #james-modal-button > a {
  display: block;
  width: 48%;
  text-align: center;
  padding: 13px 18px;
  box-sizing: border-box;
}

#james-modal-button > .james-btn-black {
  background: #000;
  color: #fff;
  white-space: nowrap;
}

#james-modal-button > .james-btn-red {
  background: #b1001c;
  color: #fff;
  white-space: nowrap;
}

#james-modal-button > .james-btn-gray {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  white-space: nowrap;
}

#james-modal-button > .james-btn-green {
  background: #2db0a6;
  color: #fff;
  white-space: nowrap;
}

.pw-container {
  width: 450px;
  margin: 10px 0 !important;
}
@media (max-width: 1199px) {
  .pw-container {
    width: 100% !important;
  }
}

.pw-container2 {
  display: none !important;
  margin-top: 10px;
  width: 450px;
}

.pw-container3 {
  display: none !important;
  margin-top: 10px;
  width: 50%;
}
@media (max-width: 1199px) {
  .pw-container3 {
    width: 100% !important;
  }
}

.pw-msg-container {
  background: #e9ecef;
  width: 100% !important;
  padding: 12px !important;
  font-size: 0.9rem;
}

.icon_green {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 2px 10px 0 0;
  background: url("/assets/images/common/icon_green.png") no-repeat center/13px 13px;
}

.icon_x_gray {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 2px 10px 0 0;
  background: url("/assets/images/common/icon_x_gray.png") no-repeat center/13px 13px;
}

.icon_x {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 2px 10px 0 0;
  background: url("/assets/images/common/icon_x.png") no-repeat center/13px 13px;
}

.select-box {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 250px;
  height: 40px;
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .select-box {
    width: 40%;
  }
}

.s-option {
  padding: 0 30px 0 10px;
  min-height: 40px;
  display: flex;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #666 !important;
  border-left: 1px solid #666 !important;
  border-right: 1px solid #666 !important;
  position: absolute;
  top: 0;
  width: 100%;
  pointer-events: none;
  order: 2;
  z-index: 1;
  transition: background 0.4s ease-in-out;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.9rem;
  font-weight: 500 !important;
}

.s-option:hover {
  background: #f1f3f5;
}

.select-box:focus .s-option {
  position: relative;
  pointer-events: all;
}

.selectopt {
  opacity: 0;
  position: absolute;
  left: -99999px;
}

.selectopt:checked + label {
  order: 1;
  z-index: 2;
  border: 1px solid #666;
  border-top: none;
  position: relative;
  border-top: 1px solid #666 !important;
}

.selectopt:checked + label:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  position: absolute;
  right: 10px;
  top: calc(50% - 2.5px);
  pointer-events: none;
  z-index: 3;
}

.selectopt:checked + label:before {
  position: absolute;
  right: 0;
  height: 40px;
  width: 40px;
  content: "";
  border-left: 1px solid #666;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}

.green {
  color: #2cb0a4 !important;
}

.pagination {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.pagination .page-item {
  margin-left: 20px;
}
.pagination .page-item.active {
  color: #2cb0a4;
}

.pop-agree-all {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: 792px;
  height: 930px;
  padding: 40px;
  z-index: 99999999;
  background: #fff;
  font-size: 0.75rem;
  line-height: 28px;
  overflow-y: scroll;
}
@media (max-width: 1199px) {
  .pop-agree-all {
    width: 100%;
    max-height: 800px;
    overflow: scroll;
  }
}
.pop-agree-all .btn-close {
  position: absolute;
  display: inline-block;
  top: 20px;
  right: 50px;
  width: 36px;
  height: 36px;
  background: url("/assets/images/common/close_36_36.png") no-repeat center/36px 36px;
}
@media (max-width: 767px) {
  .pop-agree-all .btn-close {
    top: 40px;
    right: 20px;
    width: 24px;
    height: 24px;
    background: url("/assets/images/common/close_36_36.png") no-repeat center/24px 24px;
  }
}
.pop-agree-all > div {
  width: 100%;
}
.pop-agree-all .btn-confirm {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: black;
  text-align: center;
  color: #fff;
  margin: 30px 0 0 0;
}
.pop-agree-all table {
  box-sizing: border-box;
  border: 1px solid #ccc;
  width: 100%;
}
.pop-agree-all table td, .pop-agree-all table th {
  border: 1px solid #ccc;
  word-break: break-all;
  padding: 0 10px;
  white-space: pre-line;
  line-height: 200%;
}
.pop-agree-all table th {
  line-height: 250%;
}
.pop-agree-all table thead td {
  font-weight: bold;
  text-align: left;
}
.pop-agree-all .pop-agree-title {
  padding: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  border-bottom: 1px solid #000;
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .pop-agree-all .pop-agree-title {
    font-size: 1.2rem;
  }
}

.font-normal {
  font-family: normal !important;
}

.b-file {
  height: 60px;
  padding: 5px !important;
  position: relative;
  overflow: hidden;
  border-radius: 0px;
  background-color: #fcfcfc;
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
  background: -moz-linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
  background: -o-linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%, #f6f6f6 100%);
  clear: both;
  border: none !important;
}
.b-file > div {
  display: block !important;
}

.b-file__left {
  float: left;
  margin: 1px 0 0 2px;
  line-height: 0;
}
.b-file__left img {
  width: 50px !important;
  height: 50px !important;
}

.b-file__left_border {
  border: 2px solid #fff;
  border-radius: 0px;
}

.b-file__right {
  margin-left: 60px;
}

.b-file__name {
  color: #36c;
  cursor: pointer;
  border-bottom: 1px dotted #36c;
  text-decoration: none;
  font-size: 0.8rem;
}

.b-file__name:hover {
  color: #f00;
  border-bottom-color: #f00;
}

.b-file__info {
  color: #666;
  font-size: 12px;
  margin-top: 3px;
}

.b-file__bar {
  padding-top: 4px;
}

.b-file__error {
  color: #c00;
}

.b-file__done {
  color: #458383;
}

.b-file__abort {
  top: 10px;
  right: 20px;
  width: 15px;
  height: 15px;
  position: absolute;
  color: #c00;
  cursor: pointer;
  font-size: 20px;
  display: none;
}

.b-file_upload .b-file__abort {
  display: block;
}

.b-progress {
  width: 200px;
  height: 10px;
  border: 2px solid #E2E4E2;
  border-radius: 10px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  background-color: #d3d3d3;
  position: relative;
}

.b-progress__bar {
  width: 0;
  height: 10px;
  border-radius: 10px;
  background-color: #2D9DD7;
  background: -webkit-linear-gradient(top, #2D9DD7 0%, #1C81C7 100%);
  /* FF3.6+ */
  background: -moz-linear-gradient(top, #2D9DD7 0%, #1C81C7 100%);
  /* FF3.6+ */
  background: linear-gradient(to bottom, #2D9DD7 0%, #1C81C7 100%);
  /* FF3.6+ */
  -webkit-transition: width 0.5s ease-out;
  -moz-transition: width 0.5s ease-out;
  -ms-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
}

.b-dropzone,
.b-dropzone__bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30000;
  position: absolute;
}

.b-dropzone__bg {
  opacity: 0.2;
  background: #ccc;
}

.b-dropzone__txt {
  color: #000;
  font-weight: bold;
  text-align: center;
  bottom: 3px;
  z-index: 30001;
  position: relative;
  line-height: 100px;
  font-size: 1.3rem;
}
@media (max-width: 479px) {
  .b-dropzone__txt {
    font-size: 0.9rem;
  }
}

.upload-btn {
  width: 100%;
  height: 35px;
  overflow: hidden;
  position: relative;
  background: #1db4a4;
  margin: 0;
  cursor: pointer;
}

.upload-btn:hover {
  background: #000000;
}

.upload-btn-text {
  position: relative;
  color: #fff;
  font-size: 14px;
  line-height: 35px;
  text-align: center;
  text-shadow: 0 1px 1px #000;
  cursor: pointer;
}

.upload-btn input {
  width: 100%;
  top: 0px;
  right: 10px;
  z-index: 1;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 50px;
  cursor: pointer;
}

.drop-here {
  position: relative;
  width: 100%;
  height: 100px;
  line-height: 100px;
  border: 1px dashed #999;
}

.over-hidden {
  overflow: hidden !important;
}

.chk-label {
  font-family: system-ui, sans-serif;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.1;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.chk-label.mb {
  font-size: 15px;
}
.chk-label input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: pink;
  width: 1.15em;
  height: 1.15em;
  border: 1px solid #505050;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
.chk-label input[type=checkbox]:checked {
  background: #000;
}
.chk-label input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #fff;
  /* Windows High Contrast Mode */
}
.chk-label input[type=checkbox].mb {
  width: 24px;
  height: 24px;
}
.chk-label input[type=checkbox].mb::before {
  width: 14px;
  height: 14px;
}
.chk-label input[type=checkbox]:checked::before {
  transform: scale(1);
}
.chk-label input[type=checkbox]:disabled {
  color: #ccc;
  cursor: not-allowed;
}

.rd-label {
  font-family: system-ui, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.1;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: flex-start;
  color: #444;
}
@media (max-width: 767px) {
  .rd-label {
    font-size: 14px;
  }
}
.rd-label input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin-right: 10px;
  font: inherit;
  color: currentColor;
  width: 22px;
  height: 22px;
  border: 0.15em solid currentColor;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
@media (max-width: 767px) {
  .rd-label input[type=radio] {
    width: 18px;
    height: 18px;
  }
}
.rd-label input[type=radio]::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: #000;
}
@media (max-width: 767px) {
  .rd-label input[type=radio]::before {
    width: 10px;
    height: 10px;
  }
}
.rd-label input[type=radio]:checked::before {
  transform: scale(1);
}
.larabel-pagination {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.larabel-pagination .page-item {
  margin-left: 5px;
}
.larabel-pagination li {
  padding: 2px 9px;
  font-size: 18px;
  color: #666;
}
.larabel-pagination li.on {
  display: inline-block;
  background: #1db4a4;
  color: #fff;
}
.larabel-pagination li a {
  color: #666;
}
.larabel-pagination li img {
  transform: scale(0.8);
  margin-bottom: 2px;
}
.larabel-pagination li.prev img {
  transform: rotate(180deg) scale(0.8);
}

*,
*::before,
*::after {
  box-sizing: border-box !important;
}

html {
  font-size: 16px;
  font-family: "Noto Sans KR", "Noto Sans CJK KR", "NanumGothic", "Malgun Gothic", "맑은 고딕", 돋움, dotum, arial, sans-serif;
  scroll-behavior: smooth;
}

.common.responsive {
  width: 1200px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .common.responsive {
    width: 100%;
  }
}

.header-wrap {
  height: 90px;
  -webkit-transition: background-color 500ms ease-in;
  -ms-transition: background-color 500ms ease-in;
  transition: background-color 500ms ease-in;
}
@media (max-width: 1199px) {
  .header-wrap {
    display: none !important;
  }
}
.header-wrap .ad-content {
  height: 90px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
.header-wrap .ad-content .membership {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 5px;
}
.header-wrap .ad-content .membership img {
  width: 140px;
  height: 80px;
}
.header-wrap .ad-content .ad-txt-wrap {
  align-self: flex-start;
  margin-top: 15px;
}
.header-wrap .ad-content .ad-txt-wrap .txt-rv {
  position: absolute;
  top: 20px;
  left: 0;
  width: 500px;
}
.header-wrap .ad-content .ad-txt-wrap .txt-rv .rv {
  width: 100%;
  color: #000;
  font-size: 1.2rem;
  font-weight: 600;
}
.header-wrap .ad-content .ad-txt-wrap .txt-rv .rv .t1 {
  color: #2cb0a4;
  font-size: 1.5rem;
}
.header-wrap .ad-content .ad-txt-wrap .txt-rv .rv .t2 {
  font-size: 1.8rem;
}
.header-wrap .ad-content .ad-txt-wrap .txt-rv .rv .t3 {
  color: #2cb0a4;
  font-size: 3rem;
  font-family: sans-serif;
  font-weight: bold;
}
.header-wrap .ad-content .ad-txt-wrap > p {
  font-size: 1rem;
  font-weight: 600;
}

.search-area {
  padding: 0 45px 0 0;
  height: 90px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1199px) {
  .search-area {
    display: none;
  }
}
.search-area .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.search-area .left .logo {
  margin: 0 20px 0 0;
}
.search-area .left .border-round {
  position: relative;
  height: 44px;
  width: 400px;
  border: 2px solid #000;
  border-radius: 20px;
  padding: 0 20px 0 20px;
  background: #fff;
  margin: 0 40px 0 0;
}
.search-area .left .border-round .btn-search {
  display: block;
  width: 19px;
  height: 19px;
  background: url("/assets/images/common/btn-search.png") no-repeat center/19px 19px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.search-area .left .border-round .search-keyword {
  height: 40px;
  line-height: 40px;
  width: 90%;
  font-size: 1rem;
  border: 0;
}
.search-area .left .hot {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.search-area .left .hot .icon-hot {
  width: 35px;
  height: 18px;
  margin: 0 6px 0 0;
  background: url("/assets/images/common/icon-hot.png") no-repeat center/35px 18px;
}
.search-area .left .hot .keyword-wrap {
  height: 18px;
}
.search-area .left .hot .keyword-wrap li {
  line-height: 16px;
  list-style: none;
  font-size: 0.75rem;
}
.search-area .right > a:nth-of-type(1) {
  margin: 0 10px 0 0;
}
.search-area .right .mypage {
  width: 51px;
  height: 42px;
}
.search-area .right .logout {
  width: 41px;
  height: 42px;
}

.gnb-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 60px;
  font-size: 1rem;
  padding: 0 60px;
  position: relative;
  z-index: 9999;
}
.gnb-wrap .mss {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .gnb-wrap .mss {
    display: none;
  }
}
.gnb-wrap .mss img {
  width: 180px;
  height: 100px;
}
.gnb-wrap .gnb-mobile-box {
  display: none;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .gnb-wrap .gnb-mobile-box {
    display: block;
  }
}
.gnb-wrap .gnb-mobile-box .logo-area {
  padding: 0 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gnb-wrap .gnb-mobile-box .logo-area .left .logo {
  margin-top: 10px;
  display: inline-block;
  width: 110px;
  height: 30px;
  background: url("/assets/images/common/logo.png") no-repeat center/110px 30px;
}
.gnb-wrap .gnb-mobile-box .logo-area .right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.gnb-wrap .gnb-mobile-box .logo-area .right .lo {
  margin-left: 10px;
}
.gnb-wrap .gnb-mobile-box .logo-area .right .ms {
  margin-left: 10px;
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url("/assets/images/common/mo-ms.png") no-repeat center/28px 28px;
}
@media (max-width: 479px) {
  .gnb-wrap .gnb-mobile-box .logo-area .right a {
    font-size: 0.8rem;
  }
}
.gnb-wrap .gnb-mobile-box .mline {
  width: 150%;
  height: 1px;
  background: #ccc;
  margin-left: -10%;
}
.gnb-wrap .gnb-mobile-box .gnb-mobile {
  position: relative;
}
@media (max-width: 1199px) {
  .gnb-wrap .gnb-mobile-box .gnb-mobile {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 5px;
  }
}
.gnb-wrap .gnb-mobile-box .gnb-mobile .mo-left {
  width: 10%;
}
.gnb-wrap .gnb-mobile-box .gnb-mobile .mo-left .hbg {
  position: relative;
  display: block;
}
.gnb-wrap .gnb-mobile-box .gnb-mobile .mo-left .hbg::before {
  content: "";
  position: absolute;
  width: 20px;
  top: 20px;
  height: 16px;
  left: 16px;
  background: url("/assets/images/common/icon-hbg.png") no-repeat left top/20px 16px;
}
.gnb-wrap .gnb-mobile-box .gnb-mobile .mo-right {
  width: 90%;
  margin-left: 10px;
}
.gnb-wrap .gnb-mobile-box .gnb-mobile .mo-right .btn-search {
  display: block;
  width: 19px;
  height: 19px;
  background: url("/assets/images/common/btn-search.png") no-repeat center/19px 19px;
  position: absolute;
  right: 20px;
  top: 55%;
  transform: translateY(-50%);
}
.gnb-wrap .gnb-mobile-box .gnb-mobile .mo-right .search-keyword {
  height: 40px;
  line-height: 40px;
  width: 98%;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 8px;
  padding: 0 10px;
}
@media (max-width: 1199px) {
  .gnb-wrap {
    height: 30px;
    padding: 0 10px;
    display: block;
  }
}
.gnb-wrap .gnb-left {
  height: 63px;
  line-height: 63px;
  padding: 0 15px 0 45px;
  position: relative;
  font-size: 1.1rem;
}
@media (max-width: 1199px) {
  .gnb-wrap .gnb-left {
    display: none;
  }
}
.gnb-wrap .gnb-left:before {
  content: "";
  position: absolute;
  width: 16px;
  top: 27px;
  height: 12px;
  left: 16px;
  background: url("/assets/images/common/icon-hbg.png") no-repeat left top;
}
.gnb-wrap .gnb-left.on:before {
  top: 26px;
}
.gnb-wrap .gnb-left.on {
  border-top: 1px solid #495057;
  border-left: 1px solid #495057;
  border-right: 1px solid #495057;
  border-bottom: 3px solid #ffffff;
  margin: 0 -1px -1px -1px;
  line-height: 61px;
}
.gnb-wrap .gnb-right {
  margin-left: 60px;
  position: relative;
}
@media (max-width: 1199px) {
  .gnb-wrap .gnb-right {
    display: none;
  }
}
.gnb-wrap .gnb-right .gnb-item-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.gnb-wrap .gnb-right .gnb-item-wrap .gnb-item {
  font-size: 1.1rem;
  position: relative;
  padding: 0 30px 0 0;
  height: 60px;
  line-height: 60px;
}
.gnb-wrap .gnb-right .gnb-item-wrap .gnb-item:hover > a {
  color: #2cb0a4;
}
.gnb-wrap .gnb-right .gnb-item-wrap .gnb-item ul {
  position: absolute;
  top: 57px;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  width: 1200px;
}
.gnb-wrap .gnb-right .gnb-item-wrap .gnb-item ul li {
  margin-right: 26px;
  font-size: 0.8em;
}
.gnb-wrap .gnb-right .gnb-sub-item-wrap {
  position: absolute;
  top: 40px;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  width: 1000px;
}
.gnb-wrap .gnb-right .gnb-sub-item-wrap > ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.gnb-wrap .gnb-right .gnb-sub-item-wrap > ul ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.gnb-wrap .gnb-right .gnb-sub-item-wrap > ul ul li {
  margin-right: 26px;
  font-size: 0.9em;
}

.main-line {
  height: 1px;
  width: 100%;
  background: #bababa;
  margin: 0;
}
.main-line.two {
  margin: 30px 0 0 0;
  background: #ccc;
}
@media (max-width: 1199px) {
  .main-line.two {
    margin: 30px 0 0 0;
  }
}
.main-line.three {
  margin: 30px 0 0 0;
  background: #ccc;
}
@media (max-width: 1199px) {
  .main-line.three {
    margin: 30px 0 0 0;
  }
}

.cal-wrap {
  padding-top: 10px;
}
@media (max-width: 1199px) {
  .cal-wrap.pkg {
    margin-top: 40px;
  }
}
.cal-wrap .cal-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1199px) {
  .cal-wrap .cal-top {
    display: block;
    padding: 0 10px;
  }
}
.cal-wrap .cal-top .cal-txt {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1199px) {
  .cal-wrap .cal-top .cal-txt {
    display: block;
  }
}
.cal-wrap .cal-top .cal-txt h2 {
  color: #41b0a8;
  font-size: 1.8rem;
  margin-right: 30px;
}
@media (max-width: 1199px) {
  .cal-wrap .cal-top .cal-txt h2 {
    font-size: 1.2rem;
  }
}
.cal-wrap .cal-top .cal-txt p {
  margin-right: 20px;
  font-size: 1.3rem;
  color: #41b0a8;
}
@media (max-width: 1199px) {
  .cal-wrap .cal-top .cal-txt p {
    font-size: 1rem;
    float: left;
    margin-top: 10px;
  }
}
.cal-wrap .cal-top .cal-txt ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1199px) {
  .cal-wrap .cal-top .cal-txt ul {
    margin-top: 10px;
  }
}
.cal-wrap .cal-top .cal-txt ul li {
  margin-right: 10px;
  width: 42px;
  position: relative;
}
.cal-wrap .cal-top .cal-txt ul li:not(:last-child):after {
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  width: 1px;
  height: 15px;
  background: #41b0a8;
}
.cal-wrap .cal-top .cal-txt ul li a {
  color: #41b0a8;
}
.cal-wrap .cal-top .cal-txt ul li.on a {
  color: #495057;
}
@media (max-width: 1199px) {
  .cal-wrap .cal-top .cal-btn-wrap {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.cal-wrap .cal-top .cal-btn-wrap a {
  display: inline-block;
  padding: 10px 27px;
  border-radius: 8px;
  color: #fff;
}
@media (max-width: 1199px) {
  .cal-wrap .cal-top .cal-btn-wrap a {
    display: block;
    padding: 8px 12px;
    font-size: 1rem;
    width: 100%;
  }
}
.cal-wrap .cal-top .cal-btn-wrap a:nth-of-type(1) {
  background: #bababa;
  margin-right: 10px;
}
.cal-wrap .cal-top .cal-btn-wrap a:nth-of-type(2) {
  background: #2cb0a4;
  position: relative;
  padding-right: 50px;
}
.cal-wrap .cal-top .cal-btn-wrap a:nth-of-type(2):after {
  content: "";
  position: absolute;
  top: 11px;
  right: 20px;
  width: 23px;
  height: 23px;
  background: url("/assets/images/main/round-arrow.png") no-repeat center/23px 23px;
}
@media (max-width: 1199px) {
  .cal-wrap .cal-top .cal-btn-wrap a:nth-of-type(2):after {
    width: 21px;
    height: 21px;
    top: 9px;
    background: url("/assets/images/main/round-arrow.png") no-repeat center/21px 21px;
  }
}

.mo-all-menu-wrap {
  display: none;
  z-index: 99999 !important;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  padding: 15px;
  transition: 0.3s;
}
@media (max-width: 1199px) {
  .mo-all-menu-wrap {
    display: block;
  }
}
.mo-all-menu-wrap .x-close {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 26px;
  height: 26px;
  background: url("/assets/images/common/x-close.png") no-repeat center/26px 26px;
}
.mo-all-menu-wrap .btns {
  display: flex;
  justify-content: space-between;
  align-self: flex-start;
  margin-top: 60px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.mo-all-menu-wrap .btns .login {
  flex: 1;
  display: inline-block;
  font-size: 1rem;
  padding: 8px 10px;
  background: #fff;
  color: #2cb0a4;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #2cb0a4;
}
.mo-all-menu-wrap .btns .join {
  flex: 1;
  margin-left: 10px;
  display: inline-block;
  font-size: 1rem;
  padding: 8px 10px;
  background: #fff;
  color: #000;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
}
.mo-all-menu-wrap .menus > li > a {
  display: block;
  height: auto;
  line-height: 23px;
  width: 100%;
  font-size: 1.2rem;
}
.mo-all-menu-wrap .menus > li.on > a {
  color: #2db0a6;
}
.mo-all-menu-wrap .menus > li > ul {
  height: 0;
}
.mo-all-menu-wrap .menus > li.on > ul {
  height: calc(var(--cnt) * 38px);
  visibility: visible;
  opacity: 1;
}
.mo-all-menu-wrap .menus > li.on + li {
  margin-top: 20px;
}
.mo-all-menu-wrap .menus > li:nth-of-type(-n+5) ul > li:last-child::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 20px;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 0 0 0;
}
.mo-all-menu-wrap .menus li {
  position: relative;
  padding: 20px 0 0;
}
.mo-all-menu-wrap .menus > li > ul {
  position: static;
  visibility: hidden;
  opacity: 0;
  padding: 0;
  box-sizing: border-box;
  transition: 0.3s;
}
.mo-all-menu-wrap .menus > li > ul li {
  line-height: 24px;
  padding: 10px 0 0 0;
}
.mo-all-menu-wrap .menus > li > ul li a {
  font-size: 1rem;
  line-height: 26px;
  color: black;
  font-weight: 300;
}

.l-line {
  z-index: 9999;
  position: absolute;
  top: 151px;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #495057;
}
@media (max-width: 1199px) {
  .l-line {
    display: none;
  }
}

#m-b {
  z-index: 9998;
  position: absolute;
  top: 151px;
  left: 0;
  width: 100%;
  height: 45px;
  background: #fff;
}

.all-menu-wrap {
  z-index: 9999;
  position: absolute;
  top: 300px;
  left: 0;
  width: 100%;
  height: 330px;
  border-top: 1px solid #495057;
  border-bottom: 1px solid #495057;
  background: #fff;
}
@media (max-width: 1199px) {
  .all-menu-wrap {
    display: none;
  }
}
.all-menu-wrap .all-menu-list-wrap {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.all-menu-wrap .all-menu-list-wrap .all-menu-list {
  margin-right: 30px;
}
.all-menu-wrap .all-menu-list-wrap dt {
  height: 35px;
  font-weight: bold;
  font-size: 1.1rem;
  position: relative;
  width: 160px;
  color: #373837;
}
.all-menu-wrap .all-menu-list-wrap dt:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  height: 2px;
  width: 100%;
  background: #454745;
}
.all-menu-wrap .all-menu-list-wrap dd {
  margin-top: 12px;
}
.all-menu-wrap .all-menu-list-wrap dd li {
  font-size: 0.9rem;
  margin-top: 5px;
}
.all-menu-wrap .all-menu-list-wrap #btn-close {
  position: absolute;
  top: -10px;
  left: 1200px;
  display: block;
  width: 25px;
  height: 25px;
  background: url("/assets/images/main/btn-all-menu-close.png") no-repeat center/25px 25px;
}

.cal-wrap .cal-container {
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .cal-wrap .cal-container {
    padding: 0 10px;
  }
}
@media (max-width: 1199px) {
  .cal-wrap .cal-container {
    margin-top: 15px;
  }
}
.cal-wrap .cal-container .ym-wrapper {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 20px;
}
.cal-wrap .cal-container .ym-wrapper span {
  display: inline-block;
  padding: 0 30px;
}
.cal-wrap .cal-container .ym-wrapper a {
  display: inline-block;
  width: 18px;
  height: 18px;
}
.cal-wrap .cal-container .ym-wrapper a:nth-of-type(1) {
  background: url("/assets/images/common/left-arrow.png") no-repeat center/18px 18px;
}
.cal-wrap .cal-container .ym-wrapper a:nth-of-type(2) {
  background: url("/assets/images/common/right-arrow.png") no-repeat center/18px 18px;
}
.cal-wrap .cal-container .main-cal-content {
  background: #fff;
}
.cal-wrap .cal-container .main-cal-content .s-area {
  border-top: 2px solid #b1001c;
  border-bottom: 1px solid #495057;
}
@media (max-width: 1199px) {
  .cal-wrap .cal-container .main-cal-content .s-area {
    overflow-x: scroll;
    overflow-y: hidden;
    /* scroll */
  }
  .cal-wrap .cal-container .main-cal-content .s-area::-webkit-scrollbar {
    height: 4px;
    background: #ccc;
  }
  .cal-wrap .cal-container .main-cal-content .s-area::-webkit-scrollbar-track {
    /*background: #000;*/
  }
  .cal-wrap .cal-container .main-cal-content .s-area::-webkit-scrollbar-thumb {
    background: linear-gradient(to right, transparent, #000);
    border-radius: 6px;
  }
  .cal-wrap .cal-container .main-cal-content .s-area::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(transparent, #000);
  }
}
.cal-wrap .cal-container .main-cal-content .s-area.border-bottom {
  border-bottom: 1px solid #ccc;
}
.cal-wrap .cal-container .main-cal-content .s-area.mm {
  border-bottom: none;
}
.cal-wrap .cal-container .main-cal-content .s-area > p {
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
}
.cal-wrap .cal-container .main-cal-content .s-area ol {
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
}
@media (max-width: 1199px) {
  .cal-wrap .cal-container .main-cal-content .s-area ol {
    min-width: 1200px !important;
  }
}
.cal-wrap .cal-container .main-cal-content .s-area ol li {
  max-height: 134px !important;
  padding: 15px 0 0;
  flex: 1;
  color: rgba(0, 0, 0, 0.7);
}
.cal-wrap .cal-container .main-cal-content .s-area ol li a {
  color: rgba(0, 0, 0, 0.7);
}
.cal-wrap .cal-container .main-cal-content .s-area ol li.sat {
  color: rgba(0, 118, 255, 0.7);
}
.cal-wrap .cal-container .main-cal-content .s-area ol li.sat a {
  color: rgba(0, 118, 255, 0.7);
}
.cal-wrap .cal-container .main-cal-content .s-area ol li.sat p, .cal-wrap .cal-container .main-cal-content .s-area ol li.sat.end p {
  border-bottom: 1px solid rgba(0, 118, 255, 0.1);
}
.cal-wrap .cal-container .main-cal-content .s-area ol li.sun {
  color: rgba(255, 49, 0, 0.7);
}
.cal-wrap .cal-container .main-cal-content .s-area ol li.sun a {
  color: rgba(255, 49, 0, 0.7);
}
.cal-wrap .cal-container .main-cal-content .s-area ol li.sun.end p, .cal-wrap .cal-container .main-cal-content .s-area ol li.sun.end h5, .cal-wrap .cal-container .main-cal-content .s-area ol li.sun.end a {
  color: rgba(255, 49, 0, 0.2);
}
.cal-wrap .cal-container .main-cal-content .s-area ol li.sun p, .cal-wrap .cal-container .main-cal-content .s-area ol li.sun.end p {
  border-bottom: 1px solid rgba(255, 49, 0, 0.1);
}
.cal-wrap .cal-container .main-cal-content .s-area ol li.sun.end {
  color: rgba(255, 49, 0, 0.2);
}
.cal-wrap .cal-container .main-cal-content .s-area ol li.sun.end p, .cal-wrap .cal-container .main-cal-content .s-area ol li.sun.end h5, .cal-wrap .cal-container .main-cal-content .s-area ol li.sun.end a {
  color: rgba(255, 49, 0, 0.2);
}
.cal-wrap .cal-container .main-cal-content .s-area ol li.end {
  color: rgba(0, 0, 0, 0.2);
}
.cal-wrap .cal-container .main-cal-content .s-area ol li.end a {
  color: rgba(0, 0, 0, 0.2);
}
.cal-wrap .cal-container .main-cal-content .s-area ol li.end p {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.cal-wrap .cal-container .main-cal-content .s-area ol li.today .today-txt {
  color: #f08c00 !important;
}
.cal-wrap .cal-container .main-cal-content .s-area ol li:hover {
  box-shadow: -1px 0 0px 0.01px #b1001c, inset -1px 0 0 0.01px #b1001c;
  border-bottom: 1px solid #b1001c;
}
.cal-wrap .cal-container .main-cal-content .s-area ol li.focus {
  background: #2db0a6 !important;
  color: #fff !important;
}
.cal-wrap .cal-container .main-cal-content .s-area ol li.focus a {
  color: #fff !important;
}
.cal-wrap .cal-container .main-cal-content .s-area ol li.focus .today-txt {
  color: #ffe8cc !important;
}
.cal-wrap .cal-container .main-cal-content .s-area ol li:first-child {
  padding: 15px 2px 0 13px;
}
.cal-wrap .cal-container .main-cal-content .s-area ol li:last-child {
  padding: 15px 13px 0 0;
}
.cal-wrap .cal-container .main-cal-content .s-area ol li h5:nth-of-type(1) {
  line-height: 24px;
  font-size: 0.75rem;
  padding: 0 0 9px;
}
.cal-wrap .cal-container .main-cal-content .s-area ol li h5:nth-of-type(2) {
  line-height: 20px;
  font-size: 10px;
  -webkit-transform: scale(0.9);
  padding: 9px 0 22px;
  white-space: nowrap;
}
.cal-wrap .cal-container .main-cal-content .s-area ol li p {
  line-height: 27px;
  font-size: 1rem;
  padding: 0 0 7px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.cal-wrap .cal-container .main-cal-content .s-area ol li h5:nth-of-type(2) {
  color: rgba(0, 0, 0, 0.7) !important;
}
.cal-wrap .cal-container .main-cal-content .country-list {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-x: scroll;
  padding: 0 10px 10px;
}
.cal-wrap .cal-container .main-cal-content .country-list li {
  white-space: nowrap;
}
.cal-wrap .cal-container .main-cal-content .country-list li .btn-country-list.on {
  color: #2db0a6;
  font-weight: 600;
}
.cal-wrap .cal-container .main-cal-content .country-list li:not(:last-child) {
  margin-right: 50px;
}
.cal-wrap .cal-container .main-cal-content .country-list::-webkit-scrollbar {
  height: 4px;
  background: #ccc;
}
.cal-wrap .cal-container .main-cal-content .country-list::-webkit-scrollbar-track {
  /*background: #000;*/
}
.cal-wrap .cal-container .main-cal-content .country-list::-webkit-scrollbar-thumb {
  background: linear-gradient(to right, transparent, #000);
  border-radius: 6px;
}
.cal-wrap .cal-container .main-cal-content .country-list::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(transparent, #000);
}

.main-visual {
  -webkit-transition: background-color 500ms ease-in;
  -ms-transition: background-color 500ms ease-in;
  transition: background-color 500ms ease-in;
  height: 650px;
  width: 100%;
  padding: 50px 0;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .main-visual {
    margin-top: 90px;
    height: 400px;
  }
}
@media (max-width: 479px) {
  .main-visual {
    margin-top: 90px;
    height: 300px;
  }
}
.main-visual > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1199px) {
  .main-visual > div {
    display: block;
  }
}
.main-visual .main-visual-left {
  position: relative;
  z-index: 20;
  width: 330px;
  font-size: 1.6rem;
  color: #495057;
}
@media (max-width: 1199px) {
  .main-visual .main-visual-left {
    display: none;
  }
}
.main-visual .main-visual-left .txt2 {
  font-weight: 600;
  color: #868e96;
}
.main-visual .main-visual-left .tab-list {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.main-visual .main-visual-left .tab-list li {
  text-align: center;
  flex-grow: 1;
  font-size: 1rem;
  position: relative;
}
.main-visual .main-visual-left .tab-list li:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
}
.main-visual .main-visual-left .tab-list li.on:after {
  height: 2px;
}
.main-visual .main-visual-left .tab-list li a {
  color: #495057;
}
.main-visual .main-visual-left .form {
  margin-top: 20px;
}
.main-visual .main-visual-left .form .row {
  margin-top: 5px;
}
.main-visual .main-visual-left .form .row.departure-layer-box {
  position: relative;
}
.main-visual .main-visual-left .form .row.departure-layer-box .departure-layer {
  position: absolute;
  top: 60px;
  left: 0;
  width: 150px;
  height: 338px;
  border: 1px solid #868e96;
  background: #fff;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.main-visual .main-visual-left .form .row.departure-layer-box .departure-layer p {
  position: relative;
  font-size: 0.9rem;
  font-weight: 500;
  color: #000;
  border-bottom: 1px solid #373837;
  padding: 10px 10px;
  text-indent: 20px;
}
.main-visual .main-visual-left .form .row.departure-layer-box .departure-layer p:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 10px;
  width: 16px;
  height: 16px;
  background: url("/assets/images/common/icon-location.png") no-repeat center/16px 16px;
}
.main-visual .main-visual-left .form .row.departure-layer-box .departure-layer ul li {
  font-size: 0.9rem;
  padding: 8px 10px;
}
.main-visual .main-visual-left .form .row.departure-layer-box .departure-layer ul li.d-list {
  height: 30px;
}
.main-visual .main-visual-left .form .row.departure-layer-box .departure-layer ul li:hover {
  background: #f1f3f5;
}
.main-visual .main-visual-left .form .row.departure-layer-box .departure-layer ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.main-visual .main-visual-left .form .row.country-layer-box {
  position: relative;
  z-index: 100;
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer {
  position: absolute;
  top: 60px;
  left: 0;
  width: 650px;
  height: 540px;
  border: 1px solid #868e96;
  background: #fff;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer .btn-area {
  margin: 0 20px;
  text-align: right;
  font-size: 0.8rem;
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer .btn-area .layer-close {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  width: 80px;
  background: #373837;
  color: #fff;
  text-align: center;
  margin-top: -6px;
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer .layer-inner {
  width: 610px;
  height: 460px;
  max-height: 460px;
  margin: 20px;
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer .layer-inner .flex-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 460px;
  border: 1px solid #e9ecef;
  overflow-y: scroll;
  overflow-x: hidden;
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer .layer-inner .flex-box .left {
  background: #f8f9fa;
  height: 460px;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 160px;
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer .layer-inner .flex-box .left::-webkit-scrollbar {
  width: 11px;
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer .layer-inner .flex-box .left::-webkit-scrollbar-track {
  background: #cccccc;
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer .layer-inner .flex-box .left li {
  height: 52px;
  line-height: 52px;
  font-size: 0.9rem;
  color: #373837;
  width: 100%;
  padding: 0 20px;
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer .layer-inner .flex-box .left li:not(:last-child) {
  border-bottom: 1px solid #dee2e6;
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer .layer-inner .flex-box .left li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer .layer-inner .flex-box .left li.on {
  background: #2cb0a4;
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer .layer-inner .flex-box .left li.on a {
  color: #ffffff;
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer .layer-inner .flex-box .right {
  border-left: 1px solid #e9ecef;
  width: 100%;
  height: 100%;
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer .layer-inner .flex-box .right ul li {
  float: left;
  width: 50%;
  font-size: 0.9rem;
  box-sizing: border-box;
  padding: 10px 20px;
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer .layer-inner .flex-box .right ul li.c-list {
  height: 40px;
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer .layer-inner .flex-box .right ul li a {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
}
.main-visual .main-visual-left .form .row.country-layer-box .country-layer .layer-inner .flex-box .right ul li a .hot {
  position: relative;
  top: -1px;
  font-size: 0.6rem;
  border: 1px solid #2cb0a4;
  text-transform: uppercase;
  height: 14px;
  line-height: 12px;
  padding: 0 6px;
  margin-left: 5px;
  border-radius: 3px;
  color: #0ca678;
}
.main-visual .main-visual-left .form .row.btn {
  margin-top: 30px;
}
.main-visual .main-visual-left .form .row input {
  width: 330px;
  height: 55px;
  line-height: 55px;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 0 20px;
  font-size: 1rem;
}
.main-visual .main-visual-left .form .row .btn-search {
  display: inline-block;
  width: 330px;
  height: 55px;
  line-height: 55px;
  background: #2cb0a4;
  color: #fff;
  border-radius: 5px;
  border: 0;
  padding: 0 20px;
  font-size: 1rem;
  text-align: center;
}
.main-visual .main-visual-right {
  z-index: 10;
  position: relative;
  width: 745px;
  height: 610px;
}
@media (max-width: 1199px) {
  .main-visual .main-visual-right {
    width: 500px;
    height: 370px;
    padding: 0 10px;
    margin: 0 auto;
  }
}
@media (max-width: 479px) {
  .main-visual .main-visual-right {
    width: 400px;
    height: 270px;
  }
}
@media (max-width: 375px) {
  .main-visual .main-visual-right {
    width: 340px;
    height: 220px;
  }
}
.main-visual .main-visual-right li img {
  width: 746px;
  height: 610px;
}
@media (max-width: 1199px) {
  .main-visual .main-visual-right li img {
    width: 500px;
    height: 370px;
  }
}
@media (max-width: 479px) {
  .main-visual .main-visual-right li img {
    width: 400px;
    height: 270px;
  }
}
@media (max-width: 375px) {
  .main-visual .main-visual-right li img {
    width: 340px;
    height: 220px;
  }
}
.main-visual .main-visual-right .swiper-nav {
  z-index: 100;
  position: absolute;
  bottom: 30px;
  left: 50px;
}
@media (max-width: 479px) {
  .main-visual .main-visual-right .swiper-nav {
    bottom: 10px;
  }
}
.main-visual .main-visual-right .swiper-nav .visual-prev {
  display: inline-block;
  width: 41px;
  height: 43px;
  border: 1px solid #2cb0a4;
  border-radius: 3px;
  background: url("/assets/images/common/arrow-pg-left.png") no-repeat center/8px 13px;
}
@media (max-width: 1199px) {
  .main-visual .main-visual-right .swiper-nav .visual-prev {
    width: 31px;
    height: 33px;
    background: url("/assets/images/common/arrow-pg-left.png") no-repeat center/6px 10px;
  }
}
@media (max-width: 479px) {
  .main-visual .main-visual-right .swiper-nav .visual-prev {
    width: 21px;
    height: 23px;
    background: url("/assets/images/common/arrow-pg-left.png") no-repeat center/4px 6px;
  }
}
.main-visual .main-visual-right .swiper-nav .visual-next {
  display: inline-block;
  width: 41px;
  height: 43px;
  border: 1px solid #2cb0a4;
  border-radius: 3px;
  background: url("/assets/images/common/arrow-pg-right.png") no-repeat center/8px 13px;
}
@media (max-width: 1199px) {
  .main-visual .main-visual-right .swiper-nav .visual-next {
    width: 31px;
    height: 33px;
    background: url("/assets/images/common/arrow-pg-right.png") no-repeat center/6px 10px;
  }
}
@media (max-width: 479px) {
  .main-visual .main-visual-right .swiper-nav .visual-next {
    width: 21px;
    height: 23px;
    background: url("/assets/images/common/arrow-pg-right.png") no-repeat center/4px 6px;
  }
}
.main-visual .main-visual-right .swiper-nav .visual-ctrl {
  display: inline-block;
  width: 41px;
  height: 43px;
  border: 1px solid #2cb0a4;
  border-radius: 3px;
  background: url("/assets/images/common/arrow-pg-pause.png") no-repeat center/8px 11px;
}
.main-visual .main-visual-right .swiper-nav .visual-ctrl.pause {
  background: url("/assets/images/common/arrow-pg-play.png") no-repeat center/8px 11px;
}
@media (max-width: 1199px) {
  .main-visual .main-visual-right .swiper-nav .visual-ctrl {
    width: 31px;
    height: 33px;
    background: url("/assets/images/common/arrow-pg-pause.png") no-repeat center/6px 10px;
  }
  .main-visual .main-visual-right .swiper-nav .visual-ctrl.pause {
    background: url("/assets/images/common/arrow-pg-play.png") no-repeat center/6px 10px;
  }
}
@media (max-width: 479px) {
  .main-visual .main-visual-right .swiper-nav .visual-ctrl {
    width: 21px;
    height: 23px;
    background: url("/assets/images/common/arrow-pg-pause.png") no-repeat center/4px 6px;
  }
  .main-visual .main-visual-right .swiper-nav .visual-ctrl.pause {
    background: url("/assets/images/common/arrow-pg-play.png") no-repeat center/4px 6px;
  }
}
.main-visual .main-visual-right .swiper-nav div {
  /*pagination*/
  position: absolute;
  left: 140px;
  top: -1px;
  display: inline-block;
  height: 44px;
  line-height: 44px;
  color: #2cb0a4;
  font-size: 0.85rem;
  width: 130px;
  cursor: pointer;
  border-radius: 5px;
  text-align: left;
  text-indent: 20px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #fff;
  color: #fff;
}
@media (max-width: 1199px) {
  .main-visual .main-visual-right .swiper-nav div {
    left: 110px;
    top: -1px;
    height: 33px;
    line-height: 33px;
  }
}
@media (max-width: 479px) {
  .main-visual .main-visual-right .swiper-nav div {
    left: 80px;
    top: 0;
    font-size: 0.7rem;
    height: 23px;
    line-height: 23px;
    width: 100px;
    text-indent: 10px;
  }
}
.main-visual .main-visual-right .swiper-nav div::after {
  content: "전체보기 +";
  position: absolute;
  left: 30px;
  top: 0;
  white-space: nowrap;
}
@media (max-width: 479px) {
  .main-visual .main-visual-right .swiper-nav div::after {
    left: 25px;
  }
}

@media (max-width: 1199px) {
  .main-banner-txt {
    padding: 0 10px;
  }
}
.main-banner-txt div {
  margin: 15px 0;
}
@media (max-width: 1199px) {
  .main-banner-txt div {
    margin: 10px 0;
  }
}
.main-banner-txt .txt1 {
  font-size: 2rem;
  color: #2db0a6;
}
.main-banner-txt .txt1 span {
  font-weight: 600;
  font-size: 2.3rem;
}
@media (max-width: 1199px) {
  .main-banner-txt .txt1 {
    font-size: 1rem;
  }
  .main-banner-txt .txt1 span {
    font-size: 1.5rem;
  }
}
.main-banner-txt .txt2 {
  font-size: 1.5rem;
  color: #2db0a6;
}
.main-banner-txt .txt2 span {
  font-size: 2.2rem;
  font-weight: 600;
}
@media (max-width: 1199px) {
  .main-banner-txt .txt2 {
    font-size: 1rem;
  }
  .main-banner-txt .txt2 span {
    font-size: 1.2rem;
  }
}
@media (max-width: 1199px) {
  .main-banner-txt .txt2 em {
    display: block;
    margin-top: 10px;
  }
}

.main-banner {
  width: 100%;
  height: 830px;
  background: #fff9ed;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .main-banner {
    height: 450px;
  }
}
@media (max-width: 479px) {
  .main-banner {
    height: 280px;
  }
}
.main-banner .banner-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1199px) {
  .main-banner .banner-box {
    display: block;
    text-align: center;
  }
}
@media (max-width: 479px) {
  .main-banner .banner-box {
    padding: 0 10px;
    margin-top: 40px;
  }
}
.main-banner .banner-box .banner-mv {
  width: 1200px;
  height: 750px;
}
.main-banner .banner-box .banner-mv video {
  width: 1200px;
  height: 750px;
  object-fit: fill;
}
@media (max-width: 1199px) {
  .main-banner .banner-box .banner-mv video {
    width: 500px;
    height: 370px;
    margin-top: 40px;
  }
}
@media (max-width: 479px) {
  .main-banner .banner-box .banner-mv video {
    width: 380px;
    height: 240px;
    margin-top: 0;
  }
}
@media (max-width: 375px) {
  .main-banner .banner-box .banner-mv video {
    width: 322px;
    height: 220px;
  }
}
@media (max-width: 1199px) {
  .main-banner .banner-box .banner-mv {
    height: 450px;
    width: 100%;
  }
}
@media (max-width: 479px) {
  .main-banner .banner-box .banner-mv {
    height: 280px;
  }
}
@media (max-width: 375px) {
  .main-banner .banner-box .banner-mv {
    height: 260px;
  }
}
.main-banner .banner-box .banner-img {
  width: 30%;
  height: 550px;
  background: #fff;
}
@media (max-width: 1199px) {
  .main-banner .banner-box .banner-img {
    display: none;
  }
}
.main-banner .banner-box .banner-img img {
  display: none;
  width: 100%;
  height: 550px;
}
@media (max-width: 1199px) {
  .main-banner .banner-box .banner-img img {
    height: 400px;
  }
}

@media (max-width: 1199px) {
  .main-goods {
    padding: 0 10px;
  }
}
.main-goods .main-best {
  margin-top: 50px;
}
@media (max-width: 1199px) {
  .main-goods .main-best {
    margin: 30px auto 0;
  }
}
@media (max-width: 1199px) {
  .main-goods .main-best {
    width: 500px;
  }
}
@media (max-width: 479px) {
  .main-goods .main-best {
    width: 400px;
  }
}
@media (max-width: 375px) {
  .main-goods .main-best {
    width: 340px;
  }
}
.main-goods .main-best h2 {
  font-size: 1.5rem;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .main-goods .main-best h2 {
    font-size: 1.2rem;
    margin-bottom: 20px;
    color: #2db0a6;
  }
}
@media (max-width: 479px) {
  .main-goods .main-best h2 {
    font-size: 1rem;
  }
}
.main-goods .main-best ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .main-goods .main-best ul {
    display: block;
  }
}
.main-goods .main-best ul li {
  border: 1px solid #dee2e6;
  border-radius: 14px;
  padding: 12px;
  height: 435px;
  width: 280px;
  box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, 0.1);
}
.main-goods .main-best ul li:not(:last-child) {
  margin-right: 26px;
}
@media (max-width: 1199px) {
  .main-goods .main-best ul li {
    margin-right: 0 !important;
    margin-bottom: 10px;
    width: 100%;
    height: 400px;
  }
}
.main-goods .main-best ul li .img-box {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
}
.main-goods .main-best ul li a:hover img {
  transform: scale(1.1, 1.1);
}
.main-goods .main-best ul li img {
  width: 280px;
  height: 210px;
  transition: 0.3s;
}
@media (max-width: 1199px) {
  .main-goods .main-best ul li img {
    width: 100%;
  }
}
.main-goods .main-best ul li .pkg {
  font-size: 0.8rem;
  margin-top: 20px;
  color: #2cb0a4;
}
.main-goods .main-best ul li .title {
  font-size: 1rem;
  font-weight: 600;
  margin-top: 10px;
}
@media (max-width: 479px) {
  .main-goods .main-best ul li .title {
    font-size: 0.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.main-goods .main-best ul li .tag {
  font-size: 0.8rem;
  margin-top: 5px;
}
@media (max-width: 479px) {
  .main-goods .main-best ul li .tag {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.main-goods .main-best ul li .price {
  font-size: 1rem;
  margin-top: 15px;
}
@media (max-width: 479px) {
  .main-goods .main-best ul li .price {
    font-size: 0.9rem;
  }
}
.main-goods .main-global {
  height: 560px;
  margin: 100px 0;
}
@media (max-width: 1199px) {
  .main-goods .main-global {
    display: none !important;
  }
}
.main-goods .main-global .global-box {
  width: 100%;
  height: 100%;
  position: relative;
}
.main-goods .main-global .global-box .bg {
  z-index: 10;
  width: 435px;
  height: 560px;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/images/main/global-bg.png") no-repeat top left/435px 560px;
  border-radius: 14px;
}
.main-goods .main-global .global-box .global-flex-box {
  position: relative;
  z-index: 100;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.main-goods .main-global .global-box .global-flex-box .left {
  padding: 60px 0 0 60px;
}
.main-goods .main-global .global-box .global-flex-box .left .txt {
  font-size: 2.2rem;
  color: #fff;
}
.main-goods .main-global .global-box .global-flex-box .left .global-btn-box {
  margin-top: 15px;
}
.main-goods .main-global .global-box .global-flex-box .left .global-btn-box li {
  margin-bottom: 30px;
}
.main-goods .main-global .global-box .global-flex-box .left .global-btn-box li .global-btn {
  display: inline-block;
  width: 190px;
  height: 38px;
  line-height: 38px;
  border-radius: 20px;
  background: #fff;
  text-align: center;
  color: #2cb0a4;
  font-weight: 500;
}
.main-goods .main-global .global-box .global-flex-box .left .global-btn-box li .global-btn.on {
  background: #2cb0a4;
  color: #fff;
}
.main-goods .main-global .global-box .global-flex-box .right {
  margin: 60px 0 0 30px;
  position: relative;
  height: 435px;
}
.main-goods .main-global .global-box .global-flex-box .right .global-right-box {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.main-goods .main-global .global-box .global-flex-box .right .global-right-box li {
  margin-left: 20px;
  background: #fff;
  height: 435px;
  box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #dee2e6;
  border-radius: 14px;
  padding: 12px;
  width: 280px;
}
.main-goods .main-global .global-box .global-flex-box .right .global-right-box li .img-box {
  overflow: hidden;
  border-radius: 14px;
}
.main-goods .main-global .global-box .global-flex-box .right .global-right-box li .img-box img {
  width: 280px;
  height: 210px;
  transition: 0.3s;
}
.main-goods .main-global .global-box .global-flex-box .right .global-right-box li .title {
  font-size: 1rem;
  font-weight: 600;
  margin-top: 25px;
  padding-left: 20px;
}
.main-goods .main-global .global-box .global-flex-box .right .global-right-box li .tag {
  font-size: 0.8rem;
  margin-top: 15px;
  padding-left: 20px;
}
.main-goods .main-global .global-box .global-flex-box .right .global-right-box li .price {
  font-size: 1.2rem;
  margin-top: 15px;
  padding-left: 20px;
}
.main-goods .main-global .global-box .global-flex-box .right .global-right-box li:hover img {
  transform: scale(1.1, 1.1);
}
.main-goods .main-theme {
  margin-top: 150px;
}
@media (max-width: 1199px) {
  .main-goods .main-theme {
    display: none;
  }
}
.main-goods .main-theme .txt {
  font-size: 1.5rem;
  font-weight: 600;
}
.main-goods .main-theme .main-theme-box {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.main-goods .main-theme .main-theme-box li {
  text-align: center;
  width: 190px;
}
.main-goods .main-theme .main-theme-box li img {
  width: 190px;
  height: 190px;
  border-radius: 50%;
}
.main-goods .main-theme .main-theme-box li .country {
  font-size: 1rem;
  font-weight: 500;
  margin-top: 20px;
}
.main-goods .main-theme .main-theme-box li .cc {
  font-size: 0.9rem;
  margin-top: 15px;
}
.main-goods .main-theme .main-theme-box li .tag {
  font-size: 0.9rem;
  margin-top: 3px;
}
.main-goods .main-theme .main-theme-box li.big {
  position: relative;
  width: 300px;
  margin: 0 43px;
}
.main-goods .main-theme .main-theme-box li.big .badge {
  position: absolute;
  top: 10px;
  right: 25px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #2cb0a4;
  line-height: 50px;
  color: #fff;
  font-size: 0.9rem;
}
.main-goods .main-theme .main-theme-box li.big img {
  width: 300px;
  height: 300px;
  border-radius: 50%;
}
.main-goods .main-theme .main-theme-box li.big .country {
  font-size: 1.3rem;
  font-weight: 600;
}
.main-goods .main-theme .main-theme-box li.big .cc {
  font-size: 1rem;
}
.main-goods .main-theme .main-theme-box li.big .tag {
  font-size: 1rem;
}
.main-goods .main-theme .main-theme-box li:nth-of-type(1), .main-goods .main-theme .main-theme-box li:nth-of-type(4) {
  margin-right: 25px;
}

.main-video {
  width: 100%;
  margin-top: 150px;
  height: 640px;
}
@media (max-width: 1199px) {
  .main-video {
    display: none;
  }
}
.main-video .bg {
  display: flex;
  align-items: center;
  width: 100%;
  height: 640px;
  background: url("/assets/images/main/video-bg.png") no-repeat center center/1920px 640px;
}
.main-video .bg .cont ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.main-video .bg .cont ul li {
  height: 520px;
  background: #fff;
}
.main-video .bg .cont ul li.left {
  width: 50%;
}
.main-video .bg .cont ul li.left .img-box {
  width: 100%;
  height: 100%;
}
.main-video .bg .cont ul li.left .img-box img {
  width: 100%;
  height: 100%;
}
.main-video .bg .cont ul li.center {
  width: 30%;
  height: 520px;
  position: relative;
}
.main-video .bg .cont ul li.center .bg {
  background: url("/assets/images/common/bottom02.png") no-repeat left top/100% 520px;
}
.main-video .bg .cont ul li.center .bg .txt {
  position: absolute;
  top: 90px;
  color: #fff;
  text-align: center;
  width: 100%;
}
.main-video .bg .cont ul li.center .bg .txt .title {
  text-align: center;
  font-size: 2rem;
  font-weight: 800;
  font-family: NanumSquareRoundEB !important;
}
.main-video .bg .cont ul li.right {
  width: 20%;
  height: 520px;
  text-align: center;
}
.main-video .bg .cont ul li.right .img-box img {
  width: 240px;
  height: 520px;
}

.customer-mobile {
  display: none;
  width: 100%;
  background: rgba(186, 186, 186, 0.2);
  height: 220px;
  padding-top: 25px;
  color: #7f7f7f;
  margin-top: 20px;
}
@media (max-width: 1199px) {
  .customer-mobile {
    display: block;
  }
}
.customer-mobile .box {
  background: #fff;
  width: 100%;
  padding: 23px 20px;
}
.customer-mobile .box .flex-box .left .d1, .customer-mobile .box .flex-box .left .d2 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.customer-mobile .box .flex-box .left .d1 .txt2 {
  margin-left: 10px;
  font-size: 0.8rem;
  align-self: center;
  color: #a6a6a6 !important;
  margin-bottom: 9px;
}
.customer-mobile .box .flex-box .left .d1 .txt2 a {
  color: #7f7f7f;
}
.customer-mobile .box .flex-box .left .d1 .txt3 {
  margin-left: 22px;
}
.customer-mobile .box .flex-box .left .d1 .txt3 a {
  color: #7f7f7f;
}
.customer-mobile .box .flex-box .left .d2 {
  margin-top: 10px;
}
@media (max-width: 479px) {
  .customer-mobile .box .flex-box .left .d2 {
    display: block;
  }
}
@media (max-width: 479px) {
  .customer-mobile .box .flex-box .left .d2 .d2-1 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media (max-width: 479px) {
  .customer-mobile .box .flex-box .left .d2 .d2-2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 15px;
  }
}
.customer-mobile .box .flex-box .left .d2 .txt2 {
  margin-left: 10px;
  font-size: 0.8rem;
  align-self: center;
  color: #a6a6a6 !important;
}
.customer-mobile .box .flex-box .left .d2 .txt2 a {
  color: #7f7f7f;
}
.customer-mobile .box .flex-box .left .d2 .txt3 {
  margin-left: 10px;
}
@media (max-width: 479px) {
  .customer-mobile .box .flex-box .left .d2 .txt3 {
    margin-left: 0;
  }
}
.customer-mobile .box .flex-box .left .d2 .txt4 {
  font-size: 0.8rem;
  align-self: center;
  margin-left: 10px;
  color: #a6a6a6 !important;
  white-space: nowrap;
}
.customer-mobile .box .flex-box .left .d2 .txt4 a {
  color: #7f7f7f;
}
.customer-mobile .box .flex-box .left .d3 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 479px) {
  .customer-mobile .box .flex-box .left .d3 {
    display: block;
  }
}
.customer-mobile .box .flex-box .left p {
  white-space: nowrap;
  font-size: 0.9rem;
  font-weight: 500;
  color: #7f7f7f !important;
}
.customer-mobile .box .flex-box .left .sns-btn {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin-top: 15px;
}
@media (max-width: 479px) {
  .customer-mobile .box .flex-box .left .sns-btn {
    margin-top: 20px;
  }
}
.customer-mobile .box .flex-box .left .sns-btn li:not(:first-child) {
  margin-left: 10px;
}
.customer-mobile .box .flex-box .left .sns-btn li img {
  width: 30px;
  height: 30px;
}
.customer-mobile .family-box {
  position: relative;
  width: 130px;
  z-index: 1;
  margin-top: 12px;
  margin-left: 30px;
}
@media (max-width: 479px) {
  .customer-mobile .family-box {
    margin-left: 0;
    width: 100%;
  }
}
.customer-mobile .family-box label {
  color: #000;
  z-index: -1;
}
.customer-mobile .family-box select {
  border: 1px solid #495057;
  line-height: normal;
  margin: 0;
  color: #9999a8;
  font-weight: bold;
  cursor: pointer;
  padding-left: 15px;
  background-color: #fff;
  width: 127px;
  height: 30px;
  font-size: 11px;
  left: 0;
  top: 20px;
}
@media (max-width: 479px) {
  .customer-mobile .family-box select {
    width: 100%;
  }
}
.customer-mobile .family-box select > option {
  color: #000;
  background-color: white;
  height: 20px;
}

.customer {
  width: 100%;
  background: rgba(186, 186, 186, 0.2);
  height: 280px;
  padding-top: 40px;
  color: #7f7f7f;
}
@media (max-width: 1199px) {
  .customer {
    display: none;
  }
}
.customer .box {
  background: #fff;
  width: 100%;
  padding: 43px 40px;
}
.customer .box .flex-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.customer .box .flex-box .left .d1, .customer .box .flex-box .left .d2 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.customer .box .flex-box .left .d1 .txt2 {
  margin-left: 30px;
  font-size: 1.2rem;
  align-self: center;
  color: #a6a6a6 !important;
  margin-bottom: 9px;
}
.customer .box .flex-box .left .d1 .txt3 {
  margin-left: 82px;
}
.customer .box .flex-box .left .d1 .txt3 a {
  color: #7f7f7f;
}
.customer .box .flex-box .left .d2 {
  margin-top: 20px;
}
.customer .box .flex-box .left .d2 .txt2 {
  margin-left: 30px;
  font-size: 1.2rem;
  align-self: center;
  color: #a6a6a6 !important;
}
.customer .box .flex-box .left .d2 .txt3 {
  margin-left: 65px;
}
.customer .box .flex-box .left .d2 .txt4 {
  font-size: 1.2rem;
  align-self: center;
  margin-left: 30px;
  color: #a6a6a6 !important;
  white-space: nowrap;
}
.customer .box .flex-box .left .d2 .foo {
  margin-left: 226px;
}
.customer .box .flex-box .left p {
  white-space: nowrap;
  font-size: 1.6rem;
  font-weight: 500;
  color: #7f7f7f !important;
}
.customer .box .flex-box .left .sns-btn {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin-top: 10px;
  margin-left: 250px;
}
.customer .box .flex-box .left .sns-btn li:not(:first-child) {
  margin-left: 10px;
}
.customer .box .flex-box .left .sns-btn li img {
  width: 40px;
  height: 40px;
}
.customer .family-box {
  position: relative;
  width: 200px;
  z-index: 1;
}
.customer .family-box label {
  position: absolute;
  top: 1px;
  left: 5px;
  padding: 0.8em 0.5em;
  color: #000;
  z-index: -1;
}
.customer .family-box select {
  border: 1px solid #495057;
  line-height: normal;
  margin: 0;
  color: #9999a8;
  font-weight: bold;
  cursor: pointer;
  padding-left: 15px;
  background-color: #fff;
  position: absolute;
  width: 197px;
  height: 33px;
  font-size: 11px;
  left: 0;
  top: 0;
}
.customer .family-box select > option {
  color: #000;
  background-color: white;
  height: 20px;
}

footer {
  margin-top: 80px;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  footer {
    padding: 0 10px;
  }
}
footer .line {
  width: 100%;
  height: 1px;
  background: #ccc;
}
footer .box {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
footer .box .left .txt1 ul, footer .box .left .txt2 ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
footer .box .left .txt1 ul li, footer .box .left .txt2 ul li {
  font-size: 0.8rem;
  margin-right: 30px;
  position: relative;
}
@media (max-width: 1199px) {
  footer .box .left .txt1 ul li, footer .box .left .txt2 ul li {
    margin-right: 10px;
  }
}
footer .box .left .txt1 ul li:not(:last-child):after, footer .box .left .txt2 ul li:not(:last-child):after {
  content: "";
  position: absolute;
  top: 5px;
  right: -20px;
  width: 1px;
  height: 12px;
  background: #cccccc;
}
@media (max-width: 1199px) {
  footer .box .left .txt1 ul li:not(:last-child):after, footer .box .left .txt2 ul li:not(:last-child):after {
    display: none;
  }
}

.drp-box {
  position: relative;
}
.drp-box:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  width: 16px;
  height: 16px;
  background: url("/assets/images/common/calendar.png") no-repeat center/16px 16px;
}
.drp-box .drp {
  color: #373837;
  text-indent: 26px;
}
.drp-box input.drp {
  cursor: pointer;
}

.anchor:before {
  content: "";
  display: block;
  height: 3px;
  margin-top: 3px;
  visibility: hidden;
}

.bg-color1 {
  background: rgba(44, 176, 164, 0.3);
}

.bg-color2 {
  background: #fff5f5;
}

.bg-color3 {
  background: #f8f0fc;
}

.bg-color4 {
  background: #e7f5ff;
}

.bg-color5 {
  background: #fff4e6;
}

.bg-color6 {
  background: rgba(44, 176, 164, 0.3);
}

.sub-content-wrap, .new-sub-content-wrap {
  margin-top: 60px;
}
@media (max-width: 1199px) {
  .sub-content-wrap, .new-sub-content-wrap {
    margin-top: 100px;
  }
}
.sub-content-wrap .membership-content-top-wrap, .new-sub-content-wrap .membership-content-top-wrap {
  position: relative;
  z-index: 20;
  background: #fff;
  width: 1140px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .sub-content-wrap .membership-content-top-wrap, .new-sub-content-wrap .membership-content-top-wrap {
    width: 100%;
  }
}
.sub-content-wrap .membership-content-top-wrap .membership-content-top, .new-sub-content-wrap .membership-content-top-wrap .membership-content-top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #000;
  padding: 40px 30px 20px 30px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .membership-content-top-wrap .membership-content-top, .new-sub-content-wrap .membership-content-top-wrap .membership-content-top {
    display: block;
    padding: 10px;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .membership-content-top-wrap .membership-content-top .logo img, .new-sub-content-wrap .membership-content-top-wrap .membership-content-top .logo img {
    transform: scale(0.8);
  }
}
.sub-content-wrap .membership-content-top-wrap .border-round, .new-sub-content-wrap .membership-content-top-wrap .border-round {
  width: 500px;
  height: 47px;
  line-height: 43px;
  border: 3px solid #000;
  border-radius: 20px;
  margin-left: 30px;
  padding: 0 30px;
  color: #ff4015;
  font-weight: bold;
  position: relative;
}
@media (max-width: 479px) {
  .sub-content-wrap .membership-content-top-wrap .border-round, .new-sub-content-wrap .membership-content-top-wrap .border-round {
    font-size: 0.8rem !important;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .membership-content-top-wrap .border-round, .new-sub-content-wrap .membership-content-top-wrap .border-round {
    width: 100%;
    margin-left: 0;
    height: 35px;
    line-height: 32px;
    border: 2px solid #000;
    margin-top: 10px;
    padding: 0 10px;
  }
}
.sub-content-wrap .membership-content-top-wrap .border-round .strong, .new-sub-content-wrap .membership-content-top-wrap .border-round .strong {
  font-weight: bold;
  font-size: 1.2rem;
  color: #ff4015;
}
@media (max-width: 1199px) {
  .sub-content-wrap .membership-content-top-wrap .border-round .strong, .new-sub-content-wrap .membership-content-top-wrap .border-round .strong {
    font-size: 0.9rem;
  }
}
.sub-content-wrap .membership-content-top-wrap .border-round:after, .new-sub-content-wrap .membership-content-top-wrap .border-round:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 20px;
  width: 22px;
  height: 22px;
  background: url("/assets/images/common/btn-search.png") no-repeat center/22px 22px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .membership-content-top-wrap .border-round:after, .new-sub-content-wrap .membership-content-top-wrap .border-round:after {
    display: none;
  }
}
.sub-content-wrap .membership-content, .new-sub-content-wrap .membership-content {
  position: relative;
  z-index: 10;
  border: 1px solid #000;
  padding: 40px 60px 20px 60px;
  margin-top: -20px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .membership-content, .new-sub-content-wrap .membership-content {
    padding: 20px 10px 20px;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .membership-content h3, .new-sub-content-wrap .membership-content h3 {
    margin-top: 20px;
  }
}
.sub-content-wrap .membership-content .title, .new-sub-content-wrap .membership-content .title {
  margin-top: 40px;
  margin-bottom: 10px;
}
.sub-content-wrap .membership-content table th, .new-sub-content-wrap .membership-content table th {
  background: #e9ecef;
  padding: 10px 0;
  border: 1px solid #ccc;
}
@media (max-width: 1199px) {
  .sub-content-wrap .membership-content table th, .new-sub-content-wrap .membership-content table th {
    font-size: 0.8rem;
  }
}
.sub-content-wrap .membership-content table td, .new-sub-content-wrap .membership-content table td {
  border: 1px solid #ccc;
  text-align: center;
  padding: 10px 0;
}
@media (max-width: 1199px) {
  .sub-content-wrap .membership-content table td, .new-sub-content-wrap .membership-content table td {
    font-size: 0.7rem;
  }
}
.sub-content-wrap .membership-content table > tbody > tr:first-child > td, .new-sub-content-wrap .membership-content table > tbody > tr:first-child > td {
  border-top: 2px solid #adb5bd;
}
.sub-content-wrap .membership-content .sv1 li, .new-sub-content-wrap .membership-content .sv1 li {
  margin-bottom: 10px;
}
.sub-content-wrap .membership-content .ms-box, .new-sub-content-wrap .membership-content .ms-box {
  border: 1px solid #000;
}
.sub-content-wrap .membership-content .ms-box > div, .new-sub-content-wrap .membership-content .ms-box > div {
  padding: 15px;
}
.sub-content-wrap .membership-content .ms-box > div:not(:first-child), .new-sub-content-wrap .membership-content .ms-box > div:not(:first-child) {
  border-top: 1px solid #000;
}
.sub-content-wrap .ms-btn-box, .new-sub-content-wrap .ms-btn-box {
  text-align: center;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms-btn-box, .new-sub-content-wrap .ms-btn-box {
    padding: 0 10px;
  }
}
.sub-content-wrap .ms-btn-box .btn-large, .new-sub-content-wrap .ms-btn-box .btn-large {
  font-size: 1.5rem;
  height: 100px;
  line-height: 100px;
  background: #55c5ba;
  color: #fff;
  text-align: center;
  padding: 10px 30px;
  border-radius: 8px;
}
.sub-content-wrap .ms-btn-box .btn-large.sns, .new-sub-content-wrap .ms-btn-box .btn-large.sns {
  padding: 10px 60px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms-btn-box .btn-large, .new-sub-content-wrap .ms-btn-box .btn-large {
    display: inline-block;
    padding: 3px !important;
    width: 100% !important;
    height: auto;
    line-height: 48px;
    font-size: 1.2rem;
  }
}
.sub-content-wrap .ms2-wrap, .new-sub-content-wrap .ms2-wrap {
  padding: 30px 30px 0 30px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap, .new-sub-content-wrap .ms2-wrap {
    padding: 0 10px;
    margin-top: 50px;
  }
}
.sub-content-wrap .ms2-wrap .ms2-title-image-wrap, .new-sub-content-wrap .ms2-wrap .ms2-title-image-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -50px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .ms2-title-image-wrap, .new-sub-content-wrap .ms2-wrap .ms2-title-image-wrap {
    justify-content: space-between;
    margin-left: 0;
  }
}
.sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image, .new-sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image {
  margin-left: 100px;
  position: relative;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image, .new-sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image {
    margin-left: 0;
  }
}
.sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image.on > span, .new-sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image.on > span {
  color: #2db0a6;
  font-weight: 600;
}
.sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image img, .new-sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image img {
  width: 22px;
  height: 22px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image img, .new-sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image img {
    display: none;
  }
}
.sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image span, .new-sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image span {
  margin-left: 10px;
  position: relative;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image span, .new-sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image span {
    margin-left: 0;
  }
}
.sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image:not(:last-child) > span:after, .new-sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image:not(:last-child) > span:after {
  content: "";
  position: absolute;
  top: 12px;
  right: -80px;
  height: 1px;
  width: 60px;
  background: #868e96;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image:not(:last-child) > span:after, .new-sub-content-wrap .ms2-wrap .ms2-title-image-wrap .ms2-title-image:not(:last-child) > span:after {
    display: none;
  }
}
.sub-content-wrap .ms2-wrap .ms2-title-txt, .new-sub-content-wrap .ms2-wrap .ms2-title-txt {
  font-size: 1.3rem;
  text-align: center;
  margin-top: 40px;
}
.sub-content-wrap .ms2-wrap .ms2-title-txt.sns, .new-sub-content-wrap .ms2-wrap .ms2-title-txt.sns {
  margin-top: 0;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .ms2-title-txt em, .new-sub-content-wrap .ms2-wrap .ms2-title-txt em {
    display: block;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .ms2-title-txt, .new-sub-content-wrap .ms2-wrap .ms2-title-txt {
    font-size: 1rem;
  }
}
.sub-content-wrap .ms2-wrap .ms2-title, .new-sub-content-wrap .ms2-wrap .ms2-title {
  margin-top: 30px;
  color: #868e96;
  font-size: 1.2rem;
}
.sub-content-wrap .ms2-wrap .table, .new-sub-content-wrap .ms2-wrap .table {
  margin-top: 10px;
}
.sub-content-wrap .ms2-wrap .table th, .new-sub-content-wrap .ms2-wrap .table th {
  border-top: 2px solid #ccc;
}
.sub-content-wrap .ms2-wrap .table tbody > tr > td:first-child, .new-sub-content-wrap .ms2-wrap .table tbody > tr > td:first-child {
  background: #e9ecef;
  width: 150px;
  border-right: 1px solid #ccc;
  color: #495057;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .table tbody > tr > td:first-child, .new-sub-content-wrap .ms2-wrap .table tbody > tr > td:first-child {
    width: 25%;
  }
}
.sub-content-wrap .ms2-wrap .table td, .new-sub-content-wrap .ms2-wrap .table td {
  padding: 15px 12px;
  border-bottom: 1px solid #cccccc;
  font-weight: 600;
}
@media (max-width: 479px) {
  .sub-content-wrap .ms2-wrap .table td, .new-sub-content-wrap .ms2-wrap .table td {
    font-size: 0.8rem;
  }
}
.sub-content-wrap .ms2-wrap .table td.tab-td, .new-sub-content-wrap .ms2-wrap .table td.tab-td {
  display: flex !important;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .table td.tab-td, .new-sub-content-wrap .ms2-wrap .table td.tab-td {
    display: block !important;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .table td, .new-sub-content-wrap .ms2-wrap .table td {
    padding: 7px 5px;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .table td .break, .new-sub-content-wrap .ms2-wrap .table td .break {
    display: block;
  }
}
.sub-content-wrap .ms2-wrap .table td input, .new-sub-content-wrap .ms2-wrap .table td input {
  border: 1px solid #adb5bd;
  background: #f8f9fa;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  color: #495057;
  font-size: 1rem;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .table td input, .new-sub-content-wrap .ms2-wrap .table td input {
    height: 40px;
    line-height: 40px;
  }
}
.sub-content-wrap .ms2-wrap .table td input.width1, .new-sub-content-wrap .ms2-wrap .table td input.width1 {
  width: 450px !important;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .table td input.width1, .new-sub-content-wrap .ms2-wrap .table td input.width1 {
    width: 100% !important;
  }
}
.sub-content-wrap .ms2-wrap .table td input.width2, .new-sub-content-wrap .ms2-wrap .table td input.width2 {
  width: 180px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .table td input.width2, .new-sub-content-wrap .ms2-wrap .table td input.width2 {
    width: 40%;
  }
}
@media (max-width: 479px) {
  .sub-content-wrap .ms2-wrap .table td input.width2, .new-sub-content-wrap .ms2-wrap .table td input.width2 {
    width: 45%;
  }
}
@media (max-width: 479px) {
  .sub-content-wrap .ms2-wrap .table td input, .new-sub-content-wrap .ms2-wrap .table td input {
    font-size: 0.8rem;
  }
}
.sub-content-wrap .ms2-wrap .table td select, .new-sub-content-wrap .ms2-wrap .table td select {
  border: 1px solid #adb5bd;
  height: 50px;
  font-size: 1rem;
  width: 180px;
  margin-left: 10px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .table td select, .new-sub-content-wrap .ms2-wrap .table td select {
    margin-left: 0;
    margin-top: 10px;
    height: 40px;
  }
}
@media (max-width: 479px) {
  .sub-content-wrap .ms2-wrap .table td select, .new-sub-content-wrap .ms2-wrap .table td select {
    font-size: 0.8rem;
    width: 100%;
  }
}
.sub-content-wrap .ms2-wrap .table td .btn-md, .new-sub-content-wrap .ms2-wrap .table td .btn-md {
  font-size: 1rem;
  background: #2cb0a4;
  color: #fff;
  text-align: center;
  padding: 0 30px;
  height: 50px;
  border: 0;
  margin-left: 5px;
}
.sub-content-wrap .ms2-wrap .table td .btn-md.md, .new-sub-content-wrap .ms2-wrap .table td .btn-md.md {
  padding: 0 18px;
  margin-left: 0;
}
.sub-content-wrap .ms2-wrap .table td .btn-md.sns, .new-sub-content-wrap .ms2-wrap .table td .btn-md.sns {
  margin-left: 17px;
  font-size: 0.9rem;
  width: 140px;
  padding: 0 15px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .table td .btn-md.sns, .new-sub-content-wrap .ms2-wrap .table td .btn-md.sns {
    font-size: 0.8rem;
    margin-left: 0;
    width: 100%;
  }
}
.sub-content-wrap .ms2-wrap .table td .btn-md.sns:disabled, .new-sub-content-wrap .ms2-wrap .table td .btn-md.sns:disabled {
  cursor: not-allowed !important;
  background: #999 !important;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .table td .btn-md, .new-sub-content-wrap .ms2-wrap .table td .btn-md {
    height: 40px;
    margin-top: 10px;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .table td .btn-md, .new-sub-content-wrap .ms2-wrap .table td .btn-md {
    font-size: 0.8rem;
    margin-left: 0;
    width: 100%;
  }
}
.sub-content-wrap .ms2-wrap .table td .tab, .new-sub-content-wrap .ms2-wrap .table td .tab {
  margin-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .table td .tab, .new-sub-content-wrap .ms2-wrap .table td .tab {
    margin-left: 0;
    margin-top: 10px;
  }
}
.sub-content-wrap .ms2-wrap .table td .tab button, .new-sub-content-wrap .ms2-wrap .table td .tab button {
  position: relative;
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  border-radius: 6px;
  height: 50px;
  line-height: 50px;
  padding: 0 16px;
  transition: 0.3s;
  font-size: 1rem;
  border: 1px solid #cccc;
  color: #676767;
  z-index: 1;
  width: 60px;
  margin-top: -1px;
}
.sub-content-wrap .ms2-wrap .table td .tab button.on, .new-sub-content-wrap .ms2-wrap .table td .tab button.on {
  z-index: 2;
  color: #ffffff;
  background: #009bdf;
}
.sub-content-wrap .ms2-wrap .table td .tab button:first-child, .new-sub-content-wrap .ms2-wrap .table td .tab button:first-child {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.sub-content-wrap .ms2-wrap .table td .tab button:last-child, .new-sub-content-wrap .ms2-wrap .table td .tab button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.sub-content-wrap .ms2-wrap .table td.flex, .new-sub-content-wrap .ms2-wrap .table td.flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .table td.flex, .new-sub-content-wrap .ms2-wrap .table td.flex {
    display: block;
  }
}
.sub-content-wrap .ms2-wrap .table td.flex .ms-round-large, .new-sub-content-wrap .ms2-wrap .table td.flex .ms-round-large {
  height: 150px;
  width: 220px;
  padding: 0 30px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 10px;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .table td.flex .ms-round-large, .new-sub-content-wrap .ms2-wrap .table td.flex .ms-round-large {
    height: 100px;
    width: 100%;
    padding: 0 10px;
    margin-right: 0;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .table td.flex .ms-round-large:not(:first-child), .new-sub-content-wrap .ms2-wrap .table td.flex .ms-round-large:not(:first-child) {
    margin-top: 10px;
  }
}
.sub-content-wrap .ms2-wrap .table td.flex .ms-round-large:hover, .new-sub-content-wrap .ms2-wrap .table td.flex .ms-round-large:hover {
  background: #f1f3f5;
}
.sub-content-wrap .ms2-wrap .table td.flex .ms-round-large.on, .new-sub-content-wrap .ms2-wrap .table td.flex .ms-round-large.on {
  background: #009bdf;
  color: #fff;
  border: none;
}
.sub-content-wrap .ms2-wrap .table td.flex .ms-round-large p, .new-sub-content-wrap .ms2-wrap .table td.flex .ms-round-large p {
  font-size: 1rem;
}
.sub-content-wrap .ms2-wrap .table td.flex .ms-round-large p:nth-of-type(1), .new-sub-content-wrap .ms2-wrap .table td.flex .ms-round-large p:nth-of-type(1) {
  font-size: 2rem;
  font-weight: 600;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .table td.flex .ms-round-large p:nth-of-type(1), .new-sub-content-wrap .ms2-wrap .table td.flex .ms-round-large p:nth-of-type(1) {
    font-size: 1.3rem;
  }
}
.sub-content-wrap .ms2-wrap .table td.flex .ms-round-large p:nth-of-type(2), .new-sub-content-wrap .ms2-wrap .table td.flex .ms-round-large p:nth-of-type(2) {
  font-size: 1.4rem;
  font-weight: 500;
}
@media (max-width: 1199px) {
  .sub-content-wrap .ms2-wrap .table td.flex .ms-round-large p:nth-of-type(2), .new-sub-content-wrap .ms2-wrap .table td.flex .ms-round-large p:nth-of-type(2) {
    font-size: 1rem;
  }
}
.sub-content-wrap .info-cont, .new-sub-content-wrap .info-cont {
  padding: 0 0 120px;
}
.sub-content-wrap .info-cont .info-cont-wrapper .info h3, .new-sub-content-wrap .info-cont .info-cont-wrapper .info h3 {
  padding: 80px 0 20px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 35px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}
.sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper, .new-sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper {
  display: flex;
  justify-content: flex-start;
  padding: 24px 0 0;
}
.sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div, .new-sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div {
  flex: 1;
}
.sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(1), .new-sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(1) {
  color: #b1001c;
  font-size: 1.5rem;
  line-height: 48px;
}
.sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(1) h4, .new-sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(1) h4 {
  font-weight: 300;
  white-space: nowrap;
}
.sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(1) p, .new-sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(1) p {
  padding: 60px 0 0;
  font-weight: 500;
}
.sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(2) ul li, .new-sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(2) ul li {
  line-height: 35px;
  padding: 0 0 0 20px;
  /*text-indent: -20px;*/
  position: relative;
}
.sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(2) ul li:before, .new-sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(2) ul li:before {
  position: absolute;
  top: 0px;
  left: -70px;
  font-weight: bold;
}
.sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(2) ul li:nth-of-type(1)::before, .new-sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(2) ul li:nth-of-type(1)::before {
  content: "예약방법";
}
.sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(2) ul li:nth-of-type(2)::before, .new-sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(2) ul li:nth-of-type(2)::before {
  content: "신청제한";
}
.sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(2) ul li:nth-of-type(3)::before, .new-sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(2) ul li:nth-of-type(3)::before {
  content: "예약확인";
}
.sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(2) ul li span, .new-sub-content-wrap .info-cont .info-cont-wrapper .info .flex-wrapper > div:nth-child(2) ul li span {
  color: #b1001c;
}
.sub-content-wrap .course-time, .new-sub-content-wrap .course-time {
  margin-top: 50px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .course-time, .new-sub-content-wrap .course-time {
    margin-top: 25px;
    padding: 0 10px;
  }
}
.sub-content-wrap .course-time .course, .new-sub-content-wrap .course-time .course {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 1199px) {
  .sub-content-wrap .course-time .course, .new-sub-content-wrap .course-time .course {
    display: block;
  }
}
.sub-content-wrap .course-time .course > li, .new-sub-content-wrap .course-time .course > li {
  position: relative;
  width: 384px;
  margin: 0 24px 20px 0;
  font-size: 1.5rem;
}
@media (max-width: 1199px) {
  .sub-content-wrap .course-time .course > li, .new-sub-content-wrap .course-time .course > li {
    width: 100%;
  }
}
.sub-content-wrap .course-time .course > li a, .new-sub-content-wrap .course-time .course > li a {
  color: #b1001c;
}
.sub-content-wrap .course-time .course > li:after, .new-sub-content-wrap .course-time .course > li:after {
  content: "";
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
  height: 1px;
  background: #b1001c;
}
.sub-content-wrap .course-time .course > li:nth-child(3n), .new-sub-content-wrap .course-time .course > li:nth-child(3n) {
  margin-right: 0;
}
.sub-content-wrap .course-time .course > li > ul, .new-sub-content-wrap .course-time .course > li > ul {
  margin-top: 22px;
}
.sub-content-wrap .course-time .course > li > ul > li, .new-sub-content-wrap .course-time .course > li > ul > li {
  color: #000;
  font-size: 1rem;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  text-align: center;
}
.sub-content-wrap .course-time .course > li > ul > li > div > em, .new-sub-content-wrap .course-time .course > li > ul > li > div > em {
  font-size: 0;
}
.sub-content-wrap .course-time .course > li > ul > li > div > em a, .new-sub-content-wrap .course-time .course > li > ul > li > div > em a {
  display: inline-block;
  width: 60px;
  height: 34px;
  line-height: 34px;
  border: 1px solid #b1001c;
  box-sizing: border-box;
  color: #b1001c;
  font-size: 0.75rem;
  font-weight: 400;
}
.sub-content-wrap .course-time .course > li > ul > li > div > em a.cart, .new-sub-content-wrap .course-time .course > li > ul > li > div > em a.cart {
  border: 1px solid #2db0a6;
  color: #2db0a6;
}
.sub-content-wrap .course-time .course > li > ul > li:nth-child(n+2), .new-sub-content-wrap .course-time .course > li > ul > li:nth-child(n+2) {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.sub-content-wrap .course-time .course > li > ul > li a:first-child, .new-sub-content-wrap .course-time .course > li > ul > li a:first-child {
  margin: 0 2px 0 0;
}
.sub-content-wrap .course-time .course > li > ul > li a:nth-of-type(2), .new-sub-content-wrap .course-time .course > li > ul > li a:nth-of-type(2) {
  margin: 0 2px 0 0;
}
.sub-content-wrap .course-time .course > li > ul > li > span > em, .new-sub-content-wrap .course-time .course > li > ul > li > span > em {
  font-weight: 500;
}
.sub-content-wrap .course-time .course > li > ul > li > span > em.strike, .new-sub-content-wrap .course-time .course > li > ul > li > span > em.strike {
  padding: 0 16px;
  text-decoration: line-through;
  color: rgba(0, 0, 0, 0.3);
  font-weight: 300;
}
.sub-content-wrap .course-time .course > li > ul > li > span > em.c-cost, .new-sub-content-wrap .course-time .course > li > ul > li > span > em.c-cost {
  padding: 0 16px;
}
.sub-content-wrap .course-time .course > li > ul > li > span > em.nor, .new-sub-content-wrap .course-time .course > li > ul > li > span > em.nor {
  font-weight: 300;
}
.sub-content-wrap .departure-layer-box, .new-sub-content-wrap .departure-layer-box {
  position: relative;
  z-index: 9999;
}
.sub-content-wrap .departure-layer-box .departure-layer, .new-sub-content-wrap .departure-layer-box .departure-layer {
  position: absolute;
  top: 50px;
  left: 0;
  width: 220px;
  height: 338px;
  border: 1px solid #868e96;
  background: #fff;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.sub-content-wrap .departure-layer-box .departure-layer p, .new-sub-content-wrap .departure-layer-box .departure-layer p {
  position: relative;
  font-size: 0.9rem;
  font-weight: 500;
  color: #000;
  border-bottom: 1px solid #373837;
  padding: 10px 10px;
  text-indent: 20px;
}
.sub-content-wrap .departure-layer-box .departure-layer p:before, .new-sub-content-wrap .departure-layer-box .departure-layer p:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 10px;
  width: 16px;
  height: 16px;
  background: url("/assets/images/common/icon-location.png") no-repeat center/16px 16px;
}
.sub-content-wrap .departure-layer-box .departure-layer ul li, .new-sub-content-wrap .departure-layer-box .departure-layer ul li {
  font-size: 0.9rem;
  padding: 8px 10px;
  height: 30px;
}
.sub-content-wrap .departure-layer-box .departure-layer ul li:hover, .new-sub-content-wrap .departure-layer-box .departure-layer ul li:hover {
  background: #f1f3f5;
}
.sub-content-wrap .departure-layer-box .departure-layer ul li a, .new-sub-content-wrap .departure-layer-box .departure-layer ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
@media (max-width: 1199px) {
  .sub-content-wrap .join-auth, .new-sub-content-wrap .join-auth {
    padding: 0 10px;
  }
}
.sub-content-wrap .join-auth h3, .new-sub-content-wrap .join-auth h3 {
  font-size: 2rem;
  font-weight: 500;
  margin: 60px 0 0;
}
.sub-content-wrap .join-auth .join-auth-btn, .new-sub-content-wrap .join-auth .join-auth-btn {
  margin: 64px 0 0;
}
.sub-content-wrap .join-auth .join-auth-btn > div, .new-sub-content-wrap .join-auth .join-auth-btn > div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.sub-content-wrap .join-auth .join-auth-btn > div > a, .new-sub-content-wrap .join-auth .join-auth-btn > div > a {
  position: relative;
  display: block;
  width: 100%;
  height: 160px;
  line-height: 160px;
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  background: #000;
}
.sub-content-wrap .join-auth .join-auth-btn > div > a span, .new-sub-content-wrap .join-auth .join-auth-btn > div > a span {
  position: relative;
}
@media (max-width: 1199px) {
  .sub-content-wrap .join-auth .join-auth-btn > div > a, .new-sub-content-wrap .join-auth .join-auth-btn > div > a {
    height: 100px;
    line-height: 100px;
    font-size: 1.3rem;
  }
}
.sub-content-wrap .join-auth .join-auth-txt, .new-sub-content-wrap .join-auth .join-auth-txt {
  margin: 56px 0 0;
}
.sub-content-wrap .join-auth .join-auth-txt p, .new-sub-content-wrap .join-auth .join-auth-txt p {
  line-height: 32px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap, .new-sub-content-wrap .mypage-wrap {
    padding: 0 10px;
    margin-top: 40px;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap.community, .new-sub-content-wrap .mypage-wrap.community {
    padding: 0 10px;
    margin-top: 0;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box, .new-sub-content-wrap .mypage-wrap .mypage-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box, .new-sub-content-wrap .mypage-wrap .mypage-box {
    display: block;
    margin-top: 30px;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box h3, .new-sub-content-wrap .mypage-wrap .mypage-box h3 {
  font-size: 1.5rem;
  padding-bottom: 20px;
  border-bottom: 2px solid #000;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box h3, .new-sub-content-wrap .mypage-wrap .mypage-box h3 {
    font-size: 1.2rem;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .left, .new-sub-content-wrap .mypage-wrap .mypage-box .left {
  width: 150px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .left, .new-sub-content-wrap .mypage-wrap .mypage-box .left {
    display: none !important;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .left .menu-box li, .new-sub-content-wrap .mypage-wrap .mypage-box .left .menu-box li {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #868e96;
}
.sub-content-wrap .mypage-wrap .mypage-box .left .menu-box li a, .new-sub-content-wrap .mypage-wrap .mypage-box .left .menu-box li a {
  color: #495057;
}
.sub-content-wrap .mypage-wrap .mypage-box .left .menu-box li a.on, .new-sub-content-wrap .mypage-wrap .mypage-box .left .menu-box li a.on {
  color: #2cb0a4;
}
.sub-content-wrap .mypage-wrap .mypage-box .right, .new-sub-content-wrap .mypage-wrap .mypage-box .right {
  margin-left: 30px;
  width: 100%;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right, .new-sub-content-wrap .mypage-wrap .mypage-box .right {
    margin-left: 0;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .table, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table {
  margin-top: 10px;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .table th, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table th {
  background: #f8f9fa;
  padding: 15px 0;
  border: 1px solid #ccc;
  border-top: 1px solid #999;
  color: #495057;
  font-weight: 500;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .table th:first-child, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table th:first-child {
  border-left: none;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .table th:last-child, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table th:last-child {
  border-right: none;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .table td, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table td {
  border: 1px solid #ccc;
  text-align: center;
  padding: 15px 0;
  font-weight: 300;
  font-size: 0.9rem;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .table td:first-child, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table td:first-child {
  border-left: none;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .table td:last-child, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table td:last-child {
  border-right: none;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .table > tbody > tr:first-child > td, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table > tbody > tr:first-child > td {
  border-top: 1px solid #adb5bd;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .table .none, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table .none {
  padding: 20px 0;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(4), .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(4) {
  text-align: left !important;
  padding-left: 10px !important;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(4), .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(4) {
    padding-left: 0 !important;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list thead, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list thead {
    display: none !important;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody > tr > td:last-child, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody > tr > td:last-child {
    padding-bottom: 40px !important;
    border-bottom: 1px solid #ccc !important;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td {
    display: block;
    border: none !important;
    font-size: 0.9rem;
    height: 30px;
    line-height: 30px;
    text-align: left;
    text-indent: 100px;
    position: relative;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td::before {
    content: "";
    position: absolute;
    left: -100px;
    font-weight: bold;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(1)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(1)::before {
    content: "구분";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(2)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(2)::before {
    content: "예약날짜";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(3)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(3)::before {
    content: "예약상태";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(4)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(4)::before {
    content: "상품명";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(5)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(5)::before {
    content: "인원";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(6)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(6)::before {
    content: "총금액";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(7)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(7)::before {
    content: "신청일";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(8)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.reserve-list tbody td:nth-of-type(8)::before {
    content: "취소";
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage thead, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage thead {
    display: none !important;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage tbody > tr > td:last-child, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage tbody > tr > td:last-child {
    padding-bottom: 40px !important;
    border-bottom: 1px solid #ccc !important;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage tbody td, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage tbody td {
    display: block;
    border: none !important;
    font-size: 0.9rem;
    height: 30px;
    line-height: 30px;
    text-align: left;
    text-indent: 100px;
    position: relative;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage tbody td::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage tbody td::before {
    content: "";
    position: absolute;
    left: -100px;
    font-weight: bold;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage tbody td:nth-of-type(1)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage tbody td:nth-of-type(1)::before {
    content: "사용일자";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage tbody td:nth-of-type(2)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage tbody td:nth-of-type(2)::before {
    content: "구분";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage tbody td:nth-of-type(3)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage tbody td:nth-of-type(3)::before {
    content: "금액";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage tbody td:nth-of-type(4)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage tbody td:nth-of-type(4)::before {
    content: "내역";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage tbody td:nth-of-type(5)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.mileage tbody td:nth-of-type(5)::before {
    content: "잔여";
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.coupon thead, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.coupon thead {
    display: none !important;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.coupon tbody > tr > td:last-child, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.coupon tbody > tr > td:last-child {
    padding-bottom: 40px !important;
    border-bottom: 1px solid #ccc !important;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.coupon tbody td, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.coupon tbody td {
    display: block;
    border: none !important;
    font-size: 0.9rem;
    height: 30px;
    line-height: 30px;
    text-align: left;
    text-indent: 100px;
    position: relative;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.coupon tbody td::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.coupon tbody td::before {
    content: "";
    position: absolute;
    left: -100px;
    font-weight: bold;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.coupon tbody td:nth-of-type(1)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.coupon tbody td:nth-of-type(1)::before {
    content: "쿠폰명";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.coupon tbody td:nth-of-type(2)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.coupon tbody td:nth-of-type(2)::before {
    content: "사용가능 기간";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.coupon tbody td:nth-of-type(3)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.coupon tbody td:nth-of-type(3)::before {
    content: "쿠폰혜탹";
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list {
    table-layout: fixed;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody td:nth-of-type(3), .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody td:nth-of-type(3) {
  text-align: left;
  padding-left: 10px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list thead, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list thead {
    display: none !important;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody > tr > td:last-child, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody > tr > td:last-child {
    padding-bottom: 40px !important;
    border-bottom: 1px solid #ccc !important;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody > tr:nth-of-type(n+2) td:first-child, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody > tr:nth-of-type(n+2) td:first-child {
    margin-top: 7px !important;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody td, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody td {
    display: block;
    border: none !important;
    font-size: 0.9rem;
    height: 30px;
    line-height: 30px;
    text-align: left;
    text-indent: 100px;
    position: relative;
    padding: 0 !important;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody td:nth-of-type(3), .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody td:nth-of-type(3) {
    padding-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody td::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody td::before {
    content: "";
    position: absolute;
    left: -100px;
    font-weight: bold;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody td:nth-of-type(1)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody td:nth-of-type(1)::before {
    content: "번호";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody td:nth-of-type(2)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody td:nth-of-type(2)::before {
    content: "구분";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody td:nth-of-type(3)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody td:nth-of-type(3)::before {
    content: "제목";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody td:nth-of-type(4)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.notice-list tbody td:nth-of-type(4)::before {
    content: "등록일";
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.event, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.event {
    table-layout: fixed;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td.title, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td.title {
  text-align: left !important;
  padding-left: 10px !important;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td.title, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td.title {
    padding-left: 0 !important;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.event thead, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.event thead {
    display: none !important;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody > tr > td:last-child, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody > tr > td:last-child {
    padding-bottom: 40px !important;
    border-bottom: 1px solid #ccc !important;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody > tr:nth-of-type(n+2) td:first-child, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody > tr:nth-of-type(n+2) td:first-child {
    margin-top: 7px !important;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td {
    display: block;
    border: none !important;
    font-size: 0.9rem;
    height: 30px;
    line-height: 30px;
    text-align: left;
    text-indent: 100px;
    position: relative;
    padding: 0 !important;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td:nth-of-type(2), .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td:nth-of-type(2) {
    padding-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td::before {
    content: "";
    position: absolute;
    left: -100px;
    font-weight: bold;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td:nth-of-type(1)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td:nth-of-type(1)::before {
    content: "번호";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td:nth-of-type(2)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td:nth-of-type(2)::before {
    content: "제목";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td:nth-of-type(3)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td:nth-of-type(3)::before {
    content: "등록일";
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td.title, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.event tbody td.title {
    padding-left: 0 !important;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td:nth-of-type(3), .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td:nth-of-type(3) {
  padding-left: 10px !important;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td:nth-of-type(3), .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td:nth-of-type(3) {
    padding-left: 0 !important;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td.title, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td.title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 370px;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td {
    height: 38px !important;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.review thead, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.review thead {
    display: none !important;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody > tr > td:last-child, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody > tr > td:last-child {
    padding-bottom: 40px !important;
    border-bottom: 1px solid #ccc !important;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td {
    display: block;
    border: none !important;
    font-size: 0.9rem;
    height: 30px;
    line-height: 30px;
    text-align: left;
    text-indent: 100px;
    position: relative;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td::before {
    content: "";
    position: absolute;
    left: -100px;
    font-weight: bold;
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td:nth-of-type(1)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td:nth-of-type(1)::before {
    content: "번호";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td:nth-of-type(2)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td:nth-of-type(2)::before {
    content: "평점";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td:nth-of-type(3)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td:nth-of-type(3)::before {
    content: "제목";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td:nth-of-type(4)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td:nth-of-type(4)::before {
    content: "작성자";
  }
  .sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td:nth-of-type(5)::before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .table.review tbody td:nth-of-type(5)::before {
    content: "등록일";
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .mp-box, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mp-box {
  border: 2px solid #2cb0a4;
  width: 100%;
  padding: 40px 50px;
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mp-box, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mp-box {
    padding: 20px;
    display: block;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mp-box img, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mp-box img {
    transform: scale(0.7);
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .txt-box, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .txt-box {
  font-size: 1.2rem;
  width: 40%;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .txt-box, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .txt-box {
    width: 100%;
    font-size: 1rem;
    display: block;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .o-box, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .o-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .o-box, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .o-box {
    width: 100%;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .o-box .coupon, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .o-box .coupon {
  text-align: center;
  width: 20%;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .o-box .coupon, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .o-box .coupon {
    width: 33%;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .o-box .mileage, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .o-box .mileage {
  text-align: center;
  width: 20%;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .o-box .mileage, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .o-box .mileage {
    width: 33%;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .o-box .rv-cnt, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .o-box .rv-cnt {
  text-align: center;
  width: 20%;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .o-box .rv-cnt, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mp-box .o-box .rv-cnt {
    width: 33%;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .mp-box span, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mp-box span {
  color: #2db0a6 !important;
  font-size: 1.5rem;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mp-box span, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mp-box span {
    font-size: 1.1rem;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box {
  border: 2px solid #2cb0a4;
  width: 100%;
  padding: 30px 50px;
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box {
    padding: 20px 30px;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box .coin img, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box .coin img {
    width: 48px;
    height: 48px;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box .txt-box, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box .txt-box {
  margin-left: 50px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box .txt-box, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box .txt-box {
    margin-left: 20px;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box .txt-box span, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box .txt-box span {
  color: #2db0a6;
  font-size: 1.2rem;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box .txt-box .s, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box .txt-box .s {
  font-size: 0.8rem;
  color: #495057;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box .txt-box p, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box .txt-box p {
    font-size: 0.9rem;
  }
}
@media (max-width: 479px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box .txt-box p, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mileage-box .txt-box p {
    font-size: 0.8rem;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article {
  margin-top: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article {
    display: block;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div {
  width: 50%;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div {
    width: 100%;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div p, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div p {
  font-size: 1.3rem;
  font-weight: 550;
  margin-left: 25px;
  padding: 10px 0;
  border-bottom: 1px dashed #999999;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div p, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div p {
    font-size: 1.1rem;
    margin-left: 0;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div ul, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div ul {
  margin-top: 20px;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div ul li, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div ul li {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div ul:last-child, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div ul:last-child {
  margin-left: 20px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div ul:last-child, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div ul:last-child {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div:last-child, .new-sub-content-wrap .mypage-wrap .mypage-box .right .mypage-article > div:last-child {
    margin-top: 30px;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-box, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-box {
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .search-box, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-box {
    display: block;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .search-box p, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-box p {
    display: none !important;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-box .s-left, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-box .s-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .search-box .s-left, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-box .s-left {
    justify-content: space-between;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-box .s-right, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-box .s-right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .search-box .s-right, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-box .s-right {
    margin-top: 10px;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-box .s-right input, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-box .s-right input {
  padding: 0 10px;
  border-radius: 3px;
  width: 150px;
  height: 33px;
  line-height: 33px;
  border: 1px solid #495057;
  color: #868e96;
  text-indent: 35px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .search-box .s-right input, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-box .s-right input {
    width: 95% !important;
  }
}
@media (max-width: 479px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .search-box .s-right input, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-box .s-right input {
    padding: 0 3px;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-box .s-right .separator, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-box .s-right .separator {
  margin: 0 8px;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-box .btn, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-box .btn {
  display: inline-block;
  font-size: 0.9rem;
  padding: 5px 10px;
  background: #fff;
  color: #2cb0a4;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #2cb0a4;
  margin-left: 10px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .search-box .btn, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-box .btn {
    width: 30%;
    margin-left: 0;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-box .ca, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-box .ca {
  position: relative;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-box .ca:before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-box .ca:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 16px;
  width: 16px;
  height: 16px;
  background: url("/assets/images/common/calendar.png") no-repeat center/16px 16px;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .b-title, .new-sub-content-wrap .mypage-wrap .mypage-box .right .b-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  border-bottom: 2px solid #000;
  padding-bottom: 15px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .b-title, .new-sub-content-wrap .mypage-wrap .mypage-box .right .b-title {
    display: block;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .b-title .tit, .new-sub-content-wrap .mypage-wrap .mypage-box .right .b-title .tit {
  font-size: 1.5rem;
  font-weight: 600;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .b-title .tit, .new-sub-content-wrap .mypage-wrap .mypage-box .right .b-title .tit {
    font-size: 1.2rem;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .b-title .s-box, .new-sub-content-wrap .mypage-wrap .mypage-box .right .b-title .s-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .b-title .s-box, .new-sub-content-wrap .mypage-wrap .mypage-box .right .b-title .s-box {
    margin-top: 10px;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .b-title input, .new-sub-content-wrap .mypage-wrap .mypage-box .right .b-title input {
  padding: 0 10px;
  width: 150px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #495057;
  color: #868e96;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .b-title input, .new-sub-content-wrap .mypage-wrap .mypage-box .right .b-title input {
    width: 30%;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .b-title input.board, .new-sub-content-wrap .mypage-wrap .mypage-box .right .b-title input.board {
    width: 60%;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .b-title .btn, .new-sub-content-wrap .mypage-wrap .mypage-box .right .b-title .btn {
  display: inline-block;
  font-size: 0.9rem;
  padding: 8px 10px;
  background: #fff;
  color: #2cb0a4;
  text-align: center;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #2cb0a4;
  margin-left: 10px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .b-title .btn.board, .new-sub-content-wrap .mypage-wrap .mypage-box .right .b-title .btn.board {
    width: 30%;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .tit, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .tit {
  position: relative;
  color: #495057;
  padding-left: 40px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .tit, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .tit {
    width: 88% !important;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .tit:before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .tit:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url("/assets/images/common/q.png") no-repeat center/24px 24px;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .tit.ans, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .tit.ans {
  margin-top: 20px;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .tit.ans:before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .tit.ans:before {
  background: url("/assets/images/common/a.png") no-repeat center/24px 24px;
  filter: invert(50%);
}
.sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item {
  margin-top: 15px;
  cursor: pointer;
  position: relative;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .flex-between-end, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .flex-between-end {
    display: block !important;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .faq-line, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .faq-line {
  margin-top: 15px;
  height: 1px;
  background: #ccc;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .faq-content, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .faq-content {
  box-sizing: border-box;
  padding: 30px 20px 20px;
  height: auto;
  font-size: 0.9rem;
  border-bottom: 1px solid #ccc;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .faq-content.close, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .faq-content.close {
  height: 0 !important;
  max-height: 0 !important;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .faq-content .q-tit, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .faq-content .q-tit {
  font-size: 1.1rem;
  margin: 10px 0;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .faq-content .a-tit, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .faq-content .a-tit {
  font-size: 1.1rem;
  margin: 30px 0 10px;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .f-date, .sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .f-status, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .f-date, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .f-status {
  text-align: right;
  margin-right: 20px;
  width: 100px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .f-date, .sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .f-status, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .f-date, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .f-status {
    margin-left: 42px !important;
    text-align: left;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .btn-arrow, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .btn-arrow {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("/assets/images/common/down-arrow.png") no-repeat center/24px 24px;
  margin-right: 10px;
  filter: invert(50%);
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .btn-arrow, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item .btn-arrow {
    position: absolute;
    top: 0;
    right: 10px;
    width: 18px;
    height: 18px;
    background: url("/assets/images/common/down-arrow.png") no-repeat center/18px 18px;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item.open .btn-arrow, .new-sub-content-wrap .mypage-wrap .mypage-box .right .faq-box .faq-item.open .btn-arrow {
  transform: rotate(180deg);
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list {
  margin-top: 20px;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li:not(:first-child), .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li:not(:first-child) {
  margin-top: 20px;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 170px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box {
    height: 100px;
    padding-bottom: 0;
    border-bottom: none;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box img, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box img {
  width: 120px;
  height: 120px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box img, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box img {
    width: 90px;
    height: 90px;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp {
  width: 100%;
  margin-left: 20px;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .tit, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .tit {
  font-size: 1rem;
  font-weight: 600;
  color: #373837;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .tit, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .tit {
    font-size: 0.9rem;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .cot, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .cot {
  margin-top: 10px;
  font-size: 0.8rem;
  color: #495057;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .cot, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .cot {
    font-size: 0.7rem;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .ex, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .ex {
  margin-top: 10px;
  position: relative;
  text-indent: 20px;
  font-size: 0.8rem;
  color: #495057;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .ex, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .ex {
    font-size: 0.7rem;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .which:before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .which:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 14px;
  background: url("/assets/images/common/icon-location.png") no-repeat center/14px 14px;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .period:before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .period:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 14px;
  height: 14px;
  background: url("/assets/images/common/calendar.png") no-repeat center/14px 14px;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .golfshop:before, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .exp .golfshop:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 14px;
  height: 14px;
  background: url("/assets/images/common/golfshop.png") no-repeat center/14px 14px;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .bot, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .bot {
  width: 100%;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .bot, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .bot {
    display: none;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .bot .price, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .bot .price {
  color: #2db0a6;
  font-size: 1rem;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .bot .price span, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .bot .price span {
  font-size: 0.9rem;
  color: #373837;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .bot .btn a, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .s-item-box .bot .btn a {
  display: inline-block;
  width: 160px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #2db0a6;
  font-size: 1rem;
  border-radius: 6px;
  color: #2db0a6;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .mo-bot, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .mo-bot {
  display: none;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .mo-bot, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .mo-bot {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .mo-bot .price, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .mo-bot .price {
  color: #2db0a6;
  font-size: 1.5rem;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .mo-bot .price span, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .mo-bot .price span {
  font-size: 1.2rem;
  color: #373837;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .mo-bot .price, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .mo-bot .price {
    font-size: 1rem;
    width: 30%;
    display: none;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .mo-bot .btn, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .mo-bot .btn {
    width: 100%;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .mo-bot .btn a, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .mo-bot .btn a {
  display: inline-block;
  width: 160px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #2db0a6;
  font-size: 1.2rem;
  border-radius: 6px;
  color: #2db0a6;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .mo-bot .btn a, .new-sub-content-wrap .mypage-wrap .mypage-box .right .search-list li .mo-bot .btn a {
    width: 100%;
    height: 33px;
    line-height: 31px;
    font-size: 1rem;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box, .new-sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  border-bottom: 1px solid #ccc;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box > p, .new-sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box > p {
  font-size: 1.5rem;
  width: 85%;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box .set, .new-sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box .set {
  display: flex;
  justify-content: flex-end;
  width: 15%;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box .set .set-people, .new-sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box .set .set-people {
  width: 108px;
  display: flex;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box .set .set-people a, .new-sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box .set .set-people a {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
  background: #fff;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box .set .set-people a.minus, .new-sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box .set .set-people a.minus {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box .set .set-people a.plus, .new-sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box .set .set-people a.plus {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box .set .set-people p, .new-sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box .set .set-people p {
  text-align: center;
  width: 36px;
  height: 36px;
}
.sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box .set .set-people p input, .new-sub-content-wrap .mypage-wrap .mypage-box .right .cart-set-box .set .set-people p input {
  width: 100%;
  height: 100%;
  line-height: 100%;
  text-align: center;
  border: 1px solid #000;
}
.sub-content-wrap .mypage-wrap .mypage-box .m-table tr:first-child > td, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table tr:first-child > td {
  border-top: 1px solid #ccc !important;
}
.sub-content-wrap .mypage-wrap .mypage-box .m-table td, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td {
  padding: 10px 0 10px 10px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.sub-content-wrap .mypage-wrap .mypage-box .m-table td.center, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td.center {
  text-align: center;
}
.sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex {
    display: block;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large {
  height: 150px;
  width: 200px;
  padding: 0 30px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 10px;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large {
    height: 100px;
    width: 100%;
    padding: 0 10px;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large:not(:first-child), .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large:not(:first-child) {
    margin-top: 10px;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large:hover, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large:hover {
  background: #f1f3f5;
}
.sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large.on, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large.on {
  background: #009bdf;
  color: #fff;
  border: none;
}
.sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large p, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large p {
  font-size: 1rem;
}
.sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large p:nth-of-type(1), .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large p:nth-of-type(1) {
  font-size: 2rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  .sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large p:nth-of-type(1), .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large p:nth-of-type(1) {
    font-size: 1.3rem;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large p:nth-of-type(2), .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large p:nth-of-type(2) {
  font-size: 1.4rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large p:nth-of-type(2), .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td.flex .ms-round-large p:nth-of-type(2) {
    font-size: 1rem;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .m-table td:nth-child(odd), .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td:nth-child(odd) {
  background: #f8f9fa;
  width: 150px;
}
.sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td input, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td input {
  border: 1px solid #adb5bd;
  background: #f8f9fa;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  color: #495057;
  font-size: 1rem;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td input, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td input {
    height: 40px;
    line-height: 40px;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td input.width1, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td input.width1 {
  width: 450px !important;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td input.width1, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td input.width1 {
    width: 100% !important;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td input.width2, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td input.width2 {
  width: 180px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td input.width2, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td input.width2 {
    width: 40%;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td select, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td select {
  border: 1px solid #adb5bd;
  height: 50px;
  font-size: 1rem;
  width: 180px;
  margin-left: 10px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td select, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td select {
    margin-left: 0;
    margin-top: 10px;
    height: 40px;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td .btn-md, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td .btn-md {
  font-size: 1rem;
  background: #2cb0a4;
  color: #fff;
  text-align: center;
  padding: 0 30px;
  height: 50px;
  border: 0;
  margin-left: 5px;
}
.sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td .btn-md.md, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td .btn-md.md {
  padding: 0 18px;
  margin-left: 0;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td .btn-md, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table tr.member_choice_code > td .btn-md {
    height: 40px;
    margin-top: 10px;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .m-table td:nth-child(odd), .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td:nth-child(odd) {
    width: 25% !important;
  }
}
@media (max-width: 479px) {
  .sub-content-wrap .mypage-wrap .mypage-box .m-table td:nth-child(odd), .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td:nth-child(odd) {
    width: 35% !important;
  }
}
@media (max-width: 479px) {
  .sub-content-wrap .mypage-wrap .mypage-box .m-table.review td:nth-child(odd), .new-sub-content-wrap .mypage-wrap .mypage-box .m-table.review td:nth-child(odd) {
    width: 25% !important;
  }
}
@media (max-width: 479px) {
  .sub-content-wrap .mypage-wrap .mypage-box .m-table td, .new-sub-content-wrap .mypage-wrap .mypage-box .m-table td {
    font-size: 0.9rem !important;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .m-t, .new-sub-content-wrap .mypage-wrap .mypage-box .m-t {
  margin: 30px 0 10px;
  font-size: 1.2rem;
  color: #495057;
}
.sub-content-wrap .mypage-wrap .mypage-box .bottom, .new-sub-content-wrap .mypage-wrap .mypage-box .bottom {
  margin-top: 30px;
  text-align: center;
}
.sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-home, .new-sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-home {
  display: inline-block;
  font-size: 1.2rem;
  padding: 15px 30px;
  background: #fff;
  color: #495057;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #495057;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-home, .new-sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-home {
    width: 30% !important;
    padding: 8px !important;
    font-size: 0.9rem;
    white-space: nowrap;
  }
}
@media (max-width: 479px) {
  .sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-home.info, .new-sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-home.info {
    width: 45% !important;
    margin-left: 0;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-confirm, .new-sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-confirm {
  margin-left: 10px;
  white-space: nowrap;
  text-align: center;
  display: inline-block;
  font-size: 1.2rem;
  padding: 15px 30px;
  background: #2cb0a4;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #2cb0a4;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-confirm, .new-sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-confirm {
    width: 30% !important;
    padding: 8px !important;
    font-size: 0.9rem;
    white-space: nowrap;
  }
}
@media (max-width: 479px) {
  .sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-confirm, .new-sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-confirm {
    width: 100% !important;
    margin-left: 0;
  }
}
@media (max-width: 479px) {
  .sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-confirm.info, .new-sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-confirm.info {
    width: 45% !important;
    margin-left: 0;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-delete, .new-sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-delete {
  margin-left: 10px;
  display: inline-block;
  font-size: 1.2rem;
  padding: 15px 30px;
  background: #f03e3e;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #f03e3e;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-delete, .new-sub-content-wrap .mypage-wrap .mypage-box .bottom .btn-delete {
    width: 30% !important;
    padding: 8px !important;
    font-size: 0.9rem;
    white-space: nowrap;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .pw-info, .new-sub-content-wrap .mypage-wrap .mypage-box .pw-info {
  margin-top: 30px;
  background: #f8f9fa;
  width: 100%;
  padding: 40px 100px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.2rem;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .pw-info, .new-sub-content-wrap .mypage-wrap .mypage-box .pw-info {
    padding: 15px 30px;
    font-size: 1rem;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box .pw-info img, .new-sub-content-wrap .mypage-wrap .mypage-box .pw-info img {
    transform: scale(0.7);
  }
}
@media (max-width: 479px) {
  .sub-content-wrap .mypage-wrap .mypage-box .pw-info img, .new-sub-content-wrap .mypage-wrap .mypage-box .pw-info img {
    transform: scale(0.5);
  }
}
@media (max-width: 479px) {
  .sub-content-wrap .mypage-wrap .mypage-box .pw-info, .new-sub-content-wrap .mypage-wrap .mypage-box .pw-info {
    padding: 15px 10px;
    font-size: 0.8rem;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box .pw-info div:nth-of-type(2), .new-sub-content-wrap .mypage-wrap .mypage-box .pw-info div:nth-of-type(2) {
  margin-left: 20px;
}
@media (max-width: 479px) {
  .sub-content-wrap .mypage-wrap .mypage-box .pw-info div:nth-of-type(2), .new-sub-content-wrap .mypage-wrap .mypage-box .pw-info div:nth-of-type(2) {
    margin-left: 0;
    margin-top: 10px;
    line-height: 20px;
  }
}
.sub-content-wrap .mypage-wrap .mypage-box input[type=password], .new-sub-content-wrap .mypage-wrap .mypage-box input[type=password] {
  padding: 0 10px;
  width: 50%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #495057;
  color: #868e96;
}
@media (max-width: 1199px) {
  .sub-content-wrap .mypage-wrap .mypage-box input[type=password], .new-sub-content-wrap .mypage-wrap .mypage-box input[type=password] {
    width: 100%;
  }
}
.sub-content-wrap .find-wrap, .new-sub-content-wrap .find-wrap {
  width: 800px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .sub-content-wrap .find-wrap, .new-sub-content-wrap .find-wrap {
    width: 100%;
    padding: 0 10px;
  }
}
.sub-content-wrap .find-wrap .login-title, .new-sub-content-wrap .find-wrap .login-title {
  text-align: center;
  font-size: 2rem;
}
@media (max-width: 1199px) {
  .sub-content-wrap .find-wrap .login-title, .new-sub-content-wrap .find-wrap .login-title {
    font-size: 1.3rem;
  }
}
.sub-content-wrap .find-wrap .find-tab, .new-sub-content-wrap .find-wrap .find-tab {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 50px;
}
.sub-content-wrap .find-wrap .find-tab > div, .new-sub-content-wrap .find-wrap .find-tab > div {
  text-align: center;
  flex: 1;
  padding: 15px 0;
  border-bottom: 1px solid #000;
}
.sub-content-wrap .find-wrap .find-tab > div.on, .new-sub-content-wrap .find-wrap .find-tab > div.on {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: none;
}
.sub-content-wrap .find-wrap .find-tab > div.on a, .new-sub-content-wrap .find-wrap .find-tab > div.on a {
  color: #2cb0a4;
}
.sub-content-wrap .find-wrap .find-box, .new-sub-content-wrap .find-wrap .find-box {
  margin-top: 30px;
}
.sub-content-wrap .find-wrap .find-box input, .new-sub-content-wrap .find-wrap .find-box input {
  width: 500px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #cccccc;
  padding: 0 20px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .find-wrap .find-box input, .new-sub-content-wrap .find-wrap .find-box input {
    width: 100%;
    height: 40px;
    line-height: 40px;
  }
}
.sub-content-wrap .find-wrap .find-box .btn-box, .new-sub-content-wrap .find-wrap .find-box .btn-box {
  text-align: center;
}
.sub-content-wrap .find-wrap .find-box .btn-box .btn, .new-sub-content-wrap .find-wrap .find-box .btn-box .btn {
  display: inline-block;
  font-size: 1.2rem;
  padding: 15px 30px;
  background: #2cb0a4;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #2cb0a4;
}
@media (max-width: 1199px) {
  .sub-content-wrap .find-wrap .find-box .btn-box .btn, .new-sub-content-wrap .find-wrap .find-box .btn-box .btn {
    width: 100%;
  }
}
.sub-content-wrap .m-table tr:first-child > td, .new-sub-content-wrap .m-table tr:first-child > td {
  border-top: 1px solid #ccc !important;
}
.sub-content-wrap .m-table td, .new-sub-content-wrap .m-table td {
  padding: 10px 0 10px 10px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.sub-content-wrap .m-table td.center, .new-sub-content-wrap .m-table td.center {
  text-align: center;
}
.sub-content-wrap .m-table td.flex, .new-sub-content-wrap .m-table td.flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .sub-content-wrap .m-table td.flex, .new-sub-content-wrap .m-table td.flex {
    display: block;
  }
}
.sub-content-wrap .m-table td.flex .ms-round-large, .new-sub-content-wrap .m-table td.flex .ms-round-large {
  height: 150px;
  width: 200px;
  padding: 0 30px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 10px;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .sub-content-wrap .m-table td.flex .ms-round-large, .new-sub-content-wrap .m-table td.flex .ms-round-large {
    height: 100px;
    width: 100%;
    padding: 0 10px;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .sub-content-wrap .m-table td.flex .ms-round-large:not(:first-child), .new-sub-content-wrap .m-table td.flex .ms-round-large:not(:first-child) {
    margin-top: 10px;
  }
}
.sub-content-wrap .m-table td.flex .ms-round-large:hover, .new-sub-content-wrap .m-table td.flex .ms-round-large:hover {
  background: #f1f3f5;
}
.sub-content-wrap .m-table td.flex .ms-round-large.on, .new-sub-content-wrap .m-table td.flex .ms-round-large.on {
  background: #009bdf;
  color: #fff;
  border: none;
}
.sub-content-wrap .m-table td.flex .ms-round-large p, .new-sub-content-wrap .m-table td.flex .ms-round-large p {
  font-size: 1rem;
}
.sub-content-wrap .m-table td.flex .ms-round-large p:nth-of-type(1), .new-sub-content-wrap .m-table td.flex .ms-round-large p:nth-of-type(1) {
  font-size: 2rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  .sub-content-wrap .m-table td.flex .ms-round-large p:nth-of-type(1), .new-sub-content-wrap .m-table td.flex .ms-round-large p:nth-of-type(1) {
    font-size: 1.3rem;
  }
}
.sub-content-wrap .m-table td.flex .ms-round-large p:nth-of-type(2), .new-sub-content-wrap .m-table td.flex .ms-round-large p:nth-of-type(2) {
  font-size: 1.4rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .sub-content-wrap .m-table td.flex .ms-round-large p:nth-of-type(2), .new-sub-content-wrap .m-table td.flex .ms-round-large p:nth-of-type(2) {
    font-size: 1rem;
  }
}
.sub-content-wrap .m-table td:nth-child(odd), .new-sub-content-wrap .m-table td:nth-child(odd) {
  background: #f8f9fa;
  width: 150px;
}
.sub-content-wrap .m-table tr.member_choice_code > td input, .new-sub-content-wrap .m-table tr.member_choice_code > td input {
  border: 1px solid #adb5bd;
  background: #f8f9fa;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  color: #495057;
  font-size: 1rem;
}
@media (max-width: 1199px) {
  .sub-content-wrap .m-table tr.member_choice_code > td input, .new-sub-content-wrap .m-table tr.member_choice_code > td input {
    height: 40px;
    line-height: 40px;
  }
}
.sub-content-wrap .m-table tr.member_choice_code > td input.width1, .new-sub-content-wrap .m-table tr.member_choice_code > td input.width1 {
  width: 450px !important;
}
@media (max-width: 1199px) {
  .sub-content-wrap .m-table tr.member_choice_code > td input.width1, .new-sub-content-wrap .m-table tr.member_choice_code > td input.width1 {
    width: 100% !important;
  }
}
.sub-content-wrap .m-table tr.member_choice_code > td input.width2, .new-sub-content-wrap .m-table tr.member_choice_code > td input.width2 {
  width: 180px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .m-table tr.member_choice_code > td input.width2, .new-sub-content-wrap .m-table tr.member_choice_code > td input.width2 {
    width: 40%;
  }
}
.sub-content-wrap .m-table tr.member_choice_code > td select, .new-sub-content-wrap .m-table tr.member_choice_code > td select {
  border: 1px solid #adb5bd;
  height: 50px;
  font-size: 1rem;
  width: 180px;
  margin-left: 10px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .m-table tr.member_choice_code > td select, .new-sub-content-wrap .m-table tr.member_choice_code > td select {
    margin-left: 0;
    margin-top: 10px;
    height: 40px;
  }
}
.sub-content-wrap .m-table tr.member_choice_code > td .btn-md, .new-sub-content-wrap .m-table tr.member_choice_code > td .btn-md {
  font-size: 1rem;
  background: #2cb0a4;
  color: #fff;
  text-align: center;
  padding: 0 30px;
  height: 50px;
  border: 0;
  margin-left: 5px;
}
.sub-content-wrap .m-table tr.member_choice_code > td .btn-md.md, .new-sub-content-wrap .m-table tr.member_choice_code > td .btn-md.md {
  padding: 0 18px;
  margin-left: 0;
}
@media (max-width: 1199px) {
  .sub-content-wrap .m-table tr.member_choice_code > td .btn-md, .new-sub-content-wrap .m-table tr.member_choice_code > td .btn-md {
    height: 40px;
    margin-top: 10px;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .m-table td, .new-sub-content-wrap .m-table td {
    font-size: 0.9rem !important;
  }
  .sub-content-wrap .m-table td:nth-child(odd), .new-sub-content-wrap .m-table td:nth-child(odd) {
    width: 20%;
  }
}
.sub-content-wrap .h-table, .new-sub-content-wrap .h-table {
  margin-top: 20px;
}
.sub-content-wrap .h-table th, .new-sub-content-wrap .h-table th {
  background: #f8f9fa;
  padding: 15px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-weight: 500;
  color: #000;
}
.sub-content-wrap .h-table th:not(:last-child), .new-sub-content-wrap .h-table th:not(:last-child) {
  border-right: 1px solid #ccc;
}
.sub-content-wrap .h-table td, .new-sub-content-wrap .h-table td {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
  padding: 15px 0;
}
.sub-content-wrap .h-table td:not(:last-child), .new-sub-content-wrap .h-table td:not(:last-child) {
  border-right: 1px solid #ccc;
}
.sub-content-wrap .h-table td.title, .new-sub-content-wrap .h-table td.title {
  text-align: left;
  padding: 15px 0 15px 10px;
}
.sub-content-wrap .h-table > tbody > tr:first-child > td, .new-sub-content-wrap .h-table > tbody > tr:first-child > td {
  border-top: 2px solid #adb5bd;
}
@media (max-width: 1199px) {
  .sub-content-wrap .h-table.notice tr > th:last-child, .sub-content-wrap .h-table.notice tr > td:last-child, .new-sub-content-wrap .h-table.notice tr > th:last-child, .new-sub-content-wrap .h-table.notice tr > td:last-child {
    display: none;
  }
  .sub-content-wrap .h-table.notice tr > th:nth-of-type(1), .sub-content-wrap .h-table.notice tr > td:nth-of-type(1), .new-sub-content-wrap .h-table.notice tr > th:nth-of-type(1), .new-sub-content-wrap .h-table.notice tr > td:nth-of-type(1) {
    width: 10% !important;
  }
  .sub-content-wrap .h-table.notice tr > th:nth-of-type(2), .sub-content-wrap .h-table.notice tr > td:nth-of-type(2), .new-sub-content-wrap .h-table.notice tr > th:nth-of-type(2), .new-sub-content-wrap .h-table.notice tr > td:nth-of-type(2) {
    width: 25% !important;
  }
  .sub-content-wrap .h-table.notice tr > th:nth-of-type(3), .sub-content-wrap .h-table.notice tr > td:nth-of-type(3), .new-sub-content-wrap .h-table.notice tr > th:nth-of-type(3), .new-sub-content-wrap .h-table.notice tr > td:nth-of-type(3) {
    width: 65% !important;
  }
}
.sub-content-wrap .b-title, .new-sub-content-wrap .b-title {
  font-size: 1.5rem;
  font-weight: 600;
}
@media (max-width: 1199px) {
  .sub-content-wrap .b-title, .new-sub-content-wrap .b-title {
    font-size: 1rem;
  }
}
.sub-content-wrap .b-subject, .new-sub-content-wrap .b-subject {
  margin-top: 30px;
  padding: 20px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 1199px) {
  .sub-content-wrap .b-subject, .new-sub-content-wrap .b-subject {
    margin-top: 10px;
  }
}
.sub-content-wrap .b-subject .title-box, .new-sub-content-wrap .b-subject .title-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.sub-content-wrap .b-subject .title-box .cate, .new-sub-content-wrap .b-subject .title-box .cate {
  font-size: 16px;
  color: #495057;
}
.sub-content-wrap .b-subject .title-box .subject1, .new-sub-content-wrap .b-subject .title-box .subject1 {
  font-size: 22px;
  font-weight: 600;
}
@media (max-width: 1199px) {
  .sub-content-wrap .b-subject .title-box .subject1, .new-sub-content-wrap .b-subject .title-box .subject1 {
    width: 100%;
    font-size: 0.9rem;
  }
}
.sub-content-wrap .b-subject .frr-box, .new-sub-content-wrap .b-subject .frr-box {
  margin-top: 15px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .sub-content-wrap .b-subject .frr-box, .new-sub-content-wrap .b-subject .frr-box {
    display: block;
  }
}
.sub-content-wrap .b-subject .frr-box .fll, .new-sub-content-wrap .b-subject .frr-box .fll {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
}
.sub-content-wrap .b-subject .frr-box .fll .m-pic, .new-sub-content-wrap .b-subject .frr-box .fll .m-pic {
  margin-right: 15px;
  cursor: default;
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url("/assets/images/new/my_icon.png") no-repeat center/36px 36px;
}
.sub-content-wrap .b-subject .frr-box .frr, .new-sub-content-wrap .b-subject .frr-box .frr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #495057;
}
.sub-content-wrap .b-subject .frr-box .frr .comment1, .new-sub-content-wrap .b-subject .frr-box .frr .comment1 {
  margin-right: 20px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .b-subject .frr-box .frr .comment1, .new-sub-content-wrap .b-subject .frr-box .frr .comment1 {
    font-size: 0.9rem;
  }
}
.sub-content-wrap .b-subject .frr-box .frr .date1, .new-sub-content-wrap .b-subject .frr-box .frr .date1 {
  text-align: right;
}
@media (max-width: 1199px) {
  .sub-content-wrap .b-subject .frr-box .frr .date1, .new-sub-content-wrap .b-subject .frr-box .frr .date1 {
    font-size: 0.9rem;
  }
}
.sub-content-wrap .b-subject .frr-box .frr > p:nth-of-type(n+2), .new-sub-content-wrap .b-subject .frr-box .frr > p:nth-of-type(n+2) {
  position: relative;
}
.sub-content-wrap .b-subject .frr-box .frr > p:nth-of-type(n+2)::before, .new-sub-content-wrap .b-subject .frr-box .frr > p:nth-of-type(n+2)::before {
  content: "";
  position: absolute;
  top: 7px;
  left: -12px;
  width: 1px;
  height: 14px;
  background: #495057;
}
.sub-content-wrap .b-subject .subject, .new-sub-content-wrap .b-subject .subject {
  width: 70%;
}
@media (max-width: 1199px) {
  .sub-content-wrap .b-subject .subject, .new-sub-content-wrap .b-subject .subject {
    width: 100%;
    font-size: 0.9rem;
  }
}
.sub-content-wrap .b-subject .rating, .new-sub-content-wrap .b-subject .rating {
  width: 15%;
}
@media (max-width: 1199px) {
  .sub-content-wrap .b-subject .rating, .new-sub-content-wrap .b-subject .rating {
    width: 100%;
    font-size: 0.9rem;
  }
}
.sub-content-wrap .b-subject .date, .new-sub-content-wrap .b-subject .date {
  width: 15%;
  text-align: right;
  color: #495057;
}
@media (max-width: 1199px) {
  .sub-content-wrap .b-subject .date, .new-sub-content-wrap .b-subject .date {
    width: 30%;
    font-size: 0.9rem;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .b-subject.review, .new-sub-content-wrap .b-subject.review {
    display: block;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .b-subject.review .date, .new-sub-content-wrap .b-subject.review .date {
    text-align: left;
    width: 100%;
  }
}
.sub-content-wrap .b-file, .new-sub-content-wrap .b-file {
  padding: 20px;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 1199px) {
  .sub-content-wrap .b-file .subject, .new-sub-content-wrap .b-file .subject {
    font-size: 0.9rem;
  }
}
.sub-content-wrap .b-file > div, .new-sub-content-wrap .b-file > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.sub-content-wrap .b-file > div .size, .new-sub-content-wrap .b-file > div .size {
  width: 10%;
  text-align: right;
  color: #495057;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .sub-content-wrap .b-file > div .size, .new-sub-content-wrap .b-file > div .size {
    width: 25%;
    font-size: 0.9rem;
  }
}
.sub-content-wrap .b-cont, .new-sub-content-wrap .b-cont {
  padding: 30px;
  border-bottom: 1px solid #ccc;
}
.sub-content-wrap .b-cont.community, .new-sub-content-wrap .b-cont.community {
  border-bottom: none;
}
@media (max-width: 1199px) {
  .sub-content-wrap .b-cont, .new-sub-content-wrap .b-cont {
    font-size: 0.9rem;
  }
}
.sub-content-wrap .b-cont img, .new-sub-content-wrap .b-cont img {
  max-width: 100%;
}
.sub-content-wrap .bottom, .new-sub-content-wrap .bottom {
  margin-top: 30px;
  text-align: center;
}
@media (max-width: 1199px) {
  .sub-content-wrap .bottom, .new-sub-content-wrap .bottom {
    padding: 0 10px;
  }
}
.sub-content-wrap .bottom .btn, .new-sub-content-wrap .bottom .btn {
  display: inline-block;
  font-size: 1.2rem;
  padding: 15px 30px;
  background: #2cb0a4;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #2cb0a4;
}
@media (max-width: 1199px) {
  .sub-content-wrap .bottom .btn, .new-sub-content-wrap .bottom .btn {
    padding: 5px 30px;
    width: 100%;
    font-size: 1rem;
  }
}
.sub-content-wrap .bottom .btn-red, .new-sub-content-wrap .bottom .btn-red {
  display: inline-block;
  font-size: 1.2rem;
  padding: 15px 30px;
  background: #f03e3e;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #f03e3e;
}
@media (max-width: 1199px) {
  .sub-content-wrap .bottom .btn-red, .new-sub-content-wrap .bottom .btn-red {
    padding: 5px 30px;
    width: 100%;
    font-size: 1rem;
  }
}
.sub-content-wrap .bottom .btn-gray, .new-sub-content-wrap .bottom .btn-gray {
  display: inline-block;
  font-size: 1.2rem;
  padding: 15px 30px;
  background: #999;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #999;
}
@media (max-width: 1199px) {
  .sub-content-wrap .bottom .btn-gray, .new-sub-content-wrap .bottom .btn-gray {
    padding: 5px 30px;
    width: 100%;
    font-size: 1rem;
  }
}
.sub-content-wrap .pn, .new-sub-content-wrap .pn {
  margin-top: 50px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .pn, .new-sub-content-wrap .pn {
    padding: 0 10px;
  }
}
.sub-content-wrap .pn > div, .new-sub-content-wrap .pn > div {
  padding: 10px 30px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 0.9rem;
  position: relative;
}
.sub-content-wrap .pn > div p:nth-of-type(1), .new-sub-content-wrap .pn > div p:nth-of-type(1) {
  width: 100px;
}
.sub-content-wrap .pn > div:before, .new-sub-content-wrap .pn > div:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 15px;
  left: 10px;
  background: url("/assets/images/common/down-arrow.png") no-repeat center/12px 12px;
}
.sub-content-wrap .pn > div p:nth-of-type(2), .new-sub-content-wrap .pn > div p:nth-of-type(2) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
@media (max-width: 1199px) {
  .sub-content-wrap .pn > div p:nth-of-type(2) a, .new-sub-content-wrap .pn > div p:nth-of-type(2) a {
    font-size: 0.9rem;
  }
}
.sub-content-wrap .pn .prev, .new-sub-content-wrap .pn .prev {
  border-top: 1px solid #000;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.sub-content-wrap .pn .prev:before, .new-sub-content-wrap .pn .prev:before {
  transform: rotate(180deg);
}
.sub-content-wrap .pn .next, .new-sub-content-wrap .pn .next {
  border-bottom: 1px solid #ccc;
  position: relative;
}
.sub-content-wrap .common-input, .new-sub-content-wrap .common-input {
  width: 80%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #cccccc;
  padding: 0 10px;
}
@media (max-width: 767px) {
  .sub-content-wrap .common-input, .new-sub-content-wrap .common-input {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .sub-content-wrap .common-input, .new-sub-content-wrap .common-input {
    width: 100% !important;
  }
}
.sub-content-wrap .common-textarea, .new-sub-content-wrap .common-textarea {
  width: 80%;
  height: 250px;
  border: 1px solid #cccccc;
  padding: 10px;
}
@media (max-width: 1199px) {
  .sub-content-wrap .common-textarea, .new-sub-content-wrap .common-textarea {
    width: 100% !important;
  }
}
.sub-content-wrap .txt-limit, .new-sub-content-wrap .txt-limit {
  width: 100%;
  margin-top: 5px;
  text-align: right;
}
.sub-content-wrap .txt-limit span, .new-sub-content-wrap .txt-limit span {
  color: #868e96;
}

.txt-limit {
  width: 100%;
  margin-top: 5px;
  text-align: right;
}
.txt-limit span {
  color: #868e96;
}

#confirm-id, .btn-exit {
  display: inline-block;
  font-size: 0.9rem;
  padding: 8.5px 12px;
  background: #2cb0a4;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #2cb0a4;
  vertical-align: middle;
}
#confirm-id:hover, .btn-exit:hover {
  color: #fff;
}
@media (max-width: 1199px) {
  #confirm-id, .btn-exit {
    display: block;
    width: 80%;
    margin-top: 5px;
  }
}

.btn-gene {
  display: inline-block;
  font-size: 0.9rem;
  padding: 4px 8px;
  background: #2cb0a4;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #2cb0a4;
  vertical-align: middle;
  display: inline !important;
}
.btn-gene:hover {
  color: #fff;
}
@media (max-width: 1199px) {
  .btn-gene {
    width: 120px;
    padding: 4px 10px;
    display: inline;
  }
}

.btn-default {
  display: inline-block;
  font-size: 0.9rem;
  padding: 8.5px 12px;
  background: #2cb0a4;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #2cb0a4;
  vertical-align: middle;
}
.btn-default:hover {
  color: #fff;
}
@media (max-width: 1199px) {
  .btn-default {
    display: block;
    width: 95%;
    margin-top: 10px;
  }
}

.partner-wrap {
  padding: 10px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 1199px) {
  .partner-wrap {
    display: none;
  }
}
.partner-wrap .partner {
  width: 100%;
  height: 35px;
}
.partner-wrap .partner li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.partner-wrap .partner li div:not(:first-child) {
  margin-left: 15px;
}

@media (max-width: 1199px) {
  .detail-wrap {
    padding: 0 10px;
    margin-top: 100px;
  }
}
.detail-wrap .detail-top {
  font-size: 1.2rem;
  margin-top: 50px;
  height: 60px;
  line-height: 60px;
  background: #e9ecef;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .detail-wrap .detail-top {
    font-size: 0.9rem;
    height: 50px;
    line-height: 50px;
    margin-top: 30px;
  }
}
.detail-wrap .detail-top img {
  height: 38px;
  width: 38px;
}
@media (max-width: 1199px) {
  .detail-wrap .detail-top img {
    height: 30px;
    width: 30px;
  }
}
.detail-wrap .detail-top span {
  color: #1c7ed6;
}
.detail-wrap .detail-main {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
@media (max-width: 1199px) {
  .detail-wrap .detail-main {
    display: block !important;
  }
}
.detail-wrap .detail-main .detail-left {
  width: 60%;
  height: 480px;
  position: relative;
}
@media (max-width: 1199px) {
  .detail-wrap .detail-main .detail-left {
    width: 100%;
    height: 400px;
  }
}
.detail-wrap .detail-main .detail-left .swiper-slide img {
  width: 100%;
  height: 480px;
}
@media (max-width: 1199px) {
  .detail-wrap .detail-main .detail-left .swiper-slide img {
    height: 400px;
  }
}
.detail-wrap .detail-main .detail-left .swiper-nav {
  z-index: 100;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.detail-wrap .detail-main .detail-left .swiper-nav a {
  position: absolute;
}
.detail-wrap .detail-main .detail-left .swiper-nav a.detail-visual-prev {
  top: 50%;
  left: 10px;
  width: 52px;
  height: 52px;
  transform: translateY(-50%);
  background: url("/assets/images/common/prev-white.png") no-repeat center/52px 52px;
}
.detail-wrap .detail-main .detail-left .swiper-nav a.detail-visual-next {
  top: 50%;
  right: 10px;
  width: 52px;
  height: 52px;
  transform: translateY(-50%);
  background: url("/assets/images/common/next-white.png") no-repeat center/52px 52px;
}
.detail-wrap .detail-main .detail-right {
  width: 100%;
  margin-left: 30px;
  position: relative;
  height: 480px;
}
@media (max-width: 1199px) {
  .detail-wrap .detail-main .detail-right {
    height: 320px;
    margin-left: 0;
    margin-top: 10px;
  }
}
.detail-wrap .detail-main .detail-right .rating-keyword {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.detail-wrap .detail-main .detail-right .rating-keyword .keyword-box {
  text-align: right;
  margin-top: 10px;
}
.detail-wrap .detail-main .detail-right .rating-keyword .keyword-box .keyword {
  font-size: 1rem;
  padding: 8px 20px;
  background: #2db0a6;
  color: #fff;
}
.detail-wrap .detail-main .detail-right .rating-keyword .review-box p {
  color: #868e96;
  font-size: 1.2rem;
}
@media (max-width: 1199px) {
  .detail-wrap .detail-main .detail-right .rating-keyword .review-box p {
    font-size: 1rem;
  }
}
.detail-wrap .detail-main .detail-right .rating-keyword .review-box .star {
  color: #2db0a6;
}
.detail-wrap .detail-main .detail-right .rating-keyword .review-box .star.none {
  color: #999999;
}
.detail-wrap .detail-main .detail-right .tag-box {
  margin-top: 10px;
}
.detail-wrap .detail-main .detail-right .tag-box p:nth-of-type(1) {
  font-size: 1.4rem;
  color: #000;
}
.detail-wrap .detail-main .detail-right .tag-box p:nth-of-type(1):not(:last-child) {
  margin-bottom: 5px;
}
@media (max-width: 1199px) {
  .detail-wrap .detail-main .detail-right .tag-box p:nth-of-type(1) {
    font-size: 1.1rem;
  }
}
.detail-wrap .detail-main .detail-right .tag-box p:nth-of-type(2) {
  font-size: 1rem;
  color: #000;
}
.detail-wrap .detail-main .detail-right .tag-box p:nth-of-type(2):not(:last-child) {
  margin-bottom: 5px;
}
@media (max-width: 1199px) {
  .detail-wrap .detail-main .detail-right .tag-box p:nth-of-type(2) {
    font-size: 0.9rem;
  }
}
@media (max-width: 1199px) {
  .detail-wrap .detail-main .detail-right .tag-box .hashtag {
    display: none;
  }
}
.detail-wrap .detail-main .detail-right .detail-right-bottom {
  position: absolute;
  width: 100%;
  bottom: 50px;
  left: 0;
}
@media (max-width: 1199px) {
  .detail-wrap .detail-main .detail-right .detail-right-bottom.pkg {
    bottom: 0;
  }
}
.detail-wrap .detail-main .detail-right .detail-right-bottom .bt1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  color: #373837;
  font-size: 1.2rem;
}
.detail-wrap .detail-main .detail-right .detail-right-bottom .bt1:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #cccccc;
}
.detail-wrap .detail-main .detail-right .detail-right-bottom .bt1 input {
  font-size: 1.2rem;
  height: 36px;
  border: 0;
}
.detail-wrap .detail-main .detail-right .detail-right-bottom .bt1 img {
  width: 32px;
  height: 32px;
}
.detail-wrap .detail-main .detail-right .detail-right-bottom .bt1.txt .word {
  margin-left: 80px;
  color: #868e96;
}
.detail-wrap .detail-main .detail-right .detail-right-bottom .bt1.txt .input-1 {
  font-size: 1.2rem;
  margin-left: 80px;
  height: 36px;
  border: 0;
  color: #868e96;
}
.detail-wrap .detail-main .detail-right .detail-right-bottom .bt1.txt .input-2 {
  font-size: 1.2rem;
  margin-left: 60px;
  height: 36px;
  border: 0;
  color: #868e96;
}
.detail-wrap .detail-main .detail-right .detail-right-bottom .bt1.txt .tt {
  position: relative;
}
.detail-wrap .detail-main .detail-right .detail-right-bottom .bt1.txt .tt:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 80px;
  font-size: 1.1rem;
  color: #495057;
}
.detail-wrap .detail-main .detail-right .detail-right-bottom .bt1.txt .tt.txt-1:before {
  content: "날짜선택";
}
.detail-wrap .detail-main .detail-right .detail-right-bottom .bt1.txt .tt.txt-2:before {
  content: "카트운영";
}
.detail-wrap .detail-main .detail-right .detail-right-bottom .bt1.txt .tt.txt-3:before {
  content: "캐디운영";
}
.detail-wrap .detail-main .detail-right .detail-right-bottom .bt1.txt .tt.txt-4:before {
  content: "항공편";
}
.detail-wrap .detail-main .detail-right .dashed {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .detail-wrap .detail-main .detail-right .dashed {
    display: none !important;
  }
}
.detail-wrap .detail-main .detail-right .dashed div {
  width: 19%;
  height: 3px;
  background: #ccc;
}
.detail-wrap .detail-main .detail-right .dashed div:not(:last-child) {
  margin-right: 1%;
}
.detail-wrap .detail-main .detail-right .dashed div:last-child {
  width: 20%;
}
.detail-wrap .code-box {
  margin-top: 10px;
  width: 720px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .detail-wrap .code-box {
    display: none !important;
  }
}
.detail-wrap .code-box .code {
  font-size: 0.9rem;
}
.detail-wrap .code-box .sns img {
  width: 26px;
  height: 26px;
}
.detail-wrap .price-box {
  width: 100%;
  text-align: right;
  color: #495057;
  font-size: 1.2rem;
  margin-top: 20px;
}
.detail-wrap .price-box p {
  font-size: 0.9rem;
}
.detail-wrap .price-box .price {
  font-weight: bold;
}
.detail-wrap .detail-content-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
@media (max-width: 1199px) {
  .detail-wrap .detail-content-box {
    display: block;
  }
}
.detail-wrap .detail-content-box .detail-content-box-left {
  width: 900px;
  border-right: 1px solid #ccc;
  padding-right: 15px;
  margin-left: -300px;
}
@media (max-width: 1199px) {
  .detail-wrap .detail-content-box .detail-content-box-left {
    width: 100%;
    border-right: none;
    padding-right: 0;
    margin-left: 0;
  }
}
.detail-wrap .detail-content-box .detail-content-box-right {
  position: sticky;
  width: 300px;
  margin-top: 30px;
  padding: 0 10px;
  height: 500px;
  top: 0;
  left: 100%;
}
@media (max-width: 1199px) {
  .detail-wrap .detail-content-box .detail-content-box-right {
    position: relative;
    width: 100%;
    margin-top: 10px;
    height: 230px;
    left: 0;
  }
}
.detail-wrap .detail-content-box .detail-content-box-right .title {
  font-size: 1.3rem;
  font-weight: 600;
}
.detail-wrap .detail-content-box .detail-content-box-right .pr-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
}
.detail-wrap .detail-content-box .detail-content-box-right .pr-box .pr {
  width: 50%;
}
.detail-wrap .detail-content-box .detail-content-box-right .pr-box .pr .hu {
  font-size: 0.8rem;
}
.detail-wrap .detail-content-box .detail-content-box-right .pr-box .set {
  display: flex;
  justify-content: flex-end;
  width: 50%;
}
.detail-wrap .detail-content-box .detail-content-box-right .pr-box .set .set-people {
  width: 108px;
  display: flex;
}
.detail-wrap .detail-content-box .detail-content-box-right .pr-box .set .set-people a {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
}
.detail-wrap .detail-content-box .detail-content-box-right .pr-box .set .set-people a.minus {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}
.detail-wrap .detail-content-box .detail-content-box-right .pr-box .set .set-people a.plus {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.detail-wrap .detail-content-box .detail-content-box-right .pr-box .set .set-people p {
  text-align: center;
  width: 36px;
  height: 36px;
}
.detail-wrap .detail-content-box .detail-content-box-right .pr-box .set .set-people p input {
  width: 100%;
  height: 100%;
  line-height: 100%;
  text-align: center;
  border: 1px solid #000;
}
.detail-wrap .detail-content-box .detail-content-box-right .tot-price {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
}
.detail-wrap .detail-content-box .detail-content-box-right .tot-price > div:first-child {
  width: 40%;
}
.detail-wrap .detail-content-box .detail-content-box-right .tot-price > div:last-child {
  text-align: right;
  width: 60%;
}
.detail-wrap .detail-content-box .detail-content-box-right .tot-price > div:last-child > .prc {
  font-size: 1.5rem;
  color: #2db0a6;
  font-weight: 600;
}
.detail-wrap .detail-content-box .detail-content-box-right .tot-price > div:last-child > p {
  font-size: 0.8rem;
}
.detail-wrap .detail-content-box .detail-content-box-right .btn-reserve {
  width: 100%;
  height: 40px;
  margin-top: 30px;
}
.detail-wrap .detail-content-box .detail-content-box-right .btn-reserve a {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #2db0a6;
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
}
.detail-wrap .cont-box {
  padding-top: 30px;
}
.detail-wrap .cont-box .tit {
  font-size: 1.5rem;
}
@media (max-width: 1199px) {
  .detail-wrap .cont-box .tit {
    font-size: 1.2rem;
  }
}
.detail-wrap .cont-box table {
  margin-top: 30px;
  width: 100%;
  border: none;
}
.detail-wrap .cont-box table td {
  font-size: 1.3rem;
  padding: 10px 0;
  vertical-align: top;
}
@media (max-width: 1199px) {
  .detail-wrap .cont-box table td {
    font-size: 1rem;
  }
}
.detail-wrap .cont-box table td:first-child {
  width: 20%;
}
@media (max-width: 1199px) {
  .detail-wrap .cont-box table td:first-child {
    width: 35%;
  }
}
.detail-wrap .cont-box .theme-img-wrap {
  margin-top: 30px;
  position: relative;
  width: 100%;
}
.detail-wrap .cont-box .theme-img-wrap img {
  width: 100%;
  height: 600px;
}
@media (max-width: 1199px) {
  .detail-wrap .cont-box .theme-img-wrap img {
    height: 400px;
  }
}
.detail-wrap .cont-box .theme-img-wrap .swiper-nav {
  z-index: 100;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.detail-wrap .cont-box .theme-img-wrap .swiper-nav a {
  position: absolute;
}
.detail-wrap .cont-box .theme-img-wrap .swiper-nav a.theme-visual-prev {
  top: 50%;
  left: 10px;
  width: 52px;
  height: 52px;
  transform: translateY(-50%);
  background: url("/assets/images/common/prev-white.png") no-repeat center/52px 52px;
}
.detail-wrap .cont-box .theme-img-wrap .swiper-nav a.theme-visual-next {
  top: 50%;
  right: 10px;
  width: 52px;
  height: 52px;
  transform: translateY(-50%);
  background: url("/assets/images/common/next-white.png") no-repeat center/52px 52px;
}
.detail-wrap .cont-box .theme-txt {
  margin-top: 20px;
  font-size: 1.2rem;
  line-height: 40px;
}
@media (max-width: 1199px) {
  .detail-wrap .cont-box .theme-txt {
    font-size: 1rem;
  }
}
.detail-wrap .cont-box .tit2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.detail-wrap .cont-box .tit2 div {
  font-size: 1.3rem;
}
.detail-wrap .cont-box.review .flex-box {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 325px;
  width: 100%;
}
.detail-wrap .cont-box.review .flex-box .left {
  width: 65%;
  height: 325px;
}
.detail-wrap .cont-box.review .flex-box .left img {
  width: 100%;
  height: 325px;
}
.detail-wrap .cont-box.review .flex-box .right {
  width: 35%;
  height: 325px;
  margin-left: 30px;
  padding-top: 10px;
}
.detail-wrap .cont-box.review .flex-box .right .f-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.detail-wrap .cont-box.review .flex-box .right .f-box .rating {
  font-size: 1.2rem;
  color: #0ca678;
}
.detail-wrap .cont-box.review .flex-box .right .f-box .rating span {
  font-size: 1.2rem;
  color: #000;
  padding-left: 10px;
}
.detail-wrap .cont-box.review .flex-box .right .f-box .date {
  font-size: 1.2rem;
}
.detail-wrap .cont-box.review .flex-box .right .comment {
  margin-top: 30px;
  font-size: 1.2rem !important;
  line-height: 35px;
}
.detail-wrap .cont-box.review .tit-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.detail-wrap .cont-box.review .tit-box > div {
  font-size: 1.3rem;
}
.detail-wrap .cont-box.review .rating-table {
  margin-top: 10px;
}
.detail-wrap .cont-box.review .rating-table td:nth-of-type(1) {
  width: 12%;
  color: #0ca678 !important;
  padding: 10px 0;
}
@media (max-width: 1199px) {
  .detail-wrap .cont-box.review .rating-table td:nth-of-type(1) {
    display: none;
  }
}
.detail-wrap .cont-box.review .rating-table td:nth-of-type(2) {
  width: 8%;
}
@media (max-width: 1199px) {
  .detail-wrap .cont-box.review .rating-table td:nth-of-type(2) {
    display: none;
  }
}
.detail-wrap .cont-box.review .rating-table td:nth-of-type(3) {
  width: 65%;
}
@media (max-width: 1199px) {
  .detail-wrap .cont-box.review .rating-table td:nth-of-type(3) {
    width: 75%;
  }
}
.detail-wrap .cont-box.review .rating-table td:nth-of-type(4) {
  width: 15%;
  text-align: right;
}
@media (max-width: 1199px) {
  .detail-wrap .cont-box.review .rating-table td:nth-of-type(4) {
    width: 25%;
  }
}
@media (max-width: 1199px) {
  .detail-wrap .cont-box.review.photo-review .flex-box {
    display: block;
    height: auto;
  }
}
.detail-wrap .cont-box.review.photo-review .flex-box .left {
  width: 65%;
  height: 325px;
}
@media (max-width: 1199px) {
  .detail-wrap .cont-box.review.photo-review .flex-box .left {
    width: 100%;
    height: 280px;
  }
}
.detail-wrap .cont-box.review.photo-review .flex-box .left img {
  width: 100%;
  height: 325px;
}
@media (max-width: 1199px) {
  .detail-wrap .cont-box.review.photo-review .flex-box .left img {
    height: 280px;
  }
}
@media (max-width: 1199px) {
  .detail-wrap .cont-box.review.photo-review .flex-box .right {
    width: 100%;
    height: auto;
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .detail-wrap .cont-box.review.photo-review .flex-box .right .f-box {
    display: none;
  }
}
.detail-wrap .cont-box.review.photo-review .flex-box .right .comment {
  margin-top: 30px;
  font-size: 1.2rem !important;
  line-height: 35px;
}
@media (max-width: 1199px) {
  .detail-wrap .cont-box.review.photo-review .flex-box .right .comment {
    width: 100%;
    font-size: 1rem !important;
    word-break: break-word;
  }
}
.detail-wrap .cont-box.agree .agree-box .box-inner {
  margin-top: 25px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.detail-wrap .cont-box.agree .agree-box .box-inner div {
  width: 24%;
  height: 70px;
  line-height: 70px;
  color: #000;
  text-align: center;
  border: 1px solid #000;
  font-size: 1.2rem;
}
@media (max-width: 1199px) {
  .detail-wrap .cont-box.agree .agree-box .box-inner div {
    font-size: 0.9rem;
    height: 40px;
    line-height: 40px;
  }
}
.detail-wrap .cont-box.agree .agree-box .box-inner div:not(:first-child) {
  margin-left: 1.3%;
}
.detail-wrap .cont-box.agree .agree-box .box-inner div:not(.on):hover {
  background: #e9ecef;
}
.detail-wrap .cont-box.agree .agree-box .box-inner div.on {
  background: #2cb0a4 !important;
  color: #fff;
}
.detail-wrap .cont-box.agree .agree-box .box-inner div.btn {
  cursor: pointer;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .detail-wrap .cont-box.agree .agree-box .box-inner div.btn {
    font-size: 0.8rem;
  }
}
@media (max-width: 479px) {
  .detail-wrap .cont-box.agree .agree-box .box-inner div.btn {
    font-size: 0.7rem;
  }
}
.detail-wrap .cont-box.agree .c-box {
  padding: 0 10px;
  margin-top: 30px;
}
.detail-wrap .cont-box.agree .c-box img {
  width: 100%;
  max-width: 730px !important;
}

.line {
  width: 100%;
  height: 2px;
  margin: 20px 0 0 0;
  background: #000;
}
.line.gray {
  width: 100%;
  height: 2px;
  background: #cccccc;
}
.line.gray-width1 {
  width: 100%;
  height: 1px;
  margin: 20px 0 20px 0;
  background: #cccccc;
}

.pop-title {
  padding: 0 35px 0 25px;
  margin-top: 30px;
}
.pop-title .title {
  font-size: 1.1rem;
  border-bottom: 2px solid #000;
}

.pop-detail-wrap .pop-detail-box {
  overflow: hidden;
  overflow-y: scroll;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  max-height: 750px !important;
  position: relative;
}
.pop-detail-wrap .pop-detail-box .pop-detail-wrap-left {
  max-width: 880px;
  margin-left: 25px;
}
.pop-detail-wrap .pop-detail-box .pop-detail-wrap-left .code-box {
  margin-top: 10px;
  width: 720px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.pop-detail-wrap .pop-detail-box .pop-detail-wrap-left .code-box .code {
  font-size: 0.9rem;
}
.pop-detail-wrap .pop-detail-box .pop-detail-wrap-left .code-box .sns img {
  width: 26px;
  height: 26px;
}
.pop-detail-wrap .pop-detail-box .pop-detail-wrap-left .price-box {
  width: 100%;
  text-align: right;
}
.pop-detail-wrap .pop-detail-box .pop-detail-wrap-left .price-box p {
  font-size: 0.8rem;
  color: #999999;
}
.pop-detail-wrap .pop-detail-box .pop-detail-wrap-left .price-box .price {
  font-size: 1.5rem;
  font-weight: bold;
}
.pop-detail-wrap .pop-detail-box .pop-detail-wrap-left .price-box .won {
  color: #495057;
  font-size: 1.2rem;
}
.pop-detail-wrap .pop-detail-box .pop-detail-wrap-right-outer {
  position: fixed;
  right: 25px;
  margin: 30px 20px 0 20px;
  padding: 0 5px;
}
.pop-detail-wrap .pop-detail-box .pop-detail-wrap-right-outer .pop-detail-wrap-right {
  width: 230px;
  height: 500px;
  border: 1px solid #cccccc;
}
.pop-detail-wrap .pop-detail-box .pop-detail-wrap-right-outer .txt1 {
  padding: 10px;
  color: #373837;
  border-bottom: 1px solid #ccc;
}
.pop-detail-wrap .pop-detail-box .pop-detail-wrap-right-outer .chk-wrap {
  margin-top: 15px;
}
.pop-detail-wrap .pop-detail-box .pop-detail-wrap-right-outer .chk-wrap .chk-box > div {
  padding: 5px 5px;
}
.pop-detail-wrap .pop-detail-box .pop-detail-wrap-right-outer .chk-wrap p {
  padding: 0 8px;
  color: #373837;
}
.pop-detail-wrap .pop-detail-box .pop-detail-wrap-right-outer .btn-area {
  width: 100%;
}
.pop-detail-wrap .pop-detail-box .pop-detail-wrap-right-outer .btn-area a {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #0ca678 !important;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}
.pop-detail-wrap .pop-detail-box .tit {
  font-size: 1.2rem !important;
  font-weight: 500;
}
.pop-detail-wrap .pop-detail-box .tit2 {
  margin-top: 15px !important;
}
.pop-detail-wrap .pop-detail-box .tit2 > div {
  font-size: 1rem !important;
}
.pop-detail-wrap .pop-detail-box pre {
  font-size: 0.9rem;
  line-height: 25px;
}
.pop-detail-wrap .pop-detail-box .pop-detail-main {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
.pop-detail-wrap .pop-detail-box .pop-detail-main .detail-left {
  width: 60%;
  height: 360px;
  position: relative;
}
.pop-detail-wrap .pop-detail-box .pop-detail-main .detail-left img {
  width: 100%;
  height: 360px;
}
.pop-detail-wrap .pop-detail-box .pop-detail-main .detail-right {
  width: 40%;
  margin-left: 20px;
  position: relative;
  height: 360px;
}
.pop-detail-wrap .pop-detail-box .pop-detail-main .detail-right .keyword-box {
  width: 100%;
  text-align: left;
  margin: 30px 0 20px 0;
}
.pop-detail-wrap .pop-detail-box .pop-detail-main .detail-right .keyword-box .keyword {
  font-size: 1rem;
  padding: 8px 20px;
  background: #2db0a6;
  color: #fff;
}
.pop-detail-wrap .pop-detail-box .pop-detail-main .detail-right .review-box p {
  color: #868e96;
  margin-bottom: 10px;
  font-size: 1.2rem;
}
.pop-detail-wrap .pop-detail-box .pop-detail-main .detail-right .tag-box p {
  font-size: 1.1rem;
  color: #000;
}
.pop-detail-wrap .pop-detail-box .pop-detail-main .detail-right .tag-box p:not(:last-child) {
  margin-bottom: 5px;
}
.pop-detail-wrap .pop-detail-box .pop-detail-main .detail-right .detail-right-bottom {
  margin-top: 40px;
}
.pop-detail-wrap .pop-detail-box .pop-detail-main .detail-right .detail-right-bottom .bt1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  color: #373837;
  font-size: 1rem;
}
.pop-detail-wrap .pop-detail-box .pop-detail-main .detail-right .detail-right-bottom .bt1:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #cccccc;
}
.pop-detail-wrap .pop-detail-box table {
  margin-top: 30px;
  width: 100%;
  border: none;
}
.pop-detail-wrap .pop-detail-box table td {
  font-size: 1rem !important;
  padding: 10px 0;
  vertical-align: top;
}
.pop-detail-wrap .pop-detail-box table td:first-child {
  width: 20%;
  font-weight: 600;
}
.pop-detail-wrap .pop-detail-box .pop-theme-img-wrap {
  margin-top: 40px;
  position: relative;
}
.pop-detail-wrap .pop-detail-box .pop-theme-img-wrap img {
  width: 100% !important;
  height: 500px !important;
}
.pop-detail-wrap .pop-detail-box .pop-theme-txt {
  margin-top: 20px;
  font-size: 1rem !important;
}
.pop-detail-wrap .pop-detail-box .comment {
  font-size: 1.1rem !important;
}
.pop-detail-wrap .pop-review-wrap .pop-rating-table {
  margin-top: 10px;
}
.pop-detail-wrap .pop-review-wrap .pop-rating-table td:nth-of-type(1) {
  width: 13%;
  color: #0ca678 !important;
  padding: 10px 0;
}
.pop-detail-wrap .pop-review-wrap .pop-rating-table td:nth-of-type(2) {
  width: 7%;
}
.pop-detail-wrap .pop-review-wrap .pop-rating-table td:nth-of-type(3) {
  width: 65%;
}
.pop-detail-wrap .pop-review-wrap .pop-rating-table td:nth-of-type(4) {
  width: 15%;
  text-align: right;
}
.pop-detail-wrap .pop-review-wrap .tit-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.pop-detail-wrap .pop-review-wrap .tit-box > div {
  font-size: 1rem;
}

@media (max-width: 1199px) {
  .rv-step2-wrap {
    padding: 0 10px;
  }
}
.rv-step2-wrap .header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.rv-step2-wrap .header > div:first-child {
  font-size: 1.5rem;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .header > div:first-child {
    display: none;
  }
}
@media (max-width: 1199px) {
  .rv-step2-wrap .header > div:last-child {
    width: 100%;
  }
}
.rv-step2-wrap .header > div:last-child .rv2-title-image-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -50px;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .header > div:last-child .rv2-title-image-wrap {
    justify-content: space-between !important;
    margin-left: 0;
  }
}
.rv-step2-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image {
  margin-left: 100px;
  position: relative;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image {
    margin-left: 0;
  }
}
.rv-step2-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image.on span {
  color: #2db0a6 !important;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image.on span {
    font-size: 0.8rem;
  }
}
.rv-step2-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image img {
  width: 22px;
  height: 22px;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image img {
    width: 16px;
    height: 16px;
  }
}
.rv-step2-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image span {
  margin-left: 10px;
  position: relative;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image span {
    font-size: 0.8rem;
  }
}
.rv-step2-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image:not(:last-child) > span:after {
  content: "";
  position: absolute;
  top: 12px;
  right: -65px;
  height: 1px;
  width: 40px;
  background: #868e96;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image:not(:last-child) > span:after {
    display: none;
  }
}
.rv-step2-wrap .rv2-content-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .rv2-content-wrap {
    display: block;
  }
}
.rv-step2-wrap .rv2-content-wrap .left {
  margin-left: -300px;
  width: 900px;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .rv2-content-wrap .left {
    margin-left: 0;
    width: 100%;
  }
}
.rv-step2-wrap .rv2-content-wrap .left .rv2-title {
  margin: 30px 0 20px 0;
  font-size: 1.5rem;
  color: #868e96;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .rv2-content-wrap .left .rv2-title {
    font-size: 0.9rem;
    margin: 80px 0 20px 0;
  }
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box {
  padding-right: 15px;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .lt-tab-box {
  color: #2cb0a4;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .lt-tab-box div:first-child {
  font-size: 1.2rem;
  text-align: center;
  width: 50%;
  height: 50px;
  line-height: 50px;
  border-left: 1px solid #2cb0a4;
  border-top: 1px solid #2cb0a4;
  border-right: 1px solid #2cb0a4;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .lt-tab-box div:last-child {
  width: 50%;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #2cb0a4;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .lt-title {
  margin-top: 30px;
  color: #495057;
  font-size: 1.2rem;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .lt-title.small2 {
  font-size: 0.9rem;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .v-table1 {
  margin-top: 10px;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .v-table1 tr:first-child > td {
  border-top: 2px solid #ccc !important;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .v-table1 td {
  padding: 15px 0 15px 15px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .v-table1 td:first-child {
  background: #f1f3f5;
  width: 150px;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .rv2-content-wrap .left .lt-content-box .v-table1 td:first-child {
    font-size: 0.9rem;
  }
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .lt-booker-table {
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .rv2-content-wrap .left .lt-content-box .lt-booker-table .radio {
    margin-right: 5px;
  }
}
@media (max-width: 1199px) {
  .rv-step2-wrap .rv2-content-wrap .left .lt-content-box .lt-booker-table .radio label {
    font-size: 0.8rem;
  }
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .lt-booker-table tr:first-child > td {
  border-top: 2px solid #ccc !important;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .lt-booker-table td {
  padding: 15px 0 15px 15px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .rv2-content-wrap .left .lt-content-box .lt-booker-table td {
    padding: 7px;
  }
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .lt-booker-table td:nth-child(odd) {
  background: #f1f3f5;
  width: 150px;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .rv2-content-wrap .left .lt-content-box .lt-booker-table td:nth-child(odd) {
    width: 20%;
    font-size: 0.6rem;
  }
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .lt-booker-table input {
  border: 1px solid #adb5bd;
  background: #f8f9fa;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  color: #495057;
  font-size: 1rem;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .rv2-content-wrap .left .lt-content-box .lt-booker-table input {
    height: 30px;
    line-height: 30px;
    width: 95%;
    font-size: 0.8rem;
  }
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table {
  margin-top: 10px;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table th {
  border-top: 2px solid #ccc;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table tbody > tr > td:first-child {
  background: #e9ecef;
  width: 150px;
  border-right: 1px solid #ccc;
  color: #495057;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td {
  padding: 15px 12px;
  border-bottom: 1px solid #cccccc;
  font-weight: 600;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td input {
  border: 1px solid #adb5bd;
  background: #f8f9fa;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  color: #495057;
  font-size: 1rem;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td input.width1 {
  width: 450px !important;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td input.width2 {
  width: 180px;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td select {
  border: 1px solid #adb5bd;
  height: 50px;
  font-size: 1rem;
  width: 180px;
  margin-left: 10px;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td .btn-md {
  font-size: 1rem;
  background: #2cb0a4;
  color: #fff;
  text-align: center;
  padding: 0 30px;
  height: 50px;
  border: 0;
  margin-left: 5px;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td .btn-md.md {
  padding: 0 18px;
  margin-left: 0;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td .tab {
  margin-left: 20px;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td .tab button {
  position: relative;
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  border-radius: 6px;
  height: 50px;
  line-height: 50px;
  padding: 0 16px;
  transition: 0.3s;
  font-size: 1rem;
  border: 1px solid #cccc;
  color: #676767;
  z-index: 1;
  width: 60px;
  margin-top: -1px;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td .tab button.on {
  z-index: 2;
  color: #ffffff;
  background: #009bdf;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td .tab button:first-child {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td .tab button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td.flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td.flex .ms-round-large {
  height: 150px;
  width: 220px;
  padding: 0 30px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 10px;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td.flex .ms-round-large:hover {
  background: #f1f3f5;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td.flex .ms-round-large.on {
  background: #009bdf;
  color: #fff;
  border: none;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td.flex .ms-round-large p {
  font-size: 1rem;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td.flex .ms-round-large p:nth-of-type(1) {
  font-size: 2rem;
  font-weight: 600;
}
.rv-step2-wrap .rv2-content-wrap .left .lt-content-box .table td.flex .ms-round-large p:nth-of-type(2) {
  font-size: 1.4rem;
  font-weight: 500;
}
.rv-step2-wrap .rv2-content-wrap .left .cou-wrap {
  margin-top: 50px;
}
.rv-step2-wrap .rv2-content-wrap .left .cou-wrap .tit {
  font-size: 1.5rem;
  color: #495057;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .rv2-content-wrap .left .cou-wrap .tit {
    font-size: 1.2rem;
  }
}
.rv-step2-wrap .rv2-content-wrap .left .cou-wrap .coupon-txt {
  margin-top: 10px;
  color: #2cb0a4;
}
.rv-step2-wrap .rv2-content-wrap .left .mileage-wrap {
  margin-top: 50px;
}
.rv-step2-wrap .rv2-content-wrap .left .mileage-wrap .tit {
  font-size: 1.5rem;
  color: #495057;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .rv2-content-wrap .left .mileage-wrap .tit {
    font-size: 1.2rem;
  }
}
.rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table {
  width: 98%;
  margin-top: 10px;
  font-size: 1rem;
}
.rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table tr:first-child th, .rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table tr:first-child td {
  border-top: 2px solid #ccc;
}
.rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table th, .rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table td {
  height: 50px;
  line-height: 50px;
  padding: 0 0 0 10px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table th, .rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table td {
    font-size: 0.9rem;
  }
}
.rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table th input, .rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table td input {
  width: 250px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #adb5bd;
  padding: 0 10px;
  margin-bottom: 5px;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table th input, .rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table td input {
    display: block;
    width: 90%;
    margin-top: 10px;
  }
}
.rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table th .btn-mileage, .rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table td .btn-mileage {
  display: inline-block;
  font-size: 0.9rem;
  padding: 3px 12px;
  background: #2cb0a4;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  height: 40px;
  line-height: 34px;
  border-width: 1px;
  border-style: solid;
  border-color: #2cb0a4;
}
.rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table th .btn-mileage-cancel, .rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table td .btn-mileage-cancel {
  display: inline-block;
  font-size: 0.9rem;
  padding: 3px 12px;
  background: #fa5252;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  height: 40px;
  line-height: 34px;
  border-width: 1px;
  border-style: solid;
  border-color: #fa5252;
}
.rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table th {
  background: #f1f3f5;
  font-weight: normal;
  width: 20%;
  border-right: 1px solid #ccc;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table th {
    width: 40%;
  }
}
@media (max-width: 479px) {
  .rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table th.mmc1 {
    line-height: 40px;
    padding-bottom: 20px;
  }
}
@media (max-width: 479px) {
  .rv-step2-wrap .rv2-content-wrap .left .mileage-wrap table th .mmc {
    display: block;
    line-height: 0px;
  }
}
.rv-step2-wrap .rv2-content-wrap .left .mileage-wrap .mileage-box {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.rv-step2-wrap .rv2-content-wrap .left .mileage-wrap .mileage-box .a1 {
  line-height: 40px;
}
.rv-step2-wrap .rv2-content-wrap .left .mileage-wrap .mileage-box .a2 {
  margin-left: 30px;
}
.rv-step2-wrap .rv2-content-wrap .left .mileage-wrap .mileage-box .a2 input {
  width: 250px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #adb5bd;
  padding: 0 10px;
}
.rv-step2-wrap .rv2-content-wrap .left .agree-wrap {
  margin-top: 50px;
  padding-right: 15px;
}
.rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-top {
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-top .agree-tit {
  font-size: 1.5rem;
  color: #495057;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-top .agree-tit {
    font-size: 1.2rem;
  }
}
.rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-box .agree-item {
  margin-top: 20px;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-box .agree-item > .flex-between-end {
    display: block !important;
  }
}
.rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-box .agree-item .tit span {
  font-size: 0.9rem;
  color: #fa5252;
}
.rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-box .agree-item .agree-line {
  margin-top: 15px;
  height: 1px;
  background: #ccc;
}
.rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-box .agree-item .agree-content {
  background: #f1f3f5;
  padding: 30px 20px 20px;
  overflow-y: scroll;
  height: 250px;
  font-size: 0.9rem;
}
.rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-box .agree-item .agree-content.close {
  height: 0 !important;
  max-height: 0 !important;
}
.rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-box .agree-item .agree-content .agree-table td, .rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-box .agree-item .agree-content .agree-table th {
  padding: 10px;
  font-size: 0.9rem;
}
.rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-box .agree-item .agree-content .agree-table th {
  border-top: 2px solid #495057;
  border-bottom: 1px solid #ccc;
}
.rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-box .agree-item .agree-content .agree-table th:not(:last-child) {
  border-right: 1px solid #ccc;
}
.rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-box .agree-item .agree-content .agree-table tbody > tr td {
  border-bottom: 1px solid #ccc;
}
.rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-box .agree-item .agree-content .agree-table tbody > tr td.border-right, .rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-box .agree-item .agree-content .agree-table tbody > tr td:not(:last-child) {
  border-right: 1px solid #ccc;
}
.rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-box .agree-item .btn-arrow {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("/assets/images/common/down-arrow.png") no-repeat center/24px 24px;
  margin-right: 10px;
  filter: invert(50%);
}
.rv-step2-wrap .rv2-content-wrap .left .agree-wrap .agree-box .agree-item .btn-arrow.open {
  transform: rotate(180deg);
}
.rv-step2-wrap .rv2-content-wrap .right {
  position: sticky;
  top: 0;
  left: 100%;
  width: 300px;
  background: #f1f3f5;
  height: 470px;
}
@media (max-width: 1199px) {
  .rv-step2-wrap .rv2-content-wrap .right {
    width: 100%;
    position: relative;
    left: 0;
  }
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner {
  width: 100%;
  height: 100%;
  padding: 10px 15px;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .title {
  font-size: 1.5rem;
  font-weight: 600;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .pr-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .pr-box .pr {
  width: 50%;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .pr-box .pr .hu {
  font-size: 0.8rem;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .pr-box .set {
  display: flex;
  justify-content: flex-end;
  width: 50%;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .pr-box .set .set-people {
  width: 108px;
  display: flex;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .pr-box .set .set-people a {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
  background: #fff;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .pr-box .set .set-people a.minus {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .pr-box .set .set-people a.plus {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .pr-box .set .set-people p {
  text-align: center;
  width: 36px;
  height: 36px;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .pr-box .set .set-people p input {
  width: 100%;
  height: 100%;
  line-height: 100%;
  text-align: center;
  border: 1px solid #000;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box1 {
  margin-top: 20px;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box1 .r-tit {
  font-size: 1.5rem;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box1 .r-txt-box {
  color: #495057;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box1 .r-txt-box .r-txt2 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box1 .r-txt-box .r-txt2 > div:not(:last-child) {
  margin-right: 15px;
  position: relative;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box1 .r-txt-box .r-txt2 > div:not(:last-child):after {
  content: "●";
  position: absolute;
  top: 5px;
  right: -11px;
  color: #999999;
  font-size: 0.1rem;
  transform: scale(0.4);
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box2 {
  margin-top: 30px;
  text-align: right;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box2 > div {
  font-size: 1.5rem;
  color: #495057;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box2 > div > span {
  font-size: 0.9rem;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box2 > p {
  font-size: 0.8rem;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box2 .r-box3 .txt-box {
  color: #495057;
  margin-top: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box2 .r-box3 .txt-box .r1-txt {
  font-size: 1.5rem;
  color: #357ebd;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box2 .r-box3 .txt-box .r1-txt.last {
  color: #2cb0a4;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box2 .r-box3 .txt-box .r1-txt.coupon {
  color: #f06595;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box2 .r-box3 .txt-box .r1-txt2 {
  font-size: 1.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  color: #357ebd;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box2 .r-box3 .txt-box .r1-txt2 span {
  font-size: 0.9rem;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box2 .r-box3 .txt-box .r1-txt2.last {
  color: #2cb0a4;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box2 .r-box3 .txt-box .r1-txt2.last span {
  color: #2cb0a4;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box2 .r-box3 .txt-box .r1-txt2.coupon {
  color: #f06595;
}
.rv-step2-wrap .rv2-content-wrap .right .right-inner .r-box2 .r-box3 .txt-box .r1-txt2.coupon span {
  color: #f06595;
}
.rv-step2-wrap .rv2-content-wrap .right .btn-pay-box .btn-pay {
  display: inline-block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #2cb0a4;
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
}

@media (max-width: 1199px) {
  .rv-complete-wrap {
    padding: 0 10px;
  }
}
.rv-complete-wrap .header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.rv-complete-wrap .header > div:first-child {
  font-size: 1.5rem;
}
@media (max-width: 1199px) {
  .rv-complete-wrap .header > div:first-child {
    display: none;
  }
}
@media (max-width: 1199px) {
  .rv-complete-wrap .header > div:last-child {
    width: 100%;
  }
}
.rv-complete-wrap .header > div:last-child .rv2-title-image-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -50px;
}
@media (max-width: 1199px) {
  .rv-complete-wrap .header > div:last-child .rv2-title-image-wrap {
    justify-content: space-between !important;
    margin-left: 0;
  }
}
.rv-complete-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image {
  margin-left: 100px;
  position: relative;
}
@media (max-width: 1199px) {
  .rv-complete-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image {
    margin-left: 0;
  }
}
.rv-complete-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image.on span {
  color: #2db0a6 !important;
}
@media (max-width: 1199px) {
  .rv-complete-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image.on span {
    font-size: 0.8rem;
  }
}
.rv-complete-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image img {
  width: 22px;
  height: 22px;
}
@media (max-width: 1199px) {
  .rv-complete-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image img {
    width: 16px;
    height: 16px;
  }
}
.rv-complete-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image span {
  margin-left: 10px;
  position: relative;
}
@media (max-width: 1199px) {
  .rv-complete-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image span {
    font-size: 0.8rem;
  }
}
.rv-complete-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image:not(:last-child) > span:after {
  content: "";
  position: absolute;
  top: 12px;
  right: -65px;
  height: 1px;
  width: 40px;
  background: #868e96;
}
@media (max-width: 1199px) {
  .rv-complete-wrap .header > div:last-child .rv2-title-image-wrap .rv2-title-image:not(:last-child) > span:after {
    display: none;
  }
}
.rv-complete-wrap .complete-box {
  border-top: 2px solid #000000;
  padding: 25px 40px;
  background: #f1f3f5;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .rv-complete-wrap .complete-box {
    padding: 10px 40px;
  }
}
.rv-complete-wrap .complete-box .icon-complete {
  width: 50px;
  height: 60px;
  background: url("/assets/images/common/complete.png") no-repeat 0 10px/50px 50px;
  filter: invert(50%);
}
@media (max-width: 1199px) {
  .rv-complete-wrap .complete-box .icon-complete {
    background: url("/assets/images/common/complete.png") no-repeat 0 10px/40px 40px;
  }
}
.rv-complete-wrap .complete-box .txt {
  margin-left: 80px;
}
@media (max-width: 1199px) {
  .rv-complete-wrap .complete-box .txt {
    margin-left: 50px;
  }
}
.rv-complete-wrap .complete-box .txt p {
  font-size: 1.5rem;
  color: #495057;
}
@media (max-width: 1199px) {
  .rv-complete-wrap .complete-box .txt p {
    font-size: 1.2rem;
  }
}
.rv-complete-wrap .v-table1 {
  margin-top: 60px;
}
.rv-complete-wrap .v-table1 tr:first-child > td {
  border-top: 2px solid #ccc !important;
}
.rv-complete-wrap .v-table1 td {
  padding: 15px 0 15px 15px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.rv-complete-wrap .v-table1 td:first-child {
  background: #f1f3f5;
  width: 150px;
}
@media (max-width: 1199px) {
  .rv-complete-wrap .v-table1 td:first-child {
    font-size: 0.9rem;
  }
}
@media (max-width: 1199px) {
  .rv-complete-wrap .v-table1 {
    margin-top: 30px;
  }
}
.rv-complete-wrap .bottom {
  margin-top: 30px;
  text-align: center;
}
@media (max-width: 1199px) {
  .rv-complete-wrap .bottom {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.rv-complete-wrap .bottom .btn-home {
  display: inline-block;
  font-size: 1.2rem;
  padding: 15px 30px;
  background: #fff;
  color: #495057;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #495057;
}
@media (max-width: 1199px) {
  .rv-complete-wrap .bottom .btn-home {
    padding: 7px 15px;
    font-size: 1rem;
    width: 50%;
  }
}
.rv-complete-wrap .bottom .btn-confirm {
  margin-left: 10px;
  white-space: nowrap;
  display: inline-block;
  font-size: 1.2rem;
  padding: 15px 30px;
  background: #2cb0a4;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #2cb0a4;
}
@media (max-width: 1199px) {
  .rv-complete-wrap .bottom .btn-confirm {
    padding: 7px 15px;
    font-size: 1rem;
    width: 50%;
  }
}

.btn-review-wrap {
  margin-top: 20px;
}
.btn-review-wrap .btn-review {
  display: inline-block;
  font-size: 1.2rem;
  padding: 15px 30px;
  background: #fff;
  color: #2cb0a4;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #2cb0a4;
  width: 100%;
}

.review-pop {
  z-index: 999999991;
  width: 700px;
  height: 780px;
  overflow-y: scroll;
  background: #fff;
  border: 1px solid #ccc;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  border-top: 3px solid #1db4a4;
}
@media (max-width: 767px) {
  .review-pop {
    width: 96%;
    height: 80%;
  }
}
.review-pop .title {
  padding: 20px 0;
  border-bottom: 1px solid #999999;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.review-pop .title p {
  font-size: 1.1rem;
  color: #222;
}
.review-pop .title a {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/assets/images/new/new_close.png") no-repeat center/20px 20px;
  margin-right: 10px;
}
.review-pop .m-table {
  margin-top: 10px;
  font-size: 15px !important;
}
.review-pop .m-table tr:first-child > td {
  border-top: 1px solid #ccc !important;
}
.review-pop .m-table td {
  padding: 10px 0 10px 10px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.review-pop .m-table td.center {
  text-align: center;
}
.review-pop .m-table td.flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .review-pop .m-table td.flex {
    display: block;
  }
}
.review-pop .m-table td.flex .ms-round-large {
  height: 150px;
  width: 200px;
  padding: 0 30px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 10px;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .review-pop .m-table td.flex .ms-round-large {
    height: 100px;
    width: 100%;
    padding: 0 10px;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .review-pop .m-table td.flex .ms-round-large:not(:first-child) {
    margin-top: 10px;
  }
}
.review-pop .m-table td.flex .ms-round-large:hover {
  background: #f1f3f5;
}
.review-pop .m-table td.flex .ms-round-large.on {
  background: #009bdf;
  color: #fff;
  border: none;
}
.review-pop .m-table td.flex .ms-round-large p {
  font-size: 1rem;
}
.review-pop .m-table td.flex .ms-round-large p:nth-of-type(1) {
  font-size: 2rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  .review-pop .m-table td.flex .ms-round-large p:nth-of-type(1) {
    font-size: 1.3rem;
  }
}
.review-pop .m-table td.flex .ms-round-large p:nth-of-type(2) {
  font-size: 1.4rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .review-pop .m-table td.flex .ms-round-large p:nth-of-type(2) {
    font-size: 1rem;
  }
}
.review-pop .m-table td:nth-child(odd) {
  background: #f8f9fa;
  width: 150px;
}
.review-pop .m-table tr.member_choice_code > td input {
  border: 1px solid #adb5bd;
  background: #f8f9fa;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  color: #495057;
  font-size: 1rem;
}
@media (max-width: 1199px) {
  .review-pop .m-table tr.member_choice_code > td input {
    height: 40px;
    line-height: 40px;
  }
}
.review-pop .m-table tr.member_choice_code > td input.width1 {
  width: 450px !important;
}
@media (max-width: 1199px) {
  .review-pop .m-table tr.member_choice_code > td input.width1 {
    width: 100% !important;
  }
}
.review-pop .m-table tr.member_choice_code > td input.width2 {
  width: 180px;
}
@media (max-width: 1199px) {
  .review-pop .m-table tr.member_choice_code > td input.width2 {
    width: 40%;
  }
}
.review-pop .m-table tr.member_choice_code > td select {
  border: 1px solid #adb5bd;
  height: 50px;
  font-size: 1rem;
  width: 180px;
  margin-left: 10px;
}
@media (max-width: 1199px) {
  .review-pop .m-table tr.member_choice_code > td select {
    margin-left: 0;
    margin-top: 10px;
    height: 40px;
  }
}
.review-pop .m-table tr.member_choice_code > td .btn-md {
  font-size: 1rem;
  background: #2cb0a4;
  color: #fff;
  text-align: center;
  padding: 0 30px;
  height: 50px;
  border: 0;
  margin-left: 5px;
}
.review-pop .m-table tr.member_choice_code > td .btn-md.md {
  padding: 0 18px;
  margin-left: 0;
}
@media (max-width: 1199px) {
  .review-pop .m-table tr.member_choice_code > td .btn-md {
    height: 40px;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .review-pop .m-table td {
    font-size: 14px !important;
  }
  .review-pop .m-table td:nth-child(odd) {
    width: 20%;
  }
}
.review-pop .common-input {
  width: 80%;
  height: 36px;
  line-height: 36px;
  border: 1px solid #cccccc;
  padding: 0 10px;
}
@media (max-width: 767px) {
  .review-pop .common-input {
    width: 100%;
  }
}
.review-pop .common-textarea {
  width: 96%;
  height: 200px;
  border: 1px solid #cccccc;
  padding: 10px;
}
.review-pop .bottom {
  margin-top: 20px;
  text-align: center;
}
.review-pop .bottom .btn-home {
  display: inline-block;
  font-size: 1.2rem;
  padding: 15px 30px;
  background: #fff;
  color: #495057;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #495057;
}
@media (max-width: 1199px) {
  .review-pop .bottom .btn-home {
    width: 45% !important;
    padding: 10px 20px;
    font-size: 1rem;
  }
}
.review-pop .bottom .btn-confirm {
  margin-left: 10px;
  white-space: nowrap;
  display: inline-block;
  font-size: 1.2rem;
  padding: 15px 30px;
  background: #2cb0a4;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #2cb0a4;
}
@media (max-width: 1199px) {
  .review-pop .bottom .btn-confirm {
    width: 45% !important;
    padding: 10px 20px;
    font-size: 1rem;
  }
}

.none-txt {
  width: 100%;
  padding: 30px 0;
  text-align: center;
}

@media (max-width: 1199px) {
  .search-wrap {
    padding: 0 10px;
  }
}
.search-wrap .header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .search-wrap .header .header-top {
    display: none !important;
  }
}
.search-wrap .header > div:first-child {
  font-size: 1.5rem;
}
@media (max-width: 1199px) {
  .search-wrap .header > div:first-child {
    font-size: 1.2rem;
  }
}
.search-wrap .header > div:last-child {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .search-wrap .header > div:last-child {
    margin-top: 10px;
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .search-wrap .header > div:last-child {
    justify-content: space-between !important;
  }
}
.search-wrap .header > div:last-child input {
  height: 40px;
  line-height: 40px;
  border: 1px solid #ccc;
  border-radius: 6px;
  text-indent: 40px;
  font-size: 0.9rem;
  color: #373837;
  font-weight: 550;
}
.search-wrap .header > div:last-child .departure {
  position: relative;
}
@media (max-width: 1199px) {
  .search-wrap .header > div:last-child .departure {
    width: 60%;
  }
}
.search-wrap .header > div:last-child .departure:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 20px;
  width: 16px;
  height: 16px;
  background: url("/assets/images/common/icon-location.png") no-repeat center/16px 16px;
}
.search-wrap .header > div:last-child .departure input {
  margin-right: 10px;
  width: 220px;
}
@media (max-width: 1199px) {
  .search-wrap .header > div:last-child .departure input {
    width: 100%;
  }
}
.search-wrap .header > div:last-child .date {
  position: relative;
}
@media (max-width: 1199px) {
  .search-wrap .header > div:last-child .date {
    margin-left: 10px;
  }
}
.search-wrap .header > div:last-child .date:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 20px;
  width: 16px;
  height: 16px;
  background: url("/assets/images/common/calendar.png") no-repeat center/16px 16px;
}
.search-wrap .header > div:last-child .date input {
  margin-right: 10px;
  width: 140px;
}
@media (max-width: 1199px) {
  .search-wrap .header > div:last-child .date input {
    width: 100%;
  }
}
.search-wrap .search-cont .search-cont-top {
  font-size: 1.2rem;
  margin-top: 20px;
  height: 60px;
  line-height: 60px;
  background: #e9ecef;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .search-wrap .search-cont .search-cont-top {
    font-size: 0.9rem;
    height: 50px;
    line-height: 50px;
  }
}
.search-wrap .search-cont .search-cont-top img {
  height: 38px;
  width: 38px;
}
@media (max-width: 1199px) {
  .search-wrap .search-cont .search-cont-top img {
    height: 30px;
    width: 30px;
  }
}
.search-wrap .search-cont .search-cont-top span {
  color: #1c7ed6;
}
.search-wrap .search-cont .cate-txt {
  margin-top: 20px;
  font-size: 1.5rem;
  color: #000;
  position: relative;
}
@media (max-width: 1199px) {
  .search-wrap .search-cont .cate-txt {
    font-size: 1.2rem;
  }
}
.search-wrap .search-cont .cate-txt.package {
  margin-top: 50px;
}
.search-wrap .search-cont .search-list {
  margin-top: 20px;
}
.search-wrap .search-cont .search-list li:not(:first-child) {
  margin-top: 20px;
}
.search-wrap .search-cont .search-list li .s-item-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 220px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}
@media (max-width: 1199px) {
  .search-wrap .search-cont .search-list li .s-item-box {
    height: 230px;
    padding-bottom: 0px;
    border-bottom: none;
  }
}
.search-wrap .search-cont .search-list li .s-item-box img {
  width: 200px;
  height: 200px;
}
@media (max-width: 1199px) {
  .search-wrap .search-cont .search-list li .s-item-box img {
    width: 160px;
    height: 160px;
  }
}
.search-wrap .search-cont .search-list li .s-item-box .exp {
  width: 1000px;
  margin-left: 20px;
}
.search-wrap .search-cont .search-list li .s-item-box .exp .tit {
  font-size: 1.4rem;
  font-weight: 600;
  color: #373837;
}
@media (max-width: 1199px) {
  .search-wrap .search-cont .search-list li .s-item-box .exp .tit {
    font-size: 1rem;
  }
}
.search-wrap .search-cont .search-list li .s-item-box .exp .cot {
  margin-top: 10px;
  font-size: 0.9rem;
  color: #495057;
}
@media (max-width: 1199px) {
  .search-wrap .search-cont .search-list li .s-item-box .exp .cot {
    font-size: 0.8rem;
  }
}
.search-wrap .search-cont .search-list li .s-item-box .exp .ex {
  margin-top: 10px;
  position: relative;
  text-indent: 20px;
  font-size: 0.9rem;
  color: #495057;
}
@media (max-width: 1199px) {
  .search-wrap .search-cont .search-list li .s-item-box .exp .ex {
    font-size: 0.8rem;
  }
}
.search-wrap .search-cont .search-list li .s-item-box .exp .which:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 14px;
  background: url("/assets/images/common/icon-location.png") no-repeat center/14px 14px;
}
.search-wrap .search-cont .search-list li .s-item-box .exp .period:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 14px;
  background: url("/assets/images/common/calendar.png") no-repeat center/14px 14px;
}
.search-wrap .search-cont .search-list li .s-item-box .exp .golfshop:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 14px;
  background: url("/assets/images/common/golfshop.png") no-repeat center/14px 14px;
}
.search-wrap .search-cont .search-list li .s-item-box .bot {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .search-wrap .search-cont .search-list li .s-item-box .bot {
    display: none;
  }
}
.search-wrap .search-cont .search-list li .s-item-box .bot .price {
  color: #2db0a6;
  font-size: 1.5rem;
}
.search-wrap .search-cont .search-list li .s-item-box .bot .price span {
  font-size: 1rem;
  color: #373837;
}
.search-wrap .search-cont .search-list li .s-item-box .bot .btn a {
  display: inline-block;
  width: 160px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #2db0a6;
  font-size: 1.2rem;
  border-radius: 6px;
  color: #2db0a6;
}
.search-wrap .search-cont .search-list li .mo-bot {
  display: none;
}
@media (max-width: 1199px) {
  .search-wrap .search-cont .search-list li .mo-bot {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
  }
}
.search-wrap .search-cont .search-list li .mo-bot .price {
  color: #2db0a6;
  font-size: 1.5rem;
}
.search-wrap .search-cont .search-list li .mo-bot .price span {
  font-size: 1.2rem;
  color: #373837;
}
@media (max-width: 1199px) {
  .search-wrap .search-cont .search-list li .mo-bot .price {
    font-size: 1rem;
    width: 50%;
  }
}
@media (max-width: 1199px) {
  .search-wrap .search-cont .search-list li .mo-bot .btn {
    width: 50%;
  }
}
.search-wrap .search-cont .search-list li .mo-bot .btn a {
  display: inline-block;
  width: 160px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #2db0a6;
  font-size: 1.2rem;
  border-radius: 6px;
  color: #2db0a6;
}
@media (max-width: 1199px) {
  .search-wrap .search-cont .search-list li .mo-bot .btn a {
    width: 100%;
    height: 33px;
    line-height: 31px;
    font-size: 1rem;
  }
}

@media (max-width: 1199px) {
  .search-none {
    padding: 0 10px;
  }
}
.search-none .none-txt {
  font-size: 2rem;
}
.search-none .none-txt span {
  color: #2cb0a4;
}
@media (max-width: 479px) {
  .search-none .none-txt {
    font-size: 1rem;
  }
}
.search-none .none-cont {
  text-align: center;
  margin: 50px 0;
}
.search-none .none-cont .txt1 {
  margin-top: 20px;
  font-size: 1.2rem;
}
.search-none .none-cont .txt2 {
  margin-top: 20px;
  color: #495057;
  font-size: 1rem;
}
.search-none .none-cont .txt3 {
  color: #495057;
  font-size: 1rem;
}

@media print {
  .line {
    width: 100%;
    height: 2px;
    background: #000;
  }
  .line.gray {
    width: 100%;
    height: 2px;
    background: #cccccc;
  }
  .line.gray-width1 {
    width: 100%;
    height: 1px;
    margin: 20px 0 20px 0;
    background: #cccccc;
  }

  .pop-detail-box {
    overflow: hidden;
    overflow-y: scroll;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    max-height: 750px !important;
    position: relative;
  }

  .pop-detail-wrap-left {
    max-width: 880px;
    margin-left: 25px;
  }
  .pop-detail-wrap-left .code-box {
    margin-top: 10px;
    width: 720px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .pop-detail-wrap-left .code-box .code {
    font-size: 0.9rem;
  }
  .pop-detail-wrap-left .code-box .sns img {
    width: 26px;
    height: 26px;
  }
  .pop-detail-wrap-left .price-box {
    width: 100%;
    text-align: right;
  }
  .pop-detail-wrap-left .price-box p {
    font-size: 0.8rem;
    color: #999999;
  }
  .pop-detail-wrap-left .price-box .price {
    font-size: 1.5rem;
    font-weight: bold;
  }
  .pop-detail-wrap-left .price-box .won {
    color: #495057;
    font-size: 1.2rem;
  }

  .tit {
    font-size: 1.2rem !important;
    font-weight: 500;
  }

  .tit2 {
    margin-top: 15px !important;
  }
  .tit2 > div {
    font-size: 1rem !important;
  }

  .pop-detail-main {
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    height: 360px !important;
  }
  .pop-detail-main .detail-left {
    width: 60%;
    height: 360px;
    position: relative;
  }
  .pop-detail-main .detail-left img {
    width: 100%;
    height: 350px;
  }
  .pop-detail-main .detail-right {
    width: 40%;
    margin-left: 20px;
    position: relative;
    height: 360px;
  }
  .pop-detail-main .detail-right .keyword-box {
    width: 100%;
    text-align: left !important;
    margin: 10px 0 10px 0 !important;
  }
  .pop-detail-main .detail-right .keyword-box .keyword {
    font-size: 1rem;
    padding: 8px 20px;
    background: #2db0a6;
    color: #fff;
  }
  .pop-detail-main .detail-right .review-box p {
    color: #868e96;
    margin-bottom: 10px;
    font-size: 1.2rem;
  }
  .pop-detail-main .detail-right .tag-box p {
    font-size: 1.1rem !important;
    color: #000;
    margin-top: 10px;
  }
  .pop-detail-main .detail-right .tag-box p:not(:last-child) {
    margin-bottom: 5px;
  }
  .pop-detail-main .detail-right .detail-right-bottom {
    margin-top: 45px !important;
  }
  .pop-detail-main .detail-right .detail-right-bottom .bt1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    color: #373837;
    font-size: 1rem;
  }
  .pop-detail-main .detail-right .detail-right-bottom .bt1:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #cccccc;
  }

  .pop-detail-table {
    margin-top: 30px;
    width: 100%;
    border: none;
  }
  .pop-detail-table td {
    font-size: 1rem !important;
    padding: 10px 0;
    vertical-align: top;
  }
  .pop-detail-table td:first-child {
    width: 20%;
    font-weight: 600;
  }

  .pop-theme-img-wrap {
    margin-top: 30px;
    position: relative;
  }
  .pop-theme-img-wrap img {
    width: 100% !important;
    height: 300px !important;
  }

  .pop-theme-txt {
    margin-top: 20px;
    font-size: 1rem !important;
  }

  .comment {
    font-size: 1.1rem !important;
  }

  .pop-detail-more {
    display: none;
  }

  .price-table td:first-child {
    width: 30% !important;
  }
  .price-table td:last-child {
    width: 70% !important;
  }

  .pop-review-wrap .flex-box {
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: 325px;
  }
  .pop-review-wrap .flex-box .left {
    width: 650px;
    height: 325px;
  }
  .pop-review-wrap .flex-box .left img {
    width: 650px;
    height: 325px;
  }
  .pop-review-wrap .flex-box .right {
    width: 100%;
    height: 325px;
    margin-left: 30px;
    padding-top: 10px;
  }
  .pop-review-wrap .flex-box .right .f-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .pop-review-wrap .flex-box .right .f-box .rating {
    font-size: 1.2rem;
    color: #0ca678;
  }
  .pop-review-wrap .flex-box .right .f-box .rating span {
    font-size: 1.2rem;
    color: #000;
    padding-left: 10px;
  }
  .pop-review-wrap .flex-box .right .f-box .date {
    font-size: 1.2rem;
  }
  .pop-review-wrap .flex-box .right .comment {
    margin-top: 30px;
    font-size: 1rem !important;
    line-height: 35px;
  }
  .pop-review-wrap .pop-rating-table {
    margin-top: 10px;
  }
  .pop-review-wrap .pop-rating-table td:nth-of-type(1) {
    width: 18%;
    color: #0ca678 !important;
    padding: 10px 0;
  }
  .pop-review-wrap .pop-rating-table td:nth-of-type(2) {
    width: 7%;
  }
  .pop-review-wrap .pop-rating-table td:nth-of-type(3) {
    width: 60%;
  }
  .pop-review-wrap .pop-rating-table td:nth-of-type(4) {
    width: 15%;
    text-align: right;
  }
}
.comment {
  margin-top: 5px;
  font-size: 0.9rem;
  color: #999999;
}

input.readonly {
  background: #e9ecef !important;
}

.strike {
  text-decoration: line-through !important;
}

.right-floating-kakao {
  position: fixed;
  bottom: 50px;
  right: 0;
  width: 185px;
  height: auto;
  z-index: 999999;
}
@media (max-width: 479px) {
  .right-floating-kakao {
    width: 130px;
  }
}
@media (max-width: 479px) {
  .right-floating-kakao img {
    width: 130px;
    height: 45px;
  }
}

.right-floating {
  position: fixed;
  bottom: 20px;
  right: 0;
  width: 120px;
  height: auto;
  border: 1px solid #495057;
  background: #fff;
  z-index: 999999;
}
@media (max-width: 1199px) {
  .right-floating {
    display: none !important;
  }
}
.right-floating .ms {
  background: #fff;
  height: 252px;
}
.right-floating .ms img {
  width: 120px;
  height: 252px;
}
.right-floating .prod {
  border-top: 1px solid #999;
}
.right-floating .prod .tit {
  background: #f1f3f5;
}
.right-floating .prod .tit a {
  width: 100%;
  position: relative;
  display: inline-block;
  font-size: 0.8rem;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-indent: -5px;
}
.right-floating .prod .tit a::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: url("/assets/images/common/down-arrow.png") no-repeat center/10px 10px;
  filter: invert(5%);
}
.right-floating .prod .tit a.open::after {
  background: url("/assets/images/common/up-arrow2.png") no-repeat center/10px 10px;
}
.right-floating .prod .prod-list .box {
  position: relative;
  margin-top: 10px;
  padding: 0 10px 10px;
  border-bottom: 1px solid #999;
}
.right-floating .prod .prod-list .box .date {
  text-align: left;
  font-size: 0.7rem;
  color: #495057;
  margin-bottom: 3px;
}
.right-floating .prod .prod-list .box .img {
  position: relative;
  text-align: center;
}
.right-floating .prod .prod-list .box .img img {
  position: relative;
  z-index: 100;
  width: 100px;
  height: 60px;
}
.right-floating .prod .prod-list .box .img .overlay {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 60px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: none;
}
.right-floating .prod .prod-list .box .img .overlay .txt {
  padding: 15px 5px 10px;
  font-size: 0.8rem;
  color: #fff;
  text-align: left;
}
.right-floating .prod .prod-list .box .img:hover .overlay {
  display: block;
}
.right-floating .prod .prod-list .box .close {
  z-index: 9999;
  position: absolute;
  top: 12px;
  right: 9px;
  width: 16px;
  height: 16px;
}
.right-floating .prod .prod-list .box .close img {
  width: 16px;
  height: 16px;
  filter: invert(30%);
}
.right-floating .prod .prod-list .box .price {
  color: #2db0a6;
  font-size: 0.8rem;
  margin-top: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.right-floating .bottom {
  height: 40px;
  line-height: 35px;
  background: #f1f3f5;
  border-top: 1px solid #000;
  position: relative;
}
.right-floating .bottom::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
  background: url("/assets/images/common/arrow-up.png") no-repeat center/10px 10px;
}
.right-floating .bottom a {
  text-align: center;
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 0.7rem;
  text-indent: 20px;
}

.right-floating-new-mb {
  display: none;
  position: fixed;
  bottom: 70px;
  right: 0;
  width: 70px;
  height: auto;
  background: #fff;
  z-index: 999999;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
@media (max-width: 767px) {
  .right-floating-new-mb {
    display: block;
    bottom: 170px;
  }
}
.right-floating-new-mb .s-box > div > a {
  display: inline-block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #1db4a4;
  font-size: 11px;
  font-weight: 500;
  position: relative;
  text-indent: 15px;
}
.right-floating-new-mb .s-box .kakao1 {
  border-top-left-radius: 8px;
  background: #ffdd22;
  color: #352020;
}
.right-floating-new-mb .s-box .kakao1::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  width: 10px;
  height: 8px;
  background: url("/assets/images/new/ka.png") no-repeat center/10px 8px;
}
.right-floating-new-mb .s-box .kakao2 {
  background: #352020;
  color: #ffdd22;
}
.right-floating-new-mb .s-box .kakao2::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  width: 10px;
  height: 8px;
  background: url("/assets/images/new/ka2.png") no-repeat center/10px 8px;
}
.right-floating-new-mb .s-box .naver {
  background: #00c73c;
  color: #fff;
}
.right-floating-new-mb .s-box .naver::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 8px;
  width: 10px;
  height: 11px;
  background: url("/assets/images/new/naver.png") no-repeat center/10px 11px;
}
.right-floating-new-mb .bottom {
  height: 40px;
  line-height: 35px;
  background: #f1f3f5;
  border-top: 1px solid #000;
  position: relative;
  border-bottom-left-radius: 8px;
}
.right-floating-new-mb .bottom::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 56%;
  left: 20px;
  transform: translateY(-50%);
  background: url("/assets/images/common/arrow-up.png") no-repeat center/10px 10px;
}
.right-floating-new-mb .bottom a {
  text-align: center;
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 0.7rem;
  text-indent: 20px;
}

.right-floating-new {
  position: fixed;
  bottom: 20px;
  right: 0;
  width: 100px;
  height: auto;
  background: #fff;
  z-index: 999999;
  border: 1px solid #bfbfbf;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
@media (max-width: 767px) {
  .right-floating-new {
    display: none !important;
  }
}
.right-floating-new .prod .tit {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: #f1f3f5;
}
.right-floating-new .prod .tit a {
  width: 100%;
  position: relative;
  display: inline-block;
  font-size: 0.8rem;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-indent: -5px;
}
.right-floating-new .prod .prod-list .box {
  position: relative;
  margin-top: 10px;
  padding: 0 10px 10px;
  border-bottom: 1px solid #999;
}
.right-floating-new .prod .prod-list .box .fl-nav {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  white-space: nowrap;
}
.right-floating-new .prod .prod-list .box .fl-nav .left {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("/assets/images/common/down-arrow.png") no-repeat center/10px 10px;
  transform: rotate(90deg);
}
.right-floating-new .prod .prod-list .box .fl-nav .page {
  position: relative;
  top: -5px;
  font-size: 12px;
  max-width: 40px;
}
.right-floating-new .prod .prod-list .box .fl-nav .right {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("/assets/images/common/down-arrow.png") no-repeat center/10px 10px;
  transform: rotate(-90deg);
}
.right-floating-new .prod .prod-list .box .img {
  position: relative;
  text-align: center;
}
.right-floating-new .prod .prod-list .box .img img {
  position: relative;
  z-index: 100;
  width: 80px;
  height: 60px;
}
.right-floating-new .prod .prod-list .box .img .overlay {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 60px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: none;
}
.right-floating-new .prod .prod-list .box .img .overlay .txt {
  padding: 15px 5px 10px;
  font-size: 0.8rem;
  color: #fff;
  text-align: left;
}
.right-floating-new .prod .prod-list .box .img:hover .overlay {
  display: block;
}
.right-floating-new .prod .prod-list .box .img .close {
  z-index: 9999;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.right-floating-new .prod .prod-list .box .img .close::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  background: url("/assets/images/common/close333.png") no-repeat center/16px 16px;
  filter: invert(30%);
}
.right-floating-new .prod .prod-list .box .price {
  color: #2db0a6;
  font-size: 0.8rem;
  margin-top: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.right-floating-new .s-box > div > a {
  display: inline-block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #1db4a4;
  font-size: 12px;
  font-weight: 500;
  position: relative;
  text-indent: 15px;
}
.right-floating-new .s-box .kakao1 {
  background: #ffdd22;
  color: #352020;
}
.right-floating-new .s-box .kakao1::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 15px;
  width: 14px;
  height: 12px;
  background: url("/assets/images/new/ka.png") no-repeat center/14px 12px;
}
.right-floating-new .s-box .kakao2 {
  background: #352020;
  color: #ffdd22;
}
.right-floating-new .s-box .kakao2::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 15px;
  width: 14px;
  height: 12px;
  background: url("/assets/images/new/ka2.png") no-repeat center/14px 12px;
}
.right-floating-new .s-box .naver {
  background: #00c73c;
  color: #fff;
}
.right-floating-new .s-box .naver::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 15px;
  width: 13px;
  height: 14px;
  background: url("/assets/images/new/naver.png") no-repeat center/13px 14px;
}
.right-floating-new .bottom {
  height: 40px;
  line-height: 35px;
  background: #f1f3f5;
  border-top: 1px solid #000;
  position: relative;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.right-floating-new .bottom::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  background: url("/assets/images/common/arrow-up.png") no-repeat center/10px 10px;
}
.right-floating-new .bottom a {
  text-align: center;
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 0.7rem;
  text-indent: 20px;
}

.agree-wrap .agree-cont {
  margin-top: 50px;
}
.agree-wrap .agree-cont .cont {
  margin-top: 10px;
  border: 1px solid #999999;
  padding: 20px 15px 0 15px;
  width: 100%;
  height: 200px;
  overflow-y: auto;
}
.agree-wrap .agree-cont .cont .subject {
  text-align: center;
  font-weight: 600;
  display: inline-block;
  width: 100%;
}
.agree-wrap .agree-cont .cont .strong {
  font-weight: 600;
  margin: 10px 0;
  display: inline-block;
}
.agree-wrap .agree-cont .cont pre {
  border: none;
  white-space: pre-line;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans KR", "Apple SD Gothic Neo", AppleSDGothicNeo, "Noto Sans CJK KR", "NanumGothic", "Malgun Gothic", "맑은 고딕", 돋움, dotum, arial, sans-serif;
}
.agree-wrap .agree-cont .cont .ms-table {
  margin-top: 10px;
}
.agree-wrap .agree-cont .cont .ms-table th {
  background: #e9ecef;
  padding: 5px 0;
  border: 1px solid #ccc;
}
.agree-wrap .agree-cont .cont .ms-table td {
  border: 1px solid #ccc;
  text-align: center;
  padding: 10px 0;
}
.agree-wrap .agree-cont .cont .ms-table > tbody > tr:first-child > td {
  border-top: 2px solid #adb5bd;
}
.agree-wrap .agree-cont .cont .ms-box {
  border: 1px solid #000;
}
.agree-wrap .agree-cont .cont .ms-box > div {
  padding: 5px;
}
.agree-wrap .agree-cont .cont .ms-box > div:not(:first-child) {
  border-top: 1px solid #000;
}
.agree-wrap .agree-cont .cont .ms-ul li {
  margin-bottom: 5px;
}

.sch-table th {
  text-align: center;
  font-weight: 600;
  border-top: 1px solid #3ea6c2;
  border-left: 1px solid #3ea6c2;
  border-right: 1px solid #3ea6c2;
  border-bottom: 2px solid #3ea6c2;
  height: 40px;
  line-height: 40px;
}
@media (max-width: 767px) {
  .sch-table th {
    font-size: 0.9rem;
    line-height: normal;
  }
}
.sch-table td {
  text-align: center;
  border-left: 1px solid #3ea6c2;
  border-right: 1px solid #3ea6c2;
  border-bottom: 1px solid #3ea6c2 !important;
  padding: 8px 4px !important;
  font-size: 0.9rem !important;
  vertical-align: middle !important;
}
@media (max-width: 767px) {
  .sch-table td {
    font-size: 0.7rem !important;
    text-align: center !important;
  }
}
.sch-table td:nth-of-type(1) {
  width: 10% !important;
}
.sch-table td:nth-of-type(2) {
  width: 12% !important;
}
.sch-table td:nth-of-type(3) {
  width: 10% !important;
}
.sch-table td:nth-of-type(4) {
  width: 80px !important;
}
.sch-table td:nth-of-type(5) {
  width: 47% !important;
  text-align: left;
  padding-left: 10px !important;
}
@media (max-width: 767px) {
  .sch-table td:nth-of-type(5) {
    padding-left: 0 !important;
  }
}
.sch-table td:nth-of-type(6) {
  width: 12% !important;
}
.sch-table tbody > tr:nth-of-type(odd) td {
  background: #dbeef4;
}

.nnn {
  text-align: center;
  margin-top: 20px;
}

.common-table1 th {
  background: #2cb0a4;
  padding: 10px 0;
  border: 1px solid #2cb0a4;
  color: #fff;
}
@media (max-width: 1199px) {
  .common-table1 th {
    font-size: 0.8rem;
  }
}
.common-table1 td {
  border: 1px solid #ccc;
  text-align: center;
  padding: 10px 0;
}
@media (max-width: 1199px) {
  .common-table1 td {
    font-size: 0.7rem;
  }
}
.common-table1 > tbody > tr:first-child > td {
  border-top: 1px solid #adb5bd;
}
.common-table1.ms-goods {
  margin-top: 10px;
}
.common-table1.ms-goods th:nth-of-type(1) {
  width: 7%;
}
.common-table1.ms-goods th:nth-of-type(2) {
  width: 12%;
}
.common-table1.ms-goods th:nth-of-type(3) {
  width: 66%;
}
@media (max-width: 479px) {
  .common-table1.ms-goods th:nth-of-type(3) {
    width: 61%;
  }
}
.common-table1.ms-goods th:nth-of-type(4) {
  width: 15%;
}
@media (max-width: 479px) {
  .common-table1.ms-goods th:nth-of-type(4) {
    width: 20%;
  }
}
.common-table1.shop {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .common-table1.shop thead > tr > th:nth-of-type(4) {
    display: none;
  }
}
@media (max-width: 767px) {
  .common-table1.shop tbody > tr > td:nth-of-type(4) {
    display: none;
  }
}

@media (max-width: 1199px) {
  .membership-guide {
    padding: 0 10px;
  }
}
.membership-guide h3 {
  margin-bottom: 30px;
}
.membership-guide .txt1 {
  color: #ff0058;
  font-weight: 600;
}
.membership-guide .txt2 {
  color: #03a9f4;
  font-weight: 600;
}
.membership-guide .txt3 {
  color: #0e5cad;
  font-weight: 600;
}
.membership-guide .box {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 479px) {
  .membership-guide .box {
    display: block;
  }
}
.membership-guide .box .i-box {
  width: 30%;
  height: 120px;
  text-align: center;
  background: linear-gradient(45deg, #ffbc00, #ff0058);
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
@media (max-width: 479px) {
  .membership-guide .box .i-box {
    width: 100%;
    margin-bottom: 10px;
  }
}
.membership-guide .box.box2 .i-box {
  background: linear-gradient(45deg, #03a9f4, #ff0058);
}
.membership-guide .box.box3 .i-box {
  background: linear-gradient(315deg, #79f1a4, #0e5cad);
}
@media (max-width: 479px) {
  .membership-guide .boxx {
    margin-top: 10px !important;
  }
}
.membership-guide .mm {
  margin-top: 50px;
}
.membership-guide .tab-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.membership-guide .tab-box .tab {
  width: 70%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .membership-guide .tab-box .tab {
    width: 90%;
  }
}
.membership-guide .tab-box .tab li {
  flex: 1;
  text-align: center;
  white-space: nowrap;
  padding: 0 40px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #2cb0a4;
  cursor: pointer;
}
.membership-guide .tab-box .tab li.on {
  border-top: 1px solid #2cb0a4;
  border-left: 1px solid #2cb0a4;
  border-right: 1px solid #2cb0a4;
  border-bottom: none;
}
@media (max-width: 767px) {
  .membership-guide .tab-box .tab li {
    padding: 0 20px;
    font-size: 0.9rem;
  }
}
@media (max-width: 479px) {
  .membership-guide .tab-box .tab li {
    padding: 0 10px;
  }
}
.membership-guide .tab-box .linex {
  width: 30%;
  border-bottom: 1px solid #2cb0a4;
  height: 50px;
  background: #fff;
}
@media (max-width: 1199px) {
  .membership-guide .tab-box .linex {
    width: 10%;
  }
}

.detail-img {
  margin-bottom: 20px;
}
.detail-img img {
  max-width: 1100px;
}
@media (max-width: 1199px) {
  .detail-img img {
    max-width: 850px;
  }
}
@media (max-width: 479px) {
  .detail-img img {
    max-width: 300px;
  }
}

.right-comment {
  text-align: right;
  font-size: 0.9rem;
  margin-top: 5px;
}
@media (max-width: 479px) {
  .right-comment {
    font-size: 0.7rem;
  }
}

.event-all-wrapper {
  position: fixed;
  left: 50%;
  bottom: -100%;
  width: 500px;
  transform: translateX(-50%);
  z-index: 99999999999;
  background: #fff;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  visibility: hidden;
  transition: 0.5s;
}
@media (max-width: 479px) {
  .event-all-wrapper {
    width: 100%;
  }
}
.event-all-wrapper .header {
  padding: 30px 30px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.event-all-wrapper .header .txt {
  font-size: 1.2rem;
}
.event-all-wrapper .header .close {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url("/assets/images/common/close_36_36.png") no-repeat center/26px 26px;
}
.event-all-wrapper .event-wrapper {
  max-height: 1000px;
  overflow-y: scroll !important;
  padding: 0 30px;
  margin-top: 15px;
}
@media (max-width: 479px) {
  .event-all-wrapper .event-wrapper {
    max-height: 600px;
  }
}
.event-all-wrapper .event-wrapper .event-list li {
  margin-bottom: 15px;
  border-radius: 10px;
  height: 300px;
  overflow: hidden;
}
@media (max-width: 479px) {
  .event-all-wrapper .event-wrapper .event-list li {
    height: 200px;
  }
}
.event-all-wrapper .event-wrapper .event-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.board-title {
  text-align: left !important;
  padding-left: 10px !important;
}

.b-title.each {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  border-bottom: 2px solid #000;
  padding-bottom: 15px;
}
@media (max-width: 1199px) {
  .b-title.each {
    display: block;
  }
}
.b-title.each .tit {
  font-size: 1.5rem;
  font-weight: 600;
}
@media (max-width: 1199px) {
  .b-title.each .tit {
    font-size: 1.2rem;
  }
}
.b-title.each .s-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .b-title.each .s-box {
    margin-top: 10px;
  }
}
.b-title.each input {
  padding: 0 10px;
  width: 150px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #495057;
  color: #868e96;
}
@media (max-width: 1199px) {
  .b-title.each input {
    width: 30%;
  }
}
@media (max-width: 1199px) {
  .b-title.each input.board {
    width: 60%;
  }
}
.b-title.each .btn {
  display: inline-block;
  font-size: 0.9rem;
  padding: 8px 10px;
  background: #fff;
  color: #2cb0a4;
  text-align: center;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #2cb0a4;
  margin-left: 10px;
}
@media (max-width: 1199px) {
  .b-title.each .btn.board {
    width: 30%;
  }
}

.timer-wrapper {
  position: relative;
}
.timer-wrapper .timer-box {
  position: absolute;
  left: 400px;
  top: 26px;
  color: #999;
}
@media (max-width: 1199px) {
  .timer-wrapper .timer-box {
    left: 88%;
    top: 15px;
    font-size: 0.8rem;
  }
}
@media (max-width: 479px) {
  .timer-wrapper .timer-box {
    left: 85%;
  }
}

.ms-img {
  margin-top: 20px;
}
.ms-img img {
  width: 100%;
  object-fit: cover;
}

.r-btn {
  display: inline-block;
  line-height: 50px;
  height: 50px;
  padding: 0 20px;
  background: #2cb0a4;
  color: #fff;
  text-align: center;
  font-size: 1rem;
  font-weight: 300;
  border-radius: 0;
}
.r-btn:hover {
  color: #fff;
}

.header .header-search {
  margin-top: 33px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.header .header-search .new-logo {
  display: inline-block;
  width: 156px;
  height: 52px;
  background: url("/assets/images/new/logo.png") no-repeat center/156px 52px;
}
.header .header-search .new-border-round {
  position: relative;
  height: 48px;
  width: 524px;
  border: 2px solid #b1b1b1;
  border-radius: 25px;
  padding: 0 20px 0 20px;
  background: #fff;
  margin: 0 40px 0 0;
}
.header .header-search .new-border-round .btn-search {
  display: block;
  width: 23px;
  height: 23px;
  background: url("/assets/images/new/btn_dd.png") no-repeat center/23px 23px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.header .header-search .new-border-round .search-keyword {
  height: 44px;
  line-height: 44px;
  width: 90%;
  font-size: 1rem;
  border: 0;
}
.header .header-search .new-header-btn-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 136px;
}
.header .header-search .new-header-btn-box a {
  width: 36px;
  height: 36px;
}
.header .header-search .new-header-btn-box .btn-wish {
  background: url("/assets/images/new/btn_wish.png") no-repeat center/36px 36px;
}
.header .header-search .new-header-btn-box .btn-my {
  background: url("/assets/images/new/btn_my.png") no-repeat center/36px 36px;
  margin-left: 14px;
}
.header .header-search .new-header-btn-box .btn-cart {
  position: relative;
  background: url("/assets/images/new/btn_cart.png") no-repeat center/36px 36px;
  margin-left: 14px;
}
.header .header-search .new-header-btn-box .btn-cart .cart-badge {
  position: absolute;
  top: 3px;
  right: -3px;
  width: 19px;
  height: 14px;
  line-height: 14px;
  background: #1db4a4;
  color: #fff;
  font-size: 10px;
  border-radius: 30px;
  text-align: center;
}

.new-nav-box {
  position: relative;
  z-index: 1000;
  white-space: nowrap;
}
.new-nav-box .nav-box {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.new-nav-box .nav-box .new-nav {
  position: relative;
}
.new-nav-box .nav-box .new-nav .nav-item-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-nav-box .nav-box .new-nav .nav-item-box .nav-item > a {
  font-size: 18px;
}
.new-nav-box .nav-box .new-nav .nav-item-box .nav-item:nth-of-type(n+2) {
  padding-left: 55px;
}
.new-nav-box .nav-box .new-nav .nav-item {
  position: relative;
}
.new-nav-box .nav-box .new-nav .nav-all-box {
  position: absolute;
  top: 24px;
  padding-top: 30px;
  z-index: 1000;
  height: 360px;
  width: 1200px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background: #fff;
}
.new-nav-box .nav-box .new-nav .nav-all-box::after {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  width: 100%;
  height: 1px;
  background: #bbb;
}
.new-nav-box .nav-box .new-nav .nav-all-box li:nth-of-type(1) {
  margin-top: 20px;
}
.new-nav-box .nav-box .new-nav .nav-all-box li:nth-of-type(n+2) {
  margin-top: 10px;
}
.new-nav-box .nav-box .new-nav .nav-all-box > div:nth-of-type(1) {
  width: 124px;
}
.new-nav-box .nav-box .new-nav .nav-all-box > div:nth-of-type(2) {
  width: 138px;
}
.new-nav-box .nav-box .new-nav .nav-all-box > div:nth-of-type(3) {
  width: 120px;
}
.new-nav-box .nav-box .new-nav .nav-all-box > div:nth-of-type(4) {
  width: 135px;
}
.new-nav-box .nav-box .new-nav .nav-all-box > div:nth-of-type(5) {
  width: 160px;
}
.new-nav-box .nav-box .new-nav .nav-all-box > div:nth-of-type(6) {
  width: 142px;
}
.new-nav-box .nav-box .new-nav .nav-all-box a {
  font-size: 15px;
}
.new-nav-box .nav-box .new-nav .nav-all-box a:hover {
  color: #34b9aa;
}
.new-nav-box .nav-box .new-nav .nav-all-box .nav-banner {
  position: absolute;
  top: 50px;
  right: 0;
  width: 196px;
  height: 290px;
}
.new-nav-box .nav-box .nav-right {
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-nav-box .nav-box .nav-right .mem-grade {
  border-radius: 30px;
  margin-right: 5px;
  padding: 1px 10px 2px 10px;
  color: #fff;
}
.new-nav-box .nav-box .nav-right .mem-grade.m-green {
  background: #3aa193;
}
.new-nav-box .nav-box .nav-right .bt {
  position: relative;
  margin-right: 28px;
}
.new-nav-box .nav-box .nav-right .bt::after {
  content: "";
  position: absolute;
  right: -15px;
  top: 4px;
  width: 1px;
  height: 15px;
  background: #b4b4b4;
}

#m-b-new {
  z-index: 910;
  position: absolute;
  top: 159px;
  left: 0;
  width: 100%;
  height: 380px;
  background: #fff;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.new-main-visual-box {
  position: relative;
  z-index: 900;
  margin-top: 18px;
  height: 620px;
}
.new-main-visual-box .main-gallery {
  overflow: hidden;
  position: relative;
  z-index: 100;
}
.new-main-visual-box .main-gallery .swiper-box {
  width: 1700px;
  overflow: visible;
  margin: 0 auto;
}
.new-main-visual-box .main-gallery .swiper-box img {
  width: 1700px;
  height: 620px;
}
.new-main-visual-box .main-gallery .swiper-slide-prev, .new-main-visual-box .main-gallery .swiper-slide-next {
  filter: grayscale(100%);
}
.new-main-visual-box .new-swiper-nav {
  position: relative;
  z-index: 1100;
}
.new-main-visual-box .new-swiper-nav .s-n {
  position: relative;
  width: 1200px !important;
}
.new-main-visual-box .new-swiper-nav .s-n .pagination-box {
  position: relative;
  width: 203px;
  height: 50px;
  left: unset;
  bottom: 50px;
  background: #000;
  text-align: left;
  text-indent: 60px;
  color: #fff;
  font-size: 18px;
}
.new-main-visual-box .new-swiper-nav .s-n .pagination-box .swiper-pagination-pc {
  width: 203px;
  height: 50px;
  line-height: 67px;
}
.new-main-visual-box .new-swiper-nav .s-n .pagination-box .new-visual-prev {
  z-index: 2000;
  cursor: pointer;
  position: absolute;
  left: 23px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  display: inline-block;
  width: 10px;
  height: 16px;
  background: url("/assets/images/new/nav_btn_right.png") no-repeat center/10px 16px;
}
.new-main-visual-box .new-swiper-nav .s-n .pagination-box .new-visual-next {
  z-index: 2000;
  cursor: pointer;
  position: absolute;
  right: 52px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  display: inline-block;
  width: 9px;
  height: 16px;
  background: url("/assets/images/new/nav_btn_left.png") no-repeat center/9px 16px;
}
.new-main-visual-box .new-swiper-nav .s-n .pagination-box .new-visual-ctrl {
  z-index: 2000;
  cursor: pointer;
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 10px;
  height: 16px;
  background: url("/assets/images/new/nav_btn_pause.png") no-repeat center/8px 16px;
}
.new-main-visual-box .new-swiper-nav .s-n .pagination-box .new-visual-ctrl.pause {
  background: url("/assets/images/new/nav_btn_play.png") no-repeat center/10px 16px;
}
.new-main-visual-box .new-swiper-nav .s-n .v-banner-box {
  position: absolute;
  right: 0;
  bottom: -2px;
}

.new-main-best-box {
  position: relative;
  z-index: 100;
}
.new-main-best-box h3 {
  margin-top: 70px;
  font-size: 40px;
}
.new-main-best-box .best-box {
  margin-top: 34px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.new-main-best-box .best-box .left {
  width: 550px;
}
.new-main-best-box .best-box .left .top {
  position: relative;
  height: 510px;
}
.new-main-best-box .best-box .left .top .bn1 {
  overflow: hidden;
}
.new-main-best-box .best-box .left .top .bn1 img {
  transition: all 0.3s;
}
.new-main-best-box .best-box .left .top .bn1:hover img {
  transform: scale(1.1);
  transition: all 0.3s;
}
.new-main-best-box .best-box .left .bottom {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 104px;
}
.new-main-best-box .best-box .left .bottom .left {
  font-size: 35px;
  width: 240px;
}
.new-main-best-box .best-box .left .bottom .left .txt1 {
  color: #276f85;
  font-weight: 600;
  letter-spacing: -40;
  white-space: nowrap;
}
.new-main-best-box .best-box .left .bottom .left .txt2 {
  font-weight: 500;
  line-height: 40px;
}
.new-main-best-box .best-box .left .bottom .left .swiper-pagination-custom {
  margin-top: 5px;
  z-index: 999;
  width: auto;
  text-align: left;
}
.new-main-best-box .best-box .left .bottom .left .swiper-pagination-custom .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background: #000;
}
.new-main-best-box .best-box .left .bottom .right {
  width: 280px;
  height: 280px;
}
.new-main-best-box .best-box .left .bottom .right li {
  width: 280px;
  height: 280px;
  overflow: hidden;
  border-radius: 100%;
}
.new-main-best-box .best-box .left .bottom .right img {
  width: 280px;
  height: 280px;
}
.new-main-best-box .best-box .left .bottom .right .best-swiper-box .swiper-slide {
  position: relative;
}
.new-main-best-box .best-box .left .bottom .right .best-swiper-box .swiper-slide .txt {
  background: rgba(0, 0, 0, 0.3);
  padding: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 190px;
  font-size: 24px;
  color: #fff;
  font-weight: 300;
}
.new-main-best-box .best-box .right .top {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.new-main-best-box .best-box .right .top li {
  width: 230px;
  white-space: unset;
  word-break: break-word;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
}
.new-main-best-box .best-box .right .top li .img {
  overflow: hidden;
}
.new-main-best-box .best-box .right .top li:hover img {
  transform: scale(1.1);
  transition: all 0.3s;
}
.new-main-best-box .best-box .right .top li img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  transition: all 0.3s;
}
.new-main-best-box .best-box .right .top li .title {
  margin-top: 16px;
  font-size: 18px;
}
.new-main-best-box .best-box .right .top li .price {
  margin-top: 6px;
  font-size: 22px;
  font-weight: 600;
}
.new-main-best-box .best-box .right .top li:nth-of-type(1) {
  margin-right: 26px;
}
.new-main-best-box .best-box .right .bottom {
  position: relative;
  margin-top: 82px;
  height: 510px;
}
.new-main-best-box .best-box .right .bottom .bn1 {
  overflow: hidden;
}
.new-main-best-box .best-box .right .bottom .bn1 img {
  transition: all 0.3s;
}
.new-main-best-box .best-box .right .bottom .bn1:hover img {
  transform: scale(1.1);
  transition: all 0.3s;
}
.new-main-best-box .best-box .bn1 {
  position: relative;
  width: 550px;
  height: 510px;
  overflow: hidden;
}
.new-main-best-box .best-box .bn1 img {
  width: 100%;
  height: 510px;
  object-fit: cover;
}
.new-main-best-box .best-box .bn1 .txt-box {
  position: absolute;
  bottom: 42px;
  right: 0;
  width: 410px;
  height: 170px;
  background: rgba(255, 255, 255, 0.8);
  padding: 30px 40px;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  font-size: 24px;
}
.new-main-best-box .best-box .bn1 .txt-box .price {
  font-weight: 600;
  font-size: 36px;
}
.new-main-best-box .best-box .bn1 .badge-box {
  position: absolute;
  top: 20px;
  right: 20px;
}
.new-main-best-box .best-box .bn1 .badge-box > div {
  width: 100px;
  height: 100px;
  line-height: 28px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  border-radius: 100%;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: -1px;
  font-weight: 600;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  margin-right: 7px;
}
.new-main-best-box .best-box .bn1 .badge-box > div.only {
  background: #000;
}

.gray-line {
  width: 100%;
  height: 10px;
  background: #f2f2f2;
  margin-top: 30px;
}

.gray-line2 {
  width: 100%;
  height: 10px;
  background: #f2f2f2;
  margin-top: 20px;
}

.model-box {
  position: relative;
}
.model-box .model {
  z-index: 100;
  position: absolute;
  bottom: -66px;
  left: 60px;
  width: 128px;
  height: 275px;
}

.model-box-mobile {
  position: relative;
}
.model-box-mobile .model {
  z-index: 100;
  position: absolute;
  bottom: -40px;
  left: 60px;
  width: 64px;
  height: 137px;
}

.g-line {
  position: relative;
  top: -120px;
  z-index: 10;
  width: 100%;
  height: 186px;
  background: #40c1b6;
}

.g-line2 {
  position: relative;
  top: -306px;
  z-index: 20;
  width: 1920px;
  height: 186px;
  margin: 0 auto;
  background: url("/assets/images/new/bg_main_gline.png") repeat left top/1920px 186px;
}

.new-partner-box {
  margin: -200px auto 0 !important;
  overflow: hidden;
}
.new-partner-box .t-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.new-partner-box .t-box h3 {
  font-size: 40px;
  font-weight: 600;
}
.new-partner-box .t-box .page-box {
  margin-top: 20px;
}
.new-partner-box .t-box .page-box a {
  display: inline-block;
  width: 10px;
  height: 18px;
}
.new-partner-box .t-box .page-box .partner-left {
  background: url("/assets/images/new/btn_partner_left.png") no-repeat center/10px 18px;
}
.new-partner-box .t-box .page-box .partner-right {
  margin-left: 20px;
  background: url("/assets/images/new/btn_partner_left.png") no-repeat center/10px 18px;
  transform: rotate(180deg);
}
.new-partner-box .partner-logo-box {
  margin-top: 28px;
}
.new-partner-box .partner-logo-box li {
  min-width: 110px;
  min-height: 110px;
  max-width: 110px;
  max-height: 110px;
  border-radius: 50%;
  background: #e5f5f4;
}
.new-partner-box .banner-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 60px;
}
.new-partner-box .banner-box > div {
  width: 590px;
  height: 160px;
  overflow: hidden;
}
.new-partner-box .banner-box > div:nth-of-type(2) {
  margin-left: 20px;
}

@media (max-width: 767px) {
  .sub-nav-box {
    display: none;
  }
}
.sub-nav-box a {
  display: inline-block;
  color: #888;
  position: relative;
}
.sub-nav-box a:nth-of-type(n+2) {
  margin-left: 30px;
}
.sub-nav-box a:nth-of-type(n+2)::before {
  content: ">";
  position: absolute;
  top: 0;
  left: -20px;
  color: #888;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
}
.sub-nav-box a.b {
  font-weight: 500;
  color: #444;
}

.sub-nav-box-mb {
  padding: 0 20px;
  font-size: 20px;
}
.sub-nav-box-mb a {
  color: #1db4a4;
}
.sub-nav-box-mb a em {
  color: #666;
}

.sub-total-box {
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  color: #888;
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}
.sub-total-box span {
  color: #1db4a4;
  font-weight: 600;
}

.sub-title {
  font-size: 40px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .sub-title {
    display: none;
  }
}
.sub-title.green {
  color: #1db4a4;
}
.sub-title.green em {
  color: #222;
}

.sub-title2 {
  font-size: 18px;
  font-weight: 400;
  color: #888;
  margin-top: 15px;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
}
@media (max-width: 767px) {
  .sub-title2 {
    display: none;
  }
}

.new-goods-box-sub {
  margin: 20px auto 0 !important;
}
@media (max-width: 767px) {
  .new-goods-box-sub {
    margin: 0 20px !important;
  }
}
.new-goods-box-sub .empty-box {
  height: 500px;
  line-height: 500px;
  text-align: center;
  font-size: 24px;
  color: #666;
}
.new-goods-box-sub .empty-box em {
  color: #1db4a4;
}
.new-goods-box-sub .empty-box br {
  display: none;
}
@media (max-width: 767px) {
  .new-goods-box-sub .empty-box {
    margin-top: 50px;
    font-size: 20px;
    height: 200px;
    line-height: 30px;
  }
  .new-goods-box-sub .empty-box br {
    display: block;
  }
}
.new-goods-box-sub .cate-box2 {
  margin-top: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .new-goods-box-sub .cate-box2 {
    margin-top: 20px;
  }
}
.new-goods-box-sub .cate-box2 a {
  display: inline-block;
  width: 300px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 50px;
  line-height: 50px;
  color: #666;
  text-align: center;
  font-weight: 500;
}
@media (max-width: 767px) {
  .new-goods-box-sub .cate-box2 a {
    line-height: 23px;
  }
}
.new-goods-box-sub .cate-box2 a:last-child {
  border-right: 1px solid #ddd;
}
.new-goods-box-sub .cate-box2 a em {
  font-weight: 400;
  color: #999;
}
@media (max-width: 767px) {
  .new-goods-box-sub .cate-box2 a em {
    display: block;
  }
}
.new-goods-box-sub .cate-box2 a.on {
  background: #000;
  color: #fff;
}
.new-goods-box-sub .cate-box2 a.on em {
  color: #fff;
}
@media (max-width: 767px) {
  .new-goods-box-sub .cate-box2 a {
    font-size: 15px;
  }
}
.new-goods-box-sub .cate-box {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .new-goods-box-sub .cate-box {
    margin-top: 0;
  }
}
.new-goods-box-sub .cate-box .left {
  overflow-x: scroll;
  -ms-overflow-style: none;
  white-space: nowrap;
  scrollbar-width: none;
}
.new-goods-box-sub .cate-box .left::-webkit-scrollbar {
  display: none;
}
.new-goods-box-sub .cate-box .left ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.new-goods-box-sub .cate-box .left ul li {
  font-size: 18px;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
}
@media (max-width: 767px) {
  .new-goods-box-sub .cate-box .left ul li {
    font-size: 16px;
  }
}
.new-goods-box-sub .cate-box .left ul li:nth-of-type(n+2) {
  margin-left: 10px;
}
.new-goods-box-sub .cate-box .left ul li > a {
  color: #666;
  display: inline-block;
  padding: 3px 20px;
  background: #eeeeee;
  border-radius: 20px;
  white-space: nowrap;
}
.new-goods-box-sub .cate-box .left ul li > a.on {
  color: #fff;
  background: #1db4a4;
}
.new-goods-box-sub .cate-box .sub-list {
  margin-top: 20px;
}
.new-goods-box-sub .cate-box .sub-list ul {
  padding: 15px;
  background: #f8f8f8;
  border-top: 2px solid #bbb;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.new-goods-box-sub .cate-box .sub-list ul li {
  padding: 0 10px;
}
.new-goods-box-sub .cate-box .sub-list ul li a {
  color: #666;
  font-size: 15px;
}
.new-goods-box-sub .cate-box .sub-list ul li a.on {
  color: #1db4a4;
}
.new-goods-box-sub .goods-box ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .new-goods-box-sub .goods-box ul {
    display: block;
  }
}
.new-goods-box-sub .goods-box ul li {
  width: 384px;
  height: 380px;
  border: 1px solid #ccc;
  overflow: hidden;
}
@media (max-width: 767px) {
  .new-goods-box-sub .goods-box ul li {
    width: 100%;
    height: 350px;
  }
}
.new-goods-box-sub .goods-box ul li:nth-of-type(n+4) {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .new-goods-box-sub .goods-box ul li:nth-of-type(n+4) {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .new-goods-box-sub .goods-box ul li:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
.new-goods-box-sub .goods-box ul li:nth-of-type(3n-1), .new-goods-box-sub .goods-box ul li:nth-of-type(3n) {
  margin-left: 24px;
}
@media (max-width: 767px) {
  .new-goods-box-sub .goods-box ul li:nth-of-type(3n-1), .new-goods-box-sub .goods-box ul li:nth-of-type(3n) {
    margin-left: 0;
  }
}
.new-goods-box-sub .goods-box ul li .img-box {
  position: relative;
  width: 384px;
  height: 230px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .new-goods-box-sub .goods-box ul li .img-box {
    width: 100%;
    height: 200px;
  }
}
.new-goods-box-sub .goods-box ul li .img-box:hover .overlay {
  opacity: 1;
}
.new-goods-box-sub .goods-box ul li .img-box:hover img {
  transform: scale(1.1);
  transition: all 0.3s;
}
.new-goods-box-sub .goods-box ul li .img-box .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.3s;
}
.new-goods-box-sub .goods-box ul li .img-box .overlay .title {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
  color: #fff;
  padding: 5px;
}
.new-goods-box-sub .goods-box ul li .img-box img {
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new-goods-box-sub .goods-box ul li .img-box .badge-box {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-goods-box-sub .goods-box ul li .img-box .badge-box > div {
  width: 58px;
  height: 58px;
  line-height: 18px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  border-radius: 100%;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: -1px;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  margin-right: 7px;
}
.new-goods-box-sub .goods-box ul li .img-box .badge-box > div.realtime {
  background: #ff2222;
}
.new-goods-box-sub .goods-box ul li .img-box .badge-box > div.normal {
  background: #1db4a4;
}
.new-goods-box-sub .goods-box ul li .img-box .badge-box > div.only {
  background: #000;
}
.new-goods-box-sub .goods-box ul li .img-box .booking-type {
  display: inline-block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  border-radius: 5px;
  background: #862e9c;
  color: #fff;
  text-align: center;
}
.new-goods-box-sub .goods-box ul li .img-box .booking-type.normal {
  background: #1db4a4;
}
.new-goods-box-sub .goods-box ul li .img-box .cart-box {
  display: inline-block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.new-goods-box-sub .goods-box ul li .img-box .cart-box::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-52%, -50%);
  width: 27px;
  height: 24px;
  background: url("/assets/images/new/cart.png") no-repeat center/27px 24px;
}
.new-goods-box-sub .goods-box ul li .txt-box {
  height: 140px;
  padding: 18px 20px;
}
.new-goods-box-sub .goods-box ul li .txt-box .co {
  font-size: 22px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-goods-box-sub .goods-box ul li .txt-box .title {
  font-size: 20px;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 767px) {
  .new-goods-box-sub .goods-box ul li .txt-box .title {
    font-size: 18px;
  }
}
.new-goods-box-sub .goods-box ul li .txt-box .price {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 26px;
  font-weight: 600;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .new-goods-box-sub .goods-box ul li .txt-box .price {
    font-size: 22px;
  }
}
.new-goods-box-sub .goods-box ul li .txt-box .price .heart {
  position: relative;
  top: 10px;
  display: inline-block;
  width: 28px;
  height: 25px;
  background: url("/assets/images/new/heart.png") no-repeat center/28px 25px;
}
.new-goods-box-sub .goods-box ul li .txt-box .price .heart.on {
  background: url("/assets/images/new/btn_wish_on.png") no-repeat center/28px 25px;
}

.new-goods-box {
  margin: 70px auto 0 !important;
}
.new-goods-box .cate-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.new-goods-box .cate-box .left ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.new-goods-box .cate-box .left ul li {
  font-size: 22px;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
}
.new-goods-box .cate-box .left ul li:nth-of-type(1) {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -25;
}
.new-goods-box .cate-box .left ul li:nth-of-type(n+2) {
  margin-left: 34px;
  margin-bottom: 8px;
}
.new-goods-box .cate-box .left ul li:nth-of-type(n+2) > a {
  color: #888;
  display: inline-block;
}
.new-goods-box .cate-box .left ul li:nth-of-type(n+2) > a.on {
  position: relative;
  color: #1db4a4;
  font-weight: 500;
}
.new-goods-box .cate-box .left ul li:nth-of-type(n+2) > a.on::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: #1db4a4;
}
.new-goods-box .cate-box .right .more-box {
  margin-top: 14px;
  margin-right: 20px;
}
.new-goods-box .cate-box .right .more-box a {
  position: relative;
  font-size: 20px;
  font-weight: 600;
}
.new-goods-box .cate-box .right .more-box a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: #000;
}
.new-goods-box .cate-box .right .more-box a::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 7px;
  width: 10px;
  height: 18px;
  transform: rotate(180deg);
  background: url("/assets/images/new/btn_partner_left.png") no-repeat center/10px 18px;
}
.new-goods-box .goods-box {
  margin-top: 25px;
}
.new-goods-box .goods-box ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.new-goods-box .goods-box ul li {
  width: 384px;
  height: 370px;
  border: 1px solid #ccc;
  overflow: hidden;
}
.new-goods-box .goods-box ul li:nth-of-type(n+4) {
  margin-top: 30px;
}
.new-goods-box .goods-box ul li:nth-of-type(3n-1), .new-goods-box .goods-box ul li:nth-of-type(3n) {
  margin-left: 24px;
}
.new-goods-box .goods-box ul li .img-box {
  position: relative;
  width: 384px;
  height: 230px;
  overflow: hidden;
}
.new-goods-box .goods-box ul li .img-box:hover .overlay {
  opacity: 1;
}
.new-goods-box .goods-box ul li .img-box:hover img {
  transform: scale(1.1);
  transition: all 0.3s;
}
.new-goods-box .goods-box ul li .img-box .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.3s;
}
.new-goods-box .goods-box ul li .img-box .overlay .title {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
  padding: 5px;
  color: #fff;
}
.new-goods-box .goods-box ul li .img-box img {
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new-goods-box .goods-box ul li .img-box .badge-box {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-goods-box .goods-box ul li .img-box .badge-box > div {
  width: 58px;
  height: 58px;
  line-height: 18px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  border-radius: 100%;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: -1px;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  margin-right: 7px;
}
.new-goods-box .goods-box ul li .img-box .badge-box > div.realtime {
  background: #ff2222;
}
.new-goods-box .goods-box ul li .img-box .badge-box > div.normal {
  background: #1db4a4;
}
.new-goods-box .goods-box ul li .img-box .badge-box > div.only {
  background: #000;
}
.new-goods-box .goods-box ul li .img-box .booking-type {
  display: inline-block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  border-radius: 5px;
  background: #862e9c;
  color: #fff;
  text-align: center;
}
.new-goods-box .goods-box ul li .img-box .booking-type.normal {
  background: #1db4a4;
}
.new-goods-box .goods-box ul li .img-box .cart-box {
  display: inline-block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.new-goods-box .goods-box ul li .img-box .cart-box::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-52%, -50%);
  width: 27px;
  height: 24px;
  background: url("/assets/images/new/cart.png") no-repeat center/27px 24px;
}
.new-goods-box .goods-box ul li .txt-box {
  height: 140px;
  padding: 18px 20px;
}
.new-goods-box .goods-box ul li .txt-box .co {
  font-size: 22px;
  font-weight: 600;
}
.new-goods-box .goods-box ul li .txt-box .title {
  font-size: 22px;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.new-goods-box .goods-box ul li .txt-box .price {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 26px;
  font-weight: 600;
  margin-top: 2px;
}
.new-goods-box .goods-box ul li .txt-box .price .heart {
  position: relative;
  top: 10px;
  display: inline-block;
  width: 28px;
  height: 25px;
  background: url("/assets/images/new/heart.png") no-repeat center/28px 25px;
}
.new-goods-box .goods-box ul li .txt-box .price .heart.on {
  background: url("/assets/images/new/btn_wish_on.png") no-repeat center/28px 25px;
}

.pick-wrap {
  position: relative;
  z-index: 1000;
  margin: 98px auto 0 !important;
}
.pick-wrap .pick-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.pick-wrap .pick-box .left h3 {
  font-size: 42px;
  font-weight: 600;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  letter-spacing: -1px;
}
.pick-wrap .pick-box .left .pick-page-box {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.pick-wrap .pick-box .left .pick-page-box .pick-pagination {
  font-size: 22px;
  font-weight: 500;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  width: 95px;
}
.pick-wrap .pick-box .left .pick-page-box .pick-visual-ctrl {
  position: relative;
  top: 7px;
  display: inline-block;
  width: 10px;
  height: 16px;
  background: url("/assets/images/new/nav_black_pause.png") no-repeat center/8px 16px;
}
.pick-wrap .pick-box .left .pick-page-box .pick-visual-ctrl.pause {
  filter: invert(100);
  background: url("/assets/images/new/nav_btn_play.png") no-repeat center/10px 16px;
}
.pick-wrap .pick-box .left .txt-box {
  margin-top: 150px;
  font-size: 24px;
  color: #fff;
}
.pick-wrap .pick-box .right {
  width: 720px;
  height: 346px;
  margin-left: 186px;
}
.pick-wrap .pick-box .right li {
  position: relative;
  width: 720px;
  height: 346px;
}
.pick-wrap .pick-box .right li img {
  width: 720px;
  height: 346px;
  object-fit: cover;
}
.pick-wrap .pick-box .right li .badge-box {
  position: absolute;
  top: 20px;
  left: 20px;
}
.pick-wrap .pick-box .right li .badge-box > div {
  width: 100px;
  height: 100px;
  line-height: 28px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  border-radius: 100%;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: -1px;
  font-weight: 600;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  margin-right: 7px;
}
.pick-wrap .pick-box .right li .badge-box > div.only {
  background: #000;
}
.pick-wrap .pick-box .right li .txt-box {
  position: absolute;
  right: 0;
  bottom: -48px;
  width: 420px;
  height: 188px;
  background: rgba(255, 255, 255, 0.8);
  padding: 26px 30px;
}
.pick-wrap .pick-box .right li .txt-box .b {
  font-size: 32px;
  font-weight: 600;
}
.pick-wrap .pick-box .right li .txt-box .n {
  margin-top: 10px;
  font-size: 19px;
  color: #666666;
  font-weight: 300;
}

.bg1 {
  position: relative;
  z-index: 90;
  width: 100%;
  height: 258px;
  top: -215px;
  background: url("/assets/images/new/bg1.png") repeat top;
}

.bgm1 {
  position: relative;
  width: 100%;
  height: 150px;
  top: -120px;
  background: url("/assets/images/new/bg1.png") no-repeat top;
}

.package-wrap {
  margin: -120px auto 0 !important;
}
.package-wrap .package-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.package-wrap .package-box .left h3 {
  font-size: 36px;
  font-weight: 600;
  line-height: 45px;
}
.package-wrap .package-box .left .s-t {
  position: relative;
  top: 15px;
  font-size: 20px;
  font-weight: 400;
}
.package-wrap .package-box .left .s-t::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #000;
}
.package-wrap .package-box .left .s-t::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 8px;
  width: 10px;
  height: 18px;
  transform: rotate(180deg);
  background: url(/assets/images/new/btn_partner_left.png) no-repeat center/10px 18px;
}
.package-wrap .package-box .left .ranking-box {
  position: relative;
}
.package-wrap .package-box .left .ranking-box .model {
  position: absolute;
  top: -100px;
  left: 120px;
  width: 127px;
  height: 258px;
  transform: scale(0.9);
}
.package-wrap .package-box .left .ranking-box .txt {
  z-index: 100;
  position: absolute;
  top: 65px;
  left: 0;
  white-space: nowrap;
  font-family: GmarketSansTTFBold;
  font-weight: 600;
  font-size: 116px;
  color: #eae9e9;
  letter-spacing: 6px;
}
.package-wrap .package-box .right {
  position: relative;
  z-index: 1000;
}
.package-wrap .package-box .right ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.package-wrap .package-box .right li {
  position: relative;
  width: 250px;
  height: 250px;
}
.package-wrap .package-box .right li:nth-of-type(n+2) {
  margin-left: 40px;
}
.package-wrap .package-box .right li .txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
}

.contact-wrap {
  margin: 100px auto 0 !important;
}
.contact-wrap .contact-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.contact-wrap .contact-box .c-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 130px;
  background: #f2f2f2;
  border: 1px solid #d5d5d5;
  width: 400px;
  padding: 30px 35px;
}
.contact-wrap .contact-box .c-box:nth-of-type(n+2) {
  border-left: none;
}
.contact-wrap .contact-box .c-box .left .t1 {
  font-size: 18px;
  color: #40c1b6;
  font-weight: 600;
}
.contact-wrap .contact-box .c-box .left .t2 {
  font-size: 32px;
  color: #222222;
  font-weight: 600;
  line-height: 40px;
  white-space: nowrap;
}
.contact-wrap .contact-box .c-box .right .img {
  margin-bottom: 5px;
  margin-right: 10px;
}

.new-footer-wrap {
  margin-top: 60px;
  width: 100%;
  min-width: 1200px;
  background: #242424;
  height: 330px;
}
.new-footer-wrap .footer-box {
  background: #242424;
  margin: 0 auto;
  width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.new-footer-wrap .footer-box .left {
  white-space: nowrap;
  margin-top: 40px;
  color: #999;
  font-size: 14px;
}
.new-footer-wrap .footer-box .left .f1 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-footer-wrap .footer-box .left .f1 li:nth-of-type(n+2) {
  margin-left: 80px;
}
.new-footer-wrap .footer-box .left .f1 a {
  color: #fff;
  font-size: 16px;
}
.new-footer-wrap .footer-box .left .f1 li:nth-of-type(4) a {
  color: #5fbeb4;
}
.new-footer-wrap .footer-box .left .f2 {
  margin-top: 35px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.new-footer-wrap .footer-box .left .f2 div:nth-of-type(1) {
  color: #fff;
  font-size: 16px;
  margin-right: 15px;
}
.new-footer-wrap .footer-box .left .f2 div:nth-of-type(n+2) {
  color: #999999;
  font-size: 14px;
}
.new-footer-wrap .footer-box .left .f2 div:nth-of-type(2) {
  position: relative;
  margin-right: 26px;
}
.new-footer-wrap .footer-box .left .f2 div:nth-of-type(2)::after {
  content: "";
  position: absolute;
  top: 4px;
  right: -13px;
  height: 13px;
  width: 1px;
  background: #999;
}
.new-footer-wrap .footer-box .left .f3 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 8px;
}
.new-footer-wrap .footer-box .left .f3 div:nth-of-type(1) {
  position: relative;
  margin-right: 26px;
}
.new-footer-wrap .footer-box .left .f3 div:nth-of-type(1) span {
  color: #fff;
  position: relative;
}
.new-footer-wrap .footer-box .left .f3 div:nth-of-type(1) span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: #fff;
}
.new-footer-wrap .footer-box .left .f3 div:nth-of-type(1)::after {
  content: "";
  position: absolute;
  top: 4px;
  right: -13px;
  height: 13px;
  width: 1px;
  background: #999;
}
.new-footer-wrap .footer-box .left .f4 {
  margin-top: 8px;
}
.new-footer-wrap .footer-box .left .f5 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 8px;
}
.new-footer-wrap .footer-box .left .f5 div:nth-of-type(n+2) {
  position: relative;
  margin-left: 26px;
}
.new-footer-wrap .footer-box .left .f5 div:nth-of-type(n+2)::after {
  content: "";
  position: absolute;
  top: 4px;
  left: -13px;
  height: 13px;
  width: 1px;
  background: #999;
}
.new-footer-wrap .footer-box .left .f6 {
  margin-top: 15px;
}
.new-footer-wrap .footer-box .right {
  margin-top: 40px;
}
.new-footer-wrap .footer-box .right .fa-box {
  position: relative;
  z-index: 9000;
  width: 260px;
  height: 50px;
  line-height: 50px;
}
.new-footer-wrap .footer-box .right .fa-box div {
  text-align: left;
  padding-left: 20px;
  border: 1px solid #777;
  background: #242424;
  color: #fff;
  cursor: pointer;
}
.new-footer-wrap .footer-box .right .fa-box div:nth-of-type(n+2) {
  border-top: none;
}
.new-footer-wrap .footer-box .right .fa-box div:nth-of-type(n+2):hover {
  background: #343434;
}
.new-footer-wrap .footer-box .right .fa-box div.fa1 {
  position: relative;
}
.new-footer-wrap .footer-box .right .fa-box div.fa1 .ar {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 10px;
  background: url(/assets/images/new/ar.png) no-repeat center/14px 10px;
}
.new-footer-wrap .footer-box .right .fa-box div.fa1.on .ar {
  transform: rotate(180deg);
}
.new-footer-wrap .footer-box .right .sns-box {
  position: relative;
  z-index: 8000;
  margin-top: 30px;
}
.new-footer-wrap .footer-box .right .sns-box a {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.new-footer-wrap .footer-box .right .sns-box a:nth-of-type(n+2) {
  margin-left: 3px;
}
.new-footer-wrap .footer-box .right .sns-box .sns0 {
  background: url(/assets/images/new/kakao.png) no-repeat center/40px 40px;
}
.new-footer-wrap .footer-box .right .sns-box .sns1 {
  background: url(/assets/images/new/icon_youtube.png) no-repeat center/40px 40px;
}
.new-footer-wrap .footer-box .right .sns-box .sns2 {
  background: url(/assets/images/new/icon_insta.png) no-repeat center/40px 40px;
}
.new-footer-wrap .footer-box .right .sns-box .sns3 {
  background: url(/assets/images/new/icon_blog.png) no-repeat center/40px 40px;
}
.new-footer-wrap .footer-box .right .sns-box .sns4 {
  background: url(/assets/images/new/icon_blog2.png) no-repeat center/40px 40px;
}

.video-box {
  position: fixed;
  z-index: 99999999999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 820px;
  height: 500px;
  background: black;
  padding: 40px;
}
.video-box iframe {
  position: absolute;
  width: 740px;
  height: 440px;
}
.video-box .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/images/common/close.png) no-repeat center/24px 24px;
  filter: invert(100%);
}

.video-box-mobile {
  position: fixed;
  z-index: 99999999999;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 300px;
  max-height: 300px;
  background: black;
}
.video-box-mobile iframe {
  position: absolute;
  width: 100%;
  height: 280px;
  max-height: 280px;
  top: 40px;
}
.video-box-mobile .btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/images/common/close.png) no-repeat center/24px 24px;
  filter: invert(100%);
}

.new-main-visual-box-mobile {
  position: relative;
  max-height: 480px;
  width: 100%;
}
.new-main-visual-box-mobile .main-gallery-mobile {
  overflow: hidden;
}
.new-main-visual-box-mobile .main-gallery-mobile li {
  max-height: 480px;
}
.new-main-visual-box-mobile .main-gallery-mobile li img {
  width: 100%;
  object-fit: cover;
}
.new-main-visual-box-mobile .new-swiper-nav-box-mobile {
  position: relative;
  z-index: 1100;
}
.new-main-visual-box-mobile .new-swiper-nav-box-mobile .pagination-box {
  position: absolute;
  width: 140px;
  height: 35px;
  right: 20px;
  bottom: 0;
  background: #000;
  text-align: left;
  text-indent: 40px;
  color: #fff;
  font-size: 14px;
}
.new-main-visual-box-mobile .new-swiper-nav-box-mobile .pagination-box .swiper-pagination-mobile {
  width: 140px;
  height: 35px;
  line-height: 54px;
}
.new-main-visual-box-mobile .new-swiper-nav-box-mobile .pagination-box .new-visual-prev {
  z-index: 2000;
  cursor: pointer;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url("/assets/images/new/nav_btn_right.png") no-repeat center/8px 12px;
}
.new-main-visual-box-mobile .new-swiper-nav-box-mobile .pagination-box .new-visual-next {
  z-index: 2000;
  cursor: pointer;
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url("/assets/images/new/nav_btn_left.png") no-repeat center/8px 12px;
}
.new-main-visual-box-mobile .new-swiper-nav-box-mobile .pagination-box .new-visual-ctrl {
  z-index: 2000;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url("/assets/images/new/nav_btn_pause.png") no-repeat center/6px 12px;
}
.new-main-visual-box-mobile .new-swiper-nav-box-mobile .pagination-box .new-visual-ctrl.pause {
  background: url("/assets/images/new/nav_btn_play.png") no-repeat center/8px 12px;
}
.new-main-visual-box-mobile .new-swiper-nav-box-mobile .v-banner-box {
  position: absolute;
  right: 0;
  bottom: -2px;
}

.new-main-best-box-mobile {
  position: relative;
  z-index: 1000;
  margin: 50px 0 0 20px;
}
.new-main-best-box-mobile .btn-you {
  z-index: 100;
  position: absolute;
  top: 46px;
  left: 0;
  display: inline-block;
  width: 110px;
  height: 110px;
  background: url("/assets/images/new/btn_you.png") no-repeat top/110px 110px;
}
.new-main-best-box-mobile h3 {
  text-align: center;
  font-size: 28px;
}
.new-main-best-box-mobile .best-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.new-main-best-box-mobile .best-box::-webkit-scrollbar {
  display: none;
}
.new-main-best-box-mobile .best-box li {
  position: relative;
  width: 300px;
  height: 300px;
}
.new-main-best-box-mobile .best-box li:nth-of-type(n+2) {
  margin-left: 20px;
}
.new-main-best-box-mobile .best-box li:nth-last-child(1) {
  margin-right: 20px;
}
.new-main-best-box-mobile .best-box li img {
  width: 300px;
  height: 300px;
  object-fit: cover;
}
.new-main-best-box-mobile .best-box li .txt-box {
  position: absolute;
  bottom: 42px;
  right: 0;
  width: 240px;
  height: 120px;
  background: rgba(255, 255, 255, 0.8);
  padding: 15px 25px;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  font-size: 16px;
}
.new-main-best-box-mobile .best-box li .txt-box .price {
  font-weight: 600;
  font-size: 22px;
  margin-top: 10px;
}
.new-main-best-box-mobile .best-box li .badge-box {
  position: absolute;
  top: 20px;
  right: 20px;
}
.new-main-best-box-mobile .best-box li .badge-box > div {
  width: 70px;
  height: 70px;
  line-height: 22px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  border-radius: 100%;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: -1px;
  font-weight: 600;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  margin-right: 7px;
}
.new-main-best-box-mobile .best-box li .badge-box > div.only {
  background: #000;
}
.new-main-best-box-mobile .best-box-sm {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.new-main-best-box-mobile .best-box-sm::-webkit-scrollbar {
  display: none;
}
.new-main-best-box-mobile .best-box-sm li {
  position: relative;
  width: 180px;
  white-space: unset;
  word-break: break-word;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
}
.new-main-best-box-mobile .best-box-sm li .title {
  margin-top: 10px;
  font-size: 14px;
}
.new-main-best-box-mobile .best-box-sm li .price {
  margin-top: 1px;
  font-size: 18px;
  font-weight: 600;
}
.new-main-best-box-mobile .best-box-sm li:nth-of-type(n+2) {
  margin-left: 20px;
}
.new-main-best-box-mobile .best-box-sm li:nth-last-child(1) {
  margin-right: 20px;
}
.new-main-best-box-mobile .best-box-sm li img {
  width: 180px;
  height: 180px;
  object-fit: cover;
}
.new-main-best-box-mobile .package-box {
  margin-top: 50px;
  margin-right: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.new-main-best-box-mobile .package-box .left {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -40;
  white-space: nowrap;
}
.new-main-best-box-mobile .package-box .left .t1 {
  color: #276f85;
}
.new-main-best-box-mobile .package-box .left .t2 {
  line-height: 24px;
}
.new-main-best-box-mobile .package-box .left .swiper-pagination-custom {
  z-index: 999;
  width: auto;
  text-align: left;
}
.new-main-best-box-mobile .package-box .left .swiper-pagination-custom .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #000;
}
.new-main-best-box-mobile .package-box .right {
  width: 180px;
  height: 180px;
}
.new-main-best-box-mobile .package-box .right li {
  overflow: hidden;
  border-radius: 100%;
}
.new-main-best-box-mobile .package-box .right img {
  width: 180px;
  height: 180px;
}
.new-main-best-box-mobile .package-box .right .best-swiper-box-mobile .swiper-slide {
  position: relative;
}
.new-main-best-box-mobile .package-box .right .best-swiper-box-mobile .swiper-slide .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  font-size: 16px;
  color: #fff;
  font-weight: 300;
}

.g-line-mobile {
  position: relative;
  top: -60px;
  z-index: 10;
  width: 100%;
  height: 80px;
  background: #40c1b6;
}

.g-line-mobile2 {
  position: relative;
  top: -120px;
  z-index: 20;
  width: 100%;
  overflow: hidden;
  height: 80px;
  margin: 0 auto;
  background-image: url("/assets/images/new/bg_main_gline_mobile.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.new-partner-box-mobile {
  margin-top: -80px;
  margin-left: 20px;
  overflow: hidden;
}
.new-partner-box-mobile .t-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.new-partner-box-mobile .t-box h3 {
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  width: 100%;
}
.new-partner-box-mobile .partner-logo-box {
  margin-top: 20px;
}
.new-partner-box-mobile .partner-logo-box li {
  min-width: 90px;
  min-height: 90px;
  max-width: 90px;
  max-height: 90px;
  border-radius: 50%;
  background: #e5f5f4;
}
.new-partner-box-mobile .partner-logo-box li img {
  width: 90px;
  height: 90px;
}
.new-partner-box-mobile .banner-box {
  margin-right: 20px;
}
.new-partner-box-mobile .banner-box > div {
  width: 100%;
  margin-top: 20px;
}
.new-partner-box-mobile .banner-box > div:nth-of-type(2) {
  margin-top: 10px;
}
.new-partner-box-mobile .banner-box > div img {
  width: 100%;
  object-fit: cover;
}

.new-goods-box-mobile {
  margin-top: 80px;
}
.new-goods-box-mobile .cate-box {
  margin-left: 20px;
}
.new-goods-box-mobile .cate-box h3 {
  font-size: 28px;
  font-weight: 600;
  width: 100%;
  text-align: center;
}
.new-goods-box-mobile .cate-box ul {
  margin-top: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  white-space: nowrap;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.new-goods-box-mobile .cate-box ul::-webkit-scrollbar {
  display: none;
}
.new-goods-box-mobile .cate-box ul li {
  font-size: 16px;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
}
.new-goods-box-mobile .cate-box ul li:nth-last-child(1) {
  margin-right: 20px;
}
.new-goods-box-mobile .cate-box ul li:nth-of-type(n+2) {
  margin-left: 10px;
}
.new-goods-box-mobile .cate-box ul li > a {
  color: #888;
  display: inline-block;
  padding: 7px 14px;
  border: 1px solid #cccccc;
}
.new-goods-box-mobile .cate-box ul li > a.on {
  position: relative;
  color: #fff;
  background: #1db4a4;
  font-weight: 500;
}
.new-goods-box-mobile .cate-box .right .more-box {
  margin-top: 14px;
  margin-right: 20px;
}
.new-goods-box-mobile .cate-box .right .more-box a {
  position: relative;
  font-size: 20px;
  font-weight: 600;
}
.new-goods-box-mobile .cate-box .right .more-box a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: #000;
}
.new-goods-box-mobile .cate-box .right .more-box a::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 7px;
  width: 10px;
  height: 18px;
  transform: rotate(180deg);
  background: url("/assets/images/new/btn_partner_left.png") no-repeat center/10px 18px;
}
.new-goods-box-mobile .goods-box {
  margin: 25px 20px 0;
}
.new-goods-box-mobile .goods-box ul {
  display: block;
}
.new-goods-box-mobile .goods-box ul li {
  width: 100%;
  height: 320px;
  border: 1px solid #ccc;
  overflow: hidden;
}
.new-goods-box-mobile .goods-box ul li:nth-of-type(n+2) {
  margin-top: 15px;
}
.new-goods-box-mobile .goods-box ul li .img-box {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.new-goods-box-mobile .goods-box ul li .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new-goods-box-mobile .goods-box ul li .img-box .badge-box {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-goods-box-mobile .goods-box ul li .img-box .badge-box > div {
  width: 58px;
  height: 58px;
  line-height: 18px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  border-radius: 100%;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: -1px;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  margin-right: 7px;
}
.new-goods-box-mobile .goods-box ul li .img-box .badge-box > div.realtime {
  background: #ff2222;
}
.new-goods-box-mobile .goods-box ul li .img-box .badge-box > div.normal {
  background: #1db4a4;
}
.new-goods-box-mobile .goods-box ul li .img-box .badge-box > div.only {
  background: #000;
}
.new-goods-box-mobile .goods-box ul li .img-box .booking-type {
  display: inline-block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  border-radius: 5px;
  background: #862e9c;
  color: #fff;
  text-align: center;
}
.new-goods-box-mobile .goods-box ul li .img-box .booking-type.normal {
  background: #1db4a4;
}
.new-goods-box-mobile .goods-box ul li .img-box .cart-box {
  display: inline-block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.new-goods-box-mobile .goods-box ul li .img-box .cart-box::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-52%, -50%);
  width: 27px;
  height: 24px;
  background: url("/assets/images/new/cart.png") no-repeat center/27px 24px;
}
.new-goods-box-mobile .goods-box ul li .txt-box {
  height: 120px;
  padding: 18px 20px;
}
.new-goods-box-mobile .goods-box ul li .txt-box .co {
  font-size: 18px;
  font-weight: 600;
}
.new-goods-box-mobile .goods-box ul li .txt-box .title {
  font-size: 18px;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.new-goods-box-mobile .goods-box ul li .txt-box .price {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 22px;
  font-weight: 600;
  margin-top: 2px;
}
.new-goods-box-mobile .goods-box ul li .txt-box .price .heart {
  position: relative;
  top: 10px;
  display: inline-block;
  width: 28px;
  height: 25px;
  background: url("/assets/images/new/heart.png") no-repeat center/28px 25px;
}
.new-goods-box-mobile .more-box {
  margin: 20px 20px 0;
  padding: 15px 0;
  font-size: 20px;
  border: 2px solid #ccc;
  text-align: center;
  cursor: pointer;
}
.new-goods-box-mobile .more-box a {
  display: inline-block;
  position: relative;
  height: 100%;
}
.new-goods-box-mobile .more-box a::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 7px;
  width: 10px;
  height: 18px;
  transform: rotate(180deg);
  background: url("/assets/images/new/btn_partner_left.png") no-repeat center/10px 18px;
}

.pick-wrap-mobile {
  margin: 40px 20px 0;
}
.pick-wrap-mobile h3 {
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  width: 100%;
}
.pick-wrap-mobile .pick-page-box {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pick-wrap-mobile .pick-page-box .pick-mobile-pagination {
  font-size: 18px;
  font-weight: 500;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  width: 70px;
}
.pick-wrap-mobile .pick-page-box .pick-visual-ctrl-mobile {
  position: relative;
  top: 0;
  display: inline-block;
  width: 8px;
  height: 13px;
  background: url("/assets/images/new/nav_black_pause.png") no-repeat center/8px 13px;
}
.pick-wrap-mobile .pick-page-box .pick-visual-ctrl-mobile.pause {
  filter: invert(100);
  background: url("/assets/images/new/nav_btn_play.png") no-repeat center/8px 13px;
}
.pick-wrap-mobile .txt-box {
  margin-top: 150px;
  font-size: 24px;
  color: #fff;
}
.pick-wrap-mobile .pick-swiper-box-mobile {
  margin-top: 20px;
  width: 100%;
  height: 200px;
}
.pick-wrap-mobile .pick-swiper-box-mobile li {
  position: relative;
  width: 100%;
  height: 200px;
}
.pick-wrap-mobile .pick-swiper-box-mobile li img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.pick-wrap-mobile .pick-swiper-box-mobile li .badge-box {
  position: absolute;
  top: 20px;
  left: 20px;
}
.pick-wrap-mobile .pick-swiper-box-mobile li .badge-box > div {
  width: 62px;
  height: 62px;
  line-height: 18px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  border-radius: 100%;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: -1px;
  font-weight: 600;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  margin-right: 7px;
}
.pick-wrap-mobile .pick-swiper-box-mobile li .badge-box > div.only {
  background: #000;
}
.pick-wrap-mobile .pick-swiper-box-mobile li .txt-box {
  position: absolute;
  right: 0;
  bottom: -32px;
  width: 70%;
  height: 100px;
  background: rgba(255, 255, 255, 0.8);
  padding: 13px 15px;
}
.pick-wrap-mobile .pick-swiper-box-mobile li .txt-box .b {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
.pick-wrap-mobile .pick-swiper-box-mobile li .txt-box .n {
  margin-top: 5px;
  font-size: 15px;
  color: #666666;
  font-weight: 300;
}

.package-wrap-mobile {
  margin: -70px 20px 0;
}
.package-wrap-mobile .package-box .left h3 {
  font-size: 28px;
  font-weight: 600;
  text-align: center;
}
.package-wrap-mobile .package-box .right {
  margin-top: 25px;
  position: relative;
}
.package-wrap-mobile .package-box .right .model-box {
  width: 100%;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
}
.package-wrap-mobile .package-box .right .model-box .model {
  position: absolute;
  left: -10px;
  top: -165px;
  width: 113px;
  height: 150px;
}
.package-wrap-mobile .package-box .right .model-box .txt {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -50px;
  font-family: GmarketSansTTFBold;
  font-size: 60px;
  font-weight: 600;
  color: #eae9e9;
  white-space: nowrap;
}
.package-wrap-mobile .package-box .right .b1 {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.package-wrap-mobile .package-box .right .b1 ul {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.package-wrap-mobile .package-box .right .b1 ul li {
  position: relative;
  width: 30%;
  height: 30%;
}
.package-wrap-mobile .package-box .right .b1 ul li:nth-of-type(n+2) {
  margin-left: 10px;
}
.package-wrap-mobile .package-box .right .b1 ul li img {
  width: 100%;
  object-fit: cover;
}
.package-wrap-mobile .package-box .right .b1 ul li .txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
}

.contact-wrap-mobile {
  margin-top: 40px;
}
.contact-wrap-mobile .contact-box .c-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  background: #f2f2f2;
  border: 1px solid #d5d5d5;
  width: 100%;
  padding: 15px 20px;
}
.contact-wrap-mobile .contact-box .c-box:nth-of-type(n+2) {
  border-top: none;
}
.contact-wrap-mobile .contact-box .c-box .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.contact-wrap-mobile .contact-box .c-box .left .t1 {
  font-size: 15px;
  color: #40c1b6;
  font-weight: 400;
  white-space: nowrap;
}
.contact-wrap-mobile .contact-box .c-box .left .img {
  transform: scale(60%);
}
.contact-wrap-mobile .contact-box .c-box .right .t2 {
  font-size: 15px;
  color: #222222;
  font-weight: 600;
  line-height: 40px;
  white-space: nowrap;
}

.new-footer-wrap-mobile {
  width: 100%;
  background: #242424;
  height: 410px;
}
.new-footer-wrap-mobile.mtm {
  margin-top: 50px;
  margin-bottom: 30px;
}
.new-footer-wrap-mobile .footer-box {
  padding: 20px 20px 0;
}
.new-footer-wrap-mobile .footer-box .left {
  color: #999;
  font-size: 14px;
}
.new-footer-wrap-mobile .footer-box .left .f1 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-footer-wrap-mobile .footer-box .left .f1 li:nth-of-type(n+2) {
  margin-left: 20px;
}
.new-footer-wrap-mobile .footer-box .left .f1 a {
  color: #fff;
  font-size: 13px;
  white-space: nowrap;
}
.new-footer-wrap-mobile .footer-box .left .f1 li:nth-of-type(4) a {
  color: #5fbeb4;
}
.new-footer-wrap-mobile .footer-box .left .cn {
  color: #fff;
  font-size: 16px;
  margin-top: 20px;
}
.new-footer-wrap-mobile .footer-box .left .f2 {
  margin-top: 5px;
  font-size: 9px;
  color: #999;
  white-space: nowrap;
}
.new-footer-wrap-mobile .footer-box .left .f2 div:nth-of-type(1) {
  margin-right: 14px;
  position: relative;
}
.new-footer-wrap-mobile .footer-box .left .f3 {
  margin-top: 5px;
  font-size: 9px;
}
.new-footer-wrap-mobile .footer-box .left .f3 div:nth-of-type(1) {
  position: relative;
}
.new-footer-wrap-mobile .footer-box .left .f3 div:nth-of-type(1) span {
  color: #fff;
  position: relative;
}
.new-footer-wrap-mobile .footer-box .left .f4 {
  font-size: 10px;
  margin-top: 5px;
}
.new-footer-wrap-mobile .footer-box .left .f5 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 8px;
  font-size: 9px;
  white-space: nowrap;
}
.new-footer-wrap-mobile .footer-box .left .f5 div:nth-of-type(n+2) {
  position: relative;
  margin-left: 10px;
}
.new-footer-wrap-mobile .footer-box .left .f5 div:nth-of-type(n+2)::after {
  content: "";
  position: absolute;
  top: 4px;
  left: -5px;
  height: 10px;
  width: 1px;
  background: #999;
}
.new-footer-wrap-mobile .footer-box .left .f6 {
  margin-top: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 10px;
}
.new-footer-wrap-mobile .footer-box .left .f7 {
  margin-top: 15px;
  font-size: 12px;
}
.new-footer-wrap-mobile .footer-box .right {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.new-footer-wrap-mobile .footer-box .right .fa-box {
  position: relative;
  z-index: 3000;
  width: 120px;
  height: 30px;
  line-height: 30px;
}
.new-footer-wrap-mobile .footer-box .right .fa-box div {
  font-size: 12px;
  text-align: left;
  padding-left: 20px;
  border: 1px solid #777;
  background: #242424;
  color: #fff;
  cursor: pointer;
  width: 120px;
}
.new-footer-wrap-mobile .footer-box .right .fa-box div:nth-of-type(n+2) {
  position: absolute;
  top: -30px;
  left: 0;
  border-bottom: none;
}
.new-footer-wrap-mobile .footer-box .right .fa-box div:nth-of-type(n+2):hover {
  background: #343434;
}
.new-footer-wrap-mobile .footer-box .right .fa-box div:nth-of-type(n+3) {
  top: -60px;
}
.new-footer-wrap-mobile .footer-box .right .fa-box div.fa1 {
  position: relative;
}
.new-footer-wrap-mobile .footer-box .right .fa-box div.fa1 .ar {
  position: absolute;
  top: 11px;
  right: 7px;
  width: 10px;
  height: 7px;
  background: url(/assets/images/new/ar.png) no-repeat center/10px 7px;
}
.new-footer-wrap-mobile .footer-box .right .fa-box div.fa1.on .ar {
  transform: rotate(180deg);
}
.new-footer-wrap-mobile .footer-box .right .sns-box {
  position: relative;
  z-index: 3000;
}
.new-footer-wrap-mobile .footer-box .right .sns-box a {
  display: inline-block;
  width: 30px;
  height: 30px;
}
.new-footer-wrap-mobile .footer-box .right .sns-box a:nth-of-type(n+2) {
  margin-left: 3px;
}
.new-footer-wrap-mobile .footer-box .right .sns-box .sns0 {
  background: url(/assets/images/new/kakao.png) no-repeat center/30px 30px;
}
.new-footer-wrap-mobile .footer-box .right .sns-box .sns1 {
  background: url(/assets/images/new/icon_youtube.png) no-repeat center/30px 30px;
}
.new-footer-wrap-mobile .footer-box .right .sns-box .sns2 {
  background: url(/assets/images/new/icon_insta.png) no-repeat center/30px 30px;
}
.new-footer-wrap-mobile .footer-box .right .sns-box .sns3 {
  background: url(/assets/images/new/icon_blog.png) no-repeat center/30px 30px;
}
.new-footer-wrap-mobile .footer-box .right .sns-box .sns4 {
  background: url(/assets/images/new/icon_blog2.png) no-repeat center/30px 30px;
}

.new-sub-content-wrap {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .new-sub-content-wrap {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .new-sub-content-wrap.detail {
    margin-top: 0;
    margin-bottom: 50px;
  }
}

.mo-top-btn-box-sub {
  width: 100%;
  z-index: 2000;
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.mo-top-btn-box-sub .btn-box {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mo-top-btn-box-sub .btn-box .left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.mo-top-btn-box-sub .btn-box .left .btn-back {
  display: inline-block;
  width: 39px;
  height: 30px;
  background: url(/assets/images/new/btn_back_black.png) no-repeat center/39px 30px;
  transform: scale(90%);
}
.mo-top-btn-box-sub .btn-box .middle {
  font-size: 24px;
  font-weight: 600;
}
.mo-top-btn-box-sub .btn-box .right {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.mo-top-btn-box-sub .btn-box .right .search-mo {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(/assets/images/new/btn_search_black.png) no-repeat center/30px 30px;
}
.mo-top-btn-box-sub .btn-box .right .cart-mo {
  margin-left: 15px;
  display: inline-block;
  width: 32px;
  height: 29px;
  background: url(/assets/images/new/btn_cart_black.png) no-repeat center/32px 29px;
}

.mo-top-btn-box {
  width: 100%;
  z-index: 2000;
  position: absolute;
  left: -10px;
  top: 10px;
}
.mo-top-btn-box .btn-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.mo-top-btn-box .btn-box .left .mo-logo {
  display: inline-block;
  width: 182px;
  height: 53px;
  background: url(/assets/images/new/logo_mo.png) no-repeat center/182px 53px;
  transform: scale(60%);
}
.mo-top-btn-box .btn-box .right {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.mo-top-btn-box .btn-box .right .heart-mo {
  display: inline-block;
  width: 51px;
  height: 45px;
  background: url(/assets/images/new/heart_mo.png) no-repeat center/51px 45px;
  transform: scale(60%);
}
.mo-top-btn-box .btn-box .right .search-mo {
  display: inline-block;
  width: 47px;
  height: 47px;
  background: url(/assets/images/new/search_mo.png) no-repeat center/47px 47px;
  transform: scale(60%);
}
.mo-top-btn-box .btn-box .right .cart-mo {
  display: inline-block;
  width: 53px;
  height: 47px;
  background: url(/assets/images/new/cart_mo.png) no-repeat center/53px 47px;
  transform: scale(60%);
}

.mo-bt-menu-box {
  z-index: 10000;
  position: fixed;
  left: 0;
  bottom: 0;
  background: #fff;
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  border-top: 1px solid #ddd;
}
.mo-bt-menu-box a {
  white-space: nowrap;
  position: relative;
  display: inline-block;
}
.mo-bt-menu-box .home {
  top: -8px;
  width: 42px;
  height: 39px;
  background: url(/assets/images/new/mo_bt_menu_home.png) no-repeat top/42px 39px;
  transform: scale(62%);
}
.mo-bt-menu-box .home::after {
  content: "홈";
  position: absolute;
  left: 50%;
  bottom: -34px;
  transform: translateX(-50%);
  font-size: 20px;
  font-weight: 600;
  font-family: "Noto Sans KR", "Noto Sans CJK KR", sans-serif;
}
.mo-bt-menu-box .air {
  top: -8px;
  width: 46px;
  height: 35px;
  background: url(/assets/images/new/mo_bt_menu_air.png) no-repeat top/46px 35px;
  transform: scale(62%);
}
.mo-bt-menu-box .air::after {
  content: "해외골프";
  position: absolute;
  left: 50%;
  bottom: -34px;
  transform: translateX(-50%);
  font-size: 20px;
  font-weight: 600;
  font-family: "Noto Sans KR", "Noto Sans CJK KR", sans-serif;
}
.mo-bt-menu-box .car {
  top: -8px;
  width: 44px;
  height: 35px;
  background: url(/assets/images/new/mo_bt_menu_car.png) no-repeat top/44px 35px;
  transform: scale(62%);
}
.mo-bt-menu-box .car::after {
  content: "국내골프";
  position: absolute;
  left: 50%;
  bottom: -34px;
  transform: translateX(-50%);
  font-size: 20px;
  font-weight: 600;
  font-family: "Noto Sans KR", "Noto Sans CJK KR", sans-serif;
}
.mo-bt-menu-box .my {
  top: -8px;
  width: 38px;
  height: 39px;
  background: url(/assets/images/new/mo_bt_menu_my.png) no-repeat top/38px 39px;
  transform: scale(62%);
}
.mo-bt-menu-box .my::after {
  content: "마이페이지";
  position: absolute;
  left: 50%;
  bottom: -34px;
  transform: translateX(-50%);
  font-size: 20px;
  font-weight: 600;
  font-family: "Noto Sans KR", "Noto Sans CJK KR", sans-serif;
}
.mo-bt-menu-box .ham {
  top: -8px;
  width: 37px;
  height: 31px;
  background: url(/assets/images/new/mo_bt_menu_ham.png) no-repeat top/37px 31px;
  transform: scale(62%);
}
.mo-bt-menu-box .ham::after {
  content: "메뉴";
  position: absolute;
  left: 50%;
  bottom: -34px;
  transform: translateX(-50%);
  font-size: 20px;
  font-weight: 600;
  font-family: "Noto Sans KR", "Noto Sans CJK KR", sans-serif;
}

.mo-menu-box {
  z-index: 4000;
  position: fixed;
  top: 0;
  left: -85%;
  width: 85%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  transition: 0.3s;
  opacity: 1;
}
.mo-menu-box.open {
  left: 0;
}
.mo-menu-box .box1 {
  transition: 0.1s;
  opacity: 1;
}
.mo-menu-box .box1.off {
  opacity: 0;
}
.mo-menu-box .box1 .top {
  position: relative;
}
.mo-menu-box .box1 .top .out a {
  font-weight: 600;
  font-size: 20px;
  position: relative;
}
.mo-menu-box .box1 .top .out a::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 7px;
  width: 10px;
  height: 18px;
  transform: rotate(180deg);
  background: url("/assets/images/new/btn_partner_left.png") no-repeat center/10px 18px;
}
.mo-menu-box .box1 .top .out em {
  position: relative;
  font-weight: 600;
}
.mo-menu-box .box1 .top .out em::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: #000;
}
.mo-menu-box .box1 .top .close {
  position: absolute;
  top: -5px;
  right: 20px;
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(/assets/images/common/close_36_36.png) no-repeat center/36px 36px;
}
.mo-menu-box .box1 .top .in .box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.mo-menu-box .box1 .top .in .box .circle {
  position: relative;
  top: 6px;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  background: #3fb8ae;
}
.mo-menu-box .box1 .top .in .box .rg {
  margin-left: 10px;
}
.mo-menu-box .box1 .top .in .box .rg .txt {
  font-weight: 600;
  font-size: 20px;
  position: relative;
  text-align: left;
}
.mo-menu-box .box1 .m-box {
  margin-top: 40px;
}
.mo-menu-box .box1 .m-box .t1 {
  font-size: 24px;
  color: #2cb0a4;
  font-weight: 600;
}
.mo-menu-box .box1 .m-box .depth1 {
  margin-top: 40px;
}
.mo-menu-box .box1 .m-box .depth1 li {
  position: relative;
  width: 120px;
}
.mo-menu-box .box1 .m-box .depth1 li a {
  font-size: 18px;
  font-weight: 600;
}
.mo-menu-box .box1 .m-box .depth1 li:nth-of-type(n+2) {
  margin-top: 20px;
}
.mo-menu-box .box1 .m-box .depth1 li::after {
  content: "";
  position: absolute;
  right: -40px;
  top: 3px;
  width: 10px;
  height: 18px;
  transform: rotate(180deg);
  background: url("/assets/images/new/btn_partner_left.png") no-repeat center/10px 18px;
}
.mo-menu-box .box1 .m-banner-box {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 160px;
  padding: 0 10px;
  z-index: 5000;
}
.mo-menu-box .box1 .m-banner-box .m-banner {
  background: #d2efec;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.mo-menu-box .box1 .m-banner-box .txt-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.mo-menu-box .box1 .m-banner-box .txt-box .t1 {
  margin-top: 5px;
}
.mo-menu-box .box1 .m-banner-box .txt-box .t1, .mo-menu-box .box1 .m-banner-box .txt-box .t2 {
  font-size: 16px;
  text-align: center;
  font-weight: 500;
}
.mo-menu-box .box1 .m-banner-box .txt-box .t3 {
  margin-top: 8px;
  color: #444;
  letter-spacing: -1px;
  font-size: 14px;
  text-align: center;
}
.mo-menu-box .box1 .m-banner-box .txt-box .img {
  transform: scale(0.6);
}
.mo-menu-box .sub-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #fff;
  z-index: 6000;
  background: rgba(255, 255, 255, 0);
  opacity: 0;
  transition: 0.3s;
  padding: 20px;
  color: #000;
}
.mo-menu-box .sub-box.on {
  width: 100%;
  opacity: 1;
  background: rgba(255, 255, 255, 0.3);
}
.mo-menu-box .sub-box .prev {
  display: inline-block;
  width: 10px;
  height: 18px;
  background: url("/assets/images/new/btn_partner_left.png") no-repeat center/10px 18px;
  transform: scale(1.2);
}
.mo-menu-box .sub-box .t1 {
  margin-top: 40px;
  font-size: 24px;
  color: #2cb0a4;
  font-weight: 600;
}
.mo-menu-box .sub-box .depth2 {
  margin-top: 40px;
}
.mo-menu-box .sub-box .depth2 li {
  position: relative;
  width: 120px;
  white-space: nowrap;
}
.mo-menu-box .sub-box .depth2 li a {
  font-size: 18px;
  font-weight: 600;
}
.mo-menu-box .sub-box .depth2 li:nth-of-type(n+2) {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .pc-mode {
    display: none !important;
  }
}

.mb-mode {
  display: none !important;
}
@media (max-width: 767px) {
  .mb-mode {
    display: block !important;
  }
}

.goods-reserve-box .box1 h2 {
  width: 100%;
  text-align: center;
  font-size: 40px;
}
@media (max-width: 767px) {
  .goods-reserve-box .box1 h2 {
    font-size: 24px;
  }
}
.goods-reserve-box .box1 .reserve-step-box-mb {
  margin-top: 20px;
}
.goods-reserve-box .box1 .reserve-step-box-mb .step-box {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 30px;
}
.goods-reserve-box .box1 .reserve-step-box-mb .step-box > div {
  position: relative;
  width: 80px;
  text-align: center;
}
.goods-reserve-box .box1 .reserve-step-box-mb .step-box > div .gr {
  color: #1db4a4;
}
.goods-reserve-box .box1 .reserve-step-box-mb .step-box > div div:nth-of-type(1) {
  height: 30px;
}
.goods-reserve-box .box1 .reserve-step-box-mb .step-box > div div:nth-of-type(1) em {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #000;
  text-align: center;
  font-size: 18px;
}
.goods-reserve-box .box1 .reserve-step-box-mb .step-box > div div:nth-of-type(1) em.prev {
  background-image: url("/assets/images/new/check_white.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
}
.goods-reserve-box .box1 .reserve-step-box-mb .step-box > div div:nth-of-type(1) em.on {
  background: #1db4a4;
  color: #fff;
}
.goods-reserve-box .box1 .reserve-step-box-mb .step-box > div div:nth-of-type(1) em.next {
  background: #fff;
  border: 1px solid #000;
}
.goods-reserve-box .box1 .reserve-step-box-mb .step-box > div:nth-of-type(n+2) {
  margin-left: 10px;
}
.goods-reserve-box .box1 .reserve-step-box {
  margin-top: 40px;
}
.goods-reserve-box .box1 .reserve-step-box .step-box {
  font-size: 20px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.goods-reserve-box .box1 .reserve-step-box .step-box > div {
  position: relative;
}
.goods-reserve-box .box1 .reserve-step-box .step-box > div.on span {
  position: relative;
  color: #1db4a4;
}
.goods-reserve-box .box1 .reserve-step-box .step-box > div.on span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background: #1db4a4;
}
.goods-reserve-box .box1 .reserve-step-box .step-box > div:nth-of-type(n+2) {
  margin-left: 30px;
}
.goods-reserve-box .box1 .reserve-step-box .step-box > div em {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #000;
  text-align: center;
  font-size: 18px;
}
.goods-reserve-box .box1 .reserve-step-box .step-box > div em.prev {
  position: absolute;
  top: 50%;
  left: -22px;
  transform: translate(-50%, -50%);
  background-image: url("/assets/images/new/check_white.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
}
.goods-reserve-box .box1 .reserve-step-box .step-box > div em.on {
  background: #1db4a4;
  color: #fff;
}
.goods-reserve-box .box1 .reserve-step-box .step-box > div em.next {
  background: #fff;
  border: 1px solid #000;
}
.goods-reserve-box .box2 {
  margin-top: 40px;
  background: #f5f5f5;
  padding: 14px 20px;
  height: 106px;
}
@media (max-width: 767px) {
  .goods-reserve-box .box2 {
    width: 100%;
    margin-top: 0;
    height: auto;
    background: #fff;
    padding: 0 20px;
  }
}
.goods-reserve-box .box2 p {
  font-size: 18px;
  color: #666;
}
@media (max-width: 767px) {
  .goods-reserve-box .box2 p {
    font-size: 16px;
  }
}
.goods-reserve-box .box2 div {
  margin-top: 5px;
  font-size: 26px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .goods-reserve-box .box2 div {
    font-size: 20px;
  }
}
.goods-reserve-box .rline {
  background: #f5f5f5;
  width: 100%;
  height: 10px;
  margin: 20px 0;
}
.goods-reserve-box .cbox {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox {
    display: block;
    margin-top: 0;
  }
}
.goods-reserve-box .cbox .left {
  width: 840px;
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .left {
    width: 100%;
  }
}
.goods-reserve-box .cbox .left .box h3 {
  font-size: 24px;
  padding: 0 20px;
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .left .box h3 {
    font-size: 20px;
  }
}
.goods-reserve-box .cbox .left .box .sbox {
  margin-top: 20px;
  padding: 30px;
  border: 1px solid #e9e9e9;
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .left .box .sbox {
    margin-top: 10px;
    border: none;
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .left .box .sbox.guest-info ul {
    border-top: 1px solid #222;
    margin: 20px 0;
    padding: 10px 0;
  }
}
.goods-reserve-box .cbox .left .box .sbox #mileage-price-txt {
  font-weight: 600;
  padding-top: 6px;
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .left .box .sbox #mileage-price-txt {
    padding-top: 2px;
  }
}
.goods-reserve-box .cbox .left .box .sbox .grc {
  color: #1db4a4;
  font-size: 14px;
  font-weight: 400;
}
.goods-reserve-box .cbox .left .box .sbox ul li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .left .box .sbox ul li {
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .left .box .sbox ul li.bl {
    display: block;
  }
}
.goods-reserve-box .cbox .left .box .sbox ul li > p, .goods-reserve-box .cbox .left .box .sbox ul li > div {
  height: 38px;
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .left .box .sbox ul li > p, .goods-reserve-box .cbox .left .box .sbox ul li > div {
    height: 32px;
  }
}
.goods-reserve-box .cbox .left .box .sbox ul li:nth-of-type(n+2) {
  margin-top: 10px;
}
.goods-reserve-box .cbox .left .box .sbox ul li p {
  width: 200px;
  color: #000;
  font-weight: 500;
  line-height: 38px;
}
.goods-reserve-box .cbox .left .box .sbox ul li p:nth-of-type(2) {
  width: auto;
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .left .box .sbox ul li p {
    line-height: 32px;
    width: auto;
    font-size: 14px;
    color: #666;
  }
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .left .box .sbox ul li p.ffw {
    font-weight: 600;
    color: #000;
    font-size: 16px;
  }
}
.goods-reserve-box .cbox .left .box .sbox ul li div {
  color: #444;
  vertical-align: top;
}
.goods-reserve-box .cbox .left .box .sbox ul li div .rd-label:last-child {
  margin-left: 20px;
}
.goods-reserve-box .cbox .left .box .sbox ul li div .btn {
  margin-left: 5px;
  display: inline-block;
  width: 100px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: #555;
  color: #fff;
}
.goods-reserve-box .cbox .left .box .sbox ul li div .btn.c {
  background: #f52525;
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .left .box .sbox ul li div .btn {
    height: 32px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .left .box .sbox ul li div .btn.b2 {
    width: 50px;
  }
}
.goods-reserve-box .cbox .left .box .sbox ul li input[type=text] {
  width: 340px;
  height: 38px;
  border: 1px solid #bababa;
  padding: 0 10px;
  color: #495057;
  font-size: 16px;
}
.goods-reserve-box .cbox .left .box .sbox ul li input[type=text]::placeholder {
  color: #999;
  font-size: 16px;
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .left .box .sbox ul li input[type=text]::placeholder {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .left .box .sbox ul li input[type=text] {
    width: 100%;
    height: 32px;
  }
}
.goods-reserve-box .cbox .left .box .sbox ul li select {
  width: 340px;
  height: 38px;
  border: 1px solid #bababa;
  padding: 0 10px;
  font-size: 16px;
  color: #999;
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .left .box .sbox ul li select {
    width: 100%;
    height: 32px;
  }
}
.goods-reserve-box .cbox .left .box .sbox textarea {
  width: 100%;
  height: 200px;
  border: none;
  font-size: 16px;
  color: #999;
}
.goods-reserve-box .cbox .left .box .sbox textarea::placeholder {
  color: #999;
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .left .box .sbox textarea {
    height: 150px;
    border: 1px solid #bababa;
    padding: 10px;
  }
  .goods-reserve-box .cbox .left .box .sbox textarea::placeholder {
    color: #999;
    font-size: 12px;
  }
}
.goods-reserve-box .cbox .left .box .sbox .bb {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e9e9e9;
}
.goods-reserve-box .cbox .left .box .sbox .bb li div:nth-of-type(1) {
  width: 200px;
}
.goods-reserve-box .cbox .left .box .sbox .bb li:nth-of-type(n+2) {
  margin-top: 5px;
}
.goods-reserve-box .cbox .left .box .sbox .bb li em {
  font-weight: 600;
  color: #ff0000;
}
.goods-reserve-box .cbox .left .box:nth-of-type(n+2) {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .left .box:nth-of-type(n+2) {
    margin-top: 0;
  }
}
.goods-reserve-box .cbox .right {
  position: sticky;
  top: 0;
  margin-left: 20px;
  padding: 30px 0 0;
  width: 340px;
  border: 1px solid #bababa;
  margin-top: 55px;
}
@media (max-width: 767px) {
  .goods-reserve-box .cbox .right {
    width: 100%;
    position: relative;
    margin-left: 0;
    padding: 0;
    margin-top: 0;
    border: none;
  }
}
.goods-reserve-box .cbox .right .tt {
  padding: 0 30px;
}
.goods-reserve-box .cbox .right .tt h3 {
  font-size: 20px;
}
.goods-reserve-box .cbox .right .mm {
  margin-top: 20px;
  background: #f7f7f7;
  padding: 20px 30px;
}
.goods-reserve-box .cbox .right .bb {
  padding: 30px 30px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #000;
  color: #fff;
}
.goods-reserve-box .cbox .right .bb div:nth-of-type(1) {
  max-width: 70%;
  font-size: 20px;
  font-weight: 500;
}
.goods-reserve-box .cbox .right .bb div:nth-of-type(2) em {
  font-size: 20px;
}
.goods-reserve-box .cbox .right .bb div:nth-of-type(2) span {
  font-size: 30px;
  font-weight: 600;
  color: #00e4cf;
}
.goods-reserve-box .cbox .right .ee a {
  background: #1db4a4;
  display: inline-block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  color: #fff;
}
.goods-reserve-box .cbox .right .cqt {
  text-align: right;
  font-size: 12px;
  padding: 10px 30px;
  background: #000;
  color: #fff;
}
.goods-reserve-box .cbox .right ul.u1 {
  margin-top: 10px;
}
.goods-reserve-box .cbox .right ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.goods-reserve-box .cbox .right ul li p:nth-of-type(1) {
  max-width: 60%;
}
.goods-reserve-box .cbox .right ul li:nth-of-type(n+2) {
  margin-top: 10px;
}
.goods-reserve-box .ebox {
  margin-top: 40px;
  background: #f5f5f5;
  height: 120px;
  line-height: 120px;
  text-align: center;
  font-size: 20px;
}
@media (max-width: 767px) {
  .goods-reserve-box .ebox {
    height: 160px;
    line-height: initial;
    font-size: 18px;
    margin-top: -30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.goods-reserve-box .ebox em {
  font-weight: 600;
}
.goods-reserve-box .ebox img {
  width: 60px;
  height: 60px;
}
.goods-reserve-box .abox {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .goods-reserve-box .abox {
    margin-top: 30px;
  }
}
.goods-reserve-box .abox h3 {
  font-size: 24px;
}
@media (max-width: 767px) {
  .goods-reserve-box .abox h3 {
    padding: 0 20px;
    font-size: 20px;
  }
}
.goods-reserve-box .abox .bo {
  margin-top: 10px;
  border: 1px solid #dfdfdf;
}
@media (max-width: 767px) {
  .goods-reserve-box .abox .bo {
    border: none;
  }
}
.goods-reserve-box .abox .bo .t {
  height: 60px;
  line-height: 60px;
  background: #f5f5f5;
  text-align: center;
  font-size: 20px;
  color: #666;
}
@media (max-width: 767px) {
  .goods-reserve-box .abox .bo .t {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
  }
}
.goods-reserve-box .abox .bo .b {
  padding: 30px;
}
.goods-reserve-box .abox .bo .b ul li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .goods-reserve-box .abox .bo .b ul li {
    justify-content: space-between;
    font-size: 14px;
  }
}
.goods-reserve-box .abox .bo .b ul li p {
  width: 300px;
  color: #000;
}
@media (max-width: 767px) {
  .goods-reserve-box .abox .bo .b ul li p {
    width: 40%;
  }
}
.goods-reserve-box .abox .bo .b ul li div {
  color: #444;
  text-align: right;
}
.goods-reserve-box .abox .bo .b ul li:nth-of-type(n+2) {
  margin-top: 15px;
}
.goods-reserve-box .abox .bo .b .bt {
  margin-top: 20px;
  color: #666;
  border-top: 1px solid #dfdfdf;
  padding: 20px 0 10px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .goods-reserve-box .abox .bo .b .bt {
    font-size: 12px;
  }
}
.goods-reserve-box .abox .bbox {
  margin-top: 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .goods-reserve-box .abox .bbox {
    margin-top: 0;
  }
}
.goods-reserve-box .abox .bbox a {
  display: inline-block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #666;
  font-size: 20px;
}
@media (max-width: 767px) {
  .goods-reserve-box .abox .bbox a {
    width: 45%;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
  }
}
.goods-reserve-box .abox .bbox a.on {
  border: 1px solid #1db4a4;
  background: #1db4a4;
  color: #fff;
  margin-left: 10px;
}

.goods-detail-box {
  margin-top: 25px;
}
.goods-detail-box h3 {
  font-size: 24px;
  font-weight: 600;
}
.goods-detail-box .detail-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.goods-detail-box .detail-box .img-box {
  width: 568px;
}
.goods-detail-box .detail-box .img-box .big {
  border: 1px solid #ddd;
  width: 100%;
  height: 568px;
  position: relative;
}
.goods-detail-box .detail-box .img-box .big .m-pg {
  z-index: 9999;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 30px;
  line-height: 28px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.goods-detail-box .detail-box .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.goods-detail-box .detail-box .img-box .thum-wrap {
  width: 100%;
  position: relative;
}
.goods-detail-box .detail-box .img-box .thum-wrap .thum-nv {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.goods-detail-box .detail-box .img-box .thum-wrap .thum-nv a {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/assets/images/new/arrow_new.png") no-repeat center/20px 20px;
}
.goods-detail-box .detail-box .img-box .thum-wrap .thum-nv a:nth-of-type(1) {
  transform: rotate(180deg);
}
.goods-detail-box .detail-box .img-box .thum-wrap .thum-box {
  overflow-x: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 20px auto 0;
  width: 530px;
}
.goods-detail-box .detail-box .img-box .thum-wrap .thum-box ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.goods-detail-box .detail-box .img-box .thum-wrap .thum-box ul li {
  width: 80px !important;
  height: 80px !important;
  overflow: hidden;
  border: 1px solid #bbb;
}
.goods-detail-box .detail-box .img-box .thum-wrap .thum-box ul li.on {
  border: 1px solid #000;
}
.goods-detail-box .detail-box .img-box .thum-wrap .thum-box ul li.on img {
  transform: scale(1.1);
}
.goods-detail-box .detail-box .img-box .thum-wrap .thum-box ul li a {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.goods-detail-box .detail-box .img-box .thum-wrap .thum-box ul li a img {
  width: 78px;
  height: 78px;
  transition: 0.3s;
}
.goods-detail-box .detail-box .info-box {
  width: 588px;
}
.goods-detail-box .detail-box .info-box .tit-box .course-name {
  font-size: 22px;
}
.goods-detail-box .detail-box .info-box .tit-box .title-box {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
.goods-detail-box .detail-box .info-box .tit-box .title-box .title {
  font-size: 30px;
  font-weight: 600;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
}
.goods-detail-box .detail-box .info-box .tit-box .title-box .share {
  margin-right: 20px;
  display: inline-block;
  width: 44px;
  height: 44px;
  background: url("/assets/images/new/share.png") no-repeat center/44px 44px;
}
.goods-detail-box .detail-box .info-box .price-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
  padding: 0 20px;
}
.goods-detail-box .detail-box .info-box .price-box .t {
  width: 150px;
}
.goods-detail-box .detail-box .info-box .price-box .pr1 {
  color: #666;
  font-size: 18px;
  line-height: 20px;
}
.goods-detail-box .detail-box .info-box .price-box .pr2 {
  color: #1db4a4;
  font-size: 28px;
  line-height: 20px;
  font-weight: 600;
}
.goods-detail-box .detail-box .info-box .ms-box {
  margin-top: 30px;
  height: 56px;
  line-height: 56px;
  background: #f5f5f5;
  padding: 0 25px;
  color: #444;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.goods-detail-box .detail-box .info-box .ms-box .btn {
  display: inline-block;
  color: #fff;
  background: #000;
  padding: 5px 20px;
  border-radius: 30px;
  line-height: 20px;
  font-size: 14px;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
}
.goods-detail-box .detail-box .info-box .etc-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #ccc;
  padding: 0 20px;
}
.goods-detail-box .detail-box .info-box .etc-box .t1 {
  width: 150px;
}
.goods-detail-box .detail-box .info-box .etc-box .t2 {
  font-size: 18px;
  color: #666;
}
.goods-detail-box .detail-box .info-box .etc-box .set-people {
  line-height: 20px;
  width: 108px;
  display: flex;
}
.goods-detail-box .detail-box .info-box .etc-box .set-people a {
  color: #444;
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: #fff;
}
.goods-detail-box .detail-box .info-box .etc-box .set-people a.minus {
  border-top: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
.goods-detail-box .detail-box .info-box .etc-box .set-people a.plus {
  border-top: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
.goods-detail-box .detail-box .info-box .etc-box .set-people p {
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 25px;
}
.goods-detail-box .detail-box .info-box .etc-box .set-people p input {
  width: 100%;
  height: 100%;
  line-height: 100%;
  text-align: center;
  border: 1px solid #cbcbcb;
}
.goods-detail-box .detail-box .info-box .t-price-box {
  margin-top: 20px;
  text-align: right;
  padding: 0 20px;
}
.goods-detail-box .detail-box .info-box .t-price-box span {
  font-weight: 500;
}
.goods-detail-box .detail-box .info-box .t-price-box em {
  font-size: 34px;
  color: #222;
  font-weight: 600;
  padding-left: 10px;
}
.goods-detail-box .detail-box .info-box .btn-box {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.goods-detail-box .detail-box .info-box .btn-box a {
  text-align: center;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  font-size: 22px;
  font-weight: 600;
  box-sizing: border-box;
}
.goods-detail-box .detail-box .info-box .btn-box a.wish {
  color: #fff;
  background: #000;
  width: 124px;
  position: relative;
  font-size: 20px;
  text-indent: 26px;
}
.goods-detail-box .detail-box .info-box .btn-box a.wish::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  width: 24px;
  height: 22px;
  background: url("/assets/images/new/detail_heart.png") no-repeat center/24px 22px;
}
.goods-detail-box .detail-box .info-box .btn-box a.cart {
  border: 1px solid #000;
  width: 222px;
}
.goods-detail-box .detail-box .info-box .btn-box a.pay {
  background: #1db4a4;
  color: #fff;
  width: 224px;
}
.goods-detail-box .content-box {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.goods-detail-box .content-box .left {
  width: 840px;
}
.goods-detail-box .content-box .left .teetime-box {
  width: 100%;
  height: auto;
  margin-top: 20px;
  border: 1px solid #ddd;
  padding: 30px 20px 30px 27px;
  position: relative;
}
.goods-detail-box .content-box .left .teetime-box .plan-box {
  margin: 0 24px 20px;
}
.goods-detail-box .content-box .left .teetime-box .plan-box .title {
  font-weight: bold;
}
.goods-detail-box .content-box .left .teetime-box #teetime-swiper {
  z-index: 9000;
  position: relative;
  overflow: hidden;
}
.goods-detail-box .content-box .left .teetime-box #teetime-swiper li.empty {
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
.goods-detail-box .content-box .left .teetime-box #teetime-swiper .teetime {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 24px;
}
.goods-detail-box .content-box .left .teetime-box #teetime-swiper .teetime li {
  cursor: pointer;
  text-align: center;
  width: 114px;
  height: 45px;
  line-height: 18px;
  border: 1px solid #aeaeae;
  border-radius: 5px;
  padding-top: 4px;
}
.goods-detail-box .content-box .left .teetime-box #teetime-swiper .teetime li.RESERVED {
  background: #d1d1d1 !important;
  cursor: default !important;
}
.goods-detail-box .content-box .left .teetime-box #teetime-swiper .teetime li.HOLD {
  background: #d1d1d1 !important;
  cursor: default !important;
}
.goods-detail-box .content-box .left .teetime-box #teetime-swiper .teetime li.on {
  border: none;
  background: #1db4a4;
}
.goods-detail-box .content-box .left .teetime-box #teetime-swiper .teetime li.on p {
  color: #fff !important;
}
.goods-detail-box .content-box .left .teetime-box #teetime-swiper .teetime li:nth-of-type(n+2) {
  margin-left: 10px;
}
.goods-detail-box .content-box .left .teetime-box #teetime-swiper .teetime li:nth-of-type(6n+1) {
  margin-left: 0;
}
.goods-detail-box .content-box .left .teetime-box #teetime-swiper .teetime li:nth-of-type(n+7) {
  margin-top: 10px;
}
.goods-detail-box .content-box .left .teetime-box #teetime-swiper .teetime li p:nth-of-type(1) {
  color: #222;
}
.goods-detail-box .content-box .left .teetime-box #teetime-swiper .teetime li p:nth-of-type(2) {
  font-size: 12px;
  color: #888;
}
.goods-detail-box .content-box .left .teetime-box .btn-prev {
  z-index: 9999;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  display: inline-block;
  width: 10px;
  height: 18px;
  background: url("/assets/images/new/btn_partner_left.png") no-repeat center/8px 18px;
}
.goods-detail-box .content-box .left .teetime-box .btn-next {
  z-index: 9999;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(180deg);
  display: inline-block;
  width: 10px;
  height: 18px;
  background: url("/assets/images/new/btn_partner_left.png") no-repeat center/8px 18px;
}
.goods-detail-box .content-box .left .d-box {
  margin-top: 60px;
  padding-top: 20px;
  border-top: 2px solid #000;
}
.goods-detail-box .content-box .left .d-box .tit {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.goods-detail-box .content-box .left .d-box .tit.mt {
  margin-top: 30px;
}
.goods-detail-box .content-box .left .d-box .a-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 30px;
  margin-top: 20px;
}
.goods-detail-box .content-box .left .d-box .a-box .a1 {
  width: 180px;
}
.goods-detail-box .content-box .left .d-box .a-box .a2 {
  color: #666;
}
.goods-detail-box .content-box .left .tab-box {
  margin-top: 60px;
}
.goods-detail-box .content-box .left .tab-box .tab {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.goods-detail-box .content-box .left .tab-box .tab.package li {
  width: 20%;
}
.goods-detail-box .content-box .left .tab-box .tab li {
  width: 25%;
}
.goods-detail-box .content-box .left .tab-box .tab li a {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  border: 1px solid #ddd;
  text-align: center;
  color: #666;
}
.goods-detail-box .content-box .left .tab-box .tab li a.on {
  background: #000;
  color: #fff;
  font-weight: 600;
}
.goods-detail-box .content-box .left .tab-box .tab li:nth-of-type(n+2) a {
  border-left: none;
}
.goods-detail-box .content-box .left .tab-cont-box {
  margin-top: 30px;
}
.goods-detail-box .content-box .left .tab-cont-box .cont {
  font-size: 14px !important;
}
.goods-detail-box .content-box .left .tab-cont-box .cont.cc {
  line-height: 30px;
}
.goods-detail-box .content-box .left .tab-cont-box table tr td {
  font-size: 14px;
  text-align: left;
  padding: 12px 0 12px 20px;
}
.goods-detail-box .content-box .left .tab-cont-box table tr td:nth-of-type(1) {
  background: #f7f7f7;
  color: #222;
  width: 140px;
}
.goods-detail-box .content-box .left .tab-cont-box table tr td:nth-of-type(2) {
  color: #666;
}
.goods-detail-box .content-box .left .tab-cont-box table tr:nth-of-type(1) td {
  border-top: 1px solid #c3c3c3;
}
.goods-detail-box .content-box .left .tab-cont-box table tr:nth-of-type(n+2) td {
  border-top: 1px solid #e9e9e9;
}
.goods-detail-box .content-box .left .tab-cont-box table tr:last-child td {
  border-bottom: 1px solid #e9e9e9;
}
.goods-detail-box .content-box .left .tab-cont-box iframe {
  width: 100% !important;
}
.goods-detail-box .content-box .right {
  position: sticky;
  top: 0;
  left: 100%;
  width: 340px;
}
.goods-detail-box .content-box .right .t-box {
  width: 100%;
  border: 1px solid #ddd;
}
.goods-detail-box .content-box .right .t-box .tit {
  font-size: 20px;
  font-weight: 600;
  padding: 30px 30px 0;
}
.goods-detail-box .content-box .right .t-box .dd {
  margin-top: 20px;
  padding: 25px 0;
  background: #f7f7f7;
}
.goods-detail-box .content-box .right .t-box .dd > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 25px;
}
.goods-detail-box .content-box .right .t-box .dd > div > p:nth-of-type(1) {
  color: #444;
}
.goods-detail-box .content-box .right .t-box .dd > div > p:nth-of-type(2) {
  color: #666;
}
.goods-detail-box .content-box .right .t-box .dd > div:nth-of-type(n+2) {
  margin-top: 5px;
}
.goods-detail-box .content-box .right .t-box .bt-box {
  padding: 0 25px;
  margin: 25px 0;
}
.goods-detail-box .content-box .right .t-box .bt-box .min-guest {
  border-bottom: 1px solid;
  padding-bottom: 15px;
  color: red;
  font-size: 14px;
  text-align: right;
}
.goods-detail-box .content-box .right .t-box .bt-box .cnt {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 10px;
}
.goods-detail-box .content-box .right .t-box .bt-box .cnt .set-people {
  line-height: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.goods-detail-box .content-box .right .t-box .bt-box .cnt .set-people a {
  color: #444;
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: #fff;
}
.goods-detail-box .content-box .right .t-box .bt-box .cnt .set-people a.minus {
  border-top: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
.goods-detail-box .content-box .right .t-box .bt-box .cnt .set-people a.plus {
  border-top: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
.goods-detail-box .content-box .right .t-box .bt-box .cnt .set-people p {
  text-align: center;
  width: 28px;
  height: 28px;
}
.goods-detail-box .content-box .right .t-box .bt-box .cnt .set-people p input {
  width: 100%;
  height: 100%;
  line-height: 100%;
  text-align: center;
  border: 1px solid #cbcbcb;
}
.goods-detail-box .content-box .right .t-box .bt-box .pr-box {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.goods-detail-box .content-box .right .t-box .bt-box .pr-box p {
  font-size: 20px;
  font-weight: 600;
}
.goods-detail-box .content-box .right .t-box .bt-box .pr-box em {
  font-size: 30px;
  font-weight: 600;
}
.goods-detail-box .content-box .right .t-box .bt-box .btn-box {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.goods-detail-box .content-box .right .t-box .bt-box .btn-box a {
  text-align: center;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  font-weight: 600;
  box-sizing: border-box;
}
.goods-detail-box .content-box .right .t-box .bt-box .btn-box a.wish {
  color: #fff;
  background: #000;
  width: 60px;
  position: relative;
}
.goods-detail-box .content-box .right .t-box .bt-box .btn-box a.wish::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  width: 24px;
  height: 22px;
  background: url("/assets/images/new/detail_heart.png") no-repeat center/24px 22px;
}
.goods-detail-box .content-box .right .t-box .bt-box .btn-box a.cart {
  border: 1px solid #000;
  width: 103px;
}
.goods-detail-box .content-box .right .t-box .bt-box .btn-box a.pay {
  background: #1db4a4;
  color: #fff;
  width: 103px;
}
.goods-detail-box .content-box .right .bx-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.goods-detail-box .content-box .right .bx-box a {
  display: inline-block;
  width: 50%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  text-indent: 20px;
}
.goods-detail-box .content-box .right .bx-box a.k {
  background: #352020;
  color: #ffdd22;
}
.goods-detail-box .content-box .right .bx-box a.k::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 40px;
  width: 14px;
  height: 12px;
  background: url(/assets/images/new/ka2.png) no-repeat center/14px 12px;
}
.goods-detail-box .content-box .right .bx-box a.n {
  background: #00c73c;
  color: #fff;
}
.goods-detail-box .content-box .right .bx-box a.n::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 44px;
  width: 13px;
  height: 14px;
  background: url(/assets/images/new/naver.png) no-repeat center/13px 14px;
}

.goods-detail-box-mobile {
  margin-top: 0;
}
.goods-detail-box-mobile .detail-box .img-box {
  position: relative;
  width: 100%;
}
.goods-detail-box-mobile .detail-box .img-box .big {
  width: 100%;
  height: 400px;
}
.goods-detail-box-mobile .detail-box .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.goods-detail-box-mobile .detail-box .img-box .pn-box {
  z-index: 1000;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  color: #fff;
  width: 80px;
  height: 30px;
  line-height: 28px;
  text-align: center;
}
.goods-detail-box-mobile .detail-box .info-box {
  width: 100%;
}
.goods-detail-box-mobile .detail-box .info-box .tit-box {
  padding: 25px 25px 0;
}
.goods-detail-box-mobile .detail-box .info-box .tit-box .course-name {
  font-size: 16px;
}
.goods-detail-box-mobile .detail-box .info-box .tit-box .title-box {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5px;
}
.goods-detail-box-mobile .detail-box .info-box .tit-box .title-box .title {
  font-size: 24px;
  font-weight: 600;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
}
.goods-detail-box-mobile .detail-box .info-box .tit-box .title-box .share {
  display: inline-block;
  width: 44px;
  height: 44px;
  background: url("/assets/images/new/share.png") no-repeat center/44px 44px;
  transform: scale(90%);
}
.goods-detail-box-mobile .detail-box .info-box .price-box {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 25px;
}
.goods-detail-box-mobile .detail-box .info-box .price-box .pr1 {
  color: #666;
  font-size: 18px;
  line-height: 20px;
}
.goods-detail-box-mobile .detail-box .info-box .price-box .pr2 {
  color: #1db4a4;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}
.goods-detail-box-mobile .detail-box .info-box .ms-box {
  margin-top: 30px;
  height: 56px;
  line-height: 56px;
  background: #f5f5f5;
  padding: 0 25px;
  color: #444;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.goods-detail-box-mobile .detail-box .info-box .ms-box .btn {
  display: inline-block;
  color: #fff;
  background: #000;
  padding: 5px 20px;
  border-radius: 30px;
  line-height: 20px;
  font-size: 14px;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
}
.goods-detail-box-mobile .detail-box .info-box .min-guest {
  font-size: 14px;
  color: red;
  text-align: right;
  border-bottom: 1px solid #e2e2e2;
  padding-right: 15px;
}
.goods-detail-box-mobile .detail-box .info-box .etc-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #e2e2e2;
  padding: 0 25px;
}
.goods-detail-box-mobile .detail-box .info-box .etc-box.people {
  border-bottom: none;
}
.goods-detail-box-mobile .detail-box .info-box .etc-box:last-child {
  border-bottom: 15px solid #f4f4f4;
}
.goods-detail-box-mobile .detail-box .info-box .etc-box .t1 {
  width: 150px;
}
.goods-detail-box-mobile .detail-box .info-box .etc-box .t2 {
  font-size: 18px;
  color: #666;
}
.goods-detail-box-mobile .detail-box .info-box .etc-box .set-people {
  line-height: 20px;
  display: flex;
}
.goods-detail-box-mobile .detail-box .info-box .etc-box .set-people a {
  color: #444;
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: #fff;
}
.goods-detail-box-mobile .detail-box .info-box .etc-box .set-people a.minus {
  border-top: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
.goods-detail-box-mobile .detail-box .info-box .etc-box .set-people a.plus {
  border-top: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
.goods-detail-box-mobile .detail-box .info-box .etc-box .set-people p {
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 25px;
  margin-bottom: 1px;
}
.goods-detail-box-mobile .detail-box .info-box .etc-box .set-people p input {
  width: 100%;
  height: 100%;
  line-height: 100%;
  text-align: center;
  border: 1px solid #cbcbcb;
}
.goods-detail-box-mobile .detail-box .lightpick {
  border: none !important;
  margin: 15px 0;
}
.goods-detail-box-mobile .detail-box .xline {
  padding: 0 20px;
}
.goods-detail-box-mobile .detail-box .xline div {
  width: 100%;
  height: 1px;
  background: #e2e2e2;
}
.goods-detail-box-mobile .detail-box .teetime-box {
  overflow-x: hidden;
  margin: 30px 0;
  padding: 0 20px;
}
.goods-detail-box-mobile .detail-box .teetime-box .teetime-outer {
  width: 100%;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.goods-detail-box-mobile .detail-box .teetime-box .teetime-outer::-webkit-scrollbar {
  display: none;
}
.goods-detail-box-mobile .detail-box .teetime-box .teetime-outer > li:nth-of-type(n+2) {
  margin-top: 8px;
}
.goods-detail-box-mobile .detail-box .teetime-box .teetime-outer li.empty {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.goods-detail-box-mobile .detail-box .teetime-box .teetime-outer .teetime {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.goods-detail-box-mobile .detail-box .teetime-box .teetime-outer .teetime li {
  cursor: pointer;
  text-align: center;
  width: 90px;
  min-width: 90px;
  max-width: 90px;
  height: 45px;
  line-height: 18px;
  border: 1px solid #aeaeae;
  border-radius: 5px;
  padding-top: 4px;
}
.goods-detail-box-mobile .detail-box .teetime-box .teetime-outer .teetime li.RESERVED {
  background: #d1d1d1 !important;
  cursor: default !important;
}
.goods-detail-box-mobile .detail-box .teetime-box .teetime-outer .teetime li.HOLD {
  background: #d1d1d1 !important;
  cursor: default !important;
}
.goods-detail-box-mobile .detail-box .teetime-box .teetime-outer .teetime li.on {
  border: none;
  background: #1db4a4;
}
.goods-detail-box-mobile .detail-box .teetime-box .teetime-outer .teetime li.on p {
  color: #fff !important;
}
.goods-detail-box-mobile .detail-box .teetime-box .teetime-outer .teetime li:nth-of-type(n+2) {
  margin-left: 10px;
}
.goods-detail-box-mobile .detail-box .teetime-box .teetime-outer .teetime li p:nth-of-type(1) {
  color: #222;
}
.goods-detail-box-mobile .detail-box .teetime-box .teetime-outer .teetime li p:nth-of-type(2) {
  font-size: 12px;
  color: #888;
}
.goods-detail-box-mobile .detail-box .d-box {
  padding: 0 20px;
  margin-top: 40px;
}
.goods-detail-box-mobile .detail-box .d-box .tit {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.goods-detail-box-mobile .detail-box .d-box .tit.mt {
  margin-top: 30px;
}
.goods-detail-box-mobile .detail-box .d-box .a-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 30px;
  font-size: 14px;
}
.goods-detail-box-mobile .detail-box .d-box .a-box .a1 {
  width: 30% !important;
  max-width: 30% !important;
  min-width: 30% !important;
}
.goods-detail-box-mobile .detail-box .d-box .a-box .a2 {
  color: #666;
}
.goods-detail-box-mobile .detail-box .tab-box {
  margin-top: 60px;
}
.goods-detail-box-mobile .detail-box .tab-box .tab {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.goods-detail-box-mobile .detail-box .tab-box .tab li {
  width: 25%;
}
.goods-detail-box-mobile .detail-box .tab-box .tab li a {
  display: inline-block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 15px;
  border: 1px solid #e2e2e2;
  text-align: center;
  color: #222;
  font-weight: 600;
}
.goods-detail-box-mobile .detail-box .tab-box .tab li a.on {
  background: #000;
  color: #fff;
  font-weight: 600;
}
.goods-detail-box-mobile .detail-box .tab-box .tab li:nth-of-type(n+2) a {
  border-left: none;
}
.goods-detail-box-mobile .detail-box .tab-cont-box {
  margin-top: 30px;
  padding: 0 20px;
}
.goods-detail-box-mobile .detail-box .tab-cont-box .cont {
  font-size: 14px !important;
}
.goods-detail-box-mobile .detail-box .tab-cont-box .cont.cc {
  line-height: 30px;
}
.goods-detail-box-mobile .detail-box .tab-cont-box table tr td {
  font-size: 14px;
  text-align: left;
  padding: 12px 0 12px 20px;
}
.goods-detail-box-mobile .detail-box .tab-cont-box table tr td:nth-of-type(1) {
  background: #f7f7f7;
  color: #222;
  width: 140px;
}
.goods-detail-box-mobile .detail-box .tab-cont-box table tr td:nth-of-type(2) {
  color: #666;
}
.goods-detail-box-mobile .detail-box .tab-cont-box table tr:nth-of-type(1) td {
  border-top: 1px solid #c3c3c3;
}
.goods-detail-box-mobile .detail-box .tab-cont-box table tr:nth-of-type(n+2) td {
  border-top: 1px solid #e9e9e9;
}
.goods-detail-box-mobile .detail-box .tab-cont-box table tr:last-child td {
  border-bottom: 1px solid #e9e9e9;
}
.goods-detail-box-mobile .detail-box .tab-cont-box iframe {
  width: 100% !important;
}

.xcmt {
  margin-top: 10px;
  line-height: 25px;
  color: #666;
  font-size: 14px;
}

.detail-bt-box {
  position: fixed;
  z-index: 9999999;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
}
.detail-bt-box .t-price-box {
  border-top: 1px solid #ddd;
  text-align: right;
  padding: 0 20px;
}
.detail-bt-box .t-price-box span {
  font-weight: 500;
}
.detail-bt-box .t-price-box em {
  font-size: 24px;
  color: #222;
  font-weight: 600;
  padding-left: 10px;
}
.detail-bt-box .btn-box {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.detail-bt-box .btn-box a {
  text-align: center;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  font-weight: 600;
  box-sizing: border-box;
}
.detail-bt-box .btn-box a.wish {
  color: #fff;
  background: #000;
  width: 20%;
  position: relative;
  font-size: 18px;
  line-height: 80px;
}
.detail-bt-box .btn-box a.wish::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 18px;
  height: 16px;
  background: url("/assets/images/new/detail_heart.png") no-repeat center/18px 16px;
}
.detail-bt-box .btn-box a.cart {
  width: 40%;
  background: #f0f0f0;
}
.detail-bt-box .btn-box a.pay {
  background: #1db4a4;
  color: #fff;
  width: 40%;
}
.detail-bt-box .sx-box {
  border-top: 10px solid #ddd;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.detail-bt-box .sx-box a {
  display: inline-block;
  width: 50%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  text-indent: 20px;
}
.detail-bt-box .sx-box a.k {
  background: #352020;
  color: #ffdd22;
}
.detail-bt-box .sx-box a.k::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 40px;
  width: 14px;
  height: 12px;
  background: url(/assets/images/new/ka2.png) no-repeat center/14px 12px;
}
.detail-bt-box .sx-box a.n {
  background: #00c73c;
  color: #fff;
}
.detail-bt-box .sx-box a.n::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 44px;
  width: 13px;
  height: 14px;
  background: url(/assets/images/new/naver.png) no-repeat center/13px 14px;
}

.lightpick__day.is-available {
  cursor: pointer !important;
}

.login-wrap {
  width: 400px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .login-wrap {
    width: 100%;
    padding: 0 10px;
  }
}
.login-wrap .login-title {
  text-align: center;
  font-size: 2rem;
}
@media (max-width: 1199px) {
  .login-wrap .login-title {
    font-size: 1.5rem;
  }
}
.login-wrap .login-box {
  margin-top: 30px;
}
.login-wrap .login-box .input-box input {
  width: 400px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #cccccc;
  padding: 0 20px;
}
@media (max-width: 1199px) {
  .login-wrap .login-box .input-box input {
    width: 100%;
    height: 40px;
    line-height: 40px;
  }
}
.login-wrap .login-box .btn .btn-login {
  display: inline-block;
  width: 400px;
  height: 50px;
  line-height: 50px;
  background: #2db0a6;
  color: #fff;
  text-align: center;
  font-size: 20px;
}
@media (max-width: 1199px) {
  .login-wrap .login-box .btn .btn-login {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .login-wrap .login-box label {
    font-size: 0.9rem;
  }
}
.login-wrap .login-box .txt {
  text-align: center;
}
.login-wrap .login-box .txt a {
  display: inline-block;
  font-size: 0.9rem;
  color: #373837;
  position: relative;
}
.login-wrap .login-box .txt a:nth-of-type(1):after, .login-wrap .login-box .txt a:nth-of-type(2):after {
  content: "●";
  position: absolute;
  top: 3px;
  right: -15px;
  font-size: 0.1rem;
  color: #ccc;
  transform: scale(0.5);
}
.login-wrap .sns-box {
  margin-top: 80px;
  text-align: center;
}
.login-wrap .sns-box .s-box {
  width: 100%;
  padding: 30px 20px 20px;
  border-top: 1px solid #ccc;
  font-size: 24px;
}
.login-wrap .sns-box .btn-kakao {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("/assets/images/common/icon-kakao.png") no-repeat center/40px 40px;
  margin-right: 30px;
}
.login-wrap .sns-box .btn-naver {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("/assets/images/common/icon-naver.png") no-repeat center/40px 40px;
}

@media (max-width: 1199px) {
  .join-select-wrap {
    padding: 0 10px;
  }
}
.join-select-wrap .txt {
  text-align: center;
}
.join-select-wrap .title {
  font-size: 2.5rem;
  font-weight: 600;
}
@media (max-width: 1199px) {
  .join-select-wrap .title {
    font-size: 1.5rem;
  }
}
.join-select-wrap .comment {
  color: #888;
}
.join-select-wrap .comment.c1 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .join-select-wrap .comment {
    font-size: 0.9rem;
  }
}
.join-select-wrap .cont-wrap {
  width: 900px;
  height: 570px;
  margin: 100px auto 0;
  background: #e9ecef;
  padding: 30px;
}
@media (max-width: 1199px) {
  .join-select-wrap .cont-wrap {
    width: 100%;
    height: 780px;
    padding: 20px;
    margin: 30px auto 0;
  }
}
@media (max-width: 767px) {
  .join-select-wrap .cont-wrap {
    height: 840px;
  }
}
.join-select-wrap .cont-wrap .cont {
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .join-select-wrap .cont-wrap .cont {
    display: block;
  }
}
.join-select-wrap .cont-wrap .cont .box {
  width: 400px;
  height: 300px;
  border-radius: 10px;
  background: #fff;
  color: #000;
  font-size: 3rem;
}
@media (max-width: 1199px) {
  .join-select-wrap .cont-wrap .cont .box:nth-of-type(2) {
    margin-top: 20px;
  }
}
@media (max-width: 1199px) {
  .join-select-wrap .cont-wrap .cont .box {
    font-size: 1.2rem;
    height: 250px;
    width: 100%;
    padding-top: 20px;
  }
}
.join-select-wrap .cont-wrap .cont .box .tt {
  color: #2db0a6;
}
.join-select-wrap .cont-wrap .cont .box .tt2 {
  color: #adb5bd;
}
.join-select-wrap .cont-wrap .cont .box .ex {
  font-size: 1rem;
  background: #e9ecef;
  width: 90%;
  height: 140px;
  padding: 10px 0 0;
  margin: 20px auto 0;
}
@media (max-width: 1199px) {
  .join-select-wrap .cont-wrap .cont .box .ex {
    font-size: 0.9rem;
  }
}
.join-select-wrap .cont-wrap .cont .box .ex.normal {
  line-height: 120px;
}
.join-select-wrap .cont-wrap .cont .box .tit {
  margin-top: 60px;
}
@media (max-width: 1199px) {
  .join-select-wrap .cont-wrap .cont .box .tit {
    margin-top: 0;
  }
}
.join-select-wrap .cont-wrap .cont .box:hover {
  border: 1px solid #000;
}
.join-select-wrap .cont-wrap .se {
  font-size: 1rem;
}
.join-select-wrap .cont-wrap .sns-box {
  margin-top: 30px;
  width: 100%;
  height: 140px;
  background: #fff;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .join-select-wrap .cont-wrap .sns-box {
    height: 210px;
  }
}
.join-select-wrap .cont-wrap .sns-box .txt {
  width: 100%;
  font-size: 1.3rem;
  font-weight: 600;
  padding: 20px 40px;
}
.join-select-wrap .cont-wrap .sns-box .s-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 120px;
}
@media (max-width: 1199px) {
  .join-select-wrap .cont-wrap .sns-box .s-box {
    padding: 0 80px;
  }
}
@media (max-width: 767px) {
  .join-select-wrap .cont-wrap .sns-box .s-box {
    display: block;
  }
}
@media (max-width: 479px) {
  .join-select-wrap .cont-wrap .sns-box .s-box {
    padding: 0 20px;
  }
}
.join-select-wrap .cont-wrap .sns-box .s-box .box {
  cursor: pointer;
  padding: 15px 50px;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 1rem;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .join-select-wrap .cont-wrap .sns-box .s-box .box {
    font-size: 0.9rem;
  }
}
@media (max-width: 479px) {
  .join-select-wrap .cont-wrap .sns-box .s-box .box {
    padding-left: 50px;
  }
}
.join-select-wrap .cont-wrap .sns-box .s-box .k-box {
  position: relative;
}
.join-select-wrap .cont-wrap .sns-box .s-box .k-box:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 16px;
  width: 26px;
  height: 26px;
  background: url("/assets/images/common/icon-kakao.png") no-repeat center/26px 26px;
}
@media (max-width: 1199px) {
  .join-select-wrap .cont-wrap .sns-box .s-box .k-box:after {
    top: 14px;
    width: 24px;
    height: 24px;
    background: url("/assets/images/common/icon-kakao.png") no-repeat center/24px 24px;
  }
}
@media (max-width: 767px) {
  .join-select-wrap .cont-wrap .sns-box .s-box .k-box:after {
    top: 14px;
  }
}
.join-select-wrap .cont-wrap .sns-box .s-box .n-box {
  position: relative;
}
.join-select-wrap .cont-wrap .sns-box .s-box .n-box:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 16px;
  width: 26px;
  height: 26px;
  background: url("/assets/images/common/icon-naver.png") no-repeat center/26px 26px;
}
@media (max-width: 1199px) {
  .join-select-wrap .cont-wrap .sns-box .s-box .n-box:after {
    top: 14px;
    width: 24px;
    height: 24px;
    background: url("/assets/images/common/icon-naver.png") no-repeat center/24px 24px;
  }
}
@media (max-width: 767px) {
  .join-select-wrap .cont-wrap .sns-box .s-box .n-box:after {
    top: 14px;
  }
}
@media (max-width: 767px) {
  .join-select-wrap .cont-wrap .sns-box .s-box .n-box {
    margin-top: 10px;
  }
}
.join-select-wrap .new-cont-wrap {
  display: flex;
  justify-content: center;
  margin-top: 70px;
}
@media (max-width: 1199px) {
  .join-select-wrap .new-cont-wrap {
    margin-top: 40px;
    padding: 0 10px;
  }
}
.join-select-wrap .new-cont-wrap .b-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .join-select-wrap .new-cont-wrap .b-box {
    display: block;
    width: 100%;
  }
}
.join-select-wrap .new-cont-wrap .b-box .b1 {
  width: 320px;
  height: 385px;
  border: 1px solid #e9e9e9;
}
@media (max-width: 1199px) {
  .join-select-wrap .new-cont-wrap .b-box .b1 {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.join-select-wrap .new-cont-wrap .b-box .b1:nth-of-type(n+2) {
  margin-left: 20px;
}
@media (max-width: 1199px) {
  .join-select-wrap .new-cont-wrap .b-box .b1:nth-of-type(n+2) {
    margin-left: 0;
    margin-top: 20px;
  }
}
.join-select-wrap .new-cont-wrap .b-box .b1 .img {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .join-select-wrap .new-cont-wrap .b-box .b1 .img {
    margin-left: 10px;
    margin-top: 26px;
  }
}
@media (max-width: 1199px) {
  .join-select-wrap .new-cont-wrap .b-box .b1 .img img {
    width: 58px;
    height: 58px;
  }
}
.join-select-wrap .new-cont-wrap .b-box .b1 .tit {
  text-align: center;
  margin-top: 20px;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 1199px) {
  .join-select-wrap .new-cont-wrap .b-box .b1 .tit {
    text-align: left;
    padding-left: 30px;
    font-size: 18px;
  }
}
.join-select-wrap .new-cont-wrap .b-box .b1 .list {
  margin-top: 30px;
  margin-left: 40px;
}
@media (max-width: 1199px) {
  .join-select-wrap .new-cont-wrap .b-box .b1 .list {
    margin-top: 10px;
  }
}
.join-select-wrap .new-cont-wrap .b-box .b1 .list li {
  color: #444;
  position: relative;
}
.join-select-wrap .new-cont-wrap .b-box .b1 .list li::before {
  content: "●";
  position: absolute;
  left: -15px;
  top: 1px;
  transform: scale(0.2);
  color: #444;
}
.join-select-wrap .new-cont-wrap .b-box .b1 .list li:nth-of-type(n+2) {
  margin-top: 5px;
}
.join-select-wrap .sns-box {
  margin-top: 50px;
  text-align: center;
}
.join-select-wrap .sns-box .s-box {
  width: 100%;
  padding: 30px 20px 20px;
  font-size: 24px;
  font-weight: 600;
}
.join-select-wrap .sns-box .btn-kakao {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: url("/assets/images/common/icon-kakao.png") no-repeat center/46px 46px;
  margin-right: 30px;
}
.join-select-wrap .sns-box .btn-naver {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: url("/assets/images/common/icon-naver.png") no-repeat center/46px 46px;
}

.xtt br {
  display: none;
}
@media (max-width: 1199px) {
  .xtt br {
    display: block;
  }
}

.new-join-step {
  margin-top: 50px;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .new-join-step {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .new-join-step img {
    transform: scale(0.8);
  }
}

.new-join-step1-box {
  border: 1px solid #d1d1d1;
  width: 100%;
  padding: 70px 0;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .new-join-step1-box {
    padding: 30px 20px;
    border: none;
  }
}
.new-join-step1-box .txt1 {
  font-size: 18px;
  color: #222;
  text-align: center;
}
.new-join-step1-box .a-box {
  display: block;
  width: 360px;
  height: 55px;
  line-height: 55px;
  background: #1db4a4;
  margin: 30px auto 0;
  text-align: center;
  color: #fff;
  font-size: 20px;
}
@media (max-width: 767px) {
  .new-join-step1-box .a-box {
    width: 100%;
  }
}
.new-join-step1-box .txt2 {
  color: #888;
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
}

.new-join-outer-box-mo {
  width: 100%;
  padding: 0 20px;
  margin-top: 40px;
}
.new-join-outer-box-mo .new-join-step2-box {
  margin-top: 30px;
}
.new-join-outer-box-mo .new-join-step2-box label {
  font-size: 14px;
}
.new-join-outer-box-mo .tt {
  padding-bottom: 10px;
  border-bottom: 1px solid #d1d1d1;
  color: #222;
}
.new-join-outer-box-mo .j-txt {
  font-size: 22px;
}
.new-join-outer-box-mo .j-txt.t50 {
  margin-top: 30px;
}
.new-join-outer-box-mo .row {
  margin-top: 25px;
}
.new-join-outer-box-mo .row .txt {
  color: #888;
  font-size: 18px;
}
.new-join-outer-box-mo .row .input-box {
  margin-top: 10px;
}
.new-join-outer-box-mo .row .input-box .part, .new-join-outer-box-mo .row .input-box .area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new-join-outer-box-mo .row .input-box .part a, .new-join-outer-box-mo .row .input-box .area a {
  display: inline-block;
  width: 24%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #ccc;
  text-align: center;
  border-radius: 8px;
  font-size: 12px;
}
.new-join-outer-box-mo .row .input-box .part a.on, .new-join-outer-box-mo .row .input-box .area a.on {
  background: #1db4a4;
  color: #fff;
}
.new-join-outer-box-mo .row .input-box input {
  font-size: 18px;
  border: 1px solid #ccc;
  height: 50px;
  vertical-align: middle;
  width: 100%;
  padding-left: 10px;
}
.new-join-outer-box-mo .row .input-box input::placeholder {
  font-size: 14px;
  color: #aaa;
}
.new-join-outer-box-mo .row .input-box input[readonly] {
  background: #f5f5f5;
}
.new-join-outer-box-mo .row .input-box .btn-du {
  display: inline-block;
  width: 27%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #555;
  color: #fff;
  vertical-align: middle;
  margin-left: 5px;
}
.new-join-outer-box-mo .ag-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.new-join-outer-box-mo .ag-box:nth-of-type(1) {
  margin-top: 30px;
}
.new-join-outer-box-mo .ag-box:nth-of-type(n+2) {
  margin-top: 10px;
}
.new-join-outer-box-mo .ag-box em {
  font-size: 9px;
  color: red;
}
.new-join-outer-box-mo .ag-box a {
  white-space: nowrap;
  font-size: 14px;
}
.new-join-outer-box-mo .ag-box label {
  font-size: 14px;
}

.new-join-outer-box {
  width: 840px;
  margin: 80px auto 0;
}
.new-join-outer-box.corp-box {
  margin: 30px auto 0;
}
.new-join-outer-box .j-txt {
  font-size: 24px;
}
.new-join-outer-box .j-txt.t50 {
  margin-top: 50px;
}
.new-join-outer-box .new-join-step2-box {
  border: 1px solid #d1d1d1;
  width: 100%;
  margin-top: 10px;
  padding: 40px 30px;
}
.new-join-outer-box .new-join-step2-box .btn-cal {
  position: relative;
  top: 12px;
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url("/assets/images/common/calendar_64.png") no-repeat center/34px 34px;
}
.new-join-outer-box .new-join-step2-box .row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-join-outer-box .new-join-step2-box .row .part, .new-join-outer-box .new-join-step2-box .row .area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new-join-outer-box .new-join-step2-box .row .part a, .new-join-outer-box .new-join-step2-box .row .area a {
  display: inline-block;
  width: 20%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #ccc;
  text-align: center;
  border-radius: 8px;
}
.new-join-outer-box .new-join-step2-box .row .part a.on, .new-join-outer-box .new-join-step2-box .row .area a.on {
  background: #1db4a4;
  color: #fff;
}
.new-join-outer-box .new-join-step2-box .row.corp {
  display: block;
}
.new-join-outer-box .new-join-step2-box .row p {
  width: 140px;
  font-weight: 500;
}
.new-join-outer-box .new-join-step2-box .row p.c {
  margin-bottom: 10px;
}
.new-join-outer-box .new-join-step2-box .row input {
  border: 1px solid #bababa;
  height: 36px;
  line-height: 36px;
  width: 430px;
  padding-left: 10px;
}
.new-join-outer-box .new-join-step2-box .row input[readonly] {
  background: #f5f5f5;
}
.new-join-outer-box .new-join-step2-box .row:nth-of-type(n+2) {
  margin-top: 24px;
}
.new-join-outer-box .new-join-step2-box .tt {
  padding-bottom: 10px;
  border-bottom: 1px solid #d1d1d1;
  color: #222;
}
.new-join-outer-box .new-join-step2-box .ag-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.new-join-outer-box .new-join-step2-box .ag-box:nth-of-type(1) {
  margin-top: 30px;
}
.new-join-outer-box .new-join-step2-box .ag-box:nth-of-type(n+2) {
  margin-top: 10px;
}
.new-join-outer-box .new-join-step2-box .ag-box em {
  font-size: 9px;
  color: red;
}

.cmt {
  font-size: 14px;
  color: #1db4a4;
}
.cmt.red {
  color: red;
}

.cmt-mo {
  margin-top: 3px;
  font-size: 16px;
  color: #1db4a4;
}
.cmt-mo.red {
  color: red;
}

.new-ms-btn-box {
  text-align: center;
}
@media (max-width: 767px) {
  .new-ms-btn-box {
    padding: 0 10px;
  }
}
.new-ms-btn-box .btn-large {
  font-size: 1.5rem;
  height: 100px;
  line-height: 100px;
  background: #00b7a3;
  color: #fff;
  text-align: center;
  padding: 10px 80px;
}
@media (max-width: 767px) {
  .new-ms-btn-box .btn-large {
    display: inline-block;
    padding: 3px !important;
    width: 100% !important;
    height: auto;
    line-height: 48px;
    font-size: 1.2rem;
  }
}

.btn-new-01 {
  display: inline-block;
  width: 140px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  background: #555;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  margin-left: 5px;
}
.btn-new-01:hover {
  color: #fff;
}

.btn-new-02 {
  border: 1px solid #555;
  font-size: 15px;
  color: #666666;
  padding: 6px 16px;
}

.new-sns-box {
  margin-top: 50px;
  text-align: center;
}
.new-sns-box .s-box {
  width: 100%;
  padding: 30px 20px 20px;
  font-size: 24px;
}
.new-sns-box .btn-kakao {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("/assets/images/common/icon-kakao.png") no-repeat center/40px 40px;
  margin-right: 30px;
}
.new-sns-box .btn-naver {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("/assets/images/common/icon-naver.png") no-repeat center/40px 40px;
}

.w-box {
  width: 100%;
  height: 130px;
  line-height: 130px;
  text-align: center;
  background: #f7f7f7;
  margin-top: 50px;
  color: #222;
  font-size: 22px;
}
.w-box em {
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 767px) {
  .w-box {
    font-size: 18px;
    line-height: 40px;
    padding-top: 20px;
  }
}
.w-box br {
  display: none;
}
@media (max-width: 767px) {
  .w-box br {
    display: block;
  }
}

.gray-box {
  margin-top: 20px;
  width: 100%;
  border: 1px solid #d1d1d1;
  padding: 60px 100px;
}
@media (max-width: 767px) {
  .gray-box {
    border: none;
    padding: 20px;
  }
}
.gray-box .txt {
  text-align: center;
  font-weight: 600;
  font-size: 22px;
}
.gray-box .o-box {
  margin-top: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .gray-box .o-box {
    display: block;
  }
}
.gray-box .o-box .i-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .gray-box .o-box .i-box img {
    transform: scale(0.6);
    margin-top: -20px;
  }
}
.gray-box .o-box .i-box .t-box {
  margin-left: 5px;
  margin-top: 5px;
}
.gray-box .o-box .i-box .t-box p:nth-of-type(1) {
  color: #222;
  font-size: 18px;
}
@media (max-width: 767px) {
  .gray-box .o-box .i-box .t-box p:nth-of-type(1) {
    font-size: 16px;
  }
}
.gray-box .o-box .i-box .t-box p:nth-of-type(2) {
  color: #444;
  font-size: 16px;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .gray-box .o-box .i-box .t-box p:nth-of-type(2) {
    font-size: 14px;
  }
}
.gray-box .o-box .i-box:nth-of-type(2) {
  margin-left: 150px;
}
@media (max-width: 767px) {
  .gray-box .o-box .i-box:nth-of-type(2) {
    margin-left: 0;
  }
}

.new-my-box {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-my-box .left-box {
  min-width: 280px;
  width: 280px;
  border: 2px solid #cacaca;
  border-radius: 12px;
  padding: 30px 26px;
}
.new-my-box .left-box .icon-box {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto;
}
.new-my-box .left-box .icon-box .iii-box {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.new-my-box .left-box .icon-box .iii-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new-my-box .left-box .icon-box .set {
  position: absolute;
  bottom: 0;
  right: 0;
}
.new-my-box .left-box .info-box {
  margin: 20px auto 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.new-my-box .left-box .info-box .i-box {
  width: 100%;
  text-align: center;
}
.new-my-box .left-box .info-box .i-box .gr {
  display: inline-block;
  text-align: center;
  width: 75px;
  height: 25px;
  line-height: 25px;
  background: #1db4a4;
  color: #fff;
  border-radius: 20px;
}
.new-my-box .left-box .info-box .i-box .nm {
  margin-top: 5px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.new-my-box .left-box .info-box .i-box .email {
  text-align: center;
  color: #666;
}
.new-my-box .left-box .menu-box {
  margin-top: 20px;
  border-top: 1px solid #e9e9e9;
}
.new-my-box .left-box .menu-box .i-box .depth1 {
  margin-top: 15px;
}
.new-my-box .left-box .menu-box .i-box .depth1 li a {
  color: #222;
  font-size: 20px;
}
.new-my-box .left-box .menu-box .i-box .depth1 li a.on {
  font-weight: 600;
  color: #2cb0a4;
}
.new-my-box .left-box .menu-box .i-box .depth1 .depth2 {
  margin-left: 15px;
}
.new-my-box .left-box .menu-box .i-box .depth1 .depth2 li {
  margin-top: 10px;
}
.new-my-box .left-box .menu-box .i-box .depth1 .depth2 li a {
  font-size: 16px;
  color: #888;
}
.new-my-box .left-box .menu-box .i-box .depth1 .depth2 li a.on {
  font-weight: 600;
  color: #2cb0a4;
}
.new-my-box .right-box {
  width: 880px;
  margin-left: 40px;
}
@media (max-width: 767px) {
  .new-my-box .right-box.form {
    width: 100%;
    margin-left: 0;
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .new-my-box .right-box.community {
    width: 100%;
    margin-left: 0;
    padding: 0 10px;
  }
}
.new-my-box .right-box h3 {
  font-size: 40px;
  font-weight: 600;
  line-height: 32px;
}
.new-my-box .right-box .stti {
  margin-top: 15px;
  color: #666;
}
.new-my-box .right-box .ffbt {
  margin-top: 40px;
  text-align: center;
  width: 100%;
}
.new-my-box .right-box .ffbt a {
  display: inline-block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #ddd;
  font-size: 18px;
  font-weight: 600;
}
.new-my-box .right-box .ffbt a.on {
  background: #1db4a4;
  color: #fff;
}
@media (max-width: 767px) {
  .new-my-box .right-box .ffbt a {
    width: 48%;
  }
}
.new-my-box .right-box .wform {
  border: 1px solid #dfdfdf;
  padding: 20px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .new-my-box .right-box .wform {
    margin-top: 0;
    padding: 0;
    border: none;
  }
}
.new-my-box .right-box .wform li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .new-my-box .right-box .wform li {
    display: block;
  }
}
.new-my-box .right-box .wform li:nth-of-type(n+2) {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .new-my-box .right-box .wform li:nth-of-type(n+2) {
    margin-top: 20px;
  }
}
.new-my-box .right-box .wform li > p {
  width: 150px;
  font-weight: 600;
  color: #222;
}
.new-my-box .right-box .wform li > div {
  width: calc(100% - 150px);
}
@media (max-width: 767px) {
  .new-my-box .right-box .wform li > div {
    margin-top: 5px;
    width: 100%;
  }
}
.new-my-box .right-box .wform li select {
  width: 50%;
  height: 40px;
  border: 1px solid #d1d1d1;
  color: #666;
}
@media (max-width: 767px) {
  .new-my-box .right-box .wform li select {
    width: 100%;
  }
}
.new-my-box .right-box .wform li input[type=text] {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #d1d1d1;
  padding: 0 10px;
  font-size: 14px;
  color: #222;
}
.new-my-box .right-box .wform li input[type=text]::placeholder {
  font-size: 14px;
}
@media (max-width: 767px) {
  .new-my-box .right-box .wform li input[type=text] {
    width: 100%;
  }
}
.new-my-box .right-box .wform li textarea {
  border: 1px solid #d1d1d1;
  width: 100%;
  padding: 10px;
  height: 300px;
}
@media (max-width: 767px) {
  .new-my-box .right-box .wform li textarea {
    height: 200px;
  }
}
.new-my-box .right-box .b-box {
  margin-top: 40px;
  width: 100%;
  height: 150px;
  background: #222;
  border-radius: 10px;
  padding: 24px;
}
.new-my-box .right-box .b-box ul {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-my-box .right-box .b-box ul li {
  width: 20%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.new-my-box .right-box .b-box ul li:nth-of-type(n+2) {
  padding-left: 20px;
  border-left: 1px solid #505050;
}
.new-my-box .right-box .b-box ul li p {
  font-size: 16px;
  color: #bbb;
  text-indent: 25px;
  position: relative;
}
.new-my-box .right-box .b-box ul li p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 17px;
  height: 17px;
  background: url("/assets/images/new/my_01.png") no-repeat center/17px 17px;
}
.new-my-box .right-box .b-box ul li p.wish::before {
  width: 20px;
  height: 17px;
  background: url("/assets/images/new/my_02.png") no-repeat center/20px 17px;
}
.new-my-box .right-box .b-box ul li p.mileage::before {
  width: 20px;
  height: 19px;
  background: url("/assets/images/new/my_03.png") no-repeat center/20px 19px;
}
.new-my-box .right-box .b-box ul li p.coupon::before {
  width: 13px;
  height: 18px;
  background: url("/assets/images/new/my_04.png") no-repeat center/13px 18px;
}
.new-my-box .right-box .b-box ul li p.cart::before {
  width: 19px;
  height: 19px;
  background: url("/assets/images/new/my_05.png") no-repeat center/19px 19px;
}
.new-my-box .right-box .b-box ul li h4 {
  font-size: 28px;
  font-weight: 600;
  color: #fff;
  text-decoration: underline;
}
.new-my-box .right-box .search-box-cs {
  margin-top: 30px;
  padding: 30px;
  background: #f7f7f7;
}
.new-my-box .right-box .search-box-cs .box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.new-my-box .right-box .search-box-cs .box select {
  width: 160px;
  height: 36px;
  border: 1px solid #ababab;
  color: #373837;
  font-size: 16px;
}
.new-my-box .right-box .search-box-cs .box input[type=text] {
  width: calc(100% - 160px - 120px);
  height: 36px;
  border: 1px solid #ababab;
  color: #999;
  font-size: 16px;
  padding: 0 10px;
}
.new-my-box .right-box .search-box-cs .box .search {
  display: inline-block;
  width: 110px;
  height: 36px;
  line-height: 32px;
  background: #555;
  text-align: center;
  color: #fff;
  border: 1px solid #555;
}
.new-my-box .right-box .search-box {
  margin-top: 30px;
  padding: 30px;
  background: #f7f7f7;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-my-box .right-box .search-box .box:nth-of-type(2) {
  margin-left: 40px;
}
.new-my-box .right-box .search-box p {
  color: #222;
  font-weight: 500;
}
.new-my-box .right-box .search-box .month-box {
  margin-top: 10px;
}
.new-my-box .right-box .search-box .month-box a {
  display: inline-block;
  width: 76px;
  height: 36px;
  line-height: 32px;
  color: #444;
  border: 1px solid #ababab;
  text-align: center;
}
.new-my-box .right-box .search-box .month-box a.on {
  background: #222;
  color: #fff;
}
.new-my-box .right-box .search-box .i-box {
  margin-top: 10px;
}
.new-my-box .right-box .search-box .i-box a {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 32px;
  border: 1px solid #ababab;
  text-align: center;
  position: relative;
}
.new-my-box .right-box .search-box .i-box a img {
  margin-top: -2px;
}
.new-my-box .right-box .search-box .i-box input {
  width: 160px;
  height: 36px;
  border: 1px solid #ababab;
  color: #999;
  font-size: 16px;
  padding: 0 10px;
  display: inline-block;
  position: relative;
  top: -2px;
}
.new-my-box .right-box .search-box .i-box .search {
  display: inline-block;
  width: 110px;
  height: 36px;
  line-height: 32px;
  background: #555;
  text-align: center;
  color: #fff;
}
.new-my-box .right-box .b-box2 {
  margin-top: 40px;
  width: 100%;
  height: 110px;
  background: #222;
  border-radius: 10px;
  padding: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.new-my-box .right-box .b-box2.mileage {
  justify-content: space-between;
}
.new-my-box .right-box .b-box2 .tflex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.new-my-box .right-box .b-box2 .ic img {
  width: 50px;
  height: 50px;
}
.new-my-box .right-box .b-box2 .t1 {
  white-space: nowrap;
  margin-left: 15px;
  color: #bbb;
}
.new-my-box .right-box .b-box2 .t1 em {
  color: #fff;
}
.new-my-box .right-box .b-box2 .t2 {
  white-space: nowrap;
  color: #fff;
  margin-left: 120px;
  padding-left: 50px;
  position: relative;
}
.new-my-box .right-box .b-box2 .t2 em {
  font-size: 24px;
}
.new-my-box .right-box .b-box2 .t2::before {
  content: "";
  position: absolute;
  left: -20px;
  top: -10px;
  height: 50px;
  width: 1px;
  background: #505050;
}
.new-my-box .right-box .b-box2 .t3 {
  white-space: nowrap;
  color: #fff;
  margin-left: 30px;
  padding-left: 10px;
  position: relative;
}
.new-my-box .right-box .b-box2 .t3 p:nth-of-type(1) {
  color: #bbb;
}
.new-my-box .right-box .b-box2 .t3 p em {
  font-size: 20px;
}
.new-my-box .right-box .b-box2 .t3.border::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  height: 54px;
  width: 1px;
  background: #505050;
}
.new-my-box .right-box .n-box {
  margin-top: 40px;
}
.new-my-box .right-box .n-box h4 {
  font-size: 24px;
  font-weight: 600;
}
.new-my-box .right-box .n-box ul {
  margin-top: 20px;
}
.new-my-box .right-box .n-box ul li {
  text-indent: 30px;
  padding: 0 30px;
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid #c3c3c3;
}
.new-my-box .right-box .n-box ul li:nth-of-type(1) {
  border-top: 1px solid #c3c3c3;
}
.new-my-box .right-box .n-box ul li a {
  font-size: 14px;
  color: #222;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.new-my-box .right-box .n-box ul li a p:nth-of-type(1) {
  max-width: 86%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-my-box .right-box .n-box ul li.notice {
  position: relative;
}
.new-my-box .right-box .n-box ul li.notice::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 14px;
  width: 19px;
  height: 17px;
  background: url("/assets/images/new/icon_notice.png") no-repeat center/19px 17px;
}
.new-my-box .right-box .booking-box {
  margin-top: 50px;
}
.new-my-box .right-box .booking-box h4 {
  font-size: 24px;
  font-weight: 600;
}
.new-my-box .right-box .booking-box table {
  table-layout: fixed;
  margin-top: 20px;
}
.new-my-box .right-box .booking-box table th {
  background: #f7f7f7;
  height: 46px;
  line-height: 46px;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  font-size: 14px;
  color: #222;
  font-weight: 400;
}
.new-my-box .right-box .booking-box table th:nth-of-type(1) {
  width: 40%;
}
.new-my-box .right-box .booking-box table th:nth-of-type(2) {
  width: 17%;
}
.new-my-box .right-box .booking-box table th:nth-of-type(3) {
  width: 17%;
}
.new-my-box .right-box .booking-box table th:nth-of-type(4) {
  width: 16%;
}
.new-my-box .right-box .booking-box table th:nth-of-type(5) {
  width: 10%;
}
.new-my-box .right-box .booking-box table tbody > tr td {
  padding: 10px 20px;
  vertical-align: middle;
  color: #666;
  font-size: 14px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.new-my-box .right-box .booking-box table tbody > tr td img {
  width: 65px;
  height: 65px;
}
.new-my-box .right-box .booking-box table tbody > tr td.f {
  text-align: left;
}
.new-my-box .right-box .art-box {
  margin-top: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-my-box .right-box .art-box h4 {
  font-size: 24px;
  font-weight: 600;
}
.new-my-box .right-box .art-box .right {
  margin-left: 20px;
}
.new-my-box .right-box .art-box .box {
  position: relative;
  margin-top: 15px;
  border: 1px solid #ddd;
  width: 430px;
  padding: 30px 25px 20px;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.new-my-box .right-box .art-box .box li {
  text-indent: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-my-box .right-box .art-box .box li:nth-of-type(n+2) {
  margin-top: 3px;
}
.new-my-box .right-box .art-box .box li a {
  font-size: 14px;
  color: #666;
  position: relative;
}
.new-my-box .right-box .art-box .box li a::before {
  content: "●";
  position: absolute;
  top: 1px;
  left: -22px;
  transform: scale(0.3);
}
.new-my-box .right-box .art-box .box .more {
  text-align: right;
}
.new-my-box .right-box .art-box .box .more a {
  font-size: 14px;
  color: #666;
}
.new-my-box .right-box .wish-box {
  margin-top: 50px;
}
.new-my-box .right-box .wish-box h4 {
  font-size: 24px;
  font-weight: 600;
}
.new-my-box .right-box .wish-box .box {
  height: 270px;
  margin-top: 20px;
  border: 1px solid #ddd;
  padding: 30px 30px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.new-my-box .right-box .wish-box .box ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-my-box .right-box .wish-box .box ul li {
  width: 140px;
}
.new-my-box .right-box .wish-box .box ul li:nth-of-type(n+2) {
  margin-left: 37px;
}
.new-my-box .right-box .wish-box .box ul li img {
  width: 100%;
  height: 140px;
}
.new-my-box .right-box .wish-box .box ul li .txt {
  margin-top: 5px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  text-align: left;
}
.new-my-box .right-box .wish-box .box ul li a {
  color: #666;
}
.new-my-box .right-box .wish-box .box .more {
  text-align: right;
}
.new-my-box .right-box .wish-box .box .more a {
  font-size: 14px;
  color: #666;
}
.new-my-box .right-box .article-list-box .cbt {
  margin-top: 30px;
  display: inline-block;
  padding: 8px 28px;
  border: 1px solid #1db4a4;
  color: #fff !important;
  background: #1db4a4;
  font-size: 18px;
}
.new-my-box .right-box .article-list-box .h-btn-box {
  margin-top: 30px;
}
.new-my-box .right-box .article-list-box .h-btn-box .bt {
  display: inline-block;
  padding: 3px 12px;
  border: 1px solid #666;
  color: #666;
  font-size: 15px;
}
.new-my-box .right-box .article-list-box .h-btn-box .bt:nth-of-type(n+2) {
  margin-left: 5px;
}
.new-my-box .right-box .article-list-box .h-btn-box .bt.green {
  border: 1px solid #1db4a4;
  color: #1db4a4;
}
.new-my-box .right-box .article-list-box .h-btn-box .bt.red {
  border: 1px solid #e60000;
  color: #e60000;
}
.new-my-box .right-box .article-list-box .u-list-box {
  margin-top: 10px;
}
.new-my-box .right-box .article-list-box .u-list-box li {
  height: 135px;
  padding: 20px 20px 20px 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #e9e9e9;
}
.new-my-box .right-box .article-list-box .u-list-box li .box1 {
  width: 50px;
}
.new-my-box .right-box .article-list-box .u-list-box li .box2 {
  width: calc(100% - 50px - 120px - 70px);
  padding-right: 50px;
  color: #666;
  font-size: 14px;
}
.new-my-box .right-box .article-list-box .u-list-box li .box2 .t1 span {
  color: #000;
  font-size: 15px;
}
.new-my-box .right-box .article-list-box .u-list-box li .box2 .t1 em {
  font-weight: 500;
  padding-left: 20px;
  position: relative;
}
.new-my-box .right-box .article-list-box .u-list-box li .box2 .t1 em::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 6px;
  width: 1px;
  height: 14px;
  background: #999;
}
.new-my-box .right-box .article-list-box .u-list-box li .box2 .t2 {
  font-weight: 500;
  margin-top: 5px;
}
.new-my-box .right-box .article-list-box .u-list-box li .box2 .t3 {
  margin-top: 10px;
}
.new-my-box .right-box .article-list-box .u-list-box li .box3 {
  width: 120px;
}
.new-my-box .right-box .article-list-box .u-list-box li .box3 img {
  width: 100px;
  height: 100px;
  border: 1px solid #999;
}
.new-my-box .right-box .article-list-box .u-list-box li .box4 {
  width: 70px;
}
.new-my-box .right-box .article-list-box .u-list-box li .box4 a {
  display: inline-block;
  width: 70px;
  height: 25px;
  line-height: 23px;
  text-align: center;
  border: 1px solid #999;
  color: #666;
  font-size: 15px;
}
.new-my-box .right-box .article-list-box .u-list-box li:nth-of-type(1) {
  border-top: 1px solid #c3c3c3;
}
.new-my-box .right-box .article-list-box table {
  table-layout: fixed;
  margin-top: 10px;
}
.new-my-box .right-box .article-list-box table.coupon, .new-my-box .right-box .article-list-box table.qna, .new-my-box .right-box .article-list-box table.mileage, .new-my-box .right-box .article-list-box table.faq {
  margin-top: 30px;
}
.new-my-box .right-box .article-list-box table th {
  background: #f7f7f7;
  height: 46px;
  line-height: 46px;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  font-size: 14px;
  color: #222;
  font-weight: 400;
}
.new-my-box .right-box .article-list-box table th:nth-of-type(1) {
  width: 40%;
}
.new-my-box .right-box .article-list-box table th:nth-of-type(2) {
  width: 15%;
}
.new-my-box .right-box .article-list-box table th:nth-of-type(3) {
  width: 15%;
}
.new-my-box .right-box .article-list-box table th:nth-of-type(4) {
  width: 15%;
}
.new-my-box .right-box .article-list-box table th:nth-of-type(5) {
  width: 15%;
}
.new-my-box .right-box .article-list-box table.club th:nth-of-type(1) {
  width: 20%;
}
.new-my-box .right-box .article-list-box table.club th:nth-of-type(2) {
  width: 16%;
}
.new-my-box .right-box .article-list-box table.club th:nth-of-type(3) {
  width: 22%;
}
.new-my-box .right-box .article-list-box table.club th:nth-of-type(4) {
  width: 22%;
}
.new-my-box .right-box .article-list-box table.club th:nth-of-type(5) {
  width: 10%;
}
.new-my-box .right-box .article-list-box table.club th:nth-of-type(6) {
  width: 10%;
}
.new-my-box .right-box .article-list-box table.free th:nth-of-type(1) {
  width: 10%;
}
.new-my-box .right-box .article-list-box table.free th:nth-of-type(2) {
  width: 60%;
}
.new-my-box .right-box .article-list-box table.free th:nth-of-type(3) {
  width: 10%;
}
.new-my-box .right-box .article-list-box table.free th:nth-of-type(4) {
  width: 8%;
}
.new-my-box .right-box .article-list-box table.free th:nth-of-type(5) {
  width: 12%;
}
.new-my-box .right-box .article-list-box table.coupon th:nth-of-type(1) {
  width: 20%;
}
.new-my-box .right-box .article-list-box table.coupon th:nth-of-type(2) {
  width: 30%;
}
.new-my-box .right-box .article-list-box table.coupon th:nth-of-type(3) {
  width: 20%;
}
.new-my-box .right-box .article-list-box table.coupon th:nth-of-type(4) {
  width: 30%;
}
.new-my-box .right-box .article-list-box table.qna th:nth-of-type(1) {
  width: 70%;
}
.new-my-box .right-box .article-list-box table.qna th:nth-of-type(2) {
  width: 15%;
}
.new-my-box .right-box .article-list-box table.qna th:nth-of-type(3) {
  width: 15%;
}
.new-my-box .right-box .article-list-box table.mileage th:nth-of-type(1) {
  width: 20%;
}
.new-my-box .right-box .article-list-box table.mileage th:nth-of-type(2) {
  width: 20%;
}
.new-my-box .right-box .article-list-box table.mileage th:nth-of-type(3) {
  width: 20%;
}
.new-my-box .right-box .article-list-box table.mileage th:nth-of-type(4) {
  width: 40%;
}
.new-my-box .right-box .article-list-box table.board th:nth-of-type(1) {
  width: 85%;
}
.new-my-box .right-box .article-list-box table.board th:nth-of-type(2) {
  width: 15%;
}
.new-my-box .right-box .article-list-box table.faq th:nth-of-type(1) {
  width: 15%;
}
.new-my-box .right-box .article-list-box table.faq th:nth-of-type(2) {
  width: 85%;
}
.new-my-box .right-box .article-list-box table tbody > tr td {
  white-space: nowrap;
  border-bottom: 1px solid #dfdfdf;
  height: 90px;
  vertical-align: middle;
  color: #666;
  font-size: 14px;
  text-align: center;
}
.new-my-box .right-box .article-list-box table tbody > tr td a {
  color: #666;
}
.new-my-box .right-box .article-list-box table tbody > tr td.f {
  text-align: left;
  padding-left: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: -1px;
}
.new-my-box .right-box .article-list-box table tbody > tr td.f .t-x {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 10px;
}
.new-my-box .right-box .article-list-box table tbody > tr td.f .title {
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-my-box .right-box .article-list-box table tbody > tr td img {
  width: 65px;
  height: 65px;
  border: 1px solid #999;
  margin-left: 10px;
}
.new-my-box .right-box .article-list-box table tbody > tr td .bt {
  margin-top: 3px;
}
.new-my-box .right-box .article-list-box table tbody > tr td .bt a {
  display: inline-block;
  padding: 2px 10px;
  font-size: 14px;
  color: #666;
  border: 1px solid #666;
}
.new-my-box .right-box .article-list-box table.coupon tbody tr > td, .new-my-box .right-box .article-list-box table.qna tbody tr > td, .new-my-box .right-box .article-list-box table.board tbody tr > td, .new-my-box .right-box .article-list-box table.faq tbody tr > td {
  height: 38px;
  line-height: 38px;
}
.new-my-box .right-box .article-list-box table.coupon tbody tr > td.lt, .new-my-box .right-box .article-list-box table.qna tbody tr > td.lt, .new-my-box .right-box .article-list-box table.board tbody tr > td.lt, .new-my-box .right-box .article-list-box table.faq tbody tr > td.lt {
  text-align: left;
  padding-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-my-box .right-box .article-list-box table.coupon tbody tr > td.re, .new-my-box .right-box .article-list-box table.qna tbody tr > td.re, .new-my-box .right-box .article-list-box table.board tbody tr > td.re, .new-my-box .right-box .article-list-box table.faq tbody tr > td.re {
  background: #f7f7f7;
}
.new-my-box .right-box .article-list-box table.coupon tbody tr > td.re .cont, .new-my-box .right-box .article-list-box table.qna tbody tr > td.re .cont, .new-my-box .right-box .article-list-box table.board tbody tr > td.re .cont, .new-my-box .right-box .article-list-box table.faq tbody tr > td.re .cont {
  text-align: left;
  width: 100%;
  padding: 10px 20px;
}
.new-my-box .right-box .article-list-box table.coupon tbody tr > td.re .cont > div, .new-my-box .right-box .article-list-box table.qna tbody tr > td.re .cont > div, .new-my-box .right-box .article-list-box table.board tbody tr > td.re .cont > div, .new-my-box .right-box .article-list-box table.faq tbody tr > td.re .cont > div {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-my-box .right-box .article-list-box table.coupon tbody tr > td.re .cont > div.a .fwb, .new-my-box .right-box .article-list-box table.qna tbody tr > td.re .cont > div.a .fwb, .new-my-box .right-box .article-list-box table.board tbody tr > td.re .cont > div.a .fwb, .new-my-box .right-box .article-list-box table.faq tbody tr > td.re .cont > div.a .fwb {
  text-indent: 4px;
}
.new-my-box .right-box .article-list-box table.coupon tbody tr > td.re .cont > div .fwb, .new-my-box .right-box .article-list-box table.qna tbody tr > td.re .cont > div .fwb, .new-my-box .right-box .article-list-box table.board tbody tr > td.re .cont > div .fwb, .new-my-box .right-box .article-list-box table.faq tbody tr > td.re .cont > div .fwb {
  color: #222;
  font-size: 28px;
  font-weight: 600;
  display: inline-block;
  width: 20px;
  text-align: right;
}
.new-my-box .right-box .article-list-box table.coupon tbody tr > td.re .cont > div .t, .new-my-box .right-box .article-list-box table.qna tbody tr > td.re .cont > div .t, .new-my-box .right-box .article-list-box table.board tbody tr > td.re .cont > div .t, .new-my-box .right-box .article-list-box table.faq tbody tr > td.re .cont > div .t {
  margin-left: 20px;
  color: #666;
  white-space: normal;
  line-height: 25px;
  text-align: left;
  margin-top: 7px;
}
.new-my-box .right-box .article-list-box table.coupon tbody tr > td.re .cont > div .t img, .new-my-box .right-box .article-list-box table.qna tbody tr > td.re .cont > div .t img, .new-my-box .right-box .article-list-box table.board tbody tr > td.re .cont > div .t img, .new-my-box .right-box .article-list-box table.faq tbody tr > td.re .cont > div .t img {
  max-width: 100%;
}
.new-my-box .right-box .article-list-box table.coupon tbody tr > td.re .cont > div .t.boa, .new-my-box .right-box .article-list-box table.qna tbody tr > td.re .cont > div .t.boa, .new-my-box .right-box .article-list-box table.board tbody tr > td.re .cont > div .t.boa, .new-my-box .right-box .article-list-box table.faq tbody tr > td.re .cont > div .t.boa {
  margin-left: 0;
}
.new-my-box .right-box .article-list-box table.coupon tbody tr > td.re .cont > div .t .title, .new-my-box .right-box .article-list-box table.qna tbody tr > td.re .cont > div .t .title, .new-my-box .right-box .article-list-box table.board tbody tr > td.re .cont > div .t .title, .new-my-box .right-box .article-list-box table.faq tbody tr > td.re .cont > div .t .title {
  font-weight: 600;
  margin-bottom: 20px;
}
.new-my-box .right-box .in-t {
  font-size: 20px;
  font-weight: 500;
  margin-top: 40px;
}
.new-my-box .right-box .inf-box {
  margin-top: 10px;
  border: 1px solid #e9e9e9;
  padding: 20px 40px;
}
.new-my-box .right-box .inf-box table tr td {
  height: 45px;
}
.new-my-box .right-box .inf-box table tr td:nth-of-type(1) {
  font-weight: 500;
  width: 180px;
}
.new-my-box .right-box .inf-box table tr td:nth-of-type(2) {
  color: #444;
}
.new-my-box .right-box .inf-box table tr td .btn-pw {
  display: inline-block;
  width: 140px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  background: #444;
  text-align: center;
}
.new-my-box .right-box .inf-box table tr td input[type=text] {
  width: 420px;
  height: 36px;
  border: 1px solid #bababa;
  padding: 0 10px;
  color: #444;
}
.new-my-box .right-box .inf-box table tr td input[type=text]::placeholder {
  color: #999;
  font-size: 16px;
}
.new-my-box .right-box .inf-box table tr td label:nth-of-type(2) {
  margin-left: 30px;
}
.new-my-box .right-box .inf-box table tr td .mtx1 {
  color: #1db4a4;
  font-size: 14px;
  margin-top: 5px;
}
.new-my-box .right-box .inf-box table tr td .ex-box {
  display: flex;
  align-items: flex-start;
  padding-top: 10px;
}
.new-my-box .right-box .in-btn-box {
  margin-top: 30px;
  text-align: center;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.new-my-box .right-box .in-btn-box a {
  display: inline-block;
  width: 180px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #1db4a4;
  color: #fff;
  font-size: 20px;
}
.new-my-box .right-box .in-btn-box a.cancel {
  color: #000;
  background: #fff;
  border: 1px solid #ababab;
  margin-right: 10px;
}
.new-my-box .rv-detail-box {
  margin-top: 30px;
  border: 1px solid #e9e9e9;
}
.new-my-box .rv-detail-box .top {
  height: 60px;
  line-height: 60px;
  background: #f7f7f7;
  text-align: center;
  font-size: 18px;
  color: #222;
}
.new-my-box .rv-detail-box .input {
  width: 120px;
  height: 28px;
  border: 1px solid #bababa;
  padding: 0 10px;
  color: #495057;
  font-size: 16px;
}
.new-my-box .rv-detail-box .set-people {
  width: 108px;
  display: flex;
}
.new-my-box .rv-detail-box .set-people a {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
  background: #fff;
}
.new-my-box .rv-detail-box .set-people a.minus {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}
.new-my-box .rv-detail-box .set-people a.plus {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.new-my-box .rv-detail-box .set-people p {
  text-align: center;
  width: 36px !important;
  height: 36px !important;
}
.new-my-box .rv-detail-box .set-people p input {
  width: 100%;
  height: 100%;
  line-height: 100%;
  text-align: center;
  border: 1px solid #000;
}
.new-my-box .rv-detail-box .bot {
  padding: 40px 35px;
}
.new-my-box .rv-detail-box .bot .inner .info {
  padding-bottom: 30px;
}
.new-my-box .rv-detail-box .bot .inner .info li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-my-box .rv-detail-box .bot .inner .info li p:nth-of-type(1) {
  width: 150px;
  font-weight: 500;
}
.new-my-box .rv-detail-box .bot .inner .info li p:nth-of-type(2) {
  color: #444;
}
.new-my-box .rv-detail-box .bot .inner .info li:nth-of-type(n+2) {
  margin-top: 12px;
}
.new-my-box .rv-detail-box .bot .inner .info:nth-of-type(n+2) {
  border-top: 1px solid #e9e9e9;
  padding-top: 30px;
}
.new-my-box .rv-detail-box .bot .inner .guest-box {
  border-top: 1px solid #e9e9e9;
  padding-top: 30px;
}
.new-my-box .rv-detail-box .bot .inner .guest-box ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.new-my-box .rv-detail-box .bot .inner .guest-box ul li:nth-of-type(1) {
  font-weight: 500;
  width: 150px;
}
.new-my-box .rv-detail-box .bot .inner .guest-box ul li:nth-of-type(2) {
  margin-top: -8px;
  width: calc(100% - 150px);
}
.new-my-box .rv-detail-box .bot .inner .guest-box ul li table {
  width: 100%;
}
.new-my-box .rv-detail-box .bot .inner .guest-box ul li table th {
  text-align: center;
  background: #f7f7f7;
  color: #444;
  height: 40px;
  line-height: 40px;
  font-weight: 400;
}
.new-my-box .rv-detail-box .bot .inner .guest-box ul li table th:nth-of-type(1) {
  width: 20%;
}
.new-my-box .rv-detail-box .bot .inner .guest-box ul li table th:nth-of-type(2) {
  width: 50%;
}
.new-my-box .rv-detail-box .bot .inner .guest-box ul li table th:nth-of-type(3) {
  width: 30%;
}
.new-my-box .rv-detail-box .bot .inner .guest-box ul li table tbody > tr td {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
  color: #666;
}
.new-my-box .rv-detail-box .bot .inner .guest-box2 {
  border-top: 1px solid #e9e9e9;
  padding-top: 30px;
}
.new-my-box .rv-detail-box .bot .inner .guest-box2 ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.new-my-box .rv-detail-box .bot .inner .guest-box2 ul li {
  width: 100%;
}
.new-my-box .rv-detail-box .bot .inner .guest-box2 ul li table {
  width: 100%;
}
.new-my-box .rv-detail-box .bot .inner .guest-box2 ul li table.club th {
  text-align: center;
  background: #f7f7f7;
  color: #444;
  height: 40px;
  line-height: 40px;
  font-weight: 400;
}
.new-my-box .rv-detail-box .bot .inner .guest-box2 ul li table.club th:nth-of-type(1) {
  width: 20%;
}
.new-my-box .rv-detail-box .bot .inner .guest-box2 ul li table.club th:nth-of-type(2) {
  width: 80%;
}
.new-my-box .rv-detail-box .bot .inner .guest-box2 ul li table th {
  text-align: center;
  background: #f7f7f7;
  color: #444;
  height: 40px;
  line-height: 40px;
  font-weight: 400;
}
.new-my-box .rv-detail-box .bot .inner .guest-box2 ul li table th:nth-of-type(1) {
  width: 45%;
}
.new-my-box .rv-detail-box .bot .inner .guest-box2 ul li table th:nth-of-type(2) {
  width: 20%;
}
.new-my-box .rv-detail-box .bot .inner .guest-box2 ul li table th:nth-of-type(3) {
  width: 10%;
}
.new-my-box .rv-detail-box .bot .inner .guest-box2 ul li table th:nth-of-type(4) {
  width: 25%;
}
.new-my-box .rv-detail-box .bot .inner .guest-box2 ul li table tbody > tr td {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
  color: #666;
}
.new-my-box .rv-detail-box .bot .inner .guest-box2 ul li table tbody > tr td:nth-of-type(1) {
  padding: 5px 5px;
  text-align: left;
}
.new-my-box .sub-bt-box {
  margin-top: 30px;
  text-align: center;
}
.new-my-box .sub-bt-box a {
  display: inline-block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  background: #1db4a4;
}
.new-my-box .sub-bt-box a.abc {
  background: #868e96;
}

.new-my-box-mb h4 {
  font-size: 24px;
  font-weight: 600;
}
.new-my-box-mb .new-my-top {
  width: 100%;
  height: 250px;
  background: #1db4a4;
  color: #fff;
  padding: 20px;
}
.new-my-box-mb .new-my-top .btn-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.new-my-box-mb .new-my-top .btn-box a {
  display: inline-block;
}
.new-my-box-mb .new-my-top .btn-box a.setting {
  width: 28px;
  height: 29px;
  background: url("/assets/images/new/my_btn_mo01.png") no-repeat center/28px 29px;
}
.new-my-box-mb .new-my-top .btn-box a.search {
  width: 28px;
  height: 28px;
  background: url("/assets/images/new/my_btn_mo02.png") no-repeat center/28px 28px;
}
.new-my-box-mb .new-my-top .btn-box a.cart {
  margin-left: 10px;
  width: 28px;
  height: 28px;
  background: url("/assets/images/new/my_btn_mo03.png") no-repeat center/28px 28px;
}
.new-my-box-mb .new-my-top .info-box {
  margin-top: 20px;
}
.new-my-box-mb .new-my-top .info-box p {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}
.new-my-box-mb .new-my-top .info-box .gr {
  margin-top: 10px;
  color: #1db4a4;
  background: #fff;
  font-size: 16px;
  padding: 2px 15px;
  border-radius: 20px;
  font-weight: 600;
}
.new-my-box-mb .new-my-top .info-box .mm-box {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.new-my-box-mb .new-my-top .info-box .mm-box img {
  width: 70px;
  height: 70px;
}
.new-my-box-mb .new-my-top .info-box .mm-box .em {
  margin-left: 20px;
}
.new-my-box-mb .bk-box {
  background: #222;
}
.new-my-box-mb .bk-box .t1 {
  color: #bbb;
  font-size: 16px;
  position: relative;
  text-indent: 20px;
}
.new-my-box-mb .bk-box .t1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 14px;
  background: url("/assets/images/new/my_01.png") no-repeat center/14px 14px;
}
.new-my-box-mb .bk-box .t1.wish::before {
  width: 16px;
  height: 14px;
  background: url("/assets/images/new/my_02.png") no-repeat center/16px 14px;
}
.new-my-box-mb .bk-box .t1.mileage::before {
  width: 16px;
  height: 16px;
  background: url("/assets/images/new/my_03.png") no-repeat center/16px 16px;
}
.new-my-box-mb .bk-box .t1.coupon::before {
  width: 12px;
  height: 16px;
  background: url("/assets/images/new/my_04.png") no-repeat center/12px 16px;
}
.new-my-box-mb .bk-box .t1.cart::before {
  width: 14px;
  height: 14px;
  background: url("/assets/images/new/my_05.png") no-repeat center/14px 14px;
}
.new-my-box-mb .bk-box .t2 {
  font-size: 24px;
  text-align: right;
  text-decoration: underline;
  color: #fff;
}
.new-my-box-mb .bk-box .row {
  padding: 10px 30px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-my-box-mb .bk-box .row .left {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 20px;
}
.new-my-box-mb .bk-box .row .right {
  width: 50%;
  border-left: 1px solid #454545;
  padding-left: 20px;
}
.new-my-box-mb .bk-box .row:nth-of-type(n+2) {
  border-top: 1px solid #454545;
}
.new-my-box-mb .bk-box .row2 {
  border-top: 1px solid #454545;
  padding: 10px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.new-my-box-mb .n-box {
  margin-top: 30px;
  padding: 0 20px;
}
.new-my-box-mb .n-box ul {
  margin-top: 10px;
}
.new-my-box-mb .n-box ul li {
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #c3c3c3;
}
.new-my-box-mb .n-box ul li:nth-of-type(1) {
  border-top: 1px solid #c3c3c3;
}
.new-my-box-mb .n-box ul li a {
  font-size: 14px;
  color: #222;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.new-my-box-mb .n-box ul li p:nth-of-type(1) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
}
.new-my-box-mb .n-box ul li p:nth-of-type(2) {
  color: #666;
  white-space: nowrap;
  margin-left: 20px;
}
.new-my-box-mb .book-box {
  margin-top: 20px;
  padding: 0 20px;
}
.new-my-box-mb .book-box .ttt {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.new-my-box-mb .book-box .ttt a {
  color: #666;
  position: relative;
  padding-right: 18px;
}
.new-my-box-mb .book-box .ttt a::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  width: 8px;
  height: 16px;
  background: url("/assets/images/new/mo_arrow.png") no-repeat center/8px 16px;
}
.new-my-box-mb .book-box ul {
  margin-top: 20px;
}
.new-my-box-mb .book-box ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 0;
}
.new-my-box-mb .book-box ul li img {
  width: 80px;
  height: 80px;
}
.new-my-box-mb .book-box ul li .tc {
  margin-left: 10px;
  width: 100%;
  overflow: hidden;
}
.new-my-box-mb .book-box ul li .tc .t1 {
  color: #666;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-my-box-mb .book-box ul li .tc .t2 {
  margin-top: 5px;
  line-height: 15px;
}
.new-my-box-mb .book-box ul li:nth-of-type(n+2) {
  border-top: 1px solid #ddd;
}
.new-my-box-mb .oth-box {
  margin-top: 20px;
  padding: 0 20px;
}
.new-my-box-mb .oth-box .row {
  padding-bottom: 20px;
}
.new-my-box-mb .oth-box .row .d2 {
  font-size: 18px;
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-my-box-mb .oth-box .row .d2 p:nth-of-type(1) {
  width: 50%;
}
.new-my-box-mb .oth-box .row .d2 p:nth-of-type(2) {
  padding-left: 20px;
}
.new-my-box-mb .oth-box .row .d2 a {
  color: #666;
}
.new-my-box-mb .oth-box .row:nth-of-type(n+2) {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.new-my-rv-box .mo-tit {
  margin-top: 30px;
}
.new-my-rv-box .mo-tit h4 {
  font-size: 18px;
  font-weight: 600;
}
.new-my-rv-box .bk-box {
  width: 100%;
  height: 140px;
  text-align: center;
  background: #000;
  padding: 20px 0;
}
.new-my-rv-box .bk-box.line1 {
  height: 70px;
}
.new-my-rv-box .bk-box.line2 {
  height: 110px;
}
.new-my-rv-box .bk-box.line3 {
  height: 100px;
}
.new-my-rv-box .bk-box .tflex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.new-my-rv-box .bk-box .tflex > div {
  width: 50%;
}
.new-my-rv-box .bk-box .tflex .t3 {
  white-space: nowrap;
  color: #fff;
  position: relative;
}
.new-my-rv-box .bk-box .tflex .t3 p:nth-of-type(1) {
  color: #bbb;
}
.new-my-rv-box .bk-box .tflex .t3 p em {
  font-size: 20px;
}
.new-my-rv-box .bk-box .tflex .lin {
  width: 1px;
  height: 70px;
  background: #505050;
}
.new-my-rv-box .bk-box.line1 p em, .new-my-rv-box .bk-box.line3 p em {
  font-size: 18px !important;
}
.new-my-rv-box .bk-box.line1 p img {
  width: 28px;
  height: 28px;
}
.new-my-rv-box .bk-box p {
  color: #aaa;
  font-size: 16px;
}
.new-my-rv-box .bk-box p.aa {
  color: #fff;
}
.new-my-rv-box .bk-box p em {
  color: #fff;
}
.new-my-rv-box .bk-box p span {
  font-size: 24px;
}
.new-my-rv-box .bk-box p img {
  width: 26px;
  height: 26px;
}
.new-my-rv-box .bk-box p img.wish {
  width: 20px;
  height: 17px;
}
.new-my-rv-box .bk-box p img.cart {
  width: 19px;
  height: 19px;
}
.new-my-rv-box .bk-box p:nth-of-type(2) {
  margin-top: 10px;
}
.new-my-rv-box .bk-box p:nth-of-type(3) {
  margin-top: 5px;
}
.new-my-rv-box .s-box {
  padding: 20px 20px 0;
}
.new-my-rv-box .s-box .tit {
  font-weight: 600;
  color: #333;
  margin: 10px 0;
}
.new-my-rv-box .s-box .month-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}
.new-my-rv-box .s-box .month-box a {
  display: inline-block;
  width: 32%;
  height: 36px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #ababab;
  color: #666;
  border-radius: 3px;
}
.new-my-rv-box .s-box .month-box a.on {
  background: #222;
  color: #fff;
}
.new-my-rv-box .s-box .bb {
  white-space: nowrap;
}
.new-my-rv-box .s-box .bb select {
  width: 30%;
  height: 36px;
  border: 1px solid #ababab;
  color: #999;
  font-size: 15px;
}
.new-my-rv-box .s-box .bb input[type=text] {
  width: calc(100% - 30% - 5px);
  height: 36px;
  border: 1px solid #ababab;
  color: #999;
  font-size: 15px;
  padding: 0 10px;
}
.new-my-rv-box .s-box .bb input[type=text]::placeholder {
  color: #999;
  font-size: 15px;
}
.new-my-rv-box .s-box .ff a {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 32px;
  border: 1px solid #ababab;
  text-align: center;
  position: relative;
}
.new-my-rv-box .s-box .ff a img {
  margin-top: -2px;
}
.new-my-rv-box .s-box .ff input[type=text] {
  width: calc(50% - 46px);
  height: 36px;
  border: 1px solid #ababab;
  color: #999;
  font-size: 16px;
  padding: 0 10px;
  display: inline-block;
  position: relative;
  top: -2px;
}
.new-my-rv-box .s-box .ss {
  margin-top: 10px;
}
.new-my-rv-box .s-box .ss a {
  display: inline-block;
  width: 100%;
  height: 38px;
  line-height: 38px;
  background: #555;
  text-align: center;
  color: #fff;
}
.new-my-rv-box .bt-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  margin-top: 30px;
}
.new-my-rv-box .bt-box .bt {
  display: inline-block;
  padding: 2px 10px;
  border: 1px solid #666;
}
.new-my-rv-box .bt-box .bt.green {
  border: 1px solid #1db4a4;
  color: #1db4a4;
}
.new-my-rv-box .bt-box .bt.red {
  border: 1px solid #e60000;
  color: #e60000;
}
.new-my-rv-box .bt2-box {
  margin-top: 30px;
  text-align: center;
}
.new-my-rv-box .bt2-box a {
  display: inline-block;
  width: 45%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #1db4a4;
  border: 1px solid #1db4a4;
  color: #fff;
}
.new-my-rv-box .bt2-box a.cancel {
  color: #000;
  background: #fff;
  border: 1px solid #ababab;
}
.new-my-rv-box .list-box .row {
  padding: 0 20px;
}
.new-my-rv-box .list-box .row .top {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new-my-rv-box .list-box .row .top.border-bottom-none {
  border-bottom: none;
  padding: 20px 0 0;
}
.new-my-rv-box .list-box .row .top .le {
  width: calc(100% - 25px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.new-my-rv-box .list-box .row .top .le img {
  width: 65px;
  height: 65px;
  border: 1px solid #ddd;
}
.new-my-rv-box .list-box .row .top .le .t-box {
  margin-left: 5px;
  max-width: calc(100% - 65px - 15px);
  width: calc(100% - 65px - 15px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-my-rv-box .list-box .row .top .le .t-box .t1 {
  color: #666;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
}
.new-my-rv-box .list-box .row .top .le .t-box .t1 a {
  color: #666;
  font-size: 15px;
}
.new-my-rv-box .list-box .row .top .le .t-box .t1.fwb {
  font-weight: 500;
  margin-top: 5px;
}
.new-my-rv-box .list-box .row .top .le .t-box .t2 {
  font-weight: 600;
  line-height: 18px;
}
.new-my-rv-box .list-box .row .top .le .t-box .t3 {
  color: #666;
  margin-top: 5px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.new-my-rv-box .list-box .row .top .le .t-box .t0 {
  font-size: 14px;
}
.new-my-rv-box .list-box .row .top .le .t-box .t0 span {
  color: #000;
  font-size: 15px;
}
.new-my-rv-box .list-box .row .top .le .t-box .t0 em {
  color: #666;
  padding-left: 15px;
  font-weight: 500;
  position: relative;
}
.new-my-rv-box .list-box .row .top .le .t-box .t0 em::before {
  content: "";
  width: 1px;
  height: 12px;
  background: #999;
  position: absolute;
  top: 4px;
  left: 5px;
}
.new-my-rv-box .list-box .row .bottom {
  margin-top: 20px;
}
.new-my-rv-box .list-box .row .bottom .w-bb {
  margin-top: 20px;
}
.new-my-rv-box .list-box .row .bottom .w-bb a {
  display: inline-block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  color: #fff;
  background: #444;
  text-align: center;
}
.new-my-rv-box .list-box .row .bottom .mtx1 {
  color: #1db4a4;
  font-size: 12px;
  margin-top: 5px;
}
.new-my-rv-box .list-box .row .bottom ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 15px;
}
.new-my-rv-box .list-box .row .bottom ul li p:nth-of-type(1) {
  height: 32px;
  color: #666;
  max-width: 100px;
  min-width: 100px;
  white-space: nowrap;
}
.new-my-rv-box .list-box .row .bottom ul li p:nth-of-type(2) {
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-my-rv-box .list-box .row .bottom ul li p:nth-of-type(2).wr {
  white-space: normal;
  overflow: visible;
  text-align: right;
}
.new-my-rv-box .list-box .row .bottom ul li:nth-of-type(n+2) {
  margin-top: 10px;
}
.new-my-rv-box .list-box .row .bottom ul li input[type=text] {
  border: 1px solid #bababa;
  padding: 0 10px;
  color: #444;
  width: 100%;
  height: 30px;
}
.new-my-rv-box .list-box .row .bottom ul li input[type=text]::placeholder {
  color: #999;
  font-size: 14px;
}
.new-my-rv-box .list-box .row .bottom ul li .rd-label-txt {
  width: 120px !important;
  min-width: 120px !important;
}
.new-my-rv-box .list-box .row .bottom ul li .rd-box {
  display: flex;
  justify-content: flex-start;
  padding: 2px 0;
}
.new-my-rv-box .list-box .row .bottom .bt {
  margin-top: 10px;
}
.new-my-rv-box .list-box .row .bottom .bt a {
  display: inline-block;
  padding: 5px 15px;
  font-size: 18px;
  border: 1px solid #ababab;
  color: #666;
}
.new-my-rv-box .list-box .row .bottom .btn-pw {
  display: inline-block;
  width: 140px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background: #444;
  text-align: center;
}
.new-my-rv-box .list-box .row .qna-type {
  font-size: 14px;
  color: #666;
}
.new-my-rv-box .list-box .row .qna-type ul li {
  padding: 15px 10px 0;
}
.new-my-rv-box .list-box .row .qna-type ul li.r1 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-my-rv-box .list-box .row .qna-type ul li.r1 p:nth-of-type(2) {
  padding-left: 20px;
  position: relative;
}
.new-my-rv-box .list-box .row .qna-type ul li.r1 p:nth-of-type(2)::before {
  content: "";
  width: 1px;
  height: 13px;
  background: #999;
  position: absolute;
  top: 5px;
  left: 10px;
}
.new-my-rv-box .list-box .row .qna-type ul li.r2 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.new-my-rv-box .list-box .row .qna-type ul li.r2 a {
  font-size: 15px;
  font-weight: 500;
  color: #222;
}
.new-my-rv-box .list-box .row .qna-type ul li.re {
  padding: 10px;
  background: #f7f7f7;
  border-top: 1px solid #ddd;
}
.new-my-rv-box .list-box .row .qna-type ul li.re .cont {
  text-align: left;
  width: 100%;
}
.new-my-rv-box .list-box .row .qna-type ul li.re .cont > div {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-my-rv-box .list-box .row .qna-type ul li.re .cont > div.a {
  margin-top: 10px;
}
.new-my-rv-box .list-box .row .qna-type ul li.re .cont > div.a .fwb {
  text-indent: 4px;
}
.new-my-rv-box .list-box .row .qna-type ul li.re .cont > div .fwb {
  color: #222;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  width: 20px;
  text-align: right;
}
.new-my-rv-box .list-box .row .qna-type ul li.re .cont > div .t {
  margin-left: 20px;
  color: #666;
  white-space: normal;
  line-height: 22px;
  text-align: left;
  margin-top: -2px;
}
.new-my-rv-box .list-box .row .qna-type ul li.re .cont > div .t img {
  max-width: 100%;
}
.new-my-rv-box .list-box .row.qna-type-row .qna-type {
  border-bottom: 1px solid #ddd;
}
.new-my-rv-box .list-box .row.qna-type-row:nth-of-type(1) {
  margin-top: 20px;
}
.new-my-rv-box .list-box .row.qna-type-row:nth-of-type(1) .qna-type {
  border-top: 2px solid #222;
}
.new-my-rv-box .orb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  color: #999;
  margin-top: 10px;
}
.new-my-rv-box .orb em {
  color: #1db4a4;
}
.new-my-rv-box .orb .btn {
  display: inline-block;
  padding: 5px 15px;
  border: 1px solid #1db4a4;
  color: #1db4a4;
  font-size: 14px;
}
.new-my-rv-box .bb-list-box {
  margin-top: 10px;
}
.new-my-rv-box .bb-list-box .row {
  padding: 0 20px;
}
.new-my-rv-box .bb-list-box .row ul li.faq {
  display: block !important;
}
.new-my-rv-box .bb-list-box .row ul li.faq .n {
  width: 100% !important;
  color: #666;
  margin-bottom: 5px;
}
.new-my-rv-box .bb-list-box .row ul li.faq .c {
  font-weight: 500 !important;
  color: #222 !important;
  font-size: 15px;
}
.new-my-rv-box .bb-list-box .row ul li.tt {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 10px;
  font-size: 15px;
  border-bottom: 1px solid #ddd;
}
.new-my-rv-box .bb-list-box .row ul li.tt .n {
  width: 15%;
}
.new-my-rv-box .bb-list-box .row ul li.tt .c {
  width: 85%;
  color: #666;
}
.new-my-rv-box .bb-list-box .row ul li.tt .c .title {
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-my-rv-box .bb-list-box .row ul li.tt .c .title em {
  font-weight: 600;
  font-size: 18px;
}
.new-my-rv-box .bb-list-box .row ul li.tt .c .etc {
  font-size: 14px;
  margin-top: 5px;
}
.new-my-rv-box .bb-list-box .row ul li.tt .c .etc em {
  position: relative;
}
.new-my-rv-box .bb-list-box .row ul li.tt .c .etc em:nth-of-type(n+2) {
  padding-left: 15px;
}
.new-my-rv-box .bb-list-box .row ul li.tt .c .etc em:nth-of-type(n+2)::before {
  content: "";
  width: 1px;
  height: 12px;
  background: #999;
  position: absolute;
  top: 4px;
  left: 5px;
}
.new-my-rv-box .bb-list-box .row ul li.tt .c .us {
  margin-top: 5px;
}
.new-my-rv-box .bb-list-box .row ul li.tt:nth-of-type(1) {
  border-top: 2px solid #222;
}
.new-my-rv-box .bb-list-box .row ul li.cont {
  display: block;
  background: #f7f7f7;
  padding: 20px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 767px) {
  .new-my-rv-box .bb-list-box .row ul li.cont {
    font-size: 14px;
  }
}
.new-my-rv-box .bb-list-box .row ul li.cont img {
  max-width: 100%;
  margin: 10px 0;
}
.new-my-rv-box .bb-list-box .row ul li.cont .title {
  font-weight: 600;
  margin-bottom: 10px;
}
.new-my-rv-box .bb-list-box .row ul li.re {
  padding: 20px 10px;
  background: #f7f7f7;
  border-top: 1px solid #ddd;
}
.new-my-rv-box .bb-list-box .row ul li.re .cont {
  text-align: left;
  width: 100%;
}
.new-my-rv-box .bb-list-box .row ul li.re .cont > div {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-my-rv-box .bb-list-box .row ul li.re .cont > div.a {
  margin-top: 10px;
}
.new-my-rv-box .bb-list-box .row ul li.re .cont > div.a .fwb {
  text-indent: 4px;
}
.new-my-rv-box .bb-list-box .row ul li.re .cont > div .fwb {
  color: #222;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  width: 20px;
  text-align: right;
  line-height: 18px;
}
.new-my-rv-box .bb-list-box .row ul li.re .cont > div .t {
  margin-left: 10px;
  color: #666;
  white-space: normal;
  line-height: 22px;
  text-align: left;
  margin-top: -2px;
}
.new-my-rv-box .bb-list-box .row ul li.re .cont > div .t img {
  max-width: 100%;
}
@media (max-width: 767px) {
  .new-my-rv-box .bb-list-box .row ul li.re .cont > div .t {
    font-size: 14px;
  }
}
.new-my-rv-box .bb-list-box .row ul li.re .cont > div .t .title {
  font-weight: 600 !important;
  margin-bottom: 10px;
}
.new-my-rv-box .more-box {
  margin-top: 40px;
  padding: 0 20px;
}
.new-my-rv-box .more-box a {
  display: inline-block;
  width: 100%;
  height: 55px;
  line-height: 55px;
  border: 1px solid #ababab;
  color: #333;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
}
.new-my-rv-box .more-box a img {
  width: 23px;
  height: 14px;
  vertical-align: middle;
  margin-bottom: 5px;
}

.cs-pop-box {
  z-index: 999999999;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}
@media (max-width: 767px) {
  .cs-pop-box {
    width: 100% !important;
  }
}
.cs-pop-box.profile {
  width: 600px;
  height: 420px;
}
@media (max-width: 767px) {
  .cs-pop-box.profile {
    height: 280px;
  }
}
.cs-pop-box.profile .i-b {
  width: 100%;
}
.cs-pop-box.pw {
  width: 620px;
  height: 560px;
}
@media (max-width: 767px) {
  .cs-pop-box.pw {
    height: 480px;
  }
}
.cs-pop-box .he {
  border-top: 3px solid #1db4a4;
  border-bottom: 1px solid #ddd;
  padding: 0 30px;
  height: 75px;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .cs-pop-box .he {
    font-size: 18px;
  }
}
.cs-pop-box .he .ar {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.cs-pop-box .he .pop-close {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/assets/images/new/new_close.png") no-repeat center/20px 20px;
}
.cs-pop-box .cont {
  padding: 30px 60px 80px;
  border-bottom: 1px solid #ddd;
}
.cs-pop-box .cont.profile {
  height: 300px;
  border-bottom: none;
}
.cs-pop-box .cont.pw {
  height: 365px;
}
@media (max-width: 767px) {
  .cs-pop-box .cont.pw {
    padding: 20px 20px 50px;
    height: 320px;
  }
}
.cs-pop-box .cont .txt {
  margin-top: 20px;
  color: #222;
  text-align: center;
}
.cs-pop-box .cont .txt br {
  display: none;
}
@media (max-width: 767px) {
  .cs-pop-box .cont .txt br {
    display: block;
  }
}
.cs-pop-box .cont .cont-in {
  margin-top: 30px;
}
.cs-pop-box .cont .cont-in ul {
  margin-top: 30px;
}
.cs-pop-box .cont .cont-in ul li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.cs-pop-box .cont .cont-in ul li p {
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
.cs-pop-box .cont .cont-in ul li p:nth-of-type(1) {
  width: 120px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .cs-pop-box .cont .cont-in ul li p:nth-of-type(1) {
    width: 120px;
  }
}
.cs-pop-box .cont .cont-in ul li p input {
  border: 1px solid #ababab;
  width: 350px;
  height: 36px;
  padding: 0 10px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .cs-pop-box .cont .cont-in ul li p input {
    width: 95%;
    font-size: 14px;
  }
}
.cs-pop-box .cont .cont-in ul li p input::placeholder {
  color: #999;
  font-size: 14px;
}
.cs-pop-box .cont .cont-in ul li:nth-of-type(n+2) {
  margin-top: 30px;
}
.cs-pop-box .bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 75px - 365px);
}
@media (max-width: 767px) {
  .cs-pop-box .bottom {
    height: calc(100% - 75px - 320px);
  }
}
.cs-pop-box .bottom .btns {
  width: 100%;
  text-align: center;
}
.cs-pop-box .bottom .btns a {
  display: inline-block;
  width: 180px;
  height: 50px;
  line-height: 50px;
  background: #1db4a4;
  border: 1px solid #1db4a4;
  color: #fff;
  text-align: center;
}
@media (max-width: 767px) {
  .cs-pop-box .bottom .btns a {
    width: 45%;
    height: 40px;
    line-height: 40px;
  }
}
.cs-pop-box .bottom .btns a.cancel {
  color: #000;
  background: #fff;
  border: 1px solid #ababab;
  margin-right: 10px;
}

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #999999;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}
@media (max-width: 767px) {
  .daterangepicker {
    width: 90%;
    left: 20px !important;
  }
}

/*.daterangepicker:before, .daterangepicker:after {*/
/*    position: absolute;*/
/*    display: inline-block;*/
/*    border-bottom-color: rgba(0, 0, 0, 0.2);*/
/*    content: '';*/
/*}*/
/*.daterangepicker:before {*/
/*    top: -7px;*/
/*    border-right: 7px solid transparent;*/
/*    border-left: 7px solid transparent;*/
/*    border-bottom: 7px solid #999999;*/
/*}*/
.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

/*.daterangepicker.opensright:before {*/
/*    left: 9px;*/
/*}*/
.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons button {
  display: inline-block !important;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  /*max-width: 270px;*/
  /*border-right: 1px solid #bababa;*/
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  border-radius: 4px;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
  font-size: 18px;
  font-weight: 600;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #bababa !important;
  cursor: not-allowed;
  /*text-decoration: line-through;*/
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}
.daterangepicker .drp-calendar .calendar-table > table th, .daterangepicker .drp-calendar .calendar-table > table td {
  width: 45px !important;
  height: 45px !important;
  padding: 15px 18px;
}
@media (max-width: 767px) {
  .daterangepicker .drp-calendar .calendar-table > table th, .daterangepicker .drp-calendar .calendar-table > table td {
    width: auto;
    height: auto;
    padding: 5px;
  }
}

.daterangepicker .drp-calendar .calendar-table > table > tbody > tr td {
  font-size: 16px;
  font-weight: bold;
}

.daterangepicker .drp-calendar .calendar-table > table > thead > tr:nth-of-type(2) > th {
  border-top: 2px solid #373837 !important;
  border-bottom: 1px solid #bababa !important;
}

.daterangepicker .drp-calendar .calendar-table > table > thead > tr:nth-of-type(2) > th:first-child {
  border-left: 1px solid #bababa;
  color: #f03e3e;
}

.daterangepicker .drp-calendar .calendar-table > table > thead > tr:nth-of-type(2) > th:last-child {
  border-right: 1px solid #bababa;
  color: #f03e3e;
}

.daterangepicker .drp-calendar .calendar-table > table > tbody > tr > td:first-child {
  border-left: 1px solid #bababa;
}

.daterangepicker .drp-calendar .calendar-table > table > tbody > tr > td:last-child {
  border-right: 1px solid #bababa;
}

.daterangepicker .drp-calendar .calendar-table > table > tbody > tr > td.weekend {
  color: #f03e3e;
}

.daterangepicker .drp-calendar .calendar-table > table > tbody > tr > td.ends {
  cursor: default !important;
}

.daterangepicker .drp-calendar .calendar-table > table > tbody > tr:last-child > td {
  border-bottom: 1px solid #bababa;
}

.daterangepicker .drp-calendar .calendar-table > table > tbody > tr td.today {
  position: relative;
}

.daterangepicker .drp-calendar .calendar-table > table > tbody > tr td.today:after {
  content: "오늘";
  position: absolute;
  top: 34px;
  left: 16px;
  color: #1c7ed6;
  font-size: 11px;
}
@media (max-width: 767px) {
  .daterangepicker .drp-calendar .calendar-table > table > tbody > tr td.today:after {
    content: "" !important;
  }
}

.daterangepicker .drp-calendar .calendar-table > table > tbody > tr td.active {
  color: #fff;
}

.daterangepicker .drp-calendar .calendar-table > table > tbody > tr td.active.today:after {
  color: #fff;
}

.daterangepicker .drp-buttons {
  padding: 16px;
}

.daterangepicker .drp-buttons .drp-selected {
  position: relative;
  top: 2px;
  display: inline-block;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  background: #41b0a8;
  border-radius: 6px;
  color: #fff;
  font-weight: bold;
  padding: 0 25px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .daterangepicker .drp-buttons .drp-selected {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    width: 100%;
    font-size: 14px;
  }
}

.daterangepicker .drp-buttons .applyBtn {
  border: 0;
  font-size: 16px;
  padding: 12px 25px;
  background: #357ebd;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .daterangepicker .drp-buttons .applyBtn {
    text-align: center;
    margin-top: 10px;
    width: 100px;
    padding: 12px 18px;
  }
}

.daterangepicker .drp-buttons .applyBtn:disabled {
  background: #e9ecef;
  color: #999999;
  cursor: default;
}

.daterangepicker .drp-buttons .cancelBtn {
  border: 0;
  font-size: 16px;
  padding: 12px 25px;
  background: #f03e3e;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .daterangepicker .drp-buttons .cancelBtn {
    margin-top: 10px;
    width: 100px;
  }
}

.empty-data {
  text-align: center;
  padding: 50px 0 10px;
}
.empty-data img {
  transform: scale(0.7);
}

.mb-search-box {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.mb-search-box .btn-box {
  border-bottom: 1px solid #222;
  width: 100%;
  height: 70px;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mb-search-box .btn-box .left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.mb-search-box .btn-box .left .btn-back {
  display: inline-block;
  width: 39px;
  height: 30px;
  background: url(/assets/images/new/btn_back_black.png) no-repeat center/39px 30px;
  transform: scale(90%);
}
.mb-search-box .btn-box .middle {
  width: calc(100% - 80px);
}
.mb-search-box .btn-box .middle input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  border: none;
  padding: 0 10px;
  color: #222;
}
.mb-search-box .btn-box .right {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.mb-search-box .btn-box .right .search-mo {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(/assets/images/new/btn_search_black.png) no-repeat center/30px 30px;
}
.mb-search-box .btn-box .right .cart-mo {
  margin-left: 15px;
  display: inline-block;
  width: 32px;
  height: 29px;
  background: url(/assets/images/new/btn_cart_black.png) no-repeat center/32px 29px;
}
.mb-search-box .cont-box {
  padding: 0 20px;
}
.mb-search-box .cont-box .title-box {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mb-search-box .cont-box .title-box p {
  color: #222;
  font-weight: 600;
  font-size: 20px;
}
.mb-search-box .cont-box .title-box a {
  color: #666;
}
.mb-search-box .cont-box .keyword-list {
  margin-top: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.mb-search-box .cont-box .keyword-list li {
  height: 30px;
  line-height: 26px;
  border-radius: 30px;
  color: #666;
  border: 1px solid #ddd;
  padding: 0 10px;
  white-space: nowrap;
  margin-left: 5px;
  margin-top: 5px;
}
.mb-search-box .cont-box .keyword-list li a {
  margin-left: 2px;
  display: inline-block;
  height: 11px;
  width: 11px;
  background: url("/assets/images/new/x.png") no-repeat center/11px 11px;
}
.mb-search-box .cont-box .rank-box {
  margin-top: 30px;
}
.mb-search-box .cont-box .rank-box h3 {
  font-size: 20px;
  color: #222;
}
.mb-search-box .cont-box .rank-box li {
  margin-top: 10px;
  color: #666;
}
.mb-search-box .cont-box .rank-box li em {
  color: #d33632;
  display: inline-block;
  width: 30px;
  font-weight: 600;
}

#x-line {
  height: 1px;
  background: #bbb;
  position: absolute;
  top: 159px;
  width: 100%;
  left: 0;
}
@media (max-width: 767px) {
  #x-line {
    display: none;
  }
}

.tprice {
  text-align: right;
  font-size: 20px;
  font-weight: 600;
  margin-top: 10px;
}

.m-t-t {
  padding: 20px;
  font-size: 20px;
  font-weight: 600;
}

.m-b-ab {
  padding: 20px;
}
.m-b-ab .guest-box ul {
  width: 100%;
}
.m-b-ab .guest-box ul li.t {
  font-size: 16px;
  font-weight: 600;
}
.m-b-ab .guest-box ul li table {
  margin-top: 10px;
  width: 100%;
}
.m-b-ab .guest-box ul li table th {
  text-align: center;
  background: #f7f7f7;
  color: #444;
  height: 40px;
  line-height: 40px;
  font-weight: 400;
}
.m-b-ab .guest-box ul li table th:nth-of-type(1) {
  width: 30%;
}
.m-b-ab .guest-box ul li table th:nth-of-type(2) {
  width: 50%;
}
.m-b-ab .guest-box ul li table th:nth-of-type(3) {
  width: 20%;
}
.m-b-ab .guest-box ul li table tbody > tr td {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
  color: #666;
}
.m-b-ab .tcb a {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #1db4a4;
  color: #fff;
  font-weight: 600;
  margin-top: 20px;
}
.m-b-ab .tcb a.two {
  width: 49%;
}
.m-b-ab .tcb a.abc {
  background: #868e96;
}

.btn-large-new {
  display: inline-block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #bfbfbf;
}
.btn-large-new.gr {
  background: #1db4a4;
  color: #fff;
  border: 1px solid #1db4a4;
}
@media (max-width: 767px) {
  .btn-large-new {
    width: 45%;
    height: 40px;
    line-height: 40px;
  }
}

.live-rating-box {
  margin-left: 10px;
}
.live-rating-box em {
  font-weight: 600;
}

.btxx {
  margin-top: 10px;
}
.btxx a {
  display: inline-block;
  padding: 5px 15px;
  font-size: 16px;
  border: 1px solid #ababab;
  color: #666;
}

.review-top-box {
  width: 100%;
  height: 140px;
  background: #f7f7f7;
  padding: 30px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .review-top-box {
    height: 120px;
    padding: 20px 0;
  }
}
.review-top-box > div {
  width: 50% !important;
  text-align: center;
  font-size: 24px;
}
@media (max-width: 767px) {
  .review-top-box > div {
    font-size: 20px;
  }
}
.review-top-box > div .rt {
  font-size: 18px;
}
@media (max-width: 767px) {
  .review-top-box > div .rt {
    font-size: 16px;
  }
}
.review-top-box > div em {
  font-weight: 600;
}
.review-top-box::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.1px;
  max-width: 1px;
  height: 80px;
  background: #bbb;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .review-top-box img {
    width: 20px;
    height: 20px;
  }
}

.review-cate-box {
  margin-top: 30px;
}
.review-cate-box a {
  font-size: 18px;
  font-weight: 600;
}
.review-cate-box a:nth-of-type(n+2) {
  margin-left: 20px;
  position: relative;
}
.review-cate-box a:nth-of-type(n+2)::before {
  content: "";
  position: absolute;
  top: 5px;
  left: -13px;
  width: 1px;
  height: 18px;
  background: #bbb;
}
.review-cate-box a.on {
  color: #1db4a4;
}

.review-list-box {
  margin-top: 15px;
}
.review-list-box li:first-child {
  border-top: 1px solid #222;
}
.review-list-box li {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  font-size: 14px;
}
.review-list-box li .left1 {
  width: 80%;
}
.review-list-box li .left1 .r1 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.review-list-box li .left1 .r1 p:nth-of-type(n+2) {
  margin-left: 30px;
  position: relative;
}
.review-list-box li .left1 .r1 p:nth-of-type(n+2)::after {
  content: "";
  position: absolute;
  top: 5px;
  left: -15px;
  width: 1px;
  height: 15px;
  background: #bbb;
}
.review-list-box li .left1 > div:nth-of-type(n+2) {
  margin-top: 10px;
}
.review-list-box li .right1 {
  width: 110px;
  height: 110px;
  text-align: right;
  vertical-align: middle;
}
.review-list-box li .right1 img {
  width: 100%;
  object-fit: cover;
}
.review-list-box li .star {
  width: 18px;
  height: 18px;
}

.review-view-box.P {
  background: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 950px;
  height: 540px;
  border: 1px solid #ddd;
  transform: translate(-50%, -50%);
  z-index: 999999999;
}
@media (max-width: 767px) {
  .review-view-box.P {
    width: 100%;
    height: 90%;
  }
}
.review-view-box.P::-webkit-scrollbar {
  width: 5px;
  height: 4px;
  background: #bfbfbf;
}
.review-view-box.P::-webkit-scrollbar-track {
  /*background: #000;*/
}
.review-view-box.P::-webkit-scrollbar-thumb {
  background: linear-gradient(to right, transparent, #000);
  border-radius: 6px;
}
.review-view-box.P::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(transparent, #000);
}
.review-view-box.P .title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  top: -60px;
  color: #fff;
}
.review-view-box.P .title-box a {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url("/assets/images/new/new_close.png") no-repeat center/25px 25px;
  filter: invert(1);
}
.review-view-box.P .inner-box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
.review-view-box.P .inner-box .left {
  width: 60%;
  height: 100%;
  background: #f1f3f5;
}
.review-view-box.P .inner-box .left .swiper-box {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
}
.review-view-box.P .inner-box .left .swiper-box li {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f1f3f5;
}
.review-view-box.P .inner-box .left .swiper-box img {
  width: 100%;
  height: auto;
  min-height: 50%;
  object-fit: cover;
}
.review-view-box.P .inner-box .left .swiper-box .r-pg {
  z-index: 9999;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 30px;
  line-height: 28px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.review-view-box.P .inner-box .left .swiper-box .r-nv {
  z-index: 9999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.review-view-box.P .inner-box .left .swiper-box .r-nv a {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("/assets/images/new/arrow_new.png") no-repeat center/40px 40px;
  filter: invert(0.9);
}
.review-view-box.P .inner-box .left .swiper-box .r-nv a:nth-of-type(1) {
  transform: rotate(180deg);
}
.review-view-box.P .inner-box .right {
  width: 40%;
  padding: 15px;
}
.review-view-box.P .inner-box .right .tit {
  text-align: left;
  font-weight: 500;
  font-size: 14px;
}
.review-view-box.P .inner-box .right .tit img {
  width: 28px;
  height: 28px;
}
.review-view-box.P .inner-box .right .line1 {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.review-view-box.P .inner-box .right .line1 .date {
  color: #666;
  display: flex;
  justify-content: flex-start;
  font-size: 14px;
}
.review-view-box.P .inner-box .right .line1 .date .hit {
  position: relative;
  margin-left: 15px;
}
.review-view-box.P .inner-box .right .line1 .date .hit::before {
  content: "";
  position: absolute;
  top: 5px;
  left: -7px;
  width: 1px;
  height: 15px;
  background: #bbb;
}
.review-view-box.P .inner-box .right .line1 .star img {
  width: 14px;
  height: 14px;
}
.review-view-box.P .inner-box .right .line1 .star span {
  color: #495057;
  font-size: 12px;
}
.review-view-box.P .inner-box .right .cont {
  margin-top: 20px;
  overflow-y: scroll;
  max-height: 430px;
}
.review-view-box.P .inner-box .right .cont .name {
  padding: 5px 0;
  border-top: 1px solid #e9ecef;
  border-bottom: 1px solid #e9ecef;
}
.review-view-box.P .inner-box .right .cont .c {
  margin-top: 20px;
}

.review-view-box.M {
  background: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 950px;
  height: 540px;
  overflow-y: scroll;
  border: 1px solid #ddd;
  transform: translate(-50%, -50%);
  z-index: 999999999;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .review-view-box.M {
    width: 100%;
    height: 90%;
  }
}
.review-view-box.M::-webkit-scrollbar {
  width: 5px;
  height: 4px;
  background: #bfbfbf;
}
.review-view-box.M::-webkit-scrollbar-track {
  /*background: #000;*/
}
.review-view-box.M::-webkit-scrollbar-thumb {
  background: linear-gradient(to right, transparent, #000);
  border-radius: 6px;
}
.review-view-box.M::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(transparent, #000);
}
.review-view-box.M .title-box {
  font-size: 18px;
  font-weight: 600;
  position: relative;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #bfbfbf;
  text-align: center;
}
.review-view-box.M .title-box a {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background: url("/assets/images/new/new_close.png") no-repeat center/25px 25px;
}
.review-view-box.M .inner-box {
  padding: 20px;
}
.review-view-box.M .inner-box .tit {
  margin-top: 20px;
  text-align: left;
  font-weight: 500;
  font-size: 14px;
}
.review-view-box.M .inner-box .tit img {
  width: 26px;
  height: 26px;
}
.review-view-box.M .inner-box .line1 {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.review-view-box.M .inner-box .line1 .date {
  color: #666;
  display: flex;
  justify-content: flex-start;
  font-size: 14px;
}
.review-view-box.M .inner-box .line1 .date .hit {
  position: relative;
  margin-left: 15px;
}
.review-view-box.M .inner-box .line1 .date .hit::before {
  content: "";
  position: absolute;
  top: 5px;
  left: -7px;
  width: 1px;
  height: 15px;
  background: #bbb;
}
.review-view-box.M .inner-box .line1 .star img {
  width: 14px;
  height: 14px;
}
.review-view-box.M .inner-box .cont {
  margin-top: 10px;
}
.review-view-box.M .inner-box .cont .name {
  padding: 5px 0;
  border-top: 1px solid #e9ecef;
  border-bottom: 1px solid #e9ecef;
}
.review-view-box.M .inner-box .cont .c {
  margin-top: 20px;
}
.review-view-box.M .inner-box .swiper-box {
  margin-top: 20px;
  position: relative;
  width: 100%;
  height: 360px;
}
.review-view-box.M .inner-box .swiper-box li {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.review-view-box.M .inner-box .swiper-box img {
  width: 100%;
  height: auto;
  min-height: 70%;
  object-fit: cover;
}
.review-view-box.M .inner-box .swiper-box .r-pg {
  z-index: 9999;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 30px;
  line-height: 28px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.review-view-box.M .inner-box .swiper-box .r-nv {
  z-index: 9999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.review-view-box.M .inner-box .swiper-box .r-nv a {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("/assets/images/new/arrow_new.png") no-repeat center/40px 40px;
  filter: invert(0.9);
}
.review-view-box.M .inner-box .swiper-box .r-nv a:nth-of-type(1) {
  transform: rotate(180deg);
}

.ka_ {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #ffdd22;
  font-size: 14px;
  font-weight: 500;
  text-indent: 15px;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .ka_ {
    height: 30px;
    line-height: 30px;
    width: 100px;
    font-size: 12px;
  }
}
.ka_::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 20px;
  width: 14px;
  height: 12px;
  background: url(/assets/images/new/ka.png) no-repeat center/14px 12px;
}
@media (max-width: 767px) {
  .ka_::after {
    top: 10px;
    left: 14px;
    width: 14px;
    height: 12px;
    background: url(/assets/images/new/ka.png) no-repeat center/14px 12px;
  }
}

.board-bottom {
  margin-top: 20px;
  text-align: right;
}
.board-bottom .btn {
  display: inline-block;
  width: 100px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: #1db4a4;
  color: #fff;
}

.select-cs {
  width: 20%;
  height: 40px;
  padding: 0 10px;
  font-size: 14px;
  border: 1px solid #ccc;
}
@media (max-width: 1199px) {
  .select-cs {
    width: 100%;
  }
}

.bottom-board {
  margin-top: 20px;
  text-align: center;
}
.bottom-board .btn-home {
  display: inline-block;
  font-size: 1.2rem;
  padding: 15px 30px;
  background: #fff;
  color: #495057;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #495057;
}
@media (max-width: 1199px) {
  .bottom-board .btn-home {
    width: 45% !important;
    padding: 10px 20px;
    font-size: 1rem;
  }
}
.bottom-board .btn-confirm {
  margin-left: 10px;
  white-space: nowrap;
  display: inline-block;
  font-size: 1.2rem;
  padding: 15px 30px;
  background: #2cb0a4;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #2cb0a4;
}
@media (max-width: 1199px) {
  .bottom-board .btn-confirm {
    width: 45% !important;
    padding: 10px 20px;
    font-size: 1rem;
  }
}

.h3 {
  font-size: 1.5rem !important;
  padding-bottom: 20px !important;
  border-bottom: 2px solid #000 !important;
}
@media (max-width: 1199px) {
  .h3 {
    font-size: 1.2rem !important;
  }
}

.btn-share {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("/assets/images/common/btn_share.png") no-repeat center/40px 40px;
  margin-left: 10px;
}

.comment-box {
  margin-top: 50px;
}
.comment-box .comment-textarea {
  width: 100%;
  height: 135px !important;
  border: 1px solid #cccccc;
  padding: 10px;
  line-height: 20px;
}
.comment-box .comment-textarea::placeholder {
  color: #999;
}
.comment-box .comment-btn-box {
  text-align: right;
  margin-top: 15px;
}
.comment-box .comment-btn-box a {
  display: inline-block;
  width: 89px;
  height: 38px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #ccc;
  font-size: 14px;
}
.comment-box .list-box {
  margin-top: 20px;
}
.comment-box .list-box .ct-box .top {
  padding: 0 20px 20px;
  border-bottom: 1px solid #e9e9e9;
}
.comment-box .list-box .ct-box .top .t1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #444;
}
.comment-box .list-box .ct-box .top .t1 .m-pic {
  margin-right: 10px;
  cursor: default;
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
}
.comment-box .list-box .ct-box .top .t1 .m-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.comment-box .list-box .ct-box .top .tx {
  margin-top: 10px;
  margin-left: 46px;
  color: #666;
}
.comment-box .list-box .ct-box .top .tx .t3 {
  margin-top: 15px;
  font-size: 15px;
}
.comment-box .list-box .ct-box .top .tx .t3 a {
  position: relative;
  font-size: 15px;
  padding-left: 10px;
  color: #666;
}
.comment-box .list-box .ct-box .top .tx .t3 a:nth-of-type(1) {
  margin-left: 15px;
}
.comment-box .list-box .ct-box .top .tx .t3 a:nth-of-type(n+2) {
  margin-left: 10px;
}
.comment-box .list-box .ct-box .top .tx .t3 a:nth-of-type(n+2)::before {
  content: "";
  position: absolute;
  top: 5px;
  left: -2px;
  width: 1px;
  height: 15px;
  background: #bbb;
}
.comment-box .list-box .ct-box .c-bottom {
  background: #f7f7f7;
  height: 220px;
  width: 100%;
  padding: 15px 75px;
  border-bottom: 1px solid #e9e9e9;
}
@media (max-width: 767px) {
  .comment-box .list-box .ct-box .c-bottom {
    padding: 15px 20px;
    width: auto;
  }
}
.comment-box .txt {
  font-weight: 600;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.comment-box .ct-input {
  margin-top: 30px;
}

.event-box {
  margin: 0 auto 0 !important;
}
.event-box .cate-box {
  margin-top: 40px;
}
.event-box .cate-box .cate {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.event-box .cate-box .cate a {
  display: inline-block;
  width: 33.3%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #ccc;
}
.event-box .cate-box .cate a:nth-of-type(n+2) {
  border-left: none;
}
@media (max-width: 767px) {
  .event-box .cate-box .cate a:nth-of-type(3) {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .event-box .cate-box .cate a:nth-of-type(1) {
    border-left: none;
  }
}
.event-box .cate-box .cate a.on {
  background: #000;
  color: #fff;
}
@media (max-width: 767px) {
  .event-box .cate-box .cate a {
    line-height: 21px;
    font-size: 15px;
    height: 56px;
    padding-top: 5px;
  }
}
@media (max-width: 767px) {
  .event-box .cate-box .cate a span {
    display: block;
  }
}
.event-box .list-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .event-box .list-box {
    display: block;
    margin: 0 20px;
  }
}
.event-box .list-box .item {
  margin-top: 40px;
  width: 586px;
}
@media (max-width: 767px) {
  .event-box .list-box .item {
    width: 100%;
    margin-top: 30px;
  }
}
.event-box .list-box .item .img img {
  width: 100%;
  height: 270px;
}
@media (max-width: 767px) {
  .event-box .list-box .item .img img {
    max-height: 200px;
    object-fit: cover;
  }
}
.event-box .list-box .item .date {
  margin-top: 15px;
  color: #999;
  font-size: 16px;
}
@media (max-width: 767px) {
  .event-box .list-box .item .date {
    font-size: 14px;
  }
}
.event-box .list-box .item .title {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  white-space: normal;
  width: 100%;
}
@media (max-width: 767px) {
  .event-box .list-box .item .title {
    font-size: 18px;
    width: 100%;
  }
}

.board-images {
  margin-top: 20px;
}
.board-images img {
  max-width: 100%;
  object-fit: cover;
}

.cont-table {
  margin-top: 10px;
}
.cont-table > tbody > tr:first-child > td, .cont-table > tbody > tr:first-child > th {
  border-top: 2px solid #ced4da !important;
}
.cont-table th {
  background: #f7f7f7;
  border-top: 1px solid #dee2e6;
  width: 20%;
  height: 50px !important;
  min-height: 50px;
  color: #343a40 !important;
  line-height: 15px;
  text-align: left;
  padding-left: 20px;
}
@media (max-width: 479px) {
  .cont-table th {
    padding-left: 5px;
  }
}
.cont-table td {
  min-height: 40px !important;
  padding: 15px 12px;
  border-bottom: 1px solid #dee2e6;
  font-weight: 600;
  background: #fff !important;
  color: #999 !important;
}
@media (max-width: 479px) {
  .cont-table td {
    font-size: 0.8rem;
  }
}
@media (max-width: 1199px) {
  .cont-table td {
    padding: 7px 5px;
  }
}
@media (max-width: 1199px) {
  .cont-table td .break {
    display: block;
  }
}

.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
}
.ui-autocomplete li {
  width: 100%;
  height: 45px;
  line-height: 45px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ui-autocomplete li:nth-last-child(1) {
  border-bottom: 1px solid #bababa;
}
.ui-autocomplete li:hover {
  background: #e9ecef;
}
.ui-autocomplete li:hover a {
  background: #e9ecef;
  border-color: #e9ecef !important;
}
.ui-autocomplete li a {
  font-size: 15px;
  border-color: #ffffff !important;
}

.corp-confirm-box {
  margin-top: 30px;
  width: 100%;
  background: #000;
  border-radius: 6px;
  color: #fff;
  padding: 20px;
}
.corp-confirm-box p {
  font-size: 18px;
  font-weight: 600;
}
.corp-confirm-box .in {
  margin-top: 20px;
  padding: 0 10px;
}

.bk-del {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("/assets/images/common/close_32.png") no-repeat center/24px 24px;
  filter: invert(1);
  top: 3px;
}

.btn-cal {
  position: relative;
  top: 12px;
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url("/assets/images/common/calendar_64.png") no-repeat center/34px 34px;
}

.test123 {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("/assets/images/common/arrow_down.png") no-repeat center/24px 24px;
  filter: invert(1);
  top: 3px;
}

.btn-status {
  display: inline-block;
  width: 60px;
  height: 24px;
  line-height: 24px;
  background: #2db0a6;
  color: #fff;
  text-align: center;
}

/*# sourceMappingURL=style.css.map */