@charset "utf-8";
.Strite-img {
  background-image: url('/images/main/Img-main.png');
}

.text-none {
  color: transparent;
  /* text-indent: -9999px; */
}

.SearchBox {
  position: absolute;
  right: 0px;
  height: 100%;
}

.SearchBox>div {
  float: left;
  width: 28px;
  margin-top: 8px;
  margin-left: 11px;
}

.SearchBox>.Search {
  width: 230px;
  height: 26px;
  border-radius: 5px;
  background-color: #DDD;
  position: relative;
  margin-top: 5px;
}

.SearchBox>.Search input[type="text"] {
  background-color: #eee;
  border: 0px;
  height: 100%;
  padding: 0px;
  padding-left: 9px;
  font-size: 12pt;
  width: 158px;
  position: absolute;
  top: 0px;
  border-radius: 5px 0px 0px 5px;
}

.SearchBox>.Search input[type="text"]:focus {
  outline: none !important;
}

.SearchBox>.Search input.SearchBox-btn {
  width: 60px;
  height: 23px;
  background-position: 0px -56px;
  color: transparent;
  border: 0px;
  position: absolute;
  right: 3px;
  top: 2px;
  text-indent: -9999px;
}

.SearchBox>.detail {
  width: 28px;
  height: 19px;
  background-position: -64px -58px;
  color: transparent;
  text-indent: -9999px;
  cursor: pointer;
}

.SearchBox>.like {
  width: 24px;
  height: 21px;
  background-position: -99px -57px;
  color: transparent;
  text-indent: -9999px;
  cursor: pointer;
}

.logo {
  position: relative;
  /* cursor:pointer; */
  z-index: 5;
  background-color: #FFF;
  /*background: url(../images/mainimg/main_bg.gif);*/
}

.logo>div {
  width: 482px;
  /* height: 66px; */
  /* background-image:url('/images/header/yomiMainLogo.svg'); */
  margin: 0px auto;
  /* background-size: auto 100%; */
  /* margin-top: 41px; */
  padding: 10px 0px 9px 0px;
  background-color: #FFF;
}

.logo>div img {
  /* height:100%; */
  /* width: 100%; */
}

div#mid-menu-fixed>div {
   width: 1300px; 
  margin-left: 20px;
  overflow: hidden; 
  margin: 0px auto;
  height: 100%;
}

div#middle-menu {
  height: 44px;
  margin-top: 0px;
  z-index: 30;
  /* margin-bottom: 32px; */
  position: relative;
}

div#mid-menu-fixed>div>div {
  /* height: 100%; */
  float: left;
  margin-left: 30px;
  margin-right: 46px;
  position: relative;
}

div#mid-menu-fixed>div>div.menu-respon { 
	  margin-left: 18px !important;
}

div#mid-menu-fixed>div>div.menu-ShowType {
	margin-left: 3px !important;
	
}

div#mid-menu-fixed>div>div.menu-Best {
  margin-left: 0px !important;
  font-size: 17px !important;;   
}

div#mid-menu-fixed>div>div:last-child {
  margin-right: 0px !important;
}

div#mid-menu-fixed>div>div>div {
  /* background-image: url('/images/main/Img-main.png');  1126 */
  color: transparent;
  font-size: 0.1pt;
  /* width: 105px; */
  height: 15px;
  display: block;
  margin: 13.5px auto;
  cursor: pointer;
}

div#mid-menu-fixed>div>div:hover .sub-menu {
  display: block;
}

div#mid-menu-fixed>div>div>div span {
  /*
  display:none; 
  color: transparent;
  text-indent: -9999px;  
  수정 1126*/
  font-family: 'Noto Sans KR', sans-serif ,Helvetica,'맑은 고딕';
  font-size: 15px;
  display: block;
  height: 15px;
  font-weight: 600;
}

div#mid-menu-fixed>div>div>div span:hover {

color:#eb1b22;

}
div#mid-menu-fixed>div>div.menu-line {
  width: 3px;
  margin: 0px !important;
}

div#mid-menu-fixed>div>div.menu-line>span {
  display: inline-block;
  background-color: #9e9e9e;
  width: 1px;
  height: 16px;
  margin: 13.5px auto;
}

