/* BASIC css start */
#wrap { background: #090909; }
#content { /*max-width: 1920px; margin: 0 auto;*/ min-width: 1440px; padding-bottom:0; padding-top: 250px; }
.section { position: relative; width: 100%; overflow: hidden; margin-bottom: 300px; }
.container { position: relative; width: 1500px; margin: 0 auto; }
.container img { width: 100%; }
.container h2 { font-size: 20px; color: #fff;  }
.aos_ani { z-index: 3; }
.aos_bg { position: absolute; }

.btn_home { position: fixed; top: 50px; left: 40px; z-index: 10; }

/* TOP */
.cont7 { height: 900px; text-align: center; padding-top: 370px; }
.cont7 img { width: auto; }

.slideInDown { animation-iteration-count: infinite; opacity: .5; color: #fff; text-align: center;  }
[data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translateZ(0) scale(1)!important; }
[data-aos=zoom-out] { transform: scale(2)!important; }

/* BRAND STORY */
.cont1 h2 { padding-bottom: 100px; }
.cont1 .txt_left { text-align: left; color: #fff; padding-bottom: 100px; }
.cont1 .txt_left p:nth-child(1) { font-size: 44px; line-height: 55px; padding-bottom: 40px; }
.cont1 .txt_left p:nth-child(2) { font-size: 18px; line-height: 28px; color: #666; }
.cont1 .txt_left2 { text-align: left; color: #fff; padding-bottom: 100px; font-size: 48px; line-height: 60px; }


/* CATEGORY */
.cont2 .aos_ani:nth-child(1) { width: 526px!important; float: left; }
.cont2 .aos_ani:nth-child(2) { width: 750px; float: right; }
.phone_case { width: 526px; position: absolute; top: 0; left: 0; z-index: 2; }
.phone_img { width: 526px; }
.phone_img .swiper-slide img { width: 100%; }

.xexy_category { padding: 110px 0 0; }
.xexy_category ul { overflow: hidden; }
.xexy_category li { display: inline-block; width: 40%; font-size: 18px; line-height: 28px; color: #666; text-align: center; padding-bottom: 120px; }
.xexy_category li:nth-child(2) { margin-left: 19%; }
.xexy_category li.catemain { display: block; margin: 0 auto; }
.xexy_category li p { padding-bottom: 40px; }
.xexy_category li p img { width: auto; }
.xexy_category li strong { display: block; font-size: 30px; color: #fff; padding-bottom: 15px; }


/* LOGO NAME */
.cont3 { background: url(//xexymix.jpg3.kr/xexymix/2020/sub/brandstory/2022/story_img3.jpg) no-repeat center; background-size: cover; background-position-y: center; padding-bottom: 25%; }
.cont3 .txt_con2 { width:645px; margin: 0 0 0 60%; font-size: 18px; font-weight: 200; line-height: 28px; color: #fff; text-align: center; }

.cont3 .txt-con { width:645px; margin: 25% 0 0 60%; position:relative; }
.cont3 .txt-con .fulltText01 {text-align: center;}
.cont3 .Text01 { position:absolute; top:94px; left:64px; }
.cont3 .Text01 span { color:#fff; font-size:60px; font-weight:600; }
.cont3 .Text01 .txt01 { position:absolute; left:33px;}
.cont3 .Text01 .txt02 { position:absolute; left:160px;}
.cont3 .Text01 .txt03 { position: absolute; left: 367px;}
.cont3 p {font-size:14px; color:#fff;}
.cont3 .plusBtn { opacity: 0; position: absolute; top:109px;}
.cont3 .btn01 { position: absolute; left: 160px!important;}
.cont3 .btn02 { position: absolute; right: 230px; left: inherit!important;}
.cont3 .txt-con p { font-size:16px; line-height:1.6; text-align:center; font-weight: 300; }


/* HISTORY */
.cont4 h2 { padding-bottom: 50px; text-align: center; }
.cont4 .txt_con { text-align: center; color: #fff; padding-bottom: 200px; font-size: 48px; line-height: 60px; }

.history_img { padding-top: 32%; }
.history_img .swiper-slide-active { opacity: 1; animation: fadein 2s; }
.history_img .swiper-slide-prev,
.history_img .swiper-slide-next { opacity: .3; }
.history_img .swiper-button-next, .history_img .swiper-button-prev { width: 50px; height: 50px; top: 340px; color: #fff; }
.history_img .swiper-button-next { right: 28%; }
.history_img .swiper-button-prev { left: 28%; }
.history_img .txt_list { padding-top: 50px; }
.history_img .txt_list h3 { padding-bottom: 15px; font-size: 42px; font-weight: 500; color: #ff6d44; }
.history_img .txt_list ul { overflow: hidden; }
.history_img .txt_list li { padding-bottom: 5px; color: #fff; font-size: 18px; font-weight: 200; }
.history_img .txt_list li span { position: absolute; min-width: 30px; max-width: 80px; text-align: right; }
.history_img .txt_list li p { padding-bottom: 10px; padding-left: 50px; line-height: 22px; }
.history_img .pw80 li p { padding-left: 95px; }

@keyframes fadein {
    from { opacity: .3; }
    to { opacity: 1; }
}


/* VALUES */
.cont5 { text-align: center; }
.cont5 h2 { padding-bottom: 50px;  }
.cont5 .txt_con { text-align: center; color: #fff; padding-bottom: 200px; font-size: 48px; line-height: 60px; }
.cont5 .txt_off { font-size: 50px; font-weight: 600; padding-top: 200px; color: #fff; }
.cont5 .txt_on { position: absolute; top: 0; z-index: 2; width: 100%; color: #fff; }
.cont5 .txt_on p:nth-child(1) { font-size: 30px; font-weight: 600; padding-top: 50px; }
.cont5 .txt_on p:nth-child(2) { font-size: 38px; font-weight: 600; padding-top: 110px; }
.cont5 .txt_on p:nth-child(3) { font-size: 18px; line-height: 28px; font-weight: 200; padding-top: 30px; }
.cont5 i { font-weight: 300; }

.cont5 .bg01 { background: url(//xexymix.jpg3.kr/xexymix/2020/sub/brandstory/2022/story_img5_1.jpg) no-repeat center; background-size: cover; }
.cont5 .bg02 { background: url(//xexymix.jpg3.kr/xexymix/2020/sub/brandstory/2022/story_img5_2.jpg) no-repeat center; background-size: cover; }
.cont5 .bg03 { background: url(//xexymix.jpg3.kr/xexymix/2020/sub/brandstory/2022/story_img5_3.jpg) no-repeat center; background-size: cover; }
.cont5 .bg04 { background: url(//xexymix.jpg3.kr/xexymix/2020/sub/brandstory/2022/story_img5_4.jpg) no-repeat center; background-size: cover; }

.point_img { position: relative; width: 75%; margin: 0 auto; display: flex; flex-wrap: wrap; }
.point_img .thecard:hover { transform: rotateY(180deg); cursor: pointer; }
.thecard { padding-bottom: 50%; transform-style: preserve-3d; transition: all 0.5s ease; flex-basis: 48%; display: flex; flex-direction: column; }
.thecard:nth-child(1) { margin-right: 1%; margin-bottom: 1%; }
.thecard:nth-child(2) { margin-left: 1%; margin-bottom: 1%; }
.thecard:nth-child(3) { margin-right: 1%; margin-top: 1%; }
.thecard:nth-child(4) { margin-left: 1%; margin-top: 1%; }
.thefront { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; text-align: center; border-radius: 25px; }
.thefront:after { content: ""; position: absolute; left: 0; z-index: 2; bottom: 50px; background: url(//xexymix.jpg3.kr/xexymix/2020/sub/brandstory/2022/icon_plus.png) no-repeat center; background-size: contain; width: 100%; height: 55px; }
.theback { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; border-radius: 25px; transform: rotateY(180deg); background: #161616; }
.theback:after { content: ""; position: absolute; left: 0; z-index: 2; bottom: 50px; background: url(//xexymix.jpg3.kr/xexymix/2020/sub/brandstory/2022/icon_minus.png) no-repeat center; background-size: contain; width: 100%; height: 55px; }


/* MISSION */
.cont6 { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -250px; }
.cont6 h2 { padding-bottom: 50px; text-align: center; }
.cont6 .txt_con { text-align: center; color: #fff; padding-bottom: 100px; }
.cont6 .txt_con p:nth-child(1) { font-size: 48px; line-height: 60px; padding-bottom: 30px; }
.cont6 .txt_con p:nth-child(2) { font-size: 18px; line-height: 28px; font-weight: 300; }

.mv { height: 100vh; }
.mv .aos_ani { text-align: center; }
.section.mv video { height: 100vh; opacity: .3; }

.pcolor { color: #ff6d44; }
.bold300 { font-weight: 300; }
.bold500 { font-weight: 500; }
.bold600 { font-weight: 600; }




/* BASIC css end */