@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(//fonts.googleapis.com/css?family=Lato:700);

body,html,a {font-family:'Nanum Gothic';font-weight: 500;line-height:25px;}

.b0 {border:0px !important;}

.p0 {padding:0px !important;}
.p5 {padding:5px !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.p20 {padding:20px !important;}
.p25 {padding:25px !important;}
.p30 {padding:30px !important;}

.pt0 {padding-top:0px !important}
.pt5 {padding-top:5px !important}
.pt10 {padding-top:10px !important}
.pt15 {padding-top:15px !important}
.pt20 {padding-top:20px !important}
.pt25 {padding-top:25px !important}
.pt30 {padding-top:30px !important}
.pt35 {padding-top:35px !important}
.pt40 {padding-top:40px !important}

.pl0 {padding-left:0px !important}
.pl5 {padding-left:5px !important}
.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl20 {padding-left:20px !important}
.pl25 {padding-left:25px !important}
.pl30 {padding-left:30px !important}
.pl35 {padding-left:35px !important}

.pr0 {padding-right:0px !important}
.pr5 {padding-right:5px !important}
.pr10 {padding-right:10px !important}
.pr15 {padding-right:15px !important}
.pr20 {padding-right:20px !important}
.pr25 {padding-right:25px !important}
.pr30 {padding-right:30px !important}
.pr35 {padding-right:35px !important}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}


.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}

.mb0 {margin-bottom:0px !important;}

.mall0 {margin:0px !important;}

