@charset "euc-kr";

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@font-face{
font-family:"NanumGothic";
src:url('/codefont/NanumGothic.eot');
src:url('/codefont/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/codefont/NanumGothic.woff') format('woff'),
url('/codefont/NanumGothic.ttf') format('truetype'),
url('/codefont/NanumGothic.svg#NanumGothic') format('svg');
src:local(¡Ø), url('/codefont/NanumGothic.woff') format('woff');
src: url(#{chrome.extension.getURL("/codefont/NanumGothic.woff")}) format("woff");
}
@font-face{
font-family:"NanumGothic";
font-weight:600;
src:url('/codefont/NanumGothicBold.eot');
src:url('/codefont/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
url('/codefont/NanumGothicBold.woff') format('woff'),
url('/codefont/NanumGothicBold.ttf') format('truetype'),
url('/codefont/NanumGothicBold.svg#NanumGothicBold') format('svg');
src:local(¡Ø), url('/codefont/NanumGothicBold.woff') format('woff');
}

/*--- top ---*/
#wrap{
	margin: 0;
	padding: 0;
	z-index:9999;
}
.wrap-inner{
	width:100%;
	margin:0;
	text-align:center;
	clear:both;
}
#top{
	display: block;
	min-width:1200px;
	z-index:9999;
	clear:both;
}
.top-inner{
	position: relative;
	width:1200px;
	height:158px;
	margin:0 auto;
	z-index:9999;
}
.util-menu {
	position:relative;
	width:100%;
	min-width:1200px;
	height:34px;
	background-color:#272727;
	display:inline-block;
	z-index:9999;
}

.util-menu .favo {
	position:absolute;
	left:0;
	top:0;
}

.util-menu .search-naver {
	position: absolute;
	top: -5px;
	left: 410px;
}
.util-menu-inner {
	position:relative;
	width:1200px;
	margin:0 auto;
	z-index:9999;
}
.top-util-menu{
	position:absolute;
	right:0;
	z-index:9999;
}
.top-util-menu ul li{
	float:left;
	font-size: 11px;
	font-family:dotum, gulim;
	margin-right:6px;
	padding-right:8px;
	padding-top:10px;
}
.top-util-menu ul li a{color: #fff;}
.top-util-menu ul li a:hover {text-decoration:none;}
.top-util-menu ul li.favo a{color: #CC3333;}

.top-util-menu ul li:last-child {
	float:left;
	margin-right: 0;
	padding-right: 0;
	background:  none;
}
.top-util-menu ul li.last {
	float:left;
	margin-right: 0;
	padding-right: 0;
	background:  none;
}
.top-util-menu ul li:first-child {
	float:left;
/*	margin-right: 0;
	padding-right: 0;
	background:  none;*/
}
.top-util-menu ul li.first {
	float:left;
	margin-right: 8px;
	padding-right: 6px;
	background:  none;
}
.top-util-menu02{
	position: absolute;
	top: 15px;
	left:155px;
}
.top-util-menu02 ul li{
	float:left;
	font-size: 12px;
	margin-right: 8px;
	padding-right: 6px;
	background:  url(/img/main/util_menu_line.gif) no-repeat right;
}
.top-util-menu02 ul li a{
	color: #fff;
}
.top-util-menu02 ul li.favo a{
	color: #CC3333;
}

.top-util-menu02 ul li:last-child {
	float:left;
	margin-right: 0;
	padding-right: 0;
	background:  none;
}
.top-util-menu02 ul li.last {
	float:left;
	margin-right: 0;
	padding-right: 0;
	background:  none;
}

.logo-section{
	position: relative;
	display:inline-block;
	clear: both;
	width:100%;
}
.logo-section-inner{
	width:1200px;
	margin:0 auto;
	text-align:center;
}
.logo-section-inner .top-cs{
	position: absolute;
	top:55px;
	right:0;
}
.logo-section-inner .logo{
	position:absolute;
	left:450px;
	top:30px;
}
.logo-section-inner .top-kakao{
	position: absolute;
	top:30px;
	left:0;
}

#main-menu{
	display:block;
	min-width: 1250px;
	background:#252525;
	z-index:9999;
}
.main-menu-inner {
	position: relative;
	display:inline-block;
	width:1200px;
	height:45px;
	margin: 0 auto;
	background:#252525;
	z-index:9999;
}
.main-menu-inner ul li {
	float: left;
	margin-right:50px;
}
.main-menu-inner ul li.last {
	float: left;
	margin-right:0px;
}

#main-menu2{
	display:block;
	min-width: 1250px;
	z-index:9999;
}
.main-menu-inner2 {
	position: relative;
	display:inline-block;
	width:1200px;
	margin: 0 auto;
	z-index:9999;
}
.main-menu-inner2 ul li {
	float: left;
	margin:0;
	padding:0;
}