div#mid-menu-fixed {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  background-color: #FFF;
  height: 42px;
}

.menu-scroll-fixed {
  width: 100%;
  position: fixed;
  top: 38px;
  background-color: #ffffff;
  opacity: 0.9;
  z-index: 9999;
}

.fixed-logo {
  display: none;
  margin: 0px 20px 0px 0px !important;
}

.mid-menu-fixed.menu-scroll-fixed>.fixed-logo {}

.menu-Best>div {
  background-position: 0px -225px;
  width: 50px;
    margin-left: 55px !important ;
}

.menu-Best>div.active, .menu-Best>div:hover {
 /* background-position: -112px -225px; */

}

.menu-New>div {
   /*  background-position: 0px -239px;*/
  width: 96px;
}

.menu-New>div.active, .menu-New>div:hover {
   /*  background-position: -112px -239px; */

} 

.menu-ShowType>div {
  background-position: 0px -253px;
  width: 90px;
}

.menu-ShowType>div.active, .menu-ShowType>div:hover {
  background-position: -112px -253px;

}

.menu-PetType>div {
  background-position: 0px -267px;
  width: 74px;
}

.menu-PetType>div.active, .menu-PetType>div:hover {
  background-position: -112px -267px;

}

.menu-AllType>div {
  background-position: 0px -281px;
  width: 74px;
}

.menu-AllType>div.active, .menu-AllType>div:hover {
  background-position: -112px -281px;
}

.menu-Store>div {
  background-position: 0px -295px;
  width: 50px;
  margin-left: 30px !important;
}

.menu-Store>div.active, .menu-Store>div:hover {
  background-position: -112px -295px;
}

.menu-Event>div {
  background-position: 0px -309px;
  width: 50px;
  margin-left: 10px !important;
}

.menu-Event>div.active, .menu-Event>div:hover {
  background-position: -112px -309px;
}

.menu-Story>div {
  background-position: 0px -323px;
  width: 50px;
}

.menu-Story>div.active, .menu-Story>div:hover {
  background-position: -112px -323px;
}

.menu-Community>div {
  background-position: 0px -337px;
  width: 92px;
}

.menu-Community>div.active, .menu-Community>div:hover {
  background-position: -112px -337px;
}

.menu-Brand>div {
  background-position: 0px -351px;
  width: 54px;
}

.menu-Brand>div.active, .menu-Brand>div:hover {
  background-position: -112px -351px;
}

.menu-Franchise>div {
  background-position: 0px -365px;
  width: 86px;
}

.menu-Franchise>div.active, .menu-Franchise>div:hover {
  background-position: -112px -365px;
}

.sub-menu {
  background: url(/images/mainimg/bg_depth2.gif);
  position: absolute;
  top: 42px;
  left: -30px;
  width: 170px;
  /* color: #FFF; */
  display: none;
  font-weight: bold;
}

.sub-menu li {
  /* width: 110px; */
  /* padding: 9px 15px; */
  color: #FFF;
  font-size: 13px;
}

.sub-menu li:hover {
  background: url(/images/mainimg/arrow.png) no-repeat 154px center;
}

.sub-menu li a {
  color: #FFF;
  padding: 10px;
  display: block;
}

.stripe-img {
  background-image: url(/images/main/Img-main.png);
}

.margin-right-60 {
  margin-right: 60px !important;
}

.Main-Widget {
  position: relative;
  height: 604px;
}

.Main-Widget>div {
  position: absolute;
}

.Main-Widget>div:nth-child(1) {
  left: 0px;
  top: 0px;
}

.Main-Widget>div:nth-child(2) {
  left: 0px;
  bottom: 0px;
}

.Main-Widget>div:nth-child(3) {
  left: 320px;
  width: 660px;
  height: 602px;
  overflow: hidden;
}

.Main-Widget>div:nth-child(4) {
  right: 0px;
  top: 0px;
}

.Main-Widget>div:nth-child(5) {
  right: 0px;
  bottom: 0px;
}

.Content-2 {
  margin-top: 32px;
  height: 686px;
  border: 1px solid #C7C7C7;
  position: relative;
}

