/*
header.html,
menu.html
*/
.wrap {
  width: 100%;
}

.menu {
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%;
  margin: 0 auto;
}

.menu_list_wrapper {
  width: 100%;
  font-size: 0;
  height: 4.36rem;
  box-shadow: 3px 3px 13px -7px #000;
}

.menu_list_wrapper li {
  display: inline-block;
  width: 25%;
  height: 100%;
}

.menu_list_wrapper li a {
  cursor: pointer;
  background-size: 1.8rem !important;
  max-width: 5rem;
  width: 100% !important;
}

.menu_list_wrapper li:last-of-type {
}

.menu_list_wrapper li:nth-of-type(1) a {
  background: url(/assets/cm/images/base/menu_icon_1.png) no-repeat;
  display: block;
  width: 2.25rem;
  background-position: center center;
  background-size: 2rem;
  margin: 0 auto;
  height: 100%;
  width: 100%;
}

.clickhome {
  background: url(/assets/cm/images/2x/icon/homeclick.png) no-repeat;
  width: 2.25rem;
  background-position: center center;
  background-size: 2rem;
  margin: 0 auto;
  height: 100%;
  width: 100%;
}

.menu_list_wrapper li:nth-of-type(2) a {
  background: url(/assets/cm/images/base/menu_icon_2.png) no-repeat;
  display: block;
  width: 2.25rem;
  background-position: center center;
  background-size: 100%;
  margin: 0 auto;
  height: 100%;
  position: relative;
}

.menu_list_wrapper li:nth-of-type(3) a {
  background: url(/assets/cm/images/base/menu_icon_3.png) no-repeat;
  display: block;
  width: 2.25rem;
  background-position: center center;
  background-size: 100%;
  margin: 0 auto;
  height: 100%;
}

.menu_list_wrapper li:nth-of-type(4) a {
  background: url(/assets/cm/images/base/menu_icon_4.png) no-repeat;
  display: block;
  width: 2.25rem;
  background-position: center center;
  background-size: 100%;
  margin: 0 auto;
  height: 100%;
}

.menu_savedItem {
  background-color: #e83434;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  position: absolute;
  right: 0.8rem;
  bottom: 0.6rem;
}

.menu_savedItem span {
  text-align: center;
  font-size: 0.875rem;
  color: #fff;
  display: block;
  line-height: 1.5rem;
  font-size: 1rem;
}

.move_top {
  position: absolute;
  right: 0;
  width: 3rem;
  height: 3rem;
  bottom: 4.36rem;
  background: url(/assets/cm/images/base/move_top_img.png) no-repeat;
  background-color: #cccccc;
  background-size: 1.5rem;
  background-position: center center;
  box-shadow: 0px -1px 15px -7px #959595;
  z-index: 9999;
  cursor: pointer;
  display: none;
}

.menu {
  height: 4.36rem;
  background: #fff;
}

/*intro*/
.intro {
}

.intro_textWrap {
}

.intro_textWrap span {
}

.intro_textWrap p {
}

/*메뉴검색 > 모달검색div*/
#wrap2 {
  width: 100%;
  min-height: 768px;
  position: fixed;
  display: none;
  z-index: 999;
  top: 0;
}

.wrap2foractive {
  width: 100%;
  min-height: 768px;
  position: relative;
  display: block !important;
  position: fixed;
  top: 0;
}

.ModalPopup {
  top: 0;
  width: 100%;
  height: 100%;
}

/*   검색div   */
.closeicon {
  position: absolute;
  background: url(/assets/cm/images/2x/icon/grayclosebtn.png) no-repeat;
  width: 1.364rem;
  height: 1.364rem;
  background-size: 100%;
  right: 1.455rem;
  top: 1.455rem;
}

.modalParents {
  position: relative;
  z-index: 99;
  background: #fff;
  width: 100%;
}

.modalpadding {
  padding: 1.455rem 2.273rem 0rem 2.273rem;
  height: 14.73rem;
}

.searchHistoryListDiv2 {
  padding: 1.455rem 2.273rem 1.455rem 2.273rem;
  overflow: auto;
}

.background_b {
  width: 100%;
  height: 100vh;
  position: absolute;
  background-color: #000;
  top: 0;
  left: 0;
  opacity: 0.5;
  z-index: 4;
}

.modalpadding h1 {
  font-family: 'noto_M';
  font-size: 1.727rem;
  padding-bottom: 1.6rem;
  padding-top: 2.455rem;
}

/* 검색 input */
.searchinput {
  position: relative;
}

.searchinput input {
  width: 100%;
  padding: 0.5rem;
  height: 3.545rem;
  color: #c6c6c6;
  font-family: 'noto_DL';
  font-size: 1.091rem;
}

.searchdiv {
  width: 18px;
  height: 18px;
  display: inline-block;
}

.searchbtn img {
  height: 100%;
  width: 100%;
}

#searchdiv {
  position: absolute;
  right: 0;
  top: -0.2rem;
  width: 20%;
  text-align: right;
  height: 4rem;
  padding: 1rem;
}

input.searchbtn {
  background: url('/assets/cm/images/2x/icon/search.png') no-repeat;
  width: 18px;
  height: 18px;
  border: none;
  position: absolute;
  padding: 0;
  background-size: 100%;
  right: 1rem;
  top: 1.3rem;
}

