@charset "UTF-8";
body.noscroll {
	overflow: hidden;
}

#wrap {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

#wrap.login {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	background:#eaecf4;
}

.inner {
	max-width: 144rem;
	margin: 0 auto;
}

.cont-area {
	display: flex;
	justify-content: space-between;
	margin-top: 4rem;
}

/* Login */
.login-area {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}

h1.login-logo {
	margin-left:2.8rem;
	width:16rem;
	height:3.6rem;
	font-size:0;
	background:url('../images/img-login-logo01.png') no-repeat center;
}
.login-area copyright {
	display:block;
	margin-top:2rem;
	font-size:1.4rem;
	font-weight:400;
	color:#666;
	text-align:center;
	letter-spacing:-0.05rem;
}
.login-inner {
	display:flex;
	margin-top:1.6rem;
	border-radius:3.2rem;
	background:#fff;
	box-shadow:0 1.5rem 3rem rgba(0,0,0,0.03);
}
.login-inner > div {
	flex:1 1 40%;
}
.login-inner > div.admin {
	min-height:46rem;
}
.login-form .form-top {
	padding:3rem 4rem 4rem;
}
.login-form.signUp > p {
	width:38rem;
}
.login-form.signUp .signup-inpTxtBox {
	position:relative;
}
.login-form.signUp .signup-inpTxtBox .signup-inpTxt {
	position:absolute;
	right:0;
	top:0;
	width:3rem;
	height:100%;
	line-height:4rem;
	font-size:1.6rem;
	color:#666;
}
.signUp .signup-inpTxtBox input[type=text] {
	padding-right:4rem;
}
.signUp .rdo-box {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:1rem;
}
.login-form .form-top > p {
	margin-top:.6rem;
	font-size:2rem;
	font-weight:600;
	color:#333;
	text-align:center;
	letter-spacing:-0.05rem;
}
.login-form .form-top > span {
	display:block;
	margin-top:.6rem;
	font-size:1.5rem;
	color:#767676;
	text-align:center;
}
.login-form .tabs {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:2rem;
	padding:.5rem;
	border-radius:.8rem;
	background:#ecedf2;
	gap:1rem;
}
.login-form .btn-tabs {
	width:18rem;
	height:5rem;
	font-size:1.8rem;
	color:#666;
	text-align:center;
	line-height:5rem;
	border:0;
	border-radius:.8rem;
}
.login-form .btn-tabs.active {
	color:#111;
	font-weight:600;
	background:#fff;
	box-shadow:0 0 .5rem rgba(0,0,0,0.08);
}
.login-form .btn-tabs.active span {
	color:#007658;
}
.login-form .tab-cont {
	margin-top:2rem;
}
.certificate-1,
.certificate-2 {
	display:flex;
	flex-direction:column;
    align-items:flex-start;
    justify-content:center;
	padding:2rem 0 2rem 8rem;
	width:100%;
	min-width:30rem;
	height:7.2rem;
	border-radius:.8rem;
	cursor:pointer;
}

.certificate-1 p,
.certificate-2 p {
	margin:0;
	font-size:1.8rem;
	font-weight:600;
	color:#333;
}
.certificate-1 span,
.certificate-2 span {
	display:block;
	margin-top:.1rem;
	font-size:1.5rem;
	color:#666;
	word-break:keep-all;
}
.certificate-1 {
	background:url('../images/ico-login01.png') no-repeat 2rem center #eff1f6;
}
.certificate-2 {
	margin-top:.8rem;
	background:url('../images/ico-login02.png') no-repeat 2rem center #f8efeb;
}
.certificate-3 {
	position:relative;
	margin:2rem 0;
	text-align:center;
}
.certificate-3:before {
	position:absolute;
	display:block;
	content:'';
	left:0;
	top:50%;
	width:100%;
	height:.1rem;
	background:#e3e3e3;
	transform:translate(0, -50%);
}
.certificate-3 span {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0 1.6rem;
	width:fit-content;
	font-size:1.5rem;
	font-weight:500;
	color:#666;
	line-height:3.2rem;
	background:#fff;
}
.cer-msg {
	margin-bottom:1rem;
	font-size:1.5rem;
	color:#9d0d0d;
	word-break:keep-all;
}
.login-form .btn-area button + button {
	margin-top:.8rem;
	margin-left:0;
}
.login-form.signUp .btn-area {
	margin-top:2rem;
	padding-top:2rem;
	border-top:.1rem solid #ddd;
}
.login-form.signUp .btn-area button + button {
	margin:0 0 0 .4rem;
}
.login-form .btn-area button {
	position:relative;
	margin:0 auto;
	padding-left:3rem;
	width:100%;
	height:6rem;
	font-size:1.6rem;
	font-weight:600;
	line-height:6.2rem;
	border:0;
	border-radius:.8rem;
}
.admin-label {
	margin-bottom:1rem;
	padding-left:.4rem;
	font-size:1.6rem;
	color:#333;
	font-weight:600;
}
.login-form.signUp .btn-area button.btn-large {
	padding:1.6rem 3rem;
	width:auto;
	height:auto;
	line-height:inherit;
}
.login-form.signUp .btn-area button.btn-large.btn-white {
	border:.1rem solid #e2e2e2;
}
.login-form .btnType-naver {
	color:#fff;
	background:#03c75a;
}
.login-form .btnType-naver:after {
	position:absolute;
	display:block;
	content:'';
	left:calc(50% - 5.2rem);
	top:50%;
	width:1.8rem;
	height:1.8rem;
	background:url('../images/ico-login03.png') no-repeat center;
	transform:translate(0, -50%);
}
.login-form .btnType-kakao {
	color:#333;
	background:#ffde00;
}
.login-form .btnType-kakao:after {
	position:absolute;
	display:block;
	content:'';
	left:calc(50% - 5.1rem);
	top:50%;
	width:2rem;
	height:1.8rem;
	background:url('../images/ico-login04.png') no-repeat center;
	transform:translate(0, -50%);
}
.login-rbox.signUp {
	background-size:cover;
}
.login-rbox {
	display:flex;
	align-items:end;
	width:38rem;
	border-radius:0 3.2rem 3.2rem 0;
	background:url('../images/login-rbg.gif') no-repeat center #f5f5f7;
	overflow:hidden;
}

.login-rbox.admin-login {
	display:flex;
	align-items:end;
	width:40rem;
	border-radius:0 3.2rem 3.2rem 0;
	background:url('../images/login-rbg.gif') no-repeat center #f5f5f7;
	background-size:cover;
	overflow:hidden;
}
.login-info.l-mv {
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	border-radius:0 0 3.2rem 3.2rem;
}
.login-info.l-mv .btn-ipinLink {
	margin-top:1rem;
}
.login-info {
	padding:3rem 4rem 4rem;
	border-radius:0 0 0 3.2rem;
	background:#f5f5f7;
}
.login-info > p {
	font-size:1.6rem;
	font-weight:600;
	color:#333;
}
.signUp .login-info > p {
	width:42rem;
	word-break:keep-all;
}
.login-info > ul {
	margin-top:.5rem;
}
.login-info > ul li {
	position:relative;
	margin-top:.6rem;
	padding-left:.8rem;
	line-height:1.25;
}
.login-info > ul li:before {
	position:absolute;
	display:block;
	content:'-';
	left:0;
	top:0;
	font-size:1.4rem;
}
.login-info > ul li p {
	font-size:1.4rem;
	color:#666;
	line-height:normal;
}
.login-info > ul li p > b {
	color:#111;
	font-weight:500;
}
.login-info > ul li em {
	letter-spacing:-0.05rem;
}
.login-infoStep {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-top:.5rem;
	padding:.6rem .8rem;
	border-radius:.8rem;
	background:#f3e9e9;
}
.login-infoStep span {
	position:relative;
	font-size:1.5rem;
	color:#9d0d0d;
	font-weight:500;
}
.login-infoStep span:before {
	position:absolute;
	display:block;
	content:'';
	left:-1.6rem;
	top:50%;
	width:1.6rem;
	height:1.6rem;
	background:url('../images/ico-sltArrow-sm.png') no-repeat center;
	background-size:50%;
	transform:translate(0, -50%) rotate(-90deg);
	filter:invert(52%) sepia(10%) saturate(7320%) brightness(72%) contrast(120%);
}
.login-infoStep span:first-child:before {
	display:none;
}
.login-infoStep span + span {
	margin-left:1.6rem;
}

.ipin-customer {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:1rem;
	padding:1rem;
	border-radius:.8rem;
	background:#fff;
}
.call-num {
	display:flex;
	align-items:center;
	padding-left:1.4rem;
}
.call-num p {
	font-size:1.6rem;
	font-weight:500;
	color:#666;
}
.call-num a {
	margin-left:.8rem;
	font-size:1.6rem;
	font-weight:600;
	color:#333;
	letter-spacing:0;
}
.btn-ipinLink {
	position:relative;
	padding:.6rem 2.8rem .6rem 1.6rem;
	font-size:1.4rem;
	font-weight:500;
	color:#666;
	line-height:normal;
	border:.1rem solid #d5dadf;
	border-radius:.4rem;
	background:#fff;
}
.btn-ipinLink:hover {
	color:#111;
	border:.1rem solid #c1c6cb;
	box-shadow:0 .2rem .5rem rgba(0,0,0,0.03);
}
.btn-ipinLink:before {
	position:absolute;
	display:block;
	content:'';
	right:1.5rem;
	top:calc(50% + .2rem);
	width:.2rem;
	height:.6rem;
	border-radius:.1rem;
	background:#777;
	transform:translate(0, -50%) rotate(45deg);
}
.btn-ipinLink:after {
	position:absolute;
	display:block;
	content:'';
	right:1.5rem;
	top:calc(50% - .2rem);
	width:.2rem;
	height:.6rem;
	border-radius:.1rem;
	background:#777;
	transform:translate(0, -50%) rotate(-45deg);
}

.offcanvas.offcanvas-bottom {
	border-radius:1.6rem 1.6rem 0 0 !important;
}
.pwa-offcanvas .title {
	margin:1rem 0 .6rem !important;
    font-size:2rem !important;
	font-family:'Pretendard', 'Malgun Gothic', dotum, '돋움', sans-serif !important;
	color:#233e8f !important;
	font-weight:600 !important;
}
.pwa-offcanvas p {
	margin-bottom:2rem !important;
	font-size:1.6rem !important;
	font-family:'Pretendard', 'Malgun Gothic', dotum, '돋움', sans-serif !important;
	color:#333 !important;
	font-weight:500 !important;
	letter-spacing:-0.05rem;
}
.offcanvas-body.small > a.btn.btn-sm.btn-primary.pwa-btn {
	padding:1.2rem 2rem !important;
    font-size:2rem !important;
    font-weight:600 !important;
    border:.1rem solid transparent !important;
    border-radius:.8rem !important;
    color:#fff !important;
    background:#488454 !important;
    box-shadow:0 .8rem 1.5rem rgba(72, 132, 84, 0.3) !important;	
}
.offcanvas-body.small > a.btn.btn-sm.btn-primary.pwa-btn:hover {
	background:#416f4a !important;
}
.offcanvas-body.small > a.btn.btn-sm.pwa-close.light.btn-secondary.ms-2 {
	padding:1.2rem 2rem !important;
    font-size:2rem !important;
    font-weight:600 !important;
    border:.1rem solid transparent !important;
    border-radius:.8rem !important;
	color:#555 !important;
    border-color:#e2e2e2 !important;
    background:#fff !important;
    box-shadow:0 .8rem 1.5rem rgba(0, 0, 0, 0.05) !important;
}
.offcanvas-body.small > a.btn.btn-sm.pwa-close.light.btn-secondary.ms-2:hover {
	color:#111 !important;
    border-color:#d1d0d0 !important;
    background:#fff !important;
}







/* Header */
header {
	position: relative;
	padding: 2.6rem 0 2.5rem;
	width: 100%;
	background: #fff;
	border-bottom: .1rem solid #d8d8d8;
}
header .skip {
	position:absolute;
	top:-99999px;
	left:0;
	background:#333;
	color:#fff;
	width:100%;
	padding:1rem;
	text-align:center;
	text-decoration:none;
	z-index:999999;
}
header .skip:hover,
header .skip:focus,
header .skip:active {
	display:block;
	top:0;	
}
header .inner {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo {
	margin-left: .4rem;
	width: 13.8rem;
	height: 2.4rem;
}

.logo>a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
	background: url('../images/top-logo.png') no-repeat center;
}

.gnb {
	display: flex;
	justify-content: space-around;
	align-items: center;
	gap: 4rem;
}

.gnb li a {
	position: relative;
	display: block;
	font-size: 2rem;
	line-height: 4.8rem;
	font-weight: 500;
	color: #555;
}

.gnb li a:hover {
	color: #111;
}

.gnb li a:after {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	bottom: -2.6rem;
	width: 100%;
	height: .3rem;
	background: #6a9a73;
	transform: scaleX(0);
	transition: all .2s ease-in-out;
}

.gnb li a:hover:after, .gnb li.active a:after {
	transform: scaleX(1);
}

.gnb li.active a {
	color: #2e6b3a;
	font-weight: 600;
}

.smenu {
	display: flex;
	align-items: center;
}

.smenu button, .smenu a {
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	font-size: 0;
	border: 0;
	border-radius: 50%;
	transition: all 0.2s ease-in-out;
}

.smenu .btn-alarm {
	position: relative;
	background: url('../images/btn-alarm.png') no-repeat center;
}

.smenu .btn-alarm:hover {
	position: relative;
	background: url('../images/btn-alarm.png') no-repeat center
		rgba(72, 132, 84, 0.1);
}

.smenu .btn-alarm.on:after {
	position: absolute;
	display: block;
	content: '';
	right: 1.1rem;
	top: 1.7rem;
	width: 1.2rem;
	height: 1.2rem;
	border: .3rem solid #fff;
	border-radius: 50%;
	background: #ff3366;
}

.smenu .btn-myPage {
	background: url('../images/btn-mypage.png') no-repeat center;
}

.smenu .btn-myPage:hover {
	background: url('../images/btn-mypage.png') no-repeat center
		rgba(72, 132, 84, 0.1);
}

.smenu .btn-fullmenu {
	position:relative;
	/*background: url('../images/btn-fullMenu.png') no-repeat center;*/
}
.smenu .btn-fullmenu i {
	position:absolute;
	left:1.2rem;
	top:2.2rem;
	width:2.4rem;
	height:.3rem;
	border-radius:.2rem;
	background:#333;
}
.smenu .btn-fullmenu i:before {
	position:absolute;
	content:'';
	left:0;
	top:-0.7rem;
	width:2.4rem;
	height:.3rem;
	border-radius:.2rem;
	background:#333;
}
.smenu .btn-fullmenu i:after {
	position:absolute;
	content:'';
	left:0;
	top:.7rem;
	width:2.4rem;
	height:.3rem;
	border-radius:.2rem;
	background:#333;
}
.smenu .btn-fullmenu.active i {
	background:transparent;
}
.smenu .btn-fullmenu.active i:before {
	top:50%;
	transform:rotate(45deg);	
}
.smenu .btn-fullmenu.active i:after {
	top:50%;
	transform:rotate(-45deg);	
}

.smenu .btn-fullmenu:hover {
	background: /*url('../images/btn-fullMenu.png') no-repeat center*/
		rgba(72, 132, 84, 0.1);
}

.smenu button:hover, .smenu a:hover {
	border-radius: 50%;
}

.tooltip-alarm {
	position: absolute;
	display: none;
	padding: 1.2rem 1.6rem;
	width: max-content;
	border-radius: .8rem;
	background: #fff;
	box-shadow: 0 .1rem 2rem rgba(0, 0, 0, 0.08);
	z-index: 21;
}

.tooltip-alarm:before {
	position: absolute;
	display: block;
	content: '';
	left: 50%;
	top: -0.8rem;
	width: 0;
	height: 0;
	border-bottom: .8rem solid #fff;
	border-right: .5rem solid transparent;
	border-left: .5rem solid transparent;
	transform: translate(-50%, 0);
}

.tooltip-alarm ul li {
	position: relative;
	padding: .2rem .4rem .2rem .8rem;
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: #333;
}

.myInfo-box {
	display:none;
}
.myInfo-box.show {
	position: absolute;
	left:calc(50% + 52.5rem);
	top:7rem;
	display: block;
	padding: 1.2rem 1.6rem;
	width: max-content;
	border-radius: .8rem;
	background: #fff;
	box-shadow: 0 .1rem 2rem rgba(0, 0, 0, 0.08);
	z-index: 21;
}
.myInfo-box ul li {
	position: relative;
	font-size: 1.6rem;
	color: #333;
	font-weight:600;
	text-align:center;
	letter-spacing:-0.05rem;
}
.myInfo-box ul li + li {
	margin-top:.4rem;
}
.myInfo-box ul li a {
	display:block;
	line-height: 3.7rem;
	color: #333;
}
.myInfo-box ul li a:hover {
	color:#2e6b3a;
	border-radius:.6rem;
	background:#f2f2f2;
}

.tooltip-alarm {
	position: absolute;
	display: none;
	padding: 1.2rem 1.6rem;
	width: max-content;
	border-radius: .8rem;
	background: #fff;
	box-shadow: 0 .1rem 2rem rgba(0, 0, 0, 0.08);
	z-index: 21;
}
.tooltip-alarm:not(:has(li)) {
	display:none !important;	
}

.fullMenu {
	display: block;
	position: absolute;
	left: 0;
	top: 8rem;
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(1rem) brightness(1);
	box-shadow: 0 .8rem 1.5rem rgba(0, 0, 0, 0.1);
	opacity: 0;
	transform: translateY(0);
	transition: all 0.3s ease-in-out;
	z-index: -1;
}

.fullMenu.show {
	top: 10rem;
	opacity: 1;
	transform: translateY(1);
	z-index: 50;
}

.fullMenu .my-info {
	display: none;
}

.fullMenu .menu {
	display: flex;
	justify-content: space-between;
	width: 100%;
	border-left: .1rem solid #e2e2e2;
}

.fullMenu .menu>li {
	flex: 1 1 20%;
	padding: 6rem 4rem;
	border-right: .1rem solid #e2e2e2;
}

.fullMenu .menu>li>a {
	position: relative;
	display: block;
	width: 100%;
	font-size: 2.4rem;
	font-weight: 700;
	color: #2e6b3a;
}

.fullMenu .menu>li>a:before {
	position: absolute;
	display: block;
	content: '';
	left: -4.1rem;
	top: 0;
	width: .3rem;
	height: 2.8rem;
	background: #2e6b3a;
	transform: scaleY(0);
	transition: all 0.4s ease-in-out;
}

.fullMenu .menu>li>a:hover:before {
	transform: scaleY(1);
}

.fullMenu .menu>li>ul {
	display: block;
	margin-top: 1.2rem;
}

.fullMenu .menu>li>ul>li>a {
	position: relative;
	display: block;
	padding: 1.2rem;
	width: 100%;
	font-size: 1.8rem;
	font-weight: 500;
	color: #444;
}

.fullMenu .menu>li>ul>li>a:hover {
	color: #111;
	font-weight: 600;
}

.fullMenu .menu>li>ul>li>ul {
	padding: 0 1.2rem 1.2rem;
}

.fullMenu .menu>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: .4rem 1.4rem;
	width: 100%;
	font-size: 1.6rem;
	font-weight: 400;
	color: #666;
}

.fullMenu .menu>li>ul>li>ul>li>a:hover {
	color: #333;
	font-weight: 500;
}

.fullMenu .menu>li>ul>li>ul>li>a:before {
	position: absolute;
	display: block;
	content: '-';
	left: .2rem;;
	top: 50%;
	width: 1.4rem;
	height: 100%;
	font-size: 1.6rem;
	color: #888;
	line-height: 2.4rem;
	transform: translate(0, -50%);
}

/* LNB */
.lnb-area {
	width: 26rem;
}

nav h2 {
	padding: 1.4rem 1.6rem 1.3rem;
	width: 100%;
	border-radius: 1.6rem .8rem;
	font-size: 2.4rem;
	font-weight: 600;
	color: #fff;
	background: linear-gradient(to right, #5c955d 0%, #75ae76 50%, #49a9a1 100%);
	box-shadow: 0 .3rem .8rem rgba(0, 0, 0, 0.2);
}

nav .depth-two {
	margin-top: 2rem;
	border-top: .1rem solid #dbdbdb;
}

nav .depth-two>li {
	width: 100%;
}

nav .depth-two>li>a {
	display: block;
	padding: 1.8rem 1rem;
	font-size: 2rem;
	font-weight: 500;
	color: #555;
	border-bottom: .1rem solid #dbdbdb;
}

nav .depth-two>li>a:hover, nav .depth-two>li.active>a {
	color: #111;
}

nav .depth-two>li:has(.depth-three)>a {
	position: relative;
}

nav .depth-two>li.active:has(.depth-three)>a:before {
	display: none;
}

nav .depth-two>li.active:has(.depth-three)>a:after {
	background: #5f9860;
}

nav .depth-two>li:has(.depth-three)>a:before {
	position: absolute;
	display: block;
	content: '';
	right: 2rem;
	top: 50%;
	width: .2rem;
	height: 1.2rem;
	border-radius: .1rem;
	background: #999;
	transform: translate(0, -50%);
}

nav .depth-two>li:has(.depth-three)>a:after {
	position: absolute;
	display: block;
	content: '';
	right: 2rem;
	top: 50%;
	width: .2rem;
	height: 1.2rem;
	border-radius: .1rem;
	background: #999;
	transform: translate(0, -50%) rotate(90deg);
}

nav .depth-three {
	display: none;
	padding: 1.6rem 0;
	border-bottom: .1rem solid #dbdbdb;
}

nav .depth-three li+li {
	margin-top: .4rem;
}

nav .depth-three li a {
	display: block;
	padding: 1.5rem 2rem 1.4rem;
	width: 100%;
	font-size: 1.8rem;
	font-weight: 500;
	color: #555;
	border-radius: .8rem;
	background: #f0f1ee;
}

nav .depth-three li a:hover {
	color: #111;
}

nav .depth-three li.active a {
	position: relative;
	font-weight: 600;
	color: #2e6b3a;
}

nav .depth-three li.active a:before {
	position: absolute;
	display: block;
	content: '';
	right: 2.6rem;
	top: calc(50% + .2rem);
	width: .2rem;
	height: .8rem;
	border-radius: 0 .1rem .1rem 0;
	background: #636363;
	transform: translate(0, -50%) rotate(45deg);
}

nav .depth-three li.active a:after {
	position: absolute;
	display: block;
	content: '';
	right: 2.6rem;
	top: calc(50% - .3rem);
	width: .2rem;
	height: .8rem;
	border-radius: 0 .1rem .1rem 0;
	background: #636363;
	transform: translate(0, -50%) rotate(-45deg);
}

/* Location */
.location {
	width: 100%;
	border-bottom: .1rem solid #d8d8d8;
	background: #f0f1ee;
}

.location ul {
	display: flex;
	align-items: center;
	border-left: .1rem solid #e0e0df;
}

.location ul li {
	padding: 0 2rem;
	height: 4rem;
	font-size: 1.6rem;
	font-weight: 600;
	color: #666;
	line-height: 4.2rem;
	border-right: .1rem solid #e0e0df;
}

.location ul li:first-child {
	font-size: 0;
	background: url('../images/ico-home.png') no-repeat center;
}

/* Footer */
footer {
	margin-top: 5.3rem;
	padding: 3.6rem 0 5.8rem;
	width: 100%;
	border-top: .1rem solid #d1d3dc;
	background: #edeef3;
}

footer .inner {
	display: flex;
	align-items: flex-start;
}

.footer-logo {
	display: block;
	margin: .4rem;
	width: 5rem;
	height: 4.8rem;
	font-size: 0;
	background: url('../images/footer-logo.png') no-repeat center;
}

.footer-info {
	margin-left: 6.6rem;
}

.footer-info div {
	display: flex;
	align-items: center;
	gap:2.6rem;
	font-size: 1.6rem;
	color: #111;
}

.footer-info div address,
.footer-info div span {
	font-weight: 500;
}

.footer-info div a {
	font-weight: 700;
	color: #2e6b3a;
	padding: .4rem 1.2rem;
	border-radius: 1.5rem;
	background: transparent;
	transition: all .2s ease-in-out;
}

.footer-info div a:hover {
	background: #fff;
	box-shadow: 0 .3rem .8rem rgba(0, 0, 0, 0.04);
}

.footer-info ul {
	margin-top: .4rem;
	display: flex;
	align-items: center;
	gap: 4rem;
}

.footer-info ul li+li {
	position: relative;
}

.footer-info ul li+li:before {
	position: absolute;
	display: block;
	content: '';
	left: -2rem;
	top: 50%;
	width: .1rem;
	height: 1rem;
	background: #b2bdb8;
	transform: translate(0, -50%);
}

.footer-info ul li {
	font-size: 1.6rem;
	font-weight: 500;
	color: #666;
}

.footer-info ul li a {
	display: inline-block;
	margin-left: 1.2rem;
}

.footer-info copyright {
	display: block;
	margin-top: 2rem;
	font-size: 1.5rem;
	font-weight: 500;
	color: #555;
	letter-spacing: -0.1rem;
}

footer select {
	padding: 0 2rem;
	width: 24rem;
	height: 4.8rem;
	font-size: 1.6rem;
	font-weight: 500;
	color: #333;
	letter-spacing: -0.1rem;
	border: 0;
	border-radius: .8rem;
	-webkit-appeareance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('../images/ico-sltArrow.png') no-repeat right 1.4rem
		center #d1d3dc;
	box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, 0.05);
}

/* Main Contents */
.container {
	position: relative;
	width: 100%;
}

.main-visual {
	position: relative;
	height: 45rem;
	border-radius: 0 0 0 10rem;
	background: url('../images/bg-mainVisual.gif') no-repeat center top;
}

.main-visual:before {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	bottom: -10rem;
	width: 100%;
	height: 10rem;
	background: url('../images/bg-mainVisual.gif') no-repeat center top
		-45rem;
	z-index: -1;
}

.main-visual p {
	padding-top: 5.3rem;
	font-size: 4.6rem;
	font-weight: 600;
	color: #2e6b3a;
	text-align: center;
	letter-spacing: -0.25rem;
}

.main-visual span {
	display: block;
	font-size: 2rem;
	color: #666;
	margin-top: 1rem;
	text-align: center;
}

.btn-quick-link {
	margin-top: 3.7rem;
	padding: 0 1rem;
}

.btn-quick-link ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2rem;
}

.btn-quick-link ul li {
	width: calc(( 100% - 18rem)/9);
}

.btn-quick-link ul li a {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 1/1;
	border: .2rem solid transparent;
	border-radius: 50%;
	box-shadow: 0 .8rem 1.5rem rgba(0, 0, 0, 0.02);
	transition: all .2s ease-in-out;
}

