﻿/* ------------------------------------------------------------
 * Name      : layout.css
 * Desc      : GIGSHOPPING Layout
 * Created   : 2012/04/03 GIGAKOREA by jinhwan,kim
 * Updated   : 2014/06/26 쇼핑몰 상단 레이아웃 변경
 ------------------------------------------------------------ */
@charset "utf-8";

/*###########################################################################################
#############################공통 레이아웃###################################################
#############################################################################################*/
body {
	background-color: #fff;
	margin:0;
	padding:0;
	font-size: 0.75em;
	color: #333;
}


section {
	margin:0;
	padding:0;
}
#wrap {
	position:relative;
	width:1280px;
	text-align:left;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	/*background-image: url(/ggHTML5/images/shadow.png);
	background-repeat: repeat-y;*/
	background-color:#fff;
	min-height:800px;
}

#containerArea {
	position:relative;
	margin:0px;
	min-height:665px;
}

/*###########################################################################################
#############################상단영역 레이아웃###############################################
#############################################################################################*/
#topWrap {
	width:100%;
}
#ttopArea {
	height:29px;
	background:url(/ggHTML5/images/shop_top/shop_ttop_bg.gif) repeat-x;
}
#ttopCnt {
	padding:0;
	height:28px;
	width:1130px;
	margin:0 auto;
}

/*상단공통 네비게이션 부분*/
#ttopNavl{
	height:17px;
	margin-top:6px;
	text-align:left;
	float:left;
	min-width:300px;
	color:#ffffff;
	font-size:12px;
}
#ttopCnt #ttopNavl .info01 {color:#ff4400; letter-spacing:-0.5px;}
#ttopCnt #ttopNavl .info02 {color:#403c3c; letter-spacing:-0.5px;}
#ttopCnt #ttopNavl .bg01 {
	display:inline-block;
	margin-left:3px;
	padding-right:7px;
	background:url(/ggHTML5/images/shop_top/shop_ttop_infobg.png) 100% center no-repeat;
}
#ttopCnt #ttopNavl .info03 a { border-right:1px solid #CCCCCC; }
#ttopCnt #ttopNavl .info03 a,
#ttopCnt #ttopNavl .info04 a {
	display:inline-block;
	padding:0 5px;
	color:#403c3c;
	letter-spacing:-0.5px;
}
#ttopCnt #ttopNavl .bg01 span {
	display:inline-block;
	height:15px;
	padding-top:2px;
	padding-left:7px;
	background:url(/ggHTML5/images/shop_top/shop_ttop_infobg.png) 0 center no-repeat;
	font-family:Arial;
}
#ttopNav {
	margin-top:8px;
	float:right;
}
#ttopNav ul li {
	margin:0;
	padding:0;
	display:inline;
	text-align:right;
	height:12px;
	width:auto;
	margin-left:10px;
	font-size:12px;
	color:#fff;
}
#topsearchArea .dsc {
	float:right;
	width:124px;
	height:86px;
}
.langeselect {
	float:right;
	margin:0 0 0 20px;
	margin-top:2px;
	margin-top:5px\9;/*익스전용핵*/
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}
.languageSelect select {
	margin-left:10px;
	border:1px solid #e41e26;
	background:#e41e26;
	color:#fff;
}
/*최상단 컬러선택박스*/
#topWrap #colorbox {
	float:right;
	height:auto;
	width:auto;
	padding:6px 1px 1px 0;
	text-align:right;
}
#topWrap #colorbox a,
#topWrap #colorbox ul li {
	margin:0px;
	padding:0px;
}
#topWrap #colorbox .colorsetbox {
	float:left;
	width:16px ; 
	height:16px;
	margin:0 1px;
	border:0px solid #FFF;
	border-radius:8px;
	cursor:pointer;
}
#topWrap #colorbox span {
	display:none;
}
#topWrap #colorbox #colorsetboxclose {
	float:right;
}
#topWrap #colorbox .btncloseColorsettxt {
	font-size:11px;
	width:16px ; 
	height:16px;
	background-color:#fff;
	background-image:url(/ggHTML5/images/popup/icon_close2.gif);
	background-repeat:no-repeat;
	background-position:center center;
	border:2px solid #fff; 
	cursor:pointer ;
}
#topWrap #colorbox .btncloseColorset { 
	height:18px; 
	width:18px;
	background:url(/ggHTML5/images/popup/icon_close.png) no-repeat center center; 
	border:none; 
	cursor:pointer; 
}



