@charset "utf-8";

.contentsbox{}
.contentsbox h3{display:block !important; color:#252525; font-family:'Nanum Gothic','Lato', sans-serif; border-bottom:0 !important;}
.cus_list1{}
.cus_list1 li{position:relative; float:left; display:table; }
.cus_list1 li div{display:table-cell; vertical-align:middle; text-align:center; color:#fff; font-weight:400; line-height:1.2em;}
.cus_list1 li div span{display:block; font-size:15px; font-style:italic; font-family:'Nanum Myeongjo', sans-serif; font-weight:100; margin-bottom:10px}
.cus_list1 li font{position:absolute; right:0; text-align:center; height:100%; color:#fff;  opacity:0.6; z-index:1;}



.step1{background-color:rgba(51,51,51,0.85);}
.step2{background-color:rgba(112,95,90,0.85);}
.step3{background-color:rgba(132,100,86,0.85);}
.step4{background-color:rgba(154,103,83,0.85);}
.step5{background-color:rgba(177,109,81,0.85);}
.step6{background-color:rgba(197,112,77,0.85);}
.step7{background-color:rgba(219,116,75,0.85);}
.step8{background-color:rgba(234,86,26,0.85);}


.cus_list2{}
.cus_list2 li{color:#555;}
.cus_list2 li span{color:#ea561a;}



.btn_box{text-align:center; font-size:0;}
.btn_box a{display:inline-block; vertical-align:middle; text-align:center;-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}
.btn_box a img{vertical-align:middle;}
.btn1{background-color:#515151;}
.btn1:hover{background-color:#414141;}
.btn2{background-color:#ea561a;}
.btn2:hover{background-color:#d83d00;}



.pop_box{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:999}
.pop_box .pop_btn{position:absolute; top:50%; left:0; width:100%; text-align:center; font-size:0}
.pop_box .pop_btn a{display:inline-block;background-color:#fff; color:#282828;     -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}
.pop_box .pop_btn a:hover{background-color:#ea561a; color:#fff;}
.pop_box .pop_btn a.popbtn1{border-radius:5px 0 0 5px}
.pop_box .pop_btn a.popbtn2{ border-radius:0 5px 5px 0;}

@media (min-width: 1200px) {
.contentsbox h3{font-size:25px;margin-bottom:30px !important}
.cus_list1 li{width:155px; margin-left:-15px;}
.cus_list1 li font{ width:15px;}
.cus_list1 li div{font-size:18px;}
.cus_list1 {margin-left:15px;}
.cus_list1 li font{font-size:18px;}

.cus_list2 li{font-size:18px; margin-bottom:20px}
.cus_list2 li span{font-size:18px; font-weight:900}

.btn_box a{width:560px; height:80px; line-height:80px;}
.btn1{margin-right:20px;}

.pop_box .pop_btn{margin-top:-55px;}
.pop_box .pop_btn a{ width:290px; height:110px; line-height:110px; font-size:25px; font-weight:bold;}

}

@media (min-width:640px) and (max-width:1200px){
	.contentsbox h3{font-size:20px;margin-bottom:30px !important}
	.cus_list1 li{width:14.5%;margin-left:-2%;}
.cus_list1 li font{ width:14%;}
	.cus_list1 li div{font-size:15px;}
.cus_list1 {margin-left:2%;}
.cus_list1 li font{font-size:15px;}

	.cus_list2 li{font-size:15px; margin-bottom:15px}
	.cus_list2 li span{font-size:15px; font-weight:900}

	.btn_box a{width:48%; height:80px; line-height:80px;}
	.btn1{margin-right:1%;}
	
	.pop_box .pop_btn{margin-top:-40px;}
	.pop_box .pop_btn a{ width:40%; height:80px; line-height:80px; font-size:20px; font-weight:bold;}

}
@media (max-width:640px){
	.contentsbox h3{font-size:20px;  font-weight:bold; margin-bottom:20px !important;}
	.cus_list1 li{width:28%;margin-left:-3%; margin-top:-2%}
	.cus_list1 li font{ width:11%;}
	.cus_list1 li div{font-size:13px;}
	.cus_list1 {margin-left:3%;}
.cus_list1 li font{font-size:13px;}

	.cus_list2 li{font-size:15px; margin-bottom:15px}
	.cus_list2 li span{font-size:15px; font-weight:900}

	.btn_box a{width:49%; height:60px; line-height:60px;}
	.btn1{margin-right:1%;}
	
	.btn1 img{width:83.7%;}
	.btn2 img{width:57.6%;}
	
	.pop_box .pop_btn{margin-top:-40px;}
	.pop_box .pop_btn a{ width:40%; height:70px; line-height:70px; font-size:15px; font-weight:bold;}
}