/*변수*/
#main {
	--title--size: 24px;
	--title--weight: 700;
	--title--color: #000;
	--title--p-b: 15px;

	--txt--size: 15px;
	--txt--weight: 400;
	--txt--color: #000;
	--txt--line-height: 27px;
	--txt--m-t: 35px;
}




#sub_main {
	width: 100%;
	margin: 100px 0 100px;
}

#sub_main h2 {
	font-size: var(--title--size);
	font-weight: var(--title--weight);
	color: var(--title--color);

	text-align: center;
	padding-bottom: var(--title--p-b);
	letter-spacing: -1px;
}

#sub_main h2:after {
    display: block;
    content: "";
    border-bottom: 1px solid var(--main--color);
    width: 90px;
    margin: 25px auto;
}

#sub_main h3 {
	font-size: 16px;
	font-weight: 600;
	color: var(--main--color);
	letter-spacing: -1px;

	padding-bottom: 10px;
	margin-top: var(--txt--m-t);
}


#sub_main .sub_txt_wrap {
	width: 90%;

	font-size: var(--txt--size);
	font-weight: var(--txt--weight);
	color: var(--txt--color);
	line-height: var(--txt--line-height);
	letter-spacing: -1px;

	margin: 0 auto;
}

#sub_main .sub_txt_wrap p {
	padding-bottom: 15px;
}

#sub_main .sub_txt_wrap .caption {
	font-weight: 500;
}

#sub_main .sub_txt_wrap .caption1 {
	display: block;
	font-size: 16px;
	font-weight: 600;
	padding: 50px 0 10px;
}

#sub_main .sub_txt_wrap table {
	width: 100%;
	font-size: 14px;
	font-weight: 300;
	color: #686868;
	text-align: center;

	border:  solid 1px #9f9f9f;
	border-collapse: collapse;

	margin-top: 10px;
}

#sub_main .sub_txt_wrap table thead {
	border-top: solid 2px #262626;
}

#sub_main .sub_txt_wrap table th {
	background-color: #e6e7e9;
	border: solid 1px #9f9f9f;
	padding: 8px;
}

#sub_main .sub_txt_wrap table th:nth-child(1) {
	width: 5%;
}

#sub_main .sub_txt_wrap table th:nth-child(2) {
	width: 35%;
}

#sub_main .sub_txt_wrap table td {
	border:  solid 1px #9f9f9f;
	padding: 15px 30px;
}

#sub_main .sub_txt_wrap .list {
	background-color: #e6e7e9;
	padding: 30px 20px 40px;
	border-top: solid 2px #253150;
}

#sub_main .sub_txt_wrap .list li:before {
	display: inline-block;
	content: '';
	width: 3px;
	height: 3px;
	background-color: var(--main--color);
	margin: 0 6px;
	vertical-align: 4px;
	border-radius: 50%;
}





.sub_contents_wrap {
	width: 100%;
	margin: 100px 0 150px;

	font-size: var(--txt--size);
	font-weight: var(--txt--weight);
	line-height: var(--txt--line-height);
	/*letter-spacing: -1x;*/
	color: #37404c;
}

.sub_title {
	width: 100%;
	height: 100%;
	
	text-align: center;
	margin-bottom: 50px;
}

.sub_title h2 {
	font-size: 27px;
	font-weight: 600;
}

.sub_title h2:after {
	display: block;
	content: "";
    border-bottom: 1px solid var(--main--color);
    width: 90px;
    margin: 25px auto;
}

.sub_contents_wrap .sub_img_wrap {
	text-align: center;
	margin-bottom: 80px;
}

.sub_contents_wrap .sub_img_wrap img {
	width: 600px;
	height: 400px;
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 12%);
	border-radius: 10px;
}




.sub_bg_img_wrap {
	background-image: url("../img/sub1-2.png");

	width: 100%;
	height: auto;
	text-align: center;
	padding: 60px 0 40px;
}

.sub_bg_img_wrap .sub_title h2:after {
	border-bottom: 1px solid #fff;
}

.sub_bg_img_wrap .sub_title span {
	font-size: var(--txt--size);
    font-weight: var(--txt--weight);
    line-height: var(--txt--line-height);
    color: #37404c;
}





.sub_contents_wrap .sub_txt_wrap {
	width: 70%;
	/*text-align: center;*/
	margin: 0 auto;
}

.sub_contents_wrap .sub_txt_wrap em {
	font-style: normal;
	font-weight: 500;
	color: var(--main--color);
}




@media (min-width: 320px) and (max-width: 539px) {	

	#sub_main h2 {
	    text-align: center;
	    margin: 50px 0 50px 0;
	    padding: 0;
	    font-size: var(--title--size);
	    font-weight: var(--title--weight);
	}

	#sub_main h2:after {
	    display: block;
	    content: "";
	    border-bottom: 1px solid var(--main--color);
	    width: 90px;
	    margin: 25px auto;
	}
}