/* ------------------------------------------------------------
 * Name      : module.css
 * Desc      : 모듈들의 css
 * Created   : 2012/06 GIGAKOREA by jinhwan,kim
 * Updated   : 
 ------------------------------------------------------------ */
@charset "utf-8";


.sbtnmoudlegray {
	height:20px;
	width:68px;
	vertical-align:middle;
	line-height:16px;
	border:1px solid #ababab;
	border-radius:3px;
	background-image:url(/images/module/btn_module_bg_spt.png);
	background-repeat:repeat-x;
	font-size:12px;
	color:#333;
	cursor:pointer;
}

.moduleArea .titArea .tit {
	float:left;
	height:14px;
	width:145px;
	padding-top:7px;
	padding-left:15px;
	font-family:NanumGothic;
	font-weight:bold;
	color:#102137;
	font-size:15px;
	line-height:15px;
}
.titArea .btngo {
	float:right;
	width:70px;
	margin-top:4px;
	margin-right:7px;
}

/*###########################################################################################
#############################top 주메뉴module_topmu.html ####################################
#############################################################################################*/

#moduleTopmu {
	position:absolute;
	height:49px;
	width:712px;
	/*background-color:#980000;	-------------- colorstyle.css 에서 제어*/
	border-radius:6px;
	box-shadow:1px 1px 2px #999;
	
	/*그라데이션 border-radius 가 익스에서는적용이 안됨 ㅡ.,ㅡ;;
	 Filter: progid:DXImageTransform.Microsoft.gradient 
	 (GradientType=0, startColorstr=#980000, endColorstr=#850101);
	background-image: -ms-linear-gradien(top, rgb(152, 0, 0) 71%, rgb(133, 1, 1) 100%);
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(1, rgb(152, 0, 0)),
    color-stop(0.12, rgb(133, 1, 1))
	);
	background-image: -moz-linear-gradient(
    center bottom,
    rgb(152, 0, 0) 100%,
    rgb(133, 1, 1) 12%
	);
	*/
}
#moduleTopmu ul {
	height:36px;
	padding:15px 0 0 0;
	text-align:left;	
}
#moduleTopmu ul a:hover li, 
#moduleTopmu ul li.on { color:#FF0; }

#moduleTopmu ul li {
	display:inline;
	padding:0 25px;
	font-family:NanumGothicBold;
	/*font-weight:bold;*/
	font-size:15px;
	line-height:15px;
	letter-spacing:-1px;
	color:#fff;
}


/*###########################################################################################
#############################left 메뉴module_leftmu.html ####################################
#############################################################################################*/
#leftmu {
	position:absolute;
	float:left;
	height:auto;
	width:198px;
	/*padding:0 20px;*/
	text-align:center;
	border:1px solid #acacac;
	border-radius:6px;
	box-shadow:1px 1px 2px #999;
}
#leftmu .moduleArea {
	width:198px;
	height:auto;
	
}

#leftmu .ltmutit {
	height:35px;
	padding-top:10px;
	background-color:#2c2c2c;
	font-family:NanumGothic;
	font-weight:bold;
	font-size:17px;
	letter-spacing:-2px;
	line-height:20px;
	color:#FFF;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}

#leftmu ul a li {
	height:21px;
	padding-top:8px;
	padding-left:30px;
	border-bottom:1px solid #dedede;
	font-size:12px;
	color:#444;
	text-align:left;
}
#leftmu ul a:hover li,
#leftmu ul li.on{
	background-color:#e4721e;
	/*background-image:url(/images/sub_leftmu_bg.png); -------------- colorstyle.css 에서 제어*/
	background-repeat:repeat-y;
	color:#fff;
}


/*###########################################################################################
############################# 비쥬얼 이미지 모듈 module_visual.html #########################
#############################################################################################*/

#moduleVisual {
	height:190px;
	width:700px;
	padding:5px;
}
#moduleVisual .moduleArea {
	height:188px;
	width:698px;
	border:1px solid #cdcdcd;
}

#moduleVisual .btnleft {
	position:absolute;
	height:24px;
	width:14px;
	left: 8px;
	top: 84px;
}
#moduleVisual .btnright{
	position:absolute;
	height:24px;
	width:14px;
	left: 689px;
	top: 84px;
}




/*###########################################################################################
############################# 로그인 모듈 module_login.html #########################
#############################################################################################*/


#moduleLogin {
	height:190px;
	width:250px;
	padding:5px;
}

#errorCnt #moduleLogin {
	height:95px;
	width:250px;
	padding:5px;
	margin-left:20px;
}

