@charset "utf-8";
/**************************************************
프로그램 ID : PlnLayout.css
프로그램 명 : 공장이야기
작   성   자 : IDENVI 퍼블리셔 서정민(dark@idenvi.com)
최초 작성일 : 2007/08/16
최종 작성일 : 
참고 사항 :  
*****************************************************/

/* 큰제목 
-------------------------------------------------------------------------------*/
dl.plnTitle dt.contentTit {margin-top:54px;float:left;margin-right:9px;}

dl.plnTitle dt.contentTit02 {margin-top:39px;float:left;margin-right:9px;padding-left:10px;}

/* 큰제목설명 
-------------------------------------------------------------------------------*/
dl.plnTitle dd.contentTxt{margin-top:67px;float:left;}
	
/*  본문감싸기
-------------------------------------------------------------------------------*/
ul.plnMainDate {clear:both;}
ul.plnMainDate li.bbsList  {
	background: url('/jpn/images/plant/PlnVspBg_02.gif') 0 0 no-repeat;
	padding-top:28px;
	padding-left:20px;
}
ul.plnMainDate li.bbsList table.bbsListMain {
	text-align: center;
	color:#828280;
	width:640px; 
	border:0px;
	}

/* 텝메뉴 
-------------------------------------------------------------------------------*/
ul.plnTopTab2 {
	clear:both;
	background: url('/jpn/images/community/CmnTabBg_01.gif') 0 29px repeat-x;
	width:680px;
	height:26px;
	padding-top:29px;

	}
ul.plnTopTab2 li {float:left;}
ul.plnTopTab2 li img {vertical-align: top;}

/* 타이틀 
-------------------------------------------------------------------------------*/
ul.plnMainTit {
	clear:both;
	margin-top:22px;
	}

ul.plnMainTit li.topTitle {
	background: url('/jpn/images/community/CmnBul_01.gif') 0 0 no-repeat;
	padding-left:13px;
	
	}
ul.plnMainTit li.mainVisual03 {height:192px;}
ul.plnMainTit li.mainVisual03 img{ vertical-align:top;}
ul.plnMainTit li.mainVisual {}
ul.plnMainTit li.mainVisual img{ vertical-align:top;}



