@charset "utf-8";

.box1{width:1640px; max-width:96%; margin:0 auto; position: relative;}
.box2{width:1280px; max-width:96%; margin:0 auto!important; position: relative;}

:root{
	--mainColor: #222;
	--subColor: #222;
}

.pc_ver{display: block;}
.mo_ver{display: none;}

/*header*/
#shopHeader{position: absolute;  top: 0; left: 0; width: 100%; z-index: 1000; background-color: #fff;} 
#shopHeader .tnbWrp{height: 70px; line-height: 70px;}
#shopHeader .tnbWrp > *{flex:1 1 33.33%;}
#shopHeader .tnbWrp .h_logo{margin-right: 40px;}
#shopHeader .tnbWrp .h_logo a{display:block; line-height: 1;}
#shopHeader .tnbWrp .gShortCut{line-height: 1;}
#shopHeader .tnbWrp .gShortCut > *{margin-left:24px; /*position: relative;*/}
#shopHeader .tnbWrp .gShortCut .ic_info_box{position: relative;}

#shopHeader .tnbWrp .gShortCut .i_my{position: relative; cursor: pointer;}
#shopHeader .tnbWrp .gShortCut .i_my .mem_list{position: absolute; top: 40px; left:50%; transform: translateX(-50%); background-color: #fff; border-radius: 3px; box-shadow: 0 1px 5px rgba(0,0,0,.15); padding:5px 0; z-index: 10; display: none;}
#shopHeader .tnbWrp .gShortCut .i_my .mem_list.on{display:block;}
#shopHeader .tnbWrp .gShortCut .i_my .mem_list > li a{display:block; font-size:.875em; color:#666; text-align: center; padding:5px 10px; line-height: 1; transition: .3s;}
#shopHeader .tnbWrp .gShortCut .i_my .mem_list > li a:hover{color:var(--mainColor);}
#shopHeader .tnbWrp .gShortCut .i_cart{position: relative;}
#shopHeader .tnbWrp .gShortCut .i_cart .cnt{position: absolute; top:-8px; left:68%; height:16px; line-height: 16px; min-width:16px; padding:0 3px; color:#fff; background-color:var(--mainColor); border-radius: 50px; text-align: center; font-size:.68em; font-weight: 300;}
#shopHeader .gnbWrp{padding-bottom:20px;}
#shopHeader .gnbWrp .totalTn{background-color:var(--mainColor); color:#fff; font-size:1.125em; padding: 8px 25px; margin-right:60px;}
#shopHeader .gnbWrp .totalTn img{margin-right:10px;}
#shopHeader .gnbWrp .shop_gnb_list > li > a{display:block; margin-right:60px; font-size:1.125em; font-weight: 500; letter-spacing: 0;}
#shopHeader .gnbWrp .shop_gnb_list .gnb_2dul_box{display:none;}
#shopHeader .h_search_w{ /*background-color:#f5f5f5;*/ position: relative; margin-left:auto;}
#shopHeader .h_search_w input{width:180px; height: 36px; padding:5px 10px; border:0; background-color: transparent;}
#shopHeader .h_search_w button{border:0; background-color: transparent; width:30px; height: 100%; text-align: right;/* position: absolute; top: 0; right:0; line-height: 54px;*/}

.sub #shopHeader{position: relative;}
.scroll #shopHeader{position: fixed; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-bottom:1px solid #ddd;}
.scroll #top_mbanner{display: none;}
.sub #shopHeader{border-bottom:1px solid #ddd;}


/*아이콘 설명*/
#shopHeader .tnbWrp .gShortCut .ic_info{display: none; position: absolute; top: 35px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #fff; padding: 4px 10px; background: #333; border-radius: 10px;}
#shopHeader .tnbWrp .gShortCut > a:hover .ic_info,
#shopHeader .tnbWrp .gShortCut .i_my:hover .ic_info,
#shopHeader .h_search_w button:hover .ic_info{display: block;}
#shopHeader .tnbWrp .gShortCut .ic_info:before{content: ''; display: block; width: 6px; height: 6px; background: #333; position: absolute; top: 0; left: 50%; transform: rotate(45deg) translateX(-50%); z-index: -1;}
#shopHeader .h_search_w button{position: relative;} 


