@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body {font-family: 'Pretendard', sans-serif !important; font-size:13px; font-weight:400; padding:0; margin:0; zoom:0.8}

/* * {
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
} */

/* 버튼에 대한 폰트 스타일 추가 */
button {
  font-family: 'Pretendard', sans-serif !important;
}

/* 입력 요소들에 대한 폰트 스타일도 추가 */
input, 
select, 
textarea {
  font-family: 'Pretendard', sans-serif !important;
}

* {
  box-sizing: border-box;
}

label, input[type='checkbox'], input[type='radio'] {
  cursor: pointer;
}


a:link {color:#000; text-decoration: none;}
a:visited {color:#000; text-decoration: none;}
/* a:hover {color:#000; text-decoration: none;} */

input, textarea {outline:none;}
ul {list-style: none; margin:0; padding:0;}
h1, h2, p {margin:0;}

input[type=checkbox], input[type=radio] {
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

input[type=radio] {
  bottom: 2px;
}

button {
  cursor: pointer;
}

.align-left {text-align:left !important;}
.align-right {text-align:right !important;}
.align-center {text-align:center !important;}

.fnt-sz-12 {font-size:12px;}
.fnt-sz-13 {font-size:13px;}
.fnt-sz-16 {font-size:16px;}
.fnt-sz-18 {font-size:18px;}
.fnt-sz-25 {font-size:25px !important;}

.mgb-2 {margin-bottom:2px;}
.mgb-4 {margin-bottom:4px;}
.mgb-4 {margin-bottom:4px;}
.mgb-10 {margin-bottom:10px;}
.mgb-20 {margin-bottom:20px;}
.mgb-30 {margin-bottom:30px;}
.mgb-50 {margin-bottom:50px;}
.mgt-2 {margin-top:2px !important;}
.mgt-5 {margin-top:5px !important;}
.mgt-10 {margin-top:10px !important;}
.mgt-15 {margin-top:15px !important;}
.mgt-20 {margin-top:20px !important;}
.mgt-30 {margin-top:30px;}
.mgt-40 {margin-top:40px;}
.mgt-50 {margin-top:50px;}
.mgt-60 {margin-top:60px;}
.mgt-70 {margin-top:70px;}
.mgt-80 {margin-top:80px;}
.mgt-100 {margin-top:100px;}
.mgl-1 {margin-left:1px;}
.mgl-2 {margin-left:2px;}
.mgl-3 {margin-left:3px;}
.mgl-4 {margin-left:4px;}
.mgl-5 {margin-left:5px;}
.mgl-10 {margin-left:10px;}
.mgl-20 {margin-left:20px !important;}
.mgl-25 {margin-left:25px;}
.mgl-30 {margin-left:30px;}
.mgl-40 {margin-left:40px;}
.mgl-50 {margin-left:50px;}
.mgr-5 {margin-right:5px;}
.mgr-10 {margin-right:10px;}
.mgr-20 {margin-right:20px;}
.mgr-30 {margin-right:30px;}
.mgr-40 {margin-right:40px;}

.pd5 {padding:5px;}
.pd8 {padding:8px;}
.pdt-5 {padding-top:5px !important;}
.pdt-10 {padding-top:10px !important;}
.pdt-20 {padding-top:20px;}
.pdb-10 {padding-bottom:10px !important;}
.pdb-20 {padding-bottom:20px;}
.pdb-30 {padding-bottom:30px;}
.pdlr-3 {padding:0 3px;}
.pdtb-10 {padding:10px 0px !important;}

.pdr-0 {padding-right:0;}

.pdl-20 {padding-left:20px;}
.pdb-50 {padding-bottom:50px;}

.wd30 {width:30px;}
.wd40 {width:40px;}
.wd50 {width:50px;}
.wd60 {width:60px;}
.wd70 {width:70px;}
.wd80 {width:80px;}
.wd90 {width:90px;}
.wd100 {width:100px !important;}
.wd120 {width:120px;}
.wd130 {width:130px;}
.wd150 {width:150px;}
.wd160 {width:160px;}
.wd170 {width:170px;}
.wd180 {width:180px;}
.wd200 {width:200px;}
.wd250 {width:250px;}
.wd300 {width:300px;}
.wd400 {width:400px;}
.wd500 {width:500px;}
.wd600 {width:600px;}
.wd1240 {width:1240px;}

.hg100p {height:100%;}

.max-w-200 {max-width: 200px;}

.cursor-pointer {
  cursor: pointer;
}


/* DEFAULT LAYOUT PC */
.page-container {
  position:relative;
  min-width:1320px;
  max-width: 1320px;
  min-height: calc(110vh - 70px);
  margin:0 auto;
  overflow: hidden;
  overflow-y: visible;
}

.page-container .page-wrap {
  display:flex;
  flex-direction: column;
  align-items: center;
}

/****** HEADER ******/
.header-container {
  border-bottom:1px solid #DCDCDC;

}
.header-container .header-wrap {
  display: flex;
  justify-content: space-between;
  min-width:1320px;
  max-width: 1320px;
  margin:0 auto;
  padding:22px 0;
}
.header-container .header-wrap .header-menu {
  display:flex;
  align-items: center;
  color: #000;
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
}
.header-container .header-wrap .header-menu .split {
  margin:0 17px;
}
.header-container .header-wrap .header-menu .login-user {
  color: #50C350;
  font-size: 17px;
  font-weight: 600;
  line-height: normal;
  margin-right:15px;
}
.header-container .header-wrap .header-menu .login-guest {
  color: #50C350;
  font-size: 17px;
  font-weight: 600;
  line-height: normal;
}

/****** PAGENATION *******/
.div-pagenation-wrap {
  display: flex;
  justify-content: center;
  margin-top:50px;
  margin-bottom: 50px;
}
.btn-common-page-num {
  color: #2A2A2A;
  font-size: 20px;
  font-weight: 400;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 15px;
}
.btn-common-page-num:hover {
  color: #50C350;
  text-align: center;
  font-size: 20px;
  font-weight: 800;
  line-height: normal;
}
.btn_pagenation_active {
  color: #50C350;
  text-align: center;
  font-size: 20px;
  font-weight: 800;
  line-height: normal;
}
.img-page-arrow {
  vertical-align: bottom;
}
.btn-clear-color { background-color: transparent; border: 0; }

input[type=number],
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}

.tbl-no-data {
  width: 100%;
  height: 210px;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* 푸터 */
.footer-container {
  display:flex;
  background:#EDEDED;
  padding:36px 0;
  align-items: center;
  justify-content: center;
  margin-top:auto;
}
.footer-container .company-wrap {
  display:flex;
  flex-direction: column;
  justify-content: center;
  margin-left:70px;
}
.footer-container .company-wrap .cmpny-info {
  color: #636363;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.42px;
}
.footer-container .company-wrap .cmpny-terms {
  color: #636363;
  font-size: 16px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: -0.42px;
}

/*********************************************************************
/* Mobile Common style
**********************************************************************/
/* DEFAULT LAYOUT MOBILE */
.page-m-container {
  position:relative;
  margin:0 auto;
}

.page-m-container .page-wrap {
  display:flex;
  flex-direction: column;
  align-items: center;
}

/* 푸터 모바일 */
.footer-m-container {
  display:flex;
  flex-direction: column;
  background:#ededed;
  padding:35px 30px;
}
.footer-m-container .cmpny-info {
  color: #636363;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px; /* 150% */
  letter-spacing: -0.3px;
  margin-top:16px;
}
.footer-m-container .cmpny-terms {
  color: #636363;
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: -0.3px;
}

/* 헤더 모바일 */
.header-m-container {
  border-bottom:1px solid #DCDCDC;
}
.header-m-container .header-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width:100%;
  margin:0 auto;
  padding:18px 20px;
}
.header-m-container .header-wrap .header-menu {
  display:flex;
  align-items: center;
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
}
.header-m-container .header-wrap .header-menu .split {
  margin:0 5px;
}
.header-m-container .header-wrap .header-menu .login-user {
  color: #50C350;
  font-size: 17px;
  font-weight: 600;
  line-height: normal;
  margin-right:15px;
}
.header-m-container .header-wrap .header-menu .login-guest {
  color: #50C350;
  font-size: 17px;
  font-weight: 600;
  line-height: normal;
}

.slider-container {
  display: flex;
  transition: transform 0.5s ease-in-out;
  position: relative;
}

.slider-container img {
  min-width:1320px;
  max-width: 1320px;
  height: 300px;
  object-fit: contain; 
}

.prev-btn,
.next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  color: #fff;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
}

.prev-btn {
  left: 10px;
}

.next-btn {
  right: 10px;
}

.entryBrand {   
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  background-color: #50C350;
  border-radius: 5px;
  width: 99px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  cursor: pointer;
  text-align: center;
}

.brandLogin {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  background-color: #398239;
  border-radius: 5px;
  width: 99px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  cursor: pointer;
  text-align: center;
}

.brand-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.advantage{
  color: #398239;
  font-size: 17px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 20px;
  border-radius: 5px;
}