@charset 'utf-8';

/* ●●●●● 상품쿠폰관련 추가 2015-06-23 */

/* 상품리스트 아이콘 */
.coupon_list_upper {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1
}

/* 주문배송 아이콘 */
.coupon_check {
	overflow: hidden;
	background: transparent url('../images/coupon_order_ic.png') left top
		no-repeat;
	padding-left: 70px;
	height: 18px;
}

.coupon_check label {
	letter-spacing: -1px;
	font-size: 12px;
	line-height: 1.3;
	float: left;
	overflow: visible;
	padding: 2px 0;
	color: #000;
}

.coupon_check strong {
	letter-spacing: 0px;
	color: #ff6600;
}

/* 제품상세 쿠폰정보*/
.coupon_view_icon {
	display: inline-block;
	margin: 20px 0 0 0;
	position: relative;
	overflow: hidden;
}

.coupon_view_icon span {
	line-height: 1.2;
}

.coupon_view_icon .white_box {
	display: inline-block;
	float: left;
	background: #fff;
	border: 1px solid #ff6c24;
	height: 16px;
	padding: 10px 12px 7px 12px;
	border-radius: 5px 0 0 5px;
}

.coupon_view_icon .coupon_ti {
	float: left;
	color: #999;
	letter-spacing: -1.5px;
}

.coupon_view_icon .bar {
	float: left;
	width: 1px;
	height: 10px;
	background: #ccc;
	margin: 2px 8px 0 8px
}

.coupon_view_icon .coupon_name {
	float: left;
	color: #000;
	letter-spacing: -1px;
}

.coupon_view_icon .color_box {
	height: 18px;
	float: left;
	background: #ff6c24;
	padding: 11px 10px 6px 10px;
	border-radius: 0 5px 5px 0;
}

.coupon_view_icon .coupon_discount {
	float: left;
	color: #fff;
	margin: 0 7px 0 0;
	font-weight: 600;
	background: transparent url('../images/coupon_view_down.gif') right 1px
		no-repeat;
	padding-right: 11px
}

.coupon_view_icon .coupon_price {
	float: left;
	color: #fff;
}

.tag_area {
	display: inline-block;
	position: relative;
	padding-right: 3px;
	margin-bottom: 25px;
}

.home_conts .home_promotion .banner_area {
	/* margin-bottom:15px; width:1350px; overflow:hidden; margin-left:17%; */
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}

/*  
.home_conts .home_promotion .banner_area a {float:left; overflow:hidden; margin-left:12px;} */
.home_conts .home_promotion .theme_area {
	overflow: hidden;
	margin-bottom: 20px;
	width: 100%;
}

.tag {
	font-size: 15px;
	border: 1px solid #d4d4d4;
	line-height: 30px;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	padding: 5px 13px;
	min-width: 10%;
	margin: 10px 5px 0px 5px;
}

.tag:last-child {
	float: right;
}

.tag a:hover {
	color: #426396;
}

.banner_area .group_title {
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 20px !important;
	text-align: center;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
}

.banner_area .theme_area .group_title b {
	color: #f37619
}

.banner_area .theme_area span {
	width: 50%;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	padding: 2.5px;
}

.banner_area .theme_area span:nth-child(odd) {
	padding-left: 0px;
}

.banner_area .theme_area span:nth-child(even) {
	padding-right: 0px;
}

.banner_area .theme_area span img {
	width: 100%;
}

.banner_area .theme_area img:hover {
}

.banner_area .tag_area .group_title b {
	color: #3273ab;
	font-size: 20px;
}

#checkDiscount {
	background: #f37619;
	height: 40px;
	color: whitesmoke;
	font-size: 13px !important;
	font-weight: bolder;
	display: inline-block;
	margin-left: 40px;
	float: right;
	width: 50%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px 5px;
	padding-left: 7px;
}

.sale_stop {
	background: rgba(85, 85, 85, 0.78);
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	text-align: center;
}

.sale_stop b {
	font-size: 50px;
	color: #FF6600;
}

.product_list_box {
	background-color: #F8F8F8;
}

#footer {
	/* background: transparent url('../images/bg_p.gif'); */
	background: #0b192e;
	position: absolute;
	left: 0px;
	width: 100%;
}

.ic_ess {
	width: 12px;
	height: 10px;
	display: inline-block;
	margin-left: 5px;
}