.btn-quick-link ul li:nth-child(1) a:hover, .btn-quick-link ul li:nth-child(2) a:hover,
	.btn-quick-link ul li:nth-child(3) a:hover, .btn-quick-link ul li:nth-child(4) a:hover,
	.btn-quick-link ul li:nth-child(5) a:hover, .btn-quick-link ul li:nth-child(6) a:hover,
	.btn-quick-link ul li:nth-child(7) a:hover, .btn-quick-link ul li:nth-child(8) a:hover,
	.btn-quick-link ul li:nth-child(9) a:hover {
	border: .2rem solid #a3b5a7;
	background-size: 52%;
	box-shadow: 0 .8rem 1.5rem rgba(0, 0, 0, 0.05);
}

.btn-quick-link ul li:nth-child(1) a {
	background: url('../images/ico-mv01.png') no-repeat center #fff;
	background-size: 60%;
}

.btn-quick-link ul li:nth-child(2) a {
	background: url('../images/ico-mv02.png') no-repeat center #fff;
	background-size: 60%;
}

.btn-quick-link ul li:nth-child(3) a {
	background: url('../images/ico-mv03.png') no-repeat center #fff;
	background-size: 60%;
}

.btn-quick-link ul li:nth-child(4) a {
	background: url('../images/ico-mv04.png') no-repeat center #fff;
	background-size: 60%;
}

.btn-quick-link ul li:nth-child(5) a {
	background: url('../images/ico-mv05.png') no-repeat center #fff;
	background-size: 60%;
}

.btn-quick-link ul li:nth-child(6) a {
	background: url('../images/ico-mv06.png') no-repeat center #fff;
	background-size: 60%;
}

.btn-quick-link ul li:nth-child(7) a {
	background: url('../images/ico-mv07.png') no-repeat center #fff;
	background-size: 60%;
}

.btn-quick-link ul li:nth-child(8) a {
	background: url('../images/ico-mv08.png') no-repeat center #fff;
	background-size: 60%;
}

.btn-quick-link ul li:nth-child(9) a {
	background: url('../images/ico-mv09.png') no-repeat center #fff;
	background-size: 60%;
}

.btn-quick-link ul li a span {
	position: absolute;
	left: 50%;
	bottom: -6rem;
	width: 100%;
	height: 4.2rem;
	display: block;
	font-size: 1.8rem;
	font-weight: 500;
	color: #333;
	transform: translate(-50%, 0);
	transition: all .2s ease-in-out;
	word-break: keep-all;
}

.btn-quick-link ul li a:hover span {
	bottom: -5.6rem;
}

.main-myInfo {
	position: relative;
	margin-top:1.5rem;
	width: 100%;
	z-index: 10;
}

.main-myInfo .inner .box {
	margin: -5.6rem auto 0;
	padding: 3rem 0;
	display: flex;
	align-items: center;
	width: 100%;
	border-radius: 1.6rem;
	background: url('../images/ico-mban01.png') no-repeat left center #488454;
	box-shadow: 0 .8rem 1.5rem rgba(72, 132, 84, 0.3);
}

.main-myInfo .inner .box>p {
	width: 20rem;
	font-size: 2rem;
	font-weight: 600;
	color: #fff;
	text-indent: 8rem;
}
.marquee {
	position:relative;
	width:calc(100% - 28rem);
	overflow:hidden;
	white-space:nowrap;
}
.marquee > div {
	display:inline-flex;
	gap:20rem;
	animation:marquee 10s linear infinite;
}
.marquee:hover div {
	animation-play-state:paused;
}
.marquee div a {
	display:inline-block;
	font-size:2rem;
	color:#fff;
	font-weight:600;
}
@keyframes marquee {
	from {transform:translateX(0%);}
	99%,to {transform:translateX(-100%);}
}


.main-cont {
	margin-top: -4.5rem;
	border-radius: 0 10rem 0 0;
	background: #fff;
}

.main-cont .inner {
	padding-top: 9.6rem;
	display: flex;
	justify-content: space-between;
}

.main-board {
	position: relative;
	display: flex;
	justify-content: space-between;
	width: calc(100% - 32rem);
	padding-top: 6rem;
}

.main-board>p {
	position: absolute;
	left: 0;
	top: -0.4rem;
	font-size: 2.6rem;
	color: #666;
	text-indent: .4rem;
}

.main-board>p b {
	font-weight: 600;
	color: #333;
}

.main-board .items {
	width: calc(50% - 4rem);
}

.main-board .items .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main-board .items .top>p {
	font-size: 2rem;
	font-weight: 600;
	color: #2e6b3a;
	text-indent: .4rem;
}

.main-board .items .top>a {
	position: relative;
	display: block;
	font-size: 1.4rem;
	font-weight: 600;
	color: #666;
	padding-right: 2.4rem;
}

.main-board .items .top>a:after {
	position: absolute;
	display: block;
	content: '';
	right: 0;
	top: 50%;
	width: 1.6rem;
	height: .2rem;
	border-radius: .1rem;
	background: #666;
	transform: translate(0, -50%);
}

.main-board .items .top>a>i:before {
	position: absolute;
	display: block;
	content: '';
	right: .1rem;
	top: calc(50% - .2rem);
	width: .5rem;
	height: .2rem;
	border-radius: .1rem;
	background: #666;
	transform: translate(0, -50%) rotate(45deg);
}

.main-board .items .top>a>i:after {
	position: absolute;
	display: block;
	content: '';
	right: .1rem;
	top: calc(50% + .2rem);
	width: .5rem;
	height: .2rem;
	border-radius: .1rem;
	background: #666;
	transform: translate(0, -50%) rotate(-45deg);
}

.main-board .items ul {
	display: block;
	margin-top: 1.3rem;
	width: 100%;
}

.main-board .items ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 3.2rem;
}

.main-board .items ul li>a {
	display: block;
	width: calc(100% - 12rem);
	font-size: 1.6rem;
	font-weight: 500;
	color: #555;
	text-indent: .4rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main-board .items ul li>a:hover {
	color: #111;
	text-decoration: underline;
}

.main-board .items ul li>span {
	display: block;
	font-weight: 400;
	color: #888;
	letter-spacing: -0.1rem;
	padding-right: .4rem;
}

.mban-area {
	width: 24rem;
}

.mban-area a {
	display: flex;
	align-items: center;
	padding-left: 2.6rem;
	width: 100%;
	height: 8.8rem;
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
	border-radius: 1.6rem;
	text-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.2);
	transition: all .2s ease-in-out;
}

.mban-area a+a {
	margin-top: 1rem;
}

.mban-faq {
	background: url('../images/ico-mban03.png') no-repeat 13.1rem 1.7rem
		#34c3d1;
}

.mban-qna {
	background: url('../images/ico-mban02.png') no-repeat 12.5rem 2.4rem
		#39c89a;
}

.mban-faq:hover {
	background: url('../images/ico-mban03.png') no-repeat 13.1rem 1.7rem
		#30bac8;
	box-shadow: 0 .2rem .5rem rgba(52, 195, 209, 0.5);
}

.mban-qna:hover {
	background: url('../images/ico-mban02.png') no-repeat 12.5rem 2.4rem
		#35c093;
	box-shadow: 0 .2rem .5rem rgba(57, 200, 154, 0.5);
}

.mb-nav {
	display: none;
	width: 100%;
	padding: 2.4rem 2.6rem 3.4rem;
	background: #fff;
}

.mb-nav .nav-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.2rem;
}

.mb-nav .nav-inner a {
	padding-top: 4.4rem;
	width: calc(100%/ 4);
	font-size: 1.8rem;
	font-weight: 600;
	color: #333;
	text-align: center;
}

.mb-nav .nav-inner a:nth-child(1) {
	background: url('../images/ico-mb-nav01.png') no-repeat top center;
}

.mb-nav .nav-inner a:nth-child(2) {
	background: url('../images/ico-mb-nav02.png') no-repeat top center;
}

.mb-nav .nav-inner a:nth-child(3) {
	background: url('../images/ico-mb-nav03.png') no-repeat top center;
}

.mb-nav .nav-inner a:nth-child(4) {
	background: url('../images/ico-mb-nav04.png') no-repeat top center;
}

.mb-nav .nav-inner a.active:nth-child(1) {
	background: url('../images/ico-mb-nav01-hov.png') no-repeat top center;
	color: #2e6b3a;
}

.mb-nav .nav-inner a.active:nth-child(2) {
	background: url('../images/ico-mb-nav02-hov.png') no-repeat top center;
	color: #2e6b3a;
}

.mb-nav .nav-inner a.active:nth-child(3) {
	background: url('../images/ico-mb-nav03-hov.png') no-repeat top center;
	color: #2e6b3a;
}

.mb-nav .nav-inner a.active:nth-child(4) {
	background: url('../images/ico-mb-nav04-hov.png') no-repeat top center;
	color: #2e6b3a;
}

/* Sub Contents: Start */
.contents {
	padding-left: 8rem;
	width: calc(100% - 26rem);
}
.contents.noLnb {
	padding:0 4rem;
	width:100%;
}


.privacy-area > * {
	line-height:1.5;
	letter-spacing:-0.05rem;
	word-break:keep-all;
}
.top-txtBox {
	margin-top:1rem;
	padding:3.2rem 4.8rem;
	font-size:1.8rem;
	color:#295969;
	font-weight:600;
	border-radius:1.6rem;
	background:#eaf3f2;
}
.slt-privacyVer {
	padding:.8rem 5rem .8rem 1.2rem;
	font-size:1.8rem;
	letter-spacing:-0.05rem;
}
.privacy-items li > a.prv-link {
	display:block;
	margin-top:1rem;
	padding:.6rem 4rem .6rem 2rem;
	width:fit-content;
	border-radius:2rem;
	font-size:1.5rem;
	color:#fff;
	font-weight:600;
	text-decoration:none;
	background:url('../images/ico-newWin.png') no-repeat right 1.8rem center #6a9a73; 
}
.privacy-items li > a.prv-link:hover {
	background:url('../images/ico-newWin.png') no-repeat right 1.8rem center #2e6b3a;
	box-shadow:0 .3rem .8rem rgba(46,107,58,0.5);
}
.privacy-items a {
	color:#333;
	font-weight:600;
	text-decoration:underline;
}
.privacy-items a:hover {
	color:#2e6b3a;
}
.privacy-items .tit {
	display:flex;
	gap:1rem;
	margin-top:6rem;
}
.privacy-items .tit p {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-shrink:0;
	padding:.6rem 0;
	width:7.6rem;
	font-size:1.6rem;
	color:#fff;
	font-weight:600;
	line-height:2rem;
	text-align:center;
	border-radius:1.6rem;
	background:#324059;
}
.privacy-items .tit span {
	flex-grow:1;
	font-size:1.8rem;
	color:#111;
	font-weight:600;
}
.privacy-items .cont {
	margin-top:1.6rem;
	padding:0 1.2rem;
}
.privacy-items .cont > p {
	font-size:1.6rem;
	color:#555;
}
.privacy-items .cont ul li + li {
	margin-top:1rem;
}
.privacy-items .cont ul.list-type2 li + li {
	margin-top:.5rem;
}
.privacy-items .cont ul li p {
	margin:.6rem 0;
	font-size:1.6rem;
	color:#555;
}
.list-type1,
.list-type2,
.list-type3,
.list-type4  {
	margin:1.6rem 0;
}
.list-type5 {
	margin:1.6rem 0 0;
}
.list-type1 > li,
.list-type4 > li,
.list-type5 > li {
	position:relative;
	padding:0 0 0 2.4rem;
	font-size:1.6rem;
	color:#555;
	font-weight:600;
}
.list-type1 > li:before,
.list-type4 > li:before,
.list-type5 > li:before {
	position:absolute;
	left:0;
	top:0;
	width:2rem;
	height:2rem;
	font-size:1.3rem;
	color:#4a4f4e;
	font-weight:700;
	text-align:center;
	border-radius:50%;
	background:#e4ecea;
}
.list-type4 > li:before,
.list-type5 > li:before {
	font-size:1.6rem;
	color:#324059;
	background:transparent;
}
.list-type1 > li:nth-child(1):before {content:'1';}
.list-type1 > li:nth-child(2):before {content:'2';}
.list-type1 > li:nth-child(3):before {content:'3';}
.list-type1 > li:nth-child(4):before {content:'4';}
.list-type1 > li:nth-child(5):before {content:'5';}
.list-type1 > li:nth-child(6):before {content:'6';}
.list-type1 > li:nth-child(7):before {content:'7';}
.list-type1 > li:nth-child(8):before {content:'8';}
.list-type1 > li:nth-child(9):before {content:'9';}
.list-type1 > li:nth-child(10):before {content:'10';}

.list-type4 > li:nth-child(1):before {content:'1.';}
.list-type4 > li:nth-child(2):before {content:'2.';}
.list-type4 > li:nth-child(3):before {content:'3.';}
.list-type4 > li:nth-child(4):before {content:'4.';}
.list-type4 > li:nth-child(5):before {content:'5.';}
.list-type4 > li:nth-child(6):before {content:'6.';}
.list-type4 > li:nth-child(7):before {content:'7.';}
.list-type4 > li:nth-child(8):before {content:'8.';}
.list-type4 > li:nth-child(9):before {content:'9.';}
.list-type4 > li:nth-child(10):before {content:'10.';}

.list-type5 > li:nth-child(1):before {content:'가.';}
.list-type5 > li:nth-child(2):before {content:'나.';}
.list-type5 > li:nth-child(3):before {content:'다.';}
.list-type5 > li:nth-child(4):before {content:'라.';}
.list-type5 > li:nth-child(5):before {content:'마.';}
.list-type5 > li:nth-child(6):before {content:'바.';}
.list-type5 > li:nth-child(7):before {content:'사.';}
.list-type5 > li:nth-child(8):before {content:'아.';}
.list-type5 > li:nth-child(9):before {content:'자.';}
.list-type5 > li:nth-child(10):before {content:'차.';}

.list-type2 > li {
	position:relative;	
	padding:0 0 0 1.6rem;
	font-size:1.6rem;
	color:#555;
	font-weight:500;
}
.list-type2 > li:before {
	position:absolute;
	content:'';
	left:.2rem;
	top:.9rem;
	width:.8rem;
	height:.3rem;
	border-radius:.2rem;
	background:linear-gradient(45deg, #0d4f72 0%, #00a2b2 100%);
}
.list-type3 > li {
	position:relative;	
	padding:0 0 0 2.2rem;
	font-size:1.6rem;
	color:#555;
	font-weight:500;
}
.list-type3 > li:before {
	position:absolute;
	content:'';
	left:0;
	top:.4rem;
	width:1.4rem;
	height:1.4rem;
	border-radius:.4rem;
	background:linear-gradient(45deg, #476eae 25%, #48b3af 0%, #48b3af 50%, #476eae 0%, #476eae 75%, #48b3af 0%);
	background-size:.8rem .8rem;
}
.privacy-area .tbl-area.sm {
	margin:1rem 0;
}
.privacy-area .tbl-area.sm table.tbl-default thead tr th,
.privacy-area .tbl-area.sm table.tbl-default tbody tr th,
.privacy-area .tbl-area.sm table.tbl-default tbody tr td {
	padding:1rem .6rem;
	text-align:center;
}


.cont-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 5.6rem;
}

.cont-top h4 {
	font-size: 3.6rem;
	font-weight: 500;
	color: #111;
	text-indent: .2rem;
}

.form-tabBox {
	margin-top: 2rem;
	padding: 1.6rem;
	border-radius: 1.6rem;
	background: #eaf3f2;
}
.form-tabBox p {
	font-size: 1.6rem;
	font-weight: 500;
	color: #3b5d59;
	text-indent: .5rem;
	word-break: keep-all;
}
.form-tabBox .tabs {
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	margin-top: .8rem;
}
.form-tabBox.only .tabs {
	margin-top:0;
}
.form-tabBox .btn-tabs {
	padding: 2.2rem 0;
	width: 100%;
	font-size: 2rem;
	font-weight: 600;
	color: #677473;
	border: 0;
	border-radius: .6rem;
	background: #fff;
	box-shadow: 0 .8rem 1.5rem rgba(46, 138, 128, 0.08);
	word-break:keep-all;
}
.form-tabBox .tabs.small {
	gap:1.2rem;
}
.form-tabBox .small .btn-tabs {
	padding:1.2rem 0;
}
.form-tabBox .btn-tabs.active {
	color: #fff;
	background: #4ca99f;
	text-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.1);
	box-shadow: 0 .8rem 1.5rem rgba(46, 138, 128, 0.3);
}
.tab-cont {
	margin-top: 6rem;
}
.cont-inner {
	margin-top:2rem;
}
.tab-cont section h5,
.cont-inner section h5 {
	display: flex;
	align-items: center;
	padding-bottom: 1.4rem;
	width: 100%;
	font-size: 2.4rem;
	font-weight: 500;
	color: #111;
	border-bottom: .1rem solid #ebebeb;
	text-indent: .2rem;
}
.cont-inner section h6 {
	width:100%;
	font-size:2rem;
	font-weight:500;
	color:#333;
	text-indent:.2rem;
}
.tab-cont section h5 {
	justify-content:space-between;
}
.tab-cont section h5 > a {
	position: relative;
	margin-right:auto;
	margin-left:1rem;
    padding: .4rem 4rem .5rem 1.6rem;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600;
    text-align: center;
    border: .1rem solid #4ca99f;
    border-radius: 1.5rem;
    background: #4ca99f;
    text-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.15);
}
.tab-cont section h5 > a:hover {
    color: #fff;
    background: #4ca99f;
    text-shadow: 0 0 .3rem rgba(0, 0, 0, 0.3);
    box-shadow: 0 .3rem .8rem rgba(46, 138, 128, 0.3);
}
.tab-cont section h5 > a > i {
	position:absolute;
	right:1.2rem;
	top:50%;
	width:1.6rem;
	height:.2rem;
	border-radius:.1rem;
	background:#fff;
	transform:translate(0, -50%);
}
.tab-cont section h5 > a > i:before,
.tab-cont section h5 > a > i:after {
	position:absolute;
	content:'';
	right:.1rem;
	width:.6rem;
	height:.2rem;
	border-radius:.1rem;
	background:#fff;
}
.tab-cont section h5 > a > i:before {
	top:.3rem;
	transform:rotate(-45deg);
}
.tab-cont section h5 > a > i:after {
	top:-0.3rem;
	transform:rotate(45deg);
}
.tab-cont section h5 span.stxt {
	color:#2e6b3a;
}
.tab-cont section h5>span,
.cont-inner section h5>span {
	padding-left: .2rem;
	font-size: 1.6rem;
	font-weight: 500;
	color: #ef7600;
}

.signUp .form-box {
	padding:0;
	margin-top:2rem;
}
.form-box {
	padding: 3.6rem 2.6rem 7.6rem;
}
.signUp .form-box ul {
	gap:2rem;
}
.form-box ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items:flex-start;
	gap: 4rem;
}

.form-box ul li {
	width: calc(50% - 2rem);
}
.signUp .form-box ul li {
	width: calc(50% - 1rem);
}
.signUp .form-box ul li>label,
.signUp .form-box ul li>p {
	margin-bottom:.6rem;
	font-size:1.6rem;
	font-weight:500;
}

.form-box ul li>label,
.form-box ul li>p {
	display: flex;
	align-items: center;
	margin-bottom: 1.2rem;
	padding-left: .4rem;
	width: 100%;
	font-size: 1.8rem;
	font-weight: 600;
	color: #333;
}

.form-box ul li>label>span, .form-box ul li>p>span {
	padding-left: .6rem;
	font-size: 1.6rem;
	font-weight: 500;
	color: #669966;
}

.form-box ul li>label.req, .form-box ul li>p.req {
	position: relative;
	padding-left: 1.6rem;
}

.form-box ul li>label.req .summary {
	margin-left: auto;
	margin-right: .4rem;
	font-size: 1.7rem;
	font-family: 500;
	color: #2f7069;
}

.form-box ul li>label.req .summary>span {
	padding: 0 .2rem;
	font-family: 500;
	color: #2f7069;
}

.form-box ul li>label.req:before, .form-box ul li>p.req:before {
	position: absolute;
	display: block;
	content: '*';
	left: 0;
	top: 50%;
	width: 1.6rem;
	height: 100%;
	font-size: 1.8rem;
	font-weight: 600;
	color: #d70606;
	text-align: center;
	transform: translate(0, -50%);
}

.form-items {
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}
.form-items.chk-items {
	justify-content:flex-start;
	gap:2rem;
	margin-left:.4rem;
}
.form-items.agree {
	justify-content: flex-end;
	margin-top: 2rem;
}

.form-items.half {
	width: calc(50% - 2rem);
}
.form-items.bank label {
	display:flex;
	justify-content:flex-end;
}
.form-items.bank input {
	padding:1.2rem 4.6rem 1.2rem 1.6rem;
	text-align:right;
}
.form-items.bank span {
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	right:1rem;
	top:0;
	width:3rem;
	height:100%;
	text-align:center;
	line-height:3.8rem;
}
.form-items.chk2 {
	justify-content:flex-start;
	padding:1.5rem 0;
}
.form-items.chk2 label {
	flex-basis:50%;
} 
.form-box ul li>p.form-msg {
	margin-top: 1.2rem;
	font-size: 1.6rem;
	font-weight: 500;
	color: #767676;
}

.sm-mgsBox {
	padding: 2.6rem 3rem;
	width: 100%;
	border-radius: 1.6rem;
	background: #f3f7f7;
}

.sm-mgsBox>p {
	font-size: 1.8rem;
	font-weight: 600;
	color: #3d7f89;
}

.sm-mgsBox span {
	display: block;
	margin-top: 1rem;
	font-size: 1.6rem;
	font-weight: 600;
	color: #767676;
}

.sm-mgsBox span em {
	color: #111;
	font-weight: 600;
	text-decoration: underline;
}

.sm-mgsBox span i {
	color: #111;
	font-weight: 600;
	font-style: normal;
}
.sm-mgsBox.pop {
	margin-top:2rem;
	padding:2rem 2.6rem;
}
.sm-mgsBox.pop span {
	margin-top:0;
	font-size:1.4rem;
	color:#333;
	word-break:keep-all;
}
.sm-mgsBox.pop ul {
	margin-top:1rem;
}
.sm-mgsBox.pop ul li {
	position:relative;
	padding:.4rem 1rem;
	font-size:1.5rem;
	color:#555;
	
}
.sm-mgsBox.pop ul li:before {
	position:absolute;
	display:block;
	content:'';
	left:.2rem;
	top:1rem;
	width:.4rem;
	height:.3rem;
	border-radius:.3rem;
	background:#6a9a73;
}
.sm-mgsBox.pop ul li span.txt-ex {
	position:relative;
    display:block;
    margin-top:.6rem;
    padding:.8rem;
    border-radius:.8rem;
    font-size:1.4rem;
    color:#333;
    font-weight:400;
    line-height:1;
    background:#e2e9e9;
}

.box-gray {
	padding: 2.2rem 2.6rem;
	width: 100%;
	border-radius: 1.6rem;
	background: #f2f2f2;
}
.box-gray.kf {
	padding:4rem;
}
.box-gray ul li {
	font-size: 1.8rem;
	font-weight: 500;
	color: #666;
	line-height: 3.4rem;
}

.box-gray ul li em {
	color: #111;
	font-weight: 600;
	text-decoration: underline;
}
.box-gray ul li.w-bg {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:.6rem;
	padding:.8rem 1.6rem;
	border-radius:.8rem;
	background:rgba(255,255,255,0.5);
	box-shadow:0 .3rem .8rem rgba(0,0,0,0.03);
}
.box-gray ul li.w-bg p {
	color:#5b3a3a;
	flex:1 1 auto;
}
.box-gray ul li.w-bg p a {
	padding-left:1rem;
	color:#111;
	letter-spacing:-0.05rem;
}

.btn-area {
	text-align: center;
}
.btn-area button + button {
	margin-left:.8rem;
}

