/* **************************************** *
 * Var
 * **************************************** */
:root {
    --color-primary: #221D1E;
    --color-secondary: #393435;
    --font-primary: 'Pretendard', sans-serif;
    --letter-spacing: 0em;
    --sidebar-width: 447rem;
    --notifbar-offset : 45rem;
}



/* **************************************** *
 * Reset
 * **************************************** */
html { font-size: 6.25%; }
html.safari.desktop { font-size: .05254860746190226vw; }

* {box-sizing: border-box;}
body{ font-size: 16rem; margin: 0; font-family: 'Pretendard'; font-feature-settings: 'tnum'; position: fixed; top: 0; left: 0; bottom: 0; right: 0;}
button { padding: 0; cursor: pointer; background: none; border: none; font-family: 'Pretendard';}
a {text-decoration: none;}
input, select {font-family: 'Pretendard';}
input:focus {outline: none;}
h1, h3, p, ul {margin: 0;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0;}
input[type=number] { -moz-appearance: textfield; appearance: textfield;}



/* **************************************** *
 * Layout
 * **************************************** */
.jtin {  display: flex; }
.jtin-logo { display: none; position: fixed; top: 36rem; left: 52rem; text-decoration: none; z-index: 9; }
.jtin--loaded .jtin-logo,
.jtin-view[id ^= 'view-'  ] .jtin-logo{display: inline-block;} /* prevent fouc */
.jtin--with-notifbar .jtin-logo{top: calc(36rem + var(--notifbar-offset));}
.jtin-logo img {width: 98rem;}
.jtin-logo .jtin-appname { display: none; font-size: 18rem;color: #000;text-decoration: none;font-weight: 700;}

.jtin-gl { width: calc(100% - var(--sidebar-width)); position: relative; background: #f6f6f6;}
/*.jtin--with-notifbar .jtin-gl { top: var(--notifbar-offset);}*/
.jtin-gl:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #f6f6f6; z-index: 5;}
.jtin-gl:after { animation: rotating 1s linear infinite; content: '';top: 50%;left: 50%;position: absolute;width: 40rem;height: 40rem;border: 8rem solid #ededed;border-top-color: transparent;z-index: 6;border-radius: 80rem;margin-left: -24rem;margin-top: -24rem;}
.jtin--loaded .jtin-gl:before,
.jtin--loaded .jtin-gl:after { display: none;}

.jtin-view { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; /*overflow: auto;*/ z-index: 55;}



/* **************************************** *
 * Mobile Message
 * **************************************** */
.jtin-mobile-ui { display: none;}
html.mobile .jtin-mobile-ui { display: block; padding: 30rem 24rem; position: relative; width: 100%; height: 100%;}
html.mobile .jtin {display: none;}
.jtin-mobile-ui .jtin-logo {position: absolute; top: 30rem; left: 24rem;}
.jtin-mobile-ui .jtin-logo img {width: 90rem;}
.jtin-mobile-ui .jtin-shop {position: absolute; top: 33rem; right: 24rem; padding: 0;}
.jtin-mobile-ui .jtin-shop a{color: #000; font-size: 13rem; position: relative; margin-right: 15rem;}
.jtin-mobile-ui .jtin-shop a::after {background: no-repeat url(../images/mobile-link.svg); width: 13rem; height: 13rem; position: absolute; content: ''; top: 2rem; right: -17rem;}
.jtin-mobile-ui .jt-content {width: 100%; text-align: center; position: absolute; top: 51%; left: 50%; transform: translate(-50%,-50%);}
.jtin-mobile-ui .jt-content .jt-mobile__text {margin-top: 17rem; margin-bottom: 8rem;}
.jtin-mobile-ui .jt-content .jt-mobile__text h1 {font-size: 32rem; line-height: 44rem; margin-bottom: 10rem;}
.jtin-mobile-ui .jt-content .jt-mobile__text p {font-size: 20rem; line-height: 32rem;}
.jtin-mobile-ui .jt-content .jt-mobile__bg {width: 200rem; height: 200rem; position: relative; margin: 0 auto;}
.jtin-mobile-ui .jt-content .jt-mobile__bg iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.jtin-mobile-ui .jt-content .jt-mobile__bg img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.jtin-mobile-ui .footer {position: absolute; bottom: 36rem; left: 24rem; color: #888; font-size: 10rem;}



/* **************************************** *
 * Helper
 * **************************************** */
.sr-only { position: absolute; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(0px 0px 99.9% 99.9%); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; }
.jtin-valid-tip {font-size: 13rem; color: #F52F23;}

/* scrollbar */
.jtin-scrollbar::-webkit-scrollbar {background:transparent;width:7px}
.jtin-scrollbar::-webkit-scrollbar-track{background:transparent;}
.jtin-scrollbar::-webkit-scrollbar-thumb { background: #ccc; border-radius: 0px;}
.jtin-scrollbar:hover::-webkit-scrollbar-thumb{background:#ccc}

/* checkbox */
.jtin-checkbox {position: relative;}
.jtin-checkbox label { cursor: pointer; padding-left: 23rem;} 
.jtin-checkbox input { position: absolute; opacity: 0; cursor: pointer; vertical-align: middle; margin: 1rem 0;}
.jtin-checkbox label span { display: inline; vertical-align: middle; margin-left: 4rem; font-size: 12rem;}
.jtin-checkbox label > span:before { content: ''; display: block; height: 19rem; width: 19rem; position: absolute; top: 1rem; left: 0; border: 1rem solid #aaa; -webkit-transition: border .3s, background .1s; transition: border .3s, background .1s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.jtin-checkbox label > span:after { content: ''; display: none; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 6rem; height: 10rem; left: 7rem; top: 4rem; border: solid #fff; border-width: 0 2rem 2rem 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.jtin-checkbox input:checked + span:before { background: #aaa; border-color: #aaa; }
.jtin-checkbox input:disabled + span:before, .jt-checkbox input:disabled:checked + span:before { border-color: #eee; background: #eee; }
.jtin-checkbox input:checked + span:after { display: block; }

/* line motion */
.jt-btn__line {display: inline-block;position: relative;}
.jt-btn__line span {display: block; padding-bottom: 2px;}
.jt-btn__line span:before, .jt-btn__line span:after {content: '';display: block;height: 1rem;position: absolute;bottom: 9rem;z-index: 1;background: #000;}
.jt-btn__line span:before {width: 63%;right: 9rem;-webkit-transition: none;transition: none; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; }
.jt-btn__line span:after {width: 0;left: 24rem;-webkit-transition: width .5s cubic-bezier(.215, .61, .355, 1);transition: width .5s cubic-bezier(.215, .61, .355, 1);-webkit-transform-origin: right;-ms-transform-origin: right;transform-origin: right; }
.jt-btn__line:hover span:before {width: 0;-webkit-transition: width .5s cubic-bezier(.215, .61, .355, 1);transition: width .5s cubic-bezier(.215, .61, .355, 1);}
.jt-btn__line:hover span:after {width: 63%;-webkit-transition-delay: .3s;transition-delay: .3s;}

/* selection */
::-moz-selection {background: rgba(102, 102, 102, .35); color: #fff; } 
::selection { background: rgba(102, 102, 102, .35); color: #fff; } 



/* **************************************** *
 * Components
 * **************************************** */
.jtin-btn__primary {position: fixed; bottom: 0; right: 0; width: 500rem; font-weight: 700; font-size: 18rem; padding: 0 15rem;min-width: 160rem;height: 90rem;background: var(--color-primary);border: none;color: #fff; transition: background .3s; cursor: pointer;}
.jtin-btn__primary:hover { background: var(--color-secondary); }
.jtin-btn__primary:disabled:hover { background: var(--color-primary);}
.jtin-btn__primary:disabled { cursor: default;}

.jtin-btn__secondary { max-width: 300rem; font-weight: 700; font-size: 16rem; padding: 0 15rem;height: 44rem; border: 3rem solid #ddd; border-radius: 50rem;color: #666; background: transparent;}
.jtin-btn__secondary:hover { border-color: var(--color-primary); color: var(--color-primary); }

.jtin-label {display: flex;align-items: center;margin: 20rem 0;}
.jtin-label span {display: block;width: 160rem; cursor: pointer;}
.jtin-label input[type="text"],
.jtin-checkout__input {height: 44rem;width: 100%;border: 1rem solid #ccc;padding: 0 0 0 12rem;border-radius: 4rem;}
.jtin-label--privacy { margin: 40rem 0; }
.jtin-label--privacy a { text-underline-offset: 3rem; color: #aaa; font-weight: 700; margin: 3rem 0 0 16rem; box-shadow: inset 0 -1rem 0 0 #aaa; font-size: 11rem; }
html.safari .jtin-label--privacy a {margin-top: 4rem;}

.jtin-model-controls { position: absolute; top: 60rem; left: 30rem; visibility:hidden;}
.jtin-model-controls button { display: block; position: relative; width: 30rem; height: 30rem; color: #000; border: none; border-radius: 50%; display: block; margin-top: 3rem; cursor: pointer; box-shadow: 0 0 8rem 0 rgba(0,0,0,0.1);}
.jtin-model-controls button span {position: absolute; white-space: nowrap; right: -33rem; top: 8rem; font-size: 13rem;}
.jtin-model-controls__colors { display: block; }
.jtin-model-controls__colors-palettes { position: absolute; top: 90rem; left: 73rem; visibility: hidden; opacity: 0; transition: 0.2s; }
.jtin-model-controls__colors-palettes--show { visibility: visible; opacity: 1;}
.jtin-model-controls__colors-palettes { width: 155rem; padding: 9rem 20rem; background-color: rgb(255, 255, 255, 0.8); font-size: 11rem; font-weight: 500; border-radius: 8rem;}
.jtin-model-controls__colors-palette { margin: 11rem 0; display: flex; justify-content: space-between; align-items: center;}
.jtin-model-controls__colors-palette ul,
.jtin-model-controls__colors-palette li { display: inline-block; list-style: none; margin: 0;  padding: 0; vertical-align: middle;}
.jtin-model-controls__colors-palette li { background-color: #ccc; border-radius: 100rem; width: 18rem; height: 18rem; cursor: pointer; margin: 0 1rem;}
.jtin-model-controls__color[style="background:rgb(253, 252, 248)"]:not(.jtin-model-controls__color--active),
.jtin-model-controls__color[style="background:rgb(245, 242, 233)"]:not(.jtin-model-controls__color--active){ box-shadow: inset 0 0 0 1px #CCC;}
.jtin-model-controls__color--active{ box-shadow:inset 0 0 0 1px #000;}
.jtin-model-controls__rotate {background: #fff no-repeat center 7rem url(../images/control-rotate.svg); background-size: 14rem 15rem;}
.jtin-model-controls__delete {background: #fff no-repeat 9rem 9rem url(../images/control-delete.svg); background-size: 11rem 11rem;}
.jtin-model-controls__duplicate {background: #fff no-repeat center url(../images/control-copy.svg); background-size: 13rem 13rem; }
.jtin-model-controls__colors-btn {background: #fff no-repeat 8.4rem center url(../images/control-color.svg); background-size: 13rem 21rem; }

.jtin-model-controls__colors--hide{ display:none}

/* Dimension */
.jtin-dimension { visibility: hidden;}
.jtin-dimension span { pointer-events: none; position: absolute; top: 0; left: 0; background: #ededed; color: #000; font-size: 10rem;  display: block; padding: 4rem 5rem 4rem; border-radius: 4rem;}

/* Modal */
.jtin-modal { display: flex;opacity: 0;visibility: hidden;  z-index: 999; position: fixed; top: 0; left: 0; bottom: 0; right: 0;  align-items: center; justify-content: center; background-color: rgb(0, 0, 0, 0.5); }
.jtin-modal__inner { background-color: #fff; max-width: 560rem; }

.jtin-modal__content { position: relative; }
.jtin-modal__content img { max-width: 100%; }
.jtin-modal__content-inner { padding: 70rem 60rem 80rem; } 
.jtin-modal__content-inner h2 {margin: 0; margin-bottom: 16rem;}
.jtin-modal__content-inner ul {list-style: none; padding: 0;}
.jtin-modal__content-inner ul li {margin-bottom: 10rem; font-size: 14rem; color: #666; position: relative; padding-left: 11rem;}
.jtin-modal__content-inner ul li::before {position: absolute; content: ''; background: #000; top: 50%; transform: translateY(-50%); left: 0; width: 3rem; height: 3rem; border-radius: 3rem;}
.jtin-modal__content-inner ul li strong {color: #000;}

.jtin-roomsize__field {position: relative; display: block; margin-top: 56rem; min-width: 440rem;}
.jtin-roomsize__field:first-child {margin-top: 60rem;}
.jtin-roomsize__field--hide { display: none; } 
.jtin-roomsize__label {color: #aaa; position: absolute; font-size: 18rem;position:absolute;top: 7rem;z-index: 10;transform: translateY(-50%); transition:all .3s;}
.jtin-roomsize__field--focus .jtin-roomsize__label { top:-15rem; font-size:13rem;}
.jtin-roomsize__field--active .jtin-roomsize__label { top:-15rem; font-size:13rem;}
.jtin-roomsize__field--active.jtin-checkout__field--error:after ,
.jtin-roomsize__field--focus.jtin-checkout__field--error:after { width:0% }
.jtin-roomsize__input {border: 0; width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 8rem; font-size: 18rem; position:relative; font-weight: 600; padding-left: 0;}
.jtin-roomsize__field::after {content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#222; transition: width .3s linear}
.jtin-roomsize__field--focus:after { width:100% }
.jtin-roomsize__field.jtin-roomsize__field--active .jtin-roomsize__input{color: #666;}
.jtin-roomsize__field.jtin-roomsize__field--focus .jtin-roomsize__input{color: #000;}
.jtin-roomsize__field .jtin-valid-tip {position: absolute; bottom: -20rem; left: 0; width: 100%; padding-top: 6rem;}
.jtin-roomsize__field .jtin-valid-tip::before {content:'';position:absolute; top: 0; left:0;width:100%;height:1px;background-color:#F52F23; z-index: 10;}
.jtin-roomsize__field .jtin-valid-tip:empty {display: none;}
html.safari .jtin-roomsize__field .jtin-valid-tip {bottom: -17rem;}
html.safari .jtin-roomsize__field--focus:after {bottom: 2rem;}

.jtin-modal__submit { height: 70rem; width: 100%; color: #fff; background-color: var(--color-primary); display: block; font-size: 16rem; transition: all .3s; font-weight: 600;}
.jtin-modal__submit:hover {background-color: var(--color-secondary);}
.jtin-modal--open {  opacity: 1; visibility: visible; transition: 300ms opacity;}
.jtin-modal__content-close { position: absolute; right: 18rem; top: 21rem; width: 44rem; height: 44rem;}
.jtin-modal__content-close::after {position: absolute; content: ''; background: no-repeat center center url(../images/modal-close.svg); background-size: 20rem; width: 20rem; height: 20rem; top: 10rem; left: 12rem; cursor: pointer;transform-origin: center; -webkit-transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1);}
.jtin-modal__content-close:hover:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);transform: rotate(180deg);}

/* Preview Modal */
.jtin-modal--seamless .jtin-modal__content-inner {padding: 15rem;}
.jtin-modal--seamless .jtin-modal__content-close {width: 44rem; height: 44rem; right: -50rem; top: -9rem; position: absolute;}
.jtin-modal--seamless .jtin-modal__content-close::after {background: no-repeat center center url(../images/modal-close-w.svg); width: 27rem; height: 27rem; top: 8rem; left: 8rem; cursor: pointer;}
.jtin-modal--seamless .jtin-modal__content img { max-width: 100%; height: calc(80vh - 30rem);}
.jtin-modal--seamless .jtin-modal__inner {  background-color: #fff;  max-width: 80vw; max-height: 80vh;}
 
/* Privacy Modal */
.jtin-privacy .jtin-modal__content-inner {padding: 70rem 115rem 70rem 60rem;}
.jtin-privacy .jtin-modal__content-inner h2 {margin-bottom: 30rem;}
.jtin-privacy .jtin-modal__content-inner ul li::before {top: 13rem;}
.jtin-privacy .jtin-modal__content-inner ul li h3 {color: #000; font-size: 14rem; line-height: 26rem;}
.jtin-privacy .jtin-modal__content-inner ul li p {color: #666; font-size: 14rem; line-height: 26rem;}
.jtin-privacy .jtin-modal__content-inner ul li:nth-child(2) p {margin-top: 5rem;}
.jtin-privacy .jtin-modal__content-inner ul li strong {color: #666;}

/* Notification bar */
.jtin-notifbar {  display: none;  position: fixed; z-index: 2;   width: calc(100% -  447rem);  text-align: center;  background: var(--color-primary);  color: #fff;  padding: 14rem 30rem 13rem  var(--notifbar-offset);  font-size: 15rem;  height: var(--notifbar-offset);}
.jtin--loaded.jtin--with-notifbar .jtin-notifbar {display: block;}
.jtin-notifbar__close { position: absolute; right: 5rem; top: 0;  color: #fff;}
.jtin-notifbar__close i { border-radius: 50%; width:  var(--notifbar-offset); height: var(--notifbar-offset); background: transparent no-repeat 15rem url(../images/modal-close-w.svg); background-size: 14rem; display: block; transform-origin: center; -webkit-transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1);}
.jtin-notifbar__close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);transform: rotate(180deg); background-position: 16rem 16rem;}
.jtin-notifbar__content {font-size: 13rem; margin-top: 2rem;}



/* **************************************** *
 * Sidebar
 * **************************************** */
 .jtin-editor { width: var(--sidebar-width); background: #fff; height: calc(100vh); overflow:overlay;}
 .jtin-editor.jtin-editor--show-price {padding-bottom: 99rem;}
 
 .jtin-editor__header-container { display: none; position: fixed;width: var(--sidebar-width);bottom: 0;right: 0;background: #fff; z-index: 9;}
 .jtin-editor--show-price .jtin-editor__header-container { display: block; }
 .jtin-editor__header { display: flex; justify-content: space-between;  padding-left: 32rem; border-top: 1rem solid #000; align-items: center; height: 100rem;}
 .jtin-editor__header-price { font-size: 22rem; font-weight: 700; position: relative; letter-spacing: -0.5rem;}
 .jtin-editor__header-price-title { font-size: 12rem; color: #666; font-weight: normal; line-height: 26rem; margin-top: -6rem;}
 .jtin-editor__header-price .jtin-editor__header-price-symbol {margin-top: 4rem; display: inline-block;}
 
 .jtin-editor__header-next { margin: 0; font-weight: 500; font-size: 18rem; min-width: 140rem; height: 100rem; background: var(--color-primary); border: none; color: #fff; transition: background .3s;}
 .jtin-editor__header-next:hover { background: var(--color-secondary); }
 .jtin-editor__header-next span {margin-top: 2rem; display: block; font-size: 16rem;}
 
 .jtin-editor__menu {list-style: none; margin: 0; padding: 0;}
 .jtin-editor__items ul {list-style: none;margin: 0; padding:0 }
 .jtin-editor__items li {width: 50%; height: 382rem; padding: 18rem 0 28rem 0rem; border-bottom: 1rem solid #ddd; border-right: 1rem solid #ddd;}
 .jtin-editor__items li.jtin-module--active:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 2px solid #221d1e;/*box-shadow: inset 0 0 0 1px #221d1e, 0 0 0 1px #221d1e;*/ pointer-events: none; z-index: 3;}
 .jtin-editor__items li.jtin-module--active:nth-child(-n+2):after {  top: 1px;}
 .jtin-editor__items li.jtin-module--active:nth-child(odd):before {content: ""; position: absolute; top: 0; left: 1px; bottom: 0; right: 0; background: #221D1E; width: 1px; z-index: 3;}
 .jtin-editor__items li button { width: 100%; text-align: center; padding: 0rem 14rem;}
 .jtin-editor__items li button svg { width: 80%; height: auto;}
 .jtin-editor__items-title {border-bottom: 1px solid #fff; cursor:pointer;font-size: 24rem;margin: 0;position: sticky;top: 0;background: #fff;z-index: 3;}
 .jtin-editor__items-sub-title {color: #666; padding-top: 3rem; font-size: 13rem; margin: 0; display: block; font-weight: 400; line-height: 22rem; width: 100%;}
 .jtin-editor__items-content {display: none;}
 .jtin-editor__items:last-child .jtin-editor__items-content{ min-height: calc(100vh - 150rem);}
 .jtin-editor__items-content > ul { display: flex; flex-wrap: wrap; justify-content: flex-start;}
 .jtin-editor__items .jtin-editor__items-content{ display:none;margin-bottom: -1px;margin-top: -1px;}
 .jtin-editor__items:not(.jtin-editor__items--active) h2 {overflow: hidden;font-size: 19rem;line-height: 30rem;padding: 0rem 85rem 0 30rem;height: 120rem;border-top: 1px solid #ddd;font-weight: 500;display: flex;align-content: center;flex-wrap: wrap;border-bottom-color: #ddd;margin-top: -1px;}
 html.safari .jtin-editor__items:not(.jtin-editor__items--active) h2 {border-right: 1rem solid #ddd;}
 .jtin-editor__items:first-child h2 {border-top: 1px solid #fff;margin-top: 0;}
 .jtin-editor__items:not(.jtin-editor__items--active) h2::before {position: absolute; content: ''; width: 1rem; height: 17rem; top: 50%; transform: translateY(-50%); right: 41rem; background: #aaa; transition: background .3s;}
 .jtin-editor__items:not(.jtin-editor__items--active) h2::after {position: absolute; content: ''; width: 17rem; height: 1rem; top: 50%; transform: translateY(-50%); right: 33rem; background: #aaa; transition: background .3s;}
 .jtin-editor__items:not(.jtin-editor__items--active ,.jtin-editor__items--open) h2:hover::before ,
 .jtin-editor__items:not(.jtin-editor__items--active ,.jtin-editor__items--open) h2:hover:after {background-color: #000;}
 .jtin-editor__items.jtin-editor__items--open h2::before {display: none;}
 .jtin-editor__items.jtin-editor__items--open h2::after {position: absolute; content: ''; width: 16rem; height: 1rem; top: 50%; transform: translateY(-50%); right: 33rem; background: #000;}
 /* .jtin-editor__items.jtin-editor__items--open h2 {font-weight: 700;} */
 

.jtin-editor__room-dimension { padding: 20rem 30rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1rem solid #ddd;}
.jtin-editor__room-dimension-title { margin: 0; font-size: 18rem;}
.jtin-editor__room-dimension-field { font-size: 15rem;color: #888;font-weight: 700; height: 30rem; width: 20rem; text-align: center; border: none; padding: 0;}
.jtin-editor__room-dimension-data {font-size: 0;}
.jtin-editor__room-dimension-data span {font-size: 15rem;color: #888; font-weight: 700; }
.jtin-editor__room-dimension-label {display: none;}
.jtin-editor__room-dimension-symbol {margin: 0 4rem 0 7rem;}

.jtin-editor__screenshot-take { margin-bottom: 10rem; display: inline-block;}
.jtin-editor__screenshot-result img { width: 100%; height: 300rem; object-fit: cover;}

/* Model card item */
.jtin-item__colors {width: 100%; padding: 0 30rem; margin-bottom: -10rem; margin-top: 13rem;}
.jtin-item__colors-list {display: flex; margin-left: -2rem;}
.jtin-item__colors-inner {text-align: left; margin-top: 5rem;}
.jtin-item__colors-inner:first-child {margin-bottom: 10rem;}
.jtin-item__colors-inner span {display: inline-block; font-size: 13rem; font-weight: 600; margin-bottom: 3rem; margin-left: 2rem;}
.jtin-item__colors-inner .jtin-item__colors-current {color: #aaa; font-weight: 300; margin-left: 10rem;}
.jtin-item__colors-inner--hide { display:none}
.jtin-editor__items li .jtin-item__colors-list input[type="radio"] { cursor: pointer; --webkit-apparence: none;  appearance: none; }
.jtin-editor__items li .jtin-item__colors-list label { position: relative; margin: 6rem 4rem; display: inline-block; height: 24rem; width: 24rem; cursor: pointer;}
.jtin-editor__items li .jtin-item__colors-list input[type="radio"] + span {position: absolute;top: 0;left: 0;height: 24rem;width: 24rem;border-radius: 999px;pointer-events: none;cursor: pointer;margin: 0;}
.jtin-editor__items li .jtin-item__colors-list input[type="radio"] + span[style="background: #f5f2e9"],
.jtin-editor__items li .jtin-item__colors-list input[type="radio"] + span[style="background: #fdfcf8"]{ box-shadow: inset 0 0 0 1px #ECECEC;}
.jtin-editor__items li .jtin-item__colors-list input[type="radio"]:checked + span{ box-shadow: inset 0 0 0 2px #000000;}

.jtin-editor__items li {position: relative; z-index: 1; background: #fff;}
.jtin-module__title { font-size: 15rem; margin-top:-3rem; line-height: 24rem; font-weight: 500; padding: 0 30rem;}
.jtin-module__size {font-size: 14rem; color: #666; padding: 0 30rem; line-height: 26rem;}
.jtin-module__price {margin-top: 15rem; font-weight: 600; padding: 0 30rem; line-height: 28rem; letter-spacing: -0.5rem;}
.jtin-module__info {color:#666; font-size: 12rem; line-height: 20rem; margin-top: 3rem; padding: 0 30rem;}
.jtin-module__cart-count { padding-left: 8rem; position: absolute; top: 7rem; left: 23rem; color: #000; font-size: 13rem; font-weight: 600; min-width: 30rem; height: 30rem; line-height: 30rem; text-align: center;}
.jtin-module__cart-count::before{position: absolute; content: ''; background: #000 no-repeat center url(../images/count-check.svg); width: 14rem; height: 14rem; border-radius: 50%; top: 8rem; left: -8rem; background-size: 8rem 6rem;}
.jtin-module__cart-count::after{ content: '개';}
.jtin-module__cart-count:empty { display: none;}
.jtin-module__actions { display: none; position:absolute; bottom:0; left: 0; width:100%; height: 225rem; background-color: #fff; padding-top: 7rem;}
.jtin-module:hover .jtin-module__actions { display: block;}
.jtin-module__actions .jtin-module__actions-add {position: relative; width:163rem; margin-left: 5rem; border-radius:50rem; margin: 28rem auto 20rem; padding:12rem 10rem 12rem 32rem; display:block; text-align:center; font-size: 14rem; color: #666; font-weight: 600; background: #f6f6f6; transition: background .3s;}
.jtin-module__actions .jtin-module__actions-add:hover {background: #eee;}
.jtin-module__actions .jtin-module__actions-add::after {position: absolute; top: 14rem; left: 50rem; content: ''; background: no-repeat center url(../images/cart-add.svg); width: 11rem; height: 11rem; }
html.safari .jtin-module__actions .jtin-module__actions-add::after {top: 16rem;}

/* Fix svg stroke line  */
.jtin-module path.line,
.jtin-cart__item-thumbnail path.line {  stroke: rgba(0,0,0,0.6);stroke-width: 0.3px;}
 

/* Toolbar */
.jtin-toolbar__left { position: fixed; bottom: 0rem; left: 31rem; display: flex; align-items: center;}
.jtin-toolbar__left .jtin-toolbar__item {padding: 0 20rem 16rem 20rem; cursor: pointer; text-align: center;}
.jtin-toolbar__left .jtin-toolbar__item.jtin-toolbar__item-floor ,
.jtin-toolbar__left .jtin-toolbar__item.jtin-toolbar__item-wall ,
.jtin-toolbar__left .jtin-toolbar__item.jtin-toolbar__item-door {padding: 0 20rem 10rem; margin-top: -17rem;}
.jtin-toolbar__left .jtin-toolbar__item.jtin-toolbar__item-dimension {padding: 0 19rem 10rem 20rem; margin-top: -18rem;}
html.safari .jtin-toolbar__left .jtin-toolbar__item.jtin-toolbar__item-dimension {margin-top: -15rem;}

.jtin-toolbar__item--toggle {cursor: pointer; width: 28rem; height: 28rem; display: block; position: relative;}
.jtin-toolbar__item--toggle input {height: 100%;width: 100%;margin: 0;opacity: 0;}

.jtin-toolbar__item--toggle.toggle-floor {margin: 7rem 0 7rem 1rem; background: no-repeat center center url(../images/icon-texture.svg); background-size: 18rem;}
.jtin-toolbar__item--toggle.toggle-wall { margin: 7rem 0; background: no-repeat center center url(../images/icon-wall.svg);}
.jtin-toolbar__item--toggle.toggle-door { margin: 7rem 0; background: no-repeat center center url(../images/icon-door.svg);}
.jtin-toolbar__item--toggle.toggle-dimension { margin: 7rem 0; background: no-repeat center center url(../images/icon-ruler.svg);background-size: 24rem;}
.jtin-toolbar__item--toggle input ~ i { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0;}
.jtin-toolbar__item--toggle input:checked ~ i {opacity: 1;}
.jtin-toolbar__item--toggle.toggle-dimension .jtin-toolbar__item-label { word-break: keep-all; transform: translateX(-50%); left: 50%;}

.jtin-toolbar__item--toggle.toggle--checked {opacity: 0.3;}

.jtin-toolbar .jtin-toolbar__item {display: block; text-align: center; padding: 24rem 20rem; position: relative;}
.jtin-toolbar .jtin-toolbar__item.jtin-toolbar__item-size {padding: 24rem 22rem;}
.jtin-toolbar .jtin-toolbar__item i {display: block; margin: 0 auto 10rem;}
.jtin-toolbar .jtin-toolbar__item i img {width: 100%; height: 100%;}
.jtin-toolbar .jtin-toolbar__item span {font-size: 13rem; position: relative; display: inline-block; font-weight: 500; white-space: nowrap;}
.toggle-floor .jtin-toolbar__item span.jtin-toolbar__item-label { text-indent: -2rem;}
html.safari .jtin-toolbar .jtin-toolbar__item .jtin-toolbar__item--toggle span {font-weight: 400;}
.jtin-toolbar .jtin-toolbar__item span::before {position: absolute; height: 1px; width: 0%; content: ''; bottom: -1rem; left: 50%; background: #000; transition: width .2s linear;}
.jtin-toolbar .jtin-toolbar__item span::after {position: absolute; height: 1px; width: 0%; content: ''; bottom: -1rem; right: 50%; background: #000; transition: width .2s linear;}
.jtin-toolbar .jtin-toolbar__item:hover span:before ,
.jtin-toolbar .jtin-toolbar__item:hover span:after {width: 50%;}


.jtin-toolbar__item-reset {padding: 23rem 19rem;}
.jtin-toolbar__item-size {padding: 23rem 22rem;}
.jtin-toolbar__item-reset i ,
.jtin-toolbar__item-size i {width: 19rem; height: 19rem; background: no-repeat center center;}
.jtin-toolbar__item-reset i {background-image: url(../images/icon-reset.svg);}
.jtin-toolbar__item-size i {background-image: url(../images/icon-size.svg);}

.jtin-toolbar__right {position: fixed;  margin-right: var(--sidebar-width); right: 32rem; bottom: 0rem; display: flex; align-items: center;}
.jtin-toolbar__right .jtin-toolbar__item-prev,
.jtin-toolbar__right .jtin-toolbar__item-next {padding: 22rem 23rem 22rem 22rem;}
.jtin-toolbar__right .jtin-toolbar__item-prev span,
.jtin-toolbar__right .jtin-toolbar__item-next span {margin-top: 2rem;}
.jtin-toolbar__right .jtin-toolbar__item i {width: 21rem; height: 20rem; background: no-repeat center center;}
.jtin-toolbar__right .jtin-toolbar__item-prev i {background-image: url(../images/icon-prev-active.svg);}
.jtin-toolbar__right .jtin-toolbar__item-next i {background-image: url(../images/icon-next-active.svg);}
.jtin-toolbar__right .jtin-toolbar__item-prev:disabled , 
.jtin-toolbar__right .jtin-toolbar__item-next:disabled { cursor: default}
.jtin-toolbar__right .jtin-toolbar__item-prev:disabled i, 
.jtin-toolbar__right .jtin-toolbar__item-next:disabled i {opacity: 0.25;}
.jtin-toolbar__right .jtin-toolbar__item-next:disabled:hover span:before,
.jtin-toolbar__right .jtin-toolbar__item-next:disabled:hover span:after,
.jtin-toolbar__right .jtin-toolbar__item-prev:disabled:hover span:before,
.jtin-toolbar__right .jtin-toolbar__item-prev:disabled:hover span:after{ width: 0;}
.jtin-toolbar__right .jtin-toolbar__item-delete {padding: 23rem 20rem;}
.jtin-toolbar__right .jtin-toolbar__item-delete i {width: 16rem; height: 20rem; background-image: url(../images/icon-delete.svg);}



/* **************************************** *
 * Checkout
 * **************************************** */
.jtin-checkout__close {font-size: 16rem; font-weight: 300; padding: 10rem 10rem 10rem 25rem; color: #666; margin-top: 48rem; margin-left: 55rem; position: relative; vertical-align: top; transition: color .3s;}
.jtin-checkout__close:hover {color: #222;}
.jtin-checkout__close::before {position: absolute; content: ''; left: 0; top:12rem; width: 10rem; height: 16rem; background: no-repeat center center url(../images/checkout-back.svg); transition: background .3s;}
.jtin-checkout__close:hover:before {background: no-repeat center center url(../images/checkout-back-hover.svg);}
.jtin-checkout__inner {margin-left: 52rem; height: 100vh;}

.jtin-checkout {overflow-y: overlay;}
.jtin-checkout__cart { width: 1248rem;}
.jtin-checkout__cart .jtin-logo {position: inherit; margin-top: 36rem;}
.jtin-checkout__cart-title {width: 100%; margin: 0; font-size: 22rem; line-height: 34rem; border-bottom: 1rem solid #000; padding: 46rem 0 20rem;} 
.jtin-checkout__cart-note {font-size: 12rem; line-height: 26rem; color: #666; text-align: right; padding-top: 25rem; padding-bottom: 90rem;}
.jtin-cart {width: 100%; padding: 0;margin: 0; list-style: none;}
.jtin-cart__item {display: flex; align-items: center; padding: 35rem 0; border-bottom: 1rem solid #ddd;}

.jtin-cart__item-content {display: flex;align-items: center;}
.jtin-cart__item-thumbnail {width: 251rem; height: 155rem; text-align: center;}
.jtin-cart__item-thumbnail svg {width: 100%; height: 100%;}
.jtin-cart__item-info {width: 557rem;}
.jtin-cart__item-info .jtin-module__title {margin: 0; padding: 0; line-height: 28rem; font-size: 16rem; margin-top: 2rem;}
.jtin-cart__item-info .jtin-cart__item-info-inner {font-size: 12rem; line-height: 26rem; color: #666; margin: -4rem 0 15rem;}
.jtin-cart__item-info-color {display: flex; align-items: center;}
.jtin-cart__item-info-color--hide { display:none}
.jtin-cart__item-info-color:first-child {margin-bottom: 6rem;}
.jtin-cart__item-info-color span {font-size: 12rem; color: #666; line-height: 26rem; margin-right: 19rem; font-weight: 500; width: 52rem; white-space: nowrap;} /* 52rem to fix rwd issue*/
.jtin-cart__item-info-color .jtin-cart__item-info-color-name {margin: 0; font-size: 13rem;  margin-left: 9rem; color: #aaa; font-weight: 300; width: auto;}
.jtin-cart__item-info-color i {display: block; width: 21rem; height: 21rem; border-radius: 50%; border: 1rem solid transparent;}
.jtin-cart__item-info-color i[style="background-color:#fdfcf8"], 
.jtin-cart__item-info-color i[style="background-color:#fdfcf8"]{ border: 1rem solid #ececec;}
.jtin-cart__item-count {width: 187rem;}
.jtin-cart__item-count-inner {font-weight: 500; color: #666;}
.jtin-cart__item-price {width: 130rem; font-size: 18rem; font-weight: 600; white-space: nowrap; text-align: right; letter-spacing: -0.5rem;}

.jtin-checkout__info {position: fixed; top: 0; right: 0; width: 500rem; height: 100vh; padding: 20rem 50rem 100rem; background: #f6f6f6; overflow-y: overlay;  scroll-behavior: smooth;}
.jtin-checkout__info-preview {position: relative; display: block;}
.jtin-checkout__info-preview:after {position: absolute; content: ''; width: 82rem; height: 82rem; background: rgba(34, 29, 30, 0.8) no-repeat center center url(../images/icon-zoom.svg); background-size: 26rem; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer; opacity: 0; -webkit-transition: all .3s; transition:all .3s;}
.jtin-checkout__info-preview:hover::after{opacity: 1;}
.jtin-checkout__info-preview img { width: 620rem; height: 220rem; max-width: 100%; object-fit: cover; display: block;}
.jtin-checkout__info-total-inner { display: flex; align-items: baseline; justify-content: space-between; font-size: 28rem; line-height: 30rem; font-weight: 700; padding: 21rem 0 13rem 0;}
.jtin-checkout__info-total-label {font-size: 14rem;}
.jtin-checkout__info-total-price-symbol {font-size: 22rem; margin-right: -3rem;}
.jtin-checkout__info-total-price-result {letter-spacing: -0.5rem;}

.jtin-show-form .jtin-checkout__form { display: block;}
.jtin-show-form .jtin-checkout__info-preview img { width: 200rem; height: 130rem}
.jtin-show-form .jtin-checkout__info-total-submit { display: none;}

.jtin-checkout__form .jtin-label { display: inline-flex; flex-wrap: wrap; width:  calc(50% - 10rem); position: relative; margin-top: 40rem; margin-bottom: 12rem; vertical-align: bottom;}
.jtin-checkout__form .jtin-label:nth-child(4) {width: 100%;}
.jtin-checkout__form .jtin-label:nth-child(2),
.jtin-checkout__form .jtin-label:nth-child(5),
.jtin-checkout__form .jtin-label:nth-child(7) {margin-right: 15rem;}
.jtin-checkout__form .jtin-label.jtin-label--privacy {width: 100%; margin-top: 44rem; margin-bottom: 0;}
.jtin-checkout__form .jtin-label.jtin-label--privacy span:not(.jtin-valid-tip) {color: #666;}
.jtin-checkout__form .jtin-label.jtin-label--privacy span.jtin-valid-tip{position: absolute; top: 29rem; left: 29rem; margin: 0; margin-bottom: 10rem; font-size: 12rem;}
.jtin-checkout__form .jtin-label.jtin-label--privacy span.jtin-valid-tip::before {display: none;}
.jtin-checkout__form .jtin-label .jtin-checkout__input {appearance:none; border: 0; border-bottom: 1px solid #ddd; background: none; border-radius: 0; padding: 3rem 0 0; color: #666; font-weight: 600; font-size: 18rem;}
.jtin-checkout__form .jtin-label.jtin-checkout__field--active .jtin-checkout__input {color: #666;}
.jtin-checkout__form .jtin-label.jtin-checkout__field--focus .jtin-checkout__input ,
.jtin-checkout__form .jtin-label.jtin-checkout__field--error .jtin-checkout__input {color: #000;}
.jtin-checkout__form .jtin-label .jtin-checkout__input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px #f6f6f6 inset; -webkit-text-fill-color:#666}
.jtin-checkout__form .jtin-label.jtin-checkout__field--focus .jtin-checkout__input:-webkit-autofill {-webkit-text-fill-color:#000}
.jtin-checkout__form .jtin-label .jtin-checkout__input:focus { outline: none; } 
.jtin-checkout__form .jtin-label .jtin-checkout__input:-webkit-autofill:active {color: #000!important;}
.jtin-checkout__form .jtin-label .jtin-checkout__label{position: absolute; top:-11rem; left: 0rem; font-size:13rem; color: #666; cursor: default; -webkit-transition: all .3s; transition:all .3s;}
.jtin-checkout__form .jtin-label .jtin-checkout__input::placeholder {font-size: 16rem; color: #ccc; font-weight: 500;}
.jtin-checkout__form .jtin-label .jtin-label--required::after {position: absolute; content: ''; margin-top: 1rem; margin-left: 4rem; width: 4px; height: 4px; background: #F52F23; border-radius: 50%;}
.jtin-checkout__form .jtin-label.jtin-label--privacy .jtin-label--required::after {position: absolute; content: ''; margin-top: 4rem; margin-left: 3rem; width: 4px; height: 4px; background: #F52F23; border-radius: 50%;}
.jtin-checkout__field::after {content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#222;-webkit-transition: width .3s linear;transition: width .3s linear}
.jtin-checkout__field--focus:after ,
.jtin-checkout__field--active.jtin-checkout__field--focus:after { width:100% }
 
.jtin-checkout__field--error.jtin-checkout__field--focus:after { width:0% }

.custom-select {width: 100%; position: relative; cursor: pointer;}
.custom-select select {display: none;}
.select-selected {transition: all .3s; border-bottom: 1rem solid #ddd; font-weight: 700; line-height: 28rem; padding: 10rem 0 5rem; color: #666;}
.select-selected:after {position: absolute; content: ""; top: 20rem; right: 0rem; width: 12rem; height: 8rem; background: no-repeat center url(../images/selectbox-on.svg);}
.select-selected.select-has-placeholder {font-size: 16rem; color: #ccc; font-weight: 500;}
.select-selected.select-has-placeholder:after { background: no-repeat center url(../images/selectbox-default.svg);}
.select-selected.select-arrow-active {color: #000; border-bottom: 1rem solid #000;}
.select-selected.select-has-placeholder.select-arrow-active:after ,
.select-selected.select-arrow-active:after { background: no-repeat center url(../images/selectbox.svg);}
.select-items div { font-size: 14rem; line-height: 26rem; font-weight: 400; color: #aaa; padding-bottom: 5rem; border: 1rem solid transparent; cursor: pointer;}
.select-items { position: absolute; padding: 15rem 20rem; background: #fff; top: 100%; left: 0; right: 0; z-index: 99; transition: all .3s;}
.select-hide {display: none;}
.select-items div:hover, .select-items div.same-as-selected { color: #000 }

.jtin-checkout__form .jtin-label .jtin-valid-tip {width: 100%; position: absolute; bottom: -26rem;}
.jtin-checkout__form .jtin-label .jtin-valid-tip::after {content:'';position:absolute;top:-12rem;left:0;width:100%;height:1px;background-color:#F52F23;}
.jtin-checkout__form .jtin-label .jtin-valid-tip:empty {display: none;}

.jtin-checkout__info-options {text-align: right; margin-bottom: 21rem;}
.jtin-checkout__info-options label {padding-left: 23rem; position: relative;}
.jtin-checkout__info-options label span {font-size: 12rem; color: #666; white-space: nowrap;}
.jtin-checkout__info-options label span strong {font-weight: 600;}
.jtin-checkout__info-options label span i {font-style: normal;}

.jtin-checkout__inner .jtin-footer p {padding-top: 126rem; padding-bottom: 28rem; margin-left: -155rem; font-size: 14rem; color: #888; line-height: 26rem; font-weight: 500;}



/* **************************************** *
 * Result
 * **************************************** */
#view-jtin-result-template { overflow-y: overlay;}
.jtin-result { text-align: left;}
.jtin-result__inner {margin-left: 292rem; margin-top: 149rem; margin-right: 50rem; display: flex;}
.jtin-result__inner .jtin-result__inner-txt h1 {font-size: 72rem; line-height: 88rem; margin: 0; margin-top: 193rem; white-space: nowrap;}
.jtin-result__inner .jtin-result__inner-txt p {font-size: 20rem; line-height: 32rem; color: #666; margin-top: 30rem;}
.jtin-result__inner-process {margin-left: 279rem; width: 540rem;}
.jtin-result__inner-process-item {border-bottom: 1rem solid #ddd; padding-bottom: 70rem; margin-bottom: 68rem ;}
.jtin-result__inner-process-item p {font-size: 22rem; margin-bottom: 33rem; color: #000; padding-top: 4rem;}
.jtin-result__inner-process-item p span {display: inline-block; width: 26rem; height: 26rem; border-radius: 26rem; line-height: 26rem; font-size: 16rem; text-align: center; font-weight: 600; border: 1rem solid #000; margin-right: 14rem; vertical-align: bottom;}
.jtin-result__inner-process-item .jtin-copy-code {font-size: 40rem; font-weight: 600; margin-left: 40rem; display: inline-block; vertical-align: middle;}
.jtin-result__inner-process-item .jtin-copy-btn {margin-left: 18rem; padding: 12rem 20rem; background: var(--color-primary); border-radius: 50rem; color: #fff; font-size: 14rem; font-weight: 600; transition: background .3s;}
.jtin-result__inner-process-item .jtin-copy-btn:hover {background: var(--color-secondary);}
.jtin-result__inner-process-item .jtin-tab-menu {list-style: none; display: flex; margin: 0; padding: 0; margin-left: 40rem; padding-top: 3rem;}
.jtin-result__inner-process-item .jtin-tab-menu li a {font-size: 28rem; color: #aaa;}
.jtin-result__inner-process-item .jtin-tab-menu li:first-child {margin-right: 30rem;}
.jtin-result__inner-process-item .jtin-tab-menu li.jtin-tab-menu--active {position: relative;}
.jtin-result__inner-process-item .jtin-tab-menu li.jtin-tab-menu--active a {font-weight: 600; color: #000;}
.jtin-result__inner-process-item .jtin-tab-menu li.jtin-tab-menu--active::after{position: absolute; content: ''; width: 100%; height: 3rem; bottom: -5rem; left: 0; background: #000;}
.jtin-result__inner-process-item .jtin-tab-panels {margin-bottom: 8rem; position: relative;}
.jtin-result__inner-process-item .jtin-tab-panels > div {display: none;}
.jtin-result__inner-process-item .jtin-tab-panels > div:first-child { display: block; }
.jtin-result__inner-process-item .jtin-tab-panels > div form {white-space: nowrap;}
.jtin-result__inner-process-item .jtin-tab-panels .jtin-valid-tip {position: absolute; left: 77rem; top: 100rem;}


.jtin-result__inner-process-item button.sand {padding: 19rem 0; width: 130rem; background: var(--color-primary); border-radius: 50rem; color: #fff; margin-left: -27rem; font-size: 15rem; font-weight: 600; white-space: nowrap; transition: background .3s;}
.jtin-result__inner-process-item button.sand:hover {background: var(--color-secondary);}
.jtin-result__inner-process-item input {background: #f6f6f6; border: 0; font-size: 16rem; width: 353rem; padding: 19rem 46rem 19rem 36rem; border-radius: 50rem 0 0 50rem; margin-top: 30rem; margin-left: 40rem; font-weight: 600;}
.jtin-result__inner-process-item input::placeholder{font-weight: 300;}
.jtin-result__inner-process-etc {position: relative; padding-top: 2rem; margin-bottom: 90rem;}
.jtin-result__inner-process-etc__item { margin-bottom: 20rem; }
.jtin-result__inner-process-etc .link {display: inline-block; color: #666; font-size: 18rem; position: relative; padding-left: 24rem; transition: color .3s;}
.jtin-result__inner-process-etc .link:hover {color: var(--color-primary);}
.jtin-result__inner-process-etc .link:last-child {margin-bottom: 0;}
.jtin-result__inner-process-etc .link::before {width: 13rem; height: 13rem; background: no-repeat center center url(../images/icon-link.svg); background-size: 13rem; position: absolute; content: ''; left: 0; top: 4rem; -webkit-transform: translate(0rem,0rem);-ms-transform: translate(0rem,0rem);transform: translate(0rem,0rem);-webkit-transform-origin:  right top;-ms-transform-origin:  right top;transform-origin:  right top;-webkit-transition: transform 0.2s; transition: transform 0.2s;}
.jtin-result__inner-process-etc .link:hover:before {background: no-repeat center center url(../images/icon-link-hover.svg); background-size: 13rem;  -webkit-transform: translate(2rem,-2rem); -ms-transform: translate(2rem,-2rem); transform: translate(2rem,-2rem);}
.jtin-result__inner-process-etc .link span {transition: all .2s;}
.jtin-result__inner-process-etc .link:hover span {margin-left: 2rem;}
.jtin-result__inner-process-etc .home {position: absolute; right: -10rem; bottom: -13rem; padding: 10rem; padding-left: 24rem; color: #000; font-weight: 500;}
.jtin-result__inner-process-etc .home::before {width: 17rem; height: 16rem; background: no-repeat center center url(../images/icon-home.svg); background-size: 17rem 16rem; position: absolute; content: ''; left: 1rem; top: 12rem;}

.jtin-result .jtin-footer {padding: 0 52rem;}
.jtin-result .jtin-footer p {color: #888; font-size: 14rem; line-height: 26rem; font-weight: 500;}



/* **************************************** *
 * ANIMATION
 * **************************************** */
@keyframes rotating {
    from { transform : rotate(0deg) }
    to { transform : rotate(360deg) }
}




/* **************************************** *
 * RWD
 * **************************************** */
@media (min-width: 2000px){

    html { font-size: 0.05254860746190225vw; }

    /* icon size */
    .jtin-toolbar__item--toggle.toggle-wall ,
    .jtin-toolbar__item--toggle.toggle-wall input ~ i {background-size: 21rem 12rem;}
    .jtin-toolbar__item--toggle.toggle-door ,
    .jtin-toolbar__item--toggle.toggle-door input ~ i {background-size: 15rem 19rem;}
    .jtin-toolbar__item-reset i ,
    .jtin-toolbar__item-size i {background-size: 18rem}
    .jtin-toolbar__right .jtin-toolbar__item-prev i,
    .jtin-toolbar__right .jtin-toolbar__item-next i{background-size: 20rem 15rem;}
    .jtin-toolbar__right .jtin-toolbar__item-delete i{background-size: 15rem 19rem;}
    
    .jtin-editor__items:not(.jtin-editor__items--active) h2::before {width: 2px;}
    .jtin-editor__items:not(.jtin-editor__items--active) h2::after {height: 2px;}


} /* 2000px */

@media (min-width: 1920px){

    .jtin-editor__items li .jtin-item__colors-list label {  margin: 6px 4px; height: 24px; width: 24px; }
    .jtin-editor__items li .jtin-item__colors-list input[type="radio"] + span {height: 24px;width: 24px;}        

} /* 1920px */

@media (max-width: 1800px){

    html ,
    html.safari.desktop { font-size: 0.06254860746190225vw; }

    /* cart layout */
    .jtin-checkout__cart {width: 960rem;}
    .jtin-cart__item-thumbnail {width: 220rem;}
    .jtin-cart__item-info {width: 430rem;}
    .jtin-cart__item-count {width: 135rem;}

    /* icon size */
    .jtin-toolbar__item--toggle.toggle-wall ,
    .jtin-toolbar__item--toggle.toggle-wall input ~ i {background-size: 21rem 12rem;}
    .jtin-toolbar__item--toggle.toggle-door ,
    .jtin-toolbar__item--toggle.toggle-door input ~ i {background-size: 15rem 19rem;}
    .jtin-toolbar__item-reset i ,
    .jtin-toolbar__item-size i {background-size: 18rem}
    .jtin-toolbar__right .jtin-toolbar__item-prev i,
    .jtin-toolbar__right .jtin-toolbar__item-next i{background-size: 20rem 15rem;}
    .jtin-toolbar__right .jtin-toolbar__item-delete i{background-size: 15rem 19rem;}

    .jtin-module__actions .jtin-module__actions-add::after {background-size: 11rem;}

} /* 1800px */

@media (max-width: 1480px){

    html.mobile { font-size: 0.09775171065493645vw; }

} /* 1480px */

@media (max-width: 1023px){

    .jtin-cart__item-info-color span { width: 80rem; }

} /* 1023px */

@media (max-width: 860px){

    html.mobile { font-size: 0.13020833333333335vw; }

} /* 860px */

@media (max-width: 540px){

    html.mobile { font-size: 0.26666666666666665vw; }

} /* 540px */

/* height */

@media (max-height: 936px){

    .jtin-checkout__info {padding: 35rem 60rem 130rem;}
    .jtin-result .jtin-footer p {padding-bottom: 30rem;}

} /* 936px */