#sub_conts .btn_arrow .prev {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 65px;
	width: 20px;
	height: 20px;
	background: url('/pages/images/btn_l.png') left top/cover no-repeat;
	box-sizing: border-box;
}

#sub_conts .btn_arrow .next {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 65px;
	width: 20px;
	height: 20px;
	background-image: url('/pages/images/btn_r.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	box-sizing: border-box;
	display: inline-block;
}
#sub_conts.etc .btn_arrow .prev {
	margin-top: 100px;
}

#sub_conts.etc .btn_arrow .next {
	margin-top: 100px;
}

#sub_conts .roll_btn {
	overflow: hidden;
	text-align: center;
	position: relative;
	top: -25px;
	display: none;
}

#sub_conts .roll_btn a {
	margin: 0 1px;
}

#sub_conts .roll_btn .roll_on {
	vertical-align: top;
	background-position: -390px 0;
	width: 10px;
	height: 10px;
}

#sub_conts .roll_btn .roll_off {
	vertical-align: top;
	background-position: -380px 0;
	width: 10px;
	height: 10px;
}

.fly_item {
	margin-top: 5px;
}

.fly_item:first-child {
	margin-top: 0px;
}

.notice_wrap {
	height: 86px;
	overflow-y: scroll;
	overflow-x: hidden;
	border: 1px solid #CCC;
	border-top: 0px;
	padding: 0px;
}

.notice_wrap pre {
	white-space: pre-wrap;
	word-break: break-word;
	width: 100%;
	border: 0px;
}

label {
	margin-top: 0px;
	float: left;
}

.quick_banner>a {
	width: 99px;
	position: relative;
	display: inherit;
}

.quick_banner>a>img {
	width: 99px;
}

.gm-style-iw+div {
	display: none;
}

.gm-style .gm-style-iw {
	text-align: center;
}

.notice_wrap table {
	width: 100%
}

.notice_wrap table th {
	background-color: #CCC;
	border: 1px solid #AAA;
	height: 23px;
}

.notice_wrap table td {
	border: 1px solid #CCC;
	text-align: center;
	height: 50px;
}

.scroll-top {
	position: fixed;
	top: 20px;
}

.item_box.blank {
	display: none;
}

i, cite, em, var, address, dfn {
	font-style: normal;
}

a:-webkit-any-link {
	text-decoration: none;
}

ul, menu, dir {
	list-style-type: none;
}

#sub_conts img {
	width: 100%;
}

.left_area {
	text-align: justify;
}

#home_visual ul>a>div, #home_visual ul>a>div>li {
	height: 145px !important;
}
#sub_conts ul>a>div, #sub_conts ul>a>div>li, #sub_conts .promotion_bn .bx-viewport>ul>a
	{
	height: 145px !important;
}
#sub_conts.etc ul>a>div, #sub_conts.etc ul>a>div>li, #sub_conts.etc .promotion_bn .bx-viewport>ul>a {
	height: 200px !important;
}
#sub_conts.etc .promotion_bn {
	height: 200px !important;
}
#sub_conts.etc .promotion_bn .category-top-banner {
	height: 200px !important;
}
#sub_conts.group .promotion_bn {
	height: 200px !important;
}
#sub_conts.group .promotion_bn .category-top-banner {
	height: 200px !important;
}

.event-link {
	border: 1px solid #CCC;
	border-top: 0px;
	text-align: center;
	height: 75px;
	line-height: 100px;
	background-image: url('/pages/images/event/event_c_link.jpg');
	background-size: cover;
	background-position: center top;
	margin-bottom: 40px;
}

.event-link {
	
}

.event-link-popup {
	display: none;
	width: 100%;
	height: 500px;
	position: absolute;
	top: 11%;
	left: 0;
	border: 1px solid rgb(68, 68, 68);
	z-index: 999;
	background-image: url('/pages/images/event/event_b_0429.jpg');
	background-size: cover;
	background-repeat:	no-repeat;
	background-position: center top;
	box-sizing: border-box;
}

.event-link-popup>div {
	position: absolute;
	right: 0px;
	width: 35px;
	height: 35px;
	line-height: 45px;
	font-size: 35px !important;
	cursor: pointer;
	color: white;
}

.web {
	display: none !important;
}

/*######################################################*/
.header-layout {
	width: auto;
	padding:20px 10px;
	border: 0px;
	position: relative;
	background-color: white;
	border-bottom: 1px solid #dadada;
}

