@charset "UTF-8";
html {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button, pre {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #333;
  font-family: "Noto Sans KR";
  line-height: 180%;
  font-weight: 300; }

td, th {
  padding: 0;
  font-family: "Noto Sans KR";
  font-size: 12px;
  color: #333;
  font-weight: 300; }

a, span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none; }

body {
  height: 100%;
  position: relative;
  overflow-y: scroll;
  word-break: keep-all;
  *word-break: keep-all;
  -ms-word-break: keep-all; }

img, fieldset, iframe {
  border: 0 none; }

li {
  list-style: none; }

input, select, button, textarea {
  padding: 0;
  border: 1px solid #ddd;
  font-family: "Noto Sans KR";
  font-size: 12px;
  font-weight: 300; }

input {
  padding: 0 10px; }

input[type="text"], input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0; }

input[type="file"] {
  padding: 0;
  -webkit-border-radius: 0; }

input[type="file"]::-webkit-file-upload-button {
  vertical-align: middle;
  height: 100%; }

select::-ms-expand {
  display: none; }

select {
  padding: 0 19px;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: calc(100% - 19px) 50%;
  background-color: #fff;
  background-image: url(../img/init/sel_init_ico.png);
  -webkit-background-size: 9px 5px;
  background-size: 9px 5px; }

select.sel2 {
  background-position: calc(100% - 19px) 50%;
  background-color: #fff;
  background-image: url(../img/init/sel2_init_ico.png);
  -webkit-background-size: 9px 8px;
  background-size: 9px 8px; }

select.sel3 {
  background-position: calc(100% - 9px) 50%;
  background-color: #fff;
  background-image: url(../img/init/sel2_init_ico.png);
  -webkit-background-size: 9px 8px;
  background-size: 9px 8px; }

select option {
  background: #fff;
  color: #333; }

textarea {
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0; }

img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: top; }

em, address {
  font-style: normal; }

label, button {
  cursor: pointer; }

