/*상세페이지-베너*/
.sub_banner .frame1200{height:100%;    display: flex;flex-direction: column;align-items: center;justify-content: center;}

#header_bannerTop{
	overflow-x: auto;
}

/* .sub_banner{padding-top: 80px;} */

.sub_banner_bg{width: 100%;height: 300px;background-position: center !important;;background-size: cover !important;background: url(/resources/brandsite/img/center_banner.png);}
.sub_banner_bg .banner_txt{color: #606060;text-align: center;  }
.sub_banner_bg .banner_txt .banner_h2{}
.sub_banner_bg .banner_txt .banner_h2 h2{font-size: 35px;padding-bottom: 30px; color:#606060}
.sub_banner_bg .banner_txt .banner_p{word-break: keep-all;}
.sub_banner_bg .banner_txt .banner_p p{display:inline-block;}
/* .banner_p01 p{    display: block !important;} */
.sub_banner_bg .banner_txt p{font-size: 18px;line-height: 1.5;color:#979797}
.sub_banner_bg .banner_txt  ul li{font-size: 18px;line-height: 1.5;color:#979797; display:inline-block}

/* 상세 화면별 헤더영역 제목 좌측 정렬 */
.sub_banner .frame1200.baseline-align {
	align-items: baseline;
}

.sub_banner_bg .banner_txt.unset-text {
	text-align: unset;
	margin-left: 20px;
}

/* PC 화면 (1024px 이상)에서만 적용 */
@media (min-width: 1024px) {


	.ml-225 {
		margin-left: 225px;
	}

	.ml-110 {
		margin-left: 110px;
	}

	.ml-60 {
		margin-left: 60px;
	}
}

/*안내사항*/
.inline-f{margin-bottom:10px}
p.round_col{height: 25px;
    line-height: 25px;color:#fff; font-size:12px;padding:0px 10px; border-radius:5px;background:#7dafee;display:inline-block;margin-right: 10px;}
.right_txt ul li p{display:inline-block;    font-size: 14px;}
.right_txt ul li {   font-size: 14px;}
.inline-f{display: inline-flex;align-items: flex-start;}

/*사이드상담신청-공통*/
/* .side_fix{width: 72px;height: 72px; display: table;border-radius:50%; background: #5aa3ff; position: fixed; top: 340px;left: 90%;}
.side_fix a{display: table-cell;vertical-align: middle;text-align: center; font-size: 15px;font-weight: bold;color: #fff;}
.side_fix:hover{background:#133f8e;}
 */
 
 
 
 /*안내사항*/
 .inline-f_title{line-height: 1;}
.inline-f_title ul li{display:inline-block;line-height: 1.3;}


 @media all and (max-width:1243px) {
/* 	.bg_02 .progress_img:nth-child(2) {margin: 0 20px;} */
	.bg_02 .progress_img_box {padding: 0 20px;margin: 0 auto;text-align: center;}
	.bg_03 .cir_content {margin: 0 auto;}
}

 @media all and (max-width:1220px) {
	.step_img img {width: 94vw;}
	.bg_02 .progress_img {margin:0 10px}
	
}

 @media all and (max-width:1020px) {
	.step_title span {font-size: 40px;}
	.step_n p {font-size: 16px;}
	.bg_02 .progress_img {    width: calc(33.33% - 20px);}
}

 @media all and (max-width:990px) {
	.txt_none{display: none;}
}
/*  @media all and (max-width:940px) { */
/* 	.bg_02 .progress_img {width: 220px;} */
/*  } */
@media all and (max-width: 870px){
	.bg_04 .bg_04_txt , .bg_04_sub03 .priceW .priceBox {width: 750px;}
/* 	.bg_02 .progress_img {width: auto;margin-bottom: 15px;} */
	.bg_02 .progress_img {width:330px;margin-bottom: 15px;display: block;margin: 0 auto 15px;}
	
	.bg_02 .progress_img:nth-child(2) {}

		
		
		
		
}

@media all and (max-width: 800px){
	.step_img_txt {padding:25px 15px;}
	.step_title span {display: block;letter-spacing: -1px !important;}
	.bg_04 .bg_04_txt {width:95%;height:auto;padding-right: 20px;}
	.bg_04_sub03 .priceW .priceBox{width:95%}
	.bg_04 .bg_04_txt .right_txt {padding-left: 20px;}
	.bg_04 .bg_04_txt .left_txt img {padding-top:0}
	.bg_04 .bg_04_txt .right_txt ul li {   word-break: keep-all;}


	
}
@media all and (max-width:756px) {
	.sub_banner_bg .banner_txt .banner_h2 h2 { font-size: 30px; padding-bottom: 10px;}
	.center_wrap {padding: 40px 0;}
	.sub_banner_bg { height: auto;    padding: 30px 0;}
}
@media all and (max-width:720px) {
	.sub_banner_bg .banner_txt .banner_h2 h2 {padding-bottom: 20px;font-size:28px}
	.sub_banner_bg .banner_txt  p , .sub_banner_bg .banner_txt ul li {display:block;font-size: 16px; }
	
	.sub_banner_bg .banner_txt h2 {font-size: 35px;}
	.sub_banner_bg .banner_txt h2 {padding-top:0}
	.bg_02 .progress_img:nth-child(2) {margin: 0 auto;margin-bottom: 15px;}
	
}

@media all and (max-width: 710px){

	.bg_02 .progress_img .progress_img_bg {height: 300px;}
	.bg_04 .bg_04_txt {height: auto;padding-right: 10px;padding-left: 10px;}
	.bg_04 .bg_04_txt .right_txt {line-height:1.3;}
	.bg_04 .bg_04_txt .right_txt ul {padding-top: 0; text-align: left;display: inline-block;}
	
	.bg_02 .progress_img img{width:100%}

}

@media all and (max-width:655px) {

	.dis_conts li{    display: contents !important;    }
	.inline-f {margin-bottom: 10px;}
}

@media all and (max-width:600px) {
	.step_title p {font-size: 15px;    letter-spacing: -1px;}

	.bg_03 .cir_content {width: 95%;}
	.bg_04 .bg_04_txt {    flex-direction: column;}
	.bg_04 .bg_04_txt .left_txt {padding-bottom: 30px;}
	.bg_04 .bg_04_txt .right_txt {padding-left: 0;padding-right: 0;display: block;text-align: center;border:0} 
	
	.dis_conts li {display: inline-block !important; }
	
	.sub_banner_bg .banner_txt ul li {display: block;}
}

@media all and (max-width:530px) {
	.sub_banner_bg .banner_txt h2 {padding-bottom:20px;}

}

@media all and (max-width:500px) {
/* 	.sub_banner_bg .banner_txt {padding: 84px 10px;} */
	.bg_03{padding-bottom:40px;}
}

@media all and (max-width: 488px){
	.step_title p {font-size: 14px;}
	.step_n p {font-size: 13px;}
	.Progress_title  img{width: 70%;}
	.step_title {padding-bottom: 80px !important;}
		.bg_04 .bg_04_txt .right_txt ul li {font-size: 13px;}
	.right_txt ul li p.round_col { font-size: 10px;    padding: 0px 8px;}
	
}

@media all and (max-width: 442px){
	.dis_conts li {display: contents !important; }
}	
@media all and (max-width: 414px){
	.bg_04 .bg_04_txt .right_txt ul li {
    word-break: break-all;
	}
}	

@media all and (max-width: 400px){
	.step_title span {font-size: 30px;}
	.step_title p {font-size: 12px;}
	/* .step_img_txt ul li {font-size:3vw;} */
	.bg_02 .progress_img_box {padding: 0 10px;}
	.bg_04 .bg_04_txt .left_txt {padding:0;padding-bottom:20px}

	.bg_04 .menu_01_sub_01_btn a {font-size: 15px;}
	.bg_04 table {font-size:13px;word-break: keep-all;}

	.bg_02 .progress_img {width: 320px;margin-bottom: 15px;}
	.bg_02 .progress_img .progress_img_bg { height: 200px;}
	
	.sub_banner_bg .banner_txt ul li {font-size: 4vw;display: block;}
	.sub_banner_bg .banner_txt p{font-size: 4vw;}
}
@media all and (max-width: 380px){
/* 	.bg_02 .progress_img {width: 250px;} */
	.bg_02 .progress_img {width: 90%}
	.bg_02 .progress_img .progress_img_bg { height: 200px;}
	.right_txt ul li p {display: inline-block;font-size: 13px;}
	
	.sub_banner_bg .banner_txt .banner_h2 h2{font-size:7vw}
}
@media all and (max-width:334px) {	
	.inline-f_title ul li{    display: contents !important;}
}
@media all and (max-width:330px) {
	.bg_03 .cir_box .cir_txt span { font-size: 15px;}
	.bg_03 .cir_box .cir_txt p {font-size: 12px;}
}	

@media all and (max-width: 326px){
.right_txt ul li.in-bvlox ul li { display: inline-block !important;}

}


@media all and (max-width: 322px){
	.step_title span {font-size: 25px;}
	.step_title p {font-size: 10px;}
}


@media all and (max-width: 299px){
	.bg_04 table {width: 260px !important;}

}

@media all and (max-width:280px){
	.Progress_title img{width:80%;}
	.bg_04 table{font-size:12px;}
}