@charset "euc-kr";

/* ÆùÆ®Àû¿ë¿¹½Ã'Nanum Gothic' , 'Nanum Myeongjo' */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

@font-face{
font-family:"NanumBarunGothic";
font-style:normal;
font-weight:400;
src:url('/codefont/NanumBarunGothic.eot');
src:url('/codefont/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
url('/codefont/NanumBarunGothic.woff') format('woff'),
url('/codefont/NanumBarunGothic.ttf') format('truetype'),
url('/codefont/NanumBarunGothic.svg#Nanum Gothic') format('svg');
src:local(¡Ø), url('/codefont/NanumBarunGothic.woff') format('woff');
src: url(#{chrome.extension.getURL("/codefont/NanumBarunGothic.woff")}) format("woff");
}
@font-face{
font-family:"NanumBarunGothic";
font-style:normal;
font-weight:700;
src:url('/codefont/NanumBarunGothic-Bold.eot');
src:url('/codefont/NanumBarunGothic-Bold.eot?#iefix') format('embedded-opentype'),
url('/codefont/NanumBarunGothic-Bold.woff') format('woff'),
url('/codefont/NanumBarunGothic-Bold.ttf') format('truetype'),
url('/codefont/NanumBarunGothic-Bold.svg#Nanum GothicBold') format('svg');
src:local(¡Ø), url('/codefont/NanumBarunGothic-Bold.woff') format('woff');
}


/*--- top ---*/
#wrap{
	position:relative;
	width:100%;
	min-width:1200px;
	margin:0;
	padding:0;
	z-index:1;
	text-align:center;
}
.wrap-inner{
	width:1190px;
	margin:0 auto;
	text-align:center;
}

#top-banner {
	width:100%;
	min-width:1200px;
	height:100px;
	background:url(/img/top_banner_bg.jpg) repeat-x;
	text-align:center;
	margin:0;
	padding:0;
	clear:both;
}
#top-banner .top-banner-inner {
	width:1190px;
	margin:0 auto;
	padding:0;
}

#top-qmb {
	width:100%;
	min-width:1200px;
	background:#263a45;
	text-align:center;
	margin:0;
	padding:0;
	clear:both;
}
#top-qmb .qmb-inner {
	width:1020px;
	margin:0 auto;
	padding:0;
	display:inline-block;
}

#top-qmb .qmb-inner ul li {
	float:left;
	margin:0;
	padding:0;
}

#top{
	display:block;
	width:100%;
	height:250px;
	z-index:9999;
}
.top-inner{
	position:relative;
	width:1590px;
	height:138px;
	margin:0 auto;
	z-index:999;
}

#top-util {
	width:100%;
	height:36px;
}
#top-util .top-util-inner{
	position:relative;
	width:auto;
	margin:0 auto;
}
#top-util .top-util-inner .favo {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#top-util .top-util-inner .top-util-menu {
	position:absolute;
	top:0;
	right:0;
	z-index:10;
}
#top-util .top-util-inner .top-util-menu ul li{
	float:left;
	font:11px dotum, gulim;
	line-height:36px;
	margin-left:1px;
	padding:0px 10px;
	background:url(/img/util_line.gif) no-repeat left;
}
#top-util .top-util-inner .top-util-menu ul li a{
	line-height:36px;
	color:#202020;
	text-decoration:none;
}
#top-util .top-util-inner .top-util-menu ul li.favo a{
	color:#CC3333;
}
#top-util .top-util-inner .top-util-menu ul li:first-child {
	float:left;
/*	margin-right: 0;
	padding-right: 0;*/
	background:none;
}
#top-util .top-util-inner .top-util-menu ul li:hover{
	float:left;
	font:11px dotum, gulim;
	line-height:36px;
	color:#fff;
	margin-left:1px;
	padding:0px 10px;
	background:#0d2048;
}
#top-util .top-util-inner .top-util-menu ul li:hover > a,a:hover{
	color:#fff;
}

