@charset "utf-8";

#container_title {display: none}
.btn_wrap .btn {border-radius: 0}

/*CN모터스가 만드는 특별한 경험*/
.sub-com .sec_ex .sub-con-tit {text-align: left; letter-spacing: -.05em}
.ex_list {display: flex; flex-direction: column; gap:40px}
.ex_list .list {position: relative; display: flex; align-items: center; width: 100%; aspect-ratio: 1300 / 384;}
.ex_list .list.studio {background:url('../../img/pages/bespoke/intro/bg_ex01.jpg') no-repeat center center / cover;}
.ex_list .list.gallery {background:url('../../img/pages/bespoke/intro/bg_ex02.jpg') no-repeat center center / cover;}
.ex_list .list.bespoke {background:url('../../img/pages/bespoke/intro/bg_ex03.jpg') no-repeat center center / cover;}
.ex_list .list .txt {color: #fff; margin-left: 75px}
.ex_list .list .txt dt {font-size: var(--font25); margin-bottom: 5px}
.ex_list .list .txt .btn_wrap {margin-top: 20px}
.ex_list .list .txt .btn_wrap .btn {height: 30px; font-size: var(--font12);}

.block_link {display: flex; gap: 20px; flex-wrap: wrap;}
.block_link .block {width: calc(100% / 3); flex: 1 1 30%; }
.block_link .block a {display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; aspect-ratio: 414 / 147; background: #F5F5F5; flex-direction: column}
.block_link .block .icon {display: block; width: 45px; height: 45px;}
.block_link .block p {display: flex; align-items: center; justify-content: center; height: 40px; font-size: var(--font16)}
.block_link .block:nth-child(1) .icon {background:url('../../img/pages/bespoke/intro/icon_link01.png') no-repeat center center / contain;}
.block_link .block:nth-child(2) .icon {background:url('../../img/pages/bespoke/intro/icon_link02.png') no-repeat center center / contain;}
.block_link .block:nth-child(3) .icon {background:url('../../img/pages/bespoke/intro/icon_link03.png') no-repeat center center / contain;}
.block_link .block:nth-child(4) .icon {background:url('../../img/pages/bespoke/intro/icon_link04.png') no-repeat center center / contain;}
.block_link .block:nth-child(5) .icon {background:url('../../img/pages/bespoke/intro/icon_link05.png') no-repeat center center / contain;}
.block_link .block:nth-child(6) .icon {background:url('../../img/pages/bespoke/intro/icon_link06.png') no-repeat center center / contain;}

.sub-com .sec04 .sub-con-tit {text-align: left; margin-bottom: var(--gap-md);}
.sns_link {display: flex; gap: 20px;}
.sns_link .block {width: calc(100% / 4);}
.sns_link .block a {display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; aspect-ratio: 303 / 165;}
.sns_link .block:nth-child(1) a {background:url('../../img/pages/bespoke/intro/bg_sns01.jpg') no-repeat center center / contain;}
.sns_link .block:nth-child(2) a {background:url('../../img/pages/bespoke/intro/bg_sns02.jpg') no-repeat center center / contain;}
.sns_link .block:nth-child(3) a {background:url('../../img/pages/bespoke/intro/bg_sns03.jpg') no-repeat center center / contain;}
.sns_link .block:nth-child(4) a {background:url('../../img/pages/bespoke/intro/bg_sns04.jpg') no-repeat center center / contain;}
.sns_link .block .icon {display: block; width:64px; aspect-ratio: 64 / 64;}
.sns_link .block:nth-child(1) .icon {background:url('../../img/pages/bespoke/intro/sns_youtube.png') no-repeat center center / contain;}
.sns_link .block:nth-child(2) .icon {background:url('../../img/pages/bespoke/intro/sns_blog.png') no-repeat center center / contain;}
.sns_link .block:nth-child(3) .icon {background:url('../../img/pages/bespoke/intro/sns_cafe.png') no-repeat center center / contain;}
.sns_link .block:nth-child(4) .icon {background:url('../../img/pages/bespoke/intro/sns_insta.png') no-repeat center center / contain;}
.sns_link .block p {margin-top: 20px}

/* CN STORY */
#story .sec01 {padding-bottom:  var(--gap-lg)}

/* CN STYDIO */
#studio .sec01 {padding-bottom:  var(--gap-lg)}

/* 나만의 카니발 만들기 | MY BESPOKE CAR */
#bespoke .sec01 {position: relative; background:url('../../img/pages/bespoke/bespoke_sec01_img.jpg') no-repeat center center / cover;  width: 100%; aspect-ratio: 16 / 9;}
#bespoke .sec01 .con-txt {position:absolute;top:var(--gap-lg); left:50%; width: 100%; transform:translate(-50%,0);font-size:var(--font20); line-height: 2; font-weight: bold; color: #fff}
#bespoke .sec01 .btn_wrap {margin-top: 20px}
/* #bespoke .sec01 .btn_wrap .btn {height: 30px; font-size: var(--font12);} */
#bespoke-con .sub-page-tit p {letter-spacing: .1em; color: #858585; text-transform: uppercase; font-family: var(--eng)}



@media screen and (max-width:1450px){

}

@media screen and (min-width:1025px){
	#bespoke .sub-visual h2 br{display:none;}
}

@media screen and (max-width:1024px){
	
	#bespoke .sec01 {aspect-ratio: 16 / 20;}
	.block_link .block a {aspect-ratio: 16 / 7;}
	

}

@media screen and (max-width:768px){

	.ex_list .list .txt {margin-left: 20px}
	.block_link {gap:16px}
	.block_link .block {width: 50%; flex: 1 1 40%;}
	.sns_link {gap: 16px; flex-wrap: wrap; }
	.sns_link .block {width: 50%;flex: 1 1 40%;}
	
}

@media screen and (max-width:500px){
	
	.ex_list .list {aspect-ratio: 16 / 9;}
	.sns_link .block .icon {width: 40px}
	.sns_link .block p {margin-top: 10px}
	.block_link .block a {aspect-ratio: 16 / 9;}
	

}