.Content-2>.bg {
  width: 265px;
  height: 50px;
  background-position: 0px -400px;
  position: absolute;
  top: -4px;
  left: 530px;
}

.Content-3 {
  margin-top: 28px;
  height: 114px;
  line-height: 114px;
  background-color: #F8F8F8;
}

.Content-3>div {
  float: left;
  text-align: center;
}

.Content-3>.Content-title {
  width: 310px;
  font-size: 25pt;
  background: url(/images/mainimg/pop_keyword.png) no-repeat center center;
}

.Content-3>.Content-value {
  width: 990px;
}

.Content-3>.Content-value>a>span {
  background-color: #FFF;
  padding: 10px;
  margin: 9px;
  font-size: 12pt;
}

.Content-3>.Content-value>a>span:hover {
  color: #f00940;
}

.Content-4 {
  margin-top: 46px;
  font-size: 10pt;
}

.Content-4>ul {
  overflow: hidden;
}

.Content-4>ul.video {
  margin-top: 22px;
}

.Content-4>ul.video li {
  height: 361px;
}

.Content-4>ul:nth-child(2) li {
  /* height:354px; */
}

.Content-4>ul>li {
  width: 640px;
  height: 100%;
  float: left;
  /* background-color:#EEE; */
}

.Content-4>ul>li:first-child {
  margin-right: 20px;
}

.Content-4>ul>li.column>div {
  height: 100%;
  width: 314px;
  float: left;
  margin-right: 10px;
}

.Content-4>ul>li.column>div:last-child {
  margin-right: 0px;
}

.photoBoxList>.text-layer {
  background-color: #e6e6d7; /*f5e3c0     f5e6c8*/
  width: 315px;
}

.photoBoxList>div {
  width: 325px;
  /* width:50%; */
  height: 100%;
  position: relative;
  float: left;
  background-color: #FFF;
}

.photoBoxList>.image-layer>img {
  width: auto;
  height: auto;
}

.photoBoxList>.text-layer>.stripe-img {
  position: absolute;
  width: 41px;
  height: 76px;
  top: 145px;
  background-position: -540px -220px;
}

.photoBoxList>.text-layer>.title {
  height: 60px;
  margin-top: 55px;
  padding-top: 25px;
  /* line-height: 95px; */
  font-weight: bold;
  text-decoration: line-through;
}

.photoBoxList>.text-layer .title span {
  display: inline-block;
  width: 250px;
  font-size: 1.5em;
  /* text-decoration: underline; */
  overflow: hidden;
  line-height: 23px;
  cursor: pointer;
  color:#244e4e;
}

.photoBoxList>.text-layer .title span:hover {
  text-decoration: underline;
}

.photoBoxList .text-layer .content {
  height: 75px;
  /* line-height: 95px; */
  padding: 20px 40px;
  /* .photoBoxList > .text-layer > .content */
}

.photoBoxList .text-layer .read-more {
  height: 50px;
  line-height: 50px;
}

.photoBoxList>.text-layer .read-more span {
  display: inline-block;
  background-color: #244e4e;  /* 333*/
  color: #FFF;
  width: 120px;
  height: 25px;
  line-height: 25px;
}

.bot-image-layer>img {
  height: 100%;
  width: 100%;
}

.bot-image-layer {
  width: 325px;
  height: 130px;
  overflow: hidden;
}

.top-image-layer {
  height: calc( 100% - 130px);
}

.top-image-layer>img {
  width: 100%;
  height: 100%;
}

.line {
  width: 0px;
  background-color: #000;
  height: 1px;
  margin: 0px auto;
}

.margin-top-option {
  margin-top: 92px;
}

.Content {
  position: relative;
  /* overflow: hidden; */
  border-top: 1px solid #ececec;
}

.Content>div>div {
  margin: 0px auto;
}

.Content>div:nth-child(2)>li {
  float: left;
  /* border: 1px solid #000; */
}

.Content>div:nth-child(2)>li:hover>.line {
  width: 100%;
}