/*상단 검색영역부분*/
#ttopArea02 {
	height:29px;
	background-color:#f2f2f2;
	height:auto;
}
#topsearchArea {
	position:relative;
	height:90px;
	width:1130px;
	margin:0 auto;
	text-align:center;
}
#topsearchArea h1, #copyright h1 {
	display:block;
	float:left;
	text-align:right;
	height:55px;
	max-width:200px;	
	margin:17px 55px 0 0;
	overflow:hidden;
}
#topSearch {
	position:relative;
	float:left;
	width:489px;
	height:40px;
	margin-top:25px;	
	text-align:left;
}
#topSearch .topSearchinput {
	height:30px;
	width:400px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:1px;
	background:#FFF;
	font-size:14px;
	line-height:14px;
}
#topSearch .topsearchBtn {
	height:14px;
	* height:42px; /*ie 7 전용*/
	width:63px;
	padding-top:16px;
	padding-top:17px \9;/*익스전용핵*/
	padding-bottom:26px;
	padding-bottom:25px \9;/*익스전용핵*/
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	border:0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* ie10, ie11+ */
	#topSearch .topsearchBtn {
		height:14px;
		width:63px;
		padding-top:17px;
		padding-bottom:25px;
		font-size:14px;
		line-height:14px;
		font-weight:bold;
		border:0;
	}
}
/* 자동연관검색어부분*/
#topWrap #topsearchArea #topSearch #autosearchbox {
	position:absolute;
	z-index:10;
	top:39px;
	left:3px;
	width:398px;
	width:399px\9;/*익스전용핵*/
	background-color:#FFF;
	border:1px solid #CCC;
	padding:5px;
}

#topWrap #topsearchArea #topSearch #autosearchbox span {
	display:block;
	padding:5px 0;
}
#topWrap #topsearchArea #topSearch #autosearchbox span:hover { background-color:#F5F5F5; }
#topWrap #topsearchArea #topSearch #autosearchbox span a {
	color:#3d3d3d;
	font-family:Dotum;
	font-size:12px;
	line-height:12px;
}
/*장바구니부분*/
#topsubNav {
	float:right;	
	position:relative;
	margin-top:35px;	
	height:21px;	
	line-height:20px;
	width:260px;
}
#topsubNav a {
	height:20px;
	padding:5px;
	color: #555;
}
#topsubNav ul {	font-size:12px; }
#topsubNav ul li {
	float:right;
	margin:0;
}

#topsubNav ul .cart .img {
	float:left;
	padding:2px 4px 18px 10px;
	margin-top:-13px;
	margin-right:-15px;
	background:url(/ggHTML5/images/shop_top/topmu_icon_cart.png) no-repeat;
	width:27px;
	height:11px;
	text-align:center;
	font-size:11px;
	line-height:11px;
	font-weight:bold;
	color:#e31d23;
	font-family:Arial;
}
#topsubNav ul .topsubNavcolor {
	margin-top:0px;
}

#topsubNav ul .dsc {
	position: absolute;
	top: -35px;
	left: 210px;
}
/*TOP 주메뉴*/

#topWrap #topMenu {
	margin:0 auto;
	height:40px;
	text-align:center
}
#topmuNav {
	height:27px;
	width:1280px;
	margin:0 auto;
	padding-top:13px;	
}
#topmuNav ul li {
	float: none;
	display:inline;
	font-size:12px;
}
#topmuNav ul{
	height:15px;
	width:1260px;
	margin:0 auto;
	text-align:center;
	letter-spacing:-1px;
}
#topmuNav ul a {
	padding:0 7px;
	color: #fff;
}
#topmuNav .topMuline{
	margin-top:2px;
}






