@charset "utf-8";
/* ------------------------------------------------------------
 * Name      : layout.css
 * Desc      : GIGSNS Default
 * Created   : 2012/06 GIGAKOREA by jinhwan,kim
 * Updated   :
 ------------------------------------------------------------ */

@font-face { font-family:'NanumGothic';     
             src:url('/ggHTML5/font/NanumGothic.eot');             
	         src:local('☺'), url('/ggHTML5/font/NanumGothic.woff')  format('woff'), 
             url('/ggHTML5/font/NanumGothic.ttf') format('truetype');  
}

@font-face { font-family:'NanumGothicBold';     
             src:url('/ggHTML5/font/NanumGothicBold.eot');             
	         src:local('☺'), url('/ggHTML5/font/NanumGothicBold.woff')  format('woff'), 
             url('/ggHTML5/font/NanumGothicBold.ttf') format('truetype');  
}

body {
	background-color: #fff;
	margin:0;
	padding:0;
	font-family:Gulim, Dotum, Arial, Helvetica, AppleGothic, sans-serif;
	font-size: 0.75em;
	line-height: 1.2em;
	color: #333;
	
	/* 스클롤바 모양 변경*/
	
	SCROLLBAR-FACE-COLOR: #fff;
	SCROLLBAR-HIGHLIGHT-COLOR: #999;
	SCROLLBAR-SHADOW-COLOR: #999;
	SCROLLBAR-3DLIGHT-COLOR: #fff;
	SCROLLBAR-ARROW-COLOR: #999;
	SCROLLBAR-TRACK-COLOR: #fff;
	SCROLLBAR-DARKSHADOW-COLOR: #fff;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, p, h1, h2, h3, ul, li, ol, p, dt, dd { 
	display:block;
	margin:0;
	padding:0;
}
footer {
	clear:both;
}
ul, ol, dl {
	list-style:none;
}
a { text-decoration:none; }
img { border:none; vertical-align:middle; }
figure { padding:0; margin:0; }
figcaption { display:none }
iframe {
	border:none;
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}
h2.subtitle {
	height:30px;
	margin:20px 0 10px 0;
	padding-left:10px;
	background-image:url(../images/bullit_sub_title.png);
	background-repeat:no-repeat;
	background-position:left center;
	font-family:NanumGothicBold;
	font-size:18px;
	line-height:30px;
	color:#000;
	/*border-top:2px solid #333;*/
	border-bottom:2px solid #333;
}
.bold {
	font-weight:bold;
}

/*팝업창을 위한 페이지 불투명 처리*/
.ggMask {
	top:0px;
	left:0px;
	min-height:100%;
	width:100%;
	position:absolute;
	background-color:black; opacity: 0.5; filter: alpha(opacity=70);
	
}



/*테이블관련#######################################################################*/

/*기본 블루컬러 테이블*/
.tableBlue {
	border:1px solid #999;
	border-collapse:collapse;
}
.tableBlue th {
	font-family:NanumGothicBold;
	font-weight:normal;
	font-size:13px;
	padding:0 10px;
	background:#cde0e7;
	line-height:30px;
	text-align:left;
	border:1px solid #CCC;
	color:#333;
}
.tableBlue td {
	font-family:NanumGothic;
	font-weight:normal;
	font-size:13px;
	padding:0 10px;
	background:#f3fafc;
	line-height:30px;
	text-align:left;
	border:1px solid #CCC;
	color:#333;
}
.tableBlue td a {
	color:#333;
}
/*기본 그레이컬러 테이블*/
.tableGrey {
	border:1px solid #333;
	border-collapse:collapse;
}
.tableGrey th {
	font-family:NanumGothicBold;
	font-weight:normal;
	font-size:13px;
	padding:0 10px;
	background-color:#EAEAEA;
	line-height:30px;
	text-align:left;
	border:1px solid #CCC;
	color:#333;
}
.tableGrey tr {
	background-color:#F9F9F9;
}
.tableGrey tr:hover {
	background-color:#FFF;
}
.tableGrey td {
	font-family:NanumGothic;
	font-weight:normal;
	font-size:13px;
	padding:0 10px;
	/*background:#F9F9F9;*/
	line-height:30px;
	text-align:left;
	border:1px solid #CCC;
	color:#333;
}
.tableGrey td a{
	color:#333;
}
/*투명 테이블*/
.tableTansparent {
	border:none;
	border-collapse:collapse;
}
.tableTansparent th {
	font-family:NanumGothicBold;
	font-weight:normal;
	font-size:13px;
	padding:0;
	line-height:30px;
	text-align:left;
	border:none;
}
.tableTansparent td {
	font-family:NanumGothic;
	font-weight:normal;
	font-size:13px;
	line-height:30px;
	text-align:left;
	border:none;
}