#logo-section {
	clear:both;
	width:100%;
	height:50px;
	text-align:center;
}
#logo-section .logo-section-inner {
	position:relative;
	z-index:999;
	width:1150px;
	margin:0 auto;
	display:inline-block;
}
#logo-section .logo-section-inner .logo {
	position:absolute;
	left:45%;
	top:20px;
	z-index:999;
}
#logo-section .logo-section-inner .order_ment {
	position:absolute;
	top:155px;
	right:-20px;
	text-align:right;
}
#logo-section .logo-section-inner .top_txt {
	position:absolute;
	left:45%;
	top:130px;
	margin-left:300px;
	z-index:999;
	font:15px 'Nanum Gothic', gulim, dotum;
	font-weight:bold;
	text-align:left;
	color:#3e3e3e;
}
#logo-section .logo-section-inner .top-kakao {
	position:absolute;
	top:58px;
}

.top-section {
	position:relative;
	z-index:999;
	display:inline-block;
	clear:both;
	width:100%;
	height:138px;
	text-align: center;
}
.top-section .top-section-inner {
	width:1200px;
	height:138px;
	margin:0 auto;
}
.top-section .top-section-inner .top-ship {
	position:absolute;
	top:18px;
	left:5px;
}
.top-section .top-section-inner .top-cs {
	position:absolute;
	top:18px;
	left:405px;
}
.top-section .top-section-inner .top-down {
	position:absolute;
	top:18px;
	left:805px;
}

#main-mqm{
	clear:both;
	display:block;
	width:100%;
	margin-top:2px;
	background:#000;
	z-index:999;
}
#main-mqm .main-mqm-inner {
	position: relative;
	display:inline-block;
	width:1200px;
	height:45px;
	background:#000;
	margin:0 auto;
	z-index:999;
}
#main-mqm .main-mqm-inner ul li {
	float:left;
	height:15px;
	width:149px;
	border-left:1px solid #737373;
	margin:0;
	padding:15px 0px;
	text-align:center;
}
#main-mqm .main-mqm-inner ul li.first {
	border-left:0px;
}

#main-mqm .main-mqm-inner ul li a {
	font:14px 'Nanum Gothic', gulim, dotum, Helvetica, sans-serif;
	font-weight:700;
	color:#fff;
	text-decoration:none;
}
#main-mqm .main-mqm-inner ul li a:hover {color:#ffee00;}


/*--- °Ë»ö¹Ù ---*/
.search-bar{
	position: absolute;
	top:100px;
	left:39.5%;
	width:370px;
	height:34px;
}
.search-bar .address{
	font:13px 'Nanum Gothic', gulim, dotum, Verdana, Geneva, sans-serif;
	text-align:center;
	margin-top:10px;
}
.g_window .gbox {
	float:left;
	background-color:#314055;
}

.g_window .gbox span {
	display:block;
	width:298px;
	height:30px;
	margin:2px;
	padding:0;
	background-color: #ffffff;
	text-align:left;
}

.g_window .gbox input {
	float: none;
	width:280px;
	margin:6px 10px 8px 8px;
	padding:0;
	border:0;
	font-family:'Nanum Gothic',Gulim, dotum, Helvetica,sans-serif;
	font-size:15px;
	outline:none;
	color:#000000;
	background-color: #ffffff;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

.g_window input[type=image] {
float: left;
}

.g_window .btn_arw {
position: absolute;
top: 6px;
left: 392px;
}

.g_window .btn_arw a {
display: block;
padding: 7px 5px;
}
/*--- °Ë»ö¹Ù END ---*/


#gnb{
	position:relative;
	width:100%;
	min-width:1600px;
	height:48px;
	background:#314055;
	text-align:center;
	z-index:99999;
	clear:both;
}
#gnb .gnb-inner{
	width:1200px;
	height:48px;
	margin:0 auto;
}
#gnb .gnb-inner ul li{
	float:left;
}


