@import url('sub.css'); 



/**** S:: ¸ðµ¨º°»ç¾ç ****/
.specification_info{background:url('/technology/img/specification_bg.png') no-repeat center/cover;}
.specification_info dl{display: flex; position: relative;}
.specification_info dl::before{content:''; display: block; width: 1px; height: 80%; position: absolute; left:50%; top:50%; background:var(--border_white); transform:translateY(-50%);}
.specification_info dl::after{content:''; display: block; width: 50px; height: 50px; position: absolute; left:50%; bottom: -25px; z-index: 5; margin-left: -25px; background:url('/technology/img/specification_arrow.png') no-repeat center/contain;}
.specification_info dl dt,
.specification_info dl dd{padding:80px; box-sizing:border-box; width: 50%; display: flex; flex-direction: column; justify-content: center;}
.specification_info dl dt{position: relative;}
.specification_info dl dt img{max-width:100%; height: auto;}
.specification_info dl dd{display: flex; flex-direction: column; justify-content: center;}
.specification_info dl dd .fs38{font-size:2.111rem; font-weight: 700; letter-spacing: 0; color:var(--white); line-height: 125%; padding: 0 0 40px;} 
.specification_info dl dd .fs24{padding: 0 0 15px; display: flex; align-items:center; gap:10px; font-weight: 400;}
.specification_info dl dd .fs24 b{font-weight: 600;}
.specification_info dl dd .fs24::before{content:'\e52d'; display: inline-block; width: 26px;	height: 26px; line-height: 26px; font-size:26px; font-family:var(--icon); font-weight: 400; color:var(--sub); font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;}

.specification_mark{padding: 50px 0 0; display: flex; flex-wrap:wrap;}
.specification_mark dl{width: 50%; display: flex; padding: 20px 20px 20px 0; border:1px solid rgba(255,255,255,.2); border-bottom: 0; border-right: 0; box-sizing:border-box;}
.specification_mark dl:nth-child(2n){border-right: 1px solid rgba(255,255,255,.2);}
.specification_mark dl:nth-child(n+3){border-bottom: 1px solid rgba(255,255,255,.2);}
.specification_mark dl dt{width: 300px; display: flex; flex-direction: column; justify-content: center;}
.specification_mark dl dt img{width: 100%; height: auto;}
.specification_mark dl dd{width: calc(100% - 300px); display: flex; flex-direction: column; justify-content: center;}
.specification_mark dl dd small{display: block; font-size:0.778rem; line-height: 120%; padding: 0 0 5px; font-weight: 600; color:var(--sub); text-decoration:underline;}
.specification_mark dl dd .fs24{color:var(--white);}
.specification_mark dl dd .fs16{color:rgba(255,255,255,.7); padding: 8px 0 0;}

.specification_cont{}
.specification_cont .fs30{padding:0 0 15px; display: flex; align-items: flex-end; justify-content: space-between; flex-wrap:wrap; gap:8px 30px;}
.specification_cont .fs30 .fs16{letter-spacing: -0.8px; font-weight: 600;}


