.special img {max-width:100%; vertical-align:top;}
.special .bg01 {background:url("../img/img1_2.jpg")no-repeat center top; height:768px; position:relative; }
.special .txtBox {background-color:rgba(255,255,255,0.7); padding:50px 40px; width:800px; margin:0 auto;}

.special ul.list2{overflow:hidden; }
.special ul.list2 li{width:48%; background-color:#e15135; padding:45px 45px; box-sizing:border-box; margin:1% 1%; float:left;
 font-size:18px; color:#fff;}
.special ul.list2 li span {display:block; padding:0;  position: relative; margin:0 0 20px 0; padding-bottom:10px;  font-weight:500 }
.special ul.list2 li span:after {content:""; background-color:rgba(0,0,0,0.5); position:absolute; bottom:0; right:1px;  
width:30px; height:3px;}
.special ul.list2 li:last-child span:after{content:""; background-color:rgba(0,0,0,0.5); position:absolute; bottom:0; left:1px;  
width:30px; height:3px;}
.special ul.list2 li:first-child {text-align: right; background-color:#2a8c8a;}

.special .list3{clear:both; display:block; overflow:hidden;}
.special .no01,.special .no02,.special .no03 {font-size:22px; padding: 25px 0 25px 75px; font-weight:500; }
.special .no01{background:url("../img/no1.png")no-repeat 15px center; background-size:45px; }
.special .no02{background:url("../img/no2.png")no-repeat 15px center; background-size:45px;}
.special .no03{background:url("../img/no3.png")no-repeat 15px center; background-size:45px;}
.special .floatL {width:33.33333%;  box-sizing:border-box; }
.special .floatL ul {padding:20px 20px; border:3px solid #ccc; height:420px; margin:0 4%;}
.special .floatL li {font-size:17px; padding:5px 15px; background:url("../img/arrow_09.gif")no-repeat 5px 15px; }
.special .floatL li.noStyle {background:none; padding-left:0;}
.special .txtBox2 {background-color:#2790e9; color:#fff;  padding:20px 20px; font-size:28px; }

.special .wd12 {overflow:hidden;}
.special .floatL30,.special .floatL70 {float:left;}
.special .floatL30 {width:30%;}
.special .floatL70 {width:70%; padding:10px 20px 10px 10px }

.special ul.list4 li {padding:10px 10px 10px 60px; font-size:18px;}
.special ul.list4 li .tit01 {display:block; padding:8px 0; }
.special ul.list4 li.list01{background:url("../img/no1.png")no-repeat left 15px; background-size:45px; }
.special ul.list4 li.list02{background:url("../img/no2.png")no-repeat left 15px; background-size:45px; }
.special ul.list4 li.list03{background:url("../img/no3.png")no-repeat left 15px; background-size:45px; }
.special ul.list4 li.list04{background:url("../img/no4.png")no-repeat left 15px; background-size:45px; }

.special .bg02 {background:url("../img/img3_1.jpg")no-repeat center top; height:1403px; position:relative; }


/*--상담신청2--*/
div.counsel2{height:410px; overflow:hidden; }
div.counsel2 {background:url("../img/counsel_ex.jpg")no-repeat left center;  }
div.counsel2 ul {float:left;  }
div.counsel2 .pdPre {padding:100px 0 0 50% !important; }
.ex ul.bt {padding-top:40px; overflow:hidden; float:right; margin-right:50px;}
.ex ul.bt li a{ display:block; float:left; background-color:#fff; border:1px solid #d08397;  border-radius:50px 50px; 
  width:200px; text-align:center; overflow:hidden; padding:15px 0 18px 0; margin-right:9px; font-weight:500; font-size:18px;}
.ex .wd12 {position:relative;}
.ex ul.btPree {position:absolute; bottom:80px; right:30px;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.special .bg01 {background:url("../img/img1_2.jpg")no-repeat center top; height:500px; position:relative; }
.special .txtBox {background-color:rgba(255,255,255,0.7); padding:30px 20px; width:90%; margin:0 auto;}

.special ul.list2 li{width:100%; background-color:#e15135; padding:25px 25px; box-sizing:border-box; margin:2% 0%; float:left;
 font-size:18px; color:#fff;}	
.special ul.list2 li:first-child {text-align: left;}
.special ul.list2 li span:after {right:auto; left:1px;  width:30px; height:3px;}
	
.special .no01,.special .no02,.special .no03 {font-size:18px; padding: 25px 0 25px 42px; font-weight:500; 
background-size:25px; background-position:left center; }
.special .floatL {width:100%;  box-sizing:border-box; }
.special .floatL ul {padding:20px 20px; border:3px solid #ccc; height:auto; margin:0%;}
.special .floatL li {font-size:15px; padding:5px 15px; background:url("../img/arrow_09.gif")no-repeat 5px 15px; }
.special .txtBox2 { font-size:22px; }

.special li.list01,.special li.list02,.special li.list03,.special li.list04 {background-size:40px !important; 
background-position:left 20px; padding-left:50px !important; }

.special .floatL30,.special .floatL70 {float:none;}
.special .floatL30 {width:100%; text-align:center;}
.special .floatL70 {width:100%; padding:10px 10px 10px 10px }	
	
.special .bg02 {background:url("../img/img3_1.jpg")no-repeat center bottom; height:500px; background-size:cover; position:relative; }
	
/*--상담신청2--*/
div.counsel2{height:550px; overflow:hidden; }
div.counsel2 {background:url("../img/counsel_ex.jpg")no-repeat center 30px ; background-size:320px auto;  }
div.counsel2 ul {float:none;  }
div.counsel2 .pdPre {padding:230px 0 0 0% !important; }

div.counsel2 ul.bt {padding-top:20px; overflow:hidden; float:none; margin-right:0px;}
div.counsel2 ul.bt li a{ display:block; float:left; background-color:#fff; border:1px solid #d08397;  border-radius:50px 50px; 
  width:200px; text-align:center; overflow:hidden; padding:15px 0 18px 0; margin-right:9px; font-weight:500; font-size:18px;}

.ex ul.btPree {position:absolute; bottom:20px; right:20px; margin-right:0 !important;}

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}