button {
  background: none;
  border: none;
  vertical-align: top; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

legend {
  *width: 0; }

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

pre {
  white-space: pre-line;
  font-family: "Noto Sans KR"; }

sup {
  font-size: 0.5%; }

/* font-size */
.fz12 {
  font-size: 12px; }

.fz14 {
  font-size: 14px; }

.fz16 {
  font-size: 16px; }

.fz18 {
  font-size: 18px; }

.fz20 {
  font-size: 20px; }

.fz24 {
  font-size: 24px; }

.fz26 {
  font-size: 26px; }

.fz28 {
  font-size: 28px; }

.fz30 {
  font-size: 30px; }

.fz32 {
  font-size: 32px; }

.fz34 {
  font-size: 34px; }

.fz36 {
  font-size: 36px; }

.fz38 {
  font-size: 38px; }

.fz40 {
  font-size: 40px; }

.fz46 {
  font-size: 46px; }

.fz50 {
  font-size: 50px; }

.fz60 {
  font-size: 60px; }

.fz70 {
  font-size: 70px; }

/* position */
.por {
  position: relative; }

.poa {
  position: absolute; }

.pof {
  position: fixed; }

/* display */
.dn {
  display: none; }

.dib {
  display: inline-block; }

.db {
  display: block; }

.dt {
  display: table; }

.dtr {
  display: table-row; }

.dtc {
  display: table-cell; }

.dt {
  width: 100%;
  height: 100%;
  table-layout: fixed; }

.dtr {
  width: 100%; }

.dtc {
  vertical-align: middle; }

/* float */
.fl {
  float: left; }

.fr {
  float: right; }

.flul > li {
  float: left; }

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

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

/* space */
.pt0 {
  padding-top: 0px; }

.pb0 {
  padding-bottom: 0px; }

.pl0 {
  padding-left: 0px; }

.pr0 {
  padding-right: 0px; }

.mt0 {
  margin-top: 0px; }

.ml0 {
  margin-left: 0px; }

.mr0 {
  margin-right: 0px; }

.mb0 {
  margin-bottom: 0px; }

.pt1 {
  padding-top: 1px; }

.pb1 {
  padding-bottom: 1px; }

.pl1 {
  padding-left: 1px; }

.pr1 {
  padding-right: 1px; }

.mt1 {
  margin-top: 1px; }

.ml1 {
  margin-left: 1px; }

.mr1 {
  margin-right: 1px; }

.mb1 {
  margin-bottom: 1px; }

.pt3 {
  padding-top: 3px; }

.pb3 {
  padding-bottom: 3px; }

.pl3 {
  padding-left: 3px; }

.pr3 {
  padding-right: 3px; }

.mt3 {
  margin-top: 3px; }

.ml3 {
  margin-left: 3px; }

.mr3 {
  margin-right: 3px; }

.mb3 {
  margin-bottom: 3px; }

.pt4 {
  padding-top: 4px; }

.pb4 {
  padding-bottom: 4px; }

.pl4 {
  padding-left: 4px; }

.pr4 {
  padding-right: 4px; }

.mt4 {
  margin-top: 4px; }

.ml4 {
  margin-left: 4px; }

.mr4 {
  margin-right: 4px; }

.mb4 {
  margin-bottom: 4px; }

.pt5 {
  padding-top: 5px; }

.pb5 {
  padding-bottom: 5px; }

.pl5 {
  padding-left: 5px; }

.pr5 {
  padding-right: 5px; }

.mt5 {
  margin-top: 5px; }

.ml5 {
  margin-left: 5px; }

.mr5 {
  margin-right: 5px; }

.mb5 {
  margin-bottom: 5px; }

.pt6 {
  padding-top: 6px; }

.pb6 {
  padding-bottom: 6px; }

.pl6 {
  padding-left: 6px; }

.pr6 {
  padding-right: 6px; }

.mt6 {
  margin-top: 6px; }

.ml6 {
  margin-left: 6px; }

.mr6 {
  margin-right: 6px; }

.mb6 {
  margin-bottom: 6px; }

.pt7 {
  padding-top: 7px; }

.pb7 {
  padding-bottom: 7px; }

.pl7 {
  padding-left: 7px; }

.pr7 {
  padding-right: 7px; }

.mt7 {
  margin-top: 7px; }

.ml7 {
  margin-left: 7px; }

.mr7 {
  margin-right: 7px; }

.mb7 {
  margin-bottom: 7px; }

.pt8 {
  padding-top: 8px; }

.pb8 {
  padding-bottom: 8px; }

.pl8 {
  padding-left: 8px; }

.pr8 {
  padding-right: 8px; }

.mt8 {
  margin-top: 8px; }

.ml8 {
  margin-left: 8px; }

.mr8 {
  margin-right: 8px; }

.mb8 {
  margin-bottom: 8px; }

.pt9 {
  padding-top: 9px; }

.pb9 {
  padding-bottom: 9px; }

.pl9 {
  padding-left: 9px; }

.pr9 {
  padding-right: 9px; }

.mt9 {
  margin-top: 9px; }

.ml9 {
  margin-left: 9px; }

.mr9 {
  margin-right: 9px; }

.mb9 {
  margin-bottom: 9px; }

.pt10 {
  padding-top: 10px; }

.pb10 {
  padding-bottom: 10px; }

.pl10 {
  padding-left: 10px; }

.pr10 {
  padding-right: 10px; }

.mt10 {
  margin-top: 10px; }

.ml10 {
  margin-left: 10px; }

.mr10 {
  margin-right: 10px; }

.mb10 {
  margin-bottom: 10px; }

.pt11 {
  padding-top: 11px; }

.pb11 {
  padding-bottom: 11px; }

.pl11 {
  padding-left: 11px; }

.pr11 {
  padding-right: 11px; }

.mt11 {
  margin-top: 11px; }

.ml11 {
  margin-left: 11px; }

.mr11 {
  margin-right: 11px; }

.mb11 {
  margin-bottom: 11px; }

.pt12 {
  padding-top: 12px; }

.pb12 {
  padding-bottom: 12px; }

.pl12 {
  padding-left: 12px; }

.pr12 {
  padding-right: 12px; }

.mt12 {
  margin-top: 12px; }

.ml12 {
  margin-left: 12px; }

.mr12 {
  margin-right: 12px; }

.mb12 {
  margin-bottom: 12px; }

.pt13 {
  padding-top: 13px; }

.pb13 {
  padding-bottom: 13px; }

.pl13 {
  padding-left: 13px; }

.pr13 {
  padding-right: 13px; }

.mt13 {
  margin-top: 13px; }

.ml13 {
  margin-left: 13px; }

.mr13 {
  margin-right: 13px; }

.mb13 {
  margin-bottom: 13px; }

.pt14 {
  padding-top: 14px; }

.pb14 {
  padding-bottom: 14px; }

.pl14 {
  padding-left: 14px; }

.pr14 {
  padding-right: 14px; }

.mt14 {
  margin-top: 14px; }

.ml14 {
  margin-left: 14px; }

.mr14 {
  margin-right: 14px; }

.mb14 {
  margin-bottom: 14px; }

.pt15 {
  padding-top: 15px; }

.pb15 {
  padding-bottom: 15px; }

.pl15 {
  padding-left: 15px; }

.pr15 {
  padding-right: 15px; }

.mt15 {
  margin-top: 15px; }

.ml15 {
  margin-left: 15px; }

.mr15 {
  margin-right: 15px; }

.mb15 {
  margin-bottom: 15px; }

.pt16 {
  padding-top: 16px; }

.pb16 {
  padding-bottom: 16px; }

.pl16 {
  padding-left: 16px; }

.pr16 {
  padding-right: 16px; }

.mt16 {
  margin-top: 16px; }

.ml16 {
  margin-left: 16px; }

.mr16 {
  margin-right: 16px; }

.mb16 {
  margin-bottom: 16px; }

.pt17 {
  padding-top: 17px; }

.pb17 {
  padding-bottom: 17px; }

.pl17 {
  padding-left: 17px; }

.pr17 {
  padding-right: 17px; }

.mt17 {
  margin-top: 17px; }

.ml17 {
  margin-left: 17px; }

.mr17 {
  margin-right: 17px; }

.mb17 {
  margin-bottom: 17px; }

.pt18 {
  padding-top: 18px; }

.pb18 {
  padding-bottom: 18px; }

.pl18 {
  padding-left: 18px; }

.pr18 {
  padding-right: 18px; }

.mt18 {
  margin-top: 18px; }

.ml18 {
  margin-left: 18px; }

.mr18 {
  margin-right: 18px; }

.mb18 {
  margin-bottom: 18px; }

.pt19 {
  padding-top: 19px; }

.pb19 {
  padding-bottom: 19px; }

.pl19 {
  padding-left: 19px; }

.pr19 {
  padding-right: 19px; }

.mt19 {
  margin-top: 19px; }

.ml19 {
  margin-left: 19px; }

.mr19 {
  margin-right: 19px; }

.mb19 {
  margin-bottom: 19px; }

.pt20 {
  padding-top: 20px; }

.pb20 {
  padding-bottom: 20px; }

.pl20 {
  padding-left: 20px; }

.pr20 {
  padding-right: 20px; }

.mt20 {
  margin-top: 20px; }

.ml20 {
  margin-left: 20px; }

.mr20 {
  margin-right: 20px; }

.mb20 {
  margin-bottom: 20px; }

.pt21 {
  padding-top: 21px; }

.pb21 {
  padding-bottom: 21px; }

.pl21 {
  padding-left: 21px; }

.pr21 {
  padding-right: 21px; }

.mt21 {
  margin-top: 21px; }

.ml21 {
  margin-left: 21px; }

.mr21 {
  margin-right: 21px; }

.mb21 {
  margin-bottom: 21px; }

.pt22 {
  padding-top: 22px; }

.pb22 {
  padding-bottom: 22px; }

.pl22 {
  padding-left: 22px; }

.pr22 {
  padding-right: 22px; }

.mt22 {
  margin-top: 22px; }

.ml22 {
  margin-left: 22px; }

.mr22 {
  margin-right: 22px; }

.mb22 {
  margin-bottom: 22px; }

.pt23 {
  padding-top: 23px; }

.pb23 {
  padding-bottom: 23px; }

.pl23 {
  padding-left: 23px; }

.pr23 {
  padding-right: 23px; }

.mt23 {
  margin-top: 23px; }

.ml23 {
  margin-left: 23px; }

.mr23 {
  margin-right: 23px; }

.mb23 {
  margin-bottom: 23px; }

.pt24 {
  padding-top: 24px; }

.pb24 {
  padding-bottom: 24px; }

.pl24 {
  padding-left: 24px; }

.pr24 {
  padding-right: 24px; }

.mt24 {
  margin-top: 24px; }

.ml24 {
  margin-left: 24px; }

.mr24 {
  margin-right: 24px; }

.mb24 {
  margin-bottom: 24px; }

.pt25 {
  padding-top: 25px; }

.pb25 {
  padding-bottom: 25px; }

.pl25 {
  padding-left: 25px; }

.pr25 {
  padding-right: 25px; }

.mt25 {
  margin-top: 25px; }

.ml25 {
  margin-left: 25px; }

.mr25 {
  margin-right: 25px; }

.mb25 {
  margin-bottom: 25px; }

.pt26 {
  padding-top: 26px; }

.pb26 {
  padding-bottom: 26px; }

.pl26 {
  padding-left: 26px; }

.pr26 {
  padding-right: 26px; }

.mt26 {
  margin-top: 26px; }

.ml26 {
  margin-left: 26px; }

.mr26 {
  margin-right: 26px; }

.mb26 {
  margin-bottom: 26px; }

.pt27 {
  padding-top: 27px; }

.pb27 {
  padding-bottom: 27px; }

.pl27 {
  padding-left: 27px; }

.pr27 {
  padding-right: 27px; }

.mt27 {
  margin-top: 27px; }

.ml27 {
  margin-left: 27px; }

.mr27 {
  margin-right: 27px; }

.mb27 {
  margin-bottom: 27px; }

.pt28 {
  padding-top: 28px; }

.pb28 {
  padding-bottom: 28px; }

.pl28 {
  padding-left: 28px; }

.pr28 {
  padding-right: 28px; }

.mt28 {
  margin-top: 28px; }

.ml28 {
  margin-left: 28px; }

.mr28 {
  margin-right: 28px; }

.mb28 {
  margin-bottom: 28px; }

.pt29 {
  padding-top: 29px; }

.pb29 {
  padding-bottom: 29px; }

.pl29 {
  padding-left: 29px; }

.pr29 {
  padding-right: 29px; }

.mt29 {
  margin-top: 29px; }

.ml29 {
  margin-left: 29px; }

.mr29 {
  margin-right: 29px; }

.mb29 {
  margin-bottom: 29px; }

.pt30 {
  padding-top: 30px; }

.pb30 {
  padding-bottom: 30px; }

.pl30 {
  padding-left: 30px; }

.pr30 {
  padding-right: 30px; }

.mt30 {
  margin-top: 30px; }

.ml30 {
  margin-left: 30px; }

.mr30 {
  margin-right: 30px; }

.mb30 {
  margin-bottom: 30px; }

.pt31 {
  padding-top: 31px; }

.pb31 {
  padding-bottom: 31px; }

.pl31 {
  padding-left: 31px; }

.pr31 {
  padding-right: 31px; }

.mt31 {
  margin-top: 31px; }

.ml31 {
  margin-left: 31px; }

.mr31 {
  margin-right: 31px; }

.mb31 {
  margin-bottom: 31px; }

.pt32 {
  padding-top: 32px; }

.pb32 {
  padding-bottom: 32px; }

.pl32 {
  padding-left: 32px; }

.pr32 {
  padding-right: 32px; }

.mt32 {
  margin-top: 32px; }

.ml32 {
  margin-left: 32px; }

.mr32 {
  margin-right: 32px; }

.mb32 {
  margin-bottom: 32px; }

.pt40 {
  padding-top: 40px; }

.pb40 {
  padding-bottom: 40px; }

.pl40 {
  padding-left: 40px; }

.pr40 {
  padding-right: 40px; }

.mt40 {
  margin-top: 40px; }

.ml40 {
  margin-left: 40px; }

.mr40 {
  margin-right: 40px; }

.mb40 {
  margin-bottom: 40px; }

.pt43 {
  padding-top: 43px; }

.pb43 {
  padding-bottom: 43px; }

.pl43 {
  padding-left: 43px; }

.pr43 {
  padding-right: 43px; }

.mt43 {
  margin-top: 43px; }

.ml43 {
  margin-left: 43px; }

.mr43 {
  margin-right: 43px; }

.mb43 {
  margin-bottom: 43px; }

.pt44 {
  padding-top: 44px; }

.pb44 {
  padding-bottom: 44px; }

.pl44 {
  padding-left: 44px; }

.pr44 {
  padding-right: 44px; }

.mt44 {
  margin-top: 44px; }

.ml44 {
  margin-left: 44px; }

.mr44 {
  margin-right: 44px; }

.mb44 {
  margin-bottom: 44px; }

.pt50 {
  padding-top: 50px; }

.pb50 {
  padding-bottom: 50px; }

.pl50 {
  padding-left: 50px; }

.pr50 {
  padding-right: 50px; }

.mt50 {
  margin-top: 50px; }

.ml50 {
  margin-left: 50px; }

.mr50 {
  margin-right: 50px; }

.mb50 {
  margin-bottom: 50px; }

.pt57 {
  padding-top: 57px; }

.pb57 {
  padding-bottom: 57px; }

.pl57 {
  padding-left: 57px; }

.pr57 {
  padding-right: 57px; }

.mt57 {
  margin-top: 57px; }

.ml57 {
  margin-left: 57px; }

.mr57 {
  margin-right: 57px; }

.mb57 {
  margin-bottom: 57px; }

.pt58 {
  padding-top: 58px; }

.pb58 {
  padding-bottom: 58px; }

.pl58 {
  padding-left: 58px; }

.pr58 {
  padding-right: 58px; }

.mt58 {
  margin-top: 58px; }

.ml58 {
  margin-left: 58px; }

.mr58 {
  margin-right: 58px; }

.mb58 {
  margin-bottom: 58px; }

.pt60 {
  padding-top: 60px; }

.pb60 {
  padding-bottom: 60px; }

.pl60 {
  padding-left: 60px; }

.pr60 {
  padding-right: 60px; }

.mt60 {
  margin-top: 60px; }

.ml60 {
  margin-left: 60px; }

.mr60 {
  margin-right: 60px; }

.mb60 {
  margin-bottom: 60px; }

.pt66 {
  padding-top: 66px; }

.pb66 {
  padding-bottom: 66px; }

.pl66 {
  padding-left: 66px; }

.pr66 {
  padding-right: 66px; }

.mt66 {
  margin-top: 66px; }

.ml66 {
  margin-left: 66px; }

.mr66 {
  margin-right: 66px; }

.mb66 {
  margin-bottom: 66px; }

.pt70 {
  padding-top: 70px; }

.pb70 {
  padding-bottom: 70px; }

.pl70 {
  padding-left: 70px; }

.pr70 {
  padding-right: 70px; }

.mt70 {
  margin-top: 70px; }

.ml70 {
  margin-left: 70px; }

.mr70 {
  margin-right: 70px; }

.mb70 {
  margin-bottom: 70px; }

.pt74 {
  padding-top: 74px; }

.pb74 {
  padding-bottom: 74px; }

.pl74 {
  padding-left: 74px; }

.pr74 {
  padding-right: 74px; }

.mt74 {
  margin-top: 74px; }

.ml74 {
  margin-left: 74px; }

.mr74 {
  margin-right: 74px; }

.mb74 {
  margin-bottom: 74px; }

.pt80 {
  padding-top: 80px; }

.pb80 {
  padding-bottom: 80px; }

.pl80 {
  padding-left: 80px; }

.pr80 {
  padding-right: 80px; }

.mt80 {
  margin-top: 80px; }

.ml80 {
  margin-left: 80px; }

.mr80 {
  margin-right: 80px; }

.mb80 {
  margin-bottom: 80px; }

.pt87 {
  padding-top: 87px; }

.pb87 {
  padding-bottom: 87px; }

.pl87 {
  padding-left: 87px; }

.pr87 {
  padding-right: 87px; }

.mt87 {
  margin-top: 87px; }

.ml87 {
  margin-left: 87px; }

.mr87 {
  margin-right: 87px; }

.mb87 {
  margin-bottom: 87px; }

.pt90 {
  padding-top: 90px; }

.pb90 {
  padding-bottom: 90px; }

.pl90 {
  padding-left: 90px; }

.pr90 {
  padding-right: 90px; }

.mt90 {
  margin-top: 90px; }

.ml90 {
  margin-left: 90px; }

.mr90 {
  margin-right: 90px; }

.mb90 {
  margin-bottom: 90px; }

.pt100 {
  padding-top: 100px; }

.pb100 {
  padding-bottom: 100px; }

.pl100 {
  padding-left: 100px; }

.pr100 {
  padding-right: 100px; }

.mt100 {
  margin-top: 100px; }

.ml100 {
  margin-left: 100px; }

.mr100 {
  margin-right: 100px; }

.mb100 {
  margin-bottom: 100px; }

.pt150 {
  padding-top: 150px; }

.pb150 {
  padding-bottom: 150px; }

.pl150 {
  padding-left: 150px; }

.pr150 {
  padding-right: 150px; }

.mt150 {
  margin-top: 150px; }

.ml150 {
  margin-left: 150px; }

.mr150 {
  margin-right: 150px; }

.mb150 {
  margin-bottom: 150px; }

/* web accessibility */
.blind {
  display: inline-block !important;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important; }

.skip_nav li a {
  position: absolute;
  left: -3000%; }

.skip_nav li a:focus {
  display: block;
  left: 0;
  top: 0;
  z-index: 2000;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: #039;
  color: #fff;
  text-align: center; }

.ti {
  text-indent: -999em; }

.inp_ti {
  overflow: hidden;
  height: 0;
  text-indent: -9999px;
  font-size: 0; }

.imgz {
  width: 100%; }

.cup {
  cursor: pointer; }

.vam {
  vertical-align: middle; }

/* text */
.tal {
  text-align: left; }

.tac {
  text-align: center; }

.tar {
  text-align: right; }

.fwb {
  font-weight: bold; }

.fwn {
  font-weight: normal; }

.fw1 {
  font-weight: 100; }

.fw3 {
  font-weight: 300; }

.fw5 {
  font-weight: 500; }

.fw6 {
  font-weight: 600; }

.tov {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.tov_m {
  display: -webkit-box;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical; }

/* -webkit-line-clamp: 2;line-height: 30px; */
/* system popup style */
.syspop {
  z-index: 1200;
  top: 20px !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: transparent;
  border: none; }
  .syspop .wrap {
    position: relative;
    z-index: 100;
    max-width: 95%;
    margin: 0 auto;
    text-align: center; }
  .syspop .l-cont {
    height: auto !important;
    word-break: break-all; }
    .syspop .l-cont img {
      width: 100%; }
  .syspop .l-footer {
    position: absolute;
    bottom: 5px;
    right: 10px;
    text-align: right;
    background-color: #fff; }
    .syspop .l-footer span {
      cursor: pointer; }

.syspop:after {
  content: "";
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

/* page num */
.page_num {
  position: relative;
  margin: 50px 0 0 0;
  text-align: center;
  font-size: 0; }
  .page_num a {
    display: inline-block;
    width: 34px;
    height: 34px;
    border: 1px solid #ddd;
    border-left: none;
    text-align: center;
    color: #888;
    line-height: 36px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle; }
  .page_num .act {
    position: relative;
    z-index: 1;
    color: #fff;
    background-color: #231f20; }
  .page_num .first {text-indent: -9999px;
    border-left: 1px solid #ddd;
    background: url(../img/init/page_first.png) 50% 50% no-repeat; }
  .page_num .last {text-indent: -9999px;
    background: url(../img/init/page_last.png) 50% 50% no-repeat; }
  .page_num .l {text-indent: -9999px;
    background: url(../img/init/page_left.png) 50% 50% no-repeat; }
  .page_num .r {text-indent: -9999px;
    background: url(../img/init/page_right.png) 50% 50% no-repeat;}

.page_num2 {
  position: relative;
  margin: 20px 0 0 0;
  text-align: center;
  font-size: 0; }
  .page_num2 a {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #999;
    line-height: 30px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle; }
  .page_num2 .act {
    position: relative;
    z-index: 1;
    color: #000033;
    font-weight: 600; }
  .page_num2 .first {
    background: url(../img/init/page_first.png) 50% 50% no-repeat; }
  .page_num2 .last {
    background: url(../img/init/page_last.png) 50% 50% no-repeat; }
  .page_num2 .l {
    background: url(../img/init/page_left.png) 50% 50% no-repeat; }
  .page_num2 .r {
    background: url(../img/init/page_right.png) 50% 50% no-repeat; }

@media screen and (max-width: 767px) {
  .page_num a.first, .page_num a.last {
    display: none; }
  .page_num a.l {
    border-left: 1px solid #ddd; } }

.mov_frame, .frame_height {
  position: relative;
  padding-top: 56.25%; }
  .mov_frame iframe, .frame_height iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.bgi {
  content: "";
  background-image: url(../img/zip_ico.png); }

.bgi_b:before {
  content: "";
  background-image: url(../img/zip_ico.png); }

.bgi_a:after {
  content: "";
  background-image: url(../img/zip_ico.png); }

.bx-wrapper {
  position: relative; }

.bx-controls {
  position: absolute; }

#gMap img, .map_api img {
  max-width: inherit;
  max-height: inherit; }

.tn {
  transition: all 0.5s;
  -webkit-transition: all 0.5s; }

/* board pass */
.box-message {
  padding: 50px 0;
  border: 1px solid #ddd;
  background-color: #f7f7f7;
  text-align: center; }
  .box-message .default {
    width: 250px;
    height: 28px;
    margin-top: 15px;
    border: 1px solid #ccc; }
  .box-message .btn_img {
    margin-top: 15px; }

/* 게시판 비밀번호 */
.pass_box {
  width: 493px;
  padding: 4px;
  margin: 0 auto;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  background: #f7f7f7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .pass_box .pass_inner {
    padding: 35px 66px 60px 66px;
    text-align: center;
    background: #fff; }
    .pass_box .pass_inner button {
      width: 100%;
      line-height: 30px;
      color: #fff;
      font-size: 14px;
      background: #66bee6; }
  .pass_box .pass_tit {
    margin-bottom: 30px;
    line-height: 1;
    color: #333;
    font-size: 24px;
    font-weight: bold; }
  .pass_box .pass_txt {
    color: #666;
    font-size: 14px; }
  .pass_box .pass_inp_box {
    position: relative;
    height: 33px;
    padding-left: 97px;
    margin: 20px 0px 10px;
    border: 1px solid #ccc; }
    .pass_box .pass_inp_box .inp_tit {
      position: absolute;
      top: 0;
      left: 0px;
      padding-left: 30px;
      padding-right: 10px;
      line-height: 33px;
      background: url(../img/pass_ico.jpg) 9px center no-repeat; }
    .pass_box .pass_inp_box .inp_tit:after {
      content: '';
      display: block;
      position: absolute;
      width: 1px;
      height: 12px;
      top: 50%;
      right: 0;
      margin-top: -6px;
      background: #ddd; }
    .pass_box .pass_inp_box .pass_inp {
      border: none;
      width: 100%;
      height: 33px; }

.de_btn.r30, .de_inp.r30 {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

.de_btn.r15, .de_inp.r15 {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px; }

.de_btn.r8, .de_inp.r8 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; }

.de_btn.r5, .de_inp.r5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.de_btn.r3, .de_inp.r3 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.de_cki.r30 i, .de_cks.r30 i {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

.de_cki.r15 i, .de_cks.r15 i {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px; }

.de_cki.r8 i, .de_cks.r8 i {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; }

.de_cki.r5 i, .de_cks.r5 i {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.de_cki.r3 i, .de_cks.r3 i {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.de_btn {
  display: inline-block;
  line-height: 120%;
  text-align: center;
  vertical-align: middle;
  color: #666;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -webkit-background-clip: border-box;
  background-clip: border-box; }

.de_btn:disabled {
  background-color: #eee !important;
  color: #ccc !important;
  cursor: auto; }

.de_btn:focus {
  outline: none; }

/* btn size*/
.de_btn.sg {
  min-width: 155px;
  height: 60px;
  line-height: 58px;
  font-size: 14px;
  font-weight: 500; }

.de_btn.sl {
  min-width: 130px;
  height: 50px;
  line-height: 48px;
  font-size: 14px;
  font-weight: 500; }

.de_btn.sm {
  min-width: 116px;
  height: 45px;
  line-height: 43px;
  font-size: 12px;
  font-weight: 500; }

.de_btn.ss {
  min-width: 95px;
  height: 36px;
  line-height: 34px;
  font-size: 12px; }

.de_btn.st {
  min-width: 80px;
  height: 30px;
  line-height: 28px;
  font-size: 12px; }

.de_btn.fill {
  background-color: #2e9975;
  color: #fff; }

.de_btn.fill:hover {
  background-color: rgba(0, 0, 0, 0.5); }

.de_btn.fill:focus {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); }

.de_btn.outline {
  border: 1px solid #999; }

.de_btn.outline:hover {
  border: 1px solid #2e9975;
  color: #2e9975; }

.de_btn.outline:focus {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); }

.de_btn.outline:disabled {
  border: 1px solid #ccc; }

.de_btn.ghost {
  border: 1px solid transparent; }

.de_btn.ghost:hover {
  border: 1px solid transparent;
  color: #2e9975; }

.de_btn.ghost:focus {
  text-shadow: 1px 5px 5px rgba(0, 0, 0, 0.15); }

.de_inp {
  width: 100%;
  border: 1px solid #ddd; }

input.de_inp {
  padding: 0 10px; }

.de_inp::-webkit-input-placeholder {
  color: #999; }

.de_inp::-moz-placeholder {
  color: #999; }

.de_inp:-ms-input-placeholder {
  color: #999; }

.de_inp:-moz-placeholder {
  color: #999; }

.de_inp:focus {
  border: 1px solid #2e9975;
  outline: none; }

.de_inp:disabled {
  background-color: #eee; }

input.de_inp.sm {
  height: 45px;
  padding: 0 20px; }

.de_inp.ss {
  height: 36px; }

.de_inp.st {
  height: 30px; }

.de_rdo, .de_cks {
  display: inline-block;
  vertical-align: middle; }
  .de_rdo i, .de_cks i {
    display: inline-block;
    border: 1px solid #ddd;
    vertical-align: middle;
    background-color: #fff; }
  .de_rdo input, .de_cks input {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0; }
  .de_rdo i::after, .de_cks i::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  .de_rdo input:checked ~ i::after, .de_cks input:checked ~ i::after, .de_rdo.act i::after{
    background-color: #2e9975;
    transform: scale(0.5, 0.5) rotate(0.3deg);
    -webkit-transform: scale(0.5, 0.5) rotate(0.3deg);
    transform: scale(0.5, 0.5) rotate(0.3deg); }
  .de_rdo input:disabled ~ i, .de_cks input:disabled ~ i {
    background-color: #fff; }

.de_rdo2 {
  display: inline-block;
  vertical-align: middle; }
  .de_rdo2 i {
    display: inline-block;
    border: 1px solid #ddd;
    vertical-align: middle;
    background-color: #fff; }
  .de_rdo2 input {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0; }
  .de_rdo2 i {
    position: relative; }
  .de_rdo2 i::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5px;
    height: 10px;
    margin-top: -7px;
    margin-left: -4px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .de_rdo2 i::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #000;
    opacity: 0; }
  .de_rdo2 input:checked ~ i::after {
    opacity: 1; }
  .de_rdo2 input:checked ~ i::before {
    opacity: 1; }
  .de_rdo2 input:disabled ~ i {
    background-color: #fff; }

.de_rdo.txt i, .de_cks.txt i, .de_cki.txt i {
  margin-right: 10px; }

.de_rdo i {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.de_rdo i::after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.de_cki, .de_cks {
  display: inline-block;
  vertical-align: middle; }
  .de_cki i, .de_cks i {
    display: inline-block;
    border: 1px solid #ddd;
    vertical-align: middle; }

.de_cki2 {
  display: inline-block;
  vertical-align: middle; }
  .de_cki2 i {
    display: inline-block;
    border: 1px solid #ddd;
    background-color: #fff;
    vertical-align: middle; }

.de_cki3 {
  display: inline-block;
  vertical-align: middle; }
  .de_cki3 i {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 100%;
    background-color: #fff;
    vertical-align: middle; }

.de_rdo.sg i, .de_cki.sg i, .de_cks.sg i {
  width: 30px;
  height: 30px; }

.de_rdo.ss i, .de_rdo2.ss i, .de_cki.ss i, .de_cki2.ss i, .de_cki3.ss i, .de_cks.ss i {
  width: 20px;
  height: 20px; }

.de_cki {
  display: inline-block;
  vertical-align: middle; }
  .de_cki input {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0; }
  .de_cki i {
    position: relative; }
  .de_cki i::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5px;
    height: 10px;
    margin-top: -7px;
    margin-left: -4px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .de_cki i::before {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 20px;
    height: 20px;
    background-color: #000;
    opacity: 0; }
  .de_cki input:checked ~ i::after {
    opacity: 1; }
  .de_cki input:checked ~ i::before {
    opacity: 1; }
  .de_cki input:disabled ~ i {
    background-color: #fff; }

.de_cki2 {
  display: inline-block;
  vertical-align: middle; }
  .de_cki2 input {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0; }
  .de_cki2 i {
    position: relative; }
  .de_cki2 i::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5px;
    height: 10px;
    margin-top: -7px;
    margin-left: -4px;
    border: solid #2e9975;
    border-width: 0 2px 2px 0;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .de_cki2 i::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    opacity: 0; }
  .de_cki2 input:checked ~ i::after {
    opacity: 1; }
  .de_cki2 input:checked ~ i::before {
    opacity: 1; }
  .de_cki2 input:disabled ~ i {
    background-color: #fff; }

.de_cki3 {
  display: inline-block;
  vertical-align: middle; }
  .de_cki3 i {
    display: inline-block;
    border: 1px solid #ddd;
    vertical-align: middle;
    background-color: #fff; }
  .de_cki3 input {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0; }
  .de_cki3 i::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: transparent;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  .de_cki3 input:checked ~ i::after {
    background-color: #2e9975;
    transform: scale(0.5, 0.5) rotate(0.3deg);
    -webkit-transform: scale(0.5, 0.5) rotate(0.3deg);
    transform: scale(0.5, 0.5) rotate(0.3deg); }
  .de_cki3 input:disabled ~ i {
    background-color: #fff; }

.sys_wrap {
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px; 
  padding-bottom: 100px;
  border-top: 1px solid #ddd;
  }
  .sys_wrap .sys12 {
    font-size: 12px; }
  .sys_wrap .sys14 {
    font-size: 14px; }
  .sys_wrap .sys16 {
    font-size: 16px; }
  .sys_wrap .sys18 {
    font-size: 18px; }
  .sys_wrap .sys26 {
    font-size: 26px; }
  .sys_wrap .sys30 {
    font-size: 30px; }
  .sys_wrap .sys_h2 {
    margin-bottom: 30px;
    font-size: 40px;
    font-weight: 500;
    text-align: center; }
  .sys_wrap .sys_ico {
    background-image: url(../img/init/init_ico.png); }
  .sys_wrap .sys_ico_a::after {
    content: "";
    background-image: url(../img/init/init_ico.png); }
  .sys_wrap .sys_ico_b::before {
    content: "";
    background-image: url(../img/init/init_ico.png); }
  .sys_wrap .sys_agree {
    color: #666; }
    .sys_wrap .sys_agree .t1 {
      font-weight: 500;
      color: #333; }
  .sys_wrap .sys_mailto {
    padding: 50px 90px;
    background-color: #fafafa;
    text-align: center; }
    .sys_wrap .sys_mailto .t1 {
      margin-bottom: 20px;
      font-weight: 500; }
    .sys_wrap .sys_mailto .t1::before {
      content: "";
      display: block;
      width: 109px;
      height: 100px;
      margin: 0 auto 40px;
      background: url(../img/init/mailto.png) no-repeat; }
  .sys_wrap .sys_my_h2 {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #333;
    font-size: 40px;
    font-weight: 500;
    line-height: 100%; }
  .sys_wrap .sys_my_tab {
    margin-bottom: 50px; }
    .sys_wrap .sys_my_tab ul {
      border-left: 1px solid #ccc; }
      .sys_wrap .sys_my_tab ul li {
        border: 1px solid #ccc;
        border-left: none;
        text-align: center;
        color: #999; }
        .sys_wrap .sys_my_tab ul li a {
          display: block;
          padding: 10px 0; }
      .sys_wrap .sys_my_tab ul .act {
        border: 1px solid #231f20;
        background-color: #231f20;
        color: #fff; }
    .sys_wrap .sys_my_tab .lng6 li {
      width: 16.666%; }
    .sys_wrap .sys_my_tab .lng7 li {
      width: 14.285%; }
  .sys_wrap .sys_my_level {
    margin-bottom: 15px;
    color: #888; }
    .sys_wrap .sys_my_level span {
      color: #000; }
  .sys_wrap .sys_mymain_point {
    margin-bottom: 30px;
    border: 1px solid #ddd;
    border-left: none; }
    .sys_wrap .sys_mymain_point ul {
      width: 100%; }
      .sys_wrap .sys_mymain_point ul li {
        width: 88px;
        height: 84px;
        border-left: 1px solid #ddd; }
        .sys_wrap .sys_mymain_point ul li .i {
          position: relative;
          display: block;
          margin: 0 auto 5px; }
        .sys_wrap .sys_mymain_point ul li .num {
          position: absolute;
          top: -6px;
          right: -11px;
          display: block;
          width: 17px;
          height: 17px;
          text-align: center;
          line-height: 17px;
          color: #fff;
          font-size: 11px;
          text-align: center;
          background-color: #f00;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%; }
        .sys_wrap .sys_mymain_point ul li .cart {
          display: block; }
          .sys_wrap .sys_mymain_point ul li .cart .i {
            width: 27px;
            height: 27px;
            background-position: 0 0; }
        .sys_wrap .sys_mymain_point ul li .wish {
          display: block; }
          .sys_wrap .sys_mymain_point ul li .wish .i {
            width: 30px;
            height: 27px;
            background-position: -27px 0; }
        .sys_wrap .sys_mymain_point ul li .t {
          display: block;
          text-align: center;
          color: #7c7c7c; }
      .sys_wrap .sys_mymain_point ul .tb {
        width: auto;
        padding: 10px 20px;
        background-color: #fafafa; }
        .sys_wrap .sys_mymain_point ul .tb table tr th {
          width: auto;
          padding: 5px 0;
          color: #666; }
        .sys_wrap .sys_mymain_point ul .tb table tr th::before {
          content: "";
          display: inline-block;
          width: 4px;
          height: 7px;
          margin-right: 10px;
          margin-bottom: 3px;
          vertical-align: middle;
          background: url(../img/init/sys_mymain_arr.png); }
        .sys_wrap .sys_mymain_point ul .tb table tr td {
          width: 140px;
          padding: 5px 0;
          text-align: right;
          color: #666; }
  .sys_wrap .sys_my_h3 {
    margin-bottom: 10px;
    font-weight: 500; }
  .sys_wrap .sys_mymain_ostate {
    margin-bottom: 30px; }
    .sys_wrap .sys_mymain_ostate ul {
      margin-left: -10px;
      font-size: 0;
      vertical-align: top; }
      .sys_wrap .sys_mymain_ostate ul li {
        display: inline-block;
        width: calc(20% - 10px);
        height: 120px;
        margin-left: 10px;
        border: 1px solid #dedede;
        text-align: center; }
        .sys_wrap .sys_mymain_ostate ul li .t2 {
          font-weight: 500;
          color: #999; }
        .sys_wrap .sys_mymain_ostate ul li .t2.act {
          color: #2e9975 !important; }
        .sys_wrap .sys_mymain_ostate ul li .tb {
          padding: 15px; }
          .sys_wrap .sys_mymain_ostate ul li .tb table tr th {
            width: auto;
            text-align: left;
            color: #666; }
          .sys_wrap .sys_mymain_ostate ul li .tb table tr th::before {
            content: "";
            display: inline-block;
            width: 4px;
            height: 7px;
            margin-right: 10px;
            margin-bottom: 3px;
            vertical-align: middle;
            background: url(../img/init/sys_mymain_arr.png); }
          .sys_wrap .sys_mymain_ostate ul li .tb table tr td {
            width: 40px;
            color: #666;
            text-align: right; }
  .sys_wrap .sys_my_tb table {
  width: 100%;
    border-top: 1px solid #333; }
    .sys_wrap .sys_my_tb table thead {
      background-color: #fafafa; }
      .sys_wrap .sys_my_tb table thead tr th {
        padding: 15px 0; }
    .sys_wrap .sys_my_tb table tr {
      border-bottom: 1px solid #ddd; }
      .sys_wrap .sys_my_tb table tr td {
        padding: 10px 0;
        text-align: center;
        color: #666; }
        .sys_wrap .sys_my_tb table tr td .new_open_btn {
          color: #666; }
      .sys_wrap .sys_my_tb table tr .tal {
        text-align: left; }
  .sys_wrap .sys_my_tb .ord_lst_tb .th1 {
    width: 180px; }
  .sys_wrap .sys_my_tb .ord_lst_tb .th2 {
    width: auto; }
  .sys_wrap .sys_my_tb .ord_lst_tb .th3 {
    width: 150px; }
  .sys_wrap .sys_my_tb .ord_lst_tb .th4 {
    width: 140px; }
  .sys_wrap .sys_my_tb .ord_lst_tb .th5 {
    width: 130px; }
  .sys_wrap .sys_my_tb .ord_lst_tb .th6 {
    width: 120px; }
	.sys_wrap .sys_my_tb .ord_lst_tb .th7 {
    width: 120px; }
  .sys_wrap .sys_my_tb .ord_lst_tb .s {
    color: #888; }
  .sys_wrap .sys_my_tb .ord_lst_tb .cancel_order {
    display: inline-block;
    width: 66px;
    height: 28px;
    background-color: #888;
    color: #fff; }
  .sys_wrap .sys_my_tb .point_tb .th1 {
    width: 100px; }
  .sys_wrap .sys_my_tb .point_tb .th2 {
    width: 100px; }
  .sys_wrap .sys_my_tb .point_tb .th3 {
    width: 150px; }
  .sys_wrap .sys_my_tb .point_tb .th4 {
    width: auto; }
  .sys_wrap .sys_my_tb .point_tb .th5 {
    width: 120px; }
  .sys_wrap .sys_my_tb .coupon .th1 {
    width: 110px; }
  .sys_wrap .sys_my_tb .coupon .th2 {
    width: 720px; }
  .sys_wrap .sys_my_tb .coupon .th3 {
    width: 220px; }
  .sys_wrap .sys_my_tb .coupon .th4 {
    width: 150px; }
  .sys_wrap .sys_ordlst_search {
    margin-bottom: 30px;
    padding: 10px 50px;
    border: 1px solid #ddd;
    background-color: #f9f9f9; }
    .sys_wrap .sys_ordlst_search table tr th {
      width: 100px;
      padding: 5px 0;
      text-align: left; }
    .sys_wrap .sys_ordlst_search table tr td {
      padding: 5px 0; }
      .sys_wrap .sys_ordlst_search table tr td .period {
        display: inline-block;
        width: 105px;
        height: 30px;
        margin-right: 5px;
        border: 1px solid #ccc;
        text-align: center;
        color: #666;
        background-color: #fff; }
      .sys_wrap .sys_ordlst_search table tr td .period.act {
        border: 1px solid #2e9975 !important;
        background-color: #2e9975 !important;
        color: #fff; }
      .sys_wrap .sys_ordlst_search table tr td .sys_inp_date {
        width: 265px; }
      .sys_wrap .sys_ordlst_search table tr td .space {
        display: inline-block;
        width: 27px;
        text-align: center;
        line-height: 37px;
        vertical-align: top; }
      .sys_wrap .sys_ordlst_search table tr td .period_s_btn {
        display: inline-block;
        width: 88px;
        height: 37px;
        color: #fff;
        text-align: center;
        background-color: #231f20; }
  .sys_wrap .sys_inp_date {
    position: relative;
    height: 37px;
    border: 1px solid #ccc;
    background-color: #fff; }
    .sys_wrap .sys_inp_date input {
      float: left;
      width: calc(100% - 30px);
      height: 100%;
      border: none;
      color: #666; }
    .sys_wrap .sys_inp_date .ui-datepicker-trigger {
      float: right;
      display: block;
      width: 21px;
      height: 20px;
      margin: 6px 6px 0 0;
      background: url(../img/init/init_ico.png) -57px 0; }
  .sys_wrap .sys_inp_date::after {
    content: "";
    display: block;
    clear: both; }
  .sys_wrap .sys_myprod_tb {
    border-top: 1px solid #333; }
    .sys_wrap .sys_myprod_tb table thead tr th {
      padding: 15px 0;
      border: 1px solid #ccc;
      background-color: #fafafa; }
    .sys_wrap .sys_myprod_tb table tbody tr td {
      padding: 20px 10px;
      border: 1px solid #ccc;
      text-align: center;
      color: #666; }
    .sys_wrap .sys_myprod_tb table tbody tr .tit .img {
      width: 80px; }
    .sys_wrap .sys_myprod_tb table tbody tr .tit .txt {
      padding-left: 20px;
      text-align: left; }
      .sys_wrap .sys_myprod_tb table tbody tr .tit .txt .lng_edit {
        margin-top: 20px;
        font-size: 0; }
        .sys_wrap .sys_myprod_tb table tbody tr .tit .txt .lng_edit .lng_btn {
          display: inline-block;
          width: 25px;
          height: 25px;
          border: 1px solid #646464; }
        .sys_wrap .sys_myprod_tb table tbody tr .tit .txt .lng_edit .lng_inp {
          width: 50px;
          height: 25px;
          border: none;
          text-align: center; }
        .sys_wrap .sys_myprod_tb table tbody tr .tit .txt .lng_edit .lng_btn::after {
          display: block;
          width: 11px;
          height: 11px;
          margin: 0 auto; }
        .sys_wrap .sys_myprod_tb table tbody tr .tit .txt .lng_edit .lng_btn.d::after {
          background-position: -97px -47px; }
        .sys_wrap .sys_myprod_tb table tbody tr .tit .txt .lng_edit .lng_btn.u::after {
          background-position: -108px -47px; }
      .sys_wrap .sys_myprod_tb table tbody tr .tit .txt .t2 {
        color: #666; }
    .sys_wrap .sys_myprod_tb table tbody tr .btn_td .btn {
      display: inline-block;
      width: 100%;
      height: 25px;
      margin-top: 3px;
      border: 1px solid #9c9c9c;
      color: #666;
      text-align: center;
      font-family: '돋움'; }
    .sys_wrap .sys_myprod_tb table tbody tr .btn_td .btn1 {
      margin-top: 0;
      border: 1px solid #2e9975 !important;
      background-color: #2e9975 !important;
      color: #fff; }
    .sys_wrap .sys_myprod_tb .wish .th1 {
      width: 55px; }
    .sys_wrap .sys_myprod_tb .wish .th2 {
      width: auto; }
    .sys_wrap .sys_myprod_tb .wish .th3 {
      width: 100px; }
    .sys_wrap .sys_myprod_tb .wish .th4 {
      width: 100px; }
    .sys_wrap .sys_myprod_tb .wish .th5 {
      width: 110px; }
    .sys_wrap .sys_myprod_tb .cart .th1 {
      width: 55px; }
    .sys_wrap .sys_myprod_tb .cart .th2 {
      width: auto; }
    .sys_wrap .sys_myprod_tb .cart .th3, .sys_wrap .sys_myprod_tb .cart .th4, .sys_wrap .sys_myprod_tb .cart .th5, .sys_wrap .sys_myprod_tb .cart .th6, .sys_wrap .sys_myprod_tb .cart .th7 {
      width: 100px; }
    .sys_wrap .sys_myprod_tb .cart .th8 {
      width: 110px; }
    .sys_wrap .sys_myprod_tb .order .th1 {
      width: auto; }
    .sys_wrap .sys_myprod_tb .order .th2, .sys_wrap .sys_myprod_tb .order .th3, .sys_wrap .sys_myprod_tb .order .th4, .sys_wrap .sys_myprod_tb .order .th5, .sys_wrap .sys_myprod_tb .order .th6, .sys_wrap .sys_myprod_tb .order .th7 {
      width: 100px; }
    .sys_wrap .sys_myprod_tb .myprod_bottom_btn {
      margin-top: 20px; }
      .sys_wrap .sys_myprod_tb .myprod_bottom_btn .btn {
        min-width: 120px;
        height: 40px;
        padding: 0 15px;
        border: 1px solid #888;
        line-height: 38px;
        text-align: center;
        font-family: '돋움'; }
		.w_sel_del.btn{
		  background-color: #999;
		  bdrder: none;
		  color: #fff;  }
      .sys_wrap .sys_myprod_tb .myprod_bottom_btn .btn2 {
        background-color: #888;
        color: #fff; }
  .sys_wrap .cart_b_btn .btn {
    display: inline-block;
    width: 280px;
    height: 45px;
    line-height: 43px;
    text-align: center;
    font-weight: 500;
    font-size: 14px; }
  .sys_wrap .cart_b_btn .btn1 {
    border: 1px solid #999; }
  .sys_wrap .cart_b_btn .btn2 {
    margin-left: 10px;
    border: 1px solid #2e9975 !important;
    background-color: #2e9975 !important;
    color: #fff; }
  .sys_wrap .sys_inp_tb .req_info {
    margin-bottom: 5px;
    color: #666; }
    .sys_wrap .sys_inp_tb .req_info span {
      color: #ff3a3a; }
  .sys_wrap .sys_inp_tb .inp_t {
    margin-bottom: 10px; }
  .sys_wrap .sys_inp_tb .tb {
    border-top: 1px solid #999999; }
    .sys_wrap .sys_inp_tb .tb table tr th {
      width: 153px;
      padding: 20px 0 20px 25px;
      border-right: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd;
      text-align: left; }
    .sys_wrap .sys_inp_tb .tb table tr .star::after {
      content: "*";
      margin-left: 5px;
      color: #ff3a3a; }
    .sys_wrap .sys_inp_tb .tb table tr td {
      padding: 7px 10px;
      border-bottom: 1px solid #dddddd;
      font-family: '돋움';
      color: #666; }
      .sys_wrap .sys_inp_tb .tb table tr td .line {
        margin-top: 7px;
        color: #666; }
      .sys_wrap .sys_inp_tb .tb table tr td .line:first-child {
        margin-top: 0; }
      .sys_wrap .sys_inp_tb .tb table tr td .inp_r_btn {
        width: 110px;
        height: 45px;
        margin-left: 5px;
        border: 1px solid #999;
        line-height: 43px; }
      .sys_wrap .sys_inp_tb .tb table tr td .mr20 {
        margin-right: 20px; }
      .sys_wrap .sys_inp_tb .tb table tr td .sys_inp {
        height: 45px; }
	  .sys_wrap .sys_inp_tb .tb table tr td .inp_v2 {
	    display: inlin-block;
		width: 450px;  }
  .sys_wrap .sys_inp_tb .btn_line {
    text-align: center; }
    .sys_wrap .sys_inp_tb .btn_line .btn {
      display: inline-block;
      width: 226px;
      height: 45px;
      line-height: 43px;
      text-align: center;
      font-weight: 500; }
    .sys_wrap .sys_inp_tb .btn_line button.btn {
      background-color: #2e9975 !important;
      background-color: #2e9975 !important;
      color: #fff; }
    .sys_wrap .sys_inp_tb .btn_line a.btn {
      border: 1px solid #999; }
  .sys_wrap .sys_ord_tb table {
    border: 1px solid #ccc; }
    .sys_wrap .sys_ord_tb table tr {
      border-bottom: 1px solid #ccc; }
      .sys_wrap .sys_ord_tb table tr th {
        width: 150px;
        padding: 10px 0 10px 20px;
        text-align: left;
        background-color: #fafafa; }
      .sys_wrap .sys_ord_tb table tr td {
        padding: 7px; }
        .sys_wrap .sys_ord_tb table tr td .inp_r_btn {
          width: 100px;
          height: 37px;
          border: 1px solid #999;
          font-family: '돋움'; }
        .sys_wrap .sys_ord_tb table tr td .sys_inp {
          height: 37px; }
        .sys_wrap .sys_ord_tb table tr td .line {
          margin-top: 5px; }
        .sys_wrap .sys_ord_tb table tr td .line:first-child {
          margin-top: 0; }
        .sys_wrap .sys_ord_tb table tr td .mr10 {
          margin-right: 10px; }
  .sys_wrap .sys_inp {
    border: 1px solid #ddd;
    font-family: '돋움';
    color: #666; }
  .sys_wrap input[type="text"].sys_inp {
    padding: 0 10px; }
  .sys_wrap .sys175 {
    width: 175px; }
  .sys_wrap .sys280 {
    width: 280px; }
  .sys_wrap .sys600 {
    width: 600px; }
  .sys_wrap .sys100p {
    width: 100%; }
  .sys_wrap .sys150 {
    width: 150px; }
  .sys_wrap .h225 {
    height: 225px; }
  .sys_wrap .sys_myh3 {
    margin-bottom: 10px;
    font-weight: 600; }
  .sys_wrap .sys_myh3::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 16px;
    margin-bottom: 3px;
    margin-right: 10px;
    vertical-align: middle;
    background-color: #333; }
  .sys_wrap .copy_info_check {
    margin-left: 20px;
    vertical-align: middle; }
  .sys_wrap .sys_myh3 .copy_info {
    margin-left: 5px;
    color: #666;
    font-weight: 300; }
  .sys_wrap .ord_price_tb {
    margin-bottom: 60px;
    border: 1px solid #333; }
    .sys_wrap .ord_price_tb table thead {
      background-color: #fafafa; }
      .sys_wrap .ord_price_tb table thead tr > th {
        padding: 15px; }
    .sys_wrap .ord_price_tb table tbody tr td {
      position: relative;
      padding: 40px 0;
      text-align: center; }
    .sys_wrap .ord_price_tb table tbody tr .td1::after {
      background-position: 0 -40px; }
    .sys_wrap .ord_price_tb table tbody tr .td2::after {
      background-position: -30px -40px; }
    .sys_wrap .ord_price_tb table tbody tr .td3::after {
      background-position: -60px -40px; }
    .sys_wrap .ord_price_tb table tbody tr .td_ico::after {
      content: "";
      display: inline-block;
      position: absolute;
      top: 50%;
      right: -15px;
      width: 30px;
      height: 30px;
      margin-top: -15px; }
    .sys_wrap .ord_price_tb table th, .sys_wrap .ord_price_tb table td {
      border: 1px solid #ccc; }
  .sys_wrap .sys_find_mem {
    width: 460px;
    margin: 0 auto; }
    .sys_wrap .sys_find_mem .tab {
      margin-bottom: 30px; }
      .sys_wrap .sys_find_mem .tab ul li {
        width: 50%;
        padding: 10px;
        border-bottom: 1px solid #333;
        text-align: center;
        color: #999; }
      .sys_wrap .sys_find_mem .tab ul .act {
        border: 1px solid #333;
        border-bottom: 1px solid #fff;
        color: #333; }
    .sys_wrap .sys_find_mem .form_tb {
      margin-bottom: 20px; }
      .sys_wrap .sys_find_mem .form_tb table {
        border-top: 1px solid #999; }
        .sys_wrap .sys_find_mem .form_tb table tr {
          border-bottom: 1px solid #ddd; }
          .sys_wrap .sys_find_mem .form_tb table tr th {
            width: 153px;
            padding: 10px 20px;
            text-align: left; }
          .sys_wrap .sys_find_mem .form_tb table tr td {
            padding: 8px 7px; }
            .sys_wrap .sys_find_mem .form_tb table tr td .sys_inp {
              width: 100%;
              height: 45px; }
    .sys_wrap .sys_find_mem .form_tb.mb10 {
      margin-bottom: 10px; }
    .sys_wrap .sys_find_mem .sbm_btn {
      display: block;
      width: 100%;
      padding: 10px;
      background-color: #2e9975 !important;
      color: #fff; }
	.sys_wrap .sys_find_mem .sbm_btn2{
	  display: block;
	  width: 100%;
	  height: 45px;
	  margin-top: 3px;
	  border: 1px solid #999;
	  text-align: center;
	  line-height: 43px;  }
    .sys_wrap .sys_find_mem .join_link {
      margin-top: 30px; }
      .sys_wrap .sys_find_mem .join_link .t1 {
        margin-bottom: 5px;
        text-align: center;
        color: #666; }
      .sys_wrap .sys_find_mem .join_link .link {
        display: block;
        width: 100%;
        padding: 10px;
        border: 1px solid #999;
        text-align: center; }
    .sys_wrap .sys_find_mem .save_id {
      font-family: '돋움';
      color: #666; }
    .sys_wrap .sys_find_mem .login_bottom {
      margin-top: 20px;
      font-family: '돋움';
      text-align: center;
      color: #666; }
      .sys_wrap .sys_find_mem .login_bottom a::before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 10px;
        margin: 0 10px;
        background-color: #666; }
      .sys_wrap .sys_find_mem .login_bottom a:first-child::before {
        display: none; }
  .sys_wrap .coupon_lst ul {
    margin-left: -51px;
    font-size: 0; }
    .sys_wrap .coupon_lst ul li {
      display: inline-block;
      width: calc(33.333% - 51px);
      margin-left: 51px;
      margin-bottom: 50px; }
      .sys_wrap .coupon_lst ul li .img {
        border: 1px solid #ddd; }
        .sys_wrap .coupon_lst ul li .img img {
          width: 100%; }
      .sys_wrap .coupon_lst ul li .txt .t1 {
        margin-bottom: 10px;
        padding: 10px 0;
        border-bottom: 1px solid #ddd; }
      .sys_wrap .coupon_lst ul li .txt .t2 {
        margin-bottom: 20px; }
        .sys_wrap .coupon_lst ul li .txt .t2 .t2_p {
          color: #666; }
          .sys_wrap .coupon_lst ul li .txt .t2 .t2_p span {
            color: #333; }
      .sys_wrap .coupon_lst ul li .coupon_down_btn {
        display: block;
        width: 100%;
        height: 50px;
        background-color: #2e9975 !important;
        text-align: center;
        color: #fff; }
      .sys_wrap .coupon_lst ul li .coupon_down_btn::after {
        display: inline-block;
        width: 14px;
        height: 16px;
        margin-bottom: 3px;
        margin-left: 20px;
        vertical-align: middle;
        background-position: -98px 0; }
  .sys_wrap .sys_join3_box {
    padding: 80px 0;
    border: 1px solid #ddd;
    text-align: center; }
    .sys_wrap .sys_join3_box .h3 {
      margin-bottom: 10px; }
    .sys_wrap .sys_join3_box .h3::before {
      content: "";
      display: block;
      width: 103px;
      height: 100px;
      margin: 0 auto 20px;
      background: url(../img/init/join3_ico.png); }
    .sys_wrap .sys_join3_box .t1 {
      color: #666; }
    .sys_wrap .sys_join3_box .link_line {
      margin-top: 50px;
      text-align: center; }
      .sys_wrap .sys_join3_box .link_line .link {
        display: inline-block;
        width: 226px;
        height: 45px;
        border: 1px solid #999;
        line-height: 43px;
        text-align: center; }
  .sys_wrap .sys_join_allcheck {
    margin-bottom: 30px;
    padding: 10px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #ddd; }
    .sys_wrap .sys_join_allcheck label {
      color: #666; }
  .sys_wrap .join_agree_wrap {
    border-bottom: 1px solid #ddd; }
    .sys_wrap .join_agree_wrap .sys_join_h3 {
      margin-bottom: 10px; }
    .sys_wrap .join_agree_wrap .agree_box {
      overflow-y: scroll;
      height: 200px;
      padding: 15px;
      border: 1px solid #ddd; }
      .sys_wrap .join_agree_wrap .agree_box pre {
        font-size: 12px;
        color: #888; }
    .sys_wrap .join_agree_wrap .agree_line {
      padding: 20px 0; }
      .sys_wrap .join_agree_wrap .agree_line label {
        color: #666; }
  .sys_wrap .sys_join_btnline {
    text-align: center; }
    .sys_wrap .sys_join_btnline .btn {
      display: inline-block;
      width: 226px;
      height: 45px;
      color: #fff; }
    .sys_wrap .sys_join_btnline .btn1 {
      background-color: #2e9975 !important; }
    .sys_wrap .sys_join_btnline .btn2 {
      background-color: #2e9975 !important; }
  .sys_wrap .sys_price_tb {
    margin-bottom: 50px;
    border: 1px solid #333; }
    .sys_wrap .sys_price_tb table thead {
      background-color: #fafafa; }
    .sys_wrap .sys_price_tb table th {
      width: 25%;
      padding: 20px;
      border: 1px solid #ccc; }
    .sys_wrap .sys_price_tb table td {
      position: relative;
      height: 110px;
      border: 1px solid #ccc;
      text-align: center; }
    .sys_wrap .sys_price_tb table .sys_ico_b::before {
      position: absolute;
      right: 0;
      top: 50%;
      display: block;
      width: 30px;
      height: 30px;
      margin-top: -15px;
      margin-right: -15px; }
    .sys_wrap .sys_price_tb table .m::before {
      background-position: 0 -40px; }
    .sys_wrap .sys_price_tb table .p::before {
      background-position: -30px -40px; }
    .sys_wrap .sys_price_tb table .e::before {
      background-position: -60px -40px; }

.pay_box {
  z-index: 9999; }

.c1 {
  color: #2e9975 !important; }

.c3 {
  color: #333; }

.c6 {
  color: #666; }

.c8 {
  color: #888; }

.c9 {
  color: #999; }

.ca {
  color: #aaa; }

.cr {
  color: #f00; }

.container {
  width: 1200px;
  margin: 0 auto; }

#wrap {
  min-width: 1200px; }

.bar:after {
  content: "";
  display: inline-block; }

.dotum {
  font-family: "돋움"; }

.fz11 {
  font-size: 11px; }

.del {
  text-decoration: line-through; }

.fz0 {
  font-size: 0; }

/* :::::::::: header-S :::::::::: */
.top_wrap {
  width: 100%;
  height: 42px;
  background-color: #fafafa; }
  .top_wrap .bookmark {
    width: 114px;
    height: 42px;
    line-height: 42px;
    border-right: 1px solid #eee; }
    .top_wrap .bookmark:before {
      content: "";
      display: inline-block;
      margin: 16px 6px 0 0;
      width: 12px;
      height: 11px;
      background: url(../img/bookmark.png);
      background-repeat: no-repeat; }
  .top_wrap .top_info p {
    display: inline-block;
    padding: 0 20px;
    line-height: 42px;
    border-right: 1px solid #eee; }
    .top_wrap .top_info p span {
      color: #ff3d3d; }
  .top_wrap .login_box {
    line-height: 42px; }
    .top_wrap .login_box span {
      margin-right: -10px; }
      .top_wrap .login_box span a {
        margin: 0 10px; }
    .top_wrap .login_box .bar:after {
      width: 1px;
      height: 9px;
      margin-right: 5px;
      background-color: #666; }

.gnb_top {
  height: 131px;
  background-color: #fff; }
  .gnb_top h1 {
    padding: 43px 67px 0 0; }
  .gnb_top .sch_wrap {
		width: 450px;
    padding-top: 30px; }
    .gnb_top .sch_wrap .sch_box {
      width: 450px;
      height: 43px;
      padding: 0 50px 0 21px;
      border: 2px solid #2e9975 !important;
      border-radius: 21px; }
    .gnb_top .sch_wrap .sch_box::placeholder {
      color: #888;
      font-size: 14px; }
    .gnb_top .sch_wrap .sch_btn {
      width: 20px;
      height: 17px;
      right: 22px;
      top: 13px; }
    .gnb_top .sch_wrap .hotword {
      padding-top: 10px; }
      .gnb_top .sch_wrap .hotword .hot_box {
        width: 62px;
        height: 18px;
        margin-right: 10px;
        color: #fff;
        line-height: 18px;
        text-align: center;
        background-color: #fec240; }
	 .gnb_top .sch_wrap .hotword li{display: block;height: 18px;line-height: 18px;}
      /*.gnb_top .sch_wrap .hotword .bar:after {
        width: 1px;
        height: 9px;
        margin: 0 10px;
        background-color: #e9deca; }*/

	.gnb_top .sch_wrap .hotword li::after{content: '';display: inline-block;width: 1px;height: 9px;margin: 0 10px;background-color: #e9deca;}
	.gnb_top .sch_wrap .hotword li:first-child::after{display: none;}
	.gnb_top .sch_wrap .hotword li:last-child::after{display: none;}


  .gnb_top .personal_info {
    margin: 38px 0 0 50px; }
    .gnb_top .personal_info li {
      margin-right: 30px;
      position: relative; }
      .gnb_top .personal_info li a {
        display: inline-block;
        height: 55px;
        padding-top: 42px;
        line-height: 100%; }
      .gnb_top .personal_info li .mypage:before {
        position: absolute;
        left: 16px;
        top: 5px;
        width: 23px;
        height: 26px;
        background-position: -8px -123px; }
      .gnb_top .personal_info li .delivery:before {
        position: absolute;
        left: 7px;
        top: 8px;
        width: 29px;
        height: 21px;
        background-position: -39px -126px; }
      .gnb_top .personal_info li .basket:before {
        position: absolute;
        left: 7px;
        top: 5px;
        width: 29px;
        height: 26px;
        background-position: -72px -123px; }
      .gnb_top .personal_info li .basket_count {
        width: 21px;
        height: 21px;
        right: 0;
        top: 0;
        color: #fff;
        line-height: 21px;
        text-align: center;
        background-color: #2e9975 !important;
        border-radius: 100%; }
  .gnb_top .head_banner {
    margin-top: 28px; }
    .gnb_top .head_banner .head_banner_mask {
      width: 201px;
      overflow: hidden; }
      .gnb_top .head_banner .head_banner_mask .item {
        text-align: center; }
    .gnb_top .head_banner .banner_btn_wrap {
      right: 5px;
      top: 0;
      z-index: 10; }
      .gnb_top .head_banner .banner_btn_wrap .banner_btn.prev_btn {
        width: 15px;
        height: 15px; }
      .gnb_top .head_banner .banner_btn_wrap .banner_btn.next_btn {
        width: 15px;
        height: 15px; }

.gnb_wrap {
  width: 100%;
  height: 52px;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  .gnb_wrap .allmenu_btn {
    width: 233px;
    border-right: 1px solid #ddd; }
    .gnb_wrap .allmenu_btn .allmenu_bg {
      display: inline-block;
      width: 50px;
      height: 50px;
      background-color: #2e9975 !important; }
    .gnb_wrap .allmenu_btn .allmenu_bg:after {
      display: inline-block;
      width: 20px;
      height: 16px;
      margin-top: 17px;
      background-position: -106px -111px; }
    .gnb_wrap .allmenu_btn .all_cate {
      padding-left: 22px;
      width: 182px;
      line-height: 50px;
      text-align: left; }
    .gnb_wrap .allmenu_btn .all_cate:after {
      display: inline-block;
      margin: 0 0 5px 44px;
      width: 10px;
      height: 5px;
      background-position: -130px -111px; }
    .gnb_wrap .allmenu_btn.act .all_cate {
      background-color: #2e9975 !important;
      color: #fff; }
    .gnb_wrap .allmenu_btn.act .all_cate:after {
      background-position: -130px -126px; }
  .gnb_wrap .allmenu {
    left: 0;
    top: 50px;
    z-index: 1000; }
    .gnb_wrap .allmenu .dep1 {
      width: 233px;
      height: 451px;
      border: 1px solid #ddd;
      padding-top: 10px;
      background-color: #fff; }
	  .gnb_wrap .allmenu .dep1 .dep2hover{display: none;}
      .gnb_wrap .allmenu .dep1 li.act .dep2hover {
        display: block; }
      .gnb_wrap .allmenu .dep1 > li > a {
        padding-left: 20px;
        display: inline-block;
        width: 100%;
        line-height: 40px;
        font-size: 14px;
        color: #666; }
      .gnb_wrap .allmenu .dep1 > li.act > a {
        background-color: #eee; }
      .gnb_wrap .allmenu .dep1 > li .dep2 {
        left: 232px;
        top: 0;
        width: 233px;
        height: 451px;
		
        overflow-y: scroll;
        background-color: #fff;
        border: 1px solid #ddd; }
        .gnb_wrap .allmenu .dep1 > li .dep2 p {
          padding-left: 20px; }
        .gnb_wrap .allmenu .dep1 > li .dep2 ul li a {
          padding-left: 20px;
          display: inline-block;
          width: 100%;
          line-height: 40px;
          font-size: 14px;
          color: #666; }
		 .gnb_wrap .allmenu .dep1 > li .dep2 ul li:hover a{
			background-color: #2e9975 !important;
		    color: #fff;
		 }
       /*  .gnb_wrap .allmenu .dep1 > li .dep2 ul li.act > a {
		          background-color: #2e9975 !important;
		          color: #fff; }
		.gnb_wrap .allmenu .dep1 > li .dep2 > li.act > a {
		background-color: #2e9975;
		color: #fff !important; } */
      .gnb_wrap .allmenu .dep1 > li .dep3 {
        left: 463px;
        top: 0px;
        width: 233px;
        height: 451px;
        overflow-y: scroll;
        background-color: #fff;
        border: 1px solid #ddd; }
        .gnb_wrap .allmenu .dep1 > li .dep3 p {
          padding-left: 20px; }
        .gnb_wrap .allmenu .dep1 > li .dep3 ul li a {
          padding-left: 20px;
          display: inline-block;
          width: 100%;
          line-height: 40px;
          font-size: 14px;
          color: #666; }
        .gnb_wrap .allmenu .dep1 > li .dep3 ul li:hover > a {
          color: #2e9975 !important; }
      .gnb_wrap .allmenu .dep1 > li .recommend {
        left: 694px;
        top: 0px;
        width: 368px;
        height: 451px;
        overflow-x: hidden;
        overflow-y: scroll;
        background-color: #fff;
        border: 1px solid #ddd; }
        .gnb_wrap .allmenu .dep1 > li .recommend p.reco_tit {
          padding-left: 20px; }
        .gnb_wrap .allmenu .dep1 > li .recommend ul {
          margin: 0 -18px 0 19px; }
          .gnb_wrap .allmenu .dep1 > li .recommend ul li {
            width: 145px;
            display: inline-block;
            margin-right: 18px;
            padding-bottom: 19px; }
            .gnb_wrap .allmenu .dep1 > li .recommend ul li a .recoimg_wrap {
              width: 145px;
              height: 145px;
              border: 1px solid #ddd; }
  .gnb_wrap .gnb ul {
    margin-left: 75px; }
    .gnb_wrap .gnb ul li a {
      font-size: 16px;
      line-height: 50px; }
    .gnb_wrap .gnb ul li:hover a {
      color: #2e9975 !important; }
	  .gnb_wrap .gnb ul li.act a{
	  color: #2e9975 !important; }

/* :::::::::: path :::::::::: */
.path {
  height: 50px;
  background-color: #fff; }
  .path > ul > li {
    line-height: 50px; }
    .path > ul > li .path_btn {
      line-height: 50px; }
    .path > ul > li .path_btn:after {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 0 0 -5px 10px;
      background-position: -80px -53px; }
    .path > ul > li .path_btn.act:after {
      background-position: -80px -77px; }
    .path > ul > li .path_menu {
      z-index: 500;
      width: 233px;
      left: 0;
      top: 40px;
      padding: 15px 0;
      border: 1px solid #ddd;
      background-color: #fff; }
      .path > ul > li .path_menu a {
        display: inline-block;
        height: 23px;
        padding-left: 20px;
        line-height: 23px; }
      .path > ul > li .path_menu a:hover {
        color: #333; }
  .path > ul .path_span:after {
    display: inline-block;
    width: 5px;
    height: 9px;
    margin: 0 10px;
    background-position: -90px -5px; }
  .path > ul > li:last-child.path_span:after {
    display: none; }

/* :::::::::: lnb :::::::::: */
.lnb_wrap {
  width: 233px; }
  .lnb_wrap .bd{border: 1px solid #ddd;}
  .lnb_wrap .lnb_tit {
    width: 100%;
    height: 83px;
    line-height: 83px;
    text-align: center;
    color: #fff;
    background-image: url(../img/lnb_bg.jpg); }
  .lnb_wrap ul.lnb > li {
    border-top: 1px solid #ddd; }
    .lnb_wrap ul.lnb > li a {
      display: block;
      height: 40px;
      padding-left: 15px;
      line-height: 40px;
      font-size: 14px; }
  .lnb_wrap ul.lnb > li.act {
    background-color: #333; }
    .lnb_wrap ul.lnb > li.act a {
      color: #fff; }
  .lnb_wrap ul.lnb2 > li .lnb2_btn {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 40px;
    padding-left: 15px;
    text-align: left;
    line-height: 40px;
    font-size: 14px;
    border-top: 1px solid #ddd; }
	.lnb_wrap ul.lnb2 > li .lnb2_btn > a {display: block;width: 100%;}
  .lnb_wrap ul.lnb2 > li .lnb2_btn.act {
    background-color: #333;
    color: #fff; }
  .lnb_wrap ul.lnb2 > li .lnb2_btn.bgi_a:after {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 18px;
    width: 9px;
    height: 5px;
    background-position: -6px -92px; }
  .lnb_wrap ul.lnb2 > li .lnb2_btn.act.bgi_a:after {
    background-position: -6px -76px; }
  .lnb_wrap ul.lnb2 > li .lnb_dep2 {
    background-color: #fafafa;
    padding: 10px 0 8px 15px;
    border-top: 1px solid #ddd; }
    .lnb_wrap ul.lnb2 > li .lnb_dep2 .lnb_dep3 {
      display: block;
      line-height: 35px; }
    .lnb_wrap ul.lnb2 > li .lnb_dep2 > ul {
      margin: -5px 0 5px 0; }
      .lnb_wrap ul.lnb2 > li .lnb_dep2 > ul > li > a {
        line-height: 170%; }
        .lnb_wrap ul.lnb2 > li .lnb_dep2 > ul > li > a:hover {
          color: #2e9975 !important; }
		.lnb_wrap ul.lnb2 > li .lnb_dep2 > ul > li > a.act {
		color: #2e9975;}

/* :::::::::: index :::::::::: */
.fixmenu {
  z-index: 10000;
  position: fixed;
  right: 0;
  top: 0;
  padding-top: 241px;
  width: 61px;
  height: 100%;
  border-left: 1px solid #000;
  background-color: #fff; }
  .fixmenu a {
    line-height: 100%; }
  .fixmenu .login {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 62px;
    padding-top: 36px;
    color: #fff;
    background-color: #2e9975 !important;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
  .fixmenu .login:before {
    width: 20px;
    height: 18px;
    position: absolute;
    left: 20px;
    top: 12px;
    background-position: -116px -138px; }
  .fixmenu .mypage {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 61px;
    padding-top: 36px;
    color: #fff;
    background-color: #333;
    border-bottom: 1px solid #ddd; }
  .fixmenu .mypage:before {
    width: 16px;
    height: 18px;
    position: absolute;
    left: 23px;
    top: 12px;
    background-position: -118px -162px; }
  .fixmenu .fcart {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 61px;
    padding-top: 38px;
    border-bottom: 1px solid #ddd; }
  .fixmenu .fcart:before {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 21px;
    top: 13px;
    background-position: -117px -186px; }
  .fixmenu .fdeli {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 61px;
    padding-top: 38px;
    border-bottom: 1px solid #ddd; }
  .fixmenu .fdeli:before {
    width: 20px;
    height: 15px;
    position: absolute;
    left: 20px;
    top: 14px;
    background-position: -116px -211px; }
  .fixmenu .fservice {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 61px;
    padding-top: 38px;
    border-bottom: 1px solid #ddd; }
  .fixmenu .fservice:before {
    width: 17px;
    height: 18px;
    position: absolute;
    left: 22px;
    top: 11px;
    background-position: -142px -138px; }
  .fixmenu .recent {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 61px;
    padding-top: 22px;
    line-height: 120%;
    border-bottom: 1px solid #ddd; }
  .fixmenu .recent:before {
    width: 20px;
    height: 12px;
    position: absolute;
    left: 20px;
    top: 8px;
    background-position: -140px -165px; }
  .fixmenu .fbook {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 61px;
    padding-top: 30px;
    border-bottom: 1px solid #ddd; }
  .fixmenu .fbook:before {
    width: 18px;
    height: 17px;
    position: absolute;
    left: 21px;
    top: 12px;
    background-position: -141px -187px; }
  .fixmenu .ftop {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 61px;
    padding-top: 30px;
    border-bottom: 1px solid #ddd; }
  .fixmenu .ftop:before {
    width: 18px;
    height: 17px;
    position: absolute;
    left: 21px;
    top: 13px;
    background-position: -142px -210px; }

.index_recent.db{display: block;}
.index_recent {display: none;
  position: fixed;
  right: 60px;
  top: 546px;
  z-index: 20000;
  width: 430px;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .index_recent .recent_bar {
    position: relative;
    text-indent: 8px;
    line-height: 19px;
    height: 19px; }
    .index_recent .recent_bar:before {
      content: "";
      width: 3px;
      height: 19px;
      position: absolute;
      left: 0;
      top: 0;
      background-color: #333; }
  .index_recent .ovy2 {
    overflow-y: scroll;
    height: 202px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
    /* .index_recent .ovy2 .index_recent_tb {
      padding-top: 10px; } */
      .index_recent .ovy2 .index_recent_tb li {
        border-bottom: 1px solid #ddd;
        padding: 10px 0; }
        .index_recent .ovy2 .index_recent_tb li .recent_img {
          display: inline-block;
          width: 50px;
          height: 50px;
          border: 1px solid #ddd; }
          .index_recent .ovy2 .index_recent_tb li .recent_img img {
            width: 100%; }
        .index_recent .ovy2 .index_recent_tb li .recent_desc {
          display: inline-block;
          width: 300px;
          padding: 0 0 0 20px; }
     /*  .index_recent .ovy2 .index_recent_tb li:last-child {
        border-bottom: none; } */
  .index_recent .recent_close {
    width: 22px;
    height: 22px;
    right: 21px;
    top: 17px;
    background-position: -164px -137px; }

.fixmenu_fix{position: fixed;width: 100%;z-index: 100;}
  .fixmenu2 {
    position: absolute;
	left: -150px;
	top: 0;
    width: 130px;
    text-align: center; }
    .fixmenu2 td {
      /* height: 60px; */
      background-color: #fff;
      border: 1px solid #aaa; }
      .fixmenu2 td .fixbtn {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding: 10px 5px;
				word-break: break-word;
        line-height: 160%; }
			
     .fixmenu2 td.t1 .act {
        background-color: #ed553b;
        color: #fff; }
      		.fixmenu2 td.t2 .act {
        background-color: #f6d55c;
        color: #fff; }
      		.fixmenu2 td.t3 .act {
        background-color: #3caea3;
        color: #fff; }
      		.fixmenu2 td.t4 .act {
        background-color: #20639b;
        color: #fff; }
      		.fixmenu2 td.t5 .act {
        background-color: #173f5f;
        color: #fff; }

.bigv .item {
  width: 100%; height: 450px;
  background-position: 50% 0 !important;
  background-repeat: no-repeat !important;}
.bigv .item a {display: block; width: 100%;height: 100%;}


.bigv .bigv_btn.container {margin: -225px auto 225px auto;}

.bigv .prev_btn.bgi {
  z-index: 10;
  width: 51px;
  height: 51px;
  background-position: -5px -211px;
  left: 0;
  top: calc( 50% - 25px);
  border-radius: 100%;
  -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2); }

.bigv .next_btn.bgi {
  z-index: 500;
  width: 51px;
  height: 51px;
  background-position: -61px -211px;
  right: 0;
  top: calc( 50% - 25px);
  border-radius: 100%;
  -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2); }

 .bigv .big_btn {
  display: inline-block;
  width: 211px;
  height: 40px;
  border-radius: 0;
  line-height: 38px;
  margin-right: 5px;
  border: 1px solid #ddd;
  background-color: #fff; }

.bigv .botbtn {
  z-index: 10;
  left: 1px;
  top: -60px; }
  .bigv .swiper-pagination-bullet-active {
    line-height: 40px;
    background-color: #2e9975 !important;
    color: #fff;
    border: none; }
  .bigv .botbtn .btn_wrap {
    display: inline-block; }
    .bigv .botbtn .btn_wrap .big_pre {
      display: inline-block;
      width: 39px;
      height: 40px;
      border: 1px solid #ddd;
      background-color: #fff;
      border-right: none; }
    .bigv .botbtn .btn_wrap .big_pre:before {
      display: inline-block;
      width: 5px;
      height: 10px;
      background-position: -147px -109px; }
    .bigv .botbtn .btn_wrap .big_next {
      display: inline-block;
      width: 40px;
      height: 40px;
      border: 1px solid #ddd;
      background-color: #fff; }
    .bigv .botbtn .btn_wrap .big_next:before {
      display: inline-block;
      width: 5px;
      height: 10px;
      background-position: -161px -109px; }
    .bigv .botbtn .btn_wrap .big_stop {
      display: inline-block;
      width: 39px;
      height: 40px;
      border: 1px solid #ddd;
      background-color: #fff;
      border-left: none; }
    .bigv .botbtn .btn_wrap .big_stop:before {
      display: inline-block;
      width: 5px;
      height: 10px;
      background-position: -147px -123px; }

.index_slide .sl_prev, .index_slide .sl_next{z-index: 10;}
.index_slide .index_slide_mask{overflow: hidden;}
.index_slide .sl_prev.bgi {
  width: 10px;
  height: 20px;
  background-position: -185px -78px;
  left: 30px;
  top: 50px; }

.index_slide .sl_next.bgi {
  width: 10px;
  height: 20px;
  background-position: -209px -78px;
  right: 30px;
  top: 50px; }

.index_tit {
  line-height: 100%; }

.index_wrap {
  border-top: 2px solid #000; }
  .index_wrap .index_menuwrap {
    padding-top: 20px;
    width: 233px;
    background-color: #fafafa;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd; }
    .index_wrap .index_menuwrap .index_menu {
      overflow-y: auto;
			/* height: 531px; */
			height: 768px;
      border-bottom: 1px solid #ddd; }
      .index_wrap .index_menuwrap .index_menu > li a {
        display: inline-block;
        width: 100%;
        height: 34px;
        line-height: 34px;
        padding-left: 20px; }
        .index_wrap .index_menuwrap .index_menu > li.in1.act a{
          background-color: #ed553b;
          color: #fff; }
      .index_wrap .index_menuwrap .index_menu > li.in2.act a{
        background-color: #f6d55c;
		color: #fff;  }
      .index_wrap .index_menuwrap .index_menu > li.in3.act a{
        background-color: #3caea3;
		color: #fff;  }
      .index_wrap .index_menuwrap .index_menu > li.in4.act a{
        background-color: #20639b;
		color: #fff;  }
      .index_wrap .index_menuwrap .index_menu > li.in5.act a{
        background-color: #173f5f;
		color: #fff;  }
    .index_wrap .index_menuwrap .index_hot {
	  height: 115px;
      padding: 0 20px 20px 20px; }
      .index_wrap .index_menuwrap .index_hot .hot_wrap {
        margin: 0 -5px -5px 0;
        font-size: 0; }
        .index_wrap .index_menuwrap .index_hot .hot_wrap a {
          display: inline-block;
          height: 30px;
          padding: 0 10px;
          margin: 0 5px 5px 0;
          line-height: 28px;
          border: 1px solid #ddd;
          background-color: #fff; }
		.index_wrap .index_menuwrap .index_hot .in1 a:hover {
		  background-color: #ed553b;
		  color: #fff; }
		 .index_wrap .index_menuwrap .index_hot .in2 a:hover {
		  background-color: #f6d55c;
		  color: #fff; }
		  .index_wrap .index_menuwrap .index_hot .in3 a:hover {
		  background-color: #3caea3;
		  color: #fff; }
		  .index_wrap .index_menuwrap .index_hot .in4 a:hover {
		  background-color: #20639b;
		  color: #fff; }
		  .index_wrap .index_menuwrap .index_hot .in5 a:hover {
		  background-color: #173f5f;
		  color: #fff; }
  .index_wrap .content_slide .content_mask {overflow: hidden;width: 100%;
    width: 967px;
    /* height: 682px; */
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd; }
    .index_wrap .content_slide .content_mask .item {
	  /* height: 626px; */
		height: 938px;
	  padding: 20px 30px;
      font-size: 0;
      margin: 0 -20px -20px 0; }
      .index_wrap .content_slide .content_mask .item .cont_box {
        display: inline-block;
        width: calc( 25% - 20px );
        margin: 0 20px 20px 0;
				vertical-align: top;}
        .index_wrap .content_slide .content_mask .item .cont_box a {
          display: inline-block;
          width: 100%; }
  .index_wrap .content_slide .content_btn {
    right: 0;
    top: -47px; }
    .index_wrap .content_slide .content_btn .prev {
      display: inline-block;
      width: 30px;
      height: 30px;
      border: 1px solid #aaa; }
      .index_wrap .content_slide .content_btn .prev:after {
        display: inline-block;
        width: 5px;
        height: 10px;
        background-position: -175px -109px; }
    .index_wrap .content_slide .content_btn .next {
      display: inline-block;
      width: 30px;
      height: 30px;
      border: 1px solid #aaa;
      border-left: none; }
      .index_wrap .content_slide .content_btn .next:after {
        display: inline-block;
        width: 5px;
        height: 10px;
        background-position: -189px -109px; }
    .index_wrap .content_slide .content_btn .more {
      display: inline-block;
      width: 30px;
      height: 30px;
      background-color: #333333; }
      .index_wrap .content_slide .content_btn .more:after {
        display: inline-block;
        width: 9px;
        height: 9px;
        background-position: -201px -110px;
        margin: 11px; }
	.index_wrap .content_slide .content_btn .prev:hover:after {
        background-position: -175px -123px; }
	.index_wrap .content_slide .content_btn .next:hover:after {
        background-position: -189px -123px; }
	.index_wrap .content_slide .content_btn .prev:hover, .index_wrap .content_slide .content_btn .next:hover {
		background-color: #2e9975;}

/* :::::::::: f1 :::::::::: */
.contents_width {
  width: 947px; }

.intro_tit {
  height: 46px;
  line-height: 100%;
  border-bottom: 2px solid #000; }

.greeting pre {
  margin: 50px 0 100px 0;
  text-align: center;
  line-height: 160%; }

/* :::::::::: f2 :::::::::: */
.map .map_wrap {
  width: 100%;
  height: 350px;
  border: 1px solid #ddd; }
.map .map_wrap img {width: 100%;}

.map table {
  border-top: 2px solid #000; }
  .map table tr {
    border-bottom: 1px solid #ddd; }
    .map table tr th {
      width: 109px;
      line-height: 54px;
      background-color: #fafafa; }
    .map table tr td {
      padding-left: 20px;
      line-height: 54px;
      font-weight: 200; }

.bdrn {
  border-right: none !important; }

/* :::::::::: cart :::::::::: */
.cart .cart_tit {
  height: 56px;
  border-bottom: 1px solid #000; }
  .cart .cart_tit h1 {
    line-height: 100%; }
  .cart .cart_tit .cart_lnb span:after {
    display: inline-block;
    margin: 0 10px;
    width: 5px;
    height: 9px;
    background-position: -90px -5px; }

.cart .cart_tit2 h1 {
  line-height: 100%; }

.cart .cart_table {
  border-top: 1px solid #000; }
  .cart .cart_table tr {
    border-bottom: 1px solid #ddd; }
  .cart .cart_table td {
    text-align: center; }
  .cart .cart_table .cart_chk {
    width: 60px; }
    .cart .cart_table .cart_chk .de_cki {
      margin: 20px; }
  .cart .cart_table .product_w {
    width: 537px; }
  .cart .cart_table .product_w2 {
    width: 747px; }
  .cart .cart_table .h59 {
    height: 59px;
    padding: 20px 0; }
  .cart .cart_table .count_w {
    width: 151px; }
  .cart .cart_table .price_w {
    width: 151px; }
  .cart .cart_table .deli_w {
    width: 151px; }
  .cart .cart_table .product_desc_wrap {
	text-align: left;
    padding: 20px 0;
    border-right: 1px solid #ddd; }
    .cart .cart_table .product_desc_wrap .cart_img {
      display: inline-block;
      width: 81px;
      height: 81px;
      margin-right: 20px;
      border: 1px solid #ddd; 
	  vertical-align: middle;}
    .cart .cart_table .product_desc_wrap .product_desc {
      display: inline-block;
	  width: calc( 100% - 101px );
      text-align: left;
	  vertical-align: middle;}
	  .cart .cart_table .product_desc_wrap .product_desc2 {
      display: inline-block;
	  width: calc( 100% - 121px );
	  padding-right: 20px;
      text-align: left;
	  vertical-align: middle;}
      .cart .cart_table .product_desc_wrap .product_desc .product_name {
        line-height: 100%; }
      .cart .cart_table .product_desc_wrap .product_desc .product_opt {
        line-height: 100%; }
		.cart .cart_table .product_desc_wrap .price_wrap2{margin-top: 10px;}
  .cart .cart_table .quantity {
    border-right: 1px solid #ddd; }
    .cart .cart_table .quantity .decre_btn {
      width: 33px;
      height: 34px;
      border: 1px solid #ddd;
      border-right: none; }
    .cart .cart_table .quantity .decre_btn.bgi_b:before {
      display: inline-block;
      margin: 16px 0;
      width: 11px;
      height: 1px;
      background-position: -28px -9px; }
    .cart .cart_table .quantity .count_text {
      width: 34px;
      height: 34px;
      text-align: center; }
    .cart .cart_table .quantity .incre_btn {
      width: 33px;
      height: 34px;
      border: 1px solid #ddd;
      border-left: none; }
    .cart .cart_table .quantity .incre_btn.bgi_b:before {
      display: inline-block;
      margin-top: 6px;
      width: 11px;
      height: 11px;
      background-position: -43px -4px; }
	.cart .cart_table .quantity .num_edit_btn{
	  display: inline-block;
	  width: 34px;
	  height: 34px;
	  margin-left: 4px;
	  border: 1px solid #999;
	  line-height: 32px;
	  font-size: 12px;
	  font-family: 'Dotum';
	  color: #666;}
  .cart .cart_table .quantity2 {
    border-right: 1px solid #ddd; }
  .cart .cart_table .price_wrap {
    border-right: 1px solid #ddd; }
    .cart .cart_table .price_wrap .price {
      line-height: 130%; }
    .cart .cart_table .price_wrap .point {
      display: inline-block;
      padding-left: 18px;
      position: relative; }
    .cart .cart_table .price_wrap .point.bgi_b:before {
      display: inline-block;
      position: absolute;
      left: 0;
      top: 2px;
      width: 15px;
      height: 15px;
      background-position: -4px -53px; }
  .cart .cart_table .free {
    border-right: 1px solid #ddd; }
  .cart .cart_table .order_btn {
    display: inline-block;
    width: 90px;
    height: 25px;
    line-height: 23px;
    color: #fff;
    background-color: #2e9975 !important; }
  .cart .cart_table .interest_btn {
    display: inline-block;
    width: 90px;
    height: 25px;
    line-height: 23px;
    border: 1px solid #9d9d9d; }
  .cart .cart_table .delete_btn {
    display: inline-block;
    width: 90px;
    height: 25px;
    line-height: 23px;
    border: 1px solid #9d9d9d; }

.cart .seldel_btn {
  display: inline-block;
  width: 120px;
  height: 40px;
  background-color: #fff !important;
  border: 1px solid #9d9d9d; }

.cart .inter_btn {
  width: 120px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #9d9d9d; }

.cart .total_wrap {
  width: 100%;
  height: 121px;
  border: 1px solid #000;
  background-color: #fbfcfd; }
  .cart .total_wrap table {
    text-align: center; }
    .cart .total_wrap table .all_price {
      width: 225px; }
    .cart .total_wrap table .minus {
      width: 30px; }
    .cart .total_wrap table .minus.bgi_b:before {
      display: inline-block;
      width: 30px;
      height: 1px;
      background-position: -28px -34px; }
    .cart .total_wrap table .all_dis {
      width: 211px; }
    .cart .total_wrap table .plus {
      width: 30px; }
    .cart .total_wrap table .plus.bgi_b:before {
      display: inline-block;
      width: 29px;
      height: 29px;
      background-position: -62px -19px; }
    .cart .total_wrap table .deli_price {
      width: 210px; }
    .cart .total_wrap table .equal {
      width: 30px; }
    .cart .total_wrap table .equal.bgi_b:before {
      display: inline-block;
      width: 30px;
      height: 12px;
      background-position: -96px -28px; }

.cart .continue_btn {
  display: inline-block;
  width: 186px;
  height: 52px;
  line-height: 50px;
  border: 1px solid #999;
  margin-right: 6px; }

.cart .ask_btn {
  width: 186px;
  height: 52px;
  background-color: #2e9975 !important;
  color: #fff; }

/* :::::::::: order :::::::::: */
.w740 {
  width: 740px; }

.tfz14 table tr td {
  font-size: 14px; }

.w120 {
  width: 120px;
  padding-left: 20px; }

.order_tit {
	position: relative;
  height: 37px;
  line-height: 100%; }

.order_tit .r_btn{position: absolute;right: 0;top: 0;display: inline-flex;align-items: center;justify-content: center;min-width: 100px;height: 30px;padding: 0 10px;border: 1px solid #999;font-size: 12px;text-align: center;background: linear-gradient(0deg, #f4f4f4 0%, white 37%, white 100%);}

.person_info {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  .person_info ::placeholder {
    font-family: "돋움"; }
  .person_info .sp {
    padding: 0 10px; }

.person_info2 {
  border-top: 1px solid #333;
  border-bottom: 1px solid #ddd; }
.person_info2.td_p10 tbody td{padding: 10px;}
.person_info2.td_p10 tbody tr:first-child td{padding-top: 20px;}
.person_info2.td_p10 tbody tr:last-child td{padding-bottom: 20px;}

.person_name {
  width: 280px;
  height: 30px; }

.adr_info {
  width: 205px;
  height: 30px; }

.adr_sch {
  display: inline-block;
  width: 70px;
  height: 30px;
  border: 1px solid #999;
  margin-right: 280px; }

.adr_sch2 {
  display: inline-block;
  width: 70px;
  height: 30px;
  border: 1px solid #999; }

.info_num {
  width: 150px;
  height: 30px; }

.mail_info {
  width: 175px;
  height: 30px; }

.mail_info2 {
  width: 565px;
  height: 30px; }

.pay_info {
  border-top: 1px solid #999; }
  .pay_info ::placeholder {
    font-family: "돋움"; }
  .pay_info .sp {
    padding: 0 10px; }

.order2 {
  border-top: 1px solid #999; }
  .order2 ::placeholder {
    font-family: "돋움"; }
  .order2 .sp {
    padding: 0 10px; }

.deli_list {
  display: inline-block;
  width: 82px;
  height: 30px;
  border: 1px solid #999; }

.lh30 {
  line-height: 30px; }

.lh35 {
  line-height: 35px; }

.order2_pd {
  width: 105px;
  height: 71px;
  padding-left: 20px;
  line-height: 71px;
  margin-left: 15px; }

.w605 {
  width: 605px; }

.info_modi {
  width: 70px;
  height: 30px;
  display: inline-block;
  border: 1px solid #999;
  margin-top: 78px; }

.info_num {
  width: 150px;
  height: 30px; }

.deposit_name {
  width: 430px;
  height: 30px; }

.info_num2 {
  width: 280px;
  height: 30px; }

.info_num3 {
  width: 565px;
  height: 30px; }

.deposit_name2 {
  width: 450px;
  height: 30px; }

.order_bdb {
  border-bottom: 1px solid #ddd; }

.order_bdt {
  border-top: 1px solid #ddd; }

.order_tit2 {
  display: inline-block;
  height: 31px;
  line-height: 31px; }

.info_copy {
  width: 20px;
  height: 20px;
  border: 1px solid #999; }

.final_wrap {
  width: 410px;
  border: 1px solid #ddd;
  background-color: #fbfcfd; }
  .final_wrap table td {
    font-size: 14px; }
  .final_wrap .final {
    border-bottom: 1px solid #ddd;
    padding: 22px 49px 27px 49px; }
  .final_wrap .final2 {
    padding: 29px 49px 49px 49px; }
  .final_wrap .order_submit {
    display: inline-block;
    width: 310px;
    height: 52px;
    background-color: #2e9975 !important;
    color: #fff;
    line-height: 52px; }
  .final_wrap .final2_2 {
    padding: 29px 49px 29px 49px; }
    .final_wrap .final2_2 .order_submit2 {
      display: inline-block;
      width: 310px;
      height: 52px;
      line-height: 50px;
      border: 1px solid #999;
      background-color: #fff; }

.final3 {
  background-color: #fff;
  padding: 22px 49px 29px 49px;
  border-bottom: 1px solid #ddd; }

.final3_btn {
  display: inline-block;
  width: 44px;
  height: 30px;
  border: 1px solid #999; }

.agree {
  width: 740px;
  height: 200px;
  border: 1px solid #ddd;
  overflow-y: scroll;
  padding: 15px; }

.coupon {
  display: inline-block;
  width: 162px;
  height: 30px;
  border-bottom: 1px solid #ddd; }

.coupon_btn {
  width: 70px;
  height: 30px;
  border: 1px solid #999; }

.mrm1 {
  margin-right: -2px; }

.saved.bgi {
  width: 17px;
  height: 17px;
  background-position: -207px -53px;
  margin: 0 -5px 0 5px; }

/* :::::::::: order3 :::::::::: */
.complet_txt {
  font-family: "돋움";
  font-size: 12px !important; }

/* :::::::::: order_cp :::::::::: */
.cp_wrap {
  width: 724px;
  padding: 20px 25px 30px 25px;
  background-color: #fff; }
  .cp_wrap h1 {
    line-height: 100%; }

.cp_table {
  border-top: 1px solid #000; }
  .cp_table tr {
    border-bottom: 1px solid #ddd; }
  .cp_table .w453 {
    width: 453px; }
  .cp_table .w111 {
    width: 111px; }
  .cp_table .w342 {
    width: 342px; }

.cp_table2 {
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd; }
  .cp_table2 ::placeholder {
    font-family: "돋움"; }

.w554 {
  width: 554px; }

.w245 {
  width: 245px !important; }

.w495 {
  width: 495px !important; }

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

.pagenum_window {
  margin: 30px 0 !important; }

.cp_sellect {
  display: inline-block;
  width: 111px;
  height: 45px;
  background-color: #2e9975 !important;
  color: #fff; }

.cp_close {
  display: inline-block;
  width: 111px;
  height: 45px;
  line-height: 43px;
  border: 1px solid #999; }

.vbtn_wrap {
  padding: 10px; }

.v_sellect {
  display: inline-block;
  width: 90px;
  height: 25px;
  background-color: #2e9975 !important;
  color: #fff; }

.v_delete {
  display: inline-block;
  width: 90px;
  height: 25px;
  line-height: 23px;
  border: 1px solid #999; }

/* :::::::::: cs1 :::::::::: */
.notice_form {
  width: 100%;
  height: 105px;
  padding: 30px 106px;
  background-color: #fafafa;
  border: 1px solid #ddd; }
  .notice_form .notice_select {
    width: 200px;
    height: 45px;
    margin-right: 7px;
    padding-left: 19px; }
  .notice_form .notice_text {
    width: 340px;
    height: 45px;
    margin-right: 10px; }
  .notice_form .notice_sch {
    width: 170px;
    height: 45px;
    background-color: #333;
    color: #fff; }

.notice_table {
  border-top: 2px solid #000; }
  .notice_table tr {
    height: 55px;
    border-bottom: 1px solid #ddd; }
  .notice_table .nt_t {
    background-color: #fafafa; }
    .notice_table .nt_t .nt_num {
      width: 118px; }
    .notice_table .nt_t .nt_tit {
      width: 530px; }
    .notice_table .nt_t .nt_writer {
      width: 40px; }
    .notice_table .nt_t .nt_date {
      width: 178px; }
	.notice_table .nt_view{padding-right: 40px;}

/* :::::::::: cs1_v :::::::::: */
.cs1v_tit {
  height: 109px;
  padding: 23px 0 0 20px;
  border-top: 2px solid #000;
  border-bottom: 1px solid #ddd;
  background-color: #fafafa; }
  .cs1v_tit .bar:after {
    width: 1px;
    height: 13px;
    background-color: #888;
    margin: 2px 15px 0 15px; }

.cs1v_contents {
  border-bottom: 1px solid #ddd;
  padding: 30px 20px 300px 20px; }

.cs1v_file {
  height: 95px;
  border: 1px solid #ddd;
  padding: 14px 20px;
  margin-top: 20px;
  background-color: #fafafa; }
  .cs1v_file .flie_down {
    display: inline-block;
    width: 76px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    vertical-align: top;
    background-color: #333; }
  .cs1v_file a {
    display: inline-block;
    line-height: 30px; }

.tolist {
  padding: 50px 0 100px 0;  }
  .tolist a {
    display: inline-block;
    width: 186px;
    height: 52px;
    line-height: 50px;
    font-weight: 400;
    border: 1px solid #999;
    background-color: #fff; }

/* :::::::::: cs2 :::::::::: */
.cs2_tb {
  border-top: 2px solid #000; }

  
 
  .cs2_tb tr {
    border-bottom: 1px solid #ddd; }
	.cs2_tb tr.act{display:table-row;}
  .cs2_tb tr.a_tr {display: none;}
  .cs2_tb tr.a_tr.act {display:table-row;}
  .cs2_tb tr.a_tr .bg{padding-top: 20px;background-color: #fafafa;	}
    .cs2_tb tr .qa_wrap {
      width: 56px;
      vertical-align: top; }
    .cs2_tb tr .cs2_qa {
      display: inline-block;
      width: 56px;
      padding-left: 27px;
      height: 55px;
      line-height: 55px;
	  vertical-align: top;}
    .cs2_tb tr .cs2_btn {
      text-align-last: left;
      position: relative;
      width: 891px; }
    .cs2_tb tr .cs2_btn.bgi_a:after {
      display: inline-block;
      position: absolute;
      top: 10px;
      right: 20px;
      width: 10px;
      height: 5px;
      background-position: -24px -57px; }
    .cs2_tb tr .cs2_btn.bgi_a.act:after {
      background-position: -24px -73px;
      background-color: #fff; }
    .cs2_tb tr .a_wrap {
      background-color: #fafafa;
      padding: 30px 50px 30px 0; }
	.cs2_tb tr .a_wrap p {
	  font-size: 14px;
	  color: #666;
	  
	}

/* :::::::::: cs3 :::::::::: */
.pw_modalbox.db{display: block;}
.pw_modalbox {display: none;
  width: 431px;
  height: 273px;
  left: calc( 50% - 215px);
  top: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3); }
  .pw_modalbox .pw_deco {
    width: 291px;
    height: 45px;
    border: 1px solid #ddd;
    background-color: #fff; }
  .pw_modalbox .pw_cofirm {
    width: 291px;
    height: 45px;
    color: #fff;
    background-color: #2e9975 !important; }
  .pw_modalbox .pw_close.bgi {
    width: 16px;
    height: 16px;
    top: 20px;
    right: 20px;
    background-position: -59px -53px; }

.pw_modalbox.db {
  display: block; }

.notice_table tr td {
  position: relative; }
  .notice_table tr td a {
    display: inline-block;
    margin-left: 20px; }

.notice_table tr .qa_lock.bgi_b:before {
  display: inline-block;
  width: 12px;
  height: 15px;
  position: absolute;
  left: 1px;
  top: 20px;
  background-position: -41px -54px; }

.write {
  display: inline-block;
  width: 186px;
  height: 52px;
  font-weight: 400;
  line-height: 50px;
  border: 1px solid #999;
  background-color: #fff; }

.write_num {
  margin-top: 30px; }

/* :::::::::: cs3_w :::::::::: */
.cs3w_tb {
  border-top: 1px solid #999; }
  .cs3w_tb tr {
    border-bottom: 1px solid #ddd; }
    .cs3w_tb tr .cs3w_tb1 {
      width: 154px;
      padding-left: 28px;
      background-color: #fafafa;
      border-right: 1px solid #ddd; }
    .cs3w_tb tr .cs3w_tb2 {
      padding: 6px 7px; }
	.cs3w_tb tr .cs3w_tb2 .w100{width: 100%;display: block;}
	.cs3w_tb tr .cs3w_tb2 .tit_box{height: 45px;}
    .cs3w_tb tr .name_txt {
      width: 280px;
      height: 45px; }
    .cs3w_tb tr .num_txt {
      width: 175px;
      height: 45px; }
    .cs3w_tb tr .cs3w_pass {
      margin-right: 10px; }
    .cs3w_tb tr .file1 [type=file] {
      font-size: 12px;
      font-family: "돋움";
      color: #999 !important; }

.cs3w_wrap {
  text-align: center; }
  .cs3w_wrap .cs3w_inqu {
    display: inline-block;
    width: 186px;
    height: 52px;
    line-height: 52px;
    color: #fff;
    background-color: #2e9975 !important;
    margin-right: 5px; }
  .cs3w_wrap .cs3w_cancel {
    display: inline-block;
    width: 186px;
    height: 52px;
    line-height: 50px;
    background-color: #fff;
    border: 1px solid #999; }

/* :::::::::: cs6 :::::::::: */
.per_pay {padding-left: 20px;padding-right: 20px;	
  border-top: 1px solid #000; }
  .per_pay > ul {
    font-size: 0;
    margin: 0 -20px -40px 0; }
    .per_pay > ul > li {
      width: calc( 25% - 20px );
      display: inline-block;
	  vertical-align: top;
      margin: 0 20px 40px 0;
      text-align: left; }
      .per_pay > ul > li a {
        display: inline-block;
        width: 100%; }

.perimg_wrap {
  width: 100%;
  height: 211px;
  border: 1px solid #ddd; }
  .perimg_wrap img{width: 100%;}

/* :::::::::: cs7 :::::::::: */
.cs7_tb .qna_bg{
	padding: 20px 20px 20px 114px;
	background-color: #fafafa;	
}
.cs7_tb .qna_bg.pl180{padding-left: 180px;}
.cs7_tb .qna_bg .q_style{
	display: inline-block;
	width: 56px;
	padding-top: 10px;
	vertical-align: top;}
.cs7_tb .qna_bg .q_conts{
	display: inline-block;
	width: calc( 100% - 60px);
	}
.bdt{border-top: 1px solid #ddd;}


.cs7_tb {
  border-top: 2px solid #000; }
  .cs7_tb tr {
    border-bottom: 1px solid #ddd; }

.cs7_t1 {
  width: 180px;
  text-align: center;
  padding: 20px 0; }
  .cs7_t1 .cs7img_wrap {
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 1px solid #ddd; }

.cs7_t2 {
  width: 56px; }
  .cs7_t2 .lock.bgi {
    display: inline-block;
    width: 12px;
    height: 13px;
    background-position: -63px -73px; }

.cs7_t3 {
  width: calc( 100% - 236px); }
  .cs7_t3 .cs7_btn {
    position: relative;
    width: 100%; }
    .cs7_t3 .cs7_btn span.bar:after {
      width: 1px;
      height: 11px;
      background-color: #666;
      margin: 0 8px; }
  .cs7_t3 .cs7_btn.bgi_a:after {
    position: absolute;
    right: 20px;
    top: 31px;
    width: 23px;
    height: 23px;
    background-position: -105px -54px; }
  .cs7_t3 .cs7_btn.act.bgi_a:after {
    position: absolute;
    right: 20px;
    top: 31px;
    width: 23px;
    height: 23px;
    background-position: -105px -82px; }
  .cs7_t3 .cs7btn_wrap .cs7_del {
    display: inline-block;
    margin-right: 3px;
    width: 49px;
    height: 22px;
    line-height: 20px;
	text-align: center;
    border: 1px solid #999; }
  .cs7_t3 .cs7btn_wrap .cs7_modi {
    display: inline-block;
    width: 49px;
    height: 22px;
    line-height: 20px;
	text-align: center;
    border: 1px solid #999; }

.cs7_bc {
  background-color: #fafafa; }

.cs7_t4 {
  vertical-align: top; }

/* :::::::::: cs8 :::::::::: */
.cs8top .cs8_topwrap {
  right: 0;
  top: 4px; }
  .cs8top .cs8_topwrap .bar:after {
    width: 1px;
    height: 9px;
    margin: 0 10px;
    background-color: #999; }
  .cs8top .cs8_topwrap a.act {
    color: #333;
    font-weight: 600; }

.rating_wrap {
  height: 13px;
  margin-bottom: 3px; }
  .rating_wrap span {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 1px;
    background: url(../img/star.png);
    background-repeat: no-repeat; }
  .rating_wrap span.act {
    background: url(../img/star_act.png); }

.cs8_purchase {
  background-color: #fafafa;
  padding: 0 40px; }
  .cs8_purchase .purchase_img {
    width: 720px; }

.cs8_purchase2 {
  background-color: #fafafa;
  padding: 20px; }
  .cs8_purchase2 .purchase2_sel {
    width: 142px;
    height: 45px;
    margin-right: 5px;
    color: #f00;
    font-size: 14px; }
  .cs8_purchase2 .file_input {
    display: inline-block;
    margin: 0 10px 0 0; }
    .cs8_purchase2 .file_input label {
      position: relative;
      cursor: pointer;
      display: inline-block;
      vertical-align: middle;
      overflow: hidden;
      width: 111px;
      height: 45px;
      background: #fff;
      border: 1px solid #999;
      color: #333;
      text-align: center;
      line-height: 43px; }
    .cs8_purchase2 .file_input label input {
      position: absolute;
      width: 0;
      height: 0;
      overflow: hidden;
      border: none; }
  .cs8_purchase2 .purchase2_tit {
    width: 637px;
    height: 45px;
    padding-left: 20px; }
	.cs8_purchase2 .purchase2_tit.w982{width: 982px;}
  .cs8_purchase2 ::placeholder {
    font-family: "돋움"; }
  .cs8_purchase2 .purchase2_cont {
    width: 789px;
    height: 90px;
    padding-left: 20px;
    margin-right: 4px; }
  .cs8_purchase2 .purchase2_submit {
    display: inline-block;
    width: 111px;
    height: 90px;
    line-height: 88px;
    background-color: #fff;
    border: 1px solid #999; }
	.cs8_purchase2 .purchase2_submit2 {
    display: inline-block;
    width: 111px;
    height: 90px;
    line-height: 88px;
	color: #fff;
    background-color: #2e9975;
    border: 1px solid #999; }

/* :::::::::: list :::::::::: */
.list_lnb {
  background-color: #fff; }
  .list_lnb tr .btdn {
    border-top: none; }
  .list_lnb tr td {
    width: 25%;
    border: 1px solid #ddd; }
    .list_lnb tr td .lista {
      display: block;
      position: relative;
      height: 36px;
      padding-left: 15px;
	  padding-right: 30px;
      line-height: 34px; }
    .list_lnb tr td .lista.bgi_a:after {
      width: 5px;
      height: 9px;
      position: absolute;
      right: 15px;
      top: 13px;
      background-position: -90px -5px; }
    .list_lnb tr td .lista.act {
      background-color: #2e9975 !important;
      color: #fff; }
    .list_lnb tr td .lista.act.bgi_a:after {
      background-position: -76px -5px; }

.list_top .list_topwrap {
  top: 4px;
  right: 0; }
  .list_top .list_topwrap .list_order.act {
    color: #333; }
  .list_top .list_topwrap .bar:after {
    width: 1px;
    height: 11px;
    margin: 0 10px;
    background-color: #ddd; }
  .list_top .list_topwrap .list1.bgi {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-bottom: -1px;
    background-position: -151px -5px; }
  .list_top .list_topwrap .list1.act.bgi {
    background-position: -151px -25px; }
  .list_top .list_topwrap .list2.bgi {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-bottom: -1px;
    background-position: -170px -5px; }
  .list_top .list_topwrap .list2.act.bgi {
    background-position: -170px -25px; }

.per_pay > ul > li:hover .list_hover {
  display: block; }

.list_hover {
  left: calc( 50% - 38px);
  top: 86px; }
  .list_hover > ul {
    width: 118px;
    height: 40px; }
    .list_hover > ul > li > a {
      width: 100%;
      height: 100%; }

.m1 {
  width: 39px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-right: none; }
  .m1 .bgi_a:after {
    display: inline-block;
    width: 20px;
    height: 18px;
    background-position: -190px -5px;
    margin: 10px 0 0 9px; }
  .m1.act .bgi_a:after {
    background-position: -190px -29px; }

.m2 {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .m2 .bgi_a:after {
    display: inline-block;
    width: 20px;
    height: 18px;
    background-position: -214px -5px;
    margin: 10px 0 0 9px; }
  .m2_act .bgi_a:after {
    background-position: -214px -29px; }
  .m2.act .bgi_a:after {
    background-position: -214px -29px; }

.m3 {
  width: 39px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-left: none; }
  .m3 .bgi_a:after {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: -238px -4px;
    margin: 9px 0 0 9px; }
  .m3_act .bgi_a:after {
    background-position: -238px -28px; }

/* :::::::::: list2 :::::::::: */
.list2_table {
  border-top: 1px solid #000; }
  .list2_table tr {
    border-bottom: 1px solid #ddd; }
    .list2_table tr .list2_t1 {
      width: 162px;
      padding: 20px 0 20px 22px; }
      .list2_table tr .list2_t1 .list2img_wrap {
        width: 120px;
        height: 120px;
        border: 1px solid #ddd; }
    .list2_table tr .list2_t2 {
		font-size: 0;
      width: 468px; }
	  .list2_table tr .list2_t2 .arti_wrap {margin-top: 14px;}
      .list2_table tr .list2_t2 > p {
        line-height: 100%; }
      .list2_table tr .list2_t2 > ul {
        margin: 0 -5px -5px 0; }
        .list2_table tr .list2_t2 > ul > li {
          display: inline-block;
          margin: 0 5px 5px 0; }
          .list2_table tr .list2_t2 > ul > li .arti {
            display: inline-block;
            height: 22px;
			padding: 0 10px;
            line-height: 20px;
            text-align: center;
            border: 1px solid #999;
            background-color: #fafafa; }
          .list2_table tr .list2_t2 > ul > li .arti_em {
            display: inline-block;
            text-align: center; }
    .list2_table tr .list2_t3 {
      width: 183px; }
      .list2_table tr .list2_t3 .t3_del {
        margin-top: -4px; }
      .list2_table tr .list2_t3 .oneday {
        display: inline-block;
        width: 57px;
        height: 27px;
        line-height: 27px;
        color: #fff;
        background-color: #ff3d3d; }
    .list2_table tr .list2_t4 .quantity2 {
      width: 118px;
      height: 34px; }
      .list2_table tr .list2_t4 .quantity2 .decre_btn2 {
        display: inline-block;
        width: 33px;
        height: 34px;
        border: 1px solid #ddd;
        border-right: none; }
      .list2_table tr .list2_t4 .quantity2 .decre_btn2.bgi_b:before {
        display: inline-block;
        margin-bottom: 4px;
        width: 11px;
        height: 1px;
        background-position: -28px -9px; }
      .list2_table tr .list2_t4 .quantity2 .count2_text {
        width: 52px;
        height: 34px; }
      .list2_table tr .list2_t4 .quantity2 .incre_btn2 {
        display: inline-block;
        width: 33px;
        height: 34px;
        border: 1px solid #ddd;
        border-left: none; }
      .list2_table tr .list2_t4 .quantity2 .incre_btn2.bgi_b:before {
        display: inline-block;
        width: 11px;
        height: 11px;
        background-position: -43px -4px; }
    .list2_table tr .list2_t4 > ul a {
      display: inline-block;
      width: 100%;
      height: 100%; }
    .list2_table tr .list2_t4 > ul .n1 {
      display: inline-block;
      width: 39px;
      height: 40px;
      border: 1px solid #ddd;
      border-right: none; }
    .list2_table tr .list2_t4 > ul .n1 .bgi_a:after {
      display: inline-block;
      width: 20px;
      height: 18px;
      background-position: -190px -5px;
      margin: 10px 0 0 9px; }
    .list2_table tr .list2_t4 > ul .n2 {
      display: inline-block;
      width: 40px;
      height: 40px;
      border: 1px solid #ddd; }
	.list2_table tr .list2_t4 > ul .n2 a.act:after{
		background-position: -214px -29px;
	}
    .list2_table tr .list2_t4 > ul .n2 .bgi_a:after {
      display: inline-block;
      width: 20px;
      height: 18px;
      background-position: -214px -5px;
      margin: 10px 0 0 9px; }
    .list2_table tr .list2_t4 > ul .n3 {
      display: inline-block;
      width: 39px;
      height: 40px;
      border: 1px solid #ddd;
      border-left: none; }
    .list2_table tr .list2_t4 > ul .n3 .bgi_a:after {
      display: inline-block;
      width: 20px;
      height: 20px;
      background-position: -238px -4px;
      margin: 9px 0 0 9px; }

/* :::::::::: list_v :::::::::: */
.w100p {width: 100%;}
.w348{width: 348px;}
.w812{width: 812px;}	
.w580 {
  width: 580px; }

.w670 {
  width: 670px; }

.js_thum{width: 430px;}
.js_thum .listv_mask .item{
  width: 430px;
  height: 430px;
  border: 1px solid #ddd; }
.js_thum .listv_mask .item img{width: 100%;}

.js_thum .thum_wrap{margin-top: 10px;font-size: 0;}
/* .js_thum .thum_wrap .thum_mask{overflow: hidden;width: 100%;} */
.js_thum .thum_wrap .item{
	display: inline-block;
	vertical-align: top;
	width: 100px;
    height: 100px;
    opacity: .2; }
	.js_thum .thum_wrap .item+.item{margin-left: 10px;}
.js_thum .thum_wrap .item img{width: 100%;}
.js_thum .thum_wrap .item.act{
	border: 1px solid #ddd;
    opacity: 1;
}



/* .listv_mask .big.item {
      width: 430px;
      height: 430px;
      border: 1px solid #ddd; }
    .listv_mask .thum.item {
      margin-right: -10px; }
      .listv_mask .big.item img{width: 100%;}
      .listv_mask .thum.item li {
    width: 100px;
    height: 100px;
    margin-right: 10px;
    opacity: .2; }
      .listv_mask .thum.item li.act {
    border: 1px solid #ddd;
    opacity: 1; } */

.pro_tit {
  padding: 20px 0 29px 0;
  line-height: 160%; }

.pro_desc {
  border-top: 1px solid #000; }
  .pro_desc tr {
    border-bottom: 1px solid #ddd; }
    .pro_desc tr td {
      font-size: 14px;
      vertical-align: top;
      padding: 16px 0; }
    .pro_desc tr .s1 {
      width: 114px; }
    .pro_desc tr .s2 {
      padding-bottom: 80px; }

.q_tit {
  /* width: 465px; */
  padding: 13px 0 13px 20px; }

.initi {
  display: inline-block;
  width: 94px;
  height: 29px;
  border: 1px solid #999; }

.initi2 {
  display: inline-block;
  width: 94px;
  height: 29px;
  border: 1px solid #999; }

.quick_opt {
  border-top: 1px solid #000;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd; }
  .quick_opt3.sel_act tbody tr{display: none;}

	.quick_opt3.sel_act tbody tr.db{display: table-row;}
	.quick_opt tr{border-bottom: 1px solid #ddd;}
    .quick_opt tr .opt {
      padding: 20px;
      height: 381px; }
		.quick_opt tr .opt.ha{height: auto;}
	.quick_opt tr .opt .ovy22 {
	overflow-x: hidden; }

.ovy {
  height: 341px;
  overflow-x: hidden;
  overflow-y: scroll; }
.ovy.h200{height: 200px;}
 /*  .ovy::-webkit-scrollbar {
    width: 4px; }
  .ovy::-webkit-scrollbar-track {
    background-color: #eee; }
  .ovy::-webkit-scrollbar-thumb {
    background-color: #2e9975 !important;
    border-radius: 2px; } */
  .ovy .quick_opt2 {
    border-top: 1px solid #000;
    width: 100%; }
    .ovy .quick_opt2 td {
      padding: 10px 0 15px 10px; }
      .ovy .quick_opt2 td .mm10 {
        margin: 0 0 -10px 0; }
        .ovy .quick_opt2 td .mm10 .a_wrap {
          margin: 0 15px 10px 0; }
      .ovy .quick_opt2 td .quick_sel {
        width: 100%;
        height: 30px;
        border: 1px solid #999; }

.qo2_dl{display: flex;gap: 20px;}
.qo2_dl > dt{flex-shrink: 0;}
.qo2_dl > dt .sel_txt{display: none;}
.qo2_dl > dd{width: 100%;}

		

.ovx {
  width: 100%;
  height: 341px;
  overflow-x: scroll; }
.ovx.h600{height: 600px;}
 /*  .ovx::-webkit-scrollbar {
    height: 4px; }
  .ovx::-webkit-scrollbar-track {
    background-color: #eee; }
  .ovx::-webkit-scrollbar-thumb {
    background-color: #2e9975 !important;
    border-radius: 2px; } */

.opt2 {
 
  padding: 20px; }

.quick_opt3 {
  width: 1200px;
  line-height: 100%;
  text-align: center;}
  .quick_opt3 .h48 {
    height: 48px; }

.quick_opt3 thead{position: sticky;top: 0;background-color: #fff;}
.quick_opt3 thead tr{border-bottom: 0;}
.quick_opt3 thead tr td{position: relative;}
.quick_opt3 thead tr td::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: #000;}
.quick_opt3 thead tr td::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #ddd;}

  .quick_opt3 td {
    padding: 10px 2px;
		word-break: break-all;	
    font-family: "돋움"; }
  .quick_opt3 .ascen_wrap {
    display: inline-block;
    vertical-align: middle; }
  .quick_opt3 .ascen {
    display: inline-block;
    width: 9px;
    height: 8px;
    background: url(/img/ascen.png); }
	.quick_opt3 .ascen.act{background: url(/img/ascen2.png);}
  .quick_opt3 .ascen2 {
    display: inline-block;
    width: 9px;
    height: 8px;
    background: url(/img/ascen2.png); }
  .quick_opt3 .descen {
    display: inline-block;
    width: 9px;
    height: 8px;
    background: url(/img/descen.png); }
	.quick_opt3 .descen.act{background: url(/img/descen2.png);}
  .quick_opt3 .descen2 {
    display: inline-block;
    width: 9px;
    height: 8px;
    background: url(/img/descen2.png); }
  .quick_opt3 .ti39 {
    text-indent: 39px; }
  .quick_opt3 .cfd {
    color: #ff3d3d; }
  .quick_opt3 .c1w {
    color: #2e9975 !important;
    font-weight: 600; }
  .quick_opt3 .opt2_btn {
    width: 53px;
    height: 34px;
    border: 1px solid #999; }
	.quick_opt3 .opt2_btn.act{color: #fff;border: 1px solid #2e9975;background-color: #2e9975;}
  .quick_opt3 .w215 {
    width: 215px; }
	.quick_opt3 .w220{width: 220px;}
  .quick_opt3 .decre_btn2 {
    display: inline-block;
    width: 33px;
    height: 34px;
    border: 1px solid #ddd;
    border-right: none; }
  .quick_opt3 .decre_btn2:before {
    display: inline-block;
    margin-bottom: 3px;
    width: 11px;
    height: 1px;
    background-position: -28px -9px; }
  .quick_opt3 .count_text2 {
    display: inline-block;
    width: 34px;
    height: 34px;padding: 0; }
  .quick_opt3 .incre_btn2 {
    display: inline-block;
    width: 33px;
    height: 34px;
    border: 1px solid #ddd;
    border-left: none; }
  .quick_opt3 .incre_btn2:before {
    display: inline-block;
    width: 11px;
    height: 11px;
    background-position: -43px -4px; }

.wish_btn {
  width: 186px;
  height: 45px;
  border: 1px solid #999; }

.cart_btn {
  width: 186px;
  height: 45px;
  border: 1px solid #999; }

.purc_btn {
  width: 280px;
  height: 45px;
  background-color: #2e9975 !important;
  color: #fff; }

.relation {
  margin-right: -25px; }
  .relation > li {
    width: 220px;
    margin-right: 25px; }
  .relation .relaimg_wrap {
    width: 220px;
    height: 220px;
    border: 1px solid #ddd; }
    .relation .relaimg_wrap img {
      width: 100%; }

.list_tab tr td {
  width: 25%;
  border: 1px solid #ddd;
  height: 50px;
  text-align: center; }
  .list_tab tr td a {
    display: inline-block;
    width: 100%;
    line-height: 48px; }

.list_tab tr td.act {
  border-bottom: none; }

.list_tab tr a.act {
  color: #333;
  border-bottom: 3px solid #2e9975 !important; }

.detail_wrap {padding-top: 50px;}
.detail_wrap img{width: 100%;margin-top: 20px;}

.showlist_btn {
  display: inline-block;
  width: 154px;
  height: 37px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #999;
  border-radius: 18px; }

.showlist_wrap {
  width: 1200px;
  height: 187px;
  padding: 20px 50px;
  border: 1px solid #ddd;
  background-color: #fafafa; }
  .showlist_wrap ::placeholder {
    font-family: "돋움"; }
  .showlist_wrap .showlist_tit {
    width: 982px;
    height: 45px;
    border: 1px solid #ddd; }
  .showlist_wrap .showlist_write {
    width: 982px;
    height: 90px; }
  .showlist_wrap .showlist_regi {
    width: 108px;
    height: 90px;
    background-color: #2e9975 !important;
    color: #fff; }

.write_btn {
  display: inline-block;
  width: 154px;
  height: 37px;
  line-height: 37px;
  color: #fff;
  text-align: center;
  background-color: #2e9975 !important;
  border-radius: 18px; }

.w1 {
  margin-bottom: 0; }

.w2 {
  width: 114px;
  text-align: center; }

.w3 {
  width: 126px; }

.w4 {
  background-color: #fafafa; }

.w5 {
  padding-left: 0 !important; }

.w6 {
  width: 335px !important; }

.w7 {
  width: 982px !important; }

.w8 {
  padding: 0 30px; }

.w9 {
  padding: 18px 48px;
  border: 1px solid #ddd; }

#footer .bbs {
  width: 100%;
  border-top: 1px solid #ddd; }
  #footer .bbs .call {
    width: 300px;
    height: 196px;
    padding: 25px 0 0 19px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd; }
    #footer .bbs .call span {
      display: block;
      margin-top: 5px;
      line-height: 160%; }
  #footer .bbs .bank {
    width: 300px;
    height: 196px;
    padding: 25px 0 0 19px;
    border-right: 1px solid #ddd; }
    #footer .bbs .bank span {
      display: block;
      line-height: 160%; }
      #footer .bbs .bank span:before {
        content: "";
        display: inline-block;
        width: 2px;
        height: 2px;
        margin: 0 4px 3px 0;
        background-color: #747474; }
  #footer .bbs .notice {
    width: 600px;
    height: 196px;
    padding: 25px 19px 0 19px;
    border-right: 1px solid #ddd; }
    #footer .bbs .notice table tr .notice_tit {
      width: 480px;
      position: relative; }
      #footer .bbs .notice table tr .notice_tit a {
        display: block;
        margin-left: 7px;
        color: #666;
        font-size: 14px;
        padding: 1px 0; }
        #footer .bbs .notice table tr .notice_tit a:hover {
          color: #2e9975 !important; }
      #footer .bbs .notice table tr .notice_tit:before {
        content: "";
        display: block;
        width: 2px;
        height: 2px;
        position: absolute;
        left: 0;
        top: 10px;
        background-color: #747474; }
    #footer .bbs .notice table tr .notice_date {
      color: #999;
      text-align: right; }

#footer .footer_top {
  width: 100%;
  height: 56px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #ddd;
  background-color: #fff; }
  #footer .footer_top ul li {
    margin-right: 50px;
    line-height: 54px; }

#footer .footer_bottom {
  width: 100%;
  height: 250px;
  background-color: #fafafa; }
  #footer .footer_bottom .foo_wrap {
    width: 1000px; }
    #footer .footer_bottom .foo_wrap ul > li {
      color: #888;
      font-size: 14px; }
    #footer .footer_bottom .foo_wrap .bar:after {
      content: "";
      display: inline-block;
      width: 1px;
      height: 10px;
      margin: 0 12px;
      background-color: #888; }
    #footer .footer_bottom .foo_wrap p {
      font-size: 14px; }
  #footer .footer_bottom .foo_service {
    width: 100%;
    height: 73px;
    margin-top: 26px;
    padding-left: 20px;
    background-color: #e9e9e9; }
    #footer .footer_bottom .foo_service .lglogo {
      margin-top: 23px;
      margin-right: 20px; }
    #footer .footer_bottom .foo_service span {
      display: inline-block;
      margin: 26px 28px 0 0;
      color: #aaa;
      font-size: 16px; }
    #footer .footer_bottom .foo_service .foo_service_wrap p {
      color: #aaa;
      margin-top: 15px; }
    #footer .footer_bottom .foo_service .foo_service_wrap a {
      color: #aaa; }
    #footer .footer_bottom .foo_service .foo_service_wrap .bar:after {
      width: 1px;
      height: 12px;
      margin: 0 14px;
      background-color: #b3b3b3; }
    #footer .footer_bottom .foo_service .foo_service_wrap em {
      color: #aaa; }
.privacy{border-top: 1px solid #ddd;}
.lh140{line-height: 140%;}


.swiper-container{overflow: hidden;}

.pay_info .rec_tr{display: none;}
.pay_info .rec_tr.act{display: table-row;}
.pay_info tr .rec_tr2{display: none;}
.pay_info tr .rec_tr2.act{display: block;}

.orderlist_num .l{border-left: 1px solid #ddd;}
.privacy {border-top: none;}
.write_secret {padding-top: 13px;}


.ascen.act{color:#ff3d3d !important;}

.de_rdo.black i::after {
	background-color: #eeeeee !important; }

.discontinuance{color: #333;font-size: 12px;font-family: "Dotum";}
.stock{color: #ff3d3d;font-family: "Dotum";}

.brand_btn_wrap{margin-top: 5px;font-size: 0;}
.brand_btn_wrap .brand_btn{display: inline-block;height: 29px;padding: 0 10px;font-size: 12px;font-family: 'Dotum';line-height: 27px;border: 1px solid #999;text-align: left;}
.brand_btn_wrap .brand_btn+.brand_btn{margin-left: 5px;}

.brand_menu{padding: 15px;margin-top: 10px;}
.brand_menu .t1{margin-top: 10px;margin-bottom: 15px;font-size: 14px;line-height: 100%;}
.brand_menu .brand_cki.txt{color: #666;}
.brand_menu .brand_cki+.brand_cki{margin-top: 5px;}
.brand_menu .brand_more{display: block;width: 98px;height: 30px;margin-top: 12px;font-size: 12px;line-height: 28px;text-align: center;border: 1px solid #999;}
.brand_modal{display: none;position: absolute;left: 0;top: 0;z-index: 50;}
.brand_modal.act{display: block;left: calc( 50% - 328px );}
.brand_modal .brand_modal_wrap{width: 657px;background-color: #fff;webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.3);box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.3);}
.brand_modal .brand_modal_wrap .tit{position: relative;padding: 16px 20px;border-bottom: 1px solid #333;font-size: 16px;line-height: 100%;font-weight: 500;}
.brand_modal .brand_modal_wrap .tit .tit_close{position: absolute;right: 20px;top: 16px;width: 15px;height: 15px;background-image: url(../img/brand_close.png);}

.brand_modal .brand_modal_wrap .brand_mask{width: 100%;height: 300px;padding: 20px;overflow-y: scroll;border-bottom: 1px solid #ddd;}
.brand_modal .brand_modal_wrap .brand_mask .brand_mask_wrap{margin-top: -10px;font-size: 0;}
.brand_modal .brand_modal_wrap .brand_mask .brand_cki{display: inline-block;width: 33.3334%;margin-top: 10px;font-size: 12px;color: #666;text-align: left;outline: none;}
.brand_modal .brand_modal_wrap .brand_mask .brand_cki::before{content: '';display: inline-block;width: 20px;height: 20px;border: 1px solid #ddd;vertical-align: middle;margin-right: 10px;}
.brand_modal .brand_modal_wrap .brand_mask .brand_cki.act::before{border: 1px solid #231f20;background-image: url(../img/brand_chk.jpg);}
/* .brand_modal .brand_modal_wrap .brand_mask .brand_cki.txt{font-size: 12px;color: #666;} */


.brand_modal .brand_modal_wrap .selected_brand{padding: 15px 34px;border-bottom: 1px solid #ddd;font-size: 0;}
.brand_modal .brand_modal_wrap .selected_brand .brand_name_wrap{margin-top: -5px;}
.brand_modal .brand_modal_wrap .selected_brand .brand_name{display: inline-block;width: auto;height: 30px;margin-right: 5px;padding: 0 9px;margin-top: 5px;font-size: 12px;color: #666;text-align: left;border: 1px solid #999;vertical-align: top;line-height: 28px;}
.brand_name_inp{display: inline-block;width: calc( 100% - 15px );height: 28px;padding: 0;border: none;outline: none;color: #666;font-size: 12px;font-family: 'Dotum';vertical-align: top;}

.brand_modal .brand_modal_wrap .selected_brand .brand_name_close{content: '';display: inline-block;width: 7px;height: 7px;margin-bottom: 3px;margin-left: 8px;vertical-align: middle;background-image: url(../img/brand_name_close.png);}
.brand_modal .brand_modal_wrap .selected_brand .brand_name.dn{display: none;}
.brand_modal .brand_modal_wrap .bottom_btn{padding: 30px 0;text-align: center;font-size: 0;}
.brand_modal .brand_modal_wrap .bottom_btn .sch_btn{display: inline-block;width: 111px;height: 45px;line-height: 45px;font-size: 14px;text-align: center;color: #fff;background-color: #2e9975;}
.brand_modal .brand_modal_wrap .bottom_btn .bottom_close{display: inline-block;width: 111px;height: 45px;border: 1px solid #999;line-height: 43px;font-size: 14px;text-align: center;}

.tov2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.brand_menu .brand_sch_btn{display: block;width: 98px;height: 30px;margin-top: 12px;line-height: 30px;font-size: 14px;text-align: center;color: #fff;background-color: #2e9975;}


.mov_frame,.frame_height{position: relative;padding-top: 56.25%;}
.mov_frame iframe,.frame_height iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}



.list_ico{margin-top: 5px;font-size: 0;}
.list_ico.mt5{margin-top: 3px;}
.list_ico .ico{display: inline-block;height: 21px;margin-right: 2px;margin-top: 2px;vertical-align: top;line-height: 22px;font-size: 11px;text-align: center;color: #fff;}
.list_ico .recc{width: 40px;background-color: #000;}
.list_ico .best{width: 40px;background-color: #198249;}
.list_ico .new{width: 40px;background-color: #faa635;}

.w100p{width: 100%;}
.h30{height: 30px;}