#moduleLogin .moduleArea {
	height:150px;
	width:210px;
	padding:20px 20px 20px 20px;
	border:1px solid #b6bcce;
	border-radius:6px;
	
	/*그라데이션추가*/
	 Filter: progid:DXImageTransform.Microsoft.gradient 
	 (GradientType=0, startColorstr=#f0f0f0, endColorstr=#ffffff);
	background-image: -ms-linear-gradien(top, rgb(240,240,240) 71%, rgb(255,255,255) 100%);
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(1, rgb(240,240,240)),
    color-stop(0.12, rgb(255,255,255))
	);
	background-image: -moz-linear-gradient(
    center bottom,
    rgb(240,240,240) 100%,
    rgb(255,255,255) 12%
	);
	
}

#errorCnt #moduleLogin .moduleArea {
	height:55px;
	width:210px;
	padding:20px 20px 20px 20px;
	background-image:none;
	border:0px;
}

#moduleLogin .moduleArea .title {
	font-family:NanumGothicBold;
	/*font-weight:bold;*/
	font-size:14px;
	line-height:14px;
	color:#3e3734;
	padding-bottom:4px;
}
#moduleLogin .moduleArea .inputboxarea{
	float:left;
	width:140px;
}
#moduleLogin .moduleArea .inputboxarea input {
	background-color:#eaeaea;
	border:1px solid #cdcdcd;
	height:20px;
	width:140px;
	margin-bottom:2px;
}
#moduleLogin .moduleArea .btnlogin {
	height:50px;
	width:60px;
	float:right;
}
#moduleLogin .moduleArea .btnlogin input {
	height:50px;
	width:60px;
	background-image: url(/images/module/login/btnloginbg.png);
}
#moduleLogin .moduleArea .checkArea {
	padding:2px 0;
	clear:both;
	margin-bottom:2px;
}
#moduleLogin .moduleArea .joinsearchArea {
	height:35px;
	width:188px;
	padding:10px;
	background-color:#f3f3f3;
	border:1px solid #b6bcce;
	border-radius:6px;	
}
#moduleLogin .moduleArea .joinsearchArea a {
	font-family:Dotum;
	font-size:12px;
	color:#333333;	
}
#moduleLogin .moduleArea .joinsearchArea .join,
#moduleLogin .moduleArea .joinsearchArea .search {
	padding-top:3px;
	margin-bottom:2px;
}

#moduleLogin .moduleArea .joinsearchArea .join{
	font-weight:bold
}

/*로그인후*/

#moduleLogin .meminfo {
	height:45px;
	width:188px;
	padding:10px;
	margin-bottom:10px;
	background-color:#f1f9ff;
	border:1px solid #b6bcce;
	border-radius:6px;
	text-align:center;
}
#moduleLogin .meminfo .memname {
	margin-bottom:10px;
	font-family:NanumGothicBold;
	font-size:14px;
	line-height:14px;
	color:#3e3734;
}
#moduleLogin .meminfo .congtxt {
	margin-bottom:3px;
	font-family:NanumGothicBold;
	font-size:16px;
	line-height:16px;
	color:#cc6600;
}
#moduleLogin .logindata {
	height:45px;
	width:188px;
	padding:10px;
	background-color:#f3f3f3;
	border:1px solid #b6bcce;
	border-radius:6px;
	text-align:center;
}


/*로그인 에러*/
#moduleLogin .moduleArea .meminferror {
	height:45px;
	width:188px;
	padding:10px;
	margin-bottom:10px;
	background-color:#fff;
	border:1px solid #b6bcce;
	border-radius:6px;
	text-align:center;
}


#moduleLogin .moduleArea .meminferror .congtxterror {
	margin-bottom:3px;
	font-family:NanumGothicBold;
	font-size:12px;
	line-height:20px;
	color:#f60;
}

#moduleLogin .moduleArea .checkok {
	text-align:center;
}

/*###########################################################################################
############################# 갤러리형01 module_gallary01.html ##############################
#############################################################################################*/

#gallery01 {
	height:310px;
	width:250px;
	padding:5px;
}

#gallery01 .moduleArea {
	height:308px;
	width:248px;
	border:1px solid #979797;
	border-radius:6px;
}
#gallery01 .moduleArea .titArea {
	height:29px;
	background-image:url(../images/module/gallary01/titbg.png);
	background-repeat:repeat-x;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