#top-event-banner {
	width:1186px;
	height:540px;
	margin:0 auto;
	padding:10px 7px;
	clear:both;
	display:inline-block;
	background:url(/img/main/special_event_bg.jpg) no-repeat #15b7f4;
}
#top-event-banner .h1 {
	font:36px "NanumBarunGothic", 'Nanum Gothic', dotum, gulim;
	color:#fff;
/*	width:400px;
	border:8px solid #fff;
	padding:8px 20px;*/
	margin:0 auto;
	clear:both;
}
#top-event-banner li {
	list-style:none;
	float:left;
	margin:6px 6px 0px 0px;
	padding:0;
}
#top-event-banner li:last-child {
	margin-right:0px;
}
#top-event-banner li.last {
	margin-right:0px;
}

#main-shop-banner {
	width:100%;
	text-align:center;
	margin:20px auto 100px auto;
}
#main-shop-banner .shopban-inner {
	width:1200px;
	margin:0 auto;
	padding:0px;
	display:inline-block;
}
#main-shop-banner .shopban-inner li {
	float:left;
	margin-left:12px;
	margin-bottom:12px;
}
#main-shop-banner .shopban-inner li.first {
	margin-left:0px;
}

#contents {
	position:relative;
	width:100%;
	clear:both;
	display:inline-block;
	z-index:10;
	text-align:center;
}

#contents .left {
	position:absolute;
	width:100px;
	left:50%;
	margin-left:-710px;
}
#contents .left ul li {
	clear:both;
	padding:0;
	margin:0px 0px 10px 0px;
}

#contents .right {
	position:absolute;
	width:90px;
	left:50%;
	margin-left:620px;
}
#contents .right ul li {
	clear:both;
	padding:0;
	margin:0px 0px 10px 0px;
}

#contents #contents-inner{
	width:1200px;
	min-height:300px;
	text-align:left;
	margin:0 auto;
}
#contents #contents-inner > h4{
	text-align: left;
	margin-top: 10px;
}
#contents #contents-inner .product-tlink ul {
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	clear:both;
}
#contents #contents-inner .product-tlink ul li {
	float:left;
	width:556px;
	margin-right:12px;
	padding:18px;
	background-color:#fff;
	border:1px solid #e1e1e1;
	text-align:center;
	font:15px 'Nanum Gothic', dotum, gulim, arial;
	color:#000;
}
#contents #contents-inner .product-tlink ul li a {
	color:#000;
	text-decoration:none;
}
#contents #contents-inner .product-tlink ul li.on {
	background-color:#000;
	border:1px solid #000;
	text-align:center;
	font:15px 'Nanum Gothic', dotum, gulim, arial;
	color:#fff;
}
#contents #contents-inner .product-tlink ul li.on a {
	color:#fff;
	text-decoration:none;
}
#contents #contents-inner .product-tlink ul li.last {
	margin-right:0px;
}

#contents #contents-inner .product {
	display:inline-block;
	clear:both;
	width:100%;
	margin-bottom:40px;
	text-align:left;
}
#contents #contents-inner .product h3{
	margin-bottom:15px;
}
#contents #contents-inner .product .product-banner {
	float: left;
	width:295px;
	height:669px;
	border:1px solid #e1e1e1;
	border-width:1px 0px 1px 1px;
}

#contents #contents-inner .product .product-banner ul.gray_list {
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
#contents #contents-inner .product .product-banner ul.gray_list li {
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	line-height:38px;
	text-align:center;
	font:16px 'Nanum Gothic', gulim, dotum;
	color:#314055;
}
#contents #contents-inner .product .product-banner ul.gray_list li:hover {
	background-color:#ccc;
	font-weight:bold;
}
#contents #contents-inner .product .product-banner ul.gray_list li a {
	line-height:36px;
	color:#314055;
}
#contents #contents-inner .product .product-banner ul.gray_list li a:hover {
	color:#314055;
	font-weight:bold;
	text-decoration:none;
}
#contents #contents-inner .product .product-banner ul.gray_list li:hover a,a:hover{
	color:#314055;
}

