@charset "UTF-8";


@keyframes subvisual_ani {
  from {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
  to {    
    transform: scale(1);
  }
}

@keyframes subcontainer_ani {
  from {
    margin-top: 30px;
    /* opacity: 0; */
  }
  to {    
    margin-top: 0px;
    /* opacity: 1; */
  }
}


ul,
li,
ol {
  list-style: none;
}
form {
  padding: 0;
  margin: 0;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

input[type="file"] {
  padding: 0.375rem 0.2rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.2;
  color: #212529;
  background: #f7f7f7;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="text"],
input[type="password"],
input[type="number"],
textarea {
  padding: 0.375rem 0.2rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.2;
  color: #212529;
  background: #fff;
  border: 1px solid var(--bs-gray-400);
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select {
  padding: 0.375rem 2.25rem 0.375rem 0.2rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.2;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 16px 12px;
  border: 1px solid var(--bs-gray-400);
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select:focus,
input:focus,
textarea:focus {
  border: 1px solid rgba(var(--color-point-rgb), .2);
  box-shadow: 0 0 0 0.04rem rgba(var(--color-point-rgb), 0.25);
  outline: 0;
}
input[type="checkbox"]:checked {
  accent-color: #079654;
  background-color: #079654 !important;
  color: #ffffff !important;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  padding: 0;
  margin: 0 auto;
  background: #fff;
  transition: .2s;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -ms-transition: .2s;
  -o-transition: .2s;
  z-index: 2000;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
}
header .topmenu{
  height: 100%;
  display: flex;
  gap: 1rem 4rem;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  margin: 0;
}
header nav {
  display: flex;
  gap: 4rem;
  font-family: 'Jost','GmarketSansMedium',system-ui, -apple-system, "Noto Sans",  sans-serif;
  font-weight: 400;
  font-size:1rem;
  transition: .2s;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -ms-transition: .2s;
  -o-transition: .2s;
}
header nav>div {
  position: relative;
}
header nav>div>a {
}
header nav a {
  display: block;
  font-size:1rem;
  color: var(--body-color);
  line-height: 100px;
}
header nav a:hover {
  color: var(--color-point);
}
header nav ul{
  position: absolute;
  top: 100px;
  left: -20px;
  min-width: 150px;
  padding: 0;
  margin: 0;
  background: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  opacity: 0;
  border-radius: 0 0 .5rem .5rem;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform-origin: top left;
  transition: .4s ease;
  -webkit-transition: .4s ease;
  -moz-transition: .4s ease;
  -ms-transition: .4s ease;
  -o-transition: .4s ease;
}
header nav ul li{
  list-style: none;
  width: 100%;
  padding: .5rem 1.5rem;
}
header nav ul li:first-child{
  margin-top: 1rem;
}
header nav ul li:last-child{
  margin-bottom: 1rem;
}
header nav ul li a{
	font-family: 'Roboto', 'GmarketSansMedium',system-ui, -apple-system, "Noto Sans",  sans-serif;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1.1;
}
header nav div:hover ul{
  opacity: 1;
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
}
header .logo {
  position: relative;
  width: 300px;
  margin: 0;
  padding: 0;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
}
header .logo::before {
  position: absolute;
  content:'';
  left: 50%;
  top: 0;
  background-image: url('/img/logo_bg.png?v=3');
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 227px;
  height: 128px;
  transform: translateX(-50%);
  z-index: 1;
}
header .logo img{
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 50px;
  z-index: 20;
}
header .logo:hover img{
}
header .sidevar{
  display: none;
  position: absolute;
  top: 50%;
  left: 1rem;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}  
header .sidevar button{
  background: none;
  font-size: 1.1rem;
  padding: 5px;
  border: none;
  outline: none;
}
header .cs_wrap{
  display: none;
  position: absolute;  
  top: 50%;  
  right: 1rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 1199px) {
  header nav {
    font-size:.9rem;
    gap: 4rem;
  }
  header .logo {
    width: 180px;
  }
}
@media (max-width: 991.98px) {
  header {
    height: 60px;
  }
  header nav {
    font-size:.8rem;
    gap: 3rem;
  }
  header .logo {
    margin: 0 1rem;
  }  
  header .logo::before {
    height: 88px;
  }
  header .logo img{
    top: 15px;
    max-width: 35px;
  }
  header .sidevar,
  header .cs_wrap{
    display: block;
  }
  header nav {
    display: none;
  }
}
@media (max-width: 767.98px) {
  header .logo {
    width: 120px;
    margin-top : -1px;
  }  
  header .sidevar{
    left: .5rem;
  }
  header .cs_wrap{
    right: .7rem;
  }
  .cs_sub a{
    font-size: .6rem;
    padding: .5rem 0;
  }
}


footer {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  gap: 1.5rem;
  padding: 2.5rem 6rem;
  margin: 0;
  color: #fff;
  background: #111111;
}
footer .cert{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  padding: 0 0 1.5rem 0;
  margin: 0;
  border-bottom: 1px #333333 solid;
}
footer .cert>div{
  padding: 0;
  margin: 0;
}
footer .cert img{
  max-height: 50px;
}
footer nav{
  display: flex;
  gap: 1rem;
  padding: 0;
  margin: 0;  
}
footer nav a{
	/* font-family: 'GmarketSansMedium','Jost', system-ui, -apple-system, "Noto Sans",  sans-serif; */
	font-weight: 500; 
  font-size: .75rem;
  color: rgba(255, 255, 255, .5);
}
footer nav a:hover{
  /* color: var(--color-point); */
  color: #c2b8b2;
}
footer address{
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
  gap: .3rem 3rem;
  /* max-width: 1100px; */
  padding: 0;
  margin: 0 auto;
	/* font-family: 'Jost','GmarketSansMedium',system-ui, -apple-system, "Noto Sans",  sans-serif; */
	font-weight: 400;
  font-size: .75rem;
  color: rgba(255, 255, 255, .5);
}
footer address div{
  position: relative;
}
footer address div:not(:first-child)::before{
  position: absolute;
  content: '';
  top: 2px;
  left: -1.5rem;
  width: 1px;
  height: 12px;
  border-left: 1px solid rgba(255, 255, 255, .1);
}
footer .copy {
  font-size: .7rem;
  color: rgba(255, 255, 255, .3);
}
@media (max-width: 991.98px) {
  footer {
    padding: 2rem 4rem;
  }
}
@media (max-width: 767.98px) {
  footer {
    padding: 1.5rem 2rem;
  }
  footer nav a{
    font-size: .75rem;
  }
  footer address{
    flex-direction: column;
    gap: .2rem;
    margin: 0;
    font-size: .7rem;
  }
  footer address div:not(:first-child)::before{
    display: none;
  }
  footer .copy {
    margin: 0;
    text-align: left;
  }
}


.nav_side_bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.6);
	display:none;
	z-index:3000;
}
.nav_side_bg.active{
	display:block;
}
.nav_side{
	position: fixed;
	display: flex;
	padding: 0 3rem;
	margin: 0;
	top: 0;
	left: -400px;
	width: 300px;
	height: 100vh;
	background: #fff;
  /* border-top: 3px solid var(--color-main); */
	z-index: 3500;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}
.nav_side.active{
	left: 0;
}
.nav_side .nav_wrap{
	display: flex;
	flex-direction: column;
  gap: 2rem;
	width: 100%;
}
.nav_side .logo{
	padding: 0;
  margin: 2rem auto;
  text-align: center;
}
.nav_side .logo img{
  width:40px;
}
.nav_side .lang{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  padding: .8rem 0;
  margin: 0 auto;
  background: #f7f5f2;
}
.nav_side .lang a{
	font-family: 'Jost';
  font-weight: 500;
  font-size: .65rem;
}
.nav_side .menu_wrap{
	display: flex;
	flex-direction: column;
  gap: .7rem;
	width: 100%;
	padding: 0;
  margin: 0;
}
.nav_side .menu_wrap .menu{
  display: block;
  width: 100%;
	padding: 0; 
  font-family: 'Jost';
  font-weight: 500;
	font-size: 1.2rem;
	text-align: left;	
	border: none;
	background: none;
}
.nav_side .menu_wrap .menu:hover{
	color:var(--color-point);
}
.nav_side .menu_wrap .submenu{
	position: relative;
	width: 100%;
	height: 0px;
	overflow: hidden;
	padding-left:1rem;
	transition: all .3s ease-in-out;
}
.nav_side .menu_wrap .submenu a{
	position: relative;
	display: block;
  font-weight: 500;
	font-size: 1rem;
	padding: .5rem 0;
}
.nav_side .menu_wrap .submenu a:first-child{
	padding: 1.5rem 0 .5rem 0;
}
.nav_side .menu_wrap .submenu a:hover{
	color:var(--color-point);
}
.nav_side .menu_wrap .submenu.active{
	height: auto;
	overflow: auto;
	margin-bottom: 2rem;
}
.nav_side .tel_wrap{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	padding:1rem 0 0 0;
	margin-top: 1.5rem;
	font-size: .8rem;
	font-family: 'Jost';
}
.nav_side .tel_wrap h2{
  font-weight: 500;
	font-size: .95rem;
	color: #fff;
  line-height: 1;
	text-align: center;
	padding: .7rem 0 .5rem 0;
  margin: 0 0 1rem 0;
	background-color: var(--color-point);
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-o-border-radius: 1rem;
}
.nav_side .tel_wrap .cs{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	/* gap: 1rem; */
	padding:0 .5rem;
	margin-top: .5rem;
	font-size: .8rem;
}
.nav_side .tel_wrap .cs .tt{
	min-width: 45px;
	font-weight: 500;
	font-size: .75rem;
	color: var(--color-point);
}
.nav_side .tel_wrap .cs .tel{
	font-size: .85rem;
	letter-spacing: 0;
	word-break:keep-all;
	word-wrap:break-word;
}
.nav_side .tel_wrap .cs .txt{
	font-size: .85rem;
	letter-spacing: 0;
	word-break:keep-all;
	word-wrap:break-word;
}
@media (max-width: 767.98px) {
	.nav_side{
		padding: 0 1.5rem;
		width: 250px;
	}
	.nav_side .menu_wrap .menu{
		font-size: 1.2rem;
	}
}


.number{	
  font-family: 'Jost', sans-serif !important;
	font-size: 0.8rem !important;
  letter-spacing: 0px !important;
}

.icon_notice {
	display:inline-block;
	color: #ffffff;
	font-size:1.0em;
	padding: 0px;
	width: 20px;
	height: 20px;
	background-color: #f47420;
	border:0px;
	border-radius:100%;
}


.bt_search {
  display: inline-block;
  color: #fff;
  padding: 0.45rem 0.5rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-family: 'GmarketSansMedium', system-ui, -apple-system, "Noto Sans",  sans-serif;
  font-size: .7rem;
  font-weight: 400;
  line-height: 1.2;
  background-color: #6d6d6d;
  border: 1px solid #525252;
  border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-webkit-appearance: none;
		-moz-appearance: none;
					appearance: none;
}
.bt_search:focus,
.bt_search:hover{
  background-color: #37aef3;
	border-color: #2d98d6;
	outline: 0;
	box-shadow: 0 0 0 0.025rem rgba(13, 110, 253, 0.25);
}

.bt_default {
  display: inline-block;
  color: #000;
  padding: 0.45rem 0.5rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-family: 'GmarketSansMedium', system-ui, -apple-system, "Noto Sans",  sans-serif;
  font-size: .7rem;
  font-weight: 400;
  line-height: 1.2;
  background-color: #f3f3f3;
  border: 1px solid #bbb9b9;
  border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-webkit-appearance: none;
		-moz-appearance: none;
					appearance: none;
}
.bt_default:focus,
.bt_default:hover{
	color: #1a5fc7;
  background-color: #fff;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.025rem rgba(13, 110, 253, 0.25);
}

.bt_blue {
  display: inline-block;
  color: #fff;
  padding: 0.45rem 0.5rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-family: 'GmarketSansMedium', system-ui, -apple-system, "Noto Sans",  sans-serif;
  font-size: .7rem;
  font-weight: 400;
  line-height: 1.2;
  background-color: #1a5fc7;
  border: 1px solid #1a5fc7;
  border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-webkit-appearance: none;
		-moz-appearance: none;
					appearance: none;
}
.bt_blue:focus,
.bt_blue:hover{
	color: #fff;
  background-color: #1553b1;
	border-color: #1553b1;
	outline: 0;
	box-shadow: 0 0 0 0.025rem rgba(13, 110, 253, 0.25);
}

.bt_white {
  display: inline-block;
  color: #414141;
  padding: .8rem 2rem .6rem 2rem;
  font-family: 'GmarketSansMedium', system-ui, -apple-system, "Noto Sans",  sans-serif;
	font-weight: 400;
  font-size: .8rem;
  line-height: 1.2;
  background-color: #fff;
  border: 1px solid #cccccc;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-webkit-appearance: none;
		-moz-appearance: none;
					appearance: none;
}
.bt_white:focus,
.bt_white:hover{
	color: #000;
  background-color: #fff;
  border: 1px solid #696969;
	outline: 0;
}


.bt_dark {
  display: inline-block;
  color: #e4e4e4;
  padding: .8rem 2rem .6rem 2rem;
  font-family: 'GmarketSansMedium', system-ui, -apple-system, "Noto Sans",  sans-serif;
	font-weight: 400;
  font-size: .8rem;
  line-height: 1.2;
  background-color: #424242;
  border: 1px solid #424242;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-webkit-appearance: none;
		-moz-appearance: none;
					appearance: none;
}
.bt_dark:focus,
.bt_dark:hover{
	color: #fff;
  background-color: #303030;
  border: 1px solid #252525;
	outline: 0;
}



.left{
  text-align: left;
}
.center{
  text-align: center;
}
.right{
  /* display: flex;
  justify-content: flex-end; */
  text-align: right;
}