@charset "UTF-8";

@import url("fonts.css");

/* common */
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none;margin:0;padding:0;}
 {}
html, body {font-family:"Acumin-RPro", sans-serif; font-size:16px !important;font-weight:300;line-height:1.3;color:#000}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
strong {font-weight:700;}
img {height:auto; vertical-align:middle; border-style:none;}
em, address {font-style:normal}
a {text-decoration:none; background-color:transparent; vertical-align:top; -webkit-text-decoration-skip:objects; color:#000; word-break: break-word}
a:hover, a:active, a:focus {text-decoration:none}
menu,li {list-style:none}
hr {display:none}
i,em,address{font-style:normal}
label {cursor:pointer}
table {width:100%; border-spacing:0; border-collapse:0; color:#000; table-layout:fixed}
table td {word-wrap: break-word;}
button {border:0; background-color:transparent;}
ul:after,
ol:after {display:block; content:''; clear:both;}

.hide{display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
.pc_view {display:block !important}
.mobile_view {display:none !important}
#headerPc {display:block !important}
#headerMobile {display:none !important}

.Wrap {position:relative;overflow:hidden;background:transparent;}

@keyframes opacity {
  from {
  	
    opacity:0.6;
  }

  to {
    opacity:1;
  }
}

/* main */
#header {position:absolute;width:100%;z-index:10;background:transparent;transition: transform 1000ms ease 0s, background 1000ms ease 0s;}
#header.headerSub {background:#fff}
#header.headerSub.active {box-shadow:2px 8px 10px rgba(0,0,0,.05)}
#headerPc {position:relative;width:100%;max-width:1920px;margin:0 auto;height:63px;animation:slide 0.5s linear alternate}
#header.active #headerPc {height:248px;animation:slide2 0.2s linear alternate}
@keyframes slide {
  from {
  	
    height:248px;
  }

  to {
    height:63px;
  }
}
@keyframes slide2 {
  from {
    height:63px;
  }

  to {
    height:248px;
  }
}
#headerPc h1 {float:left;margin-top:0.8rem;}
#headerPc h1 a {display:none;margin:0 2.3125rem;width:1.875rem;height:2.1875rem;}
header .gnb {float:left;padding-top:38px;letter-spacing:0.025em;margin-left:3.75rem}
header .gnb > ul > li {float:left;padding-right:2.0625rem}
header .gnb > ul > li:last-child {padding-right:0}
header .gnb > ul > li > a {position:relative;display:inline-block;font-size:0.8125rem;font-weight:600;padding-bottom:5px;color:#fff;overflow:hidden;font-family:"Acumin-BdPro", sans-serif;}
header .gnb.type2 > ul > li > a {color:#363636}
header .gnb > ul > li > a:hover:after {content:'';display:block;position:absolute;bottom:0;left:-2%;width:104%;height:1px;background:#fff;animation:hover 0.5s linear alternate}
header .gnb.type2 > ul > li > a:hover:after {background:#363636}
@keyframes hover {
  from {
    left: -100%;
  }

  to {
    left: 0;
  }
}
@keyframes hover2 {
  from {
    top: -100%;
  }

  to {
    top: 1rem;
  }
}
header .gnb > ul > li > ul > li {line-height:1.5rem}
header .gnb > ul > li > ul > li > a {display:block;font-size:0.6875rem;font-weight:300;color:#fff;letter-spacing:1.1px;}
header .comming {position:relative}
header .comming:after {display:none;content:'COMMING SOON';position:absolute;top: 1rem;left: 0;line-height: 1.15rem;font-size: 0.625rem;color: #fff;background-color: #000;border-radius: 0.5rem;width: 6.375rem;height: 1rem;text-align: center;letter-spacing: -0.1px;}
header .comming.active:after {display:block;animation:opacity 0.5s linear alternate}
.linkList .comming:after {top:1.2rem;left:auto;right:0}
#headerMobile .comming:after {top:1.8rem}
header .gnb.type2 > ul > li > ul > li > a {color:#c2c2c2}
#header.fixed .gnb > ul > li > ul > li > a {color:#000}
header .gnb > ul > li > ul > li > a:hover {color:#000}
#header.fixed .gnb > ul > li > ul > li > a:hover {color:#c2c2c2}
#headerPc .subnav {display:none;position:absolute;height:auto;padding:0 0 20px}
header .linkList {position:absolute;top: 38px;right:2.5rem}
header .linkList li {float:left;}
header .linkList li + li {margin-left:1.125rem}
header .linkList li a {display:block;width:17px;height:22px;text-indent:-9999px;font-size:0;background:url(../img/ico_map.png) no-repeat 0 0;background-size:100%}
header .linkList li:first-child a {display:block;margin-top:0.25rem;width:auto;height:auto;text-indent:0;font-size:0.8125rem;color:#fff;font-family:"Acumin-BdPro", sans-serif;background:none}
header .linkList li:nth-child(3) a {width:23px;height:18px;background-image:url(../img/ico_email.png)}
header .linkList li:nth-child(4) a {width:21px;height:20px;background-image:url(../img/ico_insta.png)}
header .linkList li:nth-child(5) a {width:24px;height:25px;background-image:url(../img/ico_kakao.png)}
#header.fixed {position:fixed;background:rgba(255,255,255,.8);box-shadow:2px 8px 10px rgba(0,0,0,.05);transition: transform 500ms ease 0s, background 500ms ease 0s;-webkit-transition: transform 500ms ease 0s, background 500ms ease 0s;}
#header.fixed .gnb {margin-left:0.5rem;padding-top: 24px;}
#header.fixed .linkList {top:20px}
#header.fixed .linkList li:nth-child(1) a,
#headerMobile .linkList li:nth-child(1) a,
#header .linkList.type2 li:nth-child(1) a {color:#000}
#header.fixed .linkList li:nth-child(2) a,
#headerMobile .linkList li:nth-child(2) a,
#header .linkList.type2 li:nth-child(2) a {background-image:url(../img/ico_map2.png)}
#header.fixed .linkList li:nth-child(3) a,
#headerMobile .linkList li:nth-child(3) a,
#header .linkList.type2 li:nth-child(3) a {background-image:url(../img/ico_email2.png)}
#header.fixed .linkList li:nth-child(4) a,
#headerMobile .linkList li:nth-child(4) a,
#header .linkList.type2 li:nth-child(4) a {background-image:url(../img/ico_insta2.png)}
#header.fixed .linkList li:nth-child(5) a,
#headerMobile .linkList li:nth-child(5) a,
#header .linkList.type2 li:nth-child(5) a {background-image:url(../img/ico_kakao2.png)}
#header.fixed #headerPc h1 a,
#headerPc.active h1 a,
#header.headerSub #headerPc h1 a {display:block;}
#header.fixed .gnb > ul > li > a,
#headerPc.active .gnb > ul > li > a,
#header.headerSub .gnb > ul > li > a {color:#333}
#header.fixed .gnb > ul > li > a:hover:after, 
#headerPc.active .gnb > ul > li > a:hover:after,
#header.headerSub .gnb > ul > li > a:hover:after {background:#333}
#headerMobile {margin-bottom:23px;width:100%}
#headerMobile h1 a {display:block;width:96px;height:auto}
header h1 a img {width:100%}
#gnbM {display:none;position:fixed;width: 100%;height: 100%;top: 0;z-index: 10;background:rgba(255,255,255,0.9)}
#gnbM .gnbM {display:table;width: 100%;height: 100%;}
#gnbM .gnbM .mobileMenu {position:relative;display:table-cell;width:100%;height:auto;top:0;text-align:center;vertical-align:middle;}
#gnbM .gnbM .mobileMenu > ul {width:100%;text-align:center}
#gnbM .gnbM .mobileMenu > ul > li {line-height:2.8rem}
#gnbM .gnbM .mobileMenu > ul > li > a {font-size:18px;font-weight:500;}
#gnbM .gnbM .mobileMenu > ul > li > a:hover {color:#999}
#gnbM .gnbM .mobileMenu > ul > li > ul {display:none;padding:1rem 0}
#gnbM .gnbM .mobileMenu > ul > li > ul > li {line-height:3rem}
#gnbM .gnbM .mobileMenu > ul > li > ul > li > a {font-size:18px;font-weight:400;color:#666}
#headerMobile .linkList {position:relative;top:auto;right:auto}
#headerMobile .linkList ul {margin:2rem auto;width:fit-content}
.mainContainer {position:relative}
.mainVisual {position:relative;width:100%;height:100vh;animation-duration: 2000ms;animation-name: zoom;}
@keyframes zoom {
    from {
        transform: scale(1.1);
    }

    to {
        transform: scale(1);
    }
}
@keyframes zoom2 {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.1);
    }
}
.swiper-container {width:100%;height:100%}
.slideBox {width: 100%;height: 100%;background-repeat: no-repeat;background-position: center top;background-size: cover}
.mainVisual .tit {position:absolute;width:fit-content;top:50%;left:50%;font-size:9.1875rem;font-weight:700;color:#fff;letter-spacing:3px;transform:translate(-50%,-50%);animation:opacity 2s linear alternate}
.mainVisual .tit.active {opacity:0;animation:opacity2 1s linear alternate}
.mainVisual .tit span {margin-left:3.8rem;letter-spacing:1.25rem}
@keyframes opacity2 {
  from {
  	
    opacity:1;
  }

  to {
    opacity:0;
  }
}
@keyframes opacity1 {
  from {
  	
    opacity:0;
  }

  to {
    opacity:1;
  }
}
.productBox {position:relative;width:100%;max-width:1600px;margin:0 auto;padding:13.375rem 0 9.25rem 0}
.productBox ul li {float:left;display:inline-block;width:calc(100%/3 - 2.45rem);margin-left:3.625rem}
.productBox ul li:first-child {margin-left:0}
.productBox ul li span {display:block;position:relative;overflow:hidden}
/*.productBox ul li span a {display:none;position:absolute;top:50%;left:50%;font-size:0.75rem;font-weight:500;color:#333;line-height:1.9375rem;padding:0 1.6875rem;background:rgba(255,255,255,.5);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}*/
.productBox ul li span img {width:100%}
/*.productBox ul li span.active img {animation-duration: 2000ms;animation-name: zoom2;}*/
.productBox ul li p {margin:2.8125rem 0 0 1.75rem;font-size:0.8125rem;letter-spacing:0.0625rem}
.productBox ul li p a {display:inline-block;margin-top:0.325rem;font-size:0.9375rem;font-family:"Acumin-BdPro", sans-serif;letter-spacing:1px}
.productBox.type2 {}
.productBox.type2 ul li {width:50%;margin-left:0}
.downBtn {display:inline-block;position:absolute;bottom:2.8125rem;left:50%;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:1}
.downBtn a {position:relative;display:block;font-size:0.8125rem;color:#fff;line-height:1.125rem;letter-spacing:1px;font-weight:300;padding-bottom:3.5rem}
.downBtn a:after {content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:2.875rem;height:1.5rem;background:url(../img/arrow_down.png) no-repeat 0 0;background-size:100%;animation: bounce 1.5s infinite linear;}
@keyframes bounce { 0% { bottom: 0; } 50% { bottom: 5px; } 70% { bottom: 10px; } 100% { bottom: 0; } }
.top_btn {position: fixed;z-index:100;bottom: 20px;right: 20px;width:2.4375rem;height:1.3125rem;background:url(../img/arrow_up.png) no-repeat 0 0;background-size:100%}
.top_btn > a {display: block;width:100%;height:100%;text-indent:-99999px;font-size:0}
.videoBox {width:100%;max-width:1318px;margin:11rem auto 0}
.videoBox > div {
    position: relative;
    max-width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.videoBox > div > iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}
.videoBox > p {margin:2.8125rem 0 0 1.75rem;font-size:0.8125rem;letter-spacing:0.0625rem}
.videoBox > p > span {display:block;margin-top:0.325rem;font-size:0.9375rem;font-family:"Acumin-BdPro", sans-serif;letter-spacing:1px}
.infoCon {position:relative;width:100%;max-width:1800px;margin:0 auto;padding:5.625rem 0;border-top:#000 1px solid}
.infoCon:after {content:'';clear:both;display:block}
.infoBox {position:relative;width:100%;max-width:1600px;margin:0 auto;}
.infoBox:after {content:'';clear:both;display:block}
.infoBox > div {display:inline-block;float:left}
.infoBox h3 {margin-bottom:2rem;font-size:0.9375rem;font-weight:600;letter-spacing: 1px;font-family:"Gotham", sans-serif;}
.infoBox .storeList dt {clear:both;display:inline-block;float:left;width:22.75rem;font-size:0.75rem;letter-spacing: 0.5px;line-height:2rem;font-weight:600;font-family:"Gotham", sans-serif;}
.infoBox .storeList dd {display:inline-block;float:left;font-size:0.75rem;letter-spacing: 0.5px;line-height:2rem;color:#000;font-family:"Gotham", sans-serif;}
.infoBox .officeBox {width:fit-content;float:right;margin-right:3rem}
.infoBox .officeBox .logoImg {position:absolute;right:0.5rem;bottom:0}
.infoBox .officeBox li {letter-spacing: 0.5px;font-size:0.8125rem;line-height:1.875rem;font-weight:600;font-family:"Gotham", sans-serif;}
.infoBox .officeBox dl {letter-spacing: 0.5px;margin-top:2.2rem;font-size:0.8125rem;color:#7d7d7d;line-height:1.625rem;font-weight:100;font-family:"Gotham", sans-serif;}
.infoBox .officeBox dl dd a {color:#7d7d7d;font-style:italic}

footer {padding:1.5625rem 0;background-color:#000}
footer .copyright {color:#fff;text-align:center;font-size:0.833125rem;font-weight:500;}
footer .copyright a {color:#fff}

/*choijaehoon collection*/
.colbanner {position:relative;width:100%;height:580px;background:url(../img/bg_dsshow.jpg) no-repeat center top;background-size:cover}
.colbanner p {position:absolute;top:50%;left:50%;font-size:2.625rem;line-height:3rem;color:#fff;text-align:center;font-family:'TrajanPro', sans-serif;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.contents {width:100%;max-width:1200px;margin:0 auto;padding:150px 0 8.125rem}
.colbanner.choijaehoon {height:100vh;background-image:url(../img/collcetion_bg_choijaehoon_10.jpg)}
.colbanner.choijaehoon.fw20 {background-image:url(../img/collcetion_bg_choijaehoon_02.jpg)}
.colbanner.choijaehoon.ss20 {background-image:url(../img/collcetion_bg_choijaehoon_03.jpg)}
.colbanner.choijaehoon.fw19 {background-image:url(../img/collcetion_bg_choijaehoon_04.jpg)}
.colbanner.choijaehoon.ss19 {background-image:url(../img/collcetion_bg_choijaehoon_05.jpg)}
.colbanner.choijaehoon.ss21 {background-image:url(../img/collcetion_bg_choijaehoon.jpg)}
.colbanner.choijaehoon.ss22 {background-image:url(../img/collcetion_bg_choijaehoon_06.jpg)}
.colbanner.choijaehoon.ss23 {background-image:url(../img/collcetion_bg_choijaehoon_07.jpg)}
.colbanner.choijaehoon.ss24 {background-image:url(../img/collcetion_bg_choijaehoon_09.jpg)}
.colbanner.choijaehoon.cele {background-image:url(../img/collcetion_bg_choijaehoon_10.jpg)}
.colbanner.choijaehoon p img {width:33.5625rem}
.colbanner.choijaehoon p span {display:block;font-size:1.125rem;font-weight:600;letter-spacing:1.5px;color:#fff;font-family:'TrajanPro', sans-serif}
.contents.choijaehoon {padding:8rem 0;}
.choijaehoonBox li {float:left;width:calc(100%/4 - 0.955rem);margin-bottom:1.25rem}
.choijaehoonBox li img {width:100%}
.choijaehoonBox li + li {margin-left:1.25rem}
.choijaehoonBox li:nth-child(4n+1) {margin-left:0}
.choijaehoonBox .ctn {text-align:center;line-height:2.5rem}
.choijaehoonBox .btn {text-align:center}
.choijaehoonBox .btnmore {position:relative;display:inline-block;width:12.5rem;margin-top:5rem;line-height:2.5rem;font-weight:600;font-size:0.75rem;border:1px solid #000;color:#000;font-family:'TrajanPro', sans-serif;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.choijaehoonBox .btnmore:hover {background-color:#000;color:#fff;}
.sl-overlay {background: #000;opacity: 1;z-index: 999999;}
.sl-wrapper {z-index: 9999999;}
.slbCloseBtn {position:fixed;font-size:0;top:30px;right: calc(50% - 700px);margin-right:0;width:1.5rem;height:1.5625rem;background:url(../img/btn_close2.png) no-repeat 0 0;background-size:100%}
.sl-counter {font-size:0;line-height:0;position:relative;left:0}
.sl-counter:before {content:'CHOJAEHOON';top:0;left: calc(50% - 700px);position:absolute;display:block;color:#fff;font-size:0.8125rem;font-weight:600;letter-spacing:1px;font-family:'TrajanPro', sans-serif}
.sl-counter:after {content:'CELEBRITY';top:0;left: calc(50% - 700px);position:absolute;display:block;margin-top:1.4rem;color:#fff;font-size:0.8125rem;font-weight:600;letter-spacing:1px;font-family:'TrajanPro', sans-serif}
.sl-counter.fw20:after {content:'COLD SAPPHIRE';}
.sl-counter.ss20:after {content:'BLACK DIAMOND';}
.sl-counter.fw19:after {content:'2019  PART 2';}
.sl-counter.ss19:after {content:'2019  PART 1';}
.sl-counter.ss21:after {content:'NEO-UTOPIA';}
.sl-counter.ss22:after {content:'PURE CHALCEDONY';}
.sl-counter.ss23:after {content:'2023  COLLECTION';}
.sl-counter.ss24:after {content:'2024  COLLECTION';}
.sl-counter.cele:after {content:'CELEBRITY';}

/*.sl-wrapper .sl-navigation button {color: #fff;}
.sl-wrapper .sl-navigation button:disabled {display:none}
.sl-wrapper .sl-navigation button.sl-prev {font-size:0;left: calc(50% - 600px);width:1.5rem;height:2.875rem;background:url(../img/arrow_04.png) no-repeat 0 0;background-size:100%}
.sl-wrapper .sl-navigation button.sl-next {font-size:0;right: calc(50% - 600px);width:1.5rem;height:2.875rem;background:url(../img/arrow_04.png) no-repeat 0 0;background-size:100%;transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}*/
.slbArrows {transform: translateY(-50%);-webkit-transform: translateY(-50%);margin-top: -1.5rem;}
.slbArrow.prev {font-size:0;left: calc(50% - 600px);width:1.5rem;height:2.875rem;background:url(../img/arrow_04.png) no-repeat 0 0;background-size:100%;}
.slbArrow.next {font-size:0;right: calc(50% - 600px);width:1.5rem;height:2.875rem;background:url(../img/arrow_04.png) no-repeat 0 0;background-size:100%;transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}

/*salon show*/
.subContainer {}
.subbanner {position:relative;display:block;width:100%;height:22.75rem;}
.subbanner p {position:absolute;top:50%;left:50%;width:11.25rem;height:auto;text-align:center;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.subbanner p img {width:100%}
.contents {position:relative;width:100%;max-width:1200px;margin:0 auto;padding:40px 0 8.125rem}
.contents .location {position:absolute;top:0;left:0;}
.contents .location li {position:relative;float:left;margin-right:2.25rem;font-size:0.875rem;color:#000;}
.contents .location li:after {content:'';display:block;position:absolute;top:0.0625rem;left:calc(100% + 1rem);width:1px;height:0.8125rem;background-color:#000}
.contents .location li:last-child {font-family:"Acumin-BdPro", sans-serif;}
.contents .location li:last-child:after {display:none}
.videoWrap > div {position: relative;max-width: 100%;height: 0;padding-bottom: 56.25%;}
.videoWrap > div > iframe {position: absolute;width: 100%;height: 100%;}
.videotit {margin:1.5rem 0 0 1.75rem;font-size:0.8125rem;letter-spacing:0.0625rem}
.videotit span {display:block;margin-top:0.325rem;font-size:0.9375rem;font-family:"Acumin-BdPro", sans-serif;letter-spacing:1px}
.videoList > ul {margin:5.25rem auto 0;width:100%;max-width:852px}
.videoList > ul > li {float:left;width:calc(100%/4 - 0.2rem)}
.videoList > ul > li > p {margin-top:0.5rem}
.videoList > ul > li > p strong {font-size:0.8125rem;color:#000;font-weight:100;line-height:1}
.videoList > ul > li > p span {margin-top:0.5rem;margin-bottom:1.5rem;display:block;font-size:0.8125rem;color:#666;font-weight:100}
.videoList > ul > li img {width:100%}
.videoList > ul > li + li {margin-left:0.05rem}

/*1130*/
.contents.s1130 {padding:5.9375rem 0 17.1875rem;max-width:1280px}
.contents .conInfo {margin:0 0 5.3125rem;text-align:center}
.contents .conInfo .titlogo {margin:0 auto 6.25rem;width:14.3125rem;height:auto}
.contents .conInfo .titlogo img {width:100%}
.contents .conInfo dt {position:relative;font-size:1.2rem;margin-bottom:9.6875rem;font-weight:700;font-family:"NotoSansKR", sans-serif;}
.contents .conInfo dt:after {content:'';position:absolute;display:block;top:4.5rem;left:50%;width:1px;height:4rem;background-color:#000}
.contents .conInfo dd {font-size:0.866875rem;font-weight:300;line-height:1.6rem;font-family:"NotoSansKR", sans-serif;}
.contents .conInfo dd + dd {margin-top:1.875rem}
.contents.s1130 .menuBox {width:100%;margin-bottom:6.5rem}
.contents.s1130 .menuBox ul {display:flex;flex-wrap: nowrap;}
.contents.s1130 .menuBox ul li {width: 50%;height: 60px;display: flex;}
.contents.s1130 .menuBox ul li a {display: flex;align-items: center;justify-content: center;width:100%;height:100%;font-size:1.25rem;color:#ccc;font-weight:600;border-bottom:2px solid #e1e1e1;font-family:"NotoSansKR", sans-serif;letter-spacing:1px}
.contents.s1130 .menuBox ul li.on a {color:#363636;border-bottom-color:#000}
.galleyList {width:100%;max-width:1234px;margin:0 auto}
.galleyList #s1130List > li {float:left;width:8.625rem !important;height:8.625rem !important;margin-right:0.75rem !important;border:1px solid #000;text-align:center;font-size:0.6875rem;font-weight:100;line-height:1rem}
/*.galleyList #s1130List > li + li {margin-left:1.3625rem}*/
.galleyList #s1130List > li > a > p > span {display:block;padding-top:1.2rem;font-size:0.8125rem}
.galleyList #s1130List > li > a > p > strong {display:block;font-size:2rem;line-height:2.625rem;font-family:'TrajanPro', sans-serif;}
.galleyList #s1130List > li > a {display:block;width:100%;height:100%}
.galleryBox li {float:left;width:calc(100% / 3)}
.galleryBox li.type3 {width:calc(100% / 3 * 2)}
.galleryBox li.type4 {width:100%}
.galleryBox li.type2 {margin-top:-33.3%}
.galleryBox.type5 li {width:calc(100%/3 - 6.7rem)}
.galleryBox.type5 li + li {margin-left:10rem}
.galleryBox li.clearb {clear:both}
.galleryBox li img,
.galleryBox p img {width:100%}
.galleyList #s1130List > li.active {background-color:#000}
.galleyList #s1130List > li.active a {color:#fff}
.bx-wrapper {box-shadow: none;border: none;}
.galleyList.type2 {max-width:fit-content;margin:0 auto 60px}
.bx-wrapper .bx-controls-direction a {right:-1.4375rem;margin-top:0;width:1.4375rem;height:8.625rem;background:#e1e1e1 url(../img/arrow_05.png) no-repeat center center;transform:translateY(-50%)}
.bx-wrapper .bx-controls-direction a.bx-prev {right:auto;left:-1.4375rem;transform:translateY(-50%) rotate(-180deg)}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {background-position:center center;}

/*about*/
.contents.about {max-width:1500px}
.bannerBox img {width:100%}
.contents.about .conInfo {margin:9.375rem 0 5rem;letter-spacing:0.5px}
.contents.about .conInfo dt {font-size:1.125rem;line-height:2rem;font-weight:300}
.contents.about .conInfo dd {font-size:0.8125rem;line-height:1.875rem;font-weight:100}
.contents.about .conInfo dt:after {top:calc(100% + 3.3125rem)}
.fittingRoom {width:100%;max-width:800px;margin:0 auto;padding-top:4rem}
.fittingRoom li + li {margin-top:8.75rem}
.fittingRoom li p {padding-top:1.25rem;text-align:center;font-size:0.8125rem}
.fittingRoom li img {width:100%;max-width:50rem}
/*ceo*/
.contents.ceo {max-width:1600px;padding-bottom:12.25rem}
.contents.ceo .ceoBox {position:relative}
.contents.ceo .ceoBox:after {content:'';display:block;clear:both}
.contents.ceo .ceoBox > div {float:left;width:50%}
.contents.ceo .ceoInfo {position:relative;/*padding-left:3.125rem*/}
.contents.ceo .ceoInfo p {width:40.125rem;max-width:100%}
.contents.ceo .ceoInfo p img {width:100%;max-width:40.125rem;}
.contents.ceo .ceoInfo ul {position:absolute;top:1.875rem;left:4.375rem}
.contents.ceo .ceoInfo li {position:relative;padding-left:0.5rem;font-size:0.6875rem;color:#fff;line-height:1.375rem}
.contents.ceo .ceoInfo li:before {content:'·';display:block;position:absolute;top:-1px;left:0;font-weight:600}
.contents.ceo .conInfo {margin:4.25rem 0 0;letter-spacing:0.5px;font-weight:300}
.contents.ceo .conInfo p {margin-top:3.375rem}
.contents.ceo .conInfo dt {margin-bottom:11.5625rem;font-size:0.9375rem;line-height:2rem;letter-spacing:0.5px;font-weight:300}
.contents.ceo .conInfo dt span {display:block;font-size:0.9375rem;font-weight:100;font-family:"NotoSansKR", sans-serif;}
.contents.ceo .conInfo dt:after {top:calc(100% + 4rem)}
.contents.ceo .conInfo dd {font-size:0.8125rem;font-weight:100;font-family:"NotoSansKR", sans-serif;}
.contents.ceo .his {width:100% !important;text-align:center;margin-top:16.25rem}
.contents.ceo .his li {position:relative;padding-left:0.5rem;width:fit-content;margin:0 auto;font-size:0.8125rem;line-height:3.125rem}
.contents.ceo .his li:before {content:'·';display:block;position:absolute;top:-1px;left:0;font-weight:600}

/*event*/
.contents.event {max-width:1080px;padding-bottom:16.875rem}
.eventBox img {width:100%}
.eventBox p {padding:1.25rem 0 0 0.625rem;font-size:0.8125rem;line-height:1.5rem}
.eventBox p strong {display:block;font-size:0.9375rem;letter-spacing:1px}
.eventBox .bannerZone {position:relative;}
.eventBox .bannerZone .eventView {display:none;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;font-weight:100;font-family:"NotoSansKR", sans-serif;color:#fff;background:rgba(0,0,0,0.7);}
.eventBox .bannerZone .eventView p {position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.eventBox .bannerZone .eventView p .view {position:relative;display:inline-block;color:#fff;font-size:0.961875rem;font-family:"Acumin-RPro", sans-serif;}
.eventBox .bannerZone .eventView p .view:after {content:'';display:block;position:absolute;top:100%;left:-0.625rem;width:calc(100% + 1.25rem);height:1px;background-color:#fff}
.galleyList.event ul {max-width:285px;margin:3.75rem auto 0}
.contents.event .conInfo dt {font-size:1rem;margin-bottom:12.375rem;font-weight:700;line-height:2rem;}
.contents.event .conInfo dt strong {font-weight:700;font-size:1.200625rem;letter-spacing:1px}
.contents.event .conInfo dt:after {top: calc(100% + 4.1875rem);}
.contents.event .conInfo dd {font-size:0.8125rem;font-weight:100;line-height:1.6925rem;}
.contents.event .conInfo {margin: 7.5rem 0 10.625rem;}

/*contact*/
.contents.contact {max-width:1500px;padding:0 0 11.875rem}
.contactBox {position:relative}
.contactBox:after {content:'';display:block;clear:both}
.contactBox .mapBox {width:60%;float:left}
.contactBox .mapBox > div {width:100% !important;}
.root_daum_roughmap .wrap_map {height:800px !important}
.contactInfo {width:40%}
.contactInfo .inner {position:absolute;top:50%;left:calc(60% + 7.8125rem);transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.contactInfo h3 {font-size:1.75rem;font-weight:600;letter-spacing:0.1875rem;font-family:"Acumin-BdPro", sans-serif;}
.contactInfo .infoList {margin-top:4rem;font-size:0.78125rem;line-height: 1.40625rem;color:#000;font-family:"NotoSansKR", sans-serif;}
.contactInfo .infoList dl:after {content:'';display:block;clear:both}
.contactInfo .infoList dl + dl {margin-top:1.875em}
.contactInfo .infoList dl.type2 dt {float:left;margin-right:0.5625rem}
.contactInfo .infoList dd {font-weight:100}
.contactInfo .infoList dd.type2 {position:relative;float:left;margin-right:1.25rem}
.contactInfo .infoList dl.type3 dd a {font-style:italic}
.contactInfo .infoList dd.type2:after {content:'/';display:block;position:absolute;top:0;left:calc(100% + 0.4375rem)}
.contactInfo .infoList dd.type2:last-child:after {display:none}
.contactInfo .infoList dd + dd.type3 {margin-top:0.8125rem}


/*모바일 버튼*/
#mobileBtn {position:absolute;top:15px;right:20px;width:25px;height:20px;background-color:transparent;box-sizing:border-box;z-index:999999;cursor:pointer}
#mobileBtn span {display:inline-block;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;box-sizing:border-box;}
#mobileBtn span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #333;
	border-radius: 4px;
}
#mobileBtn span.mid1 {top:0;}
#mobileBtn span.mid2 {top:9px;}
#mobileBtn span.mid3 {bottom:0;}
#mobileBtn span.mid1 {-webkit-animation:design .75s forwards;animation:design .75s forwards;}
@-webkit-keyframes design {
	0% {-webkit-transform:translateY(20px) rotate(45deg);}
	50% {-webkit-transform:translateY(20px) rotate(0);}
	100% {-webkit-transform:translateY(0) rotate(0);}
}
@keyframes design {
	0% {transform:translateY(20px) rotate(45deg);}
	50% {transform:translateY(20px) rotate(0);}
	100% {transform:translateY(0) rotate(0);}
}
#mobileBtn span.mid2 {transition:all .25s .25s;opacity:1;}
#mobileBtn span.mid3 {-webkit-animation:design2 .75s forwards;animation:design2 .75s forwards;}
@-webkit-keyframes design2 {
	0% {-webkit-transform:translateY(-20px) rotate(-45deg);}
	50% {-webkit-transform:translateY(-20px) rotate(0);}
	100% {-webkit-transform:translateY(0) rotate(0);}
}
@keyframes design2 {0% {
		transform:translateY(-20px) rotate(-45deg);}
	50% {transform:translateY(-20px) rotate(0);}
	100% {transform:translateY(0) rotate(0);}
}
#mobileBtn.active span {background-color:#333;}
#mobileBtn.active span.mid1 {top:-13px;-webkit-animation:active-design .75s forwards;animation:active-design .75s forwards;}
@-webkit-keyframes active-design {
	0% {-webkit-transform:translateY(0) rotate(0);}
	50% {-webkit-transform:translateY(20px) rotate(0);}
	100% {-webkit-transform:translateY(20px) rotate(45deg);}
}
@keyframes active-design {
	0% {transform:translateY(0) rotate(0);}
	50% {transform:translateY(20px) rotate(0);}
	100% {transform:translateY(20px) rotate(45deg);}
}
#mobileBtn.active span.mid2 {opacity:0;}
#mobileBtn.active span.mid3 {bottom:-9px;-webkit-animation:active-design2 .75s forwards;animation:active-design2 .75s forwards;}
@-webkit-keyframes active-design2 {
	0% {-webkit-transform:translateY(0) rotate(0);}
	50% {-webkit-transform:translateY(-20px) rotate(0);}
	100% {-webkit-transform:translateY(-20px) rotate(-45deg);}
}
@keyframes active-design2 {
	0% {transform:translateY(0) rotate(0);}
	50% {transform:translateY(-20px) rotate(0);}
	100% {transform:translateY(-20px) rotate(-45deg);}
}

/************************************************************************************
                                    Media Query
*************************************************************************************/

@media (max-width: 1600px) {
    #headerPc {width:100%;padding:0}
	.productBox {width:100%}
	#headerPc h1 a {margin: 0 1.3125rem;}
	header .gnb > ul > li {padding-right: 2.6875rem;}
}

@media (max-width: 1400px) {
	.slbCloseBtn {right: 1.5rem}
	.sl-counter:before {left: 1.5rem}
	.sl-counter:after {left: 1.5rem}
}

@media (max-width: 1360px) {
	#headerPc h1 a {margin: 0 1rem;}
	header .gnb {margin-left: 1.75rem;}
	.slideBox {background-position:left top}
	.mainVisual .tit {font-size:6rem;letter-spacing:3px}
	.mainVisual .tit span {margin-left:1.8rem;letter-spacing:1.1rem}
	.videoBox {padding:0 3rem}
	.infoBox {padding:6.25rem 3rem}
	.infoBox .storeList {float:none;width:100%}
	.infoBox .officeBox {position:relative;float:none;margin:5rem 0 0 0;}
}

@media (max-width: 1280px) {
	.galleyList {max-width: 90%;}
}

@media (max-width: 1200px) {
	#headerPc h1 {position:relative;margin-top:0;top:50%;transform:translateY(-50%)}
	.slbArrow.prev {left:1.25rem;}
	.slbArrow.next {right:1.25rem;}
	.location {margin-left:2rem}
}

@media (max-width: 1024px) {
    .pc_view {display:none !important}
	.mobile_view {display:block !important}
    #headerPc {display:none !important}
	#headerMobile {display:block !important;position:fixed;z-index:2}
	.mHeader {position: relative;width: 100%;height: 50px;z-index: 2;background: #fff}
	.mHeader h1 {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%,-50%)}
	.mHeader h1 img {vertical-align:top}
	.mainVisual {height: calc(var(--vh, 1vh) * 100);}
	.mainVisual .tit {font-size:6.5rem;font-family:'TrajanPro', sans-serif;line-height:9.2725rem;text-align:center}
	.mainVisual .tit span {margin-left:2rem;letter-spacing:0.7rem}
	.productBox {padding: 13.375rem 3rem 6.25rem 3rem;}
	.infoBox .storeList dt {width:100%}
	.colbanner.choijaehoon {background-position:left 18% top 50px;height: calc(var(--vh, 1vh) * 100);}
	.colbanner.choijaehoon.fw20 {background-position:left 13% top 50px;height: calc(var(--vh, 1vh) * 100);}
	.colbanner.choijaehoon.ss20 {background-position:left 0 top 50px;height: calc(var(--vh, 1vh) * 100);}
	.colbanner.choijaehoon.fw19 {background-position:left 8% top 50px;height: calc(var(--vh, 1vh) * 100);}
	.colbanner.choijaehoon.ss19 {background-position:center top 50px;height: calc(var(--vh, 1vh) * 100);}
	.colbanner p {padding-top:50px}
	.subbanner {display:none}
	.conInfo {padding:0 2rem}
	.contents {margin-top:100px}
	.contactBox .mapBox {width:50%}
	.contactInfo .inner {left:53%}
	.contents.ceo .ceoBox > div {float:none;width:100%}
	.galleryBox.type5 li {width:calc(100%/3 - 1.35rem)}
	.galleryBox.type5 li + li {margin-left:2rem}}

@media (max-width: 800px) {
.fittingRoom {padding:4rem 3rem 0}
}

@media (max-width: 767px) {
	html, body{
        font-size: 12px !important;
    }
	.mainVisual {background-image:url(../img/main/main_bg_m.jpg)}
	.mainVisual .tit {font-size:5rem;line-height:7rem}
	.productBox {padding: 6rem}
	.productBox ul li,
	.productBox.type2 ul li {width:100%;margin:8rem 0 0 0}	
	.slideBox {background-position: center top}
	.infoBox .officeBox .logoImg {width:10rem;height:auto}
	.infoBox .officeBox .logoImg img {width:100%}
	footer {padding: 3.125rem 0;}
	.colbanner.choijaehoon p img {width:22rem}
	.choijaehoonBox {padding:0 3rem}
	.galleyList ul {width: 90%;}
	.galleyList.event ul {width: 40%;}
	.galleyList #s1130List > li {width:6.5rem !important;font-size:0.7rem;margin-right: 0.3rem !important;}
	.galleyList.event li {width:calc(100%/2 - 0.4rem)}
	.galleyList li a {padding:0 0 1rem;min-height: 9rem;}
	.mapBox {width: 100% !important;padding-top: 30rem;padding: 30rem 3rem 3rem;}
	.root_daum_roughmap .wrap_map {height: 400px !important;}
	.contactInfo {width:100%}
	.contactInfo .inner {top: 3rem;left: 3rem;transform: none;}
	.contactInfo .infoList {padding-right:3rem}
	.contents.ceo .ceoInfo {padding:0 2rem}
	.contents.ceo .ceoInfo ul {top:auto;bottom:2rem}
	.contents.ceo .ceoInfo p {width:100%}
	.contents.ceo .ceoInfo p img {max-width:100%}
	.contents.ceo .conInfo p img {width:13rem}
	.slbImageWrap {margin:0 3rem !important}
	.galleyList {max-width: 85%;}
}

@media (max-width: 640px) {
	.productBox {padding-top: 9.375rem}
}

@media (max-width: 500px) {
    html, body{
        font-size: 10px !important;
    }
}

@media (max-width: 480px) {
	.contents.ceo .conInfo dd br {display:none}
}

@media (max-width: 380px) {
	.galleyList li a {min-height: 9.8rem;}

}

@media (max-width: 320px) {
    html, body{
        font-size: 8px !important;
    }
}