.top-inner .main-menu .left-menu {
	float: left;
	padding-top: 10px;
}
.top-inner .main-menu .left-menu ul li {
	float: left;
	margin-right: 6px;
	padding-right: 8px;
	background: url(/img/main/main_menu_line.gif) no-repeat right 2px;
}
.top-inner .main-menu .left-menu ul li.last {
	background: none;
	margin-right: 0;
	padding-right: 0;
}

.top-inner .main-menu .right-menu {
	float: right;
	width: 685px;
	height: 35px;
	padding-top: 15px;
	padding-left: 20px;
	font-family: '³ª´®°íµñ',NanumGothic,'±¼¸²',Gulim,Helvetica,sans-serif;
    font-size: 12px;
    outline: none;
 	background: url(/img/main/right_menu_bg.gif) no-repeat right 2px;
	z-index:9999;
}
.top-inner .main-menu .right-menu ul li {
	float: left;
	margin-right: 14px;
	padding-right: 15px;
	background: url(/img/main/main_menu_line.gif) no-repeat right 2px;
	z-index:9999;
}
.top-inner .main-menu .right-menu ul li.last {
	background: none;
	margin-right: 0;
	padding-right: 0;
	z-index:9999;
}

.tqm {
	width:1200px;
	height:24px;
	margin:0 auto;
	padding-bottom:17px;
	z-index:999;
}
.tqm ul li {
	float:left;
	height:25px;
	margin-right:3px;
	padding:3px 14px;
	background:#fff;
	border:1px solid #ef4f99;
	color:#2c2c2c;
	font-size:13px;
	font-weight:400;
}
.tqm ul li a,a:hover {
	text-decoration:none;
	color:#2c2c2c;
}
.tqm ul li.last {
	margin-right:0;
}



/*--- °Ë»ö¹Ù ---*/
.search-bar{
	position: absolute;
	top:50px;
	right:0px;
	width:310px;
	height:37px;
	border-bottom:2px solid #1a1a1a;
	display:inline-block;
}
.g_window .gbox {
	float: left;
}

.g_window .gbox span {
	display:block;
	width:214px;
	height:30px;
	margin:1px;
	padding:0;
	text-align:left;
}

.g_window .gbox input {
	float:none;
	width:196px;
	margin:5px 10px 10px 8px;
	padding:0;
	border:0;
	font-family: '³ª´®°íµñ',NanumGothic,'±¼¸²',Gulim,Helvetica,sans-serif;
	font-size:15px;
	outline:none;
	color:#000000;
	background-color:#ffffff;
	-webkit-appearance:none;
}

.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;
}

.logo-section-inner .top-submenu{
	float: left;
	margin-top: 115px;
}
.logo-section-inner .top-submenu ul li{
	float: left;
	margin-left: 12px;
	font: bold 12px/160% ±¼¸², gilim;
}
.logo-section-inner .top-submenu ul li.first{
	margin-left: 0;
}
#gnb{
	position:relative;
	width:100%;
	min-width:1200px;
	height:44px;
	z-index:99999;
}
#gnb .gnb-inner{
	width:1200px;
	margin:0 auto;
	border-top:3px solid #ef4f99;
	border-bottom:1px solid #1a1a1a;
}
#gnb .gnb-inner ul li{float:left;}