.top-button {
	position: fixed;
	right: 0.3em;
	bottom: 1em;
	z-index: 888;
	width: 3em;
	height: 3em;
	opacity: 0.8;
}

.top-button img {
	width: 100%;
}

.logo {
	display: inline-block;

}

.logo>a>img {
	width: 100%;
}

.menu-button {
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	padding: 1.5em 1.28em;
	font-size: 1em;
}

.menu-button img {
	height: 1.167em;
}

.right-menu-back {
	display: none;
	width: 100%;
	height: 100%;
	background-color: #777;
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
}

.right-menu {
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	background-color: #393834;
	-webkit-box-shadow: -5px 0px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: -5px 0px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: -5px px 5px 0px rgba(0, 0, 0, 0.5);
	z-index: 10000;
	color: white;
}

.right-menu.expand {
	width: 70%;
	max-width: 20.75em;
}

.menu-header {
	width: auto;
	padding: 1.1em 1.1em 1.069em 4.2em;
	background: url('/pages/images/mobile/menu_home.png') no-repeat center;
	background-position: 1.250em 0.5em;
	background-size: 2.5em 2.5em;
	background-color: #393834;
	border-bottom: 1px solid #43423e;
	position: relative;
}

.menu-header-title {
	font-weight: bold;
	font-size: 1.333em;
}

.menu-header-title a {
	color: white;
}

.close-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 3.5em;
	height: 3.5em;
	padding: 10px;
}

.close-button img {
	width: 100%;
}

.main-menu {
	width: auto;
	padding: 0.9em 1.800em 0.851em 1.250em;
	background-color: #393834;
	border-bottom: 1px solid #43423e;
	position: relative;
}

.main-title {
	font-size: 14px !important;
	color: white;
}

.main-title a {
	color: #878682;
	display: inline-block;
	width: 100%;
	height: 100%;
}

.main-title a strong {
	color: white;
	padding-right: 10px;
}

.main-button {
	position: absolute;
	top: 10px;
	right: 1.350em;
	width: 9px;
}

.main-button img {
	width: 100%;
}

.main-button.expanded {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}

.sub-menu-wrap {
	display: none;
}

.sub-menu {
	width: auto;
	padding: 0.98em 1em 0.855em 1.1em;
	background-color: #2f2e2a;
	border-bottom: 1px solid #262521;
	position: relative;
}

.sub-menu:last-child {
	border-bottom: 1px solid #43423e;
}

.sub-title {
	color: #878682;
	font-size: 1.167em;
	padding-left: 1.3em;
}

.sub-title a {
	color: #878682;
	display: block;
}

.sub-button {
	position: absolute;
	top: 0em;
	right: 0em;
	width: 0.7em;
	display: block;
}

.sub-button.right {
	top: 1.114em;
	right: 1.4em;
	height: 1.125em;
}

.sub-button img {
	width: 100%;
}

.sub-menu-language {
	width: auto;
	position: relative;
	padding: 1.2em 1.25em;
}

.sub-menu-language-button {
	width: 100%;
}

.sub-menu-language-button tr>td:first-child {
	padding-right: 2%;
}

.sub-menu-language-button tr>td:last-child {
	padding-left: 2%;
}

.sub-menu-language-button tr>td>div {
	border: 1px solid #6e6a67;
	width: 100%;
	height: 2.5em;
	text-align: center;
}

.sub-menu-language-button tr>td>div>a {
	color: white;
	font-size: 1em;
	line-height: 2.4em;
}

.visual {
	background: none !important;
	width: auto;
	height: 15em;
	position: relative;
}

.visual.main {
	height: 20em;
}

.txt01 {
	color: white;
	position: relative;
	z-index: 900;
	text-align: center;
	width: 100%;
	top: 1.583em;
	text-shadow: 0px 1px #999999;
}

.slide-center-title {
	position: relative;
	top: 7em;
	color: white;
	text-align: center;
	width: 6em;
	margin: 0 auto;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	padding-top: 0.6em;
	height: 3.4em;
	line-height: 3em;
}

.slide-center-title a {
	font-size: 3em;
	font-weight: bold;
	text-shadow: 0px 1px #999999;
	color: white;
}

.slide-bottom-title {
	color: white;
	position: relative;
	z-index: 900;
	text-align: center;
	width: 100%;
	top: 7.9em;
	font-size: 0.917em;
	margin-top: 0.6em;
}

