/* header */
#header{position:fixed;top:0;left:0;right:0;height:50px;line-height:50px;background:#000;padding:0 20px;z-index:200}
#header .logo{width:120px;margin-top:10px}
#header .btn_open{position:absolute;top:18px;right:20px;width:15px;height:15px;background:url(/asset/image/default/mb_btn_gnb_open.png) no-repeat 50%;background-size:24px;text-indent:-9999px;overflow:hidden}
#header .gnb_menu{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:150;width: 700px;}
#header .gnb_menu.active{display:block}
#header .gnb_menu .gnb_content{position:relative;padding-top:90px;}
#header .gnb_menu .gnb_content .btn_close{position:absolute;top:18px;right:20px;width:15px;height:15px;background:url(/asset/image/default/mb_btn_gnb_close.png) no-repeat 50%;background-size:24px;text-indent:-9999px;overflow:hidden}
#header .gnb_menu .gnb_content .nav li{line-height:1.2;text-align:center}
#header .gnb_menu .gnb_content .nav li:not(:first-child){margin-top:40px}
#header .gnb_menu .gnb_content .nav li a{font-size:30px;font-weight:700;color:#fff}

/* footer */
#footer{background:#212121;padding:20px 0;font-size:12px;color:#E0E0E0;text-align:center}
#footer li:not(:first-child){margin-top:2px}
#footer .copy{margin-top:15px}