/*게시판형 기본 테이블*/
.tableguestGrey {
	border-collapse:collapse;
}
.tableguestGrey .trforth {
	border:1px solid #d8d8d8;
	text-align:center;
}
.tableguestGrey .thLast { background-image:none }/*마지막 th의 경계선 없애기*/

.tableguestGrey th {
	font-family:Dotum;
	font-weight:bold;
	font-size:13px;
	padding:0 10px;
	background-color:#f5f5f5;
	background-image:url(../images/table_th_line_grey.png);
	background-repeat:no-repeat;
	background-position:right center;
	line-height:30px;
	text-align:center;
	letter-spacing:-1px;
}
.tableguestGrey tr {
	background:#fff;
}
.tableguestGrey tr:hover {
	background:#fbfafa;
}
.tableguestGrey td {
	font-family:Dotum;
	font-weight:normal;
	font-size:13px;
	padding:0 10px;
	/*background:#fff;*/
	line-height:30px;
	text-align:center;
	letter-spacing:-0.5px;
	border-bottom:1px solid #CCC;
}
/*페이지 컨트롤#######################################################################*/
#page_control {
	clear:both;
	height:20px;
	width:390px;
	text-align:center;
	margin:20px auto 0 auto;
}


#page_control input {
	margin:0 5px;
}


/*
#page_control .pagecontrolPre {
	width:20px;
	float:left;
	margin:0 5px;
}
#page_control .pagecontrolNext {
	width:20px;
	float:right;
	margin:0 5px;
}
*/
#page_control ul {
	display:inline;
	width:350px;
	text-align:center;
}
#page_control ul li {
	display:inline;
	text-align:center;
	vertical-align:middle;
	width:30px;
	font-family:Gulim;
}
#page_control a {
	width:30px;
	padding:0 2px;
	text-decoration: none;
	color: #333;
	margin:0 5px;
} 

#page_control a:hover {
	font-weight: bold;
	color: #F90;
	text-decoration: underline;
}
#page_control .thispage {
	font-weight:bold;
}

/*페이지 컨트롤 버튼 기본*/
.pagecontrolPre {
	padding:0 5px;
	border:1px solid #ababab;
	border-radius:4px;
	background:#FFF;
	font-size:11px;
	height:18px;
	width:18px;
	background:url(../images/etc/icon_arrow_ss_l.png) no-repeat center center;
	cursor:pointer;
}
.pagecontrolNext {
	padding:0 5px;
	border:1px solid #ababab;
	border-radius:4px;
	background:#FFF;
	font-size:11px;
	height:18px;
	width:18px;
	background:url(../images/etc/icon_arrow_ss_r.png) no-repeat center center;
	cursor:pointer;
}


/*Form관련#####################################################################*/

/*input {
	/*padding-top:5px;
	vertical-align:middle;
	height:18px;
	color:#060606;
	font-family:Gulim;
	font-weight:normal;
	font-size:12px;
	/*line-height:18px;
}

*/