.specification_table{position: relative;}
.specification_table .stock-scroll-drag-guide{}
.specification_table .specification_table_in{}
.specification_table table{width:100%; border-collapse:separate; border-spacing:0px; text-align:center;}
.specification_table table th{font-size:1.111rem; font-weight:700; line-height:160%; box-sizing:border-box; color:var(--black); letter-spacing: 0; padding:20px 10px; background:var(--sub); border-right: 1px solid #9E8738;}
.specification_table table th:last-child{border-right: 0;}
.specification_table table td{font-size:1rem; font-weight:400; line-height:170%; box-sizing:border-box; color:var(--white); letter-spacing: 0; padding:20px 10px; background:var(--black); border-bottom: 1px solid rgba(255, 255, 255, 0.20); border-right: 1px solid rgba(255, 255, 255, 0.20);}
.specification_table table td:last-child{border-right:0;}
.specification_table table td.model{background: rgba(255, 255, 255, 0.30); font-weight: 700;}


.model_name{box-sizing:border-box; display: flex; padding:80px 0; background:url('/technology/img/model_hibox_bg.png') no-repeat center/cover;}
.model_name dt{width: 65%; padding: 0 80px; box-sizing:border-box;}
.model_name dt img{max-width:100%; height: auto;}
.model_name dd{width: 35%; padding: 0 110px; box-sizing:border-box; text-align:center; border-left: 1px solid rgba(255,255,255,.2); display: flex; flex-direction: column; justify-content: center; align-items: center;}
.model_name dd .fs24{font-weight: 600; color:var(--white);}
.model_name dd .fs24::after{content:'\f181';  display: block; width: 24px; height: 24px; line-height: 24px; font-size:24px; font-weight: 400; font-family:var(--icon); margin: 10px auto; color:var(--white); opacity: 0.4;}
.model_name dd .fs18{color:var(--white); font-weight: 400;}

.material_list{display: flex; flex-wrap:wrap;}
.material_list dd{width: 33.33%; box-sizing:border-box; padding: 40px; border:1px solid rgba(255,255,255,.2); border-right: 0; border-top: 0;}
.material_list dd:nth-child(1),
.material_list dd:nth-child(2),
.material_list dd:nth-child(3){border-top:1px solid rgba(255,255,255,.2);}
.material_list dd:nth-child(3n){border-right:1px solid rgba(255,255,255,.2);}
.material_list dd p{display: flex; justify-content: center; flex-wrap:wrap; gap:5px; margin: 0 auto 15px;}
.material_list dd p span{display: block; width: 35px; height: 35px; line-height: 35px; text-align:center; font-size:1.111rem; font-weight: 600; color:var(--white); background:var(--th);}
.material_list dd .dot_list{}
.material_list dd .dot_list li{justify-content: center;}

/**** E:: ¸ðµ¨º°»ç¾ç ****/

/**** S:: Ä¿½ºÅ͸¶ÀÌ¡ ¼­ºñ½º ****/
.customization_cont{}
.customization_cont ul{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:30px;}
.customization_cont ul li{padding:40px; box-sizing:border-box; background:#111; border:1px solid rgba(255,255,255,.2);}
.customization_cont ul li dl{display: flex; padding:0 0 35px;}
.customization_cont ul li dl dt{width: 60px;}
.customization_cont ul li dl dt img{max-width:100%; height: auto;}
.customization_cont ul li dl dd{width: calc(100% - 60px); box-sizing:border-box; padding:0 0 0 30px; display: flex; flex-direction: column; justify-content: center;}
.customization_cont ul li dl dd .fs24{color:var(--white); line-height:130%; font-weight:600px;}
.customization_cont ul li dl dd .fs18{color:rgba(255,255,255,.7); padding:5px 0 0; line-height: 150%;}
.customization_cont ul li > img{max-width:100%; height: auto;}
/**** E:: Ä¿½ºÅ͸¶ÀÌ¡ ¼­ºñ½º ****/


/*******************************************************************************
    @media 1740px
*******************************************************************************/
@media all and (max-width:1740px){




}
/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){



/**** S:: ¸ðµ¨º°»ç¾ç ****/
.model_name dd{padding: 0 80px;}

/**** E:: ¸ðµ¨º°»ç¾ç ****/



}

/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){



/**** S:: ¸ðµ¨º°»ç¾ç ****/
.specification_info dl{}
.specification_info dl dt,
.specification_info dl dd{padding:60px;}

.specification_mark dl dt{width: 40%;}
.specification_mark dl dd{width: 60%;}


.model_name{padding:50px 0;}
.model_name dt{padding: 0 50px;}
.model_name dd{padding: 0 50px;}
/**** E:: ¸ðµ¨º°»ç¾ç ****/

}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){



/**** S:: ¸ðµ¨º°»ç¾ç ****/
.specification_info dl{}
.specification_info dl::before{}
.specification_info dl::after{width: 40px; height: 40px; bottom: -20px; margin-left: -20px;}
.specification_info dl dt,
.specification_info dl dd{padding:40px; width: 50%;}
.specification_info dl dd{}
.specification_info dl dd .fs38{font-size:1.778rem; padding: 0 0 20px;} 
.specification_info dl dd .fs24{padding: 0 0 10px; gap:5px;}
.specification_info dl dd .fs24::before{width: 20px; height: 20px; line-height: 20px; font-size:20px;}

.specification_mark{padding: 30px 0 0;}

.specification_table{}
.specification_table .stock-scroll-drag-guide{display: flex;}
.specification_table .specification_table_in{overflow-x: auto; overflow-y: hidden;}
.specification_table table{width: 980px;}
.specification_table table th{padding:15px 5px;}
.specification_table table td{padding:15px 5px;}


.material_list{}
.material_list dd{width: 50%; padding: 30px;}
.material_list dd:nth-child(1),
.material_list dd:nth-child(2){border-top:1px solid rgba(255,255,255,.2);}
.material_list dd:nth-child(3){border-top:0;}
.material_list dd:nth-child(3n){border-right:0;}
.material_list dd:nth-child(2n){border-right:1px solid rgba(255,255,255,.2);}
.material_list dd p{margin: 0 auto 10px;}
.material_list dd p span{width: 30px; height: 30px; line-height: 30px; font-size:1rem;}

.model_name{padding:30px 0;}
.model_name dt{padding: 0 30px;}
.model_name dd{ padding: 0 30px;}

/**** E:: ¸ðµ¨º°»ç¾ç ****/


/**** S:: Ä¿½ºÅ͸¶ÀÌ¡ ¼­ºñ½º ****/
.customization_cont{}
.customization_cont ul{grid-template-columns: repeat(2, 1fr); grid-gap:20px;}
.customization_cont ul li{padding:30px;}
.customization_cont ul li dl{padding:0 0 25px;}
.customization_cont ul li dl dt{width: 50px;}
.customization_cont ul li dl dd{width: calc(100% - 50px); padding:0 0 0 20px;}
/**** E:: Ä¿½ºÅ͸¶ÀÌ¡ ¼­ºñ½º ****/


}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/**** S:: ¸ðµ¨º°»ç¾ç ****/
.specification_info dl{flex-wrap:wrap;}
.specification_info dl::before{display: none;}
.specification_info dl::after{width: 30px; height: 30px; bottom: -15px; margin-left: -15px;}
.specification_info dl dt,
.specification_info dl dd{padding:20px; width: 100%;}
.specification_info dl dt::before{content:''; display: block; width: calc(100% - 40px); height: 1px; position: absolute; left:50%; bottom:0; background:var(--border_white); transform:translateX(-50%);}
.specification_info dl dd{}
.specification_info dl dd .fs38{font-size:1.556rem; padding: 0 0 10px;} 

