.sub_title{color:#2c0000;font-weight:300;text-align:center;line-height:1.3em;font-family: "GmarketSansMedium", Malgun Gothic, "돋움";}
.sub_title strong{color:#fdb913; font-weight:bold;}


.subcon1{position:relative;}
.subcon1>div{position:relative;}
.subcon1 h5{position:absolute; color:#fff; font-weight:300; display:table; text-align:center;background-color:#2c0000;}
.subcon1 h5 span{display:table-cell; color:#fff; font-weight:300; vertical-align:middle}
.subcon1 .bi_box1 h5{background-color:#fdb913;}

.subcon1>div{display:inline-block;}

@media (min-width:1200px){
.subcon1 {padding:50px 0 100px;}
.subcon1 h5{width:85px; height:85px; line-height:85px; top:-10px; left:-10px; font-size:22px;}
.subcon1 .bi_box1{margin:40px 390px 70px;}
.subcon1 .bi_box2{margin-right:100px}
.subcon2 img,.subcon3 img,.subcon4 img{margin: 50px;}


.sub_title{font-size:35px; margin-bottom:40px}
.top_text{margin-bottom:10px}

.sub_con{padding: 50px 0;}

.subcon5,.interior_wrap{padding:50px 0 150px;}
} 
@media (min-width:640px){
	/*PC tab*/
.visual{background:url(../images/pc/brand/visual.png) no-repeat 50%;}

.con2 .t2 span{display:none;}
.con2 .t1 span{display:block;}
}
@media (max-width:1200px){
.con1 .inbox{width:100%; padding-right:2.5%;}	 

}


@media (min-width:640px) and (max-width:1200px){
/*tab */
 .subcon1 {padding:7% 0 10%;}
.sub_con{padding: 7% 0;}
.subcon1 h5{width:60px; height:60px; line-height:60px; top:-10px; left:-7px; font-size:17px;}
.subcon1 .bi_box1{margin:3% 27% 5%; width:46%}
.subcon1 .bi_box2,.subcon1 .bi_box3{width:26.7%;}
.subcon1 .bi_box2{margin-right:9%}
.subcon2 img,.subcon3 img{width: 23.7%;margin: 4.5%;}
.bi2{display:block;margin: 0 auto !important;width: 57% !important;}
.subcon4 img{width:62.5%}
.subcon5 img{width:92.8%}

.sub_title{font-size: 23px;margin-bottom:30px;}
.top_text{margin-bottom:5px}

.subcon5,.interior_wrap{padding:7% 0 100px;}
}


@media (max-width:640px){
	/*mb*/
 .visual{background:url(../images/mb/brand/visual.png) no-repeat 50%;}
 
 .sub_con{padding: 6% 0;}
 .subcon1 {padding:6% 0 10%;}
.subcon1 h5{width: 40px;height: 40px;line-height: 40px;top: -14px;left: -14px;font-size: 13px;}
.subcon1 .bi_box1{margin:3% 18.5% 9%; width:63%}
.subcon1 .bi_box2,.subcon1 .bi_box3{width: 28.3%;}
.subcon1 .bi_box2{margin-right: 4%;}
.subcon2 img,.subcon3 img{width:39%;margin: 0 4.5% 6%;}
.subcon4 img{width:88%}
.subcon5 img{width:95%}
.bi2{display:block;margin: 0 auto 6%!important;width: 88% !important;}
	
.sub_title{font-size:23px; margin-bottom:35px}
.top_text{margin-bottom:7px}

.subcon5,.interior_wrap{padding:6% 0 70px;}
}


  .youtubevideowrapperdiv1-1 {
position: relative;
padding-bottom: 50%; /* 영상비율에 따른 수치 */
padding-top: 25px;
height: 0;
}
  
  .youtubevideowrapperdiv4-3 {
position: relative;
padding-bottom: 75%; /* 영상비율에 따른 수치 */
padding-top: 25px;
height: 0;
}

  .youtubevideowrapperdiv16-9 {
position: relative;
padding-bottom: 56.25%; /* 영상비율에 따른 수치 */
padding-top: 3%;
height: 0;
}
  
.youtubevideowrapperdiv17-9 {
position: relative;
padding-bottom: 52.94%; /* 영상비율에 따른 수치 */
padding-top: 25px;
height: 0;
}

.youtubevideowrapperdiv18-9 {
position: relative;
padding-bottom: 50%; /* 영상비율에 따른 수치 */
padding-top: 25px;
height: 0;
}


.youtubevideowrapperdiv19-9 {
position: relative;
padding-bottom: 47.37%; /* 영상비율에 따른 수치 */
padding-top: 25px;
height: 0;  
}


.youtubevideowrapperdiv20-9 {
position: relative;
padding-bottom: 45%; /* 영상비율에 따른 수치 */
padding-top: 25px;
height: 0;
}



.youtubevideowrapper 
{max-width: 900px;
  margin:auto;
  }