@charset "UTF-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

:root{
    /* point - color */
	--color-point:#133569;
	--color-point-sub:#44E558;
	--color-point-sub2:#309B3A;
	--color-point-font:#222;
}

html, body {
    font-family: 'Pretendard', sans-serif;
}

/* style */
html, body {
    font-size: 62.5%;
    font-weight: 400;
    font-style: normal;

    -webkit-text-size-adjust: none;
    -ms-text-size-adjust : none;  
    -moz-text-size-adjust : none;  
    -o-text-size-adjust : none;  
    text-size-adjust: none
}
body > * {
    font-size: 1.6rem
}
@media screen and (max-width:992px) {
    html, body {
        font-size: 50%
    }
    body > * {
        font-size: 1.750rem
    }
}

body::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

body::-webkit-scrollbar-thumb {
    background: var(--color-point);
    border: 1px solid #fff;
    border-radius: 10px
}

body::-webkit-scrollbar-track {
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 10px
}

body::-webkit-scrollbar-corner {
    background: 0 0
}

/* scrollLock */
.scrollLock {touch-action:none;-webkit-overflow-scrolling:none;overflow:hidden;overscroll-behavior:none;}

/* hide */
.hide {
    display:none;
    opacity:0
}

/* cover */
.cover {
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:cover
}