table.plnBestShot {width:680px;height:133px;margin-top:50px;margin-bottom:20px;border:0;}
table.plnBestShot tr td.pic {background: url('/jpn/images/plant/PlnVspBg_03.gif') 14px 0 no-repeat;text-align:right;vertical-align:top;}
table.plnBestShot tr td.pic img{margin-top:10px;margin-right:10px;}
table.plnBestShot tr td.data {vertical-align:top;}
table.plnBestShot tr td.data ul li.data {margin-left:20px;border-bottom:1px solid #ECECEC;width:211px;height:17px;padding-top:4px;font-weight:bold;}
table.plnBestShot tr td.data ul li.data span.tit {color:#C0AD69;}
table.plnBestShot tr td.data ul li.data span.name {color:#9B9B9B;}
table.plnBestShot tr td.data ul li.txt{margin-left:20px;width:211px;margin-top:5px;font-size:11px;}
table.plnBestShot tr td.data ul li.txt a, a:hover{color:#656565;}
table.plnBestShot tr td.banner001 {background: url('/jpn/images/plant/PlnVspBg_01.gif') 0 0 no-repeat;width:251px;height:133px;padding-left:10px;}


p.plncon {margin:0;}
p.plncon img{margin-top:0;}

h3.plnTit002 {clear:both;margin:11px 0 11px 10px;;padding:0;}
h3.plnTit003 {clear:both;margin:31px 0 11px 10px;;padding:0;}
div.infoPlnWrap {width:665px;}
div.plantImg {float:left;width:329px;text-align:center;margin-top:10px;}
ul.infoPlnDataWrap {float:left;width:335px;font-size:12px;margin-top:1px;}
ul.infoPlnDataWrap li img {vertical-align:middle;}
ul.infoPlnDataWrap li img.plntxt01 {margin:10px 0 9px 0;}
ul.infoPlnDataWrap li img.plntxt02 {margin-bottom:4px;}
ul.infoPlnDataWrap li dl {margin:0;padding:0;width:300px;}
ul.infoPlnDataWrap li dl dt {float:left;}
ul.infoPlnDataWrap li dl dd {float:left;padding-top:2px;padding-left:4px;}
ul.infoPlnDataWrap li span.lh17 {line-height:17px;}
ul.infoPlnDataWrap li span.lh25{line-height:18px;}
ul.infoPlnDataWrap li.date01 {background: url('/jpn/images/plant/PlnBul_01.gif') 2px 1px no-repeat;padding-left:19px;}
ul.infoPlnDataWrap li.date02 {background: url('/jpn/images/plant/PlnBul_02.gif') 2px 1px no-repeat;padding-left:19px;}
dl.infoPlnDataWrap01  {clear:both; margin-top:20px; margin-left:18px;}
dl.infoPlnDataWrap01 dt.date03 {float:left;background: url('/jpn/images/plant/PlnBul_03.gif') 2px 0 no-repeat;padding-left:19px;margin-right:10px;}
dl.infoPlnDataWrap02 {clear:both;float:left;width:190px; margin-top:10px; margin-left:9px;}
dl.infoPlnDataWrap02 dt.date04 {background: url('/jpn/images/plant/PlnBul_04.gif') 2px 0 no-repeat;padding-left:19px; float:left;margin-right:5px;}
dl.infoPlnDataWrap03 {float:left; margin-top:10px; margin-left:18px;}
dl.infoPlnDataWrap03 dt.date05 {background: url('/jpn/images/plant/PlnBul_05.gif') 2px 0 no-repeat;padding-left:19px; float:left;margin-right:5px;}
img.printBtn {float:right;padding-right:80px;margin-top:10px;}
img.plnMap {margin: 0 0 0 21px;}

/* 공장이야기 LEFT MENU
-------------------------------------------------------------------------------*/
ul.plnLeftMenu {}
ul.plnLeftMenu li.plnLeftFlash01{}
ul.plnLeftMenu li.plnLeftMenuList {background:url('/jpn/images/plant/PlnLeftMenuBg_01.jpg') 0 0 no-repeat;padding-left:12px;height:90px;width:228px;}
ul.plnLeftMenu li.plnLeftMenuList ul.wrap {padding-top:2px;width:228px;}
ul.plnLeftMenu li.plnLeftMenuList ul.wrap li{margin-bottom:1px;height:21px;}
ul.plnLeftMenu li.plnLeftMenuList ul.wrap li img{vertical-align: top;}
ul.plnLeftMenu li.plnLeftFlash02{}

dl.plnWay01 img {vertical-align:middle;}


dl.plnWay01 {clear:both;margin-top:10px;margin-bottom:10px;margin-left:20px;}
dl.plnWay01 dt.title {margin-bottom:3px;}
dl.plnWay01 dd.date {font-size:11px;letter-spacing:-1px;padding-left:15px;line-height:18px;}
dl.plnWay02 {clear:both;margin-top:10px;margin-bottom:10px;margin-left:20px;}
dl.plnWay02 dt.title {margin-bottom:3px;}
dl.plnWay02 dd.date {font-size:11px;letter-spacing:-1px;padding-left:15px;line-height:18px;}
dl.plnWay03 {clear:both;margin-top:10px;margin-bottom:10px;margin-left:20px;}
dl.plnWay03 dt.title {margin-bottom:3px;}
dl.plnWay03 dd.date {font-size:11px;letter-spacing:-1px;padding-left:15px;line-height:18px;}


/*  달력 공장견학 신청하기
-------------------------------------------------------------------------------*/

div.plnTopWrap {width:680px;height:806px;background: url('/jpn/images/plant/PlnBg_02.gif') 0 29px no-repeat;position:relative;padding-top:29px;}
div.plnTopWrap img.mainTopTxt {margin:29px 0 0 249px;}
div.plnTopWrap02 {width:680px;position:relative;padding-top:29px;}
div.plnTopWrap02 img.mainTopTxt {margin:29px 0 0 249px;}
div.calenderCtrl {float:right;margin-top:22px;padding-right:48px;}

/* 달력 컨트롤러 */
div.calenderCtrl ul.wrap {clear:both;height:41px;}
div.calenderCtrl ul.wrap li.next_month {float:left;}
div.calenderCtrl ul.wrap li.next_month img {vertical-align:top;margin-top:15px;}
div.calenderCtrl ul.wrap li.month {float:left;}
div.calenderCtrl ul.wrap li.month img {vertical-align:top;}
div.calenderCtrl ul.wrap li.pre_month {float:left;}
div.calenderCtrl ul.wrap li.pre_month img {vertical-align:top;margin-top:15px;}

/* 달력 감싸기 */

div.calenderWrap02 {clear:both;background: url('/jpn/images/plant/PlnBg_06.gif') 0 0 no-repeat;width:680px;height:614px;padding-top:18px;padding-left:20px;}
div.calenderWrap {clear:both;background: url('/jpn/images/plant/PlnBg_03.gif') 0 0 no-repeat;width:680px;height:614px;padding-top:18px;padding-left:20px;}
div.calenderWrap dl.toDayWrap {background: url('/jpn/images/plant/PlnBg_04.gif') 0 0 no-repeat; width:162px;height:23px;margin-bottom:45px;}
div.calenderWrap dl.toDayWrap dt {float:left;margin:5px;}
div.calenderWrap dl.toDayWrap dt img {vertical-align:top;}
div.calenderWrap dl.toDayWrap dd {float:left;margin-top:6px;font-weight:bold;color:#fff;}




/* 달력 내용 */
table.calender {clear:both;font-size:11px;margin-left:4px;}
table.calender tr td{vertical-align:top;}
table.dayDate {font-size:11px;margin-left:1px;width:90px;height:92px;border:0;}
table.dayDate  tr td {vertical-align:top;}
table.dayDate  tr td.day {vertical-align:middle;font-weight:bold;}
table.dayDate  tr td.day span.normalDay {color:#959595;font-family:Tahoma;} /* 평일+토요일 */
table.dayDate  tr td.day span.sunDay {color:#FB5B31;font-family:Tahoma;} /* 일요일 전용 */
table.dayDate  tr td.content02 {text-align:center;vertical-align:middle;} /* 신청가능 BTN */
table.dayDate  tr td.content {letter-spacing:-1px;}
table.dayDate  tr td.content span.category {color:#FF8220;}
table.dayDate  tr td.btn {text-align:center;}



/*  신청하기
-------------------------------------------------------------------------------*/


dl.plnVisitWrap {width:637px;padding-top:37px;height:390px;border-bottom:1px solid #E3E3CA;}


/* 견학신청 정보 */
dl.plnVisitWrap dt.visitInfo {background: url('/jpn/images/plant/PlnBg_05.gif') 0 0 repeat-x;height:21px;width:613px;padding-top:10px;padding-left:24px;}
dl.plnVisitWrap dd.visitInfoDateWrap {height:106px;padding-top:9px}

table.visitInfoDate {margin-left:126px;width:455px;height:98px;border:0;}
table.visitInfoDate tr td.data {color:#FF7E00;}
table.visitInfoDate tr td.groupName input.ipt {width:379px;height:16px;border:1px solid #DADADA;}
table.visitInfoDate tr td.start input.ipt  {width:379px;height:16px;border:1px solid #DADADA;}
table.visitInfoDate tr td.persons input.ipt {width:55px;height:16px;border:1px solid #DADADA;}

/* 신청자 정보 */
dl.plnVisitWrap dt.userInfo{background: url('/jpn/images/plant/PlnBg_05.gif') 0 0 repeat-x;height:21px;width:613px;padding-top:10px;padding-left:24px;}
dl.plnVisitWrap dd.userInfoWrap {}

table.userInfoDate {margin-left:126px;height:189px;width:455px;border:0;}
table.userInfoDate tr td.name input.ipt {width:136px;height:16px;border:1px solid #DADADA;}
table.userInfoDate tr td.phon input.ipt {width:136px;height:16px;border:1px solid #DADADA;}
table.userInfoDate tr td.cell input.ipt {width:136px;height:16px;border:1px solid #DADADA;}
table.userInfoDate tr td.email input.ipt {width:379px;height:16px;border:1px solid #DADADA;}
table.userInfoDate tr td.address input.ipt {width:379px;height:16px;border:1px solid #DADADA;}
table.userInfoDate tr td.etc textarea.ipt {font-size:12px;color:#838383;width:379px;height:49px;border:1px solid #DADADA;}

/* 신청하기 Btn */
div.calenderWrap02 p.joinBtn001 {margin:0;paddin:0;float:right;padding-right:40px;margin-top:10px;}





/*  나의 견학신청 보기
-------------------------------------------------------------------------------*/

div.applyListWrap div.applyListImg01 {margin-top:-29px;float:left;}
div.applyListWrap div.applyListImg02 {float:left;margin-top:-18px;} 

table.applyList {width:637px;clear:both;border-bottom:1px solid #C3E3AE;}
table.applyList thead tr {background: url('/jpn/images/plant/PlnBg_05.gif') 0 0 repeat-x; height:31px;}
table.applyList tbody tr {height:30px;}
table.applyList tbody tr td {text-align: center;}
table.applyList tbody tr td.data {color:#FF7E00;}


/* 진행 상태 */
ul.visitStep {clear:both;width:640px;margin:0 auto;}
ul.visitStep li.step01 {float:left;width:160px;background: url('/jpn/images/plant/PlnBul_07.gif') 141px 30px no-repeat;}
ul.visitStep li.step02 {float:left;width:160px;background: url('/jpn/images/plant/PlnBul_07.gif') 141px 30px no-repeat;}
ul.visitStep li.step03 {float:left;width:160px;background: url('/jpn/images/plant/PlnBul_07.gif') 141px 30px no-repeat;}
ul.visitStep li.step04 {float:left;width:160px;}
/* 신청하기 Btn */
div.calenderWrap02 p.joinBtn002 {margin:0;paddin:0;float:right;padding-right:40px;margin-top:10px;}


/*  사이버 투어
-------------------------------------------------------------------------------*/

div#cyberTourWrap {margin-top:40px;}