/*###########################################################################################
#############################FOOTER 레이아웃###################################################
#############################################################################################*/


footer {
	margin:0px;
	padding:0px;
}


/*아이콘배너링크*/
#footerArea {
	clear:both;
	border-top:1px solid #d8d8d8;
}
#bannerArea {
	height:70px;
	width:100%;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
}

#footerBannerlink {
	height:70px;
	width:1280px;
	margin:0 auto;
	/*padding-left:50px;*/
}
#footerBannerlink ul  {
	float:left;
	height:70px;
	width:auto;
}
#footerBannerlink ul li {
	padding:5px 13px;
	float:left;
}

#footerBannerlink .footerbannerLeft, #footerBannerlink .footerbannerRight{
	float:left;
	padding:5px 13px;
	margin-top:15px;
}
#footerMobilea {
	float:right;
	margin-top:5px;
	height:60px;
	width:60px;
}

.icon{
	position:absolute;
	/*background-color:#abc;*/
	border:1px;
	width:80px;
}
.customArea{
	position:absolute;
}
.footerbannerLeft{
	position:absolute;
}
.footerbannerRight{
	position:absolute;
}


/*카피라이터부분*/
#copyright {
	width:1280px;
	margin:0 auto;
	height:60px;
	padding:10px 0 20px 0;
}
#footerArea #copy {
	float:left;
	padding-top:15px;
	width:850px;
	color:#9d9d9d;
	line-height:18px;
}





/*###########################################################################################
#############################상품 클릭 서브페이지 레이아웃###################################
#############################################################################################*/
#containerAreaSub {
	padding:20px 60px 50px 60px;
	min-height:665px;
	
}

/*서브페이지*/
#subcntArea {
	float:right;
	width:920px;
	min-height:1000px;
}

#subcntAreasearch {
	float:left;
	width:100%;
	min-height:1000px;
}


/*왼쪽메뉴*/
#leftSubnav {
	float:left;
	width:180px;
	/*border:2px solid #c41f19; ------colorstyle.css로분류*/
	border-radius:5px;
	padding:2px 3px 0 3px;
}
#leftSubnav #leftSubnavtit {
	height:27px;
	padding-top:13px;
	/*background:#c41f19; ------colorstyle.css로분류*/
	border-radius:5px;
	text-align:center;
	font-family:NanumGothicBold;
	font-size:14px;
	color:#fff;
}

#leftSubnav ul{
}

#leftSubnav ul li {
	height:17px;
	padding:13px 13px 13px 13px;
	font-family:NanumGothicBold;
	font-size:13px;
	border-bottom:1px solid #dbdbdb;
}

#leftSubnav ul li a{ color:#4c4b4b; }
#leftSubnav ul li a:hover {
	/*color:#c41f19; ------colorstyle.css로분류*/
}

#leftSubnav .leftnavmu {
	float:left;
	width:130px;
}
#leftSubnav .leftnavicon {
	float:right;
	font-size:10px;
	margin:0;
	padding:0;
	/*color:#c41f19; ------colorstyle.css로분류*/
}

/*현재 위치 카테고리 표시*/
#subcntArea #subcategoryListing {
	height:25px;
	width:920px;
}
#subcategoryListing li {
	display:inline;
	float:left;
}
#subcntArea #subcategoryListing li a{
	color:#666;
	padding-right:10px;
	line-height:25px;
}



/*상품기본정보 영역###########################################################*/

#subGoodsinformationArea {
	height:auto;
	margin-top:10px;
}

/*서브페이지 상품 이미지 부분*/

#subcntArea #subGoodsimgs {
	float:left;
	height:auto;
	width:302px;
}

#subcntArea #subGoodsimgs #subGoodsimgmain {
	float:left;
	text-align:center;
	height:300px;
	width:300px;
	border:1px solid #b9b9b9;
}
#subcntArea #subGoodsimgs #subGoodsimgs01{
	float:left;
	text-align:center;
	height:95px;
	width:95px;
	border:1px solid #b9b9b9;
	margin-top:5px;
}
#subcntArea #subGoodsimgs #subGoodsimgs02, #subGoodsimgs03{
	float:left;
	text-align:center;
	height:95px;
	width:95px;
	border:1px solid #b9b9b9;
	margin:5px 0 0 5px;
}