#contents #contents-inner .product .product-banner ul.blue_list {
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
#contents #contents-inner .product .product-banner ul.blue_list li {
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	line-height:38px;
	text-align:center;
	font:16px 'Nanum Gothic', gulim, dotum;
	color:#314055;
}
#contents #contents-inner .product .product-banner ul.blue_list li:hover {
	background-color:#8b929d;
	font-weight:bold;
}
#contents #contents-inner .product .product-banner ul.blue_list li a {
	line-height:38px;
	color:#314055;
}
#contents #contents-inner .product .product-banner ul.blue_list li a:hover {
	color:#314055;
	font-weight:bold;
	text-decoration:none;
}
#contents #contents-inner .product .product-banner ul.blue_list li:hover a,a:hover{
	color:#314055;
}

#contents #contents-inner .product .product-banner ul.ivory_list {
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
#contents #contents-inner .product .product-banner ul.ivory_list li {
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	line-height:38px;
	text-align:center;
	font:16px 'Nanum Gothic', gulim, dotum;
	color:#314055;
}
#contents #contents-inner .product .product-banner ul.ivory_list li:hover {
	background-color:#dac6a8;
	font-weight:bold;
}
#contents #contents-inner .product .product-banner ul.ivory_list li a {
	line-height:38px;
	color:#314055;
}
#contents #contents-inner .product .product-banner ul.ivory_list li a:hover {
	color:#314055;
	font-weight:bold;
	text-decoration:none;
}
#contents #contents-inner .product .product-banner ul.ivory_list li:hover a,a:hover{
	color:#314055;
}

#contents #contents-inner .product .product-banner ul.brown_list {
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
#contents #contents-inner .product .product-banner ul.brown_list li {
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	line-height:38px;
	text-align:center;
	font:16px 'Nanum Gothic', gulim, dotum;
	color:#314055;
}
#contents #contents-inner .product .product-banner ul.brown_list li:hover {
	background-color:#98826a;
	font-weight:bold;
}
#contents #contents-inner .product .product-banner ul.brown_list li a {
	line-height:38px;
	color:#314055;
}
#contents #contents-inner .product .product-banner ul.brown_list li a:hover {
	color:#314055;
	font-weight:bold;
	text-decoration:none;
}
#contents #contents-inner .product .product-banner ul.brown_list li:hover a,a:hover{
	color:#314055;
}

#contents #contents-inner .product .product-list {
	float: right;
	width:calc(100% - 296px);
	overflow:hidden;
}

.main-pro-table {
	border-collapse:collapse;
	border:1px solid #e1e1e1;
	border-width:0px 1px 1px 0px;
	margin:0;
	padding:0;
	clear:both;
}
.main-pro-table td {
	border:1px solid #e1e1e1;
	border-width:1px 0px 0px 1px;
	padding:10px;
	line-height:none !important;
	width:280px;
	height:259px;
}
.main-pro-table td.page {
	height:19px;
	text-align:center;
}
.main-pro-table .product-box {
	width:280px;
	height:294px;
	border-collapse:collapse;
	margin:0;
	padding:0;
	border:0px;
}
.main-pro-table .product-box td {
	width:280px;
	height:auto;
	border:0px;
	padding:0px;
	margin:0px;
	line-height:none !important;
	text-align:center;
}
.main-pro-table .product-box td.p_img a img {
	width:180px;
	height:200px;
	border:0px;
}
.main-pro-table .product-box td.p_title {
	height:15px;
	border-bottom:1px solid #eee;
	text-align:center;
	font:13px gulim, dotum, Arial, Helvetica;
	font-weight:bold;
	color:#000;
	padding:5px 0px;
}
.main-pro-table .product-box .mp_sale {
	float:left;
	width:40%;
	margin:0;
	text-align:left;
	font:16px 'Nanum Gothic', gulim, dotum, Tahoma, Arial;
	font-weight:bold;
	color:#cc0000;
}
.main-pro-table .product-box .mp_price {
	float:right;
	width:58%;
	margin:0;
	text-align:right;
	font:12px dotum, gulim;
	color:#777;
	line-height:18px;
}

