<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url("nav.css");
@font-face {
  font-family: 'Nanum Gothic Bold';
  font-style: normal;
  font-weight: bold;
  src: url("/font/NanumGothic-Bold.eot");
  src: url("/font/NanumGothic-Bold.eot?#iefix") format('embedded-opentype'),
       url("/font/NanumGothic-Bold.woff2") format('woff2'),
       url("/font/NanumGothic-Bold.woff") format('woff'),
       url("/font/NanumGothic-Bold.ttf") format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: normal;
  src: url("/font/NanumGothic-Regular.eot");
  src: url("/font/NanumGothic-Regular.eot?#iefix") format('embedded-opentype'),
       url("/font/NanumGothic-Regular.woff2") format('woff2'),
       url("/font/NanumGothic-Regular.woff") format('woff'),
       url("/font/NanumGothic-Regular.ttf") format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic Ex';
  font-style: normal;
  font-weight: bold;
  src: url("/font/NanumGothic-ExtraBold.eot");
  src: url("/font/NanumGothic-ExtraBold.eot?#iefix") format('embedded-opentype'),
       url("/font/NanumGothic-ExtraBold.woff2") format('woff2'),
       url("/font/NanumGothic-ExtraBold.woff") format('woff'),
       url("/font/NanumGothic-ExtraBold.ttf") format('truetype');
}

* {
	margin:0;
	padding:0;
	COLOR: #7F7F7F;
	FONT-FAMILY: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙", "Arial";
}
a:link, a:visited {
	font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙", "Arial";
	font-size: 11px;
	color: #7F7F7F;
	text-decoration: none;
	line-height:150%;
}

a:active, a:hover {

font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙", "Arial";

font-size: 11px;

color: #e50065;

	text-decoration:none;
	line-height:150%;

}

html {height:100%;margin:0;padding:0;border:0;overflow-x:hidden;}

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	color: #7F7F7F;background-color:#ffffff;
	scrollbar-face-color : #E7E7E7;
	scrollbar-highlight-color : #FFFFFF;
	scrollbar-darkshadow-color: #E7E7E7;
	scrollbar-shadow-color : #8B8B8B;
	scrollbar-3dlight-color : #E7E7E7;
	scrollbar-arrow-color : #999999;
}
.wrap {
	width:1000px;
	margin:0 auto;
	FONT-FAMILY: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙", "Arial";
	FONT-SIZE:11px;
}
#wrapper{
    position: relative;
    width:100%;
	height: 100%;
	min-width:1000px;
	min-height:700px;
	font-size: 0;
}
ul, li {
	list-style:none
}

.flash_block {

	background-color:#FFF;

	z-index:1;

	width:100%;

	height:100%;
	top:0px;

	left:0px;

	position:absolute;

	_position: static;

	*position: static;

}
.product_intro {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	z-index:1;
}
.product_intro .product_bg{
	height:100%;
}
.product_intro.pro_3 .btn-TVCF {
    position: absolute;
    top: 33%;
    left: 26%;
    width: 4.75%;
    height: 11%;
    background:url(/Images/product_info/btn_pro3.png) no-repeat 0 0/100%;
    z-index:2;
}
.product_slider.slick-slider{
	position: absolute;
    bottom:70px;
    left:50%;
    margin-left: -275px;
    width:611px;
    z-index:1;
}
.product_slider .slider{
	position:relative;
}
.product_slider .slider a {
	display:table-cell;
	height:125px;
    padding:0 15px;
    vertical-align:bottom;
    text-align: center;
    opacity:0.4;
}
.product_slider .slick-current a {
	opacity:1;
}
.product_slider .slider img {
	display:inline-block;
}
.product_slider .slick-prev, .product_slider .slick-next {
	font-size:0;
	line-height:0;
	position:absolute;
	top:50%;
	display:block;
	width:18px;
	height:22px;
	padding:0;
	-webkit-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	transform:translate(0, -50%);
	cursor:pointer;
	color:transparent;
	border:none;
	outline:none;
	background:transparent;
}
.product_slider .slick-prev {left:-32px; background:url(/Images/product_info/btn_prev.png) no-repeat;}
.product_slider .slick-next {right:-32px; background:url(/Images/product_info/btn_next.png) no-repeat;}

.header {
	height:140px;
	position:relative; z-index:3;

}
.content_wrap {
	width:1000px;
	position:relative;
	z-index:1;

}
.content_wrap .page_content {

	width:790px;

	margin-left:10px;

	float:left;

	padding-top:50px;

	background:url(../../Images/common/sub_page_content_bg_top.jpg) top no-repeat;

}

.prodIndexWrap {
	width: 100%;
}

.prodIndex {
	position: relative;
	margin: 0 auto;
	width: 1400px;
}

.prodIndex .popBtn {
	position: absolute;
	top: 620px;
	left: 492px;

}

.prodIndex .flashNavi {
	position: absolute;
	top: 540px;
	left: 870px;
}

/* popUp */
#bodyLayer { display: none; position: fixed; width: 100%; height: 100%; filter: alpha(opacity=59); opacity: 0.5; z-index:801; background: #000;}

