@import url("surroundings.css");

@media(min-width: 1001px) {
	.surroundings.exper-01 .sectionContent {
		width: 1600px;
	}
    .surroundings.exper-01 .surroundingsBg {
        min-width: auto;
    }
	.surroundings.exper-01 .surrounBox {
		padding-left: 0;
	}
    .instruct.exper-02 .sectionContent .instructWrap .homeSub {
        margin-bottom: -5px;
        width: 471px;
    }
    .instruct.exper-02 .sectionContent .instructWrap .instructBg {
        width: 42.1vw;
    }

    .lower.exper-03 .sectionContent .lowerFram {
    	padding: 16.7vh 0;
    }
    .lower.exper-03 .sectionContent .lowerBg {
    	height: auto;
    }
    .lower.exper-03 .sectionContent .frameWrap {
    	justify-content: flex-start;
    	height: auto;
    	padding: 0;
    	margin-right: 1.55vw;
    }
    .lower.exper-03 .sectionContent .frameWrap .faramePhotoSub {
    	margin-bottom: 3.9vw;
    }
    .lower.exper-03 .sectionContent .frameWrap .homeSub {
    	margin-bottom: 0;
    }
}

@media(max-width:1000px) {
    #pageContainer .pageContent .section.instruct.exper-02 {
        margin-bottom: 59px;
    }
    #pageContainer .pageContent .section.lower.exper-03 {
	    margin-bottom: -5px;
    }
    .lower.exper-03 .sectionContent .lowerFram .lowerBg {
    	width: 100%;
    	margin: 0 0 48px;
    }
    .lower.exper-03 .sectionContent .lowerFram .frameWrap {
    	flex-direction: column;
    	margin-bottom: 0;
    }
    .lower.exper-03 .sectionContent .lowerFram .frameWrap .faramePhotoSub {
    	margin-left: -7.3%;
    }
}