/*기본블루텍스트박스*/
.inputtxtBlue {
	padding:3px;
	vertical-align:middle;
	/*height:18px;*/
	border:1px solid #b4b4b4;
	background:#fff;
	color:#3d3d3d;
	font-family:Dotum;
	font-weight:normal;
	font-size:11px;
	line-height:11px;
}
.inputtxtBlueS {
	width:300px;
	padding:3px;
	vertical-align:middle;
	/*height:18px;*/
	border:1px solid #b4b4b4;
	background:#fff;
	color:#3d3d3d;
	font-family:Dotum;
	font-weight:bold;
	font-size:13px;
	line-height:14px;
}
.inputtxtBlueBig {
	padding:5px;
	vertical-align:middle;
	border:1px solid #b4b4b4;
	background:#fff;
	color:#222;
	font-family:Dotum;
	font-weight:normal;
	font-size:13px;
	line-height:150%;
	width:100%;
	resize:none;
}
.inputtxtDate {
	/*padding-top:2px 0 2px 0;*/
	vertical-align:middle;
	text-align:center;
	/*height:18px;*/
	border:1px solid #aaa;
	background:#fff;
	color:#3d3d3d;
	font-family:NanumGothicBold;
	font-weight:normal;
	font-size:12px;
	width:80px;
	/*height:20px;
	line-height:20px;*/
}
/*기본그레이텍스트박스*/
.inputtxtGrey {
	vertical-align:middle;
	padding:3px;
	border:1px solid #666;
	background:#fff;
	color:#333;
	font-family:Dotum;
	font-weight:normal;
	font-size:12px;
	line-height:12px;
}
/*textarea 기본 블루*/
.textareaBlue {
	padding:5px;
	margin:5px 0;
	border:1px solid #d4d4d4;
	background:#fff;
	color:#3d3d3d;
	font-family:Dotum;
	font-weight:normal;
	font-size:12px;
}
/*textarea 기본 그레이*/
.textareaGrey {
	padding:5px;
	margin:5px 0;
	border:1px solid #666;
	background:#fff;
	color:#3d3d3d;
	font-family:Dotum;
	font-weight:normal;
	font-size:12px;
}

/*테이블내의 작은 설명 글*/
.stxtintable {
	font-family:Dotum;
	font-size:11px;
	color:#666;
}

/*숫자증가 스피너컨트롤-크롬,사파리,오페라에서 작동*/
.spinercontrol {
	font-size:12px;
	font-weight:bold;
	border:1px solid #d1d1d1;
	text-align:right;
	padding-right:5px;
}

/*버튼 관련 css######################################################################*/
/*모듈안의 기본 작은 버튼*/
.sbtnmoudle {
	height:20px;
	width:68px;
	vertical-align:middle;
	line-height:16px;
	border:1px solid #ababab;
	border-radius:3px;
	background-image:url(../images/etc/btn_module_bg_spt.png);
	background-repeat:repeat-x;
	font-size:11px;
	color:#333;
	cursor:pointer;
}

/*최소작은 기본 흰색*/
.ssbtnWhite{
	padding:2px;
	border:1px solid #ababab;
	border-radius:4px;
	background:#FFF;
	font-size:12px;
	cursor:pointer;
}

/*기본 테이블 내 작은 버튼 흰색*/
.sbtnWhite {
	padding:4px 5px 1px 5px;
	vertical-align:middle;
	line-height:16px;
	border:1px solid #ababab;
	border-radius:3px;
	/*background:#FFF;*/
	background:url(../images/sbtnWhite_bg.png) repeat-x center;
	font-size:12px;
	color:#333;
	cursor:pointer;
}

/*기본 하단 액션 버튼 */

.actionbtnBlack {
	padding:6px 20px 4px 20px;
	line-height:16px;
	border:1px solid #ababab;
	border-radius:4px;
	background:#363636;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}


.actionbtnGrey {
	padding:6px 20px 4px 20px;
	line-height:16px;
	border:1px solid #ababab;
	border-radius:4px;
	background:#8e8e8e;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}
.actionbtnOrange {
	padding:6px 20px 4px 20px;
	line-height:16px;
	border:1px solid #964228;
	border-radius:4px;
	background:#F60;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}
/*서브페이지 구매,장바구니등 액션큰버튼*/

.actionbtnbigRed {
	padding:10px 20px 10px 45px;
	line-height:16px;
	border:1px solid #969696;
	border-radius:6px;
	background-color:#c41f19; /*기본빨강컬러*/
	/*background-color:#313131; */
	font-family:NanumGothicBold;
	font-size:18px;
	color:#fff;
	cursor:pointer;
}
.actionbtnbigGrey {
	padding:10px 20px 10px 45px;
	line-height:16px;
	border:1px solid #969696;
	border-radius:6px;
	background-color:#999;
	font-family:NanumGothicBold;
	font-size:18px;
	color:#fff;
	cursor:pointer;
}