.month-wrap {
	position:relative;
	margin-top: 2rem;
	padding: 3.2rem 2.6rem 2.6rem;
	width: 100%;
	border-radius: 1.6rem;
	border: .1rem solid #dbdbdb;
	box-shadow: 0 .8rem 1.5rem rgba(0, 0, 0, 0.05);
}
.month-wrap .top-dateSlt select {
	padding:.6rem 3.2rem .6rem 1.2rem;
	width:auto;
	font-size:1.8rem;
	background:url('../images/ico-sltArrow-sm.png') no-repeat right 1rem center #fff;
}
.month-wrap .top-dateSlt select + select {
	margin-left:.6rem;
}
.top-dateSlt {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.top-dateSlt p {
	font-size: 2.4rem;
	font-weight: 600;
	color: #111;
	line-height: 3rem;
	letter-spacing: normal;
}

.top-dateSlt .btn-prevMonth, .top-dateSlt .btn-nextMonth {
	position: relative;
	margin: 0 2rem;
	width: 3rem;
	height: 3rem;
	border: 0;
	font-size: 0;
}

.top-dateSlt .btn-prevMonth:before, .top-dateSlt .btn-nextMonth:after {
	position: absolute;
	display: block;
	content: '';
	left: 50%;
	top: calc(50% - .3rem);
	width: .3rem;
	height: 1rem;
	border-radius: .2rem;
	background: #999;
	transform: translate(-50%, -50%) rotate(45deg);
}

.top-dateSlt .btn-prevMonth:after, .top-dateSlt .btn-nextMonth:before {
	position: absolute;
	display: block;
	content: '';
	left: 50%;
	top: calc(50% + .3rem);
	width: .3rem;
	height: 1rem;
	border-radius: .2rem;
	background: #999;
	transform: translate(-50%, -50%) rotate(-45deg);
}

.top-dateSlt .btn-nextMonth {
	transform: rotate(180deg);
}

.top-dateSlt .btn-prevMonth:hover, .top-dateSlt .btn-nextMonth:hover {
	border-radius: .4rem;
	background: #f2f4f3;
}

.top-dateSlt .btn-prevMonth:hover:before, .top-dateSlt .btn-nextMonth:hover:before,
	.top-dateSlt .btn-prevMonth:hover:after, .top-dateSlt .btn-nextMonth:hover:after
	{
	background: #6d7b7a;
}

.calendar {
	margin-top: 3rem;
}

.calendar .week, .calendar .days {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:.8rem;
	margin-top:.4rem;
}

.calendar .week li {
	padding-right:1rem;
	flex: 1 1 12%;
	font-size: 1.4rem;
	font-weight: 500;
	color: #5d7976;
	letter-spacing: normal;
	text-align: right;
}

.calendar .days>li {	
	position:relative;
	padding: 1rem;
	flex: 1 1 12%;
	font-size: 1.4rem;
	font-weight: 500;
	color: #5d7976;
	letter-spacing: normal;
	text-align: right;
	border-radius:.8rem;
	border: .1rem solid #dbdbdb;
	background: #fff;
	aspect-ratio: 1/1;
}
.calendar .days>li p {
	padding-right:.2rem;
}
/*
.calendar .week li:nth-child(1), .calendar .days li:nth-child(1) {
	order: 7;
}
*/

.calendar .days>li.inactive {
	border-color: #f0f0f0;
	color: #bbb;
	background: #fafbfb;
}
.calendar .days>li.inactive.active {
	color:#5f7dc3;
}
.calendar .days>li.inactive ul {
	opacity:.5;
	cursor:default;
}

.calendar .days>li.inactive ul a {
	cursor:default !important;
	pointer-events:none;
}

.calendar .days>li.inactive ul a:hover {
	color:#3d7f89;
	border:.1rem solid transparent;
	box-shadow:none;
}

.calendar .days li:nth-child(7n+1) p,
.calendar .days li.inactive:nth-child(7n+1) p {
	color: #d35962;
}

.calendar .days li:nth-child(7n) p {
	color: #5f7dc3;
}

.calendar .days>li.inactive:nth-child(7n+1) p,
.calendar .days>li.inactive:nth-child(7n) p	{
	opacity: .5;
}

.calendar .days ul {
	margin-top: .4rem;
}

.calendar .days ul li {
	padding: .2rem 0;
}

.calendar .days ul li>a {
	display: block;
	padding: .4rem 0;
	border-radius: .6rem;
	color: #3d7f89;
	text-align:center;
	border: .1rem solid transparent;
	background: #eaf3f2;
	word-break:keep-all;
}

.calendar .days ul li>a:hover {
	color: #226a75;
	border: .1rem solid #77a5ac;
	box-shadow: 0 .1rem .3rem rgba(46, 138, 128, 0.3);
}

.calendar .days ul li>a.disable {
	border-color:transparent;
	color: #767676;
	background: #f2f2f2;
	cursor: default;
}

.calendar .days ul li>a.disable:hover {
	box-shadow: none;
}
.calendar .days > li > button {
	display:flex;
	align-items:flex-end;
	width:100%;
	height:calc(100% - 1.6rem);
	border:0;
}
.calendar .days > li:has(button):hover {
	border-color:#6a9a73;
	box-shadow:0 .3rem .7rem rgba(72, 132, 84, 0.1);
}
.calendar .days > li.active:has(button) {
	border-color:#6a9a73;
	background:#eaf3f2;
	box-shadow:0 .3rem .7rem rgba(72, 132, 84, 0.1);
}
.calendar .days > li.active:has(button) p {
	color:#2e6b3a;
}
.calendar .days > li.inactive.active:has(button) p {
	color:#bbb;
}
.calendar .days>li.inactive.active:nth-child(7n) p {
	color:#5f7dc3;
}
.calendar .days>li.inactive.active:nth-child(7n + 1) p {
	color:#d35962;
}
.calendar .days > li > button ul {
	margin-top:0;
	width:100%;
}
.calendar .days > li > button > ul li {
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:.4rem;
}
.calendar .days > li > button > ul li > div {
	position:relative;
	flex:1 1 40%;
	padding-left:2.2rem;
	font-size:1.5rem;
	font-weight:500;
	color:#333;
	text-align:left;
	letter-spacing:0;
}
.calendar .days > li > button > ul li + li {
	margin-top:.4rem;
}
.calendar .days > li > button > ul li > div:after,
.proshill-legend div:after {
	position:absolute;
	display:block;
	left:0;
	top:50%;
	width:1.8rem;
	height:1.8rem;
	border-radius:.4rem;
	font-size:1.4rem;
	font-weight:600;
	text-align:center;
	line-height:1.8rem;
	background:transparent;
	transform:translate(0, -50%);
}
.proshill-legend {
	position:absolute;
	right:.8rem;
	top:-4.2rem;
}
.proshill-legend ul {
	display:flex;
	align-items:center;
	gap:2rem;
	width:fit-content;
}
.proshill-legend li {
	position:relative;
}
.proshill-legend li div {
	padding-left:2rem;
}
.calendar .days > li > button > ul li > div.i-total:after,
.proshill-legend div.i-total:after {
	content:'총';
	color:#e17400;
	background:#fff4df;
}
.calendar .days > li > button > ul li > div.i-num:after,
.proshill-legend div.i-num:after {
	content:'신';
	color:#bf3d6b;
	background:#f9edf1;
}
.calendar .days > li > button > ul li > div.i-res:after,
.proshill-legend div.i-res:after {
	content:'잔';
	color:#1f8b7f;
	background:#f0f5f5;
}
.calendar .days > li > button > ul li > div.i-rem:after,
.proshill-legend div.i-rem:after {
	content:'선';
	color:#7a45ab;
	background:#f2edf7;
}
.calendar .days > li > button > ul li > div.i-drew:after,
.proshill-legend div.i-drew:after {
	content:'추';
	color:#394db3;
	background:#f1f2f9;
}
.calendar .days > li.inactive > button {
	opacity:.5;
}

.reservation-box,
.proshill-box {
	display:none;
}
.top-greenBox {
	margin-top:2rem;
    padding:2.6rem;
    border-radius:1.6rem;
    background:#eaf3f2;
}
.top-greenBox p {
	font-size:1.8rem;
	font-weight:500;
	color:#666;
	text-align:center;
}
.top-greenBox p > i {
	font-style:normal;
	font-weight:600;
	color:#111;
}
.top-greenBox p > span {
	display:inline-block;
	margin-left:.6rem;
	color:#3b5d59;
}
.top-grayBox {
	margin-top:2rem;
    padding:1.2rem 2.6rem;
    border-radius:.8rem;
    background:#f0f1ee;
}
.top-grayBox p {
	font-size:1.6rem;
	font-weight:500;
	color:#3b5d59;
	padding:.4rem 0;
}
.top-grayBox p > span.in {
	display:block;
	margin-top:.4rem;
	padding-left:1.4rem;
	font-size:1.5rem;
	color:#555;
}
.userGuide {
	display:flex;
	flex-wrap:wrap;
	gap:2rem;
}
.userGuide .items {
	flex:1 1 40%;
}
.userGuide .items p {
	font-size:1.8rem;
    font-weight:500;
	color:#111;
	text-align:left;
	word-break:keep-all;
}
.userGuide .items ul {
	margin-top:1.2rem;
}
.userGuide .items ul li {
	position:relative;
	margin:.8rem 0;
	padding-left:1.2rem;
	font-size:1.5rem;
	color:#333;
	line-height:1;
	word-break:keep-all;
}
.userGuide .items ul li:before {
	position:absolute;
	display:block;
	content:'';
	left:.3rem;
	top:.5rem;
	width:.4rem;
	height:.3rem;
	border-radius:.3rem;
	background:#6a9a73;
}
.userGuide .items ul li .slist {
	margin-top:.6rem;
}
.userGuide .items ul li .slist span {
	position:relative;
	display:block;
	padding:.3rem .4rem .3rem 1.2rem;
	font-size:1.4rem;
	color:#666;
	line-height:1;
}
.userGuide .items ul li .slist span:before {
	position:absolute;
	display:block;
	content:'';
	left:.2rem;
	top:.9rem;
	width:.5rem;
	height:.2rem;
	border-radius:.1rem;
	background:#999;
}
.userGuide .items ul li .slist span.caution {
	margin:0;
	padding-left:0;
	font-size:inherit;
	color:#5b3a3a;
	line-height:1;
	background:none;
}
.userGuide .items .sbox {
	margin-top:1.2rem;
	padding:1.4rem;
	border-radius:.8rem;
	background:#dae5e4;
}
.userGuide .items .sbox p {
	font-size:1.6rem;
	font-weight:500;
	color:#224b46;
}
.userGuide .items .sbox span {
	position:relative;
	display:block;
	margin-left:1.2rem;
	padding-top:.6rem;
	font-size:1.4rem;
	font-weight:400;
	color:#333;
	line-height:1;
}
.userGuide .items .sbox span:before {
	position:absolute;
	display:block;
	content:'';
	left:-0.9rem;
	top:1.1rem;
	width:.2rem;
	height:.2rem;
	border-radius:.1rem;
	background:#6a9a73;
}
.userGuide .items .sbox span:after {
	position:absolute;
	display:block;
	content:'';
	left:-0.6rem;
	top:1.1rem;
	width:.2rem;
	height:.2rem;
	border-radius:.1rem;
	background:#6a9a73;
}
.userGuide .items .sbox span.caution {
	margin-top:0;
	padding:0;
	padding-top:.6rem;
	color:#5b3a3a;
	font-weight:600;
	background:none;
}












.proshill-info {
	margin:2rem 0 4rem;
	display:flex;
	justify-content:space-between;
	gap:4rem;
}
.proshill-info .info-img {
	flex-grow:1;
}
.proshill-info .info-img > img {
	width:100%;
	border-radius:1.6rem;
}
.proshill-info .info-txt {
	flex-shrink:0;
	width:40rem;
}
.proshill-info .info-txt ul {
	border-top:.1rem solid #ddd;
}
.proshill-info .info-txt li {
	display:flex;
	padding:1rem 1.6rem;
	border-bottom:.1rem solid #e2e2e2;
}
.proshill-info .info-txt li p {
	flex-shrink:0;
	width:10rem;
	font-size:1.5rem;
	font-weight:400;
	color:#666;	
}
.proshill-info .info-txt li span,
.proshill-info .info-txt li div {
	flex-grow:1;
	font-size:1.6rem;
	font-weight:500;
	color:#333;	
}
.download-file a {
	display:block;
	line-height:2rem;
	text-decoration:underline;
}
.download-file a + a {
	margin-top:.4rem;
}
.download-file a:hover {
	font-weight:500;
}
.caution {
	margin-top:2rem;
	padding:1rem 1.6rem;
	border-radius:.8rem;
	font-size:1.5rem;
	font-weight:600;
	color:#5b3a3a;
	line-height:2.4rem;
	background:#f7f3f3;
	word-break:keep-all;
}
.caution p {
	word-break:keep-all;
}
.caution p > span.in {
	display:block;
	padding-left:1.4rem;
	color:#333;
	font-weight:400;
}
.caution.call {
	display:flex;
	justify-content:space-between;
	gap:4rem;
	padding:2.6rem;
}
.caution.call p {
	position:relative;
	flex:1 1 auto;
	padding-left:2rem;
}
.caution.call p.tit {
	padding:0;
	background:url('../images/ico-call.png') no-repeat 6rem center;
}
.caution.call p.tit:before {
	display:none;
}
.caution.call p:before {
	position:absolute;
	display:block;
	content:'';
	left:1rem;
	top:1rem;
	width:.4rem;
	height:.4rem;
	border-radius:.2rem;
	background:#7f7373;
}
.caution.call p a {
	display:block;
	color:#111;
	letter-spacing:-0.05rem;
}

.contents .top-search-box {
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:2rem;
	margin:2rem 0 0;
    padding:1.6rem 2.6rem;
    width:100%;
    border-radius:.8rem;
    background:#f0f1ee;
}
.search-items {
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:1rem;
	width:100%;
}
.search-items select {
	padding:.7rem 3.6rem .7rem 1rem;
	width:fit-content;
	font-size:1.5rem;
	border-radius:.6rem;
}
.search-items input[type=text] {
	padding:.7rem 1rem;
	font-size:1.5rem;
	border-radius:.6rem;
}
.top-search-box button {
	position:relative;
	width:8rem;
	height:4rem;
	border-radius:.6rem;
	border:0;
    background:#4ca99f;
    text-shadow:0 .1rem .3rem rgba(0, 0, 0, 0.1);
    box-shadow:0 .8rem 1.5rem rgba(46, 138, 128, 0.3);
}
.top-search-box button:before {
	position:absolute;
	display:block;
	content:'검색';
	left:50%;
	top:50%;
	font-size:1.6rem;
	font-weight:600;
	color:#fff;
	transform:translate(-50%, -50%);
}
.contents div.dt-container div.dt-search {
	display:none;
}
.contents .top-btn-area {
	display:block;
	margin:3rem 0 1rem;
}
.contents .top-btn-area:has(#vwPartRadio) #vwNoticePartRadio.dpn {
	padding-bottom:0;
	border-bottom:0;
}
.contents .top-btn-area:has(#vwNoticePartRadio) #vwPartRadio.dpn {
	padding-bottom:0;
	border-bottom:0;
}
.contents .top-btn-area > div {
	display:flex;
	align-items:center;
	gap:1rem;
	border-bottom:.1rem solid #ddd;
}

.top-btn-area #vwPartRadio > div,
.top-btn-area #vwNoticePartRadio > div,
.top-btn-area #vwPartRadioMyPage > div {
	position:relative;
	display:flex;
	align-items:center;
	margin-bottom:-0.1rem;
	padding:.6rem 1.2rem 1rem;
	font-size:2rem;
	color:#555;
	font-weight:500;
	cursor:pointer;
	white-space:nowrap;
}
.top-btn-area #vwPartRadioMyPage > div > span {
	font-size:1.6rem;
	font-weight:600;
	color:#277169;
}
.top-btn-area #vwPartRadio .icheckbox_flat-green,
.top-btn-area #vwPartRadio .iradio_flat-green,
.top-btn-area #vwNoticePartRadio .icheckbox_flat-green,
.top-btn-area #vwNoticePartRadio .iradio_flat-green,
.top-btn-area #vwPartRadioMyPage .icheckbox_flat-green,
.top-btn-area #vwPartRadioMyPage .iradio_flat-green {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:none;
}
.top-btn-area div div:has(.checked) {
	color:#111 !important;
}
.top-btn-area div div.checked:after {
	position:absolute;
	display:block;
	content:'';
	left:0;
	bottom:0;
	width:100%;
	height:.3rem;
	background:#4ca99f;
}
.contents table.dataTable {
	table-layout:fixed;
	border-top:0 !important;
}
.contents table.dataTable tr td:nth-child(1),
.contents table.dataTable tr th:nth-child(1) {
	border-left:0;
}
.contents table.dataTable tr td:last-child,
.contents table.dataTable tr th:last-child {
	border-right:0;
}
.contents table.dataTable tr th {
	font-size:1.5rem;
	font-weight:500;
	color:#fff;
	border-right:.1rem solid #72bfb7;
	background:#4ca99f;
	text-shadow:0 .1rem .3rem rgba(0,0,0,0.3);
}
.contents table.dataTable tr td {
	font-size:1.5rem;
	font-weight:500;
	color:#333;
	border-bottom:.1rem solid #ddd;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis; 
}
.contents .table > thead > tr > th, .table > tbody > tr > th,
.contents .table > tfoot > tr > th, .table > thead > tr > td,
.contents .table > tbody > tr > td, .table > tfoot > tr > td {
	padding:1rem 1.6rem;
}
.contents table.dataTable.table.table-striped > tbody > tr:nth-of-type(2n+1) > * {
	box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.02);	
}
.contents table.dataTable > tbody > tr:hover {
	background:rgba(92,149,93,.1) !important;
}
.contents table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
.contents table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after,
.contents table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before,
.contents table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
.contents table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
.contents table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after,
.contents table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before,
.contents table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
.contents table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
.contents table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
.contents table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
.contents table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
.contents table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
.contents table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
.contents table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
.contents table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
	font-size:.8rem;
	line-height:.7rem;
	opacity:.4;
}
.contents table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order,
.contents table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order,
.contents table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order,
.contents table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
.contents table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
.contents table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
.contents table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
.contents table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
	right:.4rem;
}
.contents table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
.contents table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
.contents table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
.contents table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
	opacity:.8;
}
.contents table.dataTable thead > tr > th.dt-orderable-asc,
.contents table.dataTable thead > tr > th.dt-orderable-desc,
.contents table.dataTable thead > tr > th.dt-ordering-asc,
.contents table.dataTable thead > tr > th.dt-ordering-desc,
.contents table.dataTable thead > tr > td.dt-orderable-asc,
.contents table.dataTable thead > tr > td.dt-orderable-desc,
.contents table.dataTable thead > tr > td.dt-ordering-asc,
.contents table.dataTable thead > tr > td.dt-ordering-desc {
	padding:1rem 1.6rem;
}
.contents table.dataTable.table.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
	box-shadow:none;
}
.contents table.dataTable.table > tbody > tr.selected > * {
	color:inherit;
	box-shadow:none;
}
.contents .alarm:after {
	padding:.2rem .4rem;
	width:auto !important;
	content:'공지';
	border-radius:.4rem;
	font-size:1.4rem;
	font-weight:500;
	letter-spacing:-0.01rem;
	font-style:normal;
	background:#ff9019;
	text-shadow:0 .1rem .2rem rgba(0,0,0,0.2);
}
.contents .fas.fa-file {
	display:flex;
	justify-content:center;
	align-items:center;
}
.contents .fas.fa-file:before {
	display:block;
	content:'';
	width:1.8rem;
	height:1.8rem;
	background:url('../images/ico-file.png') no-repeat center;
	background-size:cover;
}
.contents .page-item.disabled .page-link {
	background:#eef1f3;
	color:#a9b2bb;
}
.contents .dt-paging ul.pagination > li.active > a {
	background:#6a9a73;
}
.tbl-area {
	margin-top:2rem;
}
.tbl-area .tbl-tit {
	padding:1rem 0 1rem .2rem;
	font-size:1.8rem;
	color:#2e6b3a;
	font-weight:600;
}
.info-ContTbl {
	margin-top:1rem;
}
table.tbl-default, 
table.tbl-def {
	border-top:.2rem solid #6a9a73;
}
table.tbl-default thead tr th,
table.tbl-def thead tr th {
	padding:1.6rem 0;
	font-size:1.8rem;
	font-weight:500;
	color:#111;
	text-align:center;
	background:#eaf3f2;
	border-bottom:.1rem solid #c7d1d0;
}
table.tbl-default tbody tr th,
table.tbl-default tbody tr td,
table.tbl-def tbody tr th,
table.tbl-def tbody tr td,
table.tbl-default tfoot tr th,
table.tbl-default tfoot tr td {
	padding:1.6rem 0;
	font-size:1.6rem;
	font-weight:400;
	color:#555;
	text-align:center;
	border-bottom:.1rem solid #ddd;
}
table.tbl-default tbody tr th,
table.tbl-default tfoot tr th,
table.tbl-def tbody tr th {
	padding:1.6rem;
	color:#111;
	font-weight:500;
	text-align:left;
	background:#f9f9f9;
}
table.tbl-default tfoot tr th,
table.tbl-default tfoot tr td {
	font-weight:500;
	background:#f0f1ee;
}

.info-ContTbl table.tbl-default thead tr th,
.info-ContTbl table.tbl-default tbody tr th,
.info-ContTbl table.tbl-default tbody tr td {
	padding:1rem 0;
	line-height:1.25;
}

