.mainbox { overflow:hidden; position:relative; }
.mainbox > div { overflow:hidden; position:relative; height:100vh; }
.mainbox > div > article {  height:100%; transition:all .3s; -webkit-transition:all .3s; max-width:1366px; margin:0 auto; position:relative;}
.mainbox > div > article > article { display:table-cell; vertical-align:middle; }
.mainbox > div.ft_hidden { position:absolute; bottom:0; left:0; width:100%; height:90px !important; font-size:0; z-index:-1; }
.mainbox .section { background-repeat:no-repeat; background-position:center center; background-image:url(/img/main/bg_body.jpg); background-attachment:fixed; background-size:cover; }
.mainbox .section:before { content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0;  }
.mainbox .main1:before { background:url(/img/main/bg_se_1.png) center center no-repeat; background-attachment:fixed; }
.mainbox .main2:before { background:url(/img/main/bg_se_2.png) center center no-repeat; background-attachment:fixed; }
.mainbox .main3:before { background:url(/img/main/bg_se_3.png) center center no-repeat; background-attachment:fixed; }


.mainbox .main1 .bg_m1_1 { position:absolute; top:118px; left:40px; width:430px; height:266px; background-repeat:no-repeat; }
.mainbox .main1 .bg_m1_2 { position:absolute; top:118px; right:200px; width:147px; height:197px; background-repeat:no-repeat; }
.mainbox .main1 .bg_m1_3a { position:absolute; bottom:-103px; left:153px; width:397px; height:228px; background-repeat:no-repeat; }
.mainbox .main1 .bg_m1_4 { position:absolute; bottom:39px; right:0; }
.mainbox .main1 .txtbox { position:absolute; top:455px; left:-36px; font-family: 'Noto Serif KR', serif; color:#dabaa4; font-size:12.5px; line-height:20px; font-weight:400; letter-spacing:-0.05em; }
.mainbox .main1 .txtbox ul { background:url(/img/main/bg_txt_line1.png) left bottom repeat-x;}
.mainbox .main1 .txtbox li { height:19px; padding:1px 20px 0 0; background:url(/img/main/bg_txt_line1.png) left top repeat-x; }
.mainbox .main2 .bg_m1_3b { position:absolute; top:-128px; left:153px; width:397px; height:228px; background-repeat:no-repeat; }
.mainbox .main2 .bg_m2_1 { position:absolute; top:102px; right:151px; width:340px; height:243px; background-repeat:no-repeat; }
.mainbox .main2 .bg_m2_2 { position:absolute; top:541px; right:110px; width:330px; height:160px; background-repeat:no-repeat; }
.mainbox .main2 .bg_m2_3 { position:absolute; top:395px; left:60px; }
.mainbox .main2 .bg_m2_4a { position:absolute; bottom:-295px; right:0; }
.mainbox .main3 .bg_m2_4b { position:absolute; top:-43px; right:0; }
.mainbox .main3 .bg_m3_1 { position:absolute; top:180px; left:15px; width:246px; height:220px; background-repeat:no-repeat; }
.mainbox .main3 .bg_m3_2 { position:absolute; top:102px; left:150px; width:225px; height:141px; background-repeat:no-repeat; }
.mainbox .main3 .bg_m3_3 { position:absolute; bottom:0; left:195px;}
.mainbox .main3 .txtbox { position:absolute; bottom:105px; right:130px; font-family: 'Noto Serif KR', serif; color:#dabaa4; font-size:12.5px; line-height:20px; font-weight:400; letter-spacing:-0.05em; }
.mainbox .main3 .txtbox ul { background:url(/img/main/bg_txt_line1.png) left bottom repeat-x; width:316px; text-align:center; }
.mainbox .main3 .txtbox li { height:19px; padding:1px 0 0 0; background:url(/img/main/bg_txt_line1.png) left top repeat-x; }

@media screen and (max-width:1250px){
	.mainbox .main1 .bg_m1_1 { left:30px; width:370px; height:229px; background-size:370px auto; }
	.mainbox .main1 .bg_m1_2 { right:100px; width:128px; height:172px; background-size:128px auto; }
	.mainbox .main1 .bg_m1_3a { left:80px; bottom:-78px; width:307px; height:176px; background-size:307px auto; }
	.mainbox .main1 .bg_m1_4 img { width:320px; }
	
	.mainbox .main2 .bg_m1_3b {left:80px; top:-98px; width:307px; height:176px; background-size:307px auto; }
	.mainbox .main2 .bg_m2_1 { right:100px; width:280px; height:200px; background-size:280px auto; }
	.mainbox .main2 .bg_m2_3 img { width:230px; }
	.mainbox .main2 .bg_m2_4a { bottom:-251px; }
	.mainbox .main2 .bg_m2_4a img { width:245px; }
	.mainbox .main3 .bg_m2_4b { top:-33px; }
	.mainbox .main3 .bg_m2_4b img { width:245px; }
	
	.mainbox .main3 .bg_m3_1 { width:205px; height:185px; background-size:205px auto; }
	.mainbox .main3 .bg_m3_3 img { width:280px; }
}
@media screen and (max-width:1024px){
	.mainbox .main1:before,
	.mainbox .main2:before,
	.mainbox .main3:before { background-attachment:scroll; }
}
@media screen and (max-width:960px){
	.mainbox .main1:before,
	.mainbox .main2:before,
	.mainbox .main3:before { background-size:330px auto; }
	
	.mainbox .main1 .bg_m1_1 { left:20px; width:250px; height:155px; background-size:250px auto; }
	.mainbox .main1 .bg_m1_2 { right:70px; width:90px; height:121px; background-size:90px auto; }
	.mainbox .main1 .bg_m1_3a { left:65px; bottom:-52px; width:190px; height:109px; background-size:190px auto; }
	.mainbox .main1 .bg_m1_4 img { width:220px; }
	
	.mainbox .main2 .bg_m1_3b {left:65px; top:-57px; width:190px; height:109px; background-size:190px auto; }
	.mainbox .main2 .bg_m2_1 { right:70px; width:202px; height:144px; background-size:202px auto; }
	.mainbox .main2 .bg_m2_3 { left:40px; }
	.mainbox .main2 .bg_m2_3 img { width:160px; }
	.mainbox .main2 .bg_m2_4a { bottom:-176px; }
	.mainbox .main2 .bg_m2_4a img { width:175px; }
	.mainbox .main3 .bg_m2_4b { top:-27px; }
	.mainbox .main3 .bg_m2_4b img { width:175px; }
	
	.mainbox .main3 .bg_m3_1 { left:14px; width:145px; height:130px; background-size:145px auto; }
	.mainbox .main3 .bg_m3_3 { left:135px; }
	.mainbox .main3 .bg_m3_3 img { width:200px; }
}

@media screen and (max-width:640px){
	.mainbox .main1:before { background-size:300px auto; background-position:center 410px; }
	.mainbox .main2:before { background-size:300px auto; background-position:center 214px; }
	.mainbox .main3:before { background-size:300px auto; background-position:center 416px; }
	.mainbox #section1 { height:1200px; }
	.mainbox #section2 { height:840px; }
	.mainbox #section3 { height:950px; }
	
	.mainbox .main1 .bg_m1_1 { left:20px; top:208px; width:266px; height:165px; background-size:266px auto; }
	.mainbox .main1 .bg_m1_2 { right:27px; top:40px; width:120px; height:160px; background-size:120px auto; }
	.mainbox .main1 .bg_m1_3a { left:0; bottom:-83px; width:100%; height:158px; background-size:275px auto; }
	.mainbox .main1 .bg_m1_4 { bottom:350px; }
	.mainbox .main1 .bg_m1_4 img { width:260px; }
	.mainbox .main1 .txtbox { top:auto; left:0; bottom:150px; }
	.mainbox .main2 .bg_m1_3b {left:0; top:-75px; width:100%; height:158px; background-size:275px auto; }
	.mainbox .main2 .bg_m2_1 { left:-20px; top:480px; width:240px; height:172px; background-size:240px auto; }
	.mainbox .main2 .bg_m2_2 { display:none; }
	.mainbox .main2 .bg_m2_3 { display:none; }
	.mainbox .main2 .bg_m2_4a { bottom:-131px; }
	.mainbox .main2 .bg_m2_4a img { width:198px; }
	.mainbox .main3 .bg_m2_4b { top:-99px; }
	.mainbox .main3 .bg_m2_4b img { width:198px; }
	
	.mainbox .main3 .bg_m3_1 { left:25px; top:110px; width:164px; height:147px; background-size:164px auto; z-index:2; }
	.mainbox .main3 .bg_m3_2 { text-align:center; margin:0 auto; top:245px; left:-3%; width:100%; }
	.mainbox .main3 .bg_m3_3 { left:0; bottom:84px; }
	.mainbox .main3 .bg_m3_3 img { width:264px; }
	.mainbox .main3 .txtbox { display:none}
}