.Content-5.Shop-List>div .stripe-img {
	 width: 270px;
  height: 18px;
  background-position: 0px -457px;
  margin: 0px auto;
}

/*.Content-5.Shop-List > div > .Shop-List-Info{font-size: 12px;text-align: center;margin-top: 9px;color: #808080;}*/

.Content-5>div:nth-child(1) {
  position: relative;
  top: -11px;
  background-color: #FFF;
  width: 270px;
  margin: 0px auto;
}

.Content-5>div:nth-child(2) {
  overflow: hidden;
  margin-top: 30px;
}

.Content-6>div>.stripe-img {
  width: 121px;
  height: 18px;
  background-position: 0px -489px;
}

/*.Content-6 > div > .Shop-List-Info{ width: 160px; font-size: 7.6pt; }*/

.Content-6>div:nth-child(2) {
  overflow: hidden;
}

.Content-7>div .stripe-img {
/*  width: 122px; */
  height: 22px;
  background-position: 0px -487px;
  margin: 0px auto;
}

/*.Content-7 > div > .Shop-List-Info{      font-size: 8pt;     text-align: center;    margin-top: 5px;    color: #a2a2a2;}*/

/*.Content-7 > div:nth-child(2)*/

.pet_list_NEW {
  /* overflow: hidden; */
  height: calc( 398px * 10.9);
}

/*.Content-7 > div:nth-child(2)*/

.pet_list_NEW li {
  width: 308px;
  float: left;
  margin-left: 22px;
  margin-top: 30px;
  position: relative;
}

/*.Content-7 > div:nth-child(2)*/

.pet_list_NEW li:nth-child(1) {
  margin-left: 0px;
}

/*.Content-7 > div:nth-child(2)*/

.pet_list_NEW li:nth-child(5) {
  margin-left: 0px;
}

/*.Content-7 > div:nth-child(2)*/

.pet_list_NEW li:nth-child(9) {
  margin-left: 0px;
}

/*.Content-7 > div:nth-child(2)*/

.pet_list_NEW li:nth-child(13) {
  margin-left: 0px;
}

/*.Content-7 > div:nth-child(2)*/

.pet_list_NEW li:nth-child(17) {
  margin-left: 0px;
}

/*.Content-7 > div:nth-child(2)*/

.pet_list_NEW li:nth-child(21) {
  margin-left: 0px;
}

/*.Content-7 > div:nth-child(2)*/

.pet_list_NEW li:nth-child(25) {
  margin-left: 0px;
}

/*.Content-7 > div:nth-child(2)*/

.pet_list_NEW li:nth-child(29) {
  margin-left: 0px;
}

/*.Content-7 > div:nth-child(2)*/

.pet_list_NEW li:nth-child(33) {
  margin-left: 0px;
}

/*.Content-7 > div:nth-child(2)*/

.pet_list_NEW li:nth-child(37) {
  margin-left: 0px;
}

/*.Content-7 > div:nth-child(2)*/

.pet_list_NEW li:nth-child(41) {
  margin-left: 0px;
}

/*.Content-7 > div:nth-child(2)*/

.pet_list_NEW li:nth-child(45) {
  margin-left: 0px;
}

.Content-7>div:nth-child(2) li:hover .allThumbTitle {
  /* height:36px; */
}

.Content-7>div:nth-child(2) li:hover {
  /* border-bottom:1px solid #000; */
}

.Content-7>div:nth-child(2) li>div.line {
  width: 0px;
  margin: 0px auto;
  height: 1px;
  background-color: #000;
}

.All-Type>div .stripe-img {
 /* width: 92px; */
  height: 22px;
  background-position: 0px -518px;
  margin: 0px auto;
}

/*.All-Type > div > .Shop-List-Info{      font-size: 8pt;     text-align: center;    margin-top: 5px;    color: #a2a2a2;}*/

.All-Type>div:nth-child(2) {
  overflow: hidden;
}

.All-Type>div:nth-child(2) li {
  width: 244px;
  /*height: 198px; */
  float: left;
  margin-left: 20px;
  margin-top: 20px;
}

.All-Type>div:nth-child(2) li:nth-child(1) {
  margin-left: 0px;
}

