/******************************* layout css  *******************************/
/*
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
*/

/* layout */
body { font-family:'Noto Sans KR', 'Pretendard Variable', 'Pretendard', 'Nanum Gothic', 'malgun gothic', dotum, arial, sans-serif; -webkit-font-smoothing: antialiased; min-width:1280px; font-size:14px; font-weight:400; font-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family:'Noto Sans KR', 'Pretendard Variable', 'Pretendard', 'Nanum Gothic', 'malgun gothic', dotum, arial, sans-serif; -webkit-font-smoothing: antialiased;}
#wrap { position:relative; width:100%; margin:0 auto; }


.fluid_row {width:100%;}
.fluid_row:after {content:""; display:block; clear:both;}

.fixed_row {position:relative; width:1120px; margin:0 auto;}
.fixed_row:after {content:""; display:block; clear:both;}






#header {position:relative; z-index:2; width:100%; margin:0 auto 10px; *zoom:1; background:transparent;}
#header:after { content:""; display:block; clear:both; }
/*
#header > .inner {overflow:; width:100%; height:31px; margin:0; text-align:right; background:#45c5bd; border-bottom:0px solid #dbdbdb;}
*/
#header > .inner {overflow:; width:100%; height:30px; margin:0; text-align:right; background:#fafafa; border-bottom:1px solid #e8e8e8;}


#container {position:relative; z-index:1; width:1120px; margin:0 auto 50px; zoom:1;}
#container:after {content:""; display:block; clear:both; }
/*
#container #snb {display:none; float:left; width:180px; margin:0; }
#container #contents { position: relative; padding-top: 0; width:1120px; min-height: 600px;}
*/
#container #snb {float:left; width:170px; margin:0; margin-top:20px; }
#container #contents {float:right; position: relative; padding-top:20px; width:920px; min-height: 600px;}
#container #contents.full { float: none; width: 100%; }




#footer {overflow:hidden; position:relative; clear:both; width:100%; margin:0; padding:0; zoom:1; }

/*
#banner { position:absolute; z-index:4; top:174px; left:50%; width:130px; margin-left:-645px; margin-top:25px; text-align:right;}
#quick { position:absolute; z-index:4; top:174px; right:50%; width:105px; margin-right:-620px; margin-top:25px;}
*/
#banner { position:absolute; z-index:4; top:199px; left:50%; width:130px; margin-left:-645px; margin-top:0px; text-align:right;}
#quick { position:absolute; z-index:1; top:200px; right:50%; width:55px; margin-right:-640px; margin-top:0px;}

#side_wing_banner {position:absolute; z-index:1; top:500px; left:50%; width:155px; margin-left:-735px; margin-top:0;}
#side_wing_banner ul {visibility:hidden;margin:0; padding:0;}
#side_wing_banner ul li {margin:0; padding:0; list-style:none;}

#side_wing_banner .bx-pager {  margin: 0 auto; width: 100%; bottom: 0px; text-align: right; }
#side_wing_banner .bx-pager-item { display: inline-block; }
#side_wing_banner .bx-pager-link {
	display: inline-block;
	width: 9px;
	height: 9px;
	background: #ddd;
	margin: 0 2px;
	border-radius: 50%; 
	cursor: pointer;
	text-indent: -9999px;
	font-size:0;
}
#side_wing_banner .bx-pager-link.active {
	width: 20px;
	border-radius: 10px;
	background: #fccad3;
}

#side_wing_banner.scroll { position: fixed; top: 0px; margin-top: 80px; }




#quick .quick_page_top {margin:5px 0 0; text-align:center;}
#quick .quick_sns_talk {position:relative; display:block; margin-bottom:5px;}
#quick .quick_sns_talk span {display:none; position:absolute; left:-120px; top:0; width:100px; height:39px; padding:13px 10px; background:rgba(0,0,0,0.7); color:#fff; line-height:13px; font-size:13px;}
#quick .quick_sns_talk span.catalog_desc {height:63px; padding-top:19px; line-height:18px;}
#quick .quick_sns_talk span.cs_desc {height:107px; padding-top:25px; line-height:18px;}
#quick .quick_sns_talk span.cs_desc em {display:block; padding-top:10px;font-style:normal; font-size:18px; font-weight:600; color:#f5fe01; letter-spacing:0.04em; font-family:'Open Sans', sans-serif;}
#quick .quick_sns_talk:hover span {display:block;}
#quick a.down_bt {display:block; margin-top:5px;}


#quick .layer_quick_estimate span {height:104px; line-height:16px;}



/* 헤더 스크롤시 */
#wrap.scroll {  }
#header.scroll { position: fixed; z-index: 999; left: 0px; top: 0px;}
#header.scroll > .inner {display:none;}
#header.scroll .header_area { display: none; }
#header.scroll .header_lnb {
	margin-top:0;
}
#header.scroll .top_banner {display:none;}
#header.scroll #nav li img.happyprice_icon {display:none;}
#header.scroll #nav li img.mobile_icon {display:none;}
#header.scroll #nav li .animation_block {display:none;}

#quick { position: absolute; top: 210px; }
#quick.scroll { position: fixed; top:60px !important; }





/* top_banner */
.top_banner {overflow:hidden; width:100%; height:80px; }
.top_banner .inner_banner { position: relative; width: 1120px; margin: 0 auto; padding:0px; }
.top_banner .inner_banner ul { margin:0; padding:0; list-style: none; font-size:0; line-height:0;}
.top_banner .inner_banner ul li {display:inline-block; *display:inline; margin:0; padding:0; font-size:13px; line-height:17px; vertical-align:top; *zoom:1;}
.top_banner .inner_banner ul li a {display:block; height:80px;}
.top_banner .inner_banner ul li.top_banner_link1 a {width:610px;}
.top_banner .inner_banner ul li.top_banner_link2 a {width:380px;}
/*
.top_banner .inner_banner ul li.top_banner_link3 a {width:410px;}
*/
.top_banner .inner_banner .toggle_close {position:absolute; top:30px; right:-60px;}
.top_banner .inner_banner .toggle_close a { display: block; width: 26px; height: 26px; text-indent: -9999px; background:url('../../img/trend9/header_toggle_banner_close.png') left top no-repeat; }


/* gnb */
#header .gnb { display:inline-block; padding:6px 0 0; text-align:right; *display:inline; *zoom:1; }
#header .gnb > ul {display:inline-block; margin:0; padding:0; text-align:right !important;}
#header .gnb > ul > li { position: relative; display:inline-block; margin:0; padding:0 0 5px; *display:inline;}
#header .gnb > ul > li:before {content:"|"; padding:0 7px 0 5px; color:rgba(255,255,255,0.7); color:#eaeaea; line-height:19px; }
#header .gnb > ul > li:first-child:before {content:""; padding:0;}
#header .gnb > ul > li > a {padding:0 0 0 0; font-size:13px; line-height:18px; color:#fff; color:#888; text-decoration:none; letter-spacing:-0.02em;}
#header .gnb > ul > li > a:hover { color:#333;}

#header .gnb .sub_menu {display:none; position:absolute; z-index: 9999; top:24px; left:50%;  margin-left:-50px; width:115px; padding:10px 0; border: 1px solid #45c5bd; background:#fff;  text-align:left;}
#header .gnb .sub_menu ul { margin:0; padding:0; list-style: none; }
#header .gnb .sub_menu li { position:relative; z-index:20; margin:0; padding:0; display:block; }
#header .gnb .sub_menu li > a { display:block; padding:5px 10px; font-size:13px; color:#666; text-decoration:none; }
#header .gnb .sub_menu li > a:hover { color:#333; }



#header .left_gnb.gnb {float:left; text-align:left;}
#header .left_gnb.gnb ul {display:inline-block; margin:0; padding:0; text-align:left !important;}
#header .left_gnb.gnb ul li img {position:relative; top:-2px; vertical-align:middle; padding-right:3px;}

#header .header_area {clear: both; height:120px;}


/* logo */
#header h1 {position:relative; display:block; overflow:hidden; float:left; width:170px; margin:0; padding:32px 5px; *zoom:1;}

/* 벚꽃 로고 패딩삭제 
#header h1 {position:relative; display:block; overflow:hidden; float:left; width:180px; margin:0; padding:0 0; *zoom:1;}
*/
#header h1 img {display:block;} 


/* top search */
#header .top_search { position:absolute; left:220px; bottom:40px; width:300px; border-bottom: 3px solid #32c0b6; background:transparent;  }
#header .top_search form { margin:0; padding:0; }
#header .top_search fieldset { float:left; margin:0; padding:0; line-height:0; }
#header .top_search .keyword { width:245px; height:33px; margin: 0; padding:3px 10px 0 6px; line-height:33px; border:0; background:transparent; vertical-align:middle; font-size:16px; color:#999; font-family:'Noto Sans KR', 'Pretendard Variable', 'Pretendard', 'Nanum Gothic', 'malgun gothic', dotum, arial, sans-serif;}
#header .top_search img {margin-left:5px; cursor:pointer; }

