@charset 'utf-8';

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@300;400;500;700;900&display=swap');
@font-face {font-family:'GmarketSansB';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'GmarketSansM';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'GmarketSansL';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-9Black';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-8Heavy';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-7ExtraBold';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-6Bold';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-5Medium';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-4Regular';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-3Light';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-2ExtraLight';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-1Thin';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');font-weight:normal;font-style:normal;}

html {overflow-y:scroll;scroll-behavior:smooth;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 
embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, button, i {margin:0;padding:0;border:0;word-break:keep-all;}
body {line-height:1.3;}
ol, ul, li {list-style:none;}
table {width:100%;border-collapse:collapse;border-spacing:0;}
input, select, textarea {vertical-align:middle;}
body, table, th, td, input, textarea, button, select {font-family:'Roboto', 'Noto Sans KR', sans-serif;font-size:16px;color:#333;font-weight:300;word-break:keep-all;}
button, select {text-transform:none;cursor:pointer;}
button, input {line-height:normal;background:none;}
textarea {resize:vertical;overflow:auto;}
address, caption, cite, code, dfn, em, var {font-style:normal;font-weight:normal;}
label {cursor:pointer;display:inline-block;}
caption, legend {display:none;visibility:hidden;}
a, a:active, a:hover, a:focus {color:#333;text-decoration:none;}

* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/*safari*/
input, textarea {-webkit-appearance:none;-webkit-border-radius:0;}
input[type=checkbox] {-webkit-appearance:checkbox;}
input[type=radio] {-webkit-appearance:radio;}

/* 팝업레이어 */
#hd_pop {z-index:99999;position:relative;margin:0 auto;height:0;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
.hd_pops {position:absolute;background:#fff;}
.hd_pops img {max-width:100%;}
.hd_pops_con {}
.hd_pops_footer {position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:"";}
.hd_pops_footer button {float:left;width:50%;padding:10px;border:0;color:#fff;text-align:center;background:rgba(0,0,0,0.9);}

@media (max-width: 600px) {
	#hd_pop {max-width: 80% !important;  background: #fff; }
	.hd_pops { left: 30px !important; right: 30px !important;  background: #fff; }
	.hd_pops_con { max-width: 100% !important; height: auto !important; background: #fff; }
	.hd_pops_con img { max-width: 100% !important; height: auto !important; }
} 

.relative {position:relative !important;}
.absolute {position:absolute !important;}

.full {width:100% !important;}
.half {width:50% !important;}

.clearfix:after {content:"";display:block;clear:both;*zoom:1;}
.of-h {overflow:hidden !important;}
.dp-n {display:none !important;}
.mask-line {position:absolute;left:0;right:0;top:0;bottom:0;display:block;overflow:hidden;border:1px solid #333;opacity:0.1;}
.mask-bg {position:absolute;left:0;right:0;top:0;bottom:0;display:block;overflow:hidden;background-color:#000;opacity:0.75;z-index:0;}

.w10 {width:10% !important;} 
.w20 {width:20% !important;}
.w30 {width:30% !important;}
.w40 {width:40% !important;}
.w50 {width:50% !important;}
.w60 {width:60% !important;}
.w70 {width:70% !important;}
.w80 {width:80% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}

.h10 {height:10% !important;}
.h20 {height:20% !important;}
.h30 {height:30% !important;}
.h40 {height:40% !important;}
.h50 {height:50% !important;}
.h60 {height:60% !important;}
.h70 {height:70% !important;}
.h80 {height:80% !important;}
.h90 {height:90% !important;}
.h100 {height:100% !important;}

.fl-l {float:left !important;}
.fl-c {display:inline-block;*display:inline;zoom:1;}
.fl-r {float:right !important;}

.ta-l {text-align:left !important;}
.ta-c {text-align:center !important;}
.ta-r {text-align:right !important;}
.ta-j {text-align:justify !important;}

.va-t {vertical-align:top !important;}
.va-m {vertical-align:middle !important;}
.va-b {vertical-align:bottom !important;}

.br1 {border-radius:1px !important;}
.br2 {border-radius:2px !important;}
.br3 {border-radius:3px !important;}
.br4 {border-radius:4px !important;}
.br5 {border-radius:5px !important;}
.br6 {border-radius:6px !important;}
.br7 {border-radius:7px !important;}
.br8 {border-radius:8px !important;}
.br9 {border-radius:9px !important;}
.br10 {border-radius:10px !important;}
.br20 {border-radius:20px !important;}
.br30 {border-radius:30px !important;}
.br40 {border-radius:40px !important;}
.br50 {border-radius:50px !important;}
.br60 {border-radius:60px !important;}
.br70 {border-radius:70px !important;}
.br80 {border-radius:80px !important;}
.br90 {border-radius:90px !important;}
.br100 {border-radius:100% !important;}

.bt0 {border-top:0px !important;}
.br0 {border-right:0px !important;}
.bb0 {border-bottom:0px !important;}
.bl0 {border-left:0px !important;}

.pd0 {padding:0px !important;}.pd5 {padding:5px !important;}.pd10 {padding:10px !important;}.pd15 {padding:15px !important;}.pd20 {padding:20px !important;}.pd25 {padding:25px !important;}.pd30 {padding:30px !important;}.pd35 {padding:35px !important;}.pd40 {padding:40px !important;}.pd45 {padding:45px !important;}.pd50 {padding:50px !important;}.pd55 {padding:55px !important;}.pd60 {padding:60px !important;}.pd65 {padding:65px !important;}.pd70 {padding:70px !important;}.pd75 {padding:75px !important;}.pd80 {padding:80px !important;}.pd85 {padding:85px !important;}.pd90 {padding:90px !important;}.pd95 {padding:95px !important;}.pd100 {padding:100px !important;}
.mg0 {margin:0px !important;}.mg5 {margin:5px !important;}.mg10 {margin:10px !important;}.mg15 {margin:15px !important;}.mg20 {margin:20px !important;}.mg25 {margin:25px !important;}.mg30 {margin:30px !important;}.mg35 {margin:35px !important;}.mg40 {margin:40px !important;}.mg45 {margin:45px !important;}.mg50 {margin:50px !important;}.mg55 {margin:55px !important;}.mg60 {margin:60px !important;}.mg65 {margin:65px !important;}.mg70 {margin:70px !important;}.mg75 {margin:75px !important;}.mg80 {margin:80px !important;}.mg85 {margin:85px !important;}.mg90 {margin:90px !important;}.mg95 {margin:95px !important;}.mg100 {margin:100px !important;}
.pt0 {padding-top:0px !important;}.pt5 {padding-top:5px !important;}.pt10 {padding-top:10px !important;}.pt15 {padding-top:15px !important;}.pt20 {padding-top:20px !important;}.pt25 {padding-top:25px !important;}.pt30 {padding-top:30px !important;}.pt35 {padding-top:35px !important;}.pt40 {padding-top:40px !important;}.pt45 {padding-top:45px !important;}.pt50 {padding-top:50px !important;}.pt55 {padding-top:55px !important;}.pt60 {padding-top:60px !important;}.pt65 {padding-top:65px !important;}.pt70 {padding-top:70px !important;}.pt75 {padding-top:75px !important;}.pt80 {padding-top:80px !important;}.pt85 {padding-top:85px !important;}.pt90 {padding-top:90px !important;}.pt95 {padding-top:95px !important;}.pt100 {padding-top:100px !important;}.pr0 {padding-right:0px !important;}.pr5 {padding-right:5px !important;}.pr10 {padding-right:10px !important;}.pr15 {padding-right:15px !important;}.pr17 {padding-right:17px !important;}.pr20 {padding-right:20px !important;}.pr25 {padding-right:25px !important;}.pr30 {padding-right:30px !important;}.pr35 {padding-right:35px !important;}.pr40 {padding-right:40px !important;}.pr45 {padding-right:45px !important;}.pr50 {padding-right:50px !important;}.pr55 {padding-right:55px !important;}.pr60 {padding-right:60px !important;}.pr65 {padding-right:65px !important;}.pr70 {padding-right:70px !important;}.pr75 {padding-right:75px !important;}.pr80 {padding-right:80px !important;}.pr85 {padding-right:85px !important;}.pr90 {padding-right:90px !important;}.pr95 {padding-right:95px !important;}.pr100 {padding-right:100px !important;}.pb0 {padding-bottom:0px !important;}.pb5 {padding-bottom:5px !important;}.pb10 {padding-bottom:10px !important;}.pb15 {padding-bottom:15px !important;}.pb20 {padding-bottom:20px !important;}.pb25 {padding-bottom:25px !important;}.pb30 {padding-bottom:30px !important;}.pb35 {padding-bottom:35px !important;}.pb40 {padding-bottom:40px !important;}.pb45 {padding-bottom:45px !important;}.pb50 {padding-bottom:50px !important;}.pb55 {padding-bottom:55px !important;}.pb60 {padding-bottom:60px !important;}.pb65 {padding-bottom:65px !important;}.pb70 {padding-bottom:70px !important;}.pb75 {padding-bottom:75px !important;}.pb80 {padding-bottom:80px !important;}.pb85 {padding-bottom:85px !important;}.pb90 {padding-bottom:90px !important;}.pb95 {padding-bottom:95px !important;}.pb100 {padding-bottom:100px !important;}.pl0 {padding-left:0px !important;}.pl5 {padding-left:5px !important;}.pl10 {padding-left:10px !important;}.pl15 {padding-left:15px !important;}.pl20 {padding-left:20px !important;}.pl25 {padding-left:25px !important;}.pl30 {padding-left:30px !important;}.pl35 {padding-left:35px !important;}.pl40 {padding-left:40px !important;}.pl45 {padding-left:45px !important;}.pl50 {padding-left:50px !important;}.pl55 {padding-left:55px !important;}.pl60 {padding-left:60px !important;}.pl65 {padding-left:65px !important;}.pl70 {padding-left:70px !important;}.pl75 {padding-left:75px !important;}.pl80 {padding-left:80px !important;}.pl85 {padding-left:85px !important;}.pl90 {padding-left:90px !important;}.pl95 {padding-left:95px !important;}.pl100 {padding-left:100px !important;}
.mt0 {margin-top:0px !important;}.mt5 {margin-top:5px !important;}.mt10 {margin-top:10px !important;}.mt15 {margin-top:15px !important;}.mt20 {margin-top:20px !important;}.mt25 {margin-top:25px !important;}.mt30 {margin-top:30px !important;}.mt35 {margin-top:35px !important;}.mt40 {margin-top:40px !important;}.mt45 {margin-top:45px !important;}.mt50 {margin-top:50px !important;}.mt55 {margin-top:55px !important;}.mt60 {margin-top:60px !important;}.mt65 {margin-top:65px !important;}.mt70 {margin-top:70px !important;}.mt75 {margin-top:75px !important;}.mt80 {margin-top:80px !important;}.mt85 {margin-top:85px !important;}.mt90 {margin-top:90px !important;}.mt95 {margin-top:95px !important;}.mt100 {margin-top:100px !important;}.mr0 {margin-right:0px !important;}.mr5 {margin-right:5px !important;}.mr10 {margin-right:10px !important;}.mr15 {margin-right:15px !important;}.mr20 {margin-right:20px !important;}.mr25 {margin-right:25px !important;}.mr30 {margin-right:30px !important;}.mr35 {margin-right:35px !important;}.mr40 {margin-right:40px !important;}.mr45 {margin-right:45px !important;}.mr50 {margin-right:50px !important;}.mr55 {margin-right:55px !important;}.mr60 {margin-right:60px !important;}.mr65 {margin-right:65px !important;}.mr70 {margin-right:70px !important;}.mr75 {margin-right:75px !important;}.mr80 {margin-right:80px !important;}.mr85 {margin-right:85px !important;}.mr90 {margin-right:90px !important;}.mr95 {margin-right:95px !important;}.mr100 {margin-right:100px !important;}.mb0 {margin-bottom:0px !important;}.mb5 {margin-bottom:5px !important;}.mb10 {margin-bottom:10px !important;}.mb15 {margin-bottom:15px !important;}.mb20 {margin-bottom:20px !important;}.mb25 {margin-bottom:25px !important;}.mb30 {margin-bottom:30px !important;}.mb35 {margin-bottom:35px !important;}.mb40 {margin-bottom:40px !important;}.mb45 {margin-bottom:45px !important;}.mb50 {margin-bottom:50px !important;}.mb55 {margin-bottom:55px !important;}.mb60 {margin-bottom:60px !important;}.mb65 {margin-bottom:65px !important;}.mb70 {margin-bottom:70px !important;}.mb75 {margin-bottom:75px !important;}.mb80 {margin-bottom:80px !important;}.mb85 {margin-bottom:85px !important;}.mb90 {margin-bottom:90px !important;}.mb95 {margin-bottom:95px !important;}.mb100 {margin-bottom:100px !important;}.ml0 {margin-left:0px !important;}.ml5 {margin-left:5px !important;}.ml10 {margin-left:10px !important;}.ml15 {margin-left:15px !important;}.ml20 {margin-left:20px !important;}.ml25 {margin-left:25px !important;}.ml30 {margin-left:30px !important;}.ml35 {margin-left:35px !important;}.ml40 {margin-left:40px !important;}.ml45 {margin-left:45px !important;}.ml50 {margin-left:50px !important;}.ml55 {margin-left:55px !important;}.ml60 {margin-left:60px !important;}.ml65 {margin-left:65px !important;}.ml70 {margin-left:70px !important;}.ml75 {margin-left:75px !important;}.ml80 {margin-left:80px !important;}.ml85 {margin-left:85px !important;}.ml90 {margin-left:90px !important;}.ml95 {margin-left:95px !important;}.ml100 {margin-left:100px !important;}

/* 유튜브 반응형 css */
.col-box {display:flex;}
.col-box .box-item {flex:1 1 0px;}
.col-box .box-item:not(:last-child) {margin-right:30px;}
.col-box .box-item table {table-layout:fixed;}
.col-box .box-item table input[type="text"] {max-width:100%;}



/* 유튜브 반응형 css */
.youtube-box {position:relative;width:100%;padding-bottom:56.25%;margin-bottom:30px;}
.youtube-box iframe {position:absolute;width:100%;height:100%;}
.youtube-box video {position:absolute;width:100%;height:100%;}


/* 일반 팝업 프로그램 css */
.popup-box {}
.popup-box h1 {font-size:20px;color:#fff;padding:20px;background:#111;}
.popup-box .popup-content {background:#fff;padding:20px;}



/* 레이어 팝업 프로그램 css */
.popup-wrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;} 
.popup-wrap .popup-bg {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7;filter:alpha(opacity=70);} 
.popup-wrap .popup-box {position:absolute;top:50%;left:50%;width:640px;height:auto;z-index:9999;transform:translate(-50%, -50%);}
.popup-wrap .popup-box .pop-head {height:80px;line-height:80px;color:#fff;font-size:24px;background-color:#2e2e2e;padding:0 30px;}
.popup-wrap .popup-box .pop-head .pop-title {float:left;font-weight:900;}
.popup-wrap .popup-box .pop-head .pop-close {float:right;}
.popup-wrap .popup-box .pop-head .pop-close a {cursor:pointer;color:#fff;font-size:34px;}
.popup-wrap .popup-box .pop-content {background:#fff;padding:30px;min-height:500px;}



/* 코멘트 프로그램 css */
.message-form {border:1px solid #b3b3b3;margin-bottom:30px;}
.message-form .top-box {padding:10px;}
.message-form .top-box .file-count {display:none;}
.message-form .top-box .file-count li {font-size:10px;}
.message-form .top-box .file-box {display:none;margin-top:10px;}
.message-form .input-box {border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px;}
.message-form .input-box textarea {height:80px;border:0;overflow-y:auto;resize:none;}
.message-form .check-box {position:relative;height:48px;padding:16px 0 0 10px;}
.message-form .check-box .write-btn {position:absolute;display:block;right:-1px;bottom:-1px;width:100px;height:50px;line-height:48px;color:#fff;background:#2c78d5;border:1px solid #235bc4;cursor:pointer;}

.message-send {margin-bottom:30px;}
.message-send .comment-member {display:flex;height:40px;margin-bottom:10px;}
.message-send .comment-member .mem-img {margin-right:10px;}
.message-send .comment-member .mem-img img {border-radius:100%;}
.message-send .comment-member .mem-name {font-weight:900;margin:2px 0 2px;}
.message-send .comment-member .mem-date {color:#aaa;font-size:12px;font-weight:300;}
.message-send .comment-content {display:inline-block;position:relative;}
.message-send .comment-content .content-text {display:inline-block;word-break:break-all;background-color:#eee;border-radius:5px 20px 20px 20px;padding:15px;}
.message-send .comment-content .content-file {margin-top:20px;}
.message-send .comment-content .content-file img {margin-top:5px;}
.message-send .comment-content .content-file p {margin-top:5px;}
.message-send .comment-content .content-del {position:absolute;bottom:-20px;right:10px;color:#aaa;}
.message-send .comment-content .content-mod {position:absolute;bottom:-20px;right:28px;color:#aaa;}

.message-receive {margin-bottom:30px;text-align:right;}
.message-receive .comment-member {display:flex;height:40px;margin-bottom:10px;justify-content:flex-end;}
.message-receive .comment-member .mem-img {margin-right:10px;}
.message-receive .comment-member .mem-img img {border-radius:100%;}
.message-receive .comment-member .mem-name {font-weight:900;text-align:left;margin:2px 0 2px;}
.message-receive .comment-member .mem-date {color:#aaa;font-size:12px;font-weight:300;}
.message-receive .comment-content {display:inline-block;position:relative;}
.message-receive .comment-content .content-text {display:inline-block;word-break:break-all;color:#fff;background-color:#2c78d5;border-radius:20px 5px 20px 20px;padding:15px;}
.message-receive .comment-content .content-file {margin-top:20px;}
.message-receive .comment-content .content-file img {margin-top:5px;}
.message-receive .comment-content .content-file p {margin-top:5px;}
.message-receive .comment-content .content-del {position:absolute;bottom:-20px;right:10px;color:#aaa;}
.message-receive .comment-content .content-mod {position:absolute;bottom:-20px;right:28px;color:#aaa;}

.review-list-box > li {display:flex;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid rgba(0,0,0,0.1);}
.review-list-box li .left-box {width:85%;}
.review-list-box li .right-box {width:15%;padding:20px;box-sizing:border-box;}
.review-list-box li .right-box span {display:block;}
.review-list-box .review-rate {margin-bottom:5px;}
.review-list-box .review-rate span {font-size:14px;margin-right:10px;}
.review-list-box .review-rate p {display:inline-block;font-size:12px;}
.review-pop {display:none;position:fixed;left:0;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,0.3);z-index:1000;}
.review-pop .review-pop-img {width:80%;position:relative;}
.review-pop .review-pop-img .bigSwiper2 .swiper-slide img {max-height:99%;max-width:70%;}
.review-pop .review-pop-img .bigSwiper2 {height:90vh;}
.review-pop .review-pop-img .bigSwiper2 .swiper-slide {display:flex;align-items:center;justify-content:center;}
.review-pop .review-pop-img .thumbSwiper {height:10vh;padding-bottom:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;}
.review-pop .review-pop-img .thumbSwiper li {height:100%;margin:0 10px;cursor:pointer;height:75px;width:75px;background-size:cover;background-position:center;background-repeat:no-repeat ;}
.review-pop .review-pop-txt {width:20%;background-color:#fff;}
.review-pop .review-pop-txt > div {position:relative;padding:20px;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,0.1);}
.review-pop .review-pop-txt > div:last-child {border-bottom:0;}
.review-pop .thumbSwiper .swiper-wrapper {justify-content:center;}
.re-img-box {display:flex;}
.re-img-box > div {width:125px;height:125px;display:Flex;align-items:center;justify-content:center;overflow:hidden;border-radius:5px;margin-right:5px;}
.review-pop-close {position:Absolute;top:50%;right:20px;transform:translateY(-50%);}
.review-pop-close i {font-size:40px;}
.pop-arr {position:absolute;top:50%;z-index:10;width:100%;}
.pop-arr a {font-size:50px;color:#fff;position:absolute;}
.pop-arr a.pop-arr-next {right:20px;}
.pop-arr a.pop-arr-prev {left:20px;}
.re-pop-op {border:1px solid rgba(0,0,0,0.1);padding:10px;box-sizing:border-box;font-size:12px;margin:20px 0 10px ;color:#707680 ;}
.review-total-box {padding:20px;box-sizing:border-box;border:1px solid rgba(0,0,0,0.1);margin:40px 0 20px;}
.review-total-box .re-gage {width:100%;margin-left:25px;}
.review-total-box .re-gage li {display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px;}
.review-total-box .re-gage li > div {position:relative;background:#f4f4f4;height:14px;width:calc(100% - 60px);}
.review-total-box .re-gage li > div span {position:absolute;left:0;height:100%;background-color:#000;}
.review-total-gage {display:flex;align-items:center;margin-bottom:20px;}
.rate-totl > div {width:80px;height:80px;background:#252525;color:#fff;display:flex;align-items:center;justify-content:center;font-size:33px;}
.rate-totl > p {font-size:12px;text-align:Center;}
.review-txt > p {margin:10px 0;font-size:13px;}

/* 페이지 에니메이션 */
.up {transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:0.1s;}
.up.active {transform:translateY(0px);opacity:1;}


/* PC */
@media screen and (max-width:9999px) {
	.pc {}
	.tablet {display:none;}
	.mobile {display:none;}
}

/* 타블렛 가로 */
@media screen and (max-width:1199px) {
	.pc {display:none;}
	.tablet {}
	.mobile {display:none;}
}

/* 모바일 가로, 타블렛 세로 */
@media screen and (max-width:640px) {
	.pc {display:none;}
	.tablet {display:none;}
	.mobile {}
}