@import "../font-awesome/css/font-awesome.min.css";
@import "../themify-icons/themify-icons.css";
@import "../flag/css/flag-icon.min.css";
@import "./fonts2025.css";
@import "./response.scss";
html, body{min-height: 100%;}
body {font-size:1rem;/*font-size: clamp(12px, 5vw, 14px);*/color:color(dark);line-height: 1.6;letter-spacing: 0em;background-color:transparent;margin: 0;font-family:"S-CoreDream","Pretendard", "ChungbukNationalUniversity-Regular",sans-serif;overflow-x:hidden;
	&.pop-body{background:transparent;}
}
@mixin respond-to($breakpoint) {
	@if $breakpoint == small {
	  @include max-tablet { @content; }
	} @else if $breakpoint == medium {
	  @include max-desktop { @content; }
	} @else if $breakpoint == large {
	  @include max-desktop-xl { @content; }
	}
}
button:focus {outline: 0 !important;}
a, button, .btn {transition: all 0.3s;-webkit-transition: all 0.3s;cursor: pointer;}
a {color:color(bl);text-decoration: none;
  &:hover, &:focus, &.active {text-decoration: none;outline: 0 !important;color: color(gray-b);
  }
}
::selection {background-color:color(skin-opacity);color:color(skin-emphasis);text-shadow:none;}
b, strong, .strong{font-weight:700;}
h1, h2, h3, h4, h5, h6, p, .h1, .h2, .h3, .h4, .h5, .h6, .p { margin:0;line-height: inherit; color: inherit;}
h1, .h1 { font-size:3.6rem; font-weight: 800;}
h2, .h2 { font-size:2.4rem; font-weight: 700;}
h3, .h3 { font-size:1.8rem; font-weight: 600;}
h4, .h4 { font-size:1.4rem; font-weight: 600;}
h5, .h5 { font-size:1.2rem; font-weight: 600;}
h6, .h6 { font-size:1rem; font-weight: 400;}
h7, .h7 { font-size:.9rem; font-weight: 400;}
hr {margin: 1rem auto;border: 0;border-top: 1px solid color(gray-s);}
.vr{display:inline-block;width:1px;min-height:40px;border-left: 1px solid color(gray-s);margin:0 0 -6px 0;}
ul,ol,dl,li,dt,dd {margin:0;padding:0;}
img {max-width: 100%;height:auto;}
.gray-scale, .gray-scale *, .disabled {filter:grayscale(100%)}
.disabled{
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: not-allowed;
	opacity:.5;
}
.blur{filter:blur(3px)}
.ani{transition:all .3s;}
label{margin:0;}
.small, small {font-size: 85%;}
iframe{border:none;width:100%;
	&.auto-height{height:100%;}
}
.link{cursor:pointer;}
.ani{transition: all .2s ease-out;}
.border-rounded{border-radius:100px;}
.shadow{box-shadow:0 2px 10px 2px rgba(0,0,0,0.05) !important;}
.shadow-s{box-shadow:0 0 3px 3px rgba(0,0,0,0.025) !important;}
.box{border-radius:10px;border:solid 1px transparent;}
.box-b{border-radius:30px;}
.box-m{border-radius:15px;}
.box-s{border-radius:5px;}
.responsive-box{
	@include max-tablet-sm{border-radius:0 !important;border:none !important;box-shadow:none !important;padding:0 !important;background-color:transparent !important}
}
.hr{ display:inline-block;background-color:transparent;
	&.vertical{width:1px;height:100%;}
}
caption{position:absolute;font-size:0;width:0;height:0;left:0;top:0;}
.text-overflow{
	display: block;
    width: 100%;
    white-space:normal;
    overflow: hidden;
    text-overflow: ellipsis;
	line-height:1.4rem;
	height:4.2rem;
	text-align: left;
	word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	&.one-line{/*white-space: nowrap;*/-webkit-line-clamp:1;height:1.4rem;}
	&.two-line{-webkit-line-clamp:2;height:2.8rem;}
	&.three-line{-webkit-line-clamp:3;height:4.2rem;}
	&.four-line{-webkit-line-clamp:4;height:5.6rem;}
}
.btn, .button {border-radius:5px;padding:8.5PX 10px;line-height:1;font-weight:500;border-radius:0;
	overflow: hidden;position: relative;z-index: 1;cursor: pointer; letter-spacing: 0px; box-shadow:none !important;
	&:hover, &:focus {box-shadow:none;outline: 0 !important;}
	&.btn-rounded{border-radius:25.5px;}
	&.btn-lg {font-size:18px;padding:12.5px 18px;font-weight:600;&.btn-rounded{border-radius:35px;}}
	&.btn-md {font-size: 16.5px;padding:11px 25px;&.btn-rounded{border-radius:20px;}}
	&.btn-sm {font-size: 12px;padding:6px 8px;&.btn-rounded{border-radius:16px;}}
	&.btn-transparent:hover, &.bg-dark.text-wh:hover{background-color:color(wh) !important;color:color(dark) !important;}
	&.bg-dark.text-wh:hover{border-color:color(dark) !important;}
}
.btn{
	*{transition:all .3s;}
	&.custom{transition:all .3s;
		border-color:color(bl);color:color(bl);background-color:transparent;overflow:hidden;font-size:22px;height:60px;border-radius:30px;padding:0;align-items:center;justify-content:center;	
		> span{z-index:3;
			&::before{z-index:2;content:attr(data-title);}
			&::after{z-index:2;font-family:'themify';content:'\e628';margin-left:15px;}
		}
		&::before{content:'';position:absolute;z-index:-1;width:0;height:100%;left:0;top:50%;transform:translateY(-50%);background-color:color(bl);opacity:0;transition:all .3s;}
		&:hover{
			> span{color:color(wh);}
			&::before{width:100%;height:100%;opacity:1;}
		}
		@include max-tablet-sm{
			font-size:18px;height:50px;border-radius:25px;
		}
		&.reverse{border-color:color(bl);background-color:color(bl);color:color(wh);
			&::before{background-color:color(wh);}
			&:hover{border-color:color(bl);
				>span{color:color(bl);}
			}
		}
	}
}
form, .form{
	.required{position:relative;
		&::after{content:'\f00c';font-family:'FontAwesome';color:color(skin);margin-left:5px;font-size:11px;font-weight:100;}
		&label{display:block;font-weight:500;align-items:center;justify-content:center;}
	}
	.label{ align-items:center;height:100%;}
}

