@charset "utf-8";
/**
 * UTF-8 :한글
 * Firstgleam Web Agency (http://www.firstgleam.com)
 * FGShop Shopping Mall Solution
 * Inseok Hwang 2009-06-27
 * comment :
 *				1. default.css 전 영역에 공통으로 상속될 css
 *				2. id, class 는 단어의 조합이어야 한다. - 기호처럼 사용하지 말것 : 예) id="p_t"
 *				3. 변수명 및 코드는 누가봐도 한번에 알 수 있도록 정할것
 */

/* basic */
*{margin:0;padding:0;}
html,body {min-width:1020px;height:100%;color:#444444;font-family:"Tahoma";font-size:9pt;padding:0;margin:0px auto 0px auto;}
img { border: 0}

h1,h2,h3,h4,div,p,ul,ol,li,dl,dt,dd,li,form{list-style:none;margin:0;padding:0;text-align:left;}

h1{font-size:14px;}
h2{font-size:13px;}
h3{font-size:12px;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
a:link{color:#777777;text-decoration:none;}
a:hover{color:#444444;text-decoration:none;}
a:visited{color:#444444;text-decoration:none;}
em,address{font-style:normal;}
button,label{cursor:pointer;cursor:pointer;}
button * {position:relative;}
button img{left:-3px;left:auto;}
textarea{overflow:auto;}
html:first-child select{height:20px;padding-right:6px;}
option{padding-right:6px;}
.none{display:none;}

/* body fg_layout_base */
#fg_layout_base {
	width:100%;
}
#skin_select {
	position: fixed;
	border:0px solid #cccccc;
	width:100%;
	height: 1px;
	text-align:right;
	top: 0;
	left: 0;
	margin:0px 50px 0px 0px;
	z-index:99;
}
#skin_select img {margin:1px;}

#fg_wrap {
	width: 100%;
	height: 100%;
}

/*
	naviPage
	class="ps" ◀◀
	class="pp" ◀
	class="cp"
	class="np" ▶
	class="ns" ▶▶
 */
 #navipage {margin:10px 0px 10px 0px;clear:both;}
.navipage {margin:10px 0px 10px 0px;clear:both;}

.fg_navi_page { border:0px solid #ccc; text-align:center; margin:0px 0px 0px 0px;}
.fg_navi_page ul {list-style: none;text-align:center; }
.fg_navi_page li {border:0px solid #cccccc; padding:2px 5px 2px 5px; margin:1px 3px 1px 3px; cursor:pointer; font-weight:normal; text-decoration:none; display:inline;list-style:none;vertical-align:middle;}
.fg_navi_page li.cp { border:1px solid #cccccc; padding:2px 5px 2px 5px; margin:0px 2px 0px 2px; background:#f0f0f0; font-weight:bold;  color:#444444; text-decoration:none; }
.fg_navi_page li:hover { border:1px solid #cccccc; padding:2px 5px 2px 5px; margin:0px 2px 0px 2px; background:#999FA4; color:#ffffff; font-weight:bold; text-decoration:none; }
.fg_navi_page li.ps,
.fg_navi_page li.pp,
.fg_navi_page li.np,
.fg_navi_page li.ns{ border:0px solid #cccccc; padding:2px 4px 2px 5px; margin:0px 2px 0px 2px; font-weight:normal !important;  white-space:nowrap; }
.fg_navi_page li.ps:hover,
.fg_navi_page li.pp:hover,
.fg_navi_page li.np:hover,
.fg_navi_page li.ns:hover { border:1px solid #cccccc; padding:2px 3px 2px 4px; margin:0px 2px 0px 2px; background:#999FA4; color:#ffffff; font-weight:bold; text-decoration:none; }

/* table form */
#tableform { width: 100%; font-size: 12px;}
#tableform table { width: 100%; border-collapse: collapse; font-size: 12px; line-height: 18px; }
#tableform th { padding: 3px; border: #d3d3d3 solid 1px; text-align: center; background: #f4f4f4; }  
#tableform td { padding: 1px; border: #d3d3d3 solid 1px; text-align: left; } 
#tableform tfoot td { padding: 3px; border: #d3d3d3 solid 1px; text-align: center; } 

/* table form */
.tableform { width: 600px; font-size: 12px;}
.tableform table { width: 100%; border-collapse: collapse; font-size: 12px; line-height: 18px; }
.tableform th { padding: 3px; border: #d3d3d3 solid 1px; text-align: center; background: #f4f4f4; }  
.tableform td { padding: 1px; border: #d3d3d3 solid 1px; text-align: left; } 
.tableform tfoot td { padding: 3px; border: #d3d3d3 solid 1px; text-align: center; } 


/* skin변경 */
#demoinformation {display:none;padding:10px;}
#demoinformation #skin_info_title {color:#e3e3e3;font-size:16px;font-weight:bold;background:#6A6A6A;padding:10px;margin-bottom:20px;}
#demoinformation #skin_info {border:0px solid red;}
#demoinformation #skin_info .skin_image{border:0px solid red;width:250px;float:left;}
#demoinformation #skin_info .skin_description{border:0px solid red;width:300px;margin:0px 10px 0px 10px;float:right;}

#demoinformation #skin_info .info_title {height:20px;font-size:12px;font-weight:bold;color:red}
#demoinformation #skin_info .skinimg {float:left; }
#demoinformation #skin_info .info{color:#121212;line-height:15px;text-align:justify;padding:5px;}
#demoinformation #skin_info .info2{line-height:14px;color:#0e0e0e;text-align:justify;background:#F3F3F3; padding: 5px;}
#demoinformation #skin_info .info3{line-height:14px;color:#0e0e0e;text-align:justify;padding: 5px;}
#demoinformation #skin_button{text-align:center;padding:5px;clear:both;}
#demoinformation #skin_button input {height:40px;border:2px groove #cccccc;background:#0e0e0e;color:#e3e3e3;text-align:center;cursor:pointer;}