.page_content_bg {
	padding:0 60px;

	background:url(../../Images/common/sub_page_content_bg.jpg) top repeat-y;

}
.page_content_bottom_bg {

	height:60px;

	background:url(../../Images/common/sub_page_content_bg_bottom.gif) bottom no-repeat;

	_margin-bottom:0px;

}
.content_wrap .content_bg {

	width:590px;

margin-right:20px;

	float:left;
	padding:40px;
	position:relative;
	z-index:1;

}
.tv_view_block.clearfix{
	position:relative;
	z-index:1;
}
.content_wrap .page_sidebar {
	float:left;

	width:200px;

}
.content_wrap .sidebar {

	width:280px;
	float:right;

}
.content_wrap .content {
	padding:0 60px 0 60px;

	background:url(../../Images/common/sub_page_content_bg.jpg) top repeat-y;

}
.content_wrap .content_bg .bottom {

	height:60px;

	background:url(../../Images/common/sub_page_content_bg_bottom.gif) bottom no-repeat;

}
.top_navi_wrap {

	width:100%;

	position:absolute;

	top:0px;

	_top:0px;

}
.top_navi_block {

	width:1000px;

	margin:0 auto;

}
.top_navi {
	position:relative;
}
.top_navi ul li {
	display:block;
	float:left;
}
.footer_wrap {
	z-index:800;
}
#productLayer{
	z-index:700;
}
.menu_all {
	z-index:600;
}
.menu_all_block {
	position:relative;
	z-index:500;
}
.front_info_wrap {
	z-index:300;
}
.product_info_block {
	z-index:300;
}
.top_menu_block {
	z-index:200;
	position:absolute;
	top:0;
	right:0;
}
.top_navi .gnb {
	z-index:100;
}
.top_menu_block .top_nb a,
.top_menu_block .top_nb a:hover {
	display:block;
	padding:5px 10px;
	font-size:11px;
	font-weight:bold;
	font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', verdana;
	color:#FF9900;
}
.top_menu_block .top_nb,
.top_menu_block .menu_all_block {
	float:right;
}
.top_menu_block .top_nb{
	margin-right:10px;
}
.menu_all_block .btn a,
.menu_all_block .btn a:hover{
	background:url(/Images/common/all_menu_btn.png) no-repeat;
	display:block;
	width:86px;
	height:26px;
	text-indent:-9999px;
	padding:0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/common/all_menu_btn.png',sizingMethod='crop');
}
.menu_all_block .btn	{
	background:url(/Images/common/all_menu_btn.png) no-repeat;
	display:block;
	width:86px;
	height:26px;
	text-indent:-9999px;
	padding:0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/common/all_menu_btn.png',sizingMethod='crop');
	cursor:pointer;
}/* 占쏙옙占쏙옙130408 */

.menu_all_block .btn2	{
	position:absolute;
	right:113px;
	top:0;
	width:86px;
	height:26px;
	padding:0;
	cursor:pointer;
}/* 占쏙옙占쏙옙130408 */


.menu_all div.menu_one_block{
	float:left;
	font-size:12px;
	padding:0 16px;
}
.menu_all div.menu_one_block a,
.menu_all div.menu_one_block a:hover{
	display:block;
	padding:0;
	text-indent:-9999px;
}
.menu_all div.menu_one_block a.company{
	background:url(/Images/common/top_menu_btn_company.jpg) no-repeat;
	width:154px;
	height:190px;
}
.menu_all div.menu_one_block a.product{
	background:url(/Images/common/top_menu_btn_product.jpg) no-repeat;
	width:154px;
	height:170px;
}
.menu_all div.menu_one_block a.tvc{
	background:url(/Images/common/top_menu_btn_tvc.jpg) no-repeat;
	width:154px;
	height:30px;
}
.menu_all div.menu_one_block a.customer{

background:url(/Images/common/top_menu_btn_customer.jpg) no-repeat;

width:154px;

height:96px;
}
.menu_all div.menu_one_block a.member{

background:url(/Images/common/top_menu_btn_member.jpg) no-repeat;

width:154px;

height:172px;
}
.menu_all .close_btn a{

position:absolute;

bottom:5px;

right:5px;

background:url(/Images/common/close_btn.jpg) no-repeat;

display:block;

text-indent:-9999px;

width:53px;

height:17px;
}
.menu_all .close_btn	{
	position:absolute;
	bottom:5px;
	right:5px;
	background:url(/Images/common/close_btn.jpg) no-repeat;
	display:block;
	text-indent:-9999px;
	width:53px;
	height:17px;
	cursor:pointer;
}
.menu_all div ul li {
float:none;
}

.menu_all div ul li a,
.menu_all div ul li a:hover {


font-size:11px;

}

.menu_all div ul li a{

	padding:3px 0;

}
/* menu_all 占쏙옙占쏙옙 */