/*상품 정보 */
#subcntArea #subgoodsinfo {
	float:right;
	height:auto;
	width:605px;
 }
#subcntArea #subgoodsinfo h2 {
	height:39px;
	padding:14px;
	background:url(/ggHTML5/images/sub/sub_goods_manebg.png) repeat-x center center;
	line-height:20px;
	font-family:Dotum;
	font-size:16px;
	color:#333;
	overflow:hidden;
	border-top:1px solid #d1d1d1;
	border-bottom:2px solid #d1d1d1;
}
/*상품정보-테이블관련*/
#subcntArea #subgoodsinfo #subGoodspricearea, #subGoodsinfo01area, #ordernumArea, #orderpriceSum {
	padding:10px 15px;
	border-bottom:1px solid #d1d1d1;
}
#subcntArea #subgoodsinfo #subGoodspricearea, #subGoodsinfo01area, #ordernumArea, #orderoption {
	padding:10px 15px;
	border-bottom:1px solid #d1d1d1;
}
#subcntArea #subgoodsinfo #subGoodspricearea th, #subGoodsinfo01area th,#ordernumArea th, #orderpriceSum th, #orderoption th {
	min-height:30px;
	width:120px;
	color:#000;
	font-size:14px;
}

#subcntArea #subgoodsinfo #subGoodspricearea td {
	min-height:30px;
	width:455px;
}
#subcntArea #subgoodsinfo #subGoodsinfo01area td, #ordernumArea td {
	font-family:Dotum;
	font-size:14px;
	color:333;
	min-height:30px;
	/*
	width:475px;
	*/
}

#subGoodspricearea .tableTansparent tr td .price01 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:25px;
	line-height:30px;
	color:#ff3600;
	letter-spacing:-1px;
}
#subGoodspricearea .tableTansparent tr td .price02 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	line-height:20px;
	color:#333;
	letter-spacing:-1px;
}

/*상품정보-주문수량*/
ordernumArea .tableTansparent tr td #ordernum {
	height:20px;
	width:80px;
}

/*상품정보-판매금액(수량)*/
#orderpriceSum td {
	font-family:Dotum;
	font-size:14px;
	color:#ff3600;
	min-height:30px;
	width:495px;
}
#orderpriceSum .tableTansparent tr th .ordermuntit { font-size:12px; }
#orderpriceSum .tableTansparent tr td .orderSumdata {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	line-height:30px;
	letter-spacing:-1px;
}
#orderpriceSum .tableTansparent tr td .orderNumdata { font-weight:bold }

/*구매 장바구니 버튼영역*/
#btnActionordercart {
	text-align:center;
	padding:20px 0;
}

#btnActionordercart #ordernow {
	background-image:url(/ggHTML5/images/sub/sub_btnicon_ordernow.png);
	background-repeat:no-repeat;
	background-position:15px center;
}

#btnActionordercart #ordercart {
	margin-left:20px;
	background-image:url(/ggHTML5/images/sub/sub_btnicon_ordercart.png);
	background-repeat:no-repeat;
	background-position:15px center;
}


/*상품상세정보 영역###########################################################*/

/*서브페이지 컨텐츠 탭부분*/
#goodsDetailinformation #subcontentsTab {
	margin-top:30px;
	/*border-bottom:1px solid #a30907; ------colorstyle.css로분류*/
	margin-bottom:10px;
}
#subcontentsTab ul {
	height:31px;
	width:920px;
}

#goodsDetailinformation #subcontentsTab li {
	float:left;
	height:27px;
	width:224px;
	margin-right:2px;
	background:#b5b5b5;
	border:2px solid #ccc;
	line-height:27px;
	text-align:center;
	font-family:Gulim;
	font-size:13px;
	font-weight:bold;
	color:#fff;
}
#goodsDetailinformation #subcontentsTab li a{
	color:#fff;
}
#goodsDetailinformation #subcontentsTab ul li .subcnttabon{
	/*background:#c41f19;
	border:2px solid #ffc1bf; ------colorstyle.css로분류*/
}



