@charset "utf-8";

html{font-size:10px;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative; box-sizing:border-box}
.hidden_txt{position:absolute; left:-9999px; top:-9999px; font-size:0; width:0; height:0;}
.eventName {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-1px;line-height:1.5;}
img {max-width:100%;}

/* 공통 */
.con01 {position:relative; text-align:center; background:#fff; padding:100px 0;}
.con02 {position:relative; text-align:center; background:url(images_en/con02_bg.jpg) center top / cover; padding:100px 0;}
.con03 {position:relative; text-align:center; background:url(images_en/con03_bg.jpg) #fff center top no-repeat; padding:100px 0;}

.con01 .container{max-width:1055px}

.con02 .video_wrap{position:relative; max-width:770px; margin:0 auto;}
.con02 .video_wrap > div{position:relative; height:0; padding-bottom:56.25%}
.con02 .video_wrap iframe{position:absolute; left:0; top:0; width:100%; height:100%;}
.con02 .txt{position:relative; padding:25px 0 0 0; line-height:1.4; color:#ffffff; font-size:22px;}
.con02 .txt p{margin-bottom:15px}
.con02 .txt p:nth-last-child(1){margin-bottom:0}

.con03 .pd_box{position:relative; margin-bottom:50px; font-size:0}
.con03 .pd_box:nth-last-child(1){margin-bottom:0}
.con03 .pd_box .pd{display:inline-block; vertical-align:bottom; margin-right:38px}
.con03 .pd_box .pd:nth-last-child(1){margin-right:0}
.con03 .pd_box .pd .thumb{position:relative}
.con03 .pd_box .pd .tit{position:relative; height:40px; line-height:40px; color:#222; font-size:21px; text-align:left}
.con03 .pd_box.wide .pd{margin-right:0;}
.con03 .pd_box.wide .pd:nth-last-child(1) .tit{text-align:right}

.con03 .more_link{position:relative; padding:40px 0 0 0;}
.con03 .more_link a{display:inline-block; box-sizing:border-box; padding:15px 100px; background:#222; border-radius:50px; text-align:center; line-height:1.1}
.con03 .more_link a span{display:block; margin:2px 0; color:#fff; font-weight:bold; font-size:24px;}
.con03 .more_link a > div{display:inline-block; vertical-align:middle;}
.con03 .more_link a i{display:inline-block; vertical-align:middle; width:18px; height:14px; position:relative; margin-left:20px;}
.con03 .more_link a i:before{content:''; display:block; width:18px; height:1px; background:#fff; position:absolute; left:0; top:0; transform:rotate(45deg)}
.con03 .more_link a i:after{content:''; display:block; width:18px; height:1px; background:#fff; position:absolute; left:0; bottom:0; transform:rotate(-45deg)}

@media screen and (max-width: 1040px){
	.container{padding:0 20px;}
	
	.con01, .con02, .con03{padding:70px 0}
	
	.con02 .txt{font-size:18px}
	.con02 .txt p{margin-bottom:10px}
	
	.con03 .pd_box{margin-bottom:30px}
	.con03 .pd_box .pd{margin-right:3%; width:52%}
	.con03 .pd_box .pd:nth-last-child(1){width:45%; margin-right:0 !important}
	
	.con03 .pd_box.wide .pd{width:66.4%}
	.con03 .pd_box.wide .pd:nth-last-child(1){width:33.6%;}
	
	.con03 .pd_box.side .pd{margin-right:3%; width:45%}
	.con03 .pd_box.side .pd:nth-last-child(1){width:52%;}
	
	.con03 .pd_box .pd .tit{font-size:2.3vw}
	
	.con03 .more_link a{padding:13px 70px;}
	.con03 .more_link a span{font-size:18px;}
}


@media screen and (max-width: 768px){
	.con01, .con02, .con03{padding:40px 0}
	
	.con03 .pd_box .pd .tit{font-size:2.5vw}
	
	.con03 .more_link{padding:10px 0 0 0}
	.con03 .more_link a{padding:10px 50px;}
	.con03 .more_link a span{font-size:14px;}
	.con03 .more_link a i{margin-left:10px; width:13px; height:10px;}
	.con03 .more_link a i:before, .con03 .more_link a i:after{width:13px}
}