@charset "UTF-8";
/*------------------ROSEROSA COLLECTION  maisonderose----------------------*/
.hidden {
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0; }

@media screen and (min-width: 1201px) {
  body {
    background-color: #efefef;
    width: 100%;
    min-width: 1400px;
    height: 5400px !important; 
    /*height: 8100px; */
  }
    body header {
      width: 100%;
      height: 190px;
      margin: auto;
      position: fixed;
      /*---------------------------------------------nav----------공통---------------------------------------------*/ }
      body header nav {
        width: 100%;
        height: 50px;
        float: left;
        top: 0px; }
        body header nav .gnb {
          width: 1080px;
          height: 100%;
          margin: auto; }
          body header nav .gnb li:nth-child(1) {
            width: 120px;
            height: 50px;
            float: left;
            letter-spacing: 1pt;
            text-align: center; }
          body header nav .gnb li:nth-child(2) {
            width: 150px;
            height: 50px;
            float: left;
            letter-spacing: 1pt;
            text-align: center; }
            body header nav .gnb li:nth-child(2) .brand_box {
              width: 1980px;
              height: 96px;
              margin-left: -510px;
              background-color: #fff;
              display: none;
              position: relative;
              z-index: 1200; }
              body header nav .gnb li:nth-child(2) .brand_box > dd {
                width: 240px;
                height: 20px;
                margin-left: 510px;
                text-align: left; }
                body header nav .gnb li:nth-child(2) .brand_box > dd > a {
                  width: 100%;
                  height: 100%;
                  display: block;
                  color: #9fa0a0;
                  font-size: 9pt;
                  line-height: 16pt; }
                  body header nav .gnb li:nth-child(2) .brand_box > dd > a:hover {
                    color: #f5ac2c; }
              body header nav .gnb li:nth-child(2) .brand_box dd:nth-child(1) {
                padding-top: 8px; }
          body header nav .gnb li:nth-child(3) {
            width: 180px;
            height: 50px;
            float: left;
            letter-spacing: 1pt;
            text-align: center; }
          body header nav .gnb li:nth-child(4) {
            width: 100px;
            height: 50px;
            float: left;
            letter-spacing: 1pt;
            text-align: center; }
          body header nav .gnb li:nth-child(5) {
            width: 130px;
            height: 50px;
            float: left;
            letter-spacing: 1pt;
            text-align: center; }
          body header nav .gnb li:nth-child(6) {
            width: 136px;
            height: 50px;
            float: left;
            letter-spacing: 1pt;
            text-align: center; }
          body header nav .gnb li:nth-child(7) {
            width: 130px;
            height: 50px;
            float: left;
            letter-spacing: 1pt;
            text-align: center; }
          body header nav .gnb li:nth-child(8) {
            width: 26px;
            height: 26px;
            float: right;
            margin-top: 12px; }
            body header nav .gnb li:nth-child(8) > a {
              width: 100%;
              height: 100%;
              display: block; }
              body header nav .gnb li:nth-child(8) > a > i {
                width: 100%;
                height: 100%;
                font-size: 1.8em; }
                body header nav .gnb li:nth-child(8) > a > i:hover {
                  color: #f5ac2c; }
          body header nav .gnb > li > a {
            width: 100%;
            height: 100%;
            display: block;
            font-size: 11pt;
            line-height: 34pt; }
          body header nav .gnb > li > u {
            width: 100%;
            height: 100%;
            display: block;
            font-size: 10pt;
            line-height: 34pt; }
      body header .logo {
        width: 100%;
        height: 50px;
        float: left;
        margin-top: 20px; }
        body header .logo > a {
          width: 200px;
          height: 100%;
          display: block;
          margin: auto;
          background-image: url(../img/logo.png); }
      body header .collection_title {
        width: 100%;
        height: 30px;
        float: left;
        margin-top: 40px; }
        body header .collection_title > li {
          width: 200px;
          height: 17px;
          margin: auto;
          background-image: url(../img/maison_collection_logo.png); }
      body header #navi {
        width: 100%;
        height: 40px;
        float: left; }
        body header #navi .collection_nav {
          width: 230px;
          height: 20px;
          margin: auto; }
          body header #navi .collection_nav li:nth-child(1) {
            width: 130px;
            height: 20px;
            float: left;
            text-align: center;
            font-size: 10pt;
            cursor: pointer; }
            body header #navi .collection_nav li:nth-child(1):hover {
              color: #aaa; }
          body header #navi .collection_nav li:nth-child(2) {
            width: 100px;
            height: 20px;
            float: left;
            text-align: center;
            font-size: 10pt;
            cursor: pointer; }
            body header #navi .collection_nav li:nth-child(2):hover {
              color: #aaa; }
    body #mobile_header {
      display: none; }
    body #m_section {
      display: none; }
    body section {
      width: 6000px;
      /*width: 8100px;*/
      height: 675px;
      float: left;
      left: 0;
      position: fixed;
      margin-top: 230px; }
      body section article {
        min-width: 180px;
        width: auto;
        height: 675px;
        box-sizing: border-box;
        float: left;
        overflow: hidden;
        position: relative; }
        body section article > p {
          text-align: right;
          margin-top: 20pt;
          margin-right: 10px;
          font-size: 0.8em;
          color: #aaa; } }

@media screen and (min-width: 641px) and (max-width: 1200px) {
  body {
    background-color: #efefef;
    width: 100%;
    min-width: 1400px;
    height: 8100px; }
    body header {
      width: 100%;
      height: 190px;
      margin: auto;
      position: fixed;
      /*---------------------------------------------header----------공통---------------------------------------------*/ }
      body header nav {
        width: 100%;
        height: 50px;
        float: left;
        top: 0px; }
        body header nav .gnb {
          width: 1080px;
          height: 100%;
          margin: auto; }
          body header nav .gnb li:nth-child(1) {
            width: 120px;
            height: 50px;
            float: left;
            letter-spacing: 1pt;
            text-align: center; }
          body header nav .gnb li:nth-child(2) {
            width: 150px;
            height: 50px;
            float: left;
            letter-spacing: 1pt;
            text-align: center; }
            body header nav .gnb li:nth-child(2) .brand_box {
              width: 1980px;
              height: 96px;
              margin-left: -510px;
              background-color: #fff;
              display: none;
              position: relative;
              z-index: 1200; }
              body header nav .gnb li:nth-child(2) .brand_box > dd {
                width: 240px;
                height: 20px;
                margin-left: 510px;
                text-align: left; }
                body header nav .gnb li:nth-child(2) .brand_box > dd > a {
                  width: 100%;
                  height: 100%;
                  display: block;
                  color: #9fa0a0;
                  font-size: 9pt;
                  line-height: 16pt; }
                  body header nav .gnb li:nth-child(2) .brand_box > dd > a:hover {
                    color: #f5ac2c; }
              body header nav .gnb li:nth-child(2) .brand_box dd:nth-child(1) {
                padding-top: 8px; }
          body header nav .gnb li:nth-child(3) {
            width: 180px;
            height: 50px;
            float: left;
            letter-spacing: 1pt;
            text-align: center; }
          body header nav .gnb li:nth-child(4) {
            width: 100px;
            height: 50px;
            float: left;
            letter-spacing: 1pt;
            text-align: center; }
          body header nav .gnb li:nth-child(5) {
            width: 130px;
            height: 50px;
            float: left;
            letter-spacing: 1pt;
            text-align: center; }
          body header nav .gnb li:nth-child(6) {
            width: 136px;
            height: 50px;
            float: left;
            letter-spacing: 1pt;
            text-align: center; }
          body header nav .gnb li:nth-child(7) {
            width: 130px;
            height: 50px;
            float: left;
            letter-spacing: 1pt;
            text-align: center; }
          body header nav .gnb li:nth-child(8) {
            width: 26px;
            height: 26px;
            float: right;
            margin-top: 12px; }
            body header nav .gnb li:nth-child(8) > a {
              width: 100%;
              height: 100%;
              display: block; }
              body header nav .gnb li:nth-child(8) > a > i {
                width: 100%;
                height: 100%;
                font-size: 1.8em; }
                body header nav .gnb li:nth-child(8) > a > i:hover {
                  color: #f5ac2c; }
          body header nav .gnb > li > a {
            width: 100%;
            height: 100%;
            display: block;
            font-size: 10pt;
            line-height: 34pt; }
          body header nav .gnb > li > u {
            width: 100%;
            height: 100%;
            display: block;
            font-size: 10pt;
            line-height: 34pt; }
      body header .logo {
        width: 100%;
        height: 50px;
        float: left;
        margin-top: 20px; }
        body header .logo > a {
          width: 200px;
          height: 100%;
          display: block;
          margin: auto;
          background-image: url(../img/logo.png); }
      body header .collection_title {
        width: 100%;
        height: 30px;
        float: left;
        margin-top: 40px; }
        body header .collection_title > li {
          width: 200px;
          height: 17px;
          margin: auto;
          background-image: url(../img/maison_collection_logo.png); }
      body header #navi {
        width: 100%;
        height: 40px;
        float: left; }
        body header #navi .collection_nav {
          width: 230px;
          height: 20px;
          margin: auto; }
          body header #navi .collection_nav li:nth-child(1) {
            width: 130px;
            height: 20px;
            float: left;
            text-align: center;
            font-size: 10pt;
            cursor: pointer; }
            body header #navi .collection_nav li:nth-child(1):hover {
              color: #aaa; }
          body header #navi .collection_nav li:nth-child(2) {
            width: 100px;
            height: 20px;
            float: left;
            text-align: center;
            font-size: 10pt;
            cursor: pointer; }
            body header #navi .collection_nav li:nth-child(2):hover {
              color: #aaa; }
    body #mobile_header {
      display: none; }
    body #m_section {
      display: none; }
    body section {
      width: 8100px;
      height: 675px;
      float: left;
      left: 0;
      position: fixed;
      margin-top: 230px; }
      body section article {
        min-width: 180px;
        width: auto;
        height: 675px;
        box-sizing: border-box;
        float: left;
        overflow: hidden;
        position: relative; }
        body section article > p {
          text-align: right;
          margin-top: 20pt;
          margin-right: 10px;
          font-size: 0.8em;
          color: #aaa; } }

@media screen and (min-width: 481px) and (max-width: 640px) {
  body {
    background-color: #efefef;
    width: 100%;
    height: auto;
    position: absolute; }
    body header {
      display: none; }
    body #mobile_header {
      width: 100%;
      height: 60px;
      position: fixed;
      background-color: #efefef; }
      body #mobile_header .m_logo {
        width: 160px;
        height: 31px;
        margin: 15px auto;
        margin-left: 240px;
        background-image: url(../img/m_logo.png);
        background-repeat: no-repeat;
        background-position: center; }
      body #mobile_header #nav_btn {
        width: 20px;
        height: 16px;
        margin: -38px 0px 0px 20px;
        background-image: url(../img/btn.png);
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: relative;
        z-index: 1000; }
        body #mobile_header #nav_btn:hover {
          background-image: url(../img/h_btn.png);
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain; }
        body #mobile_header #nav_btn .m_nav {
          width: 210px;
          height: 330px;
          margin: 0px 0px 0px 0px;
          background-color: #000;
          opacity: 0.6;
          display: none; }
          body #mobile_header #nav_btn .m_nav > li {
            font-size: 0.9em;
            color: #fff;
            padding: 6px;
            position: relative;
            z-index: 20000; }
            body #mobile_header #nav_btn .m_nav > li > a {
              color: #fff; }
          body #mobile_header #nav_btn .m_nav li:nth-child(1) {
            padding-top: 12px; }
          body #mobile_header #nav_btn .m_nav li:nth-child(3) {
            margin-left: 20px; }
          body #mobile_header #nav_btn .m_nav li:nth-child(4) {
            margin-left: 20px; }
          body #mobile_header #nav_btn .m_nav li:nth-child(5) {
            margin-left: 20px; }
          body #mobile_header #nav_btn .m_nav li:nth-child(6) {
            margin-left: 20px; }
    body section {
      display: none; }
    body #m_section {
      width: 100%;
      height: auto;
      margin-top: 70px; }
      body #m_section .m_img {
        width: 100%;
        margin-bottom: 10px; } }

