@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:1092px; background:url(images_au/con01_bg.jpg) center top / cover;}
.con02{position:relative; height:2230px; background:url(images_au/con02_bg.jpg) center top / cover;}
.con03{position:relative; height:879px; background:url(images_au/con03_bg.jpg) center top / cover;}

.con01 .padding{position:relative;}
.con01 .txt{position:relative; padding:80px 0 0 0}
.con01 .txt .tit{padding-bottom:45px; margin-bottom:45px; border-bottom:1px solid #000; display:inline-block}
.con01 .txt .tail{position:relative}

.con02 .txt{position:relative; padding:90px 0 0 0}
.con02 .girl{position:relative; padding:60px 0 60px 0}
.con02 .box{position:relative; padding:70px 20px 70px 40px; box-sizing:border-box; border:1px solid #dacfc0; background:#fff; margin-bottom:30px; border-radius:20px; text-align:left}
.con02 .box .img{position:relative; width:285px; display:inline-block; vertical-align:middle}
.con02 .box .img .btn{position:relative; padding:25px 0 0 0; text-align:center}
.con02 .box .img .btn a{display:inline-block; padding:12px 40px; background:#1b1714; border-radius:3px; color:#fff; font-size:15px;}
.con02 .box .img .btn a:after{content:''; display:inline-block; width:5px; height:11px; background:url(images_au/btn_vall.jpg) no-repeat; vertical-align:middle; margin-left:10px; position:relative; top:-1px}
.con02 .box .con{position:relative;display:inline-block;vertical-align:middle;margin-left: 30px;width: 610px;}
.con02 .box .con .tail{position:relative; padding:20px 0 0 0; font-size:21px; color:#000000; opacity:0.5; line-height:30px}
.con02 .box .con .t-list{position:relative; padding:25px 0 0 0; color:#000; font-size:16px}
.con02 .box .con .t-list li{margin-bottom:20px; padding-left:50px}
.con02 .box .con .t-list li:nth-child(1){background:url(images_au/co01.png) left top no-repeat;}
.con02 .box .con .t-list li:nth-child(2){background:url(images_au/co02.png) left top no-repeat;}
.con02 .box .con .t-list li:nth-child(3){background:url(images_au/co03.png) left top no-repeat; margin-bottom:0}
.con02 .box .con .tl-list{position:relative; padding:30px 0 0 0}
.con02 .box .con .tl-list > li{position:relative; margin-bottom:15px}
.con02 .box .con .tl-list > li:nth-last-child(1){margin-bottom:0}
.con02 .box .con .tl-list > li > ul > li{position:relative; display:inline-block; vertical-align:top; margin-right:5px}
.con02 .box .con .tl-list > li > ul > li p{text-align:center; color:#000; font-size:12px; font-weight:bold; padding:10px 0 0 0}
.con02 .box.right .con{margin-left:20px; width:615px}

.con03 .txt{position:relative; padding:80px 0 50px 0}
.con03 .box{position:relative; padding:60px 20px; text-align:center; box-sizing:border-box; border:1px solid #dacfc0; background:#fff; border-radius:20px;}
.con03 .ft_txt{position:relative; padding:30px 0 0 0; color:#000; opacity:0.7; font-size:19px; line-height:30px}

@media screen and (max-width: 1020px){
	.con01{height:700px}
	.con01 .txt{padding:50px 0 0 0}
	.con01 .txt .tit{padding-bottom:25px; margin-bottom:25px}
	.con01 .txt .tail{width:350px; margin:0 auto}
	
	.con02{height:auto; padding-bottom:50px}
	.con02 .txt{padding:50px 0 0 0}
	.con02 .txt .tit{width:350px; margin:0 auto}
	.con02 .girl{padding:40px 0 40px 0; width:320px; margin:0 auto}
	
	.con02 .box{width:95%; margin:0 auto; margin-bottom:20px}
	.con02 .box .img{width:200px; display:block; text-align:center; margin:0 auto}
	.con02 .box .img .btn a{padding:10px 30px; font-size:13px}
	.con02 .box .con{display:block; margin-left:0; margin:0 auto; margin-top:50px; width:500px;}
	.con02 .box .con .tail{font-size:15px; line-height:22px}
	.con02 .box .con .t-list{font-size:13px}
	.con02 .box .con .t-list li{margin-bottom:10px}
	
	.con02 .box.right{padding-top:430px}
	.con02 .box.right .con{margin-left:0; width:auto; margin-top:0; width:500px; margin:0 auto}
	.con02 .box.right .img{position:absolute; left:50%; top:70px; width:200px; margin-left:-100px}
	
	.con03{height:auto; padding-bottom:50px}
	.con03 .txt{padding:50px 0 40px 0}
	.con03 .txt .tit{width:370px; margin:0 auto}
	.con03 .box{width:95%; margin:0 auto; padding:50px 10px; text-align:center}
	.con03 .box img{max-width:400px; width:100%}
	.con03 .ft_txt{padding:20px 0 0 0; font-size:14px; line-height:20px; margin:0 20px}
}

@media screen and (max-width: 768px){
	.con01 .txt .tit{width:200px;}
	.con01 .txt .tail{width:300px}
	
	.con02 .txt .tit{width:300px}
	.con02 .box{padding:50px 20px}
	.con02 .box .con{width:auto !important; max-width:500px;}
	.con02 .box .con .tl-list > li > ul > li{margin-bottom:5px}
	
	.con03 .txt .tit{width:300px}
	.con03 .box{padding:30px 15px}
}

@media screen and (max-width: 330px){

}