.top-slides {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 15em;
}

.top-background {
	width: auto;
	height: 15em;
	background-size: cover !important;
}

.top-slides-control {
	position: absolute;
	top: 8.5em;
	z-index: 888;
	width: 100%;
}

.top-slides-control .b-prev {
	position: absolute;
}

.top-slides-control .b-next {
	position: absolute;
	right: 0em;
}

.top-slides-control img {
	width: 2.5em;
	height: 3em;
}

.item_info_area .info_box .option_area .option_list li>span:nth-child(1)
	{
	width: 100% !important;
	box-sizing: border-box;
}

.item_info_area .info_box .option_area .option_list li>span:nth-child(2)
	{
	width: 40% !important;
	box-sizing: border-box;
	margin-top: 5px;
}

.item_info_area .info_box .option_area .option_list li>span:nth-child(3)
	{
	width: 45% !important;
	box-sizing: border-box;
}

.order_tb>thead {
	display: none;
}

.option_ess>div>span:nth-child(1) {
	width: 100% !important;
}

.option_ess>div>span:nth-child(2) {
	width: 75% !important;
}

.option_ess>div>span:nth-child(3) {
	width: 25% !important;
}

.option_ess>div>span:nth-child(4) {
	width: 50% !important;
	text-align: left !important;
	margin-top: 10px;
}

.option_ess>div>span:nth-child(5) {
	width: 50% !important;
	font-weight: 900;
	margin-top: 10px;
}

.shop_order_area .form_TB td>* {
	box-sizing: border-box;
	margin: 0px !important;
}

.shop_order_area .form_TB td>div:first-child {
	font-weight: bold;
}

.shop_order_area .form_TB td>input[name=_oname] {
	width: 100% !important;
}

.shop_order_area .form_TB td>[name^=_ohtel] {
	width: 32% !important;
}

.shop_order_area .form_TB td>[name^=_ohtel]:last-child {
	float: right;
}

.shop_order_area .form_TB td>[name^=_oemail] {
	width: 32% !important;
}

.shop_order_area .form_TB td>[name=_email_sel] {
	width: 31% !important;
	float: right;
}

.member_join_area .form_TB td>* {
	box-sizing: border-box;
	margin: 0px !important;
}

.member_join_area .form_TB td>input[name=BUYER_NAME] {
	width: 100% !important;
}

.member_join_area .form_TB td>input[name^=_htel] {
	width: 32% !important;
}

.member_join_area .form_TB td>input[name^=_htel]:last-child {
	float: right;
}

.member_join_area .form_TB td>input[name^=email] {
	width: 32% !important;
}

.member_join_area .form_TB td>[name=email_sel] {
	width: 32% !important;
	float: right;
}

.view_fix>div:first-child {
	display: inline-block;
	padding-left: 5px;
}

#coupon-list td:first-child {
	width: 50%;
}

.cm_common_top {
	background: #fff;
	border-top: 1px solid #dadada;
	padding: 10px;
	margin: 0px;
	overflow: hidden;
}

