/* header */
#header .logo{width:142px;margin-top:7px}
#header .gnb_menu{display:block !important;position:absolute;top:0;right:20px;width:500px;margin-left:auto;background:transparent;width: 700px;}
#header .gnb_menu .gnb_content{position:relative;padding-top:0;text-align:right}
#header .gnb_menu .gnb_content .nav li{display:inline-block}
#header .gnb_menu .gnb_content .nav li:not(:first-child){margin:0 0 0 40px}
#header .gnb_menu .gnb_content .nav li a{position:relative;display:block;height:50px;line-height:50px;padding-right:2px;font-size:18px}
#header .gnb_menu .gnb_content .nav li.on a:after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff;z-index:10}


/* footer */
#footer{padding:30px 0;font-size:16px}
#footer ul{display:flex;justify-content:center}
#footer li{position:relative}
#footer li:not(:first-child){margin:0 0 0 10px;padding-left:10px}
#footer li:not(:first-child):before{content:"";display:block;position:absolute;top:5px;left:0;width:1px;height:16px;background:#757575}

/* 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:block;height:auto;background:transparent}
.main_page .sec_1 .video_area video{object-fit:cover;height:100vh;position:relative;z-index:10}
.main_page .sec_1 .text_box{position:absolute;bottom:120px;left:60px;background:transparent;padding:0;color:#000;z-index:150}
.main_page .sec_1 .text_box h2{margin-bottom:5px;font-size:70px}
.main_page .sec_1 .text_box p{font-size:16px}
.main_page .sec_2{padding:40px 0px 80px;background:url(/asset/image/default/pc_generative_fashion_ai_bg.png) no-repeat 50% 0;background-size:contain}
.main_page .sec_2 .title_box{padding:0 60px}
.main_page .sec_2 .title_box h2{font-size:40px}
.main_page .sec_2 .title_box p{font-size:18px}
.main_page .sec_2 .img_box{margin:0 0 20px}
.main_page .sec_2 .list_box{padding:0}
.main_page .sec_2 .list_box ul{display:table;margin:0 auto}
.main_page .sec_2 .list_box li .img{width:70px;height:70px}
.main_page .sec_2 .list_box li .con{width:auto;padding-left:15px;font-size:18px}
.main_page .sec_2 .list_box li .con strong{font-size:24px}

/* virtual_fitting_page */
.virtual_fitting_page{min-width:1500px}
.virtual_fitting_page .section .inner{max-width:1900px;margin:0 auto}
.virtual_fitting_page .text_box h2{font-size:40px}
.virtual_fitting_page .text_box p{font-size:18px}
.virtual_fitting_page .sec_1{background:url(/asset/image/virtual_fitting/pc_virtual_fitting_bg.jpg) no-repeat 50% 0;background-size:100% 100%;padding:20px 50px 100px}
.virtual_fitting_page .sec_1 .inner{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between}
.virtual_fitting_page .sec_1 .inner:after{content:"";display:block;clear:both}
.virtual_fitting_page .sec_1 .text_box{width:calc(100% - 820px)}
.virtual_fitting_page .sec_1 .choose{font-size:18px;text-align:center}
.virtual_fitting_page .sec_1 .slider_wrap{width:820px;height:720px;margin-top:80px;padding-right:70px}
.virtual_fitting_page .sec_1 .slider_wrap img{width:180px}
.virtual_fitting_page .sec_1 .slick-prev, .slick-next{width:130px !important;height:130px !important}
.virtual_fitting_page .sec_1 .slick-next:before{background:url(/asset/image/virtual_fitting/pc_next.png)no-repeat center !important;background-size:contain;width:130px !important;height:130px !important}
.virtual_fitting_page .sec_1 .slick-prev:before{background:url(/asset/image/virtual_fitting/pc_prev.png)no-repeat center !important;width:130px !important;height:130px !important}
.virtual_fitting_page .sec_1 .slider .slick-list{padding-top:180px !important;padding-bottom:180px !important}
.virtual_fitting_page .sec_1 .cloth_info{left:auto;right:635px;bottom:18%;transform:none}
.virtual_fitting_page .sec_1 .cloth_info:after{width:166px;height:254px;background:url(/asset/image/virtual_fitting/pc_ico_fitting_target.png)no-repeat center;background-size:166px}
.virtual_fitting_page .sec_1 .cloth_info h3{font-size:14px}
.virtual_fitting_page .sec_1 .cloth_info span{font-size:14px}
.virtual_fitting_page .sec_1 .human_info{position:absolute;top:105px;right:0;margin-top:0}
.virtual_fitting_page .sec_1 .human_info h3{font-size:28px}
.virtual_fitting_page .sec_1 .human_info span{font-size:14px}
.virtual_fitting_page .sec_2{position:absolute;top:50%;left:0;transform:translateY(-55%); max-width:920px;width:calc(100% - 820px);min-width:670px;background:none;padding:0 90px}
.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_list_left img,
.virtual_fitting_page .sec_2 .cloth_list_right img{width:150px}
.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{padding:50px 50px 80px}
.virtual_fitting_page .sec_3 .fitting_content{display:flex;flex-wrap:wrap;align-items:center;margin-top:40px}
.virtual_fitting_page .sec_3 .fitting_content .output{width:45%;margin:0;padding:40px 32px}
.virtual_fitting_page .sec_3 .fitting_content .output:after{top:50%;bottom:auto;left:auto;right:-110px;width:100px;height:12px;margin:-6px 0 0;background:url(/asset/image/virtual_fitting/pc_ico_arrow.png) no-repeat 100% 50%;background-size:100%}
.virtual_fitting_page .sec_3 .fitting_content .output p{margin:5px 0 40px;font-size:18px}
.virtual_fitting_page .sec_3 .fitting_content .output p.tit span{height:40px;line-height:40px;padding:0 16px;font-size:20px}
.virtual_fitting_page .sec_3 .fitting_content .step_list{max-width:860px;width:55%;padding-left:120px}
.virtual_fitting_page .sec_3 .fitting_content .step_list ul{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;padding:50px}
.virtual_fitting_page .sec_3 .fitting_content .step_list ul:after{content:"";display:block;position:absolute;top:60px;left:50%;transform:translateX(-51%);max-width:480px;min-width:380px;width:27vw;height:12px;background:url(/asset/image/virtual_fitting/pc_ico_arrow_gray.png) no-repeat 50% 0;background-size:100%}
.virtual_fitting_page .sec_3 .fitting_content .step_list li:not(:first-child){margin-top:0}
.virtual_fitting_page .sec_3 .fitting_content .step_list li p{margin-bottom:25px;font-size:14px}
.virtual_fitting_page .sec_3 .fitting_content .step_list li p em{position:relative;width:30px;height:30px;line-height:30px;margin-bottom:5px;font-size:16px;z-index:10}
.virtual_fitting_page .sec_3 .fitting_content .step_list li p span{display:block;font-size:16px}
.virtual_fitting_page .sec_3 .fitting_content .step_list li:nth-child(1) picture{width:82px}
.virtual_fitting_page .sec_3 .fitting_content .step_list li:nth-child(2) picture{width:324px}
.virtual_fitting_page .sec_3 .fitting_content .step_list li:nth-child(3) picture{width:118px}