.tbl-row {
	border-top:.2rem solid #4ca99f;
}
.tbl-row li {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1.2rem 2rem;
	border-bottom:.1rem solid #ddd;
	word-break:keep-all;
}
.tbl-row li:first-child {
	justify-content:flex-start;
	padding:2rem 2rem 2rem 1.8rem;
	font-size:1.8rem;
	color:#3b5d59;
	font-weight:600;
	background:#eaf3f2;
}
.tbl-row li:first-child em {
	margin-right:1rem;
	padding:.6rem 1.2rem;
	min-width:8.2rem;
	border-radius:2rem;
	font-size:1.5rem;
	color:#111;
	font-weight:500;
	text-align:center;
	font-style:normal;
	background:#fff;
	box-shadow:0 .3rem .8rem rgba(46,138,128,0.08);
}
.tbl-row li .items {
	display:flex;
	width:100%;
	font-size:1.6rem;
	color:#666;
}
.tbl-row li .items .tit {
	flex-shrink:0;
	width:8rem;
}
.tbl-row li .items .cont {
	flex-grow:1;
	color:#333;
	font-weight:500;
}
.tbl-row li .items .cont a {
	display:block;
	padding-left:2.2rem;
	color:#111;
	text-decoration:underline;
	background:url('../images/ico-file.png') no-repeat left .2rem;
	background-size:1.6rem;
}
.tbl-row li .items .cont a:hover {
	color:#3b5d59;
}
.tbl-row li .items .cont a + a {
	margin-top:.8rem;
}
.tbl-row li.txtBox {
	padding:2.6rem 2rem;
	font-size:1.6rem;
	color:#333;
	line-height:2.4rem;
}
.reply {
	margin-top:4rem;
}
.reply > p {
	padding-left:2.4rem;
	font-size:1.6rem;
	color:#333;
	font-weight:500;
	background:url('../images/ico-reply.png') no-repeat left center;
	background-size:1.6rem;
}
.reply > p span {
	color:#488454;
	font-weight:600;
}
.reply-list {
	margin-top:.6rem;
	border-top:.1rem solid #ddd;
}
.reply-list li {
	position:relative;
	padding:1.6rem .6rem;
	border-bottom:.1rem solid #ddd;
}
.reply-list li .info {
	display:flex;
	align-items:center;
	gap:2rem;
}
.reply-list li .info p {
	font-size:1.5rem;
	color:#333;
	font-weight:500;
}
.reply-list li .info span {
	font-size:1.5rem;
	color:#666;
	letter-spacing:-0.05rem;
}
.reply-list li .info span em {
	display:inline-block;
	padding-left:2rem;
	background:url('../images/ico-time.png') no-repeat .5rem .2rem;
	background-size:1.3rem;
}
.reply-list li > p {
	margin-top:1rem;
	width:calc(100% - 4rem);
	font-size:1.4rem;
	color:#666;
	letter-spacing:-0.05rem;	
}
.reply-list .btn-replyDel {
	position:absolute;
	right:1rem;
	bottom:1rem;
	width:2.4rem;
	height:2.4rem;
	font-size:0;
	border:0;
	border-radius:.8rem;
	background:url('../images/ico-del.png') no-repeat center #f9dddb;
	opacity:.7;
}
.reply-list .btn-replyDel:hover {
	opacity:1;
}
.comment {
	display:flex;
	justify-content:space-between;
	margin-top:2rem;
	padding:1rem;
	border-radius:.4rem;
	background:#f0f1ee;
	gap:1rem;
}
.comment textarea {
	flex-grow:1;
	height:4.6rem;
	border-radius:.4rem;
}
.comment button.btn-commont {
	flex-shrink:0;
	width:10rem;
	border:0;
	border-radius:.4rem;
	font-size:1.8rem;
	color:#fff;
	font-weight:600;
	background:linear-gradient(45deg, #5c955d 0%, #75ae76 50%, #49a9a1 100%);
}
.comment button.btn-commont:hover {
	text-shadow:0 .1rem .2rem rgba(0,0,0,0.3);
	box-shadow:0 .3rem .8rem rgba(0,0,0,0.2);	
}










.btn-tbl-cancel {
	margin-left:.8rem;
	padding:.4rem .8rem;
	border:.1rem solid #5c955d;
	border-radius:.4rem;
	font-size:1.4rem;
	font-weight:500;
	color:#2e6b3a;
	box-shadow:0 .2rem .5rem rgba(46,107,58,0.2);
}
.btn-tbl-cancel:hover {
	color:#fff;
	border-color:transparent;
	background:#5c955d;
	box-shadow:0 .2rem .5rem rgba(46,107,58,0.5);
}
.btn-tbl-reserCancel {
	margin-left:.8rem;
	padding:.4rem .8rem;
	border:.1rem solid #7f6f65;
	border-radius:.4rem;
	font-size:1.4rem;
	font-weight:500;
	color:#534339;
	box-shadow:0 .2rem .5rem rgba(83,67,57,0.2);
}
.btn-tbl-reserCancel:hover {
	color:#fff;
	border-color:transparent;
	background:#7f6f65;
	box-shadow:0 .2rem .5rem rgba(83,67,57,0.5);
}
.btn-tbl-payCancel {
	margin-left:.8rem;
	padding:.4rem .8rem;
	border:.1rem solid #348f87;
	border-radius:.4rem;
	font-size:1.4rem;
	font-weight:500;
	color:#1d615b;
	box-shadow:0 .2rem .5rem rgba(31,139,127,0.2);
}
.btn-tbl-payCancel:hover {
	color:#fff;
	border-color:transparent;
	background:#348f87;
	box-shadow:0 .2rem .5rem rgba(31,139,127,0.5);
}
.btn-tbl-contEdit {
	margin-left:.8rem;
	padding:.4rem .8rem;
	border:.1rem solid #6e69b3;
	border-radius:.4rem;
	font-size:1.4rem;
	font-weight:500;
	color:#444173;
	box-shadow:0 .2rem .5rem rgba(68,65,115,0.2);
}
.btn-tbl-contEdit:hover {
	color:#fff;
	border-color:transparent;
	background:#6e69b3;
	box-shadow:0 .2rem .5rem rgba(68,65,115,0.5);
}
.btn-tbl-dateEdit {
	margin-left:.8rem;
	padding:.4rem .8rem;
	border:.1rem solid #3e6da9;
	border-radius:.4rem;
	font-size:1.4rem;
	font-weight:500;
	color:#234877;
	box-shadow:0 .2rem .5rem rgba(35,72,119,0.2);
}
.btn-tbl-dateEdit:hover {
	color:#fff;
	border-color:transparent;
	background:#3e6da9;
	box-shadow:0 .2rem .5rem rgba(35,72,119,0.5);
}
.mypage-list {
	margin-top:2rem;
}
.myAccount {
	display:flex;
	justify-content:space-between;
	gap:4rem;
}
.my-info {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	flex:1 1 0;
	padding:2.6rem 2.6rem 2.6rem 15rem;
	border:.1rem solid #ddd;
	border-radius:1.6rem;
	background:#fff;
	box-shadow:0 .3rem .8rem rgba(0,0,0,0.05);	
}
.my-info > i {
	position:absolute;
	left:2.6rem;
	top:50%;
	width:8rem;
	height:8rem;
	border-radius:50%;
	background:url('../images/ico-account.png') no-repeat center;
	background-size:cover;
	transform:translate(0, -50%);
}
.my-info > p {
	font-size:1.8rem;
	color:#111;
	font-weight:600;
}
.my-info .items {
	margin-top:1rem;
}
.my-info .items li {
	display:flex;
	gap:.4rem;
	padding:.2rem .6rem;
	font-size:1.5rem;
	color:#666;
}
.my-info .items li p {
	position:relative;
	flex-shrink:0;
	width:6rem;
	padding-left:.2rem;
}
.my-info .items li p:before {
	position:absolute;
	display:block;
	content:'';
	left:-0.5rem;;
	top:.7rem;
	width:.3rem;
	height:.3rem;
	border-radius:.3rem;
	background:#999;
}
.my-info .items li span {
	flex-grow:1;
	color:#333;
	font-weight:500;
	word-break:keep-all;
}
.my-board {
	display:flex;
	align-items:center;
	flex:3 1 0;
}
.my-board ul {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	height:100%;
	gap:1rem;
}
.my-board ul li {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	flex:1 1 30%;
	height:100%;
	border:.1rem solid #ddd;
	border-radius:1.6rem;
	background:#eaf3f2;
	box-shadow:0 .3rem .8rem rgba(0,0,0,0.03);
}
.my-board ul li a {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	border-bottom:.1rem solid #ddd;
	border-radius:1.6rem 1.6rem 0 0;
	font-size:2.4rem;
	color:#2e6b3a;
	font-weight:600;
	background:#fff;
}
.my-board ul li a:hover {
	color:#111;
	border-bottom:.1rem solid #9ebb9f;
}
.my-board ul li:has(a:hover) {
	border:.1rem solid #5f9860;
}
.my-board ul li p {
	margin:1.2rem 0;
	font-size:1.5rem;
	color:#455351;
	font-weight:500;
}
.myHistory-list {
	margin-top:.8rem;
}
.myHistory-list ul {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	border-top:.2rem solid #333;
	border-bottom:.1rem solid #ddd;
	gap:2rem;
}
.myHistory-list ul li {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:9rem 2rem 2rem ;
	flex-grow:1;
}
.myHistory-list ul li p {
	width:100%;
	font-size:1.6rem;
	color:#555;
	font-weight:500;
	text-align:center;
}
.myHistory-list ul li a {
	margin-top:.4rem;
	width:100%;
	font-size:2.4rem;
	color:#333;
	font-weight:600;
	text-align:center;
}
.myHistory-list ul li a:hover {
	color:#2e6b3a;
}
.myHistory-list ul li:after {
	position:absolute;
	display:block;
	content:'';
	left:50%;
	top:2rem;
	width:6rem;
	height:6rem;
	border-radius:50%;
	background-size:3.6rem auto;
	transform:translate(-50%, 0);
}
.proshill-reservation:after {
	background:url('../images/ico-my01.png') no-repeat center #eaf3f2;
}
.proshill-date:after {
	background:url('../images/ico-my02.png') no-repeat center #eaf3f2;
}
.weddinghall-reservation:after {
	background:url('../images/ico-my03.png') no-repeat center #eaf3f2;
}
.village:after {
	background:url('../images/ico-my04.png') no-repeat center #eaf3f2;
}

.board-faq {
	margin-top:2rem;
}
.board-faq dl dt {
	position:relative;
	border-bottom:.1rem solid #ebebeb;
}
.board-faq dl dt a {
	display:flex;
	align-items:center;
	gap:1.2rem;
	padding:2.6rem;
	width:calc(100% - 4rem);
	font-size:1.8rem;
	color:#333;
	font-weight:500;
	
}
.board-faq dl dt a:before,
.board-faq dl dt a:after {
	position:absolute;
	display:block;
	content:'';
	right:2.6rem;
	top:50%;
	width:.3rem;
	height:1.6rem;
	border-radius:.2rem;
	background:#439f95;
	transform:translate(0, -50%);
}
.board-faq dl dt a:after {
	transform:translate(0, -50%) rotate(90deg);
}
.board-faq dl dt a i {
	padding:.6rem 1.6rem;
	border-radius:2rem;
	font-size:1.5rem;
	color:#398980;
	font-weight:600;
	font-style:normal;
	background:#eaf3f2;
	box-shadow:0 .3rem .7rem rgba(0,0,0,0.03);
	word-break:keep-all;
}
.board-faq dl dd {
	position:relative;
	top:-0.1rem;
	padding:0 4rem 4rem 9.6rem;
	border-top:.1rem solid #fff;
	border-bottom:.1rem solid #ebebeb;
}
.board-faq dl dd div {
	padding-left:2.6rem;
	border-left:.2rem solid #4ca99f;
	font-size:1.5rem;
	color:#666;
	line-height:2.4rem;
}



.contents .top-txt {
	position:relative;
	padding:2.5rem 0 0 7rem;
	font-size:2.6rem;
	color:#648f8b;
	font-weight:600;
	line-height:1.25;
	letter-spacing:-0.05rem;
	word-break:keep-all;
}
.contents .top-txt:before {
	position:absolute;
	content:'';
	left:.6rem;
	top:2rem;
	width:4rem;
	height:4rem;
	background:url('../images/ico-quote.png') no-repeat left top;
	background-size:100% auto;
}
.sub-stit {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:1rem;
	font-size:2.4rem;
	color:#111;
	font-weight:600;
}
.sub-stit > a {
	position:relative;
	padding:.4rem 4rem .5rem 1.6rem;
	font-size:1.6rem;
	color:#fff;
	font-weight:600;
	text-align:center;
	border-radius:1.5rem;
	background:#4ca99f;
	text-shadow:0 .1rem .3rem rgba(0, 0, 0, 0.15);
}
.sub-stit > a:hover {
	color:#fff;
	background:#4ca99f;
	text-shadow:0 0 .3rem rgba(0, 0, 0, 0.3);
	box-shadow:0 .3rem .8rem rgba(46, 138, 128, 0.3);
}
.sub-stit > a > i {
	position:absolute;
	right:1.2rem;
	top:50%;
	width:1.6rem;
	height:.2rem;
	border-radius:.1rem;
	background:#fff;
	transform:translate(0, -50%);
}
.sub-stit > a > i:before,
.sub-stit > a > i:after {
	position:absolute;
	content:'';
	right:.1rem;
	width:.6rem;
	height:.2rem;
	border-radius:.1rem;
	background:#fff;
}
.sub-stit > a > i:before {
	top:.3rem;
	transform:rotate(-45deg);
}
.sub-stit > a > i:after {
	top:-0.3rem;
	transform:rotate(45deg);
}
.sub-stit > a.download {
	padding:.5rem 3.6rem .5rem 1.6rem;
}
.sub-stit > a.download > i {
	top:1rem;
	right:1.2rem;
	width:1.3rem;
	height:.9rem;
	border-radius:0;
	background:url('../images/ico-sltArrow.png') no-repeat center;
	background-size:75%;
	filter:brightness(10);
	transform:none;
}
.sub-stit > a.download > i:before,
.sub-stit > a.download > i:after {
	display:none;
}
.tab-cont.info {
	padding:0 2.6rem;
}
.tab-cont.info .divCont {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:6rem;
	margin-top:6rem;
}
.tab-cont.info .divCont section {
	flex-shrink:0;
	width:45%;
}
.tab-cont.info .divCont section p.stit {
	margin-top:0;
}
.list-blet {
	margin-top:2rem;
}
.list-blet li {
	position:relative;
	line-height:1.5;
	letter-spacing:-0.05rem;
	word-break:keep-all;
}
.list-blet2.num > li {
	padding-left:2.4rem;
	line-height:2.6rem;
}
.list-blet li.no-blet:after,
.list-blet2 li.no-blet:after,
.list-blet3 li.no-blet:after {
	display:none;
}
.list-blet2.num > li:after {
	position:absolute;
	display:block;
	left:0;
	top:.3rem;
	width:1.8rem;
	height:1.8rem;
	border-radius:50%;
    font-size:1.4rem;
    color:#fff;
    font-weight:700;
    line-height:1.8rem;
    text-align:center;
	background:#333;
}
.list-blet2.num > li:nth-child(1):after {content:'1';}
.list-blet2.num > li:nth-child(2):after {content:'2';}
.list-blet2.num > li:nth-child(3):after {content:'3';}
.list-blet2.num > li:nth-child(4):after {content:'4';}
.list-blet2.num > li:nth-child(5):after {content:'5';}
.list-blet2.num > li:nth-child(6):after {content:'6';}
.list-blet2.num > li:nth-child(7):after {content:'7';}
.list-blet2.num > li:nth-child(8):after {content:'8';}
.list-blet2.num > li:nth-child(9):after {content:'9';}
.list-blet2.num > li:nth-child(10):after {content:'10';}
.list-blet li a {
	color:#2e6b3a;
}
.list-blet li a:hover {
	text-decoration:underline;
}
.list-blet > li {
	position:relative;
	padding-left:2.6rem;
	font-size:1.8rem;
	color:#333;
	font-weight:600;
}
.list-blet > li + li {
	margin-top:1rem;
}
.list-blet > li:after {
	position:absolute;
	content:'';
	left:0;
	top:.9rem;
	width:1.6rem;
	height:.6rem;
	border-radius:.3rem;
	background:linear-gradient(to right, #5c955d 0%, #75ae76 50%, #49a9a1 100%);
}
.list-blet2 {
	padding:1rem 0;
}
.list-blet2 > li {
	position:relative;
	padding-left:1.4rem;
	font-size:1.6rem;
	color:#555;
	font-weight:500;
	line-height:1.5;
	word-break:keep-all;
}
.list-blet2.wb > li {
	color:#8e8fad;
}
.list-blet2 > li.no-blet:after {
	display:none;
}
.list-blet2 > li + li {
	margin-top:.5rem;
}
.list-blet2 > li:after {
	position:absolute;
	content:'';
	left:.2rem;
	top:.8rem;
	width:.5rem;
	height:.5rem;
	border-radius:50%;
	background:#555;
}
.list-blet2 > li a {
	color:#333;
	font-weight:600;
    text-decoration:underline;
    letter-spacing:-0.05rem;
}
.list-blet2 > li a:hover {
	color:#2e6b3a;
}
.list-blet3 {
	padding:.5rem 0;
}
.list-blet3 > li {
	position:relative;
	padding-left:1.4rem;
	font-size:1.5rem;
	color:#666;
	font-weight:400;
	word-break:keep-all;
}
.list-blet3 > li:after {
	position:absolute;
	content:'';
	left:.2rem;
	top:.8rem;
	width:.6rem;
	height:.2rem;
	border-radius:.1rem;
	background:#888;
}
hr.line {
	margin-top:4rem;
	width:100%;
	height:.1rem;
	border:0;
	background:#eaf3f2;
}
.qrbox > img {
	margin-top:1rem;
	padding:.8rem;
	border:.1rem solid #ddd;
	border-radius:.8rem;
	box-shadow:0 .3rem .8rem rgba(0,0,0,0.05);
}
.card div p.cardName {
	margin-top:4rem;
	margin-right:auto;
	font-size:1.8rem;
	color:#435d5a;
	font-weight:600;
}
.card-items {
	display:flex;
	gap:4rem;
}
.card-items .img {
	margin-top:2rem;
}
.card-items .img > img {
	width:32rem;
}
.tab-topBox {
	margin-top:2rem;
    padding:2.6rem;
    border-radius:1.6rem;
    background:#f0f1ee;
}
.tab-topBox .box-tit {
	font-size:2.4rem;
	color:#3b5d59;
	font-weight:600;
}
.tab-topBox .box-cont {
	display:block;
	margin-top:1.6rem;
	font-size:1.8rem;
	color:#333;
	font-weight:500;
}
.tab-topBox .box-cont a {
	color:#333;
	text-decoration:underline;
}
.tab-topBox .box-cont a:hover {
	color:#2e6b3a;	
}
.tab-topBox .ptxt {
	display:block;
	margin-top:.4rem;
	font-size:1.8rem;
	color:#4e6157;
}
.tab-topBox section .ptxt {
	position:relative;
	font-size:1.6rem;
	word-break:keep-all;
	padding-left:1.6rem;
}
.tab-topBox section .ptxt:after {
	position:absolute;
	display:block;
	content:'※';
	left:0;
	top:0;
	width:1.6rem;
	height:2rem;
	line-height:1;
}
.tab-topBox section p.stit {
	margin-top:3rem;
}
.tab-topBox table.tbl-rowCon tbody td {
	padding:.8rem 1.2rem;
	background:#fff;
}
.tab-topBox table.tbl-rowCon tbody th {
	padding:.8rem 1.2rem;
}
.tab-topBox .box-img > img {
	margin-left:.6rem;
	width:16rem;
	height:auto;
}
.tab-topBox .box-tel {
    margin-top:1.6rem;
    padding:2rem;
	width:100%;
    border-radius:.8rem;
    text-align:center;
    background:#fff;
}
.btn-tabBox {
	margin-top:2rem;
	padding:1.2rem 2.6rem;
	font-size:1.6rem;
	color:#fff;
	font-weight:600;
	border:0;
	border-radius:2.2rem;
	background:#488454;
}
.btn-tabBox:hover {
	box-shadow:0 .8rem 1.5rem rgb(72,132,84,0.3);
}
section p.stit {
	position:relative;
	margin-top:6rem;
	padding-left:2.6rem;
	font-size:1.8rem;
	color:#333;
	font-weight:600;
}
section p.stit:before {
	position:absolute;
    content:'';
    left:0rem;
    top:.9rem;
    width:1.6rem;
    height:.6rem;
    border-radius:.3rem;
    background:linear-gradient(to right, #5c955d 0%, #75ae76 50%, #49a9a1 100%);
}
section p.stit + .tbl-area {
	margin-top:1rem;
}
section .scont-txt {
	display:block;
	margin-top:1rem;
	padding-left:2.6rem;
	font-size:1.6rem;
	color:#555;
	font-weight:500;
}
section .scont-txt a {
	color:#333;
	text-decoration:underline;
}
section .scont-txt a:hover {
	color:#2e6b3a;
}
section .ptxt {
	display:block;
	margin-top:1rem;
	font-size:1.8rem;
	color:#4e6157;
}
section .pstxt {
	display:block;
	margin-top:1rem;
	font-size:1.5rem;
	color:#4e6157;
	font-weight:600;
	letter-spacing:-0.05rem;
	word-break:keep-all;
}
section .pbtxt {
	display:block;
	margin-top:0;
	font-size:2rem;
	color:#4e6157;
	font-weight:600;
	text-align:center;
	letter-spacing:-0.05rem;
	word-break:keep-all;
}
section .pstxt > a {
	color:#333;
	text-decoration:underline;
}
section .pstxt > a:hover {
	color:#2e6b3a;
}
table.tbl-rowCon {
	border-top:.2rem solid #4ca99f;
}
table.tbl-rowCon tbody tr {
	border-bottom:.1rem solid #ddd;
}
table.tbl-rowCon tbody th {
	padding:1.6rem 2rem;
	font-size:1.6rem;
	color:#3c5b57;
	font-weight:600;
	background:#f4f7f7;
}
table.tbl-rowCon tbody td {	
	padding:1.6rem 2rem;
	font-size:1.6rem;
	color:#333;
	font-weight:600;
	line-height:1.4;
	letter-spacing:-0.05rem;
}
table.tbl-rowCon tbody td span {
	display:inline-block;
	margin-left:1rem;
	color:#ff5722;
	font-weight:600;
}
table.tbl-rowCon a {
	color:#333;
	text-decoration:underline;
}
table.tbl-rowCon a:hover {
	color:#2e6b3a;
}
.btn-roomView {
	margin-left:1rem;
	padding:.5rem 1.4rem .4rem;
	font-size:1.5rem;
	color:#333;
	font-weight:600;
	border:.1rem solid #4ca99f;
	border-radius:1.5rem;
}
.btn-roomView:hover {
	color:#30837a;
	box-shadow:0 .2rem .5rem rgba(46,138,128,0.3);
}
.modal-pop.roomView-cottonvill .pop-cont {
	width:fit-content;
	margin:0 auto;
}
table.tbl-default.cont th,
table.tbl-default.cont td {
	padding:1.6rem;
	border-left:.1rem solid #ddd;
	text-align:left;
	line-height:1.4;
	letter-spacing:-0.05rem;
}
table.tbl-default.cont tr:first-child th:first-child {
	border-left:0;
}
table.tbl-default.cont.dataLabel tr th:first-child {
	border-left:0;
}
table.tbl-default.cont.dataLabel2 tr th:first-child,
table.tbl-default.cont.dataLabel2 tr td:first-child {
	border-left:0;
}
table.tbl-default.cont.dataLabel2 tr th,
table.tbl-default.cont.dataLabel2 tr td {
	text-align:center;
}
table.tbl-default.cont.dataLabel3 tr:first-child td:first-child {
	border-left:0;	
}
table.tbl-default.cont.dataLabel3 th,
table.tbl-default.cont.dataLabel3 td {
	text-align:center !important;
}

table.tbl-def.cont3 th,
table.tbl-def.cont3 td {
	padding:1.6rem;
	border-left:.1rem solid #ddd;
	line-height:1.4;
	letter-spacing:-0.05rem;
}
table.tbl-def.cont3 th.b0,
table.tbl-def.cont3 td.b0 {
	border-left:0 !important;
}
.orgBox {
	margin-top:.6rem;
	padding:.8rem 1.6rem;
	width:fit-content;
	border-radius:1.6rem;
	font-size:1.6rem;
	color:#fff;
	font-weight:600;
	line-height:1;
	background:#f9913e;
}
.whiteBox {
	display:flex;
	margin-top:1rem;
	padding:2.6rem;
	border:.1rem solid #c7d1d0;
	border-radius:1.6rem;
	box-shadow:0 .8rem 1.5rem rgba(0,0,0,0.03);
}
.whiteBox > p {
	flex-shrink:0;
	width:18rem;
	font-size:2rem;
	color:#3b5d59;
	font-weight:600;
}
.whiteBox .rcont {
	flex-grow:1;
}
.whiteBox .rcont p {
	margin-top:.4rem;
	font-size:1.6rem;
	color:#333;
	font-weight:600;
}
.whiteBox .rcont .step-list {
	display:flex;
	margin-top:1.6rem;
	gap:4rem;
}
.whiteBox .rcont .step-list li {
	position:relative;
	padding:.8rem 1.6rem;
	border-radius:.8rem;
	font-size:1.5rem;
	color:#555;
	font-weight:500;
	text-align:center;
	letter-spacing:-0.05rem;
	background:#eaf3f2;
}
.whiteBox .rcont .step-list li:after {
	position:absolute;
	content:'';
	left:-4rem;
	top:0;
	width:4rem;
	height:100%;
	background:url('../images/ico-sltArrow-sm.png') no-repeat center;
	transform:rotate(-90deg);
}
.whiteBox .rcont .step-list li:first-child:after {
	display:none;
}
.whiteBox.imgBox {
	display:block;
}
.whiteBox.imgBox p {
	width:100%;
}
.whiteBox.imgBox .img-items {
	display:flex;
	flex-wrap:wrap;
	gap:2rem;
	margin-top:1rem;
}
.whiteBox.imgBox .img-items li {
	width:calc((100% - 6rem) / 4);
}
.whiteBox.imgBox .img-items li > img {
	display:block;
	width:100%;
	border-radius:.8rem;
	overflow:hidden;
}
.whiteBox.imgBox .img-items li > p {
	margin-top:1rem;
	font-size:1.6rem;
	color:#333;
	font-weight:600;
	text-align:center;
}
.whiteBox.imgBox .img-items.wedding {
	justify-content:space-between;
}
.whiteBox.imgBox .img-items.wedding li {
	flex:1 1 30%;
}
.use-stepBox ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:1.6rem 0 0 2.6rem;
}
.use-stepBox ul li {
	position:relative;
	padding:4rem 1.6rem 2rem 11rem;
	width:22rem;
	height:10.2rem;
	font-size:1.7rem;
	color:#e57f15;
	font-weight:500;
	word-break:keep-all;
	border-radius:16rem;
	background:#f5f2ed;
}
.use-stepBox ul li:after {
	position:absolute;
	left:11rem;
	top:2rem;
	width:calc(100% - 11.2rem);
	height:2rem;
	font-size:1.2rem;
	color:#3b1c07;
	font-weight:700;
	letter-spacing:normal;
	text-shadow:none;
}
.use-stepBox ul li:nth-child(1):after {
	content:'STEP. 01';
}
.use-stepBox ul li:nth-child(2):after {
	content:'STEP. 02';
}
.use-stepBox ul li:nth-child(3):after {
	content:'STEP. 03';
}
.use-stepBox ul li:nth-child(4):after {
	content:'STEP. 04';
}
.use-stepBox ul li i:before {
	position:absolute;
	content:'';
	left:1rem;
	top:1rem;
	width:8rem;
	height:8rem;
	border-radius:50%;
}
.use-stepBox ul li:nth-child(1) i:before {
	background:url('../images/ico-step01.png') no-repeat center #fdfcfb;
	background-size:60%;
}
.use-stepBox ul li:nth-child(2) i:before {
	background:url('../images/ico-step02.png') no-repeat center #fdfcfb;
	background-size:60%;
}
.use-stepBox ul li:nth-child(3) i:before {
	background:url('../images/ico-step03.png') no-repeat center #fdfcfb;
	background-size:60%;
}
.use-stepBox ul li:nth-child(4) i:before {
	background:url('../images/ico-step04.png') no-repeat center #fdfcfb;
	background-size:60%;
}
.step-inBox {
	display:flex;
	margin-top:1rem;
	padding:2.6rem 4rem;
	border-radius:1.6rem;
	background:#fbf8f2;	
}
.step-inBox li {
	display:flex;
	flex:1 1 40%;
} 
.step-inBox li p {
	font-size:1.6rem;
	color:#333;
	font-weight:500;
	line-height:2.4rem;
	letter-spacing:-0.05rem;
}
.step-inBox li span {
	margin-left:2rem;
	font-size:1.6rem;
	color:#614635;
	font-weight:600;
	line-height:2.4rem;
	letter-spacing:-0.05rem;
}
.btn-weddingInfo {
	margin-left:3.6rem;
	padding:.8rem 1.6rem;
	font-size:1.6rem;
	color:#fff;
	font-weight:600;
	border:0;
	border-radius:3rem;
	text-shadow:0 0 .3rem rgba(0,0,0,0.05);
	background:linear-gradient(to right, #5c955d 0%, #75ae76 50%, #49a9a1 100%);
	transition:all .1s ease-in-out;
}
.btn-weddingInfo:hover {
	box-shadow:0 .3rem .8rem rgba(72,132,84,0.3);
	background:linear-gradient(300deg, #5c955d 0%, #75ae76 50%, #49a9a1 100%);
}
.wedding-info img {
	width:100%;
}
.childSchool-photos {
	margin-top:2rem;
}
.childSchool-photos ul {
	display:flex;
	justify-content:space-between;
	gap:2rem;	
}
.childSchool-photos img {
	width:100%;
	border-radius:1.6rem;
	overflow:hidden;
}
.service-topBox {
	position:relative;
	padding:5.2rem;
	width:100%;
	height:32rem;
	border-radius:1.6rem;
}
.service-topBox.ssg {
	background:url('../images/img-service01-01.jpg') no-repeat right top #313133;
}
.service-topBox.shop {
	background:url('../images/img-service02-01.jpg') no-repeat right -1rem center #eef0f7;
}
.service-topBox.hn {
	background:url('../images/img-service03.png') no-repeat right 8rem center #c1e3e5;
	background-size:30%;
}
.service-topBox.clip {
	background:url('../images/img-service04.png') no-repeat right 2rem center #4e4b9f;
	background-size:34%;
}
.service-topBox.hm {
	background:url('../images/img-service05.jpg') no-repeat right 2rem center, linear-gradient(to right, #a7a6cb 0%, #8989ba 50%);
	background-size:contain;
}
.service-topBox.wb {
	padding:3.2rem 5.2rem 5.2rem;
	background:url('../images/img-service06.jpg') no-repeat right -3rem center #121660;
	background-size:contain;
}
.service-topBox.ah {
	padding:3.2rem 5.2rem 5.2rem;
	background:url('../images/img-service071.png') no-repeat right center #faecec;
}
.service-topBox.hnd {
	background:url('../images/img-service072.png') no-repeat right center #ffd154;
}
.service-topBox.md {
	background:url('../images/img-service08.png') no-repeat right 2rem center #f7e295;
	background-size:30%;
}
.service-topBox.ms {
	background:url('../images/img-service09.jpg') no-repeat right center #d5dee6;
	background-size:contain;
}
.service-topBox.hi {
	background:url('../images/img-service10.png') no-repeat right 2rem bottom #63388c;
	background-size:35%
}
.service-topBox.wb > img {
	height:3.2rem;
}
.service-topBox.ssg > img {
	filter:brightness(10);
}
.service-topBox.hm > img {
	height:3.2rem;
}
.service-topBox.hi > img {
	margin-top:-2rem;
}
.service-topBox.ah > img {
	height:3.2rem;
}
.service-topBox.ms {
	display:flex;
	flex-direction:column;
	height:auto;
}
.service-topBox p {
    margin-top:4.2rem;
    width:70%;
    font-size:3.2rem;
    color:#ffba22;
    font-weight:600;
    word-break:keep-all;
}
.service-topBox.hn p {
	color:#333;
}
.service-topBox.shop p {
	margin-top:0;
	color:#0c2672;
}
.service-topBox.clip p {
	color:#3cc1ff;
}
.service-topBox.hm p {
	color:#302265;
}
.service-topBox.wb p {
	margin-top:1.6rem;
	width:60%;
	color:#9edd48;
	font-size:2.8rem;
}
.service-topBox.ah p {
	margin-top:1.6rem;
	width:60%;
	color:#ff6b73;
	font-size:2.8rem;
}
.service-topBox.md p {
	color:#5f1616;
}
.service-topBox.ms p {
	margin-top:0;
	color:#2e3c73;
}
.service-topBox.hi p {
	margin-top:2.2rem;
	color:#fec232;
}
.service-topBox.hnd p {
	margin-top:0;
	color:#472e06;
}
.service-topBox span {
	display:block;
    margin-top:.6rem;
    font-size:2rem;
    color:#fff;
    font-weight:500;
    word-break:keep-all;
}
.service-topBox.shop span {
	margin-top:1.6rem;
	font-size:1.6rem;
	color:#555;
	line-height:2.4rem;
}
.service-topBox.hn span {
	color:#116556;
}
.service-topBox.hi span {
	font-size:1.8rem;
	color:#d0c2dd;
}
.service-topBox.hi span i {
	color:#fff;
	font-weight:600;
	font-style:normal;
}
.service-topBox.shop span b {
	display:block;
	margin-bottom:.4rem;
	font-size:1.8rem;
	color:#f35b8a;
}
.service-topBox.wb span,
.service-topBox.ah span {
	width:60%;
	font-size:1.8rem;	
}
.service-topBox.ah span {
	color:#f18339;
}
.service-topBox.hnd span {
	color:#793a0e;
}
.service-topBox.md span {
	color:#365950;
}
.service-topBox.ms span {
	color:#626a71;
}
.service-topBox.wb .list-blet2 > li + li,
.service-topBox.ah .list-blet2 > li + li {
	margin-top:0;
}
.service-topBox.wb .list-blet2 li
.service-topBox.ah .list-blet2 li {
	line-height:1.25;
	color:rgba(255,255,255,0.5);
}
.service-topBox.wb .list-blet2 > li:after {
	top:.7rem;
	background:rgba(255,255,255,0.3);
}
.service-topBox .btn-area {
	display:flex;
	gap:2rem;
	margin-top:4rem;
}
.service-topBox .btn-area a {
	position:relative;
	left:auto;
	bottom:auto;
}
.service-topBox .btn-area a > span {
	display:inline;
	margin-top:0;
}
.service-topBox.wb a {
	bottom:2.4rem;
}
.service-topBox a {
	position:absolute;
    display:block;
    left:5.2rem;
    bottom:5.2rem;
    padding:1.2rem 2.4rem;
    width:fit-content;
    font-size:1.8rem;
    color:#111;
    font-weight:600;
    border:.1rem solid #d8d9e1;
    border-radius:3rem;
    background:#fff;
}
.service-topBox.hnd a {
	position:relative;
	margin-top:4rem;
	left:auto;
	bottom:auto;
}
.service-topBox a:hover {
	color:#277136;
    box-shadow:0 .8rem 1.5rem rgba(0, 0, 0, 0.5);
}
.service-topBox.shop a:hover,
.service-topBox.hn a:hover,
.service-topBox.clip a:hover,
.service-topBox.hm a:hover,
.service-topBox.wb a:hover,
.service-topBox.md a:hover,
.service-topBox.hi a:hover,
.service-topBox.ah a:hover,
.service-topBox.hnd a:hover {
    box-shadow:0 .8rem 1.5rem rgba(0, 0, 0, 0.1);
}
.service-cartoon .pop-cont img {
	width:100%;
}

.divCont2 {
	display:flex;
	justify-content:space-between;
	gap:6rem;
}
.divCont2 > div {
	flex:1 1 40%;
}
.svcLink-Box {
	position:relative;
    padding:4rem;
    border:.1rem solid transparent;
    border-radius:1.6rem;
    background:transparent;
    overflow:hidden;
}
.svcLink-Box.lg {
	background:linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
}
.svcLink-Box.ss {
	background:linear-gradient(to right, #a3bded 0%, #6991c7 100%);
}
.svcLink-Box.lg:after {
	position:absolute;
	content:'';
	right:-2rem;
	bottom:-2rem;
	width:16rem;
	height:16rem;
	background:url('../images/simbol-lg.svg') no-repeat center;
	opacity:.5;
	transform:rotate(30deg);
}
.svcLink-Box > p {
	display:flex;
	align-items:center;
	gap:.8rem;
	padding-left:.4rem;
	font-size:2.6rem;
	color:#111;
	font-weight:600;
}
.svcLink-Box > span {
	display:block;
	margin-top:.6rem;
	padding-left:.4rem;
	font-size:1.8rem;
	color:#fff;
	font-weight:500;
	text-shadow:0 0 .2rem rgba(0,0,0,0.5);
}
.svcLink-Box img.samsung {
	width:auto;
	height:2rem;
}
a.btn-service-link {
	position:absolute;
	display:block;
	left:4rem;
	bottom:4rem;
	padding:1.4rem 6rem 1.2rem 2rem;
	width:fit-content;
	border-radius:2.5rem;
	font-size:1.6rem;
	color:#333;
	font-weight:600;
	letter-spacing:-0.05rem;
	background:#fff;
	z-index:1;
}
a.btn-service-link:hover {
	color:#277136;
	box-shadow:0 .8rem 1.5rem rgba(0,0,0,0.08);
}
a.btn-service-link > i {
	position:absolute;
	right:2rem;
	top:50%;
	width:2.6rem;
	height:.2rem;
	border-radius:.1rem;
	background:#666;	
}
a.btn-service-link i:before {
	position:absolute;
	content:'';
	right:0;
	top:calc(50% - .2rem);
	width:.7rem;
	height:.2rem;
	border-radius:.1rem;
	background:#666;
	transform:translate(0, -50%) rotate(45deg);
}
a.btn-service-link i:after {
	position:absolute;
	content:'';
	right:0;
	top:calc(50% + .2rem);
	width:.7rem;
	height:.2rem;
	border-radius:.1rem;
	background:#666;
	transform:translate(0, -50%) rotate(-45deg);
}
.caution.shop {
	margin-left:2.6rem;
	padding:2.6rem;
	text-align:center;
	font-size:1.8rem;
}
.caution.shop b {
	color:#111;
}
.caution.shop i {
	font-style:normal;
	text-decoration:underline;
}
.caution.shop span {
	color:#555;
	font-size:1.6rem;
}
.caution.wb {
	padding:2.6rem;
}
.caution.hnd {
	padding:2.6rem;
	font-size:1.8rem;
	text-align:center;
	letter-spacing:-0.05rem;
}

.caution.hnd a {
	color:#333;
	text-decoration:underline;
}
.caution.hnd a:hover {
	color:#2e6b3a;
}
.coupon {
	display:flex;
}
.coupon .img-coupon {
	flex-shrink:0;
	width:24rem;
	font-size:0;
	background:url(../images/img-service06-1.png) no-repeat left center;
}
.coupon .line-blet3 {
	flex-grow:1;
}
.coupon .list-blet3 > li {
	color:#5b3a3a;
	font-weight:600;
}
.coupon .list-blet3 > li > p {
	color:#8f3131;
}
.top-greenBox.ms {
	margin:1rem 0 2rem;
	padding:1.6rem 2.6rem;
	width:fit-content;
	text-align:center;
}
.top-greenBox.ms a {
	display:block;
	font-size:1.8rem;
}
.img-msItems {
	display:flex;
	flex-wrap:wrap;
}
.img-msItems > div {
	display:flex;
    flex-direction:column;
	padding:1rem;
	width:20%;
}
.img-msItems > div > div {
	display:flex;
    justify-content:center;
    align-items:center;
    padding:1rem;
    height:100%;
}
.img-msItems > div > div > img {
	width:auto;
	height:auto;
}
.img-msItems > div > div > img.w80p {
	width:80%;
}
.img-msItems > div > div > img.h60p {
	height:60%;
}
.img-msItems > div > p {
	margin-top:.6rem;
	padding:.6rem 0;
	width:100%;
	font-size:1.5rem;
	color:#2e6b3a;
	font-weight:500;
	text-align:center;
	border-radius:.4rem;
	background:#f2f3f3;
}
.btn-area.tb-btm {
	margin-top:3rem;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:1rem;
}
.btn-area.tb-btm a {
	line-height:1.25;
}
.caution.kf {
	padding:2.6rem;
	font-size:2rem;
	text-align:center;
}
.caution.kf .kf-in {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:1rem;
	width:fit-content;
	margin:0 auto;
}
.caution.kf .kf-in a {
	color:#333;
	text-decoration:underline;
}
.caution.kf .kf-in a:hover {
	color:#2e6b3a;
}
.caution.kf p {
	margin:1rem auto 0;
	padding:1rem 1.6rem;
	width:fit-content;
	border-radius:.4rem;
	font-size:1.8rem;
	color:#333;
	background:rgba(255,255,255,0.7);
}
.list-items {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:4rem;
}
.list-items li {
	flex:1 1 20%;
	text-align:center;
}
.list-items li .imgBox {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
	width:40%;
	border-radius:50%;
	text-align:center;
	background:#fff;
	aspect-ratio:1/1;
}
.list-items li .imgBox > img {
	width:60%;
}
.list-items li p {
	margin-top:.6rem;
	font-size:1.6rem;
	color:#333;
	font-weight:600;
}
.list-items li span {
	margin-top:.2rem;
	display:block;
	font-size:1.4rem;
	color:#555;
	font-weight:500;
	line-height:1;
}
.resort-step1 {
	margin-top:6rem;
}
.resort-step2 {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:2rem;
}
.st2-slt {
	padding:0 4rem 0 1rem;
	width:auto;
    height:3.2rem;
    font-size:1.6rem;
}
.resort-step1 > p,
.resort-step2 > p {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:.8rem;
	font-size:1.7rem;
	color:#333;
	font-weight:600;
	letter-spacing:-0.1rem;
}
.resort-step1 > p > span,
.resort-step2 > p > span {
	display:block;
	padding:.4rem 1.2rem;
	font-size:1.4rem;
	color:#fff;
	letter-spacing:0;
	border-radius:2rem;
	background:#4ca99f;
}
.resort-slt {
	display:flex;
	flex-wrap:wrap;
}
.resort-slt li {
	flex-basis:calc(33.33333% - 2.4rem);
	margin:1.2rem;
	padding:.4rem 1.2rem;
	border-radius:.8rem;
	border:.1rem solid #ddd;
	text-align:center;
}
.resort-slt li a {
	display:flex;
	justify-content:center;
	align-items:center;
	padding:2rem;
	width:auto;
	height:100%;
}
.resort-slt li:hover {
	border-color:#8ecdc6;
	box-shadow:0 .5rem 1rem rgba(76,169,159,0.15);
}
.resort-slt li a > img {
	max-width:calc(100% - 2rem);
	width:auto;
	height:4rem;
}
.calendar-tbl {
	margin-top:3rem;
}
.tbl-calendar {
	text-align:center;
}
.tbl-calendar thead tr th {
	padding:.8rem;
    font-size:1.4rem;
    font-weight:600;
    color:#5d7976;
    letter-spacing:normal;
    text-align:center;
    background:#e6ebea;
}
.tbl-calendar tbody tr.days th {
	font-size:1.4rem;
	text-align:right;
	color:#333;
	background:#f0f5f4;
}
.tbl-calendar tbody tr.days th:nth-child(2),
.tbl-calendar tbody tr.days th:nth-child(2) {
	color:#c33d47;
}
.tbl-calendar tbody tr.days th:nth-child(8),
.tbl-calendar tbody tr.days th:nth-child(8) {
	color:#3b66cb;
}
.tbl-calendar tbody tr th,
.tbl-calendar tbody tr td {
	padding:.6rem 1rem;
	border-bottom:.1rem solid #e6ebea;
}
.tbl-calendar tbody tr th {
	font-size:1.5rem;
	color:#333;
	font-weight:500;
	word-break:keep-all;
}
.tbl-calendar tbody tr td button {
	padding:.6rem;
	width:100%;
	height:100%;
	border:.1rem solid transparent;
	border-radius:.4rem;
	background:#f5f5f5;
	cursor:auto;
}
.tbl-calendar tbody tr td button.btn-rst {
	color:#fff;
	font-weight:600;
	letter-spacing:-0.1rem;
	background:#4ca99f;
	cursor:pointer;
}
.tbl-calendar tbody tr td button.btn-rst:hover {
	background:#3d938a;
	box-shadow:0 .3rem .7rem rgba(76,169,159,0.3);
}


/* Sub Contents: End */





/* Form */
input[type=text],
input[type=number] {
	padding: 1.2rem 1.6rem;
	width: 100%;
	font-size: 2rem;
	font-weight: 500;
	color: #333;
	line-height: 2.4rem;
	border: .1rem solid #dbdbdb;
	border-radius: .8rem;
	background: #fff;
}

.signUp input[type=text],
.signUp input[type=number] {
	padding:.4rem 1rem;
	min-height:4rem;
	font-size:1.6rem;
	line-height:2rem;
	border-radius:.6rem;
}

input[type=text]:disabled,
input[type=number]:disabled {
	border: .1rem solid transparent;
	color: #767676;
	background: #f1f1f1;
	cursor: default;
}
input[type=number] {
	-moz-appearance:textfield;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	margin:0;
	-webkit-appearance:none;
}
input[type=text].datepicker {
	padding: 1.2rem 1.6rem 1.2rem 5rem;
	font-size: 2rem;
	font-weight: 500;
	color: #333;
	line-height: 2.4rem;
	border: .1rem solid #dbdbdb;
	border-radius: .8rem;
	background: url('../images/ico-datepicker.png') no-repeat left 1.4rem
		center;
}

input[type=text]:disabled.datepicker {
	border: .1rem solid transparent;
	background: url('../images/ico-datepicker.png') no-repeat left 1.4rem
		center #f1f1f1;
	cursor: default;
}

select:-ms-expand {
	display: none;
}

select {
	padding: 1.2rem 5rem 1.2rem 1.6rem;
	width: 100%;
	font-size: 2rem;
	font-weight: 500;
	color: #333;
	line-height: 2.4rem;
	border: .1rem solid #dbdbdb;
	border-radius: .8rem;
	-webkit-appeareance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('../images/ico-sltArrow-sm.png') no-repeat right 1.4rem
		center #fff;
}
.signUp select {
	padding:.4rem 1rem;
	min-height:4rem;
	font-size:1.6rem;
	line-height:2rem;
	border-radius:.6rem;
}

select:disabled {
	border: .1rem solid #dbdbdb;
	background: url('../images/ico-sltArrow-sm.png') no-repeat right 1.4rem
		center #f1f1f1;
	cursor: default;
}

select:invalid, input::placeholder {
	font-size: 1.6rem;
	color: #767676;
}

input[type=checkbox] {
	position: absolute;
	width: .1rem;
	height: .1rem;
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
	user-select: none;
}

input[type=checkbox]+label {
	display: flex;
	cursor: pointer;
}

input[type=checkbox]+label>span {
	padding: 0 1.2rem 0 .4rem;
	width: fit-content;
	font-size: 1.8rem;
	font-weight: 600;
	color: #111;
	word-break: keep-all;
}

input[type=checkbox]+label>span>em {
	font-weight: 500;
	color: #666;
}

input[type=checkbox]+label:before {
	display: block;
	content: '';
	width: 2rem;
	height: 2rem;
	border: .1rem solid #666;
	border-radius: .4rem;
	background: #fff;
}

input[type=checkbox]:checked+label:before {
	content: '';
	background: url('../images/chk-arrow.png') no-repeat center #4999a5;
	border: .1rem solid transparent;
}

input[type=checkbox]:disabled+label>span {
	color: #767676;
	cursor: default;
}

input[type=checkbox]:disabled+label:before {
	border: .1rem solid transparent;
	background: #f1f1f1;
	cursor: default;
}

input[type=radio] {
	position: absolute;
	width: .1rem;
	height: .1rem;
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
	user-select: none;
}

input[type=radio]+label {
	position: relative;
	display: flex;
	align-items: center;
	padding: 1.2rem 1.6rem;
	width: 100%;
	border: .1rem solid #dbdbdb;
	border-radius: .8rem;
	background: #fff;
	cursor: pointer;
}
.signUp input[type=radio]+label {
	padding:.4rem 1rem;
	min-height:4rem;
}
.signUp input[type=radio]+label>span {
	font-size:1.6rem;
	line-height:2rem;
}
input[type=radio]+label>span {
	font-size: 2rem;
	font-weight: 500;
	line-height: 2.4rem;
	color: #767676;
	vertical-align: middle;
}

input[type=radio]+label:after {
	position: absolute;
	right: 2rem;
	top: 50%;
	content: '';
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: url('../images/chk-arrow.png') no-repeat center #bfbfbf;
	transform: translate(0, -50%);
}
.signUp input[type=radio]+label:after {
	right:1rem;
}

input[type=radio]:checked+label {
	border: .1rem solid #77a5ac;
	background: #eef3f2;
}

input[type=radio]:checked+label>span {
	font-weight: 600;
	color: #3d7f89;
}

input[type=radio]:checked+label:after {
	position: absolute;
	right: 2rem;
	top: 50%;
	content: '';
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: url('../images/chk-arrow.png') no-repeat center #4999a5;
	transform: translate(0, -50%);
}
.signUp input[type=radio]:checked+label:after {
	right:1rem;
}

input[type=radio]:disabled+label {
	content: '';
	border: .1rem solid transparent;
	background: #f1f1f1;
	cursor: auto;
}

input[type=radio]:disabled+label>span {
	color: #999;
}

input[type=radio]:disabled+label:after {
	position: absolute;
	right: 2rem;
	top: 50%;
	content: '';
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: url('../images/chk-arrow.png') no-repeat center #d5d5d5;
	transform: translate(0, -50%);
}

textarea {
	padding: 1rem 2rem;
	width: 100%;
	border: .1rem solid #dbdbdb;
	border-radius: .8rem;
	font-size: 1.6rem;
	color: #333;
	line-height: 2.4rem;
	background: #fff;
	resize: none;
}

textarea:disabled {
	padding:1.2rem 1.6rem;
	border:.1rem solid transparent;
	font-size:2rem;
	font-weight:500;
    color:#767676;
    line-height:2.4rem;
    background:#f1f1f1;
    cursor:default;
    field-sizing: content;
}

.fileBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 1rem;
}

.fileBox .upload-name {
	width: 100%;
	border-radius: .8rem;
}

.fileBox label {
	display: flex;
	align-items: center;
	word-break: keep-all;
	cursor: pointer;
}

.fileBox input[type=file] {
	position: absolute;
	width: .1rem;
	height: .1rem;
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
}
.file-list {
	position:relative;
	display:flex;
	align-items:center;
	gap:4rem;
	width:100%;
}
.file-list input[type=file] {
	position:absolute;
	left:0;
	top:50%;
	width:14rem;
	height:5rem;
	font-size:0;
	opacity:0;
	border:0;
	color:#fff;
	background:#fff;
	transform:translate(0, -50%);
	z-index:1;
}
.file-list input[type=file]::-webkit-file-upload-button{
	border:0;
	color:#fff;
	background:#fff;
	outline:0;
	width:100%;
	height:100%;
}
.file-list input[type=file]::-moz-file-upload-button{
	border:0;
	color:#fff;
	background:#fff;
	outline:0;
	width:100%;
	height:100%;
}
.file-list input[type=file]::file-selector-upload-button {
	border:0;
	color:#fff;
	background:#fff;
	outline:0;
	width:100%;
	height:100%;
}
.file-list input[type=file]:disabled {
	opacity:.5;
	cursor:default;
}
.file-list label {
	flex-shrink:0;
	display:block;
	padding:0;
	width:14rem;
	height:5rem;
	line-height:5rem;
	text-align:center;
}
.file-list #egovComFileList {
	flex-grow:1;
	display:flex;
	align-items:center;
	gap:2rem;
	width:calc(100% - 18rem);
}
.file-list #egovComFileList div {
	position:relative;
	padding: 1.2rem 5rem 1.2rem 1.6rem;
	width:100%;
	height:100%;
	font-size: 1.6rem;
	font-weight: 500;
	color: #333;
	line-height: 2.4rem;
	border: .1rem solid #dbdbdb;
	border-radius: .8rem;
	background: #fff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.file-list #egovComFileList div > input[type=button] {
	position:absolute;
	margin:0 !important;
	padding:0 !important;
	right:1rem;
	top:1rem;
	width:3rem !important;
	height:3rem;
	border:0;
	border-radius:.4rem;
	background:#666;
	font-size:1.6rem;
	color:#fff;
	font-weight:700;
	line-height:3rem;
}




/*jconfirm
.jconfirm-box {
	max-width: 500px !important;
	width: auto !important;
}*/
.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
	background-color:#000 !important;
	opacity:.8 !important;
}
.jconfirm .jconfirm-scrollpane {
	display:flex !important;
	justify-content:center;
	align-items:center;
}
.jconfirm .jconfirm-row,
.jconfirm .jconfirm-cell {
	display:inherit !important;
	width:auto !important;
}
.jconfirm .jconfirm-holder {
	padding:0 !important;
}
.jconfirm .jconfirm-box {
	padding:0 !important;
	border-radius:1.6rem !important;
}
.jconfirm .jconfirm-row .jconfirm-box div.jconfirm-title-c {
	padding:1.6rem 2.6rem 1.2rem !important;
	border-bottom:.1rem solid #ddd !important;
	line-height:1.25 !important;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
	display:block !important;
	font-size:1.8rem !important;
	color:#2e6b3a !important;
	font-weight:600 !important;
}
.jconfirm .jconfirm-title-c {
	border-bottom:0;
}
.jconfirm .jconfirm-row .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
	padding:2.6rem !important;
}
.jconfirm .jconfirm-row .jconfirm-box div.jconfirm-content-pane .jconfirm-content > div {
	font-size:1.6rem;
	color:#333;
	font-weight:500;
	word-break:keep-all;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane {
	margin-bottom:0 !important;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
	margin:0;
	padding:.8rem 0;
	width:calc(50% - .2rem);
	max-width:12rem;
	border-radius:.8rem;
	font-size:1.5rem;
	color:#555;
	font-weight:500;
}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default + button.btn-default {
	margin-left:.4rem;
} 
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
	color:#fff !important;
	background:#4ca99f !important;
	text-shadow:0 .1rem .3rem rgba(0, 0, 0, 0.1) !important;
	box-shadow:0 .8rem 1.5rem rgba(46, 138, 128, 0.3) !important;
}
body:has(.jconfirm-open) {
	overflow:hidden;
}
.jconfirm .jconfirm-box .jconfirm-buttons {
	padding:0 2.6rem 1rem;
}







/* popup */
.modal-pop {
	display:none;
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.8);
	z-index:100;
}
.pop-inner {
	position:absolute;
	display:flex;
	flex-direction:column;
	left:50%;
	top:50%;
	width:76rem;
	max-width:calc(100vw - 4rem);
	max-height:calc(100vh - 10rem);
	border-radius:1.6rem;
	background:#fff;
	box-shadow:0 .8rem 1.5rem rgba(0,0,0,0.5);
	transform:translate(-50%, -50%);
}
.pop-top {
	padding:2.6rem 2.6rem 0;
	border-bottom:.1rem solid #e2e2e2;
}
.pop-top > p {
	position:relative;
	margin:0 0 1.2rem .2rem;
	width:fit-content;
	font-size:1.8rem;
	font-weight:500;
	color:#111;
	letter-spacing:normal;
}
.pop-top > p:after {
	position:absolute;
	display:block;
	content:'';
	left:0;
	bottom:-1.3rem;
	width:100%;
	height:.3rem;
	border-radius:.2rem .2rem 0 0;
	background:linear-gradient(to right, #1b9e81 0%, #189098 50%, #2381b4 100%);
}
.pop-close {
	position:absolute;
	right:0;
	top:0;
	width:6rem;
	height:6rem;
	border:0;
	font-size:0;
}
.pop-close:before,
.pop-close:after {
	position:absolute;
	display:block;
	content:'';
	left:50%;
	top:50%;
	width:.2rem;
	height:1.8rem;
	border-radius:.1rem;
	background:#888;
}
.pop-close:before {
	transform:translate(-50%, -50%) rotate(45deg);
}
.pop-close:after {
	transform:translate(-50%, -50%) rotate(-45deg);
}
.pop-close:hover:before,
.pop-close:hover:after {
	background:#333;
}
.pop-cont {
	padding:2.6rem;
	max-height:80vh;
	overflow-y:auto;
}
.pop-cont p.txt {
	font-size:1.6rem;
	color:#333;
	font-weight:500;
	line-height:1.5;
	letter-spacing:-0.05rem;
	word-break:keep-all;
}
.wdMap .pop-cont > img {
	width:100%;
}
.pop-cont .stit p {
	display:flex;
	align-items:center;
	padding-left:.1rem;
	font-size:2rem;
	font-weight:500;
	color:#1f8b7f;
}
.pop-cont .stit span {
	display:block;
	margin-top:.6rem;
	font-size:1.5rem;
	color:#333;
	text-indent:.1rem;
}
.pop-cont .stit span b {
	color:#111;
	font-weight:600;
}
.pop-cont .stit .stxt {
	margin-left:.4rem;
	font-size:1.6rem;
	font-weight:400;
	color:#333;
}
.pop-cont .item-list {
	margin-top:1rem;
}
.pop-tbl-default thead tr th {
	padding:.8rem .2rem;
	font-size:1.4rem;
	font-weight:500;
	color:#fff;
	text-align:center;
	background:#3a394a;
}
.pop-tbl-default thead tr th:first-child {
	border-radius:.4rem 0 0 .4rem;
}
.pop-tbl-default thead tr th:last-child {
	border-radius:0 .4rem .4rem 0;
}
.pop-tbl-default tbody tr:hover,
.pop-tbl-default tbody tr.active {
	background:#4ca99f !important;
	box-shadow:0 .2rem .5rem rgba(46, 138, 128, 0.3);
	cursor:pointer;
}
.pop-tbl-default tbody tr:hover td,
.pop-tbl-default tbody tr.active td {
	color:#fff;
	border-bottom:.1rem solid #4ca99f;
}
.pop-tbl-default tbody tr:nth-child(even) {
	background:#f9f9f9;
}
.pop-tbl-default tbody tr td {
	padding:.8rem .2rem;
	font-size:1.4rem;
	color:#333;
	text-align:center;
	border-bottom:.1rem solid #ddd;
	letter-spacing:-0.05rem;
}



.pop-cont .form-area {
	margin-top:2rem;
}
.pop-cont .form-area .stit {
	margin:2rem 0;
	padding-bottom:.8rem;
	border-bottom:.1rem solid #ddd;
	font-size:1.6rem;
	color:#111;
	font-weight:600;
}
.pop-cont .form-area ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	gap:2rem;
}
.pop-cont .form-area li {
	position:relative;
	flex:1 1 40%;
}
.pop-cont .form-area .half li {
	width:calc(50% - 1rem);
	flex:auto;
}
.pop-cont .form-area li.full-line {
	flex-basis:100%;
}
.pop-cont .form-area label {
	display:block;
	margin-bottom:.4rem;
	font-size:1.4rem;
	font-weight:500;
	color:#333;
	line-height:2rem;
	text-indent:.2rem;
}
.modal-pop input[type=text],
.modal-pop input[type=number] {
	padding:.6rem 1.2rem;
	font-size:1.6rem;
	border-radius:.6rem;
}
.modal-pop select {
	padding:.6rem 4rem .6rem 1.2rem;
	font-size:1.6rem;
	border-radius:.6rem;
}
.modal-pop input[type=text].datepicker {
	padding:.6rem 1.2rem .6rem 4rem;
	font-size:1.6rem;
	font-weight: 500;
	color: #333;
	border-radius:.6rem;
	background: url('../images/ico-datepicker.png') no-repeat left 1rem center;
	background-size:2rem 2rem;
}

