@CHARSET "UTF-8";

/* 공통 */
.sub *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	letter-spacing: -0.025em;
}
.sub .inner{width: 1200px;}
.sub .top{
	position:relative;
	width: 95.208%;
	height: 374px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 156px;
    border-radius: 30px;
    /* overflow: hidden; */
}
.sub .top .tit{
	font-size:46px;
	font-weight:600;
	line-height:1;
	position: relative;
    top: 140px;
    color: #fff;
    text-align: center;
    transition: 1s all;
    /*transform: translate(0,-30px);*/
    opacity: 0;
    z-index: 1;
}
.sub .top .subTit{
	font-size:18px;
	line-height:1;
	position: relative;
    top: 220px;
    color: #fff;
    text-align: center;
    transition: 1s all;
    /*transform: translate(0,-30px);*/
    opacity: 1;
    z-index: 1;
}
body.load .sub .top .tit{
    /*transform: translate(0,0);*/
    opacity: 1;
}
.sub .top span.bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    border-radius: 30px;
}
.sub .top span.bg:after{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position:center center;
	background-size: cover;
	background-repeat:no-repeat;
	transition: 2s all;
    transform: scale(1.1) rotate(0.001deg);
	content:'';
}
body.load .sub .top span.bg:after{transform: scale(1) rotate(0.001deg);}
.sub .top.bg_reserv .bg:after{background-image:url("/w2/asset/images/sub/new_top_bn_ski25.png");}
.sub .top.bg_condo03_1 .bg:after{background-image:url("/w2/asset/images/sub/new_top_bn_condo25.png");}
.sub .top.bg_reserv02 .bg:after{background-image:url("/w2/asset/images/sub/top_bn_reserv02.jpg");}

.sub .top.bg_member .bg:after{background-image:url("/w2/asset/images/sub/member/top_bn_member.jpg");}

/* 골프 회원제 */
.sub .top.bg_golf01_3 .bg:after{background-image:url("/w2/asset/images/sub/new_top_bn_golf25.png");} 
.sub .top.bg_golf01_4 .bg:after{background-image:url("/w2/asset/images/sub/new_top_bn_golf25.png");} 
/* 골프 퍼블릭 */
.sub .top.bg_golf02_3 .bg:after{background-image:url("/w2/asset/images/sub/new_top_bn_golf25.png");} 
.sub .top.bg_golf02_4 .bg:after{background-image:url("/w2/asset/images/sub/new_top_bn_golf25.png");} 

.sub .sub_tit{
	font-size: 30px;
	font-weight: 500;
	color: #000;
}
.sub .sub_stit{
	font-size: 22px;
	font-weight: 500;
}

.new_top {
	/* width: 1200px;
	height: 120px; */
	margin: 0 auto;
	background-color: #f7f7f7;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.new_top .new_tit_wrap {
	text-align: center;
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
}
.new_top .new_tit_wrap .new_tit_bar{
	font-size: 50px;
	font-weight: 600;
	padding-bottom: 20px;
	position: relative;
}
.new_top .new_tit_wrap .new_tit_bar:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 40px;
	height: 1px;
	background: #333;
}
.new_top .new_tit_wrap .new_tit_sub{
	font-size: 16px;
	line-height: 1.500em;
	padding-top: 35px;
	font-weight: 200;
}

/* 탭 */
.tab_wrap{
	width: 1200px;
	margin: -70px auto 0 ;
}
.tab_wrap:after{content: ''; display: block; clear: both}
.tab_wrap li{float: left;}
.tab_wrap.w2 li{width: 50%}
.tab_wrap.w3 li{width: 33.33%}
.tab_wrap.w4 li{width: 25%}
.tab_wrap.w5 li{width: 20%}
.tab_wrap.w6 li{width: 16.66%}
.tab_wrap.w8 li{width: 12.5%}
.tab_wrap li a{
	position: relative; 
	display: block; 
	width: 100%; 
	height: 70px; 
	line-height: 70px; 
	font-weight: 300; 
	text-align: center; 
	letter-spacing: -0.025em; 
	color: #000; 
	background: #fff; 
}
.tab_wrap li a.on {
	background: #000; 
	color: #fff;
}
/* @media screen and (min-width: 640px){
    .sub .top {
        margin-top: 100px;
        height: 236px;
    }
    .sub .top span.bg {
        border-radius: 30px;
        height: 236px;
        margin-top: 90px;
    }
    .sub .top span.bg:after {
        background-position: center;
    }
    .sub .top .tit {
        font-size: 46px;
        top: 105px;
    } 

} */
@media screen and (max-width: 1440px){

}

@media screen and (max-width: 1280px){
	
}
@media screen and (max-width: 1279px){
	/* .sub .top {
        margin-top: 100px;
        height: 236px;
    } */
    .sub .top span.bg {
        /* border-radius: 30px; */
        height: 236px;
        margin-top: 90px;
    }
	.sub .top span.bg:after {
        background-position: center;
    }
    .sub .top .tit {
        font-size: 46px;
        top: 105px;
    }
    /* 라인맵 */
    .sub .location{
        width: auto;
        text-align:right;
        z-index:3;
        margin-top: 28px;
        margin-left: 25px;
    }
    .sub .location ul{
        text-align: left;
    }
    .sub .location a{
        width: auto;
        color:#333;
        display:block;
        font-size: 20px;
        font-weight: 400;
    }
    .sub .location .first a img{
        width: 20px;
        height: 17px;
        vertical-align: middle;
    }
    .sub .location>ul>li{
        position: relative;
    }
    .sub .location>ul>li.arrow a{margin-left: 44px;}
    .sub .location>ul>li:nth-child(2) a{margin-left: 20px;}
    .sub .location>ul>li:last-child a {font-weight: 600;}
    .sub .location>ul>li.arrow:before{
        content: '·';
        position: absolute;
        font-size: 40px;
        top: 50%;
        left: 10%;
        transform: translateY(-50%);
        color: #000;
    }
    .sub .location li ul {display: none;}
}
@media screen and (max-width: 768px) {
    .sub .top {
        margin-top: 120px;
        height: 236px;
    }
    .sub .top span.bg {
        height: 100%;
        margin-top: 0;
    }
}
@media screen and (max-width: 639px){
    .sub .top {
        margin-top: 15.625vw;
        height: 36.875vw;
    }
    .sub .top span.bg {
        border-radius: 4.687vw;
        height: 100%;
        margin-top: 0;
    }
    .sub .top .tit {
        font-size: 7.187vw;
        top: 16.406vw;
    }
    /* 라인맵 */
    .sub .location{
        margin-top: 4.375vw;
        margin-left: 3.90625vw;
    }
    .sub .location a{
        font-size: 3.125vw;
    }
    .sub .location .first a img{
        width: 3.125vw;
        height: 2.656vw;
    }
    .sub .location>ul>li.arrow a{margin-left: 6.875vw;}
    .sub .location>ul>li:nth-child(2) a{margin-left: 3.125vw;}
    .sub .location>ul>li.arrow:before{
        font-size: 6.25vw;
    }
}