/*상단메뉴*/
#shopHeader .tnbWrp .cate_list{}
#shopHeader .tnbWrp .cate_list > li{position: relative;}
#shopHeader .tnbWrp .cate_list > li .cate_1da{font-size: 1.0625em; font-weight: 600; color: #111; margin: 0 45px; display: block;}


#shopHeader .tnbWrp .cate_list .sub_cate_list{display: none; position: absolute; top: 70px; left: 50%; transform: translateX(-50%); width: 150px; background: #fff; border: 1px solid #ddd;}
#shopHeader .tnbWrp .cate_list > li:hover .sub_cate_list{display: block;}
#shopHeader .tnbWrp .cate_list .sub_cate_list > li{line-height: 1;}
#shopHeader .tnbWrp .cate_list .sub_cate_list > li a{display: block; padding: 15px 20px; border-bottom: 1px dotted #ddd; font-size: .937em; color: #333; text-align: center; }
#shopHeader .tnbWrp .cate_list .sub_cate_list > li:last-child a{border-bottom: 0;}
#shopHeader .tnbWrp .cate_list .sub_cate_list > li:hover{background: #f9f9f9;}





/*전체메뉴*/
#pc_all_wrap{display: none; margin-left: 0 !important;}
#pc_all_wrap.Aon{display:block;}
#pc_all_wrap .pc_all_bg{position: fixed; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(0,0,0,0); cursor: pointer; z-index: 1;}
#pc_all_menu{position: absolute; top: 80px; left: 0; width:100%; background-color: #fff; border-radius: var(--item_r); padding:30px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); z-index: 10;}
#pc_all_menu:before{content:''; width:100%; height: 100%; background-color: #aaa;}
#pc_all_menu .h_all_gnb{width:calc(100% - 300px); border-right:1px dashed #ccc; padding-right:15px;}
#pc_all_menu .h_all_gnb > li {width:25%;}
#pc_all_menu .h_all_gnb > li .in_w{margin-right:15px;}
#pc_all_menu .h_all_gnb > li .gnb_al_a,
#pc_all_menu .pc_all_cont .sa_tit{background-color: #f3f3f3; color:#111; display:block; border-radius: 10px; padding:9px; text-align: center; background-image: none; margin-bottom: 15px; transition: .3s;}
#pc_all_menu .h_all_gnb > li .dp2_list,
#pc_all_menu .pc_all_cont .sa_list{padding:0 5px 50px;}
#pc_all_menu .h_all_gnb > li .dp2_list > li a,
#pc_all_menu .pc_all_cont .sa_list li a{display: block; color:#444; margin-bottom:7px; width:90%;}
#pc_all_menu .h_all_gnb > li .dp2_list > li:hover > a,
#pc_all_menu .h_all_gnb > li .dp2_list > li:hover > button,
#pc_all_menu .h_all_gnb > li .dp3_list > li:hover > a,
#pc_all_menu .pc_all_cont .sa_list li:hover > a{color:var(--mainColor)}
#pc_all_menu .pc_all_cont{width:300px; padding-left:30px;}
#pc_all_menu .h_all_gnb .sub_cate3,
#pc_all_menu .h_all_gnb .sub_cate4{display:none;}
#pc_all_menu .h_all_gnb .depth2{ position: relative;}
#pc_all_menu .h_all_gnb .depth2 button{border:0; background-color: transparent; position: absolute; top: 2px; right:3px; font-size: 1.068em; color:#666;}
#pc_all_menu .h_all_gnb .dp3_list{ position: absolute; top: -10px; right:-200px; width:200px; background-color: #fff; border:1px solid #ccc; padding:10px 15px 3px; z-index: 100; display: none;}
#pc_all_menu .h_all_gnb .depth2:hover .dp3_list{display:block;}
#pc_all_menu .h_all_gnb > li .in_w:hover .gnb_al_a,
#pc_all_menu .pc_all_cont .sa_cont:hover .sa_tit{background-color: var(--mainColor); color:#fff;}