@media screen and (max-width: 480px) {
  body {
    background-color: #efefef;
    width: 100%;
    height: auto;
    position: absolute; }
    body header {
      display: none; }
    body #mobile_header {
      width: 100%;
      height: 60px;
      position: fixed;
      background-color: #efefef; }
      body #mobile_header .m_logo {
        width: 160px;
        height: 31px;
        margin: 15px auto;
        margin-left: 120px;
        background-image: url(../img/m_logo.png);
        background-repeat: no-repeat;
        background-position: center; }
      body #mobile_header #nav_btn {
        width: 20px;
        height: 16px;
        margin: -38px 0px 0px 20px;
        background-image: url(../img/btn.png);
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: relative;
        z-index: 1000; }
        body #mobile_header #nav_btn:hover {
          background-image: url(../img/h_btn.png);
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain; }
        body #mobile_header #nav_btn .m_nav {
          width: 210px;
          height: 330px;
          margin: 0px 0px 0px 0px;
          background-color: #000;
          opacity: 0.6;
          display: none; }
          body #mobile_header #nav_btn .m_nav > li {
            font-size: 0.9em;
            color: #fff;
            padding: 6px;
            position: relative;
            z-index: 20000; }
            body #mobile_header #nav_btn .m_nav > li > a {
              color: #fff; }
          body #mobile_header #nav_btn .m_nav li:nth-child(1) {
            padding-top: 12px; }
          body #mobile_header #nav_btn .m_nav li:nth-child(3) {
            margin-left: 20px; }
          body #mobile_header #nav_btn .m_nav li:nth-child(4) {
            margin-left: 20px; }
          body #mobile_header #nav_btn .m_nav li:nth-child(5) {
            margin-left: 20px; }
          body #mobile_header #nav_btn .m_nav li:nth-child(6) {
            margin-left: 20px; }
    body section {
      display: none; }
    body #m_section {
      width: 100%;
      height: auto;
      margin-top: 70px; }
      body #m_section .m_img {
        width: 100%;
        margin-bottom: 10px; } }