#container{margin-top:50px}
.contents .section{position:relative;background:#fff}

/* Skip Menu */
.skip_menu{position:relative;width:100%;overflow:hidden;z-index:99999}
.skip_menu a{display:block;font-size:0;width:1px;height:1px;line-height:0;margin:0 -1px -1px 0;overflow:hidden;text-align:center}
.skip_menu a:focus,
.skip_menu a:hover,
.skip_menu a:active{width:auto;height:20px;padding:8px 0 0 15px;margin:0;background:#032e49;color:#fff;font-weight:bold;line-height:1}

/* button */
.button-content{margin-top:30px}
.btn{display:block;width:100%;height:50px;line-height:50%;background-color:#000;color:#fff;font-size:14px;font-weight:500}

/* main_page */
.main_page .sec_1 .video_area{display:flex;align-items:center;height:90vw;background:#000}
.main_page .sec_1 .video_area video{height:auto;width:100%;max-width:100vw;max-height:100vh;position:relative;z-index:10}
.main_page .sec_1 .text_box{background:#000;padding:58px 20px;color:#fff;text-align:left}
.main_page .sec_1 .text_box h2{margin-bottom:10px;font-size:50px;font-weight:700}
.main_page .sec_1 .text_box p{font-size:14px}
.main_page .sec_2{padding:40px 0 80px;background:url(/asset/image/default/mb_generative_fashion_ai_bg.png) no-repeat 50% 0;background-size:contain}
.main_page .sec_2 .title_box{padding:0 20px;color:#fff;text-align:left}
.main_page .sec_2 .title_box h2{margin-bottom:5px;font-size:20px;font-weight:700}
.main_page .sec_2 .title_box p{font-size:14px}
.main_page .sec_2 .img_box{margin:20px 0;padding:0 20px;text-align:center}
.main_page .sec_2 .img_box picture{display:inline-block}
.main_page .sec_2 .list_box{padding:0 20px}
.main_page .sec_2 .list_box li{display:flex;flex-wrap:wrap}
.main_page .sec_2 .list_box li:not(:first-child){margin-top:35px}
.main_page .sec_2 .list_box li .img{width:40px;height:40px;overflow:hidden}
.main_page .sec_2 .list_box li .con{width:calc(100% - 40px);padding-left:10px;font-size:14px}
.main_page .sec_2 .list_box li .con strong{display:block;font-size:16px;font-weight:700}

/* virtual_fitting_page */
.virtual_fitting_page .text_box h2{font-size:20px;font-weight:700}
.virtual_fitting_page .text_box p{font-size:14px}
.virtual_fitting_page .sec_1{background:url(/asset/image/virtual_fitting/mb_virtual_fitting_bg01.png) no-repeat 50% 0;background-size:100% 100%;padding:20px}
.virtual_fitting_page .sec_1 .choose{font-size:14px;color:#9E9E9E;text-align:center}
.virtual_fitting_page .sec_1 .slider_wrap{display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:85%;position:relative}
.virtual_fitting_page .sec_1 .slider_wrap img{width:100%;margin:auto}
.virtual_fitting_page .sec_1 .slider{position:relative;z-index:1}
.virtual_fitting_page .sec_1 .slider .slick-slide{opacity:0.5;transition:opacity 0.3s ease}
.virtual_fitting_page .sec_1 .slider .slick-center{opacity:1;transform:scale(2.5);transition:opacity 0.3s ease, transform 0.3s ease}
.virtual_fitting_page .sec_1 .slick-prev, .slick-next{top:50%;display:block;width:60px !important;height:60px !important;padding:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);z-index:1}
.virtual_fitting_page .sec_1 .slick-next:before{content:'' !important;background:url(/asset/image/virtual_fitting/mb_next.png)no-repeat center;background-size:60px;width:60px !important;height:60px !important;display:block;opacity:1  !important}
.virtual_fitting_page .sec_1 .slick-prev:before{content:'' !important;background:url(/asset/image/virtual_fitting/mb_prev.png)no-repeat center;background-size:60px;width:60px !important;height:60px !important;display:block;opacity:1  !important}
.virtual_fitting_page .sec_1 .slider .slick-list{padding-top:30vw !important;padding-bottom:25vw !important}
.virtual_fitting_page .sec_1 .cloth_info{position:absolute;left:30%;bottom:28%;transform:translateX(-100%);text-align:center;z-index:100}
.virtual_fitting_page .sec_1 .cloth_info:after{content:"";display:block;position:absolute;bottom:28px;left:100%;width:74px;height:134px;margin-left:10px;background:url(/asset/image/virtual_fitting/mb_ico_fitting_target.png)no-repeat center;background-size:74px}
.virtual_fitting_page .sec_1 .cloth_info div{line-height:1.2}
.virtual_fitting_page .sec_1 .cloth_info h3{font-size:12px;font-weight:700}
.virtual_fitting_page .sec_1 .cloth_info span{font-size:12px}
.virtual_fitting_page .sec_1 .cloth_info a{font-size:12px;font-weight:500;color:#757575;text-decoration:underline}
.virtual_fitting_page .sec_1 .human_info{margin-top:20px;font-size:0}
.virtual_fitting_page .sec_1 .human_info h3{margin-bottom:6px;font-size:20px;font-weight:700}
.virtual_fitting_page .sec_1 .human_info span{border:1px solid #BDBDBD;background:#fff;padding:2px 6px;font-size:12px;font-weight:500}
.virtual_fitting_page .sec_1 .human_info span:not(:first-child){margin-left:3px}
.virtual_fitting_page .sec_2{background:url(/asset/image/virtual_fitting/mb_virtual_fitting_bg02.png) no-repeat 50% 0;background-size:100%;padding:20px}
.virtual_fitting_page .sec_2 .cloth_list_left{/* overflow-x:auto;*/padding:20px 0;-webkit-overflow-scrolling:touch}
.virtual_fitting_page .sec_2 .cloth_list_left::-webkit-scrollbar{height:6px}
.virtual_fitting_page .sec_2 .cloth_list_left img{width:100%;height:auto}
.virtual_fitting_page .sec_2 .cloth_list_left,
.virtual_fitting_page .sec_2 .cloth_list_right{display:flex}
.virtual_fitting_page .sec_2 .cloth_img_1,
.virtual_fitting_page .sec_2 .cloth_img_2,
.virtual_fitting_page .sec_2 .cloth_img_3,
.virtual_fitting_page .sec_2 .cloth_img_4,
.virtual_fitting_page .sec_2 .cloth_img_5{width:20%}
.virtual_fitting_page .sec_2 .clothes.active{position:relative;top:-25px}
.virtual_fitting_page .sec_3{background:#F5F5F5;padding:35px 20px 80px}
.virtual_fitting_page .sec_3 .fitting_content .output{position:relative;background:#fff;margin:30px 0 60px;padding:30px 15px;text-align:center}
.virtual_fitting_page .sec_3 .fitting_content .output:after{content:"";display:block;position:absolute;bottom:-50px;left:50%;width:12px;height:40px;margin-left:-6px;background:url(/asset/image/virtual_fitting/mb_ico_arrow.png) no-repeat 50% 100%;background-size:100%}
.virtual_fitting_page .sec_3 .fitting_content .output p{margin:5px 0 20px;font-size:14px}
.virtual_fitting_page .sec_3 .fitting_content .output p.tit{margin:0}
.virtual_fitting_page .sec_3 .fitting_content .output p.tit span{display:inline-block;height:32px;line-height:32px;padding:0 12px;background:#000;font-size:16px;font-weight:700;color:#fff}
.virtual_fitting_page .sec_3 .fitting_content .step_list ul{border:1px solid #000;background:#fff;padding:30px 0;text-align:center}
.virtual_fitting_page .sec_3 .fitting_content .step_list li:not(:first-child){margin-top:40px}
.virtual_fitting_page .sec_3 .fitting_content .step_list li p{margin-bottom:15px;font-size:14px}
.virtual_fitting_page .sec_3 .fitting_content .step_list li p em{display:block;width:25px;height:25px;line-height:25px;border-radius:50%;margin:0 auto;background:#000;font-size:14px;font-weight:700;color:#fff;text-align:center;text-indent:-1px}
.virtual_fitting_page .sec_3 .fitting_content .step_list li p span{display:block;font-size:16px;font-weight:700}
.virtual_fitting_page .sec_3 .fitting_content .step_list li picture{display:inline-block}
.virtual_fitting_page .sec_3 .fitting_content .step_list li:nth-child(1) picture{width:60px}
.virtual_fitting_page .sec_3 .fitting_content .step_list li:nth-child(2) picture{width:234px}
.virtual_fitting_page .sec_3 .fitting_content .step_list li:nth-child(3) picture{width:88px}

/* technology_page */
.technology_page{padding:20px 20px 0;text-align:center}
.technology_page .section{padding-bottom:40px}
.technology_page .inner .arrow_box{position:relative;margin-bottom:58px}
.technology_page .inner .arrow_box:after{content:"";display:block;position:absolute;bottom:-50px;left:50%;width:12px;height:40px;background:url(/asset/image/technology/mb_ico_arrow.png) no-repeat 50%;background-size:100%;margin-left:-6px}
.technology_page .inner .arrow_box:last-child{margin-bottom:0}
.technology_page .inner .arrow_box:last-child:after{display:none}
.technology_page .inner .ex_list{text-align:left}
.technology_page .inner .ex_list strong{position:relative;display:block;margin-bottom:8px;padding-top:40px;line-height:1.3;font-size:20px;font-weight:700}
.technology_page .inner .ex_list li{position:relative;padding-left:17px;font-size:14px}
.technology_page .inner .ex_list li:not(:first-child){margin-top:3px}
.technology_page .inner .ex_list li:before{content:"";display:block;position:absolute;top:4px;left:0;width:12px;height:12px;background:url(/asset/image/technology/mb_ico_check.png) no-repeat 0 50%;background-size:12px}
.technology_page .tit_box p{font-size:14px}
.technology_page .tit_box p .ico_check{display:inline-block;background:url(/asset/image/technology/mb_ico_check.png) no-repeat 0 50%;background-size:14px;padding-left:20px;font-size:18px;font-weight:700}
.technology_page .con{margin-top:30px}
.technology_page .border_box{border:1px solid #E0E0E0;margin-top:25px;padding:20px 0}
.technology_page .sec_1{margin:-20px;padding:0 20px 100px;background:url(/asset/image/technology/mb_our_technology_bg.png) no-repeat 50% 0;background-size:cover}
.technology_page .sec_1 .inner .ex_list strong{padding-top:20px}
.technology_page .sec_1 .con ul{display:table;margin:0 auto}
.technology_page .sec_1 .con li{display:flex;flex-wrap:wrap}
.technology_page .sec_1 .con li .ani_text{width:calc(100% - 200px);font-size:14px;font-weight:700}
.technology_page .sec_1 .con li .ani_text div:not(:first-child){margin-top:20px}
.technology_page .sec_1 .con li:nth-child(odd) .ani_text{padding-top:30px;text-align:left}
.technology_page .sec_1 .con li:nth-child(even){align-items:center}
.technology_page .sec_1 .con li:nth-child(even) .ani_text{text-align:right}
.technology_page .sec_1 .con li .ani_img{width:200px}
.technology_page .sec_2 .segmentation_deformation .border_box{display:flex;flex-wrap:wrap}
.technology_page .sec_2 .segmentation_deformation .border_box ul{width:50%;padding:0 30px}
.technology_page .sec_2 .segmentation_deformation .border_box ul:first-child{border-right:1px solid #E0E0E0}
.technology_page .sec_2 .segmentation_deformation .border_box li{position:relative;margin-bottom:22px}
.technology_page .sec_2 .segmentation_deformation .border_box li:after{content:"";display:block;position:absolute;bottom:-15px;left:50%;width:12px;height:8px;background:url(/asset/image/technology/mb_ico_arrow_gray.png) no-repeat 50%;background-size:100%;margin-left:-6px}
.technology_page .sec_2 .segmentation_deformation .border_box li:last-child{margin-bottom:0}
.technology_page .sec_2 .segmentation_deformation .border_box li:last-child:after{display:none}
.technology_page .sec_2 .segmentation_deformation .border_box li.line picture{border:1px solid #eee;border-top:0}
.technology_page .sec_2 .segmentation_deformation .border_box li strong{display:block;padding:4px 0;background:#F5F5F5;font-size:12px;font-weight:500;text-align:center}
.technology_page .sec_2 .segmentation_deformation .border_box li img{width:100%}
.technology_page .sec_2 .generative_ai .border_box,
.technology_page .sec_2 .final_output .border_box{padding:10px 30%}
.technology_page .sec_2 .generative_ai .border_box picture,
.technology_page .sec_2 .final_output .border_box picture{display:inline-block}
.technology_page .sec_3 .ex_list{background:#F5F5F5;margin:0 -20px;padding:0 20px 150px}
.technology_page .sec_3 .con{margin-top:-120px}
.technology_page .sec_3 .con .img_box{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between}
.technology_page .sec_3 .con .img_box:before{content:"";display:block;position:absolute;bottom:-40px;right:23%;width:1px;height:40px;background:#F44336}
.technology_page .sec_3 .con .img_box:after{content:"";display:block;position:absolute;bottom:-40px;right:23%;width:5px;height:5px;border-radius:50%;background:#F44336;margin-right:-2px}
.technology_page .sec_3 .con .img_box picture{width:calc(50% - 10px);}
.technology_page .sec_3 .con .border_box{margin-top:56px}
.technology_page .sec_3 .con .border_box ul{display:flex;flex-wrap:wrap;padding:0 20px}
.technology_page .sec_3 .con .border_box li{width:50%;margin-top:15px;font-size:12px;font-weight:500;text-align:left}
.technology_page .sec_3 .con .border_box li:nth-of-type(-n+2){margin-top:0}
.technology_page .sec_3 .con .border_box li .ico{display:inline-block;vertical-align:middle;width:20px;height:20px;border-radius:50%;border:1px solid #E0E0E0;margin-right:5px}
.technology_page .sec_4 .con{padding-bottom:10vw}
.technology_page .sec_4 .con:before{content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:50vw;margin:0 -20px;background:#F5F5F5}
.technology_page .sec_4 .con ul{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;z-index:10}
.technology_page .sec_4 .con li{width:32%}
.technology_page .sec_4 .con li.line{border:1px solid #E0E0E0;background:#fff}
.technology_page .sec_5 .con{background:#F5F5F5;padding:20px}
.technology_page .sec_5 .con .img_box{border-bottom:1px solid #E0E0E0;margin-bottom:20px;padding-bottom:20px}
.technology_page .sec_5 .con .img_box picture{width:140px;margin:0 auto}
.technology_page .sec_5 .con li:not(:first-child){margin-top:10px}
.technology_page .sec_6{background:#F5F5F5;margin:0 -20px;padding:0 20px 80px}
.technology_page .sec_6 .con .arrow_box.line{border:1px solid #000;background:#fff}

/* contact_page */
.contact_page{padding:0 20px 80px}
.contact_page .inner>.form-box{margin-top:20px}
.contact_page .form-tit h2{font-size:20px;font-weight:700}
.contact_page .form-tit p{margin-top:5px;font-size:14px}
.contact_page .form-tit .info{margin-top:30px}
.contact_page .form-tit .info li{display:flex;font-size:14px}
.contact_page .form-tit .info li:not(:first-of-type){margin-top:10px}
.contact_page .form-tit .info li strong{display:inline-block;margin-right:10px;font-weight:700}
.contact_page .form{margin-top:30px}
.contact_page .form li:not(:first-of-type){margin-top:15px}
.contact_page .form li textarea{resize:none}




/*main Demo Store*/
.demo_store_page {padding-top: 50px;}
.demo_store_page .tit {font-size: 60px;font-weight: 500;color: #565656;padding: 87px 0 0 0;}
.demo_store_page .nav-section nav {margin-left: 4%;position: relative;top: 6vw;}
.demo_store_page .nav-section nav .flex span {font-size: 32px;font-weight: 600;margin-bottom: 16px;display: inline-block;}
.demo_store_page .nav-section nav .flex li .t-center li {margin-bottom: 12px;color: #999;font-size: 20px;}
.demo_store_page .nav-section nav .flex li .t-center li:hover {color: #333;}
.demo_store_page .nav-section nav .flex li .t-center li .tab-link.on {color: #333;}
.demo_store_page .nav-section nav #accordion .t-center {display: none;}


.demo_store_page .main-section {vertical-align: top;width: 75%;margin: 50px auto 50px 14%;padding-right: 7%;}
.demo_store_page .main-section article ul li {margin: 10px;padding: 10px;display: inline-block;border: 1px solid #cccccc;border-radius: 5px;width: 230px;vertical-align: top;position: relative;}
.demo_store_page .main-section article ul li .try_on-button {background-color: #01a2a0;color: white;text-decoration: none;font-weight: 300;border-radius: 50%;position: absolute;white-space: nowrap;z-index: 99;opacity: 0.7;cursor: pointer;font-size: 14px;right: -10px;top: 0px;height: 61px;width: 61px;text-align: center;     -webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;animation-name: bounce;-moz-animation-name:bounce;}
.demo_store_page .main-section article ul li .try_on-button a {line-height: 61px;}
.demo_store_page .main-section article ul li .clothes_img_wrap {display: block;width: 200px;height: 300px;position: relative;margin-right: auto;margin-left: auto;margin-bottom: 10px;}
.demo_store_page .main-section article ul li .clothes_img_wrap img {width: 100%; height: 100%; object-fit: contain;}
.demo_store_page .main-section article ul li .clothes_tit {text-align: center;font-size: 16px;}

/*try on 버튼 애니메이션*/
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    60% {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
    }
}
/******/

.demo_store_page .float-section {border: 1px solid #ADADAD;border-radius: 20px 0 0 0;background-color: white;color: black;line-height: normal;z-index: 9999;position: fixed;bottom: 0;right: 0;width: 18vw;
height: 645px;}
.demo_store_page .float-section article {padding: 0 30px;height: 100%;overflow: auto;padding-bottom: 60px;position: relative;z-index: 1;}
.demo_store_page .float-section .float_button_wrap {height: 40px;padding: 40px 36px 0 30px;position: relative;z-index:99;}
.demo_store_page .float-section .float_button_wrap .button {width: 36px;height: 36px;}
.demo_store_page .float-section .float_button_wrap .float_refresh {background-image: url(/asset/image/demo_store/refresh.png);background-size: 36px;}
.demo_store_page .float-section .float_button_wrap a {width: 36px;height: 36px;display: block;}
.demo_store_page .float-section .float_button_wrap .float_img_download {background-image: url(/asset/image/demo_store/download.png);background-size: 36px;}
.demo_store_page .float-section .float_button_wrap .float_img_upload .custom-file-input-label {display: inline-block;width: 36px;height: 36px;background-image: url(/asset/image/demo_store/upload.png);background-size: 36px;cursor: pointer;}
.demo_store_page .float-section .float_button_wrap .float_img_upload #fileInput {display: none;}
.demo_store_page .float-section article .float_img_wrap {position: relative;width: 100%;background-color: white;border: 4px solid #F7F7F7;margin: 32px auto 10px auto;height: 21vw;}
.demo_store_page .float-section article .float_img_wrap img {max-height: 100%;margin: auto;}
.demo_store_page .float-section article .float_before_wrap .before_wrap {width: 24%;display: flex;flex-direction: column;align-items: center;margin-right: 5%;margin-bottom: 5%;cursor: pointer;}
.demo_store_page .float-section article .float_before_wrap .before_wrap .before_clothes_img {width: 100%;border: 1px solid #ADADAD;height: 60px;border-radius: 6px;padding: 0 4px;}
.demo_store_page .float-section article .float_before_wrap .before_wrap .before_clothes_img img {max-height: 100%;margin: auto;}
.demo_store_page .float-section article .float_before_wrap .before_wrap .before_clotehs_size {width: 80%;height: 20px;text-align: center;border: 1px solid #ADADAD;line-height: 1;margin-top: 6px;border-radius: 10px;
    font-size: 14px;}