@charset "utf-8";

.hk *{font-family: '新宋体' !important;} /*홍콩*/
.hk *{font-family:'黑体', SimHei !important;} /*홍콩*/
.tw *{font-family: '新宋体' !important;} /*대만*/
.tw *{font-family:'黑体', SimHei !important;} /*대만*/
.jp *{font-family: 'DFGothic' !important;} /*일본*/
.th *{font-family:'Cloud-Light',Tahoma;} /*태국*/
.th2 {font-family:'Cloud' !important; font-weight:bold;} /*태국*/
.vn *{font-family: Arial;} /*베트남*/
.en {font-family: 'InnisfreeGothic' !important;} /*영문*/

.event-wrap{position:relative; max-width:2560px; margin:0 auto; text-align:center}
.event-wrap > div > div{position:relative; max-width:1000px; margin:0 auto; text-align:center}

.con01{position:relative; height:1184px; background:url(images_sg/con01_bg.jpg) center top / cover;}
.con02{position:relative; height:2742px; background:url(images_sg/con02_bg.jpg) center top / cover;}
.con03{position:relative; height:1089px; /* background:url(images_sg/con03_bg.jpg) center top / cover; */  background:#fff2f2}

.con01 .tit{position:relative; padding:100px 0 0 0}

.con02 .box{position:relative; padding:80px 0 0 0; width:940px; margin:0 auto}
.con02 .box .tit{position:relative; text-align:center; font-size:0}
.con02 .box .tit > div{position:relative; display:inline-block; padding:0 20px; vertical-align:middle}
.con02 .box .tit > div img{position:relative; z-index:10}
.con02 .box .tit > div:after{content:''; display:block; height:25px; background:#fff5c5; position:absolute; left:0; bottom:10px; width:100%;}
.con02 .box .tit > span{font-size:23px; font-weight:bold; color:#ea8665; vertical-align:middle; position:relative; top:13px; padding:0 20px 0 5px; height:31px; display:inline-block; line-height:31px}
.con02 .box .tit > span i{position:relative; z-index:10; font-style:normal;}
.con02 .box .tit > span:after{content:''; display:block; height:25px; background:#fff5c5; position:absolute; left:0; bottom:2px; width:100%}
.con02 .box .tail{position:relative; padding:20px 0 0 0; font-size:21px; color:#45413e; line-height:30px}
.con02 .box .btn{position:relative; padding:40px 0 0 0; text-align:center}
.con02 .box .btn a{display:inline-block; color:#fff; font-size:24px; font-weight:bold; border-radius:40px; background:#5e402d; padding:15px 40px}

.con02 .box .b-slide{position:relative;background:#fff;margin-top:70px;padding: 40px 80px 50px 80px;}
.con02 .b-slide:after{width:100%; height:23px; background:url(images_sg/boxtop_bg.png) center top no-repeat; content:''; position:absolute; left:50%; transform:translateX(-50%); top:-23px; display:block; z-index:10;}
.con02 .b-slide .slick-arrow{display:inline-block; text-indent:-9999px; border:0; width:22px; height:36px; position:absolute; top:50%; margin-top:-18px; z-index:10}
.con02 .b-slide .slick-prev{background:url(images_sg/prev.png) no-repeat; left:-40px}
.con02 .b-slide .slick-next{background:url(images_sg/next.png) no-repeat; right:-40px}
.con02 .b-slide li {text-align:center}
.con02 .b-slide li img{display:inline}

.con03 > .tit{position:relative; padding:95px 0 0 0}
.con03 .con{position:relative; padding:50px 0 0 0; width:1000px; margin:0 auto; font-size:0}
.con03 .hols{position:relative; display:inline-block; width:490px; vertical-align:top}
.con03 .hols:nth-child(1){margin-right:20px;}
.con03 .hols .txt{position:relative; background:#ffdfdb; padding:30px 20px; min-height:160px}
.con03 .hols .txt .tit{font-size:33px; color:#5e402d; font-weight:bold}
.con03 .hols .txt .tail{font-size:20px; color:#45413e; line-height:28px; padding:15px 0 0 0}
.con03 .hols .txt .tail span{color:#f68274}
.con03 .hols .txt .t-tail{font-size:17px; color:#c9877f; padding:20px 0 0 0}
.con03 .ft_txt{position:relative; padding:40px 0 0 0; color:#afa1a1; font-size:18px}

.mop{display:none}


@media screen and (max-width: 1020px){
	.con01{height:600px;}
	.con01 .tit{margin:0 auto; width:550px; padding:50px 0 0 0}
	
	.con02{height:auto; padding-bottom:50px}
	.con02 .box{padding:50px 0 0 0; width:90%}
	.con02 .box .tail{font-size:16px; line-height:20px}
	.con02 .box .tit > span{display:block; top:5px; display:inline-block; font-size:18px; padding:0 15px}
	.con02 .box .tit > div{padding:0 15px}
	.con02 .box .tit > div img{width:320px}
	.con02 .box .tit > div:after{height:20px}
	.con02 .box .tit > span:after{height:20px; bottom:5px}
	.con02 .box .btn a{font-size:18px; padding:13px 30px}
	
	.con03{height:auto; padding-bottom:50px}
	.con03 > .tit{width:320px; padding:50px 0 0 0; margin:0 auto}
	.con03 .con{width:90%;}
	.con03 .hols{margin-right:0 !important; margin-bottom:25px}
	.con03 .ft_txt{padding:20px 10px 0 10px; font-size:15px}
	.con03 .hols .txt .tit{font-size:25px}
	.con03 .hols .txt .tail{font-size:16px; line-height:23px}
	.con03 .hols .txt .t-tail{font-size:15px}
	.con03 .hols .txt{min-height:auto}
	
	.mop{display:inline}
}

@media screen and (max-width: 768px){
	.con01{height:450px;}
	.con01 .tit{width:450px; padding:40px 0 0 0}
	
	.con02 .box{padding:40px 0 0 0;}
	.con02 .box .tail{font-size:15px; }
	.con02 .box .tit > div{padding:0 10px}
	.con02 .box .tit > div img{width:270px;}
	.con02 .box .tit > span{font-size:16px; padding:0 10px}
	.con02 .box .b-slide{padding:20px 45px 30px 45px}
	.con02 .b-slide .slick-arrow{width:15px; height:25px; background-size:cover}
	.con02 .b-slide .slick-prev{left:-35px}
	.con02 .b-slide .slick-next{right:-35px}
	
	.con03 > .tit{width:300px}
	.con03 .hols{width:300px; display:block; margin:0 auto !important; margin-bottom:20px !important}
	.con03 .ft_txt{font-size:14px}
}

@media screen and (max-width: 550px){
	.con01 .tit{width:340px}
	.con02 .box .tit > div img{width:240px}
}

@media screen and (max-width: 350px){
	.con01 .tit{width:300px}
	.con02 .box .tit > div img{width:220px}
	.con03 .con{width:auto}
}