/*footer*/
.sub #footer{margin-top: 140px;}
#footer{letter-spacing: 0;}
#footer .f_top{border-top: 1px solid #ddd; padding: 40px 0 40px;} 
#footer .f_top .in_box{margin-bottom: 20px;}
#footer .f_top .in_box .ti{font-size: 1.25em; font-weight: 600; margin-right: 50px;}
#footer .f_top .in_box .txt_z .tel{font-size: 2.25em; color: #333; line-height: 1; margin-bottom: 15px;}
#footer .f_top .in_box .txt_z .tt{font-size: .938em; color: #333; line-height: 1.7; }
#footer .f_top .in_box .txt_z .tw{font-size: 1.0625em; font-weight: 500; color: #333; line-height: 1.8; margin-right: 45px;}
#footer .f_top .in_box .txt_z .tw a{color: #333;}
#footer .f_bottom{background: #0c1219; padding: 50px 0 70px;}


#footer .f_tt{color:#333; font-size:1.25em; font-weight: 600; margin-bottom: 5px;}
#footer .f_stt{color:#333; font-size:1.562em; font-weight: 700;}
#footer .f_tx{color:#fff; font-size:.938em; font-weight: 300;}

#footer .f_info li{margin-right:55px; margin-top:10px; position: relative;}
#footer .f_info li:before{content:''; display: block; width: 1px; height: 16px; background: #fff; position: absolute; top: 3px; right: -25px;}
#footer .f_info li:last-child:before{display: none;}
#footer .f_info li .ft_btn{color: #999;}
#footer .f_info li .ft_btn:hover{border-color:var(--mainColor)}
#footer .copyright{}
#footer .copyright .copy_tx{color:#adadad; font-size:.75em; text-transform: uppercase; letter-spacing:1px;}
#footer .copyright .kcp{line-height: 1;}
#footer .copyright .kcp img{height:40px; width:auto; line-height: 1;}

/*서브 비주얼*/
.subVis{width:100%; height: 320px; background-image: url("../img/vis_sub.jpg"); display: none;}
.subVis .sub_v_tit{text-align:center; font-size:3.125em; font-weight: 700; color:#fff;}

/*컨텐츠*/
#container{margin-top:70px;}
.main #container{margin-top:0;}
.ctt_admin{display:none!important;}
#ctt_con{padding:0!important;}
#ctt{margin:0!important; padding:0!important; box-shadow: none!important; border:0!important;}

/*개인정보&이용약관*/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: .938em;}
.agree_box .in_con .agree_wrap span{ display: block;}