/*상품평& 상품문의#########################################################*/

#goodsValuationArea .tableguestGrey .trforth .cell05 {
	background-image:none;
}

#goodsValuationArea .tableguestGrey tr .cell02 {
	text-align:left;
}

#goodsValuationArea tr .tdforcnt {
	background-color:#f6f6f6;
	padding-top:10px;
}
#goodsValuationArea #goodsValuationcnt {
	padding:10px 30px;
	width:750px;
	float:left;
	text-align:left;
}
#goodsValuationArea #goodsValuationcnt dl dt {
	font-weight:bold;
}

#goodsValuationArea #btnclose {
	float:right;
}


#goodsValuationArea #btnValuationwrite {
	margin-top:10px;
	height:30px;
	text-align:right;
}


/*반품배송안내##################################################################*/

#deliveryreturnArea #deliveryArea {
	min-height:150px;
	border:1px solid #d8d8d8;
}

#deliveryreturnArea #returnArea {
	margin-top:30px;
	min-height:150px;
	border:1px solid #d8d8d8;
}

#deliveryreturnArea #deliveryArea #deliveryAreatit, #returnAreaAreatit {
	height:28px;
	padding-left:5px;
	background-color:#f5f5f5;
	line-height:28px;
	font-family:NanumGothicBold;
	font-size:14px;
	border-bottom:1px solid #d8d8d8;
}

#deliveryArea #deliverytxt, #returnAreatxt {
	padding:15px;
}

#returnArea #returnAreatxt dl dt {
	font-weight:bold;
	padding:10px 0;
}



#returnArea #returnAreatxt dl dd {
	line-height:20px;
}







/*###########################################################################################
#############################카테고리 클릭 서브페이지 레이아웃###############################
#############################################################################################*/

#categoryGoodsum {
	height:25px;
	border-bottom:1px solid #dfdfdf;
	font-family:dotum;
	font-size:14px;
	color:333;
}
#categoryGoodsum span {
	font-weight:bold;
}

.categoryGoodsinfoview {
	float:left;
	height:320px;
	width:203px;
	margin:25px 25px 0 0;
}

.categoryGoodsinfoview .categorygoodsimg {
	height:200px;
	width:200px;
	border:1px solid #dfdfdf;
	text-align:center;
}

.categoryGoodsinfoview .newwindow {
	float:left;
	height:18px;
	width:60px;
	padding:7px 0 0 36px;
	border-left:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	background-image:url(/ggHTML5/images/sub/sub_category_icon_newwindow.png);
	background-repeat:no-repeat;
	background-position:20px center;
	font-size:12px;
	color:#666;
}
.categoryGoodsinfoview .inputcart {
	float:left;
	height:18px;
	width:67px;
	padding:7px 0 0 36px;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	background-image:url(/ggHTML5/images/sub/sub_category_icon_cart.png);
	background-repeat:no-repeat;
	background-position:20px center;
	font-size:12px;
	color:#666;
}

.categoryGoodsinfoview .newwindow a, .categoryGoodsinfoview .inputcart a {
	height:auto;
	width:100%;
	color:#666;
}

.categoryGoodsinfoview .goodsinformation .categinfogoodsname {
	height:32px;
	width:200px;
	line-height:17px;
	margin:10px 0 5px 0;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	color:#666;
}

.categoryGoodsinfoview .goodsinformation .categinfogoodsprice01, .categoryGoodsinfoview .goodsinformation .categinfogoodsprice02 {
	padding:5px 0;
	overflow:hidden;
	font-size:13px;
	color:#191919;
}

.categoryGoodsinfoview .goodsinformation .categinfogoodsprice01 span {
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	color:#191919;
	
}

#subGoodsinformationArea #subcategoryGoodsmoreview {
	clear:both;
	margin:30px 0;
	text-align:center;
	padding:5px 0;
	border-top:2px solid #999;
}