.cm_common_top.cs-top {
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

.commom_page_title>dl>dt {
	font-size: 18px !important;
	font-weight: 900;
	padding-bottom: 3px;
	padding-top: 10px;
}

.commom_page_title>dl>dd {
	color: #777;
	margin-bottom: 10px;
}

.mobile-content {
	padding: 0px 10px;
	margin-bottom: 30px;
}

.button_pack .btn_lg_black {
	background-position: 0 -300px;
	color: #fff !important;
}

.cm_botton_button {
	margin-bottom: 20px;
	display: inline-block;
	float: right;
}

.cm_member_title {
	clear: both;
	border: 0px !important;
}

.button_pack .btn_lg_white, .button_pack .btn_lg_black, .button_pack .btn_lg_color,
	.button_pack .btn_lg_orange {
	height: 55px;
	line-height: 55px;
	padding: 0 40px 0 43px !important;
	font-size: 16px;
	font-weight: 600;
}

.button_pack a {
	position: relative;
	float: left;
	font-weight: normal;
	margin: 0 3px 0 0;
	word-wrap: normal;
	word-break: keep-all;
}

.button_pack * {
	background: transparent url('../images/cm_images/button_pack.png') 0 0
		no-repeat;
	text-decoration: none !important;
	letter-spacing: -1px;
}

.card-list-item {
	border: 1px solid #ccc;
	border-bottom: 1px solid #777;
	padding: 15px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.card-list-item span {
	display: inline-block;
	line-height: 20px;
	width: 75%;
	box-sizing: border-box;
}

.card-list-item [class] {
	font-weight: bold;
	width: 25%;
}

[class^=card-opt]+span {
	width: 20%;
}

.card-poll {
	width: 100% !important;
	text-align: right;
}

.card-poll>a {
	background-color: #777;
	color: white;
	padding: 5px 10px;
}

.category-top-banner {
	height: 385px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	max-width: 1000px;
	margin: 0 auto;
}

iframe {
	border: 0px;
	background: white;
}

.kg-mobile-pop {
	display: none;
	position: absolute;
	top: 280px;
	width: 450px;
	height: 600px;
	z-index: 9999;
	border: 1px solid #777;
	background: white;
}

.kg-mobile-pop>.mask {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 50px;
	font-size: 20px;
	font-weight: bold;
	background-color: rgba(0, 0, 0, 0.22);
	box-sizing: border-box;
}

.button_pack .btn_lg_orange {
	background: transparent url('../images/common/btn_pack.png') 0 0
		no-repeat;
	background-position: 0 -260px;
	color: #fff !important;
}

.button_pack .btn_lg_orange span {
	background: transparent url('../images/common/btn_pack.png') 0 0
		no-repeat;
	background-position: -497px -260px;
	color: #fff !important;
	width: 3px;
	height: 55px;
}

.button_pack .btn_lg_black span {
	background-position: -497px -300px;
	width: 3px;
	height: 55px;
}

.button_pack .edge {
	top: 0;
	right: 0;
	position: absolute;
	margin-right: -3px;
	overflow: hidden;
}

.promotion_bn .category-top-banner {
	height: 145px !important;
}

.mobile-tag {
	border: 1px solid #CCC;
	width: 49%;
	box-sizing: border-box;
	margin-bottom: 5px;
	padding: 5px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
}

.mobile-tag:nth-child(even) {
	float: left;
}

.mobile-tag:nth-child(odd) {
	float: right;
}

[data-popup=email-policy] {display: none;    text-align: initial;
    z-index: 9999;
    left: 0;
    width: 100%;
	overflow-y: auto;
    padding: 15px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #666666;
    position: absolute;
	bottom: 0px;
}
[data-popup=email-policy] strong {font-size:18px;font-weight: 600;color:#202020;display:block;}
.email_txt {background-size: 100px 100px;text-align:left;font-size:14px;color:#555555;line-height:18px;padding: 15px 0px;display:block;}
.btn_d {display:inline-block;background:#9b9b9b;font-size:12px;font-weight:bold;text-decoration:none;padding-top:3px;color:#fff;vertical-align:middle;width: 100%;height: 40px;line-height: 40px;text-align:center;}
.btn_d a {color:#fff; text-decoration:none;}
.btn_area {text-align:center;line-height:24px;width: 100% !important;}

[data-popup] a:hover {
	color: white;
}
[data-popup=privacy] {
    display: none;
    text-align: initial;
    z-index: 9999;
    left: 0;
    width: 100%;
    overflow-y: auto;
    padding: 15px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #666666;
    position: absolute;
    bottom: 0px;
    height: 935px;
    max-height: 100%;
}
[data-popup=privacy] h2 {
	font-size: 23px !important;
	font-weight: 600 !important;
	margin-bottom: 18px !important;
	color: #202020 !important;
}
[data-popup=privacy] h3 {
	height: 24px !important;
	line-height: 24px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #202020 !important;
	margin: 0px !important;
}
[data-popup=privacy] h4 {
	height: 24px !important;
	line-height: 24px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #00afdd !important;
}
[data-popup=privacy] .txt {
	font-size: 14px;
	color: #555555;
	margin-bottom: 20px;
}
[data-popup=privacy] .txt_2 {
	font-size: 14px;
	color: #555555;
	margin-bottom: 40px;
}

#footer .footer-top {
	padding: 5px 0;
	/* background-color: #444; */
	background-color: #01425b;
}
#footer .footer-inner .footer-left {
    text-align: center;
    width: 100%;
}
#footer .footer-inner .footer-left a {
    color: #CCC;
}
#footer .footer-inner .footer-menu {
    display: inline-block;
    margin-right: 3px;
    text-decoration: none;
    color: #777777;
}
.mobile-usage b>img, .mobile-usage p>b>span>img {
	display: none;
}
.mobile-usage p>img, .mobile-usage p>span>img {
	display: block;
}
.event-icon {
	width: 82px;
    height: 82px;
    background-repeat: no-repeat;
    position: absolute;
    right: 13px;
    bottom: 13px;
}
#event_popup {
	left: 0px !important;
    margin-left: 0px !important;
    width: 100% !important;
}
#event_popup>div {
	
width: 100%;
}
#event_popup>div>div {
	left: 0px !important;
	background: #444;
	width: 100%;
	/*margin-top: 90px;*/ /*2018-02-26*/ 
}
#event_popup>div:nth-child(2)>div {
	top: 110px !important;
}
#event_popup>div>div img {
	width: 100%;
}
#event_popup>div>div label {
	color: white;
	margin-left: 10px;
}
#event_popup>div>div label>input {
	margin-top: 6px;
}
#event_popup>div>div .btn_close {
	position: absolute;
	bottom: -1px;
	right: 7px;
	background: transparent url('../images/cm_images/ic_popup_close.gif') center center no-repeat;
	width: 30px;
	height: 30px;
}
[data-popup=survey] {
	position: absolute;
	top: 325px;
	width: 100%;
	z-index: 9999;
	box-sizing: border-box;
} 
[data-popup=survey]>div:first-child {display: none;}
[data-popup=survey]>div:last-child {
	background-color: white;
	width: 100%;
	border: 1px solid #444;
	box-sizing: border-box;
}
[data-popup=survey]>div:last-child>img {
	width: 100%;
}

