@import url("common.css");



/************* 비쥬얼 *************/
#visual{position:relative; width:100%; height:622px; clear:both; overflow:hidden;}
	.mainVisual{width:100%; overflow:hidden}
	.mainVisual .slideWrap{width:1500px; margin:0px auto; position:relative;}
	.mainVisual .slideWrap ul.slide{width:1500px; overflow:hidden}
	.mainVisual .slideWrap ul.slide li{float:left; overflow:hidden; width:1500px; height:622px; position:relative;}
	/*.mainVisual .slideWrap .txtBox{width:420px; height:134px; position:absolute; left:646px; top:200px; overflow:hidden}
	.mainVisual .slideWrap .txtBox li{float:left; overflow:hidden; width:420px; height:134px; position:relative}*/
	.mainVisual .slideWrap .left{position:absolute; width:2000px; height:622px; background-color:white; opacity:.8; filter: alpha(opacity=80); left:0; margin-left:1500px; z-index:10; top:0px}
	.mainVisual .slideWrap .right{position:absolute; width:2000px; height:622px; background-color:white; opacity:.8; filter: alpha(opacity=80); right:0; margin-right:1500px; z-index:10; top:0px}
	.mainVisual  .slideWrap .Indicator{position:absolute; left:680px; top:582px; width:110px;}
	.mainVisual  .slideWrap .Indicator ul{overflow:hidden; float:left}
	.mainVisual  .slideWrap .Indicator li{float:left; width:16px; height:15px; background:url('../../img/v_btn.png') no-repeat; margin-right:6px; line-height:100px; overflow:hidden; cursor:pointer; border-radius:50%; overflow:hidden;}
	.mainVisual  .slideWrap .Indicator li.on{width:16px; height:15px; background:url('../../img/v_btn_up.png') no-repeat;}
	.mainVisual  .slideWrap .autoBtn{display:block; width:15px; height:15px; background:url('../../img/vbtn_stop.png') no-repeat; float:left; margin:0x; cursor:pointer;}
	.mainVisual  .slideWrap .autoBtn.off{background:url('../../img/vbtn_play.png') no-repeat}
	.hide{visibility:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0}
	.mainVisual .slideWrap .txtBox1{width:542px; height:271px; position:absolute; right:150px; top:154px; overflow:hidden; background: url('../../img/v_txt_bg.png') repeat;}
		.txtBox1 dl{padding:44px 37px;}
		.txtBox1 dt{font-size:20px; font-weight:600; letter-spacing:-1.2pt; color:#4e5459; line-height:100%;}
		.txtBox1 dd{font-size:16px; letter-spacing:-1.1pt; color:#696969; line-height:100%;}
		.txtBox1 dd.blue_point1{font-size:25px; line-height:56px; font-weight:100; color:#2079d8; text-transform: uppercase;padding-top:18px; letter-spacing:-1.2pt;}
		.txtBox1 dd.blue_point2{font-size:25px; line-height:56px; font-weight:700; color:#004483; text-transform: uppercase;padding-bottom:20px; letter-spacing:-1.2pt;}
		
		.mainVisual .three .txtBox1 dl{padding:44px 30px}
		.mainVisual .three .txtBox1 dt{font-size:22px}
		.mainVisual .three .txtBox1 dd.blue_point1{font-size:23px; line-height:50px}
		.mainVisual .three .txtBox1 dd.blue_point2{font-size:25px; line-height:50px; letter-spacing:-1.8pt}
		
		.mainVisual .slideWrap .four .txtBox1{left:150px; top:110px}
		.mainVisual .four .txtBox1 dl{padding:44px 30px}
		.mainVisual .four .txtBox1 dt{font-size:22px}
		.mainVisual .four .txtBox1 dd.blue_point1{}
		.mainVisual .four .txtBox1 dd.blue_point2{}


		.mainVisual .slideWrap .five .txtBox1{width:512px;}
		.mainVisual .slideWrap .five .txtBox1 dt{ letter-spacing:-2pt; }


	/* 원 버튼 */
	.cont_bn{width:1000px; margin:0px auto; position:relative; overflow:hidden; margin-bottom:50px}
	.cont_bn ul{position:relative; overflow:hidden; border-left:1px solid #ddd; border-bottom:1px solid #ddd}
	.cont_bn li{float:left;border-right:1px solid #ddd;}

	/* 화살표 버튼 */
	.controller{position:absolute; top:289px; width:100%;}
	.controller .btns .prev{position:absolute; left:63px;} 
	.controller .btns .next{position:absolute; right:66px;} 

	.v_shadow{background:url('../../img/visual_shadow.png') repeat-x top left; height:8px; position:absolute; top:0px; width:100%; z-index:100}

	


 /************************** contents **************************/
#contents{overflow:hidden; position:relative;}
	h4.tit{font-size:46px; letter-spacing:-0.7pt; font-weight:900; color:#ffffff; text-align:center; line-height:100%; padding-top:74px;}
	h5.stit{font-family:Calibri; font-size:17px;margin:19px 0 59px; line-height:100%; color:#81a0c3; text-align:center; font-weight:normal; line-height:100%; background:url('../../img/stit_line2.gif') no-repeat center center;}

/*#contents .cont_one{width:100%; height:678px; background: url('../../img/cont_bg01.gif') no-repeat center top; }*/
#contents .cont_one{width:100%; height:678px;  }
	.cont_one h4.tit{text-align:center; font-size:46px; font-weight:900; line-height:100%; color:#333333; letter-spacing:-0.5pt;}
	.cont_one h4.tit .eng{letter-spacing:normal; line-height:100%;}
	.cont_one h5.stit{text-align:center; font-size:17px; font-family:Calibri; line-height:100%; color:#979797; background:url('../../img/stit_line.png') no-repeat center center;}
	.cont_one .cont_one_in{background:url('/wgst_fund/img/donation_bg.png') no-repeat center top; width:1500px; margin:0 auto; height:486px;}
	.cont_one_in .one_tit{font-size:24px; letter-spacing:-0.7pt; line-height:100%; font-weight:600;}
	.cont_one_in .one_tit .list {position:absolute;top:34px; right:32px;width:27px;height:27px; z-index:150}

	.cont_one_in .newsWrap{width:758px; height:310px; position:relative; left:149px; color:#fff; padding:42px 0 0 44px; overflow:hidden; clear:both;}
		.newsWrap dl{float:left; width:231px; height:259px; background:#fff;margin:28px 15px 0 0; }
		.newsWrap dt img{width:231px; height:158px;}
		.newsWrap dd.name{background:url('/wgst_fund/img/donate_icon.gif') 21px 0 no-repeat; color:#7f7f7f; font-size:12px; letter-spacing:-0.75pt;  line-height:14px; padding:0 0 0 35px}
		.newsWrap dd.subject{font-size:14px; line-height:30px; color:#333; letter-spacing:-0.25pt; line-height:normal; font-weight:600; padding:24px 15px 8px 21px;}
		.newsWrap dd img{margin-right:7px; vertical-align:top; margin-top:8px;}

			/*.gallery_rolling1 {position:relative; width:721px; height:287px;}
				화살표
			.gallery_rolling1 .arrow_prev1 {position:absolute;top:-25px; right:60px;width:27px;height:27px;cursor:pointer; z-index:150}
			.gallery_rolling1 .arrow_next1 {position:absolute;top:-25px; right:32px;width:27px;height:27px;cursor:pointer; z-index:150}
			.gallery_rolling1 .list {position:absolute;top:-25px; right:3px;width:27px;height:27px; z-index:150}
			롤링박스
			.gallery_rolling1 div.carrousel_box1 {position:relative; overflow:hidden; width:231px; height:287px; left:0px; top:0px;}
			.gallery_rolling1 div.carrousel_box1 ul{position:absolute; overflow:hidden;width:231px; height:287px;}
			.gallery_rolling1 li {float:left; width:245px; height:287px;}*/

	.cont_one_in .honorWrap{width:318px; position:relative; left:991px; top:-310px; color:#fff; padding:0; overflow:hidden; clear:both;}
		.honorWrap dl{width:318px; padding-top:28px;}
		.honorWrap dt{width:318px; height:200px; background:#fff;}
		.honorWrap dt img{display:block;margin:0px auto; padding-top:0px;}
		.honorWrap dd{color:#8091a6; font-size:16px; line-height:100%; font-family:Calibri; letter-spacing:normal; padding-top:6px;}
		.honorWrap dd .name{font-size:17px; color:#fff; letter-spacing:-0.25pt; font-weight:600; line-height:100%; display:block;padding-top:13px; height:17px; overflow:hidden;}

			.gallery_rolling2 {position:relative; width:318px; height:287px;}
				 /**화살표**/
			.gallery_rolling2 .arrow_prev2 {position:absolute;top:-25px; right:60px;width:27px;height:27px;cursor:pointer; z-index:150}
			.gallery_rolling2 .arrow_next2 {position:absolute;top:-25px; right:32px;width:27px;height:27px;cursor:pointer; z-index:150}
			.gallery_rolling2 .list {position:absolute;top:-25px; right:3px;width:27px;height:27px; z-index:150}
			 /**롤링박스 **/
			.gallery_rolling2 div.carrousel_box2 {position:relative; overflow:hidden; width:712px; height:287px; left:0px; top:0px;}
			.gallery_rolling2 div.carrousel_box2 ul{position:absolute; overflow:hidden;width:318px; height:287px;}
			.gallery_rolling2 li {float:left; width:318px; height:287px;}

/*8#contents .cont_two{width:100%; height:555px; background: url('../../img/cont_bg02.gif') no-repeat center top; }*/
/*8#contents .cont_two{width:100%; height:555px; background-color: #0b49b0; }*/
#contents .cont_two{width:100%; height:555px; background-color: #114ba2; }
	.cont_two .cont_two_in{width:1200px; margin:0 auto; overflow:hidden; clear:both;}
	.cont_two_in dl.bg1{float:left; width:200px; margin-right:41px; background: url('/wgst_fund/img/participation_icon_bg1.png') no-repeat center top;background-size: 200px;}
	.cont_two_in dl.bg2{float:left; width:200px; margin-right:41px; background: url('/wgst_fund/img/participation_icon_bg2.png') no-repeat center top;background-size: 200px;}
	.cont_two_in dl:last-child{margin-right:0;}
	.cont_two_in dt{width:200px;height:200px; text-align:center;}
	.cont_two_in dt img{width:35%;margin:65px 0 0 0;}
	.cont_two_in dd{text-align:center; font-size:18px; letter-spacing:-0.7pt; color:#ffffff; line-height:100%; margin-top:26px;}

#contents .cont_three{width:100%; height:446px; background: url('../../img/cont_bg031.jpg') no-repeat center top; }

	.cont_three .cont_three_in{width:1200px; margin:0 auto; overflow:hidden; clear:both;}
	.cont_three_in .three_tit{font-size:22px; font-weight:600; letter-spacing:-1pt; line-height:100%; color:#fff; padding-left:35px;}

	
/*	.cont_three_in .storyH{width:669px; height:345px; background:rgba(255,255,255,0.85); float:left; margin-top:51px; position:relative; overflow:hidden;}*/
	.cont_three_in .storyH{width:669px; height:345px; background:rgba(255,255,255,0.85); float:left; margin-top:51px; margin-left:-334px;position:relative; overflow:hidden;left:50%;}
		.storyH .three_tit{color:#333333; letter-spacing:normal; margin-top:45px; padding-left:42px;}
		.storyH .three_tit span.list {position:absolute;top:40px; right:40px;width:27px;height:27px; z-index:150}
		.storyH dl{position:relative; overflow:hidden; clear:both; width:669px; }
		.storyH dt{float:left; width:280px;}
		.storyH dt img{width:280px}
		.storyH dd{float:left; padding-left:28px; width:290px; letter-spacing:-0.3pt; line-height:20px;}
		.storyH dd.stit{color:#8f9193; font-family:Calibri; font-size:19px; padding:8px 0 12px 0; letter-spacing:normal;}
		.storyH dd.tit{color:#004581;font-weight:900; font-size:23px; letter-spacing:-0.7pt; padding-bottom:15px;}
		.storyH dd.btn{margin-top:18px;}
		
	.cont_three_in .wine_bn{float:left; margin:51px 0 0 10px; position:relative; overflow:hidden;}
		.wine_bn img{cursor:pointer}
		/*.gallery_rolling{position:relative; width:812px; height:206px; overflow:hidden; left:42px; padding-top:50px; top:-20px;}

		.gallery_rolling .arrow_prev {position:absolute;top:0px; right:57px;width:27px;height:27px;cursor:pointer; z-index:150}
		.gallery_rolling .arrow_next {position:absolute;top:0px; right:29px;width:27px;height:27px;cursor:pointer; z-index:150}
		.gallery_rolling .list {position:absolute;top:0px; right:0px;width:27px;height:27px; z-index:150}

		.gallery_rolling div.carrousel_box {position:relative; overflow:hidden; width:812px; height:206px;}
		.gallery_rolling div.carrousel_box ul{position:absolute; overflow:hidden; width:812px; height:206px; }
		.gallery_rolling li {float:left; width:812px; height:206px;}*/

		.clsBannerButton {position:absolute; z-index:40; overflow:hidden; margin:-21px 0 0 0; right:67px}
		.clsBannerButton li {float:left; margin:0 1px 0 0; list-style:none; cursor:pointer;}
		.clsBannerButton li.fir {border-left:1px solid #e1e1e1;}
		.clsBannerButton li.labelOverClass {font-weight:bold;}

		.clsBannerScreen {overflow:hidden; position:absolute; float:left; height:206px; width:812px; z-index:1; left:42px; top:30px;}
		.clsBannerScreen .images {display:none; }


	.cont_three_in .customer{width:296px; height:163px; background:url('../../img/customer_bg.png') no-repeat top left; float:right; margin-top:51px;}
		.customer .three_tit{margin-top:45px;}
		.customer span{display:block;font-family:Calibri; font-size:36px; letter-spacing:-0.1pt; line-height:100%; font-weight:600; margin:25px 0 0 93px; color:#fff;}

	.cont_three_in .account{width:296px; height:182px; background:url('../../img/account_bg.png') no-repeat top left; float:right;}
		.account .three_tit{margin-top:31px;}
		.account span{display:block; color:#d5e5f6; letter-spacing:-0.75pt ; margin:14px 0 0 122px;}
		.account table{margin-left:37px; margin-top:10px;}
		.account th{width:68px; color:#d5e5f6; font-size:14px;  text-align:left; font-weight:normal;}
		.account th.ko{letter-spacing:-0.75pt;}
		.account td{font-family:Calibri; font-size:21px; font-weight:600; color:#fff; line-height:25px;}

#contents .cont_four{width:100%; height:314px; background: url('/img/cont_bg04.jpg') no-repeat center top; }
	.cont_four .cont_four_in{width:1200px; margin:0 auto; }
	.cont_four_in ul{overflow:hidden; clear:both;}
	.cont_four_in li{float:left;}