/* .depth1{color: #303030 !important;}
 */
 html, body{/* overflow: hidden !important; */ -ms-overflow-style: none; overflow-style: none;}
.gnbBtn a{color: #333; position: relative; z-index: 99; cursor: pointer;}

/* .gnbBtn{border: 1px solid #303030 !important; color: #303030 !important;} */

/* .f-nav .depth1{color: #303030 !important;}
.f-nav .gnbBtn{border: 1px solid #303030 !important; color: #303030 !important;} */


#section1, #section2, #section3{background-size: cover; }
.section{text-align:left; overflow: hidden;}
.layer{position: absolute; z-index: 5; width: 100%; left: 0; top: 43%;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);}
.layerBox{width: 100%; max-width: 1200px; margin: 0 auto;}
.layerBox > h2{font-size: 60px; line-height: 65px; color: fff; font-weight: 700;}
.layerBox > span {font-size: 20px; line-height: 40px; color: #fff; padding-top:70px; padding-right:30px; }
.layer .btLink {position: relative; display: inline-block; padding: 5px 0px; margin-top: 20px; }
.layer .btLink > a{display: block; width: 100%; height: 100%; border: 1px solid #fff; color: #fff; font-size: 16px; line-height: 40px; padding: 0 15px;text-align: center; box-sizing: border-box;}
.layerBox > span > a:hover{color: red; text-decoration: underline; text-underline-position: under;}

#section1{background-image: url('/main/images/banner01.jpg'); background-position: center center;}
#section1 .layerBox > h2, #section1 .layerBox > h3, #section1 .layer .btLink > a{color: #fff;}
#section1 .btLink > a, #section3 .btLink > a{color: #222; border: 1px solid #222;}
#section1 .btLink > a:hover, #section3 .btLink > a:hover{color: #fff; border: 1px solid #fff;}
#section2{background-image: url('/main/images/banner02.jpg');background-position: center center;}
#section2 .layerBox > h2, #section1 .layerBox > h3, #section1 .layer .btLink > a{color: #fff;}
#section3{background-image: url('/main/images/banner03.png'); background-position: center center; }
#section3 .layerBox > h2, #section3 .layerBox > h3{color: #333;}
#section3 .layerBox > h2, #section3 .layerBox > h3, #section1 .layer .btLink > a{color: #fff;}

.layer3box {
	width:290px;
	height:240px;
	border:1px solid #fff;
	margin-top:60px;
	margin-right:30px;
}

.layer3box span {
	color:#fff;
	padding:30px 30px 0 30px;
	font-size:20px;
	font-weight:500;
}

.layerinner {
	display:flex;

}
#section4{overflow: visible;}

.paging{position: fixed; bottom: 8%; right: 20%; font-size: 50px; color: #333;}
.paging .total-area{font-size: 46px;}
.paging .total{font-size: 22px;}