html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}table{border-collapse:collapse;border-spacing:0;table-layout:fixed}input,select{vertical-align:middle}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=button],input[type=submit],input[type=reset],button,textarea,select,option{margin:0;padding:0;background:none;border:none;outline:none}select::-ms-expand{display:none}html{-webkit-text-size-adjust:100%;font-size:14px}img{vertical-align:middle;max-width:100%;height:auto;width:auto}ul{list-style-position:outside;list-style-type:none}ol{list-style-position:inside}*:active,*:focus{outline:none}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:'Roboto', sans-serif;font-size:1rem;letter-spacing:0.12em;line-height:2;font-weight:400;color:#555;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;width:100%;overflow-x:hidden}a{text-decoration:none;color:#555}.cf{zoom:1}.cf,.cf:before{content:'';display:table}.cf:after{clear:both}.clear{clear:both}.fa{letter-spacing:0}.embed-container{position:relative;padding-bottom:56.25%;overflow:hidden;max-width:100%;height:auto}.embed-container iframe,.embed-container object,.embed-container embed,.embed-container img{position:absolute;top:0;left:0;width:100%;height:100%}.archivo{font-family:'Archivo Black', sans-serif}@media screen and (min-width: 539px){.sp{display:none !important}input[type="submit"],input[type="button"]{border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;-moz-appearance:button;appearance:button;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration{display:none}input[type="submit"]::focus,input[type="button"]::focus{outline-offset:-2px}body{background-color:#F2F2F2}.btn{background:#E4EAE9;color:#9DC4BC;display:inline-block;width:280px;height:60px;border-radius:30px;line-height:60px;text-align:center;font-size:18px;letter-spacing:0.08em;-webkit-transition:0.2s;transition:0.2s}.btn:hover{background:#9DC4BC;color:#fff}#container{width:100%;max-width:1440px;min-width:1200px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}#side{width:200px;position:relative;-webkit-box-shadow:2px 0px 4px rgba(0,0,0,0.05);box-shadow:2px 0px 4px rgba(0,0,0,0.05)}#header{position:-webkit-sticky;position:sticky;top:0;width:200px;height:100vh;overflow:auto;padding-top:80px;background:#fafafa}#header .logo{margin-bottom:80px}#header #gNavi{padding-left:24px}#header #gNavi ul.main{font-family:'Archivo Black', sans-serif;font-size:14px;letter-spacing:0.08em}#header #gNavi ul.main>li{position:relative;padding-left:24px;margin-bottom:20px}#header #gNavi ul.main>li>a,#header #gNavi ul.main>li>span{padding-left:10px;cursor:pointer}#header #gNavi ul.main>li::before{position:absolute;content:'';width:20px;height:20px;left:0;top:50%;margin-top:-10px}#header #gNavi ul.main>li.collection{background-image:url(../img/svg/ico_collection.svg);background-repeat:no-repeat;background-position:top left}#header #gNavi ul.main>li.item{background-image:url(../img/svg/ico_item.svg);background-repeat:no-repeat;background-position:top left}#header #gNavi ul.main>li.item>.ico{position:absolute;display:inline-block;left:110px;top:5px;width:20px;height:20px;background:url(../img/svg/ico_open.svg) no-repeat center;cursor:pointer}#header #gNavi ul.main>li.item>.ico.close{background:url(../img/svg/ico_close.svg) no-repeat center}#header #gNavi ul.main>li.item.box{padding-left:3px}#header #gNavi ul.main>li.about{background-image:url(../img/svg/ico_aboutus.svg);background-repeat:no-repeat;background-position:top left}#header #gNavi ul.main>li.contact{background-image:url(../img/svg/ico_contact.svg);background-repeat:no-repeat;background-position:top left}#header #gNavi ul.main>li.search{background-image:url(../img/svg/ico_search.svg);background-repeat:no-repeat;background-position:top left}#header #gNavi ul.main>li.sample{background-image:url(../img/svg/ico_order.svg);background-repeat:no-repeat;background-position:top left}#header #gNavi ul.main>li.sample.addorder{background-image:url(../img/svg/ico_addorder.svg);position:relative}#header #gNavi ul.main>li.sample .orderquantity{position:absolute;display:block;font-family:'Archivo Black', sans-serif;color:#fff;background:url(../img/svg/bg_order.svg) no-repeat center;line-height:1;letter-spacing:0;left:0;top:100%;width:28px;height:28px;line-height:28px;text-align:center;padding-top:4px;text-indent:-0.65em;margin-top:-5px;margin-left:-5px}#header #gNavi ul.sub{font-family:'Roboto', sans-serif;letter-spacing:0.12em;padding-top:5px}#header #gNavi ul.sub>li{position:relative}#header #gNavi ul.sub>li>a{display:inline-block;width:70px;padding-left:10px}#header #gNavi ul.sub>li .ico{position:absolute;display:inline-block;left:85px;top:5px;width:20px;height:20px;background:url(../img/svg/ico_open.svg) no-repeat center;cursor:pointer}#header #gNavi ul.sub>li .ico.close{background:url(../img/svg/ico_close.svg) no-repeat center}#header #gNavi ul.sub>li::before{position:absolute;content:'-';left:0;top:0}#header #gNavi div.box{display:none}#header #gNavi ul.sub2{font-family:'Roboto', sans-serif;letter-spacing:0em;line-height:1.5}#header #gNavi ul.sub2 li{margin-bottom:10px}#header #gNavi ul.sub2 li a{color:#B4B4B4}#header .special{margin-top:20px;padding-right:20px;padding-bottom:20px}#header .special h2{font-size:14px;line-height:1.57;letter-spacing:0.05em;color:#9DC4BC;margin-bottom:10px}#header .special a{display:block;-webkit-transition:0.2s;transition:0.2s}#header .special a:hover{opacity:0.7}#searchClm{position:fixed;z-index:100;background:#fafafa;width:340px;height:100vh;padding-top:80px;top:0;left:50%;margin-left:-520px;border-left:1px solid #707070;opacity:0;visibility:hidden;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}#searchClm span.closeBtn{position:absolute;top:20px;right:20px;display:block;width:16px;height:16px;cursor:pointer}#searchClm span.closeBtn::before,#searchClm span.closeBtn::after{position:absolute;content:'';width:100%;height:1px;background:#707070;top:8px;left:0}#searchClm span.closeBtn::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#searchClm span.closeBtn::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#searchClm .box{padding:0 24px 0 30px}#searchClm .box input[type=text]{font-size:20px;font-family:'Roboto', sans-serif;border-left:1px solid #707070;letter-spacing:0.12em}#searchClm .box input::-webkit-input-placeholder{color:#ccc}#searchClm .box input:-ms-input-placeholder{color:#ccc}#searchClm .box input::-ms-input-placeholder{color:#ccc}#searchClm .box input::placeholder{color:#ccc}#searchClm .box input:-ms-input-placeholder{color:#ccc}#searchClm .box input::-ms-input-placeholder{color:#ccc}#searchClm .box input[type=submit]{font-size:12px;font-family:'Roboto', sans-serif;letter-spacing:0.12em}#searchClm.view{opacity:1;visibility:visible}#sampleOrderClm{position:fixed;z-index:100;background:#fafafa;width:340px;height:100vh;padding-top:80px;padding-bottom:120px;top:0;left:50%;margin-left:-520px;border-left:1px solid #707070;opacity:0;visibility:hidden;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}#sampleOrderClm span.closeBtn{position:absolute;top:20px;right:20px;display:block;width:16px;height:16px;cursor:pointer}#sampleOrderClm span.closeBtn::before,#sampleOrderClm span.closeBtn::after{position:absolute;content:'';width:100%;height:1px;background:#707070;top:8px;left:0}#sampleOrderClm span.closeBtn::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#sampleOrderClm span.closeBtn::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#sampleOrderClm .box h2{font-size:18px;letter-spacing:0.04em;margin-bottom:60px;padding:0 24px 0 30px}#sampleOrderClm .box .nooder{padding:0 30px}#sampleOrderClm .box .nooder p{font-size:16px;letter-spacing:0.12em;color:#ccc}#sampleOrderClm .box .list{padding:0 30px 0 30px;height:calc(100vh - 300px);overflow:auto}#sampleOrderClm .box .list ul li{background:#fff;position:relative;margin-bottom:20px;padding:14px 10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#sampleOrderClm .box .list ul li span.closeBtn2{position:absolute;top:10px;right:10px;display:block;width:16px;height:16px;cursor:pointer}#sampleOrderClm .box .list ul li span.closeBtn2::before,#sampleOrderClm .box .list ul li span.closeBtn2::after{position:absolute;content:'';width:100%;height:1px;background:#707070;top:8px;left:0}#sampleOrderClm .box .list ul li span.closeBtn2::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#sampleOrderClm .box .list ul li span.closeBtn2::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#sampleOrderClm .box .list ul li img{width:72px;min-width:72px;margin-right:10px}#sampleOrderClm .box .list ul li h4{width:178px;font-size:16px;letter-spacing:0.12em;word-wrap:break-word;line-height:1.5}#sampleOrderClm .btnBox{position:absolute;width:100%;left:0;bottom:30px;text-align:center}#sampleOrderClm.view{opacity:1;visibility:visible}}@media screen and (min-width: 539px) and (max-width: 1440px){#searchClm{left:200px;margin-left:0px}#sampleOrderClm{left:200px;margin-left:0px}}@media screen and (min-width: 539px){#content{width:1240px;background:#fafafa}#content.inputPassword{width:100%;height:100vh;position:relative}}@media screen and (min-width: 539px) and (max-width: 1440px){#content{width:100%;min-width:1000px}}@media screen and (min-width: 539px){#mv{margin-bottom:120px}#mv .slider{width:100%;overflow:hidden}#mv .slider .swiper-container{position:relative}#mv .slider .swiper-pagination .swiper-pagination-bullet{opacity:1;background:#555}#mv .slider .swiper-pagination .swiper-pagination-bullet-active{background:#fff}#mv .msg{background:#9DC4BC;color:#fff;padding:20px 80px 20px 40px;position:relative}#mv .msg span.btnClose{position:absolute;top:20px;right:40px;display:block;width:16px;height:16px;cursor:pointer}#mv .msg span.btnClose::before,#mv .msg span.btnClose::after{position:absolute;content:'';width:100%;height:1px;background:#fff;top:8px;left:0}#mv .msg span.btnClose::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#mv .msg span.btnClose::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#mv .msg p{font-size:14px;letter-spacing:0.12em}#mv .msg a{color:#fff;text-decoration:underline}#mv .msg a:hover{text-decoration:none}#specialSec01{width:920px;margin:0 auto 80px}#specialSec01 .inner{text-align:center}#specialSec01 .inner h2{font-size:60px;font-size:54px;letter-spacing:0.08em;margin-bottom:60px;color:#9DC4BC}#specialSec01 .inner .collectionBox{margin-bottom:50px}#specialSec01 .inner .collectionBox h3{font-size:26px;letter-spacing:0.08em;margin-bottom:10px;color:#ccc}#specialSec01 .inner .collectionBox a{display:block;-webkit-transition:0.2s;transition:0.2s}#specialSec01 .inner .collectionBox a:hover{opacity:0.7}#specialSec01 .inner .btnBox{margin-top:100px}#topSec01{width:920px;margin:0 auto}#topSec01 .inner{text-align:center}#topSec01 .inner h2{font-size:60px;letter-spacing:0.08em;margin-bottom:10px;color:#9DC4BC}#topSec01 .inner .collectionBox{margin-bottom:50px}#topSec01 .inner .collectionBox h3{font-size:26px;letter-spacing:0.08em;margin-bottom:10px;color:#ccc}#topSec01 .inner .collectionBox a{display:block;-webkit-transition:0.2s;transition:0.2s}#topSec01 .inner .collectionBox a:hover{opacity:0.7}#topSec01 .inner .btnBox{margin-top:100px}#footer{margin-top:120px;background:#E4EAE9;text-align:center}#footer .fnavi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}#footer .fnavi li{width:50%}#footer .fnavi li a{display:block;text-align:center;font-size:14px;letter-spacing:0.08em;height:40px;line-height:40px;-webkit-transition:0.2s;transition:0.2s}#footer .fnavi li a:hover{opacity:0.7}#footer .fnavi li:first-of-type a{background:#E4EAE9}#footer .fnavi li:last-of-type a{background:#EADEDE}#footer .copy{background:#555;color:#fff;font-size:12px;letter-spacing:0.12em;padding:10px 0 5px}.inputPassword #footer{position:absolute;width:100%;bottom:0;left:0;margin-top:0}#inputPassword{height:calc(100vh - 70px);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#inputPassword .inner{width:100%;text-align:center}#inputPassword .inner h2{font-size:40px;letter-spacing:0.08em;color:#9DC4BC;margin-bottom:60px;position:relative;padding-top:60px}#inputPassword .inner h2::before{position:absolute;content:'';width:40px;height:40px;background:url(../img/svg/ico_lock.svg) no-repeat center;top:0;left:50%;margin-left:-20px}#inputPassword .inner .inputBox input{width:630px;font-family:'Roboto', sans-serif;border:1px solid #E4EAE9;font-size:14px;letter-spacing:0.12em;background:#fff;padding:15px 20px}#inputPassword .inner .inputBox input::-webkit-input-placeholder{color:#ccc}#inputPassword .inner .inputBox input:-ms-input-placeholder{color:#ccc}#inputPassword .inner .inputBox input::-ms-input-placeholder{color:#ccc}#inputPassword .inner .inputBox input::placeholder{color:#ccc}#inputPassword .inner .inputBox input:-ms-input-placeholder{color:#ccc}#inputPassword .inner .inputBox input::-ms-input-placeholder{color:#ccc}#inputPassword .inner .alert{width:630px;text-align:left;display:block;margin:5px auto 0;color:#E54E4E}#inputPassword .inner .btnBox{margin-top:90px}#inputPassword .inner .btnBox input{background-color:#E4EAE9;cursor:pointer}#inputPassword .inner .btnBox input:hover{background-color:#9DC4BC}#breadCrumb{background-color:transparent;padding:7px 40px;font-size:13px;letter-spacing:0.12em;margin-bottom:80px}#breadCrumb a,#breadCrumb span{display:inline-block}#breadCrumb .separator{margin:0 1em}#breadCrumb.item-detail{margin-bottom:0}.subSec{padding:0 40px}.subSec .inner{width:920px;margin:0 auto}.subSec .inner h1{font-size:50px;letter-spacing:0.08em;color:#9DC4BC;text-align:center;margin-bottom:60px}.subSec .inner .archiveMenu{width:300px;margin:0 auto 50px;background-color:#fff;border-bottom:none}.subSec .inner .archiveMenu>li{position:relative}.subSec .inner .archiveMenu>li span{border:1px solid #E4EAE9;display:block;color:#ccc;border-bottom:1px solid #E4EAE9;padding:15px 20px;position:relative;cursor:pointer}.subSec .inner .archiveMenu>li span::after{position:absolute;top:50%;margin-top:-4px;right:22px;content:'';width:10px;height:8px;background:url(../img/svg/ico_arrow_d.svg) no-repeat center;pointer-events:none}.subSec .inner .archiveMenu>li ul.sub{background-color:#fff;position:absolute;z-index:10;top:100%;left:0;width:100%;opacity:0;visibility:hidden;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;border:1px solid #E4EAE9;border-top:none}.subSec .inner .archiveMenu>li ul.sub li{border-bottom:1px solid #E4EAE9}.subSec .inner .archiveMenu>li ul.sub li a{display:block;padding:15px 20px;-webkit-transition:0.2s;transition:0.2s}.subSec .inner .archiveMenu>li ul.sub li a:hover{background-color:#E4EAE9}.subSec .inner .archiveMenu>li ul.sub li:last-of-type{border:none}.subSec .inner .archiveMenu>li:hover ul.sub,.subSec .inner .archiveMenu>li:focus ul.sub{opacity:1;visibility:visible}.subSec .inner .collectionBox{text-align:center;margin-bottom:50px}.subSec .inner .collectionBox h2{font-size:26px;letter-spacing:0.08em;color:#9DC4BC;margin-bottom:10px}.subSec .inner .collectionBox a{display:block;-webkit-transition:0.2s;transition:0.2s}.subSec .inner .collectionBox a:hover{opacity:0.7}.subSec .inner .imgBox{margin-bottom:50px}.subSec .inner .profileBox{margin-bottom:40px}.subSec .inner .profileBox h2{font-size:26px;letter-spacing:0.08em;color:#9DC4BC;margin-bottom:20px;text-align:center}.subSec .inner .profileBox h3{font-size:18px;text-align:center;margin-bottom:10px}.subSec .inner .profileBox .proftbl{width:100%;border-collapse:separate;border-spacing:6px;border-radius:5px;overflow:hidden}.subSec .inner .profileBox .proftbl tr{border-radius:2px;margin-bottom:6px}.subSec .inner .profileBox .proftbl th{width:240px;background:#9DC4BC;border-radius:2px;color:#fff;padding:15px 0;vertical-align:middle}.subSec .inner .profileBox .proftbl td{padding:12px 25px;background-color:#E4EAE9;border-radius:2px;vertical-align:middle}.subSec .inner .profileBox .proftbl td a{margin-top:5px;display:inline-block;padding:4px 25px 4px 40px;background:#fff url(../img/svg/ico_arrow_r.svg) no-repeat 20px center;-webkit-transition:0.2s;transition:0.2s}.subSec .inner .profileBox .proftbl td a:hover{opacity:0.7}.subSec .inner .pamphletBox{margin-top:110px;background-color:#E4EAE9;padding:30px;text-align:center}.subSec .inner .pamphletBox h3{font-size:26px;margin-bottom:10px}.subSec .inner .pamphletBox p{font-size:16px;margin-bottom:13px}.subSec .inner .pamphletBox a{display:inline-block;-webkit-transition:0.2s;transition:0.2s}.subSec .inner .pamphletBox a img{width:140px;height:auto}.subSec .inner .pamphletBox a:hover{opacity:0.7}.subSec .inner .btnBox{margin-top:100px;text-align:center}.subSec .inner p.txt{margin-bottom:30px}.subSec .inner .privacyBox h2{font-size:24px;letter-spacing:0.08em;color:#9DC4BC}.subSec .inner .privacyBox p{font-size:14px;margin-bottom:30px}.subSec .inner .formBox{margin-bottom:60px}.subSec .inner .formBox dt{font-size:18px;letter-spacing:0.08em;color:#9DC4BC;margin-bottom:14px}.subSec .inner .formBox dd{margin-bottom:30px;position:relative}.subSec .inner .formBox dd .dropdown{width:100%;display:block;background-color:#fff;-webkit-transition:all .2s ease;transition:all .2s ease;position:relative;font-size:14px;height:100%;text-align:left}.subSec .inner .formBox dd .dropdown .select{border:1px solid #E4EAE9;cursor:pointer;display:block;padding:15px 20px}.subSec .inner .formBox dd .dropdown .select span{color:#ccc}.subSec .inner .formBox dd .dropdown .select span.selected{color:#555}.subSec .inner .formBox dd .dropdown .select>i.ico{font-size:13px;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;float:right;background:url(../img/svg/ico_arrow_d.svg) no-repeat center;width:10px;height:10px;margin-top:10px}.subSec .inner .formBox dd .dropdown.active .select>i{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.subSec .inner .formBox dd .dropdown .dropdown-menu{position:absolute;background-color:#fff;width:100%;left:0;overflow:hidden;display:none;z-index:9;border:1px solid #E4EAE9;border-top:none;border-bottom:none}.subSec .inner .formBox dd .dropdown .dropdown-menu li{padding:15px 20px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;cursor:pointer;border-bottom:1px solid #E4EAE9}.subSec .inner .formBox dd .dropdown .dropdown-menu{padding:0}.subSec .inner .formBox dd .dropdown .dropdown-menu li:hover{background-color:#E4EAE9}.subSec .inner .formBox dd input[type=text],.subSec .inner .formBox dd input[type=email]{padding:15px 20px;background-color:#fff;border:1px solid #E4EAE9;font-family:'Roboto', sans-serif;width:100%;font-size:14px;line-height:2;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.subSec .inner .formBox dd textarea{padding:15px 20px;background-color:#fff;border:1px solid #E4EAE9;font-family:'Roboto', sans-serif;width:100%;font-size:14px;line-height:2;height:140px;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.subSec .inner .formBox dd input::-webkit-input-placeholder,.subSec .inner .formBox dd textarea::-webkit-input-placeholder{color:#CCCCCC}.subSec .inner .formBox dd input:-ms-input-placeholder,.subSec .inner .formBox dd textarea:-ms-input-placeholder{color:#CCCCCC}.subSec .inner .formBox dd input::-ms-input-placeholder,.subSec .inner .formBox dd textarea::-ms-input-placeholder{color:#CCCCCC}.subSec .inner .formBox dd input::placeholder,.subSec .inner .formBox dd textarea::placeholder{color:#CCCCCC}.subSec .inner .formBox dd input:-ms-input-placeholder,.subSec .inner .formBox dd textarea:-ms-input-placeholder{color:#CCCCCC}.subSec .inner .formBox dd input::-ms-input-placeholder,.subSec .inner .formBox dd textarea::-ms-input-placeholder{color:#CCCCCC}.subSec .inner .formBox dd .orderList{overflow:hidden;margin-right:-40px}.subSec .inner .formBox dd .orderList li{float:left;background:#fff;position:relative;margin-bottom:20px;padding:14px 10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:280px;margin:0 40px 10px 0}.subSec .inner .formBox dd .orderList li span.closeBtn2{position:absolute;top:10px;right:10px;display:block;width:16px;height:16px;cursor:pointer}.subSec .inner .formBox dd .orderList li span.closeBtn2::before,.subSec .inner .formBox dd .orderList li span.closeBtn2::after{position:absolute;content:'';width:100%;height:1px;background:#707070;top:8px;left:0}.subSec .inner .formBox dd .orderList li span.closeBtn2::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.subSec .inner .formBox dd .orderList li span.closeBtn2::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.subSec .inner .formBox dd .orderList li img{width:72px;min-width:72px;margin-right:10px}.subSec .inner .formBox dd .orderList li h4{width:178px;font-size:16px;letter-spacing:0.12em;word-wrap:break-word;line-height:1.5}.subSec .inner .formBox dd .alert{display:inline-block;margin-top:5px;color:#E54E4E}.subSec .inner .formBox dd .ico.caution{position:absolute;z-index:10;top:20px;right:20px;width:16px;height:16px;background:url(../img/svg/ico_attention.svg) no-repeat center}.subSec .inner .agree{text-align:center;font-size:16px}.subSec .inner .agree input{margin-right:10px}.subSec .inner .agree a{text-decoration:underline}.subSec .inner .agree a:hover{text-decoration:none}.subSec .inner .alertBox{text-align:center;margin-top:10px}.subSec .inner .alertBox .alert{display:inline-block;margin-top:5px;color:#E54E4E}.subSec .inner .alertBox .ico.caution{position:relative;top:2px;display:inline-block;width:16px;height:16px;background:url(../img/svg/ico_attention.svg) no-repeat center;margin-right:15px}.subSec .inner .btnBox button[type=submit]{font-family:'Archivo Black', sans-serif;letter-spacing:0.08em;background-color:#E4EAE9;color:#9DC4BC;font-size:18px}.subSec .inner .btnBox button[type=submit]:hover{background-color:#9DC4BC;color:#fff}#thanksSec{width:100%;height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#thanksSec .inner{text-align:center}#thanksSec .inner h1{position:relative;padding-top:60px;font-size:40px;margin-bottom:30px}#thanksSec .inner h1::before{position:absolute;content:'';width:45px;height:45px;background:url(../img/svg/ico_thanks.svg) no-repeat center;top:0;left:50%;margin-left:-23px}#thanksSec .inner p{font-size:18px}.listSec{padding:0 40px}.listSec .inner{width:920px;margin:0 auto}.listSec .inner span.searchttl{display:block;text-align:center;font-size:24px;letter-spacing:0.08em;margin-bottom:0px;color:#CCCCCC}.listSec .inner h1{font-size:50px;letter-spacing:0.08em;color:#9DC4BC;text-align:center}.listSec .inner ul.genderMenu{margin-bottom:20px;position:-webkit-sticky;position:sticky;z-index:10;top:0;background-color:#fafafa;padding-top:10px;font-size:18px;letter-spacing:0.08em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-bottom:1px solid #707070}.listSec .inner ul.genderMenu li{width:100px;text-align:center;margin:0 65px}.listSec .inner ul.genderMenu li a{display:block;color:#9DC4BC;position:relative;padding-bottom:10px;-webkit-transition:0.2s;transition:0.2s}.listSec .inner ul.genderMenu li a.active,.listSec .inner ul.genderMenu li a:hover{color:#707070}.listSec .inner ul.genderMenu li a.active::after,.listSec .inner ul.genderMenu li a:hover::after{position:absolute;bottom:0;left:50%;margin-left:-6px;content:'';border-right:6px solid transparent;border-bottom:10px solid #707070;border-left:6px solid transparent}.listSec .inner .categoryMenu{margin-bottom:18px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.listSec .inner .categoryMenu li{padding:0 20px;position:relative}.listSec .inner .categoryMenu li a{-webkit-transition:0.2s;transition:0.2s}.listSec .inner .categoryMenu li a:hover{opacity:0.7}.listSec .inner .categoryMenu li::after{position:absolute;content:'';width:1px;height:20px;background:#707070;right:0;top:50%;margin-top:-10px}.listSec .inner .categoryMenu li:last-of-type::after{display:none}.listSec .inner ul.list{overflow:hidden;margin-right:-28px;margin-bottom:92px}.listSec .inner ul.list li{float:left;margin:0 28px 28px 0}.listSec .inner ul.list li a{display:block;-webkit-transition:0.2s;transition:0.2s}.listSec .inner ul.list li a:hover{opacity:0.7}.listSec .inner .comingsoon{text-align:center;margin:160px 0}.listSec .inner .comingsoon p{font-size:30px;color:#9DC4BC}.listSec .inner .btnBox{text-align:center}.simplebar-scrollbar::before{background-color:#9DC4BC}#gotop{position:fixed;z-index:10;bottom:40px;right:50%;margin-right:-680px}}@media screen and (min-width: 539px) and (max-width: 1440px){#gotop{position:fixed;z-index:10;bottom:40px;right:40px;margin-right:0}}@media screen and (min-width: 539px){#addSampleSec{position:fixed;z-index:10;right:0;top:140px}#addSampleSec #btnAdd{display:block;-webkit-transition:0.2s;transition:0.2s;cursor:pointer}#addSampleSec #btnAdd:hover{opacity:0.7}.detailSec{margin-top:110px;margin-bottom:50px;padding:0 40px}.detailSec .inner{width:920px;margin:0 auto}.detailSec .inner .wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:22px}.detailSec .inner .wrap .viewport{width:543px;min-width:543px;height:598px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.detailSec .inner .wrap .viewport .zoomWrapper{width:468px !important;min-width:468px;height:598px}.detailSec .inner .wrap .viewport .zoomWrapper #zoomImg{width:468px;min-width:468px;height:598px}.detailSec .inner .wrap .viewport .prev,.detailSec .inner .wrap .viewport .next{width:38px;background-color:#E4EAE9;cursor:pointer;position:relative}.detailSec .inner .wrap .viewport .prev.disabled,.detailSec .inner .wrap .viewport .next.disabled{pointer-events:none}.detailSec .inner .wrap .viewport .prev.disabled span,.detailSec .inner .wrap .viewport .next.disabled span{opacity:0.3}.detailSec .inner .wrap .viewport .prev span{position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-9px;display:block;width:18px;height:36px;background:url(../img/svg/ico_prev.svg) no-repeat center}.detailSec .inner .wrap .viewport .next span{position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-9px;display:block;width:18px;height:36px;background:url(../img/svg/ico_next.svg) no-repeat center}.detailSec .inner .wrap .detailClm{padding-left:33px;padding-top:60px}.detailSec .inner .wrap .detailClm h1{font-size:26px;letter-spacing:0.08em}.detailSec .inner .wrap .detailClm .txtBox{margin-bottom:60px}.detailSec .inner .wrap .detailClm .txtBox p{margin-bottom:30px}.detailSec .inner .wrap .detailClm .txtBox p:last-of-type{margin-bottom:0}.detailSec .inner .wrap .detailClm .tags li{margin-bottom:10px}.detailSec .inner .wrap .detailClm .tags li span{display:inline-block;background-color:#E4EAE9;color:#9DC4BC;padding:5px 7px 4px}.detailSec .inner #thumbBox{width:100%;overflow:hidden;margin-bottom:60px}.detailSec .inner #thumbBox a{float:left;display:block;width:72px;min-width:72px;margin:0 22px 20px 0}.detailSec .inner #thumbBox a img{width:100%;height:auto}.detailSec .inner #thumbBox a:nth-of-type(10){margin-right:0}.detailSec .inner h2{text-align:center;font-size:26px;letter-spacing:0.08em;color:#9DC4BC;margin-bottom:10px}.detailSec .inner .infotbl{width:100%;border-collapse:separate;border-spacing:6px;border-radius:2px;overflow:hidden}.detailSec .inner .infotbl th{width:240px;background:#9DC4BC;border-radius:2px;color:#fff;padding:15px 0;vertical-align:middle}.detailSec .inner .infotbl td{background-color:#E4EAE9;padding:12px 25px;vertical-align:middle;border-radius:2px}.btnSec ul.navi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:100px}.btnSec ul.navi li{width:50%}.btnSec ul.navi li a{display:block;text-align:center;font-size:16px;letter-spacing:0.08em;height:60px;line-height:60px;-webkit-transition:0.2s;transition:0.2s}.btnSec ul.navi li a:hover{opacity:0.7}.btnSec ul.navi li a.prev{background-color:#E4EAE9}.btnSec ul.navi li a.next{background-color:#9DC4BC;color:#fff}.btnSec ul.navi li a.disabled{pointer-events:none;background-color:#888888;color:#fff}.btnSec .btnBox{text-align:center}.zoomContainer{pointer-events:none}.zoomWindow{border:1px solid #CCCCCC !important}#over30samples{position:fixed;width:600px;z-index:20;top:50%;right:calc((100vw - 200px) / 2);-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);background:#fff;padding:50px 60px;-webkit-box-shadow:0px 6px 7px rgba(0,0,0,0.05);box-shadow:0px 6px 7px rgba(0,0,0,0.05)}#over30samples span.closeBtn{position:absolute;top:20px;right:20px;display:block;width:16px;height:16px;cursor:pointer}#over30samples span.closeBtn::before,#over30samples span.closeBtn::after{position:absolute;content:'';width:100%;height:1px;background:#707070;top:8px;left:0}#over30samples span.closeBtn::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#over30samples span.closeBtn::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#over30samples h4{font-size:18px;letter-spacing:0.08em;border-bottom:1px solid #9DC4BC;margin-bottom:10px}#privacySec .inner h1{line-height:1.5}}@media screen and (max-width: 538px){input[type="submit"],input[type="button"]{border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;-moz-appearance:button;appearance:button;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration{display:none}input[type="submit"]::focus,input[type="button"]::focus{outline-offset:-2px}.pc{display:none !important}body{background-color:#fafafa}.archivo{line-height:1.5;letter-spacing:0.08em}.btn{background:#E4EAE9;color:#9DC4BC;display:inline-block;width:280px;height:40px;border-radius:20px;line-height:40px;text-align:center;font-size:16px;letter-spacing:0.08em}#side{position:relative;z-index:10}#header .spheader{position:fixed;z-index:999;width:100%;top:0;left:0;background:#fafafa;height:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}#header .spheader .logo{margin-right:auto;padding-left:10px;padding-top:0px}#header .spheader #menuBtn{cursor:pointer;width:60px;height:60px;padding-top:30px;background:#E4EAE9;-webkit-transition:0.2s;transition:0.2s}#header .spheader #menuBtn span{display:block;width:28px;height:2px;margin:0 auto;background:#555;position:relative;-webkit-transition:0.2s;transition:0.2s}#header .spheader #menuBtn span::before,#header .spheader #menuBtn span::after{-webkit-transition:0.2s;transition:0.2s;position:absolute;content:'';width:100%;height:2px;background:#555;left:0}#header .spheader #menuBtn span::before{top:-8px}#header .spheader #menuBtn span::after{bottom:-8px}#header .spheader #menuBtn.open{background:#9DC4BC}#header .spheader #menuBtn.open span{background:transparent}#header .spheader #menuBtn.open span::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:0px;background:#fff}#header .spheader #menuBtn.open span::after{-webkit-transform:rotate(45deg);transform:rotate(45deg);bottom:0px;background:#fff}#gNavi{position:fixed;z-index:998;top:0;left:0;width:100%;height:100vh;overflow:auto;padding-top:60px;background:#fff;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:0.2s;transition:0.2s;text-align:center}#gNavi ul.main{padding:40px 0;display:inline-block;text-align:left}#gNavi ul.main>li{position:relative;margin-bottom:10px}#gNavi ul.main>li>a,#gNavi ul.main>li>span{font-size:24px;letter-spacing:0.08em;font-family:'Archivo Black', sans-serif;padding-left:45px}#gNavi ul.main>li::before{position:absolute;display:block;content:'';width:36px;height:36px;left:0;top:3px}#gNavi ul.main>li.collection::before{background-image:url(../img/svg/ico_collection.svg);background-size:100%;background-repeat:no-repeat;background-position:center}#gNavi ul.main>li.item::before{background-image:url(../img/svg/ico_item.svg);background-size:100%;background-repeat:no-repeat;background-position:center}#gNavi ul.main>li.item>.ico{position:absolute;display:inline-block;left:205px;top:14px;width:24px;height:24px;background:url(../img/svg/ico_open.svg) no-repeat center;background-size:100%;cursor:pointer}#gNavi ul.main>li.item>.ico.close{background:url(../img/svg/ico_close.svg) no-repeat center;background-size:100%}#gNavi ul.main>li.item>.box{padding-left:37px}#gNavi ul.main>li.about::before{background-image:url(../img/svg/ico_aboutus.svg);background-size:100%;background-repeat:no-repeat;background-position:center}#gNavi ul.main>li.contact::before{background-image:url(../img/svg/ico_contact.svg);background-size:100%;background-repeat:no-repeat;background-position:center}#gNavi ul.main>li.search::before{background-image:url(../img/svg/ico_search.svg);background-size:100%;background-repeat:no-repeat;background-position:center}#gNavi ul.main>li.sample::before{background-image:url(../img/svg/ico_order.svg);background-size:100%;background-repeat:no-repeat;background-position:center}#gNavi ul.main>li.sample.addorder::before{background-image:url(../img/svg/ico_addorder.svg)}#gNavi ul.main>li.sample .orderquantity{position:absolute;display:block;font-family:'Archivo Black', sans-serif;font-size:13px;color:#fff;background:url(../img/svg/bg_order.svg) no-repeat center;background-size:100% auto;line-height:1;letter-spacing:0;padding:0;left:0;top:100%;width:34px;height:34px;line-height:34px;text-align:center;padding-top:4px;margin-top:-5px}#gNavi ul.main ul.sub{font-family:'Roboto', sans-serif;letter-spacing:0.12em;padding-top:5px;padding-left:25px;margin-bottom:10px}#gNavi ul.main ul.sub>li{position:relative;padding-left:10px;font-size:20px}#gNavi ul.main ul.sub>li>a{display:inline-block;width:70px;padding-left:10px}#gNavi ul.main ul.sub>li .ico{position:absolute;display:inline-block;left:180px;top:8px;width:24px;height:24px;background:url(../img/svg/ico_open.svg) no-repeat center;background-size:100%;cursor:pointer}#gNavi ul.main ul.sub>li .ico.close{background:url(../img/svg/ico_close.svg) no-repeat center;background-size:100%}#gNavi ul.main ul.sub>li::before{position:absolute;content:'-';left:0;top:0}#gNavi ul.main div.box{display:none}#gNavi ul.main ul.sub2{font-family:'Roboto', sans-serif;letter-spacing:0em;line-height:1.5;padding-left:10px;font-size:20px}#gNavi ul.main ul.sub2 li{margin-bottom:10px}#gNavi ul.main ul.sub2 li a{color:#B4B4B4}#gNavi .special{padding:0 20px 20px}#gNavi .special h2{font-size:18px;color:#9DC4BC;text-align:left;margin-bottom:10px}#gNavi.open{-webkit-transform:translateX(0%);transform:translateX(0%)}#searchClm{position:fixed;z-index:1000;background:#fafafa;width:100%;height:100vh;padding-top:80px;top:0;left:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;-webkit-transform:translateX(-100%);transform:translateX(-100%)}#searchClm span.closeBtn{position:absolute;top:0px;right:0px;display:block;width:60px;height:60px;cursor:pointer;background:#9DC4BC}#searchClm span.closeBtn::before,#searchClm span.closeBtn::after{position:absolute;content:'';width:28px;height:2px;background:#fff;top:30px;left:16px}#searchClm span.closeBtn::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#searchClm span.closeBtn::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#searchClm .box{padding:20px}#searchClm .box input[type=text]{font-size:20px;font-family:'Roboto', sans-serif;border-left:1px solid #707070;letter-spacing:0.12em;padding:10px 20px}#searchClm .box input::-webkit-input-placeholder{color:#ccc}#searchClm .box input:-ms-input-placeholder{color:#ccc}#searchClm .box input::-ms-input-placeholder{color:#ccc}#searchClm .box input::placeholder{color:#ccc}#searchClm .box input:-ms-input-placeholder{color:#ccc}#searchClm .box input::-ms-input-placeholder{color:#ccc}#searchClm .box input[type=submit]{font-size:12px;font-family:'Roboto', sans-serif;letter-spacing:0.12em}#searchClm.view{opacity:1;visibility:visible;-webkit-transform:translateX(0%);transform:translateX(0%)}#sampleOrderClm{position:fixed;z-index:1000;background:#fafafa;width:100%;height:100vh;padding-top:80px;padding-bottom:100px;top:0;left:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;-webkit-transform:translateX(-100%);transform:translateX(-100%)}#sampleOrderClm span.closeBtn{position:absolute;top:0px;right:0px;display:block;width:60px;height:60px;cursor:pointer;background:#9DC4BC}#sampleOrderClm span.closeBtn::before,#sampleOrderClm span.closeBtn::after{position:absolute;content:'';width:28px;height:2px;background:#fff;top:30px;left:16px}#sampleOrderClm span.closeBtn::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#sampleOrderClm span.closeBtn::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#sampleOrderClm .box h2{font-size:18px;letter-spacing:0.04em;margin-bottom:60px;padding:0 24px 0 30px;text-align:center}#sampleOrderClm .box .nooder{padding:0 30px}#sampleOrderClm .box .nooder p{font-size:16px;letter-spacing:0.12em;color:#ccc}#sampleOrderClm .box .list{padding:0 30px 0 30px;height:calc(100vh - 300px);overflow:auto}#sampleOrderClm .box .list ul li{background:#fff;position:relative;margin-bottom:20px;padding:14px 10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#sampleOrderClm .box .list ul li span.closeBtn2{position:absolute;top:10px;right:10px;display:block;width:16px;height:16px;cursor:pointer}#sampleOrderClm .box .list ul li span.closeBtn2::before,#sampleOrderClm .box .list ul li span.closeBtn2::after{position:absolute;content:'';width:100%;height:1px;background:#707070;top:8px;left:0}#sampleOrderClm .box .list ul li span.closeBtn2::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#sampleOrderClm .box .list ul li span.closeBtn2::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#sampleOrderClm .box .list ul li img{width:72px;min-width:72px;margin-right:10px}#sampleOrderClm .box .list ul li h4{width:178px;font-size:16px;letter-spacing:0.12em;word-wrap:break-word;line-height:1.5}#sampleOrderClm .btnBox{position:absolute;width:100%;left:0;bottom:30px;text-align:center}#sampleOrderClm.view{opacity:1;visibility:visible;-webkit-transform:translateX(0%);transform:translateX(0%)}#content{padding-top:60px}#content.inputPassword{width:100%;height:100vh;position:relative}#mv{margin-bottom:60px;overflow-x:hidden}#mv .slider{width:100%}#mv .slider .swiper-container{position:relative}#mv .slider .swiper-pagination .swiper-pagination-bullet{opacity:1;background:#555}#mv .slider .swiper-pagination .swiper-pagination-bullet-active{background:#fff}#mv .msg{background:#9DC4BC;color:#fff;padding:20px 30px;position:relative}#mv .msg span.btnClose{position:absolute;top:10px;right:10px;display:block;width:16px;height:16px;cursor:pointer}#mv .msg span.btnClose::before,#mv .msg span.btnClose::after{position:absolute;content:'';width:100%;height:2px;background:#fff;top:8px;left:0}#mv .msg span.btnClose::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#mv .msg span.btnClose::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#mv .msg p{font-size:14px;letter-spacing:0.12em}#mv .msg a{color:#fff;text-decoration:underline}#specialSec01{margin-bottom:40px}#specialSec01 .inner{padding:0 20px;text-align:center}#specialSec01 .inner h2{font-size:30px;letter-spacing:0.05em;margin-bottom:30px;color:#9DC4BC;line-height:1.5}#specialSec01 .inner .collectionBox{margin-bottom:20px}#specialSec01 .inner .collectionBox h3{font-size:20px;letter-spacing:0.08em;margin-bottom:10px;color:#ccc}#specialSec01 .inner .collectionBox a{display:block}#specialSec01 .inner .btnBox{margin-top:50px}#topSec01 .inner{padding:0 20px;text-align:center}#topSec01 .inner h2{font-size:30px;letter-spacing:0.08em;margin-bottom:10px;color:#9DC4BC;line-height:1.5}#topSec01 .inner .collectionBox{margin-bottom:20px}#topSec01 .inner .collectionBox h3{font-size:20px;letter-spacing:0.08em;margin-bottom:10px;color:#ccc}#topSec01 .inner .collectionBox a{display:block}#topSec01 .inner .btnBox{margin-top:50px}#footer{margin-top:60px;background:#E4EAE9;text-align:center}#footer .fnavi li{width:100%}#footer .fnavi li a{display:block;text-align:center;font-size:13px;letter-spacing:0.08em;height:40px;line-height:40px}#footer .fnavi li:first-of-type a{background:#E4EAE9}#footer .fnavi li:last-of-type a{background:#EADEDE}#footer .copy{background:#555;color:#fff;font-size:10px;letter-spacing:0.12em;padding:10px 0 5px}.inputPassword #footer{position:absolute;width:100%;bottom:0;left:0;margin-top:0}#gotop{position:fixed;z-index:4;bottom:15px;right:10px}#inputPassword{width:100%}#inputPassword .inner{width:100%;padding:0 20px;text-align:center}#inputPassword .inner h2{font-size:18px;letter-spacing:0.08em;color:#9DC4BC;margin-bottom:40px;position:relative;padding-top:60px}#inputPassword .inner h2::before{position:absolute;content:'';width:40px;height:40px;background:url(../img/svg/ico_lock.svg) no-repeat center;top:0;left:50%;margin-left:-20px}#inputPassword .inner .inputBox{margin-bottom:50px}#inputPassword .inner .inputBox input{width:100%;font-family:'Roboto', sans-serif;border:1px solid #E4EAE9;font-size:14px;letter-spacing:0.12em;background:#fff;padding:15px 20px}#inputPassword .inner .inputBox input::-webkit-input-placeholder{color:#ccc}#inputPassword .inner .inputBox input:-ms-input-placeholder{color:#ccc}#inputPassword .inner .inputBox input::-ms-input-placeholder{color:#ccc}#inputPassword .inner .inputBox input::placeholder{color:#ccc}#inputPassword .inner .inputBox input:-ms-input-placeholder{color:#ccc}#inputPassword .inner .inputBox input::-ms-input-placeholder{color:#ccc}#inputPassword .inner .btnBox input{background-color:#E4EAE9;cursor:pointer}#inputPassword .inner .btnBox input:hover{background-color:#9DC4BC}#breadCrumb{background-color:transparent;padding:7px 20px;font-size:12px;letter-spacing:0.12em;margin-bottom:40px}#breadCrumb a,#breadCrumb span{display:inline-block}#breadCrumb .separator{margin:0 1em}#breadCrumb.item-detail{margin-bottom:0}.subSec .inner{padding:0 20px}.subSec .inner h1{font-size:30px;letter-spacing:0.08em;color:#9DC4BC;text-align:center;margin-bottom:30px}.subSec .inner .archiveMenu{width:100%;margin:0 0 50px;background-color:#fff;border-bottom:none}.subSec .inner .archiveMenu>li{position:relative}.subSec .inner .archiveMenu>li span{border:1px solid #E4EAE9;display:block;color:#ccc;padding:15px 20px;position:relative;cursor:pointer}.subSec .inner .archiveMenu>li span::after{position:absolute;top:50%;margin-top:-4px;right:22px;content:'';width:10px;height:8px;background:url(../img/svg/ico_arrow_d.svg) no-repeat center;pointer-events:none}.subSec .inner .archiveMenu>li ul.sub{border:1px solid #E4EAE9;border-top:0;background-color:#fff;position:absolute;z-index:10;top:100%;left:0;width:100%;opacity:0;visibility:hidden;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.subSec .inner .archiveMenu>li ul.sub li{border-bottom:1px solid #E4EAE9}.subSec .inner .archiveMenu>li ul.sub li a{display:block;padding:15px 20px;-webkit-transition:0.2s;transition:0.2s}.subSec .inner .archiveMenu>li ul.sub li a:hover{background-color:#E4EAE9}.subSec .inner .archiveMenu>li ul.sub li:last-of-type{border-bottom:none}.subSec .inner .archiveMenu>li:hover ul.sub,.subSec .inner .archiveMenu>li:focus ul.sub{opacity:1;visibility:visible}.subSec .inner .collectionBox{text-align:center;margin-bottom:50px}.subSec .inner .collectionBox h2{font-size:20px;letter-spacing:0.08em;color:#9DC4BC;margin-bottom:10px}.subSec .inner .collectionBox a{display:block}.subSec .inner .imgBox{margin-bottom:20px}.subSec .inner .profileBox{margin-bottom:30px}.subSec .inner .profileBox h2{font-size:20px;letter-spacing:0.08em;color:#9DC4BC;margin-bottom:20px;text-align:center}.subSec .inner .profileBox h3{font-size:16px;letter-spacing:0.08em;margin-bottom:20px;text-align:center}.subSec .inner .profileBox .proftbl{width:100%;overflow:hidden}.subSec .inner .profileBox .proftbl th{width:100%;float:left;background:#9DC4BC;color:#fff;padding:12px 20px;text-align:left;vertical-align:middle}.subSec .inner .profileBox .proftbl td{width:100%;float:left;padding:12px 20px;background-color:#E4EAE9;vertical-align:middle;border-bottom:10px solid #fafafa}.subSec .inner .profileBox .proftbl td a{margin-top:5px;display:inline-block;padding:4px 25px 4px 40px;background:#fff url(../img/svg/ico_arrow_r.svg) no-repeat 20px center;-webkit-transition:0.2s;transition:0.2s}.subSec .inner .profileBox .proftbl td a:hover{opacity:0.7}.subSec .inner .profileBox .proftbl td .zip a[href^="tel:"]{color:inherit;text-decoration:none;pointer-events:none}.subSec .inner .pamphletBox{position:relative;padding:25px 0;text-align:center}.subSec .inner .pamphletBox::before{position:absolute;z-index:-1;content:'';width:100vw;left:-20px;top:0;bottom:0;background-color:#E4EAE9}.subSec .inner .pamphletBox h3{font-size:26px;margin-bottom:10px}.subSec .inner .pamphletBox p{font-size:16px;margin-bottom:10px}.subSec .inner .pamphletBox a{display:inline-block}.subSec .inner .pamphletBox a img{width:140px;height:auto}.subSec .inner .btnBox{margin-top:50px;text-align:center}.subSec .inner p.txt{margin-bottom:20px}.subSec .inner .privacyBox h2{font-size:20px;letter-spacing:0.08em;color:#9DC4BC;margin-bottom:10px}.subSec .inner .privacyBox p{font-size:14px;margin-bottom:30px}.subSec .inner .formBox{margin-bottom:30px}.subSec .inner .formBox dt{font-size:18px;letter-spacing:0.08em;color:#9DC4BC;margin-bottom:14px}.subSec .inner .formBox dd{margin-bottom:30px;position:relative}.subSec .inner .formBox dd .dropdown{width:100%;display:block;background-color:#fff;-webkit-transition:all .2s ease;transition:all .2s ease;position:relative;font-size:14px;height:60px;text-align:left;cursor:pointer}.subSec .inner .formBox dd .dropdown .select{border:1px solid #E4EAE9;display:block;padding:15px 20px;height:100%}.subSec .inner .formBox dd .dropdown .select span{color:#ccc}.subSec .inner .formBox dd .dropdown .select span.selected{color:#555}.subSec .inner .formBox dd .dropdown .select>i.ico{font-size:13px;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;float:right;background:url(../img/svg/ico_arrow_d.svg) no-repeat center;width:10px;height:10px;margin-top:10px;pointer-events:none}.subSec .inner .formBox dd .dropdown.active .select>i{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.subSec .inner .formBox dd .dropdown .dropdown-menu{position:absolute;background-color:#fff;width:100%;left:0;top:100%;margin-top:-1px;overflow:hidden;display:none;z-index:9;border:1px solid #E4EAE9;border-bottom:none}.subSec .inner .formBox dd .dropdown .dropdown-menu li{padding:15px 20px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;cursor:pointer;border-bottom:1px solid #E4EAE9}.subSec .inner .formBox dd .dropdown .dropdown-menu{padding:0}.subSec .inner .formBox dd .dropdown .dropdown-menu li:hover{background-color:#E4EAE9}.subSec .inner .formBox dd input[type=text],.subSec .inner .formBox dd input[type=email]{padding:15px 20px;background-color:#fff;border:1px solid #E4EAE9;font-family:'Roboto', sans-serif;width:100%;font-size:14px;line-height:2;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.subSec .inner .formBox dd textarea{padding:15px 20px;background-color:#fff;border:1px solid #E4EAE9;font-family:'Roboto', sans-serif;width:100%;font-size:14px;line-height:2;height:140px;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.subSec .inner .formBox dd input::-webkit-input-placeholder,.subSec .inner .formBox dd textarea::-webkit-input-placeholder{color:#CCCCCC}.subSec .inner .formBox dd input:-ms-input-placeholder,.subSec .inner .formBox dd textarea:-ms-input-placeholder{color:#CCCCCC}.subSec .inner .formBox dd input::-ms-input-placeholder,.subSec .inner .formBox dd textarea::-ms-input-placeholder{color:#CCCCCC}.subSec .inner .formBox dd input::placeholder,.subSec .inner .formBox dd textarea::placeholder{color:#CCCCCC}.subSec .inner .formBox dd input:-ms-input-placeholder,.subSec .inner .formBox dd textarea:-ms-input-placeholder{color:#CCCCCC}.subSec .inner .formBox dd input::-ms-input-placeholder,.subSec .inner .formBox dd textarea::-ms-input-placeholder{color:#CCCCCC}.subSec .inner .formBox dd .orderList{overflow:hidden}.subSec .inner .formBox dd .orderList li{background:#fff;position:relative;margin-bottom:20px;padding:14px 10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:10px}.subSec .inner .formBox dd .orderList li span.closeBtn2{position:absolute;top:10px;right:10px;display:block;width:16px;height:16px;cursor:pointer}.subSec .inner .formBox dd .orderList li span.closeBtn2::before,.subSec .inner .formBox dd .orderList li span.closeBtn2::after{position:absolute;content:'';width:100%;height:1px;background:#707070;top:8px;left:0}.subSec .inner .formBox dd .orderList li span.closeBtn2::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.subSec .inner .formBox dd .orderList li span.closeBtn2::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.subSec .inner .formBox dd .orderList li img{width:72px;min-width:72px;margin-right:10px}.subSec .inner .formBox dd .orderList li h4{width:178px;font-size:16px;letter-spacing:0.12em;word-wrap:break-word;line-height:1.5}.subSec .inner .formBox dd .alert{display:inline-block;margin-top:5px;color:#E54E4E}.subSec .inner .formBox dd .ico.caution{position:absolute;z-index:4;top:20px;right:20px;width:16px;height:16px;background:url(../img/svg/ico_attention.svg) no-repeat center}.subSec .inner .agree{text-align:center;font-size:16px}.subSec .inner .agree input{margin-right:10px}.subSec .inner .agree a{text-decoration:underline}.subSec .inner .agree a:hover{text-decoration:none}.subSec .inner .alertBox{text-align:center;margin-top:10px;overflow:hidden}.subSec .inner .alertBox .alert{display:inline-block;margin-top:5px;color:#E54E4E}.subSec .inner .alertBox .ico.caution{position:relative;top:2px;display:inline-block;width:16px;height:16px;background:url(../img/svg/ico_attention.svg) no-repeat center;margin-right:10px}.subSec .inner .btnBox button[type=submit]{font-family:'Archivo Black', sans-serif;letter-spacing:0.08em;background-color:#E4EAE9;color:#9DC4BC;font-size:16px}.subSec .inner .btnBox button[type=submit]:hover{background-color:#9DC4BC;color:#fff}#thanksSec{width:100%;height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#thanksSec .inner{text-align:center}#thanksSec .inner h1{position:relative;padding-top:60px;font-size:30px;margin-bottom:30px}#thanksSec .inner h1::before{position:absolute;content:'';width:45px;height:45px;background:url(../img/svg/ico_thanks.svg) no-repeat center;top:0;left:50%;margin-left:-23px}#thanksSec .inner p{font-size:14px}.listSec .inner{padding:0 20px}.listSec .inner span.searchttl{display:block;text-align:center;font-size:20px;letter-spacing:0.08em;margin-bottom:10px;color:#CCCCCC}.listSec .inner h1{font-size:30px;letter-spacing:0.08em;color:#9DC4BC;text-align:center;margin-bottom:10px}.listSec .inner ul.genderMenu{margin-bottom:20px;position:-webkit-sticky;position:sticky;z-index:3;top:60px;background-color:#fafafa;padding-top:10px;font-size:14px;letter-spacing:0.08em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-bottom:1px solid #707070}.listSec .inner ul.genderMenu li{width:33.3%;text-align:center}.listSec .inner ul.genderMenu li a{display:block;color:#9DC4BC;position:relative;padding-bottom:10px;-webkit-transition:0.2s;transition:0.2s}.listSec .inner ul.genderMenu li a.active,.listSec .inner ul.genderMenu li a:hover{color:#707070}.listSec .inner ul.genderMenu li a.active::after,.listSec .inner ul.genderMenu li a:hover::after{position:absolute;bottom:0;left:50%;margin-left:-6px;content:'';border-right:6px solid transparent;border-bottom:10px solid #707070;border-left:6px solid transparent}.listSec .inner .categoryMenu{margin-bottom:18px}.listSec .inner .categoryMenu li{padding:0 10px;position:relative}.listSec .inner .categoryMenu li a{display:block}.listSec .inner ul.list{overflow:hidden;margin-bottom:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.listSec .inner ul.list li{width:48%;margin-bottom:20px}.listSec .inner ul.list li a{display:block}.listSec .inner .comingsoon{text-align:center;margin:80px 0}.listSec .inner .comingsoon p{font-size:20px;color:#9DC4BC}.listSec .inner .btnBox{text-align:center}.simplebar-scrollbar::before{background-color:#9DC4BC}#addSampleSec{position:fixed;z-index:10;right:0;top:100px}#addSampleSec #btnAdd{display:block;cursor:pointer}#addSampleSec #btnAdd img{width:80px;height:auto}.detailSec{margin-top:50px;margin-bottom:50px}.detailSec .inner{padding:0 20px}.detailSec .inner .wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-bottom:60px}.detailSec .inner .wrap .viewport{position:relative;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.detailSec .inner .wrap .viewport .zoomWrapper{width:100% !important;overflow:hidden}.detailSec .inner .wrap .viewport .zoomWrapper #zoomImg{width:100% !important;height:auto !important;position:relative !important}.detailSec .inner .wrap .viewport .prev,.detailSec .inner .wrap .viewport .next{position:absolute;top:100%;display:block;width:50%;height:40px;background-color:#E4EAE9;cursor:pointer}.detailSec .inner .wrap .viewport .prev.disabled,.detailSec .inner .wrap .viewport .next.disabled{pointer-events:none}.detailSec .inner .wrap .viewport .prev.disabled span,.detailSec .inner .wrap .viewport .next.disabled span{opacity:0.3}.detailSec .inner .wrap .viewport .prev{border-right:1px solid #fff;left:0}.detailSec .inner .wrap .viewport .prev span{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-5px;display:block;width:10px;height:30px;background:url(../img/svg/ico_prev.svg) no-repeat center;background-size:100% auto}.detailSec .inner .wrap .viewport .next{border-left:1px solid #fff;right:0}.detailSec .inner .wrap .viewport .next span{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-5px;display:block;width:10px;height:30px;background:url(../img/svg/ico_next.svg) no-repeat center;background-size:100% auto}.detailSec .inner .wrap .detailClm{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;margin-bottom:20px}.detailSec .inner .wrap .detailClm h1{font-size:20px;letter-spacing:0.08em}.detailSec .inner .wrap .detailClm .txtBox{margin-bottom:30px}.detailSec .inner .wrap .detailClm .txtBox p{margin-bottom:20px}.detailSec .inner .wrap .detailClm .txtBox p:last-of-type{margin-bottom:0}.detailSec .inner .wrap .detailClm .tags li{margin-bottom:10px}.detailSec .inner .wrap .detailClm .tags li span{display:inline-block;background-color:#E4EAE9;color:#9DC4BC;padding:5px 7px 4px}.detailSec .inner #thumbBox{width:100%;overflow:hidden;margin-bottom:30px}.detailSec .inner #thumbBox a{float:left;display:block;width:20%;border:1px solid #fafafa}.detailSec .inner #thumbBox a img{width:100%;height:auto}.detailSec .inner h2{text-align:center;font-size:20px;letter-spacing:0.08em;color:#9DC4BC;margin-bottom:10px}.detailSec .inner .infotbl{width:100%;overflow:hidden}.detailSec .inner .infotbl th{text-align:left;width:100%;float:left;background:#9DC4BC;color:#fff;padding:12px 20px;vertical-align:middle}.detailSec .inner .infotbl td{width:100%;float:left;background-color:#E4EAE9;padding:12px 20px;vertical-align:middle;border-bottom:10px solid #fafafa}.btnSec ul.navi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:50px}.btnSec ul.navi li{width:50%}.btnSec ul.navi li a{display:block;text-align:center;font-size:12px;letter-spacing:0.08em;height:60px;line-height:60px}.btnSec ul.navi li a.prev{background-color:#E4EAE9}.btnSec ul.navi li a.next{background-color:#9DC4BC;color:#fff}.btnSec ul.navi li a.disabled{pointer-events:none;background-color:#888888;color:#fff}.btnSec .btnBox{text-align:center}#over30samples{position:fixed;width:80%;z-index:20;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#fff;padding:20px;-webkit-box-shadow:0px 6px 7px rgba(0,0,0,0.05);box-shadow:0px 6px 7px rgba(0,0,0,0.05)}#over30samples span.closeBtn{position:absolute;top:10px;right:10px;display:block;width:16px;height:16px;cursor:pointer}#over30samples span.closeBtn::before,#over30samples span.closeBtn::after{position:absolute;content:'';width:100%;height:1px;background:#707070;top:8px;left:0}#over30samples span.closeBtn::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#over30samples span.closeBtn::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#over30samples h4{font-size:16px;letter-spacing:0.08em;border-bottom:1px solid #9DC4BC;margin-bottom:10px;padding-bottom:10px}}
/*# sourceMappingURL=styles.min.css.map */