/* Review patches and responsive motion corrections. */
.review-note{padding:18px 25px;font:13px/1.6 sans-serif;word-break:keep-all;color:#555;background:#fff;border-top:1px solid #ddd}
#footer>.review-note{color:#aaa;background:#000;border-color:#333;margin:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.review-cta{position:absolute;left:25px;bottom:24px;z-index:10;font-family:'Noto Sans KR',sans-serif;font-size:13px;color:#000;border-bottom:1px solid #000;padding:8px 0}
#header .mob_nav .mob_nav_btn::after{content:'';position:absolute;min-width:44px;min-height:44px;left:50%;top:50%;transform:translate(-50%,-50%)}
.mob_nav_nav[hidden]{display:none!important}
.mob_nav_nav.review-open{display:block;opacity:1;overflow-y:auto;height:100dvh}
@media(max-width:768px){.review-cta{left:4.557vw;bottom:18px}.review-note{padding:16px 4.557vw}.mob_nav_nav .menu_wrap ul>li>a{display:inline-block;padding:8px 0}}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 #header nav ul li,#footer .site_map li{opacity:1!important;transform:none!important}
 #mainSec01 .text_wrap{transform:none!important}#mainSec01 .text1{opacity:1!important;transform:none!important}
 #mainSec01 .big_text .text2,#mainSec01 .small_text .text2{display:none}
 #mainSec01{height:auto!important;min-height:100vh}#mainSec01 .big_text_wrap{position:relative!important;top:auto!important;min-height:100vh}
 #mainSec01 .video_wrap .video{transform:none!important}
 #mainSec03{height:auto!important;overflow:hidden}#mainSec03 .back_text{position:relative!important;height:auto!important;padding:60px 25px}
 #mainSec03 .back_text .text_wrap{position:static!important;transform:none!important}
 #mainSec03 .container_wrap,#mainSec03 .container_box,#mainSec03 .container{position:relative!important;inset:auto!important;transform:none!important;height:auto!important;opacity:1!important}
 #mainSec03 .image-container{position:relative!important;transform:none!important;top:auto!important}
 #mainSec03 .image.review-clone{display:none!important}
 #mainSec02 h2,#mainSec05 h2,#mainSec07 h2,#mainSec08 .btn_wrap{opacity:1!important;transform:none!important}
}
/* The original fixed-height text reels leaked pixels from the next line. */
#mainSec01 .small_text>div p{line-height:1.25;white-space:nowrap}
#mainSec01 .small_text>div .text_wrap{height:100%}
#mainSec01 .small_text>div p.text2{top:0}
/* Keep source motion cropping inside its own section instead of hiding the document. */
body{overflow-x:visible}
#mainSec03,#mainSec07{overflow-x:clip}
/* Fixed 700px CMS inputs overflowed their existing form columns. */
#sub05_01_write .board_write input[type=text],#sub05_01_write .board_write input[type=password],#sub05_01_write textarea{max-width:100%;min-width:0;box-sizing:border-box}
#sub05_01_write .board_write>ul>li>div.con{min-width:0}
#sub05_01_write .board_write>ul>li.product label{word-break:keep-all;line-height:1.4}
@media(max-width:768px){#sub01_sec01 .text_wrap p,#sub01_sec02 p{overflow-wrap:anywhere;word-break:keep-all}}
#sub04_01_read .info_wrap p,#sub04_01_read .info_wrap span{white-space:normal!important;overflow-wrap:anywhere;word-break:keep-all}
@media(prefers-reduced-motion:reduce){
 #mainSec01 .small_text{width:90%;bottom:80px}
 #mainSec01 .small_text>div{height:auto!important;overflow:visible}
 #mainSec01 .small_text>div .text_wrap{position:static!important;height:auto!important}
 #mainSec01 .small_text>div p{white-space:normal;height:auto!important;line-height:1.5}
 #mainSec01 .small_text .text2{display:block!important;position:static!important}
 #mainSec01 .small_text .img_col{display:none}
 .review-reduced-title{font-size:12px;margin-bottom:12px}
 #mainSec06 .slot_num_wrap{width:auto!important;font:inherit;color:inherit}
 #mainSec07 .img_wrap.pc{display:block!important;height:auto!important}
 #mainSec07 .img_wrap.mob{display:none!important}
 #mainSec07 .img_wrap.pc ul{position:static!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%!important;height:auto!important;transform:none!important;margin:0 0 8px!important}
 #mainSec07 .img_wrap.pc ul li{width:100%!important;height:auto!important;transform:none!important;position:static!important}
 #mainSec07 .img_wrap.pc ul li img{width:100%;height:auto}
}
/* OUR STORY: constrain the decorative video mask to its own image frame. */
#sub01_sec03 .sec_bottom .img_wrap{overflow:clip}

/* Stable mobile stages; browser-toolbar resizing must not move section boundaries. */
@media(max-width:767px) and (prefers-reduced-motion:no-preference){
 #mainSec01{height:300svh}
 #mainSec01 .big_text_wrap,#mainSec03 .back_text,#mainSec03 .container,#mainSec08{height:100svh}
 #mainSec03{height:400svh}
 #mainSec03 .image-container{height:200svh}
 /* GSAP owns these transforms/opacity; CSS transitions would lag behind each frame. */
 #mainSec01 .big_text>div .text_wrap,#mainSec01 .small_text>div .text_wrap,
 #mainSec01 .video_wrap .video,#mainSec03 .back_text .text_wrap,
 #mainSec03 .back_text .text_wrap h2,#mainSec03 .container_box{transition:none}
}