.modal-pop input[type=text]:disabled.datepicker {
	border:.1rem solid transparent;
	background: url('../images/ico-datepicker.png') no-repeat left 1.4rem center #f1f1f1;
	cursor: default;
}
.modal-pop .form-items select {
	padding:.6rem 2rem .6rem 1.2rem;
}
.modal-pop .error-msg {
	position:absolute;
	left:0;
	bottom:-2rem;
	font-size:1.4rem;
	color:#ff5500;
}
.pop-cont .form-area .full {
	display:flex;
	align-items:center;
	margin-top:2rem;
	width:100%;
	gap:2rem;
}
.pop-cont .form-area .full * {
	flex:1 1 40%;
}
.pop-cont .form-area .total-amount {
	position:relative;
	padding-top:2rem;
	border-top:.1rem solid #ddd;
}
.pop-cont .form-area .total-amount label {
	display:flex;
	justify-content:flex-end;
}
.pop-cont .form-area .total-amount input {
	padding:.6rem 2.6rem .6rem 1.2rem;
	text-align:right;
}
.pop-cont .form-area .total-amount span {
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	right:0;
	top:2rem;
	width:3rem;
	height:3.8rem;
	text-align:center;
	line-height:3.8rem;
}
.modal-pop .btn-area {
	padding:1.6rem 2.6rem;
	border-top:.1rem solid #e2e2e2;
	border-radius:0 0 1.6rem 1.6rem;
	text-align:right;
	background:#f1f1f1;
}
.modal-pop .btn-area button + button {
	margin-left:.4rem;
}