.txt-right {text-align:right !important;}
.txt-left {text-align:left !important;}
.txt-black {color:#000000;}
.txt-white {color:#FFFFFF;}
.txt-pink {color:#cb6279;}
.txt-blue {color:#327794;}
.txt-gray {color:#bbadb1}
.txt-ccgray {color:#cccccc;}

.txt14 {font-size: 1.4rem !important;}
.txt17 {font-size: 1.7rem !important;}
.txt20 {font-size: 2.0rem !important;}
.txt27 {font-size: 2.7rem !important;}
.txt30 {font-size: 3.0rem !important;}
.txt33 {font-size: 3.3rem !important;}
.txt37 {font-size: 3.7rem !important;}
.txt47 {font-size: 4.7rem !important;}

.txt-weight-450 {font-weight: 450;}
.txt-weight-500 {font-weight: 500;}
.txt-weight-550 {font-weight: 550;}


.txt-gothic{font-family: 'Nanum Gothic', sans-serif;}
.txt-myeongjo{font-family: 'Nanum Myeongjo', sans-serif;}

.purple-title{font-family: 'Nanum Gothic'!important;color:#98182e;font-size: 3.7rem !important;margin-bottom:20px;display:contents;position:absolute;line-height:5.6rem !important;}
.brow-title{font-family: 'Nanum Gothic'!important;color:#216571;font-size: 3.7rem !important;margin-bottom:20px;display:-webkit-inline-box;position:absolute;left:0px;line-height:5rem !important;}


.btn-border-white {border:1px solid #FFFFFF;}

.btn-black {background: #000000;border:0px;padding-left:1rem;padding-right:1rem;}
.btn-pink {background: #cb6279;}
.btn-blue {background: #4c88b6;}

.back-gray{background-color: #f7fafc!important;}

.w50per {width:50% !important;}
.w100per {width:100% !important;}
.maxwidth100per {max-width:100% !important;}
.backgroundtran {background: transparent !important;}

.pc-menu {position: relative;background:transparent;border: 0px;z-index: 3;box-shadow: 0px 0px 0px 0px rgb(25 25 25 / 15%);-webkit-box-shadow: 0px 0px 0px 0px rgb(25 25 25 / 15%);-moz-box-shadow: 0px 0px 0px 0px rgba(25, 25, 25, 0.15);}

.at-title {height: 200px;position: relative;color: #000;background-color: transparent;border-bottom: 0px;}


.top-menu-main {/*position:fixed;*/display: flex;flex-direction: column;align-items:center;justify-content: space-between;width:100%;top: 40px;max-width:1280px;margin:0 auto;}
/*.top-menu-main.fix {top: 0;background: rgba(0,0,0,0.3);}*/
.top-menu-main > li:first-child{flex-grow: 1;height:100px;}
.top-menu-main > li:nth-child(2){padding-left:5rem;padding-top:1rem;width:100%;flex-grow:10}
.top-menu-main > li:nth-child(2) ul {width:100%;}
.top-menu-main > li:nth-child(2) a {font-size: 1.95rem;}
.top-menu-main > li:last-child{padding-top:1.2rem;flex-grow:4;position:relative;width:100%;top:-180px;right:12.3rem;}
.top-menu-main > li:last-child ul{/*float:left;*/}
.top-menu {display: flex;flex-direction: row;}
.top-menu li {flex-grow: 1;text-align: center;}

.top-right-menu {display: flex;flex-direction: row;height:100%;justify-content: center;}
.top-right-menu li {flex-grow: 1;}

.top-right-menu li a {font-size:1.2rem !important;}

.position-absolute {position:absolute;}

section {display: grid !important;}

.logo a {font-size:3.78rem;font-weight:600;z-index:997;position:relative;}
.logo a:hover {color:#000;}

.main-content {background:#fbeaf0;position:fixed;left:0px;}
.main-content .main-item-box {width:100%;height:100%;}
.pin-spacer {margin:0px !important;padding:0px !important;}
.purple {background:url('/img/speedlash.jpg');background-size: cover;background-repeat: no-repeat;background-position: right;height:100vh !important;max-height:100vh !important;}
.main-content .main-item-box .txtbox-sub{}
.mainshopitem {display: flex;flex-flow: column;justify-content: space-evenly;}

.comparisonSection {background: url('/img/lash_bg.png');background-repeat: no-repeat !important;background-size: cover !important;background-color: #f5f5f5 !important;}
/*.speedlash {margin: 25rem 15rem 15rem;;color:#cb6279;position: absolute;}*/
.main-img {max-height:70%;}

.smooth-scroll {height:100%;}

@media (min-width: 768px) and (max-width:992px) {
    .speedlash {margin: 25rem 5rem 15rem;;color:#cb6279;position: absolute;right:0px;}
    .comparisonSection{top:0px !important;}
}
@media (min-width: 992px) and (max-width:1330px){
    .speedlash {margin: 25rem 20rem 15rem;;color:#cb6279;position: absolute;right:0px;}
}
@media (min-width: 1331px) and (max-width:1499px){
    .speedlash {margin: 25rem 30rem 15rem;;color:#cb6279;position: absolute;right:0px;}
}
@media (min-width: 1500px) {
    .speedlash {margin: 35rem 45rem 15rem;;color:#cb6279;position: absolute;right:0px;}
}
/*.main-bn-fix {height: 682px;background: url(/img/main_fix_bg.jpg) center fixed;position: relative;background-size: contain;background-repeat: no-repeat;background-position: right top;}*/
/*.main-bn-fix2 {height: 682px;background: url(/img/main_fix_bg2.jpg) center fixed;position: relative;background-size: contain;background-repeat: no-repeat;background-position: right top;}*/

.main-content-txt1 {font-family: 'Nanum Gothic', sans-serif;font-size: 4.0rem;line-height: 4.8rem;}
.main-content-txt2 {font-family: 'Nanum Myeongjo', sans-serif;font-size: 2.4rem;line-height: 3.6rem;}

/*login*/
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: .375rem;
}
.form-box .form-body {background: transparent;padding: 15px;}
.input-group-alternative {
    -webkit-box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%);
    box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%);
    border: 0;
    -webkit-transition: -webkit-box-shadow .15s ease;
    transition: -webkit-box-shadow .15s ease;
    transition: box-shadow .15s ease;
    transition: box-shadow .15s ease,-webkit-box-shadow .15s ease;
}
.shopitem {max-width:1280px;width:100%;margin:0 auto;}
.shopitem section {background:#f5f5f5;width:100%;}
.shopitem .shopitemlist-lash {background: url(/img/lash_bg.png);background-repeat: no-repeat !important;background-size: cover !important;background-color: #f5f5f5 !important;background-position: center center !important;}
.shopitem .shopitemlist-lash ul li:first-child {width:50%;}
.shopitem .shopitemlist-lash .imgbox {background:#FFFFFF;margin:40px;calc(100% - 80px);text-align:center;}
.shopitem .shopitemlist-lash .imgbox img {width:400px;}
.shopitem .shopitemlist-lash .item-detail {line-height:44px;}
.shopitem .shopitemlist-lash .item-detail .item-ko {font-size:3.298rem;margin-bottom:20px;}
.shopitem .shopitemlist-lash .item-detail .item-info {line-height:24px;margin-bottom:40px;}
.shopitem .shopitemlist-lash .item-detail .item-buy {line-height:24px;display:flex;justify-content:space-between;}
.shopitem .shopitemlist-lash .item-detail .item-buy .item-sell{padding-top:10px;}

.shopitem .shopitemlist-brow {background: url(/img/brow_bg.png);background-repeat: no-repeat !important;background-size: cover !important;background-color: #f5f5f5 !important;background-position: center center !important;}
.shopitem .shopitemlist-brow ul li:first-child {width:48%;}
.shopitem .shopitemlist-brow ul li:last-child {width:50%;}
.shopitem .shopitemlist-brow .imgbox {background:#FFFFFF;margin:40px;calc(100% - 80px);text-align:center;}
.shopitem .shopitemlist-brow .imgbox img {width:400px;}
.shopitem .shopitemlist-brow .item-detail {padding-left:10%;line-height:44px;}
.shopitem .shopitemlist-brow .item-detail .item-ko {font-size:3.298rem;margin-bottom:20px;}
.shopitem .shopitemlist-brow .item-detail .item-info {line-height:24px;margin-bottom:40px;}
.shopitem .shopitemlist-brow .item-detail .item-buy {line-height:24px;display:flex;justify-content:space-between;}
.shopitem .shopitemlist-brow .item-detail .item-buy .item-sell{padding-top:10px;}


.shopitem .shopitemlist-customer{height:500px;background: transparent;}
.shopitem .shopitemlist-customer ul.list-inline {display: flex;flex-flow: row}
.shopitem .shopitemlist-customer ul li:first-child {width:49%;background: url(/img/lash_bg.png);background-position: right top;}
.shopitem .shopitemlist-customer ul li:last-child {width:49%;background: url(/img/brow_bg.png);background-position: left;}
.shopitem .shopitemlist-customer .item-detail {padding-left:10%;line-height:44px;padding-top:40px;}
.shopitem .shopitemlist-customer .item-detail .item-en {background: transparent}
.shopitem .shopitemlist-customer .item-detail .item-ko {font-size:3.298rem;margin-bottom:20px;}
.shopitem .shopitemlist-customer .item-detail .item-info {line-height:24px;margin-bottom:40px;margin-left:0px !important;}
.shopitem .shopitemlist-customer .item-detail .item-buy {line-height:24px;display:flex;justify-content:space-between;background:transparent;width:95% !important;}
.shopitem .shopitemlist-customer .item-detail .item-buy .item-sell{padding-top:10px;}


#thema_wrapper{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.blackbg {background:#000000 !important;}

.at-body {max-width:1280px;margin:0 auto;}
.helperlist .item-detail {height:100%;display: flex;flex-flow: column;justify-content: space-between}
.helperlist .item-detail li {background:transparent !important;width:100% !important;}
.helperlist .item-detail li:last-child {margin:10px !important;}
.helperlist .item-detail .item-txt-list {background:transparent !important;width:100%;}
.helperlist .item-detail .item-txt-list li {background:transparent !important;width:100%;}

.mainhelperlist > li:first-child {border-right:1px solid #cccccc;}
.mainhelperlist li .btn.btn-black  {margin-right:80px;}