#gallery01 .moduleArea .titArea .tit {
	float:left;
	height:14px;
	width:145px;
	padding-top:7px;
	padding-left:15px;
	font-family:NanumGothic;
	font-weight:bold;
	color:#102137;
	font-size:15px;
	line-height:15px;
}
#gallery01 .moduleArea .titArea .btngo {
	float:right;
	width:70px;
	margin-top:4px;
	margin-right:7px;
}
#gallery01 .moduleArea .cntArea {
	height:auto;
	width:230px;
	padding-top:15px;
	margin:0 9px;	
	border-top:1px solid #b7b7b7;
}
#gallery01 .moduleArea .cntArea .cnt {
	clear:both;
	margin-bottom:10px;
}
#gallery01 .moduleArea .cntArea .cnt .photo {
	float:left;
	height:72px;
	width:102px;
	text-align:center;
	border:1px solid #9c9c9c;
}

#gallery01 .moduleArea .cntArea .cnt .txtArea {
	float:left;
	width:110px;
	margin-left:5px;
}
#gallery01 .moduleArea .cntArea .cnt .txtArea .subject {
	width:110px;
	height:15px;
	font-size:12px;
	overflow: hidden;
	font-weight:bold;
}

#gallery01 .moduleArea .cntArea .cnt .txtArea .txt {
	width:110px;
	height:56px;
	margin-top:3px;
	font-size:12px;
	line-height:18px;
	overflow: hidden;
}



/*###########################################################################################
############################# 갤러리형02 module_gallary02.html ##############################
#############################################################################################*/

#gallery02 {
	height:150px;
	width:440px;
	padding:5px;
}

#gallery02 .moduleArea {
	height:148px;
	width:438px; background-image:url(/images/module/gallary02/cntbg.png);
	background-repeat:repeat-y;
	border:1px solid #dfa270;
	border-radius:6px;
}

#gallery02 .moduleArea .titArea {
	height:29px;
	background-repeat:repeat-x;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
#gallery02 .moduleArea .titArea .tit {
	width:300px;
	color:#ac3602;
}
#gallery02 .moduleArea .cntArea {
	height:auto;
	width:420px;
	padding-top:10px;
	margin:0 9px;	
	border-top:1px solid #8e694a;
}
#gallery02 .moduleArea .cntArea .cnt {
	clear:both;
}
#gallery02 .moduleArea .cntArea .cnt .photo {
	float:left;
	height:90px;
	width:90px;
	text-align:center;
	border:1px solid #9c9c9c;
}

#gallery02 .moduleArea .cntArea .cnt .txtArea {
	float:left;
	margin-left:10px;
}
#gallery02 .moduleArea .cntArea .cnt .txtArea a .subject {
	width:310px;
	height:12px;
	padding:5px 3px;
	font-size:12px;
	color:#393939;
	overflow:hidden;
}
#gallery02 .moduleArea .cntArea .cnt .txtArea a .subject:hover,
#gallery02 .moduleArea .cntArea .cnt .txtArea a .on { 
	background-color:#f1f0de; 
}





/*###########################################################################################
############################# 갤러리형03 module_gallary03.html ##############################
#############################################################################################*/

#gallery03 {
	height:310px;
	width:250px;
	padding:5px;
}

#gallery03 .moduleArea {
	height:308px;
	width:248px; background-image:url(/images/module/gallary03/cntbg.png);
	background-repeat:repeat-y;
	border:1px solid #dfa270;
	border-radius:6px;
}

#gallery03 .moduleArea .titArea {
	height:29px;
	margin:4px;
	background-repeat:repeat-x;
	border-radius:6px;
	background-color:#aa4bac
}
#gallery03 .moduleArea .titArea .tit {
	color:#fff;
}
#gallery03 .moduleArea .cntArea {
	height:auto;
	width:231px;
	margin:0 9px;	
}
#gallery03 .moduleArea .cntArea .cnt {
	clear:both;
}
#gallery03 .moduleArea .cntArea .cnt .photo {
	height:172px;
	width:227px;
	text-align:center;
	border:1px solid #9c9c9c;
}

#gallery03 .moduleArea .cntArea .cnt .txtArea {
	margin-top:2px;
}
#gallery03 .moduleArea .cntArea .cnt .txtArea .subject {
	width:231px;
	height:14px;
	padding:3px 0;
	font-family:NanumGothicBold;
	font-size:14px;
	line-height:14px;
	color:#18414f;
	overflow:hidden;
}
#gallery03 .moduleArea .cntArea .cnt .txtArea .txt {
	width:231px;
	height:30px;
	padding:5px 0;
	font-size:12px;
	line-height:12px;
	color:#18414f;
	overflow:hidden;
}



