/* BASIC css start */
#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:200 }

/* header */
header {padding:0 !important;}
header .header-menu .left-menu > li .dropdown ul li.title a{
    font-family:"Noto Sans KR", sans-serif !important;
    margin-bottom: 7px;
    font-weight: 500 !important;
}

#reviewBoard .review-wrap .user li .attach-preview img {
 max-width: none !important;
}

/* 추가 수정 */
header .main-menu {height:50px; background:#fff; width:100%; margin:auto; font-weight: 400; border-bottom:1px solid #eee;}
header .main-menu ul{display: table; margin-left: auto; margin-right: auto; }
header .main-menu ul li {float:left; font-size:18px; }
header .main-menu .category { font-weight: 400;}
header .main-menu .category > li:hover > a { color: #dc5f0d;}
header .main-menu .category > li a { display: inline-block; padding:11px 30px; }
header .main-menu .category > li .submenu {display: none; left: 0; position: absolute; width:100%; background: rgba(250, 250, 250, 1); border-top:1px solid #eee;  text-align:center;}
header .main-menu .category > li .submenu .dropdown { width:1200px ; margin:auto;  position:relative;}
header .main-menu .category > li .submenu .dropdown ul { padding: 22px 50px 65px 15px; float:left; margin:0; height:30px;}
header .main-menu .category > li .submenu .dropdown ul:after {clear:both;}
header .main-menu .category > li .submenu .dropdown ul li { float: none; display: block;}
header .main-menu .category > li .submenu .dropdown ul li.title {margin-bottom: 8px;}
header .main-menu .category > li .submenu .dropdown ul li a { padding:0; font-weight: 300; color:#666; font-size:14px;}
header .main-menu .category > li .submenu .dropdown ul li a:hover {color:#dc5f0d !important;}
header .main-menu .category > li .submenu .dropdown ul li.title a {font-family: GothamPro, "Noto Sans KR", sans-serif !important; font-size:16px; color:#333; !important; font-weight: 500 !important;}
header .main-menu .category > li:hover .submenu{ display: block;}

header .main-menu .category > li .submenu .dropdown .petplace {padding:0 !important;}
header .main-menu .category > li .submenu .dropdown .petplace a {padding:0;}
header .main-menu .category > li .submenu .dropdown .petplace li{float:left}
header .main-menu .category > li .submenu .dropdown .petplace li.place-img {width:276px; padding:40px 20px 40px 0 !important;}
header .main-menu .category > li .submenu .dropdown .petplace li.place-txt h2 {padding-top:40px; font-size:22px;}
header .main-menu .category > li .submenu .dropdown .petplace li.place-txt p {font-size:16px; color:#999;}



header .header-menu {height:100px !important; box-shadow:none !important; border-bottom:1px solid #eeeeee;}

header .header-menu .logo {margin:30px 0 30px -100px !important;}
header .header-menu .logo img {width:194px;}

header .header-menu .left-menu {display: table;
  margin-left: auto;
  margin-right: auto; background:#fff;}
header .header-menu .left-menu >li a {padding:0 !important}

header .header-menu .left-menu > li .dropdown {background: rgba(255, 255, 255, 1) !important;}
header .header-menu .left-menu > li .dropdown ul {padding: 22px 30px 22px 22px !important;}
header .header-menu .left-menu > li .dropdown ul li.title {margin-bottom:0 !important;}
header .header-menu .left-menu > li .dropdown ul li.title:hover {color:#dc5f0d !important;}
header .header-menu .left-menu > li .dropdown ul li a:hover {color:#dc5f0d !important;}
header .header-menu .left-menu > li .dropdown ul:first-child { margin-left: 80px !important;}
header .header-menu .left-menu > li .dropdown .dog li{}
header .header-menu .left-menu > li .dropdown .cat li{padding-left:90px;}
header .header-menu .left-menu > li .dropdown .brand li {padding-left:178px;}
header .header-menu .left-menu > li .dropdown .magazine li:first-child {padding-left:265px;}
header .header-menu .left-menu > li .dropdown ul li a {font-size:14px;}
header .header-menu .left-menu > li .dropdown ul .title a {font-size:16px;}
header .header-menu .left-menu > li .dropdown .cscenter li:first-child {padding-left:355px;}

header .header-menu .right-menu {top:16px !important;}
header .header-menu .right-menu li.search-menu .dropdown{
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
box-shadow:none !important;
top: 69px !important;
border:1px solid #eeeeee;
right:0 !important;
}
header .header-menu .right-menu li.my-page .dropdown {
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
box-shadow:none !important;
margin-left: -80px;
top: 69px !important;
border:1px solid #eeeeee;
}

header .header-menu .right-menu li .dropdown li:last-child{border:none;}

header .header-menu .right-menu li a {padding: 22px 12px !important;}
header .header-menu .right-menu li.my-page .dropdown ul li a {padding:15px 0 !important;}
header .header-menu .right-menu li.search-menu .dropdown .popular-keyword li a {padding:5px 0 0 0 !important;}
header .header-menu .right-menu li.search-menu .dropdown .popular-keyword li a:hover {color:#dc5f0d;}
header.scroll {
-webkit-transition: all .3s ease-out;
transition: .3s;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;}



a.gotham, .gotham{font-family: GothamPro, sans-serif !important;}
header .header-menu .right-menu li.sale {padding:0 !important;}
header .header-menu .right-menu li.sale a{color:#dc5f0d !important; line-height:16px !important; font-weight:600; padding:20px 12px 18px !important;}
header .header-menu .right-menu li.sale a span{color:#dc5f0d !important; font-family: GothamPro, sans-serif !important;padding-left:1px !important; font-weight:600;}


/*검색창 추가*/
#search {
  background-color: rgba(255, 255, 255, 1);
  height: 150px;
  right: 227px;
  opacity: 0;
  position: fixed;
  top: 24px;
  transform: translate(50%, -50%) scale(0, 0);
  transition: all 0.3s ease-in-out;
  width: 500px;
  border:1px solid #eee;
}
#search input[type="text"] {
  background: rgba(0, 0, 0, 0);
  border: 0px;
  color: #000;
  font-size: 20px;
  font-weight: 300;
  outline: none;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom:10px;
  position: absolute;
  text-align: center;
  top: 40%;
  left:5%;
  width: 90%;
  border-bottom:2px solid #000;
}
#search .close {
  color: #fff;
  font-size: 36px;
  opacity: 1;
  position: fixed;
  right: 10px;
  top: 10px;
  height:36px;
  line-height:1px;
  background: rgba(0, 0, 0, 1);
}
#search.open {
  opacity: 1;
  transform: translate(0px, 0px) scale(1, 1);
  z-index:999;
}


/* BASIC css end */