@charset 'UTF-8'; 

.slick-slider {position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus {outline:0;}
.slick-list.dragging {cursor:pointer; cursor:hand;}
.slick-slider .slick-list,.slick-slider .slick-track {-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto;}
.slick-track:after,.slick-track:before {display:table; content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none; float:left; height:100%; min-height:1px;}
[dir=rtl] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}
.slick-loading .slick-list {background-color:#fff; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/ajax-loader.gif); background-repeat:no-repeat; background-position:center center;}
@font-face {font-family:slick; font-weight:400; font-style:normal; src:url(/fonts/slick.eot); src:url(/fonts/slick.eot?#iefix) format('embedded-opentype'),url(/fonts/slick.woff) format('woff'),url(/fonts/slick.ttf) format('truetype'),url(/fonts/slick.svg#slick) format('svg');}
.slick-next,.slick-prev {font-size:0; line-height:0; position:absolute; top:50%; display:block; width:20px; height:20px; padding:0; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); cursor:pointer; color:transparent; border:none; outline:0; background:0 0;}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {color:transparent; outline:0; background:0 0;}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {opacity:1;}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {opacity:.25;}
.slick-next:before,.slick-prev:before {font-family:slick; font-size:20px; line-height:1; opacity:.75; color:#fff; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.slick-prev {left:-25px;}
[dir=rtl] .slick-prev {right:-25px; left:auto;}
.slick-prev:before {content:'←';}
[dir=rtl] .slick-prev:before {content:'→';}
.slick-next {right:-25px;}
[dir=rtl] .slick-next {right:auto; left:-25px;}
.slick-next:before {content:'→';}
[dir=rtl] .slick-next:before {content:'←';}
.slick-dotted.slick-slider {margin-bottom:30px;}
.slick-dots {position:absolute; bottom:20px; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center;}
.slick-dots li {position:relative; display:inline-block; width:20px; height:20px; margin:0 5px; padding:0; cursor:pointer;}
.slick-dots li button {font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; cursor:pointer; color:transparent; border:0; outline:0; background:0 0;}
.slick-dots li button:focus,.slick-dots li button:hover {outline:0;}
.slick-dots li button:focus:before,.slick-dots li button:hover:before {opacity:1;}
.slick-dots li button:before {font-family:slick; font-size:6px; line-height:20px; position:absolute; top:0; left:0; width:20px; height:20px; content:'•'; text-align:center; color:#ccc; opacity:.6; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.slick-dots li.slick-active button:before {color:#000; opacity:.6;}
.cancel-off-png,.cancel-on-png,.star-half-png,.star-off-png,.star-on-png {font-size:2em;}
@font-face {font-family:raty; font-style:normal; font-weight:400; src:url(/fonts/raty/raty.eot); src:url(/fonts/raty/raty.eot?#iefix) format("embedded-opentype"); src:url(/fonts/raty/raty.svg#raty) format("svg"); src:url(/fonts/raty/raty.ttf) format("truetype"); src:url(/fonts/raty/raty.woff) format("woff");}
.cancel-off-png,.cancel-on-png,.star-half-png,.star-off-png,.star-on-png {-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-family:raty; font-style:normal; font-variant:normal; font-weight:400; line-height:1; speak:none; text-transform:none; color:#ff6969; font-size:30px;}
.cancel-on-png:before {content:"\e600";}
.cancel-off-png:before {content:"\e601";}
.star-on-png:before {content:"\f005";}
.star-off-png:before {content:"\f006";}
.star-half-png:before {content:"\f123";}
.slick-slider {position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus {outline:0;}
.slick-list.dragging {cursor:pointer; cursor:hand;}
.slick-slider .slick-list,.slick-slider .slick-track {-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto;}
.slick-track:after,.slick-track:before {display:table; content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none; float:left; height:100%; min-height:1px;}
[dir=rtl] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}
.slick-loading .slick-list {background:#fff url(/img/ajax-loader.gif) center center no-repeat;}
@font-face {font-family:slick; font-weight:400; font-style:normal; src:url(/fonts/slick.eot); src:url(/fonts/slick.eot?#iefix) format('embedded-opentype'),url(/fonts/slick.woff) format('woff'),url(/fonts/slick.ttf) format('truetype'),url(/fonts/slick.svg#slick) format('svg');}
.slick-next,.slick-prev {font-size:0; line-height:0; position:absolute; top:50%; display:block; width:20px; height:20px; padding:0; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); cursor:pointer; color:transparent; border:none; outline:0; background:0 0;}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {color:transparent; outline:0; background:0 0;}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {opacity:1;}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {opacity:.25;}
.slick-next:before,.slick-prev:before {font-family:slick; font-size:20px; line-height:1; opacity:.75; color:#fff; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.slick-prev {left:-25px;}
[dir=rtl] .slick-prev {right:-25px; left:auto;}
.slick-prev:before {content:'←';}
[dir=rtl] .slick-prev:before {content:'→';}
.slick-next {right:-25px;}
[dir=rtl] .slick-next {right:auto; left:-25px;}
.slick-next:before {content:'→';}
[dir=rtl] .slick-next:before {content:'←';}
.slick-dotted.slick-slider {margin-bottom:30px;}
.slick-dots {position:absolute; bottom:20px; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center;}
.slick-dots li {position:relative; display:inline-block; width:20px; height:20px; margin:0 5px; padding:0; cursor:pointer;}
.slick-dots li button {font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; cursor:pointer; color:transparent; border:0; outline:0; background:0 0;}
.slick-dots li button:focus,.slick-dots li button:hover {outline:0;}
.slick-dots li button:focus:before,.slick-dots li button:hover:before {opacity:1;}
.slick-dots li button:before {font-family:slick; font-size:6px; line-height:20px; position:absolute; top:0; left:0; width:20px; height:20px; content:'•'; text-align:center; color:#ccc; opacity:.6; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.slick-dots li.slick-active button:before {color:#000; opacity:.6;}
.cancel-off-png,.cancel-on-png,.star-half-png,.star-off-png,.star-on-png {font-size:2em;}
@font-face {font-family:raty; font-style:normal; font-weight:400; src:url(/fonts/raty/raty.eot); src:url(/fonts/raty/raty.eot?#iefix) format("embedded-opentype"); src:url(/fonts/raty/raty.svg#raty) format("svg"); src:url(/fonts/raty/raty.ttf) format("truetype"); src:url(/fonts/raty/raty.woff) format("woff");}
.cancel-off-png,.cancel-on-png,.star-half-png,.star-off-png,.star-on-png {-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-family:raty; font-style:normal; font-variant:normal; font-weight:400; line-height:1; speak:none; text-transform:none; color:#ff6969; font-size:30px;}
.cancel-on-png:before {content:"\e600";}
.cancel-off-png:before {content:"\e601";}
.star-on-png:before {content:"\f005";}
.star-off-png:before {content:"\f006";}
.star-half-png:before {content:"\f123";}
#sidenav .navbar-brand {width:176px; border-bottom:2px solid #000; font-family:'Noto Serif KR',serif; font-size:18px; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:0; color:#000;}
#sidenav .nav-item {width:176px; border-top:1px solid #f1f1f1;}
#sidenav .nav-item:first-child {border-top:0 none;}
#sidenav .nav-item:last-child {border-bottom:1px solid #f1f1f1;}
#sidenav .nav-item a.active {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif;}
#sidenav .nav-link {font-size:14px;}
#sidenav .nav * {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif;}
#sidenav .nav * :active,#sidenav .nav * :focus {font-weight:700; color:#000;}
#sidenav .nav *,#sidenav.navbar-brand {color:#000;}
#collapse_orders {border-top:1px solid #f1f1f1;}
#collapse_orders a {border:unset!important;}
h3.title {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:24px;}
h3.title.type-b {font-family:"Noto Sans KR",sans-serif!important; margin-bottom:28px;}
h3.title .bootstrap-select {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif;}
h4.sub-title {font-family:'Noto Serif KR',serif; font-size:18px;}
h4.sub-title .bootstrap-select {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif;}
#skin span.level {display:block; width:48px; height:48px; border-radius:48px; text-align:center; line-height:48px; background-color:#b74e4e; font-family:'Noto Serif KR',serif; font-size:12px; letter-spacing:0; color:#fff;}
#skin td.user-name {font-family:'Noto Serif KR',serif; font-size:18px; letter-spacing:0; color:#000;}
#skin td.user-age {opacity:.7; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.29; letter-spacing:0; color:#000;}
#skin button.level-check-btn {min-width:88px!important; height:36px; font-size:14px; line-height:1.29; letter-spacing:0; text-align:center; color:#1d1d1f; border-color:#1b1b1b; font-weight:400; background-color:transparent;}
#skin td.td-1 {width:50px;}
#skin td.td-2 {width:100px;}
#skin div.order-batch-box {cursor:pointer; height:55px;}
#skin div.order-batch-box p.batch-title {opacity:.7; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.29; text-align:center; color:#000; padding-top:11px; letter-spacing:-1px;}
#skin div.order-batch-box p.batch-date {opacity:.4; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:10px; line-height:1.4; letter-spacing:0; text-align:center; color:#000; padding-bottom:12px;}
#skin p.batch-limit-txt {opacity:.4; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; letter-spacing:0; text-align:center; color:#000; height:28px; line-height:28px; background-color:#f1f1f1;}
#skin div.myskin-infographic {width:100vw; outline:0!important;}
#skin div.myskin-infographic>div.container {display:flex;}
#skin p.zone-info-title {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:18px; line-height:1.33; letter-spacing:-.3px; text-align:center; color:#aa8c50;}
#skin div.mask {position:absolute; z-index:500;}
#skin div.button-group>button {height:48px; font-size:14px;}
#skin div.button-group .btn-no {border-color:#1b1b1b; color:#1d1d1f; background-color:transparent;}
#skin div.button-group .btn-yes {border-color:#1b1b1b; background-color:#1b1b1b;}
#skin div.button-group.type-b {margin:0 auto 36px;}
#skin span.s_color {background-color:#cd632c;}
#skin span.m_color {background-color:#b8c9d1;}
#skin span.w_color {background-color:#80781d;}
#skin span.b_color {background-color:#e5a041;}
#skin div.opacity-5 {opacity:.2;}
#skin div.opacity-6 {opacity:.5;}
#skin div.opacity-7 {opacity:.64;}
#skin div.opacity-8 {opacity:.7;}
#skin div.opacity-9 {opacity:.9;}
.skin-link-list {margin:0 auto 36px; width:75%;}
.skin-link-list .skin-link-item {border-top:1px solid #dddcd1;}
.skin-link-list .skin-link {display:block; position:relative; padding:16px 20px 16px 0; font-size:14px; line-height:20px; color:#1b1b1b; font-weight:400;}
.skin-link-list .skin-link:after {content:''; width:10px; height:10px; display:block; position:absolute; right:3px; top:50%; margin-top:-7px; border-right:1px solid #1d1d1f; border-bottom:1px solid #1d1d1f; transform:rotate(-45deg);}
#skin div.chart-div {position:relative;}
#skin div.chart-div span {display:inline-block; width:12px; height:12px; border-radius:100%;}
#skin div.chart-div b {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-stretch:normal; line-height:1.33; letter-spacing:normal; color:#000;}
#skin div.face-img {display:block; position:relative; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/women-default%403x.png); background-repeat:no-repeat; background-position:0 0; width:486px; height:486px; min-width:486px; background-size:contain;}
#skin div.face-img-man {display:block; position:relative; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/man-default%403x.png); background-repeat:no-repeat; background-position:0 0; width:486px; height:486px; min-width:486px; background-size:contain;}
#skin div.face-div {padding:0 155px;}
#skin table.measure-infographic-table {width:300px; margin-top:145px!important;}
#skin table.measure-infographic-table span {display:inline-block; font-size:14px; width:20px; height:20px; line-height:20px; border-radius:100%; color:#fff; margin-right:10px;}
#skin table.measure-infographic-table td.infographic-title {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; line-height:1.33; letter-spacing:normal; text-align:center; color:#aa8c50;}
#skin table.measure-infographic-table td.infographic-info-txt {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.57; letter-spacing:0; text-align:center; color:#000;}
#skin table.measure-infographic-table td {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; line-height:1.33; letter-spacing:normal; color:#000;}
#skin .measure-infographic-div {height:614px;}
#skin .measure-infographic-div .slick-list {padding:10px 50px 30px!important;}
#skin .measure-infographic-div .slick-dots {position:static;}
#skin .measure-infographic-div .slick-prev {left:-10px; margin-top:-10px; z-index:9;}
#skin .measure-infographic-div .slick-next {right:-10px; margin-top:-10px; z-index:9;}
#skin .measure-infographic-div .slick-prev:before {color:#000;}
#skin .measure-infographic-div .slick-next:before {color:#000;}
#skin div.myskin-infographic>p.zone-info-title {position:relative; top:-65%;}
#skin div.myskin-infographic div.mask-t {display:block; width:202px; height:165px; left:142px; top:48px;}
#skin div.myskin-infographic div.mask-o-l {display:block; width:85px; height:74px; left:142px; top:128px;}
#skin div.myskin-infographic div.mask-o-r {display:block; width:94px; height:86px; left:257px; top:116px;}
#skin div.myskin-infographic div.mask-u {display:block; width:210px; height:148px; left:142px; top:176px;}
#skin div.myskin-infographic div.mask-n {display:block; width:163px; height:94px; left:170px; top:192px;}
#skin div.myskin-infographic div.t-s {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/t-s.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.t-m {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/t-m.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.t-w {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/t-w.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.t-b {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/t-b.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.o-l-s {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/o-l-s.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.o-l-m {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/o-l-m.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.o-l-w {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/o-l-w.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.o-l-b {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/o-l-b.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.o-r-s {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/o-r-s.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.o-r-m {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/o-r-m.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.o-r-w {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/o-r-w.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.o-r-b {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/o-r-b.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.u-s {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/u-s.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.u-m {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/u-m.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.u-w {background-image:uurl(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/u-w.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.u-b {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/u-b.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.n-s {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/n-s.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.n-m {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/n-m.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.n-w {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/n-w.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic div.n-b {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/n-b.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.chart-div div.inner-chart-txt-1 {display:block; position:absolute; z-index:10000; bottom:155px; right:51%;}
#skin div.chart-div p.rate {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:16px; line-height:1.5; letter-spacing:-.3px; color:#000;}
#skin div.chart-div p.title {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; line-height:1.33; letter-spacing:normal; color:#000;}
#skin div.chart-div div.inner-chart-txt-2 {display:block; position:absolute; z-index:10000; bottom:155px; left:51%;}
#skin div.chart-div div.inner-chart-txt-3 {display:block; width:282px; position:absolute; z-index:10000; top:200px; left:48%; transform:translate(-110px,0); font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.57; letter-spacing:0; text-align:center; color:#000; opacity:.7;}
#skin div.schart-div div.inner-chart-txt-3 p {font-weight:300;}
#skin div.chart-div hr.inner-chart-hr {display:block; position:absolute; z-index:10000; width:134px; transform:rotate(-65deg); background-color:#f1f1f1; bottom:144px; left:144px;}
#skin div.m-face-img {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/women-default.png); background-repeat:no-repeat; background-position:0 0; width:340px; height:340px; display:block; min-width:340px; background-size:contain; margin:0 auto; position:absolute; left:50vw; transform:translate(-170px,0);}
#skin div.m-face-img-man {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/man-default.png); background-repeat:no-repeat; background-position:0 0; width:340px; height:340px; display:block; min-width:340px; background-size:contain; margin:0 auto; position:absolute; left:50vw; transform:translate(-170px,0);}
#skin table.measure-infographic-table-m {position:absolute; top:330px;}
#skin table.measure-infographic-table-m span {display:inline-block; width:20px; height:20px; line-height:20px; border-radius:100%; color:#fff; margin-right:10px;}
#skin table.measure-infographic-table-m td.infographic-title {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; line-height:1.33; letter-spacing:normal; text-align:center; color:#aa8c50;}
#skin table.measure-infographic-table-m td.infographic-info-txt {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.57; letter-spacing:0; text-align:center; color:#000; padding:0 20px; opacity:.7;}
#skin table.measure-infographic-table-m td {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; line-height:1.33; letter-spacing:normal; color:#000;}
#skin div.slick-track {height:500px;}
#skin ul.slick-dots {bottom:-10px;}
#skin .slick-dots li.slick-active button:before {color:#000;}
#skin .measure-infographic-div-m {height:614px;}
#skin .measure-infographic-div-m .slick-list {padding:10px 50px 30px!important; height:550px!important;}
#skin .measure-infographic-div-m .slick-dots {position:static;}
#skin .measure-infographic-div-m .slick-prev {left:-10px; margin-top:-10px; z-index:9;}
#skin .measure-infographic-div-m .slick-next {right:-10px; margin-top:-10px; z-index:9;}
#skin .measure-infographic-div-m .slick-prev:before {color:#000;}
#skin .measure-infographic-div-m .slick-next:before {color:#000;}
#skin div.m-chart-div {position:relative;}
#skin div.myskin-infographic-m {position:relative; width:100vw; outline:0!important;}
#skin div.myskin-infographic-m div.mask-t {display:block; width:141px; height:116px; left:50%; top:33px; transform:translate(-70.5px,0);}
#skin div.myskin-infographic-m div.mask-o-l {display:block; width:60px; height:52px; left:50%; top:90px; transform:translate(-70px,0);}
#skin div.myskin-infographic-m div.mask-o-r {display:block; width:64px; height:59px; left:50%; top:82px; transform:translate(10px,0);}
#skin div.myskin-infographic-m div.mask-u {display:block; width:145px; height:102px; left:50%; top:123px; transform:translate(-70.5px,0);}
#skin div.myskin-infographic-m div.mask-n {display:block; width:111px; height:64px; left:50%; top:135px; transform:translate(-50.5px,0);}
#skin div.myskin-infographic-m div.t-s {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/t-s.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.t-m {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/t-m.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.t-w {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/t-w.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.t-b {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/t-b.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.o-l-s {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/o-l-s.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.o-l-m {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/o-l-m.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.o-l-w {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/o-l-w.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.o-l-b {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/o-l-b.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.o-r-s {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/o-r-s.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.o-r-m {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/o-r-m.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.o-r-w {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/o-r-w.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.o-r-b {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/o-r-b.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.u-s {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/u-s.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.u-m {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/u-m.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.u-w {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/u-w.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.u-b {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/u-b.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.n-s {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/n-s.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.n-m {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/n-m.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.n-w {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/n-w.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.myskin-infographic-m div.n-b {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/mask/n-b.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
#skin div.m-chart-div div.inner-chart-txt-1-m {display:block; position:absolute; z-index:10000; top:155px; right:125px;}
#skin div.m-chart-div p.rate {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:16px; line-height:1.5; letter-spacing:-.3px; color:#000;}
#skin div.m-chart-div p.title {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; line-height:1.33; letter-spacing:normal; color:#000;}
#skin div.m-chart-div div.inner-chart-txt-2-m {display:block; position:absolute; z-index:10000; bottom:155px; left:125px;}
#skin div.m-chart-div div.inner-chart-txt-3-m {display:block; width:220px; position:absolute; z-index:10000; top:360px; left:50%; transform:translate(-110px,0); font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.57; letter-spacing:0; text-align:center; color:#000; opacity:.7;}
#skin div.m-chart-div div.inner-chart-txt-3-m p {font-weight:300;}
#skin div.m-chart-div hr.inner-chart-hr {display:block; position:absolute; z-index:10000; width:134px; transform:translate(-67px,0) rotate(-65deg); background-color:#f1f1f1; bottom:144px; left:50%;}
button.go-subscription-btn {padding:.6em 3em; color:#fff; border:1px solid #1b1b1b; background:#1b1b1b;}
p.no-sub-txt {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.57; letter-spacing:0; text-align:center; color:#000;}
#bgmodal div.bg_profile {min-height:352px;}
#bgmodal div.button-group>button.kakao-btn {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/icon/btn-contact-kakao.png); background-repeat:no-repeat; background-position:0 0; background-size:contain; width:48px; height:48px;}
#bgmodal div.button-group>button.phone-btn {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/icon/btn-contact-call.png); background-repeat:no-repeat; background-position:0 0; background-size:contain; width:48px; height:48px;}
#bgmodal div.bg-name {font-family:'Noto Serif KR',serif; font-size:18px; letter-spacing:0; color:#000;}
#bgmodal div.bg-phone {font-family:'Noto Serif KR',serif; font-size:12px; letter-spacing:1.33px; color:#9b9b9b;}
#bgInfoModal button.close {position:absolute; z-index:2; top:0; right:0;}
#bgInfoModal .modal-dialog {max-width:352px; margin:5% auto; width:100%;}
#bgInfoModal .bg_profile img {width:100%; max-width:500px;}
#levels table.levels-table img.levels-img {width:78px; height:78px;}
#levels table.levels-table th {width:15%; background-color:#fcfcfc;}
#levels table.levels-table td {width:17%;}
#levels table.levels-table {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.29; letter-spacing:0; color:#4c4c4c;}
#levels table.levels-table p.levels-title {font-family:'Noto Serif KR',serif; font-size:16px; line-height:normal; letter-spacing:0; text-align:center; color:#aa8c50;}
#levels table.timeline label.level-timeline-lable {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; line-height:1.33; letter-spacing:normal; text-align:center; color:#000; top:-30px;}
p.header-mb-name {font-family:"Noto Sans KR",sans-serif!important; font-size:18px; line-height:normal; letter-spacing:0; color:#000; white-space:nowrap;}
span.header-levels-title {font-family:'Noto Serif KR',serif; font-size:10px; line-height:1.4; letter-spacing:0; color:#aa8c50;}
p.header-mb-age {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.29; letter-spacing:0; color:#4c4c4c;}
#levels table.m-levels-table img.levels-img {width:48px; height:48px;}
#levels table.m-levels-table {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.29; letter-spacing:0; color:#4c4c4c;}
#levels table.m-levels-table p.levels-by-month {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; line-height:1.33; letter-spacing:normal; text-align:center; color:#000;}
#levels table.m-levels-table p.levels-title {font-family:'Noto Serif KR',serif; font-size:10px; line-height:normal; letter-spacing:0; text-align:center; color:#aa8c50;}
#levels table.timeline-m label.level-timeline-lable {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; line-height:1.33; letter-spacing:normal; text-align:center; color:#000;}
#levels table.timeline .timeline-parcours {width:960px; height:auto; min-height:10px; margin:100px auto;}
#levels table.timeline .container-info {width:960px; margin:0 auto; height:auto; min-height:197px; overflow:hidden;}
#levels table.timeline .timeline-section-tl {height:auto; min-height:10px; display:inline-block; position:relative; top:12px;}
#levels table.timeline .infobox {width:226px; height:auto; min-height:10px; background-color:#fff; padding:5px; border-radius:10px; display:inline-block; margin:0 1px;}
#levels table.timeline .parcours-box {opacity:1; position:absolute; top:200px; -webkit-transition:all .1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
#levels table.timeline .time-line-parcours {width:800px; height:2px; background-color:#eaeaea; margin:auto; right:0; top:10px;}
#levels table.timeline .timeline-indicator {position:absolute; width:0; height:2px; background-image:linear-gradient(90deg,transparent,transparent 50%,#fff 50%,#fff 100%),linear-gradient(90deg,#bd3a6d,#767650); background-size:10px 3px,100% 3px; -webkit-transition:all .1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
#levels table.timeline .tl-round {width:20px; height:20px; border-radius:50%; background-color:#ccc; margin:auto; -webkit-transition:all .1s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;}
#levels table.timeline .container-bulle {margin-top:-12px;}
#levels table.timeline .anim-phase-1 {width:240px; -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -ms-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease;}
#levels table.timeline .anim-phase-2 {width:475px; -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -ms-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease;}
#levels table.timeline .anim-phase-3 {width:720px; -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -ms-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease;}
#levels table.timeline .parcours-active {opacity:1; z-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
#levels table.timeline .date1,.date2,.date3,.date4 {position:absolute;}
#levels table.timeline-m .timeline-parcours {width:330px; height:auto; min-height:10px; margin:100px auto;}
#levels table.timeline-m .container-info {width:330px; margin:0 auto; height:auto; min-height:197px; overflow:hidden;}
#levels table.timeline-m .timeline-section-tl {height:auto; min-height:10px; display:inline-block; position:relative;}
#levels table.timeline-m .infobox {width:226px; height:auto; min-height:10px; background-color:#fff; padding:5px; border-radius:10px; display:inline-block; margin:0 1px;}
#levels table.timeline-m .parcours-box {opacity:1; position:absolute; top:200px; -webkit-transition:all .1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
#levels table.timeline-m .container-time-line {width:330px; margin:auto; margin-top:0;}
#levels table.timeline-m .time-line-parcours {width:330px; height:2px; background-color:#eaeaea; margin:auto;}
#levels table.timeline-m .timeline-indicator {width:0; height:2px; background-image:linear-gradient(90deg,transparent,transparent 50%,#fff 50%,#fff 100%),linear-gradient(90deg,#bd3a6d,#767650); background-size:10px 3px,100% 3px; -webkit-transition:all .1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
#levels table.timeline-m .tl-round {width:12px; height:12px; border-radius:50%; background-color:#ccc; -webkit-transition:all .1s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;}
#levels table.timeline-m .container-bulle {position:relative; margin:-12px auto 0 auto; width:330px;}
#levels table.timeline-m .anim-phase-1 {width:240px; -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -ms-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease;}
#levels table.timeline-m .anim-phase-2 {width:475px; -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -ms-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease;}
#levels table.timeline-m .anim-phase-3 {width:720px; -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -ms-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease;}
#levels table.timeline-m .parcours-active {opacity:1; z-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
#levels table.timeline-m .date1,.date2,.date3,.date4 {position:absolute;}
#levels .description {font-size:14px;}
#levels .description .ttl {color:#000; font-weight:700;}
#levels .description ul.list {font-size:14px; list-style:none; padding:0; line-height:1.57; letter-spacing:-.02px;}
#levels .description ul.list li:before {content:"∙"; padding:5px;}
#levels .description ul.list li {margin-bottom:8px; color:#333; text-indent:-20px; padding-left:13px;}
#levels .description ul.list li b {color:#000;}
#levels .description ul.list li span {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif;}
#recipe div.order-delivery-batch-box {cursor:pointer; height:55px;}
#recipe div.order-delivery-batch-box p.batch-title {opacity:.7; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.29; letter-spacing:0; text-align:center; color:#000; padding-top:11px;}
#recipe div.order-delivery-batch-box p.batch-date {opacity:.4; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:10px; line-height:1.4; letter-spacing:0; text-align:center;}
#recipe div.slick-track {display:flex; flex-direction:row-reverse!important;}
#recipe ul.slick-dots {bottom:-10px;}
#recipe .slick-dots li.slick-active button:before {color:#000;}
#recipe .slick-dots {position:static;}
#recipe .slick-prev {left:-10px; z-index:9;}
#recipe .slick-next {right:-10px; z-index:9;}
#recipe .slick-prev:before {content:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/icon/ic-arrow-shape-left.png); opacity:.2;}
#recipe .slick-next:before {content:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/icon/ic-arrow-shape-right.png); opacity:.2;}
#recipe h5.table-title {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.29; letter-spacing:0; color:#000;}
#recipe table.base-table td {border-right:1px solid #fff;}
#recipe table.base-table td>span {color:#dbdbdb; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; line-height:1.33; letter-spacing:normal; text-align:center;}
#recipe table.base-table td.b1-td {background-color:#ccc; padding:5px 0;}
#recipe table.base-table td.b2-td {background-color:#999;}
#recipe table.base-table td.b3-td {background-color:#656665;}
#recipe table.base-table td.b4-td {background-color:#4c4c4c;}
#recipe table.base-table td.s-td {background-color:#b8c9d1;}
#recipe table.base-table td.selected {background-color:#fff; padding:0;}
#recipe table.base-table td.bar {width:3px; padding:0; border:0;}
#recipe table.base-table td.selected>span {color:#000; border:1px solid #000; display:block!important; height:34px; line-height:32px;}
#recipe table.base-table td.b1-td.middle {border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
#recipe table.base-table td.b2-td.middle {border-left:1px solid #adadad; border-right:1px solid #adadad;}
#recipe table.base-table td.b3-td.middle {border-left:1px solid #848484; border-right:1px solid #848484;}
#recipe table.base-table td.b4-td.middle {border-left:1px solid #6f6f6f; border-right:1px solid #6f6f6f;}
#recipe table.base-table td.s-td.middle {border-left:1px solid #c7d3da; border-right:1px solid #c7d3da;}
#recipe table.base-table td.b4-td.right {border-right:3px solid #fff;}
#recipe div.card-header {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.29; letter-spacing:0; color:#4c4c4c; cursor:pointer;}
#recipe div.card-header div.float-right span.option-arrow {display:block; width:20px; height:20px; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/icon/ic-arrow-down@3x.png); background-size:contain; background-repeat:no-repeat;}
#recipe table.function-table td {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; letter-spacing:normal; text-align:center; color:#fff; white-space:nowrap; padding:15px 0;}
#recipe table.function-table td p {line-height:17px;}
#recipe table.function-table td.s-color {background-color:#cd632c;}
#recipe table.function-table td.m-color {background-color:#b8c9d1;}
#recipe table.function-table td.w-color {background-color:#80781d;}
#recipe table.function-table td.b-color {background-color:#e5a041;}
#recipe table.function-table td.season-color {background-image:linear-gradient(37deg,#8e6fd3,#ddbded);}
#recipe table.function-table td.uv-color {background-image:linear-gradient(to right,#7bd6c2,#f2ef8d);}
#recipe table.function-table td.topping-1-color {background-image:linear-gradient(207deg,#ffcf5e,#ffac36);}
#recipe table.function-table td.topping-2-color {background-image:linear-gradient(207deg,#ffcf5e,#ffac36);}
#recipe table.function-table td.fragrance-color {background-image:linear-gradient(to right,#fd7866,#ffbd5e);}
#recipe div.function-ingredient .card-body {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; line-height:1.33; letter-spacing:normal; color:#999;}
#recipe div.base-ingredient .card-body {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; line-height:1.33; letter-spacing:normal; color:#999;}
#levels table.levels-table img.levels-img {width:78px; height:78px;}
#levels table.levels-table th {width:15%; background-color:#fcfcfc;}
#levels table.levels-table td {width:17%;}
#levels table.levels-table {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.29; letter-spacing:0; color:#4c4c4c;}
#levels table.levels-table p.levels-title {font-family:'Noto Serif KR',serif; font-size:16px; line-height:normal; letter-spacing:0; text-align:center; color:#aa8c50;}
#levels table.timeline label.level-timeline-lable {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; line-height:1.33; letter-spacing:normal; text-align:center; color:#000; top:-30px;}
p.header-mb-name {font-family:'Noto Serif KR',serif; font-size:18px; line-height:normal; letter-spacing:0; color:#000; white-space:nowrap;}
span.header-levels-title {font-family:'Noto Serif KR',serif; font-size:10px; line-height:1.4; letter-spacing:0; color:#aa8c50;}
p.header-mb-age {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.29; letter-spacing:0; color:#4c4c4c;}
#levels table.m-levels-table img.levels-img {width:48px; height:48px;}
#levels table.m-levels-table {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.29; letter-spacing:0; color:#4c4c4c;}
#levels table.m-levels-table p.levels-by-month {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; line-height:1.33; letter-spacing:normal; text-align:center; color:#000;}
#levels table.m-levels-table p.levels-title {font-family:'Noto Serif KR',serif; font-size:10px; line-height:normal; letter-spacing:0; text-align:center; color:#aa8c50;}
#levels table.timeline-m label.level-timeline-lable {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; line-height:1.33; letter-spacing:normal; text-align:center; color:#000;}
#benefit table.timeline .timeline-parcours {width:960px; height:auto; min-height:10px; margin:100px auto;}
#benefit table.timeline .container-info {width:960px; margin:0 auto; height:auto; min-height:197px; overflow:hidden;}
#benefit table.timeline .timeline-section-tl {height:auto; min-height:10px; display:inline-block; position:relative; top:12px;}
#benefit table.timeline .infobox {width:226px; height:auto; min-height:10px; background-color:#fff; padding:5px; border-radius:10px; display:inline-block; margin:0 1px;}
#benefit table.timeline .parcours-box {opacity:1; position:absolute; top:200px; -webkit-transition:all .1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
#benefit table.timeline .time-line-parcours {width:800px; height:2px; background-color:#eaeaea; margin:auto; right:0; top:10px;}
#benefit table.timeline .timeline-indicator {position:absolute; width:0; height:2px; background-image:linear-gradient(90deg,transparent,transparent 50%,#fff 50%,#fff 100%),linear-gradient(90deg,#bd3a6d,#767650); background-size:10px 3px,100% 3px; -webkit-transition:all .1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
#benefit table.timeline .tl-round {width:20px; height:20px; border-radius:50%; background-color:#ccc; margin:auto; -webkit-transition:all .1s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;}
#benefit table.timeline .container-bulle {margin-top:-12px;}
#benefit table.timeline .anim-phase-1 {width:240px; -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -ms-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease;}
#benefit table.timeline .anim-phase-2 {width:475px; -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -ms-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease;}
#benefit table.timeline .anim-phase-3 {width:720px; -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -ms-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease;}
#benefit table.timeline .parcours-active {opacity:1; z-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
#benefit table.timeline .date1,.date2,.date3,.date4 {position:absolute;}
#benefit table.timeline-m .timeline-parcours {width:330px; height:auto; min-height:10px; margin:100px auto;}
#benefit table.timeline-m .container-info {width:330px; margin:0 auto; height:auto; min-height:197px; overflow:hidden;}
#benefit table.timeline-m .timeline-section-tl {height:auto; min-height:10px; display:inline-block; position:relative;}
#benefit table.timeline-m .infobox {width:226px; height:auto; min-height:10px; background-color:#fff; padding:5px; border-radius:10px; display:inline-block; margin:0 1px;}
#benefit table.timeline-m .parcours-box {opacity:1; position:absolute; top:200px; -webkit-transition:all .1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
#benefit table.timeline-m .container-time-line {width:330px; margin:auto; margin-top:0;}
#benefit table.timeline-m .time-line-parcours {width:330px; height:2px; background-color:#eaeaea; margin:auto;}
#benefit table.timeline-m .timeline-indicator {width:0; height:2px; background-image:linear-gradient(90deg,transparent,transparent 50%,#fff 50%,#fff 100%),linear-gradient(90deg,#bd3a6d,#767650); background-size:10px 3px,100% 3px; -webkit-transition:all .1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
#benefit table.timeline-m .tl-round {width:12px; height:12px; border-radius:50%; background-color:#ccc; -webkit-transition:all .1s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;}
#benefit table.timeline-m .container-bulle {position:relative; margin:-12px auto 0 auto; width:330px;}
#benefit table.timeline-m .anim-phase-1 {width:240px; -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -ms-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease;}
#benefit table.timeline-m .anim-phase-2 {width:475px; -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -ms-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease;}
#benefit table.timeline-m .anim-phase-3 {width:720px; -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -ms-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease;}
#benefit table.timeline-m .parcours-active {opacity:1; z-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
#benefit table.timeline-m .date1,.date2,.date3,.date4 {position:absolute;}
#benefit ul.product-menu {list-style:none;}
#benefit ul.product-menu li {padding:5px 0;}
#benefit ul.product-menu li a {color:#000; font-size:15px;}
#benefit ul.product-menu li a.weight-bold {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif;}
#benefit .product-list a {color:#000; text-decoration:none;}
#benefit .product-list .product-image {width:100%; border:1px solid transparent;}
#benefit .custom-control {top:24px; left:4px; z-index:500;}
#benefit .custom-radio .custom-control-label::before {border-radius:unset;}
#benefit div.benefit-info-div p {font-family:'Noto Serif KR',serif; font-size:18px; line-height:normal; letter-spacing:0; color:#aa8c50;}
#benefit div.benefit-info-div-m p {font-family:'Noto Serif KR',serif; font-size:18px; line-height:1.61; letter-spacing:0; color:#aa8c50;}
#benefit .product-list p.product-name {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.43; letter-spacing:0; color:#000;}
#benefit .product-list p.price {display:inline; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; line-height:normal; letter-spacing:0; color:#000;}
#benefit .product-list .line {text-decoration:line-through;}
#benefit .product-list p.discount-price {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:normal; letter-spacing:0; color:#000;}
#benefit .product-list span.discount-rate {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:12px; line-height:normal; letter-spacing:normal; color:#aa8c50; text-decoration:unset;}
#benefit div.bootstrap-select {width:100px;}
#benefit .custom-radio .custom-control-input:checked~.custom-control-label::after {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/icon/ic-checkbox-on%403x.png); background-size:contain;}
#benefit div.div-disable {opacity:.2; filter:blur(4px);}
#benefit div.disabled-benefit {width:290px; left:62%; top:500px; transform:translate(-50%,0); margin-right:-48px;}
#benefit div.disabled-benefit-m {width:290px; left:50%; top:400px; transform:translate(-50%,0); margin-right:-48px;}
#benefit img.disabled-benefit-img {width:96px;}
#benefit p.disabled-benefit-txt {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; line-height:1.57; letter-spacing:0; color:#000;}
.custom-control-input:checked~.custom-control-label::before {background-color:#fff;}
.free-skin-info {margin:72px 0 0;}
.free-skin-info .free-skin-txt {text-align:center; font-size:14px; font-weight:300; color:#1b1b1b; letter-spacing:-.5px; line-height:20px; margin-bottom:20px;}
.go-free-skin {height:42px; display:flex; align-items:center; justify-content:center; background-color:#1b1b1b; color:#fff; font-size:14px; font-weight:300; width:320px; margin:0 auto;}
.go-free-skin:hover {color:#fff;}
ul.lst_desc {display:block; padding:0 0 70px 0; color:#1b1b1b; font-size:14px; line-height:20px; word-break:keep-all;}
ul.lst_desc li {display:block; position:relative; margin:0 0 7px 0; padding:0 0 0 15px;}
ul.lst_desc li:before {content:'ㆍ'; position:absolute; top:0; left:0;}
ul.lst_desc li:last-child {margin:0;}
@media screen and (max-width:767px) {
#recipe table.base-table td {border-right:1px solid #fff; width:6.665%;}
#recipe table.base-table td.bar {padding:0; border:0; width:1%;}
#recipe table.base-table .selected {background-color:#fff; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/v2/icon/ic-check-w.png); background-size:50%; background-repeat:no-repeat; background-position:center; height:32px;}
#recipe table.base-table div.selected {border:1px solid #000;}
#recipe table.base-table td.selected>span {display:none!important;}
#recipe table.base-table td.b1-td {height:30px; padding:1px;}
#recipe table.function-table td {padding:10px 0;}
#levels .description ul.list li {text-indent:-15px;}
#skin div.button-group>button {height:42px;}
#wrap h3.title.type-b {font-size:20px; line-height:28px;}
.skin-link-list {width:100%;}
.go-free-skin {width:100%;}}