@charset "UTF-8";
/* a 변경 */
a:hover, a:active, a:focus {text-decoration: none;}

/* subTitle */
.subTitle {position: relative; width: 100%; height: 380px; overflow: hidden; padding: 200px 0 0 0; border-bottom: none; text-align: center;}
.subTitle::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: url('/humanframe/theme/parkgolf/assets/img/sub/sub_title_bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; animation: bgZoomOut 3s ease-out forwards;}
.subTitle.sub1::before {background-image: url('/humanframe/theme/parkgolf/assets/img/sub/sub_title_bg1.jpg');}
.subTitle.sub2::before {background-image: url('/humanframe/theme/parkgolf/assets/img/sub/sub_title_bg2.jpg');}
.subTitle.sub3::before {background-image: url('/humanframe/theme/parkgolf/assets/img/sub/sub_title_bg3.jpg');}
.subTitle.sub4::before {background-image: url('/humanframe/theme/parkgolf/assets/img/sub/sub_title_bg4.jpg');}
.subTitle.sub5::before {background-image: url('/humanframe/theme/parkgolf/assets/img/sub/sub_title_bg5.jpg');}
@keyframes bgZoomOut {
    0% {
        transform: scale(1.2);
        /* 1.2배 커진 상태에서 시작 */
    }
    
    100% {
        transform: scale(1);
        /* 정사이즈로 복귀 */
    }
}
.subTitle::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(-180deg, rgba(0, 0, 0, 0.2), transparent); z-index: -1;}
.subTitle h4 {font-size: 45px; font-weight: 700; color: #fff; letter-spacing: -0.025em; z-index: 1;}
.subTitle video {width: 100%; height: 380px; position: absolute; top: 0; left: 0; object-fit: cover;}

@media screen and (max-width: 1280px) {
    .subTitle h4 {font-size: 40px;}
}

@media screen and (max-width: 768px) {
    .subTitle {height: 230px; padding: 110px 0 0 0;}
    .subTitle video {height: 230px;}
    .subTitle h4 {font-size: 34px;}
}
/* subTitle */

/* subContent */
.subContent {padding: 83px 0 0 0;}
.subContent .container {width: 1440px; margin: 0 auto;}

@media screen and (max-width: 1700px) {
    .subContent .container {width: 95%;}
}

@media screen and (max-width: 768px) {
    .subContent {padding: 50px 0 0 0;}
}
/* subContent */

/* introWrap */
.introWrap {margin-bottom: 116px;}
.introWrap .textWrap {display: flex; gap: 50px; margin-bottom: 103px;}
.introWrap .textWrap .titleBx {width: 500px;}
.introWrap .textWrap .titleBx .tit {font-size: 45px; font-weight: 700; color: #343135; letter-spacing: -0.025em; line-height: 1.1; margin-bottom: 31px; word-break: keep-all;}
.introWrap .textWrap .titleBx .txt {font-size: 20px; font-weight: 700; color: #2a6d1a; letter-spacing: -0.025em; line-height: 1.2; word-break: keep-all;}
.introWrap .textWrap .textBx .txt {font-size: 18px; font-weight: 500; color: #444444; line-height: 30px; margin-bottom: 40px; word-break: keep-all;}
.introWrap .textWrap .textBx .address {display: flex; align-items: center; gap: 15px;}
.introWrap .textWrap .textBx .address p {font-size: 18px; font-weight: 700; color: #000000; letter-spacing: -0.025em;}
.introWrap .imgBx {position: relative; display: flex; gap: 50px;}
.introWrap .imgBx::before {content: ''; position: absolute; top: -115px; left: -115px; width: 228px; height: 228px; background: url('/humanframe/theme/parkgolf/assets/img/sub/sub_text_bg.png') no-repeat; background-size: 100%; animation: scroll 10s linear infinite;}
@keyframes scroll {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}
.introWrap.type2 .textWrap {margin-bottom: 130px;}
.introWrap.type3 {margin-bottom: 76px;}
.introWrap.type3 .titleBx {width: 100%;}
.introWrap.type3 .titleBx .tit {margin-bottom: 48px;}
.introWrap.type3 .titleBx .txt {font-size: 18px; font-weight: 500; color: #444444; line-height: 30px;}
.introWrap.type3 .imgBx::before {display: none;}
.introWrap.etc .textWrap {gap: 200px;}
.introWrap.etc .textWrap .titleBx {width: auto;}

@media screen and (max-width: 1280px) {
    .introWrap .textWrap .titleBx .tit {font-size: 40px;}
    .introWrap.etc .textWrap {gap: 150px;}
}

@media screen and (max-width: 1025px) {
    .introWrap .textWrap {gap: 30px;}
    .introWrap .imgBx {gap: 30px;}
    .introWrap.etc .textWrap {gap: 80px;}
}

@media screen and (max-width: 768px) {
    .introWrap {margin-bottom: 80px;}
    .introWrap .textWrap {flex-wrap: wrap; margin-bottom: 45px;}
    .introWrap .textWrap .titleBx {width: 100%;}
    .introWrap .textWrap .titleBx .tit {font-size: 34px; margin-bottom: 15px;}
    .introWrap .textWrap .titleBx .tit.type2 {margin-bottom: 0;}
    .introWrap .textWrap .titleBx .txt {font-size: 18px;}
    .introWrap .textWrap .textBx .txt {font-size: 16px; line-height: 26px; margin-bottom: 25px;}
    .introWrap .textWrap .textBx .address {gap: 12px;}
    .introWrap .textWrap .textBx .address img {width: 28px;}
    .introWrap .textWrap .textBx .address p {font-size: 16px;}
    .introWrap .imgBx {gap: 15px;}
    .introWrap .imgBx::before {display: none;}
    .introWrap.etc .textWrap {gap: 30px;}
}

@media screen and (max-width: 480px) {
    .introWrap {margin-bottom: 50px;}
}
/* introWrap */

/* infoWrap */
.infoWrap {padding: 50px 0; background: url('/humanframe/theme/parkgolf/assets/img/sub/sub_info_bg.png') center no-repeat; background-size: cover;}
.infoWrap .infoBx {display: flex; justify-content: space-between; gap: 50px;}
.infoWrap .infoBx .title {font-size: 35px; font-weight: 700; color: #f9f173; letter-spacing: -0.025em;}
.infoWrap .infoBx .listBx .list {display: flex; gap: 30px;}
.infoWrap .infoBx .listBx .list.nth3,
.infoWrap .infoBx .listBx .list.nth1 {margin-top: 48px;}
.infoWrap .infoBx .listBx .list>li {width: 495px; padding: 20px 0 0 12px; border-top: 3px solid #fff; word-break: keep-all;}
.infoWrap .infoBx .listBx .list.nth3>li {width: 322px;}
.infoWrap .infoBx .listBx .list.nth1>li {width: 100%;}
.infoWrap .infoBx .listBx .list>li .tit {font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 18px;}
.infoWrap .infoBx .listBx .list.nth1>li .tit {margin-bottom: 10px;}
.infoWrap .infoBx .listBx .list>li ul.flex {display: flex; gap: 0 90px; flex-wrap: wrap;}
.infoWrap .infoBx .listBx .list>li ul li {position: relative; font-size: 24px; font-weight: 700; color: #fff; letter-spacing: -0.025em; padding-left: 15px;}
.infoWrap .infoBx .listBx .list.nth1>li ul li {font-size: 18px; display: flex; align-items: center; gap: 18px;}
.infoWrap .infoBx .listBx .list>li ul li.type2 {letter-spacing: -0.075em;}
.infoWrap .infoBx .listBx .list>li ul li::before {content: ''; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background: #fff;}
.infoWrap .infoBx .listBx .list.nth1>li ul li::before {top: 19px;}
.infoWrap .infoBx .listBx .list.nth1>li ul li .link {display: block; font-size: 16px; color: #fcf9dd; font-weight: 700; padding: 12px 50px 12px 17px; box-sizing: border-box; border: 1px solid #000000; background: url('/humanframe/theme/parkgolf/assets/img/sub/link_icon.png') center right 17px #0c1206 no-repeat;}
.infoWrap .infoBx .listBx .list>li ul li:not(:last-child) {margin-bottom: 15px;}
.infoWrap .infoBx .listBx .list>li span {font-size: 18px; font-weight: 500; ; color: #fff; letter-spacing: -0.025em;}
.infoWrap .infoBx .listBx .list>li span.txt {display: block; margin-top: 10px;}
.infoWrap .txtList {display: flex; justify-content: space-between; margin-top: 34px; padding-top: 27px; border-top: 1px solid rgba(198,218,207,0.35);}
.infoWrap .txtList li {font-size: 18px; font-weight: 500; color: #fff; letter-spacing: -0.025em; opacity: 0.6; word-break: keep-all;}

@media screen and (max-width: 1400px) {
    .infoWrap .infoBx .title {width: 230px; flex-shrink: 0;}
    .infoWrap .infoBx .listBx {width: calc(100%  - 280px);}
    .infoWrap .infoBx .listBx .list>li {width: calc(50% - 15px);}
    .infoWrap .infoBx .listBx .list.nth3>li {width: calc(33.333% - 10px);}
}

@media screen and (max-width: 1280px) {
    .infoWrap .infoBx .listBx .list>li span.txt {line-height: 1.2;}
    .infoWrap .txtList li {font-size: 16px;}
}

@media screen and (max-width: 1025px) {
    .infoWrap .infoBx {flex-wrap: wrap; gap: 30px;}
    .infoWrap .infoBx .listBx {width: 100%;}
    .infoWrap .txtList {flex-direction: column; gap: 8px;}
}

@media screen and (max-width: 768px) {
    .infoWrap {padding: 40px 0;}
    .infoWrap .infoBx .title {font-size: 28px;}
    .infoWrap .infoBx .listBx .list {gap: 20px;}
    .infoWrap .infoBx .listBx .list>li {width: calc(50% - 10px);}
    .infoWrap .infoBx .listBx .list.nth1>li {gap: 10px; flex-wrap: wrap;}
    .infoWrap .infoBx .listBx .list>li .tit {font-size: 16px; margin-bottom: 12px;}
    .infoWrap .infoBx .listBx .list>li ul li {font-size: 20px; line-height: 1.2;}
    .infoWrap .infoBx .listBx .list.nth1>li ul li {font-size: 16px; flex-wrap: wrap; gap: 10px;}
    .infoWrap .infoBx .listBx .list>li span {font-size: 15px;}
    .infoWrap .infoBx .listBx .list>li ul li:not(:last-child) {margin-bottom: 7px;}
    .infoWrap .infoBx .listBx .list>li span.txt {margin-top: 5px;}
    .infoWrap .infoBx .listBx .list.nth1>li ul li .link {flex-shrink: 0; font-size: 14px; padding-right: 45px; background-position: top 15px right 17px;}
    .infoWrap .txtList {margin-top: 25px; padding-top: 20px;}
    .infoWrap .txtList li {font-size: 14px;}
}

@media screen and (max-width: 480px) {
    .infoWrap .infoBx .listBx .list {flex-direction: column; gap: 25px;}
    .infoWrap .infoBx .listBx .list.nth3 {margin-top: 25px;}
    .infoWrap .infoBx .listBx .list>li,
    .infoWrap .infoBx .listBx .list.nth3>li {width: 100%;}
}
/* infoWrap */

/* imgWrap */
.imgWrap {padding: 105px 0 120px 0;}
.imgWrap .imgBx {display: flex; gap: 50px;}
.imgWrap .imgBx .rightImg {max-width: 723px; margin-top: 127px;}
.imgWrap .imgBx .rightImg img:first-child {margin-bottom: 58px;}

@media screen and (max-width: 1700px) {
    .imgWrap .imgBx {justify-content: center;}
}

@media screen and (max-width: 1400px) {
    .imgWrap .imgBx .rightImg {max-width: 50%;}
}

@media screen and (max-width: 1025px) {
    .imgWrap .imgBx {gap: 30px;}
    .imgWrap .imgBx .rightImg {margin-top: 80px;}
    .imgWrap .imgBx .rightImg img:first-child {margin-bottom: 30px;}
}

@media screen and (max-width: 768px) {
    .imgWrap {padding: 80px 0;}
    .imgWrap .imgBx {gap: 15px;}
    .imgWrap .imgBx .rightImg img:first-child {margin-bottom: 15px;}
}

@media screen and (max-width: 480px) {
    .imgWrap {padding: 40px 0 60px 0;}
    .imgWrap .imgBx .rightImg {margin-top: 50px;}
}
/* imgWrap */

/* imgWrap2 */
.imgWrap2 {display: flex; gap: 60px; max-width: 1780px; margin: 0 auto 165px auto;}
.imgWrap2 li {width: 552px;}
.imgWrap2 li img {width: 100%; object-fit: cover;}

@media screen and (max-width: 1780px) {
    .imgWrap2 {max-width: 95%;}
    .imgWrap2 li {width: calc(33.333% - 20px);}
}

@media screen and (max-width: 1400px) {
    .imgWrap2 {gap: 30px;}
}

@media screen and (max-width: 1025px) {
    .imgWrap2 {margin-bottom: 100px;}
}

@media screen and (max-width: 768px) {
    .imgWrap2 {gap: 15px;}
    .imgWrap2 li {width: calc(33.333% - 10px);}
}

@media screen and (max-width: 480px) {
    .imgWrap2 {flex-direction: column; margin-bottom: 80px;}
    .imgWrap2 li {width: 100%;}
}
/* imgWrap2 */

/* facWrap */
.facWrap {margin-bottom: 146px;}
.facWrap .title {font-size: 35px; font-weight: 700; color: #2a6d1a; letter-spacing: -0.025em; margin-bottom: 50px;}
.facWrap .list {display: flex;}
.facWrap .list li {position: relative; width: 25%; min-height: 147px; padding: 13px 0 0 16px;}
.facWrap .list li:not(:first-child) {padding-left: 37px;}
.facWrap .list li::before {content: ''; position: absolute; bottom: 0; right: 39px; width: 56px; height: 44px; background-size: 100%; background-repeat: no-repeat; z-index: -1;}
.facWrap .list li:first-child::before {background-image: url('/humanframe/theme/parkgolf/assets/img/sub/sub_list_icon1.png');}
.facWrap .list li:nth-child(2)::before {background-image: url('/humanframe/theme/parkgolf/assets/img/sub/sub_list_icon2.png');}
.facWrap .list li:nth-child(3)::before {background-image: url('/humanframe/theme/parkgolf/assets/img/sub/sub_list_icon3.png');}
.facWrap .list li:last-child::before {background-image: url('/humanframe/theme/parkgolf/assets/img/sub/sub_list_icon4.png');}
.facWrap .list li:not(:last-child) {border-right: 1px solid #dddddd;}
.facWrap .list li .tit {font-size: 22px; font-weight: 700; color: #000000; letter-spacing: -0.025em; margin-bottom: 30px;}
.facWrap .list li .txt {font-size: 18px; font-weight: 500; color: #000000; line-height: 30px; letter-spacing: -0.025em;}

@media screen and (max-width: 1400px) {
    .facWrap .list li {padding-left: 0;}
    .facWrap .list li:not(:first-child) {padding-left: 24px;}
    .facWrap .list li::before {right: 20px;}
    .facWrap .list li .txt {font-size: 17px;}
}

@media screen and (max-width: 1025px) {
    .facWrap {margin-bottom: 100px;}
    .facWrap .title {margin-bottom: 15px;}
    .facWrap .list {flex-wrap: wrap;}
    .facWrap .list li {width: 50%; padding: 25px 0 25px 16px;}
    .facWrap .list li:first-child,
    .facWrap .list li:nth-child(3) {padding-left: 0;}
    .facWrap .list li:first-child,
    .facWrap .list li:nth-child(2) {border-bottom: 1px solid #dddddd;}
    .facWrap .list li:nth-child(2) {border-right: none;}
    .facWrap .list li::before {bottom: 17px;}
    .facWrap .list li .tit {margin-bottom: 15px;}
}

@media screen and (max-width: 768px) {
    .facWrap .title {font-size: 28px; margin-bottom: 10px;}
    .facWrap .list li {padding: 20px 10px 20px 16px; min-height: auto;}
    .facWrap .list li::before {display: none;}
    .facWrap .list li .tit {font-size: 20px; margin-bottom: 12px;}
    .facWrap .list li .txt {font-size: 16px; line-height: 26px; word-break: keep-all;}
}

@media screen and (max-width: 480px) {
    .facWrap {margin-bottom: 50px;}
    .facWrap .list li {width: 100%; padding: 20px 10px !important; border-right: none !important;}
    .facWrap .list li:nth-child(3) {border-bottom: 1px solid #dddddd;}
    .facWrap .list li .tit {font-size: 18px;}
    .facWrap .list li .txt {font-size: 15px; line-height: 24px;}
}
/* facWrap */

/* mapWrap */
.mapWrap {width: 100%; height: 360px;}
.mapWrap.type2 {height: 602px; margin-bottom: 106px;}
.mapWrap .map {width: 100%; height: 100%;}
.mapWrap .marker {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.mapWrap .marker.type2 {width: 35px;}
.mapWrap .marker .place {font-size: 17px; font-weight: 700; color: #fff; letter-spacing: -0.01em; padding: 12px 25px; border-radius: 25px; border: 3px solid #fff; background: #404040; box-shadow: 3px 0 10px rgba(0,0,0,0.26);}
.mapWrap .marker img {transform: translateY(-10px);}
.mapWrap .marker.type2 img {transform: translateY(0);}

@media screen and (max-width: 1025px) {
    .mapWrap.type2 {height: 450px;}
}

@media screen and (max-width: 768px) {
    .mapWrap.type2 {height: 300px; margin-bottom: 70px;}
    .mapWrap, .mapWrap .root_daum_roughmap .wrap_map {height: 250px;}
    .slideWrap {margin-bottom: 80px;}
}
/* mapWrap */

/* slideWrap */
.slideWrap {margin-bottom: 124px;}
.slideWrap .container {display: flex; gap: 50px;}
.slideWrap .slideBx {width: 818px; flex-shrink: 0;}
.slideWrap .slideBx .btn {width: 55px; height: 55px; margin-top: 0; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-size: 100%; color: transparent; opacity: 1;}
.slideWrap .slideBx .btn.prev {background-image: url('/humanframe/theme/parkgolf/assets/img/sub/sub5_prev.png'); left: 30px;}
.slideWrap .slideBx .btn.next {background-image: url('/humanframe/theme/parkgolf/assets/img/sub/sub5_next.png'); right: 30px;}
.slideWrap .infoBx {width: calc(100% - 868px); border-top: 3px solid #060606;}
.slideWrap .infoBx .flex {padding: 25px 0; display: flex; border-bottom: 1px solid #dbdbdb;}
.slideWrap .infoBx dt {width: 125px; padding-left: 22px; font-size: 18px; font-weight: 700; color: #2a6d1a; flex-shrink: 0;}
.slideWrap .infoBx dd {padding-left: 17px;}
.slideWrap .infoBx dd p {font-size: 18px; font-weight: 500; color: #000000; letter-spacing: -0.02em;}
.slideWrap .infoBx dd p.type2 {margin-top: 12px;}

@media screen and (max-width: 1400px) {
    .slideWrap .container {gap: 40px;}
    .slideWrap .slideBx {width: 60%;}
    .slideWrap .infoBx {width: calc(40% - 20px);}
}

@media screen and (max-width: 1025px) {
    .slideWrap .container {gap: 30px;}
    .slideWrap .slideBx {width: 50%;}
    .slideWrap .infoBx {width: calc(50% - 15px);}
    .slideWrap .infoBx dt {padding-left: 20px;}
    .slideWrap .slideBx .btn {width: 45px; height: 45px;}
    .slideWrap .slideBx .btn.prev {left: 20px;}
    .slideWrap .slideBx .btn.next {right: 20px;}
}

@media screen and (max-width: 768px) {
    .slideWrap .container {flex-wrap: wrap;}
    .slideWrap .slideBx {width: 100%;}
    .slideWrap .infoBx {width: 100%;}
    .slideWrap .infoBx .flex {padding: 20px 0;}
    .slideWrap .infoBx dt {font-size: 16px;}
    .slideWrap .infoBx dd p {font-size: 16px;}
}

@media screen and (max-width: 480px) {
    .slideWrap .slideBx .btn {width: 35px; height: 35px;}
    .slideWrap .infoBx dt {padding-left: 15px;}
}
/* slideWrap */

/* parkWrap */
.parkWrap {margin-bottom: 116px;}
.parkWrap .title {font-size: 45px; font-weight: 700; color: #343135; letter-spacing: -0.025em; margin-bottom: 70px;}
.parkWrap .parkBx {display: flex; justify-content: space-between; gap: 30px;}
.parkWrap .parkBx:first-of-type {margin-bottom: 108px;}
.parkWrap .parkBx:nth-of-type(2) {margin-bottom: 145px;}

.parkWrap .parkBx .title2 {position: relative; width: 225px; flex-shrink: 0; font-size: 35px; font-weight: 700; color: #2a6d1a; letter-spacing: -0.025em; line-height: 1.2; padding: 10px 0 0 16px;}
.parkWrap .parkBx .title2::before {content: ''; position: absolute; top: 0; left: 0; width: 10px; height: 10px; background: #2a6d1a; border-radius: 50%;}

.parkWrap .parkBx .parkCont {width: 1120px;}
.parkWrap .parkBx .parkCont .text {font-size: 18px; font-weight: 500; color: #000000; letter-spacing: -0.025em; margin-bottom: 17px;}
.parkWrap .parkBx .parkCont .text.type2 {font-weight: 700; margin-bottom: 34px;}

.parkWrap .parkBx .parkCont .boxList {display: flex; flex-wrap: wrap; gap: 53px;}
.parkWrap .parkBx .parkCont .boxList li {width: calc(50% - 26.5px); height: 195px; background: #ebf4ef; padding: 30px 0 0 36px;}
.parkWrap .parkBx .parkCont .boxList li .tit {font-size: 22px; font-weight: 700; color: #000000; letter-spacing: -0.025em; margin-bottom: 26px;}
.parkWrap .parkBx .parkCont .boxList li .txt {font-size: 18px; font-weight: 500; color: #000000; line-height: 30px; letter-spacing: -0.025em; word-break: keep-all;}
.parkWrap .parkBx .parkCont .boxList.type2 li {height: 157px;}
.parkWrap .parkBx .parkCont .boxList.type2 li .tit {margin-bottom: 19px;}

.parkWrap .parkBx .iconList>li {display: flex; align-items: center; padding: 43px 0 46px 0; border-bottom: 1px solid #dddddd;}
.parkWrap .parkBx .iconList>li:first-child {padding-top: 25px;}
.parkWrap .parkBx .iconList>li .iconBx {display: flex; align-items: center; justify-content: center; width: 160px;}
.parkWrap .parkBx .iconList>li .textBx .tit {font-size: 22px; font-weight: 700; color: #000000; letter-spacing: -0.025em; margin-bottom: 19px;}
.parkWrap .parkBx .iconList>li .textBx .tit.type2 {margin-bottom: 0;}
.parkWrap .parkBx .iconList>li .textBx .tit2 {font-size: 18px; font-weight: 700; color: #2a6d1a; letter-spacing: -0.025em; margin: 16px 0 30px 0;}
.parkWrap .parkBx .iconList>li .textBx .txt {font-size: 18px; font-weight: 500; color: #000000; letter-spacing: -0.025em; line-height: 30px;}
.parkWrap .parkBx .iconList>li .textBx .list {width: 626px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 23px;}
.parkWrap .parkBx .iconList>li .textBx .list li {position: relative; min-width: 250px; font-size: 18px; font-weight: 500; color: #000000; letter-spacing: -0.025em; padding-left: 13px;}
.parkWrap .parkBx .iconList>li .textBx .list li::before {content: ''; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; background: #191919;}

.parkWrap .parkBx .golfList {display: flex; gap: 45px;}
.parkWrap .parkBx .golfList>li {width: calc(33.333% - 30px);}
.parkWrap .parkBx .golfList>li .tit {font-size: 22px; font-weight: 700; color: #000000; letter-spacing: -0.025em; margin-bottom: 17px;}
.parkWrap .parkBx .golfList>li .list {margin: 25px 0 37px 0;}
.parkWrap .parkBx .golfList>li .list li {position: relative; font-size: 18px; font-weight: 500; color: #000000; letter-spacing: -0.025em; padding-left: 15px; word-break: keep-all; line-height: 30px;}
.parkWrap .parkBx .golfList>li .list li::before {content: ''; position: absolute; top: 9px; left: 3px; width: 3px; height: 3px; background: #000000;}

.parkWrap .parkBx .tipBx {display: flex; align-items: center; gap: 15px; padding: 14px 0 15px 24px; background: #ebf4ef;}
.parkWrap .parkBx .tipBx span {display: block; width: 71px; padding: 8px 0; background: #2a6d1a; border-radius: 20px; font-size: 15px; font-weight: 700; color: #fff; text-align: center; flex-shrink: 0;}
.parkWrap .parkBx .tipBx p {font-size: 18px; font-weight: 700; color: #2a6d1a; line-height: 30px;}

.parkWrap .parkBx .tableBx table {border-top: 2px solid #374035; border-bottom: 1px solid #374035;}
.parkWrap .parkBx .tableBx tr:not(:last-child) {border-bottom: 1px solid #dbdbdb;}
.parkWrap .parkBx .tableBx th {border-bottom: 1px solid #374035; font-size: 18px; color: #374035; letter-spacing: -0.025em; padding: 18px 0 16px 0;}
.parkWrap .parkBx .tableBx th:not(:last-child),
.parkWrap .parkBx .tableBx td:not(:last-child) {border-right: 1px solid #dbdbdb;}
.parkWrap .parkBx .tableBx td {text-align: center; font-size: 18px; font-weight: 500; color: #000000; letter-spacing: -0.025em; padding: 18px 0 16px 0;}
.parkWrap .parkBx .tableBx .text.type2 {margin: 27px 0 34px 0;}

.parkWrap .parkBx .tipList {display: flex;}
.parkWrap .parkBx .tipList li {padding: 13px 23px 0 30px; width: 33.333%; height: 223px; position: relative;}
.parkWrap .parkBx .tipList li::before {content: ''; position: absolute; bottom: 0; right: 54px; background-size: 100%; background-repeat: no-repeat; width: 40px; height: 55px;}
.parkWrap .parkBx .tipList li:first-child::before {background-image: url('/humanframe/theme/parkgolf/assets/img/sub/sub0_icon4.png');}
.parkWrap .parkBx .tipList li:nth-child(2)::before {background-image: url('/humanframe/theme/parkgolf/assets/img/sub/sub0_icon5.png');}
.parkWrap .parkBx .tipList li:last-child::before {background-image: url('/humanframe/theme/parkgolf/assets/img/sub/sub0_icon6.png');}
.parkWrap .parkBx .tipList li:first-child {padding-left: 0;}
.parkWrap .parkBx .tipList li:not(:last-child) {border-right: 1px solid #dddddd;}
.parkWrap .parkBx .tipList li .tit {font-size: 22px; color: #000000; font-weight: 700; letter-spacing: -0.025em; margin-bottom: 15px;}
.parkWrap .parkBx .tipList li .txt {font-size: 18px; color: #000000; font-weight: 500; line-height: 30px; letter-spacing: -0.025em; word-break: keep-all;}


@media screen and (max-width: 1400px) {
    .parkWrap .parkBx .parkCont {width: 85%;}
    .parkWrap .parkBx .parkCont .boxList {gap: 40px;}
    .parkWrap .parkBx .parkCont .boxList li {width: calc(50% - 20px); height: auto; padding: 30px 30px 30px 36px;}
}

@media screen and (max-width: 1280px) {
    .parkWrap .title {font-size: 40px;}
    .parkWrap .parkBx .iconList>li .iconBx {flex-shrink: 0;}
    .parkWrap .parkBx .iconList>li .textBx .list {width: 100%;}
    .parkWrap .parkBx .golfList {gap: 30px;}
    .parkWrap .parkBx .golfList>li {width: calc(33.333% - 20px);}
}

@media screen and (max-width: 1025px) {
    .parkWrap .parkBx.type2 {flex-wrap: wrap;}
    .parkWrap .parkBx .title2 {width: 182px; font-size: 30px; padding: 10px 0 0 12px;}
    .parkWrap .parkBx .title2::before {width: 8px; height: 8px;}
    .parkWrap .parkBx .title2 br {display: none;}
    .parkWrap .parkBx .title2.type2 {width: 100%;}
    .parkWrap .parkBx .parkCont .text {font-size: 16px; margin-bottom: 15px;}
    .parkWrap .parkBx .parkCont .text.type2 {margin-bottom: 28px;}
    .parkWrap .parkBx .parkCont .boxList {gap: 30px;}
    .parkWrap .parkBx .parkCont .boxList li {width: calc(50% - 15px); padding: 25px;}
    .parkWrap .parkBx .parkCont .boxList li .tit {font-size: 20px; margin-bottom: 20px;}
    .parkWrap .parkBx .parkCont .boxList li .txt {font-size: 16px; line-height: 26px;}
    .parkWrap .parkBx.type2 .parkCont {width: 100%;}
    .parkWrap .parkBx .iconList>li {padding: 35px 0;}
    .parkWrap .parkBx .iconList>li:first-child {padding-top: 18px;}
    .parkWrap .parkBx .iconList>li .iconBx {width: 140px;}
    .parkWrap .parkBx .iconList>li .textBx .tit {font-size: 20px; margin-bottom: 15px;}
    .parkWrap .parkBx .iconList>li .textBx .txt {font-size: 16px; line-height: 26px;}
    .parkWrap .parkBx .iconList>li .textBx .tit2 {font-size: 16px; margin: 12px 0 20px 0;}
    .parkWrap .parkBx .iconList>li .textBx .list {flex-direction: column; gap: 12px;}
    .parkWrap .parkBx .iconList>li .textBx .list li {font-size: 16px;}
    .parkWrap .parkBx .tableBx th, .parkWrap .parkBx .tableBx td {padding: 16px 0 14px 0; font-size: 16px;}
    .parkWrap .parkBx .tipList li {padding: 10px 20px 0 20px;}
    .parkWrap .parkBx .tipList li::before {width: 35px; right: 25px;}
    .parkWrap .parkBx .tipList li .tit {font-size: 20px;}
    .parkWrap .parkBx .tipList li .txt {font-size: 16px; line-height: 26px;}
}

@media screen and (max-width: 768px) {
    .introWrap.type3 .titleBx .txt {font-size: 16px; line-height: 26px;}
    .parkWrap {margin-bottom: 50px;}
    .parkWrap .title {font-size: 34px; margin-bottom: 30px;}
    .parkWrap .parkBx {flex-wrap: wrap; gap: 20px;}
    .parkWrap .parkBx:first-of-type,
    .parkWrap .parkBx:nth-of-type(2) {margin-bottom: 70px;}
    .parkWrap .parkBx .title2 {font-size: 28px; padding: 6px 0 0 8px;}
    .parkWrap .parkBx .title2::before {width: 6px; height: 6px;}
    .parkWrap .parkBx .parkCont .text {font-size: 15px; margin-bottom: 10px; line-height: 22px;}
    .parkWrap .parkBx .parkCont .text.type2 {margin-bottom: 20px;}
    .parkWrap .parkBx .parkCont {width: 100%;}
    .parkWrap .parkBx .parkCont .boxList {gap: 15px;}
    .parkWrap .parkBx .parkCont .boxList li {width: 100%; padding: 25px 20px;}
    .parkWrap .parkBx .parkCont .boxList li .tit {font-size: 18px; margin-bottom: 15px;}
    .parkWrap .parkBx .parkCont .boxList li .txt {font-size: 15px; line-height: 25px;}
    .parkWrap .parkBx .parkCont .boxList.type2 li {height: auto;}
    .parkWrap .parkBx .iconList>li .iconBx {width: 120px;}
    .parkWrap .parkBx .iconList>li .iconBx img {width: 30px;}
    .parkWrap .parkBx .golfList {flex-wrap: wrap; gap: 0;}
    .parkWrap .parkBx .golfList>li {width: 100%;}
    .parkWrap .parkBx .golfList>li .tit {font-size: 20px; margin-bottom: 15px;}
    .parkWrap .parkBx .golfList>li img {width: 100%;}
    .parkWrap .parkBx .golfList>li .list {margin-top: 20px;}
    .parkWrap .parkBx .golfList>li .list li {font-size: 16px; line-height: 24px;}
    .parkWrap .parkBx .tipBx {padding: 15px;}
    .parkWrap .parkBx .tipBx span {width: 55px; padding: 6px 0; font-size: 14px; border-radius: 22px;}
    .parkWrap .parkBx .tipBx p {font-size: 15px;}
    .parkWrap .parkBx .tipList {flex-wrap: wrap;}
    .parkWrap .parkBx .tipList li {width: 100%; padding: 25px 25px 25px 15px !important; height: auto; border-right: none !important; border-bottom: 1px solid #dddddd;}
    .parkWrap .parkBx .tipList li::before {width: 30px; right: 22px;}
    .parkWrap .parkBx .tipList li .tit {font-size: 18px;}
    .parkWrap .parkBx .tipList li .txt {font-size: 15px; line-height: 25px;}
    .parkWrap .parkBx .tipList li .txt>br {display: none;}
}

@media screen and (max-width: 480px) {
    .parkWrap .parkBx .iconList>li .iconBx {width: 80px;}
    .parkWrap .parkBx .iconList>li .textBx .tit {font-size: 18px; margin-bottom: 10px;}
    .parkWrap .parkBx .iconList>li .textBx .tit2 {font-size: 15px;}
    .parkWrap .parkBx .iconList>li .textBx .txt {font-size: 15px; line-height: 23px;}
    .parkWrap .parkBx .iconList>li .textBx .list li {font-size: 15px;}
    .parkWrap .parkBx .tableBx th, .parkWrap .parkBx .tableBx td {padding: 16px 10px 12px 10px; font-size: 15px;}
    .parkWrap .parkBx:first-of-type,
    .parkWrap .parkBx:nth-of-type(2) {margin-bottom: 50px;}
}
/* parkWrap */

/* tabWrap */
.tabWrap {display: flex; flex-wrap: wrap; width: 100%; border-top: 1px solid #dcdbdb; border-left: 1px solid #dcdbdb; margin-bottom: 104px;}
.tabWrap li {width: 20%; box-sizing: border-box; border-right: 1px solid #dcdbdb; border-bottom: 1px solid #dcdbdb; transition: background, color 0.3s;}
.tabWrap a {display: flex; align-items: center; justify-content: center; width: 100%; height: 75px; font-size: 19px; font-weight: 700; text-align: center; word-break: keep-all; color: #444444; transition: background, color 0.3s;}
.tabWrap li:hover , .tabWrap li.on {border: 1px solid #2a6d1a;}
.tabWrap li:hover a, .tabWrap li.on a {background: #2a6d1a; color: #fff;}
/* tabWrap */

@media screen and (max-width: 768px) {
    .tabWrap {margin-bottom: 80px;}
    .tabWrap li {width: 33.333%;}
    .tabWrap a {height: 67px; font-size: 17px;}
}

@media screen and (max-width: 480px) {
    .tabWrap li {width: 50%;}
}