#subGoodsinformationArea #subcategoryGoodsmoreview a{
	border:1px solid #666;
	border-radius:3px;
	background:#666;
	padding:5px 10px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	
}





/*###########################################################################################
#############################고객센터 레이아웃###############################################
#############################################################################################*/
#customercenterArea {
	float:right;
	width:920px;
	min-height:665px;
}


#customercenterTitle {
	font-family:NanumGothicBold;
	font-size:20px;
	border-bottom:2px solid #333;
	line-height: 26px;
	/*color:#c41f19; ------colorstyle.css로분류*/
}

#customercenterArea #customercenterCnt {
	width:920px;
	margin-top:10px;
}

#customercenterArea #customercenterCnt .cell01 {
	width:50px;
}
#customercenterArea #customercenterCnt .cell02 {
	width:755px;
	text-align:left;
}
#customercenterArea #customercenterCnt .cell03 {
	width:50px;
	background-image:none;
}

#customercenterArea tr .tdforcnt {
	background-color:#f6f6f6;
	padding-top:10px;
}
#customercenterArea #customercenterView {
	padding:10px 30px;
	width:750px;
	float:left;
	text-align:left;
}
#customercenterArea #customercenterView dl dt {
	font-weight:bold;
}

#customercenterArea #btnclose {
	float:right;
}





/*###########################################################################################
#############################장바구니 레이아웃###############################################
#############################################################################################*/


/*장바구니순서표시*/
#cartMethod {
	width:100%;

}
#cartMethodnum {
	background:#f2f2f2;
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	height:70px;
	width:100%;
	border-left:1px solid #cfcfcf;
}
#cartMethodnum li {
	float:left;
	height:60px;
	width:375px;
	padding:5px 5px;
	border-right:1px solid #cfcfcf;
	font-family:NanumGothic;
	font-weight:bold;
}
#cartMethodnum .turn01 {
	background-image:url(/ggHTML5/images/order/cartturn01.png);
	background-repeat:no-repeat;
	background-position:center center;
}
#cartMethodnum .turn02 {
	background-image:url(/ggHTML5/images/order/cartturn02.png);
	background-repeat:no-repeat;
	background-position:center center;
}
#cartMethodnum .turn03 {
	background-image:url(/ggHTML5/images/order/cartturn03.png);
	background-repeat:no-repeat;
	background-position:center center;
}
#cartMethodnum .turn01on{
	background-color:#ffa800;
	background-image:url(/ggHTML5/images/order/cartturn01on.png);
	background-repeat:no-repeat;
	background-position:center center;
}
#cartMethodnum .turn02on{
	background-color:#ffa800;
	background-image:url(/ggHTML5/images/order/cartturn02on.png);
	background-repeat:no-repeat;
	background-position:center center;
}
#cartMethodnum .turn03on{
	background-color:#ffa800;
	background-image:url(/ggHTML5/images/order/cartturn03on.png);
	background-repeat:no-repeat;
	background-position:center center;
}
#memjoiinMethodnum #methodnumber {
	float:left;
	width:100%;
	font-size:14px;
}
#cartMethodnum #methodtxt {
	float:left;
	width:100%;
	margin-top:10px;
	font-size:20px;
}


/*장바구니목록테이블*/
#carttableArea{
	/*margin-top:30px;*/
}

#carttableArea table {
	width:1160px;
}
#carttableArea table th {
	background-image:url(/ggHTML5/images/table_th_bg_grey.png);
	background-repeat:repeat-x;
	border-right:1px groove #CCC;
}
#carttableArea table th, #carttableArea table td {
	padding:0 5px;
	font-size:14px;
	border:1px solid #E7E7E7;
}
#carttableArea table .cell01 {
	width:10px;
}
#carttableArea table .cell02 {
	width:40px;
}
#carttableArea table .cell03 {
	width:100px;
}
#carttableArea table td.cell03 {
	padding :5px;
}
#carttableArea table .cell04 {
	width:180px;
}
#carttableArea table td.cell04 {
	text-align:left;
	vertical-align:top;
	padding:15px 5px;;
}
#carttableArea table td.cell04 textarea{
	height:80px;
	width:180px;
	overflow:hidden;
	border:none;
	font-size:14px;
}
#carttableArea table .cell05 {
	width:90px;
}
#carttableArea table .cell06 {
	width:100px;
}
#carttableArea table .cell06 input.spinercontrol {
	height:16px;
	width:50px;
}
#carttableArea table .cell07 {
	width:90px;
}
#carttableArea table .cell08 {
	width:140px;
}
#carttableArea table .cell09 {
	width:190px;
}
#carttableArea table .cell10 {
	width:90px;
}
#btnChoicedecide {
	margin:10px;
	text-align:right;
}
	