#gnb2 {
	position:relative;
	width:100%;
	min-width:1200px;
	height:41px;
	z-index:99990;
}
#gnb2 .gnb-inner2 {
	width:1200px;
	margin:0 auto;
	background-color:#eee;
	border-bottom:1px solid #ccc;
}
#gnb2 .gnb-inner2 ul li{float:left;}


#rolling-cate{
	clear:both;
	width:100%;
	min-width:1200px;
	text-align:center;
}
#rolling-cate #rolling-cate-inner{
	width:1200px;
	height:510px;
	margin:0 auto;
}
#rolling-cate #rolling-cate-inner .right-ban {
	float:right;
	width:278px;
}
#rolling-cate #rolling-cate-inner .right-ban ul li {
	float:left;
	clear:both;
	margin-bottom:3px;
}
#rolling-cate #rolling-cate-inner .right-ban ul li.last {
	margin-bottom:0;
}


#contents{
	position:relative;
	width:100%;
	display:inline-block;
	z-index:10;
}
#contents #contents-inner{
	width: 1200px;
	min-height: 300px;
	text-align: center;
	margin: 0 auto;
}
#contents #contents-inner > h4{
	text-align: left;
	margin-top: 10px;
}

#contents .main-cate-contents{
	width:1200px;
	text-align: center;
	margin: 0 auto;
	display:inline-block;
}

#main-cate{
	clear: both;
	width: 100%;
	background-color: #fff;
}
#main-cate #main-cate-inner{
	width: 100%;
	height: 0px;
	text-align: center;
	margin: 0 auto;
}

#contents #contents-inner .main-banner{
	width:1200px;
	height:141px;
	padding:0;
	margin-top:12px;
}

#contents #contents-inner .main-banner ul li{
	float:left;
	margin-left:1px;
}
#contents #contents-inner .main-banner ul li.first{
	margin-left:0;
	margin-right:9px;
}

#contents #contents-inner .main-banner2{
	width:1200px;
	height:94px;
	padding:0;
	margin-top:12px;
	border:3px solid #e1e1e1;
}

#contents #contents-inner .main-banner2 ul li{
	float:left;
	margin:0;
}

.main-notice{
	display:inline-block;
	width:300px;
	height:137px;
	border-top:2px solid #202020;
	border-bottom:2px solid #202020;
	padding:0px;
	margin:0px;
}

.main-notice .up{
	float:left;
	width:100%;
	height:137px;
}
.main-notice .order{
	float: right;
	width: 459px;
	height: 166px;
	padding: 24px 60px 0 60px;
	border: 1px solid #d9d9d9;
	background-color: #fff;
}
.main-notice h3{
	text-align:left;
	padding:5px;
	border-bottom:1px solid #202020;
}
.main-notice .more{
	position:absolute;
	top:19px;
	margin-left:268px;
}
.main-notice ul li{
	display:inline-block;
	width:100%;
	font-size:13px;
	line-height:21px;
}
.main-notice ul li a{
	float:left;
	display:inline-block;
}
.main-notice ul li span.date{
	float:right;
	display:inline-block;
}

#contents #contents-inner .product {
	display: inline-block;
	clear: both;
	width : 100%;
	margin-top: 30px;
	text-align: left;
}
#contents #contents-inner .product h3{
	margin-bottom: 15px;
}
#contents #contents-inner .product .product-banner {
	float: left;
}
#contents #contents-inner .product .product-list {
	float: right;
	width: 890px;
}
#contents #contents-inner .product .main-pro{
	float: left;
	width: 263px;
	height: 339px;
	border: 1px solid #d4d4d4;
	padding: 8px;
	margin-right: 15px;
	margin-bottom: 28px;
}
#contents #contents-inner .product .main-pro .pro-img img{
	width: 264px;
	height: 275px;
}
#contents #contents-inner .product .main-pro .pro-info{
	margin-top: 20px;
	margin-left: 8px;
}
#contents #contents-inner .product .main-pro .pro-info h4{
	font-size: 13px;
	margin-bottom: 7px;
}