/*--- ¸ÞÀηѸµ ---*/
.flash_bn {
	height: 432px;
}
.mainflashimg {
float: left;
width: 917px;
height: 432px;
overflow: hidden;
}
.mainflashbt {
float: left;
width: 283px;
}
#img_rolling ul li a{
color: #fff;
display: block;
cursor: pointer;
}
#img_rolling ul li img {
vertical-align: top;
}
#img_rolling dl dt {
display: none;
clear: both;
margin: 0px;
padding: 0px;
}
#img_rolling dl dt.on {
display: block;
}
#img_rolling dl dt a:hover img{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -khtml-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
}

#main-rolling {
	position:relative;
	width:100%;
	height:350px;
	clear: both;
	margin: 0 auto;
	text-align:center;
	margin-bottom:50px;
}

/*--- ¸ÞÀηѸµ END ---*/

#l-con{
	width: 880px;
	margin-top: 20px;
	border-bottom: 1px solid #666;
}
#l-con #menu {
	list-style-type: none;
	width: 160px;
	height: 400px;
	left: 0;
}
#l-con #menu li {
	display: block;
	z-index: 1000;
	position: relative;
	text-align:right;
	zoom: 1;
}
#l-con #menu li p a {
	display: block;
	font: bold 16px/20px µ¸¿ò, dotum, gulim, ±¼¸², "Lucida Grande", "Verdana";
	text-decoration: none;
	padding: 7px 22px 7px 7px;
	z-index: 1000;
	color: #666666;
	vertical-align: middle;
	zoom: 1;
}

#l-con #menu li a:hover {
	color: #CC3300;
}
#l-con #menu li.current a {
	font: bold 16px gulim, ±¼¸², "Lucida Grande", "Verdana";
	color: #CC3300;
	padding: 7px 22px 7px 7px;
	line-height: 20px;
}
#l-con #menu li.background {
	background: url('arrow.gif') no-repeat left center;
	position: absolute;
	font-size: 1px;
	height: 7px;
	width: 4px;
	z-index: 1;
}

.pro-thumb a img {
width: 260px;
height: auto;
max-height:310px;
}

#r-con{
	position:relative;
	width:1176px;
	min-height:600px;
	margin:10px auto 0px auto;
	padding:0 12px 30px 12px;
	background-color:#fff;
	font:13px/16px 'Nanum Gothic', dotum, gulim, arial;
}
#r-con .login-table{
	width: 100%;
	text-align: center;
}
#r-con .login-table table {
	margin: 0 auto;
}
#r-con .login-table table th,#r-con .login-table table td{
	text-align: left;
	padding-left: 10px;
}
#r-con .join-form{
	width: 1100px; 
	margin: 0 auto;
}
#r-con .join-form table.join td {
	text-align: left;
	line-height: 160%;
}
#r-con .join-form table.join th {
	height: 30px;
	text-align: left;
}
#r-con .login-img{
	position: absolute;
	right: 0;
	top: 80px;
}
#r-con .login-form{
	float: left;
}
#r-con .main-sub-banner{
	height: 207px;
	display: inline-block;
}
#r-con .main-sub-banner ul li{
	float: left;
}

.cate-group {
	width:100%;
	margin:0 auto;
	padding-bottom:30px;
	clear:both;
}
.cate-group ul {
	margin:0 auto;
	padding:0;
	display:inline-block;
}
.cate-group ul li {
	float:left;
	margin:0px 2px;
	padding:0px;
	list-style:none;
}