.searchHistory {
  display: inline-block;
  width: 85%;
  text-align: left;
  vertical-align: middle;
  font-size: 0.9rem;
  font-family: 'noto_DL';
}

.deletAll {
  text-align: right;
  display: inline-block;
  width: 15%;
  color: #a8a8a8;
  font-size: 0.9091rem;
  position: relative;
  font-family: 'noto_DL';
  vertical-align: middle;
}

.deletAll::after {
  position: absolute;
  content: '';
  width: 3rem;
  bottom: 0;
  right: 0;
  background: #a8a8a8;
  height: 1px;
}

.searchtitle {
  margin-bottom: 0.8rem;
  font-size: 0;
  padding: 0.8rem 0rem;
  border-bottom: 0.7px #e8e8e8 solid;
}

/*  최근 검색어 리스트 div  */
.searchHistoryListDiv {
}

.searchHistoryList p {
  text-align: left;
  font-family: 'noto_DL';
  font-size: 1.182rem;
  display: inline-block;
}

.searchHistoryList img {
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
  float: right;
  clear: both;
  margin-top: 8px;
}

.searchHistoryList {
  height: 2.3rem;
}

.menudiv {
  height: 4.36rem;
}

.pro_gr {
  /* height: auto; */
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  background: #fff;
  /* margin-top: 15rem; */
}

.pro2_contents {
  overflow-y: hidden;
  /* margin-top: 11rem; */
  margin-bottom: 4.3rem;
  overflow-x: hidden;
}

.menu_modal_ul li {
  height: 4.818rem;
  border-bottom: 1px solid #e8e8e8;
  font-size: 1.727rem;
  line-height: 4.818rem;
  font-family: 'noto_L';
  padding: 0rem 2.364rem;
}

.menu_modal_ul li a {
  height: 4.818rem;
  border-bottom: 1px solid #e8e8e8;
  font-size: 1.727rem;
  line-height: 4.818rem;
  font-family: 'noto_L';
}

.menu_modal_ul {
  padding-top: 4rem;
}

.home {
  font-family: 'noto_M' !important;
  font-size: 1.727rem;
  color: #47e5c5;
}

.for_customer li {
  font-size: 1.182rem;
  color: #6b6b6b;
  background: #f7f7f7;
  height: 3.091rem;
  width: 50%;
  display: inline-block;
  line-height: 3.091rem;
  padding: 0rem 2.273rem;
  border-bottom: #e8e8e8 1px solid;
}

.for_customer li a {
  font-size: 1.182rem;
  color: #6b6b6b;
  background: #f7f7f7;
  height: 3.091rem;
  display: block;
  line-height: 3.091rem;
  border-bottom: #e8e8e8 1px solid;
}

.for_customer li:nth-of-type(2n) {
  border-left: 1px solid #e8e8e8;
}

.for_customer {
  font-size: 0;
}

.menu_list {
  display: none;
  z-index: 1001;
  background: #fff;
}

.menu_list_active {
  display: block !important;
  position: relative;
  background: #fff;
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
}

.logindiv {
  height: 4.182rem;
  background: #c1c1c1;
  line-height: 4.182rem;
}

.logoutdiv {
  display: none;
  height: 4.182rem;
  background: #47e5c5;
  line-height: 4.182rem;
}

.logindiv h1 a {
  font-size: 1.364rem;
  color: #fff;
  text-align: center;
  display: block;
}

.for_customerdiv {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.needtologin_wrapper {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  top: 0;
  left: 0;
  display: none;
}

.menu_modal_ul li a {
  width: 100%;
  text-decoration: none;
  display: block;
}

.needtologin {
  width: 18.64rem;
  height: 9.182rem;
}

.needtologin li:nth-of-type(1) {
  background: #ffffff;
  font-family: 'noto_DL';
  font-size: 1.182rem;
  height: 5.818rem;
  line-height: 5.818rem;
  text-align: center;
}

.ok_close {
  background: #47e5c5;
  color: #fff;
  font-size: 1.182rem;
  height: 3.364rem;
  line-height: 3.364rem;
  text-align: center;
}

.menu_active {
  color: #47e5c5 !important;
  font-family: 'noto_M';
  font-size: 1.7rem;
}

.menu_active_2 {
  font-size: 1.182rem;
  color: #47e5c5 !important;
}

.list_left2video_celeb {
  padding: 0.5rem 1rem;
}

div.spl_img {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 9999999;
  top: 0;
  background: url(/assets/cm/images/base/spl_img.png);
  background-size: cover;
}

div.spl_img div.spl_img_textArea {
  color: #333333;
  margin-top: 4rem;
  margin-left: 1rem;
  color: #fff;
  position: relative;
}

div.spl_img div.spl_img_textArea h1 {
  color: #fff;
  position: relative;
  z-index: 6;
  font-family: noto_L;
}

div.spl_img div.spl_img_back {
  background-color: #000;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
}

#searchinputText {
  width: 100% !important;
}

body {
  /* background-color: #fff; */
  /* max-width: 840px; */
  margin: 0 auto;
  width: 100%;
  height: 100%;
}

div {
  /* max-width: 840px; */
}

html {
  /* background: #fff; */
}

@media (min-width: 720px) {
  .menu {
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
    margin: 0 auto;
  }
}

input[type='color'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
input[type='week'],
select:focus,
textarea {
  font-size: 16px;
}