/****************************************

모든 페이지에 사용된 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:16px; 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 #ddd; 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 #ddd; 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 #ddd; font-weight:bold; }
.content .shop_depth .one_depth li {display:inline-block; margin-right:40px; font-size:16px; }
.content .shop_depth .two_depth {overflow:hidden; padding:14px 30px; font-size:12px; border-bottom:1px solid #ddd;}
.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 {transition:.2s; position:relative; display:inline-block; vertical-align:top; width:272px; padding-bottom:20px; margin-right:40px; margin-bottom:60px;}
.contents_store_lst .item:hover {box-shadow:10px 10px 50px rgba(0,0,0,0.1);}
.contents_store_lst .item:nth-child(4n) {margin-right:0;}
.contents_store_lst .item .thumb {width:100%; height:272px; position:relative; margin-bottom:25px;}
.contents_store_lst .item .thumb img {width:100%; height:100%;}
.contents_store_lst .item .info {font-size:18px; text-align:center;}
.contents_store_lst .item .info .pr-name {font-size:18px; text-align:center; line-height:25px; color:#333333; font-weight:bold;  margin-bottom:15px; display:block;}
.contents_store_lst .item .info ul li {display:block; line-height:1.5; font-size:16px;  text-align:center;}
.contents_store_lst .item .info ul li.price {color:#121212;}
.contents_store_lst .item .info ul li.pv {color:#909090; font-size:16px;}





.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 .pv{display:block; font-size:14px; font-weight:normal; color:#000; }
.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:16px; line-height:18px; font-weight:normal;}

.option_store {position:relative; overflow:hidden; margin-bottom:40px;}
.option_store.detail {width:1210px; padding-bottom:40px;  margin:auto;}
.option_store .thumb {position:relative; display:table-cell; width:500px; height:500px; padding:0px;}
.option_store .thumb img {width:100%; height:100%;}
.option_store .info {position:relative; width:710px; height:422px; display:table-cell; vertical-align:middle; padding-left:130px;}
.option_store .info .tit {font-size:40px; font-weight:100; margin-bottom:36px; letter-spacing:-1px; line-height:1.3; word-break:keep-all; }
.option_store .detail_info {margin-bottom:0px; min-height:230px; padding:30px 0; border-top:1px solid #ddd;}
.option_store p.detail_pv {font-size:16px; color:#888;  line-height:18px; padding:0; margin-bottom:20px;}
.option_store p.detail_pv dfn {display:inline-block; color:#000; width:110px; font-style:normal; font-weight:500;}
.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 #ddd; 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 #ddd;}
.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:16px; font-style:normal; font-weight:600; left:0; position:absolute; top:0; color:#333333;}
.content_store .view_sore {width:100%; position:relative; padding:0; text-align:center; border-top:0; min-height:600px;}
.area_detail {border:1px solid #ddd; padding:30px 30px; min-height:500px;}
.area_detail img {max-width:100%;}

.content_store .tabs {background:#fff; position:relative; width:100%; margin:0 auto 0;}
.content_store .tabs .tabMenuContainer {width:1200px; margin:auto; border-bottom:1px solid #ccc;}
.content_store .tabMenu {width:100%; margin:auto; height:50px;}
.content_store .tabMenu li {transition:.3s; font-size:16px; position:relative; font-weight:400; color:#555; border-right:1px solid #ddd; float:left; display:block; width:33.3%; height:50px; text-align:center; background:transparent;}
.content_store .tabMenu li:hover {opacity:.5;}
.content_store .tabMenu li:first-child {width:33.4%;}
.content_store .tabMenu li:last-child {border-right:0;}
.content_store .tabMenu li a {position:absolute; left:0; top:0; display:block; width:100%; height:100%; line-height:50px; background:#fafafa;}
.content_store .tabMenu li.active {z-index:99;}
.content_store .tabMenu li.active a {width:100%; background:#000; color:#fff;}
.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 {border-top:1px solid #e6e6e6; clear:both; margin-bottom:30px; padding-top: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:#0088cc; 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:16px; 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; background:url("../images/icon_select_arrow.png") 90% center no-repeat; webkit-appearance: none; -moz-appearance: none; appearance: none;}
#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-right:5px;}
.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:#000; font-weight:600; }

.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;}


.btn_shop {font-size:16px; width:200px; font-weight:bold; height:55px; font-weight:500;}
.btn_cart {background:#fff; border:1px solid #0088cc;}
.btn_purchase {background:#0088cc; color:#fff; margin-right:10px;}

.sub_category {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:#000; border:1px solid #000;}
.sub_category li a {display:block; width:100%; height:100%;}
.sub_category li.on {background:#000; color:#fff; border:1px solid #000;}


.amount {font-size:0; overflow:hidden; margin-bottom:15px;}
.textQuantity {height:26px; line-height:22px; border:1px solid #c9c9c9;  vertical-align:top; font-size:12px;}
.quantity {color:#666; cursor:pointer; width:26px; line-height:1; font-size:12px; font-weight:500; height:26px; background:#fff; border:1px solid #c9c9c9;  vertical-align:top;}
.quantity.addnum {border-right:0;}
.quantity.decnum {border-left:0;}