@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: 100%;
	height: 374px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 156px;
    border-radius: 30px;
}
.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("/w/asset/images/sub/ski/ski_top_bg_2526.jpg");}
.sub .top.bg_condo03_1 .bg:after{background-image:url("/w/asset/images/sub/new_top_bn_condo25.png");}
.sub .top.bg_reserv02 .bg:after{background-image:url("/w/asset/images/sub/top_bn_reserv02.jpg");}

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

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


/* 탭 */
.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;
}
.sub .top {
    margin-top: 224px;
    /* padding-top: 84px; */
}


/* 라인맵 */
.location {
    height: 30px;
    display: flex;
    justify-content: center;
    margin-top: 40px;
    font-size: 16px;
    color: #000;
}
.location li {
    position: relative;
    line-height: 30px;
    padding: 0 15px;
    list-style: none;
}
.location li:not(:last-child)::after {
    content: '/';
    color: #e9e9e9;
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
}
.location .material-symbols-outlined {
    display: inline-block;
    margin-top: 2px;
    vertical-align: sub;
    font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 20;
    color: #9d9d9d;
}
/* 서브 최상단 배경 */
.sub {min-width: 1200px;}
.sub .top {
    margin-top: 224px;
    /* padding-top: 84px; */
}
.sub .top .bg {
    position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    width: 1200px;
    height: 345px;
    margin: 46px auto 0;
    background-size: 1920px auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center bottom;
    transform-origin: center center;
    will-change: transform;
    z-index: -1;
}
.sub .top .bg.ski {background-image: url('../images/sub/ski/ski_top_bg_2526.jpg');}
.sub .top .bg.my {background-image: url('../images/sub/member/my_top_bg_2526.jpg');}
.sub .top .bg.cs {background-image: url('../images/sub/member/cs_top_bg_2526.jpg');}
.sub .top .bg.golf {background-image: url('../images/sub/golf/golf_top_bg_2526.jpg');}
.sub .top .bg.condo {background-image: url('../images/sub/condo/condo_top_bg_2526.jpg');}
.sub .top .bg.notice {background-image: url('../images/sub/member/notice_top_bg_2526.jpg');}
.sub .top .bg.guide {background-image: url('../images/sub/guide/guide_top_bg_2526.jpg');}
.tab_bg {margin: 400px auto 0 !important;}
/* //서브 최상단 */

/* 시즌권 이용 안내 */
/* RFID 이용 */
.sub.rfid .num_list li{position: relative; padding-left: 18px;}
.sub.rfid .num_list li>p{
	position: absolute;
	top: 0;
	left: 0;
}
.sub.rfid .rfid_tit {
	background-color: #393636;
	color: #fff;
	font-weight: 500;
	border-radius:30px;
	font-size: 25px;
	display: inline-block;
	padding: 10px 50px;
}
.sub.rfid .rfid_use_list{
	text-align: center;
	display: inline-block;
	padding-top: 48px;
	padding-bottom: 65px;
}
.sub.rfid .rfid_use_list li{
	float: left;
	padding: 0 65px;
	position: relative;
}
.sub.rfid .rfid_use_list li:after{
	content:'';
	display: block;
	background-image: url('/w/asset/images/sub/ski/rfid_use_arr.png');
	background-repeat: no-repeat;
	width: 35px;
	height: 26px;
	position: absolute;
	top: 65px;
	right: -15px;
}
.sub.rfid .rfid_use_list li:last-child:after{
	content:none;
}
.sub.rfid .rfid_machin01 {
	position: absolute;
	top: -40px;
	left: 0;
}
.sub.rfid .rfid_machin02 {
	position: absolute;
	top: -90px;
	right: 0;
}
.sub.rfid .map_tit, .sub.rfid .def_table_wrap {display: none;}
/* 시즌권 안내*/
.newinfo02.info .cont02 {
    display: flex;
    justify-content: space-between;
}
.newinfo02.info .cont02 li{
    position: relative;
    width: 318px;
    height: 276px;
    padding-top: 120px;
    border: 1px solid #d8d8d8;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top 60px center;
    background-size: 70px auto;
}
.newinfo02.info .cont02 li:nth-child(1){
    background-image: url('/w/asset/images/sub/ski/newinfo02_ico01.svg');
}
.newinfo02.info .cont02 li:nth-child(2){
    background-image: url('/w/asset/images/sub/ski/newinfo02_ico02.svg');
}
.newinfo02.info .cont02 li:nth-child(3){
	background-image: url('/w/asset/images/sub/ski/newinfo02_ico03.svg');
}	
.newinfo02.info .cont02 li p{
	font-weight: 400;
	line-height: 1.389em;
}
.newinfo02.info .cont02 li span {
    display: inline-block;
    letter-spacing: -0.05em;
}
.newinfo02.info .cont02 li:not(:last-child)::after {
    content: '';
    width: 23px;
    height: 40px;
    background: url("/w/asset/images/sub/ski/newinfo02_arr.svg") 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -75px;
}


