@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;}



* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{overflow-y:scroll;}
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 {margin:0;padding:0;border:0;word-break:break-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:15px;color:#333;}
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;}

/*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:1000;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);}


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

.top{top:0 !important;}
.right{right:0 !important;}
.bottom{bottom:0 !important;}
.left{left:0 !important;}

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

.clearfix{content:"";display:block;clear:both;*zoom:1;}
.clearfix:After{content:"";display:block;clear:both;*zoom:1;}
.of-h{overflow:hidden !important;}
.dp-n{display:none !important;}

.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;}

.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;}