.specification_mark{padding: 20px 0 0;}
.specification_mark dl{width: 100%; border-right: 1px solid rgba(255,255,255,.2); border-bottom:0;}
.specification_mark dl:nth-child(n+3){border-bottom: 0;}
.specification_mark dl:last-child{border-bottom: 1px solid rgba(255,255,255,.2);}

.specification_table{}
.specification_table table{width: 680px;}
.specification_table table th{padding:10px 5px;}
.specification_table table td{padding:10px 5px;}



.specification_cont{}
.specification_cont .fs30{padding:0 0 10px; gap:5px 30px;}


.model_name{padding:0 20px; flex-wrap:wrap;}
.model_name dt{width: 100%; padding: 20px 0;}
.model_name dd{width: 100%; padding: 20px 0; border:0; border-top:1px solid rgba(255,255,255,.2);}
.model_name dd .fs24::after{width: 20px; height: 20px; line-height: 20px; font-size:20px; margin: 5px auto; }


.material_list{}
.material_list dd{width: 100%; padding: 20px; border-right:1px solid rgba(255,255,255,.2);}
.material_list dd:nth-child(1){border-top:1px solid rgba(255,255,255,.2); }
.material_list dd:nth-child(2){border-top:0;}
.material_list dd:nth-child(2n){border-right:1px solid rgba(255,255,255,.2);}
.material_list dd:nth-child(3n){border-right:1px solid rgba(255,255,255,.2);}
.material_list dd .dot_list li + li{margin-top: 3px;}

/**** E:: ¸ðµ¨º°»ç¾ç ****/




/**** S:: Ä¿½ºÅ͸¶ÀÌ¡ ¼­ºñ½º ****/
.customization_cont{}
.customization_cont ul{grid-template-columns: repeat(1, 1fr); grid-gap:10px;}
.customization_cont ul li{padding:20px;}
.customization_cont ul li dl{padding:0 0 15px;}
.customization_cont ul li dl dt{width: 40px;}
.customization_cont ul li dl dd{width: calc(100% - 40px); padding:0 0 0 15px;}
.customization_cont ul li dl dd .fs18{padding:3px 0 0;}
/**** E:: Ä¿½ºÅ͸¶ÀÌ¡ ¼­ºñ½º ****/

}