/*퀵메뉴*/
.main .qk_list .top_btn{display: none;}
.main .qk_list .qk_top.st{display: block;}
.sub .qk_list .qk_top.st{display: none;}
.sub .qk_list .top_btn{display: block;}
.qk_list{position: fixed; bottom:20px; right: 15px;z-index: 100;font-size: 16px; }
.qk_list li{ margin-top: 5px;}
.qk_list li a{display: block; width: 52px; height: 52px; line-height: 52px; text-align: center;  border-radius: 20px; font-size: 1.45em;  box-shadow: 2px 2px 3px rgb(0 0 0 / 20%); overflow: hidden; margin-left: auto; background-color: #333; color: #fff; transition: .5s;}
.qk_list li .xi{width: 52px; line-height: 52px; text-align:center;}
.qk_list li .stx{font-style: normal; font-size: .75em; width:0; overflow: hidden; display: none; font-weight: 700;}
.qk_list li a:hover .stx{width:auto; overflow: hidden; display: block;}
.qk_list li .qk_call:hover{width:190px; border-radius: 50px;}
.qk_list li .qk_ins{background-image: linear-gradient(120deg, #574dc0, #c93b99, #ff942a); color: #fff;}
.qk_list li .qk_ins .xi{font-size:1.2em;}
.qk_list li .qk_ins .stx{font-size:.7em;}
.qk_list li .qk_ins:hover{width:150px;}
.qk_list li .qk_you{background-color: #ff0033; color: #fff;}
.qk_list li .qk_you .xi{font-size:1.2em;}
.qk_list li .qk_you .stx{font-size:.7em;}
.qk_list li .qk_you:hover{width:120px;} 


/*모바일 메뉴*/
#ol_before{background: #fff!important; border-bottom: 1px solid #ddd;}
#ol_before .ol_before_link .join{border-color: #ddd!important; color: #333!important;}
#ol_before .ol_before_link .login{background: #222!important; }

#ol_after_hd{background: #fff!important;border-bottom: 1px solid #ddd;}
#ol_after_btn .btn_admin{color: #fff!important;}
#ol_after_btn a{border-color: #ddd!important; color: #333!important;}
#ol_after_hd .nickname{color: #333!important;}
#ol_after_hd .point{color: #999!important}
#ol_after_hd strong{color: #ff0000!important}

/*=======================================================메인=======================================================*/

/*메인 비주얼*/
.mainSlider_wrap {position: relative; }
.mainSlider_wrap #main_bn {margin: 0; border-radius: 0; border:0; width: 100%;}
.mainSlider_wrap #main_bn .slick-list {padding:0 7%;}
.mainSlider_wrap #main_bn .slick-list .slick-slide a{display:block; margin:0 25px; text-align: center;}
.mainSlider_wrap .main_control{ position: absolute; bottom:30px; left:50%; transform: translateX(-50%); z-index: 10; background-color: #fff; color:#666; width:140px; min-height: 46px; line-height: 46px; padding:0 5px; text-align: center; border-radius: 50px; }
.mainSlider_wrap .main_control .b_pagen{width:80px; letter-spacing: 2px;}
.mainSlider_wrap .main_control .b_btn{cursor: pointer;}
.mainSlider_wrap .main_control .b_btn:hover{color:var(--mainColor)}
.mainSlider_wrap.mo_ver .slick-arrow{background-color:transparent; border:0; color:#ddd; font-size:2.25em;}
.mainSlider_wrap.mo_ver .slick-arrow.slick-next{position: absolute; top: 50%; right: 5px; transform: translateY(-50%); line-height: 1; z-index:10;}
.mainSlider_wrap.mo_ver .slick-arrow.slick-prev{position: absolute; top: 50%; left: 5px; transform: translateY(-50%); line-height: 1; z-index:10;}
.mainSlider_wrap.mo_ver .slick-dots{display:flex; flex-wrap:wrap; justify-content: center; position: absolute; bottom:15px; left: 0; width:100%;}
.mainSlider_wrap.mo_ver .slick-dots button{width:10px; height: 10px; border:0; background-color: #ddd; border-radius: 50%; text-indent: -999px; margin:0 2px;}
.mainSlider_wrap.mo_ver .slick-dots .slick-active button{background-color:var(--mainColor)}

.main_v_box{width: 100%; height: 100%;}

/*메인 비주얼 이미지 슬라이더*/
.main_bn_wrap{position: relative;}
.main_bn_wrap .slick-initialized .slick-slide img{width: 100%; height:100vh; object-fit: cover}
.main_bn_wrap .main_control{position: absolute; bottom:30px; left:50%; transform: translateX(-50%); z-index: 10; background-color: #fff; color:#666; width:110px; min-height: 36px; line-height: 36px; padding:0 5px; text-align: center; border-radius: 50px;}
.main_bn_wrap .main_control .b_btn{cursor: pointer;}
.main_bn_wrap .main_control .b_btn:hover{color:var(--mainColor)}
.main_bn_wrap .main_control .slick-arrow.b_prev{position: absolute; top: 50%; left: 15px; transform: translateY(-50%); line-height: 1; z-index:10;}
.main_bn_wrap .main_control .slick-arrow.b_next{position: absolute; top: 50%; right: 15px; transform: translateY(-50%); line-height: 1; z-index:10;}
.main_bn_wrap .main_control .b_pagen{letter-spacing: 2px;} 




/*메인 inc*/
.main_tit{margin-bottom:40px;}
.main_tit .in_tt1{font-size: 2.5em; font-weight: 500; color:#111;}
.main_tit .in_tt2{font-size:1.875em; font-weight: 700; color:#111;}
.main_tit .main_btn{color:#333; padding:10px 30px; border:1px solid #ddd; border-radius: 50px; font-weight: 300; transition: .3s;}
.main_tit .main_btn:hover{color:var(--mainColor); border-color:var(--mainColor);}
.shop_control{}
.shop_control .xi {font-size: 5em; color: #ddd; cursor: pointer; transition: 0.3s;}
.shop_control .xi:hover{color: #999}
.progress {display: block; width: calc(100% - 140px); height: 6px; overflow: hidden; background-color: #ddd; background-image: linear-gradient(to right, var(--mainColor), var(--mainColor)); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out;}
.progress .slick-dots{display:none!important;}
.progress.slick-hidden{display:none;}

.shop_control.st1{}
.shop_control.st1 .progress{width:500px; margin:0 40px;}
.shop_control.st1 .xi{margin-left:0;}
.shop_control.st1 .b_prev{position: absolute; top: 50%; left: -15%;}
.shop_control.st1 .b_next{position: absolute; top: 50%; right: 0;}


.section{ overflow: hidden;} 



/*베스트*/
.main_best{margin-top:80px;}
.main_best .best_con_bn{width:380px}
.main_best .best_con_bn.mo_only{display:none;}
.main_best .best_con_slide{width:76%; margin: 0 auto 35px; position: relative;}
.main_best .best_con_slide .cus_skin .cus_item{width: 25%; margin-bottom: 0!important;}
.main_best .best_con_slide .cus_skin .cus_item .in{margin-right: 25px;}
.main_best .best_con_slide .cus_skin{margin: 35px -25px 0 0!important}
.main_best .best_con_slide .cus_skin .sct_ct_wrap{text-align: center;}
.main_best .best_con_slide .cus_skin .slick-track{width: 100%!important;}
.main_best .best_control .arr_st{position: absolute; top: 40%; transform: translateY(-50%);}
.main_best .best_control .b_prev{left: -6em;}
.main_best .best_control .b_next{right: -6em;}
.main_best .best_bn{width: 100%; overflow: hidden; position: absolute; bottom: 0;}
.main_best #main_bn{position: relative;}
.main_best #main_bn .btn_wr{display: none;}
.main_best #main_bn .owl-dots{position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex;}
.main_best #main_bn .owl-dot{display: block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #333; margin: 0 4px;}
.main_best #main_bn .owl-dot.active{background: #333;}


/*메인 영상*/
.main_video{margin-top: 70px;}
.main_video .vid_gr{margin-right: calc(40% - 656px);}
.main_video .vid_box{width: 60%;} 
.main_video .vid_box .vid_z{width: 100%; height: 100vh;}
.main_video .txt_box{width: 40%; padding-left: 100px;} 
.main_video .txt_box .t1{font-size: 1.0625em; color: #999; margin-bottom: 20px;}
.main_video .txt_box .t2{font-size: 2.5em; font-weight: 500; color: #111; margin-bottom: 20px;}
.main_video .txt_box .t3{font-size: 1.125em; line-height: 1.6; color: #333;}
.main_video .txt_box .vid_btn{display: inline-block; padding: 12px 20px; font-size: 1.125em; color: #333; background: #fff; border: 1px solid #ddd; margin-top: 45px; transition: .3s;}
.main_video .txt_box .vid_btn:hover{background: #333; color: #fff; border-color: #333;}

/*리뷰, 제품*/
.main_con{margin-top: 70px;}
.main_con .box_gr{margin-left: calc(50% - 820px);} 
.main_con .left_box{width: 820px; padding-right: 140px; position: relative;}
.main_con .right_box{width: calc(100% - 820px);}
.main_con .right_box .bgfix{width: 100%; height: 880px; padding-left: 100px;}
.main_con .main_tit{padding-top: 70px;}
.main_con .main_tit .view_btn a{width: 180px; padding: 12px 20px 11px 25px; font-size: 1.125em; color: #333; background: #fff; border: 1px solid #ddd; margin-left: 45px; transition: .3s;}
.main_con .main_tit .view_btn:hover a{background: #333; color: #fff; border-color:#333;}



/*장바구니*/
.cart-layer.sct_cartop{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); padding: 20px;}
.cart-layer.sct_cartop label{text-align:left; color:#fff; margin-bottom: 3px;}
.cart-layer.sct_cartop .it_option{width:100%; margin-bottom:5px; padding:3px; border-radius: 5px;}
.cart-layer.sct_cartop .it_option option{font-size:.9em;}
.cart-layer.sct_cartop .cartopt_cart_btn,
.cart-layer.sct_cartop .cartopt_close_btn{padding:5px; border-radius: 5px; background-color: #333; color:#fff; font-size:.938em; border:0;}
.cart-layer.sct_cartop .cartopt_cart_btn{background-color: var(--subColor); color:#fff;}


/*회원가입*/
.modal.use_pop .modal_tbox{overflow-y: inherit!important;}
.modal.use_pop .textarea_st{width: 100% !important; height: 100% !important;}
.modal.use_pop input[type=text]:focus, .modal.use_pop input[type=password]:focus, .modal.use_pop textarea:focus, .modal.use_pop select:focus{border:0!important; box-shadow: none;} 
.modal.priv_pop .modal_tbox{overflow-y: inherit!important;}
.modal.priv_pop .textarea_st{width: 100% !important; height: 100% !important;}
.modal.priv_pop input[type=text]:focus, .modal.priv_pop input[type=password]:focus, .modal.priv_pop textarea:focus, .modal.priv_pop select:focus{border:0!important; box-shadow: none;} 


/*상품리스트*/
.cus_skin .sct_cost .item_point{font-size: 0.75em; color: #ea5639; line-height: 1; margin-left: 5px; font-weight: 400; border: 1px solid #ea5639; border-radius: 10px; padding: 3px 7px;}
.cus_skin .cus_item.sct_li .sct_img a .img-first{display: block; object-fit: cover;}
.cus_skin .cus_item.sct_li .sct_img a .img-second{display: none;  object-fit: cover; position: absolute; top: 0; left: 0; z-index: 1;}
.cus_skin .cus_item.sct_li:hover .sct_img a .img-second{display: block;}

.cus_skin .in:hover .sct_img img{transform: scale(1);}


/*상품상세페이지*/
#btn_option .sl_option{max-height: 100%!important;}

/*이벤트 게시판*/
.in_bow {border-bottom: 1px solid #ddd; margin-bottom: 40px;}
.in_bow .page_tt{font-weight: 500; margin-bottom:10px; color:#222;}
.in_bow .page_tx{margin-bottom:40px; color:#333;}

/*비즈니스문의*/
.modal{display:block; overflow:auto;}
.modal .modal__inner{/*height:auto;*/ margin: 10rem auto 7rem;}

/*브랜드 콘텐츠*/
.brand_wrap{overflow: hidden;}
.brand_wrap .in_box{} 
.brand_wrap .video_box{width: 100%; height: 100vh; background: #111;}
.brand_wrap .sec_box01{padding: 12em 0 18em;}
.brand_wrap .sec_box01 .tit{font-size: 7.5em; font-weight: 600; color: #222; line-height: 1.2;}
.brand_wrap .sec_box01 .img_box{width: 360px; height: 500px; margin-left: 4em;}
.brand_wrap .sec_box01 .img_box .img_z{width: 100%; height: 100%;}
.brand_wrap .sec_box02{width: 100%; margin-bottom: 40px; position: relative;}
.brand_wrap .sec_box02 .img_box01{width: 500px; height: 700px; }
.brand_wrap .sec_box02 .img_box01 .img_z{width: 100%; height: 100%;}
.brand_wrap .sec_box02 .img_box02{width: 450px; height: 550px; margin-left: 40px;}
.brand_wrap .sec_box02 .img_box02 .img_z{width: 100%; height: 100%;}
.brand_wrap .sec_box02 .txt_box{text-align: right; font-size: 2em; margin-right: 4em;}
.brand_wrap .sec_box03{width: 100%; padding: 8em 0 6em; background-image: url(/theme/aram_shop01/img/sub/com_bg.jpg);}
.brand_wrap .sec_box03 .txt_box{width: 55%; padding-right: 6em; font-size: 1.25em; color: #fff;}
.brand_wrap .sec_box03 .img_box{width: 45%;  padding-left: 6em;}
.brand_wrap .sec_box03 .img_box .img_z{width: 100%; height: 700px; }
.brand_wrap .sec_box04 {padding: 6em 0 0;}
.brand_wrap .sec_box04 .txt_box{width: 50%; font-size: 6em; font-weight: 600; color: #222; line-height: 1.2; text-align: right;}
.brand_wrap .sec_box04 .img_box{width: 50%;  padding-left: 4em;}
.brand_wrap .sec_box04 .img_box .img_z{width: 100%; height: 800px;}

.brand_wrap .logo_box{width: 2002px;}
.brand_wrap .logo_box .in_text{display: flex; animation: textLoop 40s linear infinite; }

@keyframes textLoop {
  0% {transform: translateX(0);}
  100% {transform: translateX(-100%);}
}