@media screen and (max-width: 1279px){
    .sub {width: 100%; min-width: unset;}
    .sub .top {
        height: 345px;
        margin-top: 90px;
    }
    .sub .top .bg {
        top: 0;
        margin: 0;
        background-size: cover;
        background-attachment: unset;
        width: 100%;
        height: 100%;
        transform: scale(1.1) rotate(0.001deg);
        transition: 2s all;
    }
    body.load .sub .top .bg {
        transform: scale(1) rotate(0.001deg);
    }
    .sub .top .tit {
        font-size: 46px;
        top: 105px;
    }
    /* 라인맵 */
    .sub .location{display: none;}
    .sub .new_tit_bar {color: #fff !important;  font-size: 46px !important; padding-top: 145px; font-weight: 600 !important;}
    .sub .new_tit_sub {display: none;}
    .tab_bg {margin: 18vw auto 0 !important;}
    .sub .sub_tit {font-size: 30px;}

    .newinfo02.info .cont02 li {
        width: 25.5625vw;
    }
    .newinfo02.info .cont02 li:not(:last-child)::after {
        right: -6vw;
    }

}
@media screen and (max-width: 768px) {
    .sub .sub_tit {
        font-size: 5.3125vw;
        font-weight: 500;
        color: #000;
    }
    .sub.rfid .rfid_tit {
        background-color: #393636;
        color: #fff;
        font-weight: 500;
        border-radius: 4.6875vw;
        font-size: 3.90625vw;
        display: inline-block;
        padding: 1.5625vw 10.9375vw;
        margin: 0 auto;
    }
    .sub.rfid .notice_box {
        padding: 5.46875vw 4.6875vw;
    }
    .sub.rfid .rfid_use_list {
        padding-top: 6.25vw;
        padding-bottom: 7.8125vw;
    }
    .sub.rfid .rfid_use_list li {
        width: 50%;
        height: 46.25vw;
        font-size: 3.90625vw;
        line-height: 1.200em;
        position: relative;
        padding: 40px 0 0;
    }
    .sub.rfid .rfid_use_list li:nth-child(1), .sub.rfid .rfid_use_list li:nth-child(2) {
        padding: 0;
    }
    .sub.rfid .rfid_use_list li::after {
        content: '';
        display: block;
        width: 5.46875vw;
        height: 4.0625vw;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); 
        background-image: url('/w/asset/images/sub/ski/rfid_use_arr.png');
        background-repeat: no-repeat;
        background-size: contain;
    }
    .sub.rfid .rfid_use_list li:nth-child(1):after {
        left: 44.6875vw;
    }
    .sub.rfid .rfid_use_list li:nth-child(2):after {
        left: 40.46875vw;
    }
    .sub.rfid .rfid_use_list li:nth-child(3):after,
    .sub.rfid .rfid_use_list li:nth-child(4):after {
        /* top: 18.4375vw; */
        left: 0;
    }
    .sub.rfid .rfid_use_list li:nth-child(4):after {
        content: '';
        display: block;
        width: 5.46875vw;
        height: 4.0625vw;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); 
        background-image: url('/w/asset/images/sub/ski/rfid_use_arr.png');
        background-repeat: no-repeat;
        background-size: contain;
    }
    .sub.rfid .rfid_use_list li img {
        width: 20.625vw;
        height: 24.21875vw;
    }
    .sub.rfid .rfid_use_list li span {
        font-size: 3.4375vw;
        color: #888;
    }
    .sub.rfid .newinfo-pcimg {display: none;}
    .sub.rfid .map_tit, .sub.rfid .def_table_wrap {display: block;}
    .sub.rfid .notice_wrap {
        padding: 5.46875vw 4.6875vw;
    }
    .newinfo02.info .cont02 {
        display: block;
    }
    .newinfo02.info .cont02 li {
        width: 100%;
        height: 43.125vw;
        margin-bottom: 15%;
        padding-top: 20vw;
        background-size: 10.937vw auto;
        background-position: top 10vw center;
    }
    .newinfo02.info .cont02 li:not(:last-child)::after {
        width: 3.593vw;
        height: 6.25vw;
        top: auto;
        bottom: -26%;
        right: 0;
        left: 0;
        margin: 0 auto;
        transform: rotate(90deg);
    }
    .newinfo02.info .cont02 li span {
        line-height: 1.6em !important;
    }

}
@media screen and (max-width: 639px){
    .sub .top {
        margin-top: 14.062vw;
        height: 36.875vw;
    }
    .sub .new_tit_bar {
        font-size: 7.187vw !important;
        padding-top: 16.406vw;
    }
}