/*--- ¸ÞÀηѸµ ---*/
.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-contents{
	width: 1200px;
	clear: both;
	margin: 0 auto;
	position:relative;
}
#main-left-con{
	float: left;
	width: 880px;
	margin-top: 37px;
	margin-left: 10px;
}
#main-left-con .line{
	clear: both;
	height: 45px;
	border-bottom: 2px solid #000;
}
#main-left-con .best-cate{
	clear: both;
	padding-left: 40px;
	padding-top: 45px;
}
#main-left-con .best-cate ul li{
	float: left;
}
#main-left-con .best-cate ul li.space{
	margin-left: 5px;
}
#main-left-con .best-cate ul li 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-right-con{
	float: right;
	width: 280px;
	text-align: left;
	padding-right: 20px;
	margin: 0 0 0 0;
}
#main-right-con h2{
	font: bold 16px/160% µ¸¿ò, dotum, ±¼¸², gulim, arial, sans-serif;
	color: #3366FF;
	line-height: 25px;
	padding-top: 4px;
	border-bottom: 1px solid #333;
}
#main-right-con .data{
	margin-bottom: 0;
}

#main-right-con .data ul li{
	font: bold 16px/25px µ¸¿ò, dotum, ±¼¸², gulim, arial, sans-serif;
}
#main-right-con .guide{
	width: 300px;
	height: 80px;
}
#main-right-con .guide ul li{
	float: left;
	margin-right: 12px;
	padding-right: 23px;
	font: bold 14px/22px µ¸¿ò, dotum, ±¼¸², gulim, arial, sans-serif;
	background: url(/img/main/guide_bg.gif) no-repeat right;
}
#main-right-con .guide ul li.last{
	background: none;
}
#main-right-con .movie{
	clear: both;
	width: 300px;
	height: 200px;
}
#main-right-con .cs-banner{
	margin-top: 20px;
}

#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;
}
#main-left-con .leftmenu{
	float: left;
	padding-left:15px;
}
.leftmenu{
	float: left;
	width: 160px;
}
.leftmenu #menu {
	list-style-type: none;
	width: 160px;
	height: 400px;
	left: 0;
}
.leftmenu #menu li {
	display: block;
	z-index: 1000;
	position: relative;
	text-align:right;
	padding-bottom: 22px;
	zoom: 1;
}
.leftmenu #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;
}

.leftmenu #menu li a:hover {
	color: #CC3300;
}
.leftmenu #menu li.current a {
	font: bold 16px gulim, ±¼¸², "Lucida Grande", "Verdana";
	color: #CC3300;
	padding: 7px 22px 7px 7px;
	line-height: 20px;
}
.leftmenu #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: 258px;
height: 328px;
border: 1px solid #E7E7E7;
}
#main-left-con .main-img{
	float: right;
}

#r-con{
	position: relative;
	width: 1200px;
	min-height: 300px;
	margin: 0 auto;
}
#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;
}

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

}

#bottom{
	position:relative;
	width:100%;
	height:410px;
	clear: both;
}
#bottom .bottom-inner{
	position: relative;
	width: 1200px;
	height: 174px;
	padding-top: 0px;
	margin: 0 auto;
	text-align: center;
}
#bottom .bottom-info{
	width: 1198px;
	background-color: #fff;
	border: 1px solid #CCCCCC;	
	height: 174px
}
#bottom .bottom-info .cs{
	float: left;
	padding: 0px 0 0 0px;
}
#bottom .bottom-info .bank{
	float: left;
	padding: 0px 0 0 0px;
}
#bottom .bottom-info .notice{
	position: relative;
	float: left;
	margin: 30px 0 0 20px;
}
#bottom .up{
	float: left;
	width: 350px;
	height: 110px;
	background-color: #fff;
}

#bottom .up h3{
	text-align: left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d7d7d7;
}
#bottom .up .more{
	position: absolute;
	right: 0;
	top: 0px;
}
#bottom .up ul li{
	width: 100%;
	font-size: 13px;
	line-height: 22px;
	text-align: left;
}
#bottom .up ul li a{
	float: left;
	display: inline-block;
	min-width: 180px;
}
#bottom .up ul li span.date{
	float: right;
	display: inline-block;
}