/*주문합계정보테이블*/
#orderSumdata {
	margin-top:30px;
}
#orderSumdata table th, #orderSumdata td{
	border:1px solid #fff;
	border-collapse:collapse;
}
#orderSumdata th {
	background-color:#cee0eb;
	text-align:center;
	font-size:16px;
	color: #2F84AC;
}
#orderSumdata td {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#000;
}
#orderSumdata td.cell04 {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#F00;
}
#orderSumdata th.cell02 {
	background-image:url(/ggHTML5/images/order/ordersum_icon_plus.png);
	background-repeat:no-repeat;
	background-position:right center;
}
#orderSumdata th.cell03 {
	background-image:url(/ggHTML5/images/order/ordersum_icon_sum.png);
	background-repeat:no-repeat;
	background-position:right center;
}

#shoppincartInformation {
	padding:10px 20px;
	border:1px solid #ccc;
	border-radius:5px;
}
#shoppincartInformation dt {
	font-family:NanumGothicBold;
	font-size:14px;
	margin:10px 0;
}
#shoppincartInformation dd {
	font-size:12px;
	color:#999;
	line-height:20px;
}

#btnOrderaction {
	margin:20px 0;
	text-align:center;
}
#btnOrderaction input{
	width:150px;
	padding:10px 20px;
	text-align:center;
}

/*###########################################################################################
#############################주문결제 레이아웃###############################################
#############################################################################################*/



#orderPersoninfo th, #orderDeliveryinfo th, #orderPayinfo th {
	width:150px;
}

#orderPayinfo p.stxtintable {
	line-height:20px;
}

#orderPayinfo #orderPaytable .goodsName {
	font-weight:bold;
	color:#000;
}
#orderPayinfo #orderPaytable .gpoint input {
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}
#orderPayinfo #orderPaytable .goodsPaysum {
	font-weight:bold;
	font-size:14px;
	color: #F00;
}

/*결제완료후 결제 확인*/
#paymentInformation {
	height:50px;
	margin:20px 0 10px 0;
	padding:20px 0;
	text-align:center;
	font-family:NanumGothicBold;
	font-size:22px;
	line-height:50px;
	font-weight:bold;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}
#paymentInformation .name {
	height:50px;
	margin:20px 0;
	text-align:center;
	font-size:24px;
	line-height:50px;
	font-weight:bold;
	color:#F60;
}
#paymentDatainfo {
	margin-bottom:10px;
}
#paymentDatainfo th.cell01, #paymentDatainfo th.cell02 {
	width:130px;
}
#paymentDatainfo td.cell01, #paymentDatainfo td.cell02 {
	width:400px;
}

#orderPayfintable .payway {
	font-weight:bold;
	color:#000;
}

#orderPayfintable .goodsPaysum {
	font-weight:bold;
	font-size:14px;
	color: #F00;
}




/*==========2014.02 GNB 메뉴 리뉴얼버전==============*/
#topWrap {
	width:100%;
	background:none;
}
/*GNB메뉴관련*/
.gnbSection {
	width:1020px;
	margin:0 auto;
	height:49px;
	text-align:left;
}
.gnbIndex {
	position:relative;
	height:49px;
	padding-top:11px;
	background:#e31e27;
}

