@charset "utf-8";
/* base — 전 페이지 공통 레이아웃과 요소 스타일.

   읽는 차례: theme.css -> base.css -> site.css -> page-*.css -> (손으로 쓴 페이지 CSS)
   색·글자 크기·간격 값은 전부 theme.css 의 변수를 쓴다. */
@charset "utf-8";.displaynone{display: none !important;}
@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}to{opacity:1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}to{opacity:1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64,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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}
.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}
.swiper-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}
.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-horizontal{touch-action:pan-y}
.swiper-vertical{touch-action:pan-x}
.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}
.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}
.swiper-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-3d{perspective:1200px}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}
.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}
.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}
.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}
.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}
:root{--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}
.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}
.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}
.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}
.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet:only-child{display:none!important}
.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}
.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}
.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}
.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}
.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}
.swiper-slide-zoomed{cursor:move;touch-action:none}
.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-grid>.swiper-wrapper{flex-wrap:wrap}
.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-cube{overflow:visible}
.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}
.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}
.swiper-flip{overflow:visible}
.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}
.swiper-cards{overflow:visible}
.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
@font-face{font-family: "Pretendard";font-style: normal;font-weight: normal;font-display: swap;src: url("../fonts/pretendard/Pretendard-Regular.woff2") format("woff2");unicode-range:U+AC00-D7A3,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;}@font-face{font-family: "Pretendard";font-style: normal;font-weight:500;font-display: swap;src: url("../fonts/pretendard/Pretendard-Medium.woff2") format("woff2");unicode-range:U+AC00-D7A3,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;}@font-face{font-family: "Pretendard";font-style: normal;font-weight:600;font-display: swap;src: url("../fonts/pretendard/Pretendard-SemiBold.woff2") format("woff2");unicode-range:U+AC00-D7A3,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;}@font-face{font-family: "Pretendard";font-style: normal;font-weight:700;font-display: swap;src: url("../fonts/pretendard/Pretendard-Bold.woff2") format("woff2");unicode-range:U+AC00-D7A3,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;}@font-face{font-family: "Pretendard";font-style: normal;font-weight:800;font-display: swap;src: url("../fonts/pretendard/Pretendard-ExtraBold.woff2") format("woff2");unicode-range:U+AC00-D7A3,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;}@font-face{font-family: 'poppins';src: url("../fonts/poppins/Poppins-Bold.ttf") format('truetype');font-weight:bold;font-style: normal;font-display: swap;unicode-range:U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;}@font-face{font-family: 'poppins';src: url("../fonts/poppins/Poppins-SemiBold.ttf") format('truetype');font-weight:600;font-style: normal;font-display: swap;unicode-range:U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;}@font-face{font-family: 'poppins';src: url("../fonts/poppins/Poppins-Medium.ttf") format('truetype');font-weight:500;font-style: normal;font-display: swap;unicode-range:U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;}@font-face{font-family: 'poppins';src: url("../fonts/poppins/Poppins-Regular.ttf") format('truetype');font-weight:400;font-style: normal;font-display: swap;unicode-range:U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;}@font-face{font-family: 'poppins';src: url("../fonts/poppins/Poppins-Light.ttf") format('truetype');font-weight:300;font-style: normal;font-display: swap;unicode-range:U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;}@font-face{font-family: 'SpoqaHanSansNeo';src: url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff2") format('woff2');font-weight:500;font-style: normal;font-display: swap;}*{font-family: "Pretendard","poppins",sans-serif;padding:0;margin:0;box-sizing:border-box;letter-spacing: normal;word-break: keep-all;font-weight: normal;font-style: normal;font-size:1.6rem;letter-spacing: -0.064rem;}
html,body{width:100%;font-size:62.5%;}
header,footer,section,article,aside,main,nav,hgroup,details,menu,figure,figcaption{display:block;}
ol,ul,li{margin:0;list-style: none;}
img{max-width:100%;height:auto;vertical-align:baseline;user-select: none;-webkit-user-select: none;}
span,strong,b,em,font{color: inherit;font-size:100%;font-weight: inherit;line-height: inherit;letter-spacing: inherit;}
strong,b{font-weight:700;}
a,button{text-decoration: none;color: inherit;}
button,textarea,input,select,a{outline: none;border: none;border-radius:0;appearance: none;background: transparent;-webkit-tap-highlight-color: transparent;}
button,select{touch-action: manipulation;user-select: none;cursor: pointer;}
select:focus{outline: none;}
select::-ms-expand,input::-ms-clear,input::-ms-reveal,input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display: none;opacity:0;}
input:-webkit-autofill{box-shadow:0 0 0 100px #fff inset;border: none;}
::selection{color:#fff;background: rgba(0,0,0,0.99);}
*:focus,a:hover,button:hover,input:hover{outline: none;-webkit-tap-highlight-color: transparent;}
legend{display: none;}
fieldset{border: none;margin:0;padding:0;min-width:0;}
table{border-collapse:collapse;border-spacing:0;width:100%;border: none;}
iframe{border: none;width:100%;height:100%;}
@media (max-width:1800px){
html,body{font-size:58%;}
}
@media (max-width:1680px){
html,body{font-size:56%;}
}
@media (max-width:1440px){
html,body{font-size:54%;}
}
@media (max-width:1024px){
html,body{font-size:51%;}
}
@media (max-width:989px){
html,body{font-size:50%;}
}
@media (max-width:767px){
html,body{font-size:65%;}
}
@media (max-width:425px){
html,body{font-size:62.5%;}
}
@media (max-width:359px){
html,body{font-size:58%;}
}
.dis_no{display: none !important;}
.blind{overflow: hidden;height:0;line-height:0;text-indent: -9999px;font-size:0;}
.hidden{opacity:0;visibility: hidden;}
.rel{position: relative;}
.english-text{letter-spacing: normal;}
.en{font-family: "poppins";font-weight:400;letter-spacing:0;}
.en_main_title_L{font-size:4.2rem;font-weight:500;line-height:0.95;}
.ko{font-family: "Pretendard";}
.wrapper{position: relative;width:100%;max-width:1792px;margin:0 auto;padding:0 5rem;}
#wrap{opacity:1;}
#wrap.on{opacity:1;transition: opacity 0.3s;}
@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{
from{opacity:0;}
to{opacity:1;}
}
@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{
from{opacity:0;}
to{opacity:1;}
}
.f_c{display:flex;align-items:center;justify-content:center;}
.f_cs{display:flex;align-items:center;justify-content:flex-start;}
.f_b{display:flex;align-items:center;justify-content: space-between;}
.f_e{display:flex;align-items:flex-end;justify-content:flex-start;}
.f_fs{display:flex;justify-content:flex-start;align-items:flex-start;}
.f_a_e{align-items:flex-end;}
.f_d_c{flex-direction:column;}
.dl-grid{display: grid;gap: var(--gap);}
.grid--2col{grid-template-columns: repeat(2,1fr);}
.grid--4col{grid-template-columns: repeat(4,1fr);}
.scroll{overflow-y: scroll;height:100%;}
.scroll::-webkit-scrollbar{width:4px;}
.scroll::-webkit-scrollbar-thumb{height:30%;border:2px solid #999;border-radius:2px;}
.txt_over_1,.txt_over_2{overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient: vertical;width:100%;}
.txt_over_1{-webkit-line-clamp:1;}
.txt_over_2{-webkit-line-clamp:2;}
.ani_load{transition: transform 0.7s ease,opacity 0.7s ease,filter 0.7s ease;opacity:0;filter:blur(15px);}
.img_box img.ani_load{opacity:1;transform: scale(1.2);}
.btt{transform: translate(0,5rem);}
.ani_load.ani_view{transform: translate(0,0);opacity:1;filter:blur(0);}
.roll_wrap{margin:0 auto;display:flex;overflow: hidden;}
.roll_list{display:flex;align-items:center;flex:0 0 auto;margin-left:0;}
.sub_page{width:100%;max-width:166rem;margin:auto;margin-top:7rem;padding:0 5rem;padding-bottom:24rem;}
.sub_page_tit{padding:14rem 0 7rem;text-align:center;}
.sub_page .message{text-align:center;padding:14rem 0;}
.sub_page .message p{margin-top:1.8rem;font-size:1.8rem;opacity:0.8;line-height:1.33;letter-spacing: -0.072rem;}
#wrap{width:100%;min-width:1024px;height:auto;margin:0 auto;}
header{width:100%;height:7rem;position:fixed;top:0;left:0;z-index:100;transition:all 0.3s;}
header.on{background-color: var(--white);}
header .header-inner{width:100%;height:100%;padding:0 3.6rem;border-bottom:1px solid var(--gray2);}
header.active .header-inner{border:0;}
header.on .header-inner{border-bottom:1px solid var(--gray2);}
header #logo a{background: url("../img/common/logo.png") no-repeat;backface-visibility: hidden;background-size:contain;display:block;width:132px;height:22px;}
header.active #logo a{background: url("../img/common/logo.png") no-repeat;background-size:contain;}
header nav .gnb > li{padding:0 2.5rem;line-height:1;}
header nav .gnb > li a.gnb__tit{color: var(--black);cursor: pointer;font-size:1.5rem;transition:all .3s;font-weight:500;letter-spacing: -0.06rem;}
header nav .gnb > li .gnb__tit.en{letter-spacing:0;}
header.active nav .gnb > li a.gnb__tit{color: var(--fontColor);}
header nav .gnb > li .gnb__tit.on{color: var(--black30);}
header .user-tool .user-tool__item{gap:2.4rem;}
header .user-tool .user-tool__item .search--icon{cursor: pointer;}
header .user-tool .user-tool__item .user-tool--icons{filter: invert(0);width:3rem;}
header.active .user-tool .user-tool__item .user-tool--icons{filter: invert(0);}
header .user-tool .search-contents{position:absolute;top:0;left:0;width:100%;padding-top:7.6rem;background-color: rgba(255,255,255,0.85);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);z-index: -1;display: none;}
header .user-tool .search-contents.active{display:block;}
header .user-tool .search-contents .search-contents-inner{position: relative;border-top:1px solid #d8d7d4;}
header .user-tool .search-contents .search-contents-wrap{max-width:60.5rem;margin:0 auto;padding:6.4rem 0 7rem;}
header .user-tool .search-contents fieldset{position: relative;}
header .user-tool fieldset #keyword{width:100%;height:4.8rem;border:0;border-bottom:1px solid var(--black);padding:0;box-shadow:0 0 0 100px transparent inset;background-color: transparent;letter-spacing:0;}
header .user-tool fieldset #keyword::placeholder{font-size:2.4rem;color: var(--black20);font-family: 'poppins';}
header .user-tool fieldset .search__btn{position:absolute;top:0.3rem;right:0.5rem;}
header .user-tool .search-contents__popular{margin-top:4rem;padding:0 0.5rem;}
header .user-tool .search-contents__popular h3{font-size:1.5rem;font-weight:500;}
header .user-tool .search-contents__popular ul{margin-top:2rem;column-gap:3.8rem;row-gap:1rem;flex-wrap: wrap;}
header .user-tool .search-contents__popular a{font-size:1.4rem;color: var(--black40);font-weight:500;white-space: nowrap;transition:all .3s;}
header .user-tool .search-contents__popular a:hover{color: var(--black80);}
header .user-tool .search-contents--close{position:absolute;top:5.9rem;right:6.5rem;z-index:10;}
header .user-tool .user-tool__item .cart{position: relative;}
header .lnb{position:absolute;width:100%;top:0;left:0;overflow: hidden;z-index: -1;background-color: rgba(255,255,255,0.85);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);visibility: hidden;opacity:0;transition:all .3s .1s;}
header .lnb.active{visibility: visible;opacity:1;padding-top:7rem;}
header .lnb .lnb-inner{border-top:1px solid rgba(216,216,216,0.35);;display: grid;grid-template-columns:67.2fr 124.7fr;}
header .lnb .lnb__title{padding:3rem 9.8rem 3rem 0;text-align: right;font-size:2.6rem;}
header .lnb .lnb-contents{display:flex;padding:3.7rem 0 11.5rem;border-left:1px solid rgba(216,216,216,0.35);;}
footer{background-color: var(--darkGray);position: relative;z-index:100;}
footer .scroll-top{position:fixed;bottom:25px;right:25px;z-index:100;width:64px;height:64px;background-color:#3a3430;border-radius:50px;color: var(--white);font-size:1.3rem;cursor: pointer;}
footer .footer-inner{padding:7rem 6.5rem 6rem;}
footer .footer__left ul{display:flex;gap:4.5rem;align-items:center;}
footer .footer__left ul a{color: var(--white);}
footer .footer__left ul .policy a + a{margin-left:2.4rem;}
footer .footer__left ul .policy .line{position: relative;}
footer .footer__left ul .policy .line::after{position:absolute;content: "";display:block;top:50%;right: -1.4rem;width:1px;height:80%;transform: translateY(-50%);background-color: rgba(255,255,255,0.6);}
footer address{margin-top:2.4rem;color: var(--white);opacity:0.6;}
footer address span{line-height:1.64;font-size:1.4rem;}
footer address .line{position: relative;}
footer address span + span{margin-left:2rem;}
footer address p{margin-top:2.8rem;}
footer .footer__left .copyright{margin-top:2.8rem;color: var(--white);opacity:0.6;}
footer .footer__right{color: var(--white);}
footer .footer__right .footer__right--call{margin-top:3rem;font-size:1.7rem;font-weight:500;line-height:1.56;}
footer .footer__right .footer__right--call span{font-size:2.3rem;margin-left:1rem;font-family: "SpoqaHanSansNeo";}
footer .footer__right .footer__right--working{text-align: right;margin-top:0.4rem;font-size:1.4rem;line-height:1.57;opacity:0.8;}
#modalBackpanel{display:none;position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%;background:#000;}
#modalContainer{display:none;position:absolute;top:100px;left:100px;z-index:10001;width:975px;height:720px;border:1px solid #333;background:#fff;}
#modalContainer #modalContent{width:100%;height:100%;}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);}100%{opacity:1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}100%{opacity:1;-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);}}.button-type--1{border-radius:0.4rem;padding:1.25rem 3.5rem;font-size:1.6rem;letter-spacing: -0.032rem;font-weight:500;}
.button-type--1 img{margin-left:2.3rem;}
.dl-page .btnNormal{padding:0.5rem 1.2rem;font-size:1.4rem;font-weight:500;color: var(--black30);letter-spacing: -0.056rem;height:auto;line-height: normal;display: inline-block;border-radius:0.2rem;width:auto;}
.dl-page .btnNormal.on{color: var(--black);}
.button__color--darkGray{background-color: var(--darkGray);color: var(--white);transition:all .3s;}
.button-hover--orange:hover{background-color: var(--mainColor);color: var(--white);}
li{list-style:none;}
table{width:100%;border:0;border-spacing:0;border-collapse:collapse;}
caption{display:none;}
h1,h3{margin:0;}
.dl-layer{position:absolute;z-index:100;border:1px solid #757575;background:#fff;}
.dl-layer .header{padding:7px 35px 7px 19px;color:#fff;background:#495164;}
.dl-layer .header > h1,.dl-layer .header > h3{font-size:14px;line-height:1.5;}
.dl-layer .content{padding:20px;font-size:12px;}
.dl-layer .dl-btns{padding:9px;border-top:1px solid #d7d5d5;text-align:center;background:#fbfafa;}
.dl-layer .close{position:absolute;right:0;top:0;padding:11px 20px;cursor:pointer;}
header #logo a,header.active #logo a{background: url("../img/logo/logo.svg") no-repeat left center;
  background-size: contain;
  display: block;
  width: 152px;
  height: 26px;}
header #logo a .blind{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);}
header .lnb .lnb-inner{display:block; border-top:1px solid rgba(0,0,0,.07);}
header .lnb .lnb-contents{display:block; border-left:0;
  max-width:132rem; margin:0 auto; padding:4.4rem 4rem 5.6rem;}
header .lnb .lnb__title{max-width:132rem; margin:0 auto; padding:3.4rem 4rem 0;
  text-align:left; font-size:1.4rem; font-weight:700; letter-spacing:.24em;
  color:var(--subColor);}
header .lnb .lnb__cate{display:grid; grid-template-columns:repeat(8,1fr); gap:1.2rem;}
header .lnb .lnb__cate li{height:auto; line-height:normal; padding:0; margin:0;}
header .lnb .lnb__cate li::after{display:none;}
header .lnb .lnb__cate a{display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:1.6rem .6rem 1.8rem; border-radius:.6rem; transition:background .25s;}
header .lnb .lnb__cate a:hover{background:rgba(0,221,255,.10); text-decoration:none;}
header .lnb .lnb__cate .ic{display:block; width:8.4rem; height:8.4rem; margin-bottom:1.2rem;}
header .lnb .lnb__cate .ic img{width:100%; height:100%; display:block;}
header .lnb .lnb__cate .ko{display:block; font-size:1.5rem; font-weight:500; color:var(--fontColor);
  letter-spacing:-0.04rem; line-height:1.3;}
header .lnb .lnb__cate .en{display:block; margin-top:.5rem; font-size:1.1rem; letter-spacing:.1em;
  color:var(--gray5); text-transform:uppercase;}
header .lnb .lnb__cate a:hover .ko{color:var(--subColor);}
header .lnb .lnb__menu{display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem;}
header .lnb .lnb__menu li{height:auto; line-height:normal; padding:0; margin:0;}
header .lnb .lnb__menu li::after{display:none;}
header .lnb .lnb__menu a{display:block; padding:2.6rem 2.8rem 3rem; border-radius:.6rem;
  border:1px solid rgba(0,0,0,.07); transition:all .25s;}
header .lnb .lnb__menu a:hover{background:rgba(0,221,255,.08); border-color:var(--mainColor); text-decoration:none;}
header .lnb .lnb__menu .en{display:block; font-size:1.1rem; font-weight:700; letter-spacing:.2em;
  color:var(--subColor); text-transform:uppercase; margin-bottom:1rem;}
header .lnb .lnb__menu .ko{display:block; font-size:1.9rem; font-weight:700; color:var(--fontColor);
  letter-spacing:-0.05rem; line-height:1.3;}
header .lnb .lnb__menu .desc{display:block; margin-top:1rem; font-size:1.3rem; line-height:1.7; color:var(--fontProDesc);}
#contents{padding-bottom:var(--sp-page-bottom);}
body.page-index #contents{padding-bottom:0;}
.sub_page,.product-list,.product-search,.product-list .product,.product-search .product,#contents > .dl-block,body.brandpage .brand,body.brandpage .brand > section:last-child,body.brandpage .brand > .rotate-section > section:last-child{padding-bottom:0;}
:where(a,button,input,select,textarea,summary,[tabindex],[contenteditable]):focus-visible{outline:2px solid var(--subColor) !important;
  outline-offset:2px !important;
  /* 이 한 줄이 꼭 필요하다.
     번들이 곳곳에 transition: all 을 걸어 뒀는데, all 에는 outline-color 도 들어간다.
     그래서 상단 메뉴처럼 transition:all 이 걸린 링크는 포커스 링이 검은색에서
     브랜드색으로 서서히 변하고, 실제 화면에서는 계속 검정으로 보인다.
     포커스 표시는 즉시 보여야 하므로 이 상태에서는 전이를 끈다. */
  transition:none !important;}
footer :where(a,button):focus-visible,.button__color--darkGray:focus-visible{outline-color:var(--mainColor) !important;}
.skip-to-content{position:absolute; left:1.6rem; top:-100px; z-index:1000;
  padding:1.2rem 2rem; border-radius:.3rem;
  background:var(--subColor); color:var(--white);
  font-size:1.4rem; font-weight:700; transition:top .2s;}
.skip-to-content:focus{top:1.6rem;}
.blind{position:absolute; width:1px; height:1px; margin:-1px;
  padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;}
.ani_load,.ani_load2,#wrap{opacity:1 !important; filter:none !important; transform:none !important;}
#sec01 .main-slide .description .tit .l > span,#sec01 .main-slide .description .des .d > span,#sec01 .main-slide .description .status{transform:none !important;}
#sec05 .slogan,.round-text{opacity:1 !important; transform:none !important;}
}
html{color-scheme:light;}
a,button,[role="button"],input,select,textarea,label,summary{touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(0,221,255,.18);}
h1,h2,h3,h4,.sec_tit,.en_main_title_L,.sub_page_tit,#sec01 .main-slide .description .tit,.product_detail .story_txt .lead{text-wrap:balance;}
p{text-wrap:pretty;}
.m-nav-toggle,.m-nav-dim{display:none;}
@media (max-width:1023px){
:root{--fs-page:3.4rem;
    --fs-hero:3rem;
    --fs-sec:2.4rem;
    --fs-lead:2rem;
    --fs-h3:1.8rem;
    /* 본문 15px 는 한글에 작다. 16px 로 올리고 보조 글자도 한 단씩 올린다. */
    --fs-body:1.6rem;
    --fs-sm:1.4rem;
    --fs-xs:1.3rem;
    --fs-eyebrow:1.25rem;

    --sp-page-top:9rem;
    --sp-page-gap:4rem;
    --sp-page-bottom:8rem;
    --sp-section:6rem;
    --sp-tit:2.4rem;
    --sp-block:1.2rem;

    --page-pad:2rem;}
#wrap{min-width:0;}
.sub_page{margin-top:7rem; padding-left:var(--page-pad); padding-right:var(--page-pad);}
.sub_page .titleArea{padding-top:5rem; padding-bottom:3.4rem;}
#sec03 .video-content{min-width:0;}
img,video{max-width:100%;}
header{height:5.6rem; z-index:130;}
header .header-inner{padding:0 1.6rem;}
header #logo a,header.active #logo a{width:112px; height:19px;}
header .header-inner{display:flex; align-items:center;}
header #logo{order:1; margin-right:auto;}
header .user-tool{order:2;}
.m-nav-toggle{order:3;}
.m-nav-toggle{/* align-items 를 빼면 막대 세 개가 칸 왼쪽에 붙는다.
       칸은 44px 인데 그림은 20px 이라, 오른쪽에 24px 빈칸이 생겨
       옆 아이콘과는 붙고 화면 끝과는 벌어져 보였다. */
    display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px;
    width:4.4rem; height:4.4rem; margin-left:.4rem;
    background:none; border:0; padding:0; cursor:pointer;
    position:relative; z-index:140;}
.m-nav-toggle span{display:block; width:20px; height:2px; background:var(--btnBlack);
    transition:transform .25s, opacity .25s;}
.m-nav-toggle.is_open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.m-nav-toggle.is_open span:nth-child(2){opacity:0;}
.m-nav-toggle.is_open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.m-nav-dim{display:block; position:fixed; inset:0; background:rgba(11,43,58,.45); z-index:110;}
.m-nav-dim[hidden]{display:none;}
header nav{position:fixed; top:0; right:0; bottom:0; width:min(86vw, 34rem);
    background:var(--white); z-index:120; overflow-y:auto;
    padding:8rem 2.2rem 4rem;
    transform:translateX(100%); transition:transform .3s ease;
    box-shadow:-8px 0 24px rgba(0,0,0,.08);}
header nav.is_open{transform:translateX(0);}
header nav .gnb{display:block;}
header nav .gnb > li{padding:0; border-bottom:1px solid var(--border);}
header nav .gnb > li a.gnb__tit{display:block; padding:1.8rem 0 1.2rem; font-size:1.7rem; font-weight:700;
    letter-spacing:.06em; color:var(--btnBlack);}
header .lnb{position:static; visibility:visible; opacity:1; z-index:auto;
    background:none; backdrop-filter:none; -webkit-backdrop-filter:none;
    overflow:visible; padding:0 0 1.6rem; transition:none;}
header .lnb.active{padding-top:0;}
header .lnb .lnb-inner{border:0;}
header .lnb .lnb__title{display:none;}
header .lnb .lnb-contents{max-width:none; margin:0; padding:0;}
header .lnb .lnb__cate{grid-template-columns:repeat(4,1fr); gap:.4rem;}
header .lnb .lnb__cate a{padding:.8rem .2rem 1rem;}
header .lnb .lnb__cate .ic{width:4.6rem; height:4.6rem; margin-bottom:.6rem;}
header .lnb .lnb__cate .ko{font-size:1.2rem;}
header .lnb .lnb__cate .en{display:none;}
header .lnb .lnb__menu{grid-template-columns:1fr; gap:.4rem;}
header .lnb .lnb__menu a{padding:1.2rem 1.4rem; border-radius:.4rem;}
header .lnb .lnb__menu .ko{font-size:1.5rem;}
header .lnb .lnb__menu .desc{display:none;}
header .user-tool .search-contents{padding-top:5.6rem;}
header .user-tool .search-contents .search-contents-wrap{max-width:none; padding:5.6rem 2rem 4rem;   /* 위는 닫기 X 자리만큼 비운다 */}
header .user-tool .search-contents .search-contents--close{top:.6rem; right:.4rem; left:auto; bottom:auto; transform:none;}
header .user-tool .search-contents fieldset{position:relative;}
header .user-tool .search-contents .search__btn{top:50%; right:0; bottom:auto; transform:translateY(-50%);
    width:2.4rem; height:2.4rem;}
header .user-tool .search-contents .inputTypeText{padding-right:3.6rem;}
header .user-tool .search-contents .search-contents__popular{padding-left:0; padding-right:0;}
header .user-tool .search-contents .search-contents__popular ul{column-gap:1.8rem; row-gap:.8rem;}
header .user-tool .user-tool__item{gap:0;}
header .user-tool .search--icon,header .user-tool .header-inquiry-btn{display:flex; align-items:center; justify-content:center;
    width:4.4rem; height:4.4rem; padding:0; margin:0;}
header .user-tool .user-tool__item .search--icon img,header .user-tool .user-tool__item .header-inquiry-btn img,header .user-tool .user-tool__item .user-tool--icons{display:block; width:2.2rem; height:2.2rem; margin:0;}
.m-nav-toggle{margin-left:0;}
header .header-inner{padding-right:.4rem;}
footer .footer-inner{padding:4rem 2rem 5rem;}
footer .footer-inner > .f_b{display:block;}
footer .footer__right{align-items:flex-start; margin-top:3rem; text-align:left;}
footer .footer__right .footer__right--working{text-align:left;}
footer address br{display:none;}
footer address span,footer address span + span{display:block; white-space:normal; word-break:keep-all;
    padding-left:0; margin-left:0; text-indent:0;}
footer address span.line::after,footer address span.line::before{content:none;}
footer address p{margin-top:1.2rem;}
footer .copyright{font-size:var(--fs-xs); margin-top:1.6rem;}
footer .policy{margin-top:1.6rem;}
footer .footer__left > ul{display:block;}
footer .scroll-top{width:4.8rem; height:4.8rem; right:1.6rem; bottom:1.6rem;}
footer .scroll-top img{width:1.2rem;}
footer .scroll-top p{font-size:1rem;}
.product_detail p,.product_detail dd,.product_detail li,body.brandpage .txt_box p,body.brandpage .sustain_desc span,.support .guide_item p,.support .ch_item p{word-break:keep-all;}
body.brandpage .brand #sec01 .tit,.sub_page .titleArea .en_main_title_L{font-size:var(--fs-page); line-height:1.16; letter-spacing:-0.1rem;}
#sec02 h2{font-size:var(--fs-sec); height:auto; line-height:1.3; margin-bottom:0;}
body.brandpage .brand #sec01 .tit_sub,.sub_page .titleArea .sub_tit{font-size:var(--fs-sm);}
#sec01 .main-slide .description .tit,#sec03 .video__copy .line{line-height:1.32;}
input[type="text"],input[type="tel"],input[type="email"],input[type="search"],input[type="password"],input[type="number"],select,textarea{font-size:16px;}
.skip-to-content:focus{top:1rem;}
}
@media (min-width:768px) and (max-width:1023px){
html{font-size:62.5%;}
:root{--fs-page:4.4rem; --fs-hero:3.8rem; --fs-sec:2.8rem; --fs-lead:2.3rem;
    --sp-page-top:11rem; --sp-section:8rem; --page-pad:3.2rem;}
header nav{width:min(56vw, 40rem);}
header .lnb .lnb__menu{grid-template-columns:repeat(2,1fr);}
footer .footer-inner > .f_b{display:flex;}
footer .footer__right{margin-top:0;}
}