/* modal: main popup */
.modal-pop.mpopNtc .pop-inner {
	width:36rem;
	background:transparent;
	overflow:hidden;
}
.mpopNtc .mpopNtc-top {
	height:5.4rem;
	background:linear-gradient(45deg, #1b9e81 0%, #189098 50%, #2381b4 100%);
}
.mpopNtc .mpopNtc-top > p {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding:1.6rem 3rem;
	font-size:2rem;
	color:#fff;
	font-weight:600;
	word-break:keep-all;
}
.mpopNtc-cont {
	padding:1.6rem 3rem;
	max-height:calc(100% - 12rem);  /*46rem*/
	border-top:.1rem solid #497e4a;
	border-bottom:.1rem solid #e8e8e8;
	font-size:1.5rem;
	color:#333;
	letter-spacing:-0.01rem;
	background:#eef0f7;
	overflow-y:auto;
}
.mpopNtc-btnArea {
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:5.4rem;
	background:#fff;
}
.mpopNtc-btnArea button {
	padding:1.8rem 3rem;
	font-size:1.6rem;
	color:#666;
	font-weight:600;
	line-height:2rem;
	border:0;
}
.mpopNtc-btnArea button:hover {
	color:#1c3d92;
}










/* Button */

a.btn-large {
	display:block;
	margin:0 auto;
	padding: 1.6rem 3rem;
	width:fit-content;
	font-size: 2rem;
	font-weight: 600;
	border: .1rem solid transparent;
	border-radius: .8rem;
}
.btn-large {
	padding: 1.6rem 3rem;
	font-size: 2rem;
	font-weight: 600;
	border: .1rem solid transparent;
	border-radius: .8rem;
}

.btn-medium {
	padding: 1.2rem 4rem;
	font-size: 2rem;
	font-weight: 500;
	border: .1rem solid transparent;
	border-radius: .8rem;
}

.btn-small {
	padding:.8rem 2rem;
	font-size:1.6rem;
	font-weight:500;
	border:.1rem solid transparent;
	border-radius:.6rem;
}

.btn-xsmall {
	margin-left:1rem;
	padding:.4rem .8rem;
	font-size:1.6rem;
	font-weight:500;
	border:.1rem solid transparent;
	border-radius:.6rem;
}

.btn-xxsmall {
	margin-left:1rem;
	padding:0 1.6rem;
	height:2.8rem;
	font-size:1.5rem;
	font-weight:500;
	line-height:2.6rem;
	border:.1rem solid transparent;
	border-radius:2rem;
}

.btn-green {
	color: #fff !important;
	background: #488454;
	box-shadow: 0 .8rem 1.5rem rgba(72, 132, 84, 0.3);
}

.btn-green:hover {
	background: #416f4a;
}

.btn-white {
	color: #333;
	border-color:#e2e2e2;
	background: #fff;
	box-shadow: 0 .8rem 1.5rem rgba(0,0,0,0.05);
}

.btn-white:hover {
	color:#111;
	border-color:#d1d0d0;
	background: #fff;
}

.btn-gray {
	color: #fff;
	background: #6a7675;
}

.btn-gray:hover {
	background: #5c6968;
	box-shadow: 0 .8rem 1.5rem rgba(0, 0, 0, 0.1);
}

.btn-gradient {
	color:#fff;
	background:linear-gradient(to right, #5c955d 0%, #75ae76 50%, #49a9a1 100%);
	text-shadow:0 0 .2rem rgba(0,0,0,0.3);
	opacity:.9;
}

.btn-gradient:hover {
	background:linear-gradient(to right, #5c955d 0%, #75ae76 50%, #49a9a1 100%);
	box-shadow: 0 .8rem 1.5rem rgba(72, 132, 84, 0.3);
	opacity:1;
}

/* Align & Text & Space */
.ta-left {
	text-align: left !important;
}

.ta-center {
	text-align: center !important;
}

.ta-right {
	text-align: right !important;
}

.txt-red {
	color:#9d0d0d !important;
}

.txt-bblue {
	color:#233e8f !important;
	font-weight:600 !important;
}

.txt-black {
	color:#333 !important;
}

.txt-blue {
	color:#233e8f !important;
}

.w50p {
	width: 50% !important;
}

.w100p {
	width: 100% !important;
}

.w0 {
	width: 0 !important;
}

.w5 {
	width: 5px !important;
}

.w10 {
	width: 10px !important;
}

.w15 {
	width: 15px !important;
}

.w20 {
	width: 20px !important;
}

.w30 {
	width: 30px !important;
}

.w50 {
	width: 50px !important;
}

.w60 {
	width: 60px !important;
}

.w70 {
	width: 70px !important;
}

.w80 {
	width: 80px !important;
}

.w90 {
	width: 90px !important;
}

.w100 {
	width: 100px !important;
}

.w120 {
	width: 120px !important;
}

.w140 {
	width: 140px !important;
}

.w160 {
	width: 160px !important;
}

.w180 {
	width: 180px !important;
}

.w200 {
	width: 200px !important;
}

.w300 {
	width: 300px !important;
}

.w400 {
	width: 400px !important;
}

.w420 {
	width: 420px !important;
}

.w500 {
	width: 500px !important;
}

.w560 {
	width: 560px !important;
}

.w600 {
	width: 600px !important;
}

.w700 {
	width: 700px !important;
}

.w800 {
	width: 800px !important;
}

.h100p {
	height: 100% !important;
}

.h60 {
	height: 60px !important;
}

.h80 {
	height: 80px !important;
}

.h100 {
	height: 100px !important;
}

.h150 {
	height: 150px !important;
}

.h200 {
	height: 200px !important;
}

.h250 {
	height: 250px !important;
}

.h300 {
	height: 300px !important;
}

.h350 {
	height: 350px !important;
}

.h400 {
	height: 400px !important;
}

.h4300 {
	height: 430px !important;
}

.h460 {
	height: 460px !important;
}

.mg-l0 {
	margin-left: 0 !important;
}

.mg-l5 {
	margin-left: 5px !important;
}

.mg-l10 {
	margin-left: 10px !important;
}

.mg-l15 {
	margin-left: 15px !important;
}

.mg-l20 {
	margin-left: 20px !important;
}

.mg-l30 {
	margin-left: 30px !important;
}

.mg-l50 {
	margin-left: 50px !important;
}

.mg-r0 {
	margin-left: 0 !important;
}

.mg-r5 {
	margin-right: 5px !important;
}

.mg-r10 {
	margin-right: 10px !important;
}

.mg-r15 {
	margin-right: 15px !important;
}

.mg-r20 {
	margin-right: 20px !important;
}

.mg-r30 {
	margin-right: 30px !important;
}

.mg-r50 {
	margin-right: 50px !important;
}

.mg-t0 {
	margin-top: 0 !important;
}

.mg-t5 {
	margin-top: 5px !important;
}

.mg-t10 {
	margin-top: 10px !important;
}

.mg-t15 {
	margin-top: 15px !important;
}

.mg-t20 {
	margin-top: 20px !important;
}

.mg-t30 {
	margin-top: 30px !important;
}

.mg-t40 {
	margin-top: 40px !important;
}

.mg-t50 {
	margin-top: 50px !important;
}

.mg-t60 {
	margin-top: 60px !important;
}

.mg-b0 {
	margin-bottom: 0 !important;
}

.mg-b5 {
	margin-bottom: 5px !important;
}

.mg-b10 {
	margin-bottom: 10px !important;
}

.mg-b15 {
	margin-bottom: 15px !important;
}

.mg-b20 {
	margin-bottom: 20px !important;
}

.mg-b30 {
	margin-bottom: 30px !important;
}

.mg-b40 {
	margin-bottom: 40px !important;
}

.mg-b50 {
	margin-bottom: 50px !important;
}

.mg-b85 {
	margin-bottom: 85px !important;
}

.mg-b130 {
	margin-bottom: 130px !important;
}

.mg-b140 {
	margin-bottom: 140px !important;
}

.pd-l0 {
	padding-left: 0 !important;
}

.pd-l5 {
	padding-left: 5px !important;
}

.pd-l10 {
	padding-left: 10px !important;
}

.pd-l15 {
	padding-left: 15px !important;
}

.pd-l20 {
	padding-left: 20px !important;
}

.pd-l26 {
	padding-left: 26px !important;
}

.pd-l30 {
	padding-left: 30px !important;
}

.pd-l50 {
	padding-left: 50px !important;
}

.pd-r0 {
	padding-right: 0 !important;
}

.pd-r5 {
	padding-right: 5px !important;
}

.pd-r10 {
	padding-right: 10px !important;
}

.pd-r15 {
	padding-right: 15px !important;
}

.pd-r20 {
	padding-right: 20px !important;
}

.pd-r30 {
	padding-right: 30px !important;
}

.pd-r50 {
	padding-right: 50px !important;
}

.pd-t0 {
	padding-top: 0 !important;
}

.pd-t5 {
	padding-top: 5px !important;
}

.pd-t10 {
	padding-top: 10px !important;
}

.pd-t15 {
	padding-top: 15px !important;
}

.pd-t20 {
	padding-top: 20px !important;
}

.pd-t30 {
	padding-top: 30px !important;
}

.pd-t50 {
	padding-top: 50px !important;
}

.pd-b0 {
	padding-bottom: 0 !important;
}

.pd-b5 {
	padding-bottom: 5px !important;
}

.pd-b10 {
	padding-bottom: 10px !important;
}

.pd-b15 {
	padding-bottom: 15px !important;
}

.pd-b20 {
	padding-bottom: 20px !important;
}

.pd-b30 {
	padding-bottom: 30px !important;
}

.pd-b50 {
	padding-bottom: 50px !important;
}










/* Media Query: PC */

@media (min-width:1600px) and (max-width:100vw) {
	.myInfo-box.show {
		left:calc(50% + 59rem);
	}
}
@media (min-width:1440px) and (max-width:1599px) {	
	.myInfo-box.show {
		left:calc(50% + 53rem);
	}
}
@media (max-width:1439px) {
	.myInfo-box.show {
		left:auto;
		right:6.8rem;
	}
}


@media ( min-width :1280px) and (max-width:1599px) {
	.fullMenu .menu>li {
		padding: 4rem 2rem 4rem 2.6rem;
	}
	.fullMenu .menu>li>a:before {
		left: -2.7rem
	}
	.inner {
		max-width: 144rem;
		padding: 0 6rem;
	}
	.main-visual {
		height: 42rem;
		border-radius: 0 0 0 6rem;
	}
	.main-visual p {
		padding-top: 4.8rem;
	}
	.btn-quick-link {
		margin-top: 2.6rem;
	}
	.main-cont {
		border-radius: 0 6rem 0 0;
	}
	.main-myInfo .inner .box>p {
		text-indent: 10rem;
	}
	.main-myInfo .inner .box ul {
		width: calc(100% - 27rem);
	}
	.main-myInfo .inner .box ul li {
		padding: 0 2rem;
	}
}

/* Media Query: Tablet */
@media ( max-width :1279px) {
	.contents.noLnb {
		margin:0;
	}
	.login-form .btn-tabs {
		width:calc(50% - 0.5rem);
	}
	.login-form.signUp > p {
		width:28rem; 
	}
	.signUp .login-info > p {
		width:30rem;
	}
	.signUp .rdo-box {
		width:200%;
	}
	.certificate-1,
	.certificate-2 {
		background-size:3.6rem auto;
	}
	.certificate-1 span,
	.certificate-2 span {
		margin-top:.4rem;
		font-size:1.3rem;
	}
	.login-info {
		padding:3rem;
	}
	.ipin-customer {
		width:30rem;
	}
	.call-num {
		padding-left:1rem;
	}
	.call-num p,
	.call-num a {
		font-size:1.4rem;
	}
	header {
		padding: 2rem 2.6rem;
		box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.05);
		z-index: 20;
	}
	.logo {
		width: 11.5rem;
		height: 1.7rem;
	}
	.logo>a {
		background-position: left center;
		background-size: auto 100%;
	}
	.gnb {
		display: none;
	}
	.smenu button, .smenu a {
		width: 3rem;
		height: 3rem;
	}
	.smenu .btn-myPage {
		display:none;
	}
	.myInfo-box.show {
		display:none;
	}
	.smenu .btn-fullmenu i {
		position:absolute;
		left:.6rem;
		top:1.4rem;
		width:1.6rem;
		height:.2rem;
		border-radius:.1rem;
		background:#666;
	}
	.smenu .btn-fullmenu i:before {
		position:absolute;
		content:'';
		left:0;
		top:-0.5rem;
		width:1.6rem;
		height:.2rem;
		border-radius:.1rem;
		background:#666;
	}
	.smenu .btn-fullmenu i:after {
		position:absolute;
		content:'';
		left:0;
		top:.5rem;
		width:1.6rem;
		height:.2rem;
		border-radius:.1rem;
		background:#666;
	}
	.smenu .btn-alarm, .smenu .btn-alarm.click {
		background-size: auto 1.8rem;
	}
	.tooltip-alarm {
		padding: 1rem;
	}
	.tooltip-alarm:before {
		left: auto;
		right: 7.2rem;
		top: -0.4rem;
		border-bottom: .5rem solid #fff;
		border-left: .4rem solid transparent;
		border-right: .4rem solid transparent;
		transform: none;
	}
	.tooltip-alarm ul li {
		font-size: 1.4rem;
		line-height: 1.4;
	}
	.smenu .btn-alarm.on:after {
		right: .4rem;
		top: .9rem;
		width: 1rem;
		height: 1rem;
		border: .2rem solid #fff;
	}
	.smenu .btn-fullmenu:hover {
		background:none;
	}
	.smenu .btn-myPage:hover {
		background: url('../images/btn-mypage.png') no-repeat center;
		background-size: 1.8rem auto;
	}
	.smenu .btn-alarm:hover {
		background: url('../images/btn-alarm.png') no-repeat center;
		background-size: auto 1.8rem;
	}
	.main-visual {
		padding: 9.8rem 2.6rem 4rem;
		height: inherit;
		border-radius: 0;
		background: #f0f1ee;
		transition: all .2s ease-in-out;
	}
	.main-visual.top {
		padding: 2.6rem 2.6rem 4rem;
	}
	.fullMenu {
		position: fixed;
		display: none;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.8);
		transform: none;
		overflow-y: auto;
		backdrop-filter: none;
	}
	.fullMenu.show {
		position: fixed;
		display: block;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.8);
		transform: none;
		overflow-y: auto;
		backdrop-filter: none;
		z-index: 50;
	}
	.fullMenu .inner, .fullMenu.show .inner {
		position: absolute;
		display: block;
		right: 0;
		top: 0;
		bottom: 0;
		width: 60%;
		background: #fff;
		transform: none;
		overflow-y: auto;
	}
	.fullMenu .my-info {
		position: relative;
		display: block;
		padding: 2.6rem;
		width: 100%;
		border:0;
		border-radius:0;
		background: linear-gradient(to right, #1b9e81 0%, #189098 50%, #2381b4 100%);
		box-shadow:none;
	}
	.fullMenu .my-info .mb-menuClose {
		position: absolute;
		right: 1rem;
		top: .5rem;
		width: 6rem;
		height: 6rem;
		font-size: 0;
		border: 0;
	}
	.fullMenu .my-info .mb-menuClose:before {
		position: absolute;
		display: block;
		content: '';
		left: 50%;
		top: 50%;
		width: 1.8rem;
		height: .3rem;
		border-radius: .3rem;
		background: #fff;
		transform: translate(-50%, -50%) rotate(45deg);
		opacity: .8;
	}
	.fullMenu .my-info .mb-menuClose:after {
		position: absolute;
		display: block;
		content: '';
		left: 50%;
		top: 50%;
		width: 1.8rem;
		height: .3rem;
		border-radius: .3rem;
		background: #fff;
		transform: translate(-50%, -50%) rotate(-45deg);
		opacity: .8;
	}
	.fullMenu .my-info .mb-menuClose:hover:before, .fullMenu .my-info .mb-menuClose:hover:after
		{
		opacity: 1;
	}
	.fullMenu .my-info p {
		font-size: 2rem;
		font-weight: 600;
		color: #fff;
		text-indent: .4rem;
		text-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.3);
	}
	.myBox {
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 1rem;
		width: 100%;
		border-radius: .8rem;
		background: rgba(0, 0, 0, 0.15);
	}
	.myBox:before {
		position: absolute;
		display: block;
		content: '';
		left: 50%;
		top: 50%;
		width: .1rem;
		height: 1.4rem;
		background: rgba(255, 255, 255, 0.3);
		transform: translate(-50%, -50%);
	}
	.myBox a, .myBox button {
		padding: 1.6rem 0;
		width: 50%;
		font-size: 1.6rem;
		font-weight: 600;
		color: #fff;
		text-align: center;
		border: 0;
		text-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.3);
		opacity: .8;
	}
	.fullMenu .menu {
		display: block;
		border: 0;
	}
	.fullMenu .menu>li {
		padding: 0;
		border-bottom: .1rem solid #dbdbdb;
	}
	.fullMenu .menu>li>a {
		padding: 2.6rem;
		font-size: 2rem;
	}
	.fullMenu .menu>li>a:before {
		display: none;
	}
	.fullMenu .menu>li>ul {
		display: none;
		margin-top: -1rem;
		padding: 0 2.6rem 2.6rem;
	}
	.fullMenu .menu>li>ul>li {
		font-size: 1.8rem;
	}
	.fullMenu .menu>li>ul>li>a {
		color: #111;
		font-weight: 500;
	}
	.fullMenu .menu>li>ul>li>ul {
		padding-bottom: .6rem;
	}
	.fullMenu .menu>li>ul>li>ul>li>a {
		padding: .6rem 1.4rem;
		color: #333;
		font-weight: 500;
	}
	.main-visual .inner>span {
		text-indent: .4rem;
	}
	.main-visual:before {
		display: none;
	}
	.main-visual p {
		display: none;
	}
	.main-visual span {
		margin-top: 0;
		font-size: 2rem;
		font-weight: 500;
		color: #666;
		text-align: left;
		line-height: 3rem;
	}
	.main-visual span em {
		font-weight: 600;
		color: #2e6b3a;
	}
	.btn-quick-link {
		margin-top: 1rem;
		padding: 0;
	}
	.btn-quick-link ul {
		display: flex;
		flex-wrap: wrap;
		gap: 1.3rem;
	}
	.btn-quick-link ul li {
		flex: 1 1 30%;
	}
	.btn-quick-link ul li a {
		padding: 2rem;
		border: 0;
		border-radius: 1.6rem;
		aspect-ratio: inherit;
		transition: none;
	}
	.btn-quick-link ul li:nth-child(1) a, .btn-quick-link ul li:nth-child(2) a,
	.btn-quick-link ul li:nth-child(3) a, .btn-quick-link ul li:nth-child(4) a,
	.btn-quick-link ul li:nth-child(5) a, .btn-quick-link ul li:nth-child(6) a,
	.btn-quick-link ul li:nth-child(7) a, .btn-quick-link ul li:nth-child(8) a,
	.btn-quick-link ul li:nth-child(9) a {
		background-size: 4rem;
	}
	.btn-quick-link ul li:nth-child(1) a:hover, .btn-quick-link ul li:nth-child(2) a:hover,
	.btn-quick-link ul li:nth-child(3) a:hover, .btn-quick-link ul li:nth-child(4) a:hover,
	.btn-quick-link ul li:nth-child(5) a:hover, .btn-quick-link ul li:nth-child(6) a:hover,
	.btn-quick-link ul li:nth-child(7) a:hover, .btn-quick-link ul li:nth-child(8) a:hover,
	.btn-quick-link ul li:nth-child(9) a:hover {
		border: 0;
		background-size: 4rem;
		box-shadow: 0 .5rem .8rem rgba(82, 94, 87, 0.05);
	}
	.btn-quick-link ul li:nth-child(1) a {
		background: url('../images/ico-mv-mb01.png') no-repeat right 2rem bottom
			2rem #fff;
		background-size: 4rem;
	}
	.btn-quick-link ul li:nth-child(2) a {
		background: url('../images/ico-mv-mb02.png') no-repeat right 2rem bottom
			2rem #fff;
		background-size: 4rem;
	}
	.btn-quick-link ul li:nth-child(3) a {
		background: url('../images/ico-mv-mb03.png') no-repeat right 2rem bottom
			2rem #fff;
		background-size: 4rem;
	}
	.btn-quick-link ul li:nth-child(4) a {
		background: url('../images/ico-mv-mb04.png') no-repeat right 2rem bottom
			2rem #fff;
		background-size: 4rem;
	}
	.btn-quick-link ul li:nth-child(5) a {
		background: url('../images/ico-mv-mb05.png') no-repeat right 2rem bottom
			2rem #fff;
		background-size: 4rem;
	}
	.btn-quick-link ul li:nth-child(6) a {
		background: url('../images/ico-mv-mb06.png') no-repeat right 2rem bottom
			2rem #fff;
		background-size: 4rem;
	}
	.btn-quick-link ul li:nth-child(7) a {
		background: url('../images/ico-mv-mb07.png') no-repeat right 2rem bottom
			2rem #fff;
		background-size: 4rem;
	}
	.btn-quick-link ul li:nth-child(8) a {
		background: url('../images/ico-mv-mb08.png') no-repeat right 2rem bottom
			2rem #fff;
		background-size: 4rem;
	}
	.btn-quick-link ul li:nth-child(9) a {
		background: url('../images/ico-mv-mb09.png') no-repeat right 2rem bottom
			2rem #fff;
		background-size: 4rem;
	}
	.btn-quick-link ul li a span {
		position: relative;
		left: 0;
		top: 0;
		bottom: auto;
		width: 60%;
		font-size: 1.8rem;
		font-weight: 600;
		color: #333;
		line-height: 2.2rem;
		transform: translate(0, 0);
	}
	.main-myInfo {
		position: absolute;
		left: 50%;
		top: 2.6rem;
		transform: translate(-50%, 0);
	}
	.main-myInfo .inner {
		padding: 0 2.6rem;
	}
	.main-myInfo .inner .box {
		margin: 0;
		padding: 0 0 0 2rem;
		height: 4.8rem;
		border-radius: .8rem;
		background: #488454;
	}
	.main-myInfo .inner .box>p {
		width:10rem;
		padding-left:2.2rem;
		font-size:1.6rem;
		color:#eff2ef;
		font-weight:500;
		text-indent:0;
		background:url('../images/ico-mb-ban01.png') no-repeat left center;
	}
	.main-myInfo .inner .box .marquee {
		width:calc(100% - 14rem);
	}
	.main-myInfo .inner .box .marquee a {
		width:100%;
		font-size:1.6rem;
	}
	.main-cont {
		margin-top: 0;
		border-radius: 0;
	}
	.main-cont .inner {
		margin: 4rem auto 0;
		padding: 0 2.6rem;
		display: block;
	}
	.main-board {
		padding: 0;
		width: 100%;
		gap: 4rem;
	}
	.main-board>p {
		display: none;
	}
	.main-board .items {
		width: calc(50% - 2rem);
	}
	.main-board .items ul {
		margin-top: 1rem;
		padding: 2.2rem 3rem;
		border-radius: 1.6rem;
		background: #f0f1ee;
	}
	.main-board .items .top>a {
		margin-right: .4rem;
	}
	.mban-area {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 2.6rem;
		width: 100%;
		gap: 4rem;
	}
	.mban-area a+a {
		margin-top: 0;
	}
	.mban-area a {
		height: 6.8rem;
		font-size: 1.8rem;
	}
	.mban-faq {
		background: url('../images/ico-mban-mb01.png') no-repeat right 1.2rem
			center #39c89a;
	}
	.mban-faq:hover {
		background: url('../images/ico-mban-mb01.png') no-repeat right 1.2rem
			center #35c093;
		box-shadow: 0 .2rem .5rem rgba(57, 200, 154, 0.5);
	}
	.mban-qna {
		background: url('../images/ico-mban-mb02.png') no-repeat right 1.2rem
			center #34c3d1;
	}
	.mban-qna:hover {
		background: url('../images/ico-mban-mb02.png') no-repeat right 1.2rem
			center #30bac8;
		box-shadow: 0 .2rem .5rem rgba(52, 195, 209, 0.5);
	}
	footer {
		margin: 6rem auto 12rem;
		padding: 3rem 2.6rem 2.2rem;
		border-top: 0;
	}
	footer .inner {
		position: relative;
		display: block;
		text-align: center;
	}
	.footer-info div span {
		display:block;
		margin-top:.6rem;
	}
	.footer-logo {
		margin: 0 auto 1.8rem;
	}
	.footer-info {
		margin: 0 auto;
	}
	.footer-info div {
		position:relative;
		display: block;
	}
	.footer-info address {
		padding-top:4rem;
	}
	.footer-info div a {
		position:absolute;
		left:50%;
		top:0;
		background: #fff;
    	box-shadow: 0 .3rem .8rem rgba(0, 0, 0, 0.04);
		transform:translate(-50%, 0);
	}
	.footer-info ul {
		display: block;
		margin-top: 2.6rem;
	}
	.footer-info ul li {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.footer-info ul li+li:before {
		display: none;
	}
	.footer-info ul li span, .footer-info ul li a {
		font-size: 1.6rem;
		font-weight: 500;
		color: #315d3a;
		line-height: 2.6rem;
	}
	.footer-info ul li span {
		width: 48%;
		text-align: right;
	}
	.footer-info ul li a {
		width: 52%;
		text-align: left;
	}
	.footer-info copyright {
		margin-top: 1.8rem;
		font-size: 1.4rem;
	}
	.mb-nav {
		display: block;
		position: fixed;
		bottom: 0;
		width: 100%;
		box-shadow: 0 .1rem 1rem rgba(0, 0, 0, 0.1);
		transition: all 0.3s ease;
	}
	.mb-nav.hidden {
		transform: translateY(100%);
	}
	
	.month-wrap:has(.proshill-legend) {
		margin-top:4rem;
	}

	/* Sub */
	.location {
		height: 6rem;
		border: 0;
		background: linear-gradient(to right, #1b9e81 0%, #189098 50%, #2381b4 100%);
	}
	.location .inner {
		padding: 0 2.6rem;
	}
	.location ul {
		margin-right: -0.8rem;
		padding-top: 2.8rem;
		justify-content: flex-end;
		border: 0;
	}
	.location ul li {
		position: relative;
		padding: 0 .8rem;
		height: auto;
		font-size: 1.4rem;
		font-weight: 500;
		line-height: normal;
		border-right: 0;
		color: rgba(255, 255, 255, 0.8);
	}
	.location ul li:first-child {
		display: none;
	}
	.location ul li:nth-child(2):after {
		display: none;
	}
	.location ul li:after {
		position: absolute;
		display: block;
		content: '';
		left: -0.6rem;
		top: 50%;
		width: 1.6rem;
		height: 100%;
		background: url('../images/blet-location-arrow.png') no-repeat center;
		transform: translate(0, -50%);
	}
	.cont-top h4 {
		position: absolute;
		left: 2.3rem;
		top: .1rem;
		line-height: 6.2rem;
		font-size: 2.4rem;
		font-weight: 600;
		color: #fff;
	}
	.lnb-area {
		display: none;
	}
	.contents {
		margin-top: -7.6rem;
		padding: 0 2.6rem;
		width: 100%;
	}
	.cont-inner.txtBox {
		margin-top:0;
	}
	.form-tabBox {
		margin-top: .6rem;;
	}
	.form-items.half {
		width: 100%;
	}
	.form-items.chk-items:has(input[type=checkbox]) {
		display:flex;
		gap:1rem;
	}
	.form-items:has(input[type=checkbox]) {
		display: block;
	}
	.form-items.chk2:has(input[type=checkbox]) {
		display:flex;
	}
	.form-items:has(input[type=checkbox]) input[type=checkbox]+label {
		margin-bottom: .6rem;
	}
	input[type=checkbox]+label>span {
		font-size: 1.6rem;
	}
	.calendar .days>li {
		padding:.6rem;
	}
	.calendar .days > li > button > ul li {
		gap:.2rem;
	}
	.calendar .days > li > button > ul li > div {
		padding-left:1.8rem;
		font-size:1.3rem;
		line-height:1.6rem;
	}
	.calendar .days > li > button > ul li > div:after {
		width:1.6rem;
		height:1.6rem;
		font-size:1.3rem;
		line-height:1.6rem;
	}
	.proshill-legend {
		right:2.6rem;
		top:-3.2rem;
	}
	.caution.call {
		gap:0;
	}
	.caution.call p.tit {
		padding-right:6rem;
	}
	.myAccount {
		gap:2rem;
	}
	.my-info {
		padding:2.6rem 2.6rem 2.6rem 13rem;
	}
	.whiteBox {
		display:block;
	}
	.whiteBox .rcont {
		margin-top:2rem;
	}
	.use-stepBox ul {
		gap:2rem;
	}
	.divCont2 {
		gap:2rem;
	}
	.svcLink-Box {
		padding:2.6rem;
	}
	a.btn-service-link {
		left:2.6rem;
	}
	.svcLink-Box.lg:after {
		width:14rem;
		height:14rem;
	}
	.service-topBox p {
		margin-top:2.6rem;
		font-size:2.8rem;
		width:65%;
	}
	.service-topBox span {
		font-size:1.8rem;
	}
}

@media (max-width:1024px) {
	.certificate-1 {
		display:none;
	}
}


/* Media Query: Mobile row */
@media ( max-width :767px) {
	.login-inner {
		display:block;
		margin-top:1rem;
	}
	.login-rbox.signUp,
	.login-rbox {
		display:block;
		min-height:auto;
		background:none;
	}
	.login-form > p {
		margin-top:0;
	}
	.login-form > span {
		margin-top:.2rem;
	}
	.login-form .tabs {
		margin-top:1.6rem;
	}
	.login-form .btn-tabs {
		width:18rem;
		height:4.6rem;
		line-height:4.6rem;
	}
	.login-info {
		border-radius:0 0 3.2rem 3.2rem;
	}
	.login-form .btn-tabs span {
		display:initial;
	}
	.login-form .tab-cont {
		margin-top:1.2rem;
	}
	.certificate-1 p,
	.certificate-2 p {
		font-size:1.6rem;
	}
	.certificate-1 span,
	.certificate-2 span {
		margin-top:0;
	}
	.certificate-3 {
		margin:1.2rem 0;
	}
	.login-rbox {
		border-radius:0 0 3.2rem 3.2rem;
	}
	.ipin-customer {
		width:100%;
	}
	.signUp .login-info > p {
		width:100%;
	}
	.login-form.signUp > p {
		width:38rem;
	}
	.login-form .btn-area button {
		height:5.2rem;
		line-height:5.4rem;
	}
	.login-area copyright {
		margin-top:1.2rem;
	}
	.main-board {
		display: block;
		width: 100%;
	}
	.main-board>p {
		display: none;
	}
	.main-board .items {
		width: 100%;
	}
	.main-board .items+.items {
		margin-top: 2.6rem;
	}
	.mban-area {
		gap: 2rem;
	}
	.marquee:hover div {
		animation-play-state:unset !important;
	}

	/* Sub */
	.form-tabBox {
		padding: 2.5rem 1.6rem 1.6rem;
	}
	.form-tabBox.cont {
		padding:1.6rem;
	}
	.form-tabBox p {
		margin-top:-1rem;
		text-align: center;
	}
	.form-tabBox .tabs {
		margin-top: 1rem;
		gap: .8rem;
	}
	.form-tabBox .btn-tabs {
		padding: 1.5rem 0 1.4rem;
		font-size: 1.6rem;
	}
	.tabs button span {
		display: none;
	}
	.tab-cont {
		margin-top: 3.6rem;
	}
	.tab-cont section h5,
	.cont-inner section h5 {
		padding-bottom: 1rem;
		font-size: 2rem;
		font-weight: 600;
		border-bottom: 0;
	}
	.form-box {
		padding: 2.6rem;
		border: .1rem solid #dbdbdb;
		border-radius: 1.6rem;
		margin-bottom: 4rem;
	}
	.signUp .form-box {
		border:0;
	}
	.form-box ul {
		gap: 2rem;
	}
	.form-box ul li {
		width: 100%;
	}
	.signUp .form-box ul li {
		width:100%;
	}
	.form-box ul li>label, .form-box ul li>p {
		margin-bottom: .8rem;
	}
	.sm-mgsBox {
		padding: 1.6rem;
	}
	.box-gray {
		padding: 2rem;
	}
	.box-gray ul li {
		font-size: 1.6rem;
		line-height: 1.4;
		word-break: keep-all;
	}
	.box-gray ul li+li {
		margin-top: .8rem;
	}
	.box-gray.kf {
		padding:2rem;
	}
	.box-gray.kf ul li+li {
		margin-top:0;
	}
	.box-gray.kf ul li {
		flex:1 1 40%;
	}
	input[type=text], input[type=radio]+label {
		padding: 1rem;
		font-size: 1.8rem;
	}
	textarea:disabled {
		padding: 1rem;
		font-size:1.8rem;
	}
	input[type=text].datepicker {
		padding: 1rem 1rem 1rem 4rem;
		background: url('../images/ico-datepicker.png') no-repeat left .8rem
			center;
	}
	input[type=radio]+label:after, input[type=radio]:checked+label:after {
		right: 1rem;
	}
	select {
		padding: 1rem 3rem 1rem 1rem;
		font-size: 1.8rem;
	}
	textarea {
		padding: 1rem;
	}
	.btn-medium {
		padding: 1.2rem 1.6rem 1.1rem;
		font-size: 1.8rem;
	}
	
	.calendar .week li {
		margin:.2rem 0;
		font-size:1.2rem;
	}
	.calendar .days ul {
		position:absolute;
		left:0;
		right:0;
		bottom:1rem;
		display:flex;
        justify-content:center;
        gap:.4rem;
	}
	.calendar .days>li:nth-child(7n),
	.calendar .days>li:nth-child(7n + 1),
	.calendar .days>li:has(button) {
		cursor:pointer;
	}	
	.calendar .days>li.inactive:nth-child(7n),
	.calendar .days>li.inactive:nth-child(7n + 1),
	.calendar .days>li.inactive:has(button) {
		cursor:default;
	}
	.calendar .days>li.inactive:nth-child(7n):hover,
	.calendar .days>li.inactive:nth-child(7n + 1):hover,
	.calendar .days>li.inactive:nth-child(7n).active,
	.calendar .days>li.inactive:nth-child(7n + 1).active,
	.calendar .days>li.inactive:has(button).active,
	.calendar .days>li.inactive:has(button).active {
		border-color:#f0f0f0;
		box-shadow:none;
	}
	.calendar .days>li:nth-child(7n):hover,
	.calendar .days>li:nth-child(7n + 1):hover,
	.calendar .days>li:nth-child(7n).active,
	.calendar .days>li:nth-child(7n + 1).active,
	.calendar .days>li:has(button).active,
	.calendar .days>li:has(button).active {
		border-color:#6a9a73;
		box-shadow:0 .3rem .7rem rgba(72, 132, 84, 0.1);
	}
	.calendar .days>li.inactive:nth-child(7n).active,
	.calendar .days>li.inactive:nth-child(7n + 1).active,
	.calendar .days>li.inactive:has(button).active {
		background:#fafbfb !important;
	}
	
	.calendar .days>li:nth-child(7n).active,
	.calendar .days>li:nth-child(7n + 1).active,
	.calendar .days>li:has(button).active {
		background:#fafdfd;
	}
	.calendar .days ul li>a {
		flex:1 1 30%;
		aspect-ratio:1/1;
		border-radius:50%;
		font-size:0;
		background:#5aa7b3;
		cursor:default;
	}
	.calendar .days ul li>a.disable {
		background:#bdbdbd;
	}
	.calendar #vwCal.days>li:has(button div) button {
		position:relative;
	}
	.calendar #vwCal.days>li:not(:has(button div)) button {
		display:none;
	}
	.calendar #vwCal.days>li:has(button div) button:after {
		position:absolute;
		display:flex;
		justify-content:center;
		align-items:center;
		content:'예약가능';
		padding:0;
		width:100%;
		height:100%;
		font-size:1.4rem;
		color:#2e6b3a;
		font-weight:500;
		line-height:1;
	}
	.reservation-box {
		margin-top:2rem;
	    padding:2rem;
	    border-radius:1.6rem;
	    background:#eaf3f2;
    }
	.reservation-box p {
		font-size:1.5rem;
		font-weight:600;
		color:#2e6b3a;
		padding:.4rem 0 .8rem .4rem
	}
	.reservation-box ul {
		display:flex;
		justify-content:space-between;
		align-items:center;
		gap:.8rem;
	}
	.reservation-box ul li {
		flex: 1 1 30%;
		align-items:center;
	}
	.reservation-box ul li > a {
		display:flex;
		justify-content:center;
		align-items:center;
		padding:1.6rem;
		font-size:1.8rem;
		color:#fff;
		font-weight:500;
		letter-spacing:normal;
		border-radius:.8rem;
		background:#4ca99f;
	}
	.reservation-box ul li > a:hover {
		box-shadow:0 .3rem .7rem rgba(46, 138, 128, 0.3)
	}
	.reservation-box ul li > a.disable {
		opacity:.7;
		cursor:default;
		color:#666;
		font-weight:400;
		background:#fff;
		box-shadow:none;
	}
	.reservation-box ul li > a span {
		display:block;
		margin-right:.4rem;
	}
	.proshill-info {
		display:block;
	}
	.proshill-info .info-txt {
		margin-top:2rem;
		width:100%;
	}
	.proshill-info .info-txt li {
		padding:1rem;
	}
	.proshill-info .info-txt li p {
		width:8rem;
	}
	.calendar .days > li > button > ul {
		display:none;
	}
	.month-wrap:has(.proshill-legend) {
		margin-top:2rem;
	}
	.proshill-legend {
		display:none;
	}
	.proshill-box {
		margin-top:2rem;
        padding:2rem;
        border-radius:1.6rem;
        background:#eaf3f2;
	}
	.proshill-box > p {
		font-size:1.5rem;
        font-weight:600;
        color:#2e6b3a;
        padding:.4rem 0 .8rem .4rem;
	}
	.proshill-box ul {
		display:flex;
		justify-content:space-between;
		align-items:center;
		gap:1.2rem;
	}
	.proshill-box ul li {
		flex:1 1 25%;
		padding:1.8rem 0;
		border-radius:.8rem;
		text-align:center;
		background:#fff;
		box-shadow:0 .3rem .8rem rgba(0,0,0,0.03);
	}
	.proshill-box ul li p {
		font-size:1.6rem;
		font-weight:500;
		color:#4e6d54;
	}
	.proshill-box ul li p span {
		display:inline-block;
		margin-left:.8rem;
		color:#111;
		font-weight:600;
	}
	.btn-mpros-pop {
		margin-top:2rem;
		padding:1.6rem 0;
		width:100%;
		font-size:1.8rem;
		font-weight:600;
		color:#fff;
		border:0;
		border-radius:.8rem;
		background:#4ca99f;
	}
	.btn-mpros-pop:hover {
		box-shadow:0 .3rem .7rem rgba(46, 138, 128, 0.3);
	}
	.form-items.chk-items:has(input[type=checkbox]) {
		flex-wrap:wrap;
	}
	.myAccount {
		display:block;
	}
	.my-board ul {
		margin-top:2rem;
		gap:2rem;
	}
	.my-board ul li a {
		padding:2.6rem 0;
	}
	.myHistory-list ul li p {
		font-size:1.5rem;
	}
	.myHistory-list ul li a {
		font-size:2rem;
	}
	.userGuide {
		display:block;
	}
	.userGuide .items + .items {
		margin-top:2rem;
	}
	.tbl-row li:first-child {
		display:block;
		padding:1.6rem 2rem 1.6rem 1.8rem;
	}
	.tbl-row li:first-child em {
		display:block;
		margin-bottom:.6rem;
		width:fit-content;
	}
	.tbl-row li .items {
		display:block;
	}
	.tbl-row li .items .cont {
		display:block;
		margin-top:.4rem;
	}
	.tbl-row li.txtBox {
		padding:2rem;
	}
	#tableList thead {
		position:absolute;
        width:.1rem !important;
        height:.1rem;
        border:none;
        clip:rect(0 0 0 0);
        overflow:hidden;
	}
	
	#tableList colgroup {
		display:none;
	}
	#tableList tbody tr {
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		margin-bottom:1rem;
		padding:1rem;
		border:.1rem solid #ddd;
		border-radius:.8rem;
	}
	#tableList tbody tr td {
		padding:.5rem;
		border:0;
		text-align:left;
		background:transparent;
		box-shadow:none;
	}
	#tableList tbody tr td[data-label="No."],
	#tableList tbody tr td[data-label="구분"],
	#tableList tbody tr td[data-label="조회수"],
	#tableList tbody tr td[data-label="첨부"] {
		position:absolute;
	    width:.1rem !important;
	    height:.1rem;
	    clip:rect(0 0 0 0);
	    overflow:hidden;
	}
	#tableList tbody tr td[data-label="제목"] {
		width:100%;
		font-size:1.6rem;
		font-weight:600;
		color:#111;
		text-align:center;
	}
	#tableList tbody tr td[data-label="작성자"] {
		font-size:1.4rem;
		color:#666;
		text-indent:.2rem;
	}
	#tableList tbody tr td[data-label="작성일"] {
		position:relative;
		padding-left:1.2rem;
		font-size:1.4rem;
		color:#666;
	}
	#tableList tbody tr td[data-label="작성일"]:before {
		position:absolute;
		display:block;
		content:'';
		left:.4rem;
		top:50%;
		width:.1rem;
		height:.8rem;
		background:#e2e2e2;
		transform:translate(0, -50%);
	}
	
	
	table.dataTable.table.view-label tbody tr {
		justify-content:space-between;
		gap:1rem;
	}
	table.dataTable.table.view-label tbody tr td {
		position:relative;
		padding:3rem 1rem 1rem .5rem !important;
        white-space:normal;
        overflow:inherit;
        text-overflow:inherit;
	}
	table.dataTable.table.view-label tbody tr td:before {
		flex:1 1 auto;
		position:absolute;
		content:attr(data-label);
		left:0;
		top:1rem;
		padding-left:.5rem;
		width:100%;
		height:1.8rem;
		font-size:1.4rem;
		color:#767676;
	}
	
	
	
	div.dt-container div.dt-info {
		display:none;
	}
	.contents #tableList_wrapper div.dt-paging {
		position:relative;
	}
	.file-list label {
		width:12rem;
		height:4.6rem;
		line-height:4.6rem;
		padding:0
	}
	.file-list input[type=file] {
		width:12rem;
		height:4.6rem;
	}
	.file-list {
		gap:2rem;
	}
	.file-list #egovComFileList {
		gap:1rem;
	}
	.file-list #egovComFileList div {
		padding:1.2rem 4.5rem 1.2rem 1rem;
	}
	.contents .top-txt {
		padding:1.4rem 0 0 5.6rem;
		font-size:2rem;
	}
	.contents .top-txt:before {
		top:1rem;
		width:3rem;
		height:3rem;
	}
	.tab-cont.info {
		padding:0 .6rem;
	}
	.card-items {
		display:block;
	}
	.modal-pop.roomView-cottonvill .pop-cont > img,
	.modal-pop.roomView-raonvill .pop-cont > img {
		max-width:100%;
	}
	.whiteBox .rcont .step-list {
		gap:3rem;
	}
	.whiteBox .rcont .step-list li:after {
		left:-3rem;
		width:3rem;
	}
	.whiteBox.imgBox .img-items.wedding li {
		flex:1 1 40%;
	}
	.step-inBox {
		display:block;
	}
	.step-inBox li + li {
		margin-top:.6rem;
	}
	.step-inBox li p {
		flex-shrink:0;
		width:15%;
	}
	.step-inBox li span {
		flex-grow:1;
	}
	.use-stepBox ul li {
		padding:4rem 1.6rem 2rem 8rem;
		width:calc(50% - 1rem);
		height:8rem;
		font-size:1.6rem;
	}
	.use-stepBox ul li:after {
		left:8rem;
	}
	.use-stepBox ul li i:before {
		width:6rem;
		height:6rem;
	}
	
	.form-tabBox.cont .tabs.small {
		flex-wrap: nowrap;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
	}
	.form-tabBox .small .btn-tabs {
		padding:.8rem .6rem;
	}
	.tab-cont.info .divCont {
		display:block;
	}
	.tab-cont.info .divCont section {
		margin-top:6rem;
		width:100%;
	}
	.service-topBox {
		padding:3.2rem 4rem;
	}
	.service-topBox.ssg {
		background-size:cover;
	}
	.service-topBox a {
		left:3.2rem;
		bottom:4rem;
	}
	.service-topBox.ssg > img {
		height:2rem;
	}
	.service-topBox p {
		width:60%;
	}
	.service-topBox.hnd p,
	.service-topBox.hnd span {
		width:100%;
	}
	.service-topBox span {
		width:70%;
	}
	.divCont2 {
		display:block;
	}
	.svcLink-Box + .svcLink-Box {
		margin-top:2rem;
	}
	
	.svcLink-Box > p,
	.svcLink-Box img.samsung {
		display:block;
	}
	.svcLink-Box img.samsung {
		height:1.8rem;
	}
	.svcLink-Box > p > span {
		display:block;
		margin-top:.6rem;
	}
	.service-topBox.wb {
		background:#121660;
		height:36rem;
	}
	.service-topBox.ah {
		background:#faecec;
		height:36rem;
	}
	.service-topBox.hnd {
		background:#ffd154;
	}	
	.service-topBox.wb p,
	.service-topBox.wb span,
	.service-topBox.ah p,
	.service-topBox.ah span {
		width:100%;
	}
	.coupon {
		display:block;
	}
	.coupon .img-coupon {
		margin-bottom:1.6rem;
		width:100%;
		height:12rem;
		background-position:center;
	}
	.tbl-area:has(.tbl-def) {
		overflow-x:auto;
	}
	table.tbl-def.cont3 th,
	table.tbl-def.cont3 td {
		padding:.6rem;
	}
	.resort-slt li {
		flex-basis:calc(50% - 2.4rem);
	}
	.tbl-calendar colgroup {
		display:none;
	}
	.tbl-calendar thead tr th:first-child {
		display:none;
	}
	.tbl-calendar thead tr {
		display:flex;
	}
	.tbl-calendar thead tr th {
		width:calc(100% / 7);
	}
	.tbl-calendar tbody tr {
		display:flex;
		flex-wrap:wrap;
	}
	.tbl-calendar tbody tr th:first-child {
		flex-basis:100%;
		color:#14675e;
	}
	.tbl-calendar tbody tr.days th:nth-child(1),
	.tbl-calendar tbody tr.days th:nth-child(1) {
		display:none;
	}
	.tbl-calendar tbody tr td {
		padding:.6rem;
		width:calc(100% / 7);
	}
	.tbl-calendar tbody tr.days {
		display:flex;
	} 
	.tbl-calendar tbody tr.days th {
		padding:.6rem 0;
		width:calc(100% / 7);
	}
	.img-msItems > div {
		width:25%;
		aspect-ratio: 1/1;
	}
}

