@charset "utf-8";
/* CSS Document */


/* 디자인컴스 추가 CSS */

.new-menu-area {height:30px;width:100%;clear:both;font-size:11px;line-height:30px;background:#f8f8f8;color:#333;}
.new-menu-area a{color:#333;}
.new-menu-area #cart-btn{height:30px; float:left; width:20%;text-align:center; line-height:30px;letter-spacing:-0.2px;  }
.new-menu-area #cart-btn1{height:30px; float:left; width:20%;text-align:center; line-height:30px;letter-spacing:-0.2px;  }
.new-menu-area #viewgoods-btn{height:30px; float:left; width:20%;text-align:center; line-height:30px;letter-spacing:-0.2px;}
.new-menu-area #more-view-btn{height:30px; float:left; width:20%;text-align:center; line-height:30px;letter-spacing:-0.5px;}
.new-menu-area #more-view-btn2{height:30px; float:right; width:20%;text-align:center; line-height:30px;letter-spacing:-0.5px;}


/* 상단메뉴 */
.tbt1 { clear:both;margin:0px 0px;text-align:center; background-color:#f5f5f5;border-top:1px solid #333;}
.tbt1 ul{ clear:both;margin:0px 0px;padding-bottom:0px;}
.tbt1 li{display:inline; float:left;  width:25%; border: 1px solid #ddd; border-left:1; border-right: 0;border-bottom:0;border-top:0;margin-left:-1px; font-size:12px;height:35px;line-height:35px;}
.tbt1 li a{padding:0px; color:#333; clear:both;display:block;height: auto !important;}

/* 카테고리 */
.tbt2 { clear:both;margin:0px 0px;padding-bottom:0px;text-align:center;border-bottom:1px solid #ddd;background-color:#fff;}
.tbt2 ul{ clear:both;margin:0px 0px;padding-bottom:0px;}
.tbt2 li{display:inline; float:left;  width:25%; border: 1px solid #ddd; border-left:1; border-right: 0;border-bottom:0;border-top:1;margin-left:-1px; font-size:12px;height:35px;line-height:35px;}
.tbt2 li a{padding:0px; color:#333; clear:both;display:block;height: auto !important;}

.dcoms_bottom_cs { clear:both;margin:0px 0px; width:100%;border-top:1px solid #333;}
.dcoms_bottom_cs li {display:inline; float:left;  width:25%; margin-left:-1px; border: 1px solid #dddddd; border-left:1; border-right: 0;border-bottom:1;border-top:0;  }
.dcoms_bottom_cs li a {display:block; padding:10px 0; text-align:center; color:#555; font-size:11px;}
.dcoms_bottom_cs li a .far ,a .fas {display:block; margin-bottom:5px; color:#555; font-size:18px; }


/* 고객센터 */
#dcoms_cs1 { width:50%;float:left; text-align:left; height:120px;margin-bottom:5px; padding:10px 0px 10px 0px; background:#fff;border-right:1px solid #ddd;margin-left:-1px;}
.d_cs_ttl { font:verdana;font-size:12px;color:#444444;  font-weight:600; padding-left:0px; padding-top:5px;padding-left:15px; }
.dcoms_cs1_tel {font-size:18px; color:#545454; padding-bottom:2px; padding-left:20px; }
.dcoms_cs1_text {color:#333; padding-top:12px;padding-bottom:15px; line-height:18px;font-size:15px;font-weight:bold; font:verdana;  padding-left:15px;}
.dcoms_cs1_text a {color:#333; }
.dcoms_cs1_time {color:#545454; padding-top:0px; line-height:15px;font-size:11px;font:verdana; padding-left:15px;letter-spacing:-0.5px;}
.dcoms_cs1_time2 {color:#545454; padding-top:0px; line-height:18px;font-size:11px; padding-left:15px;}

/* 계좌정보 */
#dcoms_cs2 { width:50%; float:right; text-align:left; height:120px; margin-bottom:5px;padding:10px 0px 10px 0px; background:#fff;}
.d_cs_ttl { font:verdana;font-size:12px;color:#444444;  font-weight:600; padding-top:5px;padding-left:15px; }
.dcoms_cs2_banking {padding-top:5px; padding-bottom:0px; padding-left:15px; }
.dcoms_cs2_banking .nm {  font-size:11px; color:#545454; line-height:15px;}
.dcoms_cs2_banking .num {font-size:13px; color:#333;  letter-spacing:-0.1px;  line-height:25px;}
.dcoms_cs2_banking .name {  font-size:11px; color:#444; font-weight:bold; line-height:18px;letter-spacing:-0.5px; padding-right:5px;padding-bottom:10px;}


/* 고객센터버튼 */
#dcoms_menu  {margin-bottom:10px;padding-left:5px;}
#dcoms_menu .phone_box {display:block;margin:0 0px}
#dcoms_menu .phone_contents {display:table;text-align:center;width:100%;}
#dcoms_menu .btn-item {display:table-cell;width:40%;padding-right:5px;}
#dcoms_menu .btn-item a {display:block;padding:10px;color:#fff; background:#333;}


.join_point {position:absolute; top:15px; left:43%; margin-right:0px; display:inline-block; min-width:55px; height:18px; line-height:18px; border-radius:3px; background:#333; text-align:center; font-size:10px; color:#fff; animation:join_point 1s linear infinite; z-index:999;}
.join_point .arrow {position:absolute; top:-10px; left:30%; margin-left:5px; color:#333;}
@keyframes join_point {0% {top:25px;} 50% {top:30px;} 100% {top:25px;}}


/*인스타*/
.insta {width:360px; text-align:cneter;margin: 0 auto;padding-top:20px; overflow:hidden;}
.insta .ttl {text-align:center; font-size:16px; font-weight:bold;}
.insta .ttl .fa{text-align:center; font-size:16px; }
.insta .text {text-align:center; font-size:12px;padding-bottom:20px; }



/*  */