@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;}
.simplelabel{max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-1px;line-height:1.5;}
.simplelabel em{font-weight:bold !important}
img {max-width:100%;}

/* 공통 */
.con01 {position:relative; text-align:center; padding:90px 0; background:url(images_en/con01_bg.jpg) center top / cover;}
.con02 {position:relative; text-align:center; padding:90px 0; background:url(images_en/con02_bg.jpg) center top / cover;}
.con03 {position:relative; text-align:center; padding:90px 0; background:#e6d0c6}
.con04 {position:relative; text-align:center; padding:90px 0; background:url(images_en/con04_bg.jpg) center top / cover;}

.con01 h2{position:relative}
.con01 .img{position:relative; padding:15px 0 0 0}

.con02 h3{position:relative}
.con02 .box_wrap{position:relative; padding:20px 0 0 0; margin:0 auto; max-width:848px;}
.con02 .box_wrap .box:nth-child(2){position:relative; margin-top:20px;}
.con02 .box{position:relative}
.con02 .box_con{position:relative}
.con02 .box_gif{position:relative; background:#fff; box-sizing:border-box; padding:0 50px 40px 50px; text-align:center; font-size:0}
.con02 .box_gif.pb5{padding-bottom:10px}
.con02 .box_gif > div{vertical-align:top; display:inline-block; margin:0 10px; width:46.4%}
.con02 .box_gif.ho{padding:0 10px 30px 10px}
.con02 .box_gif > div img{display:block; vertical-align:top; width:100%}
.con02 .box_gif > div p{position:relative; vertical-align:top; box-sizing:border-box; padding:15px 10px; line-height:1.3; background:#a68e84; color:#fff; font-size:21px; letter-spacing:-1px; font-weight:normal}

.con03 h3{position:relative}
.con03 .img{position:relative; padding:20px 0 0 0}
.con03 .pd_list{position:relative; padding:25px 0 0 0; text-align:center; font-size:0; margin:0 auto; max-width:900px;}
.con03 .pd_list > li{display:inline-block; width:33.3%; text-align:center; vertical-align:top; margin-bottom:30px;}
.con03 .pd_list .pd_thumb{position:relative}
.con03 .pd_list .pd_txt{position:relative; padding:5px 0 0 0; line-height:1.5;}
.con03 .pd_list .pd_txt p:nth-child(1){position:relative; color:#674438; font-size:22px; font-weight:bold;}
.con03 .pd_list .pd_txt p:nth-child(2){position:relative; padding:5px 0 0 0; font-weight:normal; color:#674438; font-size:19px;}
.con03 .pd_list .pd_btn{position:relative; padding:10px 0 0 0;}
.con03 .pd_list .pd_btn a{display:inline-block; color:#fff; background:#111; border-radius:30px; line-height:1.1; padding:8px 17px; font-size:18px}

.con04 .tit{position:relative}
.con04 .img{position:relative; padding:15px 0 0 0}
.con04 .txt{position:relative; padding:25px 0 0 0; line-height:1.2; color:#fff; font-size:29px;}
.con04 .txt p:nth-child(2){position:relative}

@media screen and (max-width: 1040px){
	.container{padding:0 20px;}
	
	.con01, .con02, .con03, .con04{padding:60px 0}
	
	.con02 .box_gif{padding:0 40px 30px 40px}
	.con02 .box_gif > div{width:50%; margin:0; padding:0 10px; box-sizing:border-box}
	.con02 .box_gif > div p{font-size:17px;}
	.con02 .box_gif img{width:100%}
	
	.con03 .pd_list .pd_txt p:nth-child(1){font-size:18px}
	.con03 .pd_list .pd_txt p:nth-child(2){font-size:15px}
	.con03 .pd_list .pd_btn a{padding:5px 15px; font-size:15px}
	
	.con04 .txt{font-size:20px}
}


@media screen and (max-width: 768px){
	.con01, .con02, .con03, .con04{padding:40px 0}
	
	.con02 .box_gif{padding:0 5px 20px 5px}
	.con02 .box_gif > div{width:50%; margin:0; padding:0 4px; box-sizing:border-box}
	.con02 .box_gif > div p{font-size:12px; padding:13px 3px}
	.con02 .box_gif img{width:100%}
	
	.con03 .pd_list{max-width:700px; margin:0 auto}
	.con03 .pd_list > li{display:inline-block; width:50%; margin-bottom:30px; box-sizing:border-box; padding:0 10px}
	.con03 .pd_list > li:nth-last-child(1){margin-bottom:0}
	.con03 .pd_list .pd_txt p:nth-child(1){font-size:15px}
	.con03 .pd_list .pd_txt p:nth-child(2){font-size:13px}
	.con03 .pd_list .pd_btn a{padding:6px 15px; font-size:13px}
	
	.con04 .txt{font-size:14px}
}
