@charset "UTF-8";
@import url('/design2024/common/css/NanumSquare.css');

:root {
	--p_color : #084636;
	--border-radius-10rem : 10rem;
	--border-radius-6rem : 6rem;
	--margin-x-15rem: 0 15rem;
	--margin-x--15rem: 0 -15rem;
	--margin-y-15rem: 15rem 0;
	--margin-y--15rem: -15rem 0;
	--margin-15rem: 15rem;
	--margin--15rem: -15rem;
	--container-inner-width: calc(100% - 160rem);
	--padding-40rem:40rem;
}

body {font-family:'NanumSquare', sans-serif; font-weight:400; font-size:17rem; color:#323232; letter-spacing:-0.5px;}
input, button, textarea, select {font-family:'NanumSquare', sans-serif; font-weight:400; font-size:17rem; color:#323232;}
button, input[type="submit"] {cursor:pointer;}
h1, h2, h3, h4, h5 {font-size:17rem; font-weight:600; line-height:1.4; letter-spacing:-1.2rem;}
a {color:#323232;}
b {font-weight:600;}

.wrap {width:100%; max-width:1600rem; margin:0 auto;}

@media all and (max-width:1900px){
  :root {
	--container-inner-width:100%;
  }
}
@media all and (max-width:1740px){
	:root {
		--padding-40rem:40rem 30rem;
  }
	html {font-size:0.95px;}
	.wrap {max-width:100%; padding:0 40rem;}
}
@media all and (max-width:1440px) {
	:root {
		--margin-x-15rem: 0 7rem;
		--margin-x--15rem: 0 -7rem;
	}
}
@media all and (max-width:1240px) {
	.wrap {padding:0 30rem;}
}
@media all and (max-width:768px){
	:root {
		--padding-40rem:40rem 25rem;
  }
	html {font-size:0.9px;}
	.wrap {padding:0 25rem;}
}
@media all and (max-width:599px){
	:root {
		--padding-40rem:40rem 20rem;
  }
	html {font-size:0.9px;}
	.wrap {padding:0 20rem;}
}

.slick-slide li {display:block !important;}

.slick-dots {display:flex; justify-content:center;}
.slick-dots li button {display:block; position:relative; width:8rem; height:8rem; margin:0 5rem; background:#bdb296; text-indent:-9999rem; border:0; border-radius:50%;}
.slick-dots li.slick-active button {width:20rem; background:#084636; border-radius:40rem;}

/*header*/
#header {display:flex; align-items:center; justify-content:space-between; width:var(--container-inner-width); margin:0 auto; padding:15rem;}
#header .left {display:flex; align-items:center;}
#header .left .logo a {display:flex; align-items:center; position:relative; font-size:23rem; font-weight:400;}
#header .left .logo a:before {content:''; flex-shrink:0; flex-grow:0; width:53rem; height:52rem; margin-right:15rem; background:url('/design2024/parkgolf/img/layout/logo.png') no-repeat 0 0/contain;}
#header .left .logo a strong {font-weight:700; margin-left:7rem;}
#header .right {display:flex; align-items:center;}
/*
#header .cs {margin-bottom:-4rem; margin-right:40rem; font-weight:600;}
#header .cs .tel {display:inline-block; margin:0 10rem;}
#header .cs strong {font-weight:700;}
*/
#header .cs {margin-right:20rem; font-weight:600; display:flex; align-items:center;}
#header .cs > li {margin:0 10rem 0 0; display:flex; align-items:center;}
#header .cs > li strong {margin-right:5rem;}
#header .sitemap {display:block; width:26rem; height:21rem; background:url('/design2024/parkgolf/img/layout/sitemap.png') no-repeat 0 0/contain; text-indent:-9999rem;} 
#header .sitemap.mobile {display:none;}
/*nav*/
.pc_nav {padding:0 0 0 77rem;}
.pc_nav .depth1 > li > a {display:flex; align-items:center; line-height:60rem; font-size:20rem;  font-weight:600;}
.pc_nav .depth1 > li > a:after {content:''; display:block; width:4rem; height:11rem; margin:0 34rem; background:url('/design2024/parkgolf/img/layout/dot.png') no-repeat 0 0/100% auto; }
.pc_nav .depth1 > li:last-child > a:after {display:none;}
/*사용자설정 시작*/
.pc_nav .depth2_wrap { top:60rem; z-index:100;}/*펼침메뉴 위치*/
.pc_nav .depth2 { width:200rem; background:#fff; border-color:#ddd; }/*2차메뉴 가로사이즈, 배경색상, 테두리색상*/
.pc_nav .depth2 > li > a { border-bottom:1px solid #efefef; }/*2차메뉴 구분선 색상*/
.pc_nav .depth3 { left:199rem; width:200rem; background:#efefef; border:1px solid #dedede; }/*3차메뉴 오픈위치, 가로사이즈, 배경색상*/
/*사용자설정 끝*/
.m_nav {display:none;}
@media all and (max-width:1900px){
	#header {max-width:1600rem; padding:15rem 0;}
}
@media all and (max-width:1740px){
	#header {max-width:100%; padding:15rem 40rem;}
	.pc_nav.ver3 .depth2_wrap {left:-40rem;}
}
@media all and (max-width:1440px){
	.pc_nav {padding:0 0 0 50rem;}
	.pc_nav .depth1 > li > a:after {margin:0 20rem;}
}
@media all and (max-width:1280px){
	#header {padding:52rem 25rem 15rem;}
	#header:before {content:''; position:absolute; top:0; left:0; width:100%; height:40rem; border-bottom:1px dashed #ddd; background:#f7f7f7;}
	#header .left {margin-left:-5rem;}
	#header .cs {position:absolute; top:0; left:0; width:100%; line-height:40rem; padding:0 25rem;font-size:16rem;}
	#header .sitemap.pc {display:none;}
	#header .sitemap.mobile {display:block;}
	.pc_nav {display:none;}
	.m_nav .depth2_wrap .wrap {padding:0;}
}
@media all and (max-width:599px){
	#header .left .logo a {font-size:22rem; margin-bottom:-4rem;}
	#header .left .logo a:before {width:35rem; height:34rem; margin-right:12rem;}
	#header .sitemap {width:22rem; height:17rem;}
}
@media all and (max-width:480px){
    #header .cs {
        overflow: hidden;
        white-space: nowrap;
        flex-wrap: nowrap;
        animation: marquee 15s linear infinite;
		width:auto;
    }
    @keyframes marquee {
        0%   { transform: translateX(100%); }
        100% { transform: translateX(-100%); }
    }
}

/*footer*/
#container {padding-bottom:300rem;}
#footer {text-align:center; position:relative; padding-bottom:60rem;}
#footer:before {content:''; position:absolute; bottom:0; left:50%; width:1920rem; height:376rem; margin-left:-960rem; background:url('/design2024/parkgolf/img/main/obj1.png') no-repeat 0 0/contain;}
#footer .wrap {position:relative; }
#footer .wrap small {display:block; margin-top:15rem; font-size:15rem; color:#464646; letter-spacing:-0.1rem;}
#footer .wrap .add {display:flex; justify-content:center;}
#footer .wrap .add li {display:flex; margin:0 15rem;}
#footer .wrap .add li span {font-weight:700; margin-right:10rem;}
@media all and (max-width:1240px){
	#container {padding-bottom:250rem;}
	#footer {padding-bottom:40rem;}
	#footer .wrap .add {flex-wrap:wrap;}
	#footer .wrap .add li {width:100%; justify-content:center; margin:3rem 0;}
}
@media all and (max-width:599px){
	#container {padding-bottom:50rem;}
	#footer {background:#fff; text-align:left; padding:40rem 0;}
	#footer:before {display:none;}
	#footer .wrap .add {justify-content:flex-start;}
	#footer .wrap .add li {justify-content:flex-start;}
}