.menu_all	{position:absolute;left:225px;top:0;width:745px;padding:20px 37px 20px 4px !important;border:5px solid #ececec;background:#fff;}

.menuArea	{width:100%;overflow:hidden;}

.menuArea ul	{margin:0;padding:0;list-style:none;overflow:hidden;}

.menuArea ul li	{width:154px !important;float:left !important;margin:0 0 0 32px;vertical-align:top;}

.menuArea ul li a	{display:block;vertical-align:top;}
	.menuArea ul li img	{display:block;vertical-align:top;}

.menuArea ul li ul	{margin-top:9px;}

.menuArea ul li ul li	{width:130px !important;height:23px;margin:0 0 0 16px !important;vertical-align:top;}

.menuArea ul li ul li a	{display:block;vertical-align:top;}

.menuArea ul li.menu02	{}

.menuArea ul li.menu02 ul	{float:left;width:65px !important;}

.menuArea ul li.menu02 ul li	{width:67px !important;margin:0 0 0 3px !important}
.top_navi .gnb {

position:absolute;

top:40px;

width:1000px;
}

.top_navi .gnb h1, .top_navi .gnb ul {

float:left;
}

.top_navi .gnb h1 a {

display:block;

text-indent:-9999px;

background:url(../../Images/common/htb_logo.png) no-repeat;

_background:none;

_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/common/htb_logo.png',sizingMethod='crop');

width:140px;

height:68px;
}
.top_navi .gnb ul {

float:right;

width:798px;
	height:57px;

background:url(/Images/common/gnb_bg.png) no-repeat;

_background:none;

_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/common/gnb_bg.png',sizingMethod='crop');
}

.top_navi .gnb ul li{

display:block;

float:left;

padding:5px 14px;

padding-bottom:0;
}

.top_navi .gnb ul li a {

display:block;

text-indent:-9999px;

background:url(/Images/common/btn_company_off.jpg) no-repeat;

width:168px;

height:40px;

padding:0;
}

.top_navi .gnb ul li a.product_off {

background:url(/Images/common/btn_product_off.jpg) no-repeat;
}

.top_navi .gnb ul li a.brand_off {

background:url(/Images/common/btn_tv_off.jpg) no-repeat;
}

.top_navi .gnb ul li a.customer_off {

background:url(/Images/common/btn_customer_off.jpg) no-repeat;
}
.top_navi .gnb ul li a:hover {

background:url(/Images/common/btn_company_on.jpg) no-repeat;
}

.top_navi .gnb ul li a.product_off:hover {

background:url(/Images/common/btn_product_on.jpg) no-repeat;
}

.top_navi .gnb ul li a.brand_off:hover {

background:url(/Images/common/btn_tv_on.jpg) no-repeat;
}

.top_navi .gnb ul li a.customer_off:hover {

background:url(/Images/common/btn_customer_on.jpg) no-repeat;
}

.top_navi .gnb ul li.company_selected a {

background:url(/Images/common/btn_company_on.jpg) no-repeat;
}
.top_navi .gnb ul li.product_selected a {
	background:url(/Images/common/btn_product_on.jpg) no-repeat;
}
.menuArea ul li.menu02 ul.menu2D{width:87px !important;}

.top_navi .gnb ul li.brand_selected a {
	background:url(/Images/common/btn_tv_on.jpg) no-repeat;
}
.top_navi .gnb ul li.customer_selected a {
	background:url(/Images/common/btn_customer_on.jpg) no-repeat;
}

.footer_wrapper {
	height:210px;
	width:100%;
	margin-top:50px;
	background-color: #D1055F;
}

.footer_wrap {
	width:100%;
	padding-top:20px;
}

.footer_block {
	width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.footerInfo1{
	display: flex;
	width:670px;
}

.footerInfo1 .footer_inside.clearfix ul li a {
	color:#FBDBE9;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.6;
}

.footerInfo1 .footer_inside.clearfix ul li:first-child &gt; a:first-child{
	color:#ffe039;
}

.footerInfo1 ul.footer_menu.clearfix{
	display:flex;
	float:none;
	margin-bottom:10px;
}

ul.footer_menu.clearfix li:first-child a{
	color:moccasin;
}
ul.footer_menu.clearfix li a {
	color:#fff;
}

/*�쒕툕 FOOTER*/
.footersubInfo{
	width:auto;
	margin-left: 20px;
}

.footersubInfo .footer_inside.clearfix ul li{
	font-weight: 600;
}

.footersubInfo .footer_inside.clearfix ul li a{
	font-size: 14px;
}

.footersubInfo .footer_inside.clearfix ul li:first-child &gt; a:first-child{
	color:#ffe039;
}
/*�쒕툕 FOOTER*/

.footerInfo1 img{
	margin:0 25px;
}

.footerInfo2{
	width:20%;
	height:140px;
	border-left: 1px solid #FBDBE9;
	padding-left: 20px;
}

.footerInfo2 span{
	color:#FBDBE9;
	font-weight: 600;
	line-height: 24px;
	font-size: 13px;
}

.footerInfo2 &gt; span:first-child{
	font-size: 16px;
}

.footerInfo2 &gt; ul &gt; li span:first-child {
	display: inline-block;
	padding-right: 10px;
}

.footerInfo2 &gt; ul &gt; li:first-child &gt; span:first-child,
.footerInfo2 &gt; ul &gt; li:nth-child(2) &gt; span:first-child{
	letter-spacing: 20px;
}

.footerInfo2 &gt; ul &gt; li:last-child &gt; span:first-child{
	letter-spacing: 4px;
}

.footer{
	background-color: #EF2F83;
	padding:16px;

}
.footer_inside ul li {
	display:block;
	padding:0 10px;
	background:url(/Images/common/footer_menu_bar.jpg) 100% 45% no-repeat;
}

.footer_inside ul li:first-child{
	padding-left:0;
}

.footer_inside ul li.bg_none{
	background:none;
}
.footer_inside .footer_menu{
	float:left;
	display: flex;
	justify-content: space-between;
	margin-bottom:10px;
}
.footer_inside .copyright_block {
	float:right;
}

.footer_insideInfo{
	margin-bottom: 20px;
}

.footer_insideInfo span{
	display: inline-block;
	font-size: 12px;
	width:100%;
	line-height: 20px;
	color:#FBDBE9;
}

.copyright_block p,
.copyright_block select {
	display:block;
	float:left;
}
.copyright_block p{
	font-size: 12px;
	line-height: 1.6;
	color:#FBDBE9;
}
.copyright_block select{
	height:20px;
	font-size:11px;
}
.product_info_block {
	position:absolute;
	right:0px;
	top:130px;
}
.product_info_block p,
.product_info_block .product_all_block {
	float:left;
}
.product_info_block .product_all_block {
	margin-top:8px;
}
.product_info_block p.btn_close a {
	position:absolute;
	top:10px;
	right:30px;
	font-size:15px;
	font-weight:bold;
}
/* 占쏙옙占쏙옙130408 */
.product_info_block p.btn_close span{
	position:absolute;
	top:10px;
	right:30px;
	font-size:15px;
	font-weight:bold;
	cursor:pointer;
}

.product_info_block p.product_all_btn	{
	padding-top:80px;
}
/* 占쏙옙占쏙옙130408 */
.product_info_block p.product_all_btn span	{
	display:block;
	text-indent:-9999px;
	width:55px;
	height:165px;
	background:url(/Images/common/tap_menu_btn.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/common/tap_menu_btn.png',sizingMethod='crop');
	cursor:pointer;
}
.product_info_block p.product_all_btn a {
	display:block;
	text-indent:-9999px;
	width:55px;
	height:165px;
	background:url(/Images/common/tap_menu_btn.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/common/tap_menu_btn.png',sizingMethod='crop');
}
.product_all_block	{
	width:405px;
	position:absolute;
	right:0;
	border:5px solid #ececec;
}
.list_block	{
	padding:20px 25px;
	font-size:11px;
}
.list_block_wrap .first,
.list_block_wrap .second	{
	display:block;
	float:left;
	width:250px;
}
.list_block_wrap .first h3{
	padding-bottom:10px;
}
.list_block_wrap .second{
	width:100px;
}
p.list_title{
	margin-top:20px;
}
p.list_title a{
	display:block;
	font-size:12px !important;
	padding:3px;
	margin-bottom:1px;
	color:#999 !important;
	border-bottom:1px solid #ccc;
}
p.list_title a.selected{
	color:#fff !important;
	font-weight:bold;
	background:#e50065;
	margin-top:-1px;
}
.list_block ul{

}
.list_block .first ul li{
	display:block;
	width:110px;
	margin-right:5px;
	float:left;
	height:140px;
}
.list_block .first ul li a{
	display:block;
	border:3px solid #ccc;
}
.list_block .first ul li p{
	width:110px;
	text-align:center;
}
.list_block .first ul li p a:hover{
	border:3px solid #e50065;
}
.list_block .first ul li p.name{
	padding-top:5px;
	word-break:keep-all;
}
/*common page*/
.content_img p{
	padding:20px 0;
}
.sub_title_block {
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	margin-bottom:20px;
}
.sub_title_block h2, .sub_title_block p {
	display:block;
	float:left;
}
.sub_title_block p {
	float:right;
	padding-top:10px;
}
.board_block{
	border:3px solid #ececec;
	border-top:none;
	padding:10px 0;
	padding-bottom:25px;
}
.board_view_block{
	border:3px solid #ececec;
	padding:15px;
}
.board_view_block p span{
	display:block;
	float:left;
	width:50px;
	color:#999;
}
.board_view_block p span.title{

	width:490px;
}

.board_view_block p span.date{

	/*width:60px;*/
	width:64px;
}
.board_view_block p.title_block{

width:604px;

padding:15px;

	border-bottom:1px dotted #ccc;

margin-bottom:20px;

overflow:hidden;

}

.board_view_block p.title_block span {

padding-top:3px;

}
.board_view_block p.title_block span.title{
font-size:16px;
font-weight:bold;
color:#e50065;
padding-top:0px;
}

.board_view_block .board_content{
font-size:12px;
line-height:18px;
padding:20px 0;
padding-left:20px;
padding-bottom:40px;
letter-spacing:0 !important;
}
.board_view_block .pre_next_block{
padding:15px;
border-top:1px dotted #ccc;
}
.board_view_block .go_list_btn_block{
text-align:right;
border-top:2px solid #ececec;
padding-top:20px;
}







.list_one_block{



padding:10px 0;



border-bottom:1px dotted #ccc;



margin:0 15px;



font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', verdana, 占쏙옙占쏙옙;



}



.list_one_block span{



display:block;



float:left;



text-align:center;



}



.list_one_block .num{



width:40px;



}



.list_one_block .txt{



width:400px;



padding-left:90px;



text-align:left;



}



.list_one_block .txt2{



width:320px;



padding-left:25px;



padding-right:15px;



text-align:left;



}



.list_one_block .attach{



width:50px;



padding-right:20px;



}



.list_one_block .date{



width:100px;



}



.list_one_block .count{



width:50px;



padding-left:7px;



}











.paging_block{



padding:20px 0;



text-align:center;



}



.paging_block a{



font-size:12px;



padding:3px;



}



.paging_block2{



padding:5px 0;



padding-bottom:10px;



color:#999;



}



.paging_block2 a{



padding:3px;



}



.footer {



margin:50px 0 30px 0;



}



/*common*/



.location_01 {



font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙";



font-size: 11px;



color:c8c8c8;



}



.location_02 {



font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙";



font-size: 11px;



color:#e50065;



}



.sub_tap_menu{



padding-bottom:0 !important;



}



.sub_tap_menu a,



.sub_tap_menu img{



display:block;



float:left;



}



.sub_tap_menu img{



margin-right:1px;



_margin-right:0;



_padding-right:1px;



}











.border_block{



border:3px solid #ccc;



padding-top:0;



}



.text_align_center{



text-align:center;



}







.one_block{



padding:30px 0;



}











/*占쏙옙풋占쌘쏙옙*/



.input1 {



width:100px;



}



.input2 {



width:230px;



}



.input_address {



width:300px;



}



.input_password{



width:200px;



}



.input_select_shop {



width:70px;



}



.input_name{



width:250px;



}



.input_jumin_num{



width:87px;



}



.input3 {



height:130px;



width:430px;



}



.input4 {



width:90px;



}



.input5 {



width:97px;



}



.input6 {



width:95px;



}



.input7 {



height:170px;



width:400px;



}



.input8 {



width:112px;



}



.input9 {



width:300px;



}



.input10 {



width:400px;



}



.input11 {



width:170px;



}



input,



textarea{



line-height:13px;



font-size:12px;



font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', verdana, 占쏙옙占쏙옙;



border:1px solid #ccc;



padding:4px;



}



.popup_block input{



border:none;



}



.input_style_none{



border:1px solid #ccc;



padding:0px;



}



.border_orange{



border:1px solid #F90;



}







select{



height:25px;



}



.input_style_none{



padding:0;



border:none;



}







.input_block{



padding:20px;



border:3px solid #ececec;



}



.search_input_block{



padding:20px 0;



padding-left:230px;



}



.search_input_block input{



display:block;



float:left;



margin-right:5px;



}



.login_block ul,



.login_block p{



display:block;



float:left;



}



.login_block ul{



margin-right:10px;



}



.login_block ul li{



list-style:none;



padding:4px 0;



}







/*占쌔쏙옙트占쏙옙타占쏙옙*/



.txt_01 {



font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙", "Arial";



font-size:11px;



color:#a4a4a4;



text-decoration:none;



line-height:170%;



}



.txt_02 {



font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙", "Arial";



font-size:11px;



color:#ffffff;



text-decoration:none;



font-weight:bold;



line-height:150%;



}



.txt_03 {



font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙", "Arial";



font-size:16px;



color:#f7941e;



text-decoration:none;



font-weight:bold;



line-height:150%;



}



.txt_04 {



font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙", "Arial";



font-size:11px;



color:#ffffff;



text-decoration:none;



font-weight:bold;



line-height:150%;



}



.txt_05 {



font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙", "Arial";



font-size:12px;



color:#ffbb00;



text-decoration:none;



font-weight:bold;



line-height:150%;



}



.txt_06 {



font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙";



font-size: 11px;



color:ff9900;



line-height:150%;
}



.txt_07 {
	font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙";
	font-size: 10px;
	color:ff9900;
	font-weight:bold;
}
.txt_08 {
	font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙", "Arial";
	font-size:11px;
	color:#919191;
	text-decoration:none;
	font-weight:bold;
	line-height:150%;
}
.txt_09 {
	font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙";
	font-size: 11px;
	color:f7941e;
	text-decoration: underline;
	font-weight:bold;
}
.txt_10 {
	font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙", "Arial";
	font-size:10px;
	color:#a4a4a4;
	text-decoration:none;
	line-height:170%;
}
.txt_11 {
	font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙", "Arial";
	font-size:11px;
	color:#a4a4a4;
	text-decoration:none;
	line-height:130%;
	LETTER-SPACING: -1px;
}



.txt_12 {



font-family: "Nanum Gothic", '占쏙옙占쏙옙 占쏙옙占�', "占쏙옙占쏙옙", "Arial";



font-size:11px;



color:ff9900;



text-decoration:none;



line-height:130%;



LETTER-SPACING: -1px;



}



.txt_content_view_title{



font-size:12px;



line-height:18px;



font-weight:bold;



}



.txt_content_view {



font-size:12px;



line-height:18px;



}



.agency_list_search_block{



}



.agency_list_search_block span,



.agency_list_search_block input,



.agency_list_search_block a{



display:block;



float:left;



margin-left:3px;



}



.agency_list_search_block span{



padding-top:5px;



}







/*占쏙옙타占쏙옙占싻듸옙*/



/*style="padding-bottom:2px"*/



/* main */



#main	{ height:100%;}



#main #wrapper	 { position:relative;height:100%;}







.front_info_wrap {



width:100%;



position:absolute;



top:500px;



display:none;



}



.front_info_block {



width:1000px;



margin:0 auto;



}



.front_info_block .inner {



float:right;



width:161px;



padding:20px;



height:316px;



background:url(/Images/common/main_board_bg.png) no-repeat;_background:none;



_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/common/main_board_bg.png',sizingMethod='crop');



}



.front_info_block .inner h3{



margin-bottom:10px;



}



.front_info_block .inner h3 img.title,



.front_info_block .inner a {



display:block;



float:left;



}



.front_info_block .inner a {



float:right;



padding:3px;



}



.front_info_block .inner{



height:120px;



}



.front_info_block .inner .first{



margin-bottom:20px;



}



.front_info_block .inner .first ul{



background:#fff;



padding:10px;



}







.front_info_block .inner .second{



display:none;



}







.front_info_block .inner ul li{



list-style:none;



display:block;



}



.front_info_block .inner ul li a{



display:inline;



float:none;



}



/*tvc*/



.tv_player_block{



/* padding-left:150px;



padding-bottom:20px; */



}



.tvc_list_block{



border:3px solid #ececec;



border-left:none;



border-right:none;



padding-left:20px;



padding-top:20px;



height:546px;



}



.tvc_list_block ul li {



display:block;



float:left;



padding:10px 5px;



}



.tvc_list_block ul li a{



display:block;



}



.tvc_list_block ul li p{



text-align:center;



padding-top:5px;



}



.selected_brand_list{



padding-left:80px;



}



.selected_brand_list h3{



margin-top:20px;



padding-bottom:15px;



margin-bottom:10px;



border-bottom:1px dotted #ccc;



}







/* ComProduction */



.production_flash_block{



padding:30px 0 30px 70px !important;



}







/*customer*/



.q_block {



padding:15px 0;



border-bottom:1px dotted #ccc;



}



.anwer_block {



padding:10px 0;



padding-left:25px;



background:url(/Images/customer/customer_01_img_07.jpg) 0 11px no-repeat;



margin-left:20px;



}







/*CustomerShop*/



.customer_shop_map_block{



padding:30px;



border:3px solid #ececec;



border-top:none;



margin-bottom:30px;



}



.customer_shop_map_block div.first,



.customer_shop_map_block div.second{



float:left;



width:300px;



}



.customer_shop_map_block div.second{



width:280px;



padding-top:195px;



margin-top:0px;



background:url(/Images/customer/customer_07_img_13.jpg) 0 100px no-repeat;



}



.customer_shop_map_block div.second .input_shop_block input,



.customer_shop_map_block div.second .input_shop_block select{



display:block;



float:left;



margin-right:3px;



}







.shop_one_list span{



display:block;



float:left;



text-align:center;



}



.shop_one_list span.name{



width:100px;



padding-left:35px;



}



.shop_one_list span.address{



width:250px;



_width:220px;



padding-left:90px;



color:#FF9900;



text-align:left;



}



.shop_one_list span.phone{



width:150px;



float:right;



}







/*MemModForm*/



.form_block{



padding-top:17px;



font-size:12px;



letter-spacing:0;



}



.input_block .form_block{



padding:20px;



}



.form_block2{



padding:20px 0 30px 100px;



}







.form_block h3{



font-size:13px;



letter-spacing:-1px;



padding-bottom:20px;



line-height:18px;



}







.form_block ul li,



.form_block label,



.form_block span,



.form_block input,



.form_block a,



.form_block select,



.form_block img{



display:block;



}



.form_block label,



.form_block span,



.form_block input,



.form_block a,



.form_block select,



.form_block div,



.form_block img{



float:left;



}



.form_block label{



padding-top:5px;



}



.form_block span.first{



width:400px;



}



.form_block span.txt{



padding:5px;



}



.form_block span.inputed_txt{



padding:5px 0;



font-weight:bold;



font-size:12px;



}



.form_block span.checked_txt{



padding:5px 0;



color:#333;



}



.form_block span.checked_txt2{



}



.form_block span.btn{



padding-left:5px;



}



.form_block span.naming{



padding:5px 0 0 3px;



padding-left:3px;



margin-right:15px;



}



.form_block ul li{



padding:10px 0;



}



.form_block ul li{



}



.form_block ul li.guide{



padding:0px;



padding-bottom:8px;



margin-top:-5px;



padding-left:150px;



font-size:11px;



color:#999;



}



.form_block ul li.border{



padding-bottom:20px;



border-bottom:1px dotted #ccc;



margin-bottom:15px;



}



.form_block label{



display:block;



float:left;



width:150px;



letter-spacing:0px;



font-weight:bold;



color:#e50065;



font-size:12px;



}



.form_block2 label{



width:100px;



}



.form_block2 ul.check li input{



padding:5px 0;



border:none;



}







.input_block .form_block label{



width:100px;



}



.input_block .form_block li.guide{



padding-left:100px;



}











.form_block p{



padding:30px;



margin-top:30px;



border-top:1px dotted #ccc;



padding-left:200px;



}







.form_block p a{



display:block;



float:left;



margin-right:5px;



}







.intro_input_form{



padding-left:100px;



border:3px solid #ececec;



border-top:none;



border-bottom:none;



}



.intro_input_form label{



display:block;



float:left;



font-weight:bold;



font-size:12px;



width:100px;



padding:5px 0;



color:#F90;



}



.intro_input_form input,



.intro_input_form span{



display:block;



float:left;



}



.intro_input_form span{



padding:5px;



}







.intro_input_form p,



.intro_input_form ul{



float:left;



display:block;



}



.intro_input_form ul{



width:320px;



padding-left:30px;



}



.intro_input_form ul li{



padding:5px 0;



list-style:none;



}



.intro_input_form p{



padding-top:5px;



}



.intro_input_form strong	{



color:#F90;



}







.agree_block span{



display:block;



float:left;



padding-left:118px;



}



.agree_block span.first{



padding-left:222px;



}







.find_result{



border:3px solid #ececec;



border-top:none;



padding:80px 0;



font-size:15px;



font-weight:bold;



}



.find_result p{



text-align:center;



padding:5px 0;



}







.find_result p.btn_block{
	padding-top:40px;
}
.find_result p span{
	color:#FF6600;
}
/*.company_bg{
	background:url(/Images/common/water_bg.jpg) bottom center no-repeat;
}
.member_bg{
	background:url(/Images/common/orange_bg.jpg) bottom center no-repeat;
}
.customer_bg{
	background:url(/Images/common/leaf_bg.jpg) bottom center no-repeat;
}*/
#msg {
	display:none;
	position:absolute;
	z-index:200;
	background:url(/Common/Css/msg_arrow.gif) left center no-repeat;
	padding-left:7px
}
#msgcontent {
	display:block;
	background:#f3e6e6;
	border:2px solid #924949;
	border-left:none;
	padding:5px;
	min-width:150px;
	max-width:250px
}
#member_bg {
	background-image: url('/Images/member/member_00_img_bg_01.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}
#member_bg_left {
	background-image: url('/Images/member/member_00_img_bg_02.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}
#member_bg_right {
	background-image: url('/Images/member/member_00_img_bg_03.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}
#company_bg {
	background-image: url('/Images/company/company_00_img_bg_01.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}
#company_bg_left {
	background-image: url('/Images/company/company_00_img_bg_02.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}
#company_bg_right {
	background-image: url('/Images/company/company_00_img_bg_03.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}
#customer_bg {
	background-image: url('/Images/customer/customer_00_img_bg_01.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}
#customer_bg_left {
	background-image: url('/Images/customer/customer_00_img_bg_02.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}
#customer_bg_right {
	background-image: url('/Images/customer/customer_00_img_bg_03.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}
#brand_bg {
	background-image: url('/Images/brand/brand_00_img_bg_01.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}
#brand_bg_left {
	background-image: url('/Images/brand/brand_00_img_bg_02.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}
#brand_bg_right {
	background-image: url('/Images/brand/brand_00_img_bg_03.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}
#product_02_bg {
	background-image: url('/Images/product/product_02_img_bg_01.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}
#product_02_bg_left {
	background-image: url('/Images/product/product_02_img_bg_02.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}
#product_02_bg_right {
	background-image: url('/Images/product/product_02_img_bg_03.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}
#product_02_02_bg {
	background-image: url('/Images/product/product_02_02_img_bg_01.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}
#product_02_02_bg_left {
	background-image: url('/Images/product/product_02_02_img_bg_02.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}
#product_02_02_bg_right {
	background-image: url('/Images/product/product_02_02_img_bg_03.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}
#product_03_bg {
	background-image: url('/Images/product/product_03_img_bg_01.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}
#product_03_bg_left {
	background-image: url('/Images/product/product_03_img_bg_02.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}
#product_03_bg_right {
	background-image: url('/Images/product/product_03_img_bg_03.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}
#product_04_bg {
	background-image: url('/Images/product/product_04_img_bg_01.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}
#product_04_bg_left {
	background-image: url('/Images/product/product_04_img_bg_02.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}
#product_04_bg_right {
	background-image: url('/Images/product/product_04_img_bg_03.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}
#product_bg {
	background-image: url('/Images/product/product_00_img_bg_01.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}
#product_bg_left {
	background-image: url('/Images/product/product_00_img_bg_02.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}
#product_bg_right {
	background-image: url('/Images/product/product_00_img_bg_03.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}
#product_06_bg {
	background-image: url('/Images/product/product_06_img_bg_01.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}
#product_06_bg_left {
	background-image: url('/Images/product/product_06_img_bg_02.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}
#product_06_bg_right {
	background-image: url('/Images/product/product_06_img_bg_03.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}
#product_07_bg {
	background-image: url('/Images/product/product_07_img_bg_01.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}
#product_07_bg_left {
	background-image: url('/Images/product/product_07_img_bg_02.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}
#product_07_bg_right {
	background-image: url('/Images/product/product_07_img_bg_03.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}
/* clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/* 占쏙옙占쏙옙占썸영 */
img	{ border:0}
.tab	{ width:670px;height:29px;margin:0;padding:0;border-bottom:3px solid #e50065;overflow:hidden}
.tab li	{ float:left;margin:0 1px 0 0;padding:0}
.ethicsBox	{ width:624px;padding:20px;border:3px solid #ececec;border-top-width:1px;}
.ethicsBox h3	{ height:23px;margin-bottom:15px;border-bottom:1px dashed #c9c9c9;}
.ethicsBox .sort { width:604px;padding:16px 0 17px 20px;margin:0 0 20px;overflow:hidden;background:#f4f4f4}
.ethicsBox .sort li	{ float:left;width:200px;height:14px;padding:4px 0 3px;margin:0;list-style:none}
.ethicsBox .sort2	{ width:622px;padding-left:2px;}
.ethicsBox .sort2 li	{ width:auto;padding:4px 18px 3px;}
.ethicsBox .cont h3	{ height:auto;margin:15px 0 0;border:none;font-weight:bold;font-size:11px;color:#949494;}
.ethicsBox .cont ol.depth1	{ width:624px;padding:0;margin:0;}
.ethicsBox .cont li	{ padding-bottom:15px;font-size:11px;color:#949494;line-height:16px;list-style:none}
.ethicsBox .cont h4	{ font-size:11px;color:#e50065}
.ethicsBox .cont li p	{ padding:0;margin:0;color:#949494;}
.ethicsBox .cont ol.depth2	{ width:599px;padding:0 0 0 25px;margin:0}
.ethicsBox .cont ol.depth2 li	{ padding:15px 0 0 ;list-style:decimal;font-weight:bold;}
.ethicsBox .cont ol.depth2 li h5	{ display:inline;font-weight:bold;color:#949494;font-size:11px;}
.ethicsBox .cont ol.depth2 li p	{ padding-left:10px;font-weight:normal}
.ethicsBox .cont ol.depth3	{ width:574px;padding:0 0 0 25px;margin:0}
.ethicsBox .cont ol.depth3 li	{ padding-top:0;list-style:lower-roman;font-weight:normal}
.ethicsBox .cont ol.depth3 li li	{ padding-left:10px;list-style:circle inside}
.ethicsBox.newBlt .cont ol.depth2 li{list-style:decimal-leading-zero}
.ethicsBox.newBlt .cont ol.depth3 li{list-style:inherit !important;}
.ethicsBox.newBlt .cont ol.depth4 li{list-style:none  !important;}

/*占쏙옙占시댐옙 占쏙옙 占쏙옙占쏙옙 占싸븝옙*/
.customer_shop_list_block {}
.customer_shop_list_block .section {margin-top:40px;}
.customer_shop_list_block .section strong {display:block; margin-bottom:10px;}
.customer_shop_list_block .section table {table-layout:fixed; width:100%;}
.customer_shop_list_block .section table thead th {height:32px; border-top:2px solid #ececec; border-bottom:2px solid #ececec;}
.customer_shop_list_block .section table tbody th {height:45px; border-bottom:1px dotted #ccc; text-align:center; color:#7f7f7f; font-weight:normal; letter-spacing:normal;}
.customer_shop_list_block .section table tbody td {height:45px; border-bottom:1px dotted #ccc; text-align:center; color:#7f7f7f; font-weight:normal; letter-spacing:normal;}
.customer_shop_list_block .section table tfoot th,
.customer_shop_list_block .section table tfoot td {height:45px; border-bottom:1px dotted #ccc; text-align:center; background:#fbfbfb; font-weight:bold; color:#7f7f7f; letter-spacing:normal;}
.customer_shop_list_block .section table td.address {padding-left:50px; text-align:left; color:#7f7f7f;}
/* 20130110 TV占쏙옙占쏙옙 占쏙옙占쏙옙 */

.tvArea	{width:589px;}

.tvArea h3	{height:29px; margin-top:50px; border-bottom:1px dotted #ccc;}

.tvSlideArea	{position:relative;width:524px;margin:0 34px 0 32px;padding:15px 0;}

.tvSlideArea .slideCont	{width:524px !important;overflow:hidden;*zoom:1;}

.tvSlideArea .slideCont:after	{content:"";display:block;visibility:hidden;height:0;clear:both;}

.tvSlideArea .slideCont ul	{position:relative;width:20000px !important;}

.tvSlideArea .slideCont ul li	{position:relative;float:left;width:109px;height:126px;margin-right:6px;vertical-align:top;}

.tvSlideArea .slideCont ul li a	{display:block;cursor:pointer;}

/*.tvSlideArea .slideCont ul li span.thumb	{display:block;width:109px;height:76px;}*/

#itemList{z-index:3;}

.tvSlideArea .slideCont ul li span.cont	{display:block;width:109px;padding-top:5px;font-size:11px;line-height:14px;text-align:center;vertical-align:top;}

.tvSlideArea .prev	{position:absolute;left:-32px;top:39px;cursor:pointer;}
.tvSlideArea .next	{position:absolute;right:-34px;top:39px;cursor:pointer;}

.tvList	{position:relative;z-index:1;float:right;width:280px;height:570px;border-top:3px solid #ececec;border-bottom:3px solid #ececec;}

.tvList .slideCont	{width:244px;height:530px;margin:0 auto;padding:40px 0 0;background:#fff;overflow:hidden !important; position:relative; z-index:2;}

.tvList .slideCont ul li	{width:244px;height:530px;overflow:hidden;}

.tvList .slideCont dl	{position:relative;float:left;width:111px;height:127px;margin:0 4px;}

.tvList .slideCont dl dt	{padding-top:80px;text-align:center;}

.tvList .slideCont dl dd	{position:absolute;left:0;top:0;width:111px;height:77px;}

.tvList .prev	{position:absolute;left:-10px;top:253px;cursor:pointer;}

.tvList .next	{position:absolute;right:-10px;top:253px;cursor:pointer;}

/* 占쏙옙占쏙옙占싹댐옙占쏙옙占쏙옙 占쏙옙占쏙옙占쏙옙 占쌩곤옙 */
.customerInfo  {margin-top:30px; padding:17px 30px; background:#ececec;}
.customerInfo .btnArea {margin-top:15px;}
.customerInfo .btnArea a {margin-right:5px;}
.page_content_bg .checkBox {position:relative; margin-bottom:13px; width:670px; height:47px; background:url(/Images/customer/customer_img_checkBox.jpg) 0 0 no-repeat;}
.page_content_bg .checkBox input {position:absolute; left:215px; top:17px; padding:0; border:none;}

/* 占쏙옙占쏙옙 占쏙옙占쏙옙占싱듸옙 */
.mainWrap {position: relative; width:100%;}
.mainWrap &gt; p {position:absolute; bottom:32px; left:440px;}
.mainWrap .mainCont {position: relative; margin: 0 auto; width:1000px; height:750px; background:url(/Images/main/productBg.png) no-repeat center 190px; box-sizing:border-box; padding:100px 0 0 194px;}
.mainWrap .mainCont .center {padding-top:120px;overflow:hidden;}
.mainWrap .mainCont .center .slick-list{ width:350px; margin:0 auto; overflow:visible;}
.mainWrap .mainCont .htbGym {position: absolute; bottom:90px; left:-45px; width:280px; height:286px; background:url(/Images/main/htbGymnasticsBg.png) no-repeat center center;}
.mainWrap .mainCont .htbGym ul {width:115px; height:37px; position: absolute; top:60px; left:86px;}
.mainWrap .mainCont .htbGym ul li a {font-size:11px; color: #fff; font-weight:500; line-height:17px; padding-left:16px; text-shadow: 2px 2px 2px #333;}
.mainWrap .mainCont .htbGym ul li a:hover {color: #fff75b; background:url(/Images/main/leaf.png) no-repeat -4px 0;}

/* snb */
#snb .depth1 &gt; li:nth-of-type(n+2) {margin-top:13px;}
#snb .depth1 &gt; li &gt; a {position:relative; display:block; padding-left:23px; font-size:15px; color:#e50065; font-weight:600; border-radius:3px; box-shadow:1px 1px 2px #fff; transition:all 0.3s;}
#snb .depth1 &gt; li &gt; a:before {content:''; position:absolute; top:9px; left:0; width:15px; height:4px; background:#fff; transition:all 0.3s;}
#snb .depth1 &gt; li.active &gt; a, #snb .depth1 &gt; li.on &gt; a {box-shadow:2px 2px 4px #e4e4e4;}
#snb .depth1 &gt; li.active &gt; a:before, #snb .depth1 &gt; li.on &gt; a:before {background:#e50065;} 
#snb .depth1 &gt; li.active .depth2 {display:block !important;}
#snb .depth2 {margin-top:8px; padding:0 20px; display:none;}
#snb .depth2 &gt; li {background:#f887b9; transition:all 0.3s;}
#snb .depth2 &gt; li:nth-child(n+2) {margin-top:3px;}
#snb .depth2 &gt; li.active, #snb .depth2 &gt; li.on {background:#e50065;}
#snb .depth2 &gt; li &gt;  a {display:block; padding:0 20px; color:#fff; font-size:12px;}

</pre></body></html>