@charset "utf-8";

@import url('//fonts.googleapis.com/css2?family=Oswald&display=swap');


@charset "utf-8";


.grid{position:relative;height:900px}
.grid-item{position:absolute}
.grid-item1{left:0%; top:0px}
.grid-item2{left:20.1342%; top:0px}
.grid-item3{left:40.2685%; top:0px}
.grid-item4{left:60.4027%; top:0px}
.grid-item5{left:80.5369%; top:0px}
.grid-item6{left:80.5369%; top:300px}
.grid-item7{left:0%; top:300px}
.grid-item8{left:40.2685%; top:300px}
.grid-item9{left:60.4027%; top:300px}
.grid-item10{left:20.1342%; top:300px}
.grid-item11{left:80.5369%; top:300px}
.grid-item12{left:0%; top:600px}
.grid-item13{left:40.2685%; top:600px}
.grid-item14{left:60.4027%; top:600px}
.grid-item15{left:80.5369%; top:600px}
.grid-item16{left:20.1342%; top:600px}



#mc_special { position:relative; height:870px; overflow:hidden; background:#fff; max-width:1920px; margin:0 auto; overflow:hidden }
#mc_special:after { content:''; top:0; left:50%; margin-left:-960px; position:absolute; width:1920px; height:870px; border:1px solid #f00; z-index:1; display:none }

#box_fade { top:0; left:0; position:absolute; width:100%; height:100%; background:#fff; z-index:1; display:none !important }

#mc_special .swiper-container { width:100%; height:100%; position:relative }

#mc_special .swiper-slide { width:100%; overflow:hidden }
#mc_special .swiper-slide .container { position:relative; left:50%; margin-left:-960px; width:1920px; height:870px; overflow:hidden }
#mc_special .swiper-slide .container .wrap { position:relative; top:50%; left:50%; margin:-535px 0 0 -1060px; width:2120px; height:1070px; overflow:hidden;}

/* vimeo */
#mc_special .swiper-slide .container_vimeo { }
#mc_special .swiper-slide .container_vimeo iframe { top:0; left:0; position:absolute; width:100%; height:100% }
#mc_special .swiper-slide .container_vimeo .bg_poster { top:0; left:0; position:absolute }
#mc_special .swiper-slide .container_vimeo .typo { top:0; left:0; position:absolute }
#mc_special .swiper-slide .container_vimeo .poster { top:0; left:0; position:absolute; /*transition:all ease-in-out .5s*/ }
#mc_special .swiper-slide .container_vimeo .poster.fadeOut { opacity:0 }

.paused { animation-play-state:paused }
.running { animation-play-state:running }

/* gp_bg1 --------------------------------------------------------------------- */
#mc_special .swiper-slide .gp_bg1 { position:absolute; top:0; left:0; animation:mvTxt2 3.5s 0s forwards; }
#mc_special .swiper-slide .gp_bg1 img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); filter:blur(0) grayscale(0); opacity:0 }


/* gp_bg2 --------------------------------------------------------------------- */
#mc_special .swiper-slide .gp_bg2 { position:absolute; top:0; left:0; animation:sv-bg-change 5s infinite }
#mc_special .swiper-slide .gp_bg2 img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); filter:blur(0) grayscale(0) }

/* gp_typo --------------------------------------------------------------------- */
#mc_special .swiper-slide .gp_typo { position:absolute; top:0; left:0; animation:mvTxt 3.5s 0s forwards; }
#mc_special .swiper-slide .gp_typo img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); filter:blur(0) grayscale(0) }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* prev/next */
#mc_special .btn_pn { top:50%; margin-top:-50px; position:absolute; width:100px; height:100px; background:rgba(0,0,0,0); border-radius:50px; overflow:hidden; cursor:pointer; z-index:1; border:1px solid rgba(255,255,255,0); transition:all ease-out .3s }
#mc_special .btn_prev { left:120px }
#mc_special .btn_prev .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(135deg); position:relative; margin-left:10px }
#mc_special .btn_next { right:120px }
#mc_special .btn_next .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); position:relative; margin-left:-10px }
#mc_special .arrow { border:solid rgba(0,0,0,.2); border-width:0 1px 1px 0; display:inline-block; vertical-align:middle; padding:24px }