.form-control{ width:auto;max-width:100%;display:inline-block;height:auto;background-color:transparent;border-color:color(gray-m);
	&.form-control-xl {font-weight:500;}
	&.datetimepicker{background-image:url(../images/icon/calendar.png?ver=20220129);background-repeat:no-repeat;background-position:calc(100% - 15px) 50%;}
	&.selectpicker{height:42px;}
	&:disabled, &[readonly]{background-color:transparent;opacity:.5;}
	&:hover, &:focus {box-shadow: none;outline: 0 !important;}
	&:focus{border-color:color(dark);}
	&.form-control-auto{display:inline-block;width:auto !important; }
	&.d-block, &textarea{display:block;width:100%;resize: none;}
	&.form-line{border-radius:0;border-width:0 0 1px 0;background-color:transparent;}
}
textarea{width:100% !important;resize: none;}
.noresize{resize: none;}
.border-dashed {border-style:dashed !important}
.border-dotted {border-style:dotted !important}
.border-none{border:none !important}
.border-radius{border-radius:15px; &.md{border-radius:10px;} &.sm{border-radius:5px;}}
.text-line{text-decoration:line-through;}
.text-underline{text-decoration:underline !important;}
.pagination{
	.page-item{
		
		.page-link{color:color(dark);
			/*border:1px solid colo(gray-s);border-radius:100%;color:color(gray-b);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:16px;font-weight:300;background-color:transparent;
			&:focus, &:hover{box-shadow:none;*/}
		
		&.active{
			.page-link{border-color:color(skin);background-color:color(skin);color:color(wh);font-weight:500;}
		}
		&.first, &.prev, &.next, &.last{
			.page-link{font-size:0; &::before{display:block;font-family:'themify';font-size:16px;}}
		}
		&.first{ .page-link{ &::before{content:'\e662';}}}
		&.prev{ .page-link{ &::before{content:'\e64a';}}}
		&.next{ .page-link{ &::before{content:'\e649';}}}
		&.last{ .page-link{ &::before{content:'\e661';}}}
	}
}
.list {list-style:none;margin-bottom:0;
	> li {padding-left:10px;position:relative;
		&::before{content:'';}
		> ol{padding-left:15px;
			> li{padding-left:0;
				&::before{display:none;}
			}
		}
	}
	&.list-circle{
		> li{
			&::before{width:4px;height:4px;border-radius:100%;background-color:color(dark2);position:absolute;left:0;top:10px;}
		}
	}
	&.list-check{
		> li{display:flex;
			&::before{content:'\f00c';font-family:'FontAwesome';margin-right:8px;color:color(dark2)}
		}
	}
	&.list-custom{
		> li{display:flex;
			&::before{content:attr(data-title);white-space:nowrap;margin-right:8px;}
		}
	}
	&.list-num{
		> li{display:flex;font-size:16px;font-weight:500;
			&::before{content:attr(data-num);white-space:nowrap;margin-right:8px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background-color:color(skin);color:color(wh);width:28px;height:28px;line-height:1;font-weight:500;letter-spacing:-0.05rem;font-family:'Montserrat';}
			+ li{margin-top:20px;}
		}
	}
}
.nav-tabs{margin-bottom:0;z-index:2;border:none;
	.nav-item{
		.nav-link{position:relative;border-width:0 0 2px 0;
			&:hover {border-color:color(dark);border-style:dashed;}
			&.active{border-width:0 0 2px 0;font-weight:700;border-color:color(bl);color:color(bl);
				&::before{content:"\e64c";font-family:"themify";margin-right:5px;font-size:90%;}
			}
		}
		+ .nav-item{margin-left:-1px;}
	}
	&.nav-pills{margin-bottom:0;border:none;
		.nav-item{
			.nav-link{border-radius:0;border:1px solid color(gray);opacity:1;
				&:hover {background-color:color(skin-opacity);border-color:color(dark2) !important;color:color(dark2);z-index:1;
					&::after{content:'';position:absolute;width:1px;height:100%;background-color:color(dark2);top:0;right:-1px;}
				}
				&.active{background-color:color(dark2);color:color(wh);border-color:color(dark2) !important}
			}
			+ .nav-item{margin-left:-1px;}
			&:last-child{
				.nav-link{
					&::after{display:none;}
				}
			}
		}
	}
	&.nav-justified{
		.nav-item{
			.nav-link{padding-right:0;padding-left:0;}
		}
	}
}
.image-background{transition:all .3s; 
	position:relative;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;overflow:hidden;display:flex;align-items:center;
	*{transition:all .3s;}
	> img, > .img{width:100%;height:auto;opacity:0;}
	.text{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;left:0;top:0;z-index:4;}
	&.contain{background-size:contain;}
	&.auto{background-size:auto;}
	&.circle{border-radius:100%;}
}
.watermark{
	&::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/logo-white.png) no-repeat 50% 50%;background-size:25% auto;opacity:.4;z-index:3;}
	&.contain{
		&::before{background-position:50% 10%;}
	}
}
.cert-wrap{white-space:pre-wrap;}
.custom-scroll {
  &.x-scroll {overflow-x: auto;overflow-y:hidden}
  &.y-scroll {overflow-y: auto;overflow-x:hidden}
  &::-webkit-scrollbar {width: 16px;height: 16px; background-color:color(light);}
  &::-webkit-scrollbar-track {background-color: color(wh);}
  &::-webkit-scrollbar-thumb {background-color: color(light);}
  -ms-overflow-style: none; overflow: -moz-scrollbars-none;
}
.dropdown{
	> .btn{border-color:color(gray-m);}
	hr{border-color:color(gray-s)}
	.dropdown-menu{min-width:auto;max-width:110px;border:1px solid color(gray-m);border-radius:0;padding:0;margin-top:-1px;
		.dropdown-item{padding:3px 12px;font-size:12px;font-weight:400;
			&:hover, &:active, &:focus{font-weight:400;background-color:transparent;color:color(bl);}
			&:hover{background-color:color(gray-s);}
			.flag-icon{flex:0 0 16px;width:16px;}
		}
		&.adm-nav{width:90px;}
	}
}
.point{position:relative;color:rgba(0,0,0,0);
	&::before, &::after{content:'';position:absolute;left:0;bottom:0;}
	&::before{content:attr(data-title);color:color(dark);z-index:1;line-height:1.1}
	&::after{content:'';position:absolute;width:100%;height:50%;z-index:0;}
}
/* header */
#header {left:0;top:0;width:100%;z-index:100;position:relative;text-align:center;transition:all .3s;display:flex;font-size:16px;font-family:'S-CoreDream';white-space:nowrap;line-height:1;
	.navbar-brand {padding:0;margin:18px 0;flex:0 0 auto;width:130px;height:25px;background: url(../images/logo.svg?ver=202506) no-repeat 50% 50%;background-size:contain;position:relative;z-index:1;}
	.navbar-toggler, .navbar-button{display:inline-flex; align-items:center;justify-content:center;border: none;width:35px;height:35px;}
	.navbar-toggler {z-index:9;margin:0;padding:0;background-color:transparent;display:none;
		*{transition: all 0.3s;}
		> span.navbar-toggler-icon {position: relative;display:block;margin:0;width:100%;
			&::before, &::after {content: '';position: absolute;display: inline-block;width:100%;height:3px;background-color:color(dark);left:0px;}
			&::before{top:6px;}
			&::after{bottom:6px;}
		}
		&[aria-expanded="true"] span {background: transparent !important;
			&::before, &::after{opacity:1;}
			&::before {transform: translateY(8px) rotate(45deg); }
			&::after {transform: translateY(-8px) rotate(-45deg); }
		}
	}
	.navbar-btn-wrap{position:absolute;right:30px;top:15px;}
	.navbar-btn{color:color(wh);
		&.reserv{background-color:color(naver);}
	}
	.navbar-custom {width:100%;height:62px;background-color:color(wh);padding:0;left:0;top:0;transform-origin: 50% 50%;flex-wrap:nowrap;align-items:center;position:relative;transition:all .3s;
		> .navbar-collapse{align-items:stretch;max-width:none;}
		#navigation{position:relative;display:block;padding-bottom:0;
			.navbar-nav {flex-wrap:nowrap;white-space:nowrap;justify-content:center;margin-left:auto;
				.nav-item{position:relative;text-align:center;flex:1 1 auto;
					.nav-link { position:relative;color:color(bl);white-space:nowrap;line-height: 1;font-weight:400;line-height:1;display: flex;align-items: center;justify-content: center;flex-flow: row;font-size:16px;padding:23px 20px;text-transform:capitalize;
						&:hover, &:active {color:color(skin);}
						&.active{font-weight:600;color:color(bl);}
					}
				}
			}
		}
	}
	.channel_link{padding:14px 0;
		ul,li{list-style:none;}
		ul{display:flex;
			li{
				a{display:flex;align-items:center;height:34px;padding:9px 16px;border-radius:5px;
					img{max-height:16px;width:auto;margin-right:5px;}
					> span{white-space:nowrap;flex:1 1 auto;}
					&.kakao{background:color(kakao) url(../images/icon/symbol-kakao-brown.svg) no-repeat 16px 50%;background-size:auto 16px;padding-left:36px;color:color(kakao-brown)}
				}
				+ li{margin-left:10px;}
			}
		}
	}
	&.fixed{.navbar-custom{position:fixed;}}
	&.sticky{.navbar-custom{position:sticky;}}
	@include max-tablet{flex-direction:row;align-items:center;justify-content:space-between;padding-right:20px;padding-left:20px;
		.navbar-toggler{display:flex;}
		.navbar-custom{
			#navigation{
				position:fixed;left:100%;top:0;width:100%;height:100%;background:color(wh) url(../images/m-nav-base.svg) no-repeat 50% 110% fixed;background-size:110%;padding:100px 30px 30px 30px;text-align:left;display:block;transition:all .3s;
				&.show{left:0;}
				.navbar-nav{justify-content:flex-start;margin-left:0;
					> .nav-item{
						> .nav-link{justify-content:flex-start;padding:10px 0;font-size:18px;}
					}
				}
			}
		}
		.channel_link{padding:35px 0;margin-top:35px;border-top:solid 1px color(gray-m);
			ul{display:block;
				li{
					a{font-size:18px;height:42px;
						&.kakao{background-size:auto 20px;padding-left:40px;}
					}
					+ li{margin-left:0;margin-top:10px;}
				}
			}
		}
		.cs{font-size:20px;
			> span{font-weight:400;}
			> strong{font-weight:600;}
		}
		.container{padding-right:15px;padding-left:15px;}
	}
}
#footer{background-color:rgb(80,80,91);color:color(wh);font-weight:100;
	a{color:color(wh);}
	.footer-info{padding:40px 0;display:flex;justify-content:space-between;
		@include max-tablet-sm{display:block;}
	}
}
.sns-wrap {position:fixed;right:5px;bottom:-84px;z-index:5;transition:all .6s;
	a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;width:84px;height:84px;padding:10px 0;border-radius:100%;
		&::before, > i{font-size:35px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}
		&.social_link {background-color:color(bl);color:color(wh);background-size:50%;font-size:14px;letter-spacing:-0.4px;font-weight:500;
			&::before{content:'';font-family:'FontAwesome';width:100%;height:30px;left:0;top:0;display:flex;justify-content:center;}
			&::after{content:attr(data-title);font-family:'S-CoreDream';margin-top:5px;}
			&.apply{background-color:color(skin);
				&::before{background-image:url(../images/icon/apply.png);}
			}
			&.instagram{
				&::before{content:'\f16d';}
			}
			&.facebook{
				&::before{content:'\f09a';}
			}
			&[class*="naver-"]{background-color:color(naver);}
			&.naver-blog{
				&::before{background-image:url(../images/icon/naver-blog.svg);}
			}
			&.naver-booking{
				&::before{font-family:'Booking Icons';content:'\ea6a';display:none;}
			}
			&.kakaotalk{background-color:color(kakao);
				&::before{width:100%;background-image:url(../images/icon/symbol-kakao-brown.svg);}
				&::after{color:color(kakao-brown);}
			}
			&.phone{background-color:color(navy);
				&::before{content:'\f095';}
			}
			&.shop{
				&::before{content:'\f1b2';}
			}
			&.youtube{background-color:color(youtube);
				&::before{content:'\f16a';}
			}
		}
		+ a {margin-top:5px;}
		&#back_to_top{margin-right:auto;margin-left:auto;background-color:rgba(0,0,0,0.7);color:color(wh);opacity:0;}
		
	}
	@include max-tablet{bottom:-60px;
		a{width:60px;height:60px;
			&::after{display:none;}
		}
	}
	@include max-tablet-sm{bottom:-40px;
		a{width:40px;height:40px;
			&::before, > i{font-size:20px;}
			+ a {margin-top:2px;}
		}
	}
	&.show{bottom:5px;
		#back_to_top{opacity:1;transition:all .3s;}
	}
}
.checkbox, .radio {
	padding: 0 0 0 0;line-height:20px;position: relative;align-items:center;
	* {line-height:20px;}
	&span{display:inline-flex;}
	input{opacity: 0;z-index: 1;cursor: pointer;position: absolute;}
	label {padding-left: 25px;color:color(bl);
		&::before, &::after{display:flex;align-items:center;justify-content:center;width:20px;height:20px;}
		&::before {content: "";display: inline-block;position: absolute;left: 0;top: 0;transition: all 0.15s ease-in-out;border:solid 1px color(gray-m);border-radius:1px;background-color:color(wh)}
	}
	&.checkbox-inline + .checkbox-inline, &.radio-inline + .radio-inline {margin-left: 10px;}
	input{
		&:checked + label {
			&::before {background-color:color(bl);border-color:color(bl);color:color(wh);}
		}
	}
	&.checkbox-toggle, &.radio-toggle{white-space:nowrap;
		label{position:relative;display:flex;align-items:center;justify-content:center;background-color:color(gray-s);align-items:center;justify-content:center;height:32px;padding:4px 8px;border-radius:16px;padding-left:32px;
			&::before, &::after {content:'';position:absolute;width:24px;height:24px;border-radius:100%;left:4px !important;top:4px !important;}
			&::before {background-color:color(wh) !important;}
		}
		input{
			&:checked + label {background-color:color(bl);border-color:color(bl);color:color(wh);padding-left:8px;padding-right:32px;
				&::before, &::after{left:calc(100% - 28px) !important;}
				&::after {font-family: "FontAwesome"; content: "\f00c";color:color(bl);}
			}
		}
	}
}
.checkbox{
	input {
		&:checked + label {
			&::after {position: absolute;font-family: "FontAwesome"; content: "\f00c";left: 0px;top: 0px;color:color(wh);text-align: center;font-size: 12px;}
		}
	}
}
.radio {
	label::before {border-radius: 100%;}
	input {
		&:checked + label {
			&::after {position: absolute;content: "";border-radius:100%;width:8px;height:8px;left:6px;top:6px;background-color:color(wh);}
		}
		&[type="radio"], &[type="checkbox"] {opacity: 0;z-index: 1;cursor: pointer;position: absolute; }
		&[type="radio"]:disabled, &[type="checkbox"]:disabled {  cursor: not-allowed; }
		&[type="radio"]:disabled + label, &[type="checkbox"]:disabled + label {  opacity: 0.65; }
		&[type="radio"]:disabled + label::before, &[type="checkbox"]:disabled + label::before {  cursor: not-allowed; }
	}
  &.radio-inline {margin-top: 0; }
}
.modal{
	.modal-content{border:none;border-radius:10px;overflow:hidden;}
	.modal-header {
		.close {
			position:absolute;right:15px;top:15px;margin:0;padding:0;flex:0 0 30px;width:30px;height:30px;opacity:1;display:flex;align-items:center;justify-content:center;z-index:9;
		  &::before, &::after {content: '';position:absolute;width:30px;height:2px;left:0;top:15px;background-color:color(bl);transition: all 0.2s, translate 0.2s;}
		  &::before{transform:rotate(45deg)}
		  &::after{transform:rotate(-45deg)}
		  &.text-wh{
		  &::before, &::after{background-color:color(wh)}
		  }
		}
	}
	.modal-xl{max-width:1200px;}
	.modal-lg{max-width:800px;}
	.modal-md{max-width:600px;}
	.modal-sm{max-width:320px;}
}
.collapse-group{position:relative;
	.collapse-title, .collapse-content{position:relative;}
	.collapse-title{display:flex;align-items:center;border:solid 1px color(gray-m);background-color:color(wh);padding:24px 60px;line-height:1;border-radius:20px;
		&::after{content:'\f107';font-family:'FontAwesome';color:color(dark);font-size:32px;margin-left:auto;transition:all .3s}
	}
	.collapse-menu{transition:none;}
	.collapse-content{border:solid 1px color(gray-m);background-color:#FFF5F2;padding:20px 60px;border-radius:20px;margin-top:20px;}
	&.show{
		.collapse-title{h6 {font-weight:600;}
			&::after{transform:rotate(180deg);}
		}
		.collapse-menu{display:block;
		}
	}
	+ .collapse-group{margin-top:10px;}
	@include max-tablet-sm{
		.collapse-title, .collapse-content{padding-right:20px;padding-left:20px;line-height:1.6}
		.collapse-title {padding-top:10px;padding-bottom:10px;}
		h5{font-size:16px;}
		.collapse-content{font-size:16px;}
	}
}
.title{position:relative;font-family:'S-CoreDream';text-align:center;
	>h1, >h2, >h3, >h4, >h5, >h6{position:relative;font-weight:700;
		&::before, &::after{content:'';}
	}
	&.tit-main{margin:0 auto 60px auto;
		@include max-tablet{margin-bottom:30px;}
		>h1, >h2, >h3, >h4, >h5, >h6{display:inline-block;padding:0 180px;
			&::before, &::after{position:absolute;top:50%;background-color:color(dark2);width:150px;height:1px;}
			&::before{left:0}
			&::after{right:0}
			@include max-tablet{padding:0 130px;
				&::before, &::after{width:100px;}
			}
			@include max-tablet{padding:0 100px;
				&::before, &::after{width:70px;}
			}
		}
		> h2 {font-size:48px;font-weight:500;
			@include max-desktop{font-size:42px;}
			@include max-tablet{font-size:36px;}
			@include max-tablet-sm{font-size:30px;}
		}
	}
	&.tit-bullet{
		>h1, >h2, >h3, >h4, >h5, >h6{display:flex;align-items:center;
			&::before{content:'';display:inline-block;width:24px;height:24px;border-radius:100%;border:solid 4px color(bl);margin-right:10px;}
		}
	}
	&.tit-dot{
		>h1, >h2, >h3, >h4, >h5, >h6{padding-left:16px;display:flex;align-items:center;position:relative;
			&::before {border-radius:100%;width:6px;height:6px;background-color:color(bl);position:absolute;left:0;top:50%;transform:translateY(-50%);}
			&::after {flex:1 1 auto;height:1px;border-top:dashed 1px color(gray-m);right:0;margin-left:10px;}
		}
	}
}
.swiper{
	.swiper-container{max-height:100%;}
	.swiper-button-prev, .swiper-button-next{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0 5px;width:40px;height:40px;border-radius:100%;color:color(gray);font-size:20px;background-color:transparent;border:solid 1px color(gray-m);opacity:1;transition:all .3s;
		left:auto;right:auto;top:auto;bottom:auto;
		&::after {content:'';font-family:'themify';}
		&:hover{background-color:color(skin);border-color:color(skin);color:color(wh);}
	}
	.swiper-button-prev{
		&::after {content:'\e64a'}
	}
	.swiper-button-next{
		&::after {content:'\e649'}
	}
	.swiper-pagination{display:flex;align-items:center;justify-content:center;bottom:20px;
		.swiper-pagination-bullet{display:inline-block;width:14px;height:14px;margin:0 7px;border-radius:100%;background-color:color(wh);opacity:.25;
			&.swiper-pagination-bullet-active{opacity:1;}
		}
	}
}
.keyVisual{padding:0;background-color:rgb(255,142,90);color:color(wh);text-align:center;
	@include max-tablet{height:50vw;
		.image-background{ > img{height:50vw;}}
	}
	@include max-tablet-sm{height:100vw;
		.image-background{ > img{height:100vw;}}
	}
	.main-title, .sub-title{opacity:0;}
	.main-title{font-weight:700;font-size:4rem;transform:translateY(-20px);transition:all 1s;
		+ .sub-title{margin-top:1rem;}
	}
	.sub-title{font-weight:100;font-size:2rem;transform:translateY(20px);transition:all 1.5s;}
	.swiper-slide-active{
		.main-title, .sub-title{opacity:1;transform:translateY(0);}
	}
	.btn{border-color:color(wh);color:color(wh);
		&:hover{background-color:color(wh);color:color(bl);}
	}
	.swiper-pagination{bottom:20px !important;
		.swiper-pagination-bullet{width:20px;height:20px;margin:0 10px !important;}
	}
}
main{max-width:100vw;overflow-x:hidden;
	section, .section{position:relative;word-break:keep-all;background-repeat:no-repeat;background-size:50% 50%;background-size:cover;font-family:'S-CoreDream';letter-spacing:-0.025rem;line-height:1.6;
		ul,li{list-style:none;margin:0;padding:0}
		> article{padding:100px 0;max-width:1920px;margin:0 auto;
			@include max-desktop-xl{padding:80px 0;}
			@include max-desktop{padding:70px 0;}
			@include max-mobile{padding:60px 0;}
		}
		&.section_02{
			.talk-box{
				> ul{display:flex;justify-content:center;font-size:32px;font-weight:600;line-height:1.4;
					> li {
						h4{padding:24px 32px;font-size:32px;line-height:1;font-weight:500;border-radius:100px;white-space:nowrap;color:#fff}
					}
					&:nth-child(1){color:color(purple-pastel);
						h4{background-color:color(purple-pastel);margin:auto;}
						li{
							&:nth-child(1){min-height:70px;background:url(../images/talkbox/cha-01.png?v=20250607) no-repeat 0 0%;padding:25px 0 25px 70px;}
						}
					}
					&:nth-child(2){color:color(orange-pastel);
						h4{background-color:color(orange-pastel)}
						li{
							&:nth-child(1){background:url(../images/talkbox/tail-01.png) no-repeat 100% 30%;padding:0 70px 0 0;margin-right:-5px;}
							&:nth-child(2){background:url(../images/talkbox/cha-02.png) no-repeat 100% 30%;padding:15px 80px 15px 0;}
						}
					}
					&:nth-child(3){color:color(yellow-pastel);
						h4{background-color:color(yellow-pastel);color:color(bl);}
						li{
							&:nth-child(1){min-height:70px;background:url(../images/talkbox/cha-03.png?v=20250607) no-repeat 0 0%;padding:25px 0 25px 95px;}
							&:nth-child(2){background:url(../images/talkbox/tail-02.png) no-repeat 0% 30%;padding:0 0 0 70px;margin-left:-5px;}
						}
					}
					&:nth-child(4){color:color(mint);
						h4{background-color:color(mint)}
						li{
							&:nth-child(1){background:url(../images/talkbox/tail-03.png) no-repeat 100% 30%;padding:0 70px 0 0;margin-right:-5px;}
							&:nth-child(2){background:url(../images/talkbox/cha-04.png) no-repeat 100% 50%;padding:15px 95px 15px 0;}
						}
					}
					@include max-desktop{flex-wrap:wrap;flex-direction:column;flex-direction:column-reverse;font-size:24px;
						> li{
							h4{font-size:24px;}
							br{display:none;}
						}
						&:nth-child(1){
							li{
								&:nth-child(1){padding:20px 0 20px 70px}
							}
						}
						&:nth-child(2),&:nth-child(4){
							li{
								&:nth-child(1){background-size:50px;background-position:30px 0;padding:30px 0 0 80px;margin-top:-40px;}
								&:nth-child(2){padding-bottom:30px;}
							}
						}
						&:nth-child(2){
							li{
								&:nth-child(1){background-image:url(../images/talkbox/m/tail-01.svg);}
							}
						}
						&:nth-child(4){
							li{
								&:nth-child(1){background-image:url(../images/talkbox/m/tail-03.svg);}
							}
						}
						&:nth-child(3){
							li{
								&:nth-child(1){}
								&:nth-child(2){background-image:url(../images/talkbox/m/tail-02.svg);background-size:50px;background-position:calc(100% - 30px) 100%;padding:30px 90px 10px 0;margin-bottom:-30px;text-align:right;}
							}
						}
					}
					@include max-tablet{font-size:20px;
						> li{
							h4{font-size:20px;padding:20px 30px;}
						}
					}
					@include max-tablet-sm{font-size:16px;
						> li{
							h4{font-size:16px;}
						}
						&:nth-child(2),&:nth-child(4){
							li{
								&:nth-child(1){background-size:30px;background-position:30px 0;padding:20px 0 0 65px;margin-top:-15px;}
								&:nth-child(2){background-size: 85px;padding: 15px 65px 10px 0;}
							}
						}
						&:nth-child(4){
							li{
								&:nth-child(2){padding-right:75px;}
							}
						}
						&:nth-child(3){
							li{
								&:nth-child(1){background-size:90px;padding-left:75px;margin-bottom:-20px;}
								&:nth-child(2){background-size:30px;padding:20px 65px 20px 0;}
							}
						}
					}
				}
			}
			@include max-tablet{
				.title{ h2{font-size:32px;}}
			}
			@include max-tablet-sm{
				.title{ h2{font-size:24px;}}
			}
		}
		&.section_03
			.card{border-radius:30px;box-shadow:5px 5px 10px 5px rgba(0,0,0,0.05);
				.card-body{padding:40px 40px;}
				.card-title{display:flex;align-items:center;
					&::before{content:attr(data-num);flex:0 0 66px;width:66px;height:66px;border-radius:100%;display:flex;align-items:center;justify-content:center;color:color(wh);font-size:36px;font-weight:600;margin-right:20px;}
					h3 > strong{color:color(skin);}
					h6{font-size:14px;}
				}
				.image-background{background-size:auto;margin:-15px auto}
				.inbox{border-radius:20px;overflow:hidden;background-color:color(gray-s);font-size:16px;text-align:center;
					.inbox-con, .inbox-footer{padding:30px 0;font-weight:400;}
					.inbox-footer{color:color(wh);}
				}
				&.card-01{
					.card-title::before, .inbox-footer{background-color:color(purple-pastel)}
					.image-background{background-image:url(../images/sec03/img-01.png);}
				}
				&.card-02{
					.card-title::before, .inbox-footer{background-color:color(orange-pastel)}
					.image-background{background-image:url(../images/sec03/img-02.png);}
				}
				&.card-03{
					.card-title::before, .inbox-footer{background-color:color(yellow-pastel);}
					.inbox-footer{color:color(dark);}
					.image-background{background-image:url(../images/sec03/img-03.png);}
				}
				&.card-04{
					.card-title::before, .inbox-footer{background-color:color(mint)}
					.image-background{background-image:url(../images/sec03/img-04.png);}
				}
			}
			@include max-tablet{
				.card{
					.card-body{padding:30px 20px;}
					.card-title{
						&::before{flex:0 0 50px;width:50px;height:50px;font-size:24px;}
						h3{font-size:24px;}
					}
					.inbox{font-size:14px;}
				}
			}
		}
		&.section_04{
			.service{max-width:1000px;margin:0 auto;line-height:1.4;
				.service-con{
					h3{font-weight:800;font-size:36px;margin:10px 0;}
				}
				.service-image{
					.image-background{max-width:350px;background-size:contain;margin-right:auto;margin-left:auto;}
				}
				@include desktop{display:flex;flex-wrap:wrap;align-items:center;
					.service-image{flex:0 0 400px;max-width:400px;}
					.service-wrap{flex:1 1 auto;max-width:calc(100% - 400px)}
					&.service-01, &.service-03, &.service-05{
						.service-wrap{padding-left:50px;}
					}
					&.service-03, &.service-05{flex-direction:row-reverse;}
				}
				@include max-tablet{
					.service-con{
						h4{font-size:20px}
						h3{font-size:32px;}
					}
					&.service-03{
						.service-image{
							.image-background{max-width:200px;}
						}
					}
				}
			}
			.service-01{
				.service-title{position:relative;
					&::after{content:'';position:absolute;left:60%;top:60px;width:350px;height:150px; background:url(../images/sec04/img-03.png) no-repeat 50% 50%;background-size:contain;
					@include max-desktop{width:300px;left:auto;right:0;top:30px}
					@include max-tablet{width:250px;}
					@include max-tablet-sm{width:200px;}
					}
				}
				.service-con{position:relative;display:inline-block;
					&.arrow-tail{
						&::after{content:'';position:absolute;left:-50px;bottom:0;width:50px;height:50px;background:url(../images/icon/arrow-tail.svg) no-repeat 50% 50%;background-size:contain;z-index:1;}
					}
				}
				.service-box{display:inline-block;text-align:left;margin-top:-3rem;}
				@include max-desktop{
					.service-con.arrow-tail{padding-bottom:80px;
						&::after{width:35px;height:35px;background-image:url(../images/icon/arrow-tail2.svg);top:calc(100% - 80px);left:100%}
					}
					.service-box{margin-top:-50px;margin-left:auto;}
				}
				@include max-tablet-sm{
					.service-con.arrow-tail{padding-bottom:80px;
						&::after{width:35px;height:35px;background-image:url(../images/icon/arrow-tail2.svg);top:calc(100% - 80px);left:100%}
					}
					.service-box{margin-top:-50px;margin-left:auto;}
				}
			}
			@include max-tablet{
				h2{font-size:2rem;}
			}
			@include max-tablet-sm{
				h2{font-size:1.8rem;}
			}
		}
		&.section_05{background:rgb(80,80,91) ;color:color(wh);text-align:center;
			article{
				> .container{max-width:1200px;}	
			}
			.car-list{color:color(dark);
				.swiper-slide{padding:20px;text-align:center;
					.box{border-radius:20px;overflow:hidden;overflow:hidden;border:none;box-shadow:0 10px 10px 0 rgba(0,0,0,0.2);height:100%;max-width:360px;margin:0 auto;
						> .box-content{padding:40px 0;background-color:color(wh);
							h3{font-size:24px;font-weight:800; > strong{font-weight:800;color:color(skin);}}
							p{}
							.thumb {padding:30px;border-radius:20px;background-color:color(gray-s);margin:20px 40px;position:relative;
								.icon-best{width:84px;height:84px;border-radius:100%;background:color(skin) url(../images/icon/star.png) no-repeat 50% 18px;background-size:25px;padding-top:48px;text-align:center;color:color(wh);font-family:'S-CoreDream';font-size:16px;font-weight:500;position:absolute;right:15px;top:-25px;z-index:1;
									&::after{content:'최다판매';}
								}
							}
							.price {padding:0 40px}
							.price{display:flex;align-items:center;flex-wrap:wrap;line-height:1;
								span, strong{font-family:'Montserrat';
									&::after{content:'원';font-family:'S-CoreDream';}
								}
								span{font-size:18px;font-weight:400;text-decoration:line-through; 
									+ strong{margin-left:5px;}
								}
								strong{font-size:36px;font-weight:700;
									&::after{font-size:32px;font-weight:500;font-weight:32px;}
								}
							}
						}
						.btn-apply{display:block;background-color:color(skin);color:color(wh);font-size:24px;padding:15px 0;font-weight:700;}
					}
				}
			}
		}
	}
	.btn{transition:all .3s;
		&.btn-block{max-width:320px;margin-right:auto;margin-left:auto;}
		&.bg-transparent{
			&:hover{background-color:color(wh);color:color(bl)}
		}
	}
.latest_slide, .review-list{
	.swiper-wrapper, .swiper-slide{height:auto;}
	.swiper-button-prev, .swiper-button-next{width:80px;height:80px;transform:none;}
	.box{border-radius:20px;overflow:hidden;border-color:color(gray-m);height:100%;
		.box-content{padding:20px 20px 20px 20px;line-height:1.4;
			h4{font-size:20px;}
		}
		&:hover, &.active{border-width:2px;border-color:color(skin);
			.image-background{margin-top:-1px;}
			.box-content{padding-right:19px;padding-left:19px;}
		}
	}
	@include max-tablet-sm{
		.swiper-button-prev, .swiper-button-next{width:50px;height:50px;
			&::after{font-size:20px;}
		}
	}
}
.latest_contact{text-align:left;line-height:1.2;height:422px;flex-direction:column;
	.box{border-radius:100px;overflow:hidden;background-color:color(wh);border-color:color(gray-m);padding:18px 40px;display:flex;align-items:center;
		.btn{border-radius:100px;background-color:color(skin);color:color(wh);margin-left:auto;padding:10px 20px;}
	}
	@include max-tablet{height:320px;
		.box{padding:8px 30px;}
	}
}
.container {max-width:none;
	@include desktop-xl{max-width:1440px;padding-right:0;padding-left:0;}
}

.responsive-video {overflow:hidden;
	video {width:100%;height:100%;object-fit: cover;}
}
/* btn */
.btn-toggle-collapse{
	&[aria-expanded="true"]{
		&::before{content:attr(data-true)}
	}
	&[aria-expanded="false"]{
		&::before{content:attr(data-false)}
	}
}
/*user-icon */
.user-icon{display:inline-block;border-radius:100%;width:60px;height:60px;background-repeat:no-repeat;background-size:65%;background-position:50% 50%;
	&.mini{width:32px;height:32px;}
	@for $i from 1 through 8{
		&.user-#{$i}{background-color:color(cha-bg-0#{$i});background-image:url(../images/icon/charactor-0#{$i}.svg);}
	}
}