/* header */
header {width:100%;height:100px;position:fixed;top:0;left:0;z-index:1000;box-sizing:border-box;}
header::after {content:"";width:100%;height:1px;position:absolute;left:0;top:100px;background-color:transparent;z-index:10;transition:.4s;}
header .hd-wrap {width:100%;height:100%;position:relative;z-index:10;}
header .hd-logo {position:absolute;left:40px;top:50%;transform:translate(0,-50%);}
header .hd-logo a {display:block;}
header .hd-logo a img {display:block;height:38px;}
header .pc-nav {width:100%;height:100%;display:flex;justify-content:center;background-color:#fff;}
header .pc-nav .bg {width:100%;height:calc(100vh - 100px);position:absolute;left:0;top:100px;background-color:rgba(34,34,34,.7);z-index:-1;transform:translate(0,-100%);opacity:0;transition:opacity .4s;}
header .pc-nav > ul {height:100%;display:flex;}
header .pc-nav > ul > li {height:100%;display:flex;align-items:center;padding:0 40px;}
header .pc-nav > ul > li > a {height:100%;display:flex;align-items:center;font-size:18px;font-weight:500;color:var(--color-point-font);border-bottom:2px solid transparent;box-sizing:border-box;transition:.4s;}
header .pc-nav > ul > li .pc-box {width:100%;position:absolute;left:0;top:100px;transform:translate(0,-100%);z-index:-1;opacity:0;transition:opacity .4s;}
header .pc-box > .nav {width:100%;height:100px;display:flex;justify-content:center;align-items:center;gap:80px;background-color:#fff;border-radius:0 0 16px 16px;overflow:hidden;}
header .pc-box > .nav li a {display:block;font-size:16px;font-weight:400;line-height:20px;color:#777;border-bottom:1px solid transparent;}
header .link-logo {position:absolute;right:60px;top:50%;transform:translate(0,-50%);}
header .link-logo a {display:flex;align-items:center;gap:12px;}
header .link-logo img {display:block;}
header .link-logo .img-symbol {width:30px;}
header .link-logo .img-text {width:100px;}
header .menu {position:absolute;right:40px;top:50%;transform:translate(0,-50%);}
header .menu-btn {width:28px;height:28px;position:relative;cursor:pointer;}
header .menu-btn > div {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
header .menu-btn > div i {font-size:28px;color:var(--color-point-font);}
header .menu-btn .open {display:block;}
header .menu-btn .close {display:none;}
header .mo-nav {width:100%;height:calc(100vh - 100px);position:absolute;left:0;top:100px;background-color:#fff;display:flex;transform:translateY(-100%);opacity:0;transition:transform .6s, opacity 0s .6s;}
header .mo-nav > ul {width:62.5%;height:100%;padding:80px 40px 80px 120px;box-sizing:border-box;border-right:1px solid #D9D9D9;display:flex;align-content:flex-start;flex-wrap:wrap;gap:40px;}
header .mo-nav > ul > li {width:100%;display:flex;align-items:center;gap:80px;position:relative;}
header .mo-nav > ul > li > a {display:block;font-size:64px;font-weight:700;line-height:1;color:#ccc;width:222px;transition:.4s;}
header .mo-box {width:calc(100% - 302px);position:relative;opacity:0;transition:.4s;}
header .mo-box > ul {width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:20px 60px;}
header .mo-box > ul > li > a {display:block;font-size:18px;font-weight:400;line-height:1;color:#777;transition:.4s;}
header .mo-right {width:37.5%;height:100%;padding:80px;box-sizing:border-box;position:relative;display:flex;flex-wrap:wrap;}
header .link-logo-mo {width:100%;padding-bottom:40px;display:flex;justify-content:flex-end;}
header .link-logo-mo a {display:flex;align-items:center;gap:12px;}
header .link-logo-mo a img {display:block;}
header .link-logo-mo a .img-symbol {height:40px;}
header .link-logo-mo a .img-text {width:100px;}
header .mo-right .image {width:100%;height:calc(100% - 80px);position:relative;}
header .mo-right .image .img {width:100%;height:100%;position:relative;}
header .mo-right .image .img .cover {width:100%;height:100%;position:absolute;}
header .mo-right .image img {display:block;position:absolute;bottom:30px;left:50%;transform:translate(-50%,0);height:38px;}

/* scroll */
header.scroll::after {background-color:#D9D9D9;}

/* on */
header.on::after {background-color:#D9D9D9;}
header.on .pc-nav .bg {transform:translate(0,0);opacity:1;}
header .pc-nav > ul > li.on > a {color:var(--color-point-sub2);border-color:var(--color-point-sub2);}
header .pc-nav > ul > li.on .pc-box {transform:translate(0,0);opacity:1;z-index:1;}
header .menu-btn.on .open {display:none;}
header .menu-btn.on .close {display:block;}
header .mo-nav.on {transform:translateY(0);opacity:1;transition:transform .6s, opacity 0s;}

/* active */
header.active::after {background-color:#D9D9D9;}
header .mo-nav > ul > li > a.active {color:var(--color-point);}
header .mo-nav > ul > li > a.active + .mo-box {opacity:1;}
@media (hover: hover) and (pointer: fine) {
    header .pc-box > .nav li a:hover {color:var(--color-point-font);font-weight:600;border-color:var(--color-point-font);}
    header .mo-nav > ul > li > a:hover {color:var(--color-point);}
    header .mo-box > ul > li > a:hover {color:var(--color-point-font);font-weight:600;}
}
@media screen and (max-width:1200px) {
    header .pc-nav > ul > li {padding:0 20px;}
    header .mo-nav > ul {padding:60px 40px;}
    header .mo-nav > ul > li > a {font-size:48px;width:166px;}
    header .mo-box {width:calc(100% - 246px);}
    header .mo-right {padding:60px 40px;}
}
@media screen and (max-width:992px) {
    header {height:66px;}
    header::after {top:66px;}
    header .hd-wrap {background-color:#fff;}
    header .hd-logo {left:15px;}
    header .hd-logo a img {height:26px;}
    header .pc-nav {display:none;}
    header .menu {right:15px;}
    header .menu-btn {width:20px;height:20px;}
    header .menu-btn > div i {font-size:20px;}
    header .mo-nav {height:calc(100dvh - 66px);top:66px;flex-direction:column;}
    header .mo-nav > ul {width:100%;padding:40px 30px;border-right:none;gap:30px;height:calc(100% - 75px);overflow-y:auto;}
    header .mo-nav > ul::-webkit-scrollbar {width:4px;height:4px;}
    header .mo-nav > ul::-webkit-scrollbar-thumb {background:var(--color-point);border:1px solid #fff;border-radius:10px}
    header .mo-nav > ul::-webkit-scrollbar-track {background:0 0;border:1px solid transparent;border-radius:10px}
    header .mo-nav > ul::-webkit-scrollbar-corner {background: 0 0}
    header .mo-nav > ul > li {flex-direction:column;align-items:unset;gap:0;}
    header .mo-nav > ul > li > a {font-size:40px;width:auto;}
    header .mo-box {width:100%;display:none;}
    header .mo-box > ul {flex-wrap:nowrap;flex-direction:column;align-items:unset;gap:0;padding-top:20px;padding-bottom:30px;}
    header .mo-box > ul > li > a {padding:10px 0;color:var(--color-point-font);}
    header .mo-right {width:100%;height:auto;padding:20px 30px;border-top:1px solid #D9D9D9;}
    header .link-logo-mo {padding-bottom:0;justify-content:flex-start;}
    header .link-logo-mo a {gap:10px;}
    header .link-logo-mo a .img-symbol {height:34px;}
    header .link-logo-mo a .img-text {width:83px;}
    header .mo-right .image {display:none;}

    /* active */
    header .mo-nav > ul > li > a.active + .mo-box {display:block;}
}

/* side-cowon */
.side-cowon {position:fixed;top:30%;right:0;transform:translate(0,-50%);z-index:999;}
.side-cowon .link-logo {width:80px;height:120px;display:flex;justify-content:center;align-items:center;border-radius:16px 0 0 16px;overflow:hidden;background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);}
.side-cowon .link-logo a {display:flex;flex-direction:column;align-items:center;gap:8px;}
.side-cowon .link-logo a img {display:block;}
.side-cowon .link-logo a .img-symbol {width:40px;}
.side-cowon .link-logo a .img-text {width:60px;}
@media screen and (max-width:992px) {
    .side-cowon {top:126px;transform:translate(0,0);}
    .side-cowon .link-logo {width:60px;height:90px;}
    .side-cowon .link-logo a {gap:6px;}
    .side-cowon .link-logo a .img-symbol {width:30px;}
    .side-cowon .link-logo a .img-text {width:45px;}
}

/* footer */
footer {width:100%;padding:80px 40px;box-sizing:border-box;overflow:hidden;position:relative;border-top:1px solid #eee;}
footer .frame {width:100%;max-width:1440px;margin:0 auto;display:flex;align-items:flex-start;flex-wrap:wrap;gap:40px;}
footer .footer-right {display:flex;align-items:center;gap:60px;margin-left:auto;}
footer .logo {margin-bottom:60px;}
footer .logo img {display:block;height:38px;}
footer .footer-info {display:flex;flex-direction:column;gap:20px;}
footer .footer-info .info {display:flex;align-items:center;gap:30px;}
footer .footer-info .info .ttl {display:block;width:73px;font-size:16px;font-weight:600;line-height:1;color:var(--color-point-font);}
footer .footer-info .info .detail {display:block;font-size:16px;font-weight:400;line-height:1.4;color:#777;}
footer .footer-link {display:flex;align-items:center;gap:40px;}
footer .footer-link li a {display:block;font-size:16px;font-weight:600;line-height:1;color:#000;}
footer .select-box {position:relative;display:block;width:200px;cursor:pointer;}
footer .select-trigger {width:100%;height:40px;padding:0 20px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;border-radius:8px;background-color:#F1F1F1;font-size:14px;font-weight:500;line-height:1;color:#000;}
footer .select-trigger i {font-size:20px;color:#999;}
footer .select-options {position:absolute;left:0;top:40px;width:100%;display:none;}
footer .select-options li {width:100%;height:40px;padding:0 20px;border-radius:8px;border:1px solid #F1F1F1;box-sizing:border-box;display:flex;align-items:center;font-size:14px;font-weight:400;line-height:1;color:#000;transition:.4s;}
footer .select-box.active .select-options {display:block;}
footer .copy {width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:20px;}
footer address {font-style:normal;font-size:14px;font-weight:400;line-height:1.4;color:#ccc;}
footer .copy a {display:block;font-size:14px;font-weight:400;line-height:1;color:#777;}
.modal {position:fixed;left:0;top:0;width:100%;height:100vh;padding:0 40px;box-sizing:border-box;justify-content:center;align-items:center;background-color:rgba(24,24,24,.7);z-index:1000;display:none;}
.modal.on {display:flex;}
.modal-box {width:100%;max-width:690px;padding:60px;box-sizing:border-box;border-radius:16px;background-color:#fff;position:relative;overflow:hidden;}
.modal-box .close {width:44px;height:44px;border-radius:50%;background-color:#F1F1F1;position:absolute;right:25px;top:25px;font-size:18px;color:var(--color-point-font);display:flex;justify-content:center;align-items:center;cursor:pointer;}
.modal-box .frame {width:100%;height:100%;}
.modal-box .frame .text {display:flex;flex-wrap:wrap;gap:40px;}
.modal-box .title {font-size:32px;font-weight:700;line-height:1;color:var(--color-point-font);}
.modal-box .detail {width:100%;}
.modal-box .detail h3 {font-size:18px;font-weight:600;line-height:24px;color:var(--color-point-font);margin-bottom:16px;}
.modal-box .detail p {width:100%;padding-left:20px;box-sizing:border-box;font-size:14px;font-weight:400;line-height:24px;color:#777;position:relative;word-break:keep-all;}
.modal-box .detail p .dot {width:4px;height:4px;border-radius:50%;background-color:#777;position:absolute;left:8px;top:10px;display:block;}
.modal-box .detail h4 {font-size:14px;font-weight:400;line-height:24px;color:#777;word-break:keep-all;}
.modal-box .red {display:block;font-size:18px;font-weight:600;line-height:24px;color:#D53636;margin-bottom:20px;}
.modal.reject .modal-box .frame .text {gap:20px;}
.modal.reject .modal-box .detail p {padding:0;}
@media (hover: hover) and (pointer: fine) {
    footer .select-options li:hover {background-color:#F1F1F1;}
}
@media screen and (max-width:992px) {
    footer {padding:40px 15px;}
    footer .frame {align-items:unset;gap:0;}
    footer .footer-left {width:100%;padding-bottom:40px;border-bottom:1px solid #eee;}
    footer .footer-right {width:100%;align-items:unset;gap:30px;flex-wrap:wrap;margin-left:0;padding:40px 0;border-bottom:1px solid #eee;}
    footer .logo {margin-bottom:40px;}
    footer .logo img {height:30px;}
    footer .footer-info .info {gap:24px;}
    footer .footer-info .info .ttl {width:64px;font-size:14px;}
    footer .footer-info .info .detail {font-size:14px;word-break:keep-all;}
    footer .footer-link {width:100%;align-items:unset;gap:20px;flex-wrap:wrap;}
    footer .footer-link li a {font-size:14px;}
    footer .footer-family {width:100%;}
    footer .select-box {width:100%;}
    footer .copy {margin-top:40px;flex-wrap:wrap;gap:20px 10px;}
    footer address {font-size:12px;}
    footer .copy a {font-size:12px;margin-left:auto;}
    .modal {padding:0 15px;}
    .modal-box {padding:40px 15px;}
    .modal.policy .modal-box {height:80%;}
    .modal-box .frame {overflow:hidden;overflow-y:auto;}
    .modal-box .frame::-webkit-scrollbar {width:.4rem;height:.4rem;background-color:#e8e8e8;border-radius:1rem;}
    .modal-box .frame::-webkit-scrollbar-thumb {background:#777;border-radius:1rem;}
    .modal-box .frame::-webkit-scrollbar-track {background:0 0;border-radius:1rem;}
    .modal-box .frame::-webkit-scrollbar-corner {background: 0 0;}
    .modal-box .frame .text {gap:20px;padding-right:5px;box-sizing:border-box;}
    .modal-box .close {width:30px;height:30px;right:10px;top:10px;font-size:14px;}
    .modal-box .title {font-size:24px;}
    .modal-box .detail h3 {font-size:16px;line-height:22px;margin-bottom:12px;}
    .modal-box .red {font-size:16px;line-height:22px;margin-bottom:10px;}
}

/* page-top-cowon(about,org,landscape,location,branch,development,membership,resort,project,complete,progress,notice) */
.page-top-cowon {width:100%;padding:80px 40px 60px;box-sizing:border-box;position:relative;margin-top:100px;}
.page-top-cowon .frame {width:100%;max-width:1440px;margin:0 auto;}
.page-top-cowon .page-title {width:100%;margin-bottom:60px;}
.page-top-cowon .page-title .ttl {font-size:60px;font-weight:700;line-height:1;color:var(--color-point-font);text-align:center;margin-bottom:30px;}
.page-top-cowon .page-nav {width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;line-height:1;color:#999;}
.page-top-cowon .page-nav i {font-size:14px;}
.page-top-cowon .page-nav i.home {font-size:18px;}
.page-top-cowon .page-nav span {display:block;font-size:18px;font-weight:400;}
.page-top-cowon .page-nav .end {color:var(--color-point-font);}
.page-top-cowon .tab-nav {width:100%;display:flex;gap:20px;}
.page-top-cowon .tab-nav li {width:100%;border-bottom:2px solid #eee;transition:.4s;}
.page-top-cowon .tab-nav li.on {border-color:var(--color-point-font);}
.page-top-cowon .tab-nav li a {display:block;width:100%;padding-bottom:20px;font-size:20px;font-weight:600;line-height:1;color:#aaa;text-align:center;transition:.4s;}
.page-top-cowon .tab-nav li.on a {color:var(--color-point-font);}
.page-top-cowon .tab-nav-mo {display:none;}
.page-top-cowon .page-image {width:100%;margin-top:60px;}
.page-top-cowon .page-image .img {width:100%;height:280px;border-radius:32px;position:relative;overflow:hidden;}
.page-top-cowon .page-image .img .cover {width:100%;height:100%;position:absolute;}
@media (hover: hover) and (pointer: fine) {
    .page-top-cowon .tab-nav li:hover {border-color:var(--color-point-font);}
    .page-top-cowon .tab-nav li:hover a {color:var(--color-point-font);}
}
@media screen and (max-width:992px) {
    .page-top-cowon {padding:100px 15px 40px;margin-top:66px;}
    .page-top-cowon .page-title {margin-bottom:40px;}
    .page-top-cowon .page-title .ttl {font-size:36px;margin-bottom:20px;}
    .page-top-cowon .page-nav i.home {font-size:16px;}
    .page-top-cowon .page-nav span {font-size:16px;}
    .page-top-cowon .tab-nav {display:none;}
    .page-top-cowon .tab-nav-mo {width:100%;display:block;}
    .page-top-cowon .select-box {position:relative;display:block;width:100%;cursor:pointer;z-index:10;}
    .page-top-cowon .select-trigger {width:100%;padding:20px 15px 22px;border-radius:16px 16px 0 0;border-bottom:2px solid var(--color-point-font);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;line-height:1;color:var(--color-point-font);}
    .page-top-cowon .select-trigger i {font-size:14px;}
    .page-top-cowon .select-options {position:absolute;left:0;top:60px;width:100%;display:none;}
    .page-top-cowon .select-options li {width:100%;padding:20px 15px 22px;border:1px solid #D9D9D9;border-top:none;background-color:#fff;box-sizing:border-box;font-size:16px;font-weight:600;line-height:1;color:#777;}
    .page-top-cowon .select-options li:last-child {border-radius:0 0 16px 16px;}
    .page-top-cowon .select-box.active .select-trigger {background-color:var(--color-point);color:#fff;}
    .page-top-cowon .select-box.active .select-trigger i {transform:rotate(180deg);}
    .page-top-cowon .select-box.active .select-options {display:block;}
    .page-top-cowon .page-image {margin-top:40px;}
}
.page-top-cowon .frame {transform:translate3d(0, 10%, 0);opacity:0;transition:opacity .5s, transform .5s;}
.page-top-cowon .frame.movmt {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s, transform .8s;}

/* banner-fixed-cowon(development,membership,resort,project) */
.banner-fixed-cowon {width:100%;position:relative;overflow:hidden;}
.banner-fixed-cowon .bg {width:100%;height:440px;position:relative;}
.banner-fixed-cowon .bg .cover {position:absolute;width:100%;height:100%;background-attachment:fixed;}
@media screen and (max-width:992px) {
    .banner-fixed-cowon .bg {height:240px;}
    .banner-fixed-cowon .bg .cover {background-attachment: scroll !important;}
}

/* 게시판 상세페이지 board-box */
.board-cowon {width:100%;padding:0 40px 120px;box-sizing:border-box;position:relative;overflow:hidden;}
.board-cowon .frame {width:100%;max-width:1440px;margin:0 auto;}
.board-box {width:100%;overflow:hidden;}
.board-box .board-title {width:100%;padding-bottom:60px;box-sizing:border-box;border-bottom:1px solid #D9D9D9;}
.board-box .board-title .name {width:100%;font-size:36px;font-weight:700;line-height:1.2;color:var(--color-point-font);margin-bottom:30px;text-align:center;word-break:keep-all;}
.board-box .board-title .date {font-size:16px;font-weight:400;line-height:1;color:#666;display:block;text-align:center;}
.board-box .board .cont {width:100%;max-width:1220px;margin:0 auto;padding:60px 0;}
.board-box .board .cont img {display:block;max-width:1120px;height:auto;}
.board-box .board .more {width:100%;display:flex;flex-wrap:wrap;}
.board-box .board .more a {width:100%;padding:30px;box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:60px;font-size:16px;font-weight:600;line-height:1;color:var(--color-point-font);border-bottom:1px solid #D9D9D9;}
.board-box .board .more a:first-child {border-top:1px solid #DDD;}
.board-box .board .more a span {width:calc(100% - 102px);display:block;font-weight:400;color:#666;}
.board-box .board .btn-wrap {width:100%;display:flex;justify-content:center;align-items:center;margin-top:60px;}
.board-box .board .btn-wrap .btn {width:226px;height:60px;border-radius:64px;background-color:#eee;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;color:#777;transition:.4s;}
@media (hover: hover) and (pointer: fine) {
    .board-box .board .btn-wrap .btn:hover {background-color:var(--color-point);color:#fff;font-weight:600;}
}
@media screen and (max-width:1200px) {
    .board-box .board .cont img {width:100%;}
}
@media screen and (max-width:992px) {
    .board-cowon {padding:0 15px 80px;}
    .board-box .board-title {padding-bottom:40px;}
    .board-box .board-title .name {font-size:24px;margin-bottom:20px;}
    .board-box .board .cont {padding:40px 0;}
    .board-box .board .more a {padding:20px 0;gap:16px;font-size:14px;}
    .board-box .board .more a span {width:100%;line-height:1.4;word-break:keep-all;}
    .board-box .board .btn-wrap {margin-top:40px;}
    .board-box .board .btn-wrap .btn {width:140px;height:44px;font-size:16px;background-color:var(--color-point);color:#fff;}
}
.board-cowon .frame {transform:translate3d(0, 40px, 0);opacity:0;transition:opacity .5s, transform .5s;}
.board-cowon .frame.movmt {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s, transform .8s;}