.All-Type>div:nth-child(2) li:nth-child(6) {
  margin-left: 0px;
}

.All-Type>div:nth-child(2) li:nth-child(11) {
  margin-left: 0px;
}

.All-Type>div:nth-child(2) li:nth-child(16) {
  margin-left: 0px;
}

.All-Type>div:nth-child(2) li:nth-child(21) {
  margin-left: 0px;
}

.All-Type>div:nth-child(2) li:nth-child(26) {
  margin-left: 0px;
}

.All-Type>div:nth-child(2) li:nth-child(31) {
  margin-left: 0px;
}

.All-Type>div:nth-child(2) li:nth-child(36) {
  margin-left: 0px;
}

.All-Type>div:nth-child(2) li:nth-child(41) {
  margin-left: 0px;
}

.All-Type>div:nth-child(2) li:nth-child(46),
.All-Type>div:nth-child(2) li:nth-child(51),
.All-Type>div:nth-child(2) li:nth-child(56),
.All-Type>div:nth-child(2) li:nth-child(61),
.All-Type>div:nth-child(2) li:nth-child(66),
.All-Type>div:nth-child(2) li:nth-child(71),
.All-Type>div:nth-child(2) li:nth-child(76),
.All-Type>div:nth-child(2) li:nth-child(81),
.All-Type>div:nth-child(2) li:nth-child(86) {
  margin-left: 0px;
}

.All-Type>div:nth-child(2) li>div.line {
  width: 0px;
  height: 1px;
  background-color: #000;
  margin: 0px auto;
}

.All-Type .allThumbImg {
  width: 100%;
  height: 170px;
}

.All-Type .allThumbImg img {
  width: 100%;
  height: 100%;
}

.All-Type .allThumbTitle {
  height: 30px;
  margin: 0px;
  line-height: 30px;
}

.All-Type .allThumbTitle span {}

.Content-8>div .stripe-img {
  width: 152px;
  height: 21px;
  background-position: 0px -552px;
  margin: 0px auto;
}

/*.Content-8 > div > .Shop-List-Info{   font-size: 8pt;     text-align: center;    margin-top: 5px;    color: #a2a2a2; }*/

.Content-8>div:nth-child(2) {
  overflow: hidden;
}

.Content-8>div:nth-child(2)>li {
  margin-top: 30px;
  margin-left: 10px;
  /* border: 1px solid #ededed; */
}

.Content-8>div:nth-child(2) li:nth-child(1), .Content-8>div:nth-child(2) li:nth-child(6), .Content-8>div:nth-child(2) li:nth-child(11), .Content-8>div:nth-child(2) li:nth-child(16), .Content-8>div:nth-child(2) li:nth-child(21) {
  margin-left: 0px;
}

.Content-9>div .stripe-img {
  width: 152px;
  height: 21px;
  background-position: -255px -581px;
  margin: 0px auto;
}

.Content-9>div:nth-child(2) {
  overflow: hidden;
}

.Content-9>div:nth-child(2)>li {
  margin-top: 30px;
  margin-left: 12px;
  border: 1;
}

.Content-9>div:nth-child(2) li:nth-child(1), .Content-9>div:nth-child(2) li:nth-child(6), .Content-9>div:nth-child(2) li:nth-child(11), .Content-9>div:nth-child(2) li:nth-child(16), .Content-9>div:nth-child(2) li:nth-child(21), .Content-9>div:nth-child(2) li:nth-child(26), .Content-9>div:nth-child(2) li:nth-child(31), .Content-9>div:nth-child(2) li:nth-child(36), .Content-9>div:nth-child(2) li:nth-child(41) {
  margin-left: 0px;
}

.Content-10>div>.stripe-img {
  width: 273px;
  height: 25px;
  background-position: 14px -585px;
  position: absolute;
  top: -9px;
  left: 513px;
  background-color: #FFF;
  z-index: 3;
}

/*.Content-10 > div > .Shop-List-Info{width: 276px;font-size: 9pt;color: #818181;position: absolute;top: 16px;left: 513px;background-color: #FFF;z-index: 4;}*/

.Content-10>div:nth-child(2) {
  overflow: hidden;
  margin-top: 80px;
}

