@charset "utf-8";

/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */
/* http://anfnet.inpiad.net/index/adm/shop_admin/categoryform.php?w=u&ca_id=10&sst=&sod=&sfl=&stx=&page=0 */
/* 공통 */
.sct_noitem {padding:5em 0;color:#666;text-align:center}

/* 상품 목록 스킨 10 */
.sct_10 {overflow:hidden;}
.sct_10:after {display:block;content:"";clear:both;visibility:hidden;}
.sct_10 .sct_li {float:left;width:22.85%;position:relative;margin-left:2.85%;text-align:center;box-sizing:border-box;}
.sct_10 .sct_li:nth-child(n+5) {margin-top: 20px;}
.sct_10 .sct_li:nth-child(4n+1) {clear:both;margin-left: 0;}
.sct_10 .sct_li:hover .sct_txt_wr {opacity: 1;}

/* 상품 이미지 */
.sct_10 .sct_img {position:relative;display:block;width:100%;height:0;padding-bottom:calc(100% - 2px);box-sizing:border-box;overflow:hidden;border: 1px solid #ddd;}
.sct_10 .sct_img .sct_a {position:absolute;display:block;left:0;top:0;width:100%;height:100%;}
.sct_10 .sct_img .sct_a img {position:absolute;left:50%;top:50%;width:auto;max-width:100%;height:auto;transform:translateX(-50%) translateY(-50%);}
.sct_10 .sct_img a:before {display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}

/* 상품 아이콘 */
.sct_10 .sct_icon_wr {display:none;overflow:hidden;}
.sct_10 .sct_icon_wr span {display:block;min-height:26px;box-sizing:border-box;overflow:hidden;}
.sct_10 .sct_icon_wr span > img {margin:4px 1px;}

.sct_10 .sct_txt_wr {position:absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);opacity: 0;transition:opacity .3s;}
.sct_10 .sct_txt_wr:after {display:block;content:'';clear:both;}
.sct_10 .sct_txt_wr .sct_txt {}
.sct_10 .sct_txt_wr .sct_a {position: absolute;bottom: 0;left: 0;width: 100%;font-size: 1.125em;padding-bottom: 10px;text-align: center;color: #fff;}
.sct_10 .sct_txt_wr .sct_cost {display: none;padding-top: 0;text-align: center;font-size: 1.125em;font-weight: 400;line-height: 2;transition:.3s;border-bottom: 1px solid #dddddd;}
.sct_10 .sct_li:hover .sct_txt_wr .sct_a {color: #e5a445;}
.sct_10 .sct_li:hover .sct_txt_wr .sct_cost {color: #e5a445; border-bottom: 1px solid #e5a445;}
.sct_10 .sct_txt_wr .sct_cost strike {}
.sct_10 .sct_txt_wr .sct_order {font-size:13px;}
/*
.sct_10 .sct_id {display:block;margin:0 0 5px;}
.sct_10 .sct_basic {margin:0 0 10px;}
.sct_10 .sct_icon {margin:0 0 10px;}
.sct_10 .sct_sns {margin:15px 0 0;}
.sct_10 .sct_btn {position:absolute;left:0;bottom:0;width:100%;background:url('img/list_btn_bg.gif') no-repeat 50% 50%;}
.sct_10 .sct_btn:after {display:block;visibility:hidden;clear:both;content:""}
.sct_10 .sct_btn button {float:left;width:50%;background:transparent;border:0;border-bottom:1px solid #e0e0e0;height:30px;font-size:0.92em;color:#8e8e8e}
.sct_10 .sct_btn button i {color:#c1c1c1}
.sct_10 .sct_btn button:hover i,.sct_10 .sct_btn button:hover {color:#79aaf3}
*/

.sct_10 .sct_cartop {display:none;position:absolute;bottom:0;left:0;width:100%;height:auto;padding:0}
.sct_10 .sct_cartop_wr {background:url(img/cart_op_bg.png) repeat;padding:10px;height:auto}
.sct_10 .sct_cartop_wr label {display:block;text-align:left;font-size:0.92em;margin:5px 0}
.sct_10 .sct_cartop_wr select {width:100%;margin-bottom:8px;height:25px}
.sct_10 .sct_cartop_wr button {background:#fff;width:100%}
.sct_10 .sct_cartop_wr .cartopt_cart_btn {background:#65a2f1;border:1px solid #4d8ad9;margin:3px 0;color:#fff;height:30px;}
.sct_10 .sct_cartop_wr .cartopt_close_btn {border:1px solid #ccc;margin:2px 0;color:#fff;height:30px;color:#666;
  background: -webkit-linear-gradient(#fff,#fff, #f1f1f1);/* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fff,#fff, #f1f1f1);/* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fff, #fff, #f1f1f1);/* For Firefox 3.6 to 15 */
  background: linear-gradient(#fff,#fff, #f1f1f1);/* Standard syntax */
}


@media(max-width:1024px) {
}
@media (max-width: 960px) {
  .sct_10 .sct_li {width: 31.4%;}
  .sct_10 .sct_li:nth-child(4n+1) {clear:none;margin-left: 2.85%;}
  .sct_10 .sct_li:nth-child(3n+1) {clear:both;margin-left: 0;}
  .sct_10 .sct_li:nth-child(n+4) {margin-top: 20px;}
}
@media (max-width: 640px) {
  .sct_10 .sct_li {width: 48.4%;}
  .sct_10 .sct_li:nth-child(3n+1) {clear:none;margin-left: 2.85%;}
  .sct_10 .sct_li:nth-child(2n+1) {clear:both;margin-left: 0;}
  .sct_10 .sct_li:nth-child(n+3) {margin-top: 3%;}
}

.li_more {text-align:center;clear:both}
.li_more img {width:30px;margin:5px 0}
.li_more p {color:#aaa;margin-top:5px;display:none;}
.li_more button {border:2px solid #e5a445;color:#e5a445;background:transparent;display:inline-block;padding:10px;width:200px;font-weight:bold;margin-top:10px;}
.li_more button:hover {background:#e5a445;color:#fff;font-weight:bold}

/* 관련상품 목록 스킨 10 */
#sit_rel {background:#fff;border:1px solid #d3d3d3;padding:20px;margin:20px 0}
#sit_rel h2 {text-align:center;margin:0 0 10px;font-weight:normal;color:#a3a3a3;letter-spacing:0.3em;font-size:0.92em}
.sct_rel:after {display:block;visibility:hidden;clear:both;content:""}
.sct_rel li {float:left;width:16.66%;padding:0 10px;margin-bottom:10px;;text-align:center;}
.sct_rel li img {width:100%;height:auto}
.sct_rel li a {line-height:20px;color:#646464;display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top:5px;font-size:0.92em}
.sct_rel li .sct_cost {font-weight:bold;color:#646464}

@media (max-width: 640px) {
  .sct_rel li {width:33.33%}
}

/* 베스트상품 스킨 10 */
#best_item {border: 1px solid rgba(255,255,255,0.3);margin:20px 0;overflow:hidden;position:relative;background:	 transparent;	margin-bottom: 50px;text-align:center;}
#best_item h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#best_item .slide-wrap {margin:0px;overflow:hidden;position:relative;top:0;left:0;float:left;}
#best_item .sct_best {width:100%;position:relative;padding:0;float:left;}
#best_item .best_on {}
.sct_best .sct_li {position:relative;}
.sct_best .sct_last {margin:0 0 15px !important;}
.sct_best .sct_clear {clear:both;margin-left:0}
.sct_best .sct_a {display:block;position:relative;text-decoration:none;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.sct_best .sct_txt .sct_a {margin:0;line-height:2;font-size: 18px;color: #333;}
.sct_best .sct_a img {width:100%;height:auto}
.sct_best .sct_id {display:block;margin:0 0 5px}
.sct_best .sct_basic {margin:0 0 10px}
.sct_best .sct_cost {font-weight:bold;display:block;margin:0 0 10px;font-size:0.917em}
.sct_best .sct_icon {margin:0 0 10px}
.sct_best .sct_sns {margin:15px 0 0}
.sct_best .sct_img {position:relative;margin:0 0 5px;}
.sct_best .best_icon {background:url(img/prd_icon.png) no-repeat;position:absolute;top:0;left:0;font-size:0;width:25px;height:25px;display:inline-block;z-index:999;overflow:hidden;text-indent:-99999px}
.bst_silde_btn {text-align:center;margin:5px 0 10px}
.bst_silde_btn button {background:url(img/best_btn.gif) no-repeat 5px 5px;width:20px;height:20px;text-indent:-999px;font-size:0;border:none;}
.bst_silde_btn button.bst_sl {background-position:-11px 5px }
#sbest_list {display:inline-block}
#sbest_list .bx-pager {text-align:center;}
#sbest_list .bx-pager-item {display:inline-block;margin:5px;}
#sbest_list .bx-pager-item a {display:block;width:10px;height:10px;background:#aaa;text-indent:-999px;overflow:hidden;border-radius:50%;}
#sbest_list .bx-pager-item .active {background:#65a2f1}


/* 개인결제 목록 */
.sct_pv {margin:0 -10px}
.sct_pv:after {display:block;visibility:hidden;clear:both;content:""}
.sct_pv .sct_li {position:relative;float:left;position:relative;float:left;text-align:center;width:20%;padding:10px;}
.sct_pv .sct_img {}
.sct_pv .sct_img a {border:1px solid #e2edef}
.sct_pv .sct_img img {width:100%;}
.sct_pv .sct_last {margin:0 0 15px !important}
.sct_pv .sct_clear {clear:both}
.sct_pv .sct_a {display:block;position:relative;margin:0 0 3px;text-decoration:none;;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 20px;}
.sct_pv .sct_id {display:block;margin:0 0 5px}
.sct_pv .sct_basic {margin:0 0 10px}
.sct_pv .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_pv .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_pv .sct_icon {margin:0 0 10px}


@media (max-width: 640px) {
  .sct_pv .sct_li {width:50%}
}



/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 끝 ##### */

/* 상품 목록 */
#sct {max-width:1140px;margin:0 auto;}
.sct_admin {margin:0 0 10px;text-align:right}



/* 상품 목록 현재 위치 */
#sct_location {border:1px solid #e9e9e9;background:#f2f5f9;letter-spacing:-4px}
#sct_location a {display:inline-block;padding:5px 10px;text-decoration:none;letter-spacing:0 !important}
.sct_here {font-weight:bold}
.sct_bg {padding-right:13px !important;background:url('img/sct_bg_toright.gif') right 8px no-repeat}

/* 상품 목록 카테고리 목록 */
.sct_ct {display:block;margin-bottom:30px;padding-bottom: 0;}
.sct_ct h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;}
.sct_ct ul {text-align: center;}
.sct_ct ul li:first-child {background:none}
.sct_ct ul > li {display: inline-block;float:none;overflow: visible;}
.sct_ct ul > li > a {background: none;border:none;padding: 0;font-size: 1.125em;padding: 0 2em;line-height: 2;color: #999;font-weight: 500;position: relative;;}
.sct_ct ul.shop_tab > li a:before {content:'';position: absolute;right: 0;top: 50%;margin-top: -5px;width: 1px;height: 10px;background-color: #dddddd;}
.sct_ct ul.shop_tab > li > a:after {content:'';position: absolute;left: 16%;margin-left: 0;bottom: 0;width: 70%;height: 2px;background-color: #e5a445;opacity: 0;transition:.3s;}
.sct_ct ul > li > a:hover:after {opacity: 1;}
.sct_ct ul > li.current a:after {opacity: 1;}
.sct_ct ul > li.current a {color: #e5a445;}
.sct_ct ul > li:hover > a {color: #e5a445}
.sct_ct ul > li:last-child:before,
.sct_ct ul > li:last-child a:before {display: none;}



@media (max-width:640px) {
  .sct_ct {margin-bottom: 5vw;}
  .sct_ct ul > li > a {font-size: 1em;padding: 0 1em;}
}

#sct_ct_2 li {margin:0 0 10px}
#sct_ct_2 a {display:inline-block;width:120px}
#sct_ct_3 li {float:left;margin:0 10px 10px 0;width:120px}

/* 상품 정렬 */
#sct_sort {display:none;margin:0;overflow:hidden;}
#sct_sort h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;}

/* 상품 리스트 스타일 선택 */
#sct_lst {float:right;margin:10px 0;padding:0;list-style:none}
#sct_lst:after {display:block;visibility:hidden;clear:both;content:""}
#sct_lst li {position:relative;float:left;margin:0 0 0 -1px}
#sct_lst button {position:relative;margin:0 0 0 -1px;padding:0;width:25px;height:25px;border:1px solid #ccc}
#sct_lst button span {position:absolute;top:0;left:0;width:100%;height:100%;background:url('../shop/img/is_button.gif')}
#sct_lst button.sct_lst_list span {background-position:0 0}
#sct_lst button.sct_lst_list span.sct_lst_on {background-position:0 -30px}
#sct_lst button.sct_lst_gallery span {background-position:-30px 0}
#sct_lst button.sct_lst_gallery span.sct_lst_on {background-position:-30px -30px}

/* 상품 상세보기 */
.sit_con {margin:15px 0 30px;max-width:1500px;margin:0 auto;}
#sit {margin: 0;}
.sit_admin {margin:10px 10px 0;text-align:right}
.sit_empty {padding:30px 0;text-align:center;color:#666}

/* 상품상세 */
#info_content {padding:0 10px 30px;zoom:1}
#info_content:after {display:block;visibility:hidden;clear:both;content:""}
#info_content h3 {margin:0 0 10px}
.if_tit {text-align:center;margin-top:10px;padding:10px;background:#f5f5f5;border:1px solid #e9e9e9;}
.win_desc_if {border:1px solid #e9e9e9;padding:10px;border-top:none;}
.win_desc {margin-top:10px}

/* 상품 상세보기 - 개요 */
#sit_ov_wrap {display:block;height:auto;margin:0 auto; padding-top:70px; box-sizing:border-box;overflow:visible;max-width:1140px;margin-bottom: 40px;}
#sit_ov_wrap:after {display:block;content:'';clear:both;}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {display:block;float:left;width:50%;height:100%;text-align:center;box-sizing:border-box;overflow:hidden;}
#sit_pri_frame {display:block;width:100%;height:495px;box-sizing:border-box;overflow:hidden;}
#sit_pvi_big {position:relative;display:block;height:100%;text-align:center;box-sizing:border-box;overflow:hidden;}
#sit_pvi_big > a {position:relative;display:block;width:100%;height:100%;}
#sit_pvi_big > a img {position:absolute;left:0;right:0;top:0;bottom:0;width:auto;height:auto;margin:auto auto;max-width: 100%;	 max-height: 100%;}

#sit_pvi_big > a figcaption{position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; background: rgba(0,0,0,0.6); text-align: center; color: #fff; font-size: 18px; line-height: 1.7; align-items:center; display: flex;}
#sit_pvi_big > a figcaption span{width: 100%; display: block; word-break: break-all;}


#sit_pvi_thumb {display:inline-block;width:auto;max-width:91%;margin-top:20px;box-sizing:border-box;overflow:hidden;}
#sit_pvi_thumb:after {display:block;content:'';clear:both;}
#sit_pvi_thumb li {display:block;float:left;width:100px;height:100px;margin:0 8px 6px;border:1px solid #dfdfdf;overflow:hidden;}
#sit_pvi_thumb li:hover {border:1px solid #e5a445;}
#sit_pvi_thumb li > a {display:block;width:100%;height:100%;overflow:hidden;}
#sit_pvi_thumb li > a > img {width:auto;height:auto;max-width:100% !important;margin:0 auto;}

#sit_pvi .bx-wrapper {position:relative;display:block;width:100%;height:100%;margin:0;height: 500px;}
#sit_pvi .bx-viewport {position:relative;display:block;width:100%;height:100% !important;}
#sit_pvi .bx-next {position:absolute;display:block;right:0;top:51%;width:16px;height:30px;margin-top:-15px;text-indent:-999px;background:url('/index/img/bx_next.png') no-repeat  0;overflow:hidden;z-index: 1;}
#sit_pvi .bx-prev {position:absolute;display:block;left:0;top:51%;width:16px;height:30px;margin-top:-15px;text-indent:-999px;;background:url('/index/img/bx_prev.png') no-repeat;overflow:hidden;z-index: 1;}
@media (max-width:640px) {
  #sit_pvi .bx-wrapper {height: 60vw;}
}

#sit_pvi_nw h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_pvi_nwbig {padding:10px 0;text-align:center}
#sit_pvi_nwbig span {display:none}
#sit_pvi_nwbig span.visible {display:inline}
#sit_pvi_nw ul {margin:0 0 20px;padding:0 10px;list-style:none;text-align:center;zoom:1}
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_nw li {display:inline-block;margin:0 0 1px 1px}
#sit_pvi_nw li img {width:60px;height:60px}

@media (max-width: 970px) {
  #sit_pvi {padding:0;width:50%;}
  #sit_pvi_thumb {display:none}
  #sit_pvi .bx-next,#sit_pvi .bx-prev {display:block}
}

@media (max-width: 640px) {
  #sit_ov_wrap {height:auto;margin-bottom:5vw;}
  #sit_pvi {float:none;width:100%;}
  #sit_pri_frame {height:auto;}
  #sit_pvi_big > a img {position:relative;left:auto;right:auto;top:auto;bottom:auto;}
}

/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_hhtml img {width:100%;height:auto;}

#sit_ov {display:block;float:right;width:50%;height:100%;box-sizing:border-box;overflow:hidden;}
#sit_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;}
#sit_ov h3 {margin:0 0 5px;font-size:1em}
#sit_ov section {margin: 0px 0;border-bottom:1px solid #d3d3d3;padding-bottom:5px}

#sit_title {display:block;margin:0;font-size:32px;color:#333;font-weight:400;line-height: 32px;margin-bottom: 29px;}
#sit_desc {display:block;margin:0;color:#999;font-weight: 500;letter-spacing: 0;font-size: 11px;line-height: 2;}
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
/*
.sit_icon {display:block;margin: 0 0;}
.sit_icon img {margin:0 1px 0 0;vertical-align:top;margin:0 1px}
*/
@media all and (max-width:640px) {
  #sit_title {font-size:1.1em;}
  #sit_desc {font-size:0.875em;}
}

#sit_star {color:#b8afa2;font-size:0.95em;padding:0;line-height:2.2em}
#sit_star span {display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0}
#sit_star .sit_star {position:relative;top:-2px;margin:0 5px 0 0}
#sit_star a {display:inline-block;vertical-align:middle}
#sit_star button {margin:0;padding:0;border:0}

.sit_ov_tbl {margin:0;padding:;color:#707070;;padding-bottom: 4px;}
.sit_ov_tbl table {width:100%;font-size:0.917em;border-collapse:collapse;border:0;}
.sit_ov_tbl th {font-weight:400;text-align:left;color: #333;line-height: 36px;}
.sit_ov_tbl td {;text-align: right;font-size: 1.125em;color: #666;padding: 0;line-height: 36px;}
.sit_ov_tbl tr:first-child td,.sit_ov_tbl tr:first-child th {border:none;}
@media all and (max-width:640px) {
  .sit_ov_tbl table {font-size:0.875em;}
  .sit_ov_tbl th {line-height: 2;}
  .sit_ov_tbl td {line-height: 2;}
}

.sit_ov_ro {padding:2px 2px 3px;border:0;background:transparent;text-align:right;vertical-align:middle}
.sit_ov_opt {padding:2px 2px 3px;border:0;background:transparent;vertical-align:middle}
.sit_ov_input {height:1.8em;border:1px solid #b8c9c2;background:transparent;vertical-align:middle}
.sit_ov_tbl button {margin:0}

.sit_op_sl {width:100%;border-collapse:collapse;}
.sit_op_sl th {font-weight:normal;text-align:left;font-size:0.92em;}
.sit_op_sl td {text-align:left;padding:5px 0 5px 0;}
.sit_op_sl td select {width:100%;}
.sit_sel_btn {position:relative;top:-15px;right:-2px} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {width:100%}

#sit_ov_soldout {margin:0 0 20px;color:#ff3061;text-align:center;}
#sit_ov_btn {padding:0 0 10px;text-align:center;}
#sit_ov_btn:after {display:block;content:"";visibility:hidden;clear:both;}
#sit_ov_btn a {height:70px;line-height:70px;border-radius:0;}
#sit_ov_btn input {height:70px;line-height:70px;}
#sit_btn_cart {float:right;width:19.6%;margin-right:1%;color:#e5a445;border: 1px solid #e5a445;background: #fff;/* text-indent: -9999px;background: #fff url(/index/img/sit_btn_cart.png)no-repeat 50%; */}
#sit_btn_wish {float:right;width:19.6%;margin-right:0%;color:#fff;border:0;background: #e5a445 url(/index/img/sit_btn_wish.png)no-repeat 50%;}
#sit_btn_buy {float:left;width:78.4%;margin-right:1%;color:#fff;background:#e5a445;border:0;}
#sit_btn_rec {float:left;width:20%;margin-right:1%;color:#fff;background:#666;border:0;}

@media all and (max-width:640px) {
  /* 	#sit_ov_soldout {margin:0 0 20px;color:#ff3061;text-align:center;}
    #sit_ov_btn {padding:0 0 10px;text-align:center;}
    #sit_ov_btn a {display:inline-block;height:10vw;line-height:1;padding:10px 10px;font-size:0.8125em;box-sizing:border-box;vertical-align:top;}
    #sit_ov_btn input {display:inline-block;height:10vw;line-height:1;padding:10px 10px;font-size:0.8125em;box-sizing:border-box;vertical-align:top;}
    #sit_btn_cart {float:none;width:23%;}
    #sit_btn_buy {float:none;width:23%;}
    #sit_btn_wish {float:none;width:23%;}
    #sit_btn_rec {float:none;width:23%;} */
}


@media all and (max-width:480px) {
  /* 	#sit_ov_btn a     {width:23%;padding:10px 0;font-size:0.75em;}
    #sit_ov_btn input {width:23%;padding:10px 0;font-size:0.75em;}
    #sit_ov_btn input#sit_btn_cart {background-size:auto 50% !important} */
}



@media (max-width: 970px) {
  #sit_ov {width:50%;padding-left:20px}
}
@media (max-width: 640px) {
  #sit_ov {padding:0;width:100%;float:none;}
}
#sit_sns {display:none;padding:10px 0 20px;text-align:center;}
#sit_sns img {width:20px;height:auto;}
#sit_sel_option,#sit_tot_price {padding:0;}

/* 상품 상세보기 - 다른 상품 보기 */
#sit_siblings {position:relative;height:auto;text-align:center;overflow:hidden;}
#sit_siblings h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;}
#sit_siblings a {display:inline-block;background:#383838;color:#fff;border:1px solid #d3d3d3;}
#sit_siblings a#siblings_prev {position:absolute;left:0;top:50%;width:30px;height:30px;text-indent:-9999px;background:#fff url('img/item_next_btn.png') no-repeat;transform:translateY(-50%);overflow:hidden;}
#sit_siblings a#siblings_next {position:absolute;right:0;top:50%;width:30px;height:30px;text-indent:-9999px;background:#fff url('img/item_next_btn.png') no-repeat -29px 0;transform:translateY(-50%);overflow:hidden;}
#sit_siblings a span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_opt_added li {color: #e5a445;}
#sit_tot_price span {color: #e5a445;}
#sit_opt_added li span {font-size: 12px}

#sit_tot_price {}
/* 상품 상세보기 하단 버튼
#sit_more {-webkit-backface-visibility: hidden;padding:0;background-color: rgba(0, 0, 0, 0.8);position:fixed;bottom:0;left:0;width:100%;z-index:9999}
#sit_more:after {display:block;visibility:hidden;clear:both;content:""}
#sit_more li {position:relative;width:25%;float:left;letter-spacing:0.2em;background:url(img/item_bg.gif) no-repeat left 17px;}
#sit_more li:first-child {background:none}
#sit_more a {display:block;padding:15px 0 15px 2px;text-align:center;color:#fff}
.item_use_count,.item_qa_count {color:#999;padding-left:2px}

/* 상품 상세보기 - 상품정보 */
.sit_con h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;}
.close_btn {margin:30px 10px 10px;}
#sit_inf {background:#fff;}
#iteminfo_close {width:100%;background:#000;border:none;color:#fff;padding:10px 0;}
#sit_inf_basic {margin:0 0 20px}
#sit_inf_explan {margin:0 0 10px;line-height:1.5em}
#sit_inf_explan img {max-width:100%;height:auto}
#sit_inf_open {margin:0;padding:0;list-style:none}
#sit_inf_open  {border-collapse:collapse;width:100%;font-size:0.92em;}
#sit_inf_open th {font-weight:500;background:#f3f3f3}
#sit_inf_open th,#sit_inf_open td {text-align:left;border:1px solid #eee;padding:7px;color:#666}
#sit_inf_open li {margin:0 0 1px;padding:8px 0;background:#fff;border:1px solid #f2f2f2;border-top:none;color:#727272}
#sit_inf_open li:after {display:block;visibility:hidden;clear:both;content:""}
#sit_inf_open strong {clear:both;float:left;padding:0 1%;width:28%;letter-spacing:-0.1em}
#sit_inf_open span {float:left;margin:0;padding:0 1%;width:68%}
#sit_inf h3 {margin-bottom:10px;font-size:20px;color:#333;font-weight:400;}

@media (max-width: 640px) {
  #sit_inf_open colgroup {display: none;}
  #sit_inf_open table,
  #sit_inf_open thead,
  #sit_inf_open tbody,
  #sit_inf_open tr,
  #sit_inf_open th,#sit_inf_open td {width:100%;display:block;text-align: center;}
}
/* 상품 상세보기 - 사용후기 */
.tit_no {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_use_ol {margin:0 0 5px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
.sit_use_li {position:relative;border-bottom:1px solid #e9e9e9;background:#fff;}
.sit_use_li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_li_title {display:block;margin:0;padding:0 10px;line-height:45px;width:100%;border:0;background:transparent;text-align:left;padding-right:200px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.sit_use_li_title b {font-weight:normal;margin-right:2px}
.sit_use_dl {margin:0;padding:0 10px;position:absolute;top:0;right:0;line-height:45px;font-size:0.92em}
.sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_dl dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sit_use_dl dd {float:left;margin:0 10px 0 0;color:#888;}
.sit_use_dl dd img {vertical-align: middle;margin-top: -3px;}
.sit_use_con {display:none;border-top:1px solid #eee;padding:15px}
.sit_use_p {margin:0 0 10px;}
.sit_use_cmd {text-align:right}
.sit_use_cmd a.btn01 {padding: 5px;}
#sit_use_wbtn {margin:19px 0 5px;text-align:right;}
#sit_use_wbtn  a {color:#fff !important;font-weight:400;vertical-align:middle;min-width: 100px;padding: 0 20px;height: 47px;line-height: 47px;border-radius: 50px;background-color: #e5a445;}
#sit_use_write {}
#sit_use_write #is_subject {width:100%}
#sit_use_write ul {margin:5px 0 0}
#sit_use_write li {margin:0 0 5px}
#sit_use_write li label {display:inline-block;width:80px}
#sit_use_write_star {margin:0;padding:0;list-style:none}


/* 상품 상세보기 - 상품문의 */
#sit_qa_ol {margin:0 0 5px;padding:0;list-style:none}
.sit_qa_li {position:relative;border-bottom:1px solid #e9e9e9;background:#fff}
.sit_qa_li_title {display:block;margin:0;padding:0 10px;line-height:45px;width:100%;border:0;background:transparent;text-align:left;padding-right:200px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.sit_qa_li_title b {font-weight:normal;margin-right:2px}
.sit_qa_dl {margin:0;padding:0 10px;position:absolute;top:0;right:0;line-height:45px;font-size:0.92em}
.sit_qa_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_qa_dl dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sit_qa_dl dd {float:left;margin:0 10px 0 0;color:#888;}
.sit_qa_dl dd.sit_qaa_yet,.sit_qa_dl dd.sit_qaa_done {display:inline-block;width:50px;height:40px;margin:0;text-align:center;font-size:0.75em;line-height: 38px;font-weight:bold;border:1px solid #ddd;overflow:hidden;}
.sit_qa_dl dd.sit_qaa_done {color:#65a2f1}
.sit_qa_con {display:none;padding:15px;border-top:1px solid #eee;}
.sit_qa_p {;background:#fff;line-height:1.8em;}
.sit_qa_p strong {display:inline-block;margin:0 0 10px;}
.sit_qa_qaq {margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #eee}

.sit_qa_con textarea {display:none}
.sit_qa_cmd {text-align:right}
.sit_qa_cmd a.btn01 {padding:5px;}
.sit_qa_pw {display:none;position:absolute;top:30px;left:175px;padding:10px;width:348px;border:1px solid #000;background:#fff;text-align:center}
.sit_qa_pw span {display:block;margin:0 0 5px}

#sit_qa_wbtn {margin:19px 0 5px;text-align:right}
/* #sit_qa_wbtn a {color:#fff !important;font-weight:400;vertical-align:middle;} */
#sit_qa_wbtn a  {color:#fff !important;font-weight:400;vertical-align:middle;min-width: 100px;padding: 0 20px;height: 47px;line-height: 47px;border-radius: 50px;background-color: #e5a445;}
#sit_qa_w {display:none}
a.qa_wr {display:inline-block;height:40px;line-height:40px;padding:0 20px;color:#fff;text-align:center;background:#333;border:0;}
#itemqa_list,#itemuse_list {height:35px;line-height:35px;border:1px solid #d0d0d0;background:#fff;cursor:pointer;padding:0 10px;color:#666;
  background: -webkit-linear-gradient(#fff,#fff, #f1f1f1);/* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fff,#fff, #f1f1f1);/* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fff, #fff, #f1f1f1);/* For Firefox 3.6 to 15 */
  background: linear-gradient(#fff,#fff, #f1f1f1);/* Standard syntax */}

@media (max-width: 640px) {
  .sit_use_dl,.sit_qa_dl {position:relative;line-height:20px;padding-bottom:5px}
  .sit_qa_li_title,.sit_use_li_title {line-height:20px;padding-top:5px;}

  .sit_qa_dl dd.sit_qaa_yet, .sit_qa_dl dd.sit_qaa_done {width: 15vw;height: auto;line-height: 5vw;}
}

/* 쇼핑몰 이벤트 */
#sev {margin:0 10px;padding:0 10px;list-style:none;}
#sev li {position:relative;}
#sev .sev_img {display:block;width:100%;height:313px;background:no-repeat;background-position:top center;}
#sev .sev_text {display:block;width:100%;height:313px;line-height:300px;background:#333;color:#fff;font-size:4em;text-align:center;font-family:"Namum Gothic", sans-serif;font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#sev .sev_more {position:absolute;top:200px;left:50%;margin-left:-50px;background:url(img/more_bg.png) no-repeat 70px 13px #79aaf3;display:inline-block;width:100px;height:35px;line-height:35px;color:#fff;text-align:center;border-radius:30px;font-size:0.93em;padding-right:10px}
#sev .ev_prd {margin-top:-30px;padding:0 10px;margin-bottom:20px}
#sev .ev_prd:after {display:block;visibility:hidden;clear:both;content:""}
#sev .ev_prd li {float:left;width:25%;padding:0 10px;margin-bottom:20px}
#sev .ev_prd li img {width:100%;height:auto}
#sev  li .ev_prd_wr {background:#fff;padding:20px 20px 15px;
  box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 9px;
  -moz-box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 9px
}
#sev li .ev_prd_tit {text-align:center;margin:15px 0 5px;line-height:15px;display:block;color:#646464;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#sev li .ev_prd_price {font-weight:bold;color:#79aaf3;text-align:center;display:block}
#sev .sev_empty {text-align:center;padding:80px 0;color:#666}

@media (max-width: 970px) {
  #sev .ev_prd li {padding:5px}
  #sev li .ev_prd_wr {padding:10px}
}

@media (max-width: 640px) {
  #sev .ev_prd li {width:50%;margin-bottom:0}
  .ev_prd_3 {clear:both}
  #sev li .ev_prd_tit {margin-top:10px}
  #sev .sev_text {font-size:2em;height:200px;line-height:180px;}
  #sev .sev_more {top:125px;height:30px;line-height:30px;width:80px;padding:0;margin-left:-40px;background-image:none}
  #sev .sev_img {height:200px;background-size:auto 100%}
}

/* 로딩안내 레이어 */
#loading_message {z-index:10000;position:absolute;top:0;left:0;background:#fff;opacity:0.7}
#loading_message img {position:relative;opacity:1.0}

/* 알림 box */
#fancyalert {display:block;z-index:10000;position:absolute;top:0;left:0}
#fancyalert_inner {display:table;z-index:2;position:relative}
#fancyalert_inner div {display:table-cell;vertical-align:middle;text-align:center}
#fancyalert_inner span {display:block;margin:0 auto;padding:30px;width:200px;background:#1f1f1f;color:#f0f1f2}
#fancyalert_inner button {margin:15px 0 0;padding:10px 30px;border:0;background:#000;color:#fff}
#fancyalert_bg {z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;vertical-align:middle;background:#000;text-align:center;opacity: 0.7}

#sit_sms_new .tbl_frm01 th {width:100px}


/*gnb*/
#gnb h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#gnb {padding:15px 50px}
#gnb li {display:inline-block;font-family:'Nanum Gothic',sans-serif;}
#gnb li a {color:#fff;font-size:1.25em;font-weight:bold;margin:0 5px;line-height:25px;display:block}
#gnb li a:hover {border-bottom:2px solid #82aff3}


@media (max-width: 970px) {
  #gnb {display:none}
  .ft_copy {padding:10px 20px;}
}

/* #wrap {padding-top: 130px;}
.header {background-color: #fff;}
.lnb_sec {display: none !important;}
.footer {border-top:1px solid #dddd;} */

/*3단메뉴 css*/
.shop_tab {position: relative;}
.list_3menu {width: 100%;margin-top: 30px !important;margin-bottom: 10px !important;}
.list_3menu li {height: 55px;line-height: 55px;text-align: center;display: inline-block !important;width: 12.5%;padding: 0 !important;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.list_3menu li:nth-child(1),
.list_3menu li:nth-child(9) {border-left: 1px solid #ddd;}
.list_3menu li:nth-child(1),
.list_3menu li:nth-child(2),
.list_3menu li:nth-child(3),
.list_3menu li:nth-child(4),
.list_3menu li:nth-child(5),
.list_3menu li:nth-child(6),
.list_3menu li:nth-child(7),
.list_3menu li:nth-child(8) {border-top: 1px solid #ddd;}
.list_3menu li a {font-size: 18px !important;color: #bfbfbf  !important;position: relative; font-size: 15px !important;padding: 0 !important;}
#sct_ct_1 .current .list_3menu li:hover > a {color: #ef899f;}
.list_3menu li.current2 {background-color: #e5a445 !important;}
.list_3menu li.current2 > a {color: #fff !important;}
.list_3menu li.current a:after,
.list_3menu li:hover > a:after {display: none;}
.list_3menu li a:after {display: none !important;}
/* .list_3menu li a::before {content:'' !important;position: absolute !important;right: -26px !important;top:auto !important;bottom: 13px !important;width: 7px !important;margin-top: 0 !important;height: 7px !important;background:url(/index/img/cvv_list.png) no-repeat;background-color: transparent !important;}
 */.list_3menu li:last-child a::before,
   .list_3menu li a::before {display: none;}
/*4단메뉴 css*/
.list_3menu .current2 a {color: #e5a445 !important}
.current2 .list_4menu li a {color: #e5a445;}
.current2 .list_4menu {display: block  !important;}
.list_4menu {width: 100%;border-bottom:1px solid #ddd;padding-bottom: 12px !important;}
.list_4menu li {border:none;display: inline-block !important;float: none !important;border-left: none !important;border-top: none !important;}
.list_4menu li a {font-size: 15px !important;}
.list_3menu .current2 .list_4menu li a {font-size: 15px;	 color: #bfbfbf !important;}
.list_4menu li.current {border-bottom: 2px solid #b29691;}
.list_4menu li.current a {color: #b29691 !important;}

/** 검색 **/
.def_shop {margin-top:0;height: 120px;padding-top: 34px;background:#f7f7f7;text-align:center;margin-bottom: 81px;;}
.def_shop form {display:inline;}
.def_shop.top {margin:0 0 40px;}
.def_shop .select_ty {width:20%;height:49px;}
.def_shop .input_ty {width:30.8%;min-height:47px;background: none;border: 1px solid rgba(190,170,165,0.3);;font-size: 14px;background-color: #fff;padding-left: 20px;line-height: 47px;}
.def_shop .input_ty::placeholder {color: #888888;opacity: 1;}
.def_shop .btn_search {min-width:5.6%;height:49px;min-height:49px;background-image:url(/index/img/cvv_search.png);background-repeat:no-repeat;background-position:center center;font-size:0;line-height:45px;background-color: #e5a445;border: none;margin-left: 4px;}
.sct_cart {display: none;}
.shop_select1 {border: 1px solid rgba(190,170,165,0.3);height: 49px;background-color: #fff;	width: 146px;display:inline-block;color: #888;font-size: 14px;	padding-left: 14px;margin-right: 10px;background: #fff url(/index/img/selt_arow.png) no-repeat 90% 50% !important;}
.shop_select4 {width: 232px;}
.shop_select1 option {}

.shop_pg { clear:both;margin:20px 0;text-align:center;}
.sit_ovinen {width: 63.5%;margin: 0 auto;position: relative;}


@media (max-width:960px) {
  .sit_ovinen {width: 100%;}
}

.p_tab_area { display:block;margin-bottom:60px;box-sizing:border-box;overflow:hidden;text-align: center;}
.p_tab_area > ul { display:block;list-style:none;margin:0;padding:0;border-bottom:none !important;box-sizing:border-box;overflow:hidden;}
.p_tab_area > ul > li {display:inline-block !important;float:none !important;position: relative;width: 10% !important;}
.p_tab_area > ul > li:before {	content:'';position: absolute;right: -2px;top: 50%;margin-top: -5.5px;width: 1px;height: 11px;background-color: #dddddd;}
.p_tab_area > ul > li:last-child:before {display: none;}
.p_tab_area > ul > li > a { display:block;width:100%;height:30px !important;line-height:22px !important;color:#a1a1a1 !important;text-align:center;position: relative;background:none !important;border-radius:3px 3px 0 0;overflow:hidden;transition:0.4s;}
.p_tab_area > ul > li > a:before {content:'';position: absolute;left: 50%;margin-left: -29px;bottom: 0;width: 58px;height: 2px;background-color: #e5a445;opacity: 0;}
.p_tab_area > ul > li:hover > a,
.p_tab_area > ul > li.current > a { background:none !important; color: #e5a445 !important;}
.p_tab_area > ul > li:hover > a:before,
.p_tab_area > ul > li.current > a:before { opacity: 1;}
.p_tab_view_box { display:none;}
.list_shop {text-align: center;margin-top: 38px;transition:.3s;}
.list_shop a {display: inline-block;margin: 0 30px;border-radius: 30px;border: 1px solid #e5a445;width: 113px;height: 59px;line-height: 57px;color: #e5a445 !important;transition:.3s;}
.list_shop a#siblings_prev,
.list_shop a#siblings_next {position: relative;border-color: #ccc;color: #999 !important;}
.list_shop a#siblings_prev span,
.list_shop a#siblings_next span {display: none;position: absolute;top: 100%;margin-top: 1px;left: 50%;transform:translateX(-50%);max-width: 300%;white-space:nowrap;padding: 10px 20px;background: #f5f5f5;line-height: 1.5;border-radius:30px;}
.list_shop a#siblings_prev:hover span,
.list_shop a#siblings_next:hover span {display: block;}
.cont_sec4 .list_3menu li:first-child {display: inline-block !important;}
#sit_tot_price .color_span {float: right !important;font-size: 26px !important;color: #333333;font-weight: 400 !important;margin-left: 5px;}

.sale {text-decoration: line-through;}
.sct_sale {text-decoration: line-through;}
.sct_cost  .sct_cost {text-decoration:none}

@media (max-width:640px){
  .list_shop a,
  #sit_qa_wbtn a,
  #sit_use_wbtn a {width: auto;padding: 0 5vw;min-width: 0;height: 10vw;line-height: 10vw;margin: 0 2vw;}
}

.pro_search {margin-top: 40px;padding: 40px;background: #f5f5f5;text-align: center;}
.pro_search input[type="text"] {display: inline-block;height: 40px;width: 50%;text-align: center;color: #800000;}
.pro_search input[type="text"]::placeholder {color: #800000;}
.pro_search input[type="submit"] {width: 50px;height: 40px;border: 0;background: #800000 url(/index/img/ico_search_w.png) no-repeat center center;}

/* 명함 */
.shop_s1 #sit_ov section{border-bottom: 0; margin-bottom: 5px;}
.shop_s1 #sit_ov_wrap{display: flex;}
.shop_s1 #sit_ov_wrap #sit_pvi {float: none; width: 840px; overflow: visible;}
.shop_s1 #sit_pri_frame{height: 560px; box-shadow:10px 10px 10px rgba(0,0,0,0.05); overflow: visible;}
.shop_s1 #sit_pvi .bx-wrapper {border: 0; height: 560px;}
.shop_s1 #sit_pvi .bx-prev,
.shop_s1 #sit_pvi .bx-next {width: 19px; height: 32px; margin-top: -22px;background: url(/index/img/bx_prev_01.png) no-repeat; left: 28px;}
.shop_s1 #sit_pvi .bx-next{background: url(/index/img/bx_next_02.png) no-repeat; left: auto; right: 28px;}
.shop_s1 #sit_pvi_thumb{display: flex; flex-wrap:wrap; max-width:100%; }
.shop_s1 #sit_pvi_thumb li{position: relative; flex:1 1 18%; height: 106px; margin: 0; box-sizing: border-box; margin-right: 10px; border: 0; margin-bottom: 10px;}
.shop_s1 #sit_pvi_thumb li:nth-child(5n+5){margin-right: 0;}
.shop_s1 #sit_pvi_thumb li > a:before,
.shop_s1 #sit_pvi_thumb li > a:after{position: absolute; content: ''; width: 100%; height: 3px; background: #777; left: 0; top: 0; transition:.3s; opacity: 0;}
.shop_s1 #sit_pvi_thumb li > a:after{top: auto; bottom: 0;}
.shop_s1 #sit_pvi_thumb li > a > span:before,
.shop_s1 #sit_pvi_thumb li > a > span:after{position: absolute; content: ''; width: 3px; height: 100%; background: #777; left: 0; top: 0; transition:.3s; opacity: 0;}
.shop_s1 #sit_pvi_thumb li > a > span:after{left: auto; right: 0;}
.shop_s1 #sit_pvi_thumb li > a.active:before,
.shop_s1 #sit_pvi_thumb li > a.active:after,
.shop_s1 #sit_pvi_thumb li > a.active > span:before,
.shop_s1 #sit_pvi_thumb li > a.active > span:after{opacity: 1;}
.shop_s1 #sit_ov_wrap #sit_ov{float: none; width: 43.19%; overflow: visible;}
.shop_s1 #sit_title{font-size: 20px; line-height: 1; color: #333; letter-spacing: -0.03em; font-weight: 500; margin-left: -2px; margin-top: -2px; margin-bottom: 15px;}
.shop_s1 #sit_ov_wrap #sit_ov .sit_ovinen{width: 100%; box-sizing: border-box; padding-left: 40px;}
/*.shop_s1 #sit_desc {padding-bottom: 20px;}*/
.shop_s1 #sit_desc p{font-size: 12px; line-height: 31px; color: #333; }

.shop_s1 #sit_desc ul > li{position: relative; font-size: 11px; line-height: 31px; color: #333; padding-left: 12px; font-weight: 400; letter-spacing: -0.03em;}
.shop_s1 #sit_desc ul > li:before{position: absolute; content:''; width: 3px; height: 3px; background: #4b90f7; border-radius: 50%; left: 1px; top: 15px;}
.shop_s1 .sit_op_sl th{font-size: 11px;width: 100%; line-height: 22px; color: #333; font-weight: 500; letter-spacing: -0.03em;  line-height: 45px;}
.shop_s1 .sit_op_sl th.title_line{ line-height: 22px; padding-top: 20px }
.shop_s1 .sit_op_sl th:first-child{padding-top: 10px}

.shop_s1 .option_style{display: flex; flex-wrap: wrap;}
.shop_s1 .option_style > li{border: 1px solid #777; width: calc(33.333% - 3px); margin-right: 3px; text-align: center; line-height: 33px; transition:.3s; margin-bottom: 3px}
.shop_s1 .option_style > li:last-child{border-right: 1px solid #777; margin-right: 0;}
.shop_s1 .option_style > li > a{font-size: 11px; color: #666; transition:.3s;}
.shop_s1 .option_style > li.on{background: #4b90f7; border: 1px solid #4b90f7; color: #fff; }
.shop_s1 .option_style > li.on a{color: #fff;}

.shop_s1 .sit_op_sl .selec_box > li{margin-bottom: 10px;}
.shop_s1 .sit_op_sl .selec_box > li:last-child{margin-bottom: 0;}
.shop_s1 .select_cst,
.shop_s1 .design_select_box > a{border: 0; height: 35px; font-size: 12px; color: #999; border-bottom: 1px solid #ddd; background: url('img/select_arr.png') no-repeat 97% 50%;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.shop_s1 .select_cst::-ms-expand {display: none;}
.shop_s1 .sit_ov_tbl{display: none;}


 .hide_text{display: block; height: 0; text-indent: -9999px;}

.shop_s1 .design_select_box .design_op_box{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; display: none;}

.shop_s1 .design_select_box > a{box-sizing: border-box; padding: 0 10px;}
.shop_s1 .design_select_box{position: relative; }
.shop_s1 .design_select_box > ul{position: absolute; left: 0; top: 0; width: 100%; z-index: 1005; background: #fff; box-sizing: border-box; border: 1px solid #333; display: none; z-index: 105;}
.shop_s1 .design_select_box > ul > li{border: 1px solid #ddd; border-bottom: 0; transition:.3s; background: #fff;}
.shop_s1 .design_select_box > ul > li:hover{background: #f9f9f9;}
.shop_s1 .design_select_box > ul > li:last-child{border-bottom: 1px solid #ddd;}
.shop_s1 .design_select_box > ul > li > a{display: flex; box-sizing: border-box; padding: 5px; align-items:center;}
.shop_s1 .design_select_box > ul > li > a figure{width: 70px; margin-right: 5px;}
.shop_s1 .design_select_box > ul > li > a .tbx{width: calc(100% - 75px); box-sizing: border-box; padding-left: 10px;}
.shop_s1 .design_select_box > ul > li > a .tbx h4{font-size: 14px; font-weight: 400; color: #666; line-height: 1.4;	}
.shop_s1 .design_select_box > ul > li > a .tbx span{display: block; font-size: 14px; color: #333; font-weight: 500;}
.shop_s1 .design_select_box.on > ul{display: block;}





.shop_s1 #sit_tot_price{border-top: 1px solid #f64964; background: none; line-height: 45px; font-size: 11px; color: #f64964; font-weight: 500; padding-right: 14px; box-sizing: border-box; margin-bottom: 46px;}
.shop_s1 #sit_tot_price span{color: #333; padding-left: 14px;}

.shop_s1 .sit_ov_btn_custom {text-align: right;}
.shop_s1 .sit_ov_btn_custom > li{position: relative; display: inline-block; width: 100px; height: 40px; font-size: 12px; line-height: 40px; font-weight: 500; color: #fff; border-radius: 50px; vertical-align: top; transition:.3s;}
.shop_s1 .sit_ov_btn_custom > li > *{position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition:.3s;}
.shop_s1 .sit_ov_btn_custom > li.cart_box {background: #111; margin-right: 7px;}
.shop_s1 .sit_ov_btn_custom > li.cart_box:after{position: absolute; content:''; width: 16px; height: 16px; background: url('img/cart_icon.png') center no-repeat; right: 15px; top: 12px; background-size: 16px 16px;}
.shop_s1 .sit_ov_btn_custom > li > #sit_btn_cart{z-index: 10; width: 100%; border: 0; background: none; height: 40px; line-height: 40px; font-weight: 500; color: #fff; color: #fff; text-align: left; padding-left: 20px; box-sizing: border-box;}
.shop_s1 .sit_ov_btn_custom > li.cell_box:after{position: absolute; content:''; width: 16px; height: 16px; background: url('img/cell_icon.png') center no-repeat; right: 15px; top: 12px; background-size: 16px 16px;}

.shop_s1 .sit_ov_btn_custom > li.cell_box {background: #f64964;}

/*.shop_s1 #sit_ov_btn .sit_ov_btn_custom > li.cart_box > a{position: relative; line-height: 60px; height: 60px; text-align: left; font-weight: 500; color: #fff; padding-left: 29px;}*/
.shop_s1 #sit_ov_btn .sit_ov_btn_custom > li.cell_box > a{position: relative; line-height: 40px; height: 40px; text-align: left; font-weight: 500; color: #fff; padding-left: 12px;}
.shop_s1 #sit_ov_btn .sit_ov_btn_custom > li.cell_box > a:after{position: absolute; content:''; width: 16px; height: 16px; background: url('img/cell_icon.png') center no-repeat; background-size: 16px 16px; top: 12px; right: 8px;}
.shop_s1 .op_box{box-sizing: border-box; padding: 0 14px; margin-bottom: 21px;}
.shop_s1 .op_box ul > li{font-size: 11px; line-height: 22px; color: #666; letter-spacing: -0.03em;}
.shop_s1 .sit_ov_btn_custom > li:hover{opacity: 0.8;}

.bottom_page .page_tab{border-bottom: 1px solid #ddd; margin-bottom: 60px;}
.bottom_page .page_tab ul{overflow: hidden; display: flex; margin-bottom: -1px;}
.bottom_page .page_tab ul > li{position: relative; text-align: center; font-size: 12px; line-height: 30px; color: #999; background: #f6f6f6; letter-spacing: -0.03em; width: 120px; border: 1px solid #ddd; border-left: 0; cursor: pointer; transition:.3s;}
.bottom_page .page_tab ul > li:first-child{border-left: 1px solid #ddd;}
.bottom_page .page_tab ul > li:before{position: absolute; content:''; width: 0%; height: 1px; background: #4b90f7; left: 50%; top: 0; opacity: 0; transition:.3s;}
.bottom_page .page_tab ul > li.on{color: #4b90f7; border-bottom: 1px solid #fff; background: #fff;}
.bottom_page .page_tab ul > li.on:before{width: 100%; left: 0; opacity: 1;}
.bottom_page .page_wrap{padding-top: 0px; padding-bottom: 57px;}

.cms_page {padding:  0; padding-bottom: 50px;}
.bottom_page .page_wrap h4.page_tit{position: relative; text-align: center; margin-bottom: 50px;}
.bottom_page .page_wrap h4.page_tit span{display: inline-block; font-size: 20px; line-height: 1; color: #333; font-weight: 500; letter-spacing: -0.03em; background: #fff; position: relative; z-index: 10; padding: 0 45px;}
.bottom_page .page_wrap h4.page_tit:before{position: absolute; content:''; width: 100%; height: 1px; background: url('img/page_ddotted.png') center ; left: 0; top: 13px;}
.bottom_page .page_wrap h4.page_tit span:before,
.bottom_page .page_wrap h4.page_tit span:after{position: absolute; display: block; content: ''; width: 5px; height: 5px; background: #111; left: 0; top: 9px; }
.bottom_page .page_wrap h4.page_tit span:after{left: auto; right: 0;}
/* .bottom_page .cms_page{display: none;} */
/* .bottom_page .cms_page1{display: block;}  */

.bottom_page .cms_page1{text-align: center; }
.bottom_page .cms_page1 h2,
.bottom_page .cms_page2 h2{font-size: 28px; line-height: 1; color: #333; font-weight: 400; margin-bottom: 30px; text-align: center;}
.bottom_page .cms_page1 .item_cms_cnt1 .item_cms_cnt_owl .tbx h3{position: relative; display: inline-block; font-size: 26px; color: #f64964; font-weight: 900; padding-bottom: 10px; margin-bottom: 30px;}
.bottom_page .cms_page1 .item_cms_cnt1 .item_cms_cnt_owl .tbx h3:before{position: absolute; content:''; width: 150%; height: 3px; background: #f64964; left: -25%; bottom: 0;}
.bottom_page .cms_page1 .item_cms_cnt1 .item_cms_cnt_owl .tbx h3:after{position: absolute; content:''; width: 150%; height: 0.5em; background: #f4f4f4; left: -25%; bottom: 0; z-index: -1;}
.bottom_page .cms_page1 .item_cms_cnt1 .item_cms_cnt_owl .tbx h4{font-size: 24px; line-height: 1; color: #333; font-weight: 500;  margin-bottom: 15px;}
.bottom_page .cms_page1 .item_cms_cnt1 .item_cms_cnt_owl .tbx p{font-size: 18px; line-height: 1.7; color: #666; }
.bottom_page .cms_page1 .item_cms_cnt1 .item_cms_cnt_owl .tbx p span{display: inline-block; margin: 0 15px; color: #333; font-size: 12px;}
.bottom_page .cms_page1 .item_cms_cnt1 .item_cms_cnt_owl .tbx ul{margin-top: 40px; text-align: center;}

/* .bottom_page .cms_page1 .item_cms_cnt1 .item_cms_cnt_owl .tbx ul > li{width: 48%; text-align: left; box-sizing: border-box; padd ing: 10px;} */
.bottom_page .cms_page1 .item_cms_cnt1 .item_cms_cnt_owl .tbx ul > li figure{min-height:350px; background: #ddd; margin-bottom: 10px; box-sizing: border-box; }
.bottom_page .cms_page1 .item_cms_cnt1 .item_cms_cnt_owl .tbx ul > li p{position: relative; font-size: 12px; line-height: 1.7; color: #333; letter-spacing: -0.03em; padding-left: 17px;}
.bottom_page .cms_page1 .item_cms_cnt1 .item_cms_cnt_owl .tbx ul > li p:before{position: absolute; content:'▶'; 	left: 0; top: 3px; font-size: 12px; color: #cb0606;}
.bottom_page .cms_page1 .item_cms_cnt1 .item_cms_cnt_owl .owl-nav{}
.bottom_page .cms_page1 .item_cms_cnt1 .item_cms_cnt_owl .owl-nav > *{position: absolute; top: 20%; margin-top: -24px;left: 0px; font-size: 0; width: 25px; height: 48px; background: url('./img/mcnt3_arr.png') no-repeat; transition:.3s;}
.bottom_page .cms_page1 .item_cms_cnt1 .item_cms_cnt_owl .owl-nav > .owl-next{left: auto; right: 0px; transform:rotate(180deg)}
.bottom_page .cms_page1 .item_cms_cnt1 .item_cms_cnt_owl .owl-nav > *.disabled{opacity: 0.2;}
.bottom_page .cms_page1 .item_cms_cnt2{margin-top: 100px;	}
.bottom_page .cms_page1 .item_cms_cnt2 > ul{display: flex; flex-wrap:wrap;}
.bottom_page .cms_page1 .item_cms_cnt2 > ul > li{width: 24%; margin-right: 1.333%; margin-bottom: 20px;}
.bottom_page .cms_page1 .item_cms_cnt2 > ul > li:nth-child(4n+4){margin-right: 0;}
.bottom_page .cms_page1 .item_cms_cnt2 > ul > li figure{display: flex; align-items:center; background: #ddd; /* height: 150px; */}
.bottom_page .cms_page1 .item_cms_cnt2 > ul > li figure span{display: block; width: 100%; }
.bottom_page .cms_page1 .item_cms_cnt2 > ul > li p{font-size: 12px; line-height: 1; color: #666; padding: 10px 0;}

.bottom_page .cms_page1 .item_cms_cnt3{margin-top: 100px;}
.bottom_page .cms_page1 .item_cms_cnt3 ul{display: flex; flex-wrap:wrap;}
.bottom_page .cms_page1 .item_cms_cnt3 ul > li{width: 32%; margin-right: 2%; margin-bottom: 20px;}
.bottom_page .cms_page1 .item_cms_cnt3 > ul > li figure{display: flex; align-items:center; background: #ddd; /* height: 150px; */}
.bottom_page .cms_page1 .item_cms_cnt3 > ul > li figure span{display: block; width: 100%; }
.bottom_page .cms_page1 .item_cms_cnt3 ul > li:nth-child(3n+3){margin-right: 0;}
.bottom_page .cms_page1 .item_cms_cnt3 ul > li .tbx {padding: 15px 0;}
.bottom_page .cms_page1 .item_cms_cnt3 ul > li .tbx h5{font-size: 18px; line-height: 1; font-weight: 500; color: #333; margin-bottom: 15px;}
.bottom_page .cms_page1 .item_cms_cnt3 ul > li .tbx p{text-align: left; font-size: 14px; line-height: 1.7;}

.bottom_page .cms_page2 > ul{text-align: center; margin-bottom: 30px;}
.bottom_page .cms_page2 > .cms_page2_tab_bro .cms_page2_tab_top{text-align: center; margin-bottom: 10px;}
.bottom_page .cms_page2 > .cms_page2_tab_bro .cms_page2_tab_bottom{text-align: center; margin-bottom: 30px;}

.bottom_page .cms_page2 > .cms_page2_tab_bro ul li{position: relative; display: inline-block; font-size: 16px; line-height: 1; color: #333; text-align: center; padding: 0 10px; transition:.3s; cursor: pointer;}
.bottom_page .cms_page2 > .cms_page2_tab_bro ul li:not(:last-child):after{position: absolute; content:''; width: 1px; height: 13px; background: #333; right: -2px; top: 3px;}
.bottom_page .cms_page2 > .cms_page2_tab_bro ul li.on{color: #f64964;}

.bottom_page .cms_page2 > .cms_page2_tab_bro .cms_page2_tab_top > p{display: inline-block}
.bottom_page .cms_page2 > .cms_page2_tab_bro .cms_page2_tab_top > ul{display: inline-block}

.bottom_page .cms_page2 > .cms_page2_tab_bro .cms_page2_tab_bottom > p{display: inline-block}
.bottom_page .cms_page2 > .cms_page2_tab_bro .cms_page2_tab_bottom > ul{display: inline-block}

.bottom_page .cms_page2 > .cms_page2_tab > li{position: relative; display: inline-block; font-size: 16px; line-height: 1; color: #333; text-align: center; padding: 0 10px; transition:.3s; cursor: pointer;}
.bottom_page .cms_page2 > .cms_page2_tab > li:not(:last-child):after{position: absolute; content:''; width: 1px; height: 13px; background: #333; right: -2px; top: 3px;}
.bottom_page .cms_page2 > .cms_page2_tab > li.on{color: #f64964;}

.bottom_page .cms_page2 > ul > li{position: relative; display: inline-block; font-size: 16px; line-height: 1; color: #333; text-align: center; padding: 0 10px; transition:.3s; cursor: pointer;}
.bottom_page .cms_page2 > ul > li:not(:last-child):after{position: absolute; content:''; width: 1px; height: 13px; background: #333; right: -2px; top: 3px;}
.bottom_page .cms_page2 > ul > li.on{color: #f64964;}
.bottom_page .cms_page2 .cms_cnt_wrap{padding: 50px 0 60px;}
.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box{display: flex; max-width:800px; margin: 0 auto; align-item:flex-start; }
.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .b_figure{width: 45%; display: flex; text-align: center;}
.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .b_figure figure{width: 100%;  }
.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .b_figure figure span{display: block; }
.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .b_figure figure span img{max-width:300px; max-height:450px; width: auto; display: inline-block;}
.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .right_txt{width: 55%; box-sizing: border-box; padding-left: 3%;}
.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .right_txt ol > li{display: flex; margin-bottom: 20px; align-items: flex-start;}
.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .right_txt ol > li:last-child{margin-bottom: 0;}
.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .right_txt ol > li figure{width: 100px;}
.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .right_txt ol > li .tbx{width: calc(100% - 120px); box-sizing: border-box; padding-left: 20px;}
.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .right_txt ol > li .tbx h5{font-size: 20px; line-height: 1; color: #0099ff; font-weight: 500; margin-bottom: 10px;}
.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .right_txt ol > li .tbx p{font-size: 12px; line-height: 1.7; color: #666;}
.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .right_txt ol > li:nth-child(2) .tbx h5{color: #e4007f;}
.bottom_page .cms_page2 .cms_cnt_wrap > * > .cnt_box .right_txt ol > li:nth-child(3) .tbx h5{color: #333;}

.bottom_page .cms_page2 .bot_p{text-align: center; font-size: 20px;}
.bottom_page .cms_page2 .down_btn{margin-top: 50px;}
.bottom_page .cms_page2 .down_btn ol{overflow: hidden;}
.bottom_page .cms_page2 .down_btn ol li {display: inline-block;}
.bottom_page .cms_page2 .down_btn ol li a{width: auto; padding: 0 15px; line-height: 38px; text-align: center; border-radius: 8px; transition:.3s;}
.bottom_page .cms_page2 .down_btn ol li.ai_li a{border: 1px solid #f79500; color: #f79500;}
.bottom_page .cms_page2 .down_btn ol li.pdf_li a{border: 1px solid #cb0606; color: #cb0606;}
.bottom_page .cms_page2 .down_btn ol li.down_li{float: right;}
.bottom_page .cms_page2 .down_btn ol li.down_li a{border: 1px solid #4b90f7; color: #4b90f7;}
.bottom_page .cms_page2 .down_btn ol li a i{position: relative; display: inline-block; margin-left: 10px; font-size: 13px; font-weight: 400; top: 0;     font-family: FontAwesome;}

.bottom_page .cms_page2 .down_btn ol li.ai_li:hover a{background: #f79500; color: #fff;}
.bottom_page .cms_page2 .down_btn ol li.pdf_li:hover a{background: #cb0606; color: #fff;}
.bottom_page .cms_page2 .down_btn ol li.down_li:hover a{background: #4b90f7; color: #fff;}

.bottom_page .cms_page3 .none_cms ul {display: flex; text-align: right; justify-content: flex-end; margin-bottom: 50px;}
.bottom_page .cms_page3 .none_cms ul > li{padding: 0 10px;}
.bottom_page .cms_page3 .none_cms ul > li span{display: inline-block; margin-right: 10px; line-height: 40px; font-size: 12px; color: #333; font-weight: 500;}
.bottom_page .cms_page3 .none_cms ul > li select{width: auto; height: 40px; padding-right: 30px;}
.bottom_page .cms_page3 table{max-width:800px; margin: 0 auto;}
.bottom_page .cms_page3 table tr *{border: 1px solid #ddd; font-size: 12px; line-height: 50px; color: #333;}
.bottom_page .cms_page3 table tr *:first-child{border-left: 0;}
.bottom_page .cms_page3 table tr *:last-child{border-right: 0;}
.bottom_page .cms_page3 table tr th{background: #f4f4f4;	}
.bottom_page .cms_page3 table tr td:last-child{color: #f64964;}

.cms_cnt_wrap > *{display: none;}
.cms_cnt_wrap > .cms_cnt1{display: block;}


/* 고객후기 커스터마이징 */
.sit_use_list #sit_use_ol .sit_use_li .view_box{display: flex; align-items:center; padding: 15px 0; cursor: pointer;}
.sit_use_list #sit_use_ol .sit_use_li .view_box .num{width: 80px; text-align: center; font-size: 14px; font-weight: 400; color: #333;}
.sit_use_list #sit_use_ol .sit_use_li .view_box figure{width: 120px;}
.sit_use_list #sit_use_ol .sit_use_li .view_box .tbx{width: calc(100% - 280px); box-sizing: border-box; padding-left: 40px;}
.sit_use_list #sit_use_ol .sit_use_li .view_box .tbx h3{font-size: 18px; line-height: 1; color: #333; font-weight: 500; margin-bottom: 5px;}
.sit_use_list #sit_use_ol .sit_use_li .view_box .tbx ul > li{position: relative; display: inline-block; font-size: 14px; line-height: 1; color: #666; padding-right: 15px;}
.sit_use_list #sit_use_ol .sit_use_li .view_box .tbx ul > li:not(:last-child):after{position: absolute; content:''; width: 1px; height: 12px; background: #666; right: 5px; top: 2px;}
.sit_use_list #sit_use_ol .sit_use_li .view_box .tbx .content{font-size: 14px; width: 100%; }
.sit_use_list #sit_use_ol .sit_use_li .view_box .tbx .content > p{width: 95%; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.sit_use_list #sit_use_ol .sit_use_li .view_box .tbx .content *{font-size: 14px !important;}
.sit_use_list #sit_use_ol .sit_use_li .view_box .tbx > p{font-size: 14px; color: #666; margin-top: 5px;}
.sit_use_list #sit_use_ol .sit_use_li .view_box .star_box{width: 80px; text-align: right;}
.sit_use_list #sit_use_ol .sit_use_li .hidden_box{box-sizing: border-box; padding: 15px; background: #f9fafc; display: none;}

/* 고객후기 작성 커스터마이징 */
.sit_use_write_custom #sit_use_write h1{font-size: 26px; font-weight: 500; color: #333;}
.sit_use_write_custom .tbl_frm01 th,
.sit_use_write_custom .tbl_frm01 td{font-size: 14px; font-weight: 500; color: #333;}
.sit_use_write_custom .win_btn{margin-bottom: 20px;}
.sit_use_write_custom .win_btn > *{font-size: 14px;}
.sit_use_write_custom .tbl_wrap .frm_input{font-size: 14px;}
.sit_use_write_custom #smart_editor2 .se2_input_area{font-size: 14px;}
.list_shop{margin-bottom: 50px;}


/* 옵션 사이즈 커스텀 */
.item_pop{/* position: relative; */ z-index: 105;}
.item_pop .pop_cbx{position: absolute; width: 200px; height: auto; left: -190px; top: -5px; z-index: 1400; background: #fff; border: 1px solid #ddd; box-sizing: border-box; padding: 5px; transition:.4s; z-index: -1000; opacity: 0; }
.item_pop .pop_cbx .tbx{box-sizing: border-box; padding: 10px;}
.item_pop .pop_cbx .tbx h4{font-size: 12px; font-weight: 500; color: #333; margin-bottom: 10px;}
.item_pop .pop_cbx .tbx .cnt{font-size: 14px; line-height: 1.7; color: #666; word-break: keep-all;}
.item_pop .pop_cbx .tbx .cnt span{position: relative; display: block; font-size: 14px; padding-left: 8px; margin-top: 5px; color: #333;}
/*.item_pop .pop_cbx .tbx .cnt span:before{position: absolute; content:''; width: 3px; height: 3px; background: #4b90f7; border-radius: 50%; left: 0; top: 10px;}*/
.item_pop .pop_cbx.on{z-index: 1000; opacity: 1; left: -220px;}
.item_pop .rdus_left_pop .tbx h4{margin-bottom: 0;}
.shipping_cost{border-top: 1px solid #777; border-bottom: 1px solid #ddd; margin-top: 20px; padding-left: 16px;}
.shipping_cost *{font-size: 11px; line-height: 1.5; color: #666; display: inline-block; font-weight: 400; line-height: 43px;}
.shipping_cost a{position: relative; color: #333; padding-right: 17px; }
.shipping_cost a:before{position: absolute; content:''; width: 13px; height: 13px; background: url('img/cost_icon.jpg') center no-repeat; right: 0; top: 15px; transition:.3s;}
.shipping_cost a:hover:before{right: -5px;}

.shipping_cost_pop{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 1005; display: none;}
.shipping_cost_pop .cnt{position: fixed; width: 500px; height: auto; background: #fff; left: 50%; top: 50%; transform:translate(-50%, -50%);  }
.shipping_cost_pop .cnt .top{position: relative; background: #191919; text-align: center; color: #fff; font-size: 18px; font-weight: 500; line-height: 50px;}
.shipping_cost_pop .cnt .top span{display: block; position: absolute; right: 20px; top: 0; cursor: pointer;}
.shipping_cost_pop .cnt .cms_cnt_wrap{height: 80vh; overflow-y: auto; box-sizing: border-box; padding: 40px 30px;}

.shipping_cost_pop .cnt .cms_cnt_wrap .cms_cnt{display: block;}
.shipping_cost_pop .cnt .cms_cnt h3{font-size: 18px; line-height: 1.7; color: #333; font-weight: 500;}
.shipping_cost_pop .cnt .cms_cnt h4{font-size: 12px; line-height: 1.7; color: #2c83e9; font-weight: 500;}
.shipping_cost_pop .cnt .cms_cnt h5{margin-top: 20px; font-size: 14px; color: #333; font-weight: 500; }
.shipping_cost_pop .cnt .cms_cnt ul > li{position: relative; padding-left: 8px; font-size: 13px; line-height: 1.7;}
.shipping_cost_pop .cnt .cms_cnt ul > li:before{position: absolute; content:''; width: 2px; height: 2px; background: #2c83e9; left: 0; top: 10px;}
.shipping_cost_pop .cnt .cms_cnt table{margin-top: 20px;}
.shipping_cost_pop .cnt .cms_cnt table th{border-top: 2px solid #333; background: #f4f4f4; border-bottom: 1px solid #ddd; font-weight: 500;}
.shipping_cost_pop .cnt .cms_cnt table tr *{font-size: 14px; line-height: 1.5; color: #333; height: 40px;}
.shipping_cost_pop .cnt .cms_cnt table tr td{border-bottom: 1px solid #ddd; padding: 10px 0; color: #666;}
.shipping_cost_pop .cnt .cms_cnt_wrap > a{margin: 30px auto 0; display: block; width: 120px; height: 40px; font-size: 14px; color: #fff; background: #469cff; text-align: center; line-height: 40px; transition:.3s;}
.shipping_cost_pop .cnt .cms_cnt_wrap > a:hover{opacity: 0.8;}


.inquiry{position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 1005; display: none;}
.inquiry .cnt{position: fixed; width: 500px; height: auto; background: #fff; left: 50%; top: 50%; transform:translate(-50%, -50%);  }
.inquiry .cnt .top{position: relative; background: #191919; text-align: center; color: #fff; font-size: 18px; font-weight: 500; line-height: 50px;}
.inquiry .cnt .top span{display: block; position: absolute; right: 20px; top: 0; cursor: pointer;}
.inquiry .cnt .contentWrap{height: 40vh; overflow-y: auto; box-sizing: border-box; padding: 40px 30px;}

.inquiry .cnt .contentWrap .content{display: block;}

.inquiry .cnt .content{display: flex;
  justify-content: center;
  flex-flow: column; text-align: center}
.inquiry .cnt .content h3{font-size: 18px; line-height: 1.7; color: #333; font-weight: 500;}
.inquiry .cnt .content h4{font-size: 12px; line-height: 1.7; color: #2c83e9; font-weight: 500;}
.inquiry .cnt .content h5{margin-top: 20px; font-size: 14px; color: #333; font-weight: 500; }
.inquiry .cnt .content ul > li{position: relative; padding-left: 8px; font-size: 13px; line-height: 1.7;}
.inquiry .cnt .content ul > li:before{position: absolute; content:''; width: 2px; height: 2px; background: #2c83e9; left: 0; top: 10px;}
.inquiry .cnt .content table{margin-top: 20px;}
.inquiry .cnt .content table th{border-top: 2px solid #333; background: #f4f4f4; border-bottom: 1px solid #ddd; font-weight: 500;}
.inquiry .cnt .content table tr *{font-size: 14px; line-height: 1.5; color: #333; height: 40px;}
.inquiry .cnt .content table tr td{border-bottom: 1px solid #ddd; padding: 10px 0; color: #666;}
.inquiry .cnt .contentWrap > a{margin: 30px auto 0; display: block; width: 120px; height: 40px; font-size: 14px; color: #fff; background: #469cff; text-align: center; line-height: 40px; transition:.3s;}
.inquiry .cnt .contentWrap > a:hover{opacity: 0.8;}
.inquiry .cnt .btnWrap{ margin-top: 30px; display: flex; justify-content: center; align-items: center;}
.inquiry .cnt .btnWrap p{ margin-right: 10px}
.inquiry .cnt .btnWrap .btn_cacao {display: inline-block; overflow: hidden; }
.inquiry .cnt .btnWrap .btn_cacao a{
  display: flex;
  justify-content: center;
  align-items: center;
}
.inquiry .cnt .btnWrap .btn_cacao a span{overflow: hidden; border-radius: 5px; width: 40px; height: 40px}




.explanation_modal_pop,
.modal_pops{position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 1005; display: none;}
.explanation_modal_pop .cnt,
.modal_pops .cnt{position: fixed; width: 500px; height: auto; background: #fff; left: 50%; top: 50%; transform:translate(-50%, -50%);  }
.explanation_modal_pop .cnt .top,
.modal_pops .cnt .top{position: relative; background: #191919; text-align: center; color: #fff; font-size: 18px; font-weight: 500; line-height: 50px;}
.explanation_modal_pop .cnt .top span,
.modal_pops .cnt .top span{display: block; position: absolute; right: 20px; top: 0; cursor: pointer;}
.explanation_modal_pop .cnt .contentWrap,
.modal_pops .cnt .contentWrap{min-height: 40vh;  max-height: 80vh; overflow-y: auto; box-sizing: border-box; padding: 40px 30px;}
.explanation_modal_pop .cnt .contentWrap .content,
.modal_pops .cnt .contentWrap .content{display: block;}
.explanation_modal_pop .cnt .content,
.modal_pops .cnt .content{display: flex; justify-content: center; flex-flow: column; text-align: center}
.explanation_modal_pop .cnt .content h3,
.modal_pops .cnt .content h3{font-size: 18px; line-height: 1.7; color: #333; font-weight: 500;}
.explanation_modal_pop .cnt .content h4,
.modal_pops .cnt .content h4{font-size: 12px; line-height: 1.7; color: #2c83e9; font-weight: 500;}
.explanation_modal_pop .cnt .content h5,
.modal_pops .cnt .content h5{margin-top: 20px; font-size: 14px; color: #333; font-weight: 500; }
.explanation_modal_pop .cnt .content ul > li,
.modal_pops .cnt .content ul > li{position: relative; padding-left: 8px; font-size: 13px; line-height: 1.7;}
.explanation_modal_pop .cnt .content ul > li:before,
.modal_pops .cnt .content ul > li:before{position: absolute; content:''; width: 2px; height: 2px; background: #2c83e9; left: 0; top: 10px;}
.explanation_modal_pop .cnt .content table,
.modal_pops .cnt .content table{margin-top: 20px;}
.explanation_modal_pop .cnt .content table th,
.modal_pops .cnt .content table th{border-top: 2px solid #333; background: #f4f4f4; border-bottom: 1px solid #ddd; font-weight: 500;}
.explanation_modal_pop .cnt .content table tr *,
.modal_pops .cnt .content table tr *{font-size: 14px; line-height: 1.5; color: #333; height: 40px;}
.explanation_modal_pop .cnt .content table tr td,
.modal_pops .cnt .content table tr td{border-bottom: 1px solid #ddd; padding: 10px 0; color: #666;}
.explanation_modal_pop .cnt .contentWrap > a,
.modal_pops .cnt .contentWrap > a{margin: 30px auto 0; display: block; width: 120px; height: 40px; font-size: 14px; color: #fff; background: #469cff; text-align: center; line-height: 40px; transition:.3s;}
.explanation_modal_pop .cnt .contentWrap > a:hover,
.modal_pops .cnt .contentWrap > a:hover{opacity: 0.8;}
.explanation_modal_pop .cnt .btnWrap,
.modal_pops .cnt .btnWrap{ margin-top: 30px; display: flex; justify-content: center; align-items: center;}
.explanation_modal_pop .cnt .btnWrap p,
.modal_pops .cnt .btnWrap p{ margin-right: 10px}
.explanation_modal_pop .cnt .btnWrap .btn_cacao ,
.modal_pops .cnt .btnWrap .btn_cacao {display: inline-block; overflow: hidden; }
.explanation_modal_pop .cnt .btnWrap .btn_cacao a,
.modal_pops .cnt .btnWrap .btn_cacao a{ display: flex; justify-content: center; align-items: center;}
.explanation_modal_pop .cnt .btnWrap .btn_cacao a span,
.modal_pops .cnt .btnWrap .btn_cacao a span{overflow: hidden; border-radius: 5px; width: 40px; height: 40px}


/* .Synopsis_wrap{position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10005; background: #ddd;	display: none;}
.Synopsis_wrap .Synopsis_box{position: fixed; max-width:1100px; left: 50%; top: 50%; transform:translate(-50%, -50%)}
.Synopsis_wrap .Synopsis_box ul{display: flex;}
.Synopsis_wrap .Synopsis_box ul li{margin: 0 20px; background: #fff; box-sizing: border-box; transition:.3s; position: relative; width: 440px;}
.Synopsis_wrap .Synopsis_box ul li:hover{box-shadow:10px 10px 20px rgba(0,0,0,0.1)}
.Synopsis_wrap .Synopsis_box ul li > input[type="button"] {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.Synopsis_wrap .Synopsis_box ul li .tbx{box-sizing: border-box; padding: 30px 20px;}
.Synopsis_wrap .Synopsis_box ul li .tbx > *{letter-spacing: -0.03em;}
.Synopsis_wrap .Synopsis_box ul li .tbx h4{font-size: 24px; font-weight: 500; color: #333; margin-bottom: 20px;}
.Synopsis_wrap .Synopsis_box ul li .tbx p{position: relative;font-size: 14px; line-height: 1.7; color: #666; padding-left: 10px;}
.Synopsis_wrap .Synopsis_box ul li .tbx p:before{position: absolute; content: ''; width: 3px; height: 3px; background: #4b90f7; border-radius: 50%; left: 0; top: 10px;}
.Synopsis_wrap .Synopsis_box ul li .tbx span{display: block; color: #f64964; font-size: 14px; line-height: 1; margin-top: 15px;} */



/* 추가  */
.bottom_page.fix .page_tab{background: #fff;}
.bottom_page.fix .page_tab{position: fixed; top: 154px; left: 0; margin-top: 0; width: 100%;  z-index: 100;}
.bottom_page.fix {padding-top: 100px;}



.gman{max-width:1030px; margin: 0 auto;}

.rocket_icon{
  position: relative;
  display: inline-block;
  border-radius: 50px;
  line-height: 18px;
  font-size: 11px;
  vertical-align: top;
  text-align: center;
  margin-left: 5px;
  border: 1px solid;
  border-radius: 2px;
  padding: 0 3px;
  color: white;
  background: #f6ac0f;

}

.rocket_icon:after{
  position: absolute;
  right: -16px;
  top: -9px;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url('/index/img/rocket.png') no-repeat center;
  background-size: contain;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: bounceIn;

}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@media (max-width: 480px) {
  .inquiry .cnt{width: 100% !important}


  .explanation_modal_pop .cnt{width: 100% !important}
}


.design_options .explanation_modal, .in_modal{
  cursor: pointer;
  font-weight: 400;
  margin-left: 10px;
  position: relative;
}

.explanation_modal:before,
.in_modal:before{
  position: absolute;
  content: '';
  width: 13px;
  height: 13px;
  background: url(img/cost_icon.jpg) center no-repeat;
  right: -15px;
  top: 3px;
  transition: .3s;
}

.explanation_modal:hover:before {
  position: absolute;
  content: '';
  width: 13px;
  height: 13px;
  background: url(img/cost_icon.jpg) center no-repeat;
  right: -18px;
  top: 3px;
  transition: .3s;
}

#cate_30 .op_05_wrap{
  display: none;
}

#cate_30 .op_05_wrap.et_op{
  display: table-row;
}

#cate_30 .op04_cover>li.hide{
  display: none;

}