.main-pro{
	padding-left: 1px;
}
.main-pro .title {
width: 767px;
height: 58px;
}
.main-pro table{
	margin-top: 10px;
}
.main-pro .thumb img{

}

#bottom-banner-qm {
	width:1200px;
	height:170px;
	margin:0 auto;
	display:inline-block;
	clear:both;
	margin-bottom:2px;
}
#bottom-banner-qm li {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}

#bottom{
	position:relative;
	width:100%;
	min-width:1600px;
	height:240px;
	background:#FFF;
	text-align:center;
	clear:both;
}
#bottom .bottom-inner{
	position: relative;
	width:1200px;
	height:240px;
	padding:0px;
	margin:0 auto;
}
#bottom .bottom-info{
	width:1200px;
	height:240px;
/*	background-color: #fff;
	border: 1px solid #CCCCCC;	*/
}
#bottom .bottom-info .cs{
	float:left;
	padding:0px;
	margin-right:0px;
}
#bottom .bottom-info .bank{
	float:left;
	padding:0px;
	margin-right:0px;
}
#bottom .bottom-info .info-qm{
	float:left;
	width:253px;
	padding:18px;
	margin-right:12px;
	border:1px solid #e1e1e1;
	background-color:#ffffff;
}
#bottom .bottom-info .info-qm ul li{
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
}
#bottom .bottom-info .notice{
	position: relative;
	float:left;
	width:221px;
	margin:0px;
	padding:28px 15px 28px 164px;
	background:url(/img/bottom_info_notice.gif) no-repeat left top;
}
#bottom .up{
	float:left;
	width:221px;
	height:124px;
}

#bottom .up h3{
	font:20px 'Nanum Gothic', Verdana, dotum, gulim;
	font-weight:bold;
	color:#ffffff;
	text-align:left;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:0px solid #d7d7d7;
}
#bottom .up .more{
	position:absolute;
	right:0;
	top:28px;
	margin-right:15px;
}
#bottom .up ul li{
	width: 100%;
	font-size:13px;
	line-height:20px;
	text-align: left;
}
#bottom .up ul li a{
	float: left;
	display: inline-block;
	min-width:170px;
	color:#ffffff;
}
#bottom .up ul li a:hover {
	color:#ffffff;
}
#bottom .up ul li span.date{
	float: right;
	display: inline-block;
}

#copy{
	clear:both;
	width:100%;
	min-width:1600px;
	height:170px;
	position:relative;
	text-align:center;
	padding-bottom:10px;
}

#copy .copy-inner{
	width:1200px;
	margin:0 auto;
	text-align:center;
}
#copy .bottom-logo{
	float: left;
	width: 326px;
	margin: 30px 0 0 30px;
}
#copy .bottom-util{
	width:100%;
	border-bottom:1px solid #e4e4e4;
	text-align:center;
	padding:15px 0px;
	margin:0 auto;
	display:inline-block;
}
#copy .bottom-util ul {
	width:540px;
	margin:0 auto;
	padding:0px;
	display:inline-block;
}
#copy .bottom-util ul li{
	float:left;
	background:url(/img/bottom_util_line.gif) no-repeat left;
	padding:0px 12px 0px 15px;
	font:13px 'Nanum Gothic', dotum, gulim;
	font-weight:bold;
	text-align:center;
	color:#454545;
}
#copy .bottom-util ul li a{
	color:#454545;
	text-decoration:none;
}
#copy .bottom-util ul li:first-child {
	background:none;
}
#copy .copyright{
	clear:both;
	width:1000px;
	font:12px gulim, dotum;
	color:#a0a0a0;
	padding-top:20px;
	margin-left:20px;
	line-height:16px;
}
#copy .copy-inner .esc{
	position:absolute;
	top:60px;
	margin-left:1100px;
}
#copy .copy-inner .family-link{
	position:relative;
	top:130px;
	margin-left:30px;
	display:inline-block;
}
#copy .copy-inner .family-link ul li{
	float:left;
	margin-right:90px;
}
#copy .copy-inner .family-link ul li.last{
	float:left;
	margin-right:0;
}