/* technology_page */
.technology_page{min-width:1800px;padding:0}
.technology_page .section{padding-bottom:50px}
.technology_page .section .inner{max-width:1900px;margin:0 auto;padding:0 50px}
.technology_page .inner .arrow_box{margin:0 100px 0 0}
.technology_page .inner .arrow_box:after{top:50%;bottom:auto;left:auto;right:-90px;width:80px;height:12px;background:url(/asset/image/technology/pc_ico_arrow.png) no-repeat 50%;background-size:100%;margin:-6px 0 0}
.technology_page .inner .arrow_box:last-child{margin-right:0}
.technology_page .inner .arrow_box:last-child:after{display:none}
.technology_page .inner .ex_list strong{padding-top:50px;font-size:40px}
.technology_page .inner .ex_list li{padding-left:23px;font-size:18px}
.technology_page .inner .ex_list li:before{top:5px;width:15px;height:15px;background:url(/asset/image/technology/pc_ico_check.png) no-repeat 0 50%;background-size:15px}
.technology_page .tit_box p{font-size:18px}
.technology_page .tit_box p .ico_check{background:url(/asset/image/technology/pc_ico_check.png) no-repeat 0 50%;background-size:21px;padding-left:30px;font-size:24px}
.technology_page .con{margin-top:50px}
.technology_page .border_box{margin-top:15px;padding:40px}
.technology_page .sec_1{margin:0;padding:0 0 100px;background:url(/asset/image/technology/pc_our_technology_bg.png) no-repeat 50% 0;background-size:cover}
.technology_page .sec_1 .con{margin-top:80px}
.technology_page .sec_1 .con li{position:relative;display:inline-flex;vertical-align:top}
.technology_page .sec_1 .con li .ani_text{position:absolute;width:auto;font-size:24px;z-index:100}
.technology_page .sec_1 .con li .ani_text div:not(:first-child){margin-top:50px}
.technology_page .sec_1 .con li:nth-child(odd) .ani_text{top:25px;left:-180px;padding-top:0}
.technology_page .sec_1 .con li:nth-child(even) .ani_text{bottom:60px;right:-180px}
.technology_page .sec_1 .con li .ani_img{width:450px}
.technology_page .sec_2 .inner{display:flex;flex-wrap:wrap;padding-top:80px}
.technology_page .sec_2 .segmentation_deformation{width:40%}
.technology_page .sec_2 .segmentation_deformation .tit_box{height:105px}
.technology_page .sec_2 .segmentation_deformation .border_box{display:block;margin-top:0}
.technology_page .sec_2 .segmentation_deformation .border_box ul{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding:0}
.technology_page .sec_2 .segmentation_deformation .border_box ul:first-child{border-right:0;border-bottom:1px solid #E0E0E0;margin-bottom:40px;padding-bottom:40px}
.technology_page .sec_2 .segmentation_deformation .border_box li{width:calc(25% - 30px);margin:0 40px 0 0}
.technology_page .sec_2 .segmentation_deformation .border_box li:after{top:50%;bottom:auto;left:auto;right:-26px;width:10px;height:16px;background:url(/asset/image/technology/pc_ico_arrow_gray.png) no-repeat 50%;background-size:100%;margin-left:-5px}
.technology_page .sec_2 .segmentation_deformation .border_box li:last-child{margin-right:0}
.technology_page .sec_2 .segmentation_deformation .border_box li strong{padding:5px 0;font-size:16px}
.technology_page .sec_2 .generative_ai,
.technology_page .sec_2 .final_output{width:calc(30% - 100px)}
.technology_page .sec_2 .generative_ai .border_box,
.technology_page .sec_2 .final_output .border_box{display:flex;justify-content:center;align-items:center;height:634px;padding:0}
.technology_page .sec_3:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:380px;background:#F5F5F5}
.technology_page .sec_3 .ex_list{background:none;margin:0;padding:0}
.technology_page .sec_3 .con{position:relative;display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px}
.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{top:40px;bottom:auto;right:-50px;width:50px;height:1px}
.technology_page .sec_3 .con .img_box:after{top:40px;bottom:auto;right:-50px;width:7px;height:7px;margin:-3px 0 0}
.technology_page .sec_3 .con .border_box{width:231px;margin:0 0 0 60px;padding:20px;background:#fff}
.technology_page .sec_3 .con .border_box ul{display:block;padding:0}
.technology_page .sec_3 .con .border_box li{width:100%;margin-top:10px;font-size:14px}
.technology_page .sec_3 .con .border_box li:nth-of-type(-n+2){margin-top:10px}
.technology_page .sec_3 .con .border_box li:nth-of-type(-n+1){margin-top:0}
.technology_page .sec_3 .con .border_box li .ico{width:30px;height:30px;border-width:2px;margin-right:10px}
.technology_page .sec_4 .con{padding-bottom:0}
.technology_page .sec_4 .con:before{bottom:0;left:0;right:0;height:380px;margin:0}
.technology_page .sec_4 .con ul{justify-content:center}
.technology_page .sec_4 .con li{width:auto;margin:0 5px}
.technology_page .sec_5 .con{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:50px}
.technology_page .sec_5 .con .img_box{border-bottom:0;border-right:1px solid #E0E0E0;margin:0;padding:0 50px 0 0}
.technology_page .sec_5 .con .img_box picture{width:298px}
.technology_page .sec_5 .con ul{display:flex;flex-wrap:wrap;width:calc(100% - 349px);padding-left:50px}
.technology_page .sec_5 .con li{width:50%}
.technology_page .sec_5 .con li:not(:first-child){margin-top:50px}
.technology_page .sec_5 .con li:nth-of-type(-n+2){margin-top:0}
.technology_page .sec_6{margin:0;padding:0 0 80px}
.technology_page .sec_6 .con{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.technology_page .sec_6 .con ul{display:flex;flex-wrap:wrap;align-items:center}

/* contact_page */
.contact_page{padding:60px 60px 80px}
.contact_page .inner{display:flex;align-items:center;justify-content:space-between}
.contact_page .inner>.img{order:1;width:48.947%}
.contact_page .inner>.form-box{order:0;width:600px;margin-top:0}
.contact_page .form-tit h2{font-size:40px}
.contact_page .form-tit p{font-size:18px}
.contact_page .form-tit .info{margin-top:60px}
.contact_page .form-tit .info li{font-size:18px}
.contact_page .form-tit .info li:not(:first-of-type){margin-top:20px}
.contact_page .form{margin-top:40px}
.contact_page .button-content .btn{width:150px}






/*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 .tit .sub_title{font-size: 33px;}
/* .demo_store_page .nav-section nav {margin-left: 4%;position: relative;top: 6vw;} */
.demo_store_page .nav-section nav {margin-left: 33%;position: relative;top: 6vw;}
.demo_store_page .nav-section div {margin-left: 33%;position: relative;}
.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 {font-size: 20px;}
.demo_store_page .nav-section nav .flex li .t-center li .tab-link.on {color: #333;}
.demo_store_page .nav-section div .flex li .t-center li .tab-link.on {color: #333;}
.demo_store_page .nav-section nav #accordion .t-center {display: none;}
.demo_store_page .nav-section div #accordion .t-center.on {display: flex; margin-left: 5px; margin-top: 17px;}
.demo_store_page .nav-section div #accordion .t-center.on li {margin-left: 15px;}
.demo_store_page .nav-section div #accordion .t-center.off {display: none;}
.demo_store_page .nav-section div #accordion .accordion span {font-size: 33px;}


/* .demo_store_page .main-section {vertical-align: top;width: 75%;margin: 50px auto 50px 14%;padding-right: 7%;} */
.demo_store_page .main-section {vertical-align: top;width: 75%;margin: 50px auto 50px 33%;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;}

/* .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 {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%;left: 0;width: 31vw;height: 895px;}

/* 새로 추가 */
.demo_store_page .float-section .float_title_wrap {justify-content: center; color: #565656;}
.demo_store_page .float-section .float_title_wrap .main_title {font-size: 60px; font-weight: 500;}
.demo_store_page .float-section .float_title_wrap .sub_title {display: flex; justify-content: center; font-size: 33px; font-weight: 500;}

/* .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 article {padding: 0 30px;height: 90%;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 {height: 40px;padding: 40px 36px 60px 30px;position: relative;z-index:99;}

.demo_store_page .float-section .float_button_wrap .button {width: 36px;height: 36px; display: flex; flex-direction: column; align-items: center;}
.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 .float_refresh p {width: 60px;}
.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_download p {width: 60px;}
/* 새로 추가 */
.demo_store_page .float-section .float_button_wrap .float_img_background {background-image: url(/asset/image/demo_store/background.png);background-size: 36px;}
.demo_store_page .float-section .float_button_wrap .float_img_background p {width: 75px;}



.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 p {width: 45px;}
.demo_store_page .float-section .float_button_wrap .float_img_upload #fileInput {display: none;}

.demo_store_page .float-section .float_background_wrap {justify-content: center;}
.demo_store_page .float-section .float_background_wrap .color_box {width: 35px; height: 25px; margin: 5px; cursor: pointer;}
.demo_store_page .float-section .float_background_wrap .original {background-color: rgba(0, 0, 0, 0.5);}
.demo_store_page .float-section .float_background_wrap .alpha {background-color: rgba(255, 255, 255, 0);}
.demo_store_page .float-section .float_background_wrap .red {background-color: rgba(255, 0, 0, 1); margin-left: 22px;}
.demo_store_page .float-section .float_background_wrap .orange {background-color: rgba(255, 165, 0, 1);}
.demo_store_page .float-section .float_background_wrap .yellow {background-color: rgba(255, 255, 0, 1);}
.demo_store_page .float-section .float_background_wrap .green {background-color: rgba(0, 128, 0, 1);}
.demo_store_page .float-section .float_background_wrap .blue {background-color: rgba(0, 0, 255, 1);}
.demo_store_page .float-section .float_background_wrap .sky_blue {background-color: rgba(135, 236, 205, 1);}
.demo_store_page .float-section .float_background_wrap .purple {background-color: rgba(128, 0, 128, 1);}
.demo_store_page .float-section .float_background_wrap .black {background-color: rgba(0, 0, 0, 1);}


.demo_store_page .float-section article .float_img_wrap {position: relative;width: 100%;background-color: white;border: 4px solid #F7F7F7;margin: 10px 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;}
/*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);
    }
}
/******/






@media (min-width:1750px){ 
    .virtual_fitting_page .sec_2{left:50%;transform:translate(-94%, -55%)}
}