/*###########################################################################################
############################# 텍스트형01 module_txtboard01.html ##############################
#############################################################################################*/

#txtboard01 {
	height:310px;
	width:250px;
	padding:5px;
}

#txtboard01 .moduleArea {
	height:308px;
	width:248px;
	border:1px solid #979797;
	border-radius:6px;
}
#txtboard01 .moduleArea .titArea {
	height:29px;
	background-image:url(../images/module/gallary01/titbg.png);
	background-repeat:repeat-x;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
#txtboard01 .moduleArea .titArea .tit {
	float:left;
	height:14px;
	width:145px;
	padding-top:7px;
	padding-left:15px;
	font-family:NanumGothic;
	font-weight:bold;
	color:#102137;
	font-size:15px;
	line-height:15px;
}
#txtboard01 .moduleArea .titArea .btngo {
	float:right;
	width:70px;
	margin-top:4px;
	margin-right:7px;
}
#txtboard01 .moduleArea .cntArea {
	height:auto;
	width:230px;
	padding-top:15px;
	margin:0 9px;	
	border-top:1px solid #b7b7b7;
}
#txtboard01 .moduleArea .cntArea .cnt {
	clear:both;
	margin-bottom:10px;
}

#txtboard01 .moduleArea .cntArea .cnt .txtArea {
	float:left;
	margin-left:5px;
	margin-bottom:9px;
	padding-bottom:3px;
	border-bottom:1px dashed #CCC;
}
#txtboard01 .moduleArea .cntArea .cnt .txtArea .subject {
	float:left;
	width:150px;
	height:12px;
	font-size:12px;
	overflow: hidden;
	font-weight:bold;
}

#txtboard01 .moduleArea .cntArea .cnt .txtArea .data {
	float:right;
	font-size:12px;
	overflow: hidden;
}



/*###########################################################################################
############################# 텍스트형02 module_txtboard01.html ##############################
#############################################################################################*/

#txtboard02 {
	height:150px;
	width:440px;
	padding:5px;
}

#txtboard02 .moduleArea {
	height:148px;
	width:438px; background-image:url(/images/module/gallary02/cntbg.png);
	background-repeat:repeat-y;
	border:1px solid #dfa270;
	border-radius:6px;
}

#txtboard02 .moduleArea .titArea {
	height:29px;
	background-repeat:repeat-x;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
#txtboard02 .moduleArea .titArea .tit {
	width:300px;
	color:#ac3602;
}
#txtboard02 .moduleArea .cntArea {
	height:auto;
	width:420px;
	padding-top:10px;
	margin:0 9px;	
	border-top:1px solid #8e694a;
}
#txtboard02 .moduleArea .cntArea .cnt {
	clear:both;
	margin-bottom:9px;
}

#txtboard02 .moduleArea .cntArea .cnt .txtArea {
	height:12px;
	padding-bottom:3px;
	border-bottom:1px dashed #F3E29E;
	margin-left:10px;
}
#txtboard02 .moduleArea .cntArea .cnt .txtArea .subject {
	float:left;
	width:330px;
	height:12px;
	font-size:12px;
	color:#393939;
	overflow:hidden;
}
#txtboard02 .moduleArea .cntArea .cnt .txtArea .data {
	float:right;
	font-size:12px;
	overflow: hidden;
}

#txtboard02 .moduleArea .cntArea .cnt .txtArea a .subject:hover,
#txtboard02 .moduleArea .cntArea .cnt .txtArea a .on { 
	background-color:#f1f0de; 
}





/*###########################################################################################
############################# 텍스트형03 module_txtboard01.html ##############################
#############################################################################################*/

#txtboard03 {
	height:310px;
	width:250px;
	padding:5px;
}

#txtboard03 .moduleArea {
	height:308px;
	width:248px; background-image:url(/images/module/gallary03/cntbg.png);
	background-repeat:repeat-y;
	border:1px solid #dfa270;
	border-radius:6px;
}

#txtboard03 .moduleArea .titArea {
	height:29px;
	margin:4px;
	background-repeat:repeat-x;
	border-radius:6px;
	background-color:#aa4bac
}
#txtboard03 .moduleArea .titArea .tit {
	color:#fff;
}
#txtboard03 .moduleArea .cntArea {
	height:auto;
	width:231px;
	margin:10px 9px;	
}
#txtboard03 .moduleArea .cntArea .cnt {
	clear:both;
	margin-bottom:9px;
}