/***** ÁÂÃø¹è³Ê *****/
#quick-banner{
	width:1520px;
	position:relative;
	margin:0 auto;
	z-index:800;
	display:block;
}

#L_banner{
	position:absolute;
	width:148px;
	left:0;
}
#L_banner li {
	display:block;
	z-index:899;
	zoom:1;
	margin:0 0 2px 0;
	padding:0;
	list-style:none;
}
#L_banner li a {
	border:0;
	text-decoration:none;
}

#R_banner{
	position: absolute;
	right: 0px;
	top: 152px;
}
#R_banner ul li.top{
	margin-top: 0;
}

/***** qm *****/
#floater {
	position:absolute; 
	visibility:visible;
	width:109px;
	margin-top:30px;
	right:0;
}
.qm-cart li {
	width:109px;
	margin:0;
	padding:0;
}
.qm-cart li.bot {
	width:109px;
	height:31px;
	background:url(/img/qm_today_b.png) repeat-y;
	color:#898989;
	font-weight:bold;
	text-align:center;
}
.qm-cart li.bg {
	background:url(/img/qm_today_bg.png) repeat-y;
	padding-top:8px;
	padding-left:9px;
}
.qm-cart li.product {
	width:87px;
	height:87px;
	margin-bottom:10px;
	background:#fff;
	text-align:center;
}
.qm-cart li.product img {
	width:87px;
	height:87px;
}
.qm-cart li.product img a {
	border:0;
	text-decoration:none;
}
/***** ÁÂÃø¹è³Ê END *****/

#cTop ul li.down{
	margin-top: 0;
	font-size: 0;
}
table.notice th{
	background:url(/img/board_skin/b_bg.gif) repeat-x;

}
table.event td{
	text-align: center;
	height: 25px;
	font-weight: bold;
}
#r-con .location{
	width:100%;
	height:25px;
	text-align:right;
	border-bottom:1px solid #c2c2c2;
	margin:15px auto 15px auto;
}
#r-con .location ul{
	float: right;
}

#r-con .location ul li{
	float: left;
	margin-left:5px;
	padding-left:10px;
	padding-right:3px;
	background: url(/img/main/location_arrow.gif) no-repeat left 3px;
}
#r-con .location ul li.home{
	background: none;
	margin-left: 0px;
	padding-left: 0px;
}
#r-con .sub-con{
	
	
}
#r-con .sub-con h2{
	color: #333333;
	font: bold 20px/30px µ¸¿ò,dotum,±¼¸²,gulim,arial;
	margin-bottom: 15px;
}
#r-con .sub-con h3{
	font: bold 14px/25px µ¸¿ò,dotum,±¼¸²,gulim,arial;
}
#r-con .sub-con .caution{
	color: red;
}
#r-con .sub-con .section01{
	padding-bottom: 15px;
}
#r-con .sub-con .btn-section{
	width: 100%;
	text-align: center;
}
#r-con .sub-con .catalog-menu{
	float: right;
	width: 720px;
}
#r-con .sub-con .catalog-menu ul li{
	float:left;
	margin-left: 9px;
	margin-bottom: 9px;
}
#r-con .sub-con .catalog-menu ul li.first{
	margin-left: 0;
}
#r-con .sub-con .catalog-contents{
	float: right;
	width: 720px;
}
#r-con .sub-con .catalog-location{
	clear:both;
	width: 100%;
	height: 20px;
	padding-top: 20px;
	border-bottom: 1px solid #999;
}
#r-con .sub-con .catalog-location .catalog-navi{
	float: left;
}
#r-con .sub-con .catalog-location .catalog-page{
	float: right;
}
#r-con .sub-con .section01 .order-progress{
	width: 100%;
	margin-top: 20px;
}
#r-con .sub-con .section01 .order-progress .order-form{
	position: relative;
	float: left;
	width: 107px;
	height: 85px;
	padding-right: 19px;
	background: url(../img/main/order_form_arrow.gif) no-repeat right;
}
#r-con .sub-con .section01 .order-progress .order-form02{
	position: relative;
	float: left;
	width: 107px;
	height: 85px;
}
#r-con .sub-con .section01 .order-progress .order-form .num{
	position: absolute;
	top: 8px;
	right: 48px;
	font: bold 16px/160% Arial, Helvetica, sans-serif;
	color: #3399CC;
	letter-spacing: -0.1em;
}
#r-con .sub-con .section01 .order-progress .order-form02 .num{
	position: absolute;
	top: 8px;
	right: 30px;
	font: bold 16px/160% Arial, Helvetica, sans-serif;
	color: #3399CC;
	letter-spacing: -0.1em;
}

