@charset "utf-8";
/*사회조사분석사란?*/

.exam-info1 .list-work{
	padding-top:150px;
	background:url('/_skin/tpl_skin/basic_social_research3/images/exam/exam1_2.png') 14px 0 no-repeat
}

.exam-info1 .list-work li {
	float:left;
	width:163px;
	font-size:16px;
	line-height:20px;
	text-align:center;
	color:#11b4b4;
}
.pic{
	display: flex;
	justify-content: center;
}
.pic li{
	margin-right: 20px;
}
.pic li:last-child{
	margin-right: 0;
}
.pic span{
	font-size: 22px;
	font-family: 'noto6';
	font-weight: 100;
	display: block;
	margin-top: 7px;
}
.pic .txt{
	font-size: 16px;
	letter-spacing: -0.3px;
	line-height: 120%;
	color: #000;
}
.exam_txt {
    margin-bottom: 55px;
    color: #6a6a6a;
}
.exam_txt h3{
	position: relative;
    font-size: 19px;
    font-family: 'noto6';
    font-weight: 100;
    margin-bottom: 13px;
    color: #000;
    height: auto;
    padding-top: 19px;
}
.exam_txt h3::before{
	position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 5px;
    background: #142e9a;
    display: block;
    content: '';
}
.exam_txt p{
	font-size: 14px;
    line-height: 24px;
    word-break: keep-all;
}
.exam_txt strong{
	font-family: 'noto5';
}
.col-black{
	color: #000;
}
.grape_box{
	position: relative;
}
.grape_img{
	background-color: #e8e8e8;
	padding: 75px 18px 48px 22px;
}
.gt{
	position: absolute;
	right: 5px;
	top: 5%;
	font-family: "noto6";
	font-weight: 100;
	color: #171717;
}

.gt p{
	line-height: 15px;
	padding-left: 5px;
	font-size: 17px;
}
.gt .pen div{
	position: absolute;
	top: 4px;
	left: -108px;
}
.gt .pen p{
	position: absolute;
	top: 3px;
	left: -77px;
}
.gt .pract div{
	position: absolute;
	top: 4px;
	left: -14px;
}
.gt .pract p{
	position: absolute;
	top: 5px;
	left: 14px;
}
.pen{
   
	padding-right: 50px;
}
.pen div{
	width: 16px;
	height: 16px;
	background-color: #1c26ed;
}
.pract{
   
}
.pract div{
	width: 16px;
	height: 16px;
	background-color: #11d7e3;
}