.autocomplete-suggestions {  width: 300px !important; max-height: 241px !important; }
.autocomplete-suggestion { padding: 2px 5px; line-height: 20px; white-space: nowrap; overflow: hidden; cursor: pointer;}
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: bold; color: #32c0b6; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.autocomplete-suggestions .suggestions { position: relative; max-height: 241px; }
.autocomplete-suggestions .suggestions .close { position: absolute; bottom: -30px; left: 0px; padding-right: 10px; width: 290px; height: 30px; line-height: 30px; background: #f5f5f5; color: #5d5d5d; text-align: right; border: 1px solid #32c0b6; border-top: 0px; }
.autocomplete-suggestions .suggestions .close a { text-decoration: none; }
.autocomplete-suggestions .suggestions .inner { border: 1px solid #32c0b6; background: #fff; width: 300px; max-height: 240px; overflow: auto; }





/* wique */
.wique {float:right; width:240px; height:120px; margin:0 50px 0 0; padding:0;}



/* header_banners */
.header_banners {overflow:hidden; float:right; width:240px; height:120px; margin:0; padding:0;}
.header_banners ul {margin:0; padding:0;}
.header_banners ul li {margin:0; padding:0; list-style:none;}
/*
.header_banners .header_cs_banner {}
.header_banners .header_cs_banner img {margin-left:-22px;}
*/
.widget_header_slide_banner { visibility:hidden; position: relative; height: 120px !important; }
.widget_header_slide_banner .banners_slider ul { height: 120px !important; }
.widget_header_slide_banner .banners_slider li { width: 240px !important; height: 120px !important; }
.widget_header_slide_banner .banners_slider li img {height:120px;}

/*
.widget_header_slide_banner .banners_slider > div { width: 240px !important; height: 100px !important; }
*/
.widget_header_slide_banner .bx-controls-direction {position:absolute; width:17px; bottom:25px; left:10px; margin:0;}
.widget_header_slide_banner .bx-controls-direction a {overflow:hidden; position:absolute; width:14px; height:14px; text-indent: -9999px;}
.widget_header_slide_banner .bx-controls-direction a.bx-prev {background:url("../../img/trend9/header_slide_left.png") no-repeat  0 0;}
.widget_header_slide_banner .bx-controls-direction a.bx-next {left:14px; background:url("../../img/trend9/header_slide_right.png") no-repeat  0 0;}

/* header_sub_menu */
.header_sub_menu {float:right; margin:55px 20px 0 0;}
.header_sub_menu:after {content:""; display:block; clear:both;}
.header_sub_menu ul {margin:0; padding:0; font-size:0; line-height:0;}
.header_sub_menu ul li {display:inline-block; *display:inline; font-size:12px; line-height:18px; vertical-align:top; *zoom:1; list-style:none;}
.header_sub_menu ul li:before {content:""; display:inline-block; *display:inline-block; width:2px; height:2px; margin:9px 10px; padding:0; background:#9e9e9e; vertical-align:top; *zoom:1;}
.header_sub_menu ul li:first-child:before {content:""; margin:0; padding:0; display:none;}


/* header_lnb */
#header .header_lnb {position:relative; z-index:2; height:48px; /*background:url("../../img/trend9/lnb_bg.png_") repeat-x 0 0;*/ background-color:#fff; border-top:1px solid #e2e2e2; border-bottom:1px solid #202020;}

/* header_lnb_wrap */
.header_lnb_wrap {clear: both; position:relative; width:1120px; margin:0;}
.header_lnb_wrap .all_category_menu {float:left; width:150px; margin-left:0;}
.header_lnb_wrap .all_category_menu #show_allcategory img {border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;}
.header_lnb_wrap .all_category_menu .allcategory_open img {border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;}

/*
.header_lnb_wrap .all_category_menu #show_allcategory.selected img {margin-top:-1px; border:1px solid #202020; border-bottom:0;}
*/

/* 탑 사이드바 메뉴 */
.allways_sidebar { display: none; position: absolute; z-index: 7777; left: 1px; top: -1px; width: 150px; min-height: 476px; padding:0; /*background:url("../../img/trend9/allways_sidebar_bg.png_") repeat-y 0 0;*/ border-top:0;} 
.allways_sidebar img.all_category_hover_img {margin-left:-1px; margin-top:-1px; border:1px solid #333; border-bottom:0;}
.allways_sidebar .sidebar_banner { overflow: hidden; width: 170px; border-bottom:1px solid #ddd;}
.allways_sidebar .sidebar_banner ul {margin:0; padding:0;}
.allways_sidebar .sidebar_banner ul li {margin:0; padding:0; list-style:none;}
.allways_sidebar .banner_image { width: 100% !important; }
.allways_sidebar .sidebar_menu { width: 148px; height: 429px; margin-left:-1px; background:#fff; border:1px solid #303853; border-top:0;}
.allways_sidebar .sidebar_menu ul.menu { height:426px; margin: 0px; padding:3px 0 0px; list-style: none;}
.allways_sidebar .sidebar_menu li.depth1 { position: relative; margin: 0;  }
.allways_sidebar .sidebar_menu li.depth1:hover,
.allways_sidebar .sidebar_menu li.depth1.on { background: #303853; }
.allways_sidebar .sidebar_menu li.line { padding: 0px 0 8px 0; font-size: 0px; line-height: 0px; height: 1px; }
.allways_sidebar .sidebar_menu li.depth1 a.menu_title {position:relative; display: block; width: 115px; height: 28px; padding:0 10px 0 25px; line-height:28px; font-size:14px; font-family:'Noto Sans KR', 'Pretendard Variable', 'Pretendard', 'Nanum Gothic', 'malgun gothic', dotum, arial, sans-serif; text-decoration: none; }
.allways_sidebar .sidebar_menu li.depth1:hover a.menu_title,
.allways_sidebar .sidebar_menu li.depth1.on a.menu_title { color:#fff; text-decoration:none; }

.allways_sidebar .sidebar_menu li.depth1 a.menu_title .good_icon_sp {position:relative; left:-15px; width:15px; margin-right:-15px;}


/* 메뉴 레이어 */
.allways_sidebar .sidebar_menu li.depth1 .depth2 { display: none; position: absolute; z-index: 9999; left: 148px; top: -4px; width: 600px; height:429px; padding:0; border: 1px solid #303853; background: #fff; }
.allways_sidebar .sidebar_menu li.depth1 .depth2:after {content:""; display:block; clear:both;}
.allways_sidebar .sidebar_menu li.depth1 .depth2_2 {top:-32px; width: 800px;}
.allways_sidebar .sidebar_menu li.depth1 .depth2_3 {top:-60px; width: 600px;}
.allways_sidebar .sidebar_menu li.depth1 .depth2_4 {top:-88px; width: 800px;}
.allways_sidebar .sidebar_menu li.depth1 .depth2_5 {top:-116px; width: 400px;}
.allways_sidebar .sidebar_menu li.depth1 .depth2_6 {top:-144px; width: 600px;}
.allways_sidebar .sidebar_menu li.depth1 .depth2_7 {top:-172px; width: 600px;}
.allways_sidebar .sidebar_menu li.depth1 .depth2_8 {top:-200px; width: 800px;}
.allways_sidebar .sidebar_menu li.depth1 .depth2_9 {top:-228px; width: 400px;}
.allways_sidebar .sidebar_menu li.depth1 .depth2_10 {top:-256px; width: 600px;}
.allways_sidebar .sidebar_menu li.depth1 .depth2_11 {top:-284px; width: 400px;}
.allways_sidebar .sidebar_menu li.depth1 .depth2_12 {top:-312px; width: 400px;}
.allways_sidebar .sidebar_menu li.depth1 .depth2_13 {top:-340px; width: 400px;}
.allways_sidebar .sidebar_menu li.depth1 .depth2_14 {top:-368px; width: 400px;}
.allways_sidebar .sidebar_menu li.depth1 .depth2_15 {top:-396px; width: 400px;}

.allways_sidebar .sidebar_menu li.depth1.on .depth2 { display: block; }

.allways_sidebar .sidebar_menu li.depth1 .depth2 ul { margin: 0px; padding: 0; list-style: none; }
.allways_sidebar .sidebar_menu li.depth1 .depth2 li { position: relative; margin: 0; padding: 0px; border-top: 1px dotted #e9e9e9; }
.allways_sidebar .sidebar_menu li.depth1 .depth2 li:first-child { border-top: 0px; }
.allways_sidebar .sidebar_menu li.depth1 .depth2 li a { display: block; padding: 5px 0 5px 10px;  font-size: 13px; color: #6d6d6d; font-weight: normal; text-decoration: none; }
.allways_sidebar .sidebar_menu li.depth1 .depth2 > ul > li.arrow > a {}
.allways_sidebar .sidebar_menu li.depth1 .depth2 li a:hover { background: #fe7da4; color: #fff; }
.allways_sidebar .sidebar_menu li.depth1 .depth2 > ul > li.arrow > a:hover { }
.allways_sidebar .sidebar_menu li.depth1 .depth2 li.on > a { background: #fe7da4 !important; color: #fff; }

.allways_sidebar .sidebar_menu li.depth1 .depth2 li > a > em.img { display: none; }
.allways_sidebar .sidebar_menu li.depth1 .depth2 li:hover > a > em.img { display: block; position: absolute; z-index: 9999; left: 145px; top: -2px; border: 2px solid #fe7da4; }

.allways_sidebar .sidebar_menu li.depth1 .depth2 .depth3 { display: none; position: absolute; z-index: 9999;  left: 180px; top: -10px; width: 220px; border: 2px solid #fe7da4; background: #fff; }
.allways_sidebar .sidebar_menu li.depth1 li.on .depth3 { display: block; }

.allways_sidebar .sidebar_menu li.depth1 .depth3 ul { margin: 0px; padding: 0; list-style: none; }
.allways_sidebar .sidebar_menu li.depth1 .depth3 li { position: relative; margin: 0; padding: 0px; border-top: 1px dotted #e9e9e9; }
.allways_sidebar .sidebar_menu li.depth1 .depth3 li:first-child { border-top: 0px; }
.allways_sidebar .sidebar_menu li.depth1 .depth3 li a { display: block; padding: 5px 0 5px 10px;  font-size: 13px; color: #6d6d6d; font-weight: normal; text-decoration: none; }
.allways_sidebar .sidebar_menu li.depth1 .depth3 li a:hover { background: #fe7da4; color: #fff; }

.allways_sidebar .sidebar_menu li.depth1 .depth3 li em.img { display: none; }
.allways_sidebar .sidebar_menu li.depth1 .depth3 li:hover em.img { display: block; position: absolute; z-index: 9999; left: 150px; top: -2px; border: 2px solid #fe7da4; }


.allways_sidebar .sidebar_menu li.depth1 .sub_depth {overflow:hidden; float:left; padding:0;}
.allways_sidebar .sidebar_menu li.depth1 .sub_depth.first_child {border:0;}
.allways_sidebar .sidebar_menu li.depth1 .sub_depth:after {content:""; display:block; clear:both;}
.allways_sidebar .sidebar_menu li.depth1 .sub_depth .sub_depth_list {padding:0;}
.allways_sidebar .sidebar_menu li.depth1 .sub_depth h5 {padding:5px; background:#f1f1f1; text-align:center;}
.allways_sidebar .sidebar_menu li.depth1 .sub_depth h5 a {color:#666; font-weight:700; text-decoration:none;}
.allways_sidebar .sidebar_menu li.depth1 .sub_depth h5 a:hover {color:#333;}
.allways_sidebar .sidebar_menu li.depth1 .sub_depth ul {float:left; width:169px; height:418px; padding:5px 15px; border-right:1px dotted #eaeaea;}
.allways_sidebar .sidebar_menu li.depth1 .sub_depth li {position:relative; padding-left:15px;  border-top:0; }
.allways_sidebar .sidebar_menu li.depth1 .sub_depth li .good_icon1 {position:relative; left:-15px; width:15px; margin-right:-15px;}
.allways_sidebar .sidebar_menu li.depth1 .sub_depth li a { display: block; padding: 5px 0 5px 0;  font-size: 14px; color: #6d6d6d; font-weight: normal; text-decoration: none; }
.allways_sidebar .sidebar_menu li.depth1 .sub_depth li a.favorite {font-weight:600; color:#555; letter-spacing:-0.02em;}
.allways_sidebar .sidebar_menu li.depth1 .sub_depth li a:hover { background:none; color: #32c0b6; }



.allways_sidebar .sidebar_menu li.depth1 .sub_depth > ul > li.arrow > a:hover {background:none;}
.allways_sidebar .sidebar_menu li.depth1 .sub_depth li.on > a {background:none; color: #32c0b6;}



.allways_sidebar .sidebar_menu li.depth1 .depth2 .sub_depth_banner {overflow:hidden; float:left; width:200px; height:429px;}
.allways_sidebar .sidebar_menu li.depth1 .depth2 .sub_depth_banner ul {margin:0; padding:0;}
.allways_sidebar .sidebar_menu li.depth1 .depth2 .sub_depth_banner ul li {margin:0; padding:0; list-style:none;}
.allways_sidebar .sidebar_menu li.depth1 .depth2 .sub_depth_banner ul li a {
	display:block; 
	margin:0; 
	padding:0;
	background:transparent; 
	border:0;
	opacity:1.0;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.allways_sidebar .sidebar_menu li.depth1 .depth2 .sub_depth_banner ul li a:hover {margin:0; padding:0; background:transparent; border:0; opacity:0.8;}



/* nav */
/* remove the list style */
#nav {
	position:relative;
	float:left;
	width:970px;
	height:48px;
	margin:0; 
	padding:0; 
	list-style:none;
	*zoom:1;
}	

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav > li {
	float:left; 
	display:block; 
	width:auto;
	_width:100px !important;
	position:relative;
	z-index:500; 
	padding:0px;
	margin:0 7px;
	*zoom:1;
	/*
	background:url("../../img/trend9/lnb_menu_bar.png") no-repeat 0 15px;
	*/
}
#nav > li:first-child {background:none; margin-left:20px;}

#nav li.lnb3 {margin-left:20px;}

#nav li a span {display:none; }
/*
#nav li a.menu1 {width:185px; background:url("../../img/trend9/lnb_menu1.png") no-repeat;}
#nav li a.menu2 {width:185px; background:url("../../img/trend9/lnb_menu2.png") no-repeat;}
#nav li a.menu3 {width:185px; background:url("../../img/trend9/lnb_menu4.png") no-repeat;}
#nav li a.menu4 {width:185px; background:url("../../img/trend9/lnb_menu6.png") no-repeat;}
#nav li a.menu5 {width:185px; background:url("../../img/trend9/lnb_menu5.png") no-repeat;}
#nav li > a {display:block; height:45px;}
#nav li > a:hover {background-position:0 -45px;}
#nav li.selected > a {background-position:0 -45px;}
#nav li:hover > a {background-position:0 -45px;}
*/
#nav li img.happyprice_icon {position:absolute; top:-20px; right:-25px;}
#nav li img.mobile_icon {position:absolute; top:-7px; right:14px;}
#nav li img.portfolio_icon {position:absolute; top:-7px; right:14px;}


/* submenu, it's hidden by default */
#nav ul {
	position:absolute; 
	left:-0px; 
	display:none; 
	margin:0 0 0 -1px; 
	padding:4px 0; 
	list-style:none;
	background:#fff;
	border:1px solid #dbdbdb;
	border-top:0;
}

#nav li.lnb4 ul {}

#nav li.lnb5 ul {}



#nav ul li {
	width:143px; 
	float:left; 
}
#nav ul li:first-child {border-top:0;}

#nav > li.lnb1,
#nav > li.lnb12,
#nav > li.lnb11 {float:right !important;}
#nav > li.lnb1 {margin-right:0 !important; border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
#nav > li.lnb1 a {padding:0 10px 0 8px;}

#nav > li.lnb12 a {position:relative;}

/* this is the parent menu */
#nav li ul li a {
	display:block; 
	height:15px;
	padding: 6px 10px; 
	font-weight:normal;
	text-decoration:none; 
	color:#777;
	font-size:13px;
}


#nav ul a:hover {
	color:#d50c0c;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}





/* 전체카테고리 */
#allcategory { display:none; position:relative; }
#allcategory .allcategory_inner {background:#fff; width:1118px; margin:50px auto; position:relative; top:50px; border:1px solid #45c5bd;}
#allcategory .allcategory_close {}
#allcategory .allcategory_bar {height:40px; background:#f3f3f3; border-bottom:1px solid #e2e2e2;}

#allcategory .allcategory_top {height:50px; background:#45c5bd;}
#allcategory .allcategory_top:after {content:""; display:block; clear:both;}
#allcategory .allcategory_top h3 {float:left; margin:11px 0 0 20px; font-size:22px; line-height:30px; font-weight:400; color:#fff; font-family:'Noto Sans KR', 'Pretendard Variable', 'Pretendard', 'Nanum Gothic', sans-serif;}
#allcategory .allcategory_close {float:right;}


#allcategory .normal_category { clear: both; }
#allcategory .normal_category > .inner { position: relative; overflow: hidden; }

#allcategory .normal_category .allcategory_menu { clear: both; position:relative; margin:0; padding:0 0 0 150px; text-align:left; border-bottom:1px solid #eaeaea;}
#allcategory .normal_category .allcategory_menu h3 {float:left; display:block; position:relative; left:-150px; width:110px; margin:10px -150px 10px 0; padding:10px 20px; text-align:center; font-size:13px; font-weight:700;}
#allcategory .normal_category .allcategory_menu h3 span.icon {
	display:block; 
	margin:0 auto 5px; 
	width:70px; 
	height:70px; 
	border:1px solid #eee;
	border-radius:100px;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
#allcategory .normal_category .allcategory_menu h3 span.icon img {width:40px; padding:15px 0; vertical-align: middle; }
#allcategory .normal_category .allcategory_menu h3 a {
	display:block;
	font-size:14px;
	font-family:'Noto Sans KR', 'Pretendard Variable', 'Pretendard', 'Nanum Gothic', 'malgun gothic', arial, dotum, sans-serif; 
	color:#444;
	line-height:20px; 
	font-weight: 500;
	text-decoration: none; 
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
#allcategory .normal_category .allcategory_menu h3 a:hover { color:#45c5bd;  }
#allcategory .normal_category .allcategory_menu h3 a:hover span {border-color:#45c5bd;}
#allcategory .normal_category .allcategory_menu .category_sub_menu { float:left; padding:10px 0;}
#allcategory .normal_category .allcategory_menu .category_sub_menu .inner { }
#allcategory .normal_category .allcategory_menu ul { overflow:hidden; margin: 0px; padding: 10px 5px; font-size:14px; line-height:20px;}
#allcategory .normal_category .allcategory_menu ul li { float: left; display: inline-block; margin:0; padding:0; width: 135px; text-align:left; }
#allcategory .normal_category .allcategory_menu ul li a {position:relative; display:block; padding:3px 0 3px 12px; font-size:14px; color:#737373; }
#allcategory .normal_category .allcategory_menu ul li a:hover { color:#000; text-decoration:none; }
#allcategory .normal_category .allcategory_menu ul li a.favorite {font-weight:500; letter-spacing:-0.02em; color:#222;}
#allcategory .normal_category .allcategory_menu ul li a.favorite .good_icon1 {position:relative; left:-12px; width:12px; margin-right:-12px;}
#allcategory .normal_category .allcategory_close_area { position:absolute; right:10px; top:10px; }

#allcategory .normal_category .allcategory_menu.first_child {border-top:0;}
/*
#allcategory .normal_category .allcategory_menu.first_child ul {width:162px;}
*/


#allcategory .normal_category2 { clear: both; }
#allcategory .normal_category2 .allcategory_menu { clear: both; display:inline-block; *display:inline;  zoom:1; vertical-align:top; width:132px; min-height:236px; margin:0; padding:0; text-align:left; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; }
#allcategory .normal_category2 .allcategory_menu:first-child { width: 134px; border-left:0;}
#allcategory .normal_category2 .allcategory_menu h3 {  display:block; background:#fafafai; padding:10px 20px; margin:0; text-align:left; border-bottom:1px solid #e1e1e1; }
#allcategory .normal_category2 .allcategory_menu h3 a {font-size:14px; font-family:'Noto Sans KR', 'Pretendard Variable', 'Pretendard', 'Nanum Gothic', 'malgun gothic', arial, dotum, sans-serif; color:#2d2d2d; line-height:15px; font-weight: 700;  }
#allcategory .normal_category2 .allcategory_menu h2 a:hover { color:#b63d3f;  }
#allcategory .normal_category2 .allcategory_menu ul { overflow:hidden; padding:10px 0 0 20px; font-size:12px; line-height:20px;}
#allcategory .normal_category2 .allcategory_menu ul li { display:block; clear:both; margin:0; padding:3px 0; text-align:left; }
#allcategory .normal_category2 .allcategory_menu ul li a { font-size:12px; color:#737373; }
#allcategory .normal_category2 .allcategory_menu ul li a:hover { color:#000t; }


#allcategory .mCustomScrollbar { }
#allcategory .mCSB_inside > .mCSB_container { margin-right: 0px !important; }
#allcategory .mCustomScrollbar .mCSB_scrollTools { visibility: hidden; }
#allcategory .mCustomScrollbar:hover .mCSB_scrollTools { visibility: visible; }








#header .header_tag_menu {float:right; width:400px;}
#header .header_tag_menu .header_tag_wrap {margin:12px 0 0; font-size:0; line-height:0; text-align:right;}
#header .header_tag_menu h3 {display:inline-block; *display:inline; margin:0; padding:0; font-size:12px; line-height:18px; *zoom:1; vertical-align:top;}
#header .header_tag_menu ul {display:inline-block;  *display:inline; *zoom:1; margin:3px 0 0 0; padding:0; vertical-align:top; text-align:right;}
#header .header_tag_menu ul li {display:inline-block;  *display:inline; *zoom:1; padding-left:20px; font-size:14px; line-height:18px;  vertical-align:top; text-align:right; list-style:none;}
#header .header_tag_menu ul li a {display:block; padding:0 2px 2px; color:#333; text-decoration:none; border-bottom:2px solid #fff;}
#header .header_tag_menu ul li a:hover {color:#32c0b6; border-bottom:2px solid #32c0b6;}













#snb .snb_menu {margin:0; padding:0;}
#snb .snb_menu .snb_menu_title {padding:10px; border:3px solid #404864; text-align:center; background:#404864;}
#snb .snb_menu .snb_menu_title h2 {font-size:16px; line-height:80px; font-weight:600; color:#fff;}

#snb .snb_menu .snb_menu_area {padding:10px 10px; background:#fff; border-bottom:1px solid #e9e9e9; border-top:0;}
#snb .snb_menu .snb_menu_area h2 {display:none;}
#snb .snb_menu .snb_menu_area ul {margin:0; padding:0;}
#snb .snb_menu .snb_menu_area ul li {margin:0; padding:0; font-size:14px; line-height:30px; list-style:none;}
#snb .snb_menu .snb_menu_area ul li a{ color:#555; } 
#snb .snb_menu .snb_menu_area ul li a:hover { color:#303853; font-weight:400; text-decoration:none; }















.footer_cs_slide {padding:10px 0; border-top:1px solid #eee;}



/* widget_logo_silde */
.widget_logo_silde {position:relative; margin:0; padding:0; background-color:#fff;}
.widget_logo_silde h3 {padding:10px 0 15px; text-align:center;}
.widget_logo_silde .logo_slider {visibility:hidden; overflow:hidden; position:relative; z-index:0; padding-top:0 !important;} /*크롬 - text-align center 속성 요소들 bug fix */
.widget_logo_silde .bx-wrapper .bx-viewport {overflow:inherit !important;}
.widget_logo_silde ul.logoList { clear:both; zoom:1; margin:0; padding:0; list-style:none; } /* 메이크샵에서 bx슬라이더 ul 이 1px 벌어지는 이슈 */
.widget_logo_silde ul.logoList:after {content:""; display:block; clear:both; }
.widget_logo_silde ul.logoList li.item { float:left; position:relative; margin: 0; padding: 0; line-height:1.6em; overflow:inherit;}
.widget_logo_silde ul.logoList .logo_img { display:block;}
.widget_logo_silde ul.logoList .logo_img img { display:block; width:100%; height:auto; }

.widget_logo_silde .logo_slide_controls {}
.widget_logo_silde .logo_slide_controls a.bx-prev {
	position:absolute; 
	z-index:1;
	top:49%; 
	left:-20px;
	width: 15px; 
	height: 48px; 
	background: url('../../img/trend9/main_rolling_choice_product_left_bt.png') left center no-repeat;
	text-indent: -9999px; 
}
.widget_logo_silde .logo_slide_controls a.bx-next {
	position:absolute; 
	z-index:1;
	top:49%; 
	right:-20px;
	width: 15px; 
	height: 48px; 
	background: url('../../img/trend9/main_rolling_choice_product_right_bt.png') right center no-repeat; 
	text-indent: -9999px; 
}







.footer_row {position:relative; z-index:0; min-height:; margin:0; padding:30px 0 0; background:#fff; border-top:2px solid #303853;}



.footer_cs {overflow:hidden; width:100%;}
.footer_cs:after {content:""; display:block; clear:both;}

.footer_cs .footer_cs_contents {float:left; height:245px; padding:0 20px; border-left:1px dotted #b9b9b9;}
.footer_cs .footer_cs_contents h2 { height:20px; margin:0; padding:0 0 10px;}

.footer_cs .footer_cs_contents.footer_benefit {width:285px; border-left:0;}
.footer_cs .footer_cs_contents.footer_benefit ul {margin:0; padding:0 0 20px;}
.footer_cs .footer_cs_contents.footer_benefit ul li {width:285px; height:115px; margin:0; padding:0; list-style:none;}
.footer_cs .footer_cs_contents.footer_benefit a.benefit_link {float:left; display:block; width:140px; text-decoration:none;}
.footer_cs .footer_cs_contents.footer_benefit a.benefit_link:before {content:""; display:block; width:20px; height:2px; margin-bottom:10px; background:#32c0b6;}
.footer_cs .footer_cs_contents.footer_benefit a.benefit_link strong {display:block; padding:0 0 7px 0; font-size:14px; font-weight:500;}
.footer_cs .footer_cs_contents.footer_benefit a.benefit_link span {color:#9e9e9e; font-size:13px; line-height:17px;}


.footer_cs .footer_cs_contents.footer_benefit .footer_webhard_contents {overflow:hidden; margin:0 0 10px;}
.footer_cs .footer_cs_contents.footer_benefit .footer_webhard_contents .webhard_contents_info {position:relative; overflow:hidden; margin:12px 0;}
.footer_cs .footer_cs_contents.footer_benefit .footer_webhard_contents .webhard_contents_info:after {content:""; display:block; clear:both;}
.footer_cs .footer_cs_contents.footer_benefit .footer_webhard_contents .webhard_contents_info a {display:block; width:46px; height:42px; margin:3px 15px 0 0; float:left;}
.footer_cs .footer_cs_contents.footer_benefit .footer_webhard_contents .webhard_contents_info .webhard_info_text {overflow:hidden; float:left; line-height:20px;}
.footer_cs .footer_cs_contents.footer_benefit .footer_webhard_contents .webhard_contents_info .webhard_info_text h4 {margin:0 0 1px 5px; padding:0; font-size:14px; font-weight:400; color:#3c3c3c; font-family:'Noto Sans KR', 'Pretendard Variable', 'Pretendard', 'Nanum Gothic', sans-serif;}
.footer_cs .footer_cs_contents.footer_benefit .footer_webhard_contents .webhard_contents_info .webhard_info_text div {width:180px; background:#bcbcbc; padding:2px 15px; font-size:13px; color:#fff; font-weight:400; font-family:'Open Sans', sans-serif; border-radius:40px;}



.footer_cs .footer_cs_contents.footer_cs_center {width:430px;}
.footer_cs .footer_cs_contents.footer_cs_center span.tel_num {font-size:20px; font-weight:700; color:#222; font-family: 'Lato', sans-serif;}
.footer_cs .footer_cs_contents.footer_cs_center span.tel_num strong {font-size:24px;}
.footer_cs .footer_cs_contents.footer_cs_center p {padding:10px 0; color:#535353;}
.footer_cs .footer_cs_contents.footer_cs_center p span.cs_bar {padding:0 10px; color:#d4d4d4;}
.footer_cs .footer_cs_contents.footer_cs_center a.cs_link_bt {float:left; display:block; width:175px; margin:20px 0 0; padding:10px 15px; color:#fff; text-decoration:none; background:url("../../img/trend9/cs_list_bt_arrow.png") no-repeat 185px center #5f5f5f;}
.footer_cs .footer_cs_contents.footer_cs_center a.cs_link_bt.first_child {margin-right:20px;}
.footer_cs .footer_cs_contents.footer_cs_center a.cs_link_bt:hover {background-color:#333;}

.footer_cs .footer_cs_contents.footer_cs_center .footer_cs_quick {overflow:hidden; padding:30px 0 10px;}
.footer_cs .footer_cs_contents.footer_cs_center .footer_cs_quick ul {margin:0; padding:0;}
.footer_cs .footer_cs_contents.footer_cs_center .footer_cs_quick ul li {float:left; width:65px; margin:0; padding:0 10px; list-style:none; text-align:center; border-left:1px dotted #d5d5d5;}
.footer_cs .footer_cs_contents.footer_cs_center .footer_cs_quick ul li:first-child {border-left:0;}
.footer_cs .footer_cs_contents.footer_cs_center .footer_cs_quick ul li a {color:#777; text-decoration:none;}
.footer_cs .footer_cs_contents.footer_cs_center .footer_cs_quick ul li a:hover {color:#333;}
.footer_cs .footer_cs_contents.footer_cs_center .footer_cs_quick ul li span {display:block; text-align:center; font-size:13px; padding:8px 0 0 0;}


.footer_cs .footer_cs_contents.footer_bank {width:280px;}
.footer_cs .footer_cs_contents.footer_bank .bank_area {margin-bottom:18px; padding:5px 0 20px; border-bottom:1px dotted #d9d9d9; color:#777;}
.footer_cs .footer_cs_contents.footer_bank .bank_area span.bank_num {padding-left:5px; font-size:24px; font-weight:700; color:#222; font-family: 'Lato', sans-serif;  line-height:36px;}
.footer_cs .footer_cs_contents.footer_bank .bank_area img {vertical-align:top; padding-bottom:10px;}

/* widget_latest_normal_post */
.widget_latest_normal_post { position:relative; margin:0; padding:0; }
.widget_latest_normal_post h3 { height:20px; margin:0; padding:0;}
.widget_latest_normal_post p.more { position:absolute; top:1px; right:0; padding:0 0 0 7px;}
.widget_latest_normal_post p.more a { font-size:12px; color:#888;}
.widget_latest_normal_post ul {margin:5px 0 0; padding:0; list-style:none; }
.widget_latest_normal_post ul li { margin:0; padding:0 0 0 5px; line-height:22px; font-size:13px;}
.widget_latest_normal_post ul li a {color:#555;}
.widget_latest_normal_post ul li a:hover {color:#333; text-decoration:none;}
.widget_latest_normal_post ul li span.date {display:none; float:right; font-size:13px; color:#888;}

.footer_cs .footer_cs_contents.footer_quick_menu h2 { height:20px; margin:0; padding:0 0 5px;}
.footer_cs .footer_cs_contents.footer_quick_menu ul {margin:15px 0 0; padding:0;}
.footer_cs .footer_cs_contents.footer_quick_menu ul li {float:left; margin:0 4px; padding:0; list-style:none;}


.footer_copyright { position: relative; margin:30px 0 0; padding-bottom:0; background:#f5f5f5; border-top:1px solid #dedede;}


/* footer */
#footer h1 { float:left; width:160px; padding:70px 0 0;}
#footer h1 img { max-width:160px; }

#footer .site_rule {width:540px; margin:0 0 15px; padding:10px; line-height:16px; background:#959595; color:#fff;}
 
#footer .footer_info { float:left; width:800px; padding:20px 0 20px 20px; }
#footer .footer_info .menu { overflow:hidden; margin:0; padding:0; list-style:none; zoom:1; height:20px;}
#footer .footer_info .menu li { float:left; margin:0; padding:0 10px 0 11px; font-size:14px !important; background:url("../../img/trend9/footer_menu_bar.png") 0 4px no-repeat; }
#footer .footer_info .menu li:first-child { padding-left:0; background:none; }
#footer .footer_info .menu li a { color:#7a7a7a; }
#footer .footer_info .address { padding:13px 0 0; color:#a8a8a8; font-size:13px; line-height:18px; letter-spacing:-0.02em}
#footer .footer_info .address span {}
#footer .footer_info .address span.copy_text_bar {padding:0 7px; color:#eaeaea;}
#footer .footer_info .address span a,
#footer .footer_info .address span a:hover { color:#999; }
#footer .footer_info .address .copyright { padding-top:10px; color:#7a7a7a; }
#footer .footer_info .address .copyright a { color:#7a7a7a; }
#footer .footer_info .top { position:absolute; right:5px; top:10px; margin:0; padding:0; }


#footer .footer_escrow { position: absolute; right: 0px; top: 60px; }

#footer .footer_escrow img {opacity:0.8;}



/***************************** 퀵메뉴 *********************************/


#fixed_sidebar { display:none; position: fixed; z-index:1000; right:0; top:0; width: 108px; padding-left: 2px; background: url('../../img/trend9/fixed_sidebar_bg2.png') repeat-y; }
#fixed_sidebar .fixed_toggle { position: absolute; left: -12px; width: 14px; height: 41px; background: url('../../img/trend9/fixed_sidebar_close_bt.png') no-repeat; cursor: pointer; }
#fixed_sidebar .fixed_toggle.open { background: url('../../img/trend9/fixed_sidebar_open_bt.png') no-repeat; }
#fixed_sidebar .fixed_toggle.close { background: url('../../img/trend9/fixed_sidebar_close_bt.png') no-repeat; }

ul.quick_icon_menu {margin:0; padding:0; font-family:dotum; list-style:none; }
ul.quick_icon_menu > li {margin:0; padding:8px 5px; border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(0,0,0,0.3); }
ul.quick_icon_menu > li a {display:block; overflow:hidden; color:#fff; text-decoration: none; font-size: 11px; }
ul.quick_icon_menu > li a:hover {color:#fff; text-decoration:none;}
ul.quick_icon_menu > li.first_child { }
ul.quick_icon_menu > li.first_child a {color:#fff;}

ul.quick_icon_menu > li.last_child { padding: 0px !important; position:absolute; bottom:0; width:110px; padding:5px 5px; font-weight:bold; border-top:1px solid rgba(0,0,0,0.3);}
ul.quick_icon_menu > li.last_child a { display: block; padding: 4px 5px;  border-top:1px solid rgba(255,255,255,0.2);}

ul.quick_icon_menu > li a img {display:block; float:left; padding-right:8px; vertical-align:middle;}
ul.quick_icon_menu > li a span {display:block; padding:6px 0 0; vertical-align:middle;}

/* 영카트는 최근본상품 페이지가 없슴 */
ul.quick_icon_menu > li.todayview {border-bottom:1px solid rgba(0,0,0,0.3);}
ul.quick_icon_menu > li.todayview a {color: #fff; cursor: default; }


/* productrecent 
.productrecent {display:; border-top:0; padding:10px 0 10px; text-align:center; overflow:hidden; border-top:1px solid rgba(255,255,255,0.2);}
.productrecent ul { width:90px; margin:0 auto; padding:0; list-style:none; }
.productrecent li {margin:2px 0; padding: 0; }
.productrecent li a { color:#c1c1c0; font-size:11px; }
.productrecent li img { max-width:90px; margin:2px 0;}
.productrecent li span { display:none; padding:5px 0 9px; line-height:16px; }
.productrecent .player { overflow:hidden; width:90px; margin:0 auto; padding:2px 0; }
.productrecent .player img { float:center; padding:0; }
*/


/* productrecent */
#quick .productrecent {display:; border-top:0; padding:0 0 10px; text-align:center;}
#quick .productrecent ul { width:55px; margin:0 auto; padding:0; list-style:none; }
#quick .productrecent li {position:relative; margin:0; padding: 0; }
#quick .productrecent li a { color:#c1c1c0; font-size:11px; }
#quick .productrecent li img { max-width:53px; height:auto; margin:0 0 4px; border:1px solid #e6e6e6;}
#quick .productrecent li span { display:none; padding:5px 0 9px; line-height:16px; }
#quick .productrecent .player { overflow:hidden; width:55px; margin:0; padding:0; }
#quick .productrecent .player img { padding:0; }

#quick .productrecent li:hover a img {border-color:#32c0b6;}
#quick .productrecent li:hover span {position:absolute; left:0; top:0px; margin-left:-100px; display:block; width:80px; height:35px; font-size:11px; line-height:17px; padding:10px 10px; background:#32c0b6; color:#fff; text-align:left;}





/* pc_change */
.pc_change_wrap { 
	position:relative; 
	width:1205px; 
	margin:0 auto; 
}
a.pc_change {
	position:relative; 
	display:block; 
	width: 1100px;
	margin-bottom:20px; 
	padding:20px 0; 
	font-size:36px; 
	color:#777; 
	text-align:center; 
	border:1px solid #bbb;
	background-color:#f5f5f5; 
	background:#f5f5f5 -webkit-gradient(linear,0% 0%,0% 100%,from(#fbfbfb),to(#f5f5f5),color-stop(0.5,#f5f5f5),color-stop(0.5,#f5f5f5));
	background:#f5f5f5 -moz-linear-gradient(top,#fbfbfb,#f5f5f5);
}
a.pc_change:hover {text-decoration:none;}
a.pc_change img {vertical-align:middle; padding-left:20px;}















/* 상품 호버시 */
.product_contents_info .button { display: none; }
.prdImgWrap { position: relative; }
.prdImgBg { position: absolute; left: 0px; top: 0px; background: rgba(255,255,255,0.4); cursor:pointer;}
.prdImgButton { 
	display: none;
	opacity:0;
	overflow: hidden;
	position: absolute; 
    z-index: 1000;
    left: 50%;
    top: 0;
	margin-left: -56px;
    width: 115px;
    height: 37px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.prdImgButton a {
    display: inline-block;
    width: 35px;
    height: 35px;
}
.prdImgButton a { text-indent: -9999px; border: 1px solid #e6e6e6; border-left: 0px; }
.prdImgButton a:first-child { border-left: 1px solid #e6e6e6 !important; }
.prdImgButton a.detail { margin-left: 0px; border-left: 0px; background: url('../../img/trend9/prd_hover_icon_detail.png') center center no-repeat #fff; }
.prdImgButton a.cart { background: url('../../img/trend9/prd_hover_icon_cart.png') center center no-repeat #fff; }
.prdImgButton a.wish { background: url('../../img/trend9/prd_hover_icon_wish.png') center center no-repeat #fff; }




/* fancybox css */
.fancybox-skin { border: 0px solid #d50c0c; }
.fancybox_title_wrap {
	clear: both;
	overflow: hidden;
	height: 30px;
	margin: 0;
	padding: 0 0 0 10px;
	background: url("../../img/trend9/popup_top_bg.gif") repeat-x;
	color:#fff;
	font-size:12px;
}

.fancybox_title_wrap h1 {
	float: left;
	margin: 6px 0 0 0;
	padding: 0 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: url("../../img/trend9/popup_title_icon.gif") no-repeat left center;
}

.layer_option_box .fancybox-close {
	overflow: hidden;
	top: 0px !important;
	right: 0px !important;
	width: 28px !important;
	height: 26px !important;
	text-indent: -9999px;
	background: url("../../img/trend9/popup_bt_close.gif") no-repeat !important;
}

.layer_option_box .fancybox-close:hover {background-position:0 -26px !important;}




.layer_item_box {
	padding-top:20px;
	border: 2px solid #32c0b6 !important;
	box-shadow:0 0 50px rgba(0,0,0,0.3);
}
.layer_item_box .fancybox-skin {
	background: #fff !important;
	border-radius: 0 !important;
	box-shadow: 0 0 0 rgba(0,0,0,0) !important;
}


.layer_item_box .fancybox-close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 26px;
	height: 26px;
	cursor: pointer;
	z-index: 8040;
	background:url("../../img/trend9/layer_item_box_bt_close.png") no-repeat center center;
}





.layer_login_box .fancybox-close { width: 29px !important; height: 29px !important; right: 10px !important; top: 8px !important; background: transparent url("../../img/trend9/layer_login_close_bt.png") no-repeat !important; }

#wrap #layer_login_wrap { display:none; }
#layer_login .inner { width: 400px; overflow: hidden; }
#layer_login .title_wrap {height:25px; padding:10px 0 10px 10px; background:url("../../img/trend9/layer_login_title_bg.png") repeat-x 0 0;}
#layer_login .title_wrap h3 {margin:0; padding:0;}
#layer_login .inner .login_form { padding: 25px; background-color:#fff;}
#layer_login .inner .login_form { position: relative; }
#layer_login .inner .login_form .info { float:left; margin: 0; padding: 0; width: 220px; overflow: hidden; list-style: none; }
#layer_login .inner .login_form .info li { width: 220px; margin-bottom: 10px; }
#layer_login .inner .login_form .info li,
#layer_login .inner .login_form .info li label { float: left; }
#layer_login .inner .login_form .info li label { display: none; width: 60px; padding-top: 4px; }
#layer_login .inner .login_form .info input { width: 213px; background-color: #fff !important; border: 1px solid #ccc; padding: 2px; height: 29px; margin: 0; }
#layer_login .inner .login_bt { float:left; margin-left: 10px; }

#layer_login .inner .desc { overflow:hidden; clear:both; margin:23px 0 0 0; padding:0; list-style: none; }
#layer_login .inner .desc li { overflow:hidden; clear:both; margin:0; height:25px; padding:5px 0 0 0; vertical-align:top; }
#layer_login .inner .desc li span.text_area { display:inline-block; *float:left; font-size:13px; color:#666; margin:0; padding:4px 0; }
#layer_login .inner .desc li a {display:inline-block; float:right; font-size:12px; color:#666; margin:0; padding:4px 4px; width:120px; height:14px; background-color:#fff; border:1px solid #ccc; text-align:center; vertical-align:top; text-decoration: none; }
#layer_login .inner .security { clear:both; margin: 5px 0; padding: 0px; color: #8a8a8a; }

#layer_login .inner ul.sns { margin:20px 0 0 0px; padding:0; list-style: none; text-align: left; }
#layer_login .inner ul.sns li { display: inline-block; margin: 0; padding:0 0 5px 0; }

#layer_login .login_content_area { clear:both; overflow:hidden; }
#layer_login .login_content_area img { display:block;  }






#left_bottom_area { position: fixed; z-index: 99999; left: 10px; bottom: -260px; width: 123px;}
#left_bottom_area a { display: inline-block; margin: 0 0 5px; }









.widget_event_plan_product_area { margin-bottom: 50px; overflow: hidden; }
.widget_event_plan_product_area .widget_event_plan_product_title { margin: 10px 0; padding: 10px 0; font-size: 16px; text-align: center; font-weight: bold; background: #f9f9f9; }

/* widget_event_plan_product */
.widget_event_plan_product {margin:0px 0; }
.widget_event_plan_product h3 {text-align:left; margin:0; padding:0 0 15px; }
.widget_event_plan_product ul.prdList {clear:both; zoom:1; margin:0 0 0 -2% !important; padding: 0; font-size:0; line-height:0;}
.widget_event_plan_product ul.prdList:after {content:""; display:block; clear:both; }
.widget_event_plan_product ul.prdList li.item {position:relative; display:inline-block; *display:inline; width:18%; margin:10px 0 30px 2%; padding: 0; vertical-align:top; font-size:12px; line-height:16px; *zoom:1;}
.widget_event_plan_product ul.prdList li.item .prdImg { display:block;}
.widget_event_plan_product ul.prdList li.item .prdImg img { display:block; width:100%; height:auto;}
















/* theme_search_area */

/* 테마검색 토글 */
.theme_toggle {position:absolute; margin-top:-1px; border-bottom:1px solid #202020; background:#fff;}
.theme_toggle .toggle_menu {position:absolute; right:50%; bottom:-55px; margin-right:-660px; width:55px; height:55px; line-height:55px; text-align:center; background:#000; cursor: pointer;}

.theme_toggle .header_theme_search_area {position:relative; padding:20px 0 20px 180px;}
.theme_toggle .header_theme_search_area:after {content:""; display:block; clear:both;}

.header_theme_search_area .header_theme_img {float:left; position:relative; left:-180px; width:150px; margin-right:-180px;}


.header_theme_search_area .main_theme {float:left; width:100%;}




/* theme step css */

/* Common */
.header_theme_search_area #theme_shopping_form { display: none; }

/* form css */
.header_theme_search_area #theme_shopping_form.wizard,
.header_theme_search_area #theme_shopping_form .tabcontrol {display:block; width: 100%; overflow:hidden;}

.header_theme_search_area #theme_shopping_form.wizard a,
.header_theme_search_area #theme_shopping_form .tabcontrol a {outline:0;}

.header_theme_search_area #theme_shopping_form.wizard ul,
.header_theme_search_area #theme_shopping_form .tabcontrol ul {list-style:none !important; padding:0; margin:0;}

.header_theme_search_area #theme_shopping_form.wizard ul > li,
.header_theme_search_area #theme_shopping_form .tabcontrol ul > li {display:block; padding:0;}

/* Accessibility */
.header_theme_search_area #theme_shopping_form.wizard > .steps .current-info,
.header_theme_search_area #theme_shopping_form .tabcontrol > .steps .current-info {position:absolute; left:-999em;}

.header_theme_search_area #theme_shopping_form.wizard > .content > .title,
.header_theme_search_area #theme_shopping_form .tabcontrol > .content > .title {position:absolute; left:-999em;}


/* Wizard */
.header_theme_search_area #theme_shopping_form.wizard > .steps {position:relative; display:block; width:830px;}
.header_theme_search_area #theme_shopping_form.wizard.vertical > .steps {display:inline; float:left; width:30%;}
.header_theme_search_area #theme_shopping_form.wizard > .steps .number {display:none !important; font-size: 1.429em;}
.header_theme_search_area #theme_shopping_form.wizard > .steps > ul > li {width: 25%; margin-right:-1px;}
.header_theme_search_area #theme_shopping_form.wizard > .steps > ul > li,
.header_theme_search_area #theme_shopping_form.wizard > .actions > ul > li {float: left;}
.header_theme_search_area #theme_shopping_form.wizard.vertical > .steps > ul > li {float: none; width: 100%;}

.header_theme_search_area #theme_shopping_form.wizard > .steps a,
.header_theme_search_area #theme_shopping_form.wizard > .steps a:hover,
.header_theme_search_area #theme_shopping_form.wizard > .steps a:active {
    display: block;
    width: auto;
    margin: 0 0 0;
    padding: 10px;
	line-height:20px;
	font-size:12px;
    text-decoration: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.header_theme_search_area #theme_shopping_form.wizard > .steps a strong { position: relative; top:1px; font-size:14px;}
.header_theme_search_area #theme_shopping_form.wizard > .steps a strong .count { position: absolute; right: -20px; top: 0px; width: 16px; height: 16px; text-align: center; font-size: 11px; line-height: 16px; color: #fff; background: #32c0b6; border-radius: 50%; }

.header_theme_search_area #theme_shopping_form.wizard > .steps .disabled a,
.header_theme_search_area #theme_shopping_form.wizard > .steps .disabled a:hover,
.header_theme_search_area #theme_shopping_form.wizard > .steps .disabled a:active {
	background: rgba(255,255,255,0.6); 
	color: #898989; 
	cursor: default;
}

.header_theme_search_area #theme_shopping_form.wizard > .steps .current a,
.header_theme_search_area #theme_shopping_form.wizard > .steps .current a:hover,
.header_theme_search_area #theme_shopping_form.wizard > .steps .current a:active {
	z-index:1;
	background:#fff; 
	color: #000; 
	cursor: default;
	border-color:#646464;
	border-bottom:1px solid #fff;
}

.header_theme_search_area #theme_shopping_form.wizard > .steps li a,
.header_theme_search_area #theme_shopping_form.wizard > .steps li a:hover,
.header_theme_search_area #theme_shopping_form.wizard > .steps li a:active {
	position:relative;
	display:block;
	text-align:center;
	border:1px solid #ebebeb;
	border-bottom:1px solid #646464;
	background:#fafafa ; 
	color: #818181;
	font-size:13px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.0);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.0);
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.0);
}

.header_theme_search_area #theme_shopping_form.wizard > .steps .error a,
.header_theme_search_area #theme_shopping_form.wizard > .steps .error a:hover,
.header_theme_search_area #theme_shopping_form.wizard > .steps .error a:active {
	background: rgba(255,255,255,0.6);
	color: #898989;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}

.header_theme_search_area #theme_shopping_form.wizard > .content
{
    background:transparent;
    display: block;
    margin: 0 0 0;
    min-height:100px;
    overflow: hidden;
    position: relative;
    width: 830px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	box-shadow:1px 1px 3px rgba(0,0,0,0.0);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.0);
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.0);
}

.header_theme_search_area #theme_shopping_form.wizard.vertical > .content {display: inline; float: left; margin: 0 2.5% 0.5em 2.5%; width: 65%;}
.header_theme_search_area #theme_shopping_form.wizard > .content > .body {  position: relative; padding: 20px 0px 20px 0px; width: 100%; height: 100%; }
.header_theme_search_area #theme_shopping_form.wizard > .actions {position: absolute; right:0; top:70px; display: block; text-align: left; width: 90px;}

.header_theme_search_area #theme_shopping_form.wizard.vertical > .actions {display: inline; float: right; margin: 0 2.5%; width: 95%;}
.header_theme_search_area #theme_shopping_form.wizard > .actions > ul {display:block; text-align: left; } 
.header_theme_search_area #theme_shopping_form.wizard > .actions > ul > li {margin: 0;}
.header_theme_search_area #theme_shopping_form.wizard.vertical > .actions > ul > li {margin: 0 0 0 0;}
.header_theme_search_area #theme_shopping_form.wizard > .actions > ul > li:nth-child(3) {float:right;}

.header_theme_search_area #theme_shopping_form.wizard > .actions a,
.header_theme_search_area #theme_shopping_form.wizard > .actions a:hover,
.header_theme_search_area #theme_shopping_form.wizard > .actions a:active
{
    background:rgba(255,255,255,1.0);
    color: #333;
	font-size:14px;
	font-weight:700;
    display: block;
    padding: 15px 0;
	width:100px;
	text-align:center;
    text-decoration: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}

.header_theme_search_area #theme_shopping_form.wizard > .actions > ul > li:nth-child(1),
.header_theme_search_area #theme_shopping_form.wizard > .actions > ul > li:nth-child(2) {display:none;}

.header_theme_search_area #theme_shopping_form.wizard > .actions > ul > li:nth-child(3) > a,
.header_theme_search_area #theme_shopping_form.wizard > .actions > ul > li:nth-child(3) > a:hover,
.header_theme_search_area #theme_shopping_form.wizard > .actions > ul > li:nth-child(3) > a:active {
    background:rgba(50,192,182,1.0);
    color: #fff;
	font-size:14px;
	font-weight:700;
    display: block;
    padding: 15px 10px;
	width:70px;
	height:50px;
	text-align:center;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.0);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.0);
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.0);
}
.header_theme_search_area #theme_shopping_form.wizard > .actions > ul > li:nth-child(3) > a img {display:block; width:29px; margin:0 auto 5px;}

.header_theme_search_area #theme_shopping_form.wizard > .actions .disabled a,
.header_theme_search_area #theme_shopping_form.wizard > .actions .disabled a:hover,
.header_theme_search_area #theme_shopping_form.wizard > .actions .disabled a:active {background:rgba(255,255,255,0.5); color: #666;}

.header_theme_search_area #theme_shopping_form.wizard > .loading {}
.header_theme_search_area #theme_shopping_form.wizard > .loading .spinner {}




.header_theme_search_area .select_theme_list {padding:15px 20px 5px; background:#f5f5f5;}
.header_theme_search_area .select_theme_list ul {margin:0; padding:0; font-size:0; line-height:0;}
.header_theme_search_area .select_theme_list ul:after {content:""; display:block; clear:both;}
.header_theme_search_area .select_theme_list ul li {
	position:relative;
	display:inline-block !important; 
	*display:inline !important; 
	margin:0 10px 10px 0;
	padding:4px 5px !important; 
	font-size:13px;
	line-height:14px;
	color:#444;
	background:#fff; 
	vertical-align:top; 
	*zoom:1;
	list-style:none;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	cursor:pointer;
}
.header_theme_search_area .select_theme_list ul li span {padding-right:5px;}
.header_theme_search_area .select_theme_list ul li img {position:relative; top:-1px;}





/* Tabcontrol */
.header_theme_search_area #theme_shopping_form .tabcontrol > .steps {position: relative; display: block; width: 100%;}
.header_theme_search_area #theme_shopping_form .tabcontrol > .steps > ul {position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1;}
.header_theme_search_area #theme_shopping_form .tabcontrol > .steps > ul > li
{
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.header_theme_search_area #theme_shopping_form .tabcontrol > .steps > ul > li:hover {background: #edecec; border: 1px solid #bbb; padding: 0;}
.header_theme_search_area #theme_shopping_form .tabcontrol > .steps > ul > li.current {background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0;}
.header_theme_search_area #theme_shopping_form .tabcontrol > .steps > ul > li > a {color: #5f5f5f; display: inline-block; border: 0 none; margin: 0; padding: 10px 30px; text-decoration: none;}
.header_theme_search_area #theme_shopping_form .tabcontrol > .steps > ul > li > a:hover {text-decoration: none;}
.header_theme_search_area #theme_shopping_form .tabcontrol > .steps > ul > li.current > a {padding: 15px 30px 10px 30px;}


.header_theme_search_area #theme_shopping_form section { overflow: hidden; margin-top: 0; }
.header_theme_search_area #theme_shopping_form section:after {content:""; display:block; clear:both;}
.header_theme_search_area #theme_shopping_form section ul { overflow: hidden; margin:0 10px 0 5px !important; padding:0; list-style:none; }
.header_theme_search_area #theme_shopping_form section ul:after {content:""; display:block; clear:both;}
.header_theme_search_area #theme_shopping_form section ul li {float:left;display:inline-block !important; *display:inline; width:auto !important; margin:0; padding:0; list-style:none; text-align:left; *zoom:1; vertical-align:top;}
.header_theme_search_area #theme_shopping_form section ul li a {
	display:block; 
	width:auto !important; 
	height:20px; 
	margin:0 18px 0 0; 
	padding:3px 0 3px 20px; 
	font-size:13px; 
	line-height:18px;
	color:#555;
	text-decoration:none;
	text-align: left; 
	border-radius:0; 
	background:url("../../img/trend9/theme_list_check.png") no-repeat left 5px !important;
}

.header_theme_search_area #theme_shopping_form section ul li.selected a,
.header_theme_search_area #theme_shopping_form section ul li a:hover {background-color:transparent; background-position:0 -45px !important; color:#000; box-shadow:inset 1px 1px 4px rgba(0,0,0,0.0);}
.header_theme_search_area #theme_shopping_form section ul li.item span {text-align:center; color:#777;}



.header_theme_search_area #slider_price_wrap { position: relative; margin:10px auto 0; width: 90%; padding: 0 5px; }

#slider_price_wrap .jslider-bg {
	height:14px;
	border-top: 1px solid #afafaf/*{borderColorContent}*/;
	border-left: 0px solid #989898/*{borderColorContent}*/;
	border-bottom: 1px solid #fff/*{borderColorContent}*/;
	border-right: 0px solid #d4d4d4/*{borderColorContent}*/;
	color: #222222/*{fcContent}*/;
   -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
	background: #9d9d9d url("../imgs/range_ui_select_bg.png")/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	background: -moz-linear-gradient(top,  #bebebe 0%, #cbc9c9 44%, #cbc9c9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bebebe), color-stop(44%,#cbc9c9), color-stop(100%,#cbc9c9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bebebe 0%,#cbc9c9 44%,#cbc9c9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bebebe 0%,#cbc9c9 44%,#cbc9c9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bebebe 0%,#cbc9c9 44%,#cbc9c9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bebebe 0%,#cbc9c9 44%,#cbc9c9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#cbc9c9',GradientType=0 ); /* IE6-9 */
}

#slider_price_wrap .jslider .jslider-bg .v {
	top: -1px !important;
	height: 14px !important;
	background: url("../../img/trend9/range_ui_select_bg.png") repeat-x !important;
}

#slider_price_wrap .jslider-pointer {
	background:url("../../img/trend9/range_ui_selecter.png") no-repeat 0 0 !important;
	width:31px !important;
	height:41px !important;
	top: -8px !important;
	margin-left: -15px !important;
	overflow:hidden !important;
}
#slider_price_wrap .jslider-pointer:hover {
	background:url("../../img/trend9/range_ui_selecter_over.png") no-repeat 0 0 !important;
}

#slider_price_wrap .jslider .jslider-label {
    font-size: 11px !important;
    line-height: 12px;
    color: #000 !important;
    opacity: .4;
    white-space: nowrap;
    padding: 0 2px;
    position: absolute;
    top: -26px !important;
}
#slider_price_wrap .jslider .jslider-value {
    font-size: 11px !important;
    white-space: nowrap;
    padding: 2px !important;
    position: absolute;
    top: -26px !important;
    background: #666 !important;
	color: #fff !important;
    line-height: 12px;
}

#slider_price_wrap .irs-slider {cursor:pointer;}



.good_icon_sp { display: inline-block; margin-right: 2px; width: 9px; height: 9px; background:url('../../img/trend9/gift_star_sp.png') left top no-repeat; }
.good_icon1 { display: inline-block; margin-right: 2px; width: 9px; height: 9px; background:url('../../img/trend9/gift_star1.png') left top no-repeat; }









/* 실시간 메세지 레이어 */
#rtm {
	position: fixed; 
	z-index: 9999; 
	left:50%; 
	bottom:-1500px; 
	z-index: 6666;
	display:table;
	margin-left:-200px; 
	width:400px; 
	height:400px; 
	border-radius:30px;
	background:#19beb2;
	box-shadow:3px 3px 10px rgba(0,0,0,0.4);
}
#rtm #rtm_close {position:absolute; top:20px; right:20px; display:block;}
#rtm #rtm_close a.close {display:block; width:20px; height:20px; background:url('../../img/trend9/rtm_bt_close.png') center center no-repeat;}
#rtm .rtm_wrap {display:table-cell; padding:0 40px; vertical-align:middle; text-align:center; color:#fff;}
#rtm .rtm_wrap .rtm_icon {width:100%; height:83px; margin:0; padding:0; background:url('../../img/trend9/icons/rtm_icon_notice.png') center center no-repeat;}
#rtm .rtm_wrap .title {margin:10px 0 0;}
#rtm .rtm_wrap .title h5 {font-size:40px; font-weight:400; letter-spacing:0; font-family:'Do Hyeon', 'Noto Sans KR', 'Pretendard Variable', 'Pretendard', 'Nanum Gothic', 'malgun gothic', dotum, sans-serif;}
#rtm .rtm_wrap .contents {margin-top:10px; font-size:20px; font-weight:400; line-height:1.4; font-family:'Do Hyeon', 'Noto Sans KR', 'Pretendard Variable', 'Pretendard', 'Nanum Gothic', 'malgun gothic', dotum, sans-serif;}
#rtm .rtm_wrap .contents .btn_area {margin:20px 0 0;}
#rtm .rtm_wrap .contents .btn_area a {
	display:inline-block; 
	padding:15px 20px 13px; 
	min-width:200px;
	line-height:1;
	font-size:22px;
	color:#19beb2;
	border-radius:50px;
	text-decoration:none;
	background:#fff;
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#rtm .rtm_wrap .contents .btn_area a i {margin-left:10px;}


/*** rtm theme ***/
/* 테마 세일 */
#rtm.theme_sale {background:#8e4dff;}
#rtm.theme_sale .rtm_wrap .rtm_icon {background:url('../../img/trend9/icons/rtm_icon_sale.png') center center no-repeat;}
#rtm.theme_sale .rtm_wrap .contents .btn_area a {color:#8e4dff;}

/* 테마 고객센터 */
#rtm.theme_cs {background:#00c73c;}
#rtm.theme_cs .rtm_wrap .rtm_icon {background:url('../../img/trend9/icons/rtm_icon_cs.png') center center no-repeat;}
#rtm.theme_cs .rtm_wrap .contents .btn_area a {color:#00c73c;}

/* 테마 장바구니 */
#rtm.theme_cart {background:#f1b40d;}
#rtm.theme_cart .rtm_wrap .rtm_icon {background:url('../../img/trend9/icons/rtm_icon_cart.png') center center no-repeat;}
#rtm.theme_cart .rtm_wrap .contents .btn_area a {color:#f1b40d;}

/* 테마 쿠폰 */
#rtm.theme_coupon {background:#f76d5f;}
#rtm.theme_coupon .rtm_wrap .rtm_icon {background:url('../../img/trend9/icons/rtm_icon_coupon.png') center center no-repeat;}
#rtm.theme_coupon .rtm_wrap .contents .btn_area a {color:#f76d5f;}

/* 테마 배송 */
#rtm.theme_delivery {background:#01a0c7;}
#rtm.theme_delivery .rtm_wrap .rtm_icon {background:url('../../img/trend9/icons/rtm_icon_delivery.png') center center no-repeat;}
#rtm.theme_delivery .rtm_wrap .contents .btn_area a {color:#01a0c7;}

/* 테마 선물 */
#rtm.theme_gift {background:#f34870;}
#rtm.theme_gift .rtm_wrap .rtm_icon {background:url('../../img/trend9/icons/rtm_icon_gift.png') center center no-repeat;}
#rtm.theme_gift .rtm_wrap .contents .btn_area a {color:#f34870;}

/* 테마 공지사항 */
#rtm.theme_notice {background:#19beb2;}
#rtm.theme_notice .rtm_wrap .rtm_icon {background:url('../../img/trend9/icons/rtm_icon_notice.png') center center no-repeat;}
#rtm.theme_notice .rtm_wrap .contents .btn_area a {color:#19beb2;}






/* css3 animation move */
.animation_block {
	position:absolute;
	top: 0;
	left:50%;
	margin:-28px auto 0 -36px;
	width: 72px;
	z-index: 3;
	animation:move_join_icon 2.0s ease infinite;
	-webkit-animation:move_join_icon 3.5s ease infinite; /* Safari and Chrome */
	font-family:'Open Sans', sans-serif;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.animation_block .block_contents {
	text-align:center;
	width: 72px;
	height: 22px;
	line-height: 22px;
	font-size: 13px;
	color: #fff;
	margin: 0 0 0; 
	background: #ff1b66;
	border-radius:4px;
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}

.animation_block .block_triangle {
	width: 0px;
	height: 0px;
	margin:0 auto;
	border-style: solid;
	border-width: 4px 3px 0 3px;
	border-color: #ff1b66 transparent transparent transparent;
}



/* animation keyframes move_join_icon */
@keyframes move_join_icon {
	0% {top:0px;}
	10% {top:-5px;}
	20% {top:0;}
	30% {top:-5px;}
	40% {top:0;}
	50% {top:-5px;}
	60% {top:0;}
	100% {top:0px;}
}

@-webkit-keyframes move_join_icon /* Safari and Chrome */ {
	0% {top:0px;}
	10% {top:-5px;}
	20% {top:0;}
	30% {top:-5px;}
	40% {top:0;}
	50% {top:-5px;}
	60% {top:0;}
	100% {top:0px;}
}





/* 당일배송 필터 */
  .today-delivery-filter {
    margin: 20px 0;
    padding: 15px;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
	border-radius: 5px;
  }
  .today-delivery-filter .filter-label {
    display: inline-block;
    font-weight: bold;
    margin-right: 10px;
    vertical-align: middle;
  }
  .today-delivery-filter .filter-buttons {
    display: inline-block;
    vertical-align: middle;
  }
  .today-delivery-filter .filter-btn {
    display: inline-block;
    padding: 4px 8px;
    margin: 0 3px;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.2s;
  }
  .today-delivery-filter .filter-btn:hover {
    background: #f0f0f0;
    border-color: #999;
  }
  .today-delivery-filter .filter-btn.active {
    background: #32c0b6;
    color: #fff;
    border-color: #32c0b6;
  }

/* 상품 리스트 - 상품명 옆 라운드 뱃지 (PC) */
.today-delivery-info {
  position:absolute;
  right:0;
  bottom:0;
  display: inline-block;
  margin:0;
  padding: 2px 8px 3px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  border-radius: 8px 0 0 0;
  vertical-align: middle;
  line-height: 1.3;
  white-space: nowrap;
  text-shadow:1px 1px 2px rgba(0,0,0,0.2);
}

/* 타입별 색상 - 라운드 뱃지 */
.today-delivery-info.type-3 {
  background: linear-gradient(135deg, #667eea 0%, #667eea 100%);
}

.today-delivery-info.type-1 {
  background: linear-gradient(135deg, #f093fb 0%, #f093fb 100%);
}

.today-delivery-info.type-2 {
  background: linear-gradient(135deg, #4facfe 0%, #4facfe 100%);
}