@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; margin:0 auto; text-align:center}

.con01{position:relative; height:1058px; background:url(images_sg/con01_bg.jpg) center top / cover;}
.con02{position:relative; padding:100px 0 100px 0; background:url(images_sg/con02_bg.jpg) center top / cover;}

.con01 .tit{position:relative; padding:110px 0 0 0; font-size:64px; color:#395b29; font-weight:bold; line-height:75px;}
.con01 .visual{position:relative; padding:40px 0 0 0;}
.con01 .visual .v-tit{position:relative}
.con01 .visual .v-img{position:relative; padding:25px 0 0 0}

.con02 > .txt{position:relative; padding:0px 0 50px 0}
.con02 > .txt .t-icon{position:relative; text-align:center}
.con02 > .txt .t-tit{font-size:42px; color:#fff; font-weight:bold; margin:15px 0 0 0}

.box-wrap{width:1000px; margin:0 auto; position:relative; box-sizing:border-box; background:#fff; border-radius:15px; overflow:hidden}
.box-wrap .box{position:relative; margin:65px 50px;}
.box-wrap .box .b-icon{position:relative}
.box-wrap .box .b-tit{font-size:32px; color:#126435; font-weight:bold; padding:15px 0 0 0}
.box-wrap .box .bb{position:relative; padding:20px 0 0 0}
.box-wrap .box .bb p{font-size:21px; color:#666666; padding:5px 0 0 0}
.box-wrap .box .bb p.em{font-weight:bold; padding:0}
.box-wrap .box .b-img{position:relative; padding:10px 0 0 0}
.box-wrap .box .b-txt{position:relative;background:#2c4729;padding:30px 20px;margin:0 auto;width: calc(100% - 120px);box-sizing:border-box;}
.box-wrap .box .b-txt p{opacity:0.7; color:#fff; font-size:17px; padding:10px 0 0 0; line-height:24px}
.box-wrap .box .b-txt p.em{font-size:24px; opacity:1; color:#fff; padding:0; font-weight:bold}
.box-wrap .box:nth-child(2){border-top:1px solid #ccc; padding-top:65px}
.box-wrap .box:nth-child(2) .b-tit{color:#74621a}
.box-wrap .box:nth-child(2) .b-txt{background:#6a4d19; width:calc(100% - 116px)}

@media screen and (max-width: 1020px){
	.con01{height:auto; padding:50px 0}
	.con01 .tit{padding:0; font-size:40px; line-height:50px}
	.con01 .visual .v-tit{width:250px; margin:0 auto}
	.con01 .visual .v-img{width:600px; margin:0 auto}
	
	.con02{height:auto; padding:50px 0}
	.con02 > .txt .t-icon img{width:40px}
	.con02 > .txt .t-tit{font-size:25px;}
	.box-wrap{max-width:none; width:95%}
	.box-wrap .box{margin:45px 30px}
	.box-wrap .box .b-icon img{width:50px}
	.box-wrap .box .b-tit{font-size:20px; padding:15px 0 0 0}
	.box-wrap .box .bb{padding:15px 0 0 0}
	.box-wrap .box .bb p{font-size:15px}
	
	.box-wrap .box .b-img{width:400px; margin:0 auto}
	.box-wrap .box .b-txt p.em{font-size:15px}
	.box-wrap .box .b-txt{width:390px}
	.box-wrap .box .b-txt p{font-size:14px; line-height:20px; padding:5px 0 0 0}
	.box-wrap .box:nth-child(2) .b-img{width:468px}
	.box-wrap .box:nth-child(2){padding-top:45px}
	.box-wrap .box:nth-child(2) .b-txt{width:460px}
}

@media screen and (max-width: 768px){
	.con01 .tit{font-size:23px; line-height:30px; padding:0 5px}
	.con01 .visual{padding:20px 0 0 0}
	.con01 .visual .v-tit{width:200px}
	.con01 .visual .v-img{min-width:300px; width:80%}
	
	.con02 > .txt .t-icon img{width:35px}
	.con02 > .txt{padding:0px 10px 50px 10px}
	.con02 > .txt .t-tit{font-size:17px;}
	.box-wrap .box{margin:30px 20px}
	.box-wrap .box .b-tit{font-size:15px}
	.box-wrap .box .bb p{font-size:14px}
	
	.box-wrap .box .b-img{width:100% !important}
	.box-wrap .box .b-txt{width:calc(100% - 10px);}
	.box-wrap .box:nth-child(2){padding-top:25px}
	.box-wrap .box:nth-child(2) .b-txt{width:calc(100% - 8px);}
}

@media screen and (max-width: 330px){
	.con01 .tit{font-size:22px}
}