/****************************************

모든 페이지에 사용된 CSS

****************************************/
/*
body {font-size:12px; font-family:'Nanum Gothic', '나눔고딕', 'ngn', 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, "굴림", Gulim, Helvetica, Sans-serif; color:#848484; line-height:120%; position:relative; width:100%; height:100%; letter-spacing:0px;}

table {
	font-size:12px;
	color:#848484;
	line-height:18px;
}


img {border: 0px}
form {margin:0px}
*/

/********************************************
link 관련 CSS
********************************************/

/* a-style */
/*
a {color:#444444; text-decoration:none; outline:none; select-dummy:expression(this.hideFocus=true); }
a:hover, a:active{text-decoration:none}
*/


.content_store {position:relative; width:100%; margin:0 auto;}

.content_store h3.tit {font-size:40px; font-weight:600; line-height:100%; text-align:center; margin-bottom:35px;}
.content_store h3.tit span {font-size:15px; display:block; color:#848484;}

.content_store .shop_banner {position:relative; margin:10px auto 40px; overflow:hidden;}

.content_store .lst_tab {position:relative; width:100%; height:36px; margin:0 auto; overflow:hidden; background:url(../images/ul_tab.jpg) bottom repeat-x;}
.content_store .lst_tab li {position:relative; float:left; text-align:center; margin-right:-1px; border:1px solid #eee; border-bottom:0;}
.content_store .lst_tab li a {display:block; padding:10px 40px;}
.content_store .lst_tab li.on {border:1px solid #080808; border-bottom:1px solid #fff; z-index:1;}
.content_store .lst_tab li.on a {background:#fff; padding:11px 40px;}


.content_store .lst_type {position:relative; margin-bottom:15px; border-bottom:1px solid #eeeff1; overflow:hidden;}
.content_store .lst_type .type01 {position:relative; float:left; padding:10px 20px; display:inline-block;}
.content_store .lst_type .type01 li {float:left; padding-left:10px; margin-left:10px; background:url(../images/blit_nv.jpg) no-repeat left center;}
.content_store .lst_type .type01 li:first-child {padding-left:0; margin-left:0; background:none;}
.content_store .lst_type .type01 a {display:block; padding:8px 0;}
.content_store .lst_type .type02 {position:relative; float:right; margin-top:13px; display:inline-block;}
.content_store .lst_type .type02 li {float:left; width:27px; height:25px; margin-left:-1px;}
.content_store .lst_type .type02 li.t01 {background:url(../images/btn_type.jpg) no-repeat;}
.content_store .lst_type .type02 li.t02 {background:url(../images/btn_type.jpg) -26px 0 no-repeat;}
.content_store .lst_type .type02 a {display:block; width:100%; height:100%;}
.content_store .lst_type .type02 li.t01:hover, .content_store .lst_type .type02 .t01.on {background-position:0 -25px;}
.content_store .lst_type .type02 li.t02:hover, .content_store .lst_type .type02 .t02.on {background-position:-26px -25px;}

.content .shop_depth {width:100%; border-top:1px solid #eee; margin-bottom:40px; border-collapse:collapse;}
.content .shop_depth .one_depth {background:#fafafa; font-size:15px; padding-left:20px; text-align:left; overflow:hidden; border-bottom:1px solid #eee; font-weight:bold; }
.content .shop_depth .one_depth li {display:inline-block; margin-right:40px; font-size:15px; }
.content .shop_depth .two_depth {overflow:hidden; padding:14px 30px; font-size:12px; border-bottom:1px solid #eee;}
.content .shop_depth .two_depth li {transition:.3s; display:inline-block; border-radius:20px; border:1px solid #78949e; background:#fff; margin-right:15px;}
.content .shop_depth .two_depth li a {display:block; width:100%; height:100%; padding:8px 22px; }
.content .shop_depth .two_depth li.on {background:#78949e; color:#fff; font-weight:bold;}
.content .shop_depth .two_depth li:hover {background:#78949e; color:#fff;}
.contents_store_lst, .contents_store_lst2 {position:relative;}
.contents_store_lst ul, .contents_store_lst2 ul {position:relative; width:100%;}
.contents_store_lst .shop_list {width:100%; text-align:left; font-size:0;}
.contents_store_lst .item {display:inline-block; vertical-align:top; width:380px; border:1px solid #ddd; margin-right:30px; margin-bottom:40px;}
.contents_store_lst .item:nth-child(3n) {margin-right:0;}
.contents_store_lst .item .thumb {width:100%; height:378px; position:relative;}
.contents_store_lst .item .thumb img {width:100%; height:100%;}

.contents_store_lst .item .thumb .cate_icon {position:absolute; top:15px; left:15px;}
.contents_store_lst .item .thumb .cate_icon img {width:80px; height:80px; margin-right:5px;}

.contents_store_lst .item .info {font-size:18px; width:100%; padding:24px 24px 30px;}
.contents_store_lst .item .info .pr-name {position:relative; word-break:keep-all; font-size:20px; margin-bottom:8px; line-height:30px; height:55px; overflow:hidden; color:#000; padding-right:40px; font-weight:400; display:block;}
.contents_store_lst .item .info .pr-txt {font-size:14px; color:#909090; line-height:20px; font-weight:500; overflow:hidden; margin-bottom:23px;}
.contents_store_lst .item .info .cont {width:100%; position:relative; overflow:hidden; padding-top:16px; margin-bottom:30px;}
.contents_store_lst .item .info .pr-price-cont {display:table; height:44px; width:150px; float:left; margin-top:-3px;}
.contents_store_lst .item .info .pr-price {display:table-cell; vertical-align:middle; margin-bottom:0;}
.contents_store_lst .item .info .pr-price li {display:block; font-size:22px; color:#000; font-weight:600;}
.contents_store_lst .item .info .pr-price li.s-price {display:block; margin-bottom:5px; font-size:15px; text-decoration:line-through; color:#bbb;}
.contents_store_lst .item .info .pr-price li.pv {color:#f8981c; margin-bottom:2px;}
.contents_store_lst .item .info .amount {float:right; width:150px; margin-bottom:0;}





.contents_store_lst li dt {width:230px; line-height:100%; margin:10px 0; text-overflow : ellipsis; overflow : hidden}
.contents_store_lst li .txt a{font-size:14px; color:#333333; font-weight:600;}

.contents_store_lst li .btn { text-align:right;}

.lst_top {border-top:1px solid #eaecee; border-bottom:1px solid #eaecee; background:#f8f9fb;}
.lst_top li {float:left; font-size:13px; font-weight:bold; color:#111; padding:10px 0; width:120px; text-align:center;}
.lst_top li:first-child {width:820px;}

.contents_store_lst2 li {border-bottom:1px solid #eaecee; display:block; overflow:hidden;}
.contents_store_lst2 li .thum {width:205px; text-align:center; float:left; padding:3px 0;}
.contents_store_lst2 li .thum img {width:144px; height:144px;}
.contents_store_lst2 li .txt {float:left; width:480px; font-size:18px; line-height:26px; margin-top:50px;}
.contents_store_lst2 li .btn {width:120px; text-align:center;}
.contents_store_lst2 li .btn, .contents_store_lst2 li .price, .contents_store_lst2 li .pv {float:left; margin-top:60px;}
.contents_store_lst2 li .price, .contents_store_lst2 li .pv {width:120px; text-align:center; font-size:14px; line-height:18px; font-weight:normal;}

.option_store.detail {width:1100px; overflow:hidden; margin:auto; margin-bottom:80px;}
.option_store.detail .ptax {font-size:17px;}
.option_store .thumb_wrap {position:relative; float:left; width:510px; } 
.option_store .thumb_wrap .thumb {position:relative; width:510px; height:510px; padding:5px; margin-bottom:10px;}
.option_store .thumb_wrap .thumb img {width:100%; height:100%;}
.option_store .thumb_wrap .thumb_min {width:100%; overflow:hidden; font-size:0; text-align:center;}
.option_store .thumb_wrap .thumb_min img {transition:.3s; cursor:pointer; width:83px; height:83px; border:1px solid #ddd; margin:0 5px;}
.option_store .thumb_wrap .thumb_min img:hover {border-color:#1091d0;}
.option_store .info {position:relative; float:right; width:560px; padding:38px 40px 40px; border:1px solid #ddd; letter-spacing:-1px;}
.option_store .info .tit {font-size:26px; font-weight:600; color:#000;  line-height:1.4; margin-bottom:18px; word-break:keep-all; }
.option_store .info .tit .tt, .option_store .info .tit .icon {display:inline-block; vertical-align:middle;}
.option_store .info .tit + .price {font-size:26px; margin-bottom:30px; line-height:1; font-weight:500;}
.option_store .info .icon {margin-left:10px; font-size:0;}
.option_store .info .icon img {position:relative; top:0px; margin-right:5px; width:50px; height:50px;}
.option_store .detail_info {margin-bottom:0px; padding-top:36px ; border-top:1px solid #ddd;}
.option_store p.pr_info {font-size:18px; letter-spacing:-1px; color:#7f7f7f; line-height:26px; word-break:keep-all; margin-bottom:47px;}
.option_store p.detail_pv { font-size:18px; color:#292726;  line-height:1; padding:0; margin-bottom:25px;}
.option_store p.detail_pv dfn {display:inline-block; color:#888; width:110px; font-size:17px; font-style:normal; font-weight:400;}
.option_store p.detail_pv span {font-size:18px; color:#333;}
.option_store p.detail_pv span.origin_price {font-size:26px; font-weight:bold; color:#ed1b29;}
.option_store p.detail_pv span .won {font-size:17px;}
.option_store p.detail_pv span.amount {font-size:0;}
.option_store p.detail_pv:last-child {margin-bottom:0; }
.option_store p.detail_pv select {width:385px; height:30px; font-size:13px; height:35px; border:1px solid #eee; color:#888; padding:0 30px 0 10px; background:url("../images/icon_select_arrow.png") 363px center no-repeat;}
.option_store p.detail_pv select::-ms-expand { display: none;}
.option_store p.detail_pv .i_text {height:30px; line-height:30px; padding:0 10px; border:1px solid #eee;}
.option_store p.detail_pv.s-price span {color:#aaa; text-decoration:line-through;}
.option_store .total-price { line-height:1;  overflow:hidden; background:#f9f9f9; margin-bottom:30px; padding:24px 30px; }
.option_store .total-price h5 {font-size:16px; float:left; color:#000; font-weight:600; position:relative; top:6px;}
.option_store .total-price .origin_price {float:right; font-size:28px; color:#ed1b29; font-weight:700; font-style:normal;}
.option_store .total-price .origin_price .won {font-weight:bold; color:#000; font-size:18px; margin-left:5px;}
.option_store .detail_option {margin:20px auto 30px; padding-bottom:20px; position:relative; display:block; border-bottom:1px solid #efefef;}
.option_store .detail_option li {padding-left:80px; position:relative; font-size:14px; line-height:21px; margin-bottom:10px;}
.option_store .detail_option dfn {font-size:15px; font-style:normal; font-weight:600; left:0; position:absolute; top:0; color:#333333;}
.option_store .won {color:#333; font-weight:normal; display:inline-block; margin-left:5px;}
.option_store .detail_info .btn_shop {height:68px; font-size:16px; letter-spacing:-1px;}



.content_store .view_sore {width:100%; position:relative; padding:0; text-align:center; border-top:0; min-height:600px;}
.content_store .tabs {background:#fff; position:relative; width:1100px; margin:0 auto 0;}
.content_store .tabs .tabMenuContainer {width:100%; margin:auto; border-bottom:1px solid #ccc;}
.content_store .tabMenu {width:100%; overflow:hidden; margin:auto; letter-spacing:-1px;}
.content_store .tabMenu li {cursor:pointer; position:relative; display:inline-block; width:33.3%; height:62px; line-height:62px; background:#f3f3f3; border-bottom:1px solid #1091d0; border-left:1px solid #fff; text-align:center; float:left; font-size:16px; color:#292726;}
.content_store .tabMenu li.active {background:#fff; color:#1091d0; border:1px solid #1091d0; border-bottom-color:#fff; font-weight:600;}
.content_store .tabMenu li:last-child {width:33.4%;}
.content_store .tabContainer {width:100%; margin:auto; position:relative;}
.content_store .tab-cont {text-align:center; clear:both; padding:40px 0; border-top:0;}
.content_store .tab-cont img {max-width:100%;}



/* 페이징 */
.paging {clear:both; margin-bottom:30px; text-align:center;}
.paging * {position:relative; display:inline-block; padding:0 6px; vertical-align:middle; font-size:14px;}
.paging a {transition:.2s; font-weight:bold; color:#797979; font-weight:400; width:28px; height:28px; line-height:28px; text-align:center; margin:0 4px;}
.paging a:hover {background:#ccc; color:#fff;  }
.paging a.on {background:#1091d0; color:#fff; }
.paging .pre, .paging .next {position:absolute; top:0; left:0; font-size:0; overflow:hidden;}


/* 테이블 */
#tb_list, #tb_content {border-collapse:collapse; width:100%; margin:20px auto 40px; color:#333;}

#tb_list th, #tb_content th, #tb_detail th, #tb_list td, #tb_content td, #tb_detail td {padding:0.1em 1em; height:25px;}
#tb_list td.odd, #tb_content td.odd {text-align:center; padding:0 1em; font-weight:bold;}

#tb_content col {border-right:1px solid #d2d1d0;}
#tb_list col#other, #tb_content col#other {border:0;}
#tb_list th, #tb_list td {vertical-align:middle; font-size:14px; padding:10px 10px; height:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#tb_list th {background:#fff; padding:20px; font-size:14px; font-weight:400; text-align:center; color:#333;}
#tb_list td {text-align:center;}
#tb_list td b {font-weight:normal;}
#tb_list td.txtL {text-align:left;}
#tb_list td.txtR {text-align:right;}
#tb_list tbody .price, #tb_list tbody .pv {font-weight:500; display:block; padding-right:25px; font-size:14px; line-height:21px;}
#tb_list tfoot .price, #tb_list tfoot .pv {padding-right:15px; font-size:14px; line-height:21px;}
#tb_list td img {width:110px; height:110px;}

#tb_content tr.odd {background:#f9f9f9;}
#tb_content th, #tb_content td {font-size:14px; padding:15px 20px; border:1px solid #ddd; line-height:140%;}
#tb_content th, #tb_content td select {font-size:13px; height:35px; border:1px solid #ddd; padding:0 0px 0 10px; }
#tb_content th {background:#f9fafb; padding:0 30px 0 20px; font-weight:500; text-align:left; color:#333;}
#tb_content th b {font-weight:500;}

table#tb_detail {width:100%; font-size:14px; border-top:2px solid #333;}
#tb_detail th, #tb_detail td {line-height:1.6; font-size:14px; padding:15px; height:30px; font-weight:500; text-align:left; border-bottom:1px solid #eee;}
#tb_detail th {border-right:1px solid #eee;}
#tb_detail td {padding:15px; color:#999;}


.btn_form {position:relative; display:inline-block;}
.btn_form li {display:inline-block; float:right; margin-left:10px;}
.btn_form img {vertical-align:text-top;}

/* cart */

.content_store .txtR {text-align:right;}
.content_store .txtR .btn_form {position:relative; margin:20px auto 50px;}

/* order */
.content_store .banner {position:relative; font-size:13px; line-height:18px; margin:16px 0 20px; padding:15px 20px 15px 105px; border:1px solid #dfdfdf; background:url(../../img/bg_point.png) left 30px center no-repeat #f5f5f5;}
.content_store h4.tit {font-size:22px; font-weight:300; margin-bottom:20px;}

.total_price {
	color: #db1b1b;
	font-size: 24px;
	font-weight: 700;
}



.price {font-weight:600;}
.pv {color:#f8981c;}

.i_text {border:1px solid #dcdde3; height:35px; line-height:35px; padding:0 10px;}
.i_text2 {text-align:right; background:#a2a2a2; border:1px solid #fff; padding:3px;}
.i_dsc{margin:2px 0; padding:0; line-height:18px;}

.itextarea {border:1px solid #C1C1C1;color:#113455;font-family:Arial, Helvetica, sans-serif,Dotum;font-size:12px; padding:2px 4px 2px 4px;}

.function {width:100%; overflow:hidden;}
.btn_shop {transition:.2s; float:left; background:#fff; font-weight:600; height:48px; line-height:46px; text-align:center; font-size:15px; float:left; display:inline-block; border-radius:100px; width:calc(50% - 5px); box-sizing:border-box;}
.btn_shop.cart {border:1px solid #1091d0; color:#1091d0; margin-right:10px;}
.btn_shop.cart .icon { background:url("../images/icon_func_cart.png") center no-repeat;}
.btn_shop .icon, .btn_shop span {display:inline-block; vertical-align:middle;}
.btn_shop.purchase {border:1px solid #1091d0; color:#fff; background:#1091d0;}
.btn_shop.purchase .icon {background:url("../images/icon_func_purchase.png") center no-repeat; }
.btn_shop .icon {width:22px; height:22px; margin-right:5px;}
/*
.btn_kakao {position:absolute; top:0; right:0; width:67px; height:36px; background:url("../images/icon_func_kakao.png?ver=1.1") center no-repeat; background-size:100%; text-indent:-99999px; font-size:0;}
*/
.btn_kakao {position:absolute; bottom:15px; right:15px; padding:8px 10px; border-radius:7px; background:#ffe812; font-size:14px; font-weight:bold;}
.btn_kakao img, .btn_kakao span {display:inline-block; vertical-align:middle;}
.btn_kakao img {width:20px !important; margin-right:8px;}

.btn_naver {position:absolute; bottom:15px; right:15px; padding:8px 10px; border-radius:7px; background:#03C75A; font-size:14px; font-weight:bold;}


.sub_category {display:none; width:100%; position:relative; overflow:hidden; font-size:0; border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:25px;}
.sub_category li {transition:.3s; font-weight:100; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:232px; height:44px; line-height:40px; border:1px solid #e6e6e6; margin:0px 10px 10px 0px; text-align:center; border-radius:100px; display:inline-block; font-size:13px;}
.sub_category li:nth-child(5n) {margin-right:0;}
.sub_category li:hover {color:#1091d0; border:1px solid #1091d0;}
.sub_category li a {display:block; width:100%; height:100%;}
.sub_category li.on {background:#1091d0; color:#fff; border:1px solid #1091d0;}


.function {width:100%; overflow:hidden;}
.function .btn {display:inline-block; vertical-align:top;}
.amount {font-size:0; overflow:hidden; margin-bottom:15px;}
.textQuantity {text-align:center; width:62px; height:44px; line-height:44px; font-size:15px; border:1px solid #ddd; color:#000; vertical-align:top; text-align:center; font-weight:500;}
.quantity {cursor:pointer; width:44px; height:44px; font-size:0px; text-indent:-99999px; vertical-align:top; border:1px solid #ddd;}
.quantity.addnum {background:url("../images/icon_quantity_addnum.png") center no-repeat #f3f3f3; border-right:0;}
.quantity.decnum {background:url("../images/icon_quantity_decnum.png") center no-repeat #f3f3f3; border-left:0;}




.btn_func {width:50%; float:left; display:inline-block; font-size:14px; height:40px; line-height:38px; background:#ececec; font-weight:bold; border:1px solid #d9d9d9;}

.function .btn_func:first-child {border-right:0;}


.area_confirm {width:100%; border:1px solid #ddd; padding:125px 0; text-align:center;}
.area_confirm * {display:block; margin:auto;}
.area_confirm .txt {font-weight:bold; font-size:16px; width:400px; margin-bottom:30px;}
.area_confirm input[type='password'] {width:400px; height:50px; line-height:50px; margin-bottom:40px; border:0; border-bottom:1px solid #ddd; font-size:16px;}
.area_confirm input[type='button'] {width:400px; height:50px; background:#0D5C9C; color:#fff; font-weight:bold; font-size:16px;}


.pr1 {color:#000; font-weight:bold;}
.pr2 {color:#f8981c;  }
.ptax {color:#888; font-size:14px;}

.area_refund {width:100%; text-align:left;}
.area_refund h6 {font-size:24px; font-weight:bold; display:block; margin-bottom:20px;}
.area_refund dl {width:100%;}
.area_refund dl dt, .area_refund dl dd {font-size:16px; word-break:keep-all; line-height:1.4;}
.area_refund dl dt {margin:30px 0px 8px; font-weight:600;}
.area_refund dl dd {margin-bottom:10px;}
.area_refund dl ol {margin-left:18px;}
.area_refund dl li {color:#666; font-size:14px;}
.area_refund dl ul li {display:block;}



.openPopup {display:table; width:100%; height:100%; background:rgba(0,0,0,0.4); position:fixed; text-align:center; top:0; left:0; right:0; bottom:0; display:none; z-index:9999;}
.openPopup:before {content:""; display:inline-block; height:100%; vertical-align:middle;}
.openPopup .popup-container {width:1000px; background:#fff; display:inline-block; vertical-align:middle;}
.openPopup .popup-container .popup-head {position:relative; text-align:center; width:100%; height:59px; line-height:60px; background:#1091d0; color:#fff; border-bottom:1px solid #ddd; padding:0 25px; position:relative;}
.openPopup .popup-container .popup-head	h3 {font-size:20px; font-weight:700; margin:0; line-height:59px; color:#fff;}
.openPopup .popup-container .popup-head img {position:relative; top:7px;}
.openPopup .popup-container .popup-head	.btn_popup_close {display:block; position:absolute; right:25px; top:-2px;}
.openPopup .popup-container .popup-cont {width:100%; overflow:hidden; padding:25px;}
.openPopup .popup-container .popup-cont #openpopup_table {width:100%; border-collapse:collapse; border:1px solid #ddd; margin:0;}
.openPopup .popup-container .popup-cont #openpopup_table th, .openPopup .popup-container .popup-cont #openpopup_table td {border:1px solid #ddd; padding:10px 10px; vertical-align:middle; font-size:13px;}
.openPopup .popup-container .popup-cont #openpopup_table th {background:#fff; color:#1091d0; font-weight:600; font-size:14px; text-align:center;}
.openPopup .popup-container .popup-cont #openpopup_table .btn {height:30px; background:#1091d0; border:0; color:#fff; padding:0 20px; font-size:12px;}
.openPopup .popup-container .popup-cont #openpopup_table .hidden {width:0; height:0; visibility:hidden; border:0; font-size:0; padding:0;}
.openPopup .popup-container .popup-cont #openpopup_table .hidden + td, .openPopup .popup-container .popup-cont #openpopup_table .hidden + th {border-left:0;}

