@charset "utf-8";

@media (max-width:1024px) {
	#members .membership2 section .scroll-icon-box {
		display: none
	}

	#skrollr-body {
		margin-top: 0
	}

	.mobVer section.bg_box .new_cont_text.ver_prl .bg_text {
		color: #FFF;
		font-size: 25px;
		margin-top: -20px;
		word-break: keep-all;
		line-height: 1.3;
		margin-bottom: 20px;
	}

	#members.black_ver .trav_full {
		padding-top: 0;
		background: #222;
		margin-top: 100vh
	}

	#members.mobVer {
		overflow: hidden;
	}

	#members.mobVer section.bg_section {
		margin-bottom: 0;
		position: fixed
	}

	#members.mobVer.black_ver .trav_full .autoW {
		padding: 40px 0
	}

	#members.mobVer.black_ver .trav_full .autoW {
		padding: 40px 0
	}

	#members.black_ver .t_ver2 section #full01 {
		padding: 100px 0;
		background: #015545;
		width: 100%;
	}

	#members.black_ver .t_ver2 section .bg_text {
		font-size: 20px
	}

	.mobVer .trav_full .full_imgB img {
		width: 100%
	}

	.mobVer section.bg_box .new_cont_text .tum.st3 {
		text-align: center;
		position: relative;
		width: 100%;
	}

	#members.black_ver .ver_trav h3.h3_tit {
		font-size: 2.5em
	}

	#members section.ver_trav2 img.trav2_tit {
		width: 100%
	}

	#members section.ver_trav2 {
		text-align: center;
		background: url(../img/sub/bg_trav02.jpg) no-repeat right top;
	}

	#members.black_ver section .new_cont_text.ver_prl .tum p {
		margin-top: 0
	}

	.mobVer section.bg_box .new_cont_text.ver_prl,
	#members.mobVer.black_ver section .new_cont_text.ver_prl .tum {
		text-align: left
	}

	.mobVer section.bg_box .new_cont_text.ver_prl .bg_text.verB {
		font-size: 30px;
		position: relative
	}

	#members.mobVer.black_ver section .new_cont_text.ver_prl .tum {
		font-size: 14px;
		margin-top: 20px
	}

	#members.mobVer.black_ver section #full01 .new_cont_text {
		min-height: auto;
	}

	.mobVer section.bg_box .new_cont_text .bg_text {
		font-size: 30px;
		position: relative
	}

	.mobVer section.bg_box .new_cont_text.ver_prl .bg_text {
		margin-top: -20px
	}

	.mobVer .section .lct_title.ver2 {
		font-size: 30px;
		padding-top: 50px;
		font-weight: 400;
		padding: 50px 0 0;
	}

	.mobVer .section .lct_title p {
		font-size: 15px
	}

	.mobVer #new_lct04 > p {
		margin-top: 40px;
		width: 30% !important;
	}

	.mobVer #new_lct04 > p img {}

	.mobVer #new_lct04 {
		min-height: auto;
		padding-bottom: 14vh;
		background-color: transparent;
	}

	/* 멤버스안내 */
	h3.h3_tit {
		font-size: 22px;
		font-weight: 600;
	}

	#members.black_ver section .new_cont_text h3,
	#members.black_ver section .new_cont_text .tum {}

	#members.black_ver section .new_cont_text h3 p {
		font-size: 16px;
		letter-spacing: 5px;
		margin-bottom: 7px;
		font-weight: 300;
	}

	#members .membership2 .tm_box h3 {
		font-size: 30px;
		padding-left: 6%
	}

	#members .membership2 .tm_box h3 p {
		font-size: 18px
	}

	#members .membership2 .tm_box .txt {
		padding: 0 6%
	}

	#members .membership2 .tm_box .txt img {
		width: 30%;
		margin-bottom: 30px
	}

	#members .membership2 .tm_box .txt p {
		font-size: 14px
	}

	#members .membership2 .tm_box .contact_wrap {
		flex-direction: column;
	}

	#members .membership2 .tm_box .txt .contact_wrap a {
		margin: 0 0 35px 0;
	}

	.flexBox.area02,
	.flexBox.area03,
	.flexBox.area04,
	.flexBox.area05 {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.flexBox.fix_mob {
		flex-direction: inherit !important;
	}

	.flexBox.area02 > * {
		width: 100%;
	}

	.flexBox.area03 > * {
		width: 100%
	}

	.flexBox.area04 > * {
		width: 100%
	}

	.flexBox.area05 > * {
		min-width: 100%;
		width: 100%
	}

	.flexBox.fix_mob.area02 > * {
		width: 48% !important;
	}

	.flexBox.fix_mob.area03 > * {
		width: 32% !important;
	}

	.flexBox.fix_mob.area04 > * {
		width: 23% !important;
	}

	.flexBox.fix_mob.area05 > * {
		min-width: 18% !important;
		width: 18% !important;
	}

	#members section.bg_section h3.h3_tit {
		font-size: 30px;
		top: 45%
	}

	#members section.bg_section h3.h3_tit p {
		font-size: 16px;
		word-break: keep-all;
		font-weight: 400;
		line-height: 1.5;
	}

	section.bg_box .new_cont_text h3,
	#members.sub_prv section.bg_box .new_cont_text h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	section.bg_box .new_cont_text p {
		font-size: 14px
	}

	section.bg_box .new_cont_text p br {
		display: none
	}

	#members .new_Cont .txtBox .txt p {
		font-size: 14px
	}

	.bg_gray_box {
		padding: 80px 0 50px;
		margin-top: 70px;
	}

	.bg_gray_box h3 {
		width: 100%;
		font-size: 27px;
		top: -50px;
		text-align: center;
	}

	.bg_gray_box h3:after {
		height: 40px;
		margin-top: 10px;
	}

	.img_list {}

	.img_list li {}

	.img_list li .imgB {}

	.img_list li .txt {
		font-size: 14px;
		font-weight: 400;
	}

	.btm_nav_box {
		padding: 30px 0 !important
	}

	.btm_nav_box .btm_nav {
		flex-wrap: wrap;
	}

	.btm_nav_box .btm_nav li {
		margin-bottom: 10px;
		margin-right: 13px;
	}

	.btm_nav_box .btm_nav li a {
		display: inline-block;
		font-size: 14px;
		color: #333;
		font-weight: 300;
	}

	.btm_nav_box .btm_nav li.on a,
	.btm_nav_box .btm_nav li a:hover {
		border-bottom: 3px solid #222;
	}

	.btm_nav_box h2 {
		font-size: 22px;
		margin-bottom: 15px
	}

	.btm_nav_box .link_title {
		font-size: 22px;
		margin-bottom: 20px
	}
	
	.btm_nav_box.qr_ver .link_title{
		font-size: 1.5em;
	}
	.btm_nav_box .link_title a.back_qrscan{
		font-size: 0.5em;
	}
	.btm_nav_box .link_title.ver3{
		text-align: center;
		display: block;
	}
	.btm_nav_box .link_title.ver3+p{
		opacity: 0.6;
		text-align: center;
	}

	section.bg_box .new_cont_info {
		width: 100%;
		min-width: auto;
		margin: 30px auto 0
	}

	section.bg_box .new_cont_info .dlBox {
		padding: 20px
	}

	section .bg_box {
		background: #f4f4f4
	}

	section .bg_box {}

	#members section {
		padding: 20px 0;
	}

	#members.sub_prv section {
		padding: 50px 0
	}

	#members section h4 {
		font-size: 20px;
		padding-left: 0;
	}

	h3.h3_tit:after {
		height: 52px;
		margin: 20px auto -26px;
	}

	#members section h4 p {
		font-size: 14px;
		margin-top: 15px;
	}

	#members h4:before {
		content: '';
		display: none
	}

	#members .mem01 .card .img {
		margin-top: 20px;
		padding-left: 0;
		overflow: hidden;
	}

	#members .mem01 .card .img img {
		float: left;
		width: 45%;
		margin-right: 4%;
	}

	#members .mem01 .benefit_list {
		margin-top: 0;
	}

	#members .tagBox {
		padding-left: 0;
		margin-bottom: 20px;
	}

	#members .s_title {
		padding-left: 0;
		margin-bottom: 20px;
		font-size: 14px;
	}

	section .s_title.ver3.imgVer {
		margin-top: 0
	}

	#members .s_title.ver2 {
		font-size: 15px
	}

	#members .imgListBox {
		padding-left: 0
	}

	section .tagBox.text_ver span.s_c {
		flex: 1;
		text-align: left;
		font-size: 14px;
		word-break: keep-all;
	}

	section .tagBox.text_ver span {
		padding: 7px;
		width: 96px;
		text-align: center;
		font-size: 14px;
	}

	section .s_title.ver3.imgVer .imgBasicBox {
		display: none
	}

	.lctWrap .section .lct_title {
		position: relative !important
	}

	.lctWrap .section .lct_title {
		top: 50%
	}

	.lctWrap .section .lct_title,
	.lctWrap #lct02 .lct_title p,
	.lctWrap .section .lct_title p {
		font-size: 20px;
	}

	.lctWrap .section .lct_title.ver2 {
		font-size: 30px;
	}

	.lctWrap section {
		min-height: 300px !important
	}

	.membership .sectionBox .textB {
		font-size: 16px
	}

	.lctWrap #new_lct04 > p {
		width: 50%
	}

	.membership .sectionBox {}

	.membership #mem_intro .section_tit {
		width: 50%;
	}

	.membership #mem_intro .title {
		font-size: 15px;
		text-align: center;
		bottom: inherit;
		top: 57%;
	}

	.membership .section_tit {
		font-size: 20px;
	}

	.membership #mem_01 .sectionBox.ver_01 {
		width: 50%;
		top: 30%;
	}

	.membership #mem_01 .sectionBox.ver_01 img {
		width: 80%;
	}

	.membership #mem_01 .sectionBox.ver_01 .textB {
		font-size: 20px;
	}

	.membership #mem_01 .sectionBox.ver_02 {
		width: 50%;
		bottom: inherit;
		right: inherit;
		top: 62%;
		left: 10%;
	}

	.membership #mem_01 .sectionBox.ver_02 .textB {
		font-size: 20px;
	}

	.membership #mem_03 .sectionBox.ver_05 {
		left: 50%;
		transform: translate(-50%, 0);
		text-align: center;
		top: inherit;
		bottom: 60px;
	}

	.membership #mem_03 .sectionBox.ver_06 {
		padding-top: 25%;
		width: 70%;
		transform: translate(-50%, 0);
		left: 50%;
		height: auto;
	}

	.membership #mem_03 .section_tit {
		right: inherit;
		left: 50%;
		transform: translate(-50%, 0);
		text-align: center;
		top: 46%;
		width: 90%;
	}

	.membership #mem_03 .sectionBox.ver_06 .img_section img {
		width: 100%;
	}

	.membership #mem_02 .sectionBox.ver_03 .textB {
		font-size: 16px;
		line-height: 1.5;
	}

	.membership #mem_01.active.fp-completely .section_tit:before {
		height: 30px;
	}

	.membership #mem_01 .section_tit {
		padding-top: 40px;
	}

	.membership #mem_02 .section_tit {
		width: 70%;
		word-break: keep-all;
		padding-top: 40px;
	}

	.membership #mem_02.active.fp-completely .section_tit:before {
		height: 40px
	}

	.membership #mem_02 .sectionBox.ver_03 {
		top: inherit;
		bottom: 50px;
		width: 70%;
		text-align: center;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.membership #mem_02 .sectionBox.ver_04 {
		top: 40%;
		width: auto;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.membership #mem_02 .sectionBox.ver_04 img {
		width: 100%;
	}

	.membership #mem_04 .section_tit {
		padding: 10% 20px 20px;
	}

	.membership #mem_04 .section_tit b {
		font-size: 16px;
	}

	.membership #mem_04 .sectionBox.ver_07 .textB p.tit {
		font-size: 25px;
	}

	.membership #mem_04 .sectionBox.ver_07 .textB {
		font-size: 15px;
		margin-top: 0;
	}

	.membership #mem_04 .sectionBox.ver_07 .textB.rightVer {
		margin-top: 30px;
		padding-left: 0;
	}

	.membership #mem_04 .sectionBox.ver_07 .textB.leftVer {
		padding-right: 0;
	}

	.membership #mem_05 .sectionBox.ver_08 {
		padding-top: 35%;
	}

	.membership #mem_05 .sectionBox.ver_08 .textB .tit {
		font-size: 22px;
		word-break: keep-all;
	}

	.membership #mem_05 .sectionBox.ver_08 .textB .txt {
		font-size: 16px;
	}

	.membership p {
		word-break: keep-all;
	}

	.membership #last-section .last-logo {
		width: 100%;
	}

	.membership #last-section .last-link-list {
		width: 90%;
	}

	.membership #last-section .last-link-list li {
		margin: 0 10px;
	}

	.membership #last-section .last-link-list li a {
		font-size: 15px;
	}

	.golf_center_info .box:nth-of-type(2) {
		margin-top: 30px
	}

	.btm_nav_box .link_title.ver2 p {
		font-size: 15px;
		line-height: 1.5;
		margin-top: 15px;
	}

	.btm_nav_box.top_ver {
		padding-top: 10px !important
	}
	.btm_nav_box.top_ver.qr_ver{
		margin: 0 !important;
		padding: 0 !important;
	}

	/* 새롭게 추기된부분 */
	#members section.bg_section {
		position: relative;
		margin-bottom: 60px
	}

	#members .membership2 section.bg_section {
		margin-bottom: 0
	}

	#skrollr-body {
		display: none !important
	}

	#members.sub_prv .imgListBox .img {
		height: 200px;
	}

	#members.sub_prv .imgListBox .img img {
		margin-top: 13%;
		width: 100%;
		height: auto;
	}

	section.bg_box .new_cont_text.ver3 {
		margin-top: 80px
	}

	section.bg_box .new_cont_text.ver2 {
		position: relative
	}

}

.skrollr-mobile {
	overflow-y: auto !important
}

.skrollr-mobile body {
	overflow-y: auto !important
}