/* ------------------------------------------------------------
 * Name      : layout.css
 * Desc      : GIGSNS Layout
 * Created   : 2015/05 GIGAKOREA by KIMJINHWAN
 * Updated   : 
 ------------------------------------------------------------ */
@charset "utf-8";

/*###########################################################################################
#############################공통 레이아웃###################################################
#############################################################################################*/
body {
	background-color: #fff;
	margin:0;
	padding:0;
	font-size: 0.75em;
	color: #333;
}


section {
	margin:0;
	padding:0;
}
#wrap {
	clear:both;
	position:relative;
	width:1024px;
	text-align:left;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	/*background-image: url(../images/shadow.png);
	background-repeat: repeat-y;*/
	background-color:#fff;
	/*min-height:500px;*/
}
#wrap {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
#wrap:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */ 

#containerArea, #subcontainerArea {
	position:relative;
	margin:0px;
	text-align:center;
}







/*###########################################################################################
#############################상단영역 레이아웃###############################################
#############################################################################################*/
#TopCnt {
	padding:10px 15px 0 15px;
	height:40px;
	width:994px;
	margin:0 auto;
	/*20140608 bg 추가로 인한 수정*/
	background:#fff;
}

.logo {
	position:absolute;
	left:0;
	top:0;
	float:left;
	height:45px;
	width:180px;
	padding-top:10px;
	padding-left:50px;
	vertical-align:middle;
}

#subcontainerArea .logo {
	position:relative;
	float:left;
	height:45px;
	width:180px;
	padding-top:10px;
	padding-left:50px;
	vertical-align:middle;
}
#topWrap #TopCnt #topnav .adminname {
	float:right;
	width:auto;
	margin:8px 10px 0 0;
	font-family:Dotum;
	font-size:12px;
	font-weight:bold;
}
#topWrap #TopCnt #topnav ul {
	float:right;
	/*width:auto;*/
	margin-right:70px;
	text-align:right;
}
#topWrap #TopCnt #topnav ul li {
	display:inline;
}
#topWrap #TopCnt #topnav0 ul li {
	display:inline;
}





/*###########################################################################################
#############################FOOTER 레이아웃###################################################
#############################################################################################*/


.footer {
	margin:0;
	padding:0px;
}

/*아이콘배너링크*/
#footerArea {
	clear:both;
	margin-top:10px;
}

#footerArea {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
#footerArea:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */


#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 {
	clear:both;
	width:1024px;
	margin:0 auto;
	height:60px;
	padding:10px 0 20px 0;
	/*border:1px solid #d8d8d8;*/
	background-color: #F5F5F5;
}
#copyright h1{
	display:block;
	float:left;
	padding-left:50px;
	height:45px;
	width:180px;
	padding-top:13px;
}
#footerArea #copy {
	float:left;
	padding-top:12px;
	padding-left:20px;
	width:770px;
	color:#666;
	line-height:18px;
}


/*###########################################################################################
#############################서브페이지 레이아웃#############################################
#############################################################################################*/

#subcntArea {
	/* 20140608 수정
	margin-top:10px;*/
	border-top:3px solid #aeaeae;
	padding-top:10px;
}

/*왼쪽메뉴관련*/
#leftmuArea {
	float:left;
	min-height:500px;
	width:240px;
}

/*컨텐츠영역관련*/
#subcntArea .cntArea {
	float:left;
	width:718px;
	border:1px solid #d4d4d4;
	border-radius:6px;
	
}
#subcntArea .cntArea #editArea {
	position:relative;
	width:700px;
	padding:0 9px;
	min-height:500px;
}
#subcntArea .cntArea .subcntTitarea {
	height:38px;
	padding:5px 0 0 10px;
	border-bottom:1px solid #d4d4d4;
	background-image:url(/images/sub_cnt_titbg.png);
	background-position:0 5px;
	background-repeat:repeat-x;
}
#subcntArea .subcntTitarea .tit {
	float:left;
	height:25px;
	width:300px;
	padding:8px 0 0 12px;
	background-image:url(/images/sub_cnt_tit_icon.png);
	background-position:left center;
	background-repeat:no-repeat;
	font-family:NanumGothic;
	font-weight:bold;
	font-size:17px;
	line-height:17px;
	letter-spacing:-2px;
	color:#333;
}
#subcntArea .subcntTitarea .cntnav {
	float:right;
	height:25px;
	width:auto;
	padding:10px 15px 0 0 ;
}

/*우측편집버튼 관련*/
#editbtnArea {
	position:absolute;
	width:81px;
	height:auto;
	padding:1px;
	border:1px solid #acacac;
	border-radius:6px;
	box-shadow:1px 1px 2px #999;
	left:1029px;
	top:125px;
}

#subcntArea #editbtnArea ul li {
	height:29px;
}












/*최상단 컬러선택박스 추가 20140423*/
#topWrap #TopCnt #topnav0 {
	float:right;
	/*width:auto;*/
	margin-right:0px;
	text-align:right;
}
#topWrap #TopCnt #topnav  { text-align:right; }
#topWrap #TopCnt #topnav ul {
	float:right;
	/*width:auto;*/
	margin-right:0px;
	text-align:right;
}

/*20150611*/
#topWrap #TopCnt #topnav2 .adminname {
	float:right;
	width:300px;
	text-align:right;
	margin:8px 10px 0 0;
	font-family:Dotum;
	font-size:14px;
	letter-spacing:-1px;
	font-weight:bold;
	color:#999;
}
#topWrap #TopCnt #topnav2 .name {
	color:#000;
}
#topWrap #TopCnt #topnav2 ul {
	float:right;
	text-align:right;
}
#topWrap #TopCnt #topnav2 ul li {
	display:inline;
}

