@charset "UTF-8";

#cont-left {
  width: 250px;
  background: #f7f8f8;
  border-radius: 30px; /* 𼭸 ձ۰  */
  height: 100vh; /* ȭ ̿ ߱  100vh  */
}

#cont-right {
  flex: 1; /*   ϵ  */
  padding: 50px;
  padding-right: 0;
}

#cont-cat {
  padding: 30px 40px;
  padding-left: 0;
}

#cont-cat > li {
  border-bottom: 1px solid #ddd;
}

#cont-cat > li > a {
  position: relative;
  display: block;
  line-height: 55px;
  font-size: 15px;
  color: #000;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: -1px;
}

#cont-cat > li > a i {
  position: absolute;
  top: 50%;
  font-size: 14px;
  margin-top: -7px;
  right: 2px;
  color: #666;
}

#cont-cat > li > ul {
  padding: 5px 0 25px 0;
  display: none;
}

#cont-cat > li > ul li a {
  position: relative;
  padding: 5px 0;
  padding-left: 30px;
  font-size: 14px;
  letter-spacing: -0.5px;
  color: #000;
  display: block;
  text-decoration: none;
  line-height: 19px;
  word-break: keep-all !important;
}

#cont-cat > li.on > a {
  color: #6963db;
}

#cont-cat > li.on > ul {
  display: block;
}

#cont-cat > li > ul li.on a {
  color: #6963db;
}

/* Ͽ #cont-left  */
@media (max-width: 768px) {
  
  #cont-right {

    padding: 0px;
    padding-right: 0;
  }

  #cont-left {
      display: none; /* ̵  */
  }
}

.c1 {
  color: #3a8afd !important; }

.c3 {
  color: #333; }

.c6 {
  color: #666; }

.c8 {
  color: #888; }

.c9 {
  color: #999; }

.in_box .review .prd_lst_box .best_prd .img_box .ico {
  webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); }

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: 1rem;
  color: #000;
  font-family: "Noto Sans KR";
  line-height: 180%;
  letter-spacing: -0.5px; }

td, th {
  padding: 0;
  font-family: "Noto Sans KR";
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: -0.5px; }

a, span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
  letter-spacing: -0.5px; }


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 25px 0 10px;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%;
  background-color: #fff;
  background-image: url(/_img/sel_init_ico.png);
  -webkit-background-size: 10px 6px;
  background-size: 10px 6px; }

select option {
  background: #fff;
  color: #333; }

textarea {
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0; }

img {
  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%; }

.sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .pay_info_txt, .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .rec_info_box .business_txt, .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .addr_chk .addr_chk_txt, .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .addr_lst_rdo .addr_lst_txt, .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .pay_type_td .pay_type_rdo .txt, .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .won_td .won_inp, .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .won_td .won, .sys_wrap .sys_cart_wrap .cart_lst .ord_agree_box .ord_agree_p, .sys_wrap .sys_cart_wrap .cart_lst .agree_rdo_box .w2 .de_rdo.sg .txt, .calc_num_box .calc_inp, #header .hd_box_wrap .hd_box .hd_top .hd_link li, #header .hd_box_wrap .hd_box .hd_bottom .hd_sch_box .sch_inp, .r_quick_pos .r_quick .time_sale .tit, .r_quick_pos .r_quick .time_sale .prd_box .num, .r_quick_pos .r_quick .quick_menu > ul li, .r_quick_pos .r_quick .quick_menu .quick_slide .txt, .r_quick_pos .r_quick .quick_menu .quick_slide .quick_mask .page_box .q_pager, .date_sch_box .date_box .date_inp, .date_sch_box .wave, .delivery_cycle .delivery_cycle_sel, .mypage .my_top .mem_intro .ad_txt .ad, .mypage .my_bottom .my.r .edit_link_btn, .mypage .my_bottom .my.r .ord_state_lst .ord_info .del_txt, .mypage .my_bottom .my.r .my_sns_set li .sns_box .ico, .mypage .my_bottom .my.r .date_pic_box .period_btn_wrap .period_c_btn, .in_box .in_tit_box .more_link, .in_box .store_info .store_form .store_inp, .arrow_modal_wrap .btn_box .btn, .ord_modal_wrap .ord_modal_con .ord_modal_lst li .ord_coupon_chk, .ord_modal_wrap .ord_modal_con .ord_coupon_lst li .txt_box .t1, .ord_modal_wrap .ord_modal_con .ord_coupon_lst li .txt_box .coupon_txt .line, .ord_modal_wrap .ord_modal_con .ord_delivery_lst li .t1, .ord_modal_wrap .ord_modal_con .ord_delivery_lst li .t2, .ord_modal_wrap .ord_modal_con .ord_delivery_lst li .btn_box .modal_edit_btn, .ord_modal_wrap .modal_delivery_edit .tit, .ord_modal_wrap .modal_delivery_edit .line .inp, .ord_modal_wrap .modal_delivery_edit .line .hyphen_txt, .ord_modal_wrap .modal_delivery_edit .line .addr_inp, .ord_modal_wrap .modal_delivery_edit .line .addr_btn, .ord_modal_wrap .ord_modal_close, .poto_modal_wrap .poto_modal .close_btn, .origin_modal_wrap .origin_modal .close_btn, .prd_view .pd_v_top .prd_r_box .prd_opt_tb .opt_detail .w2 .option_sel, .prd_view .pd_v_bottom .info_box .prd_info_tb table tr th, .prd_view .pd_v_bottom .info_box .prd_info_tb table tr td, .sch_modal_wrap .m_sch_modal .sch_top .sch_box .sch_inp {
  font-size: 12px; }

/* 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%;
  table-layout: fixed; }

.dtr {
  width: 100%; }

.dtc {
  vertical-align: middle; }

/* float */
.fl {
  float: left; }

.fr {
  float: right; }

.flul > li {
  float: left;
  margin-bottom: 50px;
}

.flul:after {
  content: "";
  display: block;
  clear: both; }

.cb:after {
  content: "";
  display: block;
  clear: both; }

/* space */
.pt0 {
  padding-top: 0px; }

.pb0 {
  padding-bottom: 0px; }

.mt0 {
  margin-top: 0px; }

.mb0 {
  margin-bottom: 0px; }

.pt5 {
  padding-top: 5px; }

.pb5 {
  padding-bottom: 5px; }

.mt5 {
  margin-top: 5px; }

.mb5 {
  margin-bottom: 5px; }

.pt10 {
  padding-top: 10px; }

.pb10 {
  padding-bottom: 10px; }

.mt10 {
  margin-top: 10px; }

.mb10 {
  margin-bottom: 10px; }

.pt15 {
  padding-top: 15px; }

.pb15 {
  padding-bottom: 15px; }

.mt15 {
  margin-top: 15px; }

.mb15 {
  margin-bottom: 15px; }

.pt20 {
  padding-top: 20px; }

.pb20 {
  padding-bottom: 20px; }

.mt20 {
  margin-top: 20px; }

.mb20 {
  margin-bottom: 20px; }

.pt25 {
  padding-top: 25px; }

.pb25 {
  padding-bottom: 25px; }

.mt25 {
  margin-top: 25px; }

.mb25 {
  margin-bottom: 25px; }

.pt30 {
  padding-top: 30px; }

.pb30 {
  padding-bottom: 30px; }

.mt30 {
  margin-top: 30px; }

.mb30 {
  margin-bottom: 30px; }

.pt40 {
  padding-top: 40px; }

.pb40 {
  padding-bottom: 40px; }

.mt40 {
  margin-top: 40px; }

.mb40 {
  margin-bottom: 40px; }

.pt50 {
  padding-top: 50px; }

.pb50 {
  padding-bottom: 50px; }

.mt50 {
  margin-top: 50px; }

.mb50 {
  margin-bottom: 50px; }

.pt60 {
  padding-top: 60px; }

.pb60 {
  padding-bottom: 60px; }

.mt60 {
  margin-top: 60px; }

.mb60 {
  margin-bottom: 60px; }

.pt70 {
  padding-top: 70px; }

.pb70 {
  padding-bottom: 70px; }

.mt70 {
  margin-top: 70px; }

.mb70 {
  margin-bottom: 70px; }

.pt80 {
  padding-top: 80px; }

.pb80 {
  padding-bottom: 80px; }

.mt80 {
  margin-top: 80px; }

.mb80 {
  margin-bottom: 80px; }

.pt90 {
  padding-top: 90px; }

.pb90 {
  padding-bottom: 90px; }

.mt90 {
  margin-top: 90px; }

.mb90 {
  margin-bottom: 90px; }

.pt100 {
  padding-top: 100px; }

.pb100 {
  padding-bottom: 100px; }

.mt100 {
  margin-top: 100px; }

.mb100 {
  margin-bottom: 100px; }

.pt150 {
  padding-top: 150px; }

.pb150 {
  padding-bottom: 150px; }

.mt150 {
  margin-top: 150px; }

.mb150 {
  margin-bottom: 150px; }

.pl0 {
  padding-left: 0px; }

.pr0 {
  padding-right: 0px; }

.ml0 {
  margin-left: 0px; }

.mr0 {
  margin-right: 0px; }

.pl5 {
  padding-left: 5px; }

.pr5 {
  padding-right: 5px; }

.ml5 {
  margin-left: 5px; }

.mr5 {
  margin-right: 5px; }

.pl10 {
  padding-left: 10px; }

.pr10 {
  padding-right: 10px; }

.ml10 {
  margin-left: 10px; }

.mr10 {
  margin-right: 10px; }

.pl15 {
  padding-left: 15px; }

.pr15 {
  padding-right: 15px; }

.ml15 {
  margin-left: 15px; }

.mr15 {
  margin-right: 15px; }

.pl20 {
  padding-left: 20px; }

.pr20 {
  padding-right: 20px; }

.ml20 {
  margin-left: 20px; }

.mr20 {
  margin-right: 20px; }

.pl25 {
  padding-left: 25px; }

.pr25 {
  padding-right: 25px; }

.ml25 {
  margin-left: 25px; }

.mr25 {
  margin-right: 25px; }

.pl30 {
  padding-left: 30px; }

.pr30 {
  padding-right: 30px; }

.ml30 {
  margin-left: 30px; }

.mr30 {
  margin-right: 30px; }

.pl40 {
  padding-left: 40px; }

.pr40 {
  padding-right: 40px; }

.ml40 {
  margin-left: 40px; }

.mr40 {
  margin-right: 40px; }

.pl50 {
  padding-left: 50px; }

.pr50 {
  padding-right: 50px; }

.ml50 {
  margin-left: 50px; }

.mr50 {
  margin-right: 50px; }

.pl60 {
  padding-left: 60px; }

.pr60 {
  padding-right: 60px; }

.ml60 {
  margin-left: 60px; }

.mr60 {
  margin-right: 60px; }

.pl70 {
  padding-left: 70px; }

.pr70 {
  padding-right: 70px; }

.ml70 {
  margin-left: 70px; }

.mr70 {
  margin-right: 70px; }

.pl80 {
  padding-left: 80px; }

.pr80 {
  padding-right: 80px; }

.ml80 {
  margin-left: 80px; }

.mr80 {
  margin-right: 80px; }

.pl90 {
  padding-left: 90px; }

.pr90 {
  padding-right: 90px; }

.ml90 {
  margin-left: 90px; }

.mr90 {
  margin-right: 90px; }

.pl100 {
  padding-left: 100px; }

.pr100 {
  padding-right: 100px; }

.ml100 {
  margin-left: 100px; }

.mr100 {
  margin-right: 100px; }

.pl150 {
  padding-left: 150px; }

.pr150 {
  padding-right: 150px; }

.ml150 {
  margin-left: 150px; }

.mr150 {
  margin-right: 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; }

/* 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; }

@media screen and (max-width: 991px) {
  .fz12 {
    font-size: 12px; }
  .fz14 {
    font-size: 12px; }
  .fz16 {
    font-size: 14px; }
  .fz18 {
    font-size: 14px; }
  .fz20 {
    font-size: 16px; }
  .fz22 {
    font-size: 16px; }
  .fz24 {
    font-size: 18px; }
  .fz26 {
    font-size: 18px; }
  .fz28 {
    font-size: 20px; }
  .fz30 {
    font-size: 20px; }
  .fz32 {
    font-size: 22px; }
  .fz34 {
    font-size: 22px; }
  .fz36 {
    font-size: 24px; }
  .fz38 {
    font-size: 24px; }
  .fz40 {
    font-size: 26px; }
  .fz46 {
    font-size: 26px; }
  .fz50 {
    font-size: 30px; }
  .fz60 {
    font-size: 30px; }
  .fz70 {
    font-size: 30px; }
  div, p, th, td {
    font-size: 14px; } }

.fwb {
  font-weight: bold; 
  font-size: 26px;
  text-align:center;
}

.fwn {
  font-weight: normal; }

.fw1 {
  font-weight: 100; }

.fw3 {
  font-weight: 300; }

.fw5 {
  font-weight: 500; }

.fw6 {
  font-weight: 600; }

/* List layout */
.res_lst.lng1.s10 > li {
  width: calc(100% / 1 - 10px);
  margin-left: 10px; }

.res_lst.s10 {
  margin-left: -10px; }

.res_lst.lng1.s20 > li {
  width: calc(100% / 1 - 20px);
  margin-left: 20px; }

.res_lst.s20 {
  margin-left: -20px; }

.res_lst.lng1.s30 > li {
  width: calc(100% / 1 - 30px);
  margin-left: 30px; }

.res_lst.s30 {
  margin-left: -30px; }

.res_lst.lng1.s40 > li {
  width: calc(100% / 1 - 40px);
  margin-left: 40px; }

.res_lst.s40 {
  margin-left: -40px; }

.res_lst.lng1.s50 > li {
  width: calc(100% / 1 - 50px);
  margin-left: 50px; }

.res_lst.s50 {
  margin-left: -50px; }

.res_lst.lng1.s60 > li {
  width: calc(100% / 1 - 60px);
  margin-left: 60px; }

.res_lst.s60 {
  margin-left: -60px; }

.res_lst.lng2.s10 > li {
  width: calc(100% / 2 - 10px);
  margin-left: 10px; }

.res_lst.s10 {
  margin-left: -10px; }

.res_lst.lng2.s20 > li {
  width: calc(100% / 2 - 20px);
  margin-left: 20px; }

.res_lst.s20 {
  margin-left: -20px; }

.res_lst.lng2.s30 > li {
  width: calc(100% / 2 - 30px);
  margin-left: 30px; }

.res_lst.s30 {
  margin-left: -30px; }

.res_lst.lng2.s40 > li {
  width: calc(100% / 2 - 40px);
  margin-left: 40px; }

.res_lst.s40 {
  margin-left: -40px; }

.res_lst.lng2.s50 > li {
  width: calc(100% / 2 - 50px);
  margin-left: 50px; }

.res_lst.s50 {
  margin-left: -50px; }

.res_lst.lng2.s60 > li {
  width: calc(100% / 2 - 60px);
  margin-left: 60px; }

.res_lst.s60 {
  margin-left: -60px; }

.res_lst.lng3.s10 > li {
  width: calc(100% / 3 - 10px);
  margin-left: 10px; }

.res_lst.s10 {
  margin-left: -10px; }

.res_lst.lng3.s20 > li {
  width: calc(100% / 3 - 20px);
  margin-left: 20px; }

.res_lst.s20 {
  margin-left: -20px; }

.res_lst.lng3.s30 > li {
  width: calc(100% / 3 - 30px);
  margin-left: 30px; }

.res_lst.s30 {
  margin-left: -30px; }

.res_lst.lng3.s40 > li {
  width: calc(100% / 3 - 40px);
  margin-left: 40px; }

.res_lst.s40 {
  margin-left: -40px; }

.res_lst.lng3.s50 > li {
  width: calc(100% / 3 - 50px);
  margin-left: 50px; }

.res_lst.s50 {
  margin-left: -50px; }

.res_lst.lng3.s60 > li {
  width: calc(100% / 3 - 60px);
  margin-left: 60px; }

.res_lst.s60 {
  margin-left: -60px; }

.res_lst.lng4.s10 > li {
  width: calc(100% / 4 - 10px);
  margin-left: 10px; }

.res_lst.s10 {
  margin-left: -10px; }

.res_lst.lng4.s20 > li {
  width: calc(100% / 4 - 20px);
  margin-left: 20px; }

.res_lst.s20 {
  margin-left: -20px; }

.res_lst.lng4.s30 > li {
  width: calc(100% / 4 - 30px);
  margin-left: 30px; }

.res_lst.s30 {
  margin-left: -30px; }

.res_lst.lng4.s40 > li {
  width: calc(100% / 4 - 40px);
  margin-left: 40px; }

.res_lst.s40 {
  margin-left: -40px; }

.res_lst.lng4.s50 > li {
  width: calc(100% / 4 - 50px);
  margin-left: 50px; }

.res_lst.s50 {
  margin-left: -50px; }

.res_lst.lng4.s60 > li {
  width: calc(100% / 4 - 60px);
  margin-left: 60px; }

.res_lst.s60 {
  margin-left: -60px; }

.res_lst.lng5.s10 > li {
  width: calc(100% / 5 - 10px);
  margin-left: 10px; }

.res_lst.s10 {
  margin-left: -10px; }

.res_lst.lng5.s20 > li {
  width: calc(100% / 5 - 20px);
  margin-left: 20px; }

.res_lst.s20 {
  margin-left: -20px; }

.res_lst.lng5.s30 > li {
  width: calc(100% / 5 - 30px);
  margin-left: 30px; }

.res_lst.s30 {
  margin-left: -30px; }

.res_lst.lng5.s40 > li {
  width: calc(100% / 5 - 40px);
  margin-left: 40px; }

.res_lst.s40 {
  margin-left: -40px; }

.res_lst.lng5.s50 > li {
  width: calc(100% / 5 - 50px);
  margin-left: 50px; }

.res_lst.s50 {
  margin-left: -50px; }

.res_lst.lng5.s60 > li {
  width: calc(100% / 5 - 60px);
  margin-left: 60px; }

.res_lst.s60 {
  margin-left: -60px; }

.res_lst.lng6.s10 > li {
  width: calc(100% / 6 - 10px);
  margin-left: 10px; }

.res_lst.s10 {
  margin-left: -10px; }

.res_lst.lng6.s20 > li {
  width: calc(100% / 6 - 20px);
  margin-left: 20px; }

.res_lst.s20 {
  margin-left: -20px; }

.res_lst.lng6.s30 > li {
  width: calc(100% / 6 - 30px);
  margin-left: 30px; }

.res_lst.s30 {
  margin-left: -30px; }

.res_lst.lng6.s40 > li {
  width: calc(100% / 6 - 40px);
  margin-left: 40px; }

.res_lst.s40 {
  margin-left: -40px; }

.res_lst.lng6.s50 > li {
  width: calc(100% / 6 - 50px);
  margin-left: 50px; }

.res_lst.s50 {
  margin-left: -50px; }

.res_lst.lng6.s60 > li {
  width: calc(100% / 6 - 60px);
  margin-left: 60px; }

.res_lst.s60 {
  margin-left: -60px; }

.res_lst {
  font-size: 0; }
  .res_lst > li {
    display: inline-block;
    vertical-align: top; }

.tov {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
.tov2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }
.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 {
  position: absolute;
  z-index: 1200;
  max-width: 100%;
  background-color: #fff;
  border: 1px solid #ccc; }
  .syspop .l-header {
    display: none; }
  .syspop .wrap {
    position: relative;
    z-index: 100;
    max-width: 100%;
    /* margin: 0 auto; */
    text-align: center; }
  .syspop .l-cont {
    word-break: break-all; }
  .syspop .l-footer {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    bottom: 0px;
    right: 0px;
    text-align: right; }
    .syspop .l-footer span {
      cursor: pointer; }

@media screen and (max-width: 1000px) {
  .syspop {
    top: 20px !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;
    border: none; }
  .syspop:after {
    content: "";
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); }
  .syspop .wrap {
    position: relative;
    z-index: 100;
    max-width: 95%;
    margin: 0 auto;
    text-align: center; }
  .syspop .l-cont {
    height: auto !important; }
  .syspop .l-cont img {
    width: 100%; }
  .syspop .l-footer {
    position: relative;
    z-index: 10;
    width: 95%;
    margin: 0 auto;
    background-color: #fff; } }





@media (max-width: 767px) {

  .syspop[data-mw="1"] .wrap {width: 10%;}
  .syspop[data-mw="1"] .l-footer{width: 10%;}

  .syspop[data-mw="2"] .wrap {width: 20%;}
  .syspop[data-mw="2"] .l-footer{width: 20%;}

  .syspop[data-mw="3"] .wrap {width: 30%;}
  .syspop[data-mw="3"] .l-footer{width: 30%;}

  .syspop[data-mw="4"] .wrap {width: 40%;}
  .syspop[data-mw="4"] .l-footer{width: 40%;}

  .syspop[data-mw="5"] .wrap {width: 50%;}
  .syspop[data-mw="5"] .l-footer{width: 50%;}

  .syspop[data-mw="6"] .wrap {width: 60%;}
  .syspop[data-mw="6"] .l-footer{width: 60%;}

  .syspop[data-mw="7"] .wrap {width: 70%;}
  .syspop[data-mw="7"] .l-footer{width: 70%;}

  .syspop[data-mw="8"] .wrap {width: 80%;}
  .syspop[data-mw="8"] .l-footer{width: 80%;}

  .syspop[data-mw="9"] .wrap {width: 90%;}
  .syspop[data-mw="9"] .l-footer{width: 90%;}

}





/* page num */
.page_num {
  position: relative;
  margin-top: 50px;
  text-align: center;
  font-size: 0; }
  @media (max-width: 620px) {
    .page_num {
      margin-top: 25px; } }
  .page_num a {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: -1px;
    text-align: center;
    color: #666;
    line-height: 38px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ccc;
    vertical-align: middle; }
    @media (max-width: 620px) {
      .page_num a {
        width: 30px;
        height: 30px;
        line-height: 28px;
        font-size: 12px; } }
  .page_num .act {
    position: relative;
    z-index: 1;
    color: #fff;
    background-color: #3a8afd !important; }
  .page_num .page {
    text-indent: -9999px; }
  .page_num .first {
    background: url(/_img/init/page_first.png) 50% 50% no-repeat; }
  .page_num .last {
    background: url(/_img/init/page_last.png) 50% 50% no-repeat; }
  .page_num .l {
    background: url(/_img/init/page_left.png) 50% 50% no-repeat; }
  .page_num .r {
    background: url(/_img/init/page_right.png) 50% 50% no-repeat; }
  @media (max-width: 620px) {
    .page_num .first, .page_num .last {
      background-size: 40%; } }
  @media (max-width: 620px) {
    .page_num .l, .page_num .r {
      background-size: 20%; } }

.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 {
  background-size: 438px 494px; }

.bgi_b:before {
  content: "";
  background-size: 438px 494px; }

.bgi_a:after {
  content: "";
  background-size: 438px 494px; }

.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; }

.ani {
  opacity: 0;
  -ms-transform: matrix(1, 0, 0, 1, 0, 50);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 50);
  transform: matrix(1, 0, 0, 1, 0, 50);
  transition: transform 0.8s, opacity 0.8s;
  -webkit-transition: -webkit-transform 0.8s, opacity 0.8s; }

.ani.view {
  opacity: 1;
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0); }

.container {
  width: 1430px;
  margin: 0 auto; }
  @media (max-width: 1240px) {
    .container {
      width: 1000px; } }
  @media (max-width: 1119px) {
    .container {
      width: 960px; } }
  @media (max-width: 991px) {
    .container {
      width: 720px; } }
  @media (max-width: 767px) {
    .container {
      width: 594px; } }
  @media (max-width: 620px) {
    .container {
      width: 326px; } }
  @media (max-width: 356px) {
    .container {
      width: 90%; } }

/* 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; }

@media screen and (max-width: 1240px) {
  .db1000 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .dn1000 {
    display: none !important; } }

@media screen and (max-width: 1119px) {
  .db960 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .dn960 {
    display: none !important; } }

@media screen and (max-width: 991px) {
  .db720 {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .dn720 {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .db594 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .dn594 {
    display: none !important; } }

@media screen and (max-width: 620px) {
  .db326 {
    display: block !important;
    float: none;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .dn326 {
    display: none !important; } }

@media screen and (max-width: 356px) {
  .db90 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .dn90 {
    display: none; } }

.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: #3a8afd;
  color: #fff; }

.de_btn.fill:hover {
  background-color: rgba(173, 42, 47, 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 #3a8afd;
  color: #3a8afd; }

.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: #3a8afd; }

.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 #3a8afd;
  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 {
    background-color: #3a8afd;
    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: #eee; }

.de_rdo.txt i, .de_cks.txt i, .de_cki.txt i {
  margin-right: 10px; }

.de_rdo {

  font-size: 12px;
  color: #666; }
  .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;

  font-size: 12px;
  color: #666; }
  .de_cki i, .de_cks i {
    display: inline-block;
    border: 1px solid #ddd;
    vertical-align: middle; }

.de_rdo.sg i, .de_cki.sg i, .de_cks.sg i {
  width: 30px;
  height: 30px; }

.de_rdo.ss i, .de_cki.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 #3a8afd;
    border-width: 0 2px 2px 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .de_cki input:checked ~ i::after {
    opacity: 1; }
  .de_cki input:disabled ~ i {
    background-color: #eee; }

.sys_wrap {
  padding: 50px 0 100px; }


@media (max-width: 620px) {
	.sys_wrap {padding: 0; }
}



  .sys_wrap .ffd {
     }
  .sys_wrap .sys_path {
    color: #888;
    text-align: center; }
    .sys_wrap .sys_path span::before {
      content: ">";
      margin: 0 5px; }
    .sys_wrap .sys_path span:first-child::before {
      display: none; }
  .sys_wrap .sys_h2 {
    margin-bottom: 50px;
    font-weight: 600;
    text-align: center; }
  .sys_wrap .sys_h3 {
    font-weight: 500; }
  .sys_wrap .sys_bgi {
    background-image: url(/_img/init/shop_ico.png); }
  .sys_wrap .sys_bgi_b::before {
    content: "";
    background-image: url(/_img/init/shop_ico.png); }
  .sys_wrap .sys_bgi_a::after {
    content: "";
    background-image: url(/_img/init/shop_ico.png); }
  .sys_wrap .sys_cart_wrap .cart_lst {
    width: 740px;
    max-width: 100%; }
    @media (max-width: 1240px) {
      .sys_wrap .sys_cart_wrap .cart_lst {
        float: none;
        width: 100%;
        padding-bottom: 50px; } }
    @media (max-width: 620px) {
      .sys_wrap .sys_cart_wrap .cart_lst {padding-bottom: 0; } }
    .sys_wrap .sys_cart_wrap .cart_lst .ord_c_tit {
      padding-bottom: 40px;
      font-weight: bold;
      text-align: center; }
      @media (max-width: 620px) {
        .sys_wrap .sys_cart_wrap .cart_lst .ord_c_tit {
          padding-bottom: 20px; } }
    .sys_wrap .sys_cart_wrap .cart_lst .destination .copy_info_check {
      display: none; }
    .sys_wrap .sys_cart_wrap .cart_lst .destination .copy_btn {
      display: inline-block;
      width: 86px;
      height: 34px;
      border-radius: 8px;
      border: 1px solid #aaa;
      text-align: center;
      line-height: 32px;
      font-size: 12px;
      color: #333; }
    .sys_wrap .sys_cart_wrap .cart_lst .destination .txt {
      float: left; }
    @media (max-width: 620px) {
      .sys_wrap .sys_cart_wrap .cart_lst .destination .copy_label {
        float: right; } }
    .sys_wrap .sys_cart_wrap .cart_lst .ord_prd_tb {
      margin: 0 auto 50px; }
      @media (max-width: 620px) {
        .sys_wrap .sys_cart_wrap .cart_lst .ord_prd_tb {
          margin: 0 auto 25px; } }
      .sys_wrap .sys_cart_wrap .cart_lst .ord_prd_tb table tr .w1 {
        width: 90px;
        padding: 30px 0; }
        @media (max-width: 620px) {
          .sys_wrap .sys_cart_wrap .cart_lst .ord_prd_tb table tr .w1 {
            width: 60px;
            padding: 20px 0; } }
      .sys_wrap .sys_cart_wrap .cart_lst .ord_prd_tb table tr .w2 {
        width: auto;
        padding: 30px; }
      .sys_wrap .sys_cart_wrap .cart_lst .ord_prd_tb table tr td .img {
        display: block;
        width: 90px;
        height: 90px;
        border-radius: 5px;
        overflow: hidden; }
      .sys_wrap .sys_cart_wrap .cart_lst .ord_prd_tb table tr td .price_txt {
        margin-top: 30px; }
        @media (max-width: 620px) {
.sys_wrap .sys_cart_wrap .cart_lst .ord_prd_tb table tr .w1{padding: 15px 0;}
.sys_wrap .sys_cart_wrap .cart_lst .ord_prd_tb table tr .w2{padding: 15px;}
.sys_wrap .sys_cart_wrap .cart_lst .ord_prd_tb table tr td .img{width: 60px;height: 60px;}
          .sys_wrap .sys_cart_wrap .cart_lst .ord_prd_tb table tr td .price_txt {
            margin-top: 10px; } }
        .sys_wrap .sys_cart_wrap .cart_lst .ord_prd_tb table tr td .price_txt del {
          color: #ccc; }
    .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp {
      margin: 0 auto 50px; }
      @media (max-width: 620px) {
        .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp {
          margin: 0 auto 25px; }
          .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp tr {
            padding: 10px 0; } }
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .bdrs_l_inp {
        width: calc(100% - 105px);
        height: 45px; }
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .bdrs_btn {
        display: inline-block;
        width: 100px;
        height: 45px;
        border: 1px solid #aaa;
        border-radius: 8px;
        text-align: center;
        line-height: 43px;
        font-size: 14px; }
        @media (max-width: 620px) {
          .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .bdrs_btn {
            font-size: 12px; } }
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .pay_info_txt {
        line-height: 45px;
        color: #666; }
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .rec_info_box {
        margin-top: 10px; }

        .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .rec_info_box .line {
          margin-top: 5px; }
        .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .rec_info_box .type_sel {
          display: inline-block;width: 68px;
          margin-right: 5px; }
        .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .rec_info_box .type_sel.dn {
          display: none; }
        .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .rec_info_box .business_txt {
          display: none;
          width: 90px;
          vertical-align: middle;
          color: #666;
          text-align: center; }
        .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .rec_info_box .business_txt.act {
          display: inline-block; }
        .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .rec_info_box .num_inp {
          width: calc(100% - 73px);
          height: 45px; }
        .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .rec_info_box .num_inp.dn {
          display: none; }
        .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .rec_info_box .business_inp {
          display: none;
          width: calc(100% - 95px);
          height: 45px;
          margin-left: 5px; }
        .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .rec_info_box .business_inp.db {
          display: inline-block; }
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .rec_info_box.dn {
        display: none; }
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .rec_info_box2.dn{display: none;}
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .rec_info_box2 .line {margin-top: 5px; }
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .rec_info_box2 .line .inp.w100 {width: calc(100% - 105px);}
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .addr_b_inp {
        margin-right: 5px; }
        @media (max-width: 620px) {
          .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .addr_b_inp {
            width: calc(100% - 105px); } }
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .addr_chk {
        margin-right: 20px; }
        @media (max-width: 620px) {
          .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .addr_chk {
            width: 50%;
            margin-right: 0; } }
        .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .addr_chk .addr_chk_txt {
          display: inline-block;
          margin-left: 10px;
          vertical-align: middle;
          color: #666; }
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .addr_lst_rdo {
        margin-right: 20px; }
        .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .addr_lst_rdo .addr_lst_txt {
          display: inline-block;
          margin-left: 10px;
          vertical-align: middle;
          color: #666; }
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .addr_lst_btn {
        width: 100px;
        height: 45px;
        border: 1px solid #aaa;
        border-radius: 8px;
        text-align: center;
        font-size: 14px;
        vertical-align: middle; }
        @media (max-width: 620px) {
          .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr td .addr_lst_btn {
            display: block;
            margin-top: 10px; } }
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .pay_type_td {
        padding: 15px 0; }
        .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .pay_type_td .pay_type_rdo {
          margin-right: 20px; }
          @media (max-width: 991px) {
            .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .pay_type_td .pay_type_rdo {
              margin-right: 10px; } }
          @media (max-width: 620px) {
            .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .pay_type_td .pay_type_rdo {
              width: calc(50% - 10px);
              margin-bottom: 10px; } }
          .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .pay_type_td .pay_type_rdo .txt {
            color: #666; }
        .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .pay_type_td .pay_type_rdo:last-child {
          margin-right: 0; }
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .won_td .sys_w390 {
        height: 45px; }
        @media (max-width: 1240px) {
          .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .won_td .sys_w390 {
            width: calc(100% - 140px); } }
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .won_td .won_inp {
        font-weight: bold;
        color: #000; }
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .won_td .won {
        display: inline-block;
        width: 40px;
        text-align: center;
        vertical-align: middle;
        color: #666; }
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .won_td .won_btn_box {
        display: inline-block;
        width: 390px;
        height: 45px;
        border: 1px solid #ddd;
        font-size: 0;
        vertical-align: middle; }
        @media (max-width: 1240px) {
          .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .won_td .won_btn_box {
            width: calc(100% - 140px); } }
        .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .won_td .won_btn_box .won_inp {
          width: calc(100% - 30px);height: 100%;
          border: 0;
          text-align: right; }
        .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .won_td .won_btn_box .won_close_btn {
          position: relative;
          width: 30px;
          height: 45px; }
        .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table tr .won_td .won_btn_box .won_close_btn::after {
          position: absolute;
          top: 50%;
          left: 0;
          display: block;
          width: 10px;
          height: 10px;
          margin-top: -5px;
          background-position: -68px -42px; }
      .sys_wrap .sys_cart_wrap .cart_lst .tb_l_inp table .rec_tr.dn {
        display: none; }
    .sys_wrap .sys_cart_wrap .cart_lst .ord_agree_box .pre_txt {
      overflow-y: scroll;
      height: 150px;
      padding: 20px;
      border: 1px solid #ddd; }
      .sys_wrap .sys_cart_wrap .cart_lst .ord_agree_box .pre_txt pre {
        font-size: 12px;
        
        color: #666; }
    .sys_wrap .sys_cart_wrap .cart_lst .ord_agree_box .ord_agree_p {
      margin-top: 10px;
      color: #666; }
    .sys_wrap .sys_cart_wrap .cart_lst .agree_rdo_box {
      margin-top: 20px;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd; }
      .sys_wrap .sys_cart_wrap .cart_lst .agree_rdo_box .dtc {
        padding: 20px 0; }
        @media (max-width: 620px) {
          .sys_wrap .sys_cart_wrap .cart_lst .agree_rdo_box .dtc {
            display: block;
            width: 100%; } }
      .sys_wrap .sys_cart_wrap .cart_lst .agree_rdo_box .w1 {
        width: 230px; }
        @media (max-width: 620px) {
          .sys_wrap .sys_cart_wrap .cart_lst .agree_rdo_box .w1 {
            padding: 15px 0 0; } }
      .sys_wrap .sys_cart_wrap .cart_lst .agree_rdo_box .w2 {
        width: auto; }
        @media (max-width: 620px) {
          .sys_wrap .sys_cart_wrap .cart_lst .agree_rdo_box .w2 {
            padding: 15px 0; } }
        .sys_wrap .sys_cart_wrap .cart_lst .agree_rdo_box .w2 .de_rdo.sg {
          margin-right: 20px; }
          .sys_wrap .sys_cart_wrap .cart_lst .agree_rdo_box .w2 .de_rdo.sg .txt {
            color: #666; }
  .sys_wrap .sys_cart_wrap .cart_total_wrap {
    width: 410px;
    background-color: #fbfcfd; }
    @media (max-width: 1240px) {
      .sys_wrap .sys_cart_wrap .cart_total_wrap {
        width: 100%;
        float: none; } }
    .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total {
      width: 410px;
      max-width: 100%;
      border: 1px solid #ddd; }
      @media (max-width: 1240px) {
        .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total {
          width: 100%;
          float: none; } }
      .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total .total_info_box {
        padding: 30px 50px;
        border-bottom: 1px solid #ddd; }
        @media (max-width: 620px) {
          .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total .total_info_box {
            padding: 20px; } }
        .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total .total_info_box .t1 {
          padding-bottom: 20px; }
        .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total .total_info_box .pri_tb tr th {
          width: 120px;
          text-align: left;
          color: #666; }
        .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total .total_info_box .pri_tb tr td {
          text-align: right;
          color: #666; }
          .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total .total_info_box .pri_tb tr td .cart_pri {
            font-weight: 500;
            color: #333; }
      .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total .total_pay_box {
        padding: 30px 50px; }
        @media (max-width: 620px) {
          .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total .total_pay_box {
            padding: 20px; } }
        .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total .total_pay_box .total_pri_tb table tr th {
          width: 120px;
          padding: 10px 0;
          text-align: left;
          color: #666;vertical-align: top; }
        .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total .total_pay_box .total_pri_tb table tr td {
          padding: 10px 0;
          text-align: right;
          color: #666; }
          .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total .total_pay_box .total_pri_tb table tr td .cart_total_pri {
            font-weight: 500; }
        .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total .total_pay_box .cart_buy_line .cart_buy_btn {
          display: block;
          width: 100%;
          margin-top: 30px;
          padding: 15px;
          border-radius: 10px;
          text-align: center;
          color: #fff; }
		   .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total .total_pay_box .cart_buy_line .cart_buy_btn.mt5{margin-top: 5px;}
          @media (max-width: 620px) {
            .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total .total_pay_box .cart_buy_line .cart_buy_btn {
              margin-top: 10px; } }
        .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total .total_pay_box .cart_buy_line .home_btn {
          margin-top: 5px;
          border: 1px solid #aaa;
          color: #333;
          background-color: #fff; }
        .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total .total_pay_box .cart_buy_line .cart_sel_order {
          background-color: #333; }
        .sys_wrap .sys_cart_wrap .cart_total_wrap .cart_total .total_pay_box .cart_buy_line .bg_btn {
          background-color: #3a8afd !important;
		  border: 1px solid #3a8afd;}
  .sys_wrap .sys_cart_wrap .cart_total_wrap.fix {
    z-index: 10;
    position: absolute;
    right: 0; }
    @media (max-width: 1240px) {
      .sys_wrap .sys_cart_wrap .cart_total_wrap.fix {
        position: static; } }
    .sys_wrap .sys_cart_wrap .cart_total_wrap.fix .cart_total {
      position: fixed;
      top: 160px;
      right: auto;
      background-color: #fbfcfd; }
      @media (max-width: 1240px) {
        .sys_wrap .sys_cart_wrap .cart_total_wrap.fix .cart_total {
          position: static; } }
  .sys_wrap .tb_l_inp table {
    border-top: 1px solid #333; }
    .sys_wrap .tb_l_inp table tr {
      border-bottom: 1px solid #ddd; }
      .sys_wrap .tb_l_inp table tr th {
        width: 190px;
        padding: 7px 20px;
        text-align: left; }
        @media (max-width: 991px) {
          .sys_wrap .tb_l_inp table tr th {
            width: 130px; } }
        @media (max-width: 620px) {
          .sys_wrap .tb_l_inp table tr th {
            display: block;
            width: 100%;
            padding: 0 0 10px;
            background-color: transparent; } }
      .sys_wrap .tb_l_inp table tr td {
        padding: 7px;
        color: #666; }
        .sys_wrap .tb_l_inp table tr td .inp_r_btn {
          display: inline-block;
          width: 100px;
          height: 45px;
          margin-left: 7px;
          border: 1px solid #999;
          font-size: 12px;
          
          line-height: 43px;
          text-align: center;
          color: #666; }
        .sys_wrap .tb_l_inp table tr td .mr20 {
          margin-right: 20px; }
        .sys_wrap .tb_l_inp table tr td .ml5 {
          margin-left: 5px; }
        .sys_wrap .tb_l_inp table tr td .de_inp {
          font-size: 12px;
          
          color: #666; }
        .sys_wrap .tb_l_inp table tr td .line {
          margin-top: 10px; }
        .sys_wrap .tb_l_inp table tr td .line.new_delivery_inp.act {display: block;width: 100%;margin-top: 5px;}
        .sys_wrap .tb_l_inp table tr td .line:first-child {
          margin-top: 0; }
        @media (max-width: 991px) {
          .sys_wrap .tb_l_inp table tr td .sys_w175 {
            width: calc(33.333% - 5px); }
          .sys_wrap .tb_l_inp table tr td .sys_w175.c {
            margin: 0 5px; }
          .sys_wrap .tb_l_inp table tr td .sys_w545 {
            width: 100%; }
          .sys_wrap .tb_l_inp table tr td .sys_w438 {
            width: calc(100% - 107px); } }
        @media (max-width: 620px) {
          .sys_wrap .tb_l_inp table tr td {
            display: block;
            width: 100%;
            padding: 0; }
            .sys_wrap .tb_l_inp table tr td .sys_w150 {
              width: 100%; } }
      .sys_wrap .tb_l_inp table tr .tdpd {
        padding: 15px 7px; }
        @media (max-width: 620px) {
          .sys_wrap .tb_l_inp table tr .tdpd {
            padding: 0; } }
      @media (max-width: 620px) {
        .sys_wrap .tb_l_inp table tr {
          display: block;
          width: 100%;
          padding: 10px;
          border-bottom: none; } }
    .sys_wrap .tb_l_inp table .dn2 {
      display: none; }
  .sys_wrap .sys_w438 {
    width: 438px; }
  .sys_wrap .sys_w545 {
    width: 545px; }
  .sys_wrap .sys_w390 {
    width: 390px; }
  .sys_wrap .sys_w345 {
    width: 345px; }
  .sys_wrap .sys_w175 {
    width: 175px; }
  .sys_wrap .sys_w150 {
    width: 150px; }
  .sys_wrap .sys_w185 {
    width: 185px; }
  .sys_wrap .sys_w175.c {
    margin: 0 10px; }
  .sys_wrap .de_inp {
    max-width: 100%; }
  .sys_wrap .r_btn_inp {
    width: calc(100% - 107px); }
  .sys_wrap .sys_w30p {
    width: calc(33.333% - 5px); }
  .sys_wrap .sys_w30p.c {
    margin: 0 5px; }
  .sys_wrap .de_inp.sm {
    height: 45px;
    padding: 0 20px; }
  .sys_wrap .ord_comp_box {
    border-top: 2px solid #333;
    padding-top: 50px; }
    .sys_wrap .ord_comp_box .top {
      margin-bottom: 50px;
      padding: 50px 20px;
      border: 5px solid #ddd;
      text-align: center; }
      .sys_wrap .ord_comp_box .top .t2 {
        color: #666; }
  .sys_wrap .my_t {
    margin-bottom: 10px;
    color: #000;
    font-weight: bold; }
    .sys_wrap .my_t .de_cki {
      margin-left: 20px;
      font-size: 14px;
      color: #666;
      font-weight: 300; }

@media (max-width: 620px) {
	.rec_chk_box label{margin-bottom: 10px;}
}

/* response ex

'd1000','d960','d720','d594','d326','d90'

@include respond-to('d1000') {
    background: pink;
}
@include respond-to('d960') {
    background: orange;
}
@include respond-to('d720') {
    background: blue;
}
*/
.inp_wrap .inp {
  display: inline-block;
  height: 45px;
  padding: 0 20px;
  vertical-align: middle;

  font-size: 14px;
  color: #999;
  border: 1px solid #ddd; }
  .inp_wrap .inp::placeholder {

    font-size: 14px;
    color: #999; }
  @media (max-width: 620px) {
    .inp_wrap .inp {
      padding: 0 15px; } }

.inp_wrap .dash_board {
  display: inline-block;
  height: 45px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 45px;
  vertical-align: middle;
  background-color: #fafafa;
  border: none; }
  @media (max-width: 620px) {
    .inp_wrap .dash_board {
      font-size: 12px; } }

.inp_wrap .dash_board.fcr::placeholder {
  color: #3a8afd !important; }

.inp_wrap select.sel_inp {
  display: inline-block;
  height: 45px;
  padding: 0 30px 0 20px;
  vertical-align: middle;

  color: #666;
  border: 1px solid #ddd;
  background-position: calc(100% - 20px) 50%;
  background-image: url(/_img/sel_init_ico2.png);
  -webkit-background-size: 9px 8px;
  background-size: 9px 8px; }
  @media (max-width: 620px) {
    .inp_wrap select.sel_inp {
      padding: 0 25px 0 15px;
      background-position: calc(100% - 15px) 50%; } }

.inp_wrap .text_inp {
  padding-top: 15px;
  padding-bottom: 15px; }

.inp_wrap select.sel_inp option {

  color: #666; }

.inp_wrap .inp_txt {
  display: inline-block;
  width: 15px;
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  text-align: center;
  vertical-align: middle; }

.inp_wrap .inp_txt2 {
  display: inline-block;
  width: 20px;
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  text-align: center;
  vertical-align: middle; }

.inp_wrap .file_cont + .file_cont {
  margin-top: 5px; }

.inp_wrap .file_cont .file_btn {
  display: inline-block;
  width: 60px;
  height: 45px;
  margin-left: 5px;
  border-radius: 10px;
  line-height: 43px;
  font-size: 16px;
  text-align: center;
  border: 1px solid #aaa; }
  @media (max-width: 620px) {
    .inp_wrap .file_cont .file_btn {
      font-size: 12px; } }

.inp_wrap .file_wrap {
  display: inline-block;
  width: 530px;
  height: 45px;
  color: #999;
  font-size: 12px;
 }
  @media (max-width: 1240px) {
    .inp_wrap .file_wrap {
      width: calc( 100% - 65px); } 
	 .inp_wrap .file_wrap_w100 {
      width: 100%; } 
	  
	  }

.inp_wrap .text_w {
  width: calc( 100% - 20px); }
  @media (max-width: 1240px) {
    .inp_wrap .text_w {
      width: 100%; } }

.inp_wrap .w30p {
  width: calc( (100% - 30px) / 3); }

.inp_wrap .w100p {
  width: 100%; }

.inp_wrap .w92 {
  width: 92px; }

.inp_wrap .w530 {
  width: 530px; }

@media (max-width: 767px) {
	.inp_wrap .w530 {width: 100%;}
}


.inp_wrap .w480 {
  width: 480px; }

.inp_wrap .w425 {
  width: 425px; }

.inp_wrap .w330 {
  width: 330px; }

.inp_wrap .w318 {
  width: 318px; }


.inp_wrap .w222 {
  width: 222px; }

.inp_wrap .w186 {
  width: 186px; }

.inp_wrap .w150 {
  width: 150px; }

.inp_wrap .w100 {
  width: 100px; }

.inp_wrap .h150 {
  height: 150px; }

.inp_wrap .h225 {
  height: 225px; }
  @media (max-width: 620px) {
    .inp_wrap .h225 {
      height: 215px; } }

.inp_wrap .h286 {
  height: 286px; }
  @media (max-width: 620px) {
    .inp_wrap .h286 {
      height: 351px; } }

.inp_wrap .bdra {
  border-radius: 22px; }

.btn_wrap {
  font-size: 0; }
  .btn_wrap .btn_type1 {
    display: inline-block;
    width: 100%;
    height: 60px;
    border-radius: 10px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background-color: #3a8afd !important; }
    @media (max-width: 620px) {
      .btn_wrap .btn_type1 {
        height: 45px;
        line-height: 43px;
        font-size: 12px; } }
  .btn_wrap .btn_type2 {
    display: inline-block;
    width: 100%;
    height: 60px;
    border-radius: 10px;
    line-height: 58px;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #aaa; }
	.btn_wrap .btn_type2.dn,.btn_wrap .btn_type1.dn{display: none;}
	.btn_wrap .btn_type2.m5{margin: 5px;}
    @media (max-width: 620px) {
      .btn_wrap .btn_type2 {
        height: 45px;
        line-height: 43px;
        font-size: 12px; } }
  .btn_wrap .btn_type3 {
    display: inline-block;
    width: 100px;
    height: 45px;
    border-radius: 10px;
    line-height: 45px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background-color: #444; }
  .btn_wrap .list_more {
    display: block;
    width: 590px;
    height: 60px;
    margin: 40px auto 0 auto;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 16px;
    line-height: 58px; }
    @media (max-width: 1240px) {
      .btn_wrap .list_more {
        width: calc( 100% - 50px); } }
    @media (max-width: 620px) {
      .btn_wrap .list_more {
        width: 100%;
        height: 45px;
        line-height: 43px;
        font-size: 12px;
        margin: 20px auto 0 auto; } }
  .btn_wrap .list_more.dn {
    display: none; }
  .btn_wrap .w100p {
    width: 100%; }
  .btn_wrap .w60 {
    width: 60px; }
  .btn_wrap .w100 {
    width: 100px; }
  .btn_wrap .w225 {
    width: 225px; }
  .btn_wrap .w280 {
    width: 280px; }
  .btn_wrap .w111 {
    width: 111px; }
  .btn_wrap .h45 {
    height: 45px;
    line-height: 43px; }

.btn_cont {
  margin-top: 50px;
  text-align: center;
  font-size: 0; }
  @media (max-width: 620px) {
    .btn_cont {
      margin-top: 25px; } }
  @media (max-width: 620px) {
    .btn_cont .btn_type1 {
      display: block;
      width: 215px;
      margin: 0 auto 5px auto; } }
  @media (max-width: 620px) {
    .btn_cont .btn_type2 {
      display: block;
      width: 215px;
      margin: 0 auto; } }

.btn_cont2 {
  margin-top: 50px;
  text-align: center;
  font-size: 0; }
  @media (max-width: 620px) {
    .btn_cont2 {
      margin-top: 25px; } }
  @media (max-width: 1240px) {
    .btn_cont2 .btn_type2 {
      display: block;
      margin: 0 auto; } }
  @media (max-width: 620px) {
    .btn_cont2 .btn_type2 {
      width: 215px; } }
  @media (max-width: 1240px) {
    .btn_cont2 .btn_type2 + .btn_type2 {
      margin-top: 10px; } }
  @media (max-width: 620px) {
    .btn_cont2 .btn_type2 + .btn_type2 {
      margin-top: 5px; } }

.tmenu_wrap ul {
  font-size: 0;
  margin-right: 1px; }
  .tmenu_wrap ul li {
    display: inline-block;
    height: 50px;
    margin-right: -1px;
    border: 1px solid #ddd;
    border-bottom: 1px solid #333;
    background-color: #fafafa; }
    .tmenu_wrap ul li a {
      display: block;
      width: 100%;
      font-size: 16px;
      text-align: center;
      line-height: 48px;
      color: #999; }
      @media (max-width: 620px) {
        .tmenu_wrap ul li a {
          font-size: 12px; } }
  .tmenu_wrap ul li.act {
    border: 1px solid #333;
    border-bottom: transparent;
    background-color: #fff; }
    .tmenu_wrap ul li.act a {
      color: #333; }
  .tmenu_wrap ul li.act + li {
    border-left: 1px solid #333; }

.tmenu_wrap .t_menu2 > li {
  width: calc( 50% + 1px); }

.tmenu2_wrap {
  margin-bottom: 40px;
  border-top: 1px solid #333; }
  @media (max-width: 620px) {
    .tmenu2_wrap {
      margin-bottom: 20px; } }
  .tmenu2_wrap a {
    display: block;
    width: 100%;
    font-size: 16px;
    height: 57px;
    line-height: 57px;
    text-align: center; }
    @media (max-width: 620px) {
      .tmenu2_wrap a {
        font-size: 12px;
        height: 40px;
        line-height: 40px; }
		.tmenu2_wrap a .txt{display: none;}

	}
  .tmenu2_wrap td {
    position: relative;
    border-bottom: 1px solid #ddd; }
  .tmenu2_wrap td:after {
    content: "";
    display: block;
    width: 1px;
    height: 27px;
    position: absolute;
    right: 0;
    top: 15px;
    background-color: #ddd; }
    @media (max-width: 620px) {
      .tmenu2_wrap td:after {
        height: 19px;
        top: 11px; } }
  .tmenu2_wrap td:last-child:after {
    display: none; }
  @media (max-width: 1240px) {
    .tmenu2_wrap td:nth-child(2n):after {
      display: none; } 
	.tmenu2_wrap .shop_tmenu td:nth-child(2n):after {display: block; } 
	.tmenu2_wrap .shop_tmenu td:last-child:after {display: none; } 
	  }

  .tmenu2_wrap td.act a {
    color: #3a8afd;
    border-bottom: 3px solid #3a8afd !important;
    font-weight: 400; }
  .tmenu2_wrap td:after {
    content: "";
    display: block;
    width: 1px;
    height: 27px;
    position: absolute;
    right: 0;
    top: 15px;
    background-color: #ddd; }
    @media (max-width: 620px) {
      .tmenu2_wrap td:after {
        height: 19px;
        top: 11px; } }
  .tmenu2_wrap .dib1000 {
    height: 57px; }
    @media (max-width: 620px) {
      .tmenu2_wrap .dib1000 {
        height: 40px; } }
  .tmenu2_wrap .t2_menu4 td {
    width: 25%; }
    @media (max-width: 1240px) {
      .tmenu2_wrap .t2_menu4 td {
        width: 50%;
        display: block;
        float: left; } }
  .tmenu2_wrap .t2_menu4:after {
    content: "";
    display: block;
    clear: both; }
  .tmenu2_wrap .t2_menu5 td {
    width: 20%; }
    @media (max-width: 1240px) {
      .tmenu2_wrap .t2_menu5 td {
        width: 50%;
        display: block;
        float: left; } }
  .tmenu2_wrap .t2_menu5 td:nth-child(5):after {
    display: none; }
    @media (max-width: 1240px) {
      .tmenu2_wrap .t2_menu5 td:nth-child(5):after {
        display: block; } }
  .tmenu2_wrap .t2_menu5:after {
    content: "";
    display: block;
    clear: both; }
  .tmenu2_wrap .t2_menu6 td {
    width: 16.6666%; }
    @media (max-width: 1240px) {
      .tmenu2_wrap .t2_menu6 td {width: 100%;/* width: 50%;display: block;float: left;*/ } }
    .tmenu2_wrap .t2_menu6 td a:before {
      content: "";
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 10px;
      margin-bottom: 3px;
      vertical-align: middle; }
  .tmenu2_wrap .t2_menu6:after {
    content: "";
    display: block;
    clear: both; }
  .tmenu2_wrap .t2_menu6 .t1:before {
    background-position: -39px -326px; }
  .tmenu2_wrap .t2_menu6 .t2:before {
    background-position: -61px -326px; }
  .tmenu2_wrap .t2_menu6 .t3:before {
    background-position: -83px -326px; }
  .tmenu2_wrap .t2_menu6 .t4:before {
    background-position: -105px -326px; }
  .tmenu2_wrap .t2_menu6 .t5:before {
    background-position: -127px -326px; }
  .tmenu2_wrap .t2_menu6 .t6:before {
    background-position: -149px -326px; }
  .tmenu2_wrap .t2_menu6 td.act .t1:before {
    background-position: -39px -348px; }
  .tmenu2_wrap .t2_menu6 td.act .t2:before {
    background-position: -61px -348px; }
  .tmenu2_wrap .t2_menu6 td.act .t3:before {
    background-position: -83px -348px; }
  .tmenu2_wrap .t2_menu6 td.act .t4:before {
    background-position: -105px -348px; }
  .tmenu2_wrap .t2_menu6 td.act .t5:before {
    background-position: -127px -348px; }
  .tmenu2_wrap .t2_menu6 td.act .t6:before {
    background-position: -149px -348px; }
  .tmenu2_wrap .t2_menu6.bn td a:before {
    display: none; }

.tmenu2_wrap {
  margin-bottom: 40px;
  border-top: 1px solid #333; }
  @media (max-width: 620px) {
    .tmenu2_wrap {
      margin-bottom: 20px; } }
  .tmenu2_wrap a {
    display: block;
    width: 100%;
    font-size: 16px;
    height: 57px;
    line-height: 57px;
    text-align: center; }
    @media (max-width: 620px) {
      .tmenu2_wrap a {
        font-size: 12px;
        height: 40px;
        line-height: 40px; } }
  .tmenu2_wrap td {
    position: relative;
    border-bottom: 1px solid #ddd; }
  .tmenu2_wrap td:after {
    content: "";
    display: block;
    width: 1px;
    height: 27px;
    position: absolute;
    right: 0;
    top: 15px;
    background-color: #ddd; }
    @media (max-width: 620px) {
      .tmenu2_wrap td:after {
        height: 19px;
        top: 11px; } }
  .tmenu2_wrap td:last-child:after {
    display: none; }
  @media (max-width: 1240px) {
    .tmenu2_wrap td:nth-child(2n):after {
      display: none; } }
  .tmenu2_wrap td.act a {
    color: #3a8afd;
    border-bottom: 3px solid #3a8afd !important;
    font-weight: 400; }
  .tmenu2_wrap td:after {
    content: "";
    display: block;
    width: 1px;
    height: 27px;
    position: absolute;
    right: 0;
    top: 15px;
    background-color: #ddd; }
    @media (max-width: 620px) {
      .tmenu2_wrap td:after {
        height: 19px;
        top: 11px; } }
  .tmenu2_wrap .dib1000 {
    height: 57px; }
    @media (max-width: 620px) {
      .tmenu2_wrap .dib1000 {
        height: 40px; } }
  .tmenu2_wrap .t2_menu4 td {
    width: 25%; }
    @media (max-width: 1240px) {
      .tmenu2_wrap .t2_menu4 td {
        width: 50%;
        display: block;
        float: left; } }
  .tmenu2_wrap .t2_menu4:after {
    content: "";
    display: block;
    clear: both; }
  .tmenu2_wrap .t2_menu5 td {
    width: 20%; }
    @media (max-width: 1240px) {
      .tmenu2_wrap .t2_menu5 td {
        width: 50%;
        display: block;
        float: left; } }
  .tmenu2_wrap .t2_menu5 td:nth-child(5):after {
    display: none; }
    @media (max-width: 1240px) {
      .tmenu2_wrap .t2_menu5 td:nth-child(5):after {
        display: block; } }
  .tmenu2_wrap .t2_menu5:after {
    content: "";
    display: block;
    clear: both; }
  .tmenu2_wrap .t2_menu6 td {
    width: 16.6666%; }
    @media (max-width: 1240px) {
      .tmenu2_wrap .t2_menu6 td {width: 100%;/* width: 50%;display: block;float: left;*/ } }
    .tmenu2_wrap .t2_menu6 td a:before {
      content: "";
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 10px;
      margin-bottom: 3px;
      vertical-align: middle; }
  .tmenu2_wrap .t2_menu6:after {
    content: "";
    display: block;
    clear: both; }
  .tmenu2_wrap .t2_menu6 .t1:before {
    background-position: -39px -326px; }
  .tmenu2_wrap .t2_menu6 .t2:before {
    background-position: -61px -326px; }
  .tmenu2_wrap .t2_menu6 .t3:before {
    background-position: -83px -326px; }
  .tmenu2_wrap .t2_menu6 .t4:before {
    background-position: -105px -326px; }
  .tmenu2_wrap .t2_menu6 .t5:before {
    background-position: -127px -326px; }
  .tmenu2_wrap .t2_menu6 .t6:before {
    background-position: -149px -326px; }
  .tmenu2_wrap .t2_menu6 td.act .t1:before {
    background-position: -39px -348px; }
  .tmenu2_wrap .t2_menu6 td.act .t2:before {
    background-position: -61px -348px; }
  .tmenu2_wrap .t2_menu6 td.act .t3:before {
    background-position: -83px -348px; }
  .tmenu2_wrap .t2_menu6 td.act .t4:before {
    background-position: -105px -348px; }
  .tmenu2_wrap .t2_menu6 td.act .t5:before {
    background-position: -127px -348px; }
  .tmenu2_wrap .t2_menu6 td.act .t6:before {
    background-position: -149px -348px; }
  .tmenu2_wrap .t2_menu6.bn td a:before {
    display: none; }

.s_tit {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 600;
  text-align: center; }
  @media (max-width: 620px) {
    .s_tit {
      margin-bottom: 10px;
      font-size: 18px; } }

.login {
  width: 400px;
  margin: 0 auto; }
  @media (max-width: 620px) {
    .login {
      width: 100%; } }
  .login .login_wrap .id_box {
    position: relative; }
    .login .login_wrap .id_box .inp {
      padding-left: 54px; }
      @media (max-width: 620px) {
        .login .login_wrap .id_box .inp {
          padding-left: 15px; } }
    .login .login_wrap .id_box:before {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      left: 21px;
      top: 13px;
      background-position: -101px -2px; }
      @media (max-width: 620px) {
        .login .login_wrap .id_box:before {
          display: none; } }
  .login .login_wrap .pw_box {
    position: relative; }
    .login .login_wrap .pw_box .inp {
      padding-left: 54px; }
      @media (max-width: 620px) {
        .login .login_wrap .pw_box .inp {
          padding-left: 15px; } }
    .login .login_wrap .pw_box:before {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      left: 21px;
      top: 13px;
      background-position: -123px -2px; }
      @media (max-width: 620px) {
        .login .login_wrap .pw_box:before {
          display: none; } }
  .login .login_wrap .vert_line .line::before {
    height: 9px;
    margin: -2px 10px 0;
    background-color: #ddd; }
  @media (max-width: 620px) {
    .login .login_wrap .btn_wrap .btn_type1.mb10 {
      margin-bottom: 5px; } }
  .login .simple_login .t1 {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 16px; }
    @media (max-width: 620px) {
      .login .simple_login .t1 {
        margin-top: 15px;
        margin-bottom: 10px;
        font-size: 12px; } }
  .login .simple_login .bgi {
    display: inline-block;
    width: 60px;
    height: 60px; }
  .login .simple_login .kakao {
    background-position: -2px -68px; }
  .login .simple_login .naver {
    background-position: -64px -68px; }
  .login .simple_login .facebook {
    background-position: -126px -68px; }
  .login .certified_wrap .w295 {
    display: inline-block;
    width: calc( 100% - 105px); }

.agree_wrap.mb30 {
  margin-bottom: 30px; }
  @media (max-width: 620px) {
    .agree_wrap.mb30 {
      margin-bottom: 15px; } }

.agree_wrap {
  margin-bottom: 50px; }
  @media (max-width: 620px) {
    .agree_wrap {
      margin-bottom: 25px; } }
  .agree_wrap .agree_tit {
    font-size: 20px;
    font-weight: 600; }
    @media (max-width: 620px) {
      .agree_wrap .agree_tit {
        font-size: 14px; } }
  .agree_wrap .agree_box {
    width: 100%;
    height: 150px;
    margin-top: 20px;
    padding: 15px 20px;
    overflow-y: scroll;
    border: 1px solid #ddd; }
    @media (max-width: 620px) {
      .agree_wrap .agree_box {
        margin-top: 10px;
        padding: 10px 15px; } }
  .agree_wrap .agree_cki {
    margin-top: 10px;
    margin-bottom: 20px; }
    @media (max-width: 620px) {
      .agree_wrap .agree_cki {
        margin-bottom: 10px; } }
  .agree_wrap .agree_period {
    padding: 20px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
    @media (max-width: 620px) {
      .agree_wrap .agree_period {
        padding: 5px 0 20px 0; } }
    .agree_wrap .agree_period .tit {
      display: inline-block;
      margin-right: 40px;
      height: 30px;
      font-size: 16px;
      font-weight: 500;
      line-height: 30px;
      vertical-align: middle; }
      @media (max-width: 620px) {
        .agree_wrap .agree_period .tit {
          display: block;
          margin-right: 0;
          margin-bottom: 10px;
          font-size: 12px; } }

.certified .tit {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 100%;
  font-weight: 600; }
  @media (max-width: 620px) {
    .certified .tit {
      margin-bottom: 5px;
      font-size: 14px; } }

.certified .t1 {
  font-size: 14px;
  line-height: 160%; }
  @media (max-width: 620px) {
    .certified .t1 {
      font-size: 12px; } }

.certified .certified_box {
  margin: 15px 0;
  border: 1px solid #ddd;
  font-size: 0; }
  @media (max-width: 620px) {
    .certified .certified_box {
      margin: 10px 0; } }
  .certified .certified_box > li {
    display: inline-block;
    width: 50%;
    text-align: center; }
	 .certified .certified_box > li .certi_cont{display: block;width: 100%;height: 100%;padding: 30px 0 25px 0;}
    @media (max-width: 620px) {
      .certified .certified_box > li {
        display: block;
        width: 100%; } }
    .certified .certified_box > li .ico {
      width: 100px;
      height: 100px;
      margin: 0 auto 15px auto;
      border-radius: 100%;
      text-align: center;
      background-color: #3a8afd !important; }
      @media (max-width: 620px) {
        .certified .certified_box > li .ico {
          width: 60px;
          height: 60px;
          margin: 0 auto 5px auto; } }
      .certified .certified_box > li .ico:after {
        content: "";
        display: inline-block;
        width: 55px;
        height: 55px;
        margin-top: 23px;
        vertical-align: middle; }
        @media (max-width: 620px) {
          .certified .certified_box > li .ico:after {
            width: 33px;
            height: 33px;
            margin-top: 13px;
            background-size: 262px 295px; } }
    .certified .certified_box > li .ipin:after {
      background-position: -193px -2px; }
      @media (max-width: 620px) {
        .certified .certified_box > li .ipin:after {
          background-position: -115px -35px; } }
    .certified .certified_box > li .own:after {
      background-position: -193px -59px; }
      @media (max-width: 620px) {
        .certified .certified_box > li .own:after {
          background-position: -115px -1px; } }
    .certified .certified_box > li .t2 {
      font-size: 16px;
      line-height: 160%; }
      @media (max-width: 620px) {
        .certified .certified_box > li .t2 {
          font-size: 12px; } }
  .certified .certified_box .bdr {
    position: relative; }
    @media (max-width: 620px) {
      .certified .certified_box .bdr {
        border-bottom: 1px solid #ddd; } }
    .certified .certified_box .bdr:after {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      width: 1px;
      height: 100%;
      background: url(/_img/bdr.png);
      background-repeat: repeat-y; }
      @media (max-width: 620px) {
        .certified .certified_box .bdr:after {
          display: none; } }

@media (max-width: 620px) {
  .bd_tb .input_board tr {
    border-bottom: none; } }

@media (max-width: 1240px) {
  .board_3input .w150 {
    width: 32%; } }

@media (max-width: 991px) {
  .board_3input .w150 {
    width: 31.4%; } }

@media (max-width: 767px) {
  .board_3input .w150 {
    width: 30.8%; } }

@media (max-width: 620px) {
  .board_3input .w150 {
    width: calc(33.333% - 15px); } }

@media (max-width: 620px) {
  .input_board {
    border-bottom: 1px solid #ddd; } }

.input_board .dib326, .input_board .db326 {
  display: none; }

@media (max-width: 620px) {
  .input_board .dib326 {
    display: inline-block; } }

@media (max-width: 620px) {
  .input_board .db326 {
    display: block; } }

.input_board tr {
  text-align: left; }

.input_board th {
  padding-left: 20px;
  width: 190px;
  font-size: 14px;
  font-weight: 400; }
.join2 .input_board th{width: 220px;}
  @media (max-width: 620px) {
    .input_board th {
      display: block;
      width: 100%;
      margin-top: 10px;
      padding-left: 0;
      font-size: 12px; }
	.join2 .input_board th{width: 100%;} }

.input_board td {
  padding: 7px 0; }
  @media (max-width: 620px) {
    .input_board td {
      display: block;
      padding: 0; } }

@media (max-width: 620px) {
  .input_board tr:last-child td {
    padding-bottom: 15px; } }

@media (max-width: 620px) {
  .input_board .t1 .w150 {
    width: 100%; } }

@media (max-width: 1240px) {
  .input_board .t2 .w480 {
    width: 100%; } }

@media (max-width: 1240px) {
  .input_board .t3 .w150 {
    width: 32%; } }

@media (max-width: 991px) {
  .input_board .t3 .w150 {
    width: 31.4%; } }

@media (max-width: 767px) {
  .input_board .t3 .w150 {
    width: 30.8%; } }

@media (max-width: 620px) {
  .input_board .t3 .w150 {
    width: 29.8%; } }

@media (max-width: 1240px) {
  .input_board .t4 .w318 {
    width: 288px; } }

td.h60{height: 60px;}
@media (max-width: 620px){
	td.h60{height: auto;padding: 10px 0;}
}
.place_h45{height: 45px;padding-top: 8px;}
@media (max-width: 620px) {
	.place_h45{height: 30px;padding-top: 0;	}
}


.input_board .t4 .place {
  width: 318px;
  display: none;}
  .input_board .t4 .place.dib{display: inline-block;}
  @media (max-width: 1240px) {
   /*  .input_board .t4 .place {
      width: 68.6%; } */
	   .input_board .t4 .place {
      width: calc( 100% - 166px ); }   
	  }
/*   @media (max-width: 1119px) {
          .input_board .t4 .place {
      width: 58.9%; } } */
  @media (max-width: 620px) {
    .input_board .t4 .place {
      width: 100%;
      margin-top: 7px; } }

.input_board .t4 .menu {
  width: 318px; }
  @media (max-width: 1240px) {
    .input_board .t4 .menu {
      width: 288px; } }
  @media (max-width: 620px) {
    .input_board .t4 .menu {
      width: 67.5%; } }

@media (max-width: 1240px) {
  .input_board .t6 .w425 {
    width: calc( 100% - 105px); } }

@media (max-width: 620px) {
  .input_board .t7 .addr1 {
    width: calc( 100% - 105px); } }

.input_board .mail_inp_wrap .mail_inp {
  margin-right: 10px; }
  @media (max-width: 620px) {
    .input_board .mail_inp_wrap .mail_inp {
      margin-right: 5px; } }

@media (max-width: 620px) {
  .input_board .mail_inp_wrap .mail_selecter.w150 {
    width: 31.7%; } }

.input_board .desc_wrap {
  margin-top: 15px;
  margin-bottom: 10px; }
  @media (max-width: 620px) {
    .input_board .desc_wrap {
      margin-bottom: 0; } }

.input_board .p15 {
  padding: 15px 0; }
  @media (max-width: 620px) {
    .input_board .p15 {
      padding: 10px 0; } }

.input_board .date_wrap {
  display: inline-block;
  vertical-align: middle; }
  @media (max-width: 620px) {
    .input_board .date_wrap {
      display: block; } }
  .input_board .date_wrap .date_color {
    color: #666; }
    .input_board .date_wrap .date_color::placeholder {
      color: #666; }

@media (max-width: 620px) {
  .input_board .qa_h286 .h286 {
    height: 286px; } }

@media (max-width: 620px) {
  .input_board .inquiry_disabled_txt {
    width: 100%; } }

.star:before {
  content: "*";
  margin-right: 3px;
  display: inline-block;
  color: #3a8afd;
  font-size: 14px; }

.reception_wrap {
  display: inline-block;
  vertical-align: middle; }
  @media (max-width: 1240px) {
    .reception_wrap {
      display: block;
      margin-top: 10px; } }

.input_board .event_time .db326 {
  display: inline-block; }

@media (max-width: 620px) {
  .event_time .w92 {
    width: 49.1%; } }

@media (max-width: 620px) {
  .event_time .inp_txt {
    height: 25px;
    line-height: 25px; } }

.inquiry_desc {
  margin-bottom: 40px;
  font-size: 16px; }
  @media (max-width: 620px) {
    .inquiry_desc {
      margin-bottom: 20px;
      font-size: 12px; } }

.board_tit .t1 {
  font-size: 20px;
  line-height: 100%; }
  @media (max-width: 620px) {
    .board_tit .t1 {
      font-size: 14px; } }

.board_tit .t2 {
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 14px; }
  @media (max-width: 620px) {
    .board_tit .t2 {
      height: 14px;
      line-height: 14px;
      font-size: 12px; } }

@media (max-width: 620px) {
  .bd_tb.mt20 {
    margin-top: 10px; } }

@media (max-width: 620px) {
  .bd_tb.mb25 {
    margin-bottom: 20px; } }

@media (max-width: 620px) {
  .bd_tb.mb50 {
    margin-bottom: 25px; } }

.join2 {
  width: 720px;
  margin: 0 auto; }
  @media (max-width: 1240px) {
    .join2 {
      width: 100%; } }
  .join2 .btn_wrap .btn_type3 {
    margin-left: 5px;
    font-size: 14px; }
    @media (max-width: 620px) {
      .join2 .btn_wrap .btn_type3 {
        font-size: 12px; } }

.join2_path.mb50 {
  margin-bottom: 50px; }

.join2_path {
  margin-bottom: 30px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #ddd;
  text-align: center; }
  @media (max-width: 620px) {
    .join2_path {
      margin-bottom: 15px; } }
  .join2_path .t1 {
    display: inline-block;
    height: 57px;
    line-height: 57px;
    font-size: 16px; }
    @media (max-width: 620px) {
      .join2_path .t1 {
        height: 37px;
        line-height: 37px;
        font-size: 12px; } }
    .join2_path .t1:after {
      display: inline-block;
      width: 9px;
      height: 17px;
      margin: 0 20px 2px 20px;
      vertical-align: middle;
      background-position: -90px -2px; }
      @media (max-width: 620px) {
        .join2_path .t1:after {
          display: none; } }
  .join2_path .t1.act {
    color: #333; }

.join3 {
  text-align: center; }
  .join3 .t1 {
    margin: 15px 0;
    font-size: 24px;
    font-weight: 600; }
    @media (max-width: 620px) {
      .join3 .t1 {
        margin: 0 0 10px 0;
        font-size: 18px; } }
  .join3 .t2 {
    font-size: 30px;
    font-weight: 600; }
    @media (max-width: 620px) {
      .join3 .t2 {
        font-size: 18px; } }
  .join3 .t3 {
    font-size: 16px;
    color: #666;
    line-height: 160%; }
    @media (max-width: 620px) {
      .join3 .t3 {
        font-size: 12px; } }
  .join3 .btn_wrap {
    margin-top: 45px; }
    @media (max-width: 620px) {
      .join3 .btn_wrap {
        margin-top: 20px; } }
    .join3 .btn_wrap .btn_type1 {
      display: block;
      margin: 0 auto 10px auto; }
      @media (max-width: 620px) {
        .join3 .btn_wrap .btn_type1 {
          width: 215px;
          margin: 0 auto 5px auto; } }
    .join3 .btn_wrap .btn_type2 {
      display: block;
      margin: 0 auto 0 auto; }
      @media (max-width: 620px) {
        .join3 .btn_wrap .btn_type2 {
          width: 215px; } }

.lovecar .btn_wrap .btn_type3 {
  margin-left: 5px;
  font-size: 14px; }
  @media (max-width: 620px) {
    .lovecar .btn_wrap .btn_type3 {
      font-size: 12px; } }

@media (max-width: 1240px) {
  .lovecar .addr2.mr5 {
    margin-right: 0;
    margin-bottom: 5px; } }

@media (max-width: 620px) {
  .lovecar .motive {
    display: block;
    margin-top: 15px; } }

@media (max-width: 620px) {
  .lovecar .event_time .date_wrap {
    margin-bottom: 5px; } }

@media (max-width: 620px) {
  .lovecar .event_time .ml5 {
    margin-left: 0; } }

.lovecar .condition_desc {
  margin-top: 15px;
  margin-bottom: 10px; }
  @media (max-width: 620px) {
    .lovecar .condition_desc {
      margin-bottom: 20px; } }

.lovecar .condition_desc.mb15 {
  margin-bottom: 5px; }
  @media (max-width: 620px) {
    .lovecar .condition_desc.mb15 {
      margin-bottom: 10px; } }

@media (max-width: 620px) {
  .lovecar .sink {
    margin-top: 15px; } }

.lovecar .dinner_area .dib {
  display: inline-block; }

@media (max-width: 1240px) {
  .lovecar .dinner_area .area_wrap {
    margin-top: 10px; } }

@media (max-width: 620px) {
  .lovecar .dinner_area .area_wrap {
    margin-top: 5px; } }

@media (max-width: 620px) {
  .lovecar .dinner_area .area_tit {
    display: inline-block;
    width: 56px;
    height: 45px;
    line-height: 45px;
    vertical-align: middle; } }

@media (max-width: 620px) {
  .lovecar .dinner_area .area {
    margin-top: 5px; } }

@media (max-width: 620px) {
  .lovecar .desc_wrap {
    margin-top: 5px; } }


.event_tab ul{font-size: 0;}
.event_tab ul li{position: relative;display: inline-block;width: 50%;border-top: 1px solid #333;border-bottom: 1px solid #ddd;text-align: center;line-height: 60px;}
.event_tab ul li:before{content: '';position: absolute;top: 50%;left: 0;display: inline-block;width: 2px;height: 25px;margin-top: -12px;background-color: #f6f6f6;}
.event_tab ul li:first-child:before{display: none;}
.event_tab ul li > a{display: block;width: 100%;height: 100%;}
.event_tab ul li.act{color:#3a8afd;font-weight: 600;}
.event_tab ul li.act:after{content: '';position: absolute;bottom: 0;left: 0;display: block;width: 100%;height: 3px;background-color: #3a8afd;}



.event_wrap {
  padding-top: 40px; }
  @media (max-width: 620px) {
    .event_wrap {
      padding-top: 20px; } }

.event > ul > li a{display: block;width: 100%;height: 100%;}
.event > ul > li {
  position: relative;
  display: block;
  width: 100%;
  height: 390px;}
  @media (max-width: 1240px) {
    .event > ul > li {
      height: 208px; }
    .event > ul > li .m_img{display: inline-block;} }
  @media (max-width: 620px) {
    .event > ul > li {
      height: 91px; } }
  .event > ul > li img {
    width: 100%; }

.event > ul li + li {
  margin-top: 40px; }
  @media (max-width: 620px) {
    .event > ul li + li {
      margin-top: 20px; } }

.event > ul > li .event_end{position: absolute;top: 0;left: 0;}


.non_event {
  padding-top: 110px;
  padding-bottom: 50px;
  font-size: 18px;
  color: #888; }
  .non_event:before {
    content: "";
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 30px auto;
    background-position: -2px -2px; }
    @media (max-width: 620px) {
      .non_event:before {
        width: 32px;
        height: 32px;
        background-size: 219px 247px;
        background-position: -1px -1px;
        margin: 0 auto 15px auto; } }
  @media (max-width: 620px) {
    .non_event {
      padding-top: 75px;
      padding-bottom: 25px;
      font-size: 14px; } }

.cs_view .view_tb {
  border-top: 2px solid #333; }
  .cs_view .view_tb tr {
    border-bottom: 1px solid #ddd; }
  .cs_view .view_tb .tit_wrap {
    padding: 25px 30px; }
    @media (max-width: 620px) {
      .cs_view .view_tb .tit_wrap {
        padding: 15px 0; } }
    .cs_view .view_tb .tit_wrap .tit {
      font-size: 18px;
      font-weight: 500; }
      @media (max-width: 620px) {
        .cs_view .view_tb .tit_wrap .tit {
          font-size: 12px; } }
    .cs_view .view_tb .tit_wrap .tit2 .t1 {
      font-size: 14px;
      display: inline-block; }
      @media (max-width: 620px) {
        .cs_view .view_tb .tit_wrap .tit2 .t1 {
          font-size: 12px; } }
    .cs_view .view_tb .tit_wrap .vert_line .line::before {
      height: 11px;
      margin: -3px 10px 0;
      background-color: #ddd; }
      @media (max-width: 620px) {
        .cs_view .view_tb .tit_wrap .vert_line .line::before {
          height: 9px;
          margin: -2px 10px 0; } }
  .cs_view .view_tb .file_wrap {
    padding: 15px 30px;
    background-color: #fafafa; }
    @media (max-width: 620px) {
      .cs_view .view_tb .file_wrap {
        padding: 10px 0; } }
    .cs_view .view_tb .file_wrap .file_tit {
      vertical-align: top; }
    .cs_view .view_tb .file_wrap .t1 {
      font-size: 14px;
      font-weight: 500; }
    .cs_view .view_tb .file_wrap .t2 {
      font-size: 14px;
      display: block; }
      @media (max-width: 620px) {
        .cs_view .view_tb .file_wrap .t2 {
          font-size: 12px; } }
  .cs_view .view_tb .content {
    padding: 25px 30px 50px 30px; }
    @media (max-width: 620px) {
      .cs_view .view_tb .content {
        padding: 15px 0 25px 0; } }
    .cs_view .view_tb .content p {
      font-size: 14px;
      color: #666;
      line-height: 150%; }
      @media (max-width: 620px) {
        .cs_view .view_tb .content p {
          font-size: 12px; } }

.cs_view .to_list {
  margin-top: 50px;
  border-top: 1px solid #ddd; }
  @media (max-width: 620px) {
    .cs_view .to_list {
      margin-top: 25px; } }
  .cs_view .to_list tr {
    border-bottom: 1px solid #ddd; }
  .cs_view .to_list th {
    width: 190px;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 500;
    text-align: left; }
    @media (max-width: 1240px) {
      .cs_view .to_list th {
        width: 113px; } }
    @media (max-width: 620px) {
      .cs_view .to_list th {
        width: 40px;
        padding: 10px 0;
        font-size: 12px; } }
    .cs_view .to_list th:after {
      content: "";
      display: block;
      float: right;
      width: 14px;
      height: 7px;
      margin-top: 9px;
      background: url(/_img/to_list.png); }
      @media (max-width: 620px) {
        .cs_view .to_list th:after {
          display: none; } }
  .cs_view .to_list .next:after {
    transform: scaleY(-1); }
  .cs_view .to_list td {
    padding: 15px 20px 15px 0;
    font-size: 14px;
    color: #666; }
    @media (max-width: 1240px) {
      .cs_view .to_list td {
        padding: 15px 20px 15px 10px; } }
    @media (max-width: 620px) {
      .cs_view .to_list td {
        padding: 10px 0 10px 15px;
        font-size: 12px; } }

.faq.w186 {
  margin-top: 10px; }
  @media (max-width: 1240px) {
    .faq.w186 {
      width: 100%;
      margin-top: 5px; } }

.faq_tb {
  margin-top: 40px; }
  @media (max-width: 620px) {
    .faq_tb {
      margin-top: 20px; } }
  .faq_tb .t1 {
    width: 100px;
    text-align: center; }
    @media (max-width: 620px) {
      .faq_tb .t1 {
        width: 30px; } }
    .faq_tb .t1 .q {
      display: inline-block;
      width: 40px;
      height: 40px;
      font-size: 16px;
      color: #fff;
      text-align: center;
      line-height: 40px;
      background-color: #aaa;
      border-radius: 100%; }
      @media (max-width: 620px) {
        .faq_tb .t1 .q {
          width: 30px;
          height: 30px;
          font-size: 12px;
          line-height: 30px; } }
  .faq_tb .t2 {
    padding: 20px 86px 20px 0;
    position: relative; }
    @media (max-width: 620px) {
      .faq_tb .t2 {
        padding: 15px 0 15px 10px; } }
    .faq_tb .t2 .faq_btn {
      width: 100%;
      text-align: left; }
      .faq_tb .t2 .faq_btn:after {
        content: "";
        display: block;
        position: absolute;
        right: 30px;
        top: calc( 50% - 7px);
        width: 14px;
        height: 14px;
        background-position: -29px -408px; }
        @media (max-width: 620px) {
          .faq_tb .t2 .faq_btn:after {
            display: none; } }
      .faq_tb .t2 .faq_btn .topic {
        font-size: 14px;
        line-height: 150%; }
        @media (max-width: 620px) {
          .faq_tb .t2 .faq_btn .topic {
            font-size: 12px; } }
      .faq_tb .t2 .faq_btn .tit {
        font-size: 18px;
        line-height: 150%; }
        @media (max-width: 620px) {
          .faq_tb .t2 .faq_btn .tit {
            font-size: 12px; } }
    .faq_tb .t2 .faq_btn.act:after {
      transform: scaleY(-1); }
  .faq_tb .t3 {
    padding-top: 30px;
	padding-bottom: 25px;
    vertical-align: top;
    text-align: center; }
    @media (max-width: 620px) {
      .faq_tb .t3 {
        padding-top: 20px;
		padding-bottom: 15px; } }
    .faq_tb .t3 .a {
      display: inline-block;
      width: 40px;
      height: 40px;
      font-size: 16px;
      color: #fff;
      text-align: center;
      line-height: 40px;
      background-color: #3a8afd !important;
      border-radius: 100%; }
      @media (max-width: 620px) {
        .faq_tb .t3 .a {
          width: 30px;
          height: 30px;
          font-size: 12px;
          line-height: 30px; } }
  .faq_tb .t4 {
    padding: 25px 50px 25px 0; }
	/* .faq_tb .t4 p, .faq_tb .t4 span{font-family: "??? ???", "malgun gothic";font-size: 13px;} */
    @media (max-width: 620px) {
      .faq_tb .t4 {
        padding: 15px 0 15px 10px; } }
    .faq_tb .t4 p {
	word-break: break-word;
      font-size: 14px;
      color: #666; }
      @media (max-width: 620px) {
        .faq_tb .t4 p {
          font-size: 12px; } }
  .faq_tb .answer {
    display: none;
    background-color: #fafafa; }
  .faq_tb .answer.act {
    display: table-row; }

.q_menu td {
  width: 150px;
  position: relative;
  border: 1px solid #ddd;
  text-align: center; }
  .q_menu td a {
    display: block;
    width: 100%;
    padding: 17px 0; }

.q_menu .txt {
  font-size: 14px;
  color: #666; }
  .q_menu .txt:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 5px auto; }
  .q_menu .txt:after {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -1px;
    top: -1px;
    border: 1px solid #3a8afd !important; }

.q_menu .t1:before {
  background-position: -39px -242px; }

.q_menu .t2:before {
  background-position: -81px -242px; }

.q_menu .t3:before {
  background-position: -123px -242px; }

.q_menu .t4:before {
  background-position: -165px -242px; }

.q_menu .t5:before {
  background-position: -207px -242px; }

.q_menu .t6:before {
  background-position: -249px -242px; }

.q_menu .t7:before {
  background-position: -333px -242px; }

.q_menu .t8:before {
  background-position: -291px -242px; }



.q_menu td.act .txt {
  color: #3a8afd; }
  .q_menu td.act .txt:after {
    display: block; }

.q_menu td.act .t1:before {
  background-position: -39px -284px; }

.q_menu td.act .t2:before {
  background-position: -81px -284px; }

.q_menu td.act .t3:before {
  background-position: -123px -284px; }

.q_menu td.act .t4:before {
  background-position: -165px -284px; }

.q_menu td.act .t5:before {
  background-position: -207px -284px; }

.q_menu td.act .t6:before {
  background-position: -249px -284px; }

.q_menu td.act .t7:before {
  background-position: -335px -284px; }

.q_menu td.act .t8:before {
  background-position: -333px -284px; }

.q_menu2 {
  padding-top: 10px; }
  @media (max-width: 1240px) {
    .q_menu2 {
      display: block; } }
  @media (max-width: 620px) {
    .q_menu2 {
      padding-top: 0; } }

.list_menucont .tmenu2_wrap {
  margin-bottom: 30px; }
  @media (max-width: 620px) {
    .list_menucont .tmenu2_wrap {
      margin-bottom: 25px; } }

.cs_menucont .tmenu2_wrap {
  margin-bottom: 50px; }
  @media (max-width: 620px) {
    .cs_menucont .tmenu2_wrap {
      margin-bottom: 25px; } }

.cs2_tb tr {
  height: 106px; }
  @media (max-width: 1240px) {
    .cs2_tb tr {
      display: block;
      height: 124px;
      padding: 20px 160px 20px 30px;
      position: relative; } }
  @media (max-width: 620px) {
    .cs2_tb tr {
      height: 110px;
      padding: 15px 0 25px 0; } }

.cs2_tb .topic {
  width: 140px;
  text-align: center; }
  @media (max-width: 1240px) {
    .cs2_tb .topic {
      display: inline-block;
      width: 100%;
      text-align: left; } }
  @media (max-width: 620px) {
    .cs2_tb .topic {
      font-size: 12px; } }

@media (max-width: 1240px) {
  .cs2_tb .tit {
    display: inline-block;
    /*width: 100%;*/
	width: calc(100% - 67px); } }

.cs2_tb .tit .t1 {
  font-size: 18px;
  font-weight: 500; }
  @media (max-width: 1240px) {
    .cs2_tb .tit .t1 {
      margin-top: -5px; } }
  @media (max-width: 620px) {
    .cs2_tb .tit .t1 {
      margin-bottom: 5px;
      font-size: 12px; } }

@media (max-width: 1240px) {
  .cs2_tb .tit .re_t1 {
    margin-top: 10px; } }

@media (max-width: 620px) {
  .cs2_tb .tit .re_t1 {
    margin-top: 15px;
    margin-bottom: -5px; } }

@media (max-width: 620px) {
  .cs2_tb .tit .vert_line {
    display: inline-block; } }

.cs2_tb .tit .vert_line .t2 {
  font-size: 14px;
  color: #666; }
  @media (max-width: 620px) {
    .cs2_tb .tit .vert_line .t2 {
      font-size: 12px; } }

.cs2_tb .tit .vert_line .line::before {
  height: 11px;
  margin: -2px 10px 0;
  background-color: #ddd; }
  @media (max-width: 620px) {
    .cs2_tb .tit .vert_line .line::before {
      height: 9px; } }

.cs2_tb .box {
  width: 160px;
  padding: 30px 0;
  text-align: center; }
  @media (max-width: 1240px) {
    .cs2_tb .box {
      display: block;
      width: auto;
      padding: 0;
      position: absolute;
      right: 30px;
      top: calc( 50% - 22px); } }
  @media (max-width: 620px) {
    .cs2_tb .box {
      right: 0;
      top: calc( 50% - 15px ) } }
  .cs2_tb .box .wating_box {
    display: inline-block;
    width: 100px;
    height: 45px;
    line-height: 43px;
    font-size: 14px;
    color: #999;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 10px; }
    @media (max-width: 620px) {
      .cs2_tb .box .wating_box {
        width: 67px;
        height: 30px;
        line-height: 28px;
        font-size: 12px;
        border-radius: 5px; } }
  .cs2_tb .box .complete_box {
    display: inline-block;
    width: 100px;
    height: 45px;
    line-height: 43px;
    font-size: 14px;
    color: #3a8afd;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #3a8afd !important;
    border-radius: 10px; }
    @media (max-width: 620px) {
      .cs2_tb .box .complete_box {
        width: 67px;
        height: 30px;
        line-height: 28px;
        font-size: 12px;
        border-radius: 5px; } }

.cs_search {
  font-size: 0; }
  @media (max-width: 1240px) {
    .cs_search {
      float: none; } }
  .cs_search .inp {
    margin-right: 10px; }
    @media (max-width: 1240px) {
      .cs_search .inp {
        width: calc( 100% - 170px); } }
    @media (max-width: 620px) {
      .cs_search .inp {
        width: calc( 100% - 50px);
        margin-right: 5px; } }
  .cs_search .sch_btn {
    display: inline-block;
    width: 160px;
    height: 45px;
    border-radius: 22px;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #3a8afd !important; }
    @media (max-width: 620px) {
      .cs_search .sch_btn {
        width: 45px;
        height: 45px;
        border-radius: 100%; } }
    .cs_search .sch_btn:after {
      content: "";
      display: inline-block;
      width: 16px;
      height: 14px;
      margin-bottom: 4px;
      margin-left: 10px;
      vertical-align: middle;
      background-position: -68px -25px; }
      @media (max-width: 620px) {
        .cs_search .sch_btn:after {
          margin-left: 0; } }

.search_top {
  padding: 20px 0;
  margin-bottom: 30px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #ddd;
  text-align: center;
  font-size: 0; }
  @media (max-width: 1240px) {
    .search_top {
      padding: 20px 30px; } }
  @media (max-width: 620px) {
    .search_top {
      padding: 10px 0;
      margin-bottom: 25px; } }
  .search_top .tit {
    margin-right: 20px;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    vertical-align: middle; }
  .search_top .cs_search {
    display: inline-block;
    vertical-align: middle; }
    @media (max-width: 1240px) {
      .search_top .cs_search {
        width: calc( 100% - 77px); } }
    @media (max-width: 620px) {
      .search_top .cs_search {
        display: block;
        width: 100%; } }

.notice_tb {
  margin-top: 30px; }
  @media (max-width: 620px) {
    .notice_tb {
      margin-top: 20px; } }
  .notice_tb table td {
    padding: 25px 0; }
    @media (max-width: 1240px) {
      .notice_tb table td {
        padding: 25px 30px; } }
    @media (max-width: 620px) {
      .notice_tb table td {
        padding: 15px 0; } }
  .notice_tb table .num {
    width: 140px;
    text-align: center;
    font-size: 14px;
    font-weight: 400; }
  .notice_tb table .notice2 {
    display: none;
    font-size: 18px; }
    @media (max-width: 1240px) {
      .notice_tb table .notice2 {
        display: inline-block; } }
    @media (max-width: 620px) {
      .notice_tb table .notice2 {
        font-size: 12px; } }
    .notice_tb table .notice2:after {
      content: "";
      display: inline-block;
      width: 1px;
      height: 14px;
      margin: -2px 8px 0;
      vertical-align: middle;
      background-color: #ddd; }
      @media (max-width: 620px) {
        .notice_tb table .notice2:after {
          height: 9px;
          margin: -2px 6px 0; } }
  .notice_tb table .t1 {
    font-size: 18px;
    font-weight: 400; }
    @media (max-width: 620px) {
      .notice_tb table .t1 {
        font-size: 12px; } }
  @media (max-width: 620px) {
    .notice_tb table .vert_line {
      margin-top: -5px; } }
  .notice_tb table .vert_line .line::before {
    height: 11px;
    margin: -2px 10px 0;
    background-color: #ddd; }
    @media (max-width: 620px) {
      .notice_tb table .vert_line .line::before {
        height: 9px;
        margin: -2px 8px 0; } }
  .notice_tb table .t2 {
    font-size: 14px;
    color: #666; }
    @media (max-width: 620px) {
      .notice_tb table .t2 {
        font-size: 12px; } }

.list_total {
  margin-bottom: 20px; }
  @media (max-width: 620px) {
    .list_total {
      margin-bottom: 15px; } }
  .list_total .link {
    font-size: 0; }
    @media (max-width: 620px) {
      .list_total .link {
        float: none;
        width: 100%;
        margin-bottom: 10px; }
      .list_total .link.period {float: none;text-align: center;} }
    .list_total .link .btn_style {
      display: inline-block;
      width: 160px;
      height: 45px;
      border-radius: 22px;
      line-height: 45px;
      color: #fff;
      font-size: 14px;
      text-align: center;
      vertical-align: middle; }
      @media (max-width: 620px) {
        .list_total .link .btn_style {
          width: calc( 50% - 5px);
          height: 38px;
          line-height: 38px;
          font-size: 12px; } }
    .list_total .link .how {
      background-color: #3a8afd !important; }
    .list_total .link .qa {
      margin-left: 10px;
      background-color: #333; }
  .list_total .total {
    height: 45px;
    line-height: 45px;
    color: #666;
    font-size: 14px; }
    @media (max-width: 620px) {
      .list_total .total {
        float: none;
        display: block;
        height: 30px;
        font-size: 12px;
        line-height: 30px; } }
  @media (max-width: 620px) {
    .list_total .w186 {
      float: none;
      width: 100%; } }

@media (max-width: 620px) {
  .list_total.mb {
    margin-bottom: 10px; } }

/* .ico_wrap {
      font-size: 0; }
      .ico_wrap .ico {
    display: inline-block;
    	background-repeat: no-repeat;
    	background-size: cover;
    	background-position: center top;	
    width: 68px;
    height: 30px; }
    @media (max-width: 620px) {
      .ico_wrap .ico {
        width: 34px;
        height: 15px; } }
      .ico_wrap .ico + .ico {
    margin-left: 5px; }
    @media (max-width: 620px) {
      .ico_wrap .ico + .ico {
        margin-left: 2px; } }
      .ico_wrap .hot {
    background: url(/_img/hot.jpg);
    background-size: contain; }
      .ico_wrap .new {
    background: url(/_img/new.jpg);
    background-size: contain; }
      .ico_wrap .sale {
    background: url(/_img/sale.jpg);
    background-size: contain; } */


.list > ul > li{position: relative;}
.list > ul > li .tit_wrap .ico_wrap {
position: absolute;right: 0;top: 0;z-index: 10;
border-radius: 10px 10px 0 0;overflow: hidden;
width: 100%;
  font-size: 0;
  text-align: right;}
  .list > ul > li .tit_wrap .ico_wrap .ico {
    display: inline-block;
    width: 46px;
    height: 34px;
	vertical-align: top;
	font-size: 12px;color: #fff;font-family: 'GmarketSansMedium';text-align: center;text-transform:uppercase;line-height: 34px;
	}
  .list > ul > li .tit_wrap .ico_wrap .ico + .ico {
    margin-left: 3px; }
  .list > ul > li .tit_wrap .ico_wrap .hot {
    background-color: rgba(50,168,251,.75);
	 }
  .list > ul > li .tit_wrap .ico_wrap .new {
    background-color: rgba(255,138,23,.75); 
	 }
  .list > ul > li .tit_wrap .ico_wrap .sale {
     background-color: rgba(255,61,68,.75);
	 line-height: 100%;font-size: 0; }
	 .list > ul > li .tit_wrap .ico_wrap .sale .t1{font-size: 12px;line-height: 34px;}
	 @media (max-width: 620px){
		.list > ul > li .tit_wrap .ico_wrap .ico{width: 40px;font-size: 11px;}
		.list > ul > li .tit_wrap .ico_wrap .ico.sale{font-size: 0;}
	 
	 }






.modal_wrap {
  display: none; }
  .modal_wrap .modal {
    z-index: 110;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 957px;
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.1); }
    @media (max-width: 1240px) {
      .modal_wrap .modal {
        width: 500px; } }
    @media (max-width: 620px) {
      .modal_wrap .modal {
        width: calc( 100% - 40px); } }
    .modal_wrap .modal .img_cont {
      padding: 20px 30px; }
      .modal_wrap .modal .img_cont .img_wrap {
        overflow: hidden;
        width: 430px;
        height: 430px;
        border-radius: 20px; }
        .modal_wrap .modal .img_cont .img_wrap img {
          width: 100%; }
    .modal_wrap .modal .desc_wrap {
      overflow-y: scroll;
      width: calc( 100% - 490px);
      height: 470px;
      padding: 50px 13px 50px 13px; }
      @media (max-width: 1240px) {
        .modal_wrap .modal .desc_wrap {
          float: none;
          width: 100%;
          height: 440px;
          padding: 50px 40px 50px 40px; } }
      @media (max-width: 620px) {
        .modal_wrap .modal .desc_wrap {
          float: none;
          height: 396px;
          padding: 25px 20px 40px 20px; } }
      .modal_wrap .modal .desc_wrap .bdb {
        padding-bottom: 30px;
        border-bottom: 1px solid #ddd; }
        @media (max-width: 620px) {
          .modal_wrap .modal .desc_wrap .bdb {
            padding-bottom: 15px; } }
        .modal_wrap .modal .desc_wrap .bdb .txt_wrap {
          padding-bottom: 90px; }
          @media (max-width: 620px) {
            .modal_wrap .modal .desc_wrap .bdb .txt_wrap {
              padding-bottom: 50px; } }
          .modal_wrap .modal .desc_wrap .bdb .txt_wrap .tit {
            margin-bottom: 20px;
            line-height: 100%;
            font-size: 26px;
            font-weight: 600; }
            @media (max-width: 620px) {
              .modal_wrap .modal .desc_wrap .bdb .txt_wrap .tit {
                margin-bottom: 10px;
                font-size: 18px; } }
          .modal_wrap .modal .desc_wrap .bdb .txt_wrap .t2 {
            font-size: 14px;
            font-weight: 500;
            line-height: 140%; }
            @media (max-width: 620px) {
              .modal_wrap .modal .desc_wrap .bdb .txt_wrap .t2 {
                font-size: 12px;
                line-height: 160%; } }
          .modal_wrap .modal .desc_wrap .bdb .txt_wrap .t3 {
            font-size: 14px;
            color: #666;
            line-height: 140%; }
            @media (max-width: 620px) {
              .modal_wrap .modal .desc_wrap .bdb .txt_wrap .t3 {
                font-size: 12px;
                line-height: 160%; } }
        .modal_wrap .modal .desc_wrap .bdb .price_wrap {
          font-size: 16px;
          color: #666; }
          @media (max-width: 620px) {
            .modal_wrap .modal .desc_wrap .bdb .price_wrap {
              font-size: 12px; } }
          .modal_wrap .modal .desc_wrap .bdb .price_wrap .price {
            font-size: 30px;
            font-weight: 600; }
            @media (max-width: 620px) {
              .modal_wrap .modal .desc_wrap .bdb .price_wrap .price {
                font-size: 18px; } }
      .modal_wrap .modal .desc_wrap .btn_wrap {
        padding-top: 20px; }
        @media (max-width: 620px) {
          .modal_wrap .modal .desc_wrap .btn_wrap {
            float: none;
            padding-top: 37px;
            text-align: center; } }
    .modal_wrap .modal .close_btn {
      display: block;
      width: 100%;
      height: 43px;
      border-top: 1px solid #ddd;
      line-height: 42px;
    
      text-align: center;
      font-weight: 600;
      background-color: #fafafa; }

.modal_wrap.db {
  display: block; }

.list {
  overflow: hidden; }
  .list > ul {
    margin-right: -20px;
    margin-bottom: -45px;
    font-size: 0; }
    @media (max-width: 620px) {
      .list > ul {
        margin-bottom: -25px; } }
    .list > ul > li {
      position: relative;
      display: inline-block;
      width: calc( 25% - 20px);
      margin-right: 20px;
      margin-bottom: 45px;
	  vertical-align: top; }
      @media (max-width: 1240px) {
        .list > ul > li {
          width: calc( 33.3333% - 20px); } }
      @media (max-width: 620px) {
        .list > ul > li {
          width: calc( 50% - 20px);
          margin-bottom: 25px; } }
      .list > ul > li .a2_view {
        display: block;
        width: 100%; }
      .list > ul > li .list_btn {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
      .list > ul > li .time_box {
        position: absolute;
        left: calc( 50% - (( 100% - 40px )/2));
        bottom: 15px;
        z-index: 10;
        width: calc( 100% - 40px);
        height: 40px;
        border-radius: 20px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        background-color: #fe6368; }
        @media (max-width: 767px) {
          .list > ul > li .time_box {
            font-size: 14px; } }
        @media (max-width: 620px) {
          .list > ul > li .time_box {
            left: calc( 50% - (( 100% - 20px )/2));
            bottom: 10px;
            width: calc( 100% - 20px);
            height: 24px;
            line-height: 24px; } }
        .list > ul > li .time_box:before {
          content: "";
          display: inline-block;
          width: 23px;
          height: 24px;
          margin-right: 20px;
          margin-bottom: 5px;
          vertical-align: middle;
          background-position: -188px -167px; }
          @media (max-width: 1240px) {
            .list > ul > li .time_box:before {
              margin-right: 7px; } }
          @media (max-width: 620px) {
            .list > ul > li .time_box:before {
              display: none; } }
        .list > ul > li .time_box .time {
          font-size: 18px;
          font-weight: 600; }
          @media (max-width: 767px) {
            .list > ul > li .time_box .time {
              font-size: 14px; } }
      .list > ul > li .img_ico {position: relative;overflow: hidden;border-radius:10px;}
      .list > ul > li.sold .img_ico .img_wrap:before{content: '';z-index: 20;position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;border-radius:10px;background-color: rgba(0,0,0,0.4);}
	  /*.list > ul > li.sold:hover .img_wrap img{opacity: 1;}*/
	  .list > ul > li.sold .img_ico .btn_box{display: none;}
      .list > ul > li.sold .img_ico .sold_out_txt{display: block;z-index: 20;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color:#fff;}
      .list > ul > li .img_ico .sold_out_txt{display: none;}
		@media (max-width: 1240px) {
			.list > ul > li .img_ico{width: auto;height: auto;}
     	  }
        .list > ul > li .img_ico .img_wrap {
          overflow: hidden;
          border-radius: 10px;
          position: relative; }
          
          @media (max-width: 620px) {
            .list > ul > li .img_ico .img_wrap {
              border-radius: 5px; } }
          .list > ul > li .img_ico .img_wrap img {
            width: 100%; }
        .list > ul > li .img_ico .btn_box {
          z-index: 10;
          position: absolute;
          left: calc( 50% - 45px);
          top: calc( 50% - 20px);
          text-align: center;
          font-size: 0; }
          .list > ul > li .img_ico .btn_box .cart {
		  	display: none;
			position: relative;
            z-index: 100;
            width: 40px;
            height: 40px;
            margin-right: 10px;
            border-radius: 100%;
            background-position: -354px -86px;
            -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);
            -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);
            box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3); }
          .list > ul > li .img_ico .btn_box .view {
		  position: relative;
		  z-index: 100;
		    display: none;
            width: 40px;
            height: 40px;
            border-radius: 100%;
            background-position: -396px -86px;
            -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);
            -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);
            box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3); }
        .list > ul > li .img_ico .btn_box.a2_v {
          left: calc( 50% - 20px);
          top: calc( 50% - 20px); }
      .list > ul > li .tit_wrap {
        margin-top: 15px;
        text-align: left; }
        /* .list > ul > li .tit_wrap .ico_wrap {
          z-index: 20;
          position: absolute;
          left: 0;
          top: -30px; } */
        .list > ul > li .tit_wrap .tit {
          font-size: 16px;
          font-weight: 500;
          text-align: left;
		  word-break: break-all;}
          @media (max-width: 620px) {
		/*   .list > ul > li .tit_wrap .ico_wrap {top: -21px;} */
            .list > ul > li .tit_wrap .tit {
              font-size: 12px; } }
        .list > ul > li .tit_wrap .tit2 {
          margin-top: 10px;
          font-size: 20px;
          font-weight: 500;
          text-align: left; }
          @media (max-width: 620px) {
            .list > ul > li .tit_wrap .tit2 {
              margin-top: 15px;
              font-size: 12px; } }
        .list > ul > li .tit_wrap .discount {
          margin-right: 5px;
          font-size: 20px;
          font-weight: 500;
          line-height: 160%;
          text-align: left; }
          @media (max-width: 620px) {
            .list > ul > li .tit_wrap .discount {
              margin-top: 3px;
              margin-right: 2px;
              font-size: 12px; } }
        .list > ul > li .tit_wrap .del {
          margin-left: 3px;
          font-size: 16px;
          line-height: 160%;
          color: #999;
          text-align: left; }
		@media screen and (max-width: 991px) {
			.list > ul > li .tit_wrap .del {font-size: 11px;}
		}
        .list > ul > li .tit_wrap .price {
          font-size: 20px;
          font-weight: 500;
          line-height: 160%;
          text-align: left; }
          @media (max-width: 620px) {
            .list > ul > li .tit_wrap .price {
              margin-top: 3px;
              font-size: 12px; } }
        .list > ul > li .tit_wrap .price2 {
          display: inline-block;
          font-size: 16px;
          font-weight: 500;
          line-height: 160%;
          text-align: left; }
          @media (max-width: 620px) {
            .list > ul > li .tit_wrap .price2 {
              margin-top: 3px;
              font-size: 12px; } }
      .list > ul > li:hover .img_wrap img {
        opacity: 0.5; }
        @media (max-width: 1240px) {
          .list > ul > li:hover .img_wrap img {
            opacity: 1; } }

		.list > ul > li:hover .img_ico .btn_box .cart{display: inline-block;}
		.list > ul > li:hover .img_ico .btn_box .view{display: inline-block;}


        @media (max-width: 1240px) {
          .list > ul > li:hover .img_ico .btn_box .view{display: none;}
		  .list > ul > li:hover .img_ico .btn_box .cart{display: block;}
		  .list > ul > li .img_ico .btn_box{left: calc( 100% - 50px );top: calc( 100% - 50px );}
		 .list > ul > li .img_ico .btn_box .cart{display: block;margin-right: 0;}
			
			
			}
      .list > ul > li:hover .time_box {
        opacity: 0.5; }
        @media (max-width: 1240px) {
          .list > ul > li:hover .time_box {
            opacity: 1; } }

.regular_banner {
  width: 100%;
  /*eight: 390px;*/
  margin-bottom: 50px;
  background-color: #ddd; }
/*   @media (max-width: 1240px) {
          .regular_banner {
      height: 208px; } } */
  @media (max-width: 620px) {
    .regular_banner {
      /*height: 91px;*/
      margin-bottom: 25px; } }

.tit_line {
  position: relative;
  padding-bottom: 30px;
  text-align: center; }
  @media (max-width: 620px) {
    .tit_line {
      padding-bottom: 15px; } }
  .tit_line .tit {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 100%;
    font-weight: 600; }
    @media (max-width: 620px) {
      .tit_line .tit {
        margin-bottom: 5px;
        font-size: 18px; } }
  .tit_line .desc {
    font-size: 16px;
    color: #666;
    line-height: 160%; }
    @media (max-width: 620px) {
      .tit_line .desc {
        font-size: 12px; } }
  .tit_line:after {
    position: absolute;
    left: calc( 50% - 26px);
    bottom: 0;
    content: "";
    width: 52px;
    height: 1px;
    background-color: #333; }

.ceo_cont {
 /*  padding-top: 60px; */
  padding-bottom: 100px; }
  @media (max-width: 620px) {
    .ceo_cont {
      /* padding-top: 75px; */
      padding-bottom: 50px; } }

@media (max-width: 620px) {
  .ceo_bg {
    background: url(/_img/ceo_stamp.png);
    background-repeat: no-repeat;
    background-position: center bottom;
	background-size: contain;
	} }

.ceo {
  padding-top: 100px;
  padding-bottom: 68px;
  background: url(/_img/ceo_stamp.png);
  background-position: right bottom;
  background-repeat: no-repeat; }
  @media (max-width: 1240px) {
    .ceo {
      padding-top: 50px;
      padding-bottom: 60px; } }
  @media (max-width: 620px) {
    .ceo {
      background: none; } }
  .ceo .ceo_img {
    width: 329px;
    height: 381px;
    margin-right: 95px; }
    @media (max-width: 1240px) {
      .ceo .ceo_img {
        float: none;
        margin: 0 auto; } }
    @media (max-width: 620px) {
      .ceo .ceo_img {
        width: 100%;
        height: auto; } }
    .ceo .ceo_img img {
      width: 100%; }
  .ceo .ceo_txt {
    width: calc( 100% - 424px); }
    @media (max-width: 1240px) {
      .ceo .ceo_txt {
        float: none;
        width: 100%;
        padding-top: 80px;
        text-align: center; }
		.ceo .ceo_txt .dib1000{display: inline-block;width: 270px;}
		}
    @media (max-width: 620px) {
      .ceo .ceo_txt {
        padding-top: 40px; } }
    .ceo .ceo_txt .t1 {
      font-size: 30px;
      color: #3a8afd;
      font-weight: 300;
      line-height: 140%;
      font-weight: 100; }
      @media (max-width: 620px) {
        .ceo .ceo_txt .t1 {
          font-size: 18px;
          line-height: 160%; } }
    .ceo .ceo_txt .t2 {
      font-size: 16px;
      color: #666;
      line-height: 140%; }
      @media (max-width: 620px) {
        .ceo .ceo_txt .t2 {
          font-size: 12px;
          line-height: 160%; } }
    .ceo .ceo_txt .t3 {
      position: relative;
      font-size: 20px;
      line-height: 140%; }
      @media (max-width: 620px) {
        .ceo .ceo_txt .t3 {
          font-size: 16px;
          line-height: 160%; } }
      .ceo .ceo_txt .t3:after {
        position: absolute;
        z-index: -10;
        left: 0;
        bottom: -2px;
        content: "";
        display: block;
        width: 431px;
        height: 10px;
        background-color: #e9f6dc; }
        @media (max-width: 1240px) {
          .ceo .ceo_txt .t3:after {
            left: calc( 50% - 215px); } }
        @media (max-width: 620px) {
          .ceo .ceo_txt .t3:after {
            display: none; } }
    @media (max-width: 620px) {
      .ceo .ceo_txt .mb70 {
        margin-bottom: 35px; } }

.a2_cont {
 /*  padding-top: 50px; */
  padding-bottom: 100px; }
  @media (max-width: 620px) {
    .a2_cont {
      /* padding-top: 25px; */
      padding-bottom: 50px; } }

.a2_cont_pt{padding-top: 50px;}
.a2_cont_pb{padding-bottom: 100px;}
@media (max-width: 620px){
	.a2_cont_pt{padding-top: 25px;}
	.a2_cont_pb{padding-bottom: 50px;}
}


.a2_cont.pb0 {
  padding-bottom: 0; }

.brand {
  text-align: center; }
  .brand .brand_logo {
    position: relative;
    display: inline-block;
    padding-bottom: 30px; }
    @media (max-width: 620px) {
      .brand .brand_logo {
        padding-bottom: 15px; } }
    .brand .brand_logo:after {
      content: "";
      display: block;
      position: absolute;
      left: calc( 50% - 26px);
      bottom: 0;
      width: 52px;
      height: 1px;
      background-color: #333; }
  .brand .brand_tit {
    padding-top: 23px;
    padding-bottom: 45px; }
    @media (max-width: 620px) {
      .brand .brand_tit {
        padding-top: 10px;
        padding-bottom: 20px; } }
    .brand .brand_tit .t1_cont {
      margin-bottom: 13px; }
      @media (max-width: 620px) {
        .brand .brand_tit .t1_cont {
          margin-bottom: 7px; } }
      .brand .brand_tit .t1_cont .t1 {
        font-size: 30px;
        color: #666;
        line-height: 140%;
        font-weight: 100; }
        @media (max-width: 620px) {
          .brand .brand_tit .t1_cont .t1 {
            font-size: 18px; } }
      .brand .brand_tit .t1_cont .t2 {
        font-weight: 600;
        color: #333;
        font-size: 30px;
        line-height: 140%; }
        @media (max-width: 620px) {
          .brand .brand_tit .t1_cont .t2 {
            font-size: 18px; } }
      @media (max-width: 620px) {
        .brand .brand_tit .t1_cont .t1.mr5 {
          margin-right: 0; } }
    @media (max-width: 620px) {
      .brand .brand_tit .t1_cont.suryon {
        margin-bottom: 0; } }
    .brand .brand_tit .t3 {
      font-size: 20px;
      line-height: 140%;
      font-weight: 400; }
      @media (max-width: 620px) {
        .brand .brand_tit .t3 {
          font-size: 16px;
          line-height: 160%; } }

.brand_desc {
  width: 100%;
  height: 358px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  .brand_desc .dt {
    height: 358px; }
    .brand_desc .dt .t1 {
      font-size: 16px;
      color: #fff;
      line-height: 160%; }
      @media (max-width: 620px) {
        .brand_desc .dt .t1 {
          font-size: 12px; } }

.brand_desc.sinsun {
  background-image: url(/_img/sinsun_bg.jpg); }
  @media (max-width: 620px) {
    .brand_desc.sinsun {
      background-image: url(/_img/sinsun_bg326.jpg); } }

.brand_desc.usoboso {
  background-image: url(/_img/usoboso_bg.jpg); }
  @media (max-width: 620px) {
    .brand_desc.usoboso {
      background-image: url(/_img/usoboso_bg326.jpg); } }

.brand_desc.suryon {
  background-image: url(/_img/suryon_bg.jpg); }
  @media (max-width: 620px) {
    .brand_desc.suryon {
      background-image: url(/_img/suryon_bg326.jpg); } }

.brand_desc.inodeco {
  background-image: url(/_img/inodeco_bg.jpg); }
  @media (max-width: 620px) {
    .brand_desc.inodeco {
      background-image: url(/_img/inodeco_bg326.jpg); } }

.sinsun_desc {
  padding-top: 100px;
  font-size: 0; }
  @media (max-width: 620px) {
    .sinsun_desc {
      padding-top: 50px; } }
  .sinsun_desc .img_wrap {
    display: inline-block;
    width: 390px;
    height: 430px;
    margin-right: 101px;
    vertical-align: top; }
    @media (max-width: 1240px) {
      .sinsun_desc .img_wrap {
        display: block;
        margin: 0 auto; } }
    @media (max-width: 620px) {
      .sinsun_desc .img_wrap {
        width: 100%;
        height: auto;
        padding: 0; } }
    .sinsun_desc .img_wrap img {
      width: 100%; }
  .sinsun_desc .txt {
    display: inline-block;
    width: calc( 100% - 491px);
    vertical-align: top; }
    @media (max-width: 1240px) {
      .sinsun_desc .txt {
        display: block;
        width: 100%;
        padding-top: 50px;
        text-align: center; }
		.sinsun_desc .txt .dib1000{display: inline-block;width: 269px;/* height: 295px; */}
		}
    @media (max-width: 620px) {
      .sinsun_desc .txt {
        padding-top: 20px; } }
    .sinsun_desc .txt .t1_cont {
      margin-bottom: 20px; }
      @media (max-width: 620px) {
        .sinsun_desc .txt .t1_cont {
          padding: 0 20px;
          margin-bottom: 15px; } }
    .sinsun_desc .txt .t1 {
      font-size: 20px;
      color: #666;
      font-weight: 100; }
      @media (max-width: 620px) {
        .sinsun_desc .txt .t1 {
          font-size: 16px; } }
    .sinsun_desc .txt .t2 {
      font-size: 30px;
      color: #333;
      font-weight: 600; }
      @media (max-width: 620px) {
        .sinsun_desc .txt .t2 {
          font-size: 18px; } }
    .sinsun_desc .txt .t4 {
      font-size: 30px;
      color: #666;
      font-weight: 100; }
      @media (max-width: 620px) {
        .sinsun_desc .txt .t4 {
          font-size: 18px; } }
    .sinsun_desc .txt .t3 {
      margin-bottom: 20px;
      font-size: 16px;
      color: #666;
      font-weight: 400;
      line-height: 160%; }
      @media (max-width: 620px) {
        .sinsun_desc .txt .t3 {
          margin-bottom: 15px;
          font-size: 12px; } }
    .sinsun_desc .txt .menu_btn {
      display: inline-block;
      width: 225px;
      height: 61px;
      margin-top: 50px;
      border-radius: 10px;
      line-height: 61px;
      color: #fff;
      font-size: 20px;
      text-align: center;
      background-color: #3a8afd !important; }
      @media (max-width: 620px) {
        .sinsun_desc .txt .menu_btn {
          width: 166px;
          height: 45px;
          margin-top: 15px;
          line-height: 45px;
          font-size: 16px; } }

.inodeco_desc {
  padding-top: 50px;
  text-align: center; }
  @media (max-width: 620px) {
    .inodeco_desc {
      padding-top: 25px; } }
.inodeco_desc .video_wrap iframe {
	width: 825px;
	height: 464px;
	margin: 0 auto; }
	


    @media (max-width: 1240px) {
      .inodeco_desc .video_wrap {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%; } }
    @media (max-width: 1240px) {
      .inodeco_desc .video_wrap iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; } }
  .inodeco_desc .t1 {
    margin-top: 15px;
    font-size: 16px;
    color: #888; }
    @media (max-width: 620px) {
      .inodeco_desc .t1 {
        margin-top: 5px;
        font-size: 12px; } }

.contribution .tit_wrap {
  height: 300px;
  background: url(/_img/contribution_bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  .contribution .tit_wrap .dt {
    height: 300px;
    text-align: center; }
    .contribution .tit_wrap .dt .dtc {
      padding: 0 20px; }
      @media (max-width: 620px) {
        .contribution .tit_wrap .dt .dtc {
          padding: 0; } }
      .contribution .tit_wrap .dt .dtc .t1 {
        font-size: 20px;
        color: #fff;
        line-height: 140%;
        font-weight: 100; }
        @media (max-width: 620px) {
          .contribution .tit_wrap .dt .dtc .t1 {
            font-size: 14px;
            line-height: 160%; } }
      .contribution .tit_wrap .dt .dtc .t2 {
        font-size: 30px;
        color: #fff;
        line-height: 140%;
        font-weight: 100; }
        @media (max-width: 620px) {
          .contribution .tit_wrap .dt .dtc .t2 {
            font-size: 18px;
            line-height: 160%; } }
        .contribution .tit_wrap .dt .dtc .t2:after {
          content: "";
          display: block;
          width: 52px;
          height: 1px;
          margin: 25px auto;
          background-color: #fff; }
          @media (max-width: 620px) {
            .contribution .tit_wrap .dt .dtc .t2:after {
              margin: 10px auto; } }
      .contribution .tit_wrap .dt .dtc .t3 {
        font-size: 18px;
        color: #fff;
        line-height: 140%; }
        @media (max-width: 620px) {
          .contribution .tit_wrap .dt .dtc .t3 {
            font-size: 14px;
            line-height: 160%; } }

.contribution .desc_wrap {
  padding-top: 40px;
  margin-bottom: -50px;
  font-size: 0; }
  @media (max-width: 1240px) {
    .contribution .desc_wrap {
      margin-bottom: -40px; } }
  @media (max-width: 620px) {
    .contribution .desc_wrap {
      padding-top: 25px;
      margin-bottom: -20px; } }
  .contribution .desc_wrap > li {
    width: 50%;
    display: inline-block;
    margin-bottom: 50px;
    font-size: 0; }
    @media (max-width: 1240px) {
      .contribution .desc_wrap > li {
        width: 100%;
        display: block;
        margin-bottom: 40px; } }
    @media (max-width: 620px) {
      .contribution .desc_wrap > li {
        margin-bottom: 20px;
        text-align: center; } }
    .contribution .desc_wrap > li .img_wrap {
      display: inline-block;
      padding: 0 4px;
      vertical-align: middle; }
      @media (max-width: 1240px) {
        .contribution .desc_wrap > li .img_wrap {
          padding: 0; } }
      @media (max-width: 620px) {
        .contribution .desc_wrap > li .img_wrap {
          margin-bottom: 10px; } }
    .contribution .desc_wrap > li .txt_wrap {
      display: inline-block;
      width: calc( 100% - 182px);
      padding-left: 32px;
      vertical-align: middle; }
      @media (max-width: 1240px) {
        .contribution .desc_wrap > li .txt_wrap {
          width: calc( 100% - 174px);
          padding-left: 37px; } }
      @media (max-width: 620px) {
        .contribution .desc_wrap > li .txt_wrap {
          width: 100%;
          display: block;
          padding-left: 0; } }
      .contribution .desc_wrap > li .txt_wrap .tit {
        font-size: 20px;
        font-weight: 600; }
        @media (max-width: 620px) {
          .contribution .desc_wrap > li .txt_wrap .tit {
            font-size: 16px; } }
      .contribution .desc_wrap > li .txt_wrap .desc {
        font-size: 16px;
        color: #666;
        line-height: 140%; }
        @media (max-width: 620px) {
          .contribution .desc_wrap > li .txt_wrap .desc {
            font-size: 12px; } }
        .contribution .desc_wrap > li .txt_wrap .desc .t1 {
          color: #92d050;
          font-weight: 600; }
  .contribution .desc_wrap > li:nth-child(2n-1) .txt_wrap {
    padding-right: 40px; }
    @media (max-width: 1240px) {
      .contribution .desc_wrap > li:nth-child(2n-1) .txt_wrap {
        padding-right: 0; } }

.a4_search.a5 {
  padding-top: 50px; }
  @media (max-width: 620px) {
    .a4_search.a5 {
      padding-top: 25px; } }

.a4_search {
  padding-top: 20px; }
  @media (max-width: 620px) {
    .a4_search {
      padding-top: 0; } }
  .a4_search .sel_inp {
    margin-right: 5px; }
    @media (max-width: 620px) {
      .a4_search .sel_inp {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px; } }
  @media (max-width: 1240px) {
    .a4_search .inp {
      width: 63.9%; } }
  @media (max-width: 1119px) {
    .a4_search .inp {
      width: 62.3%; } }
  @media (max-width: 991px) {
    .a4_search .inp {
      width: 49.8%; } }
  @media (max-width: 767px) {
    .a4_search .inp {
      width: 38.9%; } }
  @media (max-width: 620px) {
    .a4_search .inp {
      width: calc( 100% - 50px); } }

.a4_list {
  overflow: hidden; }
  .a4_list > ul {
    margin-top: 30px;
    margin-right: -40px;
    margin-bottom: -48px;
    font-size: 0; }
    @media (max-width: 1240px) {
      .a4_list > ul {
        padding: 0 30px; } }
    @media (max-width: 620px) {
      .a4_list > ul {
        margin-top: 20px;
        margin-right: 0;
        margin-bottom: -20px;
        padding: 0 5px; } }
    .a4_list > ul > li {
      display: inline-block;
      width: calc( 25% - 40px);
      margin-right: 40px;
      margin-bottom: 48px;
      vertical-align: top; }
      @media (max-width: 1240px) {
        .a4_list > ul > li {
          width: calc( 50% - 40px); } }
      @media (max-width: 620px) {
        .a4_list > ul > li {
          width: 100%;
          margin-right: 0;
          margin-bottom: 20px; } }
      .a4_list > ul > li .tov3 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
      .a4_list > ul > li .img_wrap {
        overflow: hidden;
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 10px; }
        .a4_list > ul > li .img_wrap img {
          width: 100%; }
      .a4_list > ul > li .tit {
        margin-top: 12px;
        font-size: 18px;
        font-weight: 500; }
        @media (max-width: 620px) {
          .a4_list > ul > li .tit {
            margin-top: 14px;
            font-size: 14px; } }
      .a4_list > ul > li .desc {
        margin-top: 7px;
        font-size: 14px;
        color: #666;
        line-height: 150%; }
        @media (max-width: 620px) {
          .a4_list > ul > li .desc {
            margin-top: 2px;
            font-size: 12px; } }
      .a4_list > ul > li .date {
        margin-top: 20px;
        font-size: 14px;
        color: #666; }
        @media (max-width: 620px) {
          .a4_list > ul > li .date {
            margin-top: 18px;
            font-size: 12px; } }

.society {
  text-align: center; }
  .society .society_logo {
    position: relative;
    display: inline-block;
    padding-bottom: 30px; }
    @media (max-width: 620px) {
      .society .society_logo {
        padding-bottom: 15px; } }
    .society .society_logo:after {
      content: "";
      display: block;
      position: absolute;
      left: calc( 50% - 26px);
      bottom: 0;
      width: 52px;
      height: 1px;
      background-color: #333; }
  .society .mt45 {
    margin-top: 45px; }
    @media (max-width: 1240px) {
      .society .mt45 {
        margin-top: 30px; } }
    @media (max-width: 620px) {
      .society .mt45 {
        margin-top: 15px; } }
  .society .mb25 {
    margin-bottom: 25px; }
    @media (max-width: 620px) {
      .society .mb25 {
        margin-bottom: 5px; } }
  @media (max-width: 1240px) {
    .society .mb50 {
      margin-bottom: 40px; } }
  @media (max-width: 620px) {
    .society .mb50 {
      margin-bottom: 20px; } }
  .society .t1 {
    font-size: 30px;
    font-weight: 100;
    color: #666;
    line-height: 130%; }
    @media (max-width: 620px) {
      .society .t1 {
        font-size: 18px;
        line-height: 140%; } }
  .society .t2 {
    font-size: 16px;
    color: #666;
    line-height: 150%; }
    @media (max-width: 620px) {
      .society .t2 {
        font-size: 12px; } }

.a5_list {
  overflow: hidden; }
  .a5_list > ul {
    margin-top: 30px;
    margin-right: -40px;
    margin-bottom: -43px;
    font-size: 0; }
    @media (max-width: 1240px) {
      .a5_list > ul {
        padding: 0 30px; } }
    @media (max-width: 620px) {
      .a5_list > ul {
        padding: 0 5px;
        margin-right: 0;
        margin-bottom: -24px; } }
    .a5_list > ul > li {
      display: inline-block;
      width: calc( 25% - 40px);
      margin-right: 40px;
      margin-bottom: 43px; }
      @media (max-width: 1240px) {
        .a5_list > ul > li {
          width: calc( 50% - 40px); } }
      @media (max-width: 620px) {
        .a5_list > ul > li {
          width: 100%;
          margin-bottom: 24px; } }
      .a5_list > ul > li .img_wrap {
        overflow: hidden;
        border: 1px solid #ddd;
        border-radius: 7px; }
        .a5_list > ul > li .img_wrap img {
          width: 100%; }
      .a5_list > ul > li .tit {
        margin-top: 13px;
        padding: 0 5px;
        text-align: center;
        font-size: 16px;
        font-weight: 500; }
        @media (max-width: 620px) {
          .a5_list > ul > li .tit {
            font-size: 12px; } }

.catering1 {
  padding-bottom: 50px;
  border-bottom: 1px solid #ddd;
  font-size: 0; }
  @media (max-width: 1240px) {
    .catering1 {
      padding: 0 15px 40px 15px;
      text-align: center; } }
  @media (max-width: 620px) {
    .catering1 {
      padding: 0 0 20px 0; } }
  .catering1 .catering_img {
    display: inline-block;
    margin-right: 35px;
    vertical-align: middle; }
    @media (max-width: 1240px) {
      .catering1 .catering_img {
        display: block;
        width: 450px;
        margin: 0 auto 30px auto; } }
    @media (max-width: 620px) {
      .catering1 .catering_img {
        width: 85%;
        margin-bottom: 15px; } }
    .catering1 .catering_img img {
      width: 100%; }
  .catering1 .txt_wrap {
    display: inline-block;
    width: 715px;
    vertical-align: middle; }
    @media (max-width: 1240px) {
      .catering1 .txt_wrap {
        display: block;
        width: 100%; } }
    @media (max-width: 1240px) {
      .catering1 .txt_wrap .mt40 {
        margin-top: 35px; } }
    @media (max-width: 620px) {
      .catering1 .txt_wrap .mt40 {
        margin-top: 20px; } }
    .catering1 .txt_wrap .t1 {
      font-size: 30px;
      font-weight: 100;
      line-height: 140%; }
      @media (max-width: 620px) {
        .catering1 .txt_wrap .t1 {
          padding: 0 10px;
          font-size: 18px; } }
    .catering1 .txt_wrap .t2 {
      font-size: 16px;
      color: #666;
      line-height: 140%; }
      @media (max-width: 620px) {
        .catering1 .txt_wrap .t2 {
          font-size: 12px;
          line-height: 160%; } }

.catering_tit {
  font-size: 20px;
  font-weight: 600; }
  @media (max-width: 620px) {
    .catering_tit {
      font-size: 14px; } }
  .catering_tit:before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-bottom: 3px;
    margin-right: 10px;
    vertical-align: middle;
    background-position: -86px -37px; }

.catering2 .catering_tit, .catering3 .catering_tit {
  margin-bottom: 5px; }

.dot {
  position: relative;
  padding-left: 13px;
  font-size: 16px;
  color: #666; }
  @media (max-width: 620px) {
    .dot {
      font-size: 12px; } }
  .dot:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 3px;
    height: 3px;
    background-color: #ddd; }
    @media (max-width: 620px) {
      .dot:before {
        top: 9px; } }

.catering2 {
  padding: 40px 0;
  border-bottom: 1px solid #ddd; }
  @media (max-width: 620px) {
    .catering2 {
      padding: 20px 0; } }

.catering3 {
  padding-top: 40px; }
  @media (max-width: 620px) {
    .catering3 {
      padding-top: 20px; } }
  .catering3 .t1 {
    font-size: 16px;
    color: #666; }
    @media (max-width: 620px) {
      .catering3 .t1 {
        font-size: 12px; } }
  .catering3 .desc {
    margin-top: 20px;
    margin-bottom: -30px;
    font-size: 0; }
    @media (max-width: 620px) {
      .catering3 .desc {
        margin-top: 10px;
        margin-bottom: -20px; } }
    .catering3 .desc > li {
      display: inline-block;
      width: 50%;
      margin-bottom: 30px;
      font-size: 0; }
      @media (max-width: 1240px) {
        .catering3 .desc > li {
          display: block;
          width: 100%; } }
      @media (max-width: 620px) {
        .catering3 .desc > li {
          margin-bottom: 20px; } }
      .catering3 .desc > li .ico {
        display: inline-block;
        width: 110px;
        height: 110px;
        margin-right: 30px;
        border: 1px solid #ddd;
        border-radius: 100%;
        vertical-align: middle;
        text-align: center; }
        @media (max-width: 620px) {
          .catering3 .desc > li .ico {
            display: block;
            margin: 0 auto; } }
        .catering3 .desc > li .ico:after {
          content: "";
          display: inline-block;
          width: 50px;
          height: 50px;
          margin-top: 30px;
          vertical-align: middle; }
      .catering3 .desc > li .ico1:after {
        background-position: -250px -2px; }
      .catering3 .desc > li .ico2:after {
        background-position: -302px -2px; }
      .catering3 .desc > li .ico3:after {
        background-position: -250px -54px; }
      .catering3 .desc > li .ico4:after {
        background-position: -302px -54px; }
      .catering3 .desc > li .ico5:after {
        background-position: -250px -106px; }
      .catering3 .desc > li .txt_wrap {
        display: inline-block;
        width: calc( 100% - 140px);
        vertical-align: middle; }
        @media (max-width: 620px) {
          .catering3 .desc > li .txt_wrap {
            display: block;
            width: 100%;
            padding: 0 10px;
            text-align: center; } }
        .catering3 .desc > li .txt_wrap .t2 {
          font-size: 18px; }
          @media (max-width: 620px) {
            .catering3 .desc > li .txt_wrap .t2 {
              margin-top: 15px;
              font-size: 14px; } }
        .catering3 .desc > li .txt_wrap .t3 {
          margin-top: 5px;
          font-size: 16px;
          color: #666;
          line-height: 160%; }
          @media (max-width: 620px) {
            .catering3 .desc > li .txt_wrap .t3 {
              margin-top: 0;
              font-size: 12px; } }
          @media (max-width: 620px) {
            .catering3 .desc > li .txt_wrap .t3 .db {
              display: inline-block;
              margin-left: 1px; } }
    .catering3 .desc > li:nth-child(2n) {
      padding-left: 50px; }
      @media (max-width: 1240px) {
        .catering3 .desc > li:nth-child(2n) {
          padding-left: 0; } }

.case {
  overflow: hidden; }
  .case .inp_wrap {
    padding-bottom: 40px; }
    @media (max-width: 620px) {
      .case .inp_wrap {
        padding-bottom: 20px; } }
    @media (max-width: 620px) {
      .case .inp_wrap .w186 {
        width: 100%; } }
  @media (max-width: 620px) {
    .case .pb40 {
      padding-bottom: 20px; } }
  .case .case_list {
    overflow: hidden; }
    .case .case_list > ul {
      margin: 10px -12px -12px 0;
      font-size: 0; }
      @media (max-width: 620px) {
        .case .case_list > ul {
          margin: 5px 0 -6px 0; } }
      .case .case_list > ul > li {
        display: inline-block;
        width: calc( 25% - 12px);
        height: 61px;
        margin-right: 12px;
        margin-bottom: 12px;
        border: 1px solid #ddd;
        border-radius: 10px;
        text-align: center;
        font-size: 16px;
        line-height: 59px; }
        @media (max-width: 1240px) {
          .case .case_list > ul > li {
            width: calc( 50% - 12px); } }
        @media (max-width: 620px) {
          .case .case_list > ul > li {
            width: 100%;
            height: 50px;
            margin-right: 0;
            margin-bottom: 6px;
            line-height: 48px;
            font-size: 12px; } }

.happy_desc {
  padding: 50px 0;
  border-bottom: 1px solid #ddd;
  font-size: 0; }
  @media (max-width: 1240px) {
    .happy_desc {
      text-align: center; } }
  @media (max-width: 620px) {
    .happy_desc {
      padding: 25px 0; } }
  .happy_desc .happy_card {
    display: inline-block;
    margin-right: 28px;
    vertical-align: top; }
    @media (max-width: 1240px) {
      .happy_desc .happy_card {
        display: block;
        margin: 0 auto; } }
  .happy_desc .txt_wrap {
    display: inline-block;
    width: calc( 100% - 314px);
    vertical-align: top; }
    @media (max-width: 1240px) {
      .happy_desc .txt_wrap {
        display: block;
        width: 100%; } }
    .happy_desc .txt_wrap .t1 {
      margin-bottom: 25px;
      font-size: 30px;
      font-weight: 100;
      line-height: 100%; }
      @media (max-width: 620px) {
        .happy_desc .txt_wrap .t1 {
          margin-bottom: 15px;
          font-size: 22px; } }
    .happy_desc .txt_wrap .t2 {
      font-size: 16px;
      color: #666;
      line-height: 150%; }
      @media (max-width: 620px) {
        .happy_desc .txt_wrap .t2 {
          font-size: 12px; } }
    .happy_desc .txt_wrap .btn_wrap {
      margin-top: 45px; }
      @media (max-width: 620px) {
        .happy_desc .txt_wrap .btn_wrap {
          margin-top: 25px; } }
      @media (max-width: 620px) {
        .happy_desc .txt_wrap .btn_wrap .w280 {
          width: calc( 100% - 64px); } }
      .happy_desc .txt_wrap .btn_wrap .btn_type1 {
        margin-right: 10px; }
        @media (max-width: 620px) {
          .happy_desc .txt_wrap .btn_wrap .btn_type1 {
            display: block;
            margin: 0 auto 5px auto; } }
      @media (max-width: 620px) {
        .happy_desc .txt_wrap .btn_wrap .btn_type2 {
          display: block;
          margin: 0 auto; } }

.happy_caution {
  padding: 40px 0;
  border-bottom: 1px solid #ddd; }
  @media (max-width: 620px) {
    .happy_caution {
      padding: 20px 0; } }
  .happy_caution .catering_tit {
    margin-bottom: 10px; }
    @media (max-width: 620px) {
      .happy_caution .catering_tit {
        margin-bottom: 5px; } }

.happy_procedure {
  padding-top: 40px; }
  @media (max-width: 620px) {
    .happy_procedure {
      padding-top: 20px; } }
  .happy_procedure .catering_tit {
    margin-bottom: 10px; }
    @media (max-width: 620px) {
      .happy_procedure .catering_tit {
        margin-bottom: 5px; } }
  .happy_procedure .procedure {
    font-size: 0; }
    @media (max-width: 1240px) {
      .happy_procedure .procedure {
        margin-bottom: -30px; } }
    @media (max-width: 620px) {
      .happy_procedure .procedure {
        margin-top: 15px;
        margin-bottom: -15px; } }
    .happy_procedure .procedure > li {
      display: inline-block;
      width: 25%;
      font-size: 16px;
      font-weight: 500;
      text-align: center; }
      @media (max-width: 1240px) {
        .happy_procedure .procedure > li {
          width: 50%;
          margin-bottom: 30px; } }
      @media (max-width: 620px) {
        .happy_procedure .procedure > li {
          width: 100%;
          margin-bottom: 15px;
          font-size: 12px; } }
    .happy_procedure .procedure > li:before {
      content: "";
      display: block;
      height: 136px;
      margin: 0 auto 15px auto; }
    .happy_procedure .procedure .t1:before {
      width: 150px;
      background-image: url(/_img/procedure1.png); }
    .happy_procedure .procedure .t2:before {
      width: 162px;
      background-image: url(/_img/procedure2.png); }
    .happy_procedure .procedure .t3:before {
      width: 175px;
      background-image: url(/_img/procedure3.png); }
    .happy_procedure .procedure .t4:before {
      width: 171px;
      background-image: url(/_img/procedure4.png); }
  .happy_procedure .caution_box {
    margin-top: 45px;
    padding: 40px 50px;
    background-color: #fcfbf7; }
    @media (max-width: 620px) {
      .happy_procedure .caution_box {
        margin-top: 25px;
        padding: 20px 15px; } }
    .happy_procedure .caution_box .t1 {
      font-size: 16px;
      color: #666; }
      @media (max-width: 620px) {
        .happy_procedure .caution_box .t1 {
          font-size: 12px; } }

.privacy {
  font-size: 14px;
  color: #666;
  line-height: 160%; }
  @media (max-width: 620px) {
    .privacy {
      font-size: 12px; } }

.store {
  padding-top: 50px;
  border-top: 1px solid #333; }
  @media (max-width: 620px) {
    .store {
      padding-top: 25px; } }
  .store .store_content {
    margin-top: 30px;
    width: 100%;
    border-top: 1px solid #333;
    font-size: 0; }
    @media (max-width: 620px) {
      .store .store_content {
        margin-top: 20px; } }
    .store .store_content .map_wrap {
      position: relative;
      display: inline-block;
      width: 50%;
      height: 553px;
      vertical-align: top; }
      @media (max-width: 1240px) {
        .store .store_content .map_wrap {
          width: 100%; } }
      @media (max-width: 620px) {
        .store .store_content .map_wrap {
          height: 242px; } }
      .store .store_content .map_wrap img {
        width: 100%; }
      .store .store_content .map_wrap .map_modal {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 50;
        width: 200px;
        padding: 30px 0 35px 0;
        background-color: #fff;
        text-align: center; }
        @media (max-width: 620px) {
          .store .store_content .map_wrap .map_modal {
            width: 200px;
            padding: 40px 0 45px 0; } }
        .store .store_content .map_wrap .map_modal .dt {
          height: 100%; }
          .store .store_content .map_wrap .map_modal .dt .t1 {
            font-size: 14px;
            font-weight: 400; }
            @media (max-width: 620px) {
              .store .store_content .map_wrap .map_modal .dt .t1 {
                font-size: 12px; } }
        .store .store_content .map_wrap .map_modal .close_btn {
          position: absolute;
          right: 10px;
          top: 10px;
          width: 10px;
          height: 10px;
          background-position: -68px -42px; }
      .store .store_content .map_wrap .map_modal.db {
        display: block; }
    .store .store_content .store_location {
      overflow-y: scroll;
      display: inline-block;
      width: 50%;
      height: 553px;
      vertical-align: top;
      -webkit-box-shadow: 10px 10px 20px -4px rgba(0, 0, 0, 0.07);
      box-shadow: 10px 10px 20px -4px rgba(0, 0, 0, 0.07); }
      @media (max-width: 1240px) {
        .store .store_content .store_location {
          width: 100%; } }
      @media (max-width: 620px) {
        .store .store_content .store_location {
          height: 440px; } }
      /* .store .store_content .store_location .store_list > li + li {
        border-top: 1px solid #ddd; } */
      .store .store_content .store_location .store_list > li {
        padding: 30px; 
		border-bottom: 1px solid #ddd; }
	/* 	.store .store_content .store_location .store_list > li:last-child{border-bottom: none;} */
        @media (max-width: 620px) {
          .store .store_content .store_location .store_list > li {
            padding: 20px; } }
        .store .store_content .store_location .store_list > li .img_wrap {
          overflow: hidden;
          position: relative;
          display: inline-block;
          width: 168px;
          height: 122px;
          margin-right: 30px;
          border-radius: 5px;
          vertical-align: middle; }
          .store .store_content .store_location .store_list > li .img_wrap .ico_wrap {
            position: absolute;
            right: 10px;
            top: 10px; }
          .store .store_content .store_location .store_list > li .img_wrap img {
            width: 100%; }
        .store .store_content .store_location .store_list > li .txt_wrap {
          position: relative;
          display: inline-block;
          width: calc( 100% - 229px);
          vertical-align: middle; }
          @media (max-width: 620px) {
            .store .store_content .store_location .store_list > li .txt_wrap {
              width: 100%; } }
          .store .store_content .store_location .store_list > li .txt_wrap .ico_wrap {
            font-size: 16px; }
          @media (max-width: 620px) {
            .store .store_content .store_location .store_list > li .txt_wrap .tit_wrap {
              height: 14px;
              margin-bottom: 5px; } }
          .store .store_content .store_location .store_list > li .txt_wrap .tit_wrap .new {
            display: none;
            width: 33px;
            height: 14px;
            margin-right: 7px;
            vertical-align: top;
            background: url(/_img/new.jpg);
            background-size: contain; }
            @media (max-width: 620px) {
              .store .store_content .store_location .store_list > li .txt_wrap .tit_wrap .new {
                display: inline-block; } }
          .store .store_content .store_location .store_list > li .txt_wrap .tit_wrap .tit {
            font-size: 16px;
            font-weight: 400;
            vertical-align: middle; }
            @media (max-width: 620px) {
              .store .store_content .store_location .store_list > li .txt_wrap .tit_wrap .tit {
                font-size: 12px;
                line-height: 14px;
                vertical-align: top; } }
          .store .store_content .store_location .store_list > li .txt_wrap .addr {
		  	word-break: break-word;
            font-size: 14px;
            color: #666; }
            @media (max-width: 620px) {
              .store .store_content .store_location .store_list > li .txt_wrap .addr {
                font-size: 12px;
                line-height: 160%; } }
          .store .store_content .store_location .store_list > li .txt_wrap .num {
            font-size: 14px; }
            @media (max-width: 620px) {
              .store .store_content .store_location .store_list > li .txt_wrap .num {
                font-size: 12px;
                line-height: 160%; } }
          .store .store_content .store_location .store_list > li .txt_wrap .more {
            display: block;
            width: 100px;
            height: 45px;
            margin-top: 10px;
            border: 1px solid #ddd;
            border-radius: 7px;
            line-height: 43px;
            color: #999;
            font-size: 14px;
            text-align: center; }
            @media (max-width: 620px) {
              .store .store_content .store_location .store_list > li .txt_wrap .more {
                width: 66px;
                height: 30px;
                margin-top: 5px;
                border-radius: 5px;
                line-height: 28px;
                font-size: 12px; } }
          .store .store_content .store_location .store_list > li .txt_wrap .more_modal {
            position: absolute;
            right: 0;
            top: 86px;
            z-index: 10;
            display: none;
            padding: 20px;
            border: 1px solid #ddd;
            background-color: #fff; }
            @media (max-width: 620px) {
              .store .store_content .store_location .store_list > li .txt_wrap .more_modal {
                width: calc( 100% + 40px);
                right: -20px;
                top: 62px; } }
            .store .store_content .store_location .store_list > li .txt_wrap .more_modal .desc th {
              width: 56px;
              font-size: 12px;
              text-align: center; }
            .store .store_content .store_location .store_list > li .txt_wrap .more_modal .desc td {
              padding-left: 17px;
              font-size: 12px;
              color: #666; }
            .store .store_content .store_location .store_list > li .txt_wrap .more_modal .t1 {
              font-size: 12px;
              padding-top: 8px;
              margin-top: 10px;
              border-top: 1px solid #ddd;
              line-height: 140%; }
            .store .store_content .store_location .store_list > li .txt_wrap .more_modal .close_btn {
              position: absolute;
              right: 10px;
              top: 10px;
              width: 10px;
              height: 10px;
              background-position: -68px -42px; }
          .store .store_content .store_location .store_list > li .txt_wrap .more_modal.db {
            display: block; }

.store_top .sel_wrap {
  font-size: 0; }
  @media (max-width: 1240px) {
    .store_top .sel_wrap {
      float: none;
      display: block;
      width: 100%;
      margin-bottom: 20px; } }
  @media (max-width: 620px) {
    .store_top .sel_wrap {
      margin-bottom: 10px; } }
  .store_top .sel_wrap .t1 {
    margin-right: 10px; }
    @media (max-width: 1240px) {
      .store_top .sel_wrap .t1 {
        width: 32.6%; } }
    @media (max-width: 1119px) {
      .store_top .sel_wrap .t1 {
        width: 32.4%; } }
    @media (max-width: 991px) {
      .store_top .sel_wrap .t1 {
        width: 32.2%; } }
    @media (max-width: 620px) {
      .store_top .sel_wrap .t1 {
        width: 100%;
        margin-bottom: 10px; } }
  .store_top .sel_wrap .t2 {
    margin-right: 10px; }
    @media (max-width: 1240px) {
      .store_top .sel_wrap .t2 {
        width: 32.6%; } }
    @media (max-width: 1119px) {
      .store_top .sel_wrap .t2 {
        width: 32.4%; } }
    @media (max-width: 991px) {
      .store_top .sel_wrap .t2 {
        width: 32.2%; } }
    @media (max-width: 620px) {
      .store_top .sel_wrap .t2 {
        display: inline-block;
        width: calc( 50% - 5px); } }
  @media (max-width: 1240px) {
    .store_top .sel_wrap .t3 {
      width: 32.6%; } }
  @media (max-width: 1119px) {
    .store_top .sel_wrap .t3 {
      width: 32.4%; } }
  @media (max-width: 991px) {
    .store_top .sel_wrap .t3 {
      width: 32.2%; } }
  @media (max-width: 620px) {
    .store_top .sel_wrap .t3 {
      display: inline-block;
      width: calc( 50% - 5px); } }

@media (max-width: 1240px) {
  .store_top .cs_search {
    float: none;
    display: block;
    width: 100%; } }

@media (max-width: 1240px) {
  .store_top .cs_search .w222 {
    width: calc( 100% - 341px); } }

@media (max-width: 620px) {
  .store_top .cs_search .w222 {
    width: calc( 100% - 100px); } }

.store_top .cs_search .locate_btn {
  display: inline-block;
  width: 160px;
  height: 45px;
  margin-left: 10px;
  padding: 0 20px;
  border-radius: 22px;
  line-height: 45px;
  text-align: left;
  font-size: 14px;
  color: #fff;
  background-color: #333; }
  @media (max-width: 620px) {
    .store_top .cs_search .locate_btn {
      width: 45px;
      height: 45px;
      margin-left: 5px;
      padding: 0;
      text-align: center;
      border-radius: 100%; } }
  .store_top .cs_search .locate_btn:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-bottom: 4px;
    margin-left: 20px;
    vertical-align: middle;
    background-position: -107px -37px; }
    @media (max-width: 620px) {
      .store_top .cs_search .locate_btn:after {
        margin-left: 0; } }

.space .space_tit {
  position: relative;
  padding-bottom: 25px;
  text-align: center; }
  @media (max-width: 620px) {
    .space .space_tit {
      padding-bottom: 15px; } }
  .space .space_tit .t1 {
    font-weight: 100;
    font-size: 20px;
    line-height: 140%; }
    @media (max-width: 620px) {
      .space .space_tit .t1 {
        font-size: 14px; } }
  .space .space_tit .t2 {
    font-weight: 100;
    font-size: 30px;
    line-height: 140%; }
    @media (max-width: 620px) {
      .space .space_tit .t2 {
        font-size: 18px; } }
  .space .space_tit:after {
    content: "";
    display: block;
    position: absolute;
    left: calc( 50% - 26px);
    bottom: 0;
    width: 52px;
    height: 1px;
    background-color: #333; }

.contribution.space_desc .desc_wrap > li:nth-child(2n-1) .txt_wrap {
  padding-right: 25px; }
  @media (max-width: 1240px) {
    .contribution.space_desc .desc_wrap > li:nth-child(2n-1) .txt_wrap {
      padding-right: 0; } }

.watch_modal {
  display: none;
  z-index: 100;position: fixed;top: 0;left: 0;width: 100%;height: 100%;
  background-color: #fff; }
  .watch_modal .watch_tit .tit_wrap {
    position: relative;
    height: 104px;
    border-bottom: 1px solid #ddd;
    background-color: #fff; }
    @media (max-width: 620px) {
      .watch_modal .watch_tit .tit_wrap {
        height: 58px; } }
    .watch_modal .watch_tit .tit_wrap .tit {
      font-size: 26px;
      line-height: 103px;
      font-weight: 400;
      text-align: center; }
      @media (max-width: 620px) {
        .watch_modal .watch_tit .tit_wrap .tit {
          font-size: 18px;
          line-height: 57px; } }
    .watch_modal .watch_tit .tit_wrap .close_btn {
      position: absolute;
      right: 40px;
      top: 43px;
      width: 17px;
      height: 17px;
      background-position: -168px -215px; }
      @media (max-width: 620px) {
        .watch_modal .watch_tit .tit_wrap .close_btn {
          right: 20px;
          top: 20px; } }
  .watch_modal .watch_tit:after {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    background-color: #f4f7fb; }
    @media (max-width: 620px) {
      .watch_modal .watch_tit:after {
        height: 10px; } }
  .watch_modal .watch_wrap {
    overflow-x: hidden;
    overflow-y: scroll;
    height: calc( 100% - 124px);
    padding: 45px 40px; }
    @media (max-width: 620px) {
      .watch_modal .watch_wrap {
        padding: 20px;
        height: calc( 100% - 68px); } }
    .watch_modal .watch_wrap .total {
      font-size: 14px;
      color: #666; }
      @media (max-width: 620px) {
        .watch_modal .watch_wrap .total {
          font-size: 12px; } }
    .watch_modal .watch_wrap .list {
      margin-top: 15px; }
      @media (max-width: 620px) {
        .watch_modal .watch_wrap .list {
          margin-top: 5px; } }
      .watch_modal .watch_wrap .list ul > li:hover img {
        opacity: 1; }
     .watch_modal .watch_wrap .list ul > li:hover .btn_box {
        display: none; }

.watch_modal.db {
  display: block; }

.gift_wrap {
  margin-top: 50px; }
  @media (max-width: 620px) {
    .gift_wrap {
      margin-top: 25px; } }
  .gift_wrap .gift_message {
    display: inline-block;
    width: 530px;
    height: 45px;
    padding: 0 20px;
    vertical-align: middle;
  
    font-size: 12px;
    color: #666;
    border: 1px solid #ddd; }
    .gift_wrap .gift_message::placeholder {
    
      font-size: 12px;
      color: #666; }
    @media (max-width: 620px) {
      .gift_wrap .gift_message {
        width: 100%;
        padding: 0 15px; } }

/* response ex

'd1000','d960','d720','d594','d326','d90'

@include respond-to('d1000') {
    background: pink;
}
@include respond-to('d960') {
    background: orange;
}
@include respond-to('d326') {
    background: blue;
}
*/
.lh {
  line-height: 100%; }

.fz {
  font-size: 0; }

.dotum {
  font-size: 12px; }

.fcb {
  color: #3d81ff; }

.disabled_txt {
  display: inline-block;
  height: 45px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 45px;
  color: #666;
  vertical-align: middle;
  background-color: #fafafa; }

.vert_line .line::before {
  content: '';
  display: inline-block;
  width: 1px;
  vertical-align: middle; }

.vert_line .line:first-child:before {
  display: none; }

.calc_num_box {
  font-size: 0; }
  .calc_num_box .btn {
    width: 34px;
    height: 34px;
    margin-left: -1px;
    border: 1px solid #ddd;
    background-color: #fff; }
  .calc_num_box .calc_inp {
    padding: 0;
    color: #666;
    text-align: center; }
  .calc_num_box .calc_btn,.calc_num_box .calc_btn_cart, .calc_num_box .prd_lng_btn, .calc_num_box .opt_lng_btn {
    position: relative; }
  .calc_num_box .calc_btn::after,.calc_num_box .calc_btn_cart::after, .calc_num_box .prd_lng_btn::after, .calc_num_box .opt_lng_btn::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 11px;
    margin-top: -5px;
    margin-left: -5px; }
  .calc_num_box .calc_p::after {
    background-position: -108px -24px; }
  .calc_num_box .calc_m::after {
    background-position: -95px -24px; }
  .calc_num_box .calc_del_btn {
    width: 34px;
    height: 34px;
    margin-left: 5px;
    background-image: url(/_img/opt_del_btn.jpg); }

#header.hd_bd {
  border-bottom: 1px solid #ddd; }
  #header .hd_banner {
    text-align: center; }
    @media (max-width: 1240px) {
      #header .hd_banner .s1 {
        display: none; }
      #header .hd_banner .s2 {
        display: inline-block; } }
    #header .hd_banner .banner_close_btn {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 17px;
      height: 17px;
      background-position: -110px -214px; }
  #header .hd_banner.dn {
    display: none; }
  #header .hd_box_wrap {
    height: 160px; }
    #header .hd_box_wrap .hd_box {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 160px;
      background-color: #fff; }
      #header .hd_box_wrap .hd_box .cart {
        width: 35px;
        height: 35px;
        background-position: -2px -214px; }
        #header .hd_box_wrap .hd_box .cart .num {
          position: absolute;
          top: -3px;
          right: -1px;
          display: inline-block;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          line-height: 15px;
          font-size: 12px;
          color: #fff;
          text-align: center;
          background-color: #3a8afd !important; }
      #header .hd_box_wrap .hd_box .hd_top {
        padding: 30px 0;
        text-align: center; }
		@media (max-width: 620px) {
			#header .hd_box_wrap .hd_box .hd_top .logo{margin-left: -15px;}
		}
        #header .hd_box_wrap .hd_box .hd_top .hd_link {
          position: absolute;
          right: 0;
          top: 0;
          font-size: 0; }
          #header .hd_box_wrap .hd_box .hd_top .hd_link li {
            display: inline-block; }

		  #header .hd_box_wrap .hd_box .hd_top .hd_link li .point_ico{
			position: absolute;top: 23px;left: 0;
			width: 60px;height: 23px;
			border-radius:5px;
			color:#fff;text-align: center;line-height: 23px;letter-spacing:0;font-size: 11px;
			background-color: #3a8afd;
			transition:all .8s .5s ease-in-out !important;
			transition:all .3s ease-in-out;
			animation-name: join_point;
			animation-duration: 3.5s;
			animation-iteration-count: infinite;
			animation-timing-function: ease-in-out;
			animation-direction: normal; }

		@-webkit-keyframes join_point {
			0% {transform:translate(0px,0px);}
			79% {transform:translate(0px,0px);}
			80% {transform:translate(4px,0px);}
			85% {transform:translate(0px,0px);}
			90% {transform:translate(4px,0px);}
			100% {transform:translate(0px,0px);}
		}

          #header .hd_box_wrap .hd_box .hd_top .hd_link .line::before {
            height: 9px;
            margin: -2px 10px 0;
            background-color: #999; }
        @media (max-width: 1240px) {
          #header .hd_box_wrap .hd_box .hd_top .m_nav_btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            display: block;
            width: 35px;
            height: 35px;
            background-position: -313px -326px; }
          #header .hd_box_wrap .hd_box .hd_top .cart {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 0;
            display: block; } }
        @media (max-width: 620px) {


          #header .hd_box_wrap .hd_box .hd_top{padding: 15px 0;}
          #header .hd_box_wrap .hd_box .hd_top .logo img {
            width: 155px; } }
      #header .hd_box_wrap .hd_box .hd_bottom {
        padding-bottom: 15px; }
        #header .hd_box_wrap .hd_box .hd_bottom .gnb ul {
          font-size: 0; }
          #header .hd_box_wrap .hd_box .hd_bottom .gnb ul li {
            display: inline-block;
            font-size: 20px;
            margin-right: 22px; }
            @media (max-width: 620px) {
              #header .hd_box_wrap .hd_box .hd_bottom{margin-bottom: 0;}
              #header .hd_box_wrap .hd_box .hd_bottom .gnb{width: 100%;}
              #header .hd_box_wrap .hd_box .hd_bottom .gnb ul{text-align: center;}
              #header .hd_box_wrap .hd_box .hd_bottom .gnb ul li {width: calc(33.333%);margin-right: 0px; } }
        #header .hd_box_wrap .hd_box .hd_bottom .hd_sch_box {
          overflow: hidden;
          width: 238px;
          height: 35px;
          margin-right: 20px;
          border-radius: 35px;
          background-color: #f6f6f6; }
          #header .hd_box_wrap .hd_box .hd_bottom .hd_sch_box .sch_inp {
            width: calc(100% - 40px);
            height: 35px;
            padding-left: 20px;
            border: 0;
            color: #aaa;
            background-color: transparent; 
            border-radius: 30px 30px 30px 30px;
          }
          #header .hd_box_wrap .hd_box .hd_bottom .hd_sch_box .sch_btn {
            position: relative;
            width: 40px;
            height: 35px; }
          #header .hd_box_wrap .hd_box .hd_bottom .hd_sch_box .sch_btn::after {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            display: block;
            width: 20px;
            height: 20px;
            background-position: -39px -214px; }
        #header .hd_box_wrap .hd_box .hd_bottom .cart {
          position: relative;
          display: block;
          margin-right: 40px; }
        #header .hd_box_wrap .hd_box .hd_bottom .all_menu_btn {
          width: 35px;
          height: 35px;
          background-position: -313px -326px; }
        #header .hd_box_wrap .hd_box .hd_bottom .all_menu_btn.act {
          background-position: -313px -363px; }
        #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box {
          display: none;
          z-index: 50;
          position: absolute;
          top: 50px;
          left: 0;
          width: 100%;
          padding: 30px 50px 50px;
          background-color: #fff;
          -webkit-box-shadow: -4px 7px 20px 0px rgba(50, 50, 50, 0.2);
          -moz-box-shadow: -4px 7px 20px 0px rgba(50, 50, 50, 0.2);
          box-shadow: -4px 7px 20px 0px rgba(50, 50, 50, 0.2); }
          #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box .tit {
            font-size: 16px;
            font-weight: 500;
            color: #000; }
          #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li {
            width: 125px;
            margin-right: 10px; }
            #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li > .tit {
              margin-bottom: 10px;
              padding-bottom: 15px;
              border-bottom: 1px solid #000;
              line-height: 100%; }
            #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li > ul > li .tit {
              display: inline-block;
              margin-top: 10px;
              line-height: 100%; }
            #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li > ul > li .tit:hover {
              color: #3a8afd !important; }
            #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li > ul > li:first-child .tit {
              margin-top: 0; }
            #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li > ul > li:hover {
              color: #3a8afd !important; }
            #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li .s_menu li {
              margin-top: 15px;
              line-height: 100%; }
              #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li .s_menu li .ico::before {
                display: inline-block;
                width: 20px;
                height: 20px;
                margin-top: -2px;
                margin-right: 10px;
                vertical-align: middle; }
              #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li .s_menu li .ico1::before {
                background-position: -61px -326px; }
              #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li .s_menu li .ico2::before {
                background-position: -83px -326px; }
              #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li .s_menu li .ico3::before {
                background-position: -105px -326px; }
              #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li .s_menu li .ico4::before {
                background-position: -127px -326px; }
              #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li .s_menu li .ico5::before {
                background-position: -149px -326px; }
            #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li .s_menu li:hover .ico1::before {
              background-position: -61px -348px; }
            #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li .s_menu li:hover .ico2::before {
              background-position: -83px -348px; }
            #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li .s_menu li:hover .ico3::before {
              background-position: -105px -348px; }
            #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li .s_menu li:hover .ico4::before {
              background-position: -127px -348px; }
            #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li .s_menu li:hover .ico5::before {
              background-position: -149px -348px; }
          #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box > ul > li:last-child {
            margin-right: 0; }
        #header .hd_box_wrap .hd_box .hd_bottom .all_menu_box.db {
          display: block; }
    #header .hd_box_wrap .hd_box.fix {
      z-index: 100;
      position: fixed;
      height: 160px;border-bottom: 1px solid #ddd; }

@media (max-width: 620px) {
	#header .hd_box_wrap{height: 61px;}
	#header .hd_box_wrap .hd_box{height: 61px;}
	#header .hd_box_wrap .hd_box.fix{height: 61px;}
}

.nav_wrap {
  display: none; }
  .nav_wrap .nav {
    top: 0;
    left: 0;
    z-index: 110;
    width: 100%;
    height: 100%;
    background-color: #fff; }
    .nav_wrap .nav .nav_top .menu {
      padding: 14px 0;
      font-size: 0;
      background-color: #3a8afd !important; }
      .nav_wrap .nav .nav_top .menu li {
        display: inline-block;
        width: 50%;
        border-right: 1px solid #cd2d33;
        text-align: center;
        color: #fff; }
      .nav_wrap .nav .nav_top .menu li:last-child {
        border-right: 0; }
    @media (max-width: 620px) {
      .nav_wrap .nav .nav_top .menu {
        padding: 10px 0; }
        .nav_wrap .nav .nav_top .menu li {
          border-right: 1px solid #fff; } }
    .nav_wrap .nav .nav_top .tit_box .tit {
      line-height: 102px; }
      @media (max-width: 620px) {
        .nav_wrap .nav .nav_top .tit_box .tit {
          line-height: 58px; } }
    .nav_wrap .nav .nav_top .tit_box .nav_close_btn {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      width: 18px;
      height: 18px;
      background-position: -167px -214px; }
    .nav_wrap .nav .all_menu {
      height: 100%;
      overflow-x: auto;
      overflow-y: scroll;
      padding-bottom: 200px;
      background-color: #fff; }
      .nav_wrap .nav .all_menu > ul li {
        border-bottom: 1px solid #ddd; }
      .nav_wrap .nav .all_menu > ul > li .menu {
        position: relative;
        width: 100%;
        padding: 0 40px;
        line-height: 58px;
        font-size: 16px;
        text-align: left; }
		.nav_wrap .nav .all_menu > ul > li > a{display: block;width: 100%;height: 100%;}
        @media (max-width: 620px) {
          .nav_wrap .nav .all_menu > ul > li .menu {
            padding: 0 20px;
            font-size: 12px;
            line-height: 40px; } }
      .nav_wrap .nav .all_menu > ul > li .menu::after {
        position: absolute;
        top: 50%;
        right: 40px;
        transform: translateY(-50%);
        width: 14px;
        height: 14px;
        background-position: -350px -326px; }
        @media (max-width: 620px) {
          .nav_wrap .nav .all_menu > ul > li .menu::after {
            right: 20px; } }
      .nav_wrap .nav .all_menu > ul > li > ul {
        display: none;
        border-top: 1px solid #ddd; }
        .nav_wrap .nav .all_menu > ul > li > ul > li {
          line-height: 58px;
          background-color: #fafafa; }
		.nav_wrap .nav .all_menu > ul > li > ul > li > a{display: block;width: 100%;height: 100%;padding: 0 40px;}
          @media (max-width: 620px) {
            .nav_wrap .nav .all_menu > ul > li > ul > li {
              font-size: 12px;
              line-height: 40px; }
            .nav_wrap .nav .all_menu > ul > li > ul > li > a {
              padding: 0 20px; } }
          .nav_wrap .nav .all_menu > ul > li > ul > li .ico::before {
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-top: -2px;
            margin-right: 10px;
            vertical-align: middle; }
          .nav_wrap .nav .all_menu > ul > li > ul > li .ico1::before {
            background-position: -61px -326px; }
          .nav_wrap .nav .all_menu > ul > li > ul > li .ico2::before {
            background-position: -83px -326px; }
          .nav_wrap .nav .all_menu > ul > li > ul > li .ico3::before {
            background-position: -105px -326px; }
          .nav_wrap .nav .all_menu > ul > li > ul > li .ico4::before {
            background-position: -127px -326px; }
          .nav_wrap .nav .all_menu > ul > li > ul > li .ico5::before {
            background-position: -149px -326px; }
        .nav_wrap .nav .all_menu > ul > li > ul > li:last-child {
          border-bottom: 0; }
      .nav_wrap .nav .all_menu > ul > li.act .menu {
        color: #3a8afd !important; }
      .nav_wrap .nav .all_menu > ul > li.act .menu::after {
        background-position: -350px -342px; }
      .nav_wrap .nav .all_menu > ul > li.act > ul {
        display: block; }
      .nav_wrap .nav .all_menu .s_menu {
        padding: 40px 40px 0; }
        .nav_wrap .nav .all_menu .s_menu a {
          display: inline-block;
          margin-right: 20px;
          color: #666; }
        @media (max-width: 620px) {
          .nav_wrap .nav .all_menu .s_menu {
            padding: 20px 20px 0; }
            .nav_wrap .nav .all_menu .s_menu a {
              margin-right: 10px;
              font-size: 12px; } }
    .nav_wrap .nav .all_menu::before {
      content: '';
      display: block;
      width: 100%;
      height: 20px;
      border-top: 1px solid #ddd;
      background-color: #f4f7fb; }
      @media (max-width: 620px) {
        .nav_wrap .nav .all_menu::before {
          height: 10px; } }
    .nav_wrap .nav .nav_bottom::after {
      z-index: -1;
      content: '';
      display: block;
      position: fixed;
      width: 250px;
      height: 100%;
      background-color: #fff; }

.nav_wrap.db {
  display: block; }

.r_quick_pos {
  z-index: 110;
  position: fixed;
  bottom: 50px;
  right: 100px;
  margin-top: -150px; }
  @media (max-width: 1650px) {
    .r_quick_pos {
      right: 15px; } }
  @media (max-width: 1650px) and (max-width: 1480px) {
    .r_quick_pos {
      display: none; } }
  .r_quick_pos .r_quick {
    width: 105px; }
    .r_quick_pos .r_quick .e_banner {
      width: 105px;
      height: 130px; }
      .r_quick_pos .r_quick .e_banner img {
        width: 100%; }
    .r_quick_pos .r_quick .time_sale {
      border: 1px solid #ddd;
      text-align: center;
      background-color: #fff; }
      .r_quick_pos .r_quick .time_sale .tit {
        width: 100%;
        line-height: 30px;
        text-align: center;
        color: #fff;
        background-color: #3a8afd !important; }
      .r_quick_pos .r_quick .time_sale .prd_box {
        padding: 13px 11px; }
        .r_quick_pos .r_quick .time_sale .prd_box .num {
          font-weight: bold; }
        .r_quick_pos .r_quick .time_sale .prd_box .t1 {
          margin-top: 20px;
          line-height: 100%; }
    .r_quick_pos .r_quick .quick_menu {
      margin-top: 5px;
      border: 1px solid #ddd;
      background-color: #fff; }
      .r_quick_pos .r_quick .quick_menu > ul li {
        border-bottom: 1px solid #ddd;
        line-height: 30px;
        text-align: center; }
        .r_quick_pos .r_quick .quick_menu > ul li a {
          display: block; }
      .r_quick_pos .r_quick .quick_menu .quick_slide {
        padding: 10px 15px;
        text-align: center; }
        .r_quick_pos .r_quick .quick_menu .quick_slide .quick_mask {
          width: 100%;
          overflow: hidden; }
          .r_quick_pos .r_quick .quick_menu .quick_slide .quick_mask .item img {
            width: 100%; }
          .r_quick_pos .r_quick .quick_menu .quick_slide .quick_mask .page_box .arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 9px;
            height: 9px; }
          .r_quick_pos .r_quick .quick_menu .quick_slide .quick_mask .page_box .q_prev {
            left: 0;
            background-position: -88px -214px; }
          .r_quick_pos .r_quick .quick_menu .quick_slide .quick_mask .page_box .q_next {
            right: 0;
            background-position: -99px -214px; }
          .r_quick_pos .r_quick .quick_menu .quick_slide .quick_mask .page_box .q_pager {
            color: #999; }
            .r_quick_pos .r_quick .quick_menu .quick_slide .quick_mask .page_box .q_pager .swiper-pagination-current {
              font-weight: bold;
              color: #333; }
    .r_quick_pos .r_quick .top_btn {
      position: relative;
      width: 100%;
      height: 28px;
      background-color: #333; }
    .r_quick_pos .r_quick .top_btn::before {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 25px;
      height: 16px;
      background-position: -61px -214px; }
.sub_top {
  margin-bottom: 60px;
  background-color: #fafafa; }
  @media (max-width: 620px) {
	.sub_top{margin-bottom: 30px;}
}

  .sub_top .path {
    font-size: 0; }
    .sub_top .path > li {
      position: relative;
      display: inline-block;
      line-height: 58px;
      color: #999; }
      .sub_top .path > li .path_btn {
        line-height: 58px;
        color: #999; }
      .sub_top .path > li .path_btn::after {
        display: inline-block;
        width: 17px;
        height: 17px;
        margin-top: -2px;
        margin-left: 20px;
        vertical-align: middle;
        background-position: -26px -370px; }
      .sub_top .path > li ul {
        display: none;z-index: 1;
        position: absolute;
        top: 48px;
        padding: 20px 15px;
        border: 1px solid #ddd;
        background-color: #fff; }
        .sub_top .path > li ul li {
          padding: 2px 0;
          color: #666; }
          @media (max-width: 620px) {
            .sub_top .path > li ul li {
              font-size: 12px; } }
        .sub_top .path > li ul li:hover {
          color: #333;
          text-decoration: underline; }
    .sub_top .path > li.act .path_btn::after {
      background-position: -26px -389px; }
    .sub_top .path > li.act ul {
      display: block; 
	  min-width: 98px;}
    .sub_top .path > li::after {
      display: inline-block;
      width: 7px;
      height: 7px;
      margin: -2px 20px 0;
      vertical-align: middle;
      background-position: -86px -24px; }
    .sub_top .path > li:last-child::after {
      display: none; }

@media (max-width: 620px) {
	.sub_top .path > li{line-height: 46px;}
	.sub_top .path > li .path_btn{line-height: 46px;}
	.sub_top .path > li ul{top: 47px;min-width: 88px;}
}

	 

.sub {
  padding: 20px 0 100px; 
  height: fit-content;
  display: block;
  overflow: auto;
}
  @media (max-width: 620px) {
    .sub {
      padding: 20px 0 100px; } 
    }

.review_box {
  font-size: 0; }
  .review_box .review_star {
    font-size: 14px;
    color: #ccc; }
    @media (max-width: 620px) {
      .review_box .review_star {
        font-size: 12px; } }

.bd_tb {
  border-top: 1px solid #333; }
  .bd_tb table tr {
    border-bottom: 1px solid #ddd; }

.date_sch_box {
  font-size: 0; }
  .date_sch_box .date_box {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 45px;
    border: 1px solid #ddd;
    vertical-align: middle;
    font-size: 0; }
    .date_sch_box .date_box .date_inp {
      width: 100%;
      height: 100%;
      padding: 0 45px 0 20px;
      border: 0;
      vertical-align: middle;
      color: #666; }
    .date_sch_box .date_box .ui-datepicker-trigger {
      position: absolute;
      top: 50%;
      right: 20px;
      margin-top: -10px; }
  .date_sch_box .wave {
    display: inline-block;
    padding: 0 5px;
    vertical-align: middle;
    font-size: 12px; }

.delivery_cycle .delivery_cycle_sel {
  width: 150px;
  height: 45px;
  margin-right: 5px;
  vertical-align: middle;
  color: #666; }
  @media (max-width: 620px) {
    .delivery_cycle .delivery_cycle_sel {
      width: 90px; } }

.card_txt {
  margin-right: 20px; }
  @media (max-width: 620px) {
    .card_txt {
      margin: 0 0 10px; } }

.card_box {
  display: inline-block;
  vertical-align: middle; }
  @media (max-width: 620px) {
    .card_box {
      display: block; } }
  .card_box .change_card_btn {
    width: 100px;
    height: 45px;
    border: 1px solid #666;
    border-radius: 10px; }

@media (max-width: 1240px) {
  .cs_review .sel_inp {
    float: none; } }
  @media (max-width: 1240px) and (max-width: 620px) {
    .cs_review .sel_inp {
      display: block;
      width: 100%;
      margin-top: 5px; } }

@media (max-width: 1240px) {
  .cs_review .cs_search {
    margin-top: 20px; } }
  @media (max-width: 1240px) and (max-width: 620px) {
    .cs_review .cs_search {
      margin-top: 10px; } }

.review_lst_tb {
  margin-top: 30px;
  border-top: 1px solid #333; }
  .review_lst_tb table tr {
    border-bottom: 1px solid #ddd; }
    .review_lst_tb table tr td {
      padding: 30px 0; }
      @media (max-width: 620px) {
        .review_lst_tb table tr td {
          display: block; } }
      .review_lst_tb table tr td .img {
        position: relative;
        width: 150px; }
		.review_lst_tb table tr td .img .img_box{width: 150px;height: 150px;border-radius:50%;overflow: hidden;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: 50% 0;}
        @media (max-width: 620px) {
          .review_lst_tb table tr td .img {
            display: inline-block;
            width: 60px;
            vertical-align: middle; }
		.review_lst_tb table tr td .img .img_box{width: 60px;height: 60px;} }
        .review_lst_tb table tr td .img .ico {
          position: absolute;
          bottom: 0;
          right: 0;
          display: inline-block;
          width: 60px;
          height: 60px;
          border-radius: 50%;
          background-image: url(/_img/best_ico.png);
          -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); }
          @media (max-width: 620px) {
            .review_lst_tb table tr td .img .ico {
              width: 30px;
              height: 30px;
              background-size: 30px 30px; } }
      .review_lst_tb table tr td .tit_box .line .review_box {
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle; }
      .review_lst_tb table tr td .tit_box .tit {
        padding: 5px 0 10px; }
      .review_lst_tb table tr td .tit_box .review_mask {
        position: relative; }
        .review_lst_tb table tr td .tit_box .review_mask .review_con {
          width: 954px;
          padding-right: 40px; }
          @media (max-width: 1240px) {
            .review_lst_tb table tr td .tit_box .review_mask .review_con {
              width: calc(100% - 60px); } }
          @media (max-width: 620px) {
            .review_lst_tb table tr td .tit_box .review_mask .review_con {
              padding-right: 0; } }
          .review_lst_tb table tr td .tit_box .review_mask .review_con img {
            display: none; }
          .review_lst_tb table tr td .tit_box .review_mask .review_con .mov_frame {
            display: none; }
        .review_lst_tb table tr td .tit_box .review_mask .review_more_btn {
          position: absolute;
          top: 0;
          right: 34px;
          color: #3a8afd !important;
          font-weight: 500;
          border-bottom: 1px solid #3a8afd !important; }
          @media (max-width: 620px) {
            .review_lst_tb table tr td .tit_box .review_mask .review_more_btn {
              right: 0; } }
      .review_lst_tb table tr td .tit_box .review_mask.act .review_con .review_txt {
        overflow: auto;
        white-space: normal; }
      .review_lst_tb table tr td .tit_box .review_mask.act .review_con img {
        display: inline-block; }
      .review_lst_tb table tr td .tit_box .review_mask.act .review_con .mov_frame {
        display: block; }
      .review_lst_tb table tr td .tit_box .review_mask.act .review_more_btn.hide {
        position: static;
        margin-top: 20px; }
      .review_lst_tb table tr td .tit_box .info_box {
        margin-top: 40px; }
        @media (max-width: 620px) {
          .review_lst_tb table tr td .tit_box .info_box {
            margin-top: 10px; } }
        .review_lst_tb table tr td .tit_box .info_box .id_txt {
          margin-top: 10px; }
          @media (max-width: 620px) {
            .review_lst_tb table tr td .tit_box .info_box .id_txt {
              margin-top: 5px; } }
        .review_lst_tb table tr td .tit_box .info_box .btn_box {
          margin-left: 20px;
          font-size: 0; }
          @media (max-width: 620px) {
            .review_lst_tb table tr td .tit_box .info_box .btn_box {
              float: right; } }
          .review_lst_tb table tr td .tit_box .info_box .btn_box .btn {
            display: inline-block;
            width: 60px;
            height: 45px;
            margin-right: 5px;
            border-radius: 7px;
            border: 1px solid #aaa;
            text-align: center;
            line-height: 45px;
            font-size: 14px; }
            @media (max-width: 620px) {
              .review_lst_tb table tr td .tit_box .info_box .btn_box .btn {
                width: 40px;
                height: 30px;
                line-height: 28px;
                font-size: 12px; } }
          .review_lst_tb table tr td .tit_box .info_box .btn_box .btn:last-child {
            margin-right: 0; }
    .review_lst_tb table tr .w1 {
      width: 180px;
      vertical-align: top; }
      @media (max-width: 620px) {
        .review_lst_tb table tr .w1 {
          width: 100%;
          padding: 20px 0 0;
          font-size: 0; }
          .review_lst_tb table tr .w1 .tit_box {
            display: inline-block;
            width: calc(100% - 76px);
            padding-left: 15px;
            vertical-align: middle; } }
    .review_lst_tb table tr .w2 {
      width: auto; }
      @media (max-width: 620px) {
        .review_lst_tb table tr .w2 {
          padding: 15px 0 20px; } }

.mypage .my_top {
  width: 100%;
  margin-bottom: 50px; }
  @media (max-width: 1240px) {
    .mypage .my_top {
      margin-bottom: 0; }
      .mypage .my_top .container {
        width: 100%; } }
  .mypage .my_top .mem_intro {
    width: calc(100% - 600px);
    height: 200px; }
    .mypage .my_top .mem_intro .t1 {
      line-height: 150%;
      font-weight: 100; }
    .mypage .my_top .mem_intro .ad_txt {
      margin-top: 20px; }
      .mypage .my_top .mem_intro .ad_txt .ad {
        display: inline-block;
        width: 80px;
        height: 22px;
        margin-right: 5px;
        border-radius: 5px;
        line-height: 22px;
        text-align: center;
        background-color: #3a8afd !important;
        color: #fff;
        vertical-align: middle; }
    @media (max-width: 1240px) {
      .mypage .my_top .mem_intro {
        width: 100%;
        padding: 0 40px; } }
    @media (max-width: 620px) {
      .mypage .my_top .mem_intro {
        height: 150px;
        padding: 0 20px; }
        .mypage .my_top .mem_intro .t1 {
          margin-bottom: 10px; }
        .mypage .my_top .mem_intro .ad_txt {
          margin-top: 10px; } }
  .mypage .my_top .ord_lst {
    font-size: 0; }
    .mypage .my_top .ord_lst li {
      display: inline-block;
      width: 200px;
      height: 200px;
      border-left: 1px solid #d8d8d8; }
      @media (max-width: 1240px) {
        .mypage .my_top .ord_lst li {
          width: 33.333%;
          height: 115px;
          border-top: 1px solid #e5e5e5;
          border-left: 1px solid #e5e5e5; } }
      @media (max-width: 620px) {
        .mypage .my_top .ord_lst li {
          height: 78px; } }

@media (max-width: 1240px) {
  .mypage .my_sel_box {
    display: block; } }

.mypage .my_sel_box .my_sel {
  width: 100%;
  height: 76px;
  padding: 0 40px;
  background-color: #fff; }
  @media (max-width: 620px) {
    .mypage .my_sel_box .my_sel {
      height: 56px;
      padding: 0 20px; } }

.mypage .my_sel_box::after {
  content: '';
  display: block;
  width: 100%;
  height: 20px;
  background-color: #f0f6f8; }
  @media (max-width: 620px) {
    .mypage .my_sel_box::after {
      height: 10px; } }

@media (max-width: 1240px) {
  .mypage .my_bottom .my.fl, .mypage .my_bottom .my.fr {
    float: none; } }

.mypage .my_bottom .my.l .my_menu {
  width: 250px;
  margin-top: 10px;
  padding: 25px 20px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #ddd; }
  .mypage .my_bottom .my.l .my_menu li {
    line-height: 100%;
    margin-bottom: 15px; }
  .mypage .my_bottom .my.l .my_menu li:last-child {
    margin-bottom: 0; }
.mypage .my_bottom .my.l .my_menu li.act{color: #3a8afd !important;}

.mypage .my_bottom .my.r {
  width: 900px;
 /*  min-height: 441px; */
  margin-bottom: 100px; }
  @media (max-width: 1240px) {
    .mypage .my_bottom .my.r {
      width: 100%; } }
  .mypage .my_bottom .my.r .my_tit {
    padding: 50px 0 25px;
    color: #222;
    font-weight: bold;
    line-height: 100%; }
    @media (max-width: 1240px) {
      .mypage .my_bottom .my.r .my_tit {
        padding: 50px 0 20px; } }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .my_tit {
        padding: 25px 0 10px; } }
  .mypage .my_bottom .my.r .my_tit.f {
    padding: 0 0 25px; }
    @media (max-width: 1240px) {
      .mypage .my_bottom .my.r .my_tit.f {
        padding: 50px 0 20px; } }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .my_tit.f {
        padding: 25px 0 10px; } }
  .mypage .my_bottom .my.r .out_info_txt {
    margin: -5px 0 50px;
    line-height: 130%; }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .out_info_txt {
        margin: 10px 0 25px; } }
  .mypage .my_bottom .my.r .edit_link_btn {
    display: inline-block;
    padding: 58px 0 25px;
    line-height: 100%; }
    @media (max-width: 1240px) {
      .mypage .my_bottom .my.r .edit_link_btn {
        padding: 53px 0 21px; } }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .edit_link_btn {
        padding: 29px 0 10px; } }
  .mypage .my_bottom .my.r .my_tab {
    position: relative;
    width: 100%;
    margin-bottom: 50px;
    border-bottom: 1px solid #fff;
    font-size: 0; }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .my_tab {
        margin-bottom: 25px; } }
    .mypage .my_bottom .my.r .my_tab li {
      display: inline-block;
      width: 200px;
      height: 50px;
      border: 1px solid #ddd;
      border-bottom: 1px solid #333;
      text-align: center;
      line-height: 50px;
      color: #999;
      background-color: #fafafa; }
      @media (max-width: 620px) {
        .mypage .my_bottom .my.r .my_tab li {
          width: 50%; } }
    .mypage .my_bottom .my.r .my_tab li.act {
      border: 1px solid #333;
      border-bottom: 1px solid #fff;
      color: #333;
      background-color: #fff; }
  .mypage .my_bottom .my.r .my_tab::after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
    display: block;
    width: calc(100% - 400px);
    height: 1px;
    background-color: #333; }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .my_tab::after {
        display: none; } }
  @media (max-width: 1240px) {
    .mypage .my_bottom .my.r .my_ord_lst .ico_state_lst.fl, .mypage .my_bottom .my.r .my_ord_lst .state_lst.fr {
      float: none; } }
  .mypage .my_bottom .my.r .my_ord_lst .ico_state_lst li {
    width: 168px;
    height: 142px;
    margin-left: -1px;
    border: 1px solid #ddd;
    text-align: center; }
    @media (max-width: 1240px) {
      .mypage .my_bottom .my.r .my_ord_lst .ico_state_lst li {
        width: calc(25% + 1px); } }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .my_ord_lst .ico_state_lst li {
        width: calc(50% + 1px);
        height: 100px;
        margin-bottom: -1px;border-bottom: 0; } }
    .mypage .my_bottom .my.r .my_ord_lst .ico_state_lst li a {
      display: block;
      width: 100%;
      height: 100%; }
    .mypage .my_bottom .my.r .my_ord_lst .ico_state_lst li .ico {
      position: relative;
      display: block;
      width: 40px;
      height: 40px;
      margin: 0 auto; }
    .mypage .my_bottom .my.r .my_ord_lst .ico_state_lst li .ico::before {
      display: block;
      width: 40px;
      height: 40px;
      margin: 0 auto; }
    .mypage .my_bottom .my.r .my_ord_lst .ico_state_lst li .ico1::before {
      background-position: -354px -2px; }
    .mypage .my_bottom .my.r .my_ord_lst .ico_state_lst li .ico2::before {
      background-position: -396px -2px; }
    .mypage .my_bottom .my.r .my_ord_lst .ico_state_lst li .ico3::before {
      background-position: -354px -44px; }
    .mypage .my_bottom .my.r .my_ord_lst .ico_state_lst li .ico4::before {
      background-position: -396px -44px; }
    .mypage .my_bottom .my.r .my_ord_lst .ico_state_lst li .num {
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      line-height: 16px;
      text-align: center;
      color: #fff;
      font-size: 12px;
      background-color: #3a8afd !important; }
  .mypage .my_bottom .my.r .my_ord_lst .state_lst {
    margin-left: -1px;
    border: 1px solid #ddd;
    border-bottom: 0; }
    @media (max-width: 1240px) {
      .mypage .my_bottom .my.r .my_ord_lst .state_lst {
        margin-left: 0;
        border: 0;
        font-size: 0; } }
    .mypage .my_bottom .my.r .my_ord_lst .state_lst li {
      width: 231px;
      /*height: 47px;*/
	  height: 141px;
      border-bottom: 1px solid #ddd; }
      @media (max-width: 1240px) {
        .mypage .my_bottom .my.r .my_ord_lst .state_lst li {
          display: inline-block;
          /*width: calc(33.333% + 1px);*/
		  width: calc(100% + 1px);
		  height: 47px;
          margin-top: -1px;
          margin-left: -1px;
          border: 1px solid #ddd; } }
      @media (max-width: 620px) {
        .mypage .my_bottom .my.r .my_ord_lst .state_lst li {
          display: block; } }
      .mypage .my_bottom .my.r .my_ord_lst .state_lst li > a {
        /*display: block;*/
        width: 100%;
        height: 100%;
        padding: 10px 20px; }
      .mypage .my_bottom .my.r .my_ord_lst .state_lst li .t1 {
        color: #666; }
      .mypage .my_bottom .my.r .my_ord_lst .state_lst li .t1::before {
        content: '';
        display: inline-block;
        width: 5px;
        height: 8px;
        margin-top: -2px;
        margin-right: 5px;
        vertical-align: middle;
        background-image: url(/_img/my_arrow.png); }
  .mypage .my_bottom .my.r .ord_state_lst .ord_info {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    padding: 0 20px;
    border-radius: 10px;
    background-color: #fafafa; }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .ord_state_lst .ord_info {
        padding: 0 10px; } }
    .mypage .my_bottom .my.r .ord_state_lst .ord_info .info_txt {
      line-height: 40px; }
      .mypage .my_bottom .my.r .ord_state_lst .ord_info .info_txt .line:before {
        height: 11px;
        margin: -2px 5px 0;
        background-color: #ddd; }
    .mypage .my_bottom .my.r .ord_state_lst .ord_info .del_txt {
      line-height: 40px; }
  .mypage .my_bottom .my.r .ord_state_lst .all_chk_box {
    padding: 20px 0;
    border-top: 1px solid #333; }
    .mypage .my_bottom .my.r .ord_state_lst .all_chk_box .chk_del_btn {
      display: inline-block;
      width: 112px;
      height: 45px;
      margin-left: 20px;
      border: 1px solid #aaa;
      border-radius: 10px;
      text-align: center;
      line-height: 45px;
      vertical-align: middle; }
  .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb.mb {margin-bottom: 0; }
  .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb {
    width: 100%;
    margin-bottom: 30px;
    border-top: 1px solid #333; }
    .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr {
      border-bottom: 1px solid #ddd; }
      .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .img {
        width: 90px;
        height: 90px;
        border-radius: 5px;
        background-color: #f9f9f9; }
        @media (max-width: 620px) {
          .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .img {
            width: 60px;
            height: 60px; } }
      .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .t3 {
        padding: 26px 0 20px;
        line-height: 100%; }
        @media (max-width: 620px) {
          .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .t3 {
            padding: 20px 0 10px; } }
      .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .t4 {
        padding-top: 18px; }
        @media (max-width: 620px) {
          .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .t4 {
            padding-top: 10px; } }
      .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .price_status_txt .line::before {
        height: 11px;
        margin: -2px 8px 0;
        background-color: #333; }
      .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .delivery_info_txt .line::before {
        height: 9px;
        margin: -2px 8px 0;
        background-color: #666; }
      .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .ord_btn_box {
        padding-right: 20px;
        font-size: 0; }
        .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .ord_btn_box .btn {
          width: 76px;
          height: 30px;
          margin-right: 5px;
		  margin-bottom: 5px;
          vertical-align: top;
          text-indent: -9999px;
          background-repeat: no-repeat; }
        .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .ord_btn_box .btn1 {
          background-image: url(/_img/ord_btn1.jpg); }
        .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .ord_btn_box .btn2 {
          background-image: url(/_img/ord_btn2.jpg); }
        .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .ord_btn_box .btn3 {
          background-image: url(/_img/ord_btn3.jpg); }
        .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .ord_btn_box .btn4 {
          background-image: url(/_img/ord_btn4.jpg); }
        .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .ord_btn_box .btn5 {
          background-image: url(/_img/ord_btn5.jpg); }
        .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .ord_btn_box .btn6 {
          background-image: url(/_img/ord_btn6.jpg); }
        .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .ord_btn_box .btn7 {
          width: 92px;
          background-image: url(/_img/ord_btn7.jpg); }
        .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .ord_btn_box .btn8 {background-image: url(/_img/ord_btn8.jpg);}
      /*.mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .ord_detail_box {
        min-width: 610px; }*/
      @media (max-width: 620px) {
        .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .my_calc_box .fl, .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .my_calc_box .fr {
          float: none; } }
      .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .my_calc_box .calc_num_box {
        margin-top: 10px; }
        @media (max-width: 620px) {
          .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .my_calc_box .calc_num_box {
            margin-left: 1px;
            margin-top: 15px; } }
      .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .txt_box {
        display: inline-block;
        width: calc(100% - 116px);
        vertical-align: middle; }
        @media (max-width: 620px) {
          .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .txt_box {
            display: block;
            width: 100%; } }
      .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .write_review_btn {
        display: inline-block;
        width: 86px;
        height: 34px;
        margin: 0 0 0 30px;
        border-radius: 10px;
        line-height: 34px;
        text-align: center;
        font-size: 12px;
        color: #fff;
        background-color: #333;
        vertical-align: middle; }
        @media (max-width: 620px) {
          .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr td .write_review_btn {
            display: block;
            margin: 10px 0 0; } }
	.mypage .my_bottom .my.r .ord_state_lst .ord_state_tb.review_tb table tr .w1{padding: 15px 0;}
	.mypage .my_bottom .my.r .ord_state_lst .ord_state_tb.review_tb table tr .w2{padding: 15px 0;}
      .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr .w1 {
        width: 120px;
        padding: 20px 0;
        vertical-align: top; }
		.mypage .my_bottom .my.r .ord_state_lst .ord_state_tb.p0 table tr .w1{
			padding: 10px 0;
		}
        @media (max-width: 620px) {
          .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr .w1 {
            width: 75px;
            padding: 20px 0; } }
      .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr .w2 {
        width: auto;
        padding: 20px 0; }
        @media (max-width: 620px) {
          .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr .w2 {
            padding: 20px 0; } }

      /*@media (max-width: 1240px) {
        .mypage .my_bottom .my.r .ord_state_lst .ord_state_tb table tr .ord_detail_td {
          overflow-x: scroll; } }*/
  .mypage .my_bottom .my.r .ord_state_lst .ord_state_list {
    border-top: 1px solid #333; }
    .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li {
      padding: 30px 0;
      border-bottom: 1px solid #ddd;
      font-size: 0; }
      @media (max-width: 620px) {
        .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li {
          padding: 20px 0; } }
      .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w1 {
        display: inline-block;
        width: 50px;
        vertical-align: middle; }
        @media (max-width: 620px) {
          .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w1 {
            display: block;
            width: 100%;
            margin-bottom: 10px; } }
      .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w2 {
        display: inline-block;
        width: 90px;
        vertical-align: middle; }
        @media (max-width: 620px) {
          .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w2 {
            width: 60px;
            vertical-align: top; } }
        .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w2 .img {
          width: 90px;
          height: 90px;
          border-radius: 5px;
          background-color: #f9f9f9; }
          @media (max-width: 620px) {
            .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w2 .img {
              width: 60px;
              height: 60px; } }
      .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w3 {
        display: inline-block;
        width: calc(100% - 140px);
        padding: 0 30px;
        vertical-align: middle; }
        @media (max-width: 620px) {
          .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w3 {
            width: calc(100% - 60px);
            padding: 0 15px; } }
        .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w3 .opt_txt {
          margin-bottom: 30px;
          line-height: 100%; }
          @media (max-width: 620px) {
            .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w3 .opt_txt {
              margin-bottom: 15px; } }
        .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w3 .pay_txt {
          margin-top: 10px;
          line-height: 100%; }
          .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w3 .pay_txt del {
            color: #ccc; }
          @media (max-width: 620px) {
            .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w3 .pay_txt {
              margin-top: 0;
              font-size: 12px; } }
        .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w3 .cart_box {
          font-size: 0; }
          @media (max-width: 620px) {
            .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w3 .cart_box {
              margin-top: 15px; } }
          .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w3 .cart_box .btn {
            display: inline-block;
            width: 86px;
            height: 34px;
            margin-right: 5px;
            border-radius: 10px;
            font-size: 12px;
            color: #fff;
            text-align: center;
            line-height: 32px;
            vertical-align: middle; }
          .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w3 .cart_box .regular_btn {
            background-color: #3a8afd !important; }
          .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w3 .cart_box .general_btn {
            background-color: #333; }
          .mypage .my_bottom .my.r .ord_state_lst .ord_state_list li .w3 .cart_box .mycart_del_btn {
            display: inline-block;
            width: 10px;
            height: 10px;
            background-position: -68px -42px;
            vertical-align: middle; }
  .mypage .my_bottom .my.r .my_more_btn {
    display: block;
    width: 590px;
    height: 60px;
    margin: 0 auto;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 58px; }
    @media (max-width: 1240px) {
      .mypage .my_bottom .my.r .my_more_btn {
        width: calc(100% - 50px); } }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .my_more_btn {
        width: 100%;
        height: 45px;
        line-height: 43px; } }
  @media (max-width: 620px) {
    .mypage .my_bottom .my.r .my_inp_td {
      padding-bottom: 15px;
      border-bottom: 1px solid #ddd; } }
  @media (max-width: 620px) {
    .mypage .my_bottom .my.r .my_inp_td table tr {
      border: 0; } }
  .mypage .my_bottom .my.r .my_inp_td table tr .w1 {
    width: 160px;
    padding: 11px 20px; }
    @media (max-width: 1240px) {
      .mypage .my_bottom .my.r .my_inp_td table tr .w1 {
        width: 190px; } }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .my_inp_td table tr .w1 {
        width: 100%;
        line-height: 100%;
        padding: 11px 0;
        text-align: left; } }
  .mypage .my_bottom .my.r .my_inp_td table tr .w2 {
    width: auto;
    padding: 7px 30px; }
.mypage .my_bottom .my.r .my_inp_td table tr .w2 .memo_inp{padding: 20px;}
    @media (max-width: 1240px) {
      .mypage .my_bottom .my.r .my_inp_td table tr .w2 {
        padding: 7px 0; } }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .my_inp_td table tr .w2 {
        padding: 0; } }
  .mypage .my_bottom .my.r .my_inp_td table tr th {
    text-align: left; }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .my_inp_td table tr th {
        display: block; } }


.mypage .my_bottom .my.r .my_inp_td.my_txt_td table tr th{padding: 0 20px;}
.mypage .my_bottom .my.r .my_inp_td.my_txt_td table tr td{padding: 0 30px;}
.mypage .my_bottom .my.r .my_inp_td.my_txt_td table tr td > p{width: 50%;text-align: right;}

@media (max-width: 991px) {
	.mypage .my_bottom .my.r .my_inp_td.my_txt_td table tr td > p{width: 100%;}
}

.mypage .my_bottom .my.r .my_inp_td table tr td{}
.mypage .my_bottom .my.r .my_inp_td table tr td .disabled_txt{height: 40px;line-height: 40px;background-color: #fff;}

  @media (max-width: 620px) {
    .mypage .my_bottom .my.r .my_inp_td table tr td {
      display: block; }
      .mypage .my_bottom .my.r .my_inp_td table tr td .date_sch_box .date_box {
        width: calc(50% - 20px/2); }
      .mypage .my_bottom .my.r .my_inp_td table tr td .card_sel {
        width: 100%; } }
  .mypage .my_bottom .my.r .my_inp_td table tr td .w530 {
    width: 530px; }
    @media (max-width: 1240px) {
      .mypage .my_bottom .my.r .my_inp_td table tr td .w530 {
        width: 100%; } }
  .mypage .my_bottom .my.r .my_inp_td table tr td .url_txt {
    display: inline-block;
    width: 75px;
    vertical-align: middle; }
  .mypage .my_bottom .my.r .my_inp_td table tr td .url_inp {
    width: calc(100% - 80px);
    margin-left: 5px; }
  .mypage .my_bottom .my.r .my_inp_td table tr td .star_sel {
    width: 335px;
    height: 45px;
    color: #3a8afd !important; }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .my_inp_td table tr td .star_sel {
        width: 100%; } }
    .mypage .my_bottom .my.r .my_inp_td table tr td .star_sel option {
      color: #3a8afd !important; }
  .mypage .my_bottom .my.r .my_inp_td table tr td .delivery_skip_btn {
    width: 145px;
    height: 45px;
    border: 1px solid #666;
    border-radius: 10px;
    vertical-align: middle; }
  @media (max-width: 767px) {
    .mypage .my_bottom .my.r .my_inp_td table tr td .inp.w480 {
      width: 100%; } }
  .mypage .my_bottom .my.r .delivery_tb table tr td {
    padding: 30px; }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .delivery_tb table tr td {
        padding: 15px; } }
  .mypage .my_bottom .my.r .delivery_tb table tr .w1 {
    width: auto; }
  .mypage .my_bottom .my.r .delivery_tb table tr .w2 {
    width: 185px; }
  .mypage .my_bottom .my.r .delivery_tb table tr .edid_btn {
    font-size: 0; }
    .mypage .my_bottom .my.r .delivery_tb table tr .edid_btn .btn {
      display: inline-block;
      width: 60px;
      height: 45px;
      border-radius: 10px;
      line-height: 45px;
      font-size: 14px;
      text-align: center;
      vertical-align: middle; }
      @media (max-width: 620px) {
        .mypage .my_bottom .my.r .delivery_tb table tr .edid_btn .btn {
          width: 40px;
          height: 30px;
          border-radius: 5px;
          line-height: 30px;
          font-size: 12px; } }
    .mypage .my_bottom .my.r .delivery_tb table tr .edid_btn .edit_btn {
      margin-right: 5px;
      border: 1px solid #aaa;
      line-height: 43px; }
      @media (max-width: 620px) {
        .mypage .my_bottom .my.r .delivery_tb table tr .edid_btn .edit_btn {
          line-height: 28px; } }
    .mypage .my_bottom .my.r .delivery_tb table tr .edid_btn .addr_del_btn {
      background-color: #333;
      color: #fff; }
  @media (max-width: 620px) {
    .mypage .my_bottom .my.r .delivery_tb table tr .w1 {
      display: block;
      width: 100%;
      padding: 20px 0 0; }
    .mypage .my_bottom .my.r .delivery_tb table tr .w2 {
      display: block;
      width: 100%;
      padding: 10px 0 20px; } }
  .mypage .my_bottom .my.r .send_btn_box {
    margin: 50px auto 0;
    text-align: center; }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .send_btn_box {
        margin: 25px 0; } }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .send_btn_box .btn.w280 {
        width: 215px; } }
    .mypage .my_bottom .my.r .send_btn_box .btn {
      margin-left: 10px; }
      @media (max-width: 620px) {
        .mypage .my_bottom .my.r .send_btn_box .btn {
          margin-top: 5px;
          margin-left: 0; } }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .send_btn_box .btn:first-child {
        margin-top: 0; } }
  .mypage .my_bottom .my.r .my_sns_set {
    padding: 20px 0;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd; }
    .mypage .my_bottom .my.r .my_sns_set li {
      margin-bottom: 7px;
      font-size: 0; }
      .mypage .my_bottom .my.r .my_sns_set li .sns_box {
        display: inline-block;
        width: 175px;
        height: 45px;
        padding: 4px 10px;
        border: 1px solid #ddd;
        vertical-align: middle; }
        @media (max-width: 620px) {
          .mypage .my_bottom .my.r .my_sns_set li .sns_box {
            width: calc(100% - 105px); } }
        .mypage .my_bottom .my.r .my_sns_set li .sns_box .ico {
          display: inline-block;
          color: #666;
          vertical-align: middle; }
        .mypage .my_bottom .my.r .my_sns_set li .sns_box .ico::before {
          display: inline-block;
          width: 36px;
          height: 36px;
          margin-right: 10px;
          vertical-align: middle; }
        .mypage .my_bottom .my.r .my_sns_set li .sns_box .ico1::before {
          background-position: -171px -326px; }
        .mypage .my_bottom .my.r .my_sns_set li .sns_box .ico2::before {
          background-position: -209px -326px; }
        .mypage .my_bottom .my.r .my_sns_set li .sns_box .ico3::before {
          background-position: -247px -326px; }
      .mypage .my_bottom .my.r .my_sns_set li .sns_box.act .ico1 {
        color: #333; }
      .mypage .my_bottom .my.r .my_sns_set li .sns_box.act .ico2, .mypage .my_bottom .my.r .my_sns_set li .sns_box.act .ico3 {
        color: #fff; }
      .mypage .my_bottom .my.r .my_sns_set li .sns_box.act .ico1::before {
        background-position: -171px -364px; }
      .mypage .my_bottom .my.r .my_sns_set li .sns_box.act .ico2::before {
        background-position: -209px -364px; }
      .mypage .my_bottom .my.r .my_sns_set li .sns_box.act .ico3::before {
        background-position: -209px -364px; }
      .mypage .my_bottom .my.r .my_sns_set li .sns_box.kakao.act {
        background-color: #ffeb33;
        border: 1px solid #ffeb33; }
      .mypage .my_bottom .my.r .my_sns_set li .sns_box.naver.act {
        background-color: #55b24d;
        border: 1px solid #55b24d; }
      .mypage .my_bottom .my.r .my_sns_set li .sns_box.fb.act {
        background-color: #3b5998;
        border: 1px solid #3b5998; }
      .mypage .my_bottom .my.r .my_sns_set li .sns_connect_btn {
        display: inline-block;
        width: 100px;
        height: 45px;
        margin-left: 5px;
        border: 1px solid #aaa;
        border-radius: 10px;
        font-size: 14px;
        text-align: center;
        line-height: 45px;
        vertical-align: middle; }
      .mypage .my_bottom .my.r .my_sns_set li .sns_connect_btn.act {
        color: #fff;
        background-color: #444;
        border: 1px solid #333; }
  .mypage .my_bottom .my.r .coupon_tb table tr .w1 {
    width: 135px;
    text-align: center; }
  .mypage .my_bottom .my.r .coupon_tb table tr .w2 {
    width: auto;
    padding: 20px 0; }
    .mypage .my_bottom .my.r .coupon_tb table tr .w2 .vert_line .line:before {
      height: 11px;
      margin: -2px 6px 0;
      background-color: #ddd; }
  .mypage .my_bottom .my.r .card_tb {
    margin-bottom: 50px;
    border-top: 1px solid #333; }
    @media (max-width: 620px) {
      .mypage .my_bottom .my.r .card_tb {
        margin-bottom: 25px; } }
    .mypage .my_bottom .my.r .card_tb > table > tbody > tr {
      border-bottom: 1px solid #ddd; }
      .mypage .my_bottom .my.r .card_tb > table > tbody > tr .w1 {
        width: 300px;
        padding: 50px 0;
        text-align: center; }
        @media (max-width: 620px) {
          .mypage .my_bottom .my.r .card_tb > table > tbody > tr .w1 {
            display: block;
            width: 100%;
            padding: 25px 0 0; } }
      .mypage .my_bottom .my.r .card_tb > table > tbody > tr .w2 {
        width: auto;
        padding: 50px 15px; }
        @media (max-width: 620px) {
          .mypage .my_bottom .my.r .card_tb > table > tbody > tr .w2 {
            display: block;
            width: 100%;
            padding: 0 30px 25px; }
            .mypage .my_bottom .my.r .card_tb > table > tbody > tr .w2 .btn_type1 {
              width: 100%; } }
        .mypage .my_bottom .my.r .card_tb > table > tbody > tr .w2 .card_info_tb {
          margin-bottom: 20px; }
          .mypage .my_bottom .my.r .card_tb > table > tbody > tr .w2 .card_info_tb th {
            width: 85px;
            text-align: left; }
          .mypage .my_bottom .my.r .card_tb > table > tbody > tr .w2 .card_info_tb td {
            width: auto; }
  @media (max-width: 1240px) {
    .mypage .my_bottom .my.r .date_pic_box {
      margin-top: 30px; }
      .mypage .my_bottom .my.r .date_pic_box .fl, .mypage .my_bottom .my.r .date_pic_box .fr {
        float: none; } }
  .mypage .my_bottom .my.r .date_pic_box .period_btn_wrap {
    margin-right: 20px;
    font-size: 0; }
    @media (max-width: 1240px) {
      .mypage .my_bottom .my.r .date_pic_box .period_btn_wrap {
        margin-right: 0; } }
    .mypage .my_bottom .my.r .date_pic_box .period_btn_wrap .period_c_btn {
      display: inline-block;
      width: 90px;
      height: 45px;
      margin-right: 5px;
      border: 1px solid #ddd;
      color: #666;
      text-align: center; }
      @media (max-width: 1240px) {
        .mypage .my_bottom .my.r .date_pic_box .period_btn_wrap .period_c_btn {
          width: calc(25% - 20px/4); } }
    .mypage .my_bottom .my.r .date_pic_box .period_btn_wrap .period_c_btn.act {
      color: #fff;
      background-color: #3a8afd !important; }
    .mypage .my_bottom .my.r .date_pic_box .period_btn_wrap .period_c_btn:last-child {
      margin-right: 0; }
  @media (max-width: 1240px) {
    .mypage .my_bottom .my.r .date_pic_box .date_sch_box {
      margin-top: 10px; } }
  @media (max-width: 1240px) {
    .mypage .my_bottom .my.r .date_pic_box .date_sch_box .date_box {
      width: calc(50% - 42px); } }
  .mypage .my_bottom .my.r .date_pic_box .date_sch_box .sch_btn {
    width: 60px;
    height: 45px;
    margin-left: 5px;
    border-radius: 10px;
    color: #fff;
    background-color: #333; }
  .mypage .my_bottom .my.r .review_lst_tb {
    margin-top: 0; }
    .mypage .my_bottom .my.r .review_lst_tb table tr td .img {
      width: 110px; }
      @media (max-width: 620px) {
        .mypage .my_bottom .my.r .review_lst_tb table tr td .img {
          width: 60px; } }
    .mypage .my_bottom .my.r .review_lst_tb table tr td .tit_box {
      padding: 0 30px 0 15px; }
      @media (max-width: 620px) {
        .mypage .my_bottom .my.r .review_lst_tb table tr td .tit_box {
          padding: 0; } }
      .mypage .my_bottom .my.r .review_lst_tb table tr td .tit_box .review_mask .review_con {
        width: 720px; }
        @media (max-width: 1240px) {
          .mypage .my_bottom .my.r .review_lst_tb table tr td .tit_box .review_mask .review_con {
            width: calc(100% - 60px); } }
      .mypage .my_bottom .my.r .review_lst_tb table tr td .tit_box .review_mask .review_more_btn {
        right: 0; }
      .mypage .my_bottom .my.r .review_lst_tb table tr td .tit_box .info_box .btn_box {
        margin-left: 0; }
    .mypage .my_bottom .my.r .review_lst_tb table tr .w1 {
      width: 110px; }
      @media (max-width: 620px) {
        .mypage .my_bottom .my.r .review_lst_tb table tr .w1 {
          width: 100%; }
          .mypage .my_bottom .my.r .review_lst_tb table tr .w1 .tit_box {
            width: calc(100% - 76px);
            padding-left: 15px;
            vertical-align: middle; } }

.cart .cart_tab {
  border-top: 1px solid #333;
  font-size: 0; }
  .cart .cart_tab li {
    display: inline-block;
    width: 50%;
    height: 60px;
    padding: 15px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-weight: 500; }
    @media (max-width: 620px) {
      .cart .cart_tab li {
        height: 46px;
        padding: 12px 0; } }
    .cart .cart_tab li a {
      display: inline-block;
      width: 100%;
      height: 100%;
      border-right: 1px solid #ddd; }
  .cart .cart_tab li:last-child a {
    border-right: 0; }
  .cart .cart_tab li.act {
    color: #3a8afd !important;
    border-bottom: 3px solid #3a8afd !important; }

.cart .cart_info_box {
  width: 100%;
  margin: 30px auto;
  padding: 34px 45px;
  border: 6px solid #f1f1f1; }
  @media (max-width: 1240px) {
    .cart .cart_info_box .fl, .cart .cart_info_box .fr {
      float: none; } }
  @media (max-width: 620px) {
    .cart .cart_info_box {
      margin: 20px auto;
      padding: 15px; } }
  .cart .cart_info_box .tit {
    width: 250px;
    line-height: 120%; }
    @media (max-width: 1240px) {
      .cart .cart_info_box .tit {
        width: 100%;
        margin-bottom: 20px; } }
    @media (max-width: 620px) {
      .cart .cart_info_box .tit {
        margin-bottom: 10px; } }
  .cart .cart_info_box .info_txt p {
    font-size: 16px; }
    @media (max-width: 1240px) {
      .cart .cart_info_box .info_txt p {
        font-size: 14px; } }
    @media (max-width: 620px) {
      .cart .cart_info_box .info_txt p {
        font-size: 12px; } }

@media (max-width: 1240px) {
  .cart .cart_tb {
    border-top: 0; } }

.cart .cart_tb table .w1 {
  width: 140px; }
  @media (max-width: 620px) {
    .cart .cart_tb table .w1 {
      width: 100%;
      text-align: left; } }

.cart .cart_tb table .w2 {
  width: auto; }
  @media (max-width: 1240px) {
    .cart .cart_tb table .w2 {
      padding: 30px; } }
  @media (max-width: 620px) {
    .cart .cart_tb table .w2 {
      padding: 0 0 20px;
      font-size: 0; } }

.cart .cart_tb table .w3 {
  width: 130px; }
.cart .cart_edit{width: 60px;height: 34px;margin-top: 10px;border: 1px solid #ddd;border-radius:8px;}
@media (max-width: 1240px) {
  .cart .cart_tb table thead tr {
    border-bottom: 1px solid #333; } }

.cart .cart_tb table thead tr th {
  padding: 18px 0;
  text-align: center; }
  .cart .cart_tb table thead tr th .cart_chk.de_cks {
    font-family: "Noto Sans KR"; }
    .cart .cart_tb table thead tr th .cart_chk.de_cks .all_chk_txt {
      display: inline-block;
      vertical-align: middle;
      font-weight: 500; }

@media (max-width: 620px) {
  .cart .cart_tb table thead tr .w1 {
    padding: 0 0 10px; } }

.cart .cart_tb table tr td {
  padding: 20px 0;
  text-align: center;vertical-align: top; }
  @media (max-width: 620px) {
    .cart .cart_tb table tr td {
      display: block;
      width: 100%; } }
  .cart .cart_tb table tr td .prd_img {
    width: 90px;
    height: 90px;
    border-radius: 8px;
    margin-left: 20px;
    vertical-align: middle; }
    @media (max-width: 620px) {
      .cart .cart_tb table tr td .prd_img {
        display: inline-block;
        margin: 0 15px 0 0;
        vertical-align: top; } }
  .cart .cart_tb table tr td .prd_intro_txt {
    padding: 0 20px; }
    @media (max-width: 1240px) {
      .cart .cart_tb table tr td .prd_intro_txt {
        padding: 0; } }
    @media (max-width: 620px) {
      .cart .cart_tb table tr td .prd_intro_txt {
        display: inline-block;
        width: calc(100% - 105px);
        vertical-align: middle; }
        .cart .cart_tb table tr td .prd_intro_txt .price_num {
          display: block;
          margin-top: 15px; } }
  .cart .cart_tb table tr td del {
    color: #ccc; }
  .cart .cart_tb table tr td .regular_prd_btn {
    width: 86px;
    height: 34px;
    margin-right: 10px;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    background-color: #333;
    vertical-align: middle; }
  .cart .cart_tb table tr td .delivery_del_btn,.cart .cart_tb table tr td .delivery_del_cart {
    width: 10px;
    height: 10px;
    background-position: -68px -42px;
    vertical-align: middle; }
    .cart .cart_tb table tr td .prd_intro_txt .price_num {display: none;}
    .cart .cart_tb table tr td .prd_info .price_num {display: none;margin-top: 4px;}
  @media (max-width: 1240px) {
    .cart .cart_tb table tr td .prd_info {
      display: block;
      margin-top: 20px; }
	.cart .cart_tb table tr td .prd_info .price_num {display: block;}
	}
  @media (max-width: 620px) {
    .cart .cart_tb table tr td .prd_info .calc_num_box.fr {
      float: left; }
	}

@media (max-width: 620px) {
  .cart .cart_tb table tr .w1 {
    padding: 20px 0 10px; } }

.cart .cart_tb table tr td.w2 {
  text-align: left; }

.cart .cart_bottom_btn {
  margin-top: 20px; }
  @media (max-width: 620px) {
    .cart .cart_bottom_btn {
      margin-top: 10px; } }
  .cart .cart_bottom_btn .prd_btn {
    width: 110px;
    height: 45px;
    margin-right: 5px;
    border-radius: 10px;
    border: 1px solid #aaa; }
  .cart .cart_bottom_btn .prd_btn:last-child {
    margin-right: 0; }

.cart .price_result_box {
  margin-top: 40px; }
  @media (max-width: 1240px) {
    .cart .price_result_box .fl, .cart .price_result_box .fr {
      float: none; } }
  .cart .price_result_box .price_result_txt {
    margin-top: 15px;
    color: #666; }
    @media (max-width: 1240px) {
      .cart .price_result_box .price_result_txt {
        margin-top: 0;
        text-align: center; } }
    .cart .price_result_box .price_result_txt .num {
      color: #000; }
  @media (max-width: 1240px) {
    .cart .price_result_box .btn_wrap {
      margin: 50px auto 0;
      text-align: center; } }
  @media (max-width: 620px) {
    .cart .price_result_box .btn_wrap {
      margin: 25px auto 0; } }
  .cart .price_result_box .btn_wrap .btn_type2 {
    margin-right: 10px; }
    @media (max-width: 620px) {
      .cart .price_result_box .btn_wrap .btn_type2 {
        margin: 0 0 10px; } }

.in_box .arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden; }


.in_box .visual{
  max-height;500px;
} 

.in_box .visual .arrow{position: absolute;top: 50%;margin-top: 50px;-webkit-background-size: 60px 60px;background-size: 60px 60px;}
.in_box .visual .arrow.p {left: -60px;background-image: url(/_img/v_prev.png);}
.in_box .visual .arrow.n {right: -60px;background-image: url(/_img/v_next.png);}

.in_box .store_info .arrow{-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);}
.in_box .store_info .arrow.p {
  background-position: -64px -130px; }

.in_box .store_info .arrow.n {
  background-position: -126px -130px; }

.in_box .in_tit_box .t1 {
  font-size: 26px; }
  @media (max-width: 620px) {
    .in_box .in_tit_box .t1 {
      font-size: 18px; } }

.in_box .in_tit_box .t2 {
  margin-top: 9px;
  margin-left: 15px; }

.in_box .in_tit_box .more_link {
  display: inline-block;
  margin-top: 16px;
  border-bottom: 1px solid #000;
  color: #000;
  line-height: 100%; }
  @media (max-width: 620px) {
    .in_box .in_tit_box .more_link {
      margin-top: 6px; } }

.in_box .in_tit_box .more_link:hover {
  color: #3a8afd !important;
  border-bottom: 1px solid #3a8afd !important; }

.in_box .visual {
  position: relative; 
  max-height: 500px;
}
  .in_box .visual .v_mask {
    width: 100%;
    max-height: 450px;
    overflow: hidden; }
    .in_box .visual .v_mask .item {
      width: 1200px;
      max-width: 100%;
      height: 500px;
	  /*border-radius:20px;overflow: hidden;*/ }
.in_box .visual .v_mask .item img{width: 100%;}
      @media (max-width: 1240px) {
        .in_box .visual .v_mask .item {
          width: 80%;
          height: auto; } }
  .in_box .visual:hover .btn_box {display: block;}
  .in_box .visual .btn_box {display: none;
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .in_box .visual .btn_box .v_prev {
      margin-left: -30px; }
      @media (max-width: 1240px) {
        .in_box .visual .btn_box .v_prev {
          margin-left: 0; } }
    .in_box .visual .btn_box .v_next {
      margin-right: -30px; }
      @media (max-width: 1240px) {
        .in_box .visual .btn_box .v_next {
          margin-right: 0; } }
  .in_box .visual .v_pager {
    z-index: 10;
    position: absolute;
    bottom: 10px;
    right: 70px;
    width: 50px;
    height: 26px;
    border-radius: 13px;
    text-align: center;color: #fff;
    background-color: rgba(0, 0, 0, 0.3); }
    @media (max-width: 620px) {
      .in_box .visual .v_pager {
        display: block; } }
    @media (max-width: 356px) {
      .in_box .visual .v_pager {
        right: 50px; } }
    .in_box .visual .v_pager .swiper-pagination-current {
      color: #fff;
      font-size: 12px; }
    .in_box .visual .v_pager .swiper-pagination-total {
      font-size: 12px;
      color: #fff; }

.in_box .menu_intro {
  margin: 100px auto; }
  @media (max-width: 620px) {
    .in_box .menu_intro {
      margin: 25px auto 50px; } }

  .in_box .menu_intro .list {
    margin-top: 30px; }
@media (max-width: 620px) {
	.in_box .menu_intro .list{margin-top:15px}
}




.in_box .review .in_tit_box .t1 {
  font-weight: 100; }

.in_box .review .star_box {
  font-size: 0; }
  .in_box .review .star_box .star_txt {
    display: inline-block;
    font-size: 0;
    vertical-align: middle; }
    .in_box .review .star_box .star_txt .star_mark {
      font-size: 14px;
      color: #ccc; }
      @media (max-width: 620px) {
        .in_box .review .star_box .star_txt .star_mark {
          font-size: 12px; } }
  .in_box .review .star_box .txt {
    display: inline-block;
    vertical-align: middle; }

.in_box .review .prd_lst_box {
  margin-top: 20px; }
  .in_box .review .prd_lst_box .best_prd {
    border-right: 1px solid #eee;
    font-size: 0; }
    @media (max-width: 1240px) {
      .in_box .review .prd_lst_box .best_prd {
        display: block;
        width: 100%;
        padding: 30px 0;
        border-right: 0;
        border-bottom: 1px solid #eee; } }
    @media (max-width: 620px) {
      .in_box .review .prd_lst_box .best_prd {
        padding: 0; }
        .in_box .review .prd_lst_box .best_prd .price_info_txt > span, .in_box .review .prd_lst_box .best_prd del {
          font-size: 12px; } }
    .in_box .review .prd_lst_box .best_prd .img_box {
      display: inline-block;
      width: 260px;
      height: 260px;
      vertical-align: middle; }
      @media (max-width: 620px) {
        .in_box .review .prd_lst_box .best_prd .img_box {
          display: block;
          width: 100%;
          height: 130px; } }
      .in_box .review .prd_lst_box .best_prd .img_box .img {
        position: relative;
        width: 260px;
        height: 260px;
        border-radius: 50%;
	background-repeat: no-repeat;-webkit-background-size: cover;
	background-size: cover;background-position: 50% 0; }
.in_box .review .prd_lst_box .best_prd .img_box .img .prd_img{overflow: hidden;width: 100%;height: 100%;border-radius:50%;}


        @media (max-width: 620px) {
          .in_box .review .prd_lst_box .best_prd .img_box .img {
            width: 130px;
            height: 130px;
            margin: 0 auto; } }
      .in_box .review .prd_lst_box .best_prd .img_box .ico {
        position: absolute;
        bottom: 0;
        right: 0;
        display: inline-block;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-position: -2px -130px; }
        @media (max-width: 620px) {
          .in_box .review .prd_lst_box .best_prd .img_box .ico {
            bottom: -12px;
            right: -25px; } }
    .in_box .review .prd_lst_box .best_prd .txt_box {
      display: inline-block;
      width: calc(100% - 290px);
      padding: 0 20px 0 30px;
      vertical-align: middle; }
	.in_box .review .prd_lst_box .best_prd .txt_box .poto_detail_btn{text-align: left;}
      @media (max-width: 620px) {
        .in_box .review .prd_lst_box .best_prd .txt_box {
          display: block;
          width: 100%;
          padding: 20px 0; } }
      .in_box .review .prd_lst_box .best_prd .txt_box .tit {
        line-height: 100%;
        margin-bottom: 20px; }
        @media (max-width: 620px) {
          .in_box .review .prd_lst_box .best_prd .txt_box .tit {
            margin-bottom: 10px; } }
      .in_box .review .prd_lst_box .best_prd .txt_box .review_txt {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
        @media (max-width: 620px) {
          .in_box .review .prd_lst_box .best_prd .txt_box .review_txt {
            -webkit-line-clamp: 2; } }
      .in_box .review .prd_lst_box .best_prd .txt_box .id_txt {
        padding: 30px 0 35px;
        line-height: 100%;
        color: #999; }
        @media (max-width: 620px) {
          .in_box .review .prd_lst_box .best_prd .txt_box .id_txt {
            padding: 25px 0 20px; } }
      .in_box .review .prd_lst_box .best_prd .txt_box del {
        color: #ccc; }
  @media (max-width: 1240px) {
    .in_box .review .prd_lst_box .prd_lst {
      display: block;
      width: 100%; } }
  .in_box .review .prd_lst_box .prd_lst li {
    padding: 30px;
    border-bottom: 1px solid #eee;
    font-size: 0; }
    @media (max-width: 1240px) {
      .in_box .review .prd_lst_box .prd_lst li {
        padding: 30px 0; } }
    .in_box .review .prd_lst_box .prd_lst li .img {
      display: inline-block;
      width: 100px;
      height: 100px;
      border-radius: 50%;border: 1px solid #fff;
		overflow: hidden;
      vertical-align: middle;background-repeat: no-repeat;-webkit-background-size: cover;
      background-size: cover;background-position: 50% 0; }
	  .in_box .review .prd_lst_box .prd_lst li .img > a{display: block;width: 100%;height: 100%;}
    .in_box .review .prd_lst_box .prd_lst li .txt_box {
      display: inline-block;
      width: calc(100% - 130px);
      margin-left: 30px;
      vertical-align: middle; }
	.in_box .review .prd_lst_box .prd_lst li .txt_box .poto_detail_btn{text-align: left;}
  .in_box .review .prd_lst_box .prd_lst li:last-child {
    border-bottom: 0; }
  .in_box .review .prd_lst_box .prd_lst li:hover .img {
    border: 1px solid #3a8afd !important; }
  .in_box .review .prd_lst_box .prd_lst li:hover .txt_box .tit {
    text-decoration: underline; }
  .in_box .review .prd_lst_box .prd_lst li:hover .txt_box .review_txt {
    text-decoration: underline; }

.in_box .in_banner {
  margin: 70px auto 115px; }
  @media (max-width: 1240px) {
    .in_box .in_banner {
      margin: 50px auto 100px; } }
  @media (max-width: 620px) {
    .in_box .in_banner {
      margin: 30px auto 50px; } }
  .in_box .in_banner .in_b_mask {
    position: relative;
    width: 100%;
    overflow: hidden; }
    .in_box .in_banner .in_b_mask .item {
      overflow: hidden;
      width: 100%;
      border-radius: 8px; }
      .in_box .in_banner .in_b_mask .item img {
        width: 100%; }
    .in_box .in_banner .in_b_mask .btn {
      z-index: 10;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 9px;
      height: 17px; }
    .in_box .in_banner .in_b_mask .b_prev {
      left: 40px;
      background-position: -2px -192px; }
      @media (max-width: 620px) {
        .in_box .in_banner .in_b_mask .b_prev {
          left: 20px; } }
    .in_box .in_banner .in_b_mask .b_next {
      right: 40px;
      background-position: -13px -192px; }
      @media (max-width: 620px) {
        .in_box .in_banner .in_b_mask .b_next {
          right: 20px; } }

@media (max-width: 1240px) {
  .in_box .store_info .tit_box {
    float: none; } }

.in_box .store_info .tit_box .t1 {
  font-size: 26px; }
  @media (max-width: 620px) {
    .in_box .store_info .tit_box .t1 {
      margin-top: 2px;
      font-size: 18px; } }
  .in_box .store_info .tit_box .t1 .t2 {
    font-weight: 100; }

.in_box .store_info .tit_box .more_link {
  float: left;
  display: block;
  width: 35px;
  height: 35px;
  margin-top: 4px;
  margin-left: 20px;
  background-position: -188px -130px; }
  @media (max-width: 1240px) {
    .in_box .store_info .tit_box .more_link {
      float: right; } }
  @media (max-width: 620px) {
    .in_box .store_info .tit_box .more_link {
      margin-top: 0; } }

.in_box .store_info .store_form {
  font-size: 0; }
  @media (max-width: 1240px) {
    .in_box .store_info .store_form {
      float: none;
      margin-top: 20px; } }
  @media (max-width: 620px) {
    .in_box .store_info .store_form {
      margin-top: 10px; } }
  .in_box .store_info .store_form .store_inp {
    width: 610px;
    height: 45px;
    padding: 0 26px;
    border-radius: 45px;
    vertical-align: middle;
    color: #999; }
    @media (max-width: 1240px) {
      .in_box .store_info .store_form .store_inp {
        width: calc(100% - 170px); } }
    @media (max-width: 620px) {
      .in_box .store_info .store_form .store_inp {
        width: calc(100% - 50px); } }
  .in_box .store_info .store_form .store_btn {
    width: 160px;
    height: 45px;
    margin-left: 10px;
    border-radius: 45px;
    vertical-align: middle;
    color: #fff;
    background-color: #3a8afd !important; }
    @media (max-width: 620px) {
      .in_box .store_info .store_form .store_btn {
        width: 45px;
        margin-left: 5px;
        border-radius: 50%; } }
    .in_box .store_info .store_form .store_btn .txt {
      font-size: 14px; }
    .in_box .store_info .store_form .store_btn .ico {
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-top: -2px;
      margin-left: 10px;
      vertical-align: middle;
      background-position: -68px -24px; }
      @media (max-width: 620px) {
        .in_box .store_info .store_form .store_btn .ico {
          margin: 0 auto; } }

.in_box .store_info .store_slide {
  position: relative;
  margin-top: 35px;
  max-height: 500px;
}
  @media (max-width: 1240px) {
    .in_box .store_info .store_slide {
      margin: 35px 20px 0; } }
  @media (max-width: 620px) {
    .in_box .store_info .store_slide {
      margin: 20px auto 0; } }
  .in_box .store_info .store_slide .store_mask {
    position: relative;
    width: 100%;
    overflow: hidden; }
    .in_box .store_info .store_slide .store_mask .item .img_box {
      position: relative;
      margin-bottom: 15px; }
      .in_box .store_info .store_slide .store_mask .item .img_box .img {
        border-radius: 6px;overflow: hidden; }
        .in_box .store_info .store_slide .store_mask .item .img_box .img img {
          width: 100%; }
      .in_box .store_info .store_slide .store_mask .item .img_box .new_ico {
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 46px;
        height: 20px;
        background-position: -24px -192px; }
    .in_box .store_info .store_slide .store_mask .item:hover .t1 {
      color: #3a8afd !important; }
  .in_box .store_info .store_slide .s_pager {
    z-index: 10;
    position: absolute;
    bottom: 68px;
    right: 10px;
    width: 50px;
    height: 26px;
    border-radius: 13px;line-height: 26px;font-size: 12px;text-align: center;
    background-color: rgba(0, 0, 0, 0.3); }
    @media (max-width: 620px) {
      .in_box .store_info .store_slide .s_pager {
        display: block;color: #fff; } }
    .in_box .store_info .store_slide .s_pager .swiper-pagination-current {
      color: #fff; }
    .in_box .store_info .store_slide .s_pager .swiper-pagination-total {
      color: #fff; }
  .in_box .store_info .store_slide .arrow {
    z-index: 10;
    position: absolute;
    top: 50%;
    margin-top: -53px; }
  .in_box .store_info .store_slide .s_prev {
    left: 0;
    margin-left: -30px; }
  .in_box .store_info .store_slide .s_next {
    right: 0;
    margin-right: -30px; }


@media (max-width: 767px) {
	.in_box .store_info .store_slide .s_prev {margin-left: -20px;}
	.in_box .store_info .store_slide .s_next {margin-right: -20px;}
}

.in_box .in_b_link {
  padding: 100px 0;
  height: 450px;
 }
  @media (max-width: 620px) {
    .in_box .in_b_link {
      padding: 50px 0; } }
   .in_box .in_b_link ul {
    width: 1198px; } 
    .in_box .in_b_link ul li {
	  position: relative;
	  width: 386px;
      margin-right: 20px;
      background-position: 90% 90%;
      background-repeat: no-repeat; }
	.in_box .in_b_link ul li:last-child{margin-right: 0;}
	.in_box .in_b_link ul li img{width: 100%;}
	.in_box .in_b_link ul li .img1{display: inline-block;}
	.in_box .in_b_link ul li .img2{display: none;}
	@media (max-width: 1240px) {
		.in_box .in_b_link ul{width: 100%;}
		.in_box .in_b_link ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
		.in_box .in_b_link ul li:last-child{margin-bottom: 0;}
	}
	@media (max-width: 620px) {
		.in_box .in_b_link ul li{width: 100%;margin-bottom: 10px;}
		.in_box .in_b_link ul li .img1{display: none;}
		.in_box .in_b_link ul li .img2{display: inline-block;}
	}
      .in_box .in_b_link ul li > a {
        display: block;
        width: 100%;
        height: 100%; }
      .in_box .in_b_link ul li .t1 {position: absolute;top: 60px;left: 40px;
        line-height: 100%; }
        @media (max-width: 620px) {
          .in_box .in_b_link ul li .t1 {top: 30px;left: 20px; } }
		  .in_box .in_b_link ul li .t2{position: absolute;left: 40px;top: 90px;}
		   @media (max-width: 620px) {
			.in_box .in_b_link ul li .t2{left: 20px;top: 50px;}
		   }



.arrow_modal_wrap {
  display: none;
  z-index: 10;
  position: absolute;
  width: 280px;
  padding: 20px 10px;
  border: 1px solid #ddd;
  text-align: center;
  background-color: #fff; }


  .arrow_modal_wrap .my_modal_close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
    background-position: -68px -42px; }
  .arrow_modal_wrap .txt {
    font-size: 14px;
    font-weight: 500; }
  .arrow_modal_wrap .btn_box {
    margin-top: 10px; }
    .arrow_modal_wrap .btn_box .btn {
      display: inline-block;
      width: 90px;
      height: 35px;
      text-align: center; }
    .arrow_modal_wrap .btn_box .bd_btn {
      margin-right: 5px;
      border: 1px solid #333;
      line-height: 33px; }
    .arrow_modal_wrap .btn_box .bg_btn {
      color: #fff;
      background-color: #333;
      line-height: 35px; }
  .arrow_modal_wrap .arrow_box:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 28px;
    height: 15px;
    background-image: url(/_img/my_modal_arrow.png); }
    @media (max-width: 620px) {
      .arrow_modal_wrap .arrow_box:after {
        display: none; } }

.regular_delivery_modal {
  top: 34px;
  right: -20px; }
  @media (max-width: 620px) {
    .regular_delivery_modal {
      top: 40px;
      right: -10px; } }

.regular_delivery_modal.db {
  display: block; }

.skip_modal {
  top: -154px;
  left: -32px; }
  @media (max-width: 1240px) {
    .skip_modal {
      left: -66px; } }
  @media (max-width: 620px) {
    .skip_modal {
      top: -147px;
      left: 0; } }

.skip_modal.db {
  display: block; }

.change_card_modal {
  top: -154px;
  left: 50%;
  transform: translateX(-50%); }
  @media (max-width: 620px) {
    .change_card_modal {
      top: -147px;
      left: 0;
      transform: none; } }

.change_card_modal.db {
  display: block; }

.ord_cart_modal.db {
  display: block; }

.ord_modal_wrap {
  display: none;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 500px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }
  @media (max-width: 620px) {
    .ord_modal_wrap {
      width: 100%; } }
  .ord_modal_wrap > .tit {
    width: 100%;
    line-height: 44px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    background-color: #333; }
  .ord_modal_wrap .ord_modal_con {
    overflow-y: scroll;
    width: 100%;
    height: 352px;
    border: 1px solid #ddd;
    border-bottom: 0; }
    .ord_modal_wrap .ord_modal_con .ord_modal_lst li {
      padding: 20px;
      border-bottom: 1px solid #ddd; }
      .ord_modal_wrap .ord_modal_con .ord_modal_lst li .ord_coupon_chk {
        width: 50px;
        height: 34px;
        text-align: center;
        line-height: 34px;
        color: #fff;
        background-color: #333; }
      .ord_modal_wrap .ord_modal_con .ord_modal_lst li .addr_lst_sel {
        width: 50px;
        height: 34px;
        text-align: center;
        line-height: 34px;
        color: #fff;
        background-color: #333;font-family: 'Dotum';font-size: 12px; }
    .ord_modal_wrap .ord_modal_con .ord_modal_lst li:last-child {
      border-bottom: 0; }
    @media (max-width: 620px) {
      .ord_modal_wrap .ord_modal_con .ord_coupon_lst li .txt_box {
        float: none; } }
    .ord_modal_wrap .ord_modal_con .ord_coupon_lst li .txt_box .t1 {
      font-weight: bold;
      line-height: 120%; }
    .ord_modal_wrap .ord_modal_con .ord_coupon_lst li .txt_box .coupon_txt .line {
      color: #666; }
    .ord_modal_wrap .ord_modal_con .ord_coupon_lst li .txt_box .coupon_txt .line:before {
      height: 9px;
      margin: -2px 7px 0;
      background-color: #666; }
    @media (max-width: 620px) {
      .ord_modal_wrap .ord_modal_con .ord_coupon_lst li .ord_coupon_chk {
        float: none;
        margin-top: 5px; } }
    .ord_modal_wrap .ord_modal_con .ord_delivery_lst li {
      position: relative; }
      .ord_modal_wrap .ord_modal_con .ord_delivery_lst li .t1 {
        margin-bottom: 10px;
        font-weight: bold;
        line-height: 100%; }
        .ord_modal_wrap .ord_modal_con .ord_delivery_lst li .t1 .basic {
          display: inline-block;
          padding: 1px 2px;
          font-weight: normal;
          font-size: 11px;
          line-height: 15px;
          color: #fff;
          background-color: #3a8afd !important; }
      .ord_modal_wrap .ord_modal_con .ord_delivery_lst li .t2 {
        color: #666; }
      .ord_modal_wrap .ord_modal_con .ord_delivery_lst li .btn_box {
        margin-top: 20px;
        font-size: 0; }
        .ord_modal_wrap .ord_modal_con .ord_delivery_lst li .btn_box .modal_edit_btn {
          width: 50px;
          height: 34px;
          margin-right: 5px;
          border: 1px solid #333; }
      .ord_modal_wrap .ord_modal_con .ord_delivery_lst li .delivery_del_btn {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 10px;
        height: 10px;
        background-position: -68px -42px; }
  .ord_modal_wrap .modal_delivery_edit {
    padding: 20px;
    border: 1px solid #ddd;
    border-bottom: 0; }
    @media (max-width: 620px) {
      .ord_modal_wrap .modal_delivery_edit {
        overflow-y: scroll;
        height: 352px; } }
    .ord_modal_wrap .modal_delivery_edit .tit {
      font-weight: bold;
      line-height: 100%; }
    .ord_modal_wrap .modal_delivery_edit .line {
      margin: 10px 0 20px; }
      .ord_modal_wrap .modal_delivery_edit .line .inp {
        height: 34px;
        color: #666; }
      .ord_modal_wrap .modal_delivery_edit .line .num_inp {
        width: 137px;
        height: 34px;
        vertical-align: middle; }
        @media (max-width: 620px) {
          .ord_modal_wrap .modal_delivery_edit .line .num_inp {
            width: calc(33.3% - 30px/3); } }
      .ord_modal_wrap .modal_delivery_edit .line .hyphen_txt {
        display: inline-block;
        width: 15px;
        text-align: center;
        color: #666;
        vertical-align: middle; }
      .ord_modal_wrap .modal_delivery_edit .line .addr_inp {
        width: 137px;
        height: 34px;
        color: #666; }
      .ord_modal_wrap .modal_delivery_edit .line .addr_btn {
        width: 70px;
        height: 34px;
        margin-left: 5px;
        border: 1px solid #333; }
    .ord_modal_wrap .modal_delivery_edit .line:last-child {
      margin: 10px 0 0; }
  .ord_modal_wrap .ord_modal_close {
    width: 100%;
    border: 1px solid #ddd;
    line-height: 44px;
    text-align: center;
    font-weight: bold;
    background-color: #fafafa; }

.ord_modal_wrap .modal_delivery_edit .btn_box{margin-top: 30px;text-align: center;}
.ord_modal_wrap .modal_delivery_edit .btn_box .btn{width: 100px;height: 45px;border-radius:8px;color:#fff;font-size: 14px;}
.ord_modal_wrap .modal_delivery_edit .btn_box .save_addr_btn{margin-right: 5px;background-color: #3a8afd;}
.ord_modal_wrap .modal_delivery_edit .btn_box .del_addr_btn{background-color: #333;}

.ord_coupon_modal.db {
  display: block; }

.delivery_lst_modal.db {
  display: block; }

.delivery_edit_modal.db {
  display: block; }

.poto_modal_wrap {
  display: none; }
  .poto_modal_wrap .poto_modal {
    z-index: 200;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
	overflow: auto;
    width: 960px;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }
    @media (max-width: 1240px) {
      .poto_modal_wrap .poto_modal {position: fixed;width: 100%;height: 100%;margin-top: 0 !important; } }
    .poto_modal_wrap .poto_modal .modal_top .tit_box {
      position: relative;
      width: 100%;
      height: 44px;
      padding: 0 20px;
      font-size: 0;
      background-color: #333; }
      @media (max-width: 1240px) {
        .poto_modal_wrap .poto_modal .modal_top .tit_box {
          height: 104px;
          padding: 0 40px;
          text-align: center;
          background-color: #fff; } }
      @media (max-width: 620px) {
		
        .poto_modal_wrap .poto_modal .modal_top .tit_box {
          height: 58px;
          padding: 0 20px; } }
      .poto_modal_wrap .poto_modal .modal_top .tit_box .tit {
        display: inline-block;
        line-height: 44px;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        vertical-align: middle; }
        @media (max-width: 1240px) {
          .poto_modal_wrap .poto_modal .modal_top .tit_box .tit {
            line-height: 104px;
            color: #333; } }
        @media (max-width: 620px) {
          .poto_modal_wrap .poto_modal .modal_top .tit_box .tit {
            line-height: 58px; } }
      .poto_modal_wrap .poto_modal .modal_top .tit_box .num {
        display: inline-block;
        line-height: 44px;
        font-size: 16px;
        font-weight: 500;
        color: #999;
        vertical-align: middle; }
      .poto_modal_wrap .poto_modal .modal_top .tit_box .close_ico {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        width: 18px;
        height: 18px;
        background-position: -167px -214px; }
        @media (max-width: 1240px) {
          .poto_modal_wrap .poto_modal .modal_top .tit_box .close_ico {
            display: block; } }
      .poto_modal_wrap .poto_modal .modal_top .tit_box .modal_lst_btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 20px;
        width: 18px;
        height: 18px;
        background-position: -147px -214px; }
    .poto_modal_wrap .poto_modal .modal_top::after {
      display: none;
      content: '';
      width: 100%;
      height: 20px;
      border-top: 1px solid #ddd;
      background-color: #f4f7fb; }
      @media (max-width: 1240px) {
        .poto_modal_wrap .poto_modal .modal_top::after {
          display: block; } }
      @media (max-width: 620px) {
        .poto_modal_wrap .poto_modal .modal_top::after {
          height: 10px; } }
    .poto_modal_wrap .poto_modal .modal_con {
      overflow-y: scroll;
      width: 100%;
      background-color: #fff; }
      @media (max-width: 1240px) {
        .poto_modal_wrap .poto_modal .modal_con {
          height: 100vh;
          padding: 20px; } }
    .poto_modal_wrap .poto_modal .close_btn {
      width: 100%;
      border: 1px solid #ddd;
      line-height: 44px;
      text-align: center;
      font-weight: bold;
      background-color: #fafafa; }

.poto_lst_modal .poto_modal .modal_con {
  height: 612px; }
  .poto_lst_modal .poto_modal .modal_con .poto_review_lst {
    padding: 20px; }
    @media (max-width: 1240px) {
      .poto_lst_modal .poto_modal .modal_con .poto_review_lst {
        padding: 30px 40px; } }
    @media (max-width: 620px) {
      .poto_lst_modal .poto_modal .modal_con .poto_review_lst {
        padding: 0; } }
    .poto_lst_modal .poto_modal .modal_con .poto_review_lst ul {
      margin-right: -6px;
      margin-bottom: -6px;
      font-size: 0; }
      @media (max-width: 1240px) {
        .poto_lst_modal .poto_modal .modal_con .poto_review_lst ul {
          margin-right: -20px; } }
      @media (max-width: 620px) {
        .poto_lst_modal .poto_modal .modal_con .poto_review_lst ul {
          margin-right: -10px; } }
      .poto_lst_modal .poto_modal .modal_con .poto_review_lst ul li {
        display: inline-block;
        width: 144px;
        height: 144px;
        margin-right: 6px;
        margin-bottom: 6px;
        vertical-align: top; }
        @media (max-width: 1240px) {
          .poto_lst_modal .poto_modal .modal_con .poto_review_lst ul li {
            width: calc(25% - 20px);
            height: auto;
            margin-right: 20px;
            margin-bottom: 20px; } }
        @media (max-width: 620px) {
          .poto_lst_modal .poto_modal .modal_con .poto_review_lst ul li {
            width: calc(33.3333% - 10px);
            margin-right: 10px;
            margin-bottom: 10px; } }
        .poto_lst_modal .poto_modal .modal_con .poto_review_lst ul li .poto_detail_btn {
          width: 100%;
          height: 100%; }
          .poto_lst_modal .poto_modal .modal_con .poto_review_lst ul li .poto_detail_btn img {
            width: 100%; }

.poto_lst_modal.db {
  display: block; }

@media (max-width: 1240px) {
  .poto_view_modal .poto_modal .modal_lst_btn {
    display: block; } }

.poto_view_modal .poto_modal .modal_con {
  height: 524px;
  padding: 20px; }
  @media (max-width: 1240px) {
    .poto_view_modal .poto_modal .modal_con {
      height: auto; }
	.poto_view_modal .poto_modal .modal_con .img{height: auto !important;margin-bottom: 40px;}

	}
  .poto_view_modal .poto_modal .modal_con .img.vid{background-color: #261d1d;}
  .poto_view_modal .poto_modal .modal_con .img {position: relative;
    width: 445px;
    height: 445px;
    margin-right: 40px;}
	.poto_view_modal .poto_modal .modal_con .img > img{width: 100%;}
	.poto_view_modal .poto_modal .modal_con .img .vid_box{position: relative;width: 100%;height: 0;padding-bottom: 56.25%;}
	.poto_view_modal .poto_modal .modal_con .img .vid_box iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
  .poto_view_modal .poto_modal .modal_con .txt_box {
    width: 390px; }
    @media (max-width: 1240px) {
      .poto_view_modal .poto_modal .modal_con .txt_box {
        float: none;
        width: 100%;
        padding: 0 40px; } }
    @media (max-width: 620px) {
      .poto_view_modal .poto_modal .modal_con .txt_box {
        padding: 0; } }
    .poto_view_modal .poto_modal .modal_con .txt_box .tit_box {
      padding-bottom: 20px;
      border-bottom: 1px solid #ddd; }
      .poto_view_modal .poto_modal .modal_con .txt_box .tit_box .review_box {
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle; }
        .poto_view_modal .poto_modal .modal_con .txt_box .tit_box .review_box .review_star {
          line-height: 100%; }
      .poto_view_modal .poto_modal .modal_con .txt_box .tit_box .t1 {
        line-height: 150%; }
    .poto_view_modal .poto_modal .modal_con .txt_box .txt_box_ovh {
      height: 400px;}
  .poto_view_modal .poto_modal .modal_con .txt_con {
	overflow: auto;
    height: 305px;
    padding-top: 20px; }
	.poto_view_modal .poto_modal .modal_con .txt_con .vid_box{position: relative;width: 100%;height: 0;padding-bottom: 56.25%;}
	.poto_view_modal .poto_modal .modal_con .txt_con .vid_box iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
  .poto_view_modal .poto_modal .modal_con .btn_box {
    margin-top: 10px; }
    @media (max-width: 620px) {
      .poto_view_modal .poto_modal .modal_con .btn_box {
        text-align: center;
        padding: 20px 0; }
        .poto_view_modal .poto_modal .modal_con .btn_box .fr_box {
          float: none; } }
    .poto_view_modal .poto_modal .modal_con .btn_box .btn {
      display: inline-block;
      width: 110px;
      height: 45px;
      margin-left: 5px;
      border-radius: 7px;
      text-align: center;
      line-height: 45px;
      font-size: 16px; }
    .poto_view_modal .poto_modal .modal_con .btn_box .btn_bd {
      border: 1px solid #aaa; }
    .poto_view_modal .poto_modal .modal_con .btn_box .btn_bg {
      background-color: #333;
      color: #fff; }

	.poto_view_modal .poto_modal .modal_con .btn_box .prev_btn.dn{display: none;}
	.poto_view_modal .poto_modal .modal_con .btn_box .next_btn.dn{display: none;}

.poto_view_modal.db {
  display: block; }

.origin_modal_wrap{display: none;}
.origin_modal_wrap .origin_modal {
  z-index: 200;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 580px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }
  @media (max-width: 620px) {
    .origin_modal_wrap .origin_modal {
      width: 100%; } }
  .origin_modal_wrap .origin_modal .tit_box {
    width: 100%;
    height: 44px;
    padding: 0 20px;
    font-size: 0;
    background-color: #333;
    text-align: center; }
    .origin_modal_wrap .origin_modal .tit_box .tit {
      display: inline-block;
      line-height: 44px;
      font-size: 16px;
      font-weight: 500;
      color: #fff;
      vertical-align: middle; }
  .origin_modal_wrap .origin_modal .modal_con {
    overflow-y: scroll;
    width: 100%;}
  .origin_modal_wrap .origin_modal .close_btn {
    width: 100%;
    border: 1px solid #ddd;
    line-height: 44px;
    text-align: center;
    font-weight: bold;
    background-color: #fafafa; }

.origin_modal_wrap.db {
  display: block; }

@media (max-width: 1240px) {
  .prd_view .pd_v_top .js_thum {
    position: relative;
    float: none;
    width: 100%; } }

.prd_view .pd_v_top .js_thum .big {
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 15px; }
  @media (max-width: 1240px) {
    .prd_view .pd_v_top .js_thum .big {
      margin: 0 auto 55px; } }

@media (max-width: 1240px) {
  .prd_view .pd_v_top .js_thum .thum {
    position: absolute;
    top: 0;
    right: 0; } }

.prd_view .pd_v_top .js_thum .thum li {
  overflow: hidden;
  width: 78px;
  margin-right: 10px;
  border-radius: 3px;
  border: 1px solid #fff; }
  @media (max-width: 1240px) {
    .prd_view .pd_v_top .js_thum .thum li {
      float: none;
      margin: 0 0 10px; } }
  .prd_view .pd_v_top .js_thum .thum li img {
    opacity: 0.8; }

.prd_view .pd_v_top .js_thum .thum li:last-child {
  margin-right: 0; }

.prd_view .pd_v_top .js_thum .thum li.act {
  border: 1px solid #3a8afd !important; }
  .prd_view .pd_v_top .js_thum .thum li.act img {
    opacity: 1; }

.prd_view .pd_v_top .prd_v_mask {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .prd_view .pd_v_top .prd_v_mask .item img {
    width: 100%; }
  .prd_view .pd_v_top .prd_v_mask .prd_pager {
    z-index: 10;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 26px;
    border-radius: 13px;
    text-align: center;
    color: #ddd;
    background-color: rgba(0, 0, 0, 0.3); }
    .prd_view .pd_v_top .prd_v_mask .prd_pager .swiper-pagination-current {
      font-size: 12px;
      color: #fff; }
    .prd_view .pd_v_top .prd_v_mask .prd_pager .swiper-pagination-total {
      font-size: 12px;
      color: #ddd; }
/*--------------------*/
.prd_view .pd_v_top .prd_r_box {
  width: 690px; }
  @media (max-width: 1240px) {
    .prd_view .pd_v_top .prd_r_box {
      width: 100%;padding-bottom: 35px; } }
  @media (max-width: 620px) {
    .prd_view .pd_v_top .prd_r_box {
      margin-top: 25px; } }
  .prd_view .pd_v_top .prd_r_box del {
    color: #999; }
  .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit {
    width: calc(100% - 85px);
    font-weight: bold;
    color: #222; }
    @media (max-width: 620px) {
      .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit {
        float: none;
        display: block;
        width: 100%; } }
  @media (max-width: 620px) {
    .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box {
      float: none;
      display: block;
      width: 100%;
      margin-bottom: 10px;
      text-align: right; } }
  .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .share_btn {
    width: 40px;
    height: 40px;
    background-position: -302px -106px; }
  .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .like_prd_btn {
    width: 40px;
    height: 40px;
    margin-right: 5px;
    background-position: -171px -402px; }
  .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .like_prd_btn.act {
    background-position: -171px -444px; }
  .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .share_modal {
    display: none;
    position: absolute;
    top: 45px;
    right: 0;
    width: 230px;
    height: 100px;
    padding: 30px 19px;
    border: 1px solid #ddd;
    background-color: #fff; }
    .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .share_modal .share_close_btn {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 10px;
      height: 10px;
      background-position: -68px -42px; }
    .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .share_modal ul {
      font-size: 0;
      text-align: center; }
      .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .share_modal ul li {
        display: inline-block;
        margin-right: 10px; }
		/* .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .share_modal ul li:first-child{display: none;}
		@media (max-width: 620px) {
			.prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .share_modal ul li:first-child{display: inline-block;}
		} */
        .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .share_modal ul li .ico {
          display: block;
          width: 40px;
          height: 40px; }
        .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .share_modal ul li .kakao {
          background-position: -246px -158px; }
        .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .share_modal ul li .url {
          background-position: -288px -158px; }
        .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .share_modal ul li .ins {
          background-position: -246px -200px; }
        .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .share_modal ul li .fb {
          background-position: -246px -200px; }
        .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .share_modal ul li .twitter {
          background-position: -288px -200px; }
      .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .share_modal ul li:last-child {
        margin-right: 0; }
  .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .share_modal.db {
    display: block; }
  .prd_view .pd_v_top .prd_r_box .prd_tit_box .tit_box .tit_r_box .prd_info_btn {
    width: 80px;
    height: 40px;
    margin-right: 5px;
    border-radius: 20px;
    border: 1px solid #ddd; }
  .prd_view .pd_v_top .prd_r_box .prd_opt_tb {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd; }
    @media (max-width: 1240px) {
      .prd_view .pd_v_top .prd_r_box .prd_opt_tb {
        border-bottom: 0; } }
    @media (max-width: 620px) {
      .prd_view .pd_v_top .prd_r_box .prd_opt_tb {
        margin-top: 15px;
        padding: 15px 0 0; } }
    .prd_view .pd_v_top .prd_r_box .prd_opt_tb .opt_detail_box {
      padding-bottom: 30px; }
      @media (max-width: 1240px) {
        .prd_view .pd_v_top .prd_r_box .prd_opt_tb .opt_detail_box {
          padding-bottom: 0; } }
    .prd_view .pd_v_top .prd_r_box .prd_opt_tb .opt_detail {
      padding: 5px 0; }
      .prd_view .pd_v_top .prd_r_box .prd_opt_tb .opt_detail .w1 {
        width: 120px; }
        @media (max-width: 620px) {
          .prd_view .pd_v_top .prd_r_box .prd_opt_tb .opt_detail .w1 {
            width: 90px; } }
      .prd_view .pd_v_top .prd_r_box .prd_opt_tb .opt_detail .w2 {
        width: auto; }
        .prd_view .pd_v_top .prd_r_box .prd_opt_tb .opt_detail .w2 .calc_num_box {
          text-align: left; }
          .prd_view .pd_v_top .prd_r_box .prd_opt_tb .opt_detail .w2 .calc_num_box .btn {
            display: inline-block; }
        .prd_view .pd_v_top .prd_r_box .prd_opt_tb .opt_detail .w2 .option_sel {
          width: 100%;
          height: 34px;
          color: #666; }
		.prd_view .pd_v_top .prd_r_box .prd_opt_tb .opt_detail .price_txt span:nth-child(2){margin: 0 5px;}
    .prd_view .pd_v_top .prd_r_box .prd_opt_tb .line {
      padding: 10px 0;
      border-top: 1px solid #ddd; }
  .prd_view .pd_v_top .prd_r_box .prd_opt_box {
    padding-top: 10px; }
    .prd_view .pd_v_top .prd_r_box .prd_opt_box .append_opt li {
      padding: 16px;
      border: 1px solid #ddd;
      margin-top: -1px;
      background-color: #fafafa; }
      .prd_view .pd_v_top .prd_r_box .prd_opt_box .append_opt > p {
        margin-bottom: 10px;
        font-size: 12px;
        color: #666;
        line-height: 100%; }
      .prd_view .pd_v_top .prd_r_box .prd_opt_box .append_opt .price_txt {
        margin-top: 6px; }
        .prd_view .pd_v_top .prd_r_box .prd_opt_box .append_opt .price_txt del {
          display: inline-block;
          margin-right: 5px; }
  .prd_view .pd_v_top .prd_r_box .price_box {
    padding: 30px 0;
    border-bottom: 1px solid #ddd; }
    .prd_view .pd_v_top .prd_r_box .price_box .num {
      color: #ff666b;
      font-weight: bold; }
    .prd_view .pd_v_top .prd_r_box .price_box .save_ico {
      display: inline-block;
      width: 40px;
      height: 22px;
      margin-right: 10px;
      vertical-align: middle;
      background-image: url(/_img/save_ico.png); }

@media (max-width: 620px) {
.prd_view .pd_v_top .prd_r_box .price_box .fl, .prd_view .pd_v_top .prd_r_box .price_box .fr{float: none;}
}

  .prd_view .pd_v_top .prd_r_box .buy_box {
    position: relative;
    padding-top: 20px; }
    .prd_view .pd_v_top .prd_r_box .buy_box .line {
      margin-top: 20px;
	  font-size: 0;}
    .prd_view .pd_v_top .prd_r_box .buy_box .bdrs {
      border-radius: 7px;
      /* margin-right: 6px; */
      font-size: 20px; }
	  .prd_view .pd_v_top .prd_r_box .s_line{font-size: 0;/* width: calc( 100% - 108px); */width: 100%;	}
    .prd_view .pd_v_top .prd_r_box .buy_box .buy_btn {
      /* width: 425px; */
	  width: calc( 100% - 151px );
      height: 60px;
	  margin-right: 6px;
      background-color: #3a8afd !important;
      color: #fff; }

	@media (max-width: 1240px) {
		.prd_view .pd_v_top .prd_r_box .buy_box .buy_btn {width: calc(100% - 157px);}
	}



.prd_view .pd_v_top .prd_r_box .buy_box .buy_btn.mr0{margin-right: 0;}
    .prd_view .pd_v_top .prd_r_box .buy_box .npay_btn {
      width: 425px;
      height: 60px;
      background-image: url(/_img/npay_btn.png); }
    .prd_view .pd_v_top .prd_r_box .buy_box .cart_btn_box{width: 145px;height: 60px;}
    .prd_view .pd_v_top .prd_r_box .buy_box .cart_btn{width: 100%;height: 100%;color:#fff;background-color: #333;}
	.prd_view .pd_v_top .prd_r_box .buy_box .cart_btn:before{content: '';display: inline-block;width: 30px;height: 30px;margin-top: -8px;margin-right: 10px;vertical-align: middle;background-position: -214px -199px;}
    .prd_view .pd_v_top .prd_r_box .buy_box .gift_btn {
      width: 108px;
      height: 60px;
      border: 1px solid #aaa;
      margin-right: 0; }
      .prd_view .pd_v_top .prd_r_box .buy_box .gift_btn .txt {
        display: inline-block;
        vertical-align: middle; }
      .prd_view .pd_v_top .prd_r_box .buy_box .gift_btn .txt::before {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin-top: -10px;
        margin-right: 10px;
        background-position: -214px -167px;
        vertical-align: middle; }
    .prd_view .pd_v_top .prd_r_box .buy_box .s_line.dn {
      display: none; }
    .prd_view .pd_v_top .prd_r_box .buy_box .regular_delivery_box{display: none;width: 100%;/* width: calc(100% - 118px);margin-right: 10px; */}
    .prd_view .pd_v_top .prd_r_box .buy_box .regular_delivery_box.act{display: inline-block;}
    .prd_view .pd_v_top .prd_r_box .buy_box .regular_delivery_btn {
      width: 100%;
      height: 60px;
      background-color: #3a8afd !important;
      color: #fff; }
    .prd_view .pd_v_top .prd_r_box .buy_box .ord_cart_modal {top: -136px;left: 50%;transform:translateX(-50%);}
.prd_view .pd_v_top .prd_r_box .buy_box .arrow_modal_box{position: relative;/* margin-right: 6px; */}

.prd_view .pd_v_top .prd_r_box .buy_box .arrow_modal_box.mr0{margin-right: 0;}
.prd_view .pd_v_top .prd_r_box .buy_box .cart_btn_box .ord_cart_modal {}
.prd_view .pd_v_top .prd_r_box .buy_box .regular_delivery_box .ord_cart_modal {}
@media (max-width: 620px) {
.prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .ord_cart_modal{top: -122px;}
.prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .cart_btn_box .arrow_modal_wrap{left: auto;left: initial;right: 0;transform:none;}
}
@media (max-width: 356px) {
.prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .cart_btn_box{position: static;}
.prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .ord_cart_modal{width: 90%;}
}

@media (max-width: 767px) {
	.prd_view .pd_v_top .prd_r_box .top_buy_box .s_line{/* width: calc(100% - 51px); */width: 100%;font-size: 0;/* padding-right: 6px; */}
	.prd_view .pd_v_top .prd_r_box .top_buy_box .buy_btn{width: calc(100% - 151px);height: 45px;font-size: 16px;}
	.prd_view .pd_v_top .prd_r_box .top_buy_box .npay_btn{width: calc(50% - 35px);height: 45px;background-color: #00c73c;background-image: url(/_img/m_npay2.png);background-size: 115px 45px;background-repeat: no-repeat;background-position: 50% 0;}
	.prd_view .pd_v_top .prd_r_box .buy_box .cart_btn_box{height: 45px;margin-right: 0;}
	.prd_view .pd_v_top .prd_r_box .top_buy_box .gift_btn{position: relative;width: 45px;height: 45px;font-size: 0;}
	.prd_view .pd_v_top .prd_r_box .top_buy_box .gift_btn .txt:before{position: absolute;top: 50%;left: 50%;transform:translate(-50%, -50%);margin: 0 auto;}
	.prd_view .pd_v_top .prd_r_box .top_buy_box .regular_delivery_box{/* width: calc(100% - 55px); */width: 100%;height: 45px;}
	.prd_view .pd_v_top .prd_r_box .top_buy_box .regular_delivery_btn{height: 100%;font-size: 16px;}
}

@media (max-width: 620px) {
	.prd_view .pd_v_top .prd_r_box .top_buy_box .buy_btn{width: calc(100% - 51px);}
	.prd_view .pd_v_top .prd_r_box .buy_box .cart_btn_box{width: 45px;font-size: 0;}
	.prd_view .pd_v_top .prd_r_box .top_buy_box .cart_btn{font-size: 0;}
	.prd_view .pd_v_top .prd_r_box .buy_box .cart_btn:before{position: absolute;top: 50%;left: 50%;transform:translate(-50%, -50%);margin: 0;}
}
  .prd_view .pd_v_top .prd_r_box .m_opt_box {
    z-index: 100;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 82px;
	padding-bottom: 71px;
    border-top: 1px solid #0d0c0c;
    background-color: #fff; }







    @media (max-width: 620px) {
      .prd_view .pd_v_top .prd_r_box .m_opt_box {
        height: 65px; 
		padding-bottom: 66px;}
		}
    .prd_view .pd_v_top .prd_r_box .m_opt_box .optn_opt_btn {
      position: absolute;
      top: -20px;
      left: 50%;
      transform: translateX(-50%);
      width: 60px;
      height: 20px;
      border: 1px solid #0d0c0c;
      border-bottom: 1px solid #fff;
      border-radius: 5px 5px 0 0;
      background-color: #fff; }
    .prd_view .pd_v_top .prd_r_box .m_opt_box .optn_opt_btn::after {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 10px;
      height: 5px;
      background-position: -285px -382px; }
    .prd_view .pd_v_top .prd_r_box .m_opt_box .m_opt_con {
      display: none;
      overflow-y: scroll;
      max-height: 365px; }
      @media (max-width: 620px) {
        .prd_view .pd_v_top .prd_r_box .m_opt_box .m_opt_con {
          max-height: 277px; } }
      .prd_view .pd_v_top .prd_r_box .m_opt_box .m_opt_con .prd_opt_con {
        padding: 20px 40px; }
        @media (max-width: 620px) {
          .prd_view .pd_v_top .prd_r_box .m_opt_box .m_opt_con .prd_opt_con {
            padding: 10px 20px; } }
        .prd_view .pd_v_top .prd_r_box .m_opt_box .m_opt_con .prd_opt_con .prd_opt_tb {
          margin-top: 0;
          padding: 0;
          border-top: 0; }
    .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box {
      padding-top: 0; }
      .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box {
        margin-top: 20px;
        border-top: 1px solid #ddd; }
        .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .price_box {
          display: none;
          padding: 35px 40px 20px;
          border: 0; }
          @media (max-width: 620px) {
            .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .price_box {
              padding: 20px 20px 10px; }
              .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .price_box .fl, .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .price_box .fr {
                float: none; } }
        .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .regular_label {
          display: none;
          padding: 0 40px 20px; }
          @media (max-width: 620px) {
            .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .regular_label {
              padding: 0 20px 20px; } }
        .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .s_line {
          /* width: calc(100% - 135px); */
		  width: 100%;
          font-size: 0; }
          @media (max-width: 620px) {
            .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .s_line {
			/* width: calc(100% - 45px); } */ 
			width: 100%; }
			}
          @media (max-width: 356px) {
            .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .s_line {
              position: relative; } }
          .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .s_line .buy_btn {
            width: 50%;
            font-size: 20px; }
            @media (max-width: 620px) {
              .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .s_line .buy_btn {
                width: calc( 100% - 45px );
                height: 45px;
                font-size: 16px; } }
          .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .s_line .npay_btn {
            width: calc(50% - 135px/2);
            background-color: #00c73c;
            background-image: url(/_img/m_npay1.png);
            background-size: 225px 61px;
            background-repeat: no-repeat;
            background-position: 50% 50%; }
            @media (max-width: 620px) {
              .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .s_line .npay_btn {
                width: calc(50% - 45px/2);
                height: 45px;
                background-image: url(/_img/m_npay2.png);
                background-size: 115px 45px; } }
		.prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .cart_btn_box{width: 50%;height: 60px;}
		/* w108 */
          .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .s_line .cart_btn {
            width: 100%;
            border: 1px solid #333;
            background-color: #333;
            color: #fff;
            font-size: 20px; }
            @media (max-width: 620px) {
				.prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .cart_btn_box{width: 45px;height: 45px;}
              .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .s_line .cart_btn {
                position: relative;
                width: 45px;
                height: 45px;
                font-size: 0; } }
            @media (max-width: 620px) {
              .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .s_line .cart_btn::after {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                display: block;
                width: 30px;
                height: 30px;
                background-position: -214px -199px; } }
        .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .regular_delivery_box{width: calc(100% - 135px);margin-right: 0;}
        .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .regular_delivery_btn {
          font-size: 20px; }
          @media (max-width: 620px) {
            .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .regular_delivery_box{width: calc(100% - 45px);height: 45px;}
            .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .regular_delivery_btn {width: 100%;height: 100%;font-size: 16px; }
		   }
        .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .gift_btn {
          width: 135px;
          font-size: 20px; }
          @media (max-width: 620px) {
            .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .gift_btn {
              width: 45px;
              height: 45px;
              font-size: 0; }
              .prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .gift_btn .txt::before {
                margin: 0; } }
  .prd_view .pd_v_top .prd_r_box .m_opt_box.act {
    height: auto;padding-bottom: 0; }
    .prd_view .pd_v_top .prd_r_box .m_opt_box.act .optn_opt_btn::after {
      background-position: -285px -389px; }
    .prd_view .pd_v_top .prd_r_box .m_opt_box.act .m_opt_con {
      display: block; }
    .prd_view .pd_v_top .prd_r_box .m_opt_box.act .m_price_box .price_box {
      display: block; }
    .prd_view .pd_v_top .prd_r_box .m_opt_box.act .m_price_box .regular_label {
      display: block; }
/*--------------------*/


.prd_view .pd_v_bottom {
  margin-top: 80px; }
  @media (max-width: 620px) {
    .prd_view .pd_v_bottom {
      margin-top: 0; } }
  .prd_view .pd_v_bottom .prd_view_con .tab_menu {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
    @media (max-width: 1240px) {
      .prd_view .pd_v_bottom .prd_view_con .tab_menu ul {
        width: 100%; } }
    .prd_view .pd_v_bottom .prd_view_con .tab_menu ul li {
      width: 25%;
      line-height: 78px;
      font-size: 16px;
      font-weight: 500;
      text-align: center;
      color: #888; }
      @media (max-width: 620px) {
        .prd_view .pd_v_bottom .prd_view_con .tab_menu ul li {
          line-height: 58px;
          font-size: 12px; } }
    .prd_view .pd_v_bottom .prd_view_con .tab_menu ul li.act {
      border-bottom: 3px solid #3a8afd !important; }
      .prd_view .pd_v_bottom .prd_view_con .tab_menu ul li.act a, .prd_view .pd_v_bottom .prd_view_con .tab_menu ul li.act span {
        color: #3a8afd !important; }
  .prd_view .pd_v_bottom .prd_con {
    padding: 50px 0 80px; }
  .prd_view .pd_v_bottom .prd_con.p0 {padding: 0;}
    @media (max-width: 620px) {
      .prd_view .pd_v_bottom .prd_con {
        padding: 25px 0 40px; } }
  .prd_view .pd_v_bottom .info_box {
    width: 100%;
    margin-top: 30px; }
    @media (max-width: 620px) {
      .prd_view .pd_v_bottom .info_box {
        margin-top: 15px; } }
    @media (max-width: 620px) {
      .prd_view .pd_v_bottom .info_box {
        overflow-x: scroll; } }
    .prd_view .pd_v_bottom .info_box .prd_info_tb {
      width: 590px;
      min-height: 810px;
      border-top: 1px solid #333; }
      @media (max-width: 1240px) {
        .prd_view .pd_v_bottom .info_box .prd_info_tb {
          margin: 0 auto 20px;
          float: none; } }
      .prd_view .pd_v_bottom .info_box .prd_info_tb table tr th {
        padding: 5px 10px;
        border: 1px solid #ddd;
        font-weight: bold;
        text-align: left;
        letter-spacing: normal; }
      .prd_view .pd_v_bottom .info_box .prd_info_tb table tr td {
        padding: 5px 10px;
        border: 1px solid #ddd;
        text-align: left;
        letter-spacing: normal;
        line-height: 160%; }
      .prd_view .pd_v_bottom .info_box .prd_info_tb table tr .bg {
        background-color: #ddd; }
      .prd_view .pd_v_bottom .info_box .prd_info_tb table tr .food_logo {
        position: relative;
        height: 72px; }
      .prd_view .pd_v_bottom .info_box .prd_info_tb table tr .food_logo::after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
        display: block;
        width: 50px;
        height: 50px;
        background-image: url(/_img/food_logo.jpg); }
      .prd_view .pd_v_bottom .info_box .prd_info_tb table tr .food_logo1::after {
        background-image: url(/_img/food_logo1.jpg); }
      .prd_view .pd_v_bottom .info_box .prd_info_tb table tr .food_logo2::after {
        background-image: url(/_img/food_logo2.jpg); }
  .prd_view .pd_v_bottom .go_btn_box {
    padding-bottom: 20px; }
    @media (max-width: 620px) {
      .prd_view .pd_v_bottom .go_btn_box {
        padding-bottom: 10px; } }
    .prd_view .pd_v_bottom .go_btn_box .btn {
      display: inline-block;
      width: 110px;
      height: 45px;
      margin-left: 5px;
      border-radius: 7px;
      line-height: 45px;
      text-align: center; }
      @media (max-width: 620px) {
        .prd_view .pd_v_bottom .go_btn_box .btn {
          width: 66px;
          height: 30px;
          line-height: 30px;
          font-size: 12px; } }
    .prd_view .pd_v_bottom .go_btn_box .btn_bg {
      color: #fff;
      background-color: #333; }
    .prd_view .pd_v_bottom .go_btn_box .btn_bd {
      border: 1px solid #aaa; }
    .prd_view .pd_v_bottom .go_btn_box .tit {
      color: #222; }
  .prd_view .pd_v_bottom .prd_board_lst {
    border-top: 1px solid #333; }
    .prd_view .pd_v_bottom .prd_board_lst .dtc {
      padding: 19px 0;
      text-align: center; }
    .prd_view .pd_v_bottom .prd_board_lst .w1 {
      width: 100px; }
    .prd_view .pd_v_bottom .prd_board_lst .w2 {
      width: auto;
      padding: 0; }
      @media (max-width: 1240px) {
        .prd_view .pd_v_bottom .prd_board_lst .w2 {
          padding: 25px 30px; } }
      @media (max-width: 620px) {
        .prd_view .pd_v_bottom .prd_board_lst .w2 {
          padding: 12px 0; } }
    .prd_view .pd_v_bottom .prd_board_lst .w3 {
      width: 130px; }
    .prd_view .pd_v_bottom .prd_board_lst .lst {
      border-top: 1px solid #ddd; }
      .prd_view .pd_v_bottom .prd_board_lst .lst li {
        border-bottom: 1px solid #ddd; }
        .prd_view .pd_v_bottom .prd_board_lst .lst li .btn_box {
          margin-top: 20px; }
          @media (max-width: 620px) {
            .prd_view .pd_v_bottom .prd_board_lst .lst li .btn_box {
              margin-top: 15px; } }
          .prd_view .pd_v_bottom .prd_board_lst .lst li .btn_box .btn {
            display: inline-block;
            width: 60px;
            height: 45px;
            border: 1px solid #aaa;
            border-radius: 7px;
            line-height: 43px;
            font-size: 14px;
            text-align: center;
            background-color: #fff; }
            @media (max-width: 620px) {
              .prd_view .pd_v_bottom .prd_board_lst .lst li .btn_box .btn {
                width: 40px;
                height: 30px;
                line-height: 28px;
                font-size: 12px; } }
  .prd_view .pd_v_bottom .prd_review .poto_review_lst {
    width: 100%;
    margin-bottom: 30px; }
    @media (max-width: 1240px) {
      .prd_view .pd_v_bottom .prd_review .poto_review_lst {
        overflow-y: scroll; } }
    .prd_view .pd_v_bottom .prd_review .poto_review_lst ul {
      width: 1206px;
      margin-right: -6px; }
      .prd_view .pd_v_bottom .prd_review .poto_review_lst ul li {
        position: relative;
        width: 144px;
        height: 144px;
        margin-right: 6px; }
		.prd_view .pd_v_bottom .prd_review .poto_review_lst ul li button{width: 100%;height: 100%;}
		.prd_view .pd_v_bottom .prd_review .poto_review_lst ul li .ico{position: absolute;bottom: 15px;left: 15px;}
        .prd_view .pd_v_bottom .prd_review .poto_review_lst ul li .more {
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          width: 100%;
          height: 100%;
          line-height: 144px;
          text-align: center;
          color: #fff;
          font-size: 16px;
          font-weight: 500;
          background-color: rgba(0, 0, 0, 0.5); }
          @media (max-width: 620px) {
            .prd_view .pd_v_bottom .prd_review .poto_review_lst ul li .more {
              font-size: 12px; } }
  .prd_view .pd_v_bottom .prd_review .review_lst li .prd_view_btn {
    width: 100%;
    line-height: 66px;
    text-align: left; }
    @media (max-width: 1240px) {
      .prd_view .pd_v_bottom .prd_review .review_lst li .prd_view_btn {
        line-height: 150%; } }
    @media (max-width: 620px) {
      .prd_view .pd_v_bottom .prd_review .review_lst li .prd_view_btn {
        width: calc(100% - 30px); } }
  .prd_view .pd_v_bottom .prd_review .review_lst li .file::after {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-top: -2px;
    margin-left: 15px;
    vertical-align: middle;
    background-position: -226px -116px; }
    @media (max-width: 620px) {
      .prd_view .pd_v_bottom .prd_review .review_lst li .file::after {
        display: none; } }
  .prd_view .pd_v_bottom .prd_review .review_lst li .file_ico {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background-position: -226px -116px; }
    @media (max-width: 620px) {
      .prd_view .pd_v_bottom .prd_review .review_lst li .file_ico {
        display: block; } }
  .prd_view .pd_v_bottom .prd_review .review_lst li .star_box {
    font-size: 0; }
    .prd_view .pd_v_bottom .prd_review .review_lst li .star_box .review_star {
      font-size: 16px;
      color: #ccc; }
  .prd_view .pd_v_bottom .prd_review .review_lst li .review_info {
    text-align: left; }
    .prd_view .pd_v_bottom .prd_review .review_lst li .review_info .line {
      color: #666; }
    .prd_view .pd_v_bottom .prd_review .review_lst li .review_info .line::before {
      height: 11px;
      margin: -2px 8px 0;
      background-color: #ddd; }
      @media (max-width: 620px) {
        .prd_view .pd_v_bottom .prd_review .review_lst li .review_info .line::before {
          height: 9px; } }
    .prd_view .pd_v_bottom .prd_review .review_lst li .review_info .star_box {
      display: inline-block;
      vertical-align: middle; }
  .prd_view .pd_v_bottom .prd_review .review_lst .review_li {
    display: none;
    padding: 30px; }
    @media (max-width: 620px) {
      .prd_view .pd_v_bottom .prd_review .review_lst .review_li {
        padding: 20px 0; } }
    .prd_view .pd_v_bottom .prd_review .review_lst .review_li .vid_box{position: relative;max-width:640px;width: 100%;height: 0;padding-bottom: 56.25%;}
    .prd_view .pd_v_bottom .prd_review .review_lst .review_li .vid_box iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .prd_view .pd_v_bottom .prd_review .review_lst .review_li .review_con img {
      max-width: 640px; }
      @media (max-width: 767px) {
		.prd_view .pd_v_bottom .prd_review .review_lst .review_li .vid_box{max-width:auto;}
        .prd_view .pd_v_bottom .prd_review .review_lst .review_li .review_con img {
          width: 100%; } }
    .prd_view .pd_v_bottom .prd_review .review_lst .review_li .review_btn_box {
      margin-top: 20px; }
      @media (max-width: 620px) {
        .prd_view .pd_v_bottom .prd_review .review_lst .review_li .review_btn_box {
          margin-top: 10px; } }
      .prd_view .pd_v_bottom .prd_review .review_lst .review_li .review_btn_box .review_hide_btn {
        border-bottom: 1px solid #3a8afd !important;
        font-size: 16px; }
        @media (max-width: 620px) {
          .prd_view .pd_v_bottom .prd_review .review_lst .review_li .review_btn_box .review_hide_btn {
            font-size: 12px; } }
      .prd_view .pd_v_bottom .prd_review .review_lst .review_li .review_btn_box .btn_box {
        margin-top: 15px; }
        .prd_view .pd_v_bottom .prd_review .review_lst .review_li .review_btn_box .btn_box .btn.w90 {
          width: 90px; }
          @media (max-width: 620px) {
            .prd_view .pd_v_bottom .prd_review .review_lst .review_li .review_btn_box .btn_box .btn.w90 {
              width: 72px; } }
        .prd_view .pd_v_bottom .prd_review .review_lst .review_li .review_btn_box .btn_box .like_btn .txt::after {
          display: inline-block;
          width: 14px;
          height: 14px;
          margin-top: -2px;
          margin-left: 7px;
          vertical-align: middle;
          background-position: -406px -128px; }
        .prd_view .pd_v_bottom .prd_review .review_lst .review_li .review_btn_box .btn_box .like_btn.a .txt{display: none;}
        .prd_view .pd_v_bottom .prd_review .review_lst .review_li .review_btn_box .btn_box .like_btn.a:after{content: '???? 취소';display: inline-block;}

      .prd_view .pd_v_bottom .prd_review .review_lst .review_li .review_btn_box .like_txt {
        margin-top: 23px; }
        @media (max-width: 620px) {
          .prd_view .pd_v_bottom .prd_review .review_lst .review_li .review_btn_box .like_txt {
            margin-top: 21px;
            font-size: 12px; } }
  .prd_view .pd_v_bottom .prd_review .review_lst .review_li.db {
    display: block; }
  .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst li .lock:before {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 14px;
    background-position: -127px -37px; }
  .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst li .prd_qna_btn {
    width: 100%;
    line-height: 66px;
    text-align: left; }
    @media (max-width: 1240px) {
      .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst li .prd_qna_btn {
        line-height: 100%; } }
  .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst li .qna_info {
    text-align: left;
    line-height: 100%; }
    .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst li .qna_info .line {
      color: #666; }
      @media (max-width: 620px) {
        .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst li .qna_info .line {
          font-size: 12px; } }
    .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst li .qna_info .line.state {
      color: #888; }
    .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst li .qna_info .line::before {
      height: 11px;
      margin: -2px 8px 0;
      background-color: #ddd; }
      @media (max-width: 620px) {
        .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst li .qna_info .line::before {
          height: 9px; } }
  .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst .qna_li {
    display: none;
    border-bottom: 0;
    background-color: #fafafa; }
    .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst .qna_li .qna_box {
      border-bottom: 1px solid #ddd; }
      @media (max-width: 620px) {
        .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst .qna_li .qna_box {
          padding: 18px 15px; } }
      .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst .qna_li .qna_box .dtc {
        padding: 30px 0; }
        @media (max-width: 620px) {
          .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst .qna_li .qna_box .dtc {
            display: block;
            padding: 0; } }
      .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst .qna_li .qna_box .ico {
        width: 72px;
        vertical-align: top; }
        @media (max-width: 620px) {
          .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst .qna_li .qna_box .ico {
            width: 100%;
            margin-bottom: 10px;
            text-align: left; } }
        .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst .qna_li .qna_box .ico .q {
          font-weight: bold;
          color: #3a8afd !important; }
        .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst .qna_li .qna_box .ico .a {
          font-weight: bold;
          color: #888; }
      .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst .qna_li .qna_box .txt_box {
        width: auto;
        text-align: left; }
        .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst .qna_li .qna_box .txt_box .txt_con {
          margin-top: 10px; }
          .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst .qna_li .qna_box .txt_box .txt_con p {
            font-size: 14px;
            color: #666; }
            @media (max-width: 620px) {
              .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst .qna_li .qna_box .txt_box .txt_con p {
                font-size: 12px; } }
  .prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst .qna_li.db {
    display: block; }
  .prd_view .pd_v_bottom .related_prod .tit {
    display: inline-block;
    margin-right: 20px;
    color: #222;
    vertical-align: middle; }
    @media (max-width: 620px) {
      .prd_view .pd_v_bottom .related_prod .tit {
        margin-right: 10px; } }
  .prd_view .pd_v_bottom .related_prod .related_slide {
    margin-top: 20px; }
    @media (max-width: 620px) {
      .prd_view .pd_v_bottom .related_prod .related_slide {
        margin-top: 10px; } }
    .prd_view .pd_v_bottom .related_prod .related_slide .related_mask {
      width: 100%;
      overflow: hidden; }
      .prd_view .pd_v_bottom .related_prod .related_slide .related_mask .item_box {
        padding-bottom: 15px; }
        .prd_view .pd_v_bottom .related_prod .related_slide .related_mask .item_box .item .img_wrap {
          position: relative; }
          .prd_view .pd_v_bottom .related_prod .related_slide .related_mask .item_box .item .img_wrap .ico_wrap {
            z-index: 10;
            position: absolute;
            left: 0;
            bottom: -7px; }
        .prd_view .pd_v_bottom .related_prod .related_slide .related_mask .item_box .item .tit {
          margin-top: 15px;
          font-size: 16px;
          font-weight: 500;
          text-align: left; }
          @media (max-width: 620px) {
            .prd_view .pd_v_bottom .related_prod .related_slide .related_mask .item_box .item .tit {
              font-size: 12px; } }
        .prd_view .pd_v_bottom .related_prod .related_slide .related_mask .item_box .item .discount {
          margin-right: 5px;
          font-size: 20px;
          font-weight: 500;
          line-height: 160%;
          text-align: left; }
          @media (max-width: 620px) {
            .prd_view .pd_v_bottom .related_prod .related_slide .related_mask .item_box .item .discount {
              margin-top: 3px;
              margin-right: 2px;
              font-size: 12px; } }
        .prd_view .pd_v_bottom .related_prod .related_slide .related_mask .item_box .item del {
          margin-left: 3px;
          font-size: 12px;
          line-height: 160%;
          color: #ccc;
          text-align: left; }
        .prd_view .pd_v_bottom .related_prod .related_slide .related_mask .item_box .item .price {
          font-size: 20px;
          font-weight: 500;
          line-height: 160%; }
          @media (max-width: 620px) {
            .prd_view .pd_v_bottom .related_prod .related_slide .related_mask .item_box .item .price {
              margin-top: 3px;
              font-size: 12px; } }
      .prd_view .pd_v_bottom .related_prod .related_slide .related_mask .related_pager {
        background-color: #eee; }
        .prd_view .pd_v_bottom .related_prod .related_slide .related_mask .related_pager .swiper-pagination-progressbar-fill {
          background-color: #333; }

@media (max-width: 1240px) {
  .prd_view .pd_v_bottom:before {
    content: '';
    display: block;
    width: 100%;
    height: 20px;
    border-top: 1px solid #ddd;
    background-color: #f4f7fb; } }
  @media (max-width: 1240px) and (max-width: 620px) {
    .prd_view .pd_v_bottom:before {
      height: 10px; } }

.sch_modal_wrap {
  display: none; }
  .sch_modal_wrap .m_sch_modal {
    z-index: 150;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff; }
    .sch_modal_wrap .m_sch_modal .sch_top {
      padding: 20px 0; }
      @media (max-width: 620px) {
        .sch_modal_wrap .m_sch_modal .sch_top {
          padding: 10px 0; } }
      .sch_modal_wrap .m_sch_modal .sch_top .sch_box {
        overflow: hidden;
        width: calc(100% - 55px);
        height: 45px;
        margin-right: 10px;
        border-radius: 45px;
        border: 1px solid #ddd; }
        .sch_modal_wrap .m_sch_modal .sch_top .sch_box .sch_inp {
          width: calc(100% - 30px);
          height: 45px;
          padding: 0 20px;
          border: 0;
          color: #999; }
        .sch_modal_wrap .m_sch_modal .sch_top .sch_box .sch_btn {
          width: 30px;
          height: 45px; }
        .sch_modal_wrap .m_sch_modal .sch_top .sch_box .sch_btn::after {
          display: block;
          width: 16px;
          height: 16px;
          background-position: -196px -193px; }
      .sch_modal_wrap .m_sch_modal .sch_top .sch_close_btn {
        position: relative;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background-color: #3a8afd !important; }
      .sch_modal_wrap .m_sch_modal .sch_top .sch_close_btn::after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
        width: 10px;
        height: 10px;
        background-position: -202px -211px; }
    .sch_modal_wrap .m_sch_modal .tab_box .tab_menu_lst {
      border-top: 1px solid #333;
      border-bottom: 1px solid #ddd; }
      .sch_modal_wrap .m_sch_modal .tab_box .tab_menu_lst li {
        width: 50%;
        padding: 15px 0;
        text-align: center; }
        @media (max-width: 620px) {
          .sch_modal_wrap .m_sch_modal .tab_box .tab_menu_lst li {
            padding: 10px 0; } }
        .sch_modal_wrap .m_sch_modal .tab_box .tab_menu_lst li .tab_menu {
          width: 100%;
          font-size: 16px;
          border-right: 1px solid #ddd; }
          @media (max-width: 620px) {
            .sch_modal_wrap .m_sch_modal .tab_box .tab_menu_lst li .tab_menu {
              font-size: 12px;
              line-height: 22px; } }
      .sch_modal_wrap .m_sch_modal .tab_box .tab_menu_lst li:last-child .tab_menu {
        border-right: 0; }
      .sch_modal_wrap .m_sch_modal .tab_box .tab_menu_lst li.act {
        border-bottom: 3px solid #3a8afd !important; }
        .sch_modal_wrap .m_sch_modal .tab_box .tab_menu_lst li.act .tab_menu {
          color: #3a8afd !important;
          font-weight: 500; }
    .sch_modal_wrap .m_sch_modal .tab_box .tab_con .tab {
      display: none; }
      .sch_modal_wrap .m_sch_modal .tab_box .tab_con .tab .sch_lst li {
        padding: 0 40px;
        border-bottom: 1px solid #ddd; }
        @media (max-width: 620px) {
          .sch_modal_wrap .m_sch_modal .tab_box .tab_con .tab .sch_lst li {
            padding: 0 20px; } }
        .sch_modal_wrap .m_sch_modal .tab_box .tab_con .tab .sch_lst li .keyword {
          width: calc(100% - 30px);
          line-height: 60px;
          font-size: 16px;
          color: #666; }
          @media (max-width: 620px) {
            .sch_modal_wrap .m_sch_modal .tab_box .tab_con .tab .sch_lst li .keyword {
              line-height: 42px;
              font-size: 12px; } }
        .sch_modal_wrap .m_sch_modal .tab_box .tab_con .tab .sch_lst li .keyword_del_btn {
          width: 10px;
          height: 10px;
          margin-top: 26px;
          background-position: -68px -42px; }
          @media (max-width: 620px) {
            .sch_modal_wrap .m_sch_modal .tab_box .tab_con .tab .sch_lst li .keyword_del_btn {
              margin-top: 17px; } }
    .sch_modal_wrap .m_sch_modal .tab_box .tab_con .tab.db {
      display: block; }

.sch_modal_wrap.db {
  display: block; }

.sch_modal_wrap::after {
  content: '';
  z-index: 130;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

.history .tmenu2_wrap {
  margin-bottom: 0; }

.history .year_lst {
  text-align: center;
  border-bottom: 1px solid #ddd; }
  .history .year_lst .tab_btn {
    line-height: 80px;
    font-size: 20px;
    color: #999; }
    @media (max-width: 620px) {
      .history .year_lst .tab_btn {
        line-height: 42px;
        font-size: 12px; } }
  .history .year_lst .tab_btn::after {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: -2px 15px;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #999; }
    @media (max-width: 620px) {
      .history .year_lst .tab_btn::after {
        width: 2px;
        height: 2px;
        margin: -2px 8px 0; } }
  .history .year_lst .tab_btn:last-child:after {
    display: none; }
  .history .year_lst .tab_btn.act {
    color: #3a8afd !important;
    font-weight: bold; }

.history .history_box {
  padding: 100px 0; }
  @media (max-width: 620px) {
    .history .history_box {
      padding: 50px 0; } }
  .history .history_box .history_con {
    display: none;
    position: relative; }
    .history .history_box .history_con .center_line {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      display: block;
      margin: auto;
      width: 1px;
      height: 100%;
      background-color: #ddd; }
    .history .history_box .history_con .history_lst {
      padding-top: 50px; }
      @media (max-width: 1240px) {
        .history .history_box .history_con .history_lst {
          padding-top: 0; } }
      .history .history_box .history_con .history_lst li {
        position: relative; }
        .history .history_box .history_con .history_lst li .y_txt {
          margin-bottom: 30px;
          font-size: 40px;
          font-weight: bold; }
          @media (max-width: 620px) {
            .history .history_box .history_con .history_lst li .y_txt {
              margin-bottom: 15px;
              font-size: 20px; } }
        .history .history_box .history_con .history_lst li .history_img {
          position: absolute;
          top: 0; }
          @media (max-width: 1240px) {
            .history .history_box .history_con .history_lst li .history_img {
              position: static;
              margin-bottom: 30px; } }
          @media (max-width: 620px) {
            .history .history_box .history_con .history_lst li .history_img {
              margin-bottom: 15px; } }
          .history .history_box .history_con .history_lst li .history_img li {
            width: 270px;
            height: 195px;
            margin-right: 10px;
            border-radius: 7px; }
            @media (max-width: 620px) {
              .history .history_box .history_con .history_lst li .history_img li {
                width: calc(50% - 10px);
                height: auto; } }
          .history .history_box .history_con .history_lst li .history_img li:last-child {
            margin-right: 0; }
        .history .history_box .history_con .history_lst li .con_box {
          display: inline-block;
          width: 50%;
          min-height: 195px;
          margin-bottom: 50px; }
          @media (max-width: 1240px) {
            .history .history_box .history_con .history_lst li .con_box {
              width: 100%;
              min-height: auto; } }
  @media (max-width: 1240px) and (max-width: 620px) {
    .history .history_box .history_con .history_lst li .con_box {
      margin-bottom: 25px; } }
          .history .history_box .history_con .history_lst li .con_box .y_txt {
            position: relative; }
          .history .history_box .history_con .history_lst li .con_box .y_txt::before {
            content: '';
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #ddd; }
          .history .history_box .history_con .history_lst li .con_box .h_txt {
            margin-bottom: 20px; }
            @media (max-width: 620px) {
              .history .history_box .history_con .history_lst li .con_box .h_txt {
                margin-bottom: 10px; } }
            .history .history_box .history_con .history_lst li .con_box .h_txt .t1 {
              font-size: 16px;
              font-weight: bold; }
              @media (max-width: 620px) {
                .history .history_box .history_con .history_lst li .con_box .h_txt .t1 {
                  font-size: 12px; } }
            .history .history_box .history_con .history_lst li .con_box .h_txt .t1.dn {
              display: none; }
            .history .history_box .history_con .history_lst li .con_box .h_txt .t2 {
              width: calc(100% - 53px);
              font-size: 16px; }
              @media (max-width: 620px) {
                .history .history_box .history_con .history_lst li .con_box .h_txt .t2 {
                  width: calc(100% - 34px);
                  font-size: 12px; } }
      @media (max-width: 1240px) {
        .history .history_box .history_con .history_lst .r {
          text-align: left; } }
      .history .history_box .history_con .history_lst .r .history_img {
        left: 0; }
      .history .history_box .history_con .history_lst .r .con_box {
        text-align: left; }
        .history .history_box .history_con .history_lst .r .con_box .y_txt {
          padding-left: 56px; }
        .history .history_box .history_con .history_lst .r .con_box .y_txt::before {
          left: -5px; }
        .history .history_box .history_con .history_lst .r .con_box .h_txt {
          padding-left: 56px; }
          @media (max-width: 1240px) {
            .history .history_box .history_con .history_lst .r .con_box .h_txt {
              padding-left: 0; } }
          .history .history_box .history_con .history_lst .r .con_box .h_txt .t1 {
            margin-right: 20px; }
            @media (max-width: 620px) {
              .history .history_box .history_con .history_lst .r .con_box .h_txt .t1 {
                margin-right: 10px; } }
      .history .history_box .history_con .history_lst .l .history_img {
        right: 0; }
      .history .history_box .history_con .history_lst .l .con_box {
        text-align: right; }
        @media (max-width: 1240px) {
          .history .history_box .history_con .history_lst .l .con_box {
            text-align: left; } }
        .history .history_box .history_con .history_lst .l .con_box .y_txt {
          padding-right: 56px; }
        .history .history_box .history_con .history_lst .l .con_box .y_txt::before {
          right: -5px; }
        .history .history_box .history_con .history_lst .l .con_box .h_txt {
          padding-right: 56px; }
          @media (max-width: 1240px) {
            .history .history_box .history_con .history_lst .l .con_box .h_txt .t1.dn {
              display: inline-block;
              margin: 0 20px 0 0; } }
  @media (max-width: 1240px) and (max-width: 620px) {
    .history .history_box .history_con .history_lst .l .con_box .h_txt .t1.dn {
      margin: 0 10px 0 0; } }
          .history .history_box .history_con .history_lst .l .con_box .h_txt .t1 {
            margin-left: 20px; }
            @media (max-width: 620px) {
              .history .history_box .history_con .history_lst .l .con_box .h_txt .t1 {
                margin-right: 10px; } }
  .history .history_box .history_con.act {
    display: block; }


#footer .f_notice {
  border-top: 1px solid #333;
  border-bottom: 1px solid #ddd; }
  @media (max-width: 1240px) {
    #footer .f_notice {
      padding: 0 40px; } }
  @media (max-width: 620px) {
    #footer .f_notice {
      padding: 0;}
    #footer .f_notice.mb {margin-bottom: 70px;} }
  #footer .f_notice .tit {
    display: inline-block;
    font-weight: bold;
    vertical-align: middle; }
  #footer .f_notice .tit::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 16px;
    margin-top: -2px;
    margin-left: 20px;
    vertical-align: middle;
    background-color: #ddd; }
  #footer .f_notice .notice_mask {
    display: inline-block;
    width: calc(100% - 187px);
    height: 58px;
    overflow: hidden;
    vertical-align: middle; }
    @media (max-width: 1240px) {
      #footer .f_notice .notice_mask {
        width: calc(100% - 63px); } }
    @media (max-width: 767px) {
      #footer .f_notice .notice_mask {
        width: calc(100% - 63px); } }
    @media (max-width: 620px) {
      #footer .f_notice .notice_mask {
        width: 100%; } }
    #footer .f_notice .notice_mask .item {
      padding: 0 20px; }
      @media (max-width: 620px) {
        #footer .f_notice .notice_mask .item {
          padding: 0; } }
      #footer .f_notice .notice_mask .item .t1 {
        width: calc(100% - 68px);
        line-height: 58px; }
        @media (max-width: 620px) {
          #footer .f_notice .notice_mask .item .t1 {
            width: 100%; } }
      #footer .f_notice .notice_mask .item .t2 {
        font-size: 14px;
        color: #999;
        line-height: 58px; }
  #footer .f_notice .f_btn_box {
    display: inline-block;
    vertical-align: middle;
    font-size: 0; }
    #footer .f_notice .f_btn_box .arrow_btn {
      position: relative;
      width: 58px;
      height: 58px;
      border-left: 1px solid #ddd; }
    #footer .f_notice .f_btn_box .arrow_btn::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 14px;
      height: 14px; }
    #footer .f_notice .f_btn_box .arrow_btn.t::after {
      background-position: -29px -424px; }
    #footer .f_notice .f_btn_box .arrow_btn.b {
      border-right: 1px solid #ddd; }
    #footer .f_notice .f_btn_box .arrow_btn.b::after {
      background-position: -29px -408px; }

#footer .f_bottom {margin: 30px auto 50px;}
@media (max-width: 620px) {
	#footer .f_bottom {margin: 20px auto 85px;}
}
@media (max-width: 1240px) {
  #footer .f_bottom {
    text-align: center; } }
@media (max-width: 620px) {
  #footer .f_bottom {
    text-align: left; } }

@media (max-width: 1240px) {
  #footer .f_bottom .fl, #footer .f_bottom .fr {
    float: none; } }

#footer .f_bottom .f_logo {
  width: 176px; }

#footer .f_bottom .addr_box {
  margin-left: 50px; }
  @media (max-width: 1240px) {
    #footer .f_bottom .addr_box {
      margin-left: 0; } }
  @media (max-width: 1240px) {
    #footer .f_bottom .addr_box .f_link {
      margin-top: 30px; } }
  #footer .f_bottom .addr_box .f_link .line:before {
    height: 11px;
    margin: -2px 10px 0;
    background-color: #ddd; }
  #footer .f_bottom .addr_box .addr {
    margin-top: 30px; }
    #footer .f_bottom .addr_box .addr .vert_line, #footer .f_bottom .addr_box .addr .vert_line button {
      color: #666;font-size: 14px; }
      #footer .f_bottom .addr_box .addr .vert_line .line:before {
        height: 13px;
        margin: -2px 12px 0;
        background-color: #666; }
      @media (max-width: 620px) {
        #footer .f_bottom .addr_box .addr .vert_line .line {
          display: block;
          font-size: 12px;
          line-height: 160%; }
        #footer .f_bottom .addr_box .addr .vert_line button {
          font-size: 12px;
          line-height: 160%; }
          #footer .f_bottom .addr_box .addr .vert_line .line a {
            color: #333; }
        #footer .f_bottom .addr_box .addr .vert_line .line::before {
          display: none; } }

#footer .f_bottom .cs {
  margin-right: 130px; }
  @media (max-width: 1240px) {
    #footer .f_bottom .cs {
      margin-top: 30px;
      margin-right: 0; } }
  @media (max-width: 620px) {
    #footer .f_bottom .cs {
      margin-top: 15px; } }
  #footer .f_bottom .cs .tit {
    color: #222; }
  #footer .f_bottom .cs .num {
    color: #92d050;
    font-weight: bold;
    letter-spacing: 1.5px; }
    @media (max-width: 620px) {
      #footer .f_bottom .cs .num {
        line-height: 150%; } }
  @media (max-width: 620px) {
    #footer .f_bottom .cs .intro_txt {
      line-height: 160%; } }

#footer .f_bottom .nicepay {
  margin-top: 30px;
  padding: 20px;
  border: 1px solid #ddd; }
  @media (max-width: 620px) {
    #footer .f_bottom .nicepay {
      margin-top: 15px;
      padding: 10px; } }
  #footer .f_bottom .nicepay .img {
    display: inline-block;
    padding-right: 30px;
    border-right: 1px solid #eee;
    vertical-align: middle; }
  #footer .f_bottom .nicepay .txt {
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle; }
    @media (max-width: 1240px) {
      #footer .f_bottom .nicepay .txt {
        margin-left: 0;
        text-align: center;
        color: #999; }
        #footer .f_bottom .nicepay .txt a {
          color: #111; } }

#footer .f_menu {
  z-index: 500;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #ddd;
  text-align: center;
  background-color: #fff; }
@media screen and (-moz-min-device-pixel-ratio:0){   #footer .f_menu ul {display: -moz-inline-flex;} }
  #footer .f_menu ul {display: inline-flex;
    padding: 20px 0;
    font-size: 0; }
    #footer .f_menu ul li {display: inline-block;
      margin-right: 35px; }
      #footer .f_menu ul li .ico {
        display: block;
        width: 30px;
        height: 30px; }
      #footer .f_menu ul li .ico img{width: 100%;}
      #footer .f_menu ul li .ico1 {
        background-position: -213px -402px; }
      #footer .f_menu ul li .ico2 {
        background-position: -245px -402px; }
      #footer .f_menu ul li .ico3 {
        background-position: -277px -402px; }
      #footer .f_menu ul li .ico4 {
        background-position: -309px -402px; }
      #footer .f_menu ul li .ico5 {
        background-position: -341px -402px; }
      #footer .f_menu ul li .ico1.act {
        background-position: -213px -434px; }
    #footer .f_menu ul li:last-child {
      margin-right: 0; }

@media (max-width: 1240px) {
  #footer .f_menu {
    display: block; } }

.a2_cont.pb0{padding-bottom: 0;}
.prod_view.db{display: block;}

.map_wrap .map_area{width: 100%;height: 100%;}
.tit_line.book{margin-bottom: 50px;}
@media (max-width: 620px) {
	.tit_line.book{margin-bottom: 25px;}
}


.basic_delivery_inp{display: none;}
.new_delivery_inp{display: none;}
.basic_delivery_inp.act{display: inline-block;}
.new_delivery_inp.act{display: inline-block;}

.ord_modal_wrap .modal_delivery_edit .line{font-size: 0;}
.ord_modal_wrap .modal_delivery_edit .line .cardnum_inp{width: calc( 25% - 12px );height: 34px;vertical-align: middle;}
.ord_modal_wrap .modal_delivery_edit .line .cardnum_inp+.cardnum_inp{margin-left: 15px;}
.ord_modal_wrap .modal_delivery_edit .line .cardperiod_inp{width: calc( 50% - 8px );height: 34px;vertical-align: middle;}
.ord_modal_wrap .modal_delivery_edit .line .cardperiod_inp+.cardperiod_inp{margin-left: 15px;}
.ord_modal_wrap .modal_delivery_edit .line .card_secret{display: inline-block;height: 36px;font-size: 12px;line-height: 36px;vertical-align: middle;}
.ord_modal_wrap .modal_delivery_edit .next_btn{display: block;width: 100px;height: 45px;margin: 0 auto;border-radius: 7px;line-height: 45px;color: #fff;font-size: 14px;text-align: center;background-color: #3a8afd;}
.period_order.db{display: block;}

@media (max-width: 620px) {
.sub_top .path > li .path_btn::after{margin-left:10px;}
}
.a4_search.pt0{padding-top: 0;}


.st_result{top: -68px;left: -28px;}

.join_id{width: 395px;}

@media (max-width: 1240px){
	.join_id{width: calc( 100% - 105px );}
}
.prod_view_btn+.prod_view_btn{margin-left: 5px;}

.list_total .total.prod_view_total{line-height: 150%;}
@media (max-width: 650px) {
.list_total .total.prod_view_total{height: auto;}
}




.bulk_order{padding: 0 100px;}
    @media screen and (max-width: 1240px) {
        .bulk_order{padding: 0;}
    }

.prd_view .pd_v_top .prd_r_box .buy_box .prod_sole_out{width: 100%;color:#888;text-align: center;line-height: 60px;background-color: #f6f6f6;}
 @media screen and (max-width: 620px) {
	.prd_view .pd_v_top .prd_r_box .buy_box .prod_sole_out{line-height: 45px;}
}
.prd_view .pd_v_top .prd_r_box .m_opt_box.act .m_price_box .dc_txt{width: calc(100% - 44px);line-height: 130%;}
.t1_desc{margin-left: 5px;font-family: 'Dotum';font-size: 12px;font-weight: bold;color: #333;}

 @media screen and (max-width: 620px) {
 .brand_desc .txt_img1{display: inline-block;width: 263px;/* height: 193px; */}
 }



/* 공?????>배?????*/
.notice_board_delivery .img2{display:none;}
@media (max-width: 620px) {
	.notice_board_delivery .img1{display:none;}
	.notice_board_delivery .img2{display: inline-block;}
}

.mypage .my_bottom .my.r .coupon_tb table tr .w2{position: relative;}
.coupon_tb .coupon_info{position: absolute;top: 50%;right: 0;margin-top: -22px;}
.coupon_tb .coupon_info .coupon_use_btn{width: 100px;height: 45px;border-radius: 8px;font-size: 14px;text-align: center;background-color: #f1f1f1;	}
.coupon_tb .coupon_info .coupon_use_btn:after{display: inline-block;width: 14px;height: 14px;margin-left: 5px;vertical-align: middle;background-position: -29px -408px;}
.coupon_tb .coupon_info .coupon_use_btn.act{border: 1px solid #aaa;background-color: #fff;}
.coupon_tb .coupon_info .coupon_use_btn.act:after{background-position: -29px -424px;}
.coupon_tb .coupon_info .coupon_info_box{display: none;z-index: 10;position: absolute;right: 0;width: 280px;padding: 20px;border: 1px solid #ddd;background-color: #fff;}
.coupon_tb .coupon_info .coupon_info_box.db{display: block;}
.coupon_tb .coupon_info .coupon_info_box .coupon_use_close{position: absolute;top: 10px;right: 10px; width: 10px;height: 10px;background-position: -68px -42px;}
.coupon_tb .coupon_info .coupon_info_box .line:nth-of-type(2){margin-top: 10px;}

@media (max-width: 620px) {
	.coupon_tb .coupon_info{position: static;margin-top: 10px;}
	.coupon_tb .coupon_info .coupon_use_btn{width: auto;height: auto;background-color: #fff;}
	.coupon_tb .coupon_info .coupon_use_btn.act{border: 0;}
	.coupon_tb .coupon_info .coupon_info_box{right: 0;}
}


@media (max-width: 1240px) {
	.board_pb{padding-bottom: 70px;}
}



  .tmenu2_wrap .t2_menu3 td {
    width: 20%; }
	.tmenu2_wrap .t2_menu3 td:nth-child(3)::after{display: none;}
	
    @media (max-width: 1240px) {
      .tmenu2_wrap .t2_menu3 td {
        width: 50%;
        display: block;
        float: left; } 
		.tmenu2_wrap .t2_menu3 td:nth-child(3)::after{display: block;}
		.tmenu2_wrap .t2_menu3 .dib1000{height: 58px;}
		}
  .tmenu2_wrap .t2_menu3 td:nth-child(5):after {
    display: none; }
    @media (max-width: 1240px) {
      .tmenu2_wrap .t2_menu5 td:nth-child(5):after {
        display: block; } }
  .tmenu2_wrap .t2_menu3:after {
    content: "";
    display: block;
    clear: both; }
  .tmenu2_wrap .t2_menu4 td {
    width: 16.6666%; }

	@media (max-width: 620px) {
	.tmenu2_wrap .t2_menu3 .dib1000{height: 41px;}
	
	}

@media (max-width: 620px){
	.mypage .my_bottom .my.r .my_inp_td.my_deli_info{border-top: none;}
	.mypage .my_bottom .my.r .my_inp_td.my_deli_info table tr .w1{width: 80px;display: inline-block;height: 21px;padding: 0;line-height: 21px;}
	.mypage .my_bottom .my.r .my_inp_td.my_deli_info table tr .w2{display: inline-block;width: calc( 100% - 80px);min-height: 21px;padding: 0;line-height: 21px;}
	.my_deli_info th, .my_deli_info td{;padding: 2px 0;font-size: 12px;vertical-align: top;font-size: 12px;}
	.mypage .my_deli_info .disabled_txt{width: 100%;height: 100%;line-height: 21px;background-color: #fff;text-align: right;}
	.line_bg::after{content: '';display: block;width: 100%;height: 10px;margin-top: 10px;background-color: #f9f9f9;}
	.mypage .my_bottom .my.r .my_inp_td.my_deli_info.info_620{padding-bottom: 0;border-bottom: none;}
}


@media (max-width: 620px){
	.tb_l_inp .disabled_txt.disabled_wrap{height: auto;padding-top: 12px;padding-bottom: 12px;line-height: 150%;}
	.mypage .my_bottom .my.r .my_inp_td table tr td .disabled_txt.disabled_wrap{height: auto;padding-top: 12px;padding-bottom: 12px;line-height: 150%;}

}

@media (max-width: 620px){
	.sub_pb_326{padding-bottom: 50px;}
	.sub_mb_326{margin-bottom: 50px;}
}

.big{position: relative;}
.big .view_out{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.big .view_out::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);}
.big .out_text{z-index: 10;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 26px;color: #fff;text-align: center;}

.prd_v_mask .item{position: relative;}
.prd_v_mask .item .view_out{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.prd_v_mask .item .view_out::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);}
.prd_v_mask .item .out_text{z-index: 10;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 26px;color: #fff;text-align: center;}



@media (max-width: 620px){
	.big .out_text{font-size: 20px;}
	.prd_v_mask.out_text{font-size: 20px;}
}

.regular_prd_view.prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .cart_btn_box{width: 100%;}
.regular_prd_view.prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .s_line .cart_btn{border: 1px solid #3a8afd;background-color: #3a8afd;}
@media (max-width: 620px){
	.regular_prd_view.prd_view .pd_v_top .prd_r_box .m_opt_box .buy_box .m_price_box .s_line .cart_btn{width: 100%;font-size: 16px;}
	.regular_prd_view.prd_view .pd_v_top .prd_r_box .buy_box .cart_btn:before{position: static;transform:none;margin: -8px 10px 0 0;}
}

.sys_wrap .sys_cart_wrap .cart_lst .ord_prd_tb table tr .w1.event_txt{text-align: center;}

.btn_type2.type2_1{color: #fff;border: 1px solid #333;background-color: #333;}
.btn_type2.type2_2{color: #fff;border: 1px solid #ccc;background-color: #ccc;}

.cp_tr{display: none;}
.cp_tr.act{display: table-row;}

.pay_info_txt_mt{margin-top: -10px;margin-bottom: 10px;}

.deli_text{margin-top: 10px;font-size: 12px;font-family: 'Dotum';line-height: 150%;}
@media (max-width: 620px) {
	.deli_text{margin-top: -5px;}
}
.cf{color: #f00;}


/* .mypage .my_bottom .my.r.mb0{margin-bottom: 0;} */
.my_bottom_menu{margin-top: -50px;padding-bottom: 71px;border-top: 1px solid #ddd;}
.my_bottom_menu::before, .my_bottom_menu::after{content: '';display: block;width: 100%;height: 20px;background-color: #f0f6f8;}
.my_bottom_menu ul li{border-bottom: 1px solid #ddd;}
.my_bottom_menu ul li a{position: relative;display: block;height: 58px;line-height: 58px;font-size: 16px;font-weight: 400;}
.my_bottom_menu ul li a::after{content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 7px;height: 14px;background-image: url(/_img/my_bottom_menu_arrow.png);}
@media (max-width: 620px) {
	.my_bottom_menu{margin-top: -75px;}
	.my_bottom_menu::before, .my_bottom_menu::after{height: 10px;}
	.my_bottom_menu ul li a{height: 56px;font-size: 14px;font-weight: 300;line-height: 56px;}
}

.login_info{padding-bottom: 60px;text-align: center;}
.login_info .t1{font-size: 24px;font-weight: 400;line-height: 150%;}
.login_info .t2{display: inline-block;margin-top: 15px;font-size: 16px;color: #f00;line-height: 150%;}
.login_info .t2::after{content: '';display: inline-block;width: 7px;height: 14px;margin-left: 10px;margin-bottom: 4px;vertical-align: middle;background-image: url(/_img/my_bottom_menu_arrow2.png);}
@media (max-width: 620px) {
	.login_info{padding-bottom: 20px;}
	.login_info .t1{font-size: 16px;}
	.login_info .t2{margin-top: 0;font-size: 12px;}
	.login_info .t2::after{width: 6px;height: 12px;background-size: contain;}
}
.lh25{line-height: 25px;}


.prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst li .state{display: inline-block;width: 68px;height: 30px;text-align: center;line-height: 30px;color:#fff;}
.prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst li .state1{background-color: #aaa;}
.prd_view .pd_v_bottom .prd_inquiry .inquiry_lst .lst li .state2{background-color: #333;}





@charset "utf-8";

/* ### 기본 ????????커?????? ?? ### */
/* 기본???*/
.mbskin {position:relative;margin:100px auto 0;width:360px;text-align:center}
.mbskin:after {right:10px;left:auto;
  -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
     -o-transform:skew(8deg) rotate(3deg);
      transform:skew(8deg) rotate(3deg)}
.mbskin .mbskin_box{border:1px solid #dde7e9;background:#fff}
.mbskin .frm_input {width:100%}
.mbskin .btn_submit {width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em}
.mbskin h1 {margin:60px 0 30px;font-size:2em}
.mbskin .tbl_frm01 th {width:85px}
/* ### 기본 ????????커?????? ? ### */

/* ???? ??? */
.register {margin:0 auto}
.register:after {display:block;visibility:hidden;clear:both;content:""}
.register .btn_confirm .btn_submit,
.register .btn_confirm .btn_close {float:left;height:50px !important;width:49.5%;font-weight:bold;font-size:1.083em}
.register .btn_confirm {text-align:left}
.register .btn_confirm .btn_submit {margin-left:1%}

#fregister p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold}
#fregister p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453}
#fregister p i {font-size:1.2em;vertical-align:middle}
#fregister section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px}
#fregister_chkall {position:relative;text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px}
#fregister h2 {text-align:left;padding:20px;border-bottom:1px solid #dde7e9;font-size:1.2em}
#fregister textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
#fregister_private {position:relative}
#fregister_private div {padding:20px;background:#fff}
#fregister_private table {width:100%;border-collapse:collapse;font-size:1em;}
#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fregister_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf}
#fregister_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0}

.fregister_agree {position:absolute;top:0;right:0}
.fregister_agree input[type="checkbox"] + label {color:#676e70}
.fregister_agree input[type="checkbox"] + label:hover {color:#2172f8}
.fregister_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #999;border-radius:3px}
.fregister_agree input[type="checkbox"]:checked + label {color:#000}
.fregister_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.fregister_agree.chk_all input[type="checkbox"] + label span {top:18px}

.chk_li {padding-left:20px}

#sns_register .login-sns,
#sns_register h2 {border:0 !important}

/* ???? ????*/
#register_form {background:#fff;margin-bottom:20px}
#register_form h2 {padding:20px;border-bottom:1px solid #dde7e9}
.register_form_inner {background:#f7f7f7;border:1px solid #dde7e9;border-radius:3px}
.register_form_inner ul {padding:20px}
.register_form_inner label {display:block;margin-bottom:10px;line-height:24px}
.register_form_inner label.inline {display:inline}

#fregisterform .cert_desc {color:#3a8afd;}
#fregisterform .cert_req {margin-left:5px;line-height:35px;}
#fregisterform #msg_certify {margin:5px 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
#fregisterform .frm_address {margin:5px 0 0}
#fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
#fregisterform .btn_confirm {text-align:center}
#fregisterform .form_01 div {margin:0 0 20px}
#fregisterform .captcha {display:block;margin:5px 0 0}
#fregisterform .reg_mb_img_file img {max-width:100%;height:auto}
#reg_mb_icon, #reg_mb_img {float:right}

/* ???? ?? */
#reg_result {padding:40px 30px;text-align:center;background:#edf3fc;border:1px solid #d6e2f4;border-radius:5px}
#reg_result h2 {font-size:2em;margin:0 0 20px}
#reg_result h2 strong {color:#ed6478}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em}
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.8em}
#reg_result .result_txt {text-align:left}
#reg_result .btn_confirm {margin:50px 0}
#reg_result i {font-size:3em}
#reg_result .reg_result_p {font-size:1.25em;margin:0 0 10px;color:#3684fa}

.btn_confirm_reg {margin:20px 0;text-align:center}
.reg_btn_submit {display:inline-block;background:#3a8afd;color:#fff;text-align:center;border-radius:3px;width:280px;height:57px;line-height:57px;font-size:1.2em;margin:0 auto;font-weight:bold}

.mb_log_cate h2 {width:50%;float:left;padding:20px 0;text-align:center}
.mb_log_cate .join {width:50%;float:left;padding:20px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
.mb_log_cate:after {display:block;visibility:hidden;clear:both;content:""}

.tooltip_icon {display:inline-block;vertical-align:baseline;color:#b3b5b8;border:0;font-size:1.4em;background:transparent;cursor:pointer}
.tooltip_icon:hover {color:#448bf5}
.tooltip {position:relative;width:auto;color:#fff;background:#000;padding:10px;font-size:small;line-height:18px;display:none;position:absolute;z-index:9;font-weight:normal;margin-left:15px;margin-top:10px}
.tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #000}

/* ????/??????찾기 */
#find_info h3 {display:none;margin-bottom:30px;text-align:center;font-size:1.1em;}
#find_info .new_win_con {background:#f7f7f7;}
#find_info.cert .new_win_con {width:460px;float:left;}
#find_info.cert .new_win_con:nth-child(2) {margin-left:10px;}
#find_info.cert h3 {display:block;}
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
#find_info p {line-height:1.5em}
#find_info #mb_email {margin:10px 0}
#find_info .find_btn .btn_submit {width:30%;word-break:keep-all;}

/* ??????????? */
#pw_reset #info_fs {margin-bottom: 10px}
#pw_reset .frm_input {margin:10px 0 0}

/* 기존 ?? 본???? */
#member_cert_refresh p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold}
#member_cert_refresh p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453}
#member_cert_refresh p i {font-size:1.2em;vertical-align:middle}
#member_cert_refresh section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px}
#member_cert_refresh_chkall {position:relative;text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px}
#member_cert_refresh h2 {text-align:left;padding:20px;border-bottom:1px solid #dde7e9;font-size:1.2em}
#member_cert_refresh textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
#member_cert_refresh_private {position:relative}
#member_cert_refresh_private div {padding:20px;background:#fff}
#member_cert_refresh_private table {width:100%;border-collapse:collapse;font-size:1em;}
#member_cert_refresh_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#member_cert_refresh_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf;font-weight:bold;}
#member_cert_refresh_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0}

.member_cert_refresh_agree {position:absolute;top:0;right:0}
.member_cert_refresh_agree input[type="checkbox"] + label {color:#676e70}
.member_cert_refresh_agree input[type="checkbox"] + label:hover {color:#2172f8}
.member_cert_refresh_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #999;border-radius:3px}
.member_cert_refresh_agree input[type="checkbox"]:checked + label {color:#000}
.member_cert_refresh_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.member_cert_refresh_agree.chk_all input[type="checkbox"] + label span {top:18px}

#member_cert_refresh #find_info {margin:50px 0}
#member_cert_refresh #find_info .find_btn {padding:10px 20px;background:#fff}
#member_cert_refresh #find_info .find_btn > div {margin:10px 0}

/* 로????*/
#mb_login {}
#mb_login h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#login_fs {padding:35px}
#mb_login #login_fs .frm_input {margin:0 0 10px}
#mb_login #login_fs .btn_submit {margin:0 0 15px}

#login_info {}
#login_info:after {display:block;visibility:hidden;clear:both;content:""}
#login_info .login_if_auto {float:left}
#login_info .login_if_auto label {vertical-align:baseline;padding-left:5px}
#login_info .login_if_lpl {float:right}
#login_password_lost {display:inline-block;border:1px solid #d5d9dd;color:#3a8afd;border-radius:2px;padding:2px 5px;line-height:20px}

#mb_login_notmb {margin:30px auto;padding:20px 30px}
#mb_login_notmb h2 {font-size:1.25em;margin:20px 0 10px}
#guest_privacy {border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit {display:block;text-align:center;line-height:45px}

#mb_login_od_wr {margin:30px auto;padding:20px 30px}
#mb_login_od_wr h2 {font-size:1.25em;margin:20px 0 10px}
#mb_login_od_wr .frm_input {margin:10px 0 0}
#mb_login_od_wr p {background:#f3f3f3;margin:20px 0 0;padding:15px 20px;line-height:1.5em}

#mb_login #sns_login {margin-top:0;border-color:#edeaea;padding:25px}
#mb_login #sns_login:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #sns_login .sns-wrap {margin:0 !important}
#mb_login #sns_login .sns-icon {width:49% !important;float:left !important}
#mb_login #sns_login .sns-icon:nth-child(odd) {margin-right:2%}
#mb_login #sns_login .txt {font-size:0.95em;padding-left:5px !important;border-left:0 !important}

/* 쪽?? */
.memo_list {border-top:1px solid #ececec}
.memo_list li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.memo_list li:after {display:block;visibility:hidden;clear:both;content:""}
.memo_list li.read {background:#f6f6f6}
.memo_list li.empty_li {text-align:center;padding:20px 0;color:#666}

.memo_list .memo_li {float:left}
.memo_list .profile_big_img {position:relative;margin-right:15px}
.memo_list .profile_big_img img {border-radius:50%;width:52px;height:52px}
.memo_list .memo_li.memo_name {padding-top:5px;float:none}
.memo_list .memo_preview a{display:block;margin-right:30px;padding-top:10px;font-weight:normal !important;font-size:1.2em}
.memo_list .memo_preview a:hover{text-decoration:underline}
.memo_list .memo_name a,
.memo_list .memo_name .sv_wrap {font-weight:bold}
.memo_list .no_read {position:absolute;bottom:0;right:0;display:inline-block;background:#3a8afd;border:1px solid #e1edff;text-indent:-9999px;border-radius:10px;width:10px;height:10px;box-shadow:0 0 10px 3px #9ec3f9}
.memo_list .no_read {animation:blinker 1s linear infinite}

@keyframes blinker {
	50% {opacity:0}
	}

#memo_list h1#win_title {padding:10px 10px 10px 20px}
#memo_list .memo_datetime {font-size:0.92em;color:#888d92}
#memo_list .memo_del {position:absolute;right:15px;top:15px;padding:10px;color:#c7c9cb;font-size:1.4em}
#memo_list .memo_cnt {margin-top:5px;font-weight:normal;display:inline-block;font-size:1.2em}
#memo_list .pg_wrap {margin-top:10px;width:100%;float:inherit;text-align:center}

#memo_view_contents {margin-bottom:20px;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;list-style:none;background:#f6f6f6}
#memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""}
.memo_view_li {position:relative;/*padding:10px;float:left;width:50%*/}

.memo_view_li .profile_img img {display:none}
.memo_from {position:relative;background:#fff;border-bottom:1px solid #ececec;padding:15px 20px}
.memo_from li {float:left}
.memo_from li.memo_profile img {width:40px;height:40px;border-radius:50%}
.memo_from li:first-child {margin-right:10px}
.memo_from li.memo_view_nick {width:80%}
.memo_from li.memo_view_nick a {font-weight:bold !important}
.memo_from li.memo_view_date {display:block;color:#555;line-height:24px}
.memo_from li.memo_op_btn {position:absolute}
.memo_from li.list_btn {right:53px;}
.memo_from li.del_btn {right:15px;}
.memo_from:after {display:block;visibility:hidden;clear:both;content:""}

.memo_btn {width:100%}
.memo_btn a {display:inline-block;width:50%;font-size:1em;color:#888d92;padding:20px}
.memo_btn a.btn_right {float:right;text-align:right}
.memo_btn a i {font-size:1.2em;color:#acabab;vertical-align:bottom}

#memo_view p {padding:10px;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}
#memo_view textarea {height:100px}

#memo_write .form_01 {padding:20px;border-top:1px solid #ececec}

.reply_btn {display:inline-block;width:150px;height:45px;line-height:50px;padding:0 10px;font-weight:bold;background:#3a8afd;color:#fff;border-radius:3px;vertical-align:bottom;margin-right:5px}
#memo_write .reply_btn {font-size:1em}

/* ???????*/
#scrap li:after {display:block;visibility:hidden;clear:both;content:""}
#scrap li {position:relative;padding:20px;border-bottom:1px solid #ececec}
#scrap .scrap_tit {font-weight:bold;display:block;font-size:1.083em;margin-bottom:10px;line-height:1.3em}
#scrap .scrap_cate {float:left;display:block;color:#ac92ec;background:#eeeaf8;padding:3px;border-radius:3px;font-size:0.92em;margin-right:10px}
#scrap .scrap_datetime {color:#777;line-height:18px}
#scrap .scrap_del {position:absolute;top:15px;right:15px;font-size:18px;color:#c7c9cb}
#scrap .scrap_del:hover {color:#3a8afd}

#scrap_do .new_win_con {padding:0 20px}
#scrap_do textarea {width:100%;height:100px}
#scrap_do .scrap_tit {margin-bottom:10px;background:#f3f3f3;padding:10px 15px;font-size:1.2em;font-weight:bold}
#scrap_do label {display:block;margin:0 0 5px;font-size:1em}
#scrap_do .win_btn:after {display:block;visibility:hidden;clear:both;content:""}
#scrap .win_btn, #scrap_do .win_btn {margin:20px 0;text-align:center}
#scrap_do .win_btn .btn_submit {float:inherit}
#scrap_do .win_desc {margin:0 20px}

/*???????/
#point {text-align:center}
#point h1 {text-align:left}
#point .point_all {margin:20px 20px 15px;border-radius:5px;background:#edf3fc;border:1px solid #d6e2f4;color:#485172;font-size:1.083em}
#point .point_all:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_all li {float:left;width:50%;padding:20px;text-align:left}
#point .point_all li span {float:right;color:#485172;font-weight:bold}
#point .point_all li:last-child {border-left:1px solid #d6e2f4}
#point .point_all .full_li {width:100%;border-bottom:1px solid #d6e2f4;text-align:left}
#point .point_all .full_li span {color:#000;font-weight:bold;font-size:1.2em}
#point .point_status{background:#737373;border:0;color:#fff;font-weight:bold;font-size:1.083em;text-align:left}
#point .point_status:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_status span{margin-left:10px;float:right}

.point_list {}
.point_list li:first-child {border-top:1px solid #ececec}
.point_list li {border-bottom:1px solid #ececec;background:#fff;padding:15px;list-style:none;position:relative}
.point_list li:after {display:block;visibility:hidden;clear:both;content:""}

.point_list .point_use {background:#f6f6f6}
.point_list .point_use .point_num {font-size:1.25em;color:#ff4f76;font-weight:bold;float:right}
.point_list .point_num {font-size:1.25em;color:#3a8afd;font-weight:bold;position:absolute;right:15px;top:25px}
.point_list .point_top {line-height:15px;margin:0 0 5px}
.point_list .point_top:after {display:block;visibility:hidden;clear:both;content:""}
.point_list .point_tit {font-weight:bold;float:left;font-size:1.083em;display:block}
.point_list .point_date1 {float:left;color:#888d92}
.point_list .point_date {float:left;color:#888d92}
.point_list .txt_expired {color:red;margin-left:5px}

#point .pg_wrap {width:100%;float:inherit;text-align:center}
#point .btn_close {margin:20px auto}

/* ?? ??????????*/
#mb_confirm {}
#mb_confirm h1 {margin:60px 0 30px;font-size:2em}
#mb_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1.083em;line-height:1.4em;color:#656565}
#mb_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px}
#mb_confirm fieldset {padding:50px;text-align:left}
#mb_confirm fieldset .frm_input {background-color:#fff !important}
#mb_confirm label {letter-spacing:-0.1em}
#mb_confirm_id {display:block;margin:5px 0 10px;font-weight:bold}
#mb_confirm .confirm_id {font-size:0.92em;color:#666}

/* ???? ??????????*/
#pw_confirm h1 {margin:60px 20px 30px;font-size:2em}
#pw_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1.083em;line-height:1.4em;color:#656565}
#pw_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px}
#pw_confirm fieldset {padding:50px;text-align:center}
#pw_confirm fieldset .frm_input {background-color:#fff !important}
#pw_confirm label {letter-spacing:-0.1em}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
#mb_confirm_id {}

/* ?????*/
#formmail textarea {height:100px}
#formmail .formmail_flie {position:relative}
#formmail .formmail_flie .file_wr {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#formmail .lb_icon {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#fff;text-align:center;color:#b2b2b2}
#formmail .frm_file {padding-left:50px}
#formmail .frm_info {color:#3497d9;font-size:0.92em}
.chk_box {position:relative}
.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70}
.chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#f7f8f9;border:1px solid #cdd6df;border-radius:50%}
.chk_box input[type="radio"]:checked + label {color:#3a8afd}
.chk_box input[type="radio"]:checked + label span {border-color:#3a8afd}
.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#3a8afd;content:'';position:absolute;top:3px;left:3px;border-radius:50%}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}

/* ?기소? */
#profile h1 a {}
#profile table {margin-bottom:0}
#profile table th {text-align:left;padding:10px;width:100px}
#profile section {color:#6794d3;background:#fff;padding:10px;border:1px solid #eee;margin:10px 0}
#profile h2 {margin:0 0 5px}
#profile .profile_name {text-align:center;font-weight:bold}
#profile .my_profile_img {display:block;margin:20px 0 5px}
#profile .my_profile_img img {border-radius:50%}
#profile .profile_img img {border-radius:50%}
#profile .profile_name .sv_wrap {font-weight:bold;text-align:left}



#auction-list .list {
  margin-bottom: 40px;
  border-top: 1px solid #000;
}



