/* base */
*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html, body {margin:0; padding:0; background:#fff}
body * { line-height: 1.5; }
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
body, textarea, .black, select, a, span, p, input, button { color:#000; text-decoration:none; font-size:14px; line-height:1.5; letter-spacing:-0.5px;}
ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, input, textarea, select, th, td, p {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, em, address {font-weight:normal; font-size:100%; display:inline-block;}
table {table-layout:fixed; border-spacing:0; border-collapse:collapse; width:100%;}
ul, li, ol, dl, dt, dd {list-style:none; font-size:14px; line-height:1.3; letter-spacing:-1px; }
img, input {border:0; vertical-align:middle;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}
a {color:inherit; text-decoration:none; -webkit-user-drag:none; -webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color:transparent}
caption {display:none;}
iframe {border:none;}
em {font-style:normal}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
button {padding:0; cursor:pointer; border:none; background:none}
button,input,select,textarea{font-style:inherit; font-weight:inherit; margin:0; line-height:normal}
input:focus , textarea:focus , select:focus {outline: none}
section{min-width:1200px}
.fl {float:left; display:inline-block;}
.fr {float:right; display:inline-block;}
.font9 {font-size:9px;}
.font11 {font-size:11px;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font15 {font-size:15px !important;}
.font16 {font-size:16px !important}
.font18 {font-size:18px; line-height:20px;}
.font24 {font-size:24px; }
.middleline {text-decoration:line-through;}
.underline {text-decoration:underline !important;}
.normal {font-weight:normal !important;}
.bold {font-weight:bold;}
.letter0 {letter-spacing:0 !important}
.black {color:#000 !important}
.blue {color:#0065e1}
.white {color:#fff;}
.gray {color:#adb5bd !important;}
.gray02 {color:#868e96 !important;}
.gray03 {color:#495057 !important}
.red {color:#fa3838 !important;}
.yellow {color:#f6de36;}
.orange {color:#f74406;}
.bg_red {background:#ff2d2d}
.bg_orange {background:#ff6c00}
.bg_purple {background:#8f80ff}
.maincolor {color:#22b8cf !important;}
.maincolor02 {color:#3bc9db;}
.mr8 {margin-right:8px}
.ml8 {margin-left:8px}
.mt5 {display:inline-block; margin-top:5px;}
.mt10 {display:inline-block; margin-top:10px;}
.mt15 {display:inline-block; margin-top:15px;}
.mt30 {display:inline-block; margin-top:30px;}
.mt40 {display:inline-block; margin-top:40px;}
.mt60 {display:inline-block; margin-top:30px;}
.mb0 {margin-bottom:0 !important}
.mb5 {display:inline-block; margin-bottom:5px;}
.mb10 {display:inline-block; margin-bottom:10px;}
.mb15 {display:inline-block; margin-bottom:15px;}
.mb20 {display:inline-block; margin-bottom:20px;}
.mb25 {display:inline-block; margin-bottom:25px;}
.mb30 {display:inline-block; margin-bottom:30px;}
.mb40 {display:inline-block; margin-bottom:40px;}
.mb50 {display:inline-block; margin-bottom:50px;}
.mb60 {display:inline-block; margin-bottom:60px;}
.mb80 {display:inline-block; margin-bottom:80px;}
.align-right {text-align:right !important}
.align-left {text-align:left !important}
.align-center {text-align:center}
.none {display:none;}

/* 컨텐츠 드래그 컬러효과 */
::-moz-selection{background:rgb(32 126 254 / 80%); color: #000;}
::selection{background:rgb(32 126 254 / 80%); color: #000;}
img::selection{background:none}

/*input */
input[type=text]::-ms-clear{display: none;}
input[type="text"]::-webkit-input-placeholder , input[type="password"]::-webkit-input-placeholder{ /* Chrome/Opera/Safari */color: #adb5bd; }
input[type="text"]::-moz-placeholder , input[type="password"]::-moz-placeholder{ /* Firefox 19+ */  color: #adb5bd;}
input[type="text"]:-ms-input-placeholder , input[type="password"]:-ms-input-placeholder { /* IE 10+ */color: #adb5bd;}
input[type="text"]:-moz-placeholder , input[type="password"]:-moz-placeholder { /* Firefox 18- */color: #adb5bd;}


/*layout */
.borderB {border-bottom:1px solid #e9ecef}
.contents {position:relative; margin-bottom:100px; }
.container {width:1140px; margin:0 auto; }
.container1120 {width:1120px; margin:0 auto; position:relative;}
.container750 {width:750px; margin:0 auto; position:relative;}
.container380 {width:380px; margin:0 auto; position:relative;}
.container420 {width:420px; margin:0 auto; position:relative;}
.containerM-p10 {padding:0 10px}
.layout {display:block; width:100%; text-align:center;}
.layout-H10 {height:10px;} 
.layout-H20 {height:20px;} 
.layout-H30 {height:30px;} 
.layout-H40 {height:40px;}
.layout-H50 {height:50px;} 
.layout-H60 {height:60px;}
.layout-H70 {height:70px;}
.layout-H80 {height:80px;}
.layout-H100 {height:100px;}
.w100 {width:100%}
.w75 {width:75%}
.w66 {width:66.66%}
.w50 {width:50%}
.w41 {width:41.6%}
.w40 {width:40%}
.w33 {width:33.33%}
.w25 {width:25%}
.w20 {width:20%}


/* common */
.section-main .review-wrap .review-btn a,
.section-info article .tit-wrap .subtit-area li i,
.section-service article .tit-wrap .subtit-area li i,
.qna-article-wrap article .q-wrap .accordion-arrow , 
.prod-detail-img-pop .img-btn-area a i ,
.ic_download , .pop-close {background-image:url('/resources/static/assets/img/common/ic_frm_common-c20edaa3a03ab6e42ad38751f137d004.png'); background-repeat:no-repeat;}
.ic_download {background-position:0 -75px}

/* header */
.header {display:flex; align-items:center; width:100%; min-width:1200px; height:60px; border-bottom: 1px solid var(--color-gray-100) }
.header .container { display: flex; justify-content: space-between; align-items: center }
.header .logo-wrap { display: flex; align-items: center; }
.header .logo-wrap.flex-container {
  display: flex;
  justify-content: space-between;
  width: 288px;
}
.header .logo-wrap a { font-size:0; display: inline-flex; align-items: center }
.header .menu-wrap { display:flex; align-items:center; gap:40px; }
.header .menu-wrap .menu-area > ul { display:flex; align-items: center; gap:32px; }
.header .menu-wrap .menu-area > ul > li {
  position:relative;
  height:60px;
  display: flex;
  align-items: center;
}
.header .menu-wrap .menu-area > ul > li .depth01 a {
  display:inline-flex;
  align-items: center;
  gap:4px;
  color:var(--color-gray-500);
  font-size:var(--font-size-l);
  font-weight:var(--font-weight-medium);
  line-height: 24px;
  letter-spacing: 0;
}

.header .menu-wrap .menu-area .nav-title-tag {
  display:inline-block;
  color:var(--color-secondary-300);
  font-size:var(--font-size-xs);
  font-weight:var(--font-weight-bold);
  line-height:var(--line-height-xs);
  letter-spacing: 0;
}
.header .menu-wrap .menu-area > ul > li .depth01 a.active , .header .menu-wrap .menu-area > ul > li .depth01 a:hover {
  color:var(--color-gray-700);
  font-weight:var(--font-weight-bold);
}
.header .menu-wrap .menu-area > ul > li:hover .depth02 {display:block}
.header .menu-wrap .menu-area .depth02 {
  position: absolute;
  z-index:100;
  width: 146px;
  top: calc(100% - 8px);
  left: 50%;
  transform: translate(-50%, 0);
  display: none;
  padding: 8px 0;

  background:var(--color-gray-white);
  border: 1px solid var(--color-gray-100);
}
.header .menu-wrap .menu-area .depth02 > ul > li {padding:7px 15px; }
.header .menu-wrap .menu-area .depth02 > ul > li a {display:block;font-size:15px; color:#868e96}
.header .menu-wrap .menu-area .depth02 > ul > li a:hover {color:#343a40}
.header .menu-wrap .menu-special {margin:10px 0;}
.header .menu-wrap .menu-special a.btn-special {
  display: inline-flex;
  padding: 8px 12px;
  border-radius: 6px;
  background: var(--color-bg-300);
  color: var(--color-primary-300);
  font-size:var(--font-size-m);
  font-weight:var(--font-weight-bold);
  line-height:20px;
  letter-spacing: 0;
}
.header .menu-wrap .menu-special a.btn-special:hover {background: #227EFF; color: #fff; transition: all .3s ease;}

/* footer */
.footer {width:100%; min-width:1200px; height:fit-content; padding:49px 0 79px; background:var(--color-gray-700); position:relative; border-top: 0;}
.footer .container {width:1140px; margin:0 auto;}
.footer .container .menu {
  display:flex;
}
.footer .container .menu .menu__item {
  width:170px;
}

.footer .container .menu .menu__item-title {
  color:#fff;
  font-size:18px;
  font-weight:700;
  line-height:1;
  letter-spacing: 0;
  text-decoration: underline;
}

.footer .container .menu .menu__item-sub-menu {
  margin-top:20px;
  display: flex;
  flex-direction: column;
  gap:16px;
}

.footer .container .menu .menu__item-sub-menu a {
  font-size:15px;
  font-weight:400;
  color:var(--color-gray-300);
  line-height:1;
  letter-spacing: 0;
}
.footer .info-wrap > div:not(.sns) {display: flex; justify-content:space-between; align-items: center; margin-bottom:16px;}
.footer .info-wrap .info-title {font-size:18px; font-weight:700; line-height: 37px; color:#fff;}
.footer .info-wrap .info-terms-wrapper { display:flex; gap:8px; }
.footer .info-wrap .info-terms-wrapper a, .footer .info-wrap .info-terms-wrapper span {
  font-size:15px;
  font-weight:400;
  line-height:24px;
  letter-spacing: 0;
  color:var(--color-gray-300);
}
.footer .info-wrap .info {
  font-size:15px;
  font-weight:400;
  line-height:24px;
  letter-spacing: 0;
  color:var(--color-gray-300);
}
.footer .info-wrap .info .info-divider {
  margin: 0 8px;
  color:inherit;
}
.footer .info-wrap .sns {margin-top:16px; display:flex; gap:10px; }
.footer .info-wrap .sns a {cursor:pointer;}
.footer .info-wrap .sns img {width:36px;}
.footer .landing-footer__divider {
  border:0;
  padding:0;
  margin:40px 0;
  border-bottom:1px solid var(--color-gray-500);
  opacity:0.5;
}

/* btn */
.btn-wrap {text-align:center;}
.btn-wrap a {display:inline-block; text-align:center;}
.btn-wrap button {text-align:center; cursor:pointer; letter-spacing:-1px}
.btn-wrap a.btn01 , .btn-wrap button.btn01 {background:#227EFF; color:#fff; border:none }
.btn-wrap a.btn01 span , .btn-wrap button.btn01 span {color:#fff}
.btn-wrap a.btn02 , .btn-wrap button.btn02 {background:#fff; border:1px solid #adb5bd; color:#495057; }
.btn-wrap a.btn03 , .btn-wrap button.btn03 {border:1px solid #868e96; background:#fff; }
.btn-wrap a.btn04 , .btn-wrap button.btn04{background:#495057; color:#fff; border:none}
.btn-wrap a.btn05 , .btn-wrap button.btn05 {background:#fff; color:#715eff; border:1px solid #715eff}
.btn-wrap a.btn06 , .btn-wrap button.btn06 {background:#fff; color:#485057; border:1px solid #485057}
.btn-wrap a.btn07 , .btn-wrap button.btn07 {background:#000; color:#fff; border:none}
/* �옉��踰꾪듉-寃뚯떆�뙋�슜 */
.btn-wrap.type01 a , .btn-wrap.type01 button {width:230px; height:60px; line-height:56px; font-size:20px; margin:0 5px; border-radius:5px; font-weight:700}
/* �옉��踰꾪듉-�꽌釉뚰솕�씠�듃 */
.btn-wrap.type02 a , .btn-wrap.type02 button {padding:0 30px; height:32px; line-height:30px; font-size:13px}
/* �옉��踰꾪듉-�룷�뒪�똿愿�由� */
.btn-wrap.type03 a , .btn-wrap.type03 button {width:100%; height:40px; line-height:38px; margin:1px 0; }
/* �옉��踰꾪듉-罹좏럹�씤援щℓ */
.btn-wrap.type04 a , .btn-wrap.type04 button {width:50%; height:45px; line-height:43px;font-size:16px}
/* �옉��踰꾪듃-�씤�뭼諛뺤뒪�슜 */
.btn-wrap.type05 a , .btn-wrap.type05 button {width:100%; height:45px; line-height:43px;}
/* �씪�슫�뵫 */
.btn-wrap.type06 a , .btn-wrap.type06 button {padding:0 20px; height:45px; line-height:43px; border-radius:5px; font-size:16px; font-weight:bold}
.btn-wrap.type06 a:hover , .btn-wrap.type06 button:hover {box-shadow:5px 10px 10px #e9ecef; background:#485057; color:#fff; border:none; }
/* 鍮낅쾭�듉-�뙘�뾽 */
.btn-wrap.big01 a , .btn-wrap.big01 button {width:320px; height:60px; line-height:56px; font-size:18px;}
/* 鍮낅쾭�듉-�쉶�썝媛��엯 */
.btn-wrap.big02 a , .btn-wrap.big02 button {width:380px; height:70px; line-height:66px; font-size:24px; margin:2px auto; display:block}
/* 鍮낅쾭�듉 */
.btn-wrap.big03 a , .btn-wrap.big03 button {width:340px; height:70px; line-height:66px; font-size:24px;}
/* �옉��踰꾪듉-寃뚯떆�뙋 */
.btn-board {padding:0 15px; height:32px; line-height:32px; letter-spacing:-1px}
.btn-board.type1 {border:1px solid #868e96; background:#fff; box-shadow:1px 1px 2px #ced4da}

.btn-center-wrap {margin:35px 0 ; text-align:center;}


.roll-dot-wrap {position:absolute; bottom:10px; left:0; width:100%; text-align:center; z-index:10}
.roll-dot-wrap span {display:inline-block; width:10px; height:10px; cursor:pointer; background:#bcc2c9; border-radius:6px; margin:0 3px;}
.roll-dot-wrap span.active {background:#715eff}

.roll-arrowNum-wrap {position:absolute; bottom:10px; left:0; width:100%; text-align:center; z-index:10}
.roll-arrowNum-wrap button {margin:0 2px;padding:0; border:1px solid #adb5bd; background:#fff;}
.roll-arrowNum-wrap button i {display:block; float:left; width:6px; height:10px; margin: 6px 8.5px}
.roll-arrowNum-wrap button.prev i {background-position:0 -181px}
.roll-arrowNum-wrap button.next i {background-position:0 -191px}
.roll-arrowNum-wrap button:hover .num-area {display:block}
.roll-arrowNum-wrap button .num-area {display:none; float:left; margin:0 5px; font-size:12px; line-height:23px}
.roll-arrowNum-wrap button .num-area em {display:inline-block; margin:0 2px; font-size:12px}


/* select-bar */
.top-select {display:inline-block}
.top-select span {line-height:40px; }
.top-select .tit {float:left; font-size:15px; font-weight:bold; margin-right:13px}
.top-select .frm_select {width:350px; float:left;}
.top-select.date .frm_select {width:90px; float:left; margin-right:5px}
.top-select.date .frm_select.last {margin-right:10px}

.frm_select {display: inline-block;height: 40px;border: 1px solid #dee2e6;border-radius: 2px;box-sizing: border-box;vertical-align: middle;background-color: #fff;}
.frm_select select {padding: 0 24px 0 12px;width: 100%;height: 38px;border: none;box-sizing: border-box;font-size: 14px;text-align: left;background-position:95% 50%;letter-spacing: -1px;-webkit-appearance: none;-moz-appearance: none;}
.frm_select.long select {background-position:98% 50%;}
.frm_select.small select {background-position:88% 50%;}
.frm_select.small2 select {background-position:88% 50%;}
@media \0screen { /* ie 8 */
	.frm_select select {height:auto\0/ !important; padding-top:10px !important}
	.frm_select.small select {padding:20px 7px !important}
	.frm_select.small2 select {padding:}
}
@media screen\0 { /* ie9 */
    .frm_select select {padding-top:4px; margin-top:0 }
}
.frm_select select {/*margin-top:4px\0/;*/padding:7px\0/;height:auto\0/;background:none\0/ }  /* ie 8/9 */
_:-ms-lang(x), .frm_select select {margin:0;height:38px}  /* ie10 */
.frm_select select::-ms-expand {opacity:0}  /* ie10 */
_:-ms-fullscreen, :root .frm_select select {margin:0;padding:0 6px 0 12px;height:38px}  /* ie11 */

.tab-select {margin:0 auto; text-align:center;}
.tab-select a {display:inline-block; margin:0 3px; padding:0 25px; height:33px; line-height:31px; border:1px solid #dee2e6; text-align:center; border-radius:33px; font-size:13px}
.tab-select a.active {border:0; background:#868e96; color:#fff; font-weight:bold}


/* check-arrow */
.frm-check-big {display:inline-block; width:32px; height:32px; background-position:-105px 0; cursor:pointer}
.frm-check-big.active {background-position: -105px -32px;}
.frm-check-big.done {background-position: -105px -482px;}

.frm-check-small label {position: static;display:inline-block; width: 18px;height: 18px; overflow: hidden; text-indent: -500em;vertical-align: top; background-position:-119px -135px;cursor: pointer; }
@media \0screen { /* ie 8 */
	.frm-check-small label {text-indent:0}
}
.frm-check-small label.active {background-position:-119px -153px;}
.frm-check-small [class^="check_custom"] input[type="checkbox"] {visibility: hidden;}
.frm-check-small.small02 label {width:31px; height:31px; background-position:-106px -394px;}
.frm-check-small.small02 label.active {background-position:-106px -425px;}


/* page */
.paging {display: table;border-collapse: collapse; border-radius: 3px;box-shadow: inset 0 0 0 1px #dee2e6;margin: 0 auto;overflow: hidden;margin-top: 50px;}
.paging a , .paging button {display: block;float: left;width: 35px;height: 35px;line-height: 33px;text-align: center;background:none; border:none;box-shadow: 1px 0 0 #dee2e6;color: #adb5bd;}
.paging a:first-child , .paging button:first-child {border-radius: 3px 0px 0px 3px;}
.paging a:last-child , .paging button:last-child {border-radius: 0px 3px 3px 0px;}
.paging a:hover , .paging button:hover {background:#e9ecef}
.paging a.active , .paging button.active {color:#fff;background:#485057;box-shadow: none;}

/* star-score */
.star-score-wrap {width:100%; text-align:center;}
.star-score-wrap .star-score span {vertical-align:middle; display:inline-block; width:18px; height:18px; margin:0 2px; background-position:100% -87px}
.star-score-wrap .star-score span.active {background-position:100% -105px}
.star-score-wrap .star-score span.active-half {background-position:100% -69px}
.star-score-wrap .txt-score {vertical-align:top; display:inline-block; padding:0 3px; margin-left:5px; height:23px; line-height:21px; border:1px solid #dee2e6; font-size:11px; color:#868e96;}
.star-score-wrap .txt-score span {font-size:11px; color:#868e96;}
.starsmall-score-wrap {width:100%; text-align:center;}
.starsmall-score-wrap .star-score span {vertical-align:middle; display:inline-block; width:12px; height:12px; margin:0 1px; background-position:-96px -182px}
.starsmall-score-wrap .star-score span.active {background-position:-97px -194px}
.starsmall-score-wrap .star-score span.active-half {background-position:-97px -170px}


/* popup */
.pop-wrap {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1100}
.pop-wrap .pop-bg {position:fixed; top:0; left:0; width:100%; height:100%; z-index:11; background:rgba(0,0,0,0.7);}
.pop-wrap .pop-bg-white {position:fixed; top:0; left:0; width:100%; height:100%; z-index:11; background:rgba(255,255,255,0.7);}
.pop-area {position:absolute; top:50%; left:50%; z-index:15; border:1px solid #adb5bd; background:#fff; }
.pop-area.pop-mini {width:320px; margin-left:-160px}
.pop-area.pop-big {width:800px; margin-left:-400px}
.pop-area.pop-mid {width:555px; margin-left:-277.5px}
.pop-tit-area {width:100%; padding:20px 15px; position:relative; border-bottom:1px solid #dee2e6 }
.pop-tit-area .tit {font-size:16px; line-height:1.0em; font-weight:bold}
.pop-tit-area .close , .ic_close {position:absolute; top:18px; right:15px; display:block; width:18px; height:18px; background-position:-46px -87px; text-indent:-500em;}
.pop-cont-area {width:100%; padding:50px 15px;}
.pop-cont-area.scroll-area {height:630px; overflow:auto}
.pop-cont-area .default-input {width:100%}
.pop-cont-area .default-input input[type="text"] {width:100%; height:40px; line-height:38px; background:#f4f4f4; text-indent:10px}
.pop-btn-area {width:100%;}
.pop-btn-area a , .pop-btn-area button {cursor:pointer; display:block; width:100%; height:60px; line-height:60px; font-size:18px; color:#fff; text-align:center; background:#715eff; border:0}
.pop-info-area {background:#f1f3f5; padding:20px 30px; }
.pop-info-area li {font-size:12px; color:#868e96; line-height:20px}
.pop-input-wrap {width:100%;display:inline-block}
.pop-input-wrap input[type="text"] {float:left; width:75%; background:#f6f8fa; height:40px; line-height:40px; text-indent:10px; letter-spacing:0}
.pop-input-wrap .btn-wrap {float:left; width:25%; padding-left:10px; }
.pop-input-wrap .btn-wrap button {width:100%;height:40px; line-height:40px}
.pop-textarea-wrap textarea {width:100%; background:#f6f8fa; padding:15px; height:150px; border:none}
.pop-close {position:absolute; top:15px; right:15px; z-index:10; width:18px; height:18px; background-color:transparent; border:none; text-indent:-500em;}
.pop-close.closeBtn-white {background-position:-71px 0;}
.pop-close.closeBtn-black {background-position:-71px -18px;}
.pop-loaging-ic {position:absolute; top:50%; left:50%; z-index:100; margin:-45px 0 0 -45px;}
.pop-close-textbtn {width:100%; padding:8px; background:#e9ecef}
.pop-close-textbtn .inner {display:inline-block;}
.pop-close-textbtn .inner button {line-height:18px}
.pop-close-textbtn .text-btn i {display:inline-block; vertical-align:top;width:18px; height:18px; background:#fff; border:1px solid #dfdfdf}
.pop-close-textbtn .text-btn span {display:inline-block; vertical-align:top; margin-left:8px}

/* 踰꾪듉 */
.txt-button span {font-size:18px; vertical-align:top}
.txt-button i {display:inline-block; margin-right:8px; width:20px; height:20px}

/* loading icon */
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.lds-spinner {
  position: relative;
}
.lds-spinner div {
  left: 94px;
  top: 48px;
  position: absolute;
  -webkit-animation: lds-spinner linear 1s infinite;
  animation: lds-spinner linear 1s infinite;
  background: #715eff;
  width: 12px;
  height: 24px;
  border-radius: 40%;
  -webkit-transform-origin: 6px 52px;
  transform-origin: 6px 52px;
}
.lds-spinner div:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -0.916666666666667s;
  animation-delay: -0.916666666666667s;
}
.lds-spinner div:nth-child(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-animation-delay: -0.833333333333333s;
  animation-delay: -0.833333333333333s;
}
.lds-spinner div:nth-child(3) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.lds-spinner div:nth-child(4) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.666666666666667s;
  animation-delay: -0.666666666666667s;
}
.lds-spinner div:nth-child(5) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -0.583333333333333s;
  animation-delay: -0.583333333333333s;
}
.lds-spinner div:nth-child(6) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(7) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.416666666666667s;
  animation-delay: -0.416666666666667s;
}
.lds-spinner div:nth-child(8) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  -webkit-animation-delay: -0.333333333333333s;
  animation-delay: -0.333333333333333s;
}
.lds-spinner div:nth-child(9) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.lds-spinner div:nth-child(10) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.166666666666667s;
  animation-delay: -0.166666666666667s;
}
.lds-spinner div:nth-child(11) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  -webkit-animation-delay: -0.083333333333333s;
  animation-delay: -0.083333333333333s;
}
.lds-spinner div:nth-child(12) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.lds-spinner {
  width: 90px !important;
  height: 90px !important;
  -webkit-transform: translate(-45px, -45px) scale(0.45) translate(45px, 45px);
  transform: translate(-45px, -45px) scale(0.45) translate(45px, 45px);
}