/* Media Query: Mobile md */
@media ( max-width :575px) {
	.marquee > div {
		gap:10rem;
	}
	.main-myInfo .inner .box>p {
		width:8rem;
	}
	.main-myInfo .inner .box .marquee {
		width:calc(100% - 12rem);
	}
	.btn-quick-link ul li a {
		aspect-ratio: 1/1;
	}
	.btn-quick-link ul li a span {
		width: auto;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.main-board .items ul li>a {
		width: 100%;
	}
	.main-board .items ul li>span {
		display: none;
	}
	.btn-quick-link ul li:nth-child(1) a, .btn-quick-link ul li:nth-child(2) a,
		.btn-quick-link ul li:nth-child(3) a, .btn-quick-link ul li:nth-child(4) a,
		.btn-quick-link ul li:nth-child(5) a, .btn-quick-link ul li:nth-child(6) a,
		.btn-quick-link ul li:nth-child(7) a, .btn-quick-link ul li:nth-child(8) a,
		.btn-quick-link ul li:nth-child(9) a {
		background-size: 5rem;
	}

	/* Sub */
	.contents.noLnb {
		padding:0 2.6rem;
	}
	.top-txtBox {
		padding:2.6rem;
	}
	.cont-top {
		display: block;
	}
	.cont-top h4 {
		top: 1rem;
		font-size: 2rem;
		line-height: 1;
	}
	.location .inner {
		padding: 3.6rem 2.6rem 0 1.8rem;
	}
	.location ul {
		margin: 0;
		padding: 0;
		justify-content: flex-start;
	}
	.tab-cont section h5,
	.tab-cont section h5>span,
	.cont-inner section h5,
	.cont-inner section h5>span {
		display: block;
		padding-left: 0;
	}
	.tab-cont section h5>span,
	.cont-inner section h5>span {
		font-size: 1.4rem;
	}
	.form-box {
		padding: 1.6rem;
		border: .1rem solid #dbdbdb;
		border-radius: .8rem;
		margin-bottom: 4rem;
	}
	.form-box ul li>label>span, .form-box ul li>p>span {
		font-size: 1.4rem;
	}
	.form-box ul li>label, .form-box ul li>p, .form-box ul li>label.req,
		.form-box ul li>p.req {
		font-size: 1.6rem;
	}
	.sm-mgsBox {
		padding: 1rem;
	}
	.sm-mgsBox>p {
		font-size: 1.6rem;
	}
	.sm-mgsBox span {
		margin-top: .6rem;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	.calendar .days>li {
		display:flex;
		justify-content:center;
		align-items:center;
		flex-direction:column;
	}
	.calendar .days ul {
		position:relative;
		left:auto;
		right:auto;
		bottom:auto;
		gap:.2rem;
		margin-top:.2rem;
	}
	.calendar .days>li p {
		padding-right:0;
	}
	.calendar .days>li:nth-child(7n).active,
	.calendar .days>li:nth-child(7n + 1).active,
	.calendar .days>li:has(button .i-total).active {
		background:#6a9a73;
		box-shadow:0 .3rem .7rem rgba(72, 132, 84, 0.1);
	}
	.calendar .days>li:nth-child(7n).active ul,
	.calendar .days>li:nth-child(7n + 1).active ul,
	.calendar .days>li:has(button .i-total).active ul {
		display:none;
	}
	
	.calendar .days>li:nth-child(7n).active p,
	.calendar .days>li:nth-child(7n + 1).active p,
	.calendar .days>li:has(button .i-total).active p {
		color:#fff;
	}
	.calendar .days>li.inactive:nth-child(7n + 1).active p {
		color:#D35978;
	}
	.calendar .days>li.inactive:nth-child(7n).active p {
		color:#5f7dc3;
	}
	.calendar .days>li:nth-child(7n).inactive.active ul,
	.calendar .days>li:nth-child(7n + 1).inactive.active ul {
		display:flex;	
	}
	.calendar .days ul li>a {
		padding:.3rem;
	}
	.calendar #vwCal.days>li:has(button div) button {
		height:1.4rem;
	}
	.calendar .days > li.inactive:has(button):hover {
		border-color:#f0f0f0;
		box-shadow:none;
	}
	.calendar #vwCal.days>li.inactive.active button > ul {
		display:none;
	}
	.calendar #vwCal.days>li {
		padding:0;
	}
	.calendar #vwCal.days>li:has(button div) button:after {
		content:'예약';
		font-size:1.3rem;
	}
	.calendar #vwCal.days>li.active:has(button div) button {
		display:none;
	}
	.calendar #vwCal.days>li.inactive.active:has(button div) button {
		display:flex;
	}
	.proshill-box ul li {
		display:flex;
		justify-content:center;
		align-items:center;
		padding:0;
		height:8rem;
	}
	.proshill-box ul li p span {
		display:block;
		margin-left:0;
		margin-top:.4rem;
		font-size:2rem;
	}
	.proshill-box ul li:last-child p {
		font-size:2rem;
		font-weight:600;
	}
	.modal-pop .error-msg {
		bottom:-3rem;
	}
	.caution.call {
		flex-wrap:wrap;
	}
	.caution.call p.tit {
		width:100%;
		background:none;
		margin-bottom:1rem;
	}
	.caution.call p {
		flex:none;
		padding-left:1rem;
	}
	.caution.call p:before {
		left:0;
	}
	table.tbl-default thead tr th {
		padding:.8rem 0;
		font-size:1.6rem;
	}
	table.tbl-default tbody tr th,
	table.tbl-default tbody tr td,
	table.tbl-default tfoot tr th,
	table.tbl-default tfoot tr td {
		padding:.8rem;
		font-size:1.5rem;
	}
	table.tbl-default tbody tr th,
	table.tbl-default tfoot tr th {
		text-align:center;
	}
	.top-grayBox {
		margin-top:0;
	}
	.contents .top-search-box {
		flex-direction:column;
		gap:1rem;
		padding:1.6rem;
	}
	.search-items {
		flex-direction:column;
		gap:.5rem;
	}
	.search-items select {
		width:100%;
	}
	.top-search-box button {
		width:100%;
	}
	.contents .top-btn-area > div {
		flex-wrap:nowrap;
		overflow-x:auto;
        -ms-overflow-style:none;
        scrollbar-width:none;
        gap:0;
        padding-bottom:.1rem;
	}
	.top-btn-area #vwPartRadio > div,
	.top-btn-area #vwNoticePartRadio > div,
	.top-btn-area #vwPartRadioMyPage > div {
		padding:.6rem .8rem .8rem;
		font-size:1.8rem;
	}
	.board-faq {
		margin-top:0;
	}
	.board-faq dl dt a {
		display:block;
		padding:1.2rem .8rem;
		font-size:1.6rem;
	}
	.board-faq dl dt a i {
		display:block;
		margin-bottom:.6rem;
		padding:.2rem .4rem;
		width:fit-content;
	}
	.board-faq dl dt a:before,
	.board-faq dl dt a:after {
		right:1.2rem;
		width:.2rem;
		height:1.2rem;
	}
	.board-faq dl dd {
		padding:0 1.2rem 1.6rem;
	}
	.board-faq dl dd div {
		padding-left:1.6rem;
		font-size:1.4rem;
		line-height:2rem;
	}
    .file-list {
    	display:block;
    }
    .file-list label {
    	width:100%;
    }
    .file-list input[type=file] {
    	width:100%;
    	top:0;
    	transform:none;
    }
    .file-list #egovComFileList {
    	display:block;
    	width:100%;
    }
    .file-list #egovComFileList div {
    	margin-top:.4rem;
    	width:100%;
    }
    table.tbl-rowCon tbody th,
	table.tbl-rowCon tbody td {
		padding:1.2rem;
	}
	.whiteBox .rcont .step-list {
		display:block;
	}
	.whiteBox .rcont .step-list li {
		font-size:1.6rem;
		color:#333;
		font-weight:600;
	}
	.whiteBox .rcont .step-list li + li {
		margin-top:3rem;
	}
	.whiteBox .rcont .step-list li:after {
		left:50%;
		top:-3rem;
		height:3rem;
		text-align:center;
		transform:translate(-50%, 0);
	}
	.step-inBox {
		padding:2.6rem;
	}
	.childSchool-photos ul {
		gap:1rem;
	}
	.tab-cont.info .divCont,
	.tab-cont.info .divCont section {
		margin-top:3rem;
	}
	.service-topBox .btn-area {
		margin-left:-0.8rem;
		margin-top:1rem;
		gap:1rem;
	}
	.service-topBox .btn-area a > span {
		display:none;
	}
	.service-topBox.shop {
		background-size:50%;
		background-position:right -3rem top;
	}
	.whiteBox.imgBox .img-items li {
		width:calc(50% - 1rem);
	}
	.tbl-calendar tbody tr.days th {
		text-align:center;
	}
	table.dataTable.table.view-label tbody tr td {
		flex:1 1 30%;
	}
	.tbl-calendar thead tr th {
		padding:.8rem 0;
	}
	.tbl-calendar tbody tr th:first-child {
		padding:.6rem 1rem;
	}
	.tbl-calendar tbody tr th,
	.tbl-calendar tbody tr td {
		padding:.6rem .1rem;
	}
	.tbl-calendar tbody tr td button {
		padding:.6rem .1rem;
	}
	.img-msItems > div {
		width:33.33333%;
	}
}