.sub-category-wrap {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
}
.sub-category {
	float: left;
	width: 50%;
	text-align: center;
    box-sizing: border-box;
	border-top: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 2px solid #464646;
}
.sub-category:first-child {
	border-left: 1px solid #afafaf;
}
.sub-category.hit:first-child {
	border-left: 0px;
}
.sub-category.hit:last-child {
	border-right: 0px;
}
.sub-category>a {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: 17px;
	font-weight: bold;
}
.sub-category>a>span {
	background-image: url('/pages/images/bt_off.png');
    background-repeat: no-repeat;
    background-position-x: 5px;
    width: 20px;
    height: 10px;
    display: inline-block;
    position: absolute;
    top: 16px;
}
.sub-category.hit>a {
	background-color: #464646;
	color: white;
}
.sub-category.hit>a>span {
	background-image: url('/pages/images/bt_on.png');
}


.button_pack {display:inline-block; overflow:hidden;}
.button_pack *{background: transparent url('../images/cm_images/button_pack.png') 0 0 no-repeat ; text-decoration:none !important;  letter-spacing:-1px}
.button_pack a {position:relative; float:left; font-weight:normal; margin:0 3px 0 0; word-wrap:normal; word-break:keep-all;}
.button_pack .edge {top:0; right:0; position:absolute; margin-right:-3px; overflow:hidden;}
.button_pack .lineup {background:none;}