.Content-10>div>.stripe-text {
  width: 273px;
  height: 25px;
  position: absolute;
  top: -9px;
  left: 513px;
  background-color: #FFF;
  z-index: 3;
}

.All-Type>div:nth-child(1), .Content-7>div:nth-child(1), .Content-8>div:nth-child(1), .Content-9>div:nth-child(1) {
  position: relative;
  top: -11px;
  background-color: #FFF;
  width: 360px;
  margin: 0px auto;
}

.Shop-List-Info {
  font-size: 13px;
  text-align: center;
  margin-top: 5px !important;
  color: #808080;
  font-weight: bold;
}

.specia_slider>div>div .image {
  height: 249px;
}

.specia_slider>div>div .image>img {
  width: 100%;
  height: 100%;
}

.specia_slider>div>div .title {
  height: 65px;
}

.WISH-LIKE-EVENT .IMG_LAYOUT {
  position: relative;
}

.WISH-LIKE-EVENT .IMG_LAYOUT:hover {
  opacity: 0.7;
}

div.WISH_ICON {
  right: 8px;
  bottom: 0px;
}

div.WISH_ICON {
  position: absolute;
  width: 32px;
  height: 32px;
  background: url(/images/mainimg/mypage_icon.png) no-repeat -178px -160px;
  cursor: pointer;
  z-index: 10;
}

div.WISH_ICON.active, div.WISH_ICON:hover {
  background-position: -140px -159px;
}

div.WISH_ICON.active {
  opacity: 1 !important;
  bottom: 8px !important;
}

.NEW_PET div.WISH_ICON {
  BOTTOM: 78px;
  right: 20px;
  z-index: 30;
}

.NEW_PET div.WISH_ICON.active {
  opacity: 1 !important;
  bottom: 88px !important;
}

div.Like-Layer {
  width: 46px;
  height: 30px;
  position: absolute;
  top: 0px;
  right: -7px;
  background: url(/images/mainimg/mypage_icon.png) no-repeat -85px -119px;
  z-index: 10;
}

div.Like-Layer.active, div.Like-Layer:hover {
  color: #FFF;
  width: 68px;
  height: 31px;
  background: url(/images/mainimg/mypage_icon.png) no-repeat 0px -118px;
}

div.Like-Layer span {
  font-size: 8px;
  display: block;
  margin-top: 7px;
  height: 23px;
  line-height: 23px;
  text-align: right;
  padding-right: 6px;
  cursor: pointer;
}

div.Like-Layer.active {
  opacity: 1 !important;
  top: 11px !important;
}

.NEW_PET div.Like-Layer {
  top: 85px;
  right: 0px;
  z-index: 30;
}

.NEW_PET div.Like-Layer.active {
  opacity: 1 !important;
  top: 95px !important;
}

/* ㅇ*/

.PET_LIST_PAGE {
  margin: 16px auto 52px auto;
  height: 34px;
  width: 103px;
}

.PET_LIST_PAGE ul li {
  width: 33px;
  height: 32px;
  border: 1px solid #d7d5d5;
  float: left;
  line-height: 32px;
  text-align: center;
  background-color: #f0f2f2;
  cursor: pointer;
}

.PET_LIST_PAGE ul li.page.active, .PET_LIST_PAGE ul li.page:hover {
  background: url(/images/subpage/paging.png) repeat-x;
}

.PET_LIST_PAGE ul li.width_arrow_f, .PET_LIST_PAGE ul li.width_arrow_l {
  background-color: #FFF;
}

.PET_LIST_PAGE ul li.width_arrow_f {
  border-right: 0px;
}

.PET_LIST_PAGE ul li.width_arrow_l {
  border-left: 0px;
}

.PET_LIST_PAGE ul li.page a {
  padding: 7px 12px;
}

.PET_LIST_PAGE ul li.width_arrow_f a, .PET_LIST_PAGE ul li.width_arrow_l a {
  padding: 7px 12px;
}

/* NEW PET */

.swiper-container_new_pet {
  /* margin-top: 31px; */
  width: 1250px;
  margin: 0px auto;
  margin-top: 51px;
  overflow: hidden;
}

