@charset "utf-8";

.event-wrap {padding-bottom:115px;line-height:1.4;text-align:center;background-color:#f3f3f3}
.event-wrap .event-title {position:relative;padding:110px 0 226px;letter-spacing:-.5px;color:#ffffff;background:url('images_sg/title_bg.jpg') no-repeat center top / cover;}
.event-wrap .event-title h2 {font-size:50px;}

.event-wrap .event-box {position:relative;max-width:910px;z-index:2;margin:-167px auto 0;}
.event-wrap .event-box .copy {position:absolute;top:-38px;right:0;}
.event-wrap .event-box .event-boxCont {color:#666;}
.event-wrap .event-box .event-boxCont .section1 {position:relative;z-index:10;padding:0 7%; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	box-shadow:1px 1px 3px 0 rgba(0,0,0,0.2);background:#fff;
}
.event-wrap .event-box .event-boxCont > ul > li {padding:60px 0;letter-spacing:-.5px;border-bottom:1px solid #dfdfdf;}
.event-wrap .event-box .event-boxCont > ul > li.last {border-bottom:0;}
.event-wrap .event-box .event-boxCont > ul > li .box-title strong {display:inline-block;padding-left:24px;background:url('images_sg/BG_titleL.gif') no-repeat left center;}
.event-wrap .event-box .event-boxCont > ul > li .box-title span {display:inline-block;padding-right:24px;background:url('images_sg/BG_titleR.gif') no-repeat right center;}
.event-wrap .event-box .event-boxCont > ul > li .box-title em {display:block;width:368px;line-height:55px;font-size:28px;color:#fff;background:#d46568;}
.event-wrap .event-box .event-boxCont > ul > li .box-title_sub {margin-top:30px;font-size:20px; line-height: 1.8;}
.event-wrap .event-box .event-boxCont > ul > li .box-title_sub span{font-size:0.9em;}
.event-wrap .event-box .event-boxCont > ul > li .pdt_img {padding-top:40px;}
.event-wrap .event-box .event-boxCont > ul > li:nth-child(2) .pdt_img {padding-top:20px;}
.event-wrap .event-box .event-boxCont > .ft_txt {padding-top:58px;font-size:18px; color:#999999;}

@media screen and (max-width:1024px){
	.event-wrap .event-box {margin-right:5%;margin-left:5%;}
	.event-wrap .event-box .event-boxCont .section1 {padding:0 3%;}
}
@media screen and (max-width:768px){   
	.event-wrap {padding-bottom:50px;}
	.event-wrap .event-title {padding:60px 10px 130px;line-height:1.4;}
	.event-wrap .event-title h2 {font-size:30px;}

	.event-wrap .event-box {margin:-90px 5% 0;}
	.event-wrap .event-box .event-boxCont .section1 {}
    .event-wrap .event-box .event-boxCont > ul > li {padding:30px 0;font-size:14px;}
	.event-wrap .event-box .event-boxCont > ul > li.last {padding-bottom:20px;}
    .event-wrap .event-box .event-boxCont > ul > li .box-title em {width:280px;line-height:40px;font-size:18px;}
	.event-wrap .event-box .event-boxCont > ul > li .box-title_sub {margin-top:15px;font-size:15px;line-height:1.4;}
	.event-wrap .event-box .event-boxCont > ul > li .box-title_sub > span {margin-top:5px;font-size:14px;line-height:1.4;}
	.event-wrap .event-box .event-boxCont > ul > li .pdt_img {padding-top:8%;}
	.event-wrap .event-box .event-boxCont > ul > li:first-child .pdt_img {margin:0 15%;}
	.event-wrap .event-box .event-boxCont > .ft_txt {padding-top:5%;font-size:14px;}
}
@media screen and (max-width:480px){
	.event-wrap .event-title h2 {font-size:25px;}

    .event-wrap .event-box .event-boxCont > ul > li .box-title strong {padding-left:12px;background-size:contain;}
    .event-wrap .event-box .event-boxCont > ul > li .box-title span {padding-right:12px;background-size:contain;}
    .event-wrap .event-box .event-boxCont > ul > li .box-title em {width:210px;line-height:35px;font-size:14px;letter-spacing:0;}	
}