@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/**** 공통 ****/
.en_font { font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal;}

/**** header ****/
header {background: #16171A; padding: 23px 50px; position: fixed; top: 0; left: 0; width: 100%; z-index: 10;}
header .logo img {height: 25px;}
header ul.menu {overflow: visible;}
header ul.menu li {float: left; margin-left: 30px;}
header ul.menu li a {font-size: 18px; line-height: 28px; font-family: 'Pretendard-Bold'; color: white;}
header ul.menu li a:hover {color: #8DDDEE;}



/**** footer ****/
footer {padding: 60px 0; background: #0C0C0C;}
footer .logo img {height: 25px;}
footer .text {margin-left: 100px;}
footer .text p {color: white; font-size: 16px; line-height: 24px; letter-spacing: 0;}
footer .text span {font-size: 14px; line-height: 20px; color: #B2B2B2; letter-spacing: 0;}

.gotop {color: white; background: #212121; width: 60px; height: 60px; display: block; text-align: center; position: fixed; right: 30px; bottom: 50px; line-height: 60px; font-size: 45px; border-radius: 30px; cursor: pointer;}


/**** 메인 ****/
.video_wrap {margin-top: 78px;}
.slide_video_wrap {position: relative; width: 100%;	height: 0;	overflow: hidden;	padding-bottom: 56.26%;}
.slide_video_wrap .main_video {position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
.slide_video_wrap .player .vp-sidedock {display: none !important; }

.video_wrap .slogan {text-align: center; font-size: 4.5vw; line-height: 9vw; color: white; z-index: 1;}
.video_wrap .slogan2 { text-align: center; font-size: 1.3vw; line-height: 1.5vw; color: white; z-index: 1;}
.video_wrap .logo2 { z-index: 1; width: 10%; text-align: right;}
.video_wrap .logo2 img {width: 100%; max-width: 120px;}
.video_wrap .swipe_layer {position: absolute; width: 100%; height: 100%; z-index: 1; top: 0;}

.video_wrap .swiper-button-next, .video_wrap .swiper-button-prev {width: 22px; height: 45px;}
.video_wrap .swiper-button-next {background: url('/images/arrow_right.png') no-repeat center; right: 50px;}
.video_wrap .swiper-button-prev {background: url('/images/arrow_left.png') no-repeat center; left: 50px;}


.quick_banner_wrap {width: 100%; max-width: 1400px; margin: 100px auto 150px;}
.quick_banner_wrap .title {text-align: center; margin-bottom: 100px;}
.quick_banner_wrap .title h3 {font-size: 64px; line-height: 64px;}
.quick_banner_wrap .title p {display: inline-block; font-family: 'Pretendard-SemiBold'; font-size: 20px; line-height: 30px; margin-top: 20px; max-width: 800px;}

.quick_banner_wrap .list {position: relative; width: 100%; height: 480px; margin-bottom: 50px;}
.quick_banner_wrap .list:last-child {margin-bottom: 0;}
.quick_banner_wrap .list a {display: block; height: 100%;}
.quick_banner_wrap .list .text {position: absolute; top: 80px; left: 70px; z-index: 2;}
.quick_banner_wrap .list .text img { margin-bottom: 80px;}
.quick_banner_wrap .list .text h4 {font-size: 32px; line-height: 32px; margin-bottom: 10px; color: #2F2F2F; letter-spacing: 0;}
.quick_banner_wrap .list .text p {font-size: 15px; line-height: 25px; color: #2F2F2F; letter-spacing: 0;}
.quick_banner_wrap .list .text.white h4 {color: #fff;}
.quick_banner_wrap .list .text.white p {color: #fff;}
.quick_banner_wrap .list .gradient {position: absolute; top: 0; left: 0; height: 100%; width: 500px; z-index: 1;}

.quick_banner_wrap .list.bobber {background: url('/images/quick_banner_1.jpg') no-repeat right; }
.quick_banner_wrap .list.bobber .gradient {background: linear-gradient(to right, rgba(20,19,19,1) 0%, rgba(20,19,19,0) 100%);}

.quick_banner_wrap .list.scrambler {background: url('/images/quick_banner_2.jpg') no-repeat right; }
.quick_banner_wrap .list.scrambler .gradient {background: linear-gradient(to right, rgba(189,187,167,1) 0%, rgba(189,187,167,0) 100%);}

.quick_banner_wrap .list.gs {background: url('/images/quick_banner_3.jpg') no-repeat right; }
.quick_banner_wrap .list.gs .gradient {background: linear-gradient(to right, rgba(255,110,19,1) 0%, rgba(255,110,19,0) 100%);}

.quick_banner_wrap .list.ub {background: url('/images/quick_banner_4.jpg') no-repeat right; }
.quick_banner_wrap .list.ub .gradient {background: linear-gradient(to right, rgba(255,252,227,1) 0%, rgba(255,252,227,0) 100%);}

.quick_banner_wrap .news {margin-top: 80px; }
.quick_banner_wrap .news h3 {font-size: 64px; line-height: 64px; margin-bottom: 15px;}
.quick_banner_wrap .news .banner {position: relative; width: 100%; height: 480px;}
.quick_banner_wrap .news .banner img {transition: all 1s;}
.quick_banner_wrap .news .banner:hover img {transform: scale(1.1);}

.quick_banner_wrap .news .banner .text {position: absolute; top: 50px; left: 70px; font-size: 18px; line-height: 30px; color: white; z-index: 1; letter-spacing: 0;}




/**** 서브페이지 공통 ****/
.page_title_wrap {width: 100%; height: 415px; margin-top: 75px;}
.page_title_wrap.bg_1 {background: url('/images/sub_title_bg_1.jpg') no-repeat center; background-size: cover;}
.page_title_wrap.bg_2 {background: url('/images/sub_title_bg_2.jpg') no-repeat center; background-size: cover;}
.page_title_wrap.bg_3 {background: url('/images/sub_title_bg_3.jpg') no-repeat center; background-size: cover;}
.page_title_wrap.bg_4 {background: url('/images/sub_title_bg_4.jpg') no-repeat center; background-size: cover;}
.page_title_wrap.bg_5 {background: url('/images/sub_title_bg_5.jpg') no-repeat center; background-size: cover;}

.sub_wrap {margin: 150px auto;}
.sub_wrap .title {text-align: center; margin-bottom: 100px;}
.sub_wrap .title h3 {font-size: 64px; line-height: 64px;}
.sub_wrap .title .line {display: inline-block; width: 100px; height: 1px; background: #000; margin-top: 30px;}

/**** 모델 페이지 ****/
.model_page h4 {font-size: 48px; line-height: 60px; color: #393939; text-align: center; margin-bottom: 50px; }
.model_page ul {max-width: 1280px; margin: 0 auto; overflow: hidden;}
.model_page ul li {width: 50%; max-width: 640px; text-align: center; float: left; margin-bottom: 30px;}
.model_page ul li h5 {font-size: 24px; line-height: 24px; font-family: 'Pretendard-Bold';}
.model_page ul li:hover h5 {color: #8DDDEE;}

/**** 모델 디테일 페이지 ****/
.detail_page .detail_top {text-align: center; max-width: 1080px; margin: 0 auto;}
.detail_page .detail_top img {}
.detail_page .detail_top p {font-size: 20px; line-height: 30px; margin-top: 50px;}

.detail_page .detail_img_wrap {text-align: center;}
.detail_page .detail_img_wrap .spec_part {max-width: 1280px; margin: 100px auto;}
.detail_page .detail_img_wrap .spec_part .text {float: left; width: 50%; text-align: left;} 
.detail_page .detail_img_wrap .spec_part .text h4 {font-size: 55px; line-height: 55px; margin-bottom: 15px;}
.detail_page .detail_img_wrap .spec_part .text ul li {font-size: 20px; line-height: 35px; font-family: 'Pretendard-Bold';}
.detail_page .detail_img_wrap .spec_part .text ul li span {font-family: 'Pretendard-Regular';}
.detail_page .detail_img_wrap .spec_part img {float: left; width: 50%; max-width: 524px;}
.detail_page .detail_img_wrap .w_50 {width: 50%;}
.detail_page .detail_img_wrap .color_part {max-width: 1280px; margin: 100px auto;}
.detail_page .detail_img_wrap .design_part {max-width: 1280px; margin: 0 auto;}
.detail_page .detail_img_wrap .design_part h4 {font-size: 55px; line-height: 55px; margin-bottom: 15px; text-align: left;}


/**** 악세사리 페이지 ****/
.acc_page .name {max-width: 1300px; margin: 0 auto 30px;}
.acc_page .name img {height: 64px;}
.acc_page ul {max-width: 1300px; margin: 0 auto;}
.acc_page ul li {overflow: hidden; margin-bottom: 30px;}
.acc_page ul li .part {position: relative; float: left; display: block; width: calc(50% - 15px); height: 400px; margin-right: 30px; border-radius: 20px; overflow: hidden;}
.acc_page ul li .part .tag {position: absolute; top: 30px; left: 30px; font-size: 33px; line-height: 33px; font-family: 'Pretendard-SemiBold'; z-index: 1;}
.acc_page ul li .view {float: left; display: block; width: calc(50% - 15px); height: 400px; border-radius: 20px; overflow: hidden;}
.acc_page ul li img {transition: all 1s; height: 100%; object-fit: cover;}
.acc_page ul li img:hover {transform: scale(1.1);}

/**** 디자인 페이지 ****/
.design_page .text {width: 60%; padding-right: 10%;}
.design_page .text h4 {font-size: 48px; line-height: 48px; margin-bottom: 15px;}
.design_page .text p {font-size: 16px; line-height: 30px; margin-bottom: 50px; letter-spacing: 0;}
.design_page .img {width: 40%; text-align: right;}


/**** 월드 페이지 ****/
.world_page ul {margin: 0 auto; max-width: 1080px;}
.world_page ul li {float: left; width: 50%; height: 400px; padding-right: 10%; margin-bottom: 50px;}
.world_page ul li:last-child {margin-bottom: 0;}
.world_page ul li h4 {font-size: 40px; line-height: 40px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #000;}
.world_page ul li p {font-size: 18px; line-height: 30px; margin-bottom: 30px;}
.world_page ul li p span {font-size: 20px; font-family: 'Pretendard-Bold'; }
.world_page ul li a {font-size: 20px; line-height: 20px; font-family: 'Pretendard-Bold'; text-decoration: underline;}
.world_page ul li a:hover {color: #8DDDEE;}




#bo_gall .gall_img {border-bottom: none;}



