.swiper-container_new_pet .swiper-slide {
  width: 246px !important;
  cursor: pointer;
  /* height: 259px; */
  margin-top: 20px !important;
  /* padding: 0px 13px; */
  margin: 0px 2px;
  /* background-color: #000; */
}

.swiper-container_new_pet .swiper-slide img {
  width: 100%;
  height: 259px;
  margin-top: -26.5px;
  /* position: relative; */
  /* left: -5px; */
}

.swiper-container_new_pet .swiper-slide .circle_layer {
    position: absolute;
    top: 0px;
    background: url(/images/mainimg/main_new_bacground.png) no-repeat;
    /* background-size:100% 229px; */
    width: 100%;
    height: 229px;
    z-index: 10;
    left: 0px;
    display: none;
}

.swiper-container_new_pet .swiper-slide>div:nth-child(3) {
  padding-top: 10px;
  height: 55px;
}

.swiper-container_new_pet .swiper-slide>div>.title {
  height: 39px;
  color: #808080;
  line-height: 14px;
  margin-top: 7px;
}

.swiper-container_new_pet .swiper-slide>div>.title span {
  padding: 8px 0px;
  display: block;
  font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	height: 20px;
	font-weight:bold; 
}

.swiper-container_new_pet .swiper-slide>div>.state {
  height: 17px;
}

.swiper-container_new_pet .swiper-pagination_new_pet {
  text-align: right;
  top: 5px;
  position: absolute;
  height: 16px;
  overflow: hidden;
  padding-right: 25px;
  width: calc( 100% - 25px) !important;
  /* width: calc( 100% - 15px ) !important; */
}

.new-pet-img {
    height: 228px;
    overflow: hidden;
    width: 234px;
    margin: 0px auto;
    border-radius: 50%;
}

.BOARD-TYPE {
  width: 100px;
  padding-left: 26px;
  background: url(/images/mainimg/mypage_icon.png) no-repeat -134px -123px;
}

.IMG_LAYOUT {
  position: relative;
  background-color: #fff;
}