#topWrap #TopCnt #topnav2 img { vertical-align:middle; }
#topWrap #TopCnt #topnav2 .sso .txt { float:left; width:auto;; font-size:12px; color:#666; padding-top:8px;}
#topWrap #TopCnt #topnav2 .sso .select { float:left; width:auto; font-size:12px; color:#666; padding:4px 10px 0 0;}
/**/



#topWrap .ttopinfoncolor {
	height:30px;
	width:1250px;
	margin:5px 0;
}

#topWrap #colorbox {
	float:right;
	height:auto;
	width:150px;
	padding:0 1px 1px 0;
	/*20140608 중신작업 수정
	margin-top:5px;
	text-align:right;*/
	margin:5px 10px 0 0;
	
}
#topWrap #colorbox a,
#topWrap #colorbox ul li {
	margin:0px;
	padding:0px;
}
#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(../images/popup/icon_close2.gif);
	background-repeat:no-repeat;
	background-position:center center;
	/*margin:1px 0 0 1px;*/
	border:2px solid #fff; 
	cursor:pointer ;
}
#topWrap #colorbox .btncloseColorset { 
	height:18px; 
	width:18px;
	background:url(../images/popup/icon_close.png) no-repeat center center; 
	border:none; 
	cursor:pointer; 
	/*margin:5px 0 0 5px; */
}
#topWrap #colorbox .colorsetbox {
	float:left;
	width:16px ; 
	height:16px; 
	/*margin:1px 0 0 1px;*/
	border:2px solid #FFF; 
	cursor:pointer ;
}




/* 20140512 상단 검색 및 로고 영역 추가--*/

.searchSection {
	position:relative;
	padding:40px 0 22px;
	height:65px;
	width:740px;
	margin:0 auto;
	font-family:tahoma, arial, 宋体, Dotum, "Hiragino Sans GB",  sans-serif;
}

.searchSection .logoSection {
	float:left;
	text-align:left;
	height:65px;
	width:295px;
}

.searchSection .topsearchSection {
	float:right;
	height:65px;
	width:430px;
}
.searchSection .topsearchSection .searchbox {
	float:left;
}
.searchSection .topsearchSection .topSearch {
	float:left;
	width:350px;
	height:27px;
	margin-right:5px;
	padding:0 5px;
	border:5px solid #549e01;
}

.searchSection .topsearchSection .topsearchBtn {
	height:37px;
	width:52px;
	margin:0 0 0 0;
	font-size:12px;
	font-weight:bold;
	border:none;
	background:#549e01;
	color:#fff;
}

.searchSection .topsearchSection .bestword {
	float:left;
	width:100%;
	height:15px;
	font-size:12px;
	color:#7d7a7a;
	margin-top:5px;
}
.searchSection .topsearchSection .bestword span {
	display:block;
	float:left;
	padding:0 5px;
	border-right:1px solid #999;
	overflow:hidden;
}



/* 20140513 크롬브라우저 다운로드 추가*/
#TopCnt .etcArea { 
	position:relative;
	float:left;
	width:220px;
	height:30px;
	margin-top:0px;
	padding-top:5px; /*overflow:hidden;*/ }
#TopCnt .etcArea .txt{ 
	font-family:Dotum;
	color:#333;
	font-size:12px;
}


/* 20140513 크롬브라우저 다운로드 설명 레이어 추가*/
#TopCnt .etcArea .explain {
	position:absolute;
	top:30px;
	left:0px;
	z-index:100;
	width:200px;
	padding:5px;
	background:#fff;
	font-family:Dotum;
	font-size:11px;
	line-height:15px;
	color:#333;
	border-radius:5px;
	border:1px solid #666;
}



/* 20150504 날개배너 추가*/

/* 사이드배너 01 module03sidebanner01.html */
.module03sidebanner01 {
	position:absolute;
	height:175px;
	width:50px;
}
.module03sidebanner01 ul li { height:50px; margin-bottom:1px; }

/* 사이드배너 01 module03sidebanner03.html */

.module03sidebanner02 {
	position:absolute;
	height:225px;
	width:50px;
	border:0px solid #eee;
	background:#fff;
}


.module03sidebanner02 ul li { height:50px; margin-bottom:1px; }

/* 서브페이지 관리자 버튼 수정 20150510 */
#editbtnArea {
	top:0px;
	width:50px;
	padding:0px;
	border:0px solid #acacac;
	border-radius:0;
	box-shadow: none; 
	}
#editbtnArea ul li {
	height:50px;
	margin-bottom:1px;
}

/* 로그인 인풋 박스 크롬에서 아웃라인 제거 */
#topnav .login input { outline:none; }


/* 20150605 sso 추가로 인한 수정 */
#topWrap #TopCnt #topnav img { vertical-align:middle; }
#topWrap #TopCnt #topnav .sso .txt { float:left; width:auto;; font-size:12px; color:#666; padding-top:8px;}
#topWrap #TopCnt #topnav .sso .select { float:left; width:auto; font-size:12px; color:#666; padding:4px 10px 0 0;}


/* 하단 정보 관련 수정 20150706 */
#copyright {
	height:auto; 
	overflow:auto; 
	background:#fff; 
	border-top:1px solid #ccc;
}
#footerArea #copy {
	width:650px;
	padding-left:10px;
	padding-top:2px;
}
#footerArea #copy p {
	height:20px;
	overflow:hidden;
}
#footerArea #copyright .app .qr {
	float:left;
	margin-left:35px;
}
#footerArea #copyright .app .txt {
	float:left;
	margin-left:5px;
}