#copy{
	clear:both;
	width:100%;
	min-width:1200px;
	position:relative;
	text-align:center;
	padding-bottom:10px;
	margin-top:40px;	
}

#copy .copy-inner{
	width:1200px;
	margin:0 auto;
	padding-top:16px;
	border-top:4px solid #ef4f99;
	display:inline-block;
}
#copy .copy-inner .bottom-logo{
	float:left;
	width:308px;
	padding-right:1px;
	background:url(/img/bottom-dot.gif) no-repeat right;
}
#copy .copy-inner .bottom-bank{
	float:left;
	width:308px;
	padding-right:1px;
	background:url(/img/bottom-dot.gif) no-repeat right;
}
#copy .copy-inner .bottom-util{
	float: left;
	width: 326px;
	height: 14px;
	padding-top: 30px;
	padding-left: 30px;
}
#copy .copy-inner .bottom-util ul li{
	float: left;
	margin-right: 20px;
}
#copy .copy-inner .copyright{
	float:left;
	font-size:11px;
	font-family:dotum, gulim;
	color:#898989;
	width:580px;
	line-height:16px;
	text-align:left;
}
#copy .copy-inner .esc{
	position:absolute;
	top:200px;
	margin-left:1000px;
	margin-bottom:10px;
}
#copy .copy-inner .family-link{
	float:left;
	width:800px;
	margin-top:50px;
	margin-left:100px;
	display:inline-block;
}
#copy .copy-inner .family-link ul {clear:both; display:inline-block;}
#copy .copy-inner .family-link ul li{
	float:left;
	list-style:none;
	vertical-align:middle;
	margin-right:90px;
}
#copy .copy-inner .family-link ul li.last{
	float:left;
	margin-right:0;
}
/*--- ÁÂÃø¹è³Ê ---*/

.quick-banner{
	width: 1220px;
	position: relative;
	margin: 0 auto;
	z-index: 999;
}

.L_banner{
	position: absolute;
	left: -155px;
	top: 200px;
}
.L_banner li {
	display: block;
	z-index: 1000;
	position: relative;
	text-align:right;
	zoom: 1;
}
.L_banner 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_banner li a:hover {
	color: #CC3300;
}
.L_banner li.current a {
	font: bold 16px gulim, ±¼¸², "Lucida Grande", "Verdana";
	color: #CC3300;
	padding: 7px 22px 7px 7px;
	line-height: 20px;
}
.R_banner01{
	position: absolute;
	right: 0px;
	top: 152px;
}
.R_banner01 ul li.top{
	margin-top: 0;
}
.R_banner02{
	position: absolute;
	right: -110px;
	top: 295px;
}
.R_banner02 ul li{
	margin-top: 5px;
}
#floater ul li.down{
	margin-top: 0;
	font-size: 0;
}
#cTop ul li.down{
	margin-top: 0;
	font-size: 0;
}
#floater {
	position: absolute; 
	visibility: visible;
	padding-top: 10px;
}

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: 1200px;
	height: 25px;
	text-align: right;
	border-bottom: 1px solid #999;
	margin: 15px auto 15px auto;
}
#r-con .location ul{
	float: right;
}

#r-con .location ul li{
float: left;
margin-left: 7px;
padding-left: 9px;
background: url(/img/main/location_arrow.gif) no-repeat left 1px;
}
#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 #e2e2e2;
}
#r-con .etc-wrap {
	width: 1200px;
}
#r-con .etc-wrap td {
	text-align: left;
}

table.cata td {
	text-align: left;
	padding-left: 10px;
}
#r-con .etc-wrap .etc-con {
	padding:10px;
	text-align:left;
	font:14px/20px NanumGothic, dotum, gulim;
	color:#707070;
	clear:both;
}
.etc-con .h1 {
	font:24px NanumGothic, dotum, gulim;;
	font-weight:bold;
	color:#252525;
	margin-bottom:8px;
	clear:both;
}



.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;
}