.IMG_LAYOUT a {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.IMG_LAYOUT a img {
  width: 100%;
  /*height: 100%; 2018-01-29 썸네일 자동 포지션 잡는중 문제로 인해 주석처리 */
}

.IMG_LAYOUT a img.old_img {
  width: 100%;
  height: auto;
  position: relative;
  top: -12.5px;
}

.DINAMIC {
  top: 0px;
  left: 0px;
  position: absolute;
  opacity: 0;
  z-index: 1;
}

.IMG_LAYOUT:hover .DINAMIC {
  opacity: 1;
}

.hov {
  -khtml-transition: all 2s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 2s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 2s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

span.NEW {
  background-color: #2CA6F9;
}

.state span {
  display: inline;
  width: 40px;
  font-size: 11px;
  color: #FFF;
  padding: 0px 5px;
}

span.BEST {
  background-color: #F55853;
}

div.familyThumbImg {
  border: 1px solid #ededed;
  border-bottom: 0px;
  height: 165px;
}

.familyThumbTitle {}

.best_page_arrow {
  position: absolute;
  top: 270px;
  width: 50px;
  height: 90px;
  background: url(../images/mainimg/main_btn_1.png);
  z-index: 2;
  cursor: pointer;
  display: none;
}

.swiper-container_best {
  position: relative;
  height: 100%;
}

.best_page_arrow.right {
  right: 0px;
  background-position: -65px 0px;
}

.VIEW-TAG {
  /* position: absolute; */
  /* top: 9px; */
  /* width: 46px; */
  height: 17px;
  background: url('../images/mainimg/tag_img.png') no-repeat;
  /* right: 3px; */
  float: left;
  margin: 4px 0px 2px 0px;
}

.VIEW-TAG.NEW {
  background-position-y: -47px;
  width: 34px;
}
 /*
.VIEW-TAG.NEWN {
  background-position-y: -47px;
  width: 34px;
}
*/

.VIEW-TAG.BEST {
  /* background-position-y: -63px; */
  width: 40px;
  position: absolute;
  width: 26px;
  height: 23px;
  background: url(../images/mainimg/mypage_icon.png) no-repeat 0px -203px;
  top: -7px;
  left: 21px;
  display: none;
}

.VIEW-TAG.MINI {
  background-position-y: 1px;
  width: 46px;
}

.VIEW-TAG.SHOW {
  background-position-y: -15px;
  width: 44px;
}

.VIEW-TAG.VIDEO {
  background-position-y: -31px;
  width: 44px;
}

.event-swiper-container>div>div {
  background-color: #FFF;
}

div.BEST_ICON {
  position: absolute;
  width: 26px;
  height: 23px;
  background: url(../images/mainimg/mypage_icon.png) no-repeat 0px -203px;
  /*top: 209px;*/
  bottom: 13px;
  left: 14px;
}

div.BEST_ICON.BIG {
  bottom: 55px;
}

div.BEST_ICON.SUB {
  bottom: 27px;
}

.swiper-container .swiper-slide>div {
  width: 1600px;
  margin: 0px auto;
}

.swiper-container .swiper-slide>div>img {
  position: relative;
  left: -150px;
  width: 1906px;
}

.MAIN-NEW-PET {
  font-weight: bold;
  font-size: 13pt;
  text-align: center;
  line-height: 30px;
  background-color: #FFF;
  width: 90%;
  margin: 4px auto;
  height: 30px;
}

.MAIN-SHOP-LIST {
  font-weight: bold;
  font-size: 17pt;
  text-align: center;
  line-height: 20px;
  background-color: #FFF;
  width: 100%;
  margin: 4px auto;
  height: 20px;
}

.MAIN-SHOW-PET {
  font-size: 15pt;
  letter-spacing: -1px;
  font-weight: bold;
  text-align: center;
  line-height: 21.99px;
  background-color: #FFF;
/* position: absolute; */
  top: 0px;
  left: 0px;
 /* width: 190px; */
  text-align: center;
}

.MAIN-text {
  font-size: 15pt;
  letter-spacing: -1px;
  font-weight: bold;
  text-align: center;
  line-height: 21.99px;
  background-color: #FFF;
  top: 0px;
  left: 0px;
  text-align: center;
}

.main-mobile-popup .bg {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
}

.main-mobile-popup {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
}

.main-mobile-popup>div {}

.main-mobile-popup>div:nth-child(1) {
  position: relative;
  z-index: 1;
  /* width: 90%; */
  /* height: 100%; */
  margin: 200px auto;
}

.main-mobile-popup>div:nth-child(2) {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0
}

.main-mobile-popup>div:nth-child(1)>img {
  width: 100%;
}

.main-mobile-popup>div:nth-child(1)>div.CLOSE {
  position: absolute;
  top: -70px;
  left: 0px;
  width: 180px;
  height: 60px;
  /* background-color: #000; */
  /* z-index: 355555555555555555555555555555; */
  background: url('../images/x_icon.png') no-repeat;
  background-size: auto 100%;
  color: #FFF;
  font-size: 38pt;
  line-height: 60px;
  padding-left: 70px;
}

.VIEDO_LAYOUT {
  margin: 10px 0px;
}
.new_view_tag{

}


div#HTTP_MSN_cert_layer {
    display: none !important;
}



/* main naver video 1.0  */
.Content-video {
    margin-top: 32px;
;
    border: 1px solid #C7C7C7;

}

.swiper-container_video { 
	width: 1250px;
    margin: 0px auto;
    margin-top: 31px;
    overflow: hidden; 
	height: 195px;}

	.swiper-container_video  .box {
	width: 250px;
	float: left;
	text-align: center;
  
	}


	.swiper-container_video  .box dl {
	text-align: center;
	  margin-bottom: 2px;
	}

	.swiper-container_video  .box dt {
	padding: 11px 0 0 2px;

	}

	.swiper-container_video  .box dt a {
	padding: 11px 0 0 2px;
    font-size: 14px;
	color:	 #101010;
	}


	.att_subtt { 
	color:#9a9080; text-align:center; font-size:13px; margin-top:2px; letter-spacing:-1px;
	}