.button_pack .btn_sm_white,.button_pack .btn_sm_black,.button_pack .btn_sm_color {font-size:11px; height:25px; line-height:25px; padding:0 12px 0 15px !important; }
.button_pack .btn_sm_white {background-position:0 0; color:#333 !important;}
.button_pack .btn_sm_white span {background-position:-497px 0; width:3px; height:25px;}
.button_pack .btn_sm_white:hover {background-position:-600px 0;}
.button_pack .btn_sm_white:hover span {background-position:-1097px 0;}
.button_pack .btn_sm_black {background-position:0 -30px; color:#fff !important;}
.button_pack .btn_sm_black span {background-position:-497px -30px; width:3px; height:25px;}
.button_pack .btn_sm_black:hover {background-position:-600px -30px;}
.button_pack .btn_sm_black:hover span {background-position:-1097px -30px;}
.button_pack .btn_sm_color {background-position:0 -60px; color:#fff !important;}
.button_pack .btn_sm_color span {background-position:-497px -60px; width:3px; height:25px;}
.button_pack .btn_sm_color:hover {background-position:-600px -60px;}
.button_pack .btn_sm_color:hover span {background-position:-1097px -60px;}

.button_pack .btn_md_white,.button_pack .btn_md_black,.button_pack .btn_md_color {height:35px; line-height:35px; font-size:13px; padding:0 16px 0 20px !important; font-weight:600}
.button_pack .btn_md_white {background-position:0 -100px; color:#333 !important;}
.button_pack .btn_md_white span {background-position:-497px -100px; width:3px; height:35px;}
.button_pack .btn_md_white:hover {background-position:-600px -100px;}
.button_pack .btn_md_white:hover span {background-position:-1097px -100px;}
.button_pack .btn_md_black {background-position:0 -140px; color:#fff !important;}
.button_pack .btn_md_black span {background-position:-497px -140px; width:3px; height:35px;}
.button_pack .btn_md_black:hover {background-position:-600px -140px;}
.button_pack .btn_md_black:hover span {background-position:-1097px -140px;}
.button_pack .btn_md_color {background-position:0 -180px; color:#fff !important;}
.button_pack .btn_md_color span {background-position:-497px -180px; width:3px; height:35px;}
.button_pack .btn_md_color:hover {background-position:-600px -180px;}
.button_pack .btn_md_color:hover span {background-position:-1097px -180px;}

.button_pack .btn_lg_white,.button_pack .btn_lg_black,.button_pack .btn_lg_color {height:55px; line-height:55px; padding:0 40px 0 43px !important; font-size:16px; font-weight:600;}
.button_pack .btn_lg_white {background-position:0 -240px;color:#333 !important;}
.button_pack .btn_lg_white span {background-position:-497px -240px; width:3px; height:55px;}
.button_pack .btn_lg_white:hover {background-position:-600px -240px;}
.button_pack .btn_lg_white:hover span {background-position:-1097px -240px}
.button_pack .btn_lg_black {background-position:0 -300px; color:#fff !important;}
.button_pack .btn_lg_black span {background-position:-497px -300px; width:3px; height:55px;}
.button_pack .btn_lg_black:hover {background-position:-600px -300px;}
.button_pack .btn_lg_black:hover span {background-position:-1097px -300px;}
.button_pack .btn_lg_color {background-position:0 -360px; color:#fff !important;}
.button_pack .btn_lg_color span {background-position:-497px -360px; width:3px; height:55px;}
.button_pack .btn_lg_color:hover {background-position:-600px -360px;}
.button_pack .btn_lg_color:hover span {background-position:-1097px -360px;}

.button_pack .btn_input {background:none; position:relative; position:relative; float:left; margin:0 3px 0 0;}
.button_pack input,.button_pack button {border:0; display:inline-block; overflow:visible; font-weight:normal; cursor:pointer; word-wrap:normal; word-break:keep-all;}

.button_pack .btn_input .btn_sm_white+ .edge {background-position:-497px 0; width:3px; height:25px; }
.button_pack .btn_input .btn_sm_white:hover+ .edge {background-position:-1097px 0;}
.button_pack .btn_input .btn_sm_black+ .edge {background-position:-497px -30px; width:3px; height:25px;}
.button_pack .btn_input .btn_sm_black:hover+ .edge {background-position:-1097px -30px;}
.button_pack .btn_input .btn_sm_color+ .edge {background-position:-497px -60px; width:3px; height:25px;}
.button_pack .btn_input .btn_sm_color:hover+ .edge {background-position:-1097px -60px;}

.button_pack .btn_input .btn_md_white+ .edge {background-position:-497px -100px; width:3px; height:35px;}
.button_pack .btn_input .btn_md_white:hover+ .edge {background-position:-1097px -100px;}
.button_pack .btn_input .btn_md_black+ .edge {background-position:-497px -140px; width:3px; height:35px;}
.button_pack .btn_input .btn_md_black:hover+ .edge {background-position:-1097px -140px;}
.button_pack .btn_input .btn_md_color+ .edge {background-position:-497px -180px; width:3px; height:35px;}
.button_pack .btn_input .btn_md_color:hover+ .edge {background-position:-1097px -180px;}

.button_pack .btn_input .btn_lg_white+ .edge {background-position:-497px -240px; width:3px; height:55px;}
.button_pack .btn_input .btn_lg_white:hover+ .edge {background-position:-1097px -240px;}
.button_pack .btn_input .btn_lg_black+ .edge {background-position:-497px -300px; width:3px; height:55px;}
.button_pack .btn_input .btn_lg_black:hover+ .edge {background-position:-1097px -300px;}
.button_pack .btn_input .btn_lg_color+ .edge {background-position:-497px -360px; width:3px; height:55px;}
.button_pack .btn_input .btn_lg_color:hover+ .edge {background-position:-1097px -360px;}