.custom-pagination {position:absolute;bottom: 15% !important;left:0;display: flex;padding:0 1em;box-sizing:border-box;justify-content:center;align-items:center; color:#fff;font-size:1em; z-index:2;}
.progress__bar {position:relative;width:50%;height:1px; margin:0 20px;background-color:#fff;}
.progress__fill {position:absolute;inset:0; display:block;height: 100%; background-color:#c7c7c7; }
.current {color:#f4e5db}
.wpb_row{position:relative;}
.wpb_row .row-bg-wrap{
	 width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	}
.material .wpb_row{margin-bottom:0px}
.nectar-shape-divider-wrap{position:absolute;top:auto;bottom:0;left:0;right:0;width:100%;height:100%;z-index:3;transform:translateZ(0);top:auto;bottom:120px;left:0;right:0;width:100%;height:150px;z-index:3;transform:translateZ(0);}
.only_m{display:none}
@keyframes mvBgScale {
    0% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes sv-bg-change {
	0% {-webkit-transform: scale(1);animation-timing-function: ease-in;}
	50% {-webkit-transform: scale(1.1); animation-timing-function: ease-out;}
	100% {-webkit-transform: scale(1); }
}

@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}
@keyframes mvTxt {
    0% {
        transform:translateX(200px);
        opacity:1;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}
@keyframes mvTxt2 {
    0% {
        transform:translateX(-200px);
        opacity:1;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}

/* flex-box */
.flex_row{display: flex; }
.flex_row.fw{flex-wrap:wrap; }
.flex_row.al_fs{display: flex; align-items: flex-start;}
.flex_row.center{display: flex; align-items: center;}
.flex_row.jc_center{justify-content: center;}
.flex_row.jc_fs{justify-content: flex-start;}
.flex_row.jc_fe{justify-content: flex-end;}
.flex_row.sb{justify-content:space-between;}
.flex_row.sa{justify-content:space-around;}
.flex_row.se{justify-content:space-evenly;}

.main_content02{position:relative; width:100%; overflow:hidden; }
.main_cont02_wrap{position:relative; width:100%; height:100%; max-width:1800px; margin:0 auto;}
.main_cont02_wrap > div{width:33%;}

.main_cont02_img{position:relative; overflow:hidden;}
.main_cont02_img_box{width: 68%; overflow: hidden; z-index: 0;}
.main_cont02_img_box > .main_cont02_img_01{border-radius:0 150px 0 0; overflow: hidden;}
.main_cont02_img_box > .main_cont02_img_02{border-radius:150px 0 0 0;}
.main_cont02_img_box.on > .main_cont02_img_01{transform: scale(1); transition: transform 8s 0.3s ease-in-out; -webkit-transition: transform 8s 0.3s ease-in-out; -moz-transition: transform 8s 0.3s ease-in-out; -ms-transition: transform 8s 0.3s ease-in-out; -o-transition: transform 8s 0.3s ease-in-out; overflow: hidden;}
.main_cont02_img_text_wrap01{margin-top:-9.6%; z-index: 1;}
.main_cont02_img_text_wrap02{margin-top:-10.5%; z-index: 1;}
.main_cont02_img_text_wrap > p{padding:2% 0;}
.main_cont02_img_text_wrap01 .main_cont02_img_text01{-webkit-text-fill-color: transparent; background: linear-gradient(-0deg, #333 55%, #fff 45%); -webkit-background-clip: text;}
.main_cont02_img_text_wrap02 .main_cont02_img_text01{-webkit-text-fill-color: transparent; background: linear-gradient(-0deg, #333 50%, #fff 50%); -webkit-background-clip: text;}

.main_cont02_text_wrap{padding:4% 0 0;}

.main_cont02_img02{padding:4% 0 0;}

.main_cont02_btn{position:relative; width:200px; height:50px; margin:0 auto; border:2px solid #c2b093; border-radius:50px; overflow:hidden;}
.main_cont02_btn:hover{background:#c2b093; transition:background 0.4s 0.1s ease-in-out; -webkit-transition:background 0.4s 0.1s ease-in-out; -moz-transition:background 0.4s 0.1s ease-in-out; -ms-transition:background 0.4s 0.1s ease-in-out; -o-transition:background 0.4s 0.1s ease-in-out;}
.main_cont02_btn > a{display:block;}
.main_cont02_btn > a > p{color:#c2b093; line-height:45px; letter-spacing:0.02em;}
.main_cont02_btn > a > p::after{content:''; position:absolute; top:0; left:0; width:0; height:100%; transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; z-index:-1;}
.main_cont02_btn:hover > a > p{color:#fff;}
.main_cont02_btn:hover > a > p::after{width:100%; background:#c2b093; transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out;}
span.arrow_right{display:inline-block; width:20px; height:11px; background: url(../img/arrow.svg) 50% 50%/100% no-repeat;}
.main_cont02_btn:hover span.arrow_right{background: url(../img/arrow_w.svg) 50% 50%/100% no-repeat;}

.pc_cont{display:block; opacity:1; visibility:visible;}
.m_cont{display:none; opacity:0; visibility:hidden;}

.blue{color:#91a8d6}

.tt-section {position: absolute;bottom: 0;left: 0;}
.tt-scrolling-text {display: flex;position: relative;pointer-events: none;}
.tt-scrolling-text-inner {padding-left: 2vw;font-size: calc(16px + 4vw);line-height: 1;font-family: 'IvyMode';font-weight: 500;color: #000;white-space: nowrap;animation-name: tt_scrolling_text; animation-timing-function: linear; 
	animation-iteration-count: infinite; animation-play-state: running;opacity:.05; letter-spacing:2px;	/* animation-duration is handled by js. */}
.tt-scrolling-text-inner:after {content: attr(data-text);}

@keyframes tt_scrolling_text {
	0% { transform: translateX(0) }
	100% { transform: translateX(-50%) }
}

/* Animation direction reverse. */
.tt-scrolling-text.scr-text-reverse .tt-scrolling-text-inner {
	animation-direction: reverse;
}
.tt-scrolling-text.scr-text-stroke .tt-scrolling-text-inner {
	font-weight: normal;
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
	opacity:.5;
	-webkit-text-fill-color: transparent;
}


.case_slide_wrap {position: relative; overflow: hidden;}
.case_slide_wrap:after {content:''; display: block; width: 100%; height: 100%;position: absolute; bottom: -100%; left: 0; transition:1s; z-index: -1;}
.case_slide_wrap.active:after {bottom: 0;}
.case_slide_wrap .inner {position: relative;}
.case_slide_wrap .tit_box {max-width:1600px; padding: 0 15px; margin: 0 auto; position: relative;}
.case_slide_wrap .tit_box .tit_wrap {position: absolute; top: 0; left: 15px;}
.case_slide_wrap .tit_box .tit_wrap h3 {letter-spacing: -0.2rem;}
.case_slide_wrap .case_slide {  max-width:2600px; margin: 0 auto; text-align: right; position: relative;}
.case_slide_wrap .case_slide .case_list {display: inline-block;width: 60%; }
.case_slide_wrap .case_slide .list {text-align: center; margin: 0 20px;}
.case_slide_wrap .case_slide .list_in {}
.case_slide_wrap .case_slide .list .img {margin-bottom: 25px; border-radius:0 70px 0 0; overflow: hidden; }
.case_slide_wrap .case_slide .list .img img {max-width:100%;transition:.5s; }
.case_slide_wrap .case_slide .list:hover .img img {transform:scale(1.2);}
.case_slide_wrap .case_slide .list span {display: inline-block; padding: 10px ;border: 1px solid #b0945e; transition:.1s; position: relative; overflow: hidden; text-align:left;border-radius:30px}
.case_slide_wrap .case_slide .list:hover span { color: #fff; border-color: #b0945e;}
.case_slide_wrap .case_slide .list span:after {content:''; display: block; width: 0; height: 100%; background-color: #b0945e; position: absolute; top: 0; right: 0;  transition:.25s; z-index: -1;}
.case_slide_wrap .case_slide .list:hover span:after {left: 0; width: 100%;} 


.case_slide_wrap .tit_box2 {padding: 0 15px; margin: 0 auto; position: relative;}
.case_slide_wrap .tit_box2 .tit_wrap {position: absolute; top: 0; left: 9%;}
.case_slide_wrap .tit_box2 .tit_wrap h3 {letter-spacing: -0.2rem;}
.case_slide_wrap .case_slide2 {  max-width:2600px; margin: 0 auto; text-align: right; position: relative;}
.case_slide_wrap .case_slide2 .case_list {display: inline-block;width: 65%; }
.case_slide_wrap .case_slide2 .list2 {text-align: center; margin: 0 10px;}
.case_slide_wrap .case_slide2 .list2 .img {margin-bottom: 25px; overflow: hidden; }
.case_slide_wrap .case_slide2 .list2 .img img {max-width:100%;transition:.5s; width:100%}
.case_slide_wrap .case_slide2 .list2:hover .img img {transform:scale(1.1);}

.more_btn {position:relative;z-index:99;display:block; cursor:pointer}
.more_btn span {display: inline-block; padding: 10px ;border-bottom: 1px solid #d29375; transition:.1s; position: relative; overflow: hidden; text-align:left}
.more_btn:hover span { color: #fff; border-color: #9d7365;}
.more_btn span:after {content:''; display: block; width: 0; height: 100%; background-color: #9d7365; position: absolute; top: 0; right: 0;  transition:.25s; z-index: -1;}
.more_btn:hover span:after {left: 0; width: 100%;}
/* selfi */
.mc_selfie_container { max-width:1490px; margin:0 auto; position:relative }
#mc_selfie .grid img { width:100% }
#mc_selfie .grid-sizer { width:calc((100% - 40px)/5) }
.gutter-sizer { width:10px }
#mc_selfie .grid-item { width:calc((100% - 40px)/5); overflow:hidden; margin-bottom:10px; cursor:pointer; overflow:hidden; transition:all 1s cubic-bezier(0.22, 1, 0.36, 1) }
#mc_selfie .grid-item .wrap { width:100%; position:relative; overflow:hidden; background:#fff }
#mc_selfie .grid-item .wrap .default { position:relative; width:100%; transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) }
#mc_selfie .grid-item .wrap .active { top:0; left:0; position:absolute; width:100%; height:100%; opacity:0; /*transform:scale(1.2);*/ transition:all ease-in-out .4s }
#mc_selfie .grid-item .wrap .active .swiper-container { position:relative; width:100%; height:100%; background:rgba(255,0,0,.5) }
#mc_selfie .grid-item .wrap .active .swiper-container .swiper-wrapper { }
#mc_selfie .grid-item .wrap .active .swiper-container .swiper-wrapper .swiper-slide { position:relative }
#mc_selfie .grid-item .wrap .active .swiper-container .swiper-wrapper .swiper-slide .t_before { top:5px; left:5px; position:absolute; font-family:'Nanum Gothic'; font-size:10px; line-height:1; color:#ccc; padding:5px 7px; background:rgba(0,0,0,.8); border-radius:5px; z-index:100 }
#mc_selfie .grid-item .wrap .active .swiper-container .swiper-wrapper .swiper-slide .t_after { top:5px; left:5px; position:absolute; font-family:'Nanum Gothic'; font-size:10px; line-height:1; color:#ccc; padding:5px 7px; background:rgba(0,0,0,.8); border-radius:5px; z-index:100 }
#mc_selfie .grid-item .wrap .active .swiper-container .swiper-wrapper .swiper-slide .square { top:0; left:0; position:absolute; width:100%; height:100%; background:rgba(0,0,0,.4) }

#mc_selfie .grid-item .wrap > div .video { width:100%; height:100%; object-fit:cover }
#mc_selfie .grid-item .wrap > div img { width:100%; height:100%; object-fit:cover }

#mc_selfie .grid-item .wrap_fix { width:100%; height:0; position:relative; overflow:hidden; background:#fff /*padding-bottom:calc((1000/752)*100%)*/ }
#mc_selfie .grid-item .wrap_fix .default { top:0; left:0; position:absolute; width:100%; height:100%; transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) }
#mc_selfie .grid-item .wrap_fix .active { top:0; left:0; position:absolute; width:100%; height:100%; /*opacity:0; transform:scale(1.2);*/ transition:all ease-in-out .4s }
#mc_selfie .grid-item .wrap_fix > div .video { width:100%; height:100%; object-fit:cover }
#mc_selfie .grid-item .wrap_fix > div img { width:100%; height:100%; object-fit:cover }

#mc_selfie .grid-item .square { top:0; left:0; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0); cursor:auto; transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) }

#mc_selfie .grid-item .info_wrap { position:absolute; bottom:0; left:0; position:absolute; width:100%; height:40px; background:rgba(255,255,255,1); transition:all .5s cubic-bezier(0.33, 1, 0.68, 1); display:none }
#mc_selfie .grid-item .info_wrap > div { height:100%; display:flex; justify-content:flex-end; align-items:center }
#mc_selfie .grid-item .info_wrap > div .name { font-family:'nanum'; font-size:10px; line-height:1; color:#555; text-transform:uppercase; padding-right:15px; position:relative }
#mc_selfie .grid-item .info_wrap > div .name:before { content:''; top:1px; right:0; position:absolute; width:1px; height:calc(100% - 2px); background:#ccc }
#mc_selfie .grid-item .info_wrap > div .heart { width:40px; height:30px; display:flex; justify-content:center; align-items:center }
#mc_selfie .grid-item .info_wrap > div .heart img { width:auto }

#mc_selfie .grid-item .data_wrap { top:0; left:0; position:absolute; width:100%; height:100%; padding-bottom:20px; display:flex; justify-content:center; align-items:flex-end }
#mc_selfie .grid-item .data_wrap p { opacity:0; transform:translateY(-50px); text-align:center; font-family:'nsn_1';  font-size:14px; line-height:1.6; color:#fff; transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) }

#mc_selfie .grid-item .more_wrap { top:0; left:0; position:absolute; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center }
#mc_selfie .grid-item .more_wrap .logo { opacity:0; transform:translateY(50px); width:auto; transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) .2s}
#mc_selfie .grid-item .more_wrap .title { opacity:0; transform:translateY(50px); line-height:1; letter-spacing:1px; color:rgba(255,255,255,.7); margin-top:5px; transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) .3s }
#mc_selfie .grid-item .more_wrap .icon { opacity:0; transform:scale(2); margin-top:20px; width:60px; height:60px; border-radius:50%; border:1px solid rgba(255,255,255,.2); transition:all .5s cubic-bezier(0.34, 1.56, 0.64, 1) }
#mc_selfie .grid-item .more_wrap .icon:before { content:''; top:50%; left:50%; margin-top:-12px; position:absolute; width:1px; height:24px; background:rgba(227,199,186,9) }
#mc_selfie .grid-item .more_wrap .icon:after { content:''; top:50%; left:50%; margin-left:-12px; position:absolute; width:24px; height:1px; background:rgba(227,199,186,9) }

/*#mc_selfie .grid-item .idx { top:0%; left:0%; position:absolute; font-family:'Oswald-regular'; font-size:20px; line-height:1; color:#fff; padding:10px; background:#00f; display:none }*/


/* more */
#mc_selfie .btn_more_wrap { display:flex; justify-content:center; align-items:center; margin-top:0px; transition:all .2s ease-in-out; overflow:hidden; display:none !important }
#mc_selfie .btn_more_wrap.off { opacity:0 }
#mc_selfie .btn_more { border-radius:6px; overflow:hidden; box-sizing:border-box; border:10px solid #333; cursor:pointer; position:relative; /*display:none*/ }
#mc_selfie .btn_more p {  font-family:'nsn_0'; font-size:36px; font-weight:bold; line-height:1; color:#333; padding:34px 60px 26px 60px; box-sizing:border-box }
#mc_selfie .btn_more .icon { top:50%; left:30px; margin-top:-15px; position:absolute; width:30px; height:30px; transform:rotate(-180deg) scale(0); transition:all ease-out .3s }
#mc_selfie .btn_more .icon.on { transform:rotate(0deg) scale(1) }
#mc_selfie .btn_more .icon:before { content:''; top:calc(50% - 1px); left:0; position:absolute; width:100%; height:2px; background:#0475f4 }
#mc_selfie .btn_more .icon:after { content:''; top:0; left:calc(50% - 1px); position:absolute; width:2px; height:100%; background:#0475f4 }




#patella_0104 section:not(:last-of-type){ margin-bottom: 100px; }
#patella_0104 .banner{ padding: 85px 0; margin-top: 60px; }
#patella_0104 .banner h4{ font-family: var(--Montserrat); font-size: 5.5rem; font-weight: 700; color: #fff; letter-spacing: -0.04em; text-align: center; }

#patella_0104 .patella_0104_box .flex-box{ display: flex; }
#patella_0104 .patella_0104_box .image-box{ padding-top: 22px;width:44%  }
#patella_0104 .patella_0104_box .image-box .sticky{ max-width: 615px; width: 85%; position: sticky; top: 30%; left: 0; }
#patella_0104 .patella_0104_box .image-box figure{ width: 100%; position: relative; overflow: hidden; padding-bottom: 61.3%; }
#patella_0104 .patella_0104_box .image-box figure img{ width: 100%; /* height: 100%; */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#patella_0104 .patella_0104_box .text-box{ padding-left: 0px;width:63% }
#patella_0104 .patella_0104_box .text-box ul li{ position: relative; }
#patella_0104 .patella_0104_box .text-box ul li::before{ content: ""; width: 1px; height: 100%; background: #ddd; position: absolute; top: 22px; left: -82px ; }
#patella_0104 .patella_0104_box .text-box ul li:not(:last-of-type){ padding-bottom: 65px; }
#patella_0104 .patella_0104_box .text-box ul li:last-of-type::before{ display: none; }
#patella_0104 .patella_0104_box .text-box .sticy_img::before{content: "";width: 14px;height: 14px;background: #567ecf;border-radius: 50%;position: absolute;top: 130px;left: -88px;}
#patella_0104 .patella_0104_box .text-box ul li dl:not(:last-of-type){ margin-bottom: 20px; }
#patella_0104 .patella_0104_box .text-box dl *{ font-size: 1.7rem; letter-spacing: -0.02em; }
#patella_0104 .patella_0104_box .text-box dl dt{ font-family: var(--Montserrat); font-weight: 600; color: var(--mainColor); margin-bottom: 10px; }
#patella_0104 .patella_0104_box .text-box dl dd{ font-weight: 400; color: #1F1F1F; }
#patella_0104 .patella_0104_box .text-box li div{display:inline-block;}
.sticy_txt{position:relative; top:50px; margin-left:15px}
.clic_box ul{overflow:hidden;}

.scon_2_in ul{overflow:hidden;}
.scon_2_in li{float:left; width:calc(25% - 40px); margin:20px; position:relative}


.move_text_box {z-index:-1}
.move_text_box .text { display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden; transition: 0.3s; font-size: 8rem; color: #f3f4f6; font-family:'IvyMode';}
.move_text_box .text p { animation: textLoop 20s linear infinite; padding-right: 14.3rem; line-height: 1.4;}

@keyframes textLoop {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
@keyframes textLoop2 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

#patella_0104.bg_wblue .patella_0104_box .text-box .sticy_img::before{background:#75a7d2}
#patella_0104.bg_wgreen .patella_0104_box .text-box .sticy_img::before{background:#85b7a6}
#patella_0104.bg_wred .patella_0104_box .text-box .sticy_img::before{background:#b46f6f}

.doctor_list  {}
.bg_white_in{background:#fff; border-radius:50px}
.bg_gray_in{background:#f5f5f5; border-radius:50px}
.list_txt{position:relative; left:1.1%}
.pt50{padding-top:100px}
.pb50{padding-bottom:100px !important}

.symptom_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 28px;
  margin: 0 auto;
  padding: 40px 30px;
  border-radius: 24px;
  width:90%
}

.symptom_item {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 40px;
  padding: 20px 20px;
  color: #333;
  font-weight: 400;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}

.symptom_item .num {
  font-weight: 600;
  color: #f08e7f;
  margin-right: 10px;
  font-size: 18px;
}


.info_box_wrap {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #f1f1f1;
  border-radius: 20px;
  padding: 30px 20px;
  flex-wrap: wrap;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
}
.info_item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 160px;
}


.info_text .label {
  display: block;
  color: #666;
}

.info_text .value {

  color: #222;
}


.s_tab {width: 100%;margin: 0 auto;text-align: center;font-size: 0;margin-left:0; z-index:1;}
.s_tab li {display: inline-block; vertical-align: top; margin:0 -1px; width:25%}
.s_tab li a {display: block;  text-align: center;font-size: 16px; padding-bottom:20px; font-weight: 400; color: #787878;  border-left: none;  transition: .25s;  border-bottom: 5px solid transparent;}
.s_tab li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 5px;  display: block;  z-index: -1;}
.s_tab li a.active,
.s_tab li a:hover{ color: #151515; border-bottom: 5px solid #151515; font-weight:500}
.s_tab_con > .con {display: none;}
.s_tab_con > .con.active {display: block;}
.s_tab_con > .con  h4{ position:relative;}


.s_tab2 {width: 100%;margin: 0 auto;text-align: center;font-size: 0;margin-left:0; z-index:1;}
.s_tab2 li {display: inline-block; vertical-align: top; margin:0 -1px; width:25%}
.s_tab2 li a {display: block;  text-align: center;font-size: 16px; padding-bottom:20px; font-weight: 400; color: #787878;  border-left: none;  transition: .25s;  border-bottom: 5px solid transparent;}
.s_tab2 li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 5px;  display: block;  z-index: -1;}
.s_tab2 li a.active,
.s_tab2 li a:hover{ color: #151515; border-bottom: 5px solid #151515; font-weight:500}
.s_tab_con2 > .con {display: none;}
.s_tab_con2 > .con.active {display: block;}
.s_tab_con2 > .con  h4{ position:relative;}


.s_tab .col-1 li{width:calc(50% - 2px);}
.s_tab .col-2 li{width:calc(50% - 2px);}
.s_tab .col-3 li{width:calc(33.33% - 2px);}
.s_tab .col-4 li{width:calc(25% - 2px);}
.s_tab .col-5 li{width:calc(20% - 2px);}
.s_tab .col-6 li{width:calc(16.8%);}
.s_tab .col-7 li{width:calc(14% - 2px);}



.eye_0501_list ul{border-radius:20px; overflow:hidden}
.eye_0501_list li{float:left; width:calc(50% - 20px); margin:10px}
.eye_0501_list .tit{background:#d29375; padding:20px}
.eye_0501_list .sub_txt{padding:30px 100px}
.eye_0501_list .sub_txt2{padding:50px 100px}
.check_icon{position:relative; margin-right:10px}
.sum_img2{position:relative;border-radius:40px 40px 0 0}
.sum_tit{position:absolute; bottom:0%; width:100%; background:#d7a997; padding:10px 0; border-radius: 0 0 40px 40px; color:#fff}
.sum_tit2{width:100%; background:#d7a997; padding:10px 0; color:#fff}
.sub_txt{background:#fff3ee; border-radius: 0 0 40px 40px}
.sub_txt2{background:#fff3ee; border-radius: 40px}

.check_br_con{position:relative}
.check_br{position:absolute; width:10%; display:inline-block;}
.check_br2{position:absolute; width:2%; display:inline-block;}
.check_txt{margin-left:40px; width:90%; display:inline-block;}
.check_txt2{margin-left:15px; width:98%; display:inline-block;}
.box_bg{background:#de9a81; border-radius:30px; padding:10px; width:40%; margin:0 auto}

.box_list {background:#fcede4; border-radius:40px; padding:50px 0}

.w33{width:calc(33.3333333% - 20px) !important;}
.w25{width:calc(25% - 20px) !important;}
.w20{width:calc(20% - 20px) !important;}

.h270{height:270px}
.h300{height:300px}
.h200{height:200px}

.step{background:#d29375; width:30%; color:#fff; padding:10px 0; border-radius:50px; margin:0 auto}




#com_rayout3 .com_rayout3{position: relative;}
#com_rayout3 .com_tit4{margin-top: 100px; padding-left: 118px;}
#com_rayout3 .com_tit4 h6{text-align: left;}
#com_rayout3 .com_rayout2_list{padding-left: 118px;}
#com_rayout3.st .com_tit4,
#com_rayout3.st .com_rayout2_list{padding-left: 0;}
#com_rayout3.st .com_tit4 h6{text-align: center;}


.com_tit2.rayout{display: flex; align-items: center;} .com_tit2.rayout 
.com_control{position: relative; left: 19px; top: -10px;width:54%} .com_tit2.rayout 
.com_control.st{top: 15px; } .com_tit2{position: relative; z-index: 2;} .com_tit2 
+ p{margin-top: 62px; font-size: 20px; color: #fff; line-height: 1.8; 
font-weight: 300; } .com_tit2 p{font-weight: 300;} .com_tit2 h4 em{display: 
block; margin-bottom: 4px; font-size: 20px; color: #dadbe3; font-family: 
'Constantia'; font-weight: 400;} .com_tit2 h4 span{display: 
inline-block;padding-right: 130px;position: relative;font-weight: 500;color: 
#131313;font-size: 30px;} .com_tit2 h4 span::after{content: ''; position: 
absolute; top:40px; right: 0; width: 102px; height: 1px; background-color: 
#949494;  transition: all 3s;} .com_tit2.st h4 em{color: #fff;} .com_tit2.st h4 
span{color: #fff;} .com_slide_wrap{position: relative; padding-bottom: 101px;}

.com_slide{ display: flex; gap: 0 80px; margin:50px 0 0 0px;}
.com_slide li{width: 650px;}
.com_slide li .img{border-radius:30px 0 30px 0; overflow: hidden;}
.com_slide li .img img{display: block; width:100%} 
.com_slide li .text h5{font-size: 36px; color: #131313;font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.com_slide li .text p{color: #636363; font-size: 17px; line-height: 1.8; }
.com_slide.st{margin: 80px 0 0 118px; display: block; margin-left: 0; gap: 0;}
.com_slide.st li{display: flex;  gap: 0 68px; width: auto;}
.com_slide.st li .img{flex-shrink: 0;}
.com_slide.st li .text h5{height: auto; white-space: normal; padding-top: 40px; margin-bottom: 42px;}

.com_control{display: flex; align-items: center; gap: 0 13px; /*position: absolute; top:-179px; left: 365px;*/ z-index: 9;}
/*
.com_control.is-inview{animation-delay: .3s;}
*/
.com_control .swiper-pagination-current{position: relative; top: -7px;}
.com_control .swiper-pagination span{font-size: 22px; font-family: 'Merriweather'; color:#131313 ;}
.com_control button{padding: 68px 68px 0 0; }
.com_control button.swiper-button-prev{background: url('/landing/assets_jp/img/arrow_btn.png')no-repeat;}
.com_control button.swiper-button-next{background: url('/landing/assets_jp/img/arrow_btn.png')no-repeat; transform: rotate(-180deg);} 
.com_control button.swiper-button-prev:hover{background: url('/landing/assets_jp/img/arrow_btn_hover.png')no-repeat; transform: rotate(-180deg);}
.com_control button.swiper-button-next:hover{background: url('/landing/assets_jp/img/arrow_btn_hover.png')no-repeat; transform: none;}

.com_control.st button.swiper-button-prev:hover{background: url(../n_images/sub/com_btn2_hover.png)no-repeat; transform: rotate(-180deg);}
.com_control.st button.swiper-button-next:hover{background: url(../n_images/sub/com_btn2_hover.png)no-repeat; transform: none;}

.com_slide_wrap .swiper-scrollbar{left:0}

.m8{background:#fff3ee}


.sec4 {position: relative; overflow: hidden;}

.sec4_bg {width: 100%; height: 700px; background-size:cover; background-position: 50% 50%; transform:scale(1.2); animation: sv-bg-change 5s infinite;}

.sec4 .sv_tit_wrap {position: absolute; top: 50%; left: 10%; transform:translateY(-50%); width: 100%; text-align: center;}
.sec4 .sv_tit_wrap p {color: #fff; margin-bottom: 25px;}
.sec4 .sv_tit_wrap h3 {color: #fff;}

.sec4 .sv_tit_wrap2 {position: absolute; top: 50%; left: 10%; transform:translateY(-50%); width: 100%; text-align: center;}
.sec4 .sv_tit_wrap2 p {color: #fff; margin-bottom: 5px;}


.ft_info{}
.info2 dt {display: inline-block; width: 135px; text-align: left; vertical-align: middle; margin-bottom: 15px; color:#fff}
.info2 dd {display: inline-block; width: 260px; text-align: left; vertical-align: middle; margin-bottom: 15px; color:#fff}
.info1{width:35%}
.info2{width:35%}
.info3{width:35%}
.info3_icon{overflow:hidden; margin-top:50px}
.info3_icon li{float:left; width:40%; border-right:1px solid #fff; text-align:center;}
.info3_icon li:last-child{border-right:0}
.ft_info .flex_con::after{width:100%;content:'';position:absolute;top: 30%;z-index: -1;height:2px;background:#e5e3df;transition: 1.8s 0.8s ease-in-out;-webkit-transition: 1.8s 0.8s ease-in-out;-moz-transition: 1.8s 0.8s ease-in-out;-ms-transition: 1.8s 0.8s ease-in-out;-o-transition: 1.8s 0.8s ease-in-out;}
.ft_info1{width:33.333333%;margin-top:75px}



#footer {padding: 70px 0;background-color: #222;}
#footer .inner {display:flex; flex-direction:row-reverse;}
#footer .inner > div {width: 50%;}
#footer .f_menu {text-align: center; }
#footer .f_menu a {display: inline-block; padding: 0 15px; color: #fff;font-weight: 300; opacity: .5; position: relative; transition:.25s;}
#footer .f_menu a:hover {opacity: .75;}
#footer .f_menu a:after {content:''; display: block; clear: both; position: absolute; top: 10%; left: 0; width: 1px; height: 80%; background-color: rgba(255,255,255,.5);}
#footer .f_menu a:first-child:after {display: none;}
#footer .f_logo {margin-bottom: 25px;}
#footer .f_bot {color: #fff; font-weight: 300; opacity: .7;}
#footer .f_bot .copyr {font-family: 'Montserrat'; opacity: .4; letter-spacing:0;}

.cs_warp { background:url('/landing/assets_jp/img/ft_bg.png') no-repeat;}
.cs_section {
  display: flex;
  justify-content: space-between;
  border-radius: 20px;
  color: #fff;
}

.cs_left {
  width: 48%;
}




.cs_time {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.cs_time li {
  margin-bottom: 8px;
}

.cs_time strong {
  display: inline-block;
  width: 90px;
}





.cs_right {
  background: #fff;
  color: #333;
  padding: 50px;
  border-radius: 16px;
  width: 48%;
  box-sizing: border-box;
}

.cs_route_title {
  font-size: 18px;
  font-weight: 600;
  color: #3a55aa;
  margin-bottom: 16px;
}

.cs_route {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.8;
  font-size: 15px;
}

.cs_route li{margin-bottom:20px}
.cs_route .highlight {
  color: #3366cc;
  font-weight: 600;
}

.w100{width:100%}

#quick_sms { width:100%; bottom:0px; position:fixed; z-index:100; background:rgba(0,0,255,.2) }
#quick_sms .black_wrap { /*display:none;*/ bottom:0; left:0; position:absolute; width:0; height:100vh }
#quick_sms .black_wrap.on { /*display:block;*/ width:100% }
#quick_sms .black_wrap .black { bottom:0; left:0; position:absolute; width:100%; height:100%; background:rgba(150,150,150,0); backdrop-filter:blur(0px); transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) }
#quick_sms .black_wrap .black.on { background:rgba(150,150,150,.5); backdrop-filter:blur(5px) }

#quick_sms .wrapper { background:rgba(15,15,15,.95);  bottom:0; left:0; position:absolute; width:100%;}
#quick_sms .wrapper.on { transform:translateY(0px) }
#quick_sms .wrapper.off { transform:translateY(180px); transition:all .7s cubic-bezier(0.65, 0, 0.35, 1) }

/* ********** top ********** */
#quick_sms .wrap1 { position:relative; width:1288px; padding:0 20px; margin:0 auto; height:84px; display:flex; justify-content:flex-start; align-items:center; gap:15px }
#quick_sms .wrap1:before { content:''; top:0; left:-114px; position:absolute; width:114px; height:100%; background:url(/images/common/sms/shape_left.png) no-repeat; opacity:.95 }
#quick_sms .wrap1:after { content:''; top:0; right:-114px; position:absolute; width:114px; height:100%; background:url(/images/common/sms/shape_right.png) no-repeat; opacity:.95 }
/* À̸§,¿¬¶ôó,»ó´ã³»¿ë */
#quick_sms .wrap1 .box:nth-child(1) { width:180px }
#quick_sms .wrap1 .box:nth-child(2) { width:180px }
#quick_sms .wrap1 .box:nth-child(3) { width:480px }
#quick_sms .wrap1 .box .input_sms { width:100% }
/* °³ÀÎÁ¤º¸Ãë±Þ¹æħ,»ó´ã½Åû */
#quick_sms .wrap1 .box:nth-child(4) { margin-left:10px; display:flex; align-items:center; gap:15px }
#quick_sms .wrap1 .box:nth-child(4) .btn_agree { font-size:11px; line-height:1.3; color:#aaa; cursor:pointer }
#quick_sms .wrap1 .btn_counsel {color:#fff;font-size:16px;  margin-left:20px; display:flex; justify-content:center; align-items:center; width:250px; height:40px; background:#d29375; border-radius:20px; overflow:hidden; cursor:pointer }
#quick_sms .wrap1 .btn_counsel > p { font-size:15px; color:#fff }
/* input,placeholder */
#quick_sms .wrap1 .input_sms { font-size:15px; color:#161a27; background:#fff; padding:0px 20px 0px 20px; border:1px solid #666; border-radius:10px; overflow:hidden; height:40px !important }
#quick_sms .wrap1 .input_sms::placeholder { font-size:15px; color:#161a27 }
/* checkbox */
#quick_sms input[id="cb1"] + label { display:inline-block; vertical-align:middle; width:30px; height:30px; border-radius:5px; overflow:hidden; background:#666; cursor:pointer }
#quick_sms input[id="cb1"]:checked + label { background:#666 url(/images/common/sms/icon_check.png) no-repeat center center/80% }
#quick_sms input[id="cb1"] { display:none }

/* ********** bottom ********** */

#quick_sms .customer { padding-top:10px; transform:scaleX(.95); transform-origin:left }
#quick_sms .customer p:nth-child(1) { font-family:'nsn_1'; font-size:22px; line-height:1; color:#999 }
#quick_sms .customer p:nth-child(2) { font-family:'nsn_1'; font-size:42px; line-height:1; color:#ccc; letter-spacing:-1px; margin-top:10px }
#quick_sms .customer p:nth-child(3) { font-family:'nsn_1'; font-size:14px; line-height:1; color:#999; margin-top:10px }


.pc { display:block}
.m { display:none}

.map_btn ul{overflow:hidden;}
.map_btn li{float:left; width:50%; text-align:center; padding:20px; font-size:18px}
.map_btn li.naver{background:#16b95d; color:#fff}
.map_btn li.kakao{background:#f1d815}
@media all and (max-width:2300px){
	


}


@media all and (max-width:2200px){
	


}


@media all and (max-width:1900px){
	
	




}


@media all and (max-width:1400px){


}

@media all and (max-width:1320px){

}

@media all and (max-width:1280px){
	

}
@media all and (max-width:1200px){



}
@media all and (max-width:980px){
	#patella_0104 .patella_0104_box .image-box figure{padding-bottom:20px;}
	#patella_0104 section:not(:last-of-type){ 
	margin-bottom: 60px; } #patella_0104 .patella_0104_box .flex-box{ 
	flex-direction: column; } #patella_0104 .patella_0104_box .flex-box > div{ 
	width: 100%; }

	#patella_0104 .patella_0104_box .image-box{ padding-top: 0; } #patella_0104 
	.patella_0104_box .image-box .sticky{ width: 100%; }

	#patella_0104 .patella_0104_box .text-box{ padding-top: 0px; padding-left: 00px; }
	#patella_0104 .patella_0104_box .text-box p::before{ left: -23px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{ left: -20px; }

	
}
@media all and (max-width:820px){
	
	.only_m{display:block}
	.only_pc{display:none}
	body{overflow: hidden !important;}
	.pt160{padding-top:70px !important;}
	.pb160{padding-bottom:70px !important;}


	#mc_special_m { /*clip-path:inset(30%);*/ position:relative; background:#fff; height:0px; padding-bottom:calc((1160/720)*100%); overflow:hidden } /* image-rendering:pixelated */
	#mc_special_m:after { /*content:''; top:0; left:50%; margin-left:-960px; position:absolute; width:1920px; height:915px; border:1px solid #f00; z-index:1; display:none*/ }
	
	#box_fade_m { top:0; left:0; position:absolute; width:100%; height:100%; background:#fff; z-index:1; display:none !important }
	
	#mc_special_m .swiper-container { position:relative }
	
	#mc_special_m .swiper-slide { position:relative }
	#mc_special_m .swiper-slide .container { position:relative; /*width:720px; height:1160px;*/ width:100%; height:0px; padding-bottom:calc((1160/720)*100%); overflow:hidden }
	#mc_special_m .swiper-slide .container .wrap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); /*width:820px; height:1260px;*/ width:calc(((820/720)*100%) + 0px); height:calc(((1260/1160)*100%) + 0px); overflow:hidden }
	
	/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	
	/* gp_bg1 --------------------------------------------------------------------- */
	#mc_special_m .swiper-slide .gp_bg1 { position:absolute; top:0; left:0; width:100% }
	#mc_special_m .swiper-slide .gp_bg1 img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); /*filter:blur(0) grayscale(0);*/ opacity:0 }
	
	
	
	/* gp_bg2 --------------------------------------------------------------------- */
	#mc_special_m .swiper-slide .gp_bg2 { position:absolute; top:0; left:0; width:100% }
	#mc_special_m .swiper-slide .gp_bg2 img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); /*filter:blur(0) grayscale(0)*/ }
	
	
	/* gp_typo --------------------------------------------------------------------- */
	#mc_special_m .swiper-slide .gp_typo { position:absolute; top:0; left:0; width:100% }
	#mc_special_m .swiper-slide .gp_typo img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); /*filter:blur(0) grayscale(0)*/ }
	
	
	/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
	/* prev/next */
	#mc_special_m .btn_pn { top:50%; margin-top:-50px; position:absolute; width:100px; height:100px; background:rgba(0,0,0,0); border-radius:50px; overflow:hidden; cursor:pointer; z-index:1; border:1px solid rgba(255,255,255,0); transition:all ease-out .3s }
	#mc_special_m .btn_prev { left:50px }
	#mc_special_m .btn_prev .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(135deg); position:relative; margin-left:10px }
	#mc_special_m .btn_next { right:50px }
	#mc_special_m .btn_next .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); position:relative; margin-left:-10px }
	#mc_special_m .arrow { border:solid rgba(255,255,255,1); border-width:0 1px 1px 0; display:inline-block; vertical-align:middle; padding:24px	}
	

	.nectar-shape-divider-wrap{bottom:35px !important}

	
	
	.slick_arrow button {width: 17px; height: 33px; background-size:cover;}
	
	
	#mc_selfie { padding-bottom:40px }
			/* title */
	#mc_selfie .mc_title_wrap .title_wrap { gap:10px }
	#mc_selfie .mc_title_wrap .title_wrap > img { width:76px }
	#mc_selfie .mc_title_wrap .title_wrap > p:nth-of-type(1) { font-size:24px }
	#mc_selfie .mc_title_wrap .title_wrap > p:nth-of-type(2) { font-size:12px }
	/* contents */
	.mc_selfie_container { padding:0 20px }
	.gutter-sizer { width:1px }
	#mc_selfie .grid img { width:100% }
	#mc_selfie .grid{height:550px}
	#mc_selfie .grid-sizer { width:calc((100% - 2px)/3) }
	#mc_selfie .grid-item { width:calc((100% - 2px)/3); overflow:hidden; margin-bottom:1px; border-radius:10px }
	
	#mc_selfie .grid-item .info_wrap { height:15px; background:rgba(255,255,255,1) }

	#mc_selfie .grid-item .info_wrap > div .name { font-size:8px; padding:0 5px }
	#mc_selfie .grid-item .info_wrap > div .name:before { content:''; top:1px; right:0; position:absolute; width:1px; height:calc(100% - 2px); background:#ccc }
	#mc_selfie .grid-item .info_wrap > div .heart { width:25px; height:15px; display:flex; justify-content:center; align-items:center }
	#mc_selfie .grid-item .info_wrap > div .heart img { width:8px }
	

	.grid-item1{left:0%; top:0px}
	.grid-item2{left:33.403%; top:0px}
	.grid-item3{left:66.806%; top:0px}
	.grid-item4{left:0%; top:108.516px}
	.grid-item5{left:33.403%; top:108.516px}
	.grid-item6{left:66.806%; top:108.516px}
	.grid-item7{left:0%; top:218px}
	.grid-item8{left:33.403%; top:218px}
	.grid-item9{left:66.806%; top:218px}
	.grid-item10{left:0%; top:324px}
	.grid-item11{left:33.403%; top:324px}
	.grid-item12{left:66.806%; top:324px}
	.grid-item13{left:0%; top:431px}
	.grid-item14{left:33.403%; top:431px}
	.grid-item15{left:66.806%; top:431px}

	
	.main_cont02_wrap.flex_row.jc_center {
		flex-wrap: wrap;
		justify-content: center;
	}

		
	.main_cont02_wrap.flex_row.jc_center{justify-content:space-around;}
	.main_cont02_wrap > div{width:100%;}
	.main_cont02_wrap > div:nth-child(3){width:40%;}

	.main_cont02_img_text_wrap01{margin-top:-48px;}
	.main_cont02_img_text_wrap02{margin-top:-52px;}
	.main_cont02_wrap>div:first-child {
		width: 100%;
	}


	.main_cont02_img_box {
		width: 100%;
	}

	.pc_cont{display:none; opacity:0; visibility:hidden;}
	.m_cont{display:block; opacity:1; visibility:visible;}

	.flex_row.center{opacity:1 !important; margin-top:-100px}

	 
	 .pt50{padding-top:50px}
	.pb50{padding-bottom:50px !important}
	.cs_section{display:block}
	.cs_left{width:100%}
	.cs_right{width:100%; margin-top:40px ;padding:20px}

	.info_box_wrap{align-items: center;justify-content: flex-start; padding:30px 50px}
	.symptom_grid{display:block; padding:0}
	.symptom_item {margin-bottom:10px}
	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal>.swiper-pagination-bullets{display:none}
	#patella_0104 .banner{ padding: 40px 0; margin-top: 30px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{display:none}
	#patella_0104 .banner h4{ font-size: 3rem; }
	.sticy_txt{top:20px}
	#patella_0104 .patella_0104_box .text-box p::before{ top: 14px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{ top: 14px; }
	#patella_0104 .patella_0104_box .text-box dl *{ font-size: 1.6rem; }

	.flex_con{display:block}
	.w60{width:100% !important}
	.s_tab li a{font-size:11px; margin-bottom:20px}
	.s_tab li{width:50%}
	.s_tab li a::after{display:none}

	.s_tab2 li a{font-size:11px; margin-bottom:20px}
	.s_tab2 li{width:50%}
	.s_tab2 li a::after{display:none}
	.mt100{margin-top:50px !important}
	.box_bg{width:90%}
	.eye_0501_list li{width:100%; margin:10px 0}
	.sum_tit{border-radius:0 0 20px 20px}
	.eye_0501_list .sub_txt{padding:20px 30px}
	.h300{height:auto}
	.h270{height:auto}
	.h200{height:auto}
	.w33{width:100% !important}	
	.w25{width:100% !important}	
	.eye_0501_list .sub_txt2{padding:20px 30px}

	.com_slide{gap:initial;}
	.com_tit2.rayout{display:block}
	.com_tit2 h4 span{padding-right:0}
	.com_tit2 h4 span::after{display:none}
	.com_tit2.rayout .com_control{left:4px}
	.com_slide li .text h5{font-size:24px}
	.com_slide li .text p{font-size:14px}
	.com_slide_wrap{padding-bottom:30px}
	.swiper-button-prev{display:none !important}
	.swiper-button-next{display:none !important}

	.sec4_bg{height:310px;background-position: 52% 50%;}

	.sign img{width:50%}
	.flex_img {margin-top:30px}


	.ft_info1{width:100%}
	.ft_info .flex_con::after{display:none}

	#quick_sms_m { width:100%; bottom:0px; position:fixed; z-index:99; transition:all ease-in-out .5s }
	
	#quick_sms_m .black_wrap { /*display:none;*/ bottom:0; left:0; position:absolute; width:0; height:100vh }
	#quick_sms_m .black_wrap.on { /*display:block;*/ width:100% }
	#quick_sms_m .black_wrap .black { bottom:0; left:0; position:absolute; width:100%; height:100%; background:rgba(150,150,150,0); backdrop-filter:blur(0px); transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) }
	#quick_sms_m .black_wrap .black.on { background:rgba(150,150,150,.5); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px) }
	
	#quick_sms_m .wrapper { bottom:0; left:0; position:absolute; width:100%; transform:translateY(calc(100% - 55px)); /*max-width:1920px; margin:0 auto*/ transition:all .7s cubic-bezier(0.33, 1, 0.68, 1) }
	#quick_sms_m .wrapper.on { transform:translateY(0px) }
	#quick_sms_m .wrapper.off { transform:translateY(calc(100% - 55px)); transition:all .7s cubic-bezier(0.65, 0, 0.35, 1) }
	
	#quick_sms_m .wrap0 { display:flex; justify-content:center; }
	
	#quick_sms_m .wrap0 .center {border-radius:30px 30px 0 0; width:100%; height:45px; background:rgba(15,15,15,.95); display:flex; justify-content:center; align-items:center; align-items:flex-end }
	#quick_sms_m .wrap0 .center p {font-size:24px; color:#fff; padding-top:10px}
	
	/* Ä«Åå»ó´ã / ÀüÈ­°É±â */
	#sns_kc { position:relative; display:flex; justify-content:center; align-items:flex-start; padding:40px 0px 40px 0px; background:rgba(22,26,39,.95) }
	#sns_kc:before { content:''; top:0; left:20px; position:absolute; width:calc(100% - 40px); height:1px; background:rgba(255,255,255,.15) }
	#sns_kc a { width:33.33% }
	#sns_kc a:nth-child(n+2) .btn:before { content:''; top:0px; left:0; position:absolute; width:1px; height:calc(100% - 0px); background:rgba(255,255,255,.15) }
	#sns_kc a .btn { position:relative; width:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; gap:15px }
	#sns_kc a .btn .icon { width:70px }
	#sns_kc a .btn .title { font-family:'nsn_2'; font-size:15px; line-height:1; color:#fff }

	#quick_sms_m .wrap1 { position:relative; width:100%; padding:30px 20px 40px 20px; margin:0 auto; background:rgba(15,15,15,.95); display:flex; flex-direction:column; gap:15px }
	/* À̸§,¿¬¶ôó,»ó´ã³»¿ë */
	#quick_sms_m .wrap1 ._wrap:nth-child(1) { display:flex; gap:15px }
	#quick_sms_m .wrap1 ._wrap:nth-child(1) .box:nth-child(1) { width:40% }
	#quick_sms_m .wrap1 ._wrap:nth-child(1) .box:nth-child(2) { width:60% }
	#quick_sms_m .wrap1 ._wrap:nth-child(2) .box { width:100% }
	/* °³ÀÎÁ¤º¸Ãë±Þ¹æħ,»ó´ã½Åû */
	#quick_sms_m .wrap1 ._wrap:nth-child(3) { margin-top:10px; display:flex; justify-content:space-between }
	#quick_sms_m .wrap1 ._wrap:nth-child(3) .box:nth-child(1) { display:flex; align-items:center; gap:10px }
	#quick_sms_m .wrap1 ._wrap:nth-child(3) .box:nth-child(1) .btn_agree {font-size:13px; line-height:1.3; color:#aaa; cursor:pointer }
	#quick_sms_m .wrap1 ._wrap:nth-child(3) .btn_counsel { width:100%; display:flex; justify-content:center; align-items:center; height:60px; background:#d29375; border-radius:15px; overflow:hidden; cursor:pointer;color:#fff; font-size:16px }
	#quick_sms_m .wrap1 ._wrap:nth-child(3) .btn_counsel > p {font-size:14px; color:#fff ;text-align:center;}
	/* input,placeholder */
	#quick_sms_m .wrap1 .input_sms { width:100%;font-size:15px; color:#161a27; background:#fff; padding:0px 10px 0px 10px; border:1px solid #666; border-radius:10px; overflow:hidden; height:40px }
	#quick_sms_m .wrap1 .input_sms::placeholder {font-size:15px; color:#161a27 }
	/* checkbox */
	#quick_sms_m input[id="cb1"] + label { display:inline-block; vertical-align:middle; width:30px; height:30px; border-radius:5px; overflow:hidden; background:#666; cursor:pointer }
	#quick_sms_m input[id="cb1"]:checked + label { background:#666 url(/images/common/sms/icon_check.png) no-repeat center center/60% }
	#quick_sms_m input[id="cb1"] { display:none }

	#quick_sms_m .customer { padding:30px 0 20px 0; display:flex; justify-content:space-between; align-items:center }
	#quick_sms_m .customer > div:first-child { transform:scaleX(.95); transform-origin:left }
	#quick_sms_m .customer > div:first-child p:nth-child(1) { font-family:'nsn_2'; font-size:20px; line-height:1; color:#999 }
	#quick_sms_m .customer > div:first-child p:nth-child(2) { font-family:'nsn_2'; font-size:26px; line-height:1; color:#999; letter-spacing:-1px; margin-top:5px }
	#quick_sms_m .customer > div:first-child p:nth-child(3) { font-family:'nsn_1'; font-size:11px; line-height:1.2; color:#999; margin-top:5px }
	/* ÀüÈ­°É±â */
	#quick_sms_m .customer a div { display:flex; justify-content:center; align-items:center; width:130px; height:40px; background:var(--color-key-dark); border-radius:20px; overflow:hidden; cursor:pointer }
	#quick_sms_m .customer a div > p { font-family:'nsn_2'; font-size:15px; color:#fff }

	   .pc { display:none}
	   .m { display:block}
	   .only_m{display:block}

	   .m8 .only_m{padding: 0 30px}

}

@media all and (max-width:486px){
	
	#mv .mv_list { position: relative; height:580px; }
	#mv .mv_list_wrap {margin-bottom: 0;}
	
	/*#mv {position: relative; overflow: hidden; margin-top:80px;}
	#mv .txt_area {}
	#mv .mv_list {height: auto !important; background-size: cover;}
	#mv .mv_list .visual {    width: 100%;
    padding-bottom: 145%;
    background-position: 50% 0;
    background-size: cover;}*/
	
	#mv .mv_list .visual {height: 580px !important; padding-bottom: 0;}
	#mv .mv_list_1 .visual { background-image: url('/landing/assets/img/mv1_m.jpg');}
    #mv .mv_list_2 .visual { background-image: url('/landing/assets/img/mv2_m.jpg');}
	
}


@media all and (max-width:360px){



}


@media all and (max-width:320px){


}