#txtboard03 .moduleArea .cntArea .cnt .txtArea {
	height:12px;
	padding-bottom:3px;
	border-bottom:1px dashed #F3E29E;
	margin-left:10px;;
}
#txtboard03 .moduleArea .cntArea .cnt .txtArea .subject {
	float:left;
	width:150px;
	height:12px;
	font-size:12px;
	color:#18414f;
	overflow:hidden;
}
#txtboard03 .moduleArea .cntArea .cnt .txtArea .data {
	float:right;
	font-size:12px;
	color:#18414f;
	overflow:hidden;
}





/*###########################################################################################
############################# 텍스트형 및 채용정보 module_recruit.html ######################
#############################################################################################*/

#recruit {
	height:310px;
	width:250px;
	padding:5px;
}

#recruit .moduleArea {
	height:308px;
	width:248px;
	border:1px solid #979797;
	border-radius:6px;
}
#recruit .moduleArea .titArea {
	height:29px;
	background-image:url(../images/module/gallary01/titbg.png);
	background-repeat:repeat-x;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
#recruit .moduleArea .titArea .tit {
	float:left;
	height:14px;
	width:145px;
	padding-top:7px;
	padding-left:15px;
	font-family:NanumGothic;
	font-weight:bold;
	color:#102137;
	font-size:15px;
	line-height:15px;
}
#recruit .moduleArea .titArea .btngo {
	float:right;
	width:70px;
	margin-top:4px;
	margin-right:7px;
}
#recruit .moduleArea .cntArea {
	height:auto;
	width:230px;
	padding-top:7px;
	margin:0 9px;	
	border-top:1px solid #b7b7b7;
}
#recruit .moduleArea .cntArea .cnt {
	clear:both;
	background-color:#F6F6F6;
	padding:7px 10px;
	margin-bottom:6px;
	border:1px solid #979797;
	border-radius:6px;
}

#recruit .moduleArea .cntArea .cnt .txtArea {
	float:left;
	width:200px;
}
#recruit .moduleArea .cntArea .cnt .txtArea .subject {
	width:200px;
	height:15px;
	font-size:12px;
	overflow: hidden;
	font-weight:bold;
	color:#36720D;
}

#recruit .moduleArea .cntArea .cnt .txtArea .txt {
	width:200px;
	height:12px;
	margin-top:3px;
	font-size:12px;
	overflow: hidden;
}




/*###########################################################################################
############################# 배너모듈01 module_banner01.html ######################
#############################################################################################*/

#banner01 {
	height:150px;
	width:440px;
	padding:5px;
}

#banner01 .moduleArea {
	height:150px;
	width:440px;
}






/*###########################################################################################
############################# 배너모듈02 module_banner02.html ######################
#############################################################################################*/

#banner02 {
	height:310px;
	width:440px;
	padding:5px;
}

#banner02 .moduleArea {
	height:308px;
	width:438px; 
	background-image:url(/images/module/banner/banner02bg.png);
	background-repeat:repeat-y;
	border:1px solid #dfa270;
	border-radius:6px;
}






/*###########################################################################################
############################# 배너모듈0301 module_banner0301.html ######################
#############################################################################################*/

#banner0301 {
	height:150px;
	width:250px;
	padding:5px;
}

#banner0301 .moduleArea {
	height:148px;
	width:248px; background-image:url(/images/module/banner/banner03bg.png);
	background-repeat:repeat-y;
	border:1px solid #dfa270;
	border-radius:6px;
}


/*###########################################################################################
############################# 배너모듈0302 module_banner0302.html ######################
#############################################################################################*/

#banner0302 {
	height:150px;
	width:250px;
	padding:5px;
}

#banner0302 .moduleArea {
	height:148px;
	width:248px; background-image:url(/images/module/banner/banner03bg.png);
	background-repeat:repeat-y;
	border:1px solid #dfa270;
	border-radius:6px;
}



/*###########################################################################################
############################# FooterBanner module_footerbanner.html ######################
#############################################################################################*/

#footerbanner {
	height:52px;
	width:1024px;
}

#footerbanner .moduleArea {
	height:40px;
	width:904px;
	padding:6px 60px;
	background-color:#e4e4e4;
}
#footerbanner .bannerArea {
	height:40px;
	width:904px;
	overflow:hidden;
}
#footerbanner .btnleft {
	position:absolute;
	height:24px;
	width:14px;
	left: 5px;
	top: 13px;
}
#footerbanner .btnright{
	position:absolute;
	height:24px;
	width:14px;
	left: 1004px;
	top: 13px;
}
#footerbanner .moduleArea .footerbnimg {
	float:left;
	margin:0 5px;
	height:38px;
	width:168px;
	border:1px solid #bebebe;
}