/*모바일일때 헤드*/
@media screen and (max-width:768px) { header.header { height: 70px !important; background: #fff; } 
 header.header .logo { background: url(../../img/logo_b.png)no-repeat center / contain !important; } 
 header.header .inner { height: 70px; line-height: 70px; } 
 header.header.on .inner { height: 70px; line-height: 70px; } 
 }
 


/*미러라특징*/
.rnd-wr.page01 .cont-tit { padding-bottom: 3em; } 
.rnd-wr.page01 .b-tit { position: relative; display: inline-block; } 
.rnd-wr.page01 .b-tit .deco { position: absolute; bottom: 0; right: -3em; width: 100px; animation: rnd-pa01-deco 1s 1s 1 ease-in both; } 

.b-tit strong { color: var(--point-color); } 
.dis-wr { margin-top: 7rem; background: url(../../img/main_bg.jpg); } 
.dis-wr .inner { padding-top:14rem; padding-bottom: 14rem; } 
.dis-wr .dis-box { display: flex; } 
.dis-wr .dis-box:not(:last-of-type) { margin-bottom: 6em; } 
.dis-wr .dis-box:nth-child(even) { flex-direction: row-reverse; text-align: right; } 
.dis-wr .dis-box .dis-img { border-radius: var(--border-radius); overflow: hidden; } 
.dis-wr .dis-box .dis-txt { margin: auto 3em 4em; } 
.dis-wr .dis-box .dis-txt span { display: block; font-size: 1.8rem; font-family: 'DM Serif Text', serif; font-style: italic; letter-spacing: -0.64px; } 
.dis-wr .dis-box .dis-txt h3 { margin-bottom: 24px; font-size: 3rem; line-height: 36px; letter-spacing: -1px; } 
.dis-wr .dis-box .dis-txt p { color: #535353; font-size: 1.8rem; line-height: 1.5; letter-spacing: -0.32px; } 

.size-info-wr .inner { display: flex; justify-content: space-between; padding-top: 14rem; } 
.size-info-wr .size-m { width: calc(60% - 1.5rem); } 
.size-info-wr .size-s { width: calc(40% - 1.5rem); } 
.size-info-wr .size-wr { border: 1px solid #C9C9C9; border-radius: var(--border-radius); padding: 2.8rem; } 
.size-info-wr .size-wr h2 { font-size: 2.1rem; font-weight: 700; } 
.size-info-wr .size-wr .size-img { display:flex; justify-content: center; align-items: center; margin:3.5em 0 2.5em 0; } 
.size-info-wr .size-wr .size-img img { width: 200px; } 
.size-info-wr .size-wr .size-info { border-radius:calc(var(--border-radius) / 2); background: #F9F9F9; overflow: hidden; } 
.size-info-wr .size-wr .size-info li { display: flex; padding: 1em 1.2em; } 
.size-info-wr .size-wr .size-info li:first-child { border-bottom:1px dashed #D2D0D0; } 
.size-info-wr .size-wr .size-info .size-tit { display: inline-block; width: 144px; font-weight: 700; } 
.size-info-wr .size-wr .size-info .size-txt { display: inline-block; width: calc(100% - 144px); color: var(--gray-d-color); word-break: keep-all; } 
.size-info-wr .size-wr .size-img-m { display: none; } 

@media screen and (max-width:1400px){
 .rnd-wr.page01 .cont-tit { padding-bottom: 0; } 
 }
@media screen and (max-width:1200px){
 #sub .rnd-wr.page01 .b-tit { margin-bottom: 0; font-size: 4rem; } 
 .size-info-wr .size-wr .size-img img { width: 145px } 
 }
@media screen and (max-width:1024px){
 .rnd-wr.page01 .b-tit .deco { margin-right: -1em; } 
 .dis-wr .inner { padding-top: 7rem; padding-bottom: 7rem; } 
 .dis-wr .dis-box:not(:last-of-type) { margin-bottom: 3em; } 
 .size-info-wr .inner { padding-top: 7rem; } 
 .size-info-wr .size-m { width: calc(60% - 0.5rem); } 
 .size-info-wr .size-s { width: calc(40% - 0.5rem); } 
 .size-info-wr .size-wr .size-info li { flex-direction: column; } 
 .size-info-wr .size-wr .size-info .size-tit { width: 100%; } 
 .size-info-wr .size-wr .size-info .size-txt { width: 100%; } 
 }
@media screen and (max-width:768px){
 .dis-wr .dis-box { flex-direction: column; align-items: flex-start; } 
 .dis-wr .dis-box .dis-txt h3 { margin-bottom: 0.5em; font-size: 2.3rem; } 
 .dis-wr .dis-box .dis-txt { max-width: 100%; margin: 1em; } 
 .dis-wr .dis-box .dis-img { width: 400px; } 
 .dis-wr .dis-box:nth-child(even) { flex-direction: column; align-items: flex-end; } 
 .size-info-wr .inner { flex-wrap: wrap; } 
 .size-info-wr .size-m, 
 .size-info-wr .size-s { width: 100%; } 
 .size-info-wr .size-s { margin-top: 1em; } 
 }
@media screen and (max-width:550px){
 #sub .rnd-wr.page01 .b-tit { margin-top: 1em; font-size: 3rem; } 
 .dis-wr .dis-box .dis-img,
 .dis-wr .dis-box .dis-txt { width: 345px; } 
 .dis-wr .dis-box:last-child .dis-txt { margin-bottom: 0; } 
 .size-info-wr .size-wr .size-img { margin-top: 1.5em; } 
 .size-info-wr .size-wr .size-img-pc { display: none; } 
 .size-info-wr .size-wr .size-img-m { display: block; } 
 .size-info-wr .size-wr .size-img img { width: 245px; margin: 0 auto; } 
 .size-info-wr .swiper { overflow: hidden; } 
 .size-info-wr .swiper-pagination { display: flex; justify-content: center; margin-top: 1em; } 
 .size-info-wr .swiper-pagination-bullet { display: block; width: 8px; height: 8px; margin: 0 0.2em; background: #ddd; border-radius: 100%; } 
 .size-info-wr .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--point-s-color); } 
 }
@media screen and (max-width:480px){
 #sub .rnd-wr.page01 .b-tit { font-size: 2.5rem; letter-spacing: 0; } 
 .rnd-wr.page01 .b-tit .deco { width: 72px; } 
 .dis-wr { margin-top: 4rem; } 
 .dis-wr .dis-box .dis-img { width: 260px; } 
 .dis-wr .dis-box .dis-txt { margin: 1em 0; } 
 .size-info-wr .size-wr { padding: 1em; } 
 }



/*미러라 개발 히스토리*/
#sub #ft { margin-top: 0; } 
.rnd-wr.page02 .cont-tit { padding-bottom: 3em; } 

.devHis-box { display: flex; } 
.devHis-box:not(:last-of-type) { margin-bottom: 6em; } 
.devHis-box .devHis-img { border-radius: var(--border-radius); overflow: hidden; } 
.devHis-box .devHis-txt p { color: #535353; font-size: 1.8rem; line-height: 1.5; letter-spacing: -0.32px; } 
.devHis-box:nth-child(even) { flex-direction: row-reverse; } 
.devHis-box.devHis-box01 { flex-wrap: wrap; } 
.devHis-box.devHis-box02,
.devHis-box.devHis-box04 { justify-content: space-between; } 
.devHis-box.devHis-box02 .devHis-img { width: 543px; margin-top: 4rem; } 
.devHis-box.devHis-box03 { justify-content: center; margin-top: 8em; } 
.devHis-box.devHis-box03 .devHis-txt { margin:auto 6em auto 0; } 
.devHis-box.devHis-box04 .devHis-txt { margin-top: 7em; } 
.devHis-box.devHis-box04 .devHis-img { width: 543px; } 
.devHis-box.devHis-box04 .devHis-img img { border-radius: var(--border-radius); overflow: hidden; } 
.so-story-wr { height: auto; margin-top: 14rem; background: url(../../img/dev_img03.jpg)no-repeat center; } 
.so-story-wr .inner { padding-top: 14rem; padding-bottom: 14rem; } 
.so-story-wr h3,
.so-story-wr p { color: #fff; } 
.so-story-wr p { font-size: 1.8rem; font-weight: 300; } 

@media screen and (max-width:1400px){
 .rnd-wr.page02 .cont-tit { padding-bottom: 0; } 
 .devHis-box .devHis-txt { width: calc(100% - 604px); } 
 }
@media screen and (max-width:1200px){
 #sub .rnd-wr.page02 .b-tit { margin-bottom: 1em; font-size: 4rem; } 
 .devHis-box.devHis-box02 .devHis-img { width:48%; } 
 .devHis-box .devHis-txt { width: 50%; } 
 }
@media screen and (max-width:1024px){
 .rnd-wr.page02 .inner { padding-top: 0; padding-bottom: 0; } 
 #sub .rnd-wr.page02 .devHis-box02 .b-tit,
 #sub .rnd-wr.page02 .devHis-box03 .b-tit,
 #sub .rnd-wr.page02 .devHis-box04 .b-tit { font-size: 3rem; } 
 .devHis-box:not(:last-of-type) { margin-bottom: 3em; } 
 .devHis-box02 .devHis-txt,
 .devHis-box03 .devHis-txt,
 .devHis-box04 .devHis-txt { max-width: 428px; margin: auto 3em 4em; } 
 .devHis-box.devHis-box02 .devHis-img { width: auto; margin-top: 0; } 
 .devHis-box.devHis-box03 .devHis-txt { margin: auto 3em; text-align: end; } 
 .devHis-box.devHis-box04 .devHis-img { width: auto; } 
 .devHis-box.devHis-box04 .devHis-txt { margin-top: inherit; } 
 .devHis-box.devHis-box03 { justify-content: center; margin-top: 0; } 
 .so-story-wr { margin-top: 0; } 
 .rnd-wr.page02 .so-story-wr .inner { padding-top: 5em; padding-bottom: 5em; } 
 }
@media screen and (max-width:768px){
 #sub .rnd-wr.page02 .devHis-box02 .b-tit, 
 #sub .rnd-wr.page02 .devHis-box03 .b-tit, 
 #sub .rnd-wr.page02 .devHis-box04 .b-tit { font-size: 2.3rem; } 
 .devHis-box:nth-child(even) { flex-direction: column; } 
 .devHis-box .devHis-txt p { width: 90%; word-break: keep-all; } 
 .devHis-box .devHis-txt p br { display: none; } 
 .devHis-box.devHis-box02 .devHis-img,
 .devHis-box.devHis-box03 .devHis-img,
 .devHis-box.devHis-box04 .devHis-img { width: 400px; } 
 .devHis-box.devHis-box03 { flex-direction: column; align-items: flex-end; margin-left: auto; } 
 .devHis-box.devHis-box03 .devHis-txt p { margin-left: auto;margin-right: 0; text-align: right; } 
 .devHis-box.devHis-box02 .devHis-txt, 
 .devHis-box.devHis-box03 .devHis-txt, 
 .devHis-box.devHis-box04 .devHis-txt { margin: 0 0 2em 0; } 
 .devHis-box .devHis-txt {width: 100%;}
 .so-story-wr { margin-top: 4em; } 
 .so-story-wr p { width:100%; word-break: keep-all; } 
 .so-story-wr p br { display: none; } 
 }
@media screen and (max-width:550px){
 #sub .rnd-wr.page02 .b-tit { margin-top: 1em; font-size: 3rem; } 
 }
@media screen and (max-width:480px){
 #sub .rnd-wr.page02 .b-tit { font-size: 2.5rem; letter-spacing: 0; } 
 .devHis-box.devHis-box02 .devHis-img, 
 .devHis-box.devHis-box03 .devHis-img, 
 .devHis-box.devHis-box04 .devHis-img { width: 260px; } 
 .devHis-box.devHis-box03 p br:first-child { display: none; } 
 .so-story-wr { background: url(../../img/dev_img03.jpg)no-repeat center / cover; } 
 #sub .rnd-wr.page02 .devHis-box02 .b-tit, #sub .rnd-wr.page02 .devHis-box03 .b-tit, #sub .rnd-wr.page02 .devHis-box04 .b-tit { margin-top:0; } 
 }





/*특별출원 과정*/
#sub .patent-wr.inner { padding-left: calc(var(--inner-padding)*1.6); padding-right: calc(var(--inner-padding)*1.6); } 
.patent-wr { position: relative; } 
.patent-wr .pat-day-wr { position: sticky; top: 10em; width: fit-content; padding: 3em; background: var(--light-bg-color); border-radius: var(--border-radius); } 
.patent-wr .pat-step-img { margin-left: auto; margin-top: -23em; margin-right: var(--main-padding); } 
.patent-wr .badge-wr img { display: inline-block; margin: 0 1em; } 
.patent-wr .pat-day-txt { padding-top: 1em; margin-top: 1.5em; border-top: 1px solid #c5c5c5; line-height: 1.7; } 
.patent-wr .pat-day-txt p { color: var(--gray-d-color); } 
.patent-wr .pat-day-txt p span { display: inline-block; width: 90px; color: #000; font-weight: 600; } 

@media screen and (max-width:1600px){
 .patent-wr .pat-day-wr { padding: 2em; } 
 .patent-wr .pat-step-img { width: 50%; margin-right: 0; } 
 .badge-wr img { width: 104px; } 
 }
@media screen and (max-width:1400px) { } 
@media screen and (max-width:1200px){
 #sub .patent-wr.inner { display: flex; justify-content: flex-start; align-items: flex-start; } 
 .patent-wr .pat-step-img { margin-top: 0; } 
 }
@media screen and (max-width:1024px){
 #sub .patent-wr.inner { flex-wrap: wrap; } 
 .badge-wr img { width: 72px; } 
 .patent-wr .pat-day-wr { width: 100%; text-align: center; } 
 .patent-wr .pat-step-img { width: 60%; margin: 3em auto 1em; } 
 }
@media screen and (max-width:768px){
 .patent-wr .pat-step-img { width: 100%; } 
 }
@media screen and (max-width:550px) { } 
@media screen and (max-width:480px) { } 

/*개발중인 상품*/
.coming { width: 100%; height: 350px; border-radius: var(--border-radius); background: var(--light-bg-color); overflow: hidden; } 
.coming h1 { color: #878787; text-align: center; line-height: 350px; }