.gnbmenu01 {
	width:495px;
}
.gnbmenu01 li{
	float:left;
	height:12px;
	text-align:center;
	padding:16px 16px 21px ;
	background:url(/ggHTML5/images/login/mu_leftbg.png) 100% 15px no-repeat;
}
.gnbmenu01 a .on span {
	display:block;
	height:20px;
	border-bottom:2px solid #e41e26;
}
.gnbmenu01 a .on {
	background-color:#FFF;
	background-image:url(/ggHTML5/images/login/mu_on_leftbg.png);
	background-position:100% bottom;
	background-repeat:no-repeat;
}


/*로그인 처리 영역 부분 관련 시작*/
.loginSection {
	position: relative;
	float: right;
	width: 525px;
	height: 49px;
}
.gnbSection .loginSection .findid {
	float:left;
	width:64px;
	margin-top:17px;

}
.gnbSection .loginSection .findpw {
	float:left;
	width:68px;
	margin-top:17px;

}
.loginSection .loginArea .loginbtn {
	float:left;
}
.loginSection .loginArea .membtn {
	float:left;
	margin-left:0px;
}
.loginSection .loginArea {
	float:left;
	width:381px;
	height:28px;
	margin:8px 0 0 12px;
	background:url(/ggHTML5/images/login/gnb01_login_bg.png) no-repeat;
}

.loginSection .loginArea .idArea {
	float:left;
	width:77px;
	height:28px;
	padding-left:42px;
	background:url(/ggHTML5/images/login/gnb01_login_id.png) 5px center no-repeat;
}
.loginSection .loginArea .idArea input {
	width:70px;
	height:22px;
	margin-top:1px;
	border:1px solid #e41e26;;
	background:#e41e26;
	color:#FFF;
}

.loginSection .loginArea .pwArea {
	float:left;
	width:73px;
	height:28px;
	padding-left:46px;
	background:url(/ggHTML5/images/login/gnb01_login_pw.png) 5px center no-repeat;
}

.loginSection .loginArea .pwArea input {
	width:70px;
	height:22px;
	margin-top:1px;
	border:1px solid #e41e26;;
	background:#e41e26;
	color:#FFF;
}

/*로그인 후 관련 */

.loginSection .logoutArea {
	float: right;
	width: 513px;
	height: 30px;
	margin: 8px 0 0 12px;
	text-align: right;
	color: #FFF;
	font-family: Dotum, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.loginSection .logoutArea .logoutbtn {
	float:right;
	width:62px;
	height:30px;
}
.loginSection .logoutArea .editorbtn {
	float:right;
	width:62px;
	height:30px;
	margin-left:2px;
}
.loginSection .logoutArea .name {
	float:right;
	width:auto;
	height:20px;
	margin-right:10px;
	margin-top:7px;
}

.loginSection .logoutArea .point {
	float:right;
	width:auto;
	height:20px;
	margin-right:10px;
	margin-top:7px;
}
.loginSection .logoutArea .personalnotice {
	float:right;
	min-width:100px;
	height:20px;
	margin-right:10px;
	margin-top:7px;
}

.loginSection .logoutArea .name img,
.loginSection .logoutArea .point img,
.loginSection .logoutArea .personalnotice img {
	margin-right:5px;
}

.loginSection .logoutArea .name span,
.loginSection .logoutArea .point span,
.loginSection .logoutArea .personalnotice span {
	font-weight:bold;
}
/*브라우저기준 오른쪽 항상 고정되있는 네비*/
.rightlayerArticle {
	position:absolute;
	width:63px;
	top:242px;
	left:100%;
	margin-left:-63px;
	text-align:right;
	z-index:10000;
}

.rightlayerArticle li img {vertical-align:top;}

/*-- 20140430 최상단 닫기 영역추가 시작--*/
#popuptit {
	height:25px;
	background:#7f0c1b;
	background-repeat:repeat-x;
	padding:2px 5px;
	font-size:16px;
	color:#fff;
}
.btnpopClose {
	float:right;
	height:23px;
	width:23px;
	background:url(/ggHTML5/images/popup/popup_btn_close.png) no-repeat;
	border:none;
	cursor:pointer;
}
/*-- 20140430 최상단 닫기 영역추가 끝--*/