#r-con .sub-con .board-menu{
	float: right;
	width: 698px;
	height: 400px;
	border: 1px solid #;
}
#r-con .etc-wrap {
	width: 1200px;
}
#r-con .etc-wrap td {
	text-align: left;
}

table.cata td {
	text-align: left;
	padding-left: 10px;
}




.add-btn{
	width: 100%;
	margin-top: 10px;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: bold 14px/100% ±¼¸²,gulim,µ¸¿ò,dotum,Arial, Helvetica, sans-serif;
	padding: .7em 2em .55em;
	text-shadow: 0 0px 0px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 0px 0px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.button02 {
	display: inline-block;
	width: 132px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: bold 14px/100% µ¸¿ò,dotum,±¼¸²,gulim,Arial, Helvetica, sans-serif;
	padding: 0.5em 0 0.5em 0;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button02:hover {
	text-decoration: none;
}
.button02:active {
	position: relative;
	top: 1px;
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* gray */
.gray {
color: #000;
border: solid 0px #ccc;
background: #ccc;
}
.gray:hover {
	color: #e9e9e9;
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	color: #d9eef7;
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	color: #606060;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* POP-sale receipt */
#REC_wrap {
	margin:0;
	padding:0;
	width:600px;
	font-size:12px;
	color:#333333;
}
#REC_wrap table {font-size:12px;}
.REC_toplogo {width:100%; float:left; clear:both; border-bottom:1px solid #f1f1f1; margin-bottom:12px;}
.REC_toplogo ul{float:left; width:100%; list-style:none; margin:0; padding:0;}
.REC_toplogo li{float:left; margin:0; padding:0;}
.REC_toplogo li.h1 {float:right; font-size:40px; font-weight:bold;}
#REC_info {width:100%; clear:both; border-bottom:1px solid #f1f1f1; margin-bottom:12px; padding-bottom:12px;}
#REC_info ul.date {float:left; list-style:none; width:100%; margin:0; padding:0; clear:both;}
.date li {float:left; font-size:12px; margin:0; padding:0;}
.date li.right {float:right;}
#REC_info ul.shop {float:left; list-style:none; width:100%; margin:0; padding:0; clear:both;}
.shop li {float:left; font-size:12px; margin:0; padding:0;}
.shop li.right {float:left; padding-left:10px;}
#REC_con{width:100%; clear:both;}
.REC_table {width:600px; border-top:1px solid #dddddd; border-left:1px solid #dddddd;}
.REC_table th {
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	background-color:#777777;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
}
.REC_table th {
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	background-color:#738384;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	padding:3px 5px;
}
.REC_table td {
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	color:#333333;
	padding:3px 5px;
}
.REC_table td.td2 {
	background-color:#f1f1f1;
}
.REC_table td.to {
	background-color:#ffdddd;
	color:#ff0000;
}