#wrap {min-width:360px;width:100%;position:relative;overflow:hidden}
header {z-index:200;position:fixed;top:0;left:50%;width:100%;height:90px;transform:translateX(-50%)}
header .header_wrap {z-index:202;padding:25px 40px;width:100%;max-width:1920px;position:absolute;left:50%;display:flex;justify-content:space-between;align-items:center;transform:translateX(-50%)}
header .logo_wrap {position:relative;width:240px;height:30px}
header.on {transition:all 0s;}
header:before {z-index:201;display:block;content:"";width:100%;height:0;position:absolute;top:0;left:0;right:0;transition:all .5s}
header.on:before {height:100%;background:#1C1C1B}
header .btn_gnb_menu {display:none;width:40px;height:40px;position:relative;transform:rotate(-0deg);transition:transform .5s}
header .btn_gnb_menu .title {font-size:0;text-indent:-9999px;color:transparent}
header .btn_gnb_menu .top, header .btn_gnb_menu .bottom {display:block;position:absolute;width:100%;height:20px}
header .btn_gnb_menu .top {top:0;left:0}
header .btn_gnb_menu .top:before, header .btn_gnb_menu .top:after, header .btn_gnb_menu .bottom:before, header .btn_gnb_menu .bottom:after {display:block;content:"";width:8px;height:8px;border-radius:100%;background:#fff;transition:all .5s}
header .btn_gnb_menu .top:before {position:absolute;top:7px;left:7px}
header .btn_gnb_menu .top:after {position:absolute;top:7px;right:7px}
header .btn_gnb_menu .bottom {bottom:0;right:0}
header .btn_gnb_menu .bottom:before {position:absolute;bottom:7px;left:7px}
header .btn_gnb_menu .bottom:after {position:absolute;bottom:7px;right:7px}
header .btn_gnb_menu.active {transform:rotate(-180deg);animation: menuRotate 0.5s forwards linear;-webkit-animation: menuRotate 0.3s forwards linear;animation-delay:.8s;-webkit-animation-delay:.8s;}
header .btn_gnb_menu.active .top:before, header .btn_gnb_menu.active .top:after, header .btn_gnb_menu.active .bottom:before, header .btn_gnb_menu.active .bottom:after {width:2px;height:2px;border-radius:0;background:#fff;transition:all .5s}
header .btn_gnb_menu.active .top:before {top:19px;left:19px;animation: menuOpenY 0.5s forwards linear;-webkit-animation: menuOpenY 0.3s forwards linear;animation-delay:.5s;-webkit-animation-delay:.5s;}
header .btn_gnb_menu.active .top:after {top:19px;right:19px;animation: menuOpenX 0.5s forwards linear;-webkit-animation: menuOpenX 0.3s forwards linear;animation-delay:.5s;-webkit-animation-delay:.5s;}
header .btn_gnb_menu.active .bottom:before {bottom:19px;left:19px;animation: menuOpenX 0.5s forwards linear;-webkit-animation: menuOpenX 0.3s forwards linear;animation-delay:.5s;-webkit-animation-delay:.5s;}
header .btn_gnb_menu.active .bottom:after {bottom:19px; right:19px;animation: menuOpenY 0.5s forwards linear;-webkit-animation: menuOpenY 0.3s forwards linear;animation-delay:.5s;-webkit-animation-delay:.5s;}

@-webkit-keyframes menuOpenX {
    0% {
        width:2px;
    }
    100% {
        width:12px
    }
}
@keyframes menuOpenX {
    0% {
        width:2px;
    }
    100% {
        width:12px
    }
}
@-webkit-keyframes menuOpenY {
    0% {
        height: 2px;
    }
    100% {
        height: 12px;
    }
}
@keyframes menuOpenY {
    0% {
        height: 2px;
    }
    100% {
        height: 12px;
    }
}
@-webkit-keyframes menuRotate {
    0% {
        transform:rotate(-90deg)
    }
    100% {
        transform:rotate(-135deg)
    }
}
@keyframes menuRotate {
    0% {
        transform:rotate(-90deg)
    }
    100% {
        transform:rotate(-135deg)
    }
}

.main header .logo {position:fixed;top:120px;left:100px;max-width:1400px;min-width:240px;font-size:0}
.main header .logo_link {display:none}
.main header.on .logo {position:static}
.main header.on .logo_link {display:block;}
.sub header {background:#1c1c1b}
header .logo_link {z-index:10;position:absolute;top:0;left:0;right:0;bottom:0;font-size:0;color:transparent;text-indent:-9999px}
header .logo {font-size:0}
header .logo svg {vertical-align:top;width:100%}

/* gnb */
.gnb {display:flex;justify-content:space-between;align-items:center;}
.gnb_list {display:flex;justify-content:end;align-items:center;padding:0 20px}
.gnb_list > li > a {display:block;padding:0 20px;font-family:"sans-serif";font-size:1.8rem;font-weight:600;line-height:2.6rem;color:#fff}
.gnb .depth_01 {position:relative;height:40px;display:flex;align-items:center;}
.gnb .depth_01:after {z-index:220;display:block;content:"";position:absolute;left:50%;bottom:-2px;width:0;height:2px;background:#dbf068;transform:translateX(-50%)}
.gnb .depth_01:hover::after {width:calc(100% - 40px);transition:width .5s}
.gnb .depth_01 > .depth_02 {max-height:0;transition:max-height .5s}
.gnb .depth_01:hover > .depth_02 {z-index:210;max-height:265px;transition:max-height .5s}
.gnb .depth_01.mo_mypage {display:none}
.gnb .depth_01 > a span::after{content:none}

.gnb .depth_02 {overflow:hidden;width:max-content;min-width:100%;position:absolute;top:40px;left:50%;background:#1c1c1b;transform: translateX(-50%);}
.gnb .depth_02:before, .gnb .depth_02:after {display:block;content:"";height:8px;}
.gnb .depth_02 > li a {display:block;padding:7px 16px;font-size:1.6rem;line-height:2.6rem;font-weight:600;color:#fff;text-transform: uppercase;}
.gnb .depth_02 label {cursor:pointer;padding:7px 16px;font-size:1.6rem;line-height:2.6rem;font-weight:600;color:#fff}
.gnb .depth_02 input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0}
.gnb .depth_02 .log_out {margin-top:4px;padding-top:5px;position:relative}
.gnb .depth_02 .log_out a {padding-left:40px;background:url("/resources/images/common/ico_16_logout.svg") no-repeat 16px 12px;background-size:16px}
.gnb .depth_02 .log_out:before {position:absolute;top:0;left:50%;display:block;content:"";width:calc(100% - 32px);height:1px;background:#404040;transform:translateX(-50%)}
.gnb .depth_02 .log_in a {padding-left:40px;background:url("/resources/images/common/ico_16_login.svg") no-repeat 16px 12px;background-size:16px}

.gnb .gnb_info .depth_01:hover::after {width:calc(100% - 7px);transition:width .5s}
.gnb .gnb_info .depth_02 {left:50%;transform:translateX(-50%)}
.lang_set + span.arrow {transform:rotate(0);transition:transform .5s}
.lang_set:hover + span.arrow {transform:rotate(-180deg);}
.lang_set .depth_02 li {position:relative}
.lang_set input[type="radio"] + label {opacity:0.4}
.lang_set input[type="radio"]:checked + label {opacity:1}

.gnb_info {padding-left:40px;position:relative;}
.gnb_info:before {opacity:0.4;display:block;content:"";width:1px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%);background:#fff}
.gnb_info a {display:inline-block;padding:7px}
.gnb_info a + a {margin-left:4px}
.gnb_info [class*="ico_"]::before {content:none}
.gnb_info .depth_01 {display:inline-block}
.gnb_info .gnb_info_my {height:40px;font-size:0;color:transparent}
.gnb_info .gnb_info_my span {background:url("/resources/images/icon/ico_26_mypage.svg") no-repeat center;background-size:26px}
.gnb_info .gnb_info_lang {height:40px;font-size:0;color:transparent}
.gnb_info .gnb_info_lang span {background:url("/resources/images/icon/ico_26_language.svg") no-repeat center;background-size:26px}
.gnb_info span.arrow {display:inline-block;display:none;margin:12px 0 0 0;vertical-align:top;background:url("/resources/images/icon/ico_16_arrow_down_w.svg") no-repeat center;background-size:16px}
.gnb_info .lang_set {position:relative;display:inline-block;margin-left:4px;}
.gnb_info .lang_set .depth_02 {position:absolute}

/* main_top */
.main_top {position:relative;height:100vh;min-height:800px;overflow:hidden;height:-webkit-fill-available;}
.main_top img {width:100%;height:100vh;min-height:800px;object-fit:cover;object-position:center;vertical-align: top;}
.main_top .swiper-pagination {height:3px;position:absolute;bottom:72.5px;left:50%;transform:translateX(-50%)}
.main_top .swiper-pagination-bullet {position:relative;padding:10px 0;width:60px;height:auto;text-align:left;border-radius:0;opacity:1;background-color:transparent;vertical-align:top;height:3px;}
.main_top .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:8px}
.main_top .swiper-pagination-bullet i {position:absolute;top:50%;left:0;z-index:1;width:100%;height:3px;opacity:0.4;background-color:#fff;transform:translateY(-50%);}
.main_top .swiper-pagination-bullet b {position:absolute;top:50%;left:0;z-index:2;width:0%;height:3px;background-color:#fff;transform:translateY(-50%);}
.main_top .swiper-pagination-bullet-active {background-color:transparent;}
.main_top .swiper-pagination-bullet-active b {animation-name:countingBar;animation-duration:5s;animation-timing-function:ease-in;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards;}

/* 동영상 */
.video_box {position:relative;width:100%;height:100vh;min-height:800px;}
.video_box .video_thum {opacity:0;position:absolute;width:100%;height:100%;z-index:10;transition:opacity 1s}
.video_box .video_thum img {object-fit:cover;object-position:center;width:100%;min-height:auto;height:100%;}
.video_box .video_thum .btn_play {display:none;position:absolute;top:50%;left:50%;width:100px;height:100px;font-size:0;color:transparent;text-indent:-9999px;background:url("/resources/images/common/btn_play.svg") no-repeat center;background-size:100px;transform:translate(-50%, -50%)}
.video_box .video_thum.active {opacity:1}
.video_box .video_thum.active .btn_play {display:block}
.video_box .video_thum.active + video.video_cnt {display:none}
.video_box .video_cnt {/* display:none; */position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;}
/* .video_box .video_cnt.active {display:block} */
.video_box .video_cnt iframe {width:100%;height:100%}
.board_view .video_box {height:auto;min-height:auto;}
.board_view .video_box .video_cnt {display:block;position:static;height:auto;}
.board_view .video_box .video_cnt iframe {width:100%;height:100%;min-height:432px}
@-webkit-keyframes countingBar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes countingBar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
.main_top_about {z-index:10;position:absolute;max-width:1920px;width:100%;left:50%;bottom:0;transform:translateX(-50%)}
.main_top_about .text_box {position:absolute;bottom:180px;left:100px;pointer-events:none;}
.main_top_about .text_box dt {font-family:"sans-serif";font-size:2.2rem;line-height:3.2rem;font-weight:600;color:#fff;}
.main_top_about .text_box dd {margin-top:15px;font-size:2.2rem;line-height:3.2rem;font-weight:600;color:#fff;}
.main_top_about .btn_box {width:215px;height:64px;border:1px solid #1C1C1B;border-radius:32px;position:absolute;bottom:80px;left:105px;font-size:0;}
.main_top_about .btn_box_inner {display:inline-block;width:215px;padding:18px 40px;margin:-6px 0 0 -6px;height:64px;position:relative;border:1px solid #1C1C1B;border-radius:32px;background-color:#fff}
.main_top_about .btn_box_inner:after {display:block;content:"";width:16px;height:16px;position:absolute;top:50%;right:24px;transform:translateY(-50%);background:url(/resources/images/icon/ico_16_arrow_right.svg) no-repeat center;background-size:16px;transition:all .3s}
.main_top_about .btn_box_inner > a {z-index:10;position:absolute;top:0;left:0;right:0;bottom:0}
.main_top_about .btn_box_inner > span {display:block;transform:translateX(0%);transition:transform .3s}
.main_top_about .btn_box_inner > span i {display:inline-block;font-family:"sans-serif";font-size:1.8rem;line-height:2.6rem;font-weight:600;color:#1C1C1B;transform:translateX(0%);transition:transform .3s}
.main_top_about .btn_box_inner:hover {background-color: #1C1C1B;transition:background-color .5s;}
.main_top_about .btn_box_inner:hover > span i {color:#fff;}
.main_top_about .btn_box_inner:hover:after {opacity:0;top:50%;right:40px}
.main_top_about .btn_box_inner:hover > span {transform:translateX(50%)}
.main_top_about .btn_box_inner:hover > span i {transform:translateX(-50%)}
.circle_info {width:122px;height:122px;position:absolute;bottom:80px;right:100px;opacity:1;transition:opacity .5s;}
.circle_info.off {opacity:0}
.circle_info .circle_main {background:#DBF068;border-radius:50%;display:inline-block;height:122px;width:122px;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transform-origin:0%;overflow:hidden;z-index:10}
.circle_info .circle_svg {-webkit-animation:scrolly 1.5s forwards infinite;animation:scrolly 1.5s forwards infinite;z-index:10;position:absolute;height:100%;left:50%;transform:translateX(-50%);}
@-webkit-keyframes scrolly {
    0% {
        transform: translate3d(-50%, -70%, 0);
    }
    30% {
        transform: translate3d(-50%, 0, 0);
    }
    70% {
        transform: translate3d(-50%, 0, 0);
    }
    95% {
        transform: translate3d(-50%, 70%, 0);
    }
    100% {
        transform: translate3d(-50%, 70%, 0);
    }
}
@keyframes scrolly {
    0% {
        transform: translate3d(-50%, -70%, 0);
    }
    30% {
        transform: translate3d(-50%, 0, 0);
    }
    70% {
        transform: translate3d(-50%, 0, 0);
    }
    95% {
        transform: translate3d(-50%, 70%, 0);
    }
    100% {
        transform: translate3d(-50%, 70%, 0);
    }
}

.main .main_bg {clip:rect(0, auto, auto, 0);position:absolute;top:0;left:0;width:100%;height:100%}
/* main_cnt_01 */
.main_cnt_01 .inner_cnt {padding:240px 0 140px 20px;width:100%;max-width:1920px;margin:0 auto;position:relative;}
.basepicker_tit {padding-left:100px;font-size:9.6rem;line-height:10.6rem;font-weight:400;word-break:break-word;color:#1C1C1B}
.basepicker_wrap {position:relative;width:100%}
.basepicker_wrap .basepicker_list:first-child {width:100%;display:flex;flex-direction: column;justify-content:space-between;}
.basepicker_wrap .basepicker_list:last-child {width:40.682%;position:absolute;bottom:0;right:0;z-index:-1}
.basepicker_wrap .ico_star {position:absolute;left:-7.541%;top:8.571%;width:25.88%}
.basepicker_about {display:flex;margin-top:115px;margin-bottom:80px;width:51.777%;align-items:flex-end}
.basepicker_about .about_img {width:40%;margin-right:14.82%}
.basepicker_about .about_cnt {width:54.329%}
.basepicker_about .about_cnt > p {font-size:2rem;line-height:3.2rem;font-weight:700;color:#1C1C1B}
.basepicker_about .about_cnt > p + p {margin-top:24px}
.basepicker_about .btn_box {margin-top:32px;width:215px;height:64px;border:1px solid #1C1C1B;border-radius:32px;font-size:0;}
.basepicker_about .btn_box_inner {display:inline-block;width:215px;padding:18px 40px;margin:-6px 0 0 -6px;height:64px;position:relative;border:1px solid #1C1C1B;border-radius:32px;background-color:#fff}
.basepicker_about .btn_box_inner:after {display:block;content:"";width:16px;height:16px;position:absolute;top:50%;right:24px;transform:translateY(-50%);background:url(/resources/images/icon/ico_16_arrow_right.svg) no-repeat center;background-size:16px;transition:all .3s}
.basepicker_about .btn_box_inner > a {z-index:10;position:absolute;top:0;left:0;right:0;bottom:0}
.basepicker_about .btn_box_inner > span {display:block;transform:translateX(0%);transition:transform .3s}
.basepicker_about .btn_box_inner > span i {display:inline-block;font-family:"sans-serif";font-size:1.8rem;line-height:2.6rem;font-weight:600;color:#1C1C1B;transform:translateX(0%);transition:transform .3s}
.basepicker_about .btn_box_inner:hover {background-color: #1C1C1B;transition:background-color .5s;}
.basepicker_about .btn_box_inner:hover:after {opacity:0;top:50%;right:40px}
.basepicker_about .btn_box_inner:hover > span {transform:translateX(50%)}
.basepicker_about .btn_box_inner:hover > span i {color:#fff;transform:translateX(-50%)}

/* flow_text */
.flow_container {padding-bottom:152px}
.flow_text {display:flex;flex: 0 0 auto;white-space:nowrap;overflow:hidden;height:14.9rem;vertical-align:top;transition:0.3s;font-family:"sans-serif";font-size:18rem;line-height:15.8rem;font-weight:600;color:#1C1C1B;}
.flow_text span {-webkit-text-stroke: 1px #1C1C1B;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#1C1C1B;font-family:"sans-serif";vertical-align:top;color:#fff}
.flow_text i {display:inline-block;width:74px;height:14.9rem;vertical-align:top;background:url("/resources/images/icon/ico_26_star.svg") no-repeat center;background-size:26px}
.flow_text:hover .flow-wrap {animation-play-state:paused;cursor:pointer;}
.flow_wrap {animation: textLoop 30s linear infinite;}

@-webkit-keyframes textLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes textLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

/* main_cnt_02 */
.tone_picker {display:none}
.main_cnt_02 {z-index:1;overflow:hidden;padding-top:90px;width:100%;min-height:982px;height:100vh;top:0px !important;}
.main_cnt_02 .grid_wrap {padding-top:95px;height:100%;display:flex;flex-direction:column;justify-content:space-between;}
.main_cnt_02 .inner_cnt {display:grid;height:100%;background:#F0ECE9}
/* .main_cnt_02 .skin_finder h2 .text_action strong:nth-child(1) {transform:translateY(0);transition:transform 1s} */
/* .main_cnt_02.active .skin_finder h2 .text_action strong:nth-child(1) {transform:translateY(-100%);transition:transform 1s} */
/* .main_cnt_02 .skin_finder h2 .text_action strong:nth-child(2) {transform:translateY(0);transition:transform 1s} */
/* .main_cnt_02.active .skin_finder h2 .text_action strong:nth-child(2) {transform:translateY(-100%);transition:transform 1s} */
.main_cnt_02.active .skin_finder h2 .ico_star {transform:rotate(-90deg)}
/* .main_cnt_02.active .skin_finder .about .text_action {transform:translateY(-50%);} */
.main_cnt_02.active .skin_finder .img_cnt .btn_box_inner .btn_box_text p:first-child {opacity:1}
.main_cnt_02.active .skin_finder .img_cnt .btn_box_inner .btn_box_text p:last-child {opacity:0}
.main_cnt_02.active .skin_finder .img_cnt .btn_box_inner a.minute_link {display:block}
.main_cnt_02.active .skin_finder .img_cnt .btn_box_inner a.start_link {display:none}
/* .main_cnt_02.active .skin_finder .cover_img {height:100%} */

.rolling_wrap {position:relative;overflow:hidden;}
.rolling_wrap .item {position:absolute;display:block;}
.main_cnt_02 .roll_img01 {height:429.94px;}
.main_cnt_02 .roll_img02 {width:692px;height: 728px;}
.main_cnt_02 .roll_img02 .cover_img {height:100%;overflow:hidden;}

.skin_finder h2 {position:relative;overflow:hidden;height:94px;padding:7px 0 0 26px;margin:-7px 0 0 -21px}
.skin_finder h2 strong {display:block;line-height:9.4rem}
.skin_finder h2 .text_action {display:block;height:94px;overflow:hidden;}
/* .skin_finder h2 .ico_star {width:26px;height:26px;position:absolute;top:0;left:0;transform:rotate(0);transition:transform 1s} */
.skin_finder h2 .ico_star {width:26px;height:26px;position:absolute;top:0;left:0;transform:rotate(0);transition:transform 1s;animation: star360 3s ease-in-out 1s infinite reverse;}
@keyframes star360 {
    0% {
        transform:rotate(0deg)
    }
    30% {
        transform:rotate(90deg)
    }
    70% {
        transform:rotate(90deg)
    }
    100% {
        transform:rotate(90deg)
    }
}

.skin_finder .grid {align-items:center;}
.skin_finder .about {position:relative;overflow:hidden;height:64px;margin-top:30px;font-size:2rem;line-height:3.2rem;font-weight:600;color:#1C1C1B}
.skin_finder .about .text_action {height:64px;}
/* .skin_finder .about .text_action {transform:translateY(0);transition:transform 1s} */
.skin_finder .img_cnt {margin-top:-38px}
.skin_finder .img_cnt img {vertical-align:top}
.skin_finder .img_cnt .left_img img{width:50%}
.skin_finder .img_cnt .btn_box {width:180px;height:180px;border:1px solid #1c1c1b;border-radius:100%;position:absolute;bottom:19.23%;left:0;transform:translateX(-50%)}
.skin_finder .img_cnt .btn_box_inner {width:180px;height:180px;border:1px solid #1c1c1b;border-radius:100%;background:#fff;transform:translate(-6px, -6px)}
.skin_finder .img_cnt .btn_box_inner a {z-index:20;display:none;position:absolute;top:0;left:0;right:0;bottom:0;font-size:0;text-indent:-9999px;color:transparent}
.skin_finder .img_cnt .btn_box_inner a.minute_link {display:none;}
.skin_finder .img_cnt .btn_box_inner a.start_link {display:block;}
.skin_finder .img_cnt .btn_box_inner a ~ .btn_box_bg:after {position:absolute;top:100%;left:0;display:block;content:"";width:180px;height:180px;border-radius:100%;background:#1C1C1B;transition:top .5s}
.skin_finder .img_cnt .btn_box_inner a:hover ~ .btn_box_bg:after {top:0}
.skin_finder .img_cnt .btn_box_inner a:hover ~ .btn_box_text p {color:#fff}
.skin_finder .img_cnt .btn_box_inner .btn_box_bg {overflow:hidden;position:relative;width:100%;height:100%;border-radius:100%}
.skin_finder .img_cnt .btn_box_text {z-index:10;overflow:hidden;width:100%;height:26px;text-align:center;position:absolute;top:50%;transform:translateY(-50%);}
.skin_finder .img_cnt .btn_box_text p {opacity:0;width:100%;position:absolute;top:0;font-family:"sans-serif";font-size:1.8rem;line-height:2.6rem;font-weight:600;color:#1C1C1B;transition:all .5s;}
.skin_finder .img_cnt .btn_box_text .text_br {display:inline}
.skin_finder .img_cnt .btn_box_text p + p{opacity:1;}

.skin_finder .img_cnt .grid_item {position:relative}
.skin_finder .img_cnt .grid_item:first-child {overflow:hidden}
.skin_finder .cover_img {/* overflow:hidden; */position:absolute;bottom:0;left:0;width:100%;height:0;transition:height ease-in-out 1s}


/* main_cnt_03 */
.main_cnt_03 {position:relative;opacity:0;transition:all .5s;}
.main_cnt_03.active {opacity:1;}
.main_cnt_03 {overflow:hidden;width:100%;opacity:0;transition:all .5s;}
.main_cnt_03 .main_bg:before {z-index:-1;display:block;content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url("/resources/images/main/bg_main_products@2x.png") no-repeat center;background-size:cover;transform:translateZ(0);will-change:transform;}
.main_cnt_03 .inner_cnt {opacity:0;overflow:hidden;position:relative;display:grid;place-items:center;}
.main_cnt_03.active .inner_cnt {animation: mainCntActive 0.5s forwards linear}
.main_cnt_03 .grid_wrap {padding:300px 20px 150px;}
.main_product .product_wrap {margin-top:40px}
.main_product h2 {display:inline-block}
.main_product h2 + span {display:inline-block;padding:8px 0 0 53px;font-size:2rem;line-height:3.2rem;font-weight:600;vertical-align:top;color:#1c1c1b}
.main_product .main_product_item {position:relative;height:100%;padding:60px 60px 80px;border-radius:24px;background:#fff}
.main_product_item .about_info {margin-bottom:32px;min-height:152px}
.main_product_item .about_info dt {padding-right:100px;font-size:3.2rem;line-height:3.8rem;font-weight:700;color:#1c1c1b}
.main_product_item .about_info dd {margin-top:8px}
.main_product_item .about_info .name {font-size:1.8rem;line-height:2.6rem;font-weight:600;color:#1c1c1b}
.main_product_item .about_info .price {margin-top:16px;padding-left:20px;font-family:"sans-serif";font-size:1.8rem;font-weight:600;line-height:2.6rem;color:#1c1c1b;background:url(/resources/images/icon/ico_16_star.svg) no-repeat 0 center;background-size:16px}
.main_product_item .img_box {width:100%}
.main_product_item .img_box img {width:100%;vertical-align:top;object-fit:cover;object-position:center;}
.main_product_item .product_link {position:absolute;top:0;left:0;right:0;bottom:0;font-size:0;color:transparent;text-indent:-9999px}

@media only screen and (min-width: 1921px) {
    .main_cnt_03 .main_bg:before {background-size:100%}
}

/* main_cnt_04 */
.main_cnt_04 {opacity:0;transition:all .5s;background:#fff}
.main_cnt_04.active {display:block;opacity:1}
.main_cnt_04.active .inner_cnt {opacity:0;animation: mainCntActive 0.5s forwards linear}
.main_cnt_04 .grid_wrap {padding-top:140px;padding-bottom:160px}
.with_tonework h2 {font-size:7.6rem;line-height:5.4rem;font-weight:400;color:#1C1C1B}
.with_tonework h2 span {font-size:3.2rem;line-height:5.4rem;font-weight:400;color:#1C1C1B}
.with_tonework .main_sns_swiper {overflow:hidden;position:relative;margin-top:22px}
.with_tonework .main_sns_swiper .swiper-slide > img {width:100%;vertical-align:top;}
.with_tonework .main_sns_swiper .swiper-slide a {position:absolute;top:0;left:0;right:0;bottom:0;font-size:0;color:transparent}
.with_tonework .main_sns_swiper .swiper-slide a.play {background:url("/resources/images/common/btn_play.svg") no-repeat right 16px bottom 16px;background-size:40px}
.main_sns_swiper *:hover, .main_sns_swiper:hover, .main_sns_swiper > *:hover {cursor:url("/resources/images/common/cursor.svg") 68 68, auto;}
.main_sns_swiper .swiper-slide {width:100%;max-height:428px;aspect-ratio: 1;}
.main_sns_swiper .swiper-slide img {width:100%;height:100%;object-fit:cover;}

@-webkit-keyframes mainCntActive {
    0% {
        opacity:0
    }
    100% {
        opacity:1;
    }
}
@keyframes mainCntActive {
    0% {
        opacity:0
    }
    100% {
        opacity:1;
    }
}

.main_banner > a {display:block;height:244px;background:#DBF068;}
.main_banner .grid_wrap {position:relative;display:flex;padding:80px 15px;align-items:flex-end;height:100%;}
.main_banner .grid_wrap::before {position:absolute;top:60px;right:15px;width:32px;height:32px;background:url('/resources/images/icon/icon_32_star_b.svg') no-repeat center;content:'';}
.main_banner .tit {flex-shrink:0;color:#1c1c1b;font-family:"sans-serif";font-size:11.6rem;font-weight:600;line-height:80px;}
.main_banner .tit span {display:inline-block;}
.main_banner .tit i {position:relative;display:inline-block;width:19.21875vw;max-width:369px;height:84px;border-radius: 100px;border:13px solid #1C1C1B;font-size:0;vertical-align:30px;}
.main_banner .tit i::before {position:absolute;top:11px;right:15px;width:36px;height:36px;background:url('/resources/images/icon/ico_36_search.svg') no-repeat center;content:'';}
.main_banner .txt {position:relative;top:6px;flex:1; margin-left:30px;color:#1C1C1B;font-size:20px;font-weight:700;line-height: 32px;}
body.en .main_banner .txt  {top:3px;}
.main_banner .txt::after {display:inline-block;width:16px;height:16px;background:url('/resources/images/icon/ico_16_arrow_right.svg') no-repeat center;content:'';}


/* footer */
.main .footer {opacity:0;transition:all .5s}
.main .footer.active {opacity:1}
.footer_toggle {display:none}
.footer {padding:60px 0 40px;background:#1C1C1B}
.footer_logo {width:64px;position:relative;}
.footer_logo img {vertical-align:top}
.footer_logo .ico_star {width:34px;position:absolute;top:4px;left:50%;transform:translateX(-50%) rotate(0deg);-webkit-animation:starLoop 1.2s linear infinite;animation:starLoop 1.2s linear infinite;}
.footer_top {display:flex;justify-content:space-between;}
.footer_top .site_map {display:flex;width:51.214%;min-width:550px;justify-content:space-between;color:#fff}
.footer_top .site_map .item_box dt a {font-family:"sans-serif";font-size:1.4rem;line-height:2rem;font-weight:600;color:#fff}
.footer_top .site_map .item_box dt + dd {margin-top:16px}
.footer_top .site_map .depth li {margin-top:4px;font-size:1.4rem;line-height:1.8rem;font-weight:500;color:#999}
.footer_top .site_map .depth li a {text-transform: uppercase;}
.footer_top .site_map .depth li:first-child {margin-top:0}
.footer_bottom {margin-top:60px}
.footer_bottom .footer_address {display:flex;justify-content:space-between;align-items:flex-end;}
.footer_address .company_info .name {font-size:1.4rem;line-height:1.8rem;font-weight:700;color:#fff}
.footer_address .company_info .address {margin-top:8px}
.footer_address .company_info .address p {font-size:1.4rem;line-height:1.8rem;font-weight:500;color:#999}
.footer_address .company_info .address p + p {margin-top:8px}
.footer_address .sns_link {display:flex}
.footer_address .sns_link a {display:block;width:26px;height:26px;font-size:0;color:transparent;text-indent:-9999px}
.footer_address .sns_link a + a {margin-left:24px}
.footer_address .sns_link .icon_facebook {background:url("/resources/images/common/link_facebook.svg") no-repeat center;background-size:26px}
.footer_address .sns_link .icon_youtube {background:url("/resources/images/common/link_youtube.svg") no-repeat center;background-size:26px}
.footer_address .sns_link .icon_instar {background:url("/resources/images/common/link_instagram_w.svg") no-repeat center;background-size:26px}
.footer_util {margin-top:24px;padding-top:18px;display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid rgba(238, 238, 238, 0.1)}
.footer_util .util_m {display:flex;justify-content:space-between;align-items:flex-end;}
.footer_util .util_m li {font-size:1.4rem;line-height:2rem;font-weight:500;color:#999}
.footer_util .util_m li strong{font-weight:700;color:#fff}
.footer_util .util_m li a {position:relative;padding:0 16px 0 17px}
.footer_util .util_m li a:before {opacity:0.2;display:block;content:"";width:1px;height:12px;position:absolute;top:50%;left:0;transform:translateY(-50%);background:#eee;}
.footer_util .util_m li:first-child a {padding-left:0}
.footer_util .util_m li:first-child a:before {content:none}
.footer_util .util_m li:last-child a {padding-right:0}
.footer_util .copy_right {font-family:"sans-serif";font-size:1.4rem;line-height:2rem;font-weight:400;color:#999}
@-webkit-keyframes starLoop {
    0% {
        transform:translateX(-50%) rotateY(0deg)
    }
    100% {
        transform:translateX(-50%) rotateY(180deg)
    }
}

@keyframes starLoop {
    0% {
        transform:translateX(-50%) rotateY(0deg)
    }
    100% {
        transform:translateX(-50%) rotateY(180deg)
    }
}

/* quick button */
.quick_btn.top {bottom:120px}
.quick_btn {opacity:0;z-index:100;position:fixed;bottom:20px;right:20px;transition:opacity 0.5s}
.quick_btn.active {opacity:1;}
.quick_btn_top {width:50px;height:50px;border-radius:100%;font-size:0;text-indent:-9999px;color:transparent;background:rgba(255, 255, 255, 0.9) url("/resources/images/common/ico_32_arrow_scrolltop.svg") no-repeat center;background-size:32px}

/* 서브 공통 */
h2[class*="ico_"]::before {content:none !important}
#wrap.sub {padding-top:90px}
#sub_container {padding-bottom:100px;position:relative}
#sub_container .gap_60 {padding-top:60px}
#sub_container .gap_80 {padding-top:80px}
#sub_container .gap_100 {padding-top:100px}
#sub_container .gap_120 {padding-top:120px}
.sub_top {display:flex;justify-content:center;align-items:flex-end;padding:0 20px;margin:0 auto;max-width:1440px;}
.sub_top h2.ico_star {position:relative;font-size:11.6rem}
.sub_top h2.ico_star .ico {width:52px;height:140px;text-align:center;position:absolute;top:-120px;left:-68px;background:url("/resources/images/icon/ico_52_star.svg") no-repeat 0 bottom;background-size:52px}
.sub_top h2.ico_star .ico:before {display:inline-block;content:"";margin-right:-0.5px;width:1px;height:80px;vertical-align:top;background:#1C1C1B}
.sub_top .input_radio_wrap {margin-left:85px;height:56px}
.sub_top_about {position:relative;padding:0 20px;margin:0 auto;max-width:1440px}
.sub_top_about h2 {font-size:11.6rem;line-height:17.5rem;font-family:"sans-serif";padding-right:52px;font-weight:600;background:url("/resources/images/icon/ico_52_star.svg") no-repeat right center;background-size:52px}
.sub_top_about .about_text {font-size:2rem;line-height:2.5rem;font-weight:700;color:#1C1C1B}
.sub_top_about .top_line {position:relative;width:100%;height:16px}
.sub_top_about .top_line:before {display:block;content:"";width:100%;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%);background:#1C1C1B}
.sub_top_about .top_line .top_line_ico {display:block;width:48px;height:16px;position:absolute;top:0;left:50%;transform:translateX(-50%);background:#fff url("/resources/images/icon/ico_16_star.svg") no-repeat center;background-size:16px}
.sub_top_about h3 {padding:24px 0 16px;text-align:center;font-size:4.8rem;line-height:5.9rem;font-weight:700;color:#1C1C1B}
.sub_top_about .info_text {display:flex;justify-content:center;align-items: center;}
.sub_top_about .info_text .tit {font-size:1.6rem;line-height:2.6rem;font-weight:500;color:#555}
.sub_top_about .info_text .tit + .date {padding-left:17px;position:relative;}
.sub_top_about .info_text .tit + .date:before {display:block;content:"";width:1px;height:12px;position:absolute;top:50%;left:8px;transform:translateY(-50%);background:#DBDBDB}
.sub_top_about .info_text .date {font-size:1.6rem;line-height:2rem;font-weight:500;color:#555}
.sub_top_about .go_back {padding-left:20px;position:absolute;top:24px;left:20px;font-family:"sans-serif";font-size:1.4rem;line-height:2.4rem;font-weight:600;color:#1C1C1B;background:url(/resources/images/icon/ico_16_arrow_left.svg) no-repeat 0 3px;background-size:16px}
.input_radio_wrap span + span {margin-left:34px}
.more_paging {margin-top:70px;width:100%;text-align:center}
.more_paging .btn_box {display:inline-block;width:180px;height:180px;border:1px solid #1c1c1b;border-radius:100%;}
.more_paging .btn_box_inner {width:180px;height:180px;border:1px solid #1c1c1b;border-radius:100%;background:#fff;transform:translate(-6px, -6px)}
.more_paging .btn_box_inner .more_btn {z-index:20;display:block;position:absolute;top:0;left:0;right:0;bottom:0;font-size:0;text-indent:-9999px;color:transparent}
.more_paging .btn_box_inner a ~ .btn_box_bg:after {position:absolute;top:100%;left:0;display:block;content:"";width:180px;height:180px;border-radius:100%;background:#1C1C1B;transition:top .5s}
.more_paging .btn_box_inner a:hover ~ .btn_box_bg:after {top:0}
.more_paging .btn_box_inner a:hover ~ .btn_box_text p {color:#fff}
.more_paging .btn_box_inner a:hover ~ .btn_box_text p strong {color:#fff}
.more_paging .btn_box_inner a:hover ~ .btn_box_text p span {color:#fff}
.more_paging .btn_box_inner a:hover ~ .btn_box_text {background-image:url("/resources/images/common/ico_32_plus_w.svg");}
.more_paging .btn_box_inner .btn_box_bg {overflow:hidden;position:relative;width:100%;height:100%;border-radius:100%}
.more_paging .btn_box_text {z-index:10;overflow:hidden;padding-top:48px;width:100%;text-align:center;position:absolute;top:50%;transform:translateY(-50%);background:url("/resources/images/common/ico_32_plus_b.svg") no-repeat center 0;background-size:32px;transition:background-image .5s;}
.more_paging .btn_box_text p {width:100%;font-family:"sans-serif";font-size:1.8rem;line-height:2.5rem;font-weight:500;color:#999;transition:all .5s;}
.more_paging .btn_box_text p strong {display:inline-block;font-size:1.8rem;line-height:2.5rem;font-weight:600;color:#1C1C1B;transition:color .5s;}
.more_paging .btn_box_text p span {display:inline-block;font-family:"sans-serif";margin:0 4px;vertical-align:middle;font-size:1.6rem;line-height:2.5rem;font-weight:500;color:#999;transition:color .5s}
.page_ctrl_inner {border-top:1px solid #1C1C1B;width:100%;max-width:1440px;margin:0 auto;}

/* 별점 */
.starpoint_wrap{display:inline-block;}
.starpoint_box{position:relative;background:url("/resources/images/icon/icon_18_star_w.svg") 0 0 repeat;font-size:0;}
.starpoint_box .starpoint_bg{display:block;position:absolute;top:0;left:0;height:18px;background:url("/resources/images/icon/icon_18_star_b.svg") 0 0 repeat;pointer-events:none;}
.starpoint_box .label_star{display:inline-block;width:18px;height:18px;box-sizing:border-box;cursor:pointer}
.starpoint_box .star_radio_wrap {z-index:-1;position:absolute;width:100%;height:18px;top:0}
.starpoint_box .star_radio_wrap .star_radio{opacity:0;width:0;height:0;position:absolute;}
.starpoint_box .star_radio_wrap .star_radio:nth-child(1):not(:disabled):hover ~ .starpoint_bg,
.starpoint_box .star_radio_wrap .star_radio:nth-child(1):checked ~ .starpoint_bg{width:20%;}
.starpoint_box .star_radio_wrap .star_radio:nth-child(2):not(:disabled):hover ~ .starpoint_bg,
.starpoint_box .star_radio_wrap .star_radio:nth-child(2):checked ~ .starpoint_bg{width:40%;}
.starpoint_box .star_radio_wrap .star_radio:nth-child(3):not(:disabled):hover ~ .starpoint_bg,
.starpoint_box .star_radio_wrap .star_radio:nth-child(3):checked ~ .starpoint_bg{width:60%;}
.starpoint_box .star_radio_wrap .star_radio:nth-child(4):not(:disabled):hover ~ .starpoint_bg,
.starpoint_box .star_radio_wrap .star_radio:nth-child(4):checked ~ .starpoint_bg{width:80%;}
.starpoint_box .star_radio_wrap .star_radio:nth-child(5):not(:disabled):hover ~ .starpoint_bg,
.starpoint_box .star_radio_wrap .star_radio:nth-child(5):checked ~ .starpoint_bg{width:100%;}
.modal_wrap .starpoint_box .star_radio_wrap {z-index:0}

.starpoint_form {display:flex;align-items:center;gap:16px}
.star_point_text {display:inline-block;font-size:1.6rem;line-height:2rem;font-weight:600;color:#1C1C1B}

/* 총점 */
.total_score_star {overflow:hidden;position:relative;width:80px;height:16px}
.total_score_star .star_bg_ico {position:absolute;top:0;width:100%;height:100%;background-color:#1C1C1B;-webkit-mask-image: url("/resources/images/icon/icon_16_star_b.svg");mask-image: url("/resources/images/icon/icon_16_star_b.svg");}
.total_score_star .star_bg {height:100%;background:#fff url("/resources/images/icon/icon_16_star_w.svg") repeat-x 0 0;background-size:16px}

/* 해시태그 */
.hash_list {display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;}
.hash_list li {padding:10px 16px;border-radius:100px;border:1px solid #1C1C1B;font-family:"sans-serif";font-size:1.6rem;line-height:2rem;font-weight:600;color:#1C1C1B}

/* 좋아요 */
.btn_like {min-width:103px;padding:11px 23px 11px 24px;height:48px;text-align:center;border-radius:4px;border:1px solid #76777A;font-size:0;background-image:linear-gradient(to top, #1C1C1B 50%, #fff 50%);background-size: 100% 200%;transition:background-position .2s;}
.btn_like span {display:inline-block;margin-left:8px;font-family:"sans-serif";font-size:1.8rem;line-height:2.6rem;font-weight:500;vertical-align:middle;color:#1C1C1B;transition:color .2s;}
.btn_like .ico_26_like {vertical-align:middle}
.btn_like .ico_26_like path {transition:stroke .2s;}
.btn_like.active .ico_26_like path {stroke:#fff}
.btn_like.active {background-position: 0 100%;}
.btn_like.active span {color:#fff}

/* 리스트 상단 검색 영역 */
.tbl_top {padding:60px 0 16px;display:flex;justify-content:space-between;align-items:flex-end;}
.tbl_top .total_num {position:relative;padding-left:24px;font-family:"sans-serif";font-size:1.6rem;line-height:2.5rem;font-weight:600;color:#1C1C1B;background:url(/resources/images/icon/ico_16_star.svg) no-repeat 0 center;background-size:16px}
.tbl_top .total_num span {margin-left:8px}
.tbl_top .search_opt {display:flex;width:50%;justify-content:flex-end;}
.tbl_top .search_opt .search_inp {margin-left:16px;position:relative}
.tbl_top .search_opt .search_inp .input_text {padding:0 58px 0 20px}
.tbl_top .search_opt .btn_search {position:absolute;top:0;right:5px;width:48px;height:48px;font-size:0;color:transparent;text-indent:-9999px;background:url("/resources/images/icon/ico_26_input_search.svg") no-repeat center;background-size:26px}
.search_inp{position:relative;}
.search_inp .input_text {padding: 0 58px 0 20px;}
.search_inp .btn_search {position:absolute;top:0;right:5px;width:48px;height:48px;font-size:0;color:transparent;text-indent:-9999px;background:url("/resources/images/icon/ico_26_input_search.svg") no-repeat center;background-size:26px}
/* 리스트 */
.tbl_list {width:100%;border-top:1px solid #1C1C1B;border-bottom:1px solid #DBDBDB}
.tbl_list.remove_line {border-bottom:none}
.tbl_list > li {display:flex;flex-wrap:wrap;gap:16px;min-height:110px;border-top:1px solid #DBDBDB}
.tbl_list > li:first-child{border-top:none}
.tbl_list .tbl_date {width:102px;padding:38px 0 32px;}
.tbl_list .tbl_date > span {margin-top:-22px;display:block;font-family:"sans-serif";font-size:1.4rem;line-height:2.4rem;font-weight:500;color:#76777A}
.tbl_list .tbl_date > strong {display:block;margin-top:10px;font-family:"sans-serif";font-size:4.8rem;line-height:2.6rem;font-weight:400;color:#1C1C1B}
.tbl_list .tbl_type {padding:38px 0 32px;width:102px;font-size:1.8rem;line-height:4rem;font-weight:600;color:#76777A}
.tbl_list .tbl_tit {flex:1;padding:38px 0 32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:3.2rem;line-height:4rem;font-weight:600;color:#1C1C1B}
.tbl_list .tbl_state{width: 92px; align-self: center;}
.tbl_list .tbl_state .state{width: 100%;padding: 10px 18px; background-color: #1c1c1b; border-radius: 100px; color: #fff;font-weight: 600; font-size: 1.6rem; line-height: 1.25;text-align: center;}
/* faq */
.faq .tbl_type {padding:25px 0}
.faq .tbl_list > li {min-height:88px}
.faq .filter_item .input_radio_wrap > span {width:auto}
.tbl_slide {padding:25px 0;flex:1}
.tbl_slide > dt {position:relative;padding-right:40px;font-size:3.2rem;line-height:4rem;font-weight:600;cursor:pointer;color:#1C1C1B}
.tbl_slide > dt .toggle_action {z-index:10;position:absolute;top:-25px;left:0;right:0;bottom:-25px}
.tbl_slide > dt:before {display:block;content:"";position:absolute;top:5px;right:19px;width:2px;height:30px;transform:rotate(0);background:#1C1C1B;transition:transform .3s;}
.tbl_slide > dt:after {display:block;content:"";position:absolute;top:19px;right:5px;width:30px;height:2px;transform:rotate(0);background:#1C1C1B;transition:transform .3s;}
.tbl_slide > dt.active:before {transform:rotate(-225deg)}
.tbl_slide > dt.active:after {transform:rotate(-45deg)}
.tbl_slide > dt.active + dd {display:block}
.tbl_slide > dd {display:none;overflow:hidden;}
.tbl_slide > dd:before {display:block;content:"";height:40px}
.tbl_slide .text_box {font-size:2rem;line-height:3.2rem;font-weight:500;color:#1C1C1B}

/* 페이징 */
.paging_box {margin-top:40px;text-align:center}
.paging_box .btn_prev, .paging_box .btn_next {display:inline-block;width:40px;height:40px;vertical-align:top;font-size:0;text-indent:-9999px;color:transparent;}
.paging_box .btn_prev {margin-right:16px;background:url("/resources/images/common/ico_40_arrow_prev.svg") no-repeat center;background-size:40px}
.paging_box .btn_next {margin-left:16px;background:url("/resources/images/common/ico_40_arrow_next.svg") no-repeat center;background-size:40px}
.paging_box .page_num {display:inline-block;width:40px;height:40px;border-radius:100%;vertical-align:top;font-family:"sans-serif";font-size:1.8rem;line-height:4rem;font-weight:500;color:#1C1C1B;background:transparent;transition:color .3s}
.paging_box .page_num + .page_num {margin-left:8px}
.paging_box .page_num.on {color:#fff;background:#1C1C1B}
.paging_box .page_num:hover {color:#fff;background:#1C1C1B}
.paging_box .page_more {display:inline-block;width:40px;height:40px;font-family:"sans-serif";font-size:1.8rem;line-height:4rem;font-weight:500;color:#999;}

/* 이벤트 */
.event_list {position:relative;}
.event_list:after {width:100%;height:100px;display:block;content:"";position:absolute;bottom:-100px;}
.event_list .bg_action{z-index:-1;padding:0 20px;width:100%;max-width:1640px;position:fixed;top:calc(50% + 90px);left:50%;transform:translate(-50%, -50%)}
.event_list_box {padding-top:120px}
.event_list_box .grid_item {position:relative;}
.event_list_box .grid_item:nth-child(even) {margin-top:140px;grid-column: 8 / span 5;}
.event_list_img {display:block;position:relative;}
.event_list_img img {position:relative;width:100%;vertical-align:top;}
.event_list_box .grid_item span .event_list_img:before {z-index:1;content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.4)}
.event_list_box .grid_item span .event_list_img .txt {position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;line-height:2.6rem;font-weight:600;z-index:2;}
.event_list_info {margin-top:30px}
.event_list_info .tit {font-size:3.2rem;line-height:4rem;font-weight:700;color:#1c1c1b}
.event_list_info .about {margin-top:8px;font-size:1.8rem;line-height:2.3rem;font-weight:500;color:#76777A}
.event_list_info .period {margin-top:16px;font-family:"sans-serif";font-size:1.4rem;line-height:2.7rem;font-weight:400;color:#76777A}

/* 이벤트 상세 */
.event_detail {margin-top:24px}
.event_detail .detail_img img {vertical-align:top}
.detail_bottom {display:flex;justify-content:center;margin:45px 0 0 5px;}
.detail_bottom .btn_box {max-width:230px;width:100%;height:64px;border:1px solid #1C1C1B;border-radius:32px;font-size:0;}
.detail_bottom .btn_box + .btn_box {margin-left:16px}
.detail_bottom .btn_box_inner {display:inline-block;width:100%;padding:18px 40px;margin:-5px 0 0 -5px;height:64px;position:relative;border:1px solid #1C1C1B;border-radius:32px;background-color:#fff}
.detail_bottom .btn_box_inner:after {display:block;content:"";width:16px;height:16px;position:absolute;top:50%;right:24px;transform:translateY(-50%);background:url(/resources/images/icon/ico_16_arrow_right.svg) no-repeat center;background-size:16px;transition:all .3s}
.detail_bottom .btn_box.black .btn_box_inner {background:#1C1C1B}
.detail_bottom .btn_box.black .btn_box_inner:after {background-image:url("/resources/images/icon/ico_16_arrow_right_w.svg");}
.detail_bottom .btn_box.black .btn_box_inner > span i {color:#fff}
.detail_bottom .btn_box_inner > a {z-index:10;position:absolute;top:0;left:0;right:0;bottom:0}
.detail_bottom .btn_box_inner > span {display:block;transform:translateX(0%);transition:transform .3s}
.detail_bottom .btn_box_inner > span i {display:inline-block;font-size:1.8rem;line-height:2.6rem;font-weight:700;color:#1C1C1B;transform:translateX(0%);transition:transform .3s}
.detail_bottom .btn_box_inner:hover:after {opacity:0;top:50%;right:40px}
.detail_bottom .btn_box_inner:hover > span {transform:translateX(50%)}
.detail_bottom .btn_box_inner:hover > span i {transform:translateX(-50%)}
.detail_bottom .btn_box.black .btn_box_inner:hover {background-color: #1C1C1B;transition:background-color .5s;}
.detail_bottom .btn_box.black .btn_box_inner:hover > span i {color:#fff;}
.detail_bottom .btn_box.black .btn_box_inner:hover:after {opacity:0;top:50%;right:40px}
.detail_bottom .btn_box.black .btn_box_inner:hover > span {transform:translateX(50%)}
.detail_bottom .btn_box.black .btn_box_inner:hover > span i {transform:translateX(-50%)}
.event_notice {margin-top:80px;padding:60px;background:#F5F5F5}
.event_notice_tit {font-size:2rem;line-height:2.5rem;font-weight:700;color:#1C1C1B}
.event_notice_list {font-size:1.6rem;line-height:2.4rem;font-weight:400;color:#1C1C1B}
.event_notice_about {margin-top:24px}
.event_notice_about dt {font-size:1.6rem;line-height:2.4rem;font-weight:700;color:#1C1C1B}
.event_notice_about dd {font-size:1.6rem;line-height:2.4rem;font-weight:400;color:#1C1C1B}
.recom_product {padding:100px 0;background:#fff}
.recom_product .recom_inner {width:100%;max-width:1440px;margin:0 auto;padding:0 20px}
.recom_product h4 {font-size:3.2rem;line-height:3.2rem;font-weight:700;text-align:center;color:#1C1C1B}
.recom_product .rcp_swiper {position:relative;overflow:hidden;margin-top:40px}
.rcp_swiper .rcp_img_box {width:100%}
.rcp_swiper .rcp_img_box img {width:100%;vertical-align:top;object-fit:cover;object-position:center;}
.rcp_swiper .rcp_info {margin-top:24px}
.rcp_swiper .rcp_info dt {font-family:"sans-serif";font-size:2rem;line-height:2.8rem;font-weight:700;color:#1c1c1b}
.rcp_swiper .rcp_info dd {margin-top:4px}
.rcp_swiper .rcp_info .name {font-size:1.8rem;line-height:2.3rem;font-weight:500;color:#1c1c1b}
.rcp_swiper .rcp_info .price {margin-top:16px;padding-left:20px;font-family:"sans-serif";font-size:1.8rem;font-weight:600;line-height:2.5rem;color:#1c1c1b;background:url(/resources/images/icon/ico_16_star.svg) no-repeat 0 center;background-size:16px}
.rcp_swiper .rcp_link {position:absolute;top:0;left:0;right:0;bottom:0;font-size:0;text-indent:-9999px;color:transparent}
.rcp_swiper .swiper-button-next {opacity:0;width:40px;height:40px;position:absolute;top:37.748%;left:auto;right:15px;border-radius:100%;transform:translateY(-50%);background:#1C1C1B url(/resources/images/icon/ico_16_arrow_right_w.svg) no-repeat center;background-size:16px;transition: all .5s ease;}
.rcp_swiper .swiper-button-prev {opacity:0;width:40px;height:40px;position:absolute;top:37.748%;left:15px;border-radius:100%;transform:translateY(-50%) rotate(-180deg);background:#1C1C1B url(/resources/images/icon/ico_16_arrow_right_w.svg) no-repeat center;background-size:16px;transition: all .5s ease;}
.rcp_swiper:hover .swiper-button-prev {display:block;opacity:1;left:0}
.rcp_swiper:hover .swiper-button-next {display:block;opacity:1;left:auto;right:0}
.rcp_swiper .swiper-button-next::after, .rcp_swiper .swiper-button-prev::after {display: none;}
.rcp_swiper .swiper-button-next.swiper-button-disabled, .rcp_swiper .swiper-button-prev.swiper-button-disabled {opacity:0}
.rcp_swiper .product_link {position:absolute;top:0;left:0;right:0;bottom:0;font-size:0;color:transparent;text-indent:-9999px}

/* 댓글 컨텐츠 */
.comments_wrap {padding:80px 0 100px;margin-top:100px;border-top:1px solid #DBDBDB}
.comments_inner {width:100%;max-width:1440px;margin:0 auto;padding:0 20px}
.comments_write .tit {display:flex;align-items:center;gap:24px}
.comments_write .tit h4 {font-size:3.2rem;line-height:3.8rem;font-weight:400;color:#1C1C1B}
.comments_write .tit .total_num {padding-left:24px;font-family:"sans-serif";font-size:1.6rem;line-height:2.4rem;font-weight:600;color:#1C1C1B;background:url("/resources/images/icon/ico_16_star.svg") no-repeat 0 center;background-size:16px}
.comments_write .tit .total_num span {margin-left:8px}
.comments_write .tit + .cnt {margin-top:24px}
.comments_write .cnt {display:flex;gap:16px;}
.comments_write .cnt .text_area {flex:1}
.comments_write .cnt .text_area textarea {width:100%;resize:none}
.comments_write .cnt .regist_comment {width:215px;padding-top:5px;display:flex;flex-direction:column;justify-content:space-between;}
.text_area {position:relative;padding:16px 16px 8px;border:1px solid #1C1C1B;border-radius:4px;background:#fff}
.text_area textarea::placeholder {font-size:1.6rem;line-height:2.4rem;font-weight:400;color:#999}
.text_area textarea {width: 100%;resize: none; font-size:1.6rem;line-height:2.4rem;font-weight:500;color:#1C1C1B}
.text_area .num {font-family:"sans-serif";text-align:right;font-size:1.4rem;line-height:2.4rem;font-weight:400;color:#76777A}
.text_area .num span {font-size:0.8rem;margin:0 4px;vertical-align:middle;}
.text_area .num strong {font-weight:600;color:#1C1C1B}
.regist_comment .btn_box {width:100%;height:64px;border:1px solid #1C1C1B;border-radius:4px;font-size:0;}
.regist_comment .btn_box_inner {display:inline-block;width:100%;padding:20px;margin:-6px 0 0 -6px;height:64px;position:relative;border:1px solid #1C1C1B;border-radius:4px;background-image:linear-gradient(to right, #1C1C1B 50%, #fff 50%);background-size: 200% 100%;transition:background-position .2s;}
.regist_comment .btn_box_inner:hover {background-position: -100% 0;}
.regist_comment .btn_box_inner:hover > span i {color: #1C1C1B;}
.regist_comment .btn_box_inner > a {z-index:10;position:absolute;top:0;left:0;right:0;bottom:0}
.regist_comment .btn_box_inner > span {display:block;text-align:center}
.regist_comment .btn_box_inner > span i {display:inline-block;font-size:1.8rem;line-height:2.3rem;font-weight:700;color:#fff;transition:color .2s}
.comment_list > li {padding:24px 0 24px 54px;border-bottom:1px solid #dbdbdb}
.comment_list > li .comments_write {margin-top:10px}
.comment_box .comment_info, .answer_box .comment_info {position:relative;display:flex;align-items:center;gap:16px;margin-left:-54px}
.event_view .answer_box {margin-top:28px}
.answer_box {padding:24px 24px 24px 78px;background:#F5F5F5;border-radius:4px}
.comment_info .user_photo, .comment_info .admin_photo {width:38px;height:38px;border-radius:100%;position:relative;overflow:hidden}
.comment_info .user_photo img {width:100%;height:100%;object-fit:cover;object-position:center;}
.comment_info .user_photo {background:url("/resources/images/common/profile_user.svg") no-repeat center;background-size:cover}
.comment_info .admin_photo {background:url("/resources/images/common/profile_admin.svg") no-repeat center;background-size:cover}
.comment_info .user_name {flex:1;font-size:1.8rem;line-height:2.6rem;color:#1C1C1B}
.comment_info .user_name strong {font-weight:700;vertical-align:middle;}
.comment_info .user_name .date {position:relative;margin-left:-4px;padding-left:17px;font-family:"sans-serif";font-size:1.4rem;line-height:2.1rem;font-weight:400;vertical-align:middle;color:#999}
.comment_info .user_name .date:before {display:block;content:"";width:1px;height:14px;position:absolute;top:50%;left:8px;background:#DBDBDB;transform:translateY(-50%)}
.comment_info .comment_btn {display:flex;align-items:center;}
.comment_info .comment_btn li {position:relative}
.comment_info .comment_btn li + li {padding-left:17px}
.comment_info .comment_btn li + li:before {display:block;content:"";width:1px;height:14px;background:#DBDBDB;position:absolute;top:50%;left:8px;transform:translateY(-50%)}
.comment_info .comment_btn a {font-size:1.4rem;line-height:3rem;font-weight:500;color:#76777A}
.comment_box .comment_text {padding-right:24px}
.comment_box .comment_text, .answer_box .comment_text {margin-top:10px;font-size:1.8rem;line-height:2.6rem;font-weight:400;word-break:break-all;color:#1C1C1B}
.comment_box .comment_text .delete_comment, .answer_box .comment_text .delete_comment {color:#76777A}
.comment_box .comment_text .secret_comment, .answer_box .comment_text .secret_comment {padding-left:30px;background:url("/resources/images/icon/ico_26_lock.svg") no-repeat 0 center;background-size:26px}
.bubble.answer_box{position: relative;}
.bubble.answer_box::after{content: '';position: absolute;top: -12px;left: 8px;width: 0;height: 0;border-right: 14px solid #F5F5F5;border-top: 12px solid transparent;border-left: 0 ;border-bottom: 0px;}

/* 펼쳐지는 ui */
.btn_open_fold{position: relative; display: block; width:40px;height:30px; margin-left: auto; cursor: pointer;}
.btn_open_fold::before, .btn_open_fold::after{display:block;content:"";position:absolute;transform:rotate(0);background:#1C1C1B;transition:transform .3s, opacity .3s;}
.btn_open_fold::before{top:50%;transform: translate3d(0, -50%, 0); right:19px;width:2px;height:30px;}
.btn_open_fold::after {top:50%;transform: translate3d(0, -50%, 0); right:5px;width:30px;height:2px;}
.btn_open_fold.active:before {transform:translate3d(0, -50%, 0) rotate(-90deg)}
.fold_box .folded_cont{display: none;}
.fold_box .folded_cont.show{display: flex;}
/* 리뷰영역 필터 fold */
.review_top.fold_box .total_num{align-self: flex-start; padding-top: 12px;}
.review_top.fold_box .folded_cont{display: none;}
.review_top.fold_box .folded_cont.show{display: flex;}

/* 베스트 리뷰 */
.best_review .sub_top {display:block;text-align:center;}
.best_review .sub_top h2 {line-height:0;text-align:center;position:relative}
.best_review .sub_top h2 span {display:inline-block;padding:27px 58px;height:84px;font-size:2.4rem;vertical-align:top;font-weight:700;line-height:3.2rem;border:1px solid #121212;border-radius:100%;}
.best_review .sub_top .tit_about {display:inline-block;padding:58px 26px 0;margin-top:-26px;position:relative}
.best_review .tit_about:before, .best_review .tit_about:after {display:block;content:"";width:26px;height:26px;position:absolute;background:url("/resources/images/icon/ico_26_star.svg") no-repeat 0 0;background-size:26px}
.best_review .tit_about:before {top:0;left:0}
.best_review .tit_about:after {top:0;right:0}
.best_review .tit_about dt {font-size:16rem;font-weight:400;line-height:19.2rem;color:#121212}
.best_review .tit_about dd {margin-top:-12.5px;font-size:2rem;line-height:2.5rem;font-weight:700;color:#121212}
.best_review .tit_about dd:after {display:block;content:"";margin:16px auto 0;width:80px;height:100px;background:url("/resources/images/common/arrow_large_down.svg") no-repeat center;background-size:80px}
.review_slide {margin-top:16px;width:100%;position:relative;overflow:hidden;}
.review_slide > .slide_wrapper{
    position:absolute;top:0;left:0;width:100%;
    white-space:nowrap;
}
.review_slide .slide_item {display:inline-flex;width:928px;height:600px}
.review_slide .review_left {flex:1;padding:80px 60px 120px;position:relative;}
.review_slide .review_right {width:calc(50% + 8px);padding-right:16px;background:#fff;position:relative}
.review_slide .review_right:after {display:block;content:"";width:120px;height:120px;position:absolute;bottom:40px;right:56px;background:url("/resources/images/icon/icon_120_star_outline.svg") no-repeat center;background-size:120px}
.review_slide .review_right img {width:100%;height:100%;vertical-align:top;object-fit:cover;object-position:center;}
.review_slide .point_box span {display:inline-block;width:26px;height:26px;background:url("/resources/images/icon/icon_26_star_point.svg") no-repeat 0 0;background-size:26px;}
.review_slide .review_text {overflow:hidden;margin-top:24px;font-size:2rem;line-height:3.2rem;font-weight:700;white-space:normal;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;color:#fff}
.review_slide .review_info {margin-top:32px;padding-left:17px;position:relative;font-size:1.6rem;line-height:2.6rem;font-weight:400;color:#fff}
.review_slide .review_info:before {display:block;content:"";position:absolute;top:50%;left:0;width:1px;height:calc(100% - 12px);background:#fff;opacity:0.5;transform:translateY(-50%);}
.review_slide .review_more {position:absolute;bottom:40px;left:60px;font-size:3.2rem;line-height:3.8rem;font-weight:400;color:#fff}

.review_box {margin-top:80px}
.review_box .tit {margin-bottom:24px;font-size:3.2rem;line-height:3.8rem;font-weight:400;color:#121212}
.review_top {padding:24px 0;justify-content:space-between;align-items:center;border-top:1px solid #1C1C1B}
.review_top .total_num {position:relative;padding-left:24px;font-family:"sans-serif";font-size:1.6rem;line-height:2.5rem;font-weight:600;color:#1C1C1B;background:url(/resources/images/icon/ico_16_star.svg) no-repeat 0 center;background-size:16px}
.review_top .filter_item .filter_row.swiper-slide{width: 100%;}
.review_top .filter_row{display: flex;gap: 8px;flex-wrap: wrap;}
.review_top .filter_item {display:flex;align-items:center}
.review_top .filter_item dt {align-self: flex-start;padding-top: 12px;margin-right:24px;font-family:"sans-serif";font-size:1.8rem;line-height:2.7rem;font-weight:600;color:#1C1C1B}
.review_top .filter_item dd {display:flex;align-items:center;flex-wrap:wrap}
.review_top .filter_item .swiper-wrapper {gap:8px;flex-wrap: wrap;}
.review_top .filter_item .swiper-slide {width:auto}
.review_top .filter_item .select_box_list > ul {max-height: 310px;overflow-y: auto;}
.review_top .filter_item .select_box.swiper-slide {min-width:136px;}
.review_top .filter_item .select_box.prd_name{min-width: 260px;}
.review_top .filter_item .input_check + label {padding:13px 20px;border:1px solid #76777A;border-radius:100px;font-size:1.6rem;line-height:2rem;font-weight:500;color:#1C1C1B}
.review_top .filter_item .input_check:checked + label {color:#fff;background:#1C1C1B;border:1px solid #1C1C1B}
.review_top .filter_item .input_check + label::before {content:none}
.review_top .filter_item .input_check:hover label::after, .review_top .filter_item .input_check + label:hover::after {content:none}

.review_list {border-bottom: 1px solid #DBDBDB}
.review_list > li {padding:40px 0;border-top:1px solid #DBDBDB}
.review_list .user_name {font-size:1.8rem;line-height:2.3rem;font-weight:600;color:#1C1C1B}
.review_list .user_info {margin-top:16px}
.review_list .user_info li {margin-top:4px;font-size:1.4rem;line-height:1.8rem;font-weight:600;color:#999}
.review_list .user_info li:first-child {margin-top:0}
.review_list > li > .grid_item:last-child {display:grid;justify-content:right}

.review_details .review_cnt {font-size:1.8rem;line-height:2.6rem;font-weight:400;color:#1C1C1B;transition:all .5s;word-break: break-all;}
.review_details .review_cnt.hidden {font-weight:500;color:#76777A}
.review_details .type_tit {margin-right:8px;font-size:1.6rem;line-height:2rem;font-weight:600;vertical-align:middle;color:#1C1C1B}
.review_details .starpoint_wrap {vertical-align:middle}

.point_details {display:none;overflow:hidden;font-size:0;}
.point_details:before {display:block;content:"";height:24px;}
.point_details .point_list_wrap {margin-bottom:24px}
.point_details .point_list {display:inline-block;padding:0 24px 0 25px;position:relative;vertical-align:top;}
.point_details .point_list:before {display:block;content:"";position:absolute;top:50%;left:0;width:1px;height:16px;background:#DBDBDB;transform:translateY(-50%)}
.point_details .point_list:first-child {padding-left:0}
.point_details .point_list:first-child:before {content:none}
.point_details .point_mall {display:inline-block;font-size:1.6rem;line-height:2rem;font-weight:400;vertical-align:top;color:#1C1C1B}

.answer_box.review {padding:24px 24px 24px 48px}
.answer_box.review .comment_info {margin-left:-24px;gap:8px;padding-bottom:8px}

.starpoint_wrap + .review_text_box {margin-top:16px}
.review_text_box .review_more {margin-top:8px;padding:0 1px;border-bottom:1px solid #1C1C1B;font-size:1.6rem;font-weight:700;line-height:2rem;color:#1C1C1B}
.review_text_box .review_more:after {display:inline-block;content:"";width:16px;height:20px;margin-left:4px;vertical-align:top;background:url("/resources/images/icon/ico_16_arrow_down_b.svg") no-repeat right center;background-size:16px;transition:transform .5s;}
.review_text_box .review_more.on:after {transform:rotate(180deg);}
.review_text_box .product_name {margin-top:24px;font-size:1.4rem;font-weight:500;line-height:1.8rem;color:#999}
.review_text_box .product_img_slide {width:100%;height:146px;position:relative;margin-top:8px;display:block;overflow-x:auto;white-space:nowrap;}
.review_text_box .product_img {font-size:0;position:absolute;}
.review_text_box .product_img li {display:inline-block;position:relative;overflow:hidden;width:220px;height:140px;cursor:pointer;}
.review_text_box .product_img li + li {margin-left:16px;}
.review_text_box .product_img li img {position:absolute;vertical-align:top;width:100%;height:100%;object-fit:cover;object-position:center}

/* 게시판 상세 (공지사항/이벤트당첨자발표) */
.view_info{position: relative; width: 100%;height: 175px; margin-top: 40px;}
.view_info_inner{position: relative;max-width: 1400px;margin: 0 auto;padding-bottom: 32px;background-color: #fff; border-bottom:1px solid #1C1C1B;}
.view_info .go_back{top: 40px;left: 0;}
.view_info_inner.fixed{z-index:10;position: fixed; top: 90px;padding-top: 16px; width:calc(100% - 40px)}
.view_cnt{padding: 40px 0; border-bottom:1px solid #1C1C1B;}
.view_cnt_area p{font-weight: 500;font-size: 2.0rem;line-height: 3rem;letter-spacing: 0px;color: #1C1C1B;}
.view_cnt_area p + p {margin-top: 24px;}
.view_cnt_area strong, .view_cnt_area b{font-weight: 700;font-size: 2.4rem; line-height: 3.2rem;}
.view_cnt .download_lst{padding-top: 40px;}
.view_cnt .download_lst .download_file{display: inline-block;margin: 4px 0; padding: 12px 16px 12px 50px;font-weight: 500; font-size: 1.6rem;line-height: 1.25; letter-spacing: 0px;color: #1C1C1B;background: #F0F0F0 url('/resources/images/common/ico_26_attach.svg') 16px center/26px no-repeat ;border-radius: 6px;}
.view_cnt .download_lst .download_file + .download_file {margin-left: 8px;}
.view_cnt .download_lst .img_list {display:flex;flex-wrap:wrap; gap:16px;margin-top: 12px;}
.view_cnt .download_lst .img_list li {width:220px;height:220px;}
.view_cnt .download_lst .img_list li a,.view_cnt .download_lst .img_list li a img {display:block;width:100%;height:100%;object-fit: cover;}
.view_cnt .answer_box{margin-top: 52px;}

.page_ctrl{display: flex;justify-content: space-between;}
.page_ctrl .prev_page, .page_ctrl .next_page{display: flex;align-items: center; flex: 0 0 50%;height: 160px;}
.page_ctrl .prev_page.none .btn_page, .page_ctrl .next_page.none .btn_page { pointer-events: none;}
.page_ctrl .prev_page.none .btn_page:before,.page_ctrl .next_page.none .btn_page:after {background:none;}
.page_ctrl .prev_page .btn_page:before,.page_ctrl .next_page .btn_page:after {position:absolute;top:26px;left:0;width:40px;height:40px;background-image: url('/resources/images/common/ico_40_arrow_prev.svg');content:'';}
.page_ctrl .next_page .btn_page:after {left:auto; right:0;background-image: url('/resources/images/common/ico_40_arrow_next.svg')}
.page_ctrl .prev_page{padding: 32px 60px 32px 0;border-right: 1px solid #1C1C1B;}
.page_ctrl .next_page{padding: 32px 0 32px 60px;justify-content: flex-end;}
.page_ctrl .btn_page{position:relative;display: flex;flex-direction: column;margin-bottom:auto;font-weight: 700; font-size: 3.2rem; line-height: 4rem;white-space:normal;}
.page_ctrl .btn_page span{font-weight: 500; font-size: 1.4rem; line-height: 1.8rem; color:#76777A;}
.page_ctrl .btn_page p{margin-top: 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1C1C1B;overflow:hidden;text-align: left;word-break: break-all;}
.page_ctrl .prev_page .btn_page{align-items: flex-start;padding-left: 80px;}
.page_ctrl .next_page .btn_page{align-items: flex-end;padding-right: 80px;}

/*  form - 셀렉트박스 */
.form_select_box{max-width: 456px;width:100%;}
.form_select_box label{z-index: 1;position: absolute;margin: 0; left: 16px;top: 50%;transform: translateY(-50%); font-size: 2rem;font-weight: 600;line-height: 1.25;letter-spacing: 0px; transition: all 300ms;}
.form_select_box .select_box_value{position: relative;height: 80px; border: 0;border-radius: 0;border-bottom: 1px solid #DBDBDB;}
.form_select_box .select_box_value{padding: 16px 56px 16px 16px;}
.form_select_box .select_box_value::after{transition: all 150ms;right: 24px;}
.form_select_box .select_box_value > span{font-size: 2rem;line-height: 64px;font-weight: 500;color: transparent;}
.form_select_box .select_box_list{top: 78px;border-color: #1C1C1B;}
.form_select_box .select_box_list::before{box-shadow: 0px 4px 4px #1a18180d;}
.form_select_box .select_box_list li:not(.list-group_opt){height: 38px;padding:0 16px; line-height: 38px;}
.form_select_box .select_box_list li:not(.list-group_opt) > span{font-size: 1.6rem;color: #1c1c1b;font-weight: 500;}
.form_select_box .select_box_list li:not(.list-group_opt):hover{background-color: #f0f0f0;}
.form_select_box.has_value label{top: 4px;transform: translateY(0);font-size: 1.4rem; color: #999999;}
.form_select_box.has_value .select_box_value{border-bottom: 1px solid #1c1c1b;}
.form_select_box.has_value .select_box_value > span{color: #1C1C1B;}
.form_select_box.on .select_box_value{border-color: transparent;}

/*  form - 인풋 */
.form_input_group {position: relative;width: 100%;height: 80px;padding: 22px 0 0 0;}
.form_input_group label{z-index: 1;position: absolute;margin: 0; left: 16px;top: 50%;transform: translateY(-50%);font-size: 2rem;font-weight: 600;line-height: 1.25;letter-spacing: 0px; transition: all 300ms;}
.form_input_group .input_text{position: relative; height: 56px; margin-left: 0; padding:16px; font-size: 2rem;line-height: 1.25;font-weight: 500;border: 0;border-radius: 0;border-bottom: 1px solid #DBDBDB;}
.form_input_group .input_text:focus{border-bottom: 1px solid #1c1c1b;}
.form_input_group .input_text:valid{border-bottom: 1px solid #1c1c1b;}
.form_input_group .input_text:-webkit-autofill,.form_input_group .input_text:-webkit-autofill:focus,.form_input_group .input_text:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;-webkit-transition: background-color 9999s ease-out;-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;}
.form_input_group .input_text:focus ~ label,.form_input_group .input_text:valid ~ label{top: 4px;transform: translateY(0);font-size: 1.4rem; color: #999999;}

/*  form - 텍스트 */
.form_text_area{position: relative; padding: 0;border: 0;border-radius: 0;}
.form_text_area textarea{resize: none;width: 100%;height: 243px;margin-top: 38px;margin-bottom: 34px; padding: 40px 16px 30px 16px;font-size: 2rem;line-height: 1.625;}
.form_text_area .num{position:absolute;bottom: 0; width: 100%;padding-bottom: 8px;border-bottom: 1px solid #DBDBDB;}
.form_text_area .num:after {position:absolute;bottom:0;left:0;display:block;content:"";width:0;height:1px;background:#1c1c1b;transition:width .2s;}
.form_text_area label{z-index: 1;position: absolute;margin: 0; left: 16px;top: 30px; font-size: 2rem;font-weight: 600;line-height: 1.25;letter-spacing: 0px; transition: all 300ms;}
.form_text_area textarea:focus ~ .num:after, .form_text_area textarea:valid ~ .num:after{width:100%;}
.form_text_area textarea::-webkit-input-placeholder, .form_text_area textarea::-moz-placeholder, .form_text_area textarea:-ms-input-placeholder, .form_text_area textarea:-moz-placeholder, .form_text_area textarea::placeholder{line-height: 1.625;}
.form_text_area textarea:focus ~ label,.form_text_area textarea:valid ~ label{top: 4px;transform: translateY(0);font-size: 1.4rem; color: #999999;}
.form_text_area textarea:focus, .form_text_area textarea:valid{margin-top: 38px; padding: 0px 16px 30px 16px;}
.form_text_area textarea:focus::-webkit-input-placeholder{color:transparent}
.form_text_area textarea:focus::-moz-placeholder{color:transparent}
.form_text_area textarea:focus:-ms-input-placeholder{color:transparent}
.form_text_area textarea:focus:-moz-placeholder{color:transparent}
.form_text_area textarea:focus::placeholder{color:transparent}
.form_text_area textarea:valid::-webkit-input-placeholder{color:transparent}
.form_text_area textarea:valid::-moz-placeholder{color:transparent}
.form_text_area textarea:valid:-ms-input-placeholder{color:transparent}
.form_text_area textarea:valid:-moz-placeholder{color:transparent}
.form_text_area textarea:valid::placeholder{color:transparent}

/* Q&A 고객게시판 */
.contact_info{padding: 160px 0;}
.contact_info h2{position: relative; font-size:9.6rem; line-height: 1.2;text-transform: uppercase;}
.contact_info h2::before{content: '';position: absolute;left: -106%; top: 50%; transform:translateY(-50%); display: block; width: 100%; height: 1px;padding-right: 30px;background-color: #1C1C1B;}
.contact_info h2::after{content: '';position: absolute;left: -64px; top: 50%; transform:translateY(-50%);display: block; width: 64px; height: 100%;background:#fff url("/resources/images/icon/ico_16_star.svg") 16px center no-repeat;}
.contact_info .info_msg{margin-top: 24px; font-size: 2rem; font-weight: 500; line-height: 1.6;letter-spacing: 0;}
.contact_info .info_msg em{display: block;margin-bottom: 16px; font-size: 2.4rem; font-weight: 700; line-height: 1.3;letter-spacing: 0;}
.contact_info .info_list{margin-top: 56px;}
.contact_info .info_list dl{display: flex;align-items: flex-start;padding: 24px 55px 40px 0;background: url("/resources/images/contact/line_shape.svg") right bottom no-repeat;}
.contact_info .info_list dl:last-child{padding-bottom: 0;background-image:none;}
.contact_info .info_list dt{flex: 0 0 172px; font-size: 2rem; font-weight: 700; line-height: 1.25;letter-spacing: 0;}
.contact_info .info_list dd{font-size: 1.8rem; font-weight: 500; line-height: 1.4;letter-spacing: 0;}
.contact_info .info_list dd p{margin-bottom: 16px;line-height: 1.4;}
.contact_info .info_img{position: relative;margin-left: 17.78%;margin-top: -110px;}
.contact_info .info_img .img_mo{display: none;}
.contact_info .info_img .img_pc{display: block;}
.contact_info .ico_star{position: absolute;bottom: 124px;left: -124px;}
.contact_info .btn_box_wrap {display:flex;justify-content:center; margin-top:106px;}
.contact_info .btn_box {width: 215px;height: 64px;border: 1px solid #1C1C1B;border-radius: 32px;bottom: 80px;left: 105px;font-size: 0;}
.contact_info .btn_box_inner {display: inline-block;width: 215px;padding: 18px 40px;margin: -6px 0 0 -6px;height: 64px;position: relative;border: 1px solid #1C1C1B;border-radius: 32px;background-color: #fff}
.contact_info .btn_box_inner:after {display: block;content: "";width: 16px;height: 16px;position: absolute;top: 50%;right: 24px;transform: translateY(-50%);background: url(/resources/images/icon/ico_16_arrow_right.svg) no-repeat center;background-size: 16px;transition: all .3s}
.contact_info .btn_box_inner > a {z-index: 10;position: absolute;top: 0;left: 0;right: 0;bottom: 0}
.contact_info .btn_box_inner > span {display: block;transform: translateX(0%);transition: transform .3s}
.contact_info .btn_box_inner > span i {display: inline-block;font-family: "sans-serif";font-size: 1.8rem;line-height: 2.6rem;font-weight: 600;color: #1C1C1B;transform: translateX(0%);transition: transform .3s}
.contact_info .btn_box_inner:hover {background-color: #1C1C1B;transition: background-color .5s;}
.contact_info .btn_box_inner:hover > span i {color: #fff;}
.contact_info .btn_box_inner:hover:after {opacity: 0;top: 50%;right: 40px}
.contact_info .btn_box_inner:hover > span {transform: translateX(50%)}
.contact_info .btn_box_inner:hover > span i {transform: translateX(-50%)}

.contact_form {padding: 100px 0; background-color: #F0ECE9;}
.contact_form h3{text-align: center;font-size: 4.8rem; line-height: 1.2;letter-spacing: 0;text-transform: uppercase;}
.contact_form h3 span{position: relative;display: inline-block;}
.contact_form h3 span::before, .contact_form h3 span::after {content: '';position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 16px; height: 16px;background: url("/resources/images/icon/ico_16_star.svg") center/contain no-repeat;}
.contact_form h3 span::before{left: -38px;}
.contact_form h3 span::after{right: -38px;}
.contact_form .grid_wrap{max-width: 1400px;padding-top: 80px; padding-bottom: 60px;background-color: #fff;}
.contact_form .btn_box {width:180px;height:180px;margin: 60px auto 0;border:1px solid #1c1c1b;border-radius:100%;}
.contact_form .btn_box .btn_box_inner {width:100%;height:100%;border:1px solid #1c1c1b;border-radius:100%;background:#fff;transform:translate(-6px, -6px)}
.contact_form .btn_box .btn_box_inner button {cursor: pointer; z-index:20;position:absolute;top:0;left:0;right:0;bottom:0;font-size:0;text-indent:-9999px;color:transparent}
.contact_form .btn_box .btn_box_inner button ~ .btn_box_bg:after {position:absolute;top:100%;left:0;display:block;content:"";width:180px;height:180px;border-radius:100%;background:#1C1C1B;transition:top .5s}
.contact_form .btn_box .btn_box_inner button:hover ~ .btn_box_bg:after {top:0}
.contact_form .btn_box .btn_box_inner button:hover ~ .btn_box_text p {color:#fff}
.contact_form .btn_box .btn_box_inner .btn_box_bg {overflow:hidden;position:relative;width:100%;height:100%;border-radius:100%}
.contact_form .btn_box .btn_box_text {z-index:10;overflow:hidden;width:100%;height:26px;text-align:center;position:absolute;top:50%;transform:translateY(-50%);}
.contact_form .btn_box .btn_box_text p {opacity:1;width:100%;position:absolute;top:0;font-family: "sans-serif"; font-size:1.8rem;line-height:2.6rem;font-weight:600;color:#1C1C1B;transition:all .5s;}

.contact_form .form_input_group{margin-top: 16px;}
.contact_form .form_text_area{margin-top: 16px;}
.inquiry_form{padding-top: 60px;}
.inquiry_form .file_uploader{margin-top: 16px;}
.inquiry_form .file_uploader label{font-size: 1.6rem;letter-spacing: 0;}
.inquiry_form .file_uploader label .ico_attach{margin-right: 8px;}
.inquiry_form .file_uploader_desc{margin-top: 16px; font-size: 1.4rem; font-weight: 600; line-height: 1.5;color: #76777A;}
.ico_attach::before { background-image: url("../images/icon/ico_attach.svg");}
.inquiry_form .file_uploader label:hover .ico_attach::before { background-image: url("../images/icon/ico_attach_black.svg");}

/* sub_container 하단 패딩제거 */
.delete_padding{display: block; margin-top: -100px;}

/* 팝업 */
.modal_wrap {display: none; position: absolute;top: 0; left: 0; width: 100%; height: 100%; z-index: 900;}
.modal_wrap.open {display: block;}
.modal_wrap.open:before{content: "";display: block;position: fixed;top: 0;left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 200;}
.modal_wrap .modal.absolute{ position: absolute; top: 40px; transform: translate(-50%, 0%); transform: -ms-translate(-50%, 0%); }
.modal_wrap .modal_close{position: absolute; top: -64px; right: 0px;background: url("/resources/images/icon/ico_pop_close.svg");}
.modal_wrap .modal{z-index: 9999;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%); transform: -ms-translate(-50%, -50%);max-width:1164px;min-width: 320px; width:calc(100% - 40px);padding: 40px;margin-top:24px; background-color: #fff;}
.modal_wrap .modal.pop_ifr {padding:0;max-width:1024px}
.modal_wrap .modal.pop_ifr iframe {vertical-align:top;}
.modal_wrap .cont{height:100%;}

.review_modal .modal{padding: 0;background:transparent}
.review_modal .cont {display: flex;justify-content: flex-start; align-items: stretch;max-height:680px;background:#fff}
.review_modal .review_img{flex:0 0 692px;overflow: hidden; background-color: #1C1C1B;}
.review_modal .review_img .img{height: 100%;display: flex;justify-content: center; align-items: center;}
.review_modal .review_img .img img{height: 100%;object-fit: contain;}

.review_modal_swiper{position: relative; height: 100%;}
.review_modal_swiper .slide_btn{width: 40px; height: 40px;border-radius: 50%; background-color: rgba(255, 255, 255, 0.9); background-repeat: no-repeat; background-size: 16px; background-position: center;}
.review_modal_swiper .slide_btn[aria-disabled="true"]{display: none;}
.review_modal_swiper .swiper-button-prev{background-image: url("/resources/images/icon/ico_16_arrow_left.svg");}
.review_modal_swiper .swiper-button-next{background-image: url("/resources/images/icon/ico_16_arrow_right.svg");}
.review_modal_swiper .swiper-button-prev, .review_modal_swiper .swiper-button-next{opacity: 0;visibility: hidden;transition: all 500ms;}
.review_modal_swiper:hover .swiper-button-prev, .review_modal_swiper:hover .swiper-button-next{opacity: 1;visibility: visible;}
.review_modal_swiper .swiper-pagination{bottom: 32px;width: 100%;text-align: center;font-size: 0;}
.review_modal_swiper .swiper-pagination-bullet{width: 60px; height: 3px; margin-right: 8px;background-color: rgba(255, 255, 255, 0.4);border-radius: 0;}
.review_modal_swiper .swiper-pagination-bullet:last-child{margin-right: 0;}
.review_modal_swiper .swiper-pagination-bullet-active{background-color: #fff;}

.review_modal .review_txt{position: relative;width:100%;padding-top:24px;padding-left:24px;}
.review_modal .review_txt .scroll_wrap{overflow-y: auto;height: 100%;padding: 0px 18px 0px 0px;}
.review_modal .review_detail{height: 100%; padding-bottom: 222px;}
.review_modal .review_detail .user_info{display: flex;align-items: center;margin-bottom: 24px;}
.review_modal .review_detail .user_info p{font-weight: 600;font-size: 1.4rem;color:#999999;line-height: 1.3;}
.review_modal .review_detail .user_info p + p{margin-left: 8px; padding-left: 8px; border-left: 1px solid #dbdbdb;line-height: 0.8;}
.review_modal .review_detail .user_info .name{font-weight: 600;font-size: 1.8rem;color:#1c1c1b;}
.review_modal .review_detail .comments{padding: 16px 0 24px;font-size: 1.8rem;line-height: 1.44;word-break: break-all;}
.review_modal .review_detail .rate_list .starpoint_wrap{margin-left: 8px;}
.review_modal .review_detail .rate_list li{display: flex; align-items: center;margin-bottom: 8px;font-weight: 600; font-size: 1.6rem;line-height: 1.125;}
.review_modal .review_detail .review_source{display: inline-block; margin-top: 8px; font-size: 1.6rem;line-height: 1.25;color: #76777A;}
.review_modal .review_detail .answer_box{margin-top: 24px;padding: 16px 16px 16px 40px;}
.review_modal .review_detail .answer_box .comment_info{gap: 8px;margin-left: -24px;}
.review_modal .review_info{position: absolute; right: 24px; left: 24px; bottom: 24px;}
.review_modal .review_info .date_box{display: flex; justify-content: space-between;align-items: center; margin-bottom: 24px;}
.review_modal .review_info .date_box .date{font-weight: 600;font-size: 1.4rem; line-height: 1.2;color:#999999;}
.review_modal .review_info .product_box{display: flex; height: 118px; padding: 8px; background-color: #F0ECE9;border-radius: 4px;}
.review_modal .review_info .product_box .info{padding: 16px 36px 16px 24px;}
.review_modal .review_info .product_box .img{flex: 0 0 102px;background-color: #fff;border-radius: 4px;}
.review_modal .review_info .product_box .img img{width: 100%; max-width: 100%;}
.review_modal .review_info .product_box .info .name{height: 50px; font-weight: 700; font-size: 1.8rem; line-height: 1.44;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.review_modal .review_info .product_box .info .price{margin-top: 8px; padding-left: 18px; background: url("/resources/images/icon/icon_18_star_b.svg") left center/14px no-repeat; font-family: "sans-serif"; font-weight: 600; font-size: 1.4rem; line-height: 1.42;}

/* main 모달 */
.info_modal .modal {max-width:456px;padding:0;margin:0 auto;border-radius:8px;overflow:hidden;}
.info_modal .modal .cont {position:relative;width:100%;height:546px;overflow:hidden;}
.info_modal .modal .cont .swiper {height: 546px;}
.info_modal .modal .cont .img {height: 100%;}
.info_modal .modal .cont img {width:100%;height:100%;object-fit:cover;}
.info_modal .modal .cont .swiper-slide {position:relative;}
.info_modal .modal .cont .text_wrap {position:absolute;left:50%;padding:0 20px;transform:translateX(-50%);bottom:38px;width:100%;color:#fff;text-align:center;}
.info_modal .modal .cont .text_wrap.type02 {color:#1C1C1B;}
.info_modal .modal .cont .text_wrap .tit {height:32px;margin-bottom:10px;font-size:2.6rem;font-weight:700;white-space: normal;width: 100%;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;word-wrap: break-word;}
.info_modal .modal .cont .text_wrap .txt {height:34px;font-size:1.4rem;white-space: normal;width: 100%;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;word-wrap: break-word;}
.info_modal .modal .modal_footer {display:flex;justify-content:space-between;align-items:center;padding:16px;}
.info_modal .modal_footer .modal_close {position:static;background:none;line-height:0;}
.info_modal .modal_footer .modal_close::after {display:inline-block;width:26px;height:26px;background:url("/resources/images/icon/ico_26_popup_close.svg") no-repeat right;background-size:26px;content:'';}
.info_modal .modal_footer .modal_close span {margin-right:4px;color:#1C1C1B !important;font-size:1.6rem;font-weight:500;line-height:2.4rem;vertical-align:top;}
.info_modal .modal_footer .not_today::after {display:none;}
.info_modal .modal_footer .not_today span {margin:0;}
.info_modal .swiper-pagination {left:50%;transform:translateX(-50%);bottom:16px;}
.info_modal .swiper-pagination .swiper-pagination-bullet {width:6px;height:6px;margin: 0 4px;background:#fff;opacity: 1;}
.info_modal .swiper-pagination .swiper-pagination-bullet-active {background:#1C1C1B;}

.info-modal-swiper .slide_btn {width: 40px;height: 40px;border-radius: 50%;background-color: rgba(0,0,0, 0.9);background-repeat: no-repeat;background-size: 16px;background-position: center;}
.info-modal-swiper .slide_btn[aria-disabled="true"] {display: none;}
.info-modal-swiper .swiper-button-prev, .info-modal-swiper .swiper-button-next {opacity: 0;visibility: hidden;transition: all 500ms;background-image: url("/resources/images/icon/ico_16_arrow_right_w.svg");}
.info-modal-swiper .swiper-button-prev {left:30px;transform:rotate(180deg);}
.info-modal-swiper .swiper-button-next {right:30px;}
.info-modal-swiper:hover .swiper-button-prev, .info-modal-swiper:hover .swiper-button-next {opacity: .9;visibility: visible;}
.info-modal-swiper:hover .swiper-button-prev {left:16px;}
.info-modal-swiper:hover .swiper-button-next {right:16px;}

/* 약관 모달 */
.terms_box .input_check_wrap {width:100%;padding:20px;border:1px solid #DBDBDB}
.terms_box .top {margin-top:24px}
.terms_box .result {overflow-y:auto;max-height:357px;border:1px solid #DBDBDB;border-top:none;height:calc(100% - 240px)}
.terms_box > .tit {padding-bottom:17px;border-bottom:1px solid #1C1C1B;font-size:2rem;line-height:2.4rem;font-weight:700;color:#121212}
.terms_box .top .about_text {font-size:1.6rem;line-height:2rem;font-weight:500;color:#1C1C1B}
.terms_box .top .about_text + .input_check_wrap {margin-top:24px;border-radius:4px 4px 0 0}
.terms_box .term_list {padding:25px 24px;background:#F7F7F7}
.terms_box .term_list .tit {margin-top:40px;font-size:1.6rem;line-height:2rem;font-weight:700;color:#1C1C1B}
.terms_box .term_list .tit:first-child {margin-top:0}

.terms_info_box {margin-top:24px;border: 1px solid #DBDBDB;border-radius:4px;}
.terms_info_box .info_top {padding:17px 24px;border-bottom: 1px solid #DBDBDB;}
.terms_info_box .info_top .tit { display:block;color:#1C1C1B;font-size:1.8rem;font-weight:700;line-height:2rem;}
.terms_info_box .info_top .tit::before { display:inline-block;width:6px;height:6px;margin-right:8px;background-color:#D72222;border-radius:50%;vertical-align:3px;content:'';}
.terms_info_box .info_cont {padding:16px 24px; background-color:#F7F7F7;}
.terms_info_box .term_list {padding:0;}
.terms_info_box .term_list li {font-weight:500;}
.terms_info_box .term_list li:first-child {margin-top:0;}
.terms_info_box .term_list li strong {font-weight:700;text-decoration:underline;}
.terms_info_box + .bottom_info {margin-top:16px;}
.terms_info_box + .terms_info_box, .bottom_info + .terms_info_box {margin-top:32px;}
.bottom_info {display:flex;justify-content:space-between;}
.bottom_info .refer_txt p {color:#76777A;font-size:1.6rem;font-weight:500;line-height:1.5;}

.term_list li {margin-top:8px;font-size:1.6rem;line-height:2rem;font-weight:400;color:#1C1C1B}
.terms_modal .btn_group {margin-top:32px;justify-content: center;}
.terms_modal .btn_group .btn_primary {width:106px}

/* 제품상세 */
.color_select_wrap {position:relative;text-align:center;background:url("/resources/images/common/bg_dot_product.svg") repeat-x 0 50px;background-size:10px;}
.color_select_wrap:before {pointer-events:none;z-index:5;display:block;content:"";width:40px;height:100%;position:absolute;top:0;left:0;background:linear-gradient(to right, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%)}
.color_select_wrap:after {pointer-events:none;z-index:5;display:block;content:"";width:40px;height:100%;position:absolute;top:0;right:0;background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);}
.color_select_box {display:inline-flex;flex-direction:column;width:auto;max-width:100%;height:77px;overflow:hidden;position:relative;}
.color_select .color_list.loading {opacity:1;transform:translateY(0);}
.color_select .color_list.loading li {transition:none}
.color_select .color_list.loading li.on {opacity:1;transition:all .3s .2s}
.color_select .color_list.loading li.active {opacity:1;}
.color_select .color_list.loading li:not(.active, .active ~ li) {transform:translateX(50px);}
.color_select .color_list.loading li.on:not(.active) {transform:translateX(0)}
.color_select .color_list li:not(.active) label {opacity:0;transform:translateY(10px);transition: all .6s .2s}
.color_select .color_list li.on:not(.active) label {opacity:1;transform:translateY(0)}
.color_select .color_list.loading li.active ~ li {transform:translateX(-50px);}
.color_select .color_list {opacity:0;display:flex;justify-content:center;align-items:center;position:relative;height:77px;width:100%;transform:translateY(50px);transition:all .5s}
.color_select .color_list li {width:50px}
/*.color_select .color_list li:not(.active) label {opacity:0;transition:all .3s}*/
.color_select .color_list li:first-child {padding-left:80px;width:130px;}
.color_select .color_list li:last-child {padding-right:80px;width:130px;}
.color_select .color_list label {display:block;padding-top:40px;width:50px;position:relative;text-align:center;cursor:pointer}
.color_select .color_list input[type="radio"] {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;width:0;height:0;}
.color_select .color_list input[type="radio"]:checked ~ .color_square {top:0;width:40px;height:40px;padding:4px;border:1px solid #1C1C1B}
.color_select .color_list input[type="radio"]:checked ~ .color_name {color:#1C1C1B}
.color_select .color_square {position:absolute;top:16px;left:50%;display:inline-block;width:24px;height:24px;transform:translateX(-50%);transition:all .2s linear}
.color_select .color_square_bg {position:relative;overflow:hidden;display:inline-block;width:100%;height:100%;}
.color_select .color_square_bg > img {position:absolute;top:0;left:0;width:100%;height:100%;}
.color_select .color_name {display:inline-block;margin-top:5px;padding-top:5px;width:100%;font-family:"sans-serif";font-size:1.2rem;line-height:1.7rem;font-weight:500;color:#76777A;}

/* 모바일 컬러 셀렉트 start */
.m_color_swiper {padding:5px 0}
.m_color_swiper .m_color_list li {width:50px}
.m_color_swiper .m_color_list label {display:block;padding-top:40px;width:50px;position:relative;text-align:center;cursor:pointer}
.m_color_swiper .m_color_list input[type="radio"] {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;width:0;height:0;}
.m_color_swiper .m_color_list input[type="radio"]:checked ~ .color_square {top:0;width:40px;height:40px;padding:4px;border:1px solid #1C1C1B}
.m_color_swiper .m_color_list input[type="radio"]:checked ~ .color_name {color:#1C1C1B}
.m_color_swiper .color_square {position:absolute;top:16px;left:50%;display:inline-block;width:24px;height:24px;transform:translateX(-50%);transition:all .2s linear}
.m_color_swiper .color_square_bg {position:relative;overflow:hidden;display:inline-block;width:100%;height:100%;}
.m_color_swiper .color_square_bg > img {position:absolute;top:0;left:0;width:100%;height:100%;}
.m_color_swiper .color_name {display:inline-block;margin-top:5px;padding-top:5px;width:100%;font-family:"sans-serif";font-size:1.2rem;line-height:1.7rem;font-weight:500;color:#76777A}
/* 모바일 컬러 셀렉트 end */

.prdv_badge {position:relative}
.prdv_badge .prd_badge {z-index:10;position:absolute;top:24px;right:24px;display:flex;flex-direction:column;gap:8px}
.prdv_badge .prd_badge img {width:60px;height:60px}

.prd_thumb.swiper-vertical>.swiper-wrapper {flex-direction:column}
.prd_thumb .swiper-slide {cursor:pointer;width:100%;height:100%;padding-top:100%;position:relative;overflow:hidden}
.prd_thumb .swiper-slide.swiper-slide-thumb-active:before {z-index:10;display:block;content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #1C1C1B}
.prd_thumb .swiper-slide img {width:100%;position:absolute;top:50%;left:50%;height:100%;object-fit:cover;object-position:cover;transform:translate(-50%, -50%);vertical-align:top;}
.prd_swiper {position:relative;overflow:hidden}
.prd_swiper .swiper-slide {height:702px;overflow:hidden}
.prd_swiper .swiper-slide img {width:100%;height:100%;object-fit:cover;object-position:top;vertical-align:top;}

.prdv_top .flag_list {font-size:0}
.prdv_top .flag_list span {display:inline-block;padding:4px 8px;font-size:1.4rem;font-weight:600;line-height:1.8rem;color:#1C1C1B;background:#F0ECE9}
.prdv_top .flag_list span + span {margin-left:8px}
.prdv_top .flag_list + .prd_tit {margin-top:8px}

.prdv_top .prd_tit dt {font-size:3.2rem;line-height:4rem;font-weight:700;color:#1C1C1B}
.prdv_top .prd_tit dd {margin-top:8px;font-size:1.8rem;font-weight:500;line-height:2.3rem;color:#76777A}

.total_score {margin-top:10px;display:flex;align-items:center}
.total_score .total_score_num {font-family:"sans-serif";font-size:1.8rem;font-weight:600;line-height:25px;color:#3A3A1F}
.total_score .go_review {font-size:1.4rem;font-weight:600;line-height:1.9rem;text-decoration:underline;color:#999}
.total_score .total_score_star + .total_score_num {margin-left:8px}
.total_score .total_score_num + .go_review {margin-left:10px}

.prdv_top .hash_list {gap:4px}
.prdv_top .hash_list li {padding:6px 12px;font-size:1.4rem;line-height:1.8rem;}

.prdv_top .price_info {position:relative;margin-top:23px;display:flex;flex-wrap:wrap;align-items:center;}
.prdv_top .price_info .price {padding-left:20px;font-family:"sans-serif";font-size:1.8rem;line-height:2.5rem;font-weight:600;color:#1C1C1B;background:url("/resources/images/icon/ico_16_star.svg") no-repeat 0 center;background-size:16px;}
.prdv_top .price_info .volume {margin-left:10px;padding-left:9px;position:relative;font-family:"sans-serif";font-size:1.8rem;font-weight:400;line-height:2.5rem;color:#76777A}
.prdv_top .price_info .volume:before {display:block;content:"";width:1px;height:14px;position:absolute;top:50%;left:0;background:#dbdbdb;transform:translateY(-50%);}
.prdv_top .price_info .share_btn {margin-left:auto;margin-right:7px;width:26px;height:26px;font-size:0;color:transparent;background:url("/resources/images/icon/ico_26_share.svg") no-repeat center;background-size:26px}

.share_list {opacity:0;z-index:-1;display:flex;position:absolute;right:0;padding-left:8px;border-radius:100px;background:#1C1C1B;transition:all .3s}
.share_list.active {z-index:1;opacity:1}
.share_list .share_item, .share_list .close {width:40px;height:40px;font-size:0;color:transparent;text-indent:-9999px;background-repeat:no-repeat;background-position:center;background-size:26px;transition: background-image .3s;}
.share_list .share_item.copy {background-image:url(/resources/images/icon/link_copy.svg)}
.share_list .share_item.kakao {background-image:url(/resources/images/icon/link_kakao.svg)}
.share_list .share_item.facebook {background-image:url(/resources/images/icon/link_facebook.svg)}
.share_list .share_item.instar {background-image:url(/resources/images/icon/link_instagram.svg)}
.share_list .share_item:hover.copy {background-image:url(/resources/images/icon/link_copy_hov.svg)}
.share_list .share_item:hover.kakao {background-image:url(/resources/images/icon/link_kakao_hov.svg)}
.share_list .share_item:hover.facebook {background-image:url(/resources/images/icon/link_facebook_hov.svg)}
.share_list .share_item:hover.instar {background-image:url(/resources/images/icon/link_instagram_hov.svg)}
.share_list .close {margin-left:4px;background-image:url(/resources/images/icon/ico_26_share_close.svg)}

.prd_sell_opt {margin-top:32px;padding-top:24px;border-top:1px solid #DBDBDB}
.prd_sell_opt .prd_color + .prd_btn_list {margin-top:24px}
.prd_sell_opt .prd_color_num {font-size:1.6rem;line-height:2rem;font-weight:600;color:#3A3A1F}
.prd_sell_opt .prd_color_num span {margin-left:4px;font-family:"sans-serif";font-weight:600;line-height:2.3rem;color:#3A3A1F}
.prd_sell_opt .prd_color_select {margin-top:8px;display:flex;align-items: center;gap:16px}
.prd_sell_opt .prd_color_select dt {padding:4px;border:1px solid #1C1C1B;font-size:0;color:transparent;text-indent:-9999px;}
.prd_sell_opt .prd_color_select dt span {display:block;width:38px;height:38px;position:relative;overflow:hidden}
.prd_sell_opt .prd_color_select dt span > img {position:absolute;top:0;left:0;width:100%;height:100%;}
.prd_sell_opt .prd_color_select dd {font-family:"sans-serif";font-size:1.6rem;line-height:2.4rem;font-weight:600;color:#1C1C1B}

.prd_btn_list {margin-top:24px}
.prd_btn_list li {margin-top:8px}
.prd_btn_list li:first-child {margin-top:0}
.solution_link {display:flex;gap:16px;align-items:center;padding:14px 48px 15px 16px;border:1px solid #DBDBDB;border-radius:4px;background:#fff url("/resources/images/icon/ico_16_arrow_right.svg") no-repeat right 16px center;background-size:16px;}
.solution_link .solution_cnt dt {font-family:"sans-serif";font-size:1.8rem;line-height:2.5rem;font-weight:600;color:#3A3A1F}
.solution_link .solution_cnt dd {font-size:1.4rem;font-weight:500;line-height:1.8rem;color:#76777A}

.btn_nomal {width:100%;padding:19px 16px 18px;border-radius:4px;font-size:1.8rem;font-weight:600;line-height:2.3rem;text-align:center}
.btn_nomal.btn_black {color:#fff;background:#1C1C1B}
.btn_nomal.btn_disabled{cursor: default;background-color: #e8e8e8;}

.guide_text {margin-top:16px}
.guide_text li{font-size:1.6rem;line-height:2.4rem;font-weight:500;color:#76777A}

.color_select_filter.m_color_select, .m_color_swiper {display:none}
.color_select_filter, .color_select_wrap {display:block}

.color_select_filter {padding:60px 0 20px;display:flex;width:100%;justify-content:center;align-items:center;}
.color_select_filter dt {font-family:"sans-serif";font-size:1.6rem;line-height:2.4rem;font-weight:400;color:#76777A}
.color_select_filter .select_box {max-width:none;min-width:auto;}
.color_select_filter .select_box_value {height:30px;border:none;padding:5px 38px 5px 8px}
.color_select_filter .select_box_value > span {font-family:"sans-serif";font-size:1.6rem;line-height:2.4rem;font-weight:600;color:#1C1C1B}
.color_select_filter .select_box_value::after {right:0;width:30px;height:30px;border-radius:100%;border:1px solid #76777A;background:#fff url("/resources/images/icon/ico_16_arrow_down.svg") no-repeat center;background-size:16px;transition:none}
.color_select_filter .select_box_list {top:34px;right:0;width:180px;max-height:260px;overflow-y:auto;}
.color_select_filter .select_box_list li { padding:0 12px;}
.color_select_filter .select_box_list::before {box-shadow: none;-webkit-box-shadow:none;}
.product_view .tbl_slide > dt .toggle_action {top:-40px;bottom:-40px}
.product_view .tbl_list {margin-top:150px}
.product_view .tbl_list > li {min-height:120px}
.product_view .tbl_slide {padding:40px 0}
.product_view .tbl_slide > dt {font-weight:700}
.product_view .tbl_slide > dt.active:before {transform:rotate(-90deg)}
.product_view .tbl_slide > dt.active:after {transform:none}
.product_view .tbl_slide > dd {padding-bottom:60px}
.product_view .review_box {margin-top:40px}
.product_view .tbl_list > li:last-child .tbl_slide {padding-bottom:0}
.product_view .tbl_list > li:last-child .tbl_slide > dd {overflow:inherit;padding-bottom:0}
.cont_info_txt {margin-top: 16px;font-size: 1.6rem;font-weight:500;line-height: 1.5;color: #76777A;word-break:break-all;}

.inner_table {border-bottom:1px solid #DBDBDB}
.inner_table .info_text {padding:10px 15px;font-size:1.4rem;line-height:1.8rem;font-weight:500;color:#1C1C1B}
.inner_table .grid {border-top:1px solid #DBDBDB}
.inner_table .grid .grid_item {padding:16px}
.inner_table .grid .grid_item:nth-child(1) {display:grid;align-items:center;background:#F5F5F5}
.inner_table .grid .grid_item:nth-child(2) {padding-left:0;background:#fff}
.inner_table .inner_table_tit {font-size:1.6rem;line-height:2rem;font-weight:600;color:#1C1C1B}
.inner_table .inner_table_text {font-size:1.6rem;line-height:2rem;font-weight:500;color:#1C1C1B}
.inner_table .btn_sm {line-height:4.4rem;}
.inner_table .hov_right_text {font-size:1.6rem;line-height:2rem;font-weight:500;}

.img_file_item {display:flex;flex-flow: row wrap;gap:16px;margin-top:16px}
.img_file_item li {width:102px;height:102px;position:relative;}
.img_file_item li img {position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;}
.img_file_item .del_img {position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:100%;font-size:0;text-indent:-9999px;color:transparent;background:#1C1C1B url("/resources/images/icon/ico_16_delete@2x.png") no-repeat center;background-size:16px}

.product_review {display:flex}
.product_review .total_score_num {margin-top:0}
.product_review .dist_score li {display:flex;align-items:center}
.product_review .review_write {margin-left:auto}

.total_score.large {flex-direction:column;align-items:flex-start}
.total_score.large .large_inner {display:flex;align-items:center}
.total_score.large .about_info {margin-top:8px;font-size:1.8rem;line-height:2.3rem;font-weight:500;color:#76777A}
.total_score.large .total_score_num {font-size:3.2rem;line-height:4.5rem;color:#1C1C1B}
.total_score.large .total_score_star {margin-left:18px;width:160px;height:32px}
.total_score.large .total_score_star .star_bg {background:#fff url("/resources/images/icon/icon_32_star_w.svg") repeat-x 0 0;background-size:32px}
.total_score.large .total_score_star .star_bg_ico {-webkit-mask-image: url("/resources/images/icon/icon_32_star_b.svg");mask-image: url("/resources/images/icon/icon_32_star_b.svg");}
.total_score.large + .dist_score {margin-left:40px;padding-left:40px;padding-right:40px;position:relative;;border-left:1px solid #DBDBDB}
.dist_score {padding:2px 0}
.dist_score .total_score {margin-top:0}
.dist_score .total_score_num {display:none}
.dist_score ul {}
.dist_score li {margin-top:8px;gap:16px}
.dist_score li:first-child {margin-top:0}
.dist_score .user_num {font-family:"sans-serif";font-size:1.4rem;line-height:2rem;font-weight:500;color:#1C1C1B}
.progressbar_box {position:relative;width:220px;height:8px;background:#f0f0f0}
.progressbar_box .progressbar_bar {display:block;height:8px;position:absolute;top:0;left:0;background:#1C1C1B}

.review_write .btn_box {width:230px;height:64px;border:1px solid #1C1C1B;border-radius:32px;font-size:0;}
.review_write .btn_box + .btn_box {margin-left:16px}
.review_write .btn_box_inner {display:inline-block;width:230px;padding:18px 40px;margin:-6px 0 0 -6px;height:64px;position:relative;border:1px solid #1C1C1B;border-radius:32px;background-color:#fff;transition:all .5s}
.review_write .btn_box_inner:after {display:block;content:"";width:16px;height:16px;position:absolute;top:50%;right:24px;transform:translateY(-50%);background:url(/resources/images/icon/ico_16_arrow_right.svg) no-repeat center;background-size:16px;transition:all .3s}
.review_write .btn_box_inner > a {z-index:10;position:absolute;top:0;left:0;right:0;bottom:0}
.review_write .btn_box_inner > span {display:block;transform:translateX(0%);transition:transform .3s}
.review_write .btn_box_inner > span i {display:inline-block;font-size:1.8rem;line-height:2.6rem;font-weight:700;color:#1C1C1B;transform:translateX(0%);transition:transform .3s}
.review_write .btn_box_inner:hover {background:#1C1C1B;}
.review_write .btn_box_inner:hover:after {opacity:0;top:50%;right:40px}
.review_write .btn_box_inner:hover > span {transform:translateX(50%)}
.review_write .btn_box_inner:hover > span i {transform:translateX(-50%);color:#fff}

.best_prd_review {margin-top:40px;display:flex;gap:16px;align-items:stretch;justify-content:flex-start;}
.best_prd_review li {padding:60px;flex-basis:min-content;flex-grow:1}
.best_prd_review .point_box span {display:inline-block;width:26px;height:26px;background:url("/resources/images/icon/icon_26_star_point.svg") no-repeat 0 0;background-size:26px;}
.best_prd_review .review_text {overflow:hidden;margin-top:24px;font-size:2rem;line-height:3.2rem;font-weight:700;white-space:normal;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;color:#fff}
.best_prd_review .review_info {margin-top:87px;padding-left:17px;position:relative;font-size:1.6rem;line-height:2.3rem;font-weight:400;color:#fff}
.best_prd_review .review_info:before {display:block;content:"";position:absolute;top:50%;left:0;width:1px;height:calc(100% - 6px);background:#fff;opacity:0.5;transform:translateY(-50%);}

.write_slide {display:none;/*margin:40px -20px 0;*/margin-top:40px;padding:100px 0;width:100vw;margin-left:calc(-50vw + 50%);background:#F0ECE9}
.write_slide .write_slide_inner {padding:80px 120px 65px;max-width:1400px;margin:0 auto;background:#fff}
.write_slide_inner h3{text-align:center;font-size: 4.8rem; line-height: 1.2;letter-spacing: 0;text-transform: uppercase;}
.write_slide_inner h3 span{position:relative;}
.write_slide_inner h3 span::before, .write_slide_inner h3 span::after {content: '';position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 16px; height: 16px;background: url("/resources/images/icon/ico_16_star.svg") center/contain no-repeat;}
.write_slide_inner h3 span::before{left: -38px;}
.write_slide_inner h3 span::after{right: -38px;}
.write_slide .starpoint_box .star_radio_wrap {z-index:1;height:32px}
.write_slide .starpoint_box .label_star {position:absolute;z-index:2;width:32px;height:32px}
.write_slide .starpoint_box {width:160px;height:32px}
.write_slide .starpoint_box .label_star:nth-child(1) {left:0}
.write_slide .starpoint_box .label_star:nth-child(2) {left:32px}
.write_slide .starpoint_box .label_star:nth-child(3) {left:64px}
.write_slide .starpoint_box .label_star:nth-child(4) {left:96px}
.write_slide .starpoint_box .label_star:nth-child(5) {left:128px}
.write_slide .starpoint_box{background:url("/resources/images/icon/icon_32_star_w.svg") 0 0 repeat;font-size:0;}
.write_slide .starpoint_box .starpoint_bg{height:32px;background:url("/resources/images/icon/icon_32_star_b.svg") 0 0 repeat;pointer-events:none;}

.write_form {margin-top:60px}
.write_form .about {font-size:1.6rem;line-height:2rem;font-weight:500;color:#1C1C1B}
.write_form .about:before {margin-right:8px;display:inline-block;content:"필수";width:6px;height:6px;border-radius:100%;vertical-align:middle;font-size:0;color:transparent;text-indent:-999px;background:#D72222;transform:translateY(-3px);}
.write_form_list {margin-top:10px;border-bottom:1px solid #DBDBDB}
.write_form_list > li {display:flex;gap:16px;align-items:center;border-top:1px solid #DBDBDB}
.write_form_list > li.vt {align-items:flex-start;}
.write_form_list > li:first-child {border-top:1px solid #1C1C1B}
.write_form_list .tit {padding:24px 16px;padding-right:0;width:20%;max-width:214px;font-size:2rem;line-height:2.5rem;font-weight:600;color:#1C1C1B}
.write_form_list .tit span {margin-left:4px;font-size:1.6rem;line-height:2.5rem;font-weight:500;vertical-align:top;color:#76777A}
.write_form_list .tit.essential:before {margin-left:-16px;margin-right:10px;display:inline-block;content:"필수";width:6px;height:6px;border-radius:100%;vertical-align:middle;font-size:0;color:transparent;text-indent:-999px;background:#D72222;transform:translateY(-3px);}
.write_form_list .cnt {padding:24px 16px;padding-left:0;flex:1;font-size: 1.6rem; line-height: 2.4rem;font-weight:600}
.write_form_list .input_radio_wrap {display:flex;gap:30px;flex-wrap:wrap;}
.write_form_list .input_radio_wrap span + span {margin-left:0}
.write_form_list .color_select_filter {padding:0;padding-top:8px;justify-content:flex-start;}
.write_form_list .opt_color {margin-top:25px;}
.write_form .form_text_area textarea {margin-top:46px;padding:41px 16px 6px;height:253px}
.write_form .form_text_area label {left:0;top:46px;padding-left:16px}
.write_form .form_text_area textarea:focus, .write_form .form_text_area textarea:valid {padding-top:0}
.write_form .form_text_area textarea:focus ~ label, .write_form .form_text_area textarea:valid ~ label{top: 16px;transform: translateY(0);}
.write_form .form_text_area textarea:focus ~ label:before, .write_form .form_text_area textarea:valid ~ label:before {display:none}
.write_form .form_text_area label.essential:before {margin-left:-16px;margin-right:10px;display:inline-block;content:"필수";width:6px;height:6px;border-radius:100%;vertical-align:middle;font-size:0;color:transparent;text-indent:-999px;background:#D72222;transform:translateY(-3px);}
.write_form .file_uploader {margin-top:15px}
.write_form .file_uploader_desc{margin-top: 16px; font-size: 1.4rem; font-weight: 600; line-height: 1.5;color: #76777A;}
.write_form .ico_attach::before { background-image: url("../images/icon/ico_26_photo_w.svg");}
.write_form .file_uploader label:hover .ico_attach::before { background-image: url("../images/icon/ico_26_photo_b.svg");}
.write_form .btn_box {width:180px;height:180px;margin: 60px auto 0;border:1px solid #1c1c1b;border-radius:100%;}
.write_form .btn_box .btn_box_inner {width:100%;height:100%;border:1px solid #1c1c1b;border-radius:100%;background:#fff;transform:translate(-6px, -6px)}
.write_form .btn_box .btn_box_inner button {cursor: pointer; z-index:20;position:absolute;top:0;left:0;right:0;bottom:0;font-size:0;text-indent:-9999px;color:transparent}
.write_form .btn_box .btn_box_inner button ~ .btn_box_bg:after {position:absolute;top:100%;left:0;display:block;content:"";width:180px;height:180px;border-radius:100%;background:#1C1C1B;transition:top .5s}
.write_form .btn_box .btn_box_inner button:hover ~ .btn_box_bg:after {top:0}
.write_form .btn_box .btn_box_inner button:hover ~ .btn_box_text p {color:#fff}
.write_form .btn_box .btn_box_inner .btn_box_bg {overflow:hidden;position:relative;width:100%;height:100%;border-radius:100%}
.write_form .btn_box .btn_box_text {z-index:10;overflow:hidden;width:100%;height:26px;text-align:center;position:absolute;top:50%;transform:translateY(-50%);}
.write_form .btn_box .btn_box_text p {opacity:1;width:100%;position:absolute;top:0;font-family: "sans-serif"; font-size:1.8rem;line-height:2.6rem;font-weight:600;color:#1C1C1B;transition:all .5s;}

.prdv_item {display:flex;gap:24px;align-items:center}

.opt_color {gap:10px;margin-right:-16px;display:flex;flex-wrap:wrap;}
.opt_color .brightness_bar {display:flex;gap:8px;width:100%;padding-left:68px;align-items:center;}
.opt_color .brightness_bar .bar_tit {font-size:1.6rem;line-height:2rem;font-weight:600;color:#1C1C1B}
.opt_color .brightness_bar .bar_line {width:100%;height:1px;background:#DBDBDB}
.opt_color .side_bar {display:flex;gap:10px;padding-top:24px;}
.opt_color .tone_bar {padding:20px 0;display:flex;gap:8px;flex-direction:column;align-items:center;justify-content:space-between;}
.opt_color .tone_bar .bar_tit {font-size:1.6rem;line-height:2rem;font-weight:600;color:#1C1C1B}
.opt_color .tone_bar .bar_line {width:1px;height:100%;background:#DBDBDB}
.opt_color .side_bar .tit_list {display:flex;flex-direction:column;align-items:center;justify-content:space-around;}

.opt_color .tone_list_box {position:relative;overflow-x:auto;height:332px;flex:1}
.opt_color .tone_list {position:absolute;display:flex;flex-direction:column;flex-wrap:wrap;}
.opt_color .tone_list .tit_list {margin-bottom:4px;display:flex;align-items:center;justify-content:space-between;}
.opt_color .tone_list .tit_list li {width:54px;text-align:center}
.opt_color .tit_list li {font-family:"sans-serif";font-size:1.4rem;line-height:2rem;font-weight:500;color:#1C1C1B}
.opt_color .tone_color {display:flex;gap:8px}
.opt_color .tone_color label{position:relative;cursor:pointer}
.opt_color .tone_color input[type="radio"] {position:absolute;opacity:0;width:1px;height:1px;}
.opt_color .tone_color .color_square {position:relative;overflow:hidden;border-radius:4px;width:54px;height:54px}
.opt_color .tone_color .color_square > img {position:absolute;top:0;left:0;width:100%;height:100%}
.opt_color .tone_color .color_square span {position:absolute;display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-family:"sans-serif";border:2px solid transparent;border-radius:4px;font-size:0;line-height:2rem;font-weight:600;color:transparent;transition:all .5s}
.opt_color .tone_color input[type="radio"]:checked + .color_square span {border:2px solid #1C1C1B;font-size:1.4rem;border-radius:4px;color:#1C1C1B}
.opt_color .tone_color + .tone_color {margin-top:8px}

.prdv_item .prdv_item_photo {border-radius:4px;flex:0 0 80px;width:80px;height:80px;overflow:hidden;position:relative}
.prdv_item .prdv_item_photo img {width:100%;height:100%;position:absolute;object-fit:cover;object-position:center;max-width:none}
.prdv_item .prdv_item_tit {font-size:1.8rem;line-height:2.6rem;font-weight:700;color:#1C1C1B}
.prdv_item .prdv_item_tit .color_tone {position:relative;margin-left:8px;padding-left:9px;font-family:"sans-serif";font-size:1.8rem;line-height:2.6rem;font-weight:600;color:#1C1C1B}
.prdv_item .prdv_item_tit .color_tone:before {display:block;content:"";width:1px;height:14px;position:absolute;top:50%;left:0;transform:translateY(-50%);background:#DBDBDB}
.prdv_item dd > p + p {margin-top:4px}
.prdv_item .prdv_item_about {font-size:1.4rem;line-height:1.8rem;font-weight:500;color:#1C1C1B}
.prdv_item .prdv_item_brand {font-size:1.6rem;line-height:2rem;font-weight:500;color:#76777A}

.fixed_prd_box.on {display:block;-webkit-animation:fixedBtnActive 0.5s forwards;animation:fixedBtnActive 500ms 100ms 1 alternate forwards;}
.fixed_prd_box {display:none;opacity:0;position:fixed;bottom:0;z-index:50;width:100%;border-top:1px solid #76777A;background:#fff}
.fixed_prd_inner {max-width:1400px;margin:0 auto;padding:10px;display:flex;align-items:center;justify-content:space-between;}
.fixed_prd_inner .prdv_item {min-width:546px;max-width:708px}
.fixed_prd_inner .inner_btn {flex:1;display:flex;gap:16px;justify-content:flex-end;max-width:692px}
.fixed_prd_inner .btn_buy {max-width:330px;min-width:220px}
.fixed_prd_inner .solution_link {padding:10px 16px;background:none;min-width:220px}
.fixed_prd_inner .solution_cnt p {font-family:"sans-serif";font-size:1.6rem;line-height:2rem;font-weight:600;color:#3A3A1F}

/* 제품 상세 type_02 */
.product_view.type_02{}
/* 구매하기 버튼 열림 ui */
.fixed_prd_inner .inner_btn_mo{display: none;}
.fixed_prd_inner .inner_btn_mo .solution_cnt{display: none;}
.fixed_prd_box .toggle_btn_wrap{display:none; width: 100%;padding: 0px 0px 14px;transition: all 0.3s;}
.fixed_prd_box .toggle_btn_wrap{overflow: hidden;visibility: hidden;height: 0;margin-top: 0;padding-bottom: 0;}
.fixed_prd_box .toggle_btn_wrap .btn_nomal{display:inline-block;padding: 13px 16px 14px;  border: 1px solid #DBDBDB;font-size: 1.6rem;line-height: 1.8rem;color: #3A3A1F;}
.fixed_prd_box .toggle_btn_wrap .btn_nomal + .btn_nomal{margin-top: 4px;}
.fixed_prd_box .btn_close_down{display: block; width: 32px; height: 32px; margin: 0 auto; background:url('../images/icon/ico_32_btn_hidden.svg') center/contain no-repeat;}
.fixed_prd_box.open_up {box-shadow: 0px -6px 6px rgba(0, 0, 0, 0.161); z-index: 101;border-color: #dbdbdb}
.fixed_prd_box.open_up .prdv_item{display: none;}
.fixed_prd_box.open_up .fixed_prd_inner{flex-direction: column;}
.fixed_prd_box.open_up .toggle_btn_wrap{display:block;}
.fixed_prd_box.open_up .toggle_btn_wrap.on{visibility: visible;height: auto; margin-top: -7px;padding-bottom:14px; transition: all 0.3s;}
.fixed_prd_box.open_up .inner_btn_mo{width: 100%;max-width: none;}
.fixed_prd_box.open_up .inner_btn_mo .solution_cnt{display: block;}
.fixed_prd_box.open_up .inner_btn_mo .font_pop{display: none;}
.fixed_prd_box.open_up .inner_btn_mo button, .fixed_prd_box.open_up .inner_btn_mo .solution_link{flex:1;min-width: auto;max-width: none;}

@-webkit-keyframes fixedBtnActive {
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@keyframes fixedBtnActive {
    0%{opacity: 0;}
    100%{opacity: 1;}
}

/* 제품상세 전성분 팝업 */
.ingred_box {width:100%;display:flex;flex-direction:column;height:100%}
.ingred_box .tit {margin-bottom:15px;font-size:2rem;line-height:2.5rem;font-weight:700;color:#121212}
.ingred_box .top {padding:16px 0 17px; display:flex;justify-content:space-between;align-items:flex-start;border-top:1px solid #1C1C1B;border-bottom:1px solid #DBDBDB}
.ingred_box .top .select_box {min-width:100px}
.ingred_box .top .select_box:nth-of-type(2) {min-width:228px}
.ingred_box .top .select_box .select_box_list > ul {max-height:300px;overflow:auto;}
.ingred_box .btn_sm {margin:2px 0 0;min-width:106px;min-height:44px;font-size:1.6rem;line-height:2rem;font-weight:500;letter-spacing:0}
.ingred_box .select_warp {display:flex;gap:8px;flex-wrap:wrap}
.ingred_box .result {margin-top:40px;height:auto;overflow-y:auto;max-height:437px}
.ingred_box .ingred_data dt {font-size:2rem;line-height:2.5rem;font-weight:600;color:#1C1C1B}
.ingred_box .ingred_data dt span {margin-left:8px;position:relative;padding-left:9px;font-family:"sans-serif";font-size:2rem;line-height:2.5rem;font-weight:500;color:#1C1C1B}
.ingred_box .ingred_data dt span:before {display:block;content:"";position:absolute;width:1px;height:16px;top:50%;left:0;transform:translateY(-50%);background:#DBDBDB}
.ingred_box .ingred_data dd {margin-top:18px;font-size:1.8rem;line-height:2.5rem;font-weight:400;color:#1C1C1B}
.ingred_box .no_data {min-height:437px;display:flex;align-items:center}
.ingred_box .no_data p {padding-top:64px;width:100%;font-size:2rem;text-align:center;line-height:2.8rem;color:#1C1C1B;background:url("/resources/images/icon/ico_40_info.svg") no-repeat center 0;background-size:40px}

/* 제품 목록 */
.ico_star_b::before { background-image: url("../images/icon/ico_52_star.svg"); }
.division_line{width: 100%; height: 1px;background-color: #76777A;}

.prd_top{padding: 24px 0 60px;}
.prd_top .deco{text-align: center;}
.prd_top .deco p {margin-top: 16px; font-family: "sans-serif";font-weight: 700; font-size: 2.4rem; line-height: 1.375;text-transform: uppercase;}
.prd_top .deco .ico_star_b{position: relative; left: 50%; width: 100%; height: 52px;transform: translateX(50%) rotate(0deg);-webkit-animation: starLoop 1.2s linear infinite; animation: starLoop 1.2s linear infinite;}

.prd_top .prd_top_img{position: relative;margin-top: 45px;}
.prd_top .prd_top_img img{z-index: 1;position: relative;display: block;}
.prd_top .prd_top_img::before{content: ''; display: block; position: absolute; left: -118px; bottom: 60px; width: 100%; height: 100%; background: url("/resources/images/product/product_main_outline.png") bottom center/contain no-repeat;}
.prd_top .prd_top_img::after{z-index: 1; content: ''; display: block; position: absolute;top:-30px; left: 50%; transform: translateX(-50%); width: 1px; height: 52.26%; background-color: #1c1c1b;}

.prd_list_wrap.scroll #line_ani.division_line{animation: lineAni 500ms 100ms 1 alternate forwards;}
@keyframes lineAni {
    0%{width: 0%;opacity: 0;}
    100%{width: 100%;opacity: 1;}
}
.prd_list_wrap #line_ani.division_line{width: 0%; transition: width 500ms;}
.prd_list_wrap{padding: 0px; background-color: #F0ECE9;}
.prd_list_wrap .grid_wrap{position: relative;}
.prd_list_wrap .prd_list_tit{z-index: 1; position: absolute; width: 100%; text-align: left;/*  transform-origin: 0% 100%; */padding-bottom: 32px;font-size: 4.79vw;line-height: 0.8;text-transform: uppercase; white-space: nowrap;}
.prd_list_wrap .more_paging{margin-top: 60px; padding-bottom: 100px; background-color:transparent;}

.prd_item {position:relative;height:100%;padding:32px;border-radius:20px;background:#fff;overflow:hidden;}
.prd_item .about_info {position:relative;min-height: 152px;margin-bottom:32px;padding-right: 82px;}
.prd_item .about_info .e_name {font-size:2.4rem;line-height:1.36;font-weight:700;}
.prd_item .about_info .name_area {margin-top:4px}
.prd_item .about_info .name {font-size:1.6rem;line-height:1.25;font-weight:700;color:#1c1c1b}
.prd_item .about_info .price {margin-top:16px;font-family:"sans-serif";font-size:1.8rem;font-weight:600;line-height:1.38;}
.prd_item .about_info .price::before {display:inline-block;vertical-align:-3px; content:'';width: 16px;height: 16px;background-color:#1C1C1B;background-size: cover;background-position: center;background-repeat: no-repeat;mask-image: url(/resources/images/icon/ico_16_star.svg);mask-size: cover;mask-repeat: no-repeat;mask-position: center;-webkit-mask-image: url(/resources/images/icon/ico_16_star.svg);-webkit-mask-size: cover;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;
}
.prd_item .img_box {position:relative; width:100%;}
.prd_item .img_box img {width:100%;vertical-align:top;object-fit:cover;object-position:center;transition: all 300ms;}
.prd_item .img_box .img_hover{position:absolute;top:0;left:0;visibility: hidden; opacity: 0;}
.prd_item .product_link {position:absolute;top:0;left:0;right:0;bottom:0;font-size:0;color:transparent;text-indent:-9999px}
.prd_item .prd_badge{position: absolute;right: 0; top: 0;margin: 32px;width: 60px;}
.prd_item .prd_badge img{display: block;width: 100%; max-width: 100%;margin-top: 8px;}
.prd_item .prd_badge img:first-child {margin-top:0}
.prd_item .hash_area{z-index:10;display: flex;gap:4px;flex-wrap:wrap;position: absolute;overflow: hidden;}
.prd_item .hash_tag{display: flex;align-items: center;min-height: 34px; padding: 8px 12px;font-family:"sans-serif";font-weight: 600; font-size: 1.4rem;background-color: #fff; border: 1px solid #1c1c1b;border-radius:100px;}
.prd_item .hash_area.hash_hide{transform: translateY(0);opacity: 0; transition: all 300ms;}

.prd_item.moodcut {padding:0;}
.prd_item.moodcut img {width:100%;height:100%;object-fit:cover;}
.prd_item.soon {position:relative;}

.prd_item.soon .about_info * {color:#999;}
.prd_item.soon .about_info .price {padding-left:0;}
.prd_item.soon .about_info .price::before {background-color:#999;}
.prd_item.soon .soon_wrap {position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:rgb(0 0 0 / .4);z-index:1;}
.prd_item.soon .soon_wrap p {position:relative;padding-top:34px;color:#fff;font-size:24px;font-weight:600;font-family:"sans-serif";line-height:2.6rem;text-align:center;}
.prd_item.soon .soon_wrap p::before {position:absolute;top:0;left:50%;display:block;width:26px;height:26px;background:url('/resources/images/icon/icon_34_star@2x.png') no-repeat center;background-size:26px;transform:translateX(-50%);content:'';}

@media (hover: hover) and (pointer: fine) {
    .prd_item:hover:not(.soon) .hash_area.hash_hide{transform: translateY(-30px);opacity: 1;}
    .prd_item:hover:not(.soon) .img_box img{visibility: hidden; opacity: 0;}
    .prd_item:hover:not(.soon) .img_box .img_hover{visibility: visible; opacity: 1;}
}

.prd_filter{padding: 16px 0;}
.prd_filter .total{display: flex;align-items: center;padding-left: 24px;font-family:"sans-serif";font-weight: 600; font-size: 1.6rem; line-height: 1.5; text-transform: uppercase;background: url("/resources/images/icon/ico_16_star.svg") left center/16px no-repeat;}
.prd_filter .total .num{margin-right: 8px;}
.prd_filter .inp_wrap{display: flex;}
.prd_filter .category{flex: 1 1 100%;}
.prd_filter .order{flex: 0 0 138px;margin-left: 8px;}
.prd_filter .select_box.category .two_col{display: flex;}
.prd_filter .select_box.category .two_col .col{flex-basis: 50%;}
.prd_filter .select_box.category .two_col .col + .col{margin-left: 24px;}
.prd_filter .select_box.category .select_box_list{z-index:20;width: 456px;max-height: 540px; overflow-y: auto;-webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.051); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.051);}
.prd_filter .select_box.category .select_box_list::before{box-shadow: none;}
.prd_filter .select_box.category .select_box_list > ul{padding: 32px 0;}
.prd_filter .select_box.category .select_box_list > ul > li:not(.list-group_opt){height: auto;padding: 0 24px 0 32px;line-height: 1;cursor: default;}
.prd_filter .select_box.category .select_box_list > ul > li:not(.list-group_opt):hover{background-color: transparent;}
.prd_filter .select_box.category .depth_1{margin-top: 40px;}
.prd_filter .select_box.category .depth_1:first-child{margin-top: 0;}
.prd_filter .select_box.category .depth_1 > a{display: inline-block; padding-right: 24px; font-weight: 700;font-size: 1.8rem; line-height: 1.28;background: url("/resources/images/icon/ico_16_arrow_right.svg") right center/16px no-repeat;}
.prd_filter .select_box.category .depth_2, .prd_filter .select_box.category .depth_2_tit{font-weight: 500;}
.prd_filter .select_box.category .depth_2{display: block; padding: 8px 0 0;font-size: 1.6rem;line-height: 1.25;}
.prd_filter .select_box.category .depth_2_tit{margin: 16px 0 8px;padding: 8px 0 8px;font-size: 1.8rem;line-height: 1.4;border-bottom: 1px solid #1c1c1b;vertical-align:middle;}

/* 버튼 hover 효과 - 오른쪽으로 슬라이드 */
.hov_right::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 0%; transition: width 300ms; background-color: #fff;border-radius: 4px;}
.hov_right .hov_right_text{position: relative; z-index: 1;}
.hov_right:hover{ background-color:transparent;}
.hov_right:hover::before{width: 100%;}
.hov_right:hover .ico_attach::before {background-image: url("../images/icon/ico_attach_black.svg");}

/* 브랜드 */
.brand_story .brand_bg {clip:rect(0, auto, auto, 0);position:absolute;top:0;left:0;width:100%;height:100%}
.brand_story ~ footer {display:none}
.brand_story ~ footer.active {display:block}
.brand_about_01 {overflow:hidden;position:relative;width:100%;height:calc(100vh - 90px)}
.brand_about_01 .brand_bg:before {display:block;content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url("/resources/images/brand/brand_bg_01.png") no-repeat center;background-size:cover;transform:translateZ(0);will-change:transform;}
.brand_about_01.active .br_about_text {opacity:1;animation: brandLoading .5s forwards linear;-webkit-animation: brandLoading .5s forwards linear;animation-delay:2s;-webkit-animation-delay:2s;}
.brand_about_01 .br_about_text {opacity:0;transition:opacity 1s;}
.br_about_text .text_wrap{display:inline-block;width: 715px; height: auto;color:#DBF068; text-align: left;font-size: 9rem;}
.br_about_text .text_wrap > span{position:relative;display: block;}
.br_about_text {position:absolute;bottom:50%;left:50%;transform:translate(-50%, 50%)}
.br_about_text > span:not(.br_logo) {display:block;font-size:10.6rem;line-height:10.6rem;font-weight:400;color:#DBF068}
.br_about_text .align_right {text-align:right}
.br_about_text .br_logo {display:block;font-size:0}
.br_about_text .br_logo img {width:394px;vertical-align:top}
.brand_about_01.active .br_about_text .step01 {transform:translateX(0)}
.brand_about_01.active .br_about_text .step02 {transform:translateX(0)}
.brand_about_01.active .br_about_text .step03 {transform:translateX(0)}
.brand_about_01.active .br_about_text .step04 {transform:translateY(0)}
.br_about_text .step01 {transform:translateX(-192px);transition:transform .7s;}
.br_about_text .step02 {transform:translateX(108px);transition:transform .7s;}
.br_about_text .step03 {transform:translateX(80px);transition:transform .7s;}
.br_about_text .step04 {transform:translateY(40px);transition:transform .7s;}

@-webkit-keyframes brandLoading {
    0%{bottom:50%;transform:translate(-50%, 50%)}
    100%{bottom:100%;transform:translate(-50%, 0)}
}

@keyframes brandLoading {
    0%{bottom:50%;transform:translate(-50%, 50%)}
    100%{bottom:100%;transform:translate(-50%, 0)}
}

.brand_about_01.active .brand_philosophy {min-width:320px;animation: brandScr .5s forwards linear;-webkit-animation: brandScr .5s forwards linear;animation-delay:2.3s;-webkit-animation-delay:2.3s;}
.brand_about_01.active .brand_philosophy .ani_line:before {animation:brandLine 1.1s ease-out infinite;-webkit-animation:brandLine 1.1s ease-out infinite;animation-delay:3.3s;-webkit-animation-delay:3.3s;}
.brand_about_01.fade .brand_philosophy .ani_line {opacity:0;height:0;}

.brand_philosophy {position:absolute;bottom:0;left:50%;transform:translate(-50%, 100%)}
.brand_philosophy .tit {font-size:4.8rem;line-height:5.8rem;letter-spacing:2.4px;font-weight:400;text-align:center;color:#DBF068}
.brand_philosophy dd {margin-top:24px;padding-bottom:220px;position:relative;text-align:center;}
.brand_philosophy .text {font-size:2.4rem;line-height:3rem;font-weight:500;color:#fff}
.brand_philosophy .ani_line {opacity:1;position:absolute;bottom:0;left:50%;width:1px;height:160px;background:rgba(255, 255, 255, 0.3);transform:translateX(-50%);transition:all .5s;}
.brand_philosophy .ani_line:before {display:block;content:"";width:1px;height:8px;position:absolute;top:0;left:0;background:#DBF068;}

/* .br_about_text .text_wrap{display:inline-block;width: 834px; color:#DBF068;}
.br_about_text .text_wrap > span{position:relative;display: block;} */

@-webkit-keyframes brandScr {
    0%{transform:translate(-50%, 100%)}
    100%{transform:translate(-50%, 0%)}
}

@keyframes brandScr {
    0%{transform:translate(-50%, 100%)}
    100%{transform:translate(-50%, 0%)}
}

@-webkit-keyframes brandLine {
    0%{height:8px}
    100%{height:100%}
}

@keyframes brandLine {
    0%{height:8px}
    100%{height:100%}
}
.brand_about_wrap {display:none;}
.brand_about_wrap.active {display:block}
.brand_about_02 {padding:325px 0 170px;height:100%;}
.brand_about_02 {overflow:hidden;position:relative;width:100%}
.brand_about_02 .brand_bg:before {display:block;content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url("/resources/images/brand/brand_bg_02.png") no-repeat center;background-size:cover;transform:translateZ(0);will-change:transform;}
.brand_about_02 .step_01 .number .number_path {
    stroke-dashoffset: 927.2042846679688px;
    stroke-dasharray: 927.2042846679688px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

.brand_about_02 .step_01 .number.active .number_path {
    stroke-dashoffset: 0;
}

.brand_about_02 .step_02 .number .number_path {
    stroke-dashoffset: 1159.0706787109375px;
    stroke-dasharray: 1159.0706787109375px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

.brand_about_02 .step_02 .number.active .number_path {
    stroke-dashoffset: 0;
}

.brand_about_02 .step_03 .number .number_path {
    stroke-dashoffset: 1201.8701171875px;
    stroke-dasharray: 1201.8701171875px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

.brand_about_02 .step_03 .number.active .number_path {
    stroke-dashoffset: 0;
}

.brand_about_02 .step_04 .step_final .path{
    stroke-dashoffset: 5745.1240234375px;
    stroke-dasharray: 5745.1240234375px;
    -webkit-transition: stroke-dashoffset 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
    transition: stroke-dashoffset 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

.brand_about_02 .step_04 .step_final.active .path{
    stroke-dashoffset: 0;
}

.brand_about_02 .brand_about_inner {max-width:1264px;margin:0 auto}
.brand_about_02 .step_cnt {position:relative;display:flex}
.brand_about_02 .step_line {display:flex;}
.brand_about_02 .step_about {opacity:0;transform:translateY(20px);transition:all 1s}
.brand_about_02 .step_about.active {opacity:1;transform:translateY(0)}
.brand_about_02 .step_about .tit {font-family:bigmoore, serif !important;padding:5px 0;font-size:4.8rem;line-height:4.8rem;font-weight:400;color:#DBF068}
.brand_about_02 .step_about .tit span {position:relative;display:inline-block;font-family: bigmoore, serif !important;}
.brand_about_02 .step_about .tit span:before {display:block;content:"";width:26px;height:26px;position:absolute;top:-36px;left:50%;background:url("/resources/images/icon/icon_26_star_point.svg") no-repeat 0 0;background-size:26px;transform:translateX(-50%)}
.brand_about_02 .step_about .cnt {margin-top:25px;font-size:2.2rem;line-height:3rem;font-weight:500;color:#fff}
.brand_about_02 .step_01 {padding-left:29px}
.brand_about_02 .step_01 .step_about {position:absolute;top:0;left:688px;padding-top:102px;}
.brand_about_02 .step_01 .step_line > svg {margin-top:77px;transform:translate(24px, -9px)}
.brand_about_02 .step_02 {padding-left:175px;margin-top:-44px}
.brand_about_02 .step_02 .step_line {flex-direction:column;}
.brand_about_02 .step_02 .step_line > svg {margin-top:-3px;order:2}
.brand_about_02 .step_02 .step_about {position:absolute;top:0;left:480px;padding-top:53px}
.brand_about_02 .step_03 {padding-left:961px;margin-top:-66px}
.brand_about_02 .step_03 .step_line {flex-direction:column;}
.brand_about_02 .step_03 .step_line > svg {margin-top:-34px;margin-left:27px;order:2}
.brand_about_02 .step_03 .step_about {position:absolute;top:0;left:60px;padding-top:54px}
.brand_about_02 .step_04 {margin-top:-2px}
.brand_about_02 .step_04 .step_final {width:100%;text-align:center;}
.brand_about_02 .step_04 .step_final dd {margin-top:60px;font-size:2.2rem;line-height:3rem;font-weight:500;color:#fff}
.brand_about_02 .step_04 .step_final dt svg.m_path {display:none}

.brand_about_03 {width:100%;overflow:hidden;position:relative;background:rgba(28, 28, 27, 0.5)}
.brand_about_03 .brand_bg .bg_video {z-index:-1;position:fixed;top:50%;left:50%;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate3d(-50%, -50%, 0);will-change:transform;}
.brand_about_03 .brand_why {padding:160px 20px}
.brand_about_03 .brand_why .about_tit dt {font-size:9.6rem;line-height:10.6rem;font-weight:400;color:#fff}
.brand_about_03 .brand_why .about_tit dd {margin-top:24px;font-size:2rem;line-height:2.8rem;font-weight:600;color:#fff}
.brand_about_03 .why_list {margin-top:160px}
.brand_about_03 .why_list li {margin-top:60px}
.brand_about_03 .why_list li:first-child {margin-top:0}
.brand_about_03 .why_list dt img {vertical-align:top}
.brand_about_03 .why_list dd .tit {font-family:"sans-serif";font-size:2.4rem;line-height:3.45rem;font-weight:500;color:#DBF068}
.brand_about_03 .why_list dd p + p {margin-top:24px}
.brand_about_03 .why_list dd {margin-top:24px;font-size:2rem;line-height:2.85rem;font-weight:600;color:#fff}

.brand_about_04 {position:relative;width:100%;min-height:100vh}
.brand_about_04 .brand_bg:before {display:block;content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url("/resources/images/brand/brand_bg_04.png") no-repeat center;background-size:cover;transform:translateZ(0);will-change:transform;}
.brand_about_04 .brand_about_inner {display:flex;flex-direction:column;justify-content:flex-end;max-width:1440px;height:100vh;padding:480px 20px 160px;margin:0 auto;position:relative;}
.brand_about_04 .brand_cosmatic dt {font-size:1.8rem;line-height:2.3rem;font-weight:600;color:#DBF068}
.brand_about_04 .brand_cosmatic dt + dd {margin-top:16px}
.brand_about_04 .brand_cosmatic dd {font-size:3.2rem;line-height:4.3rem;font-weight:700;color:#fff}

.brand_count {display:flex;gap:9.28%;margin-top:160px}
.brand_count_item {padding-left:76px;position:relative}
.brand_count_item.count_user {flex:0 0 320px;background:url("/resources/images/icon/ico_60_user.svg") no-repeat 0 36px;background-size:60px}
.brand_count_item.count_national {/* flex:0 0 223px; */background:url("/resources/images/icon/ico-60-national.svg") no-repeat 0 36px;background-size:60px}
/* body.en .brand_count_item.count_national { flex:0 0 233px;} */
.brand_count_item.count_option {flex:0 0 309px;background:url("/resources/images/icon/ico-60-option.svg") no-repeat 0 36px;background-size:60px}
.brand_count_item .tit {display:block;font-size:1.8rem;line-height:2.3rem;font-weight:600;color:#DBF068}
.brand_count_item .count_num {display:block;margin-top:4px;font-family:"sans-serif";font-size:7.6rem;line-height:7.8rem;font-weight:600;color:#fff}

/* 커뮤니티 메인 */
.btn_gray{background-color: #f7f7f7;border: 1px solid #DBDBDB;color: #1c1c1b;}
.ico_photo:before { background-image: url("../images/icon/ico_26_photo_w.svg"); }
.btn_arrow.btn_box {width:255px;height:64px;border:1px solid #1C1C1B;border-radius:32px;font-size:0;}
.btn_arrow.btn_box + .btn_box {margin-left:16px}
.btn_arrow .btn_box_inner {display:inline-block;width:100%;height:100%;padding:18px 40px;margin:-6px 0 0 -6px;position:relative;border:1px solid #1C1C1B;border-radius:32px;background-color:#fff}
.btn_arrow .btn_box_inner:after {display:block;content:"";width:16px;height:16px;position:absolute;top:50%;right:24px;transform:translateY(-50%);background:url("/resources/images/icon/ico_16_arrow_right.svg") no-repeat center;background-size:16px;transition:all .3s}
.btn_arrow .btn_box_inner > a {z-index:10;position:absolute;top:0;left:0;right:0;bottom:0}
.btn_arrow .btn_box_inner > span {display:block;transform:translateX(0%);transition:transform .3s}
.btn_arrow .btn_box_inner > span i {display:inline-block;font-size:1.8rem;line-height:2.6rem;font-weight:700;color:#1C1C1B;transform:translateX(0%);transition:transform .3s}
.btn_arrow .btn_box_inner:hover:after {opacity:0;top:50%;right:40px}
.btn_arrow .btn_box_inner:hover > span {transform:translateX(50%)}
.btn_arrow .btn_box_inner:hover > span i {transform:translateX(-50%)}
.btn_arrow.btn_box.black .btn_box_inner {background:#1C1C1B}
.btn_arrow.btn_box.black .btn_box_inner:after {background-image:url("/resources/images/icon/ico_16_arrow_right_w.svg");}
.btn_arrow.btn_box.black .btn_box_inner > span i {color:#fff}
.btn_arrow.btn_box.black .btn_box_inner:hover {background-color: #1C1C1B;transition:background-color .5s;}
.btn_arrow.btn_box.black .btn_box_inner:hover > span i {color:#fff;}
.btn_arrow.btn_box.black .btn_box_inner:hover:after {opacity:0;top:50%;right:40px}
.btn_arrow.btn_box.black .btn_box_inner:hover > span {transform:translateX(50%)}
.btn_arrow.btn_box.black .btn_box_inner:hover > span i {transform:translateX(-50%)}

.community .community_cont{margin-top: 40px;}
.community .community_cont:first-child{margin-top: 0;}
.community .tit_wrap{display: flex;justify-content: space-between; align-items: center; padding:60px 0 24px;border-bottom: 1px solid #1c1c1b;}
.community .tit_wrap.no_line{border-bottom: none;}
.community .tit{font-family: bigmoore, serif;font-size: 3.2rem; line-height: 1.2;}
.community .view_all{padding-right: 24px;font-weight: 600; font-size: 1.8rem; line-height: 1.27;background:url("/resources/images/icon/ico_16_arrow_right.svg") right center/16px no-repeat}
.community .best_prd_review{margin-top: 24px;}

.faq_category{display: flex;justify-content: space-between;align-items: flex-start;gap:30px;margin-top: 24px;}
.faq_category a{flex-basis: calc(100%/7);display: flex;flex-direction: column; justify-content: center;align-items: center;padding: 32px 0; }
.faq_category a .icon{display: block; width:60px; height: 60px;background-position: center;background-size: 60px; background-repeat: no-repeat;}
.faq_category a .txt{margin-top: 24px;font-weight: 600; font-size: 1.8rem; line-height: 1.46;}
.faq_category .faq_event .icon{background-image: url("/resources/images/icon/ico_60_event.svg")}
.faq_category .faq_product .icon{background-image: url("/resources/images/icon/ico_60_product.svg")}
.faq_category .faq_skin .icon{background-image: url("/resources/images/icon/ico_60_skin.svg")}
.faq_category .faq_site .icon{background-image: url("/resources/images/icon/ico_60_site.svg")}
.faq_category .faq_member .icon{background-image: url("/resources/images/icon/ico_60_member.svg")}
.faq_category .faq_review .icon{background-image: url("/resources/images/icon/ico_60_review.svg")}
.faq_category .faq_etc .icon{background-image: url("/resources/images/icon/ico_60_etc.svg")}
.community .community_contact {margin-top: 160px;}
.community_contact{/* min-height: 682px;*/ /* padding:120px 0; */ padding:120px 0 245px; background: url("/resources/images/contact/img_community.png") top center/cover no-repeat;}
.community_contact .tit{font-size: 9.6rem;line-height: 1.2; color: #fff;}
.community_contact .desc{margin-top: 16px; font-weight: 700; font-size: 2.4rem;line-height: 1.33; color: #fff;}
.community_contact .btn_box {margin-top: 65px;}

.btn_sm_circle.btn_box {display:inline-block;width:44px;height:44px;margin: 0; border:1px solid #1c1c1b;border-radius:100%;}
.btn_sm_circle .btn_box_inner {width:100%;height:100%;padding: 0; margin: 0;border:1px solid #1c1c1b;border-radius:100%;background:#fff;transform:translate(-3px, -3px)}
.btn_sm_circle .btn_box_inner:after{display: none;}
.btn_sm_circle .btn_box_inner .btn_box_btn {z-index:20;display:block;position:absolute;top:0;left:0;right:0;bottom:0;font-size:0;text-indent:-9999px;color:transparent}
.btn_sm_circle .btn_box_inner .btn_box_btn ~ .btn_box_bg:after {position:absolute;top:100%;left:0;display:block;content:"";width:42px;height:42px;border-radius:100%;background:#1C1C1B;transition:top .5s}
.btn_sm_circle .btn_box_inner .btn_box_bg {overflow:hidden;position:relative;width:100%;height:100%;border-radius:100%}
.btn_sm_circle .btn_box_icon {z-index:19;overflow:hidden;width:100%;text-align:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-image .5s;}
.btn_sm_circle .btn_box_icon i:after { transition:1s;}

@media (hover: hover) and (pointer: fine) {
    .btn_sm_circle .btn_box_inner .btn_box_btn:hover ~ .btn_box_bg:after {top:-1px;left:-1px;}
    .btn_sm_circle .btn_box_inner .btn_box_btn:hover ~ .btn_box_icon .ico_edit::before{background-image: url("/resources/images/icon/ico_edit_w.svg");}
    .btn_sm_circle .btn_box_inner .btn_box_btn:hover ~ .btn_box_icon .ico_insta::before{background-image: url("/resources/images/common/link_instagram_w.svg");}
}



/* 브랜드 스토어 */
#sub_container .brand_store {padding-top:106px;}
.brand_store img {vertical-align:top;}
.brand_store .sub_top {flex-direction:column;align-items:center;text-align:center;}
.brand_store .sub_top h2 {min-height:140px;}
.brand_store .sub_top h2.ico_star .ico {top:-114px;left:-52px;}
.brand_store .sub_top h2.ico_star .ico:before {display:none;}
.brand_store .sub_top .tit-txt {font-size:2rem;font-weight:700;color:#121212;}
.brand_store .store_cont {margin-top:60px;}
.brand_store .store_cont .store_list + .store_list {margin-top:160px;}
.brand_store .store_cont .store_list .tit_cont {display:flex;justify-content:space-between;align-items:center;min-height:95px;border-top:1px solid #1C1C1B;}
.brand_store .store_cont .store_list .tit_cont .cont_tit {color:#1C1C1B;font-size:2.4rem;font-weight:700;}
.brand_store .store_cont .store_list .full_visual_img {width:100vw;max-height:40vw;overflow:hidden;}
.brand_store .store_cont .store_list .full_visual_img img {width:100%;transform:translateY(-10vw);transition:transform 1s cubic-bezier(0.19, 1, 0.22, 1);}
.brand_store .store_cont .store_list .full_visual_img.ir img {transform:translateY(-6vw);}
.brand_store .store_cont .store_list .img_txt {padding:0 6.145833vw;margin-top:40px;}
.brand_store .store_cont .store_list .img_txt strong {display:block;margin-bottom:24px;color:#1C1C1B;font-size:3.2rem;font-weight:700;line-height:4.2rem;}
.brand_store .store_cont .store_list .img_txt .txt {color:#1C1C1B;font-size:2rem;font-weight:600;line-height:3.2rem;}
.brand_store .store_cont .store_list .img_view {display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:80px;}
.brand_store .store_cont .store_list .img_view li {flex-grow:1;flex-basis:100px;max-height:480px;overflow:hidden;}
.brand_store .store_cont .store_list .img_view .full {flex-basis:100%;max-height:640px;}
.brand_store .store_cont .store_list .img_view li img {width:100%;height:100%;object-fit:cover;object-position:center;}
.brand_store .store_cont .store_list .info_box {padding:3.2em 6.145833vw;margin-top:80px;background-color:#f7f7f7;}
.brand_store .store_cont .store_list .info_box .info-list li {display:flex;}
.brand_store .store_cont .store_list .info_box .info-list li + li {margin-top:8px;}
.brand_store .store_cont .store_list .info_box .info-list li em {display:inline-block;min-width:95px;color:#1C1C1B;font-size:18px;font-weight:700;line-height:23px;}
.brand_store .store_cont .store_list .info_box .info-list li span {display:inline-block;color:#76777A;font-size:18px;font-weight:500;line-height:20px;}
body.en .brand_store .store_cont .store_list .info_box .info-list li em { min-width:160px;}

@media only screen and (min-width:1921px) {
    .brand_store .store_cont .store_list .full_visual_img {display:flex;align-items:center;max-height:100%;height:768px;}
}

/* 마이페이지 */
.ico_trash::before{background: url("/resources/images/icon/ico_trash.svg");}
.btn_code{padding: 0px 16px;font-size: 1.6rem;height: 44px;font-size: 1.6rem;}
.mypage_top{padding: 60px 0; background-color:#F0ECE9;}
.mypage_tit_wrap.btm_line{border-bottom: 1px solid #1c1c1b;}
.mypage_tit_wrap{padding-top: 60px;}
.mypage_tit_wrap .tit{font-size: 4.8rem;line-height: 1.2; text-transform: uppercase;}
.my_profile{position: relative; display: flex;flex-direction: row;align-items: flex-end;text-align: center;}
.my_profile::after{content: '';position:absolute;right: 0px;top: 50%; transform: translateY(-50%);  display: block; width: 52px; height: 52px; background:url("/resources/images/icon/ico_52_star.svg") center/52px no-repeat;}
.my_profile .profile_img{position: relative; flex:0 0 220px;height: 260px;}
.my_profile .profile_img::before{content: '';position: absolute;top: -60px; left: 50%;transform: translateX(-50%); display: block; width: 1px; height: 65px;background-color: #1c1c1b;}
.my_profile .photo_box{position: relative;background-color: #fff;border-radius: 100%;width: 100%; height: 100%; overflow: hidden;border: 1px solid #1c1c1b;}
.my_profile .photo_box {background-repeat: no-repeat; background-position: center; background-size: cover; }

.my_profile .photo_box .face_line{z-index: 1;}
.my_profile .photo_box.type_01 .face_line{position: absolute; width: 100%; height: 100%; background-image:url('/resources/images/mypage/img_profile_type_01.svg');}
.my_profile .photo_box.type_02 .face_line{position: absolute; width: 100%; height: 100%; background-image:url('/resources/images/mypage/img_profile_type_02.svg');}
.my_profile .photo_box.type_03 .face_line{position: absolute; width: 100%; height: 100%; background-image:url('/resources/images/mypage/img_profile_type_03.svg');}
.my_profile .photo_box.type_04 .face_line{position: absolute; width: 100%; height: 100%; background-image:url('/resources/images/mypage/img_profile_type_04.svg');}
.my_profile .photo_box.type_05 .face_line{position: absolute; width: 100%; height: 100%; background-image:url('/resources/images/mypage/img_profile_type_05.svg');}
.my_profile .photo_box.type_06 .face_line{position: absolute; width: 100%; height: 100%; background-image:url('/resources/images/mypage/img_profile_type_06.svg');}

.my_profile .photo_box .face_color{position: absolute; top: 116px; left: 136px; width: 40px;height: 56px;background-color: transparent;background-repeat: no-repeat;background-size: contain;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;mask-position: center center;mask-repeat: no-repeat;mask-position: center center;}
.my_profile .photo_box.type_01 .face_color{top: 128px; left: 136px;width: 40px;height: 56px;-webkit-mask-image: url('/resources/images/mypage/color_face_type_01.svg');mask-image: url('/resources/images/mypage/color_face_type_01.svg');}
.my_profile .photo_box.type_02 .face_color{top: 122px; left: 91px;width: 48px;height: 52px;-webkit-mask-image: url('/resources/images/mypage/color_face_type_02.svg');mask-image: url('/resources/images/mypage/color_face_type_02.svg');}
.my_profile .photo_box.type_03 .face_color{top: 118px; left: 129px;width: 50px;height: 64px;-webkit-mask-image: url('/resources/images/mypage/color_face_type_03.svg');mask-image: url('/resources/images/mypage/color_face_type_03.svg');}
.my_profile .photo_box.type_04 .face_color{top: 112px; left: 65px;width: 42px;height: 52px;-webkit-mask-image: url('/resources/images/mypage/color_face_type_04.svg');mask-image: url('/resources/images/mypage/color_face_type_04.svg');}
.my_profile .photo_box.type_05 .face_color{top: 140px; left: 67px;width: 24px;height: 38px;-webkit-mask-image: url('/resources/images/mypage/color_face_type_05.svg');mask-image: url('/resources/images/mypage/color_face_type_05.svg');transform: scaleX(-1);}
.my_profile .photo_box.type_06 .face_color{top: 127px; left: 90px;width: 26px;height: 32px;-webkit-mask-image: url('/resources/images/mypage/color_face_type_06.svg');mask-image: url('/resources/images/mypage/color_face_type_06.svg');}

.my_profile .photo_box .lip_color{position: absolute; bottom: 60px; left: 79px; width: 49px; height: 25px; background-color: transparent;background-repeat: no-repeat;background-size: contain;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;mask-position: center center;mask-repeat: no-repeat;mask-position: center center;}
.my_profile .photo_box.type_01 .lip_color{bottom: 60px; left: 79px;width: 49px; height: 25px; -webkit-mask-image: url('/resources/images/mypage/color_lip_type_01.svg');mask-image: url('/resources/images/mypage/color_lip_type_01.svg');}
.my_profile .photo_box.type_02 .lip_color{bottom: 84px; left: 145px;width: 24px;height: 20px;-webkit-mask-image: url('/resources/images/mypage/color_lip_type_02.svg');mask-image: url('/resources/images/mypage/color_lip_type_02.svg');}
.my_profile .photo_box.type_03 .lip_color{bottom: 65px; left: 88px;width: 43px;height: 34px;-webkit-mask-image: url('/resources/images/mypage/color_lip_type_03.svg');mask-image: url('/resources/images/mypage/color_lip_type_03.svg');}
.my_profile .photo_box.type_04 .lip_color{bottom: 70px; left: 88px;width: 58px;height: 25px;-webkit-mask-image: url('/resources/images/mypage/color_lip_type_04.svg');mask-image: url('/resources/images/mypage/color_lip_type_04.svg');}
.my_profile .photo_box.type_05 .lip_color{bottom: 58px; left: 92px;width: 33px;height: 21px;-webkit-mask-image: url('/resources/images/mypage/color_lip_type_05.svg');mask-image: url('/resources/images/mypage/color_lip_type_05.svg');}
.my_profile .photo_box.type_06 .lip_color{bottom: 99px; left: 121px;width: 42px;height: 17px;-webkit-mask-image: url('/resources/images/mypage/color_lip_type_06.svg');mask-image: url('/resources/images/mypage/color_lip_type_06.svg');}

.my_profile .photo_box .lip_color.no_color{background-color: transparent !important;}

/* @supports ((-webkit-mask-image: url()) or (mask-image: url())) {
   .my_profile .photo_box .face_color{background-image:none;mask-repeat: no-repeat;mask-position: center center;mask-repeat: no-repeat;mask-position: center center;}
   .my_profile .photo_box.type_01 .face_color{-webkit-mask-image: url('/resources/images/mypage/color_face_type_01.svg');mask-image: url('s/resources/images/mypage/color_face_type_01.svg');}
   .my_profile .photo_box.type_02 .face_color{-webkit-mask-image: url('/resources/images/mypage/color_face_type_02.svg');mask-image: url('s/resources/images/mypage/color_face_type_02.svg');}
   .my_profile .photo_box.type_03 .face_color{-webkit-mask-image: url('/resources/images/mypage/color_face_type_03.svg');mask-image: url('s/resources/images/mypage/color_face_type_03.svg');}
   .my_profile .photo_box.type_04 .face_color{-webkit-mask-image: url('/resources/images/mypage/color_face_type_04.svg');mask-image: url('s/resources/images/mypage/color_face_type_04.svg');}
   .my_profile .photo_box.type_05 .face_color{-webkit-mask-image: url('/resources/images/mypage/color_face_type_05.svg');mask-image: url('s/resources/images/mypage/color_face_type_05.svg');}
   .my_profile .photo_box.type_06 .face_color{-webkit-mask-image: url('/resources/images/mypage/color_face_type_06.svg');mask-image: url('s/resources/images/mypage/color_face_type_06.svg');}
} */

.my_profile .photo_box .face_color.no_color{background-color: #76777A !important;}
.my_profile .photo_box.type_01 .face_color.no_color{-webkit-mask-image: url('/resources/images/mypage/no_color_face_type_01.svg');background-image: url("/resources/images/mypage/no_color_face_type_01.svg");}
.my_profile .photo_box.type_02 .face_color.no_color{-webkit-mask-image: url('/resources/images/mypage/no_color_face_type_02.svg');background-image: url("/resources/images/mypage/no_color_face_type_02.svg");}
.my_profile .photo_box.type_03 .face_color.no_color{-webkit-mask-image: url('/resources/images/mypage/no_color_face_type_03.svg');background-image: url("/resources/images/mypage/no_color_face_type_03.svg");}
.my_profile .photo_box.type_04 .face_color.no_color{-webkit-mask-image: url('/resources/images/mypage/no_color_face_type_04.svg');background-image: url("/resources/images/mypage/no_color_face_type_04.svg");}
.my_profile .photo_box.type_05 .face_color.no_color{-webkit-mask-image: url('/resources/images/mypage/no_color_face_type_05.svg');background-image: url("/resources/images/mypage/no_color_face_type_05.svg");transform: scaleX(-1);}
.my_profile .photo_box.type_06 .face_color.no_color{-webkit-mask-image: url('/resources/images/mypage/no_color_face_type_06.svg');background-image: url("/resources/images/mypage/no_color_face_type_06.svg");}

.my_profile .btn_sm_circle{position: absolute;bottom: 15px;right: 15px;z-index: 1;}
.my_profile .profile_info{display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 20px;margin-left: 80px;}
.my_profile .profile_info .user_name{font-weight: 700;font-size: 3.2rem;line-height: 1.25;}
.my_profile .profile_info .color_code{padding-right: 30px;font-weight: 700;font-size: 7.6rem; line-height: 1.4;font-family: "sans-serif";background: url("/resources/images/icon/ico_16_arrow_right.svg") right center/26px no-repeat}
.my_profile .profile_info .tit{margin-top: 24px; line-height: 1.2;}

.color_history {position:relative;margin:97px auto 0;}
.color_history.no_line .history_cnt:last-of-type:before {display:none;}
.history_cnt {display:flex;position:relative;padding-bottom:90px;}
.history_cnt:before {display:block;content:"";width:1px;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);transition:height .5s;background:#DBDBDB}
.history_cnt dl {position:relative}
.history_cnt dl:before {display:block;content:"";position:absolute;top:35px;width:21.85%;height:1px;background:#DBDBDB;transition:all .5s}
.history_cnt .left, .history_cnt .right {width:50%;}
.history_cnt .left dl:before {right:0}
.history_cnt .right dl:before {left:0}
.history_cnt .tit {position:relative;;color:#1f1f1f}
.history_cnt .left .tit{padding-right:27.23%;text-align:right;}
.history_cnt .right .tit{padding-left:27.23%;text-align:left;}
.history_cnt .left .tit:before, .history_cnt .left .tit:after {right:0;transform:translate(50%, -50%);transition:all .5s}
.history_cnt .right .tit:before, .history_cnt .right .tit:after {left:0;transform:translate(-50%, -50%);transition:all .5s}
.history_cnt .color_circle {position:absolute;top:-16px;display:block;width:102px;height:102px;box-sizing:border-box;border-radius:100%; background-color: #dbdbdb;}
.history_cnt .left .color_circle {right: -51px;}
.history_cnt .right .color_circle {left: -51px;}
.history_cnt .tit .date{font-weight: 400; font-size: 1.4rem; line-height: 1.4;font-family: "sans-serif"; color: #999;}
.history_cnt .tit .info {margin-top: 4px; font-weight: 600; font-size: 2rem; line-height: 1.25;}
.history_cnt .tit .info .store{white-space: nowrap;}
body.en .history_cnt .tit .info {font-weight:500;}
.history_cnt .tit .info span + span{position: relative; padding-left: 8px; margin-left: 8px;}
.history_cnt .tit .info span + span::before{content: '';display: block;width: 1px; height: 14px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);background-color: #DBDBDB;}
.history_cnt .tit .color_id{position: relative; padding-right: 24px; font-family: 'sans-serif';}
.history_cnt .tit .color_id:after{content: ''; position: absolute;top: 50%; right: 0;transform: translateY(-50%); display: block;width: 16px; height: 16px; background: url("/resources/images/icon/ico_16_arrow_right.svg") right center/contain no-repeat; transition: all 300ms;}

.history_cnt .info_box{position: relative; margin-top: 16px;padding: 24px 48px 24px 24px;background-color: #F5F5F5;}
.history_cnt .info_box .btn_delete{position: absolute; top: 16px; right: 16px;;}
.history_cnt .left .info_box  {margin-right:27.23%;}
.history_cnt .right .info_box{margin-left:27.23%;}
.history_cnt .color_id{font-weight: 700;font-size: 2rem;line-height: 1.3;}
.history_cnt .color_list{display: flex;align-items: flex-start;justify-content: flex-start; margin-top: 16px;}
.history_cnt .color_box{flex:0 0 102px; padding-top: 80px;border-radius: 4px;}
.history_cnt .color_box + .color_box{margin-left: 24px;}
.history_cnt .color_box .txt{display: flex;flex-direction: column;padding: 8px; background-color: #fff;border-radius: 4px;border-top-left-radius: 0;border-top-right-radius: 0;}
.history_cnt .color_box .txt span{font-size: 1.6rem; font-weight: 500;color: #76777a;}
.history_cnt .color_box .txt em{font-family: "sans-serif"; font-weight: 600;font-size: 1.8rem;line-height: 1.44;}
.history_cnt .color_product{display: flex;align-items: center; justify-content: flex-start;height: 102px;}
.history_cnt .color_product .thumb_img{overflow: hidden;position: relative;flex:0 0 102px;height: 100%; background-color: #fff;border-radius: 4px;}
.history_cnt .color_product .thumb_img img{display:block;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;}
.history_cnt .color_product .thumb_tit{padding: 16px 60px 16px 24px; font-weight: 700;font-size: 1.6rem;line-height: 1.5;}
.history_cnt .color_product .thumb_tit > * {display: block;}
.history_cnt .color_product .thumb_tit .product_tit {display: -webkit-box;width: 100%;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;text-overflow: ellipsis;word-wrap: normal;overflow: hidden;}
.history_cnt .color_product .thumb_tit .product_tone {margin-top:6px;}
.history_cnt .choice_product{margin-top: 24px;padding-top: 24px; border-top: 1px solid #DBDBDB;}
.history_cnt .choice_product > p{font-weight: 500;font-size: 1.6rem;line-height: 1.63;color: #76777a;}
.history_cnt .choice_product .product_box{display: flex;align-items: center; height: 102px;margin-top: 8px; border-radius: 4px;}
.history_cnt .choice_product .product_box .info{padding: 12px 60px 12px 24px; cursor: auto;}
.history_cnt .choice_product .product_box .img{flex: 0 0 102px;background-color: #fff;border-radius: 4px;}
.history_cnt .choice_product .product_box .img img{width: 100%; max-width: 100%;}
.history_cnt .choice_product .product_box .info .name{max-height: 80px; font-weight: 700; font-size: 1.8rem; line-height: 1.44;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.history_cnt .choice_product .product_box .info .price{margin-top: 8px; padding-left: 18px; background: url("/resources/images/icon/icon_18_star_b.svg") left center/14px no-repeat; font-family: "sans-serif"; font-weight: 600; font-size: 1.4rem; line-height: 1.42;}

/* 마이페이지 - Home */
.mypage_home .history_cnt .date, .mypage_home .history_cnt .info, .mypage_home .history_cnt .color_id{cursor: pointer;}
.mypage_home .history_cnt .tit{margin-bottom: 16px;}
.mypage_home .history_cnt .tit .info span + span{margin-left: 4px;}
.mypage_home .history_cnt .info_box{padding: 0;display: none;}
.mypage_home .history_cnt .info_box .inner{padding: 24px;}
.mypage_home .history_cnt .info_box .color_id { cursor: auto;}
.mypage_home .history_cnt .color_circle::after{content: '';position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg);display: block; width: 26px; height: 26px; background: url("/resources/images/icon/icon_34_star@2x.png") center/contain no-repeat;opacity: 0; transition: all 500ms}
.mypage_home .history_cnt.open .color_circle::after{ transform: translate(-50%, -50%) rotate(180deg);opacity: 1;}
.mypage_home .history_cnt.open .tit .color_id:after{transform: translateY(-50%) rotate(90deg);}
.mypage_home .select_box.select_product{min-width: 220px;}
.mypage_home .more_paging{margin-top: -32px;}
.mypage_home .tbl_top{padding:16px 0;align-items: center;}
.mypage_home .tbl_top .inp_wrap{margin-left: auto;}
.mypage_home .tbl_top .inp_wrap .select_box + .select_box{margin-left: 8px;}
.mypage_home .tbl_top .btn_code{margin-left:17px;}
.mypage_home .tbl_top .total_num, .my_color_history .tbl_top .total_num{font-weight: 700;font-size: 1.8rem;}
.mypage_home .mypage_tit_wrap,.my_color_history .mypage_tit_wrap{padding-top: 0;}

.colorcode_btn {display:flex;justify-content:center;margin-top:45px;}
.colorcode_btn .btn_box {width: 230px;height: 64px;border: 1px solid #1C1C1B;border-radius: 32px;font-size: 0;}
.colorcode_btn .btn_box + .btn_box {margin-left: 16px}
.colorcode_btn .btn_box_inner {display: inline-block;width: 230px;padding: 18px 40px;margin: -5px 0 0 -5px;height: 64px;position: relative;border: 1px solid #1C1C1B;border-radius: 32px;background-color: #fff;transition: all .5s}
.colorcode_btn .btn_box_inner:after {display: block;content: "";width: 16px;height: 16px;position: absolute;top: 50%;right: 24px;transform: translateY(-50%);background: url('/resources/images/icon/ico_16_arrow_right.svg') no-repeat center;background-size: 16px;transition: all .3s}
.colorcode_btn .btn_box_inner > a {z-index: 10;position: absolute;top: 0;left: 0;right: 0;bottom: 0}
.colorcode_btn .btn_box_inner > span {display: block;transform: translateX(0%);transition: transform .3s}
.colorcode_btn .btn_box_inner > span i {display: inline-block;font-size: 1.8rem;line-height: 2.6rem;font-weight: 700;color: #1C1C1B;transform: translateX(0%);transition: transform .3s}
.colorcode_btn .btn_box_inner:hover {background: #1C1C1B;}
.colorcode_btn .btn_box_inner:hover:after {opacity: 0;top: 50%;right: 40px}
.colorcode_btn .btn_box_inner:hover > span {transform: translateX(50%)}
.colorcode_btn .btn_box_inner:hover > span i {transform: translateX(-50%);color: #fff}

/* 마이페이지 - No Data */
.my_nodata{display: flex;flex-direction: column;align-items: center;padding-top: 40px;}
.my_nodata p {display: flex;flex-direction: column; padding-top:64px;font-weight: 500;font-size:2rem;line-height:1.325;color:#1C1C1B;text-align:center;background:url("/resources/images/icon/ico_40_info.svg") no-repeat center 0;background-size:40px;}
.my_nodata p em {margin-bottom: 24px; font-weight: 700;font-size:2.4rem;line-height:1.25;}
.my_nodata .btn {margin-top: 45px;}

/* 마이페이지 - Color History */
.my_color_history .tbl_top{padding: 16px 0;align-items: center;}
.my_color_history .history_swiper{overflow: hidden;position:relative}
.my_color_history .history_cnt{padding-bottom: 0; min-width: 396px;}
.my_color_history .history_cnt:before{display: none;}
.my_color_history .history_cnt .tit .info {display:flex}
.my_color_history .history_cnt .product {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.my_color_history .history_cnt dl{width: 100%;}
.my_color_history .history_cnt dl:before{display: none;}
.my_color_history .history_cnt .info_box{overflow: visible;height: 394px;margin-top: 0;padding: 24px;  text-align: left;}
.my_color_history .history_cnt .color_list{margin-top: 0;}
.my_color_history .color_history {margin-top: 32px; padding-top: 72px;}
.my_color_history .btn_wrap{display: flex;justify-content: center;margin-top: 60px;padding-top: 4px;}

.color_history .slide_btn_group{position: absolute; right: 0; top: 0;}
.color_history .slide_btn{position: relative;top: 0; left: 0; right: 0; bottom: 0;margin: 0;display: inline-block; width: 40px;height: 40px; border:1px solid #1c1c1b; background-repeat: no-repeat; background-size: 16px; background-position: center;border-radius: 100%;background-image: url("/resources/images/icon/ico_16_arrow_right.svg");}
.color_history .slide_btn.swiper-button-prev{transform:rotate(180deg);}
.color_history .slide_btn.swiper-button-next{margin-left: 12px;}

.color_history .flip_card{position: relative; width: 100%; height: 395px;margin-top: 40px;}
.color_history .flip_card::before{content: ''; position: absolute; top: -32px;left: 0; width: 1px; height: 32px; background-color: #DBDBDB;}
.flip_card:hover .card_inner {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.flip_card .card_inner {height: 100%;position: relative;text-align: center;border-radius: 12px;
    -webkit-transition: -webkit-transform 700ms;
    transition: -webkit-transform 700ms;transition: transform 700ms;
    transition: transform 700ms, -webkit-transform 700ms;
    -webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.flip_card .card_back, .flip_card .card_front {width: 100%;height: 100%;position: absolute;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.flip_card .card_back {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

/* 마이페이지 - Question History */
.mypage .tbl_list li{position: relative;flex-wrap: nowrap;}

/* 마이페이지 - Question View */
.mypage.board_view .mypage_tit_wrap .tit{background:none;font-weight: 400;}
.mypage.board_view .comment_img{display: block; max-width: 400px; height: auto;padding: 24px 0;}
.mypage.board_view .comment_img img{width: 100%;max-width: 100%;}

/* 마이페이지 - My info */
.tbl_my_info{margin-top: 60px;}
.tbl_my_info li{min-height: 70px;}
.tbl_my_info .info_col{display: flex;justify-content: flex-start;align-items: center; flex-basis: 50%; padding: 13px 0; font-size: 1.8rem; line-height: 1.27;}
.tbl_my_info .info_col dt{flex:0 0 237px;color: #76777A;}
.tbl_my_info .info_col dd{flex:auto;padding-right: 16px;white-space: nowrap;font-weight: 700;}
.tbl_my_info .info_col.several {padding:24px 0;}
.tbl_my_info .info_col.several dt {align-self:flex-start;}
.tbl_my_info .customer_state dd span{position: relative;}
/*.tbl_my_info .customer_state dd span::before{content: '';position: absolute;top: 50%; transform: translateY(-50%); left: 0; display: block; width: 6px; height: 6px; border-radius: 50%;}*/
.tbl_my_info .customer_state dd span.active{color:#1C1C1B}
.tbl_my_info .customer_state dd span.active::before{background-color:#26A769;}
.tbl_my_info .customer_state dd span.inactive{color:#76777A}
.tbl_my_info .customer_state dd span.inactive::before{background-color:#D72222;}
.mypage_info .btn_arrow.btn_box{width: 231px; margin: 45px auto 0;}
.mypage_info .tbl_list .btn-cont {margin:16px 0;}
.mypage_info .txt_info {font-weight: 500;font-size: 1.6rem;line-height: 1.5;color: #76777A;}

/* 마이페이지 - 모달팝업 */
.mypage_profile_modal .modal {margin-top:32px;}
/* .mypage_profile_modal .cont{height:calc(85vh - 104px)} */
.mypage_modal .modal{width: 692px;}
.mypage_modal .cont{flex-direction: column;width:100%}
.mypage_modal .cont .btn {padding: 0 24px;font-weight: 500; font-size: 1.6rem; line-height: 1.25;}
.mypage_modal .tit{padding-bottom: 16px; font-weight: 700; font-size: 2rem; line-height: 1.25;border-bottom: 1px solid #1C1C1B;}
.mypage_modal .tit ~ .tit {margin-top:42px}
.mypage_modal .tit span{padding-left: 12px;font-weight: 400; font-size: 1.6rem; line-height: 1.25;}
.mypage_modal .input_group{width: 100%; padding-bottom:16px;margin-top:10px;}
.mypage_modal .input_group .btn{min-width:104px;margin-left: 16px;}
.mypage_modal .input_radio_wrap{padding: 16px 0 0;}
.mypage_modal .txt_info{font-weight: 600; font-size: 1.4rem; line-height: 1.5;color: #76777A;}
.mypage_modal .txt_info p {margin-left:17px;text-indent:-17px;}
.mypage_modal .btn_group{margin-top: 24px;padding-top: 24px;border-top:1px solid #dbdbdb;justify-content: center;}
.mypage_modal .profile_update_box {display: flex;flex-wrap: wrap;gap:24px 16px;margin-top:24px;height:calc(100% - 84px);overflow-y:auto}
.mypage_modal .profile_update_box .profile_type {width:calc(33.333% - 10.6667px)}
.mypage_modal .profile_update_box label{padding-left: 0;padding-bottom: 40px;width:100%}
.mypage_modal .profile_update_box label::before{top: auto; bottom: 0; left: 50%; transform: translateX(-50%);}
.mypage_modal .profile_update_box label::after{top: auto; bottom: 8px; left: 50%; transform: translateX(-50%);}
.mypage_modal .profile_update_box .img_box{overflow: hidden;position: relative;width:100%;border: 1px solid #dbdbdb;border-radius: 4px;}
.mypage_modal .profile_update_box .img_box img {display:block;width:100%}
.mypage_modal .profile_update_box .input_radio:checked ~ label .img_box{border: 2px solid #1c1c1b;}

/* 마이페이지 - 마이 리뷰 */
.myreview .tbl_list .tbl_type {width:220px;padding-left:10px;line-height:2.6rem;word-break: break-word;}
.myreview .tbl_list .tbl_tit_cont {flex-grow:1;width:668px;padding-left:40px;}
.myreview .tbl_list .tbl_tit_cont .starpoint_wrap {display:block;width:90px;margin-bottom:16px;}
.myreview .tbl_list .tbl_tit {width:100%;padding:0;font-size:1.8rem;font-weight:400;line-height:2.6rem;-webkit-line-clamp:2;white-space: normal;display:-webkit-box;-webkit-box-orient: vertical;word-wrap: normal;word-break:break-all;}
.myreview .tbl_list li {min-height:116px;justify-content:space-between;align-items:center;gap:0;}
.myreview .tbl_list li > * {padding:0;}
.myreview .tbl_date {width:108px;flex-shrink: 0;}
.myreview .tbl_list .tbl_like {width:294px;padding-left:6.9791666vw;}
.myreview .btn_like {min-width:auto;padding:0;border:none;text-align:left;}
.myreview .btn_like.active {background:none;color:#1C1C1B;}
.myreview .btn_like.active span {color:#1C1C1B;}
.myreview .btn_like.active .ico_26_like path {stroke:#1C1C1B;}
.myreview .tbl_list .tbl_state {flex-shrink:0;width:auto;min-width:60px;}
.myreview .tbl_list .tbl_state .state {padding:10px 16px;}

/* 마이페이지 - 마이 리뷰 상세*/
.myreview_view {padding-top:60px;}
.myreview_view .sub_top_about h2 {padding-right:0;background:none;font-size:4.8rem;font-weight:400;line-height:1;}
.myreview_view .sub_top_about h3 {white-space: normal;width: 100%;padding: 0 60px;margin: 24px 0 16px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;word-wrap: normal;}
.myreview_view .view_cnt .user_info {font-size:1.4rem;font-weight:600;line-height:2.4rem;color:#999;}
.myreview_view .view_cnt .user_info > li {display: inline-block;}
.myreview_view .view_cnt .user_info > li+li {margin-left:8px;}
.myreview_view .view_cnt .user_info + .starpoint_wrap {margin-top:16px;}
.myreview_view .view_cnt .point_details {display:block;}
.myreview_view .view_cnt .point_details .point_list {padding:0 24px;}
.myreview_view .view_cnt .point_details .point_list:first-child {padding-left:0;}
.myreview_view .view_cnt .point_details .point_mall {display:inline-block;margin-top:0;}
.myreview_view .view_cnt .review_text_box .product_img_slide {height:140px;}
.myreview_view .view_cnt .review_text_box .btn_link {display:inline-block;margin-top: 24px;color:#1C1C1B;font-size: 1.6rem;font-weight:700;border-bottom: 1px solid #1C1C1B;}
.myreview_view .view_cnt .review_text_box .btn_link:after {display:inline-block;margin-left:4px;width:16px;height:16px;background:url('/resources/images/icon/ico_16_arrow_right.svg') no-repeat;background-size:16px;content:'';vertical-align: -1px;}
.myreview_view .view_cnt .point_details .point_list_wrap {margin-bottom:0;}
.myreview_view .page_ctrl .btn_page p {-webkit-line-clamp:1;}


/* 피부측정 */
.skin_tone .top_visual {position:relative;width:100%;height:calc(100vh - 90px);background:url('/resources/images/skintone/skin_bg.png') no-repeat center top;background-size:cover;overflow:hidden;}
.skin_tone .top_visual .brand_philosophy {left:50%;bottom:0;width:100%;transform:translate(-50%, 0);}
.skin_tone .top_visual .brand_philosophy p {transition:.5s ease-in-out;}
.skin_tone .top_visual .brand_philosophy  .tit {color:#DBF068;font-size:7.6rem;line-height:9.2rem;}
.skin_tone .top_visual .brand_philosophy .tit p {display:inline-block;vertical-align:top;overflow:hidden;}
.skin_tone .top_visual .brand_philosophy .tit p + p {margin-left:-0.55rem;}
.skin_tone .top_visual .brand_philosophy dd {margin-top:8px;}
.skin_tone .top_visual .brand_philosophy dd .text {font-size:2rem;line-height:2.5rem;overflow:hidden;}
.skin_tone .top_visual .brand_philosophy dd .text br {display:none;}
.skin_tone .top_visual .brand_philosophy .ani_line {opacity:0;transition:.5s ease-in-out;}
.skin_tone .top_visual .brand_philosophy .ani_line.active {opacity:1;}
.skin_tone .top_visual .brand_philosophy .ani_line.active:before {animation:brandLine 1.1s ease-out infinite;-webkit-animation:brandLine 1.1s ease-out infinite;animation-delay:.5s;-webkit-animation-delay:.5s;}
.skin_tone .top_visual .motion_wrap .motion_item {display:block;transform:translateY(100%);transition:.8s;}
.skin_tone .top_visual .motion_wrap .motion_item.ir {transform:translateY(0);}
.skin_tone .top_visual .motion_wrap.active .ani_line {opacity:0;transform:translateY(30vh);}
.skin_tone .tone_cont {position:relative;min-height:100vh;padding:120px 0;transition:background-color 0.5s;}
.skin_tone .tone_cont .anchor {position: absolute;top:-90px;left:0;width:100%;height:90px;}
.skin_tone .tone_cont.change_bg {background:#F0ECE9;}
.skin_tone .tone_cont .section_tit {position:relative;}
.skin_tone .tone_cont .section_tit::before {position:absolute;top:100px;right:-28px;width:52px;height:52px;background:url('/resources/images/icon/icon_52_star_w.svg');transform:translateX(50%) rotate(0deg);-webkit-animation:starLoop 1.2s linear infinite;animation:starLoop 1.2s linear infinite;z-index:0;content:'';}
.skin_tone .tone_cont .section_tit em {position:relative;display:block;min-height: 252px;}
.skin_tone .tone_cont .section_tit span {position:absolute;left:50%;display:inline-block;color:#1C1C1B;font-family:"sans-serif";font-size:1.875em;font-weight:600;line-height:1.4;transform:translateX(-50%);transition:.5s;}
.skin_tone .tone_cont .section_tit em:last-child {margin-top:-72px;}
.skin_tone .tone_cont .section_tit em:last-child span {left:0;transform:translateX(0);}
.skin_tone .tone_cont .section_tit.active em:first-child span {left:0;transform:translateX(0);}
/* .skin_tone .tone_cont .section_tit.active em:last-child span {left:50%;transform:translateX(-50%);} */
.skin_tone .skin_tone_finder .section_tit.active em:last-child span {left:46%;}
.skin_tone .skin_tone_picker .section_tit.active em:last-child span {left:29%;}
.skin_tone .skin_tone_linker2 .section_tit.active em:last-child span {left:29%;}
.skin_tone .tone_cont .tit_txt {margin-top:-10px;color:#1C1C1B;font-size:2rem;font-weight:600;line-height:3.2rem;}
.skin_tone .tone_cont_btn {margin-top:22px;}
.skin_tone .tone_cont_btn .btn_box {width:230px;height:64px;border:1px solid #1C1C1B;border-radius:32px;font-size:0;}
.skin_tone .tone_cont_btn .btn_box + .btn_box {margin-left:16px}
.skin_tone .tone_cont_btn .btn_box_inner {display:inline-block;width:230px;padding:18px 40px;margin:-5px 0 0 -5px;height:64px;position:relative;border:1px solid #1C1C1B;border-radius:32px;background-color:#fff;transition:all .5s}
.skin_tone .tone_cont_btn .btn_box_inner:after {display:block;content:"";width:16px;height:16px;position:absolute;top:50%;right:24px;transform:translateY(-50%);background:url('/resources/images/icon/ico_16_arrow_right.svg') no-repeat center;background-size:16px;transition:all .3s}
.skin_tone .tone_cont_btn .btn_box_inner > a {z-index:10;position:absolute;top:0;left:0;right:0;bottom:0}
.skin_tone .tone_cont_btn .btn_box_inner > span {display:block;transform:translateX(0%);transition:transform .3s}
.skin_tone .tone_cont_btn .btn_box_inner > span i {display:inline-block;font-size:1.8rem;line-height:2.6rem;font-weight:700;color:#1C1C1B;transform:translateX(0%);transition:transform .3s}
.skin_tone .tone_cont_btn .btn_box_inner:hover {background:#1C1C1B;}
.skin_tone .tone_cont_btn .btn_box_inner:hover:after {opacity:0;top:50%;right:40px}
.skin_tone .tone_cont_btn .btn_box_inner:hover > span {transform:translateX(50%)}
.skin_tone .tone_cont_btn .btn_box_inner:hover > span i {transform:translateX(-50%);color:#fff}
.skin_tone .swiper-container {margin-top:60px;}
.skin_tone .step_cont {display:flex;gap:16px;overflow:hidden;}
.skin_tone .step_cont > li {flex-shrink:1;width:100%;height:fit-content;aspect-ratio:3.38 / 4.28;transform:translateX(1400px);transition:2s cubic-bezier(0.19, 1, 0.22, 1);}
.skin_tone .step_cont > li.ir {transform:translateX(0);}
.skin_tone .step_cont .img {width:100%;min-height:100%;max-height:428px;aspect-ratio:3.38 / 4.28;}
.skin_tone .step_cont .img img {width:100%;height:100%;object-fit:cover;object-position:center;vertical-align:top;}
.skin_tone .step_cont .step {display:block;margin-top:24px;color:#76777A;font-size:1.8rem;font-weight:500;line-height:2.5rem;text-transform:uppercase;}
.skin_tone .step_cont .img_txt {margin-top:4px;color:#1C1C1B;font-size:2rem;font-weight:600;line-height:2.6rem;}
@media only screen and (min-width: 1264px) {
    .skin_tone .step_cont {transform: none !important;}
}

/* 검색옵션 버튼 */
.btn_search_opt{display: none;color:#1C1C1B}

/* 에러 페이지 */
.error-page { max-width:100%;height:100vh;background: url('../images/error/bg_error_desktop.png') no-repeat center top; background-size: cover;}
.error-page header {height:90px;}
.error-page header .header_wrap {padding: 30px 40px;}
.error-page #sub_container {height:100%; padding-bottom: 200px;}
.error-page .grid_wrap {display: flex; height: 100%; justify-content: flex-end;align-items:end;}
.error-page .error-cont { color:#fff; }
.error-page .error-cont .tit { display: block;font-size: 7.6rem;}
.error-page .error-cont em.txt {display: block;margin-top:32px;font-size: 2.4rem;font-weight:600;line-height: 3.2rem;}
.error-page .error-cont p.txt {margin-top:16px;font-size: 1.8rem;font-weight:500;line-height: 2.6rem;}
.error-page .btn_box { margin-top: 32px;}
.error-page .btn_box {margin-top: 30px;width: 215px;height: 64px;border: 1px solid #1C1C1B;border-radius: 32px;font-size: 0;}
.error-page .btn_box_inner {display: inline-block;width: 215px;padding: 18px 40px;margin: -6px 0 0 -6px;height: 64px;position: relative;border: 1px solid #1C1C1B;border-radius: 32px;background-color: #fff}
.error-page .btn_box_inner:after {display: block;content: "";width: 16px;height: 16px;position: absolute;top: 50%;right: 24px;transform: translateY(-50%);background: url(/resources/images/icon/ico_16_arrow_right.svg) no-repeat center;background-size: 16px;transition: all .3s}
.error-page .btn_box_inner > a {z-index: 10;position: absolute;top: 0;left: 0;right: 0;bottom: 0}
.error-page .btn_box_inner > span {display: block;transform: translateX(0%);transition: transform .3s}
.error-page .btn_box_inner > span i {display: inline-block;font-size: 1.8rem;line-height: 2.6rem;font-weight: 600;color: #1C1C1B;transform: translateX(0%);transition: transform .3s}
.error-page .btn_box_inner:hover {background-color: #1C1C1B;transition: background-color .5s;}
.error-page .btn_box_inner:hover:after {opacity: 0;top: 50%;right: 40px}
.error-page .btn_box_inner:hover > span {transform: translateX(50%)}
.error-page .btn_box_inner:hover > span i {color: #fff;transform: translateX(-50%)}


.btn_lg_circle.btn_box {width:180px;height:180px;margin: 60px auto 0;border:1px solid #1c1c1b;border-radius:100%;}
.btn_lg_circle.btn_box .btn_box_inner {width:100%;height:100%;border:1px solid #1c1c1b;border-radius:100%;background:#fff;transform:translate(-6px, -6px)}
.btn_lg_circle.btn_box .btn_box_inner button {cursor: pointer; z-index:20;position:absolute;top:0;left:0;right:0;bottom:0;font-size:0;text-indent:-9999px;color:transparent}
.btn_lg_circle.btn_box .btn_box_inner button ~ .btn_box_bg:after {position:absolute;top:100%;left:0;display:block;content:"";width:180px;height:180px;border-radius:100%;background:#1C1C1B;transition:top .5s}
.btn_lg_circle.btn_box .btn_box_inner button:hover ~ .btn_box_bg:after {top:0}
.btn_lg_circle.btn_box .btn_box_inner button:hover ~ .btn_box_text p {color:#fff}
.btn_lg_circle.btn_box .btn_box_inner .btn_box_bg {overflow:hidden;position:relative;width:100%;height:100%;border-radius:100%}
.btn_lg_circle.btn_box .btn_box_text {z-index:10;overflow:hidden;width:100%;height:26px;text-align:center;position:absolute;top:50%;transform:translateY(-50%);}
.btn_lg_circle.btn_box .btn_box_text p {opacity:1;width:100%;position:absolute;top:0;font-family: "sans-serif"; font-size:1.8rem;line-height:2.6rem;font-weight:600;color:#1C1C1B;transition:all .5s;}



/* 모바일 전용 전성분 페이지 */
#wrap.product_type {max-width:640px;padding-top:56px;margin:0 auto;}
.product_type header {left:50%;height:56px;max-width:640px;background:#1C1C1B;transform:none;transform:translateX(-50%);}
.product_type header .header_wrap {padding:16px 20px;}
.product_type header .logo {width:inherit;height:inherit;}
.product_type header .logo img {height:24px;min-height:24px;}
.product_type .footer {padding:40px 0;}
.product_type .footer_bottom  {margin-top:40px;}
.product_type .footer_bottom .footer_address {display:block;}
.product_type .footer_util .copy_right {margin-top:0;}
.product_type .ingred_box {padding:24px 20px 0;}
.product_type .ingred_box .tit {font-size:1.8rem;line-height:2.3rem}
.product_type .ingred_box .top {flex-direction:column;}
.product_type .ingred_box .select_warp {flex-direction:column;width:100%}
.product_type .ingred_box .select_box_value {height:44px;padding:12px 48px 12px 20px}
.product_type .ingred_box .btn_sm {margin:16px 0 0;width:100%}
.product_type .ingred_box .result {margin-top:16px;max-height:100%;overflow: visible;}
.product_type .ingred_box .no_data {height:181px;min-height:auto;}
.product_type .ingred_box .no_data p {padding-top:56px;font-size:1.6rem;line-height:2.4rem;}
.product_type .ingred_box .ingred_data dt {font-size:1.8rem}
.product_type .ingred_box .ingred_data dt span {font-size:1.8rem}
.product_type .ingred_box .ingred_data dd {margin-top:16px;font-size:1.6rem;line-height:2.4rem}

.mo { display:none;}

.dot_list > li {margin-left:11px;color:#76777A;font-size:1.4rem;font-weight:500;line-height:1.8rem;text-indent:-11px;}
.dot_list > li ~ li { margin-top:4px;}
.dot_list > li::before { display:inline-block;width:3px;height:3px;margin-right:8px;background-color:#76777A;border-radius:50%;vertical-align:3px;content:''; }
.caution_txt {display:block;padding-left:16px;margin-top:8px;color:#76777A;font-size:1.4rem;font-weight:500;line-height:1.8rem;text-indent:-16px;word-break: break-all;}
strong.caution_txt {font-weight:700;color:#1C1C1B;}

/* 회원정보 수정 */
.mypage_modal .dot_list {margin-top: 16px;}
.mypage_modal .user_info { margin-top:24px;color:#1C1C1B;font-size:1.8rem;font-weight:600;line-height:2.3rem;}
.mypage_modal .user_info + .input_group { margin-top: 8px;}

.myinfo_modify,.account_deletion {padding-top:60px;}
.myinfo_modify .page_tit, .account_deletion .page_tit { color:#121212;font-size:4.8rem;}
.myinfo_modify .form, .account_deletion .form { max-width:640px;padding:0 20px;margin-left:auto;margin-right:auto;}

/* form */
.form {margin-top:60px;}
.form .fieldset {padding-top:17px;border-top:1px solid #1C1C1B;}
.form .fieldset ~ .fieldset {margin-top:60px;}
.form .fieldset > .input_txt {margin-top:16px;}
.form .fieldset legend + .input_txt {margin-top:32px;}
.form .fieldset_tit {display:block;color:#1C1C1B;font-size:1.6rem;font-weight:700;line-height:2rem;}
.form legend {float:left; width:100%;}
.form legend + .field {margin-top:34px;}
.form legend + .txt_box {margin-top:32px;}
.form .field {padding-top:17px;margin-top:16px;border-top: 1px solid #DBDBDB;}
.form .require_txt {margin-top:8px;color:#1C1C1B;font-size: 1.4rem;font-weight:500;line-height:1.8rem;}
.form .require_txt.error_txt {color:#D72222;}
.form .require_txt + .input_txt {margin-top:8px;}
.form .sub_txt {margin:8px 0 0 17px;}
.form .select_group + .input_radio_wrap { margin-top:10px;}
.form .caution_txt:first-child {margin-top:0;}
.form .check_tit {display:block;margin-bottom:18px;color:#1C1C1B;font-size:1.4rem;font-weight:700;line-height:1.8rem;word-break: break-all;}
.form .term_box {padding:0 0 16px 16px;margin-top:18px;border:1px solid #DBDBDB;border-radius:4px;}
.form .term_box .box_inner {height:195px;padding-top:16px;overflow-y:auto;}
.form .term_box .box_inner::-webkit-scrollbar {width:14px;}
.form .term_box .box_inner::-webkit-scrollbar-thumb {border:5px solid transparent;background-clip: padding-box;}
.form .term_box .box_inner::-webkit-scrollbar-track {background-color:#fff;}
.form .term_box .txt,.form .term_box .txt li {color:#1C1C1B;font-size:1.4rem;line-height:1.8rem;word-break: break-all;}
.form .term_box .txt li p {margin-top:4px;}
.form .term_box .txt + .table, .form .term_box li .table {margin-top:16px;}
.form .term_box .txt li+li {margin-top:16px;}
.form .table + .txt { margin-top:17px;}
.form .txt_box {display:flex;justify-content:center;align-items:center;padding:16px;margin-top:16px;background-color:#F5F5F5;}
.form .txt_box p {color:#76777A;font-size: 1.4rem;line-height:1.8rem;text-align: center;}
.form .sns_connect li {display:flex;justify-content:space-between;align-items: center;}
.form .sns_connect li+li {margin-top:22px;}
.form .sns_connect .sns {position:relative;padding-left:56px;}
.form .sns_connect .sns::before {position:absolute;left:0;top:2px;width:40px;height:40px;content:'';}
.form .sns_connect .naver::before {background:url('/resources/images/icon/ico_40_mypage_naver.svg') no-repeat 0 center;}
.form .sns_connect .fbook::before {background:url('/resources/images/icon/ico_40_mypage_facebook.svg') no-repeat 0 center;}
.form .sns_connect .kakao::before {background:url('/resources/images/icon/ico_40_mypage_kakao.png') no-repeat 0 center;}
.form .sns_connect .sns .tit {display:block;color:#1C1C1B;font-size:1.6rem;font-weight:700;line-height:1.8rem;}
.form .sns_connect .sns .txt  {margin-top:8px;color:#76777A;font-size:1.4rem;line-height:1.8rem;}
.form .sns_connect .sns .txt.on {color:#0036B1;}
.form .input_check_wrap.type02 span:first-child {display:block;margin:0 0 20px 0;}
.form .input_check_wrap.type02 span:nth-child(2) ~ span {margin-left:26px;}
.form .full_btn {padding-top:24px;}
.form .full_btn .btn {width:100%;height:48px;}
.form .field + .full_btn {margin-top:16px;border-top:1px solid #DBDBDB;}
.form .select_group {margin-top:16px;}
.form .mobile_num {margin-top:16px;}
.form .address {margin-top:16px;}
.form .caution_txt + .input_txt {margin-top:16px;}
.form .input_check + label {font-weight:600;}
.form .field_txt {display:block;color:#76777A;font-size:1.4rem;font-weight:500;line-height:1.8rem;word-break:break-all;}
.form .field_txt + .field_txt {margin-top:8px;}
.form .field_txt + strong.caution_txt {margin-top:16px;padding-top:17px;border-top: 1px solid #DBDBDB;}
.form .input_radio_wrap.type_list + .text_area { margin-top: 10px;}
.form .text_area_tit {display:block;margin-bottom:16px;color:#1C1C1B;font-size: 1.4rem;font-weight:700;line-height:1.8rem;}

.input_txt {display:block;width:100%;height:48px;padding:14px 16px 13px;font-size:1.6rem;font-family: "SUIT", "sans-serif";font-weight:500;border:1px solid #76777A;border-radius:4px;cursor:pointer;}
.input_txt + .input_txt {margin-top: 8px;}
.input_txt::placeholder {color:#999;font-size:1.6rem;font-weight:500;line-height:2.6rem;}
.input_txt:disabled {border:1px solid #DBDBDB;background-color:#F7F7F7;cursor:unset;}

.select_group {display:flex;justify-content:space-between;gap:8px;}
.select_group.col2 .select_box {width:50%;}
.select_group.col3 .select_box {width:33.3333%;}
.select_box.type02 {max-width:100%;min-width:0;flex-grow:1;}
.select_box.type02 .select_box_value {border-radius:4px;}

.mobile_num {display:flex;gap:8px;}
.mobile_num .code {width:102px;min-width:inherit;}
.mobile_num .input_txt + .input_txt {margin-top:0;}

.address .search {display:flex;gap:8px;}
.address .search + .input_txt {margin-top:8px;}


.table table {width:100%;border-bottom:1px solid #DBDBDB;table-layout: fixed;}
.table .table_tit {margin-bottom:17px;color:#1C1C1B;font-size:1.4rem;font-weight:700;line-height:1.8rem;text-align: left;}
.table th {width:132px;padding:10px 8px;color:#1C1C1B;font-size:1.4rem;font-weight:600;line-height:1.8rem;border-top:1px solid #DBDBDB;background-color:#F5F5F5;vertical-align:top;text-align:left;white-space: inherit;}
.table td {padding:10px 16px;font-size:1.4rem;font-weight:500;line-height:1.8rem;border-top:1px solid #DBDBDB;white-space: inherit;word-break: break-all;vertical-align:top;}
.table td.en {word-break:inherit;}
.table td strong {font-size:1.6rem;font-weight:700;line-height:1.8rem;}
.table + p {margin-top:17px;}


/* lib selector */
.numberpicker {position:relative;width:338px;}
.numberpicker .select_box_value {padding:0;}
.numberpicker #selectNumber {width:100%;height:100%;padding:0 20px;border:none;border-radius: 100px;background:none;color:#1C1C1B;font-size:16px;font-weight:500;}
.numberpicker #selectNumber::placeholder {color:#1C1C1B;font-size:16px;font-weight:500;}
.numberpicker #datepicker {position:absolute;top:0;left:0;right: 0;bottom:0;opacity: 0;}
.numberpicker .select_box_value::after {display: none;}
.numberpicker .select_box_value::before { content: ''; display: block; position: absolute; right: 16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; background: url("/resources/images/icon/ico_16_arrow_down_b.svg") no-repeat center;background-size:16px;-moztransition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s;}
.numberpicker.on .select_box_value::before { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); }

.numberpicker-div.ui-widget.ui-widget-content {height:294px;padding:0;margin-top:4px;border:1px solid #1C1C1B;border-radius:4px;}
.numberpicker-div.ui-datepicker .ui-datepicker-header {min-height:62px;padding:0;border:none;background:#fff;border-bottom:1px solid #DBDBDB;box-sizing:border-box;}
.numberpicker-div .ui-datepicker-title {margin:0;line-height:1;}
.numberpicker-div .ui-datepicker-title .ui-datepicker-month {color:#1C1C1B;font-family:"sans-serif";font-size:20px;font-weight:600;line-height:64px;}
.numberpicker-div .ui-datepicker-title .ui-datepicker-month::after {display:inline-block;margin-left:4px;color:#1C1C1B;font-size:16px;font-weight:600; content:'월';font-family: "SUIT", "sans-serif";}
.en .numberpicker-div .ui-datepicker-title .ui-datepicker-month::after { content:'M'}
.numberpicker-div .ui-datepicker-title .ui-datepicker-year {display:none;width:0;}
.numberpicker-div .ui-datepicker-prev,
.numberpicker-div .ui-datepicker-next { top:50%;width:30px;height:30px;border-radius: 50%;border:1px solid #76777A;background: #fff url('/resources/images/icon/ico_16_arrow_next_month@2x.png') no-repeat center;background-size: 16px;transform:translateY(-50%);}
.numberpicker-div .ui-datepicker-prev {left:100px;transform:translateY(-50%) scaleX(-1);}
.numberpicker-div .ui-datepicker-next {right:104px;}
.numberpicker-div .ui-datepicker-calendar thead {display:none;}
.numberpicker-div .ui-datepicker-calendar {margin:0;}
.numberpicker-div .ui-state-default {width:40px;height:40px;padding:0;background:#fff;text-align:center;color:#1C1C1B;font-family:"sans-serif";font-size:14px;font-weight:500;line-height: 40px;border-radius:50%;border:none;transition:.1s;}
.numberpicker-div .ui-state-default.ui-state-hover {background:#1C1C1B;color:#fff;}
.numberpicker-div.ui-datepicker {width:auto;}
.numberpicker-div.ui-datepicker td {padding:0 2px;}
.numberpicker-div tbody {border: 13px solid transparent;}

/* 종합결과 페이지 */
.my_result_top {padding-bottom: 80px;}
.my_result_top .mo { display: none;}
.my_result_top .top_wrap {display:flex;align-items: flex-end;gap: 24px;justify-content: center;min-height:515px;}
.my_result_top .top_wrap .tit_cont {position:relative;flex-basis:584px;margin-bottom: 50px;}
.my_result_top .top_wrap .tit_cont h2 {font-size: 84px;line-height:104px;font-family: 'bigmoore', serif;}
.my_result_top .top_wrap .tit_cont h2 br {display: none;}
.my_result_top .top_wrap .tit_cont .ico {position: absolute;right:172px;bottom:15px;display: block;width: 80px;height: 80px;background: url('/resources/images/icon/ico_80_star.svg') center/80px no-repeat;}
.my_result_top .top_wrap .tit_cont .ico::before {content: '';position: absolute;left:90px;top: 50%;display: block;width: 162px;height: 1px;background-color: #1C1C1B;}
.my_result_top .top_wrap .view_cont {display: flex;justify-content: flex-end;position:relative;flex-basis: 550px;}
.my_result_top .top_wrap .view_cont .photo_box {position: relative; width:429px;height:515px;}
.my_result_top .top_wrap .view_cont .photo_box .face_line {position: absolute;top:0;left:0;width: 100%;height: 100%;background-image: url('/resources/images/mypage/img_profile_result.svg');z-index: 1;}
.my_result_top .top_wrap .view_cont .photo_box .face_color {position: absolute;top: 0;left: 0;width: 100%;height:100%;background-color: transparent;background-repeat: no-repeat;background-size: contain;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;mask-position: center center;mask-repeat: no-repeat;mask-position: center center;-webkit-mask-image: url('/resources/images/mypage/img_profile_result_bg.svg');mask-image: url('/resources/images/mypage/img_profile_result_bg.svg');
}
.my_result_top .top_wrap .view_cont .color_code {position: absolute;left: 0;bottom: 56px;font-weight: 700;font-size: 96px;line-height: 1;font-family: "sans-serif";}
.my_result_top .top_txt {margin-top:40px;font-size:24px;line-height: 35px;font-weight: 500;text-align: center;}

.my_result_cont .cont_tit {display:block;padding-bottom:12px;color: #1C1C1B;font-size:28px;line-height:32px;font-family: 'bigmoore', serif;border-bottom: 1px solid #1C1C1B;}
.my_result_cont .cont_tit::before {content:'';display:inline-block;margin-right:8px;width:26px;height:26px;background:url('/resources/images/icon/ico_26_star.svg') center/26px no-repeat;}
.my_result_cont .my_tone {padding:47px 0 100px;}
.my_result_cont .my_tone > li {display:flex;align-items:center;padding:72px 0 24px;}
.my_result_cont .my_tone > li > * {width:50%;height:100%;}
.my_result_cont .my_tone > li .outer {position:relative;display: flex;justify-content: center;}
.my_result_cont .my_tone > li  .outer::before {content:'';width:1px;height:60px;background:#1C1C1B;position:absolute;left:50%;top:-72px;}
.my_result_cont .my_tone .tone_list_wrap {position:relative;width:350px;height:80px;}
.my_result_cont .my_tone .tone_list {position:absolute; display:flex;width:100%;height:100%;}
.my_result_cont .my_tone .tone_list> div {width:100%;height:100%;}
.my_result_cont .my_tone .tone_list> div.active {position:relative;}
.my_result_cont .my_tone .tone_list> div.active::before {
    position: absolute;top:50%;left:50%;transform: translate(-50%, -50%); width:32px;height:32px;background:url('/resources/images/icon/icon_26_star_point.svg') center/26px no-repeat;content: '';
}
.my_result_cont .my_tone .desc em {display: block;font-size:32px;line-height: 40px;}
.my_result_cont .my_tone .desc em span {display:inline-block;margin-left:4px;font-size:32px;line-height: 26px;font-family: sans-serif;}
.my_result_cont .my_tone .desc p {margin-top:6px;font-size:18px;line-height: 32px;font-weight:600;color:#76777A;}