/* Media Query: Mobile sm */
@media ( max-width :479px) {
	#wrap.login {
		background:url('../images/img-login02.jpg') no-repeat center top #f6f7fc;
	}
	.login-area {
		position:relative;
		padding-top:20rem;
		left:0;
		top:0;
		transform:none;
	}
	h1.login-logo {
		position:absolute;
		left:2rem;
		top:1.6rem;
		margin-left:0;
		width:11rem;
		height:2.4rem;
		background-size:cover;
		filter:brightness(0) invert(1);
	}
	.login-inner {
		margin-top:0;
		border-radius:4rem 4rem 0 0;
	}
	.login-info {
		border-radius:0;
	}
	.login-form > p {
		font-size:2.4rem;
		line-height:1;
		text-align:left;
	}
	.login-form > span {
		margin-top:.4rem;
		font-size:1.4rem;
		line-height:1;
		text-align:left;
	}
	.login-form .tabs {
		margin-top:2rem;
	}
	.login-form .tabs.solo {
		width:auto;
	}
	.login-form .btn-tabs {
		height:5rem;
		line-height:5rem;
	}
	.login-form .tab-cont {
		margin-top:2rem;
	}
	.login-form.signUp > p {
		width:100%;
	}
	.certificate-1,
	.certificate-2 {
		padding:1.4rem 1.4rem 1.4rem 8rem
	}
	.login-form .btn-area button {
		height:6rem;
		line-height:6.2rem;
	}
	.login-rbox {
		border-radius:0;
		background:#f6f7fc;
	}
	.login-info {
		padding:4rem 5rem 5rem;
	}
	.login-info > ul li {
		margin-top:.8rem;
	}
	.login-info > ul li p {
		line-height:1.8rem;
	}
	.ipin-customer {
		background:#e5e6ec;
	}
	.call-num p, .call-num a {
		font-size:1.6rem;
	}
	.login-area copyright {
		display:none;
	}
	.btn-quick-link ul {
		gap: .8rem;
	}
	.btn-quick-link ul li a {
		padding: 1.6rem;
	}
	.btn-quick-link ul li:nth-child(1) a, .btn-quick-link ul li:nth-child(2) a,
	.btn-quick-link ul li:nth-child(3) a, .btn-quick-link ul li:nth-child(4) a,
	.btn-quick-link ul li:nth-child(5) a, .btn-quick-link ul li:nth-child(6) a,
	.btn-quick-link ul li:nth-child(7) a, .btn-quick-link ul li:nth-child(8) a,
	.btn-quick-link ul li:nth-child(9) a {
	background-position: right 1rem bottom 1rem;
	}
	.btn-quick-link ul li a span {
		font-size: 1.6rem;
		line-height: 1.8rem;
	}
	.main-board .items ul {
		padding: 1rem 1.6rem;
	}
	.mb-nav .nav-inner a {
		font-size: 1.5rem;
	}
	.mban-area a {
		padding-left: 2rem;
	}

	/* Sub */
	.contents {
		padding:0 1.6rem;
	}
	.fullMenu .inner, .fullMenu.show .inner {
		width: 100%;
	}
	.form-box {
		padding: 1rem;
	}
	.form-tabBox .btn-tabs {
		padding: 0 .4rem;
		height: 4.8rem;
		line-height: 1;
		word-break: keep-all;
	}
	.form-tabBox .small .btn-tabs {
		height:inherit;
	}
	.form-items {
		gap: .4rem;
	}
	.form-box ul li>label, .form-box ul li>p, .form-box ul li>label.req,
		.form-box ul li>p.req, .form-box ul li>label>span, .form-box ul li>p>span
		{
		display: block;
	}
	.form-box ul li>label:has(p.summary) {
		display: flex;
	}
	.form-box ul li>label>span, .form-box ul li>p>span {
		padding-left: 0;
	}
	.form-items.agree {
		justify-content: flex-start;
		margin-top: 1.2rem;
		padding-left: .4rem;
	}
	.fileBox {
		gap: .4rem;
	}
	input[type=checkbox]+label:before {
		width: 1.6rem;
		height: 1.6rem;
	}
	input[type=checkbox]+label>span {
		font-size: 1.4rem;
	}
	select {
		padding: 1rem 2rem 1rem 1rem;
		background: url('../images/ico-sltArrow-sm.png') no-repeat right .8rem
			center #fff;
	}
	.modal-pop select {
		padding:.4rem 4rem .4rem 1.2rem
	}
	.month-wrap {
		padding:2rem 1rem 1rem;
	}
	.top-dateSlt p {
		font-size:2rem;
	}
	.calendar .week li {
		padding:0;
		text-align:center;
	}
	.proshill-box ul {
		gap:.6rem;
	}
	.proshill-box ul li {
		padding:0;
		height:6rem;
	}
	.proshill-box ul li p {
		font-size:1.4rem;
	}
	.proshill-box ul li p span,
	.proshill-box ul li:last-child p {
		font-size:1.6rem;
	}
	.proshill-box ul li p span {
		margin-top:.2rem;
	}
	
	.pop-cont {
		padding:1rem;
	}
	.pop-cont .form-area {
		margin-top:1rem;
	}
	.pop-cont .form-area ul {
		gap:1.2rem;
	}
	.pop-cont .form-area li {
		flex:1 1 auto;
	}
	.pop-cont .form-area label {
		margin-bottom:.2rem;
	}
	.modal-pop input[type=text],
	.modal-pop input[type=number] {
		padding:.4rem .8rem;
		font-size:1.5rem;
	}
	.modal-pop .error-msg {
		position:relative;
		margin-top:.4rem;
		padding-left:.2rem;
		word-break:keep-all;
		bottom:0;
	}
	.pop-cont .form-area .full * {
		flex:inherit;
	}
	.pop-cont .form-area .total-amount label {
		width:7.6rem;
	}
	/* mobile Table */
	.pop-tbl-default thead {
		position:absolute;
	    width:.1rem !important;
	    height:.1rem;
		border:none;
	    clip:rect(0 0 0 0);
	    overflow:hidden;
	}
	.pop-tbl-default th {
		display:block;
	}
	.pop-tbl-default tbody tr {
		display:block;
		margin-bottom:1rem;
		border-top:.3rem solid #3a394a;
	}
	.pop-tbl-default tbody tr td {
		display:block;
		padding:.6rem;
		text-align:right;
	}
	.pop-tbl-default tbody tr td:before {
		content:attr(data-label);
		float:left;
		font-size:1.3rem;
		font-weight:500;
		text-transform:uppercase;
	}
	.pop-tbl-default tbody tr td:last-child {
		border-bottom:.1rem solid #3a394a;
	}
	
	table.tbl-default {
		border-top:0;
	}
	.tbl-default colgroup {
		display:none;
	}	
	.tbl-default thead {
		position:absolute;
	    width:.1rem !important;
	    height:.1rem;
		border:none;
	    clip:rect(0 0 0 0);
	    overflow:hidden;
	}
	.tbl-default th {
		display:block;
	}
	.tbl-default tr {
		display:block;
		margin-bottom:1rem;
		border-top:.2rem solid #6a9a73;
	}
	.tbl-default tr td {
		display:block;
		padding:.6rem;
		text-align:right !important;
	}
	.tbl-default tr td:before {
		content:attr(data-label);
		float:left;
		font-size:1.3rem;
		font-weight:500;
		text-transform:uppercase;
	}
	
	.tbl-default.cont.dataLabel tr td:before {
		width:6rem;
	}
	table.tbl-default.cont th,
	table.tbl-default.cont td {
		border-left:0;
		text-align:left !important;
	}
	table.tbl-default.cont.dataLabel2 tr td {
		text-align:right !important;
	}
	table.tbl-default.cont td .list-blet2 {
		text-align:left;
	}
	.info-ContTbl table.tbl-default thead tr th,
	.info-ContTbl table.tbl-default tbody tr th,
	.info-ContTbl table.tbl-default tbody tr td {
		padding:1rem;
		line-height:1;
	}	
	table.tbl-default.cont.dataLabel3 tr:first-child td:first-child {
		border-left:0;	
	}
	table.tbl-default.cont.dataLabel3 td {
		text-align:right !important;
	}
	.top-grayBox {
		padding:2rem;
	}
	.top-grayBox p {
		font-size:1.4rem;
	}
	.caution.call {
		display:block;
		padding:2rem;
		
	}
	.caution.call p.tit {
		font-size:1.6rem;
	}
	.caution.call p {
		display:flex;
		align-items:center;
		font-size:1.4rem;
	}
	.caution.call p a {
		padding-left:1.2rem;
		font-size:1.4rem;
	}
	.my-info {
		padding:2rem 2rem 2rem 10rem;
	}
	.my-info > i {
		left:2rem;
		top:2rem;
		width:6rem;
		height:6rem;
		transform:none;
	}
	.my-board ul {
		display:block;
	}
	.my-board ul li {
		flex-direction:row-reverse;
		background:#f6fafa;
	}
	.my-board ul li + li {
		margin-top:.5rem;
	}
	.my-board ul li a {
		flex-grow:1;
		border-radius:0 1.6rem 1.6rem 0;
		border-bottom:0;
	}
	.my-board ul li a:hover {
		position:relative;
		left:-0.01rem;
		border-bottom:0;
		border-left:.1rem solid #d3e3d3;
	}
	.my-board ul li:has(a:hover) {
		border:.1rem solid #9ebb9f;
	}
	.my-board ul li p {
		padding:0 1.6rem;
		flex-shrink:0;
		width:50%;
		font-size:1.6rem;
	}
	.myHistory-list ul:before,
	.myHistory-list ul:after {
		display:none;
	}
	.myHistory-list ul li {
		flex:auto;
		width:100%;
		border-bottom:.1rem solid #ddd;
	}
	.myHistory-list ul li:last-child {
		border-bottom:0;
	}
	.myHistory-list ul li p {
		font-size:1.4rem;
	}
	.myHistory-list ul li a {
		font-size:2rem;
	}
	.tbl-row li {
		display:block;
	}
	.tbl-row li:first-child em {
		padding:.5rem 0 .4rem;
	}
	.tbl-row li .items {
		display:flex;
		font-size:1.5rem;
	}
	.tbl-row li .items .cont {
		margin-top:0;
	}
	.tbl-row li .items.file {
		display:block;
	}
	.reply-list li .info {
		justify-content:space-between;
	}
	.reply-list .btn-replyDel {
		bottom:1.2rem;
	}
	.comment button.btn-commont {
		width:6rem;
		font-size:1.6rem;
	}
	table.tbl-rowCon colgroup {
		display:none;
	}
	table.tbl-rowCon tbody tr,
	table.tbl-rowCon tbody th,
	table.tbl-rowCon tbody td {
		display:block;
	}
	.whiteBox.imgBox .img-items.wedding li {
		flex:1 1 auto;
	}
	.use-stepBox ul li:after {
		left:8.4rem;
		font-size:1.1rem;
	}
	.use-stepBox ul li {
		padding:3.6rem 1.6rem 2rem 8.4rem;
		width:100%;
		font-size:1.5rem;
	}	
	.step-inBox li p {
		width:30%;
	}
	.childSchool-photos ul {
		display:block;
	}
	.childSchool-photos ul li + li {
		margin-top:1rem;
	}
	.service-topBox,
	.service-topBox.wb,
	.service-topBox.ah {
		padding:3.2rem 2.6rem;
	}
	.service-topBox .btn-area {
		margin-top:8.4rem;
	}
	.service-topBox a {
		left:2.6rem;
		bottom:3.2rem;
	}
	.service-topBox.ssg {
		height:22rem;
		background:#313133;
	}
	.service-topBox.shop {
		background:#eef0f7;
	}
	.service-topBox.hn {
		background:#c1e3e5;
	}
	.service-topBox.clip {
		background:#4e4b9f;
	}
	.service-topBox.hm {
		background:#8888ba;
	}
	.service-topBox.md {
		background:#f7e295;
	}
	.service-topBox p,
	.service-topBox span {
		width:100%;
	}
	.service-topBox.ms {
		background:#d5dee6;
	}
	.service-topBox.hi {
		background:#63388c;
	}
	.service-topBox.hnd {
		height:auto;
	}
	.service-topBox.hnd a {
		margin-top:2rem;
	}
	.caution.kf .kf-in {
		display:block;
	}
	.caution.kf .kf-in,
	.caution.kf p {
		width:100%;
	}
	table.dataTable.table.view-label tbody tr td {
		flex:1 1 40%;
	}
	.resort-step2 {
		display:block;
	}
	.st2-slt {
		margin-top:1rem;
		padding:.8rem 2rem .8rem 1rem;
		width:100%;
		height:auto;
	}
	.tab-topBox .box-tel {
		padding:1.6rem 0 1rem;
	}
	.tab-topBox .box-tel a {
		display:block;
		font-size:2.4rem;
	}
}

@media all and (max-width:399px) {
	.privacy-items .cont {
		padding:0;
	}
	.login-inner {
		border-radius:2.6rem 2.6rem 0 0;
	}
	.login-form > p {
		font-size:2rem;
		text-indent:.4rem;
	}
	.login-form > span {
		text-indent:.4rem;
	}
	.login-form .tabs {
		margin-top:1.2rem;
	}
	.login-form .btn-tabs {
		height:4rem;
		font-size:1.6rem;
		line-height:4.2rem;
	}
	.certificate-1,
	.certificate-2 {
		min-width:auto;
		background-size:inherit;
	}
	.certificate-1 span,
	.certificate-2 span {
		margin-top:.4rem;
	}
	.login-info {
		padding:2.6rem;
	}
	.call-num {
		display:block;
	}
	.call-num p {
		font-size:1.4rem;
		text-indent:.2rem;
	}
	.call-num a {
		margin-top:.2rem;
		margin-left:0;
	}
	.btn-ipinLink {
		padding:1.1rem 3.2rem 1.1rem 2rem;
	}
	
	.btn-quick-link ul li:nth-child(1) a, .btn-quick-link ul li:nth-child(2) a,
	.btn-quick-link ul li:nth-child(3) a, .btn-quick-link ul li:nth-child(4) a,
	.btn-quick-link ul li:nth-child(5) a, .btn-quick-link ul li:nth-child(6) a,
	.btn-quick-link ul li:nth-child(7) a, .btn-quick-link ul li:nth-child(8) a,
	.btn-quick-link ul li:nth-child(9) a {
	background-size: 3rem;
	background-position: right 1rem bottom 1rem;
	}
	.mban-area {
		display: block;
	}
	.mban-area a+a {
		margin-top: 1.2rem;
	}
	.calendar {
		margin-top:1rem;
	}
	.calendar .week {
		gap:0;
	}
	.calendar .days {
		gap:.4rem;
	}
	.calendar .days>li {
		padding-top:.4rem;
		border-radius:.4rem;
	}
	.calendar .days ul {
		margin-top:0;
	}
	.calendar .days ul li>a {
		padding:.15rem;
	}
	.calendar .week li {
		font-size:1rem;
	}
	.reservation-box ul li > a {
		display:block;
		padding:1rem;
		font-size:1.4rem;
		text-align:center;
	}
	.reservation-box ul li > a span {
		margin-right:0;
	}
	.btn-large {
		font-size:1.8rem;
	}
	.btn-area button.mg-t40 {
		margin-top:0 !important;
	}
	.top-greenBox {
		padding:1.6rem 1.2rem;
		border-radius:.8rem;
	}
	.proshill-info .info-img > img {
		border-radius:.8rem;
	}
	.top-greenBox p {
		font-size:1.6rem;
		line-height:2.4rem;
	}
	.proshill-info .info-txt li {
		display:block;
	}
	.proshill-info .info-txt li p {
		width:100%;
	}
	.proshill-info .info-txt li span,
	.proshill-info .info-txt li div {
		display:block;
		margin-top:.6rem;
	}
	.proshill-box ul {
		flex-wrap:wrap;
	}
	.proshill-box ul li {
		flex:1 1 40%;
		height:5.6rem;
	}
	.btn-mpros-pop {
		margin-top:1rem;
	}
	.my-info {
		padding:2rem;
	}
	.my-info > i {
		width:2rem;
		height:2rem;
	}
	.my-info > p {
		padding-left:2.6rem;
		line-height:2rem;
	}
	.my-board ul li a {
		flex-grow:initial;
		flex-shrink:0;
		width:10rem;
	}
	.my-board ul li p {
		flex-grow:1;
	}
	.form-tabBox.cont .tabs {
        flex-wrap:nowrap;
        overflow-x:auto;
        -ms-overflow-style:none;
        scrollbar-width:none;
	}
	.form-tabBox .btn-tabs {
		font-size:1.5rem;
	}
	.form-tabBox.cont .btn-tabs:first-child:nth-last-child(3),
	.form-tabBox.cont .btn-tabs:first-child:nth-last-child(3) ~ .btn-tabs,
	.form-tabBox.cont .btn-tabs:first-child:nth-last-child(4),
	.form-tabBox.cont .btn-tabs:first-child:nth-last-child(4) ~ .btn-tabs,
	.form-tabBox.cont .btn-tabs:first-child:nth-last-child(5),
	.form-tabBox.cont .btn-tabs:first-child:nth-last-child(5) ~ .btn-tabs {
		width:40%;
		flex-shrink:0;
	}
	.card-items .img > img {
		width:100%;
	}
	.modal-pop.roomView-cottonvill .pop-cont,
	.modal-pop.roomView-raonvill .pop-cont {
		height:auto !important;
	}
	.modal-pop.roomView-raonvill .pop-cont > img {
		width:100%;
	}
	.step-inBox li {
		display:block;
	}
	.step-inBox li span {
		margin-left:0;
	}
	.step-inBox li + li {
		margin-top:2rem;
	}
	a.btn-service-link {
		left:1.6rem;
		padding:1.4rem 5.4rem 1.2rem 1.6rem;
	}
	.service-topBox .btn-area {
		margin-top:2rem;
	}
	.service-topBox .btn-area a {
		margin-top:.5rem;
		padding:.8rem 1.2rem;
		font-size:1.7rem;
	}
	.service-topBox.wb,
	.service-topBox.ah {
		height:43rem;
	}
	.box-gray.kf {
		padding:3rem 2rem;
	}
	.box-gray.kf ul {
		display:block;
		margin-top:2rem;
	}
	.box-gray.kf ul li + li {
		margin-top:3rem;
	}
	.form-tabBox.cont {
        padding:.8rem;
        border-radius:.8rem;
	}
	.contents .top-txt {
		padding:1.4rem 0 0 4rem;
		font-size:1.6rem;
	}
	.contents .top-txt:before {
		background-size:80% auto;
	}
	.tab-topBox {
		margin-top:1rem;
	}
	.form-tabBox.only {
		padding:.8rem;
        border-radius:.8rem;
	}
	.tab-cont {
		margin-top:2rem;
	}
	.jc-bs3-container.container {
		width:calc(100% - 2rem);
		margin-left:1rem;
	}
	.main-myInfo {
		margin-top:0;
	}
	.main-visual {
		padding:8.8rem 2.6rem 2.6rem;
	}
	.file-list {
		display:block;
	}
	.file-list #egovComFileList {
		display:block;
		width:100%;
	}	
	.file-list #egovComFileList div {
		margin-top:.5rem;
		padding:.8rem 4.5rem .8rem 1rem;
		width:100%;
		line-height:2rem;
	}
	.file-list #egovComFileList div input[type=button] {
		right:.5rem;
		top:.5rem;
		width:2.6rem !important;
		height:2.6rem;
		line-height:2.6rem;
	}
	input[type=radio]+label>span {
		font-size:1.6rem;
	}
	.month-wrap .top-dateSlt select {
		padding:.4rem 2.8rem .4rem .6rem;
		font-size:1.6rem;
		background:url('../images/ico-sltArrow-sm.png') no-repeat right .8rem center #fff;
		background-size:12%;
	}
	.resort-slt li {
		flex-basis:100%;
		margin:.6rem 0;
	}
	.resort-step1 > p,
	.resort-step2 > p {
		font-size:1.5rem;
	}
	.tbl-calendar thead tr th {
		font-size:1.3rem;
	}
	.pop-cont .stit p {
		display:block;
		margin-top:.6rem;
		margin-left:0;
	}
	.img-msItems > div {
		width:50%;
	}
	.modal-pop.mpopNtc .pop-inner {
		min-width:calc(100vw - 4rem) !important;
	}
	.mpopNtc .mpopNtc-top {
		height:auto;
	}
}

@media all and (max-width:319px) {
	.main-visual {
		padding: 7.6rem 1.2rem 1.2rem;
	}
	.main-visual span {
		font-size: 1.8rem;
	}
	.btn-quick-link {
		margin-top: .5rem;
	}
	.btn-quick-link ul li:nth-child(1) a, .btn-quick-link ul li:nth-child(2) a,
		.btn-quick-link ul li:nth-child(3) a, .btn-quick-link ul li:nth-child(4) a,
		.btn-quick-link ul li:nth-child(5) a, .btn-quick-link ul li:nth-child(6) a,
		.btn-quick-link ul li:nth-child(7) a, .btn-quick-link ul li:nth-child(8) a,
		.btn-quick-link ul li:nth-child(9) a {
		background-position: right .8rem bottom .8rem;
		background-size: 3rem;
	}
	.main-cont .inner {
		margin: 2rem auto 0;
		padding: 0 1.2rem;
	}
	.main-board .items .top>p {
		font-size: 1.6rem;
	}
	.main-myInfo {
		top: 1.2rem;
	}
	.main-myInfo .inner {
		padding: 0 1.2rem;
	}
	footer {
		margin: 4rem auto 0;
		padding: 3rem 1.2rem 2.2rem;
	}
	.mb-nav {
		padding: 1.6rem 1.2rem 2.4rem;
	}
	.mb-nav .nav-inner a {
		font-size: 1.4rem;
	}
	.btn-medium {
		padding: 1.3rem 1rem 1.2rem;
		font-size: 1.6rem;
	}
	.top-dateSlt p {
		font-size:1.8rem;
	}
	.top-dateSlt .btn-prevMonth,
	.top-dateSlt .btn-nextMonth {
		margin:0;
	}
	.reservation-box {
		padding:1rem;
	}
	.whiteBox.imgBox .img-items{
		gap:0;
	}	
	.whiteBox.imgBox .img-items li {
		width:100%;
	}
	.whiteBox.imgBox .img-items li + li {
		margin-top:2rem;
	}
	.footer-info div,
	.footer-info ul li span,
	.footer-info ul li a {
		font-size:1.4rem;
	}
	.footer-info ul li span,
	.footer-info ul li a {
		line-height:2rem;
	}
	.footer-info ul,
	.footer-info copyright {
		margin-top:1rem;
	}
	
	.btn-large {
		padding:1.2rem 2.6rem;
		font-size:1.8rem;
	}
	
	.pop-inner {
		left:0;
		right:0;
		top:0;
		bottom:0;
		max-width:100vw;
		max-height:100vh;
		border-radius:0;
		transform:none;
	}
	.pop-cont {
		height:calc(100% - 13rem) !important;
		max-height:min-content;
	}
	.sm-mgsBox.pop {
		padding:1.6rem;
	}
	.modal-pop .btn-area {
		border-radius:0;
	}
}