@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");
body{overflow-x:hidden;font-size:0.75em;color:#333;font-family: Pretendard, sans-serif !important;}
div.test_left dl dt.title{background:url('/image/title/test_top.gif') 0% 0% no-repeat;}
div.test_left_jutek dl dt.title{background:url('/image/title/jutek/test_top.gif') 0% 0% no-repeat;}
div.test_left_jikeop dl dt.title{background:url('/image/title/jikeop/test_top.gif') 0% 0% no-repeat;}
div.test_left_kyeong dl dt.title{background:url('/image/title/kyeong/test_top.gif') 0% 0% no-repeat;}
div.test_left_haeng dl dt.title{background:url('/image/title/haeng/test_top.gif') 0% 0% no-repeat;}
div.test_left_ko dl dt.title{background:url('/image/title/ko/test_top.gif') 0% 0% no-repeat;}


div.test_left_list dl{ background:url('/image/bg/left_test_y-repeat.gif') center repeat-y;}
div.test_left_list dl dt.title{ background:url('/image/bg/left_test_top.gif') 50% 0% no-repeat;}
div.test_left_list dl dd.bottom{ background:url('/image/bg/left_test_bottom.gif') 50% 100% no-repeat;}
div.test_wrap img.img{ margin-top:20px;}
div.test_wrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 0 200px;
}
.test_content{font-size:14px; color:#666; line-height:20px;}

.rp-title {
    margin-top: 10px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2em;
    text-align: center;
    color: #214b9f;
}
.test_content .sub_title {
	position: relative;
    font-size: 18px;
    padding: 20px 0 40px;
	line-height: 1.2em;
	font-weight: 500;
	color: #999999;
	text-align: center;
	
}
.test_content .test_img {
	max-width: 200px;
	margin: 0 20px 0 0;
}
.test_content .br2,
.test_content .br3{
	display: none;
	}

.test_img_mobile {
	display: none;
}
.test_tit{
	display: flex;
	padding: 30px 20px;
	justify-content: space-between;	
	border-bottom: 1px solid #e4e8eb;
	border-bottom-style : Dashed;
	border-color : #E4E8EB;

}
.test_tit .test_content{
	padding-left: 20px;	
}
.test_tit .test_content .content_bold{
	padding-top: 15px;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: 700;
	color: #333333;
}
.test_tit .test_content .content_text{
	padding-top: 25px;
	font-size: 15px;
	font-weight: 500;
}
.test_btn_go{
	padding: 10px 36px;
    margin-top: 10px;
	font-family: Pretendard, sans-serif;
    font-size: 16px;	
	font-weight: 500;
	letter-spacing: -0.01em;
    line-height: 15px;
    border-radius: 25px;
    background-color: #214b9f;
    color: white;
}


div#sub_contents .rp-test-wrap .page_content,
.rp-test-wrap .test_content {
  width:100%;
}


@media screen and (max-width:1024px){

	div.test_wrap {
		padding: 50px 20px 200px;
	}	
}

@media screen and (max-width:500px){



	
	
	.sub_title {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2em;
	text-align: center;
	color: #999999;
	}	
	.test_box {
		gap:10px;
	}	
	.test_tit {
		background-color: #fff;
	/*	padding: 25px;*/
		box-shadow: 0 0 10px rgb(11 11 11 / 20%);
		margin: 0 auto;
		border-radius: 30px;
	}
	
.test_tit .test_img_mobile {
	display: block;
	max-width: 300px;
}
.test_img {
	display: none;
}	
.test_tit{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	margin: 20px 0;
}
	
.test_img_mobile {

	margin-top: 30px;
	max-width: 450px;
}
	
.test_tit .test_content .text {
	margin-top: 20px;
}
	
.test_tit .test_content .content_bold,
.test_tit .test_content .content_text{ 
	text-align: center;
	align-content: center;
}
	
.test_tit .test_content {
	padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}	
	
.test_btn_go{

    margin: 30px 0;
	padding: 15px 40px;
	font-size: 18px;
	}

	.rp-title {

	font-size: 30px;
	
	}
	.test_content .br2{
	display: block;
	}
	.test_tit {
	padding: 20px;	
	}
	.test_img_mobile {
	max-width: 450px;	
	}	
}



@media screen and (max-width:420px){
	
	
	.test_content .br3{
	display: block;
	}
	.test_tit .test_content .text {
		margin-top: 0;
	}
	
	
}