@charset "utf-8";
/* CSS Document */

/* ================================================================= 공통 레이아웃*/
div{
	font-size:18px;
}
img{
	text-align:center;
}
h3{
	font-size:45px;
	font-weight:500;
	text-align: center;
	margin-bottom:40px;
	font-family: Gmarket_S_M;
}
h4{
	font-size:22px;
	color:#00542e;
}
h4::before{
	content: url('../images/sub/point.png');vertical-align: top;padding-right: 7px;
}
article{
	margin-bottom:90px;
    width: 100%;
}
.txt_c{
	text-align:center;
}
.color_o{ color:#ff4e00;}
.mg_t50{
	margin-top:50px;}
.mg_t80{
	margin-top:80px;}
.mg_t30{
	margin-top:30px;}
.ul_list{
	line-height:160%;
}
.line_h160{
	line-height:160%;

}
.btn_wrap {
    text-align: center;
    margin: 30px 0;clear: both;
}
.btn_wrap a, .btn {
    display: inline-block;
    padding: 20px 50px;
    color: #fff;
}
.btn_s{
    padding: 10px 20px !important;
}
.mg_30{
	margin:30px 0;
}
.font24{
	font-size:24px;
}
.wh20{
	width:20%;
}
/* ================================================================= 테이블*/
table{
	width:100%;
	border-top:2px solid #009752;
	border-bottom:1px solid #009752;
}
table tr{
border-bottom: 1px dotted #cdcdcd;
}
table th{
line-height: 30px;
    color: #222;
    background: #f6f6f6;
	padding: 10px;
}
table td{height: auto;
    min-height: 35px;
    padding: 10px 0;
    line-height: 150%;
}
.table_view td{
	padding-left:50px;
}
/* ================================================================= 주거복지사란 */
.top_info{
	line-height:150%;
	font-size:20px;
}
.top_list{
	margin-top:70px;
	width:100%
}
.top_list img{
	float:left;
}
.top_list ul {
	width: 330px;
    float: left;
    height: 503px;
    background: #f1f1f1;
    padding: 25px 45px;
}
.top_list ul li{
	margin: 11px 0;list-style: disc;
}
.top_list ul li b{
	color:#355192;
}
.tap_page{
border-bottom: 2px solid #009752;
	width: 100%;
    float: left;
}
.tap_page li {
    padding: 0 12px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #9b9b9b;
    border-bottom: none;
    text-align: center;
    margin-right: 7px;
    font-size: 18px;
    color: #3b3b3b;
    cursor: pointer;
	width:21%;
	float: left;
}
.tap_page li:hover{
	color:#009752;
}
.tap_page li.active {
    background: #009752;
    border: 1px solid #009752;
    border-bottom: none;
    color: #fff;
}
.tap_page li:last-child{
    margin-right: 0px;
}
.step_ctn{
    width: auto;
    display: inline-block;
	margin:50px 0;
}
.step_ctn p{width:50%;float:left;text-align: center;}
.step_ctn div{    width: 45%;
    float: left;
    margin-left: 30px;}
.step01_list dt{
width: 250px;
    float: left;
    margin-top: 25px;
    text-align: center;
    height: 170px;
	}
.step01_list dd{    
padding: 40px;
line-height: 160%;
    border-bottom: 3px dotted #ddd;
	}
.step01_list dd:last-child{
    border-bottom: none;
	}
.btn_down{
	background: #355192;
	margin-right:20px;
}
.btn_down img{
	vertical-align: middle;
}
.btn_c_o{background:#ff4e00;}

#step01,#step02,#step03,#step04{
	line-height:160%;
}
.txt_box{
	line-height:160%;	
	text-align:left;
	margin-top:30px;
}
/* ================================================================= 교육원소개 */
.k_txt{
float: left;
    line-height: 150%;font-size: 20px;
	margin-top:50px;
}
.history, .history dl {
	float: left;
	width: 100%;
	letter-spacing: -0.03em;
	margin: 0;
}
.history > dt {
	float: left;
	font-size: 35px;
	width: 10%;
	color: #0591de;
	float: left;
}
.history > dt + dd {
	float: left;
	width: 80%;
	margin: 0 0 40px 5%;

}
.history dl { margin-bottom: 10px; line-height: 150%;}
.history dl dt {
	width: 5%;
	color: #0591de;
	float: left;
	display: block;
	font-weight: bold;
}
.history dl dd {
	float: left;
	width: 95%;
	display: block;
	margin: 0;
}
.history p { margin-top: 10px; }
#award p{
	margin-bottom:50px;
}
#award ul{width: 100%;
    margin-bottom: 20px;
    float: left;}
#award li {
    float: left;
    margin-right: 35px;
}
#award li:last-child{
    margin-right: 0;
}
/* ================================================================= 고객센터 */
.sub_ollist{
	margin:30px 0;
}
.sub_ollist li{
	text-align: center;margin-left: 20px;line-height: 140%;
}
.sub_ollist li span{
	text-align: center;
    width: 100%;
    display: block;
}
.sub_ollist img{
	margin-top:20px;
}
.step_ctn2{
    width: auto;
    display: inline-block;
	margin-bottom:50px;
}
.step_ctn2 p{width:50%;float:left;text-align: center;}
.step_ctn2 div{width:50%; float:left;}

.faq_ctn{
    width: 100%;
    line-height: 160%;display: inline-block;
}
.faq_list{
	border-top: 2px solid #009752;
	padding:30px;
    border-bottom: 1px solid #009752;
}
.faq_list li{margin-bottom: 30px;}
.faq_list li span{background: #333;
    padding: 5px;
    color: #fff;}
.faq_list div{
	width: calc(100% - 50px);
	padding: 20px 50px;
    word-break: break-all;background: #eee;margin-top: 10px;
}
.faq_list div::before{
	content:""
}