/* html/theme/justshow/css/style_mobile.css */
::selection {
	background-color: #7c192d;
	color: #fff;
}


a {
	color:#792738;
}
.help-block a {
	color: #c72928;
}
a:active,
a:hover,
a:focus {
	text-decoration:none;
	color: #cc4259;
}

.header5 #header-top {
	border-top: 3px solid #db3f57;
	background: #f9f7f7;
}

#top-links li a {
	color:#7c192d;
}

#top-links li a:hover{
	color:#db3f57;
}

#header-top .header-link a {
	color:#7c192d;
}

#header-top .header-link a:hover {
	color:#db3f57;
}

#header-top .header-link a.dv:after{
	color:#7c192d;
}



/* 기획전 컬러셋 추가 */
.skin_10 .inner .more a {
	color: #000000;
	border-color: #000000;
	font-size: 14px;
}
.skin_10 .inner .more a:hover ,
.skin_20 .inner .md a ,
.skin_10 .inner .best .content-title a {
	background-color: #7c192d;
}

.skin_10 .inner .best .content-title a:hover,
.skin_10 .inner .best-product ul li .best-order span.best-line {
	background-color: #db3f57;
}
.skin_10 .inner .best-product ul li .wish_list span i.active,
.skin_20 .inner .dog-content .dog-product ul li .wish_list span i.active,
.skin_30 .nav_h_type ul li .wish_list span i.active {
	color: #dd1077;
}
/* 기획전 컬러셋 추가 */


#responsive-nav-button:hover #responsive-nav-button-icon,
#responsive-nav-button.active  #responsive-nav-button-icon {
	background-color:#7c192d;
}

#main-nav-container #main-nav #responsive-nav > ul {
	border-top:5px solid #CC4259;
}

.header5 #quick-access .quick-search-form .btn-custom:hover, .header5 #quick-access .quick-search-form .btn-custom:focus, .header5 #quick-access .quick-search-form .btn-custom:active {
	background-color: #7c192d;
	border-color: #7c192d;
}

#main-nav-container #main-nav #responsive-nav ul li a:hover {
	color:#7c192d;
}

.btn-custom {
	background-color: #cc4259;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active,
.open .dropdown-toggle.btn-custom {
	background-color: #7c192d;
	border-color:#7c192d
}

/*
.title {
	border-left:4px solid #cc4259;
}
*/

.btn-custom-2:hover,
.btn-custom-2:focus,
.btn-custom-2:active,
.btn-custom-2.active,
.open .dropdown-toggle.btn-custom-2 {
	background-color: #7c192d;
	border-color: #7c192d;
}

.select-dropdown:hover .dropdown-toggle {
	background:#7c192d;
	border-color:#7c192d;
}

.select-dropdown .dropdown-menu > li > a:hover {
	background: #7c192d;
}

.accordion-btn:hover,
.accordion-btn.active {
	background-color:#7c192d;
	border-color:#7c192d;
}

.input-group-addon {
	color: #7c192d;
}

.close-button:hover {
	background-color:#7c192d;
	border-color:#7c192d;
}

.item-name a:hover {
	color:#7c192d;
}

#scroll-top {
	background: #7c192d;
}

.opt_count .quantity-btn:hover {
	border-color:#7c192d;
	background-color: #7c192d;
}



/* html/theme/justshow/mobile/skin/shop/basic/style.css */
#lnb > ul > div > li.active > a ,
#lnb > ul > div > li > ul > div > li.active > a,
#lnb > ul > div > li > ul > div > li > ul > div > li.active > a,
#lnb > ul > div > li > ul > div > li > ul > div > li > ul > div > li.active > a,
#lnb > ul > div > li > ul > div > li > ul > div > li > ul > div > li > ul > div > li.active > a,
#lnb ul li > a:hover, 
#lnb ul li > a:focus {
	text-decoration: none;
	color: #db3f57;
}
#lnb > ul > li > ul > li.active > a {
	color: #db3f57;
}
.sit_btn_buy {
	background-color: #cc4259;
	border-color: #cc4259;
}

.sit_help_buy:hover, .sit_btn_cart:hover, .sit_btn_buy:hover {
	background-color: #7c192d;
	border-color: #7c192d;
}

/* html/theme/justshow/css/mobile_shop.css */
#sod_fin_no {
	background: #cc4259;
	border: 1px solid #cc4259;
}

#m_sod_bsk_tot{
	background: #F5F5F5;
	color:#272727
}
#m_sod_bsk_tot .sod_bsk_cnt {
	background: #272727;
	color:#fff
}
#m_sod_bsk_tot .sod_bsk_cnt strong{
	color: #fff;
}

#sod_fin_view h3{
	background: #FBECEE;
}

#sod_fin_tot ul{
	background: #F5F5F5;
	color:#272727
}

.btn_submit{
	border: 1px solid #7c192d;
	background-color: #7c192d;
}

#sod_frm.sod_pc .btn_address {
	background: #cc4259;
	border: 1px solid #cc4259;
}

#sod_frm.sod_pc #sod_bsk_tot .sod_bsk_cnt strong{
	color:#7c192d;
}

#sod_frm.sod_pc #od_tot_price strong{
	color:#7c192d;
}
#sod_fin_tot #alrdy {
	background: #272727;
	color:#fff
}
#sod_frm.sod_pc #order_address {
	border: 1px solid #cc4259;
	color: #cc4259;
}

.btn_submit {
	border: 1px solid #cc4259; 
	background-color: #cc4259;
}

#sod_v_info {
	background:#7c192d;
}

#sod_v_info:before {
	background:#7C192D;
}
.sod_list .prqty_mt span strong {
	color: #bb2424;
}

/* 사용후기 / 문의 타이틀 */
#sit_use_write #win_title {background:#db3f57;}
#sit_qa_write #win_title {background:#db3f57;}


/* remodal */
.remodal-confirm {
	background: #db3f57;
}
.remodal-confirm:hover {
	color: #fff;
}
.remodal-cancel {
	background: #7c192d;
}


.control-wrap .btn_buy_wr button:hover {
	background: #7c192d;
}

#scroll-top:hover {
	background-color: #db3f57;
	border-color: #db3f57;
}


#footer {
	background:#2b1f21;
}
#footer-bottom p {
	color: #FBECEE;
}


.change-good-wrap section.bigbox input[type="radio"]:checked + label {
	background: #db3f57;
}

.change-good-wrap section.bigbox label {
	border-color:#db3f57;
}
a.btn_frmline, button.btn_frmline {
	border-color:#db3f57;
	background: #db3f57;
}
.change-good-wrap #show_send_cost {
	color: #db3f57;
}






/* 레이아웃 시작 */
.header .container {position:relative;padding-left:10px;padding-right:10px;}
.header .closemall-logo {max-width: 180px;margin:15px auto;display:block;}
.header .closemall-logo img{max-width:100%;height:auto}

.header-top:before,
.header-top:after{content:"";display:block;clear:both}

.header-top{
}
.header-top{
	padding-top:13px;
	font-size: 13px;
}

.header .search{
	display: block;
	width:57%;
	margin:0 auto;
	position:relative;
	z-index: 101;
}

.header .search input{
	width: 100%;
	height: 30px;
	padding-left: 10px;
	border-radius: 20px;
	border: 1px solid #d2d2d2;
	outline: none;
	font-size: 12px;
	font-weight: 300;
}

.header .search button{
	width:20px;
	overflow:hidden;
	border:none;
	background:none;
	outline:none;
	position:absolute;
	top:4px;
	right:6px;
	font-size:16px;
}

ul.header-top li{
	float:left;
}
ul.header-top li:nth-child(2) {
	float:right;
}

ul.header-top li a{
	color:#757575;
	margin: 0 3px;
}


header.container { position:relative}
header .category .plan{
	padding: 10px 0;
	font-size: 13px;
	text-align: right;
	position: absolute;
	bottom: 4px;
	right: 13px;
	z-index: 100;
}
header .category .plan a{
	padding-left:10px;
	display: block;
}
header .category {
	margin-top:-33px;
}

@media screen and (min-width:640px){
	.header .search {
		width: 250px;
		position: absolute;
		z-index: 101;
		right: 161px;
		top: 7px;
	}
}






/*
@media screen and (min-width:640px){

	.header .closemall-logo {
		max-width: 150px;
		float: none;
		display: block;
		margin: 34px auto 14px;
	}

	div.header-top {
		padding-top: 0;
		float: none;
		position:relative
	}

	ul.header-top {
		float: right;
	}
	ul.header-top li a {
		margin: 0 2px;
		font-size: 12px;
	}
	.header .search{
		position: absolute;
		left: 50%;
		margin-left: -90px;
		bottom: 10px;
		z-index: 101;
	}
	.header-top .gnb .search input{border:none;}
	.header-top .gnb .search button{font-size:20px;top:5px;}
	.header .search input {width: 180px;height: 30px;}
	.header .search button {
		top: 4px;
		right: 5px;
	}
	ul.header-top li {
		position:absolute;
		top:5px;
		left:5px;
	}
	ul.header-top li:nth-child(2) {
		right:5px;
		left:auto;
	}

	header .category .plan {
		font-size: 12px;
		position: absolute;
		bottom: 0px;
		right: 10px;
		z-index: 101;
		padding-bottom: 4px;
	}
	header .category .plan a{
		display:block;
		text-align:right;
	}

}
*/
/*----------------------------------------------header top----------------------------------------------*/




/* 대형 메뉴 */
	.large-menu {
		list-style: none;
		*zoom: 1;
		background:#fff;
		display: inline-block;
		float:left;
	}
	.large-menu:before,
	.large-menu:after,
	.large-menu ul:before,
	.large-menu ul:after{content:"";display:block;clear:both}
	.large-menu ul {
		list-style: none;
		width: 9em;
		background:#fff;
			z-index: 100;
	}
	.large-menu a {
		padding: 9px 15px;
		font-size: 14px;
	}
	.large-menu a.menu-name {
		padding: 8px 0 11px 0;
		font-size: 15px;
		font-weight: 600;
	}
	.large-menu a.menu-name i{
		font-size: 24px;
		font-weight: 300;
		vertical-align: middle;
		margin-top: -4px;
		color: #dd1077;
	}
	.large-menu li {
	}
	.large-menu > li {
		float: left;
	}
	.large-menu > li > ul li a .parent {
		float:right
	}
	.large-menu > li > ul li a .parent i{
		color:#d4c2c2
	}
	.large-menu > li > a {
		display: block;
	}
	.large-menu li  ul {
		position: absolute;
		left: -9999px;
		top:115px;
	}

	.large-menu li  ul > div.scroll-wrap {
		padding:8px 0
	}

	.large-menu > li.hover > ul {
		left: auto;
		top:auto;
	}
	.large-menu li li.hover > ul {
		left: 100%;
		top: 0;
	}
	.large-menu li li a {
		display: block;
		position: relative;
		z-index:100;
	}
	.large-menu li li li a {
	}
	.large-menu li li li li a {
	}
	.large-menu li li li li li a {
	}

	@media screen and (max-width: 640px) {

		.large-menu {
			height: 41px;
			width: 100%;
			z-index: 100;
			position: relative;
		}
		.large-menu > li {
			float: none;
		}
		.large-menu > li > ul.menu{
			max-height:485px;
			overflow:hidden;
			overflow-y:auto;
		}
		.large-menu li li a {
			color: #fff;
		}
		.large-menu > li > .parent {
			font-size: 15.1px;
		}
		.large-menu ul {
			display: block;
			width: 100%;
		}
		.large-menu > li.hover > ul , .large-menu li li.hover > ul {
			position: static;
		}
		.large-menu > li.hover > ul {
			margin-top: -1px;
			margin-left: -10px;
			margin-right: -10px;
			width: auto;
		}

		.large-menu  li > a > .parent {
			position: absolute;
			right: 20px;
			top: 1px;
			padding: 4px 7px;
			-webkit-transition:rotate,  -webkit-transform 1s;
			transition:rotate,  transform 1s;
		}
		.large-menu  li > a > .parent {
			-ms-transform: rotate(90deg); /* IE 9 */
			-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
			transform: rotate(90deg);
		}
		.large-menu  li.hover > a > .parent {
			-ms-transform: rotate(270deg); /* IE 9 */
			-webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
			transform: rotate(270deg);
			top: 2px;
			right: 18px;
		}

		.large-menu li ul {
			background:#191818
		}
		.large-menu li ul li ul{
			background:#272727
		}
		.large-menu li ul li ul li ul{
			background:#383838
		}
		.large-menu li ul li ul li ul li ul{
			background:#494949
		}
		.large-menu li ul li ul li ul li ul li ul{
			background:#676666
		}

		.large-menu li a {
			padding-left:10px;
		}
		.large-menu li li a {
			padding-left:20px;
		}
		.large-menu li li li a {
			padding-left:30px;
		}
		.large-menu li li li li a {
			padding-left:40px;
		}
		.large-menu li li li li li a {
			padding-left:50px;
		}

	}


	@media screen and (min-width: 641px) {

		.large-menu > li.hover ul {
			height: 500px;
			width: 210px;
		}
		.large-menu li li a {
			color: #423737;
		}
		.large-menu li  ul > div.scroll-wrap {
			border: 1px solid #e7e7e7;
			height: 100%;
			width: 211px;
			overflow: hidden;
			overflow-y: auto;
			padding:8px 0
		}
		.large-menu li  ul > div.scroll-wrap::-webkit-scrollbar{
			width:2px;
		}

		.large-menu li  ul > div.scroll-wrap::-webkit-scrollbar-thumb{
			background-color:#949494;
		}

		.large-menu li  ul > div.scroll-wrap::-webkit-scrollbar-track{
			background-color:#efefef;
		}

		.large-menu > li ul {
			background:#fff url("../img/menu_bg.jpg") no-repeat;
			background-size:cover;
			background-position:left center;
		}
		.large-menu > li ul li ul{
			background-position:20% center;
		}
		.large-menu > li ul li ul li ul{
			background-position:40% center;
		}
		.large-menu > li ul li ul li ul li ul{
			background-position:60% center;
		}
		.large-menu > li ul li ul li ul li ul li ul{
			background-position:right center;
		}
		.large-menu a {
			padding: 7px 15px;
			font-size: 13px;
			font-weight: 600;
		}
		.large-menu > li ul {
		}
	}


/*---------------------------------------------- category menu ----------------------------------------------*/



.footer-wrap{
	background-color:#F7F7F7;
}


.information .footer-logo{
	float:left;
}

.information ul{
	display:inline-block;
	overflow:hidden;
	float:right;
}

.information ul li{
	color:#777777;
	float:left;
	margin-right:50px;
}

.information ul li p.operation{
	font-size:9px;
}

.information ul li h3{
	font-size:15px;
	margin-bottom:10px;
	line-height:20px;
}

.information ul li p.address{
	font-size:13px;
	line-height:25px;
	margin-bottom:10px;
}

.information ul li p.delivery{
	font-size:13px;
	line-height:25px;
	margin-bottom:20px;
}

.information ul li span{
	font-size:13px;
}

.information ul li:nth-child(2) span{
	font-size:23px;
}

.information ul li:nth-child(2) p.delivery{
	margin-bottom:5px;
}

.information ul li.app p{
	float:left;
	margin-right:5px;
	font-size:13px;
	line-height:32px;
}

.information ul li.app i{
	font-size:32px;
}

.information ul li.sns{
	margin-right:0px;
}

.information ul li.sns p{
	float:left;
	margin-right:5px;
	font-size:13px;
	line-height:32px;
}

.information ul li.sns i{
	font-size:32px;
}

@media screen and (max-width:1199px){
	.footer-wrap .inner{width:1000px}
	.footer-wrap .inner .information{padding:30px;}

	.information ul li.app p{float:none;}
	.information ul li.sns p{float:none;}
}

@media screen and (max-width:991px){
	.footer-wrap .inner{width:720px}
	.footer-wrap .inner .information{padding:30px 0px;}
	.information ul{float:none;}
	.information ul li{margin-right:25px;}

	.information ul li.app p{margin:0px;}
	.information ul li.sns p{margin:0px;}
}

@media screen and (max-width:767px){
	.footer-wrap .inner{width:95%;}

	.information .f-logo{display:none;}

	.information ul{width:100%;}
	.information ul li{margin-right:0px;font-size:18px;width:45%;}
	
	.information ul li p.address{display:none;}
	.information ul li:nth-child(2) p.delivery{display:none;}
	.information ul li:nth-child(2) span{display:none;}

	.information ul li.app{display:none;}
	
	.information ul li.sns{padding-top:10px;}
	.information ul li.sns p{font-size:16px;}
	.information ul li.sns i{font-size:40px;}
}




/* mypage */
	#smb_my_ov .my_name {
		background: #7c192d;
		box-shadow: inset 0px 0px 50px #4c0413;
	}
	#smb_my_ov .recomm-link {
		background: #7c192d;
	}
	.btn_my_if {
		background: #f5f2f2;
	}
	.s_lnb_inner2 dd a.active {
		color: #7c192d;
	}
	.btn-info,
	.btn-info:hover {
		background-color: #7c192d;
		border-color: #963413;
	}
	.btn-primary,
	.btn-primary:hover {
		background-color: #ad6b78;
		border-color: #7c192d;
	}
	#smb_my_ov .modify-btn .btn_out:hover, #smb_my_ov .modify-btn .btn_edit:hover {
		background: #7c192d;
	}

.panel-primary {
	border-color: #7c192d;
}
.panel-primary>.panel-heading {
	background-color: #7c192d;
	border-color: #7c192d;
}

#frm_saleitem input[type="radio"].boxtype:checked+label {
	background: #7c192d;
}
#frm_saleitem input[type="radio"].boxtype+label{
	border-color: #7c192d;
}