/* 서브페이지 공통 */
.subtitwrap {margin-bottom: 30px;}
.subtitwrap h3 {font-size: 18px; color: #ce1414; font-weight: 600; margin-bottom: 10px;}
.subtitwrap h2 {font-size: 36px; font-weight: 600;}


@media (max-width: 960px){
	.subtitwrap {margin-bottom: 30px;}
	.subtitwrap h3 {font-size: 16px;}
	.subtitwrap h2 {font-size: 30px;}
}

@media (max-width: 640px){
	.subtitwrap {margin-bottom: 20px;}
	.subtitwrap h3 {font-size: 14px;}
	.subtitwrap h2 {font-size: 24px;}
}
/* 서브페이지 공통 */


/*인사말*/
#a1 .con {display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
#a1 .con .left {background-image: url(../html/img/a1_img2.png); width: 100%; height: 500px; background-size: cover; background-position: right; border-radius: 10px; margin-bottom: 30px;}
#a1 .con .right {width: 100%;}
#a1 .con .right h2 {font-size: 30px; margin-bottom: 20px;}
#a1 .con .right p {font-size: 18px; line-height: 28px; color: #666; margin-bottom: 30px;}
#a1 .con .right .ceo {font-size: 20px; display: flex; align-items: center; justify-content: flex-end; font-weight: 600;}
#a1 .con .right .ceo span {margin-left: 20px;}


@media (max-width: 960px){
	#a1 .con {flex-direction: column;}
	#a1 .con .left {width: 100%; height: 400px; margin-bottom: 20px;}
	#a1 .con .right {width: 100%;}
	#a1 .con .right h2 {font-size: 24px;}
	#a1 .con .right p {font-size: 16px; line-height: 26px;}
	#a1 .con .right .ceo {font-size: 18px;}
}

@media (max-width: 640px){
	#a1 .con .left {height: 300px; }
	#a1 .con .right h2 {font-size: 20px;}
	#a1 .con .right p {font-size: 14px; line-height: 24px;}
	#a1 .con .right .ceo {font-size: 16px;}
}
/*인사말*/





/*비전*/
#a2 .con {margin-bottom: 80px;}
#a2 .con:last-child {margin-bottom: 0;}

#a2 .con1 p {font-size: 18px; line-height: 30px; text-align: center; font-weight: 400; background-color: #f7f7f7; border: 1px solid #ddd; padding: 20px; border-radius: 10px; color: #666;}

#a2 .con2 p {font-size: 18px; line-height: 28px; margin-bottom: 50px; color: #666;}
#a2 .con2 .boxwrap1 {display: flex; justify-content: space-between; margin-bottom: 50px;}
#a2 .con2 .boxwrap1 .box1 {width: 33.333%; padding: 20px; border-right: 1px solid #eee; display: flex; align-items: center; justify-content: center; flex-direction: column;}
#a2 .con2 .boxwrap1 .box1:last-child {border-right: 0;}
#a2 .con2 .boxwrap1 .box1 h5 {font-size: 20px; font-weight: 700; margin-bottom: 20px;}
#a2 .con2 .boxwrap1 .box1 img {margin-bottom: 30px;}
#a2 .con2 .boxwrap1 .box1 h2 {font-size: 18px; color: #333; font-weight: 500; text-align: center;}
#a2 .con2 .boxwrap1 .box1 h2 b {color: #ce1414;}
#a2 .con2 .boxwrap2 {border-top: 2px solid #121212;}
#a2 .con2 .boxwrap2 .box2 {border-bottom: 1px solid #ddd; padding: 20px;}
#a2 .con2 .boxwrap2 .box2 h2 {font-size: 24px; margin-bottom: 20px;}
#a2 .con2 .boxwrap2 .box2 h2 b {font-weight: 700; color: #ce1414;}
#a2 .con2 .boxwrap2 .box2 ul li {font-size: 16px; line-height: 26px; color: #666; margin-bottom: 5px; position: relative; padding-left: 10px;}
#a2 .con2 .boxwrap2 .box2 ul li:last-child {margin-bottom: 0;}
#a2 .con2 .boxwrap2 .box2 ul li::after {position: absolute; content: ''; width: 2px; height: 2px; border-radius: 50%; background-color: #666; top: 12px; left: 0;}


@media (max-width: 960px){
	#a2 .con {margin-bottom: 60px;}

	#a2 .con1 p {font-size: 16px; line-height: 28px;}

	#a2 .con2 p {font-size: 16px; line-height: 26px; margin-bottom: 30px;}
	#a2 .con2 .boxwrap1 {margin-bottom: 30px;}
	#a2 .con2 .boxwrap1 .box1 h5 {font-size: 18px;}
	#a2 .con2 .boxwrap1 .box1 img {height: 70px; margin-bottom: 20px;}
	#a2 .con2 .boxwrap1 .box1 h2 {font-size: 16px;}
	#a2 .con2 .boxwrap2 .box2 h2 {font-size: 22px; margin-bottom: 15px;}
	#a2 .con2 .boxwrap2 .box2 ul li {font-size: 15px; line-height: 15px;}
}


@media (max-width: 640px){
	#a2 .con {margin-bottom: 50px;}

	#a2 .con1 p {font-size: 14px; line-height: 26px;}

	#a2 .con2 p {font-size: 14px; line-height: 24px; margin-bottom: 20px;}
	#a2 .con2 .boxwrap1 {margin-bottom: 20px; flex-direction: column;}
	#a2 .con2 .boxwrap1 .box1 {width: 100%; border-right: 0; border-bottom: 1px solid #eee;}
	#a2 .con2 .boxwrap1 .box1:last-child {border-bottom: 0;}
	#a2 .con2 .boxwrap1 .box1 h5 {font-size: 16px;}
	#a2 .con2 .boxwrap1 .box1 img {height: 50px;}
	#a2 .con2 .boxwrap1 .box1 h2 {font-size: 14px;}
	#a2 .con2 .boxwrap2 .box2 h2 {font-size: 20px; margin-bottom: 10px;}
	#a2 .con2 .boxwrap2 .box2 ul li {font-size: 14px; line-height: 24px;}

}
/*비전*/





/*조직 및 구성*/
#a3 .con {margin-bottom: 80px;}
#a3 .con:last-child {margin-bottom: 0;}

#a3 .con1 img {max-width: 1200px; width: 100%; margin: 0 auto; display: block;}

#a3 .con2 .boxwrap .tab {display: flex; justify-content: space-between; margin-bottom: 30px;}
#a3 .con2 .boxwrap .tab li {width: 49%; border: 1px solid #999; padding: 20px; text-align: center; color: #999; font-weight: 600; font-size: 18px; cursor: pointer;}
#a3 .con2 .boxwrap .tab li.selected {background-color: #ce1414; color: #fff; font-weight: 700; border-color: #ce1414;}

#a3 .con2 .boxwrap .box .outbox {margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px dashed #eee;}
#a3 .con2 .boxwrap .box .outbox:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
#a3 .con2 .boxwrap .box .outbox h3 {font-size: 24px; font-weight: 700; margin-bottom: 20px; display: inline-block; position: relative;}
#a3 .con2 .boxwrap .box .outbox h3::after {position: absolute; content: ''; width: 6px; height: 6px; background-color: #ce1414; border-radius: 50%; top: 0; right: -10px;}
#a3 .con2 .boxwrap .box .outbox ul {background-color: #f5f5f5; padding: 20px;}
#a3 .con2 .boxwrap .box .outbox ul li {font-size: 16px; line-height: 26px; font-weight: 500; margin-bottom: 5px; padding-left: 10px; position: relative;}
#a3 .con2 .boxwrap .box .outbox ul li::after {position: absolute; content: ''; width: 3px; height: 3px; border-radius: 50%; background-color: #121212; left: 0; top: 11px;}
#a3 .con2 .boxwrap .box .outbox ul li:last-child {margin-bottom: 0;}

#a3 .con2 .boxwrap .box1 .inboxwrap {display: flex; justify-content: space-between; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px dashed #eee;}
#a3 .con2 .boxwrap .box1 .inboxwrap .inbox {width: 50%; border-right: 1px solid #ddd; padding: 20px 30px;}
#a3 .con2 .boxwrap .box1 .inboxwrap .inbox:last-child {border-right: 0;}
#a3 .con2 .boxwrap .box1 .inboxwrap .inbox h3 {font-size: 24px; margin-bottom: 20px;}
#a3 .con2 .boxwrap .box1 .inboxwrap .inbox h3 span {font-size: 16px; font-weight: 400; color: #666; margin-left: 10px;}
#a3 .con2 .boxwrap .box1 .inboxwrap .inbox ul li {font-size: 18px; line-height: 28px; margin-bottom: 5px; font-weight: 400; color: #333; position: relative; padding-left: 10px;}
#a3 .con2 .boxwrap .box1 .inboxwrap .inbox ul li:last-child {margin-bottom: 0;}
#a3 .con2 .boxwrap .box1 .inboxwrap .inbox ul li::after {position: absolute; content: ''; width: 3px; height: 3px; border-radius: 50%; background-color: #ce1414; left: 0; top: 12px;}
#a3 .con2 .boxwrap .box1 .outbox .itemList li {display: none;}
#a3 .con2 .boxwrap .box1 .outbox .itemList li.visible {display: block;}
#a3 .con2 .boxwrap .box1 .outbox button {width: 100%; border: 0; background-color: #fff; color: #ce1414; padding: 20px; font-size: 16px; font-weight: 600; letter-spacing: -0.5px; display: flex; justify-content: center; align-items: center;}
#a3 .con2 .boxwrap .box1 .outbox button span {background-color: #ce1414; width: 16px; height: 16px; border-radius: 50%; color: #fff; font-size: 12px; font-weight: 500; line-height: 16px; margin-left: 10px; display: inline-block;}


@media (max-width: 960px){
	#a3 .con {margin-bottom: 60px;}

	#a3 .con2 .boxwrap .tab li {padding: 15px; font-size: 16px;}
	
	#a3 .con2 .boxwrap .box .outbox {margin-bottom: 40px; padding-bottom: 40px;}
	#a3 .con2 .boxwrap .box .outbox h3 {font-size: 20px;}
	#a3 .con2 .boxwrap .box .outbox ul li {font-size: 15px; line-height: 25px;}

	#a3 .con2 .boxwrap .box1 .inboxwrap {margin-bottom: 40px; padding-bottom: 40px;}
	#a3 .con2 .boxwrap .box1 .inboxwrap .inbox h3 {font-size: 20px; }
	#a3 .con2 .boxwrap .box1 .inboxwrap .inbox h3 span {font-size: 14px;}
	#a3 .con2 .boxwrap .box1 .inboxwrap .inbox ul li {font-size: 16px; line-height: 26px;}
	
}

@media (max-width: 640px){
	#a3 .con {margin-bottom: 50px;}

	#a3 .con2 .boxwrap .tab li {font-size: 14px;}
	
	#a3 .con2 .boxwrap .box .outbox {margin-bottom: 30px; padding-bottom: 30px;}
	#a3 .con2 .boxwrap .box .outbox h3 {font-size: 18px; margin-bottom: 15px;}
	#a3 .con2 .boxwrap .box .outbox ul li {font-size: 14px; line-height: 24px;}

	#a3 .con2 .boxwrap .box1 .inboxwrap {margin-bottom: 30px; padding-bottom: 30px; flex-direction: column; border-bottom: 0;}
	#a3 .con2 .boxwrap .box1 .inboxwrap .inbox {width: 100%; border-right: 0; background-color: #fff9f9; margin-bottom: 20px;}
	#a3 .con2 .boxwrap .box1 .inboxwrap .inbox:last-child {margin-bottom: 0;}
	#a3 .con2 .boxwrap .box1 .inboxwrap .inbox h3 {font-size: 18px; display: flex; flex-direction: column;}
	#a3 .con2 .boxwrap .box1 .inboxwrap .inbox h3 span {font-size: 12px; margin-left: 0; margin-top: 5px;}
	#a3 .con2 .boxwrap .box1 .inboxwrap .inbox ul li {font-size: 14px; line-height: 24px;}
	#a3 .con2 .boxwrap .box1 .outbox button {font-size: 14px;}
}
/*조직 및 구성*/






/*연혁*/

#a4 .con {margin-bottom: 80px; display: flex;}
#a4 .con:last-child {margin-bottom: 0;}

#a4 .con .right {width: 100%;}
#a4 .con .right h2 {font-size: 50px; font-style: italic; color: #ce1414;}
#a4 .con .right h2.top {margin-bottom: 20px;}
#a4 .con .right h2.btm {margin-top: 20px;}
#a4 .con .right ul li {font-size: 18px; line-height: 28px; margin-bottom: 30px; color: #666; font-weight: 500;}
#a4 .con .right ul li:last-child {margin-bottom: 0;}


@media (max-width: 960px){
	#a4 .con .right h2 {font-size: 40px;}
	#a4 .con .right ul li {font-size: 16px; line-height: 26px; margin-bottom: 20px;}
}

@media (max-width: 640px){
	#a4 .con .right h2 {font-size: 30px;}
	#a4 .con .right ul li {font-size: 14px; line-height: 24px; margin-bottom: 15px;}
}

/*연혁*/



/* Research Performance */
#a5 .con {margin-bottom: 50px;}
#a5 .con:last-child {margin-bottom: 0;}
#a5 .con ul {padding: 20px; background-color: #f5f5f5; border: 1px solid #ddd;}
#a5 .con ul li {padding-left: 10px; margin-bottom: 10px; font-size: 18px; line-height: 1.5; color: #666; position: relative;}
#a5 .con ul li:last-child {margin-bottom: 0;}
#a5 .con ul li::after {position: absolute; content: ''; width: 2px; height: 2px; background-color: #666; border-radius: 50%; top: 13px; left: 0;}


@media screen and (max-width: 960px) {
	#a5 .con {margin-bottom: 40px;}
	#a5 .con ul li {font-size: 16px;}
}

@media screen and (max-width: 640px) {
	#a5 .con {margin-bottom: 30px;}
	#a5 .con ul li {font-size: 14px;}
}
/* Research Performance */




/* IRB */
#a7 .con {margin-bottom: 80px;}
#a7 .con:last-child {margin-bottom: 0;}

#a7 .con1 p {color: #666; font-size: 18px; line-height: 28px;}

#a7 .con2 img {max-width: 1200px; width: 100%; display: block; margin: 0 auto;}


@media screen and (max-width: 960px) {
	#a7 .con {margin-bottom: 60px;}

	#a7 .con1 p {font-size: 16px; line-height: 26px;}
}

@media screen and (max-width: 640px) {
	#a7 .con {margin-bottom: 50px;}

	#a7 .con1 p {font-size: 14px; line-height: 24px;}
}
/* IRB */






/* 오시는길 */
#a8 .con {margin-bottom: 80px;}
#a8 .con:last-child {margin-bottom: 0;}

#a8 .con1 .root_daum_roughmap_landing {border: 1px solid #ddd;}
#a8 .con1 .root_daum_roughmap .wrap_controllers {display: none;}
#a8 .con1 .root_daum_roughmap .map_border {display: none;}
#a8 .con1 ul.mapinfo {display: flex; padding: 30px 0; border-bottom: 1px solid #ddd;}
#a8 .con1 ul.mapinfo li {width: 25%; border-right: 1px solid #ddd; padding: 10px 20px;}
#a8 .con1 ul.mapinfo li:last-child {border-right: 0;}
#a8 .con1 ul.mapinfo li h4 {font-size: 18px; color: #ce1414; font-weight: 400; margin-bottom: 10px;}
#a8 .con1 ul.mapinfo li p {font-size: 20px; font-weight: 600;}

#a8 .con2 > div {margin-bottom: 50px;}
#a8 .con2 > div:last-child {margin-bottom: 0;}
#a8 .con2 > div .tit {display: flex; align-items: center; margin-bottom: 30px;}
#a8 .con2 > div .tit img {height: 50px; margin-right: 20px;}
#a8 .con2 > div .tit h2 {font-size: 24px;}

#a8 .con2 .bus .txt h3 {font-size: 18px; font-weight: 500; margin-bottom: 20px;}
#a8 .con2 .bus .txt ul li {margin-bottom: 15px; font-size: 18px; color: #666; display: flex; align-items: center; font-weight: 500;}
#a8 .con2 .bus .txt ul li:last-child {margin-bottom: 0;}
#a8 .con2 .bus .txt ul li span {display: inline-block; width: 80px; font-size: 16px; font-weight: 600; color: #fff; margin-right: 10px; text-align: center; line-height: 26px; border-radius: 4px;}
#a8 .con2 .bus .txt ul li:nth-child(1) span {background-color: #00afbd;}
#a8 .con2 .bus .txt ul li:nth-child(2) span {background-color: #6175f5;}
#a8 .con2 .bus .txt ul li:nth-child(3) span {background-color: #47af1b;}
#a8 .con2 .bus .txt ul li:nth-child(4) span {background-color: #ff451e;}

#a8 .con2 .subway .txt {display: flex; align-items: center;}
#a8 .con2 .subway .txt ul {display: flex; margin-right: 10px;}
#a8 .con2 .subway .txt ul li {display: inline-block; width: 30px; height: 30px; background-color: #ddd; color: #fff; border-radius: 50%; text-align: center; line-height: 30px; font-size: 15px; font-weight: 700;}
#a8 .con2 .subway .txt ul li:nth-child(1) {background-color: #ff8939; margin-right: 5px;}
#a8 .con2 .subway .txt ul li:nth-child(2) {background-color: #ef4b96;}
#a8 .con2 .subway .txt p {font-size: 18px; font-weight: 500; color: #666;}


@media screen and (max-width: 960px) {
	#a8 .con {margin-bottom: 60px;}

	#a8 .con1 .root_daum_roughmap .wrap_map {height: 400px !important;}

	#a8 .con1 ul.mapinfo {flex-wrap: wrap; padding: 10px;}
	#a8 .con1 ul.mapinfo li {width: 50%; border-right: 0; padding: 20px;}
	#a8 .con1 ul.mapinfo li h4 {font-size: 16px;}
	#a8 .con1 ul.mapinfo li p {font-size: 18px;}

	#a8 .con2 > div .tit img {height: 40px;}
	#a8 .con2 > div .tit h2 {font-size: 22px;}
}

@media screen and (max-width: 640px) {
	#a8 .con {margin-bottom: 50px;}

	#a8 .con1 .root_daum_roughmap .wrap_map {height: 300px !important;}

	#a8 .con1 ul.mapinfo li {width: 100%; padding: 10px;}
	#a8 .con1 ul.mapinfo li h4 {font-size: 14px;}
	#a8 .con1 ul.mapinfo li p {font-size: 16px;}

	#a8 .con2 > div {margin-bottom: 40px;}
	#a8 .con2 > div .tit {margin-bottom: 20px;}
	#a8 .con2 > div .tit img {height: 35px;}
	
	#a8 .con2 .bus .txt h3 {font-size: 16px; margin-bottom: 20px;}
	#a8 .con2 .bus .txt ul li {font-size: 16px; margin-bottom: 10px;}
	#a8 .con2 .bus .txt ul li span {font-size: 14px;}

	#a8 .con2 .subway .txt ul li {font-size: 14px;}
	#a8 .con2 .subway .txt p {font-size: 16px;}
}
/* 오시는길 */




/* 인증마크 */
#a9 .con1 p {font-size: 18px; line-height: 1.5; text-align: center; background-color: #f5f5f5; padding: 20px; margin-bottom: 30px;}
#a9 .con1 .imgwrap {display: flex; justify-content: space-between;}
#a9 .con1 .imgwrap li {width: 23%;}
#a9 .con1 .imgwrap img {width: 100%;}

@media screen and (max-width: 960px) {
	#a9 .con1 p {font-size: 16px;}
}

@media screen and (max-width: 640px) {
	#a9 .con1 p {font-size: 14px;}
	#a9 .con1 .imgwrap {flex-wrap: wrap;}
	#a9 .con1 .imgwrap li {width: 49%;}
	#a9 .con1 .imgwrap li:nth-child(-n+2) {margin-bottom: 2%;}
}
/* 인증마크 */





/* 시험항목 공통 - b그룹 내 게시판 모두 적용되는 사항이니 주의*/
#b .con {padding: 20px; border: 1px solid #ddd; background-color: #f5f5f5; border-radius: 10px; margin-bottom: 80px;}
#b .con h2 {font-size: 20px; margin-bottom: 20px;}
#b .con p {font-size: 18px; line-height: 28px; color: #666;}
#b .con p b {color: #ce1414;}


@media screen and (max-width: 960px) {
	#b .con {margin-bottom: 60px;}
	#b .con h2 {font-size: 18px;}
	#b .con p {font-size: 16px; line-height: 26px;}
}

@media screen and (max-width: 640px) {
	#b .con {margin-bottom: 50px;}
	#b .con h2 {font-size: 16px; margin-bottom: 15px;}
	#b .con p {font-size: 14px; line-height: 24px;}
}
/* 시험항목 공통 - b그룹 내 게시판 모두 적용되는 사항이니 주의*/






/* 안전성시험 일정 */
#c3 .con {margin-bottom: 30px;}
#c3 .con:last-child {margin-bottom: 0;}
#c3 .con h2 {font-size: 30px; margin-bottom: 20px; padding-left: 20px; position: relative;}
#c3 .con h2::after {position: absolute; content: ''; width: 10px; height: 10px; background-color: #ce1414; border-radius: 2px; left: 0;}

#c3 .con1 .boxwrap {display: flex; justify-content: space-between; margin-bottom: 10px;}
#c3 .con1 .boxwrap .box {width: 49%;}
#c3 .con1 .boxwrap .box h3 {display: inline-block; padding: 10px 20px; background-color: #ce1414; color: #fff; font-size: 18px; border-radius: 10px 10px 0 0;}
#c3 .con1 .boxwrap .box .inbox {background-color: #f5f5f5; border-radius: 0 10px 10px 10px; padding: 20px;}
#c3 .con1 .boxwrap .box .inbox h4 {border: 1px solid #ce1414; display: inline-block; color: #ce1414; padding: 5px 20px; font-size: 18px; margin-bottom: 20px; border-radius: 16px;}
#c3 .con1 .boxwrap .box .inbox ul li {position: relative; padding-left: 15px; font-size: 16px; line-height: 1.5; font-weight: 500; color: #666; margin-bottom: 10px;}
#c3 .con1 .boxwrap .box .inbox ul li::after {position : absolute; content: ''; width: 4px; height: 4px; background-color: #666; border-radius: 50%; left: 0; top: 10px;}
#c3 .con1 .boxwrap .box .inbox ul li:last-child {margin-bottom: 0;}
#c3 .con1 p {font-size: 15px; text-align: right; color: #999;}

#c3 .con2 ul {display: flex; justify-content: space-between;}
#c3 .con2 ul li {width: 32.333%; display: flex; align-items: center; background-color: #fff5f5; padding: 10px; border-radius: 35px;}
#c3 .con2 ul li img {margin-right: 20px;}
#c3 .con2 ul li p {font-size: 18px;}

@media screen and (max-width: 960px) {
	#c3 .con h2 {font-size: 24px; margin-bottom: 15px;}
	#c3 .con h2::after {width: 8px; height: 8px;}

	#c3 .con1 .boxwrap {flex-direction: column;}
	#c3 .con1 .boxwrap .box {width: 100%; margin-bottom: 20px;}
	#c3 .con1 .boxwrap .box:last-child {margin-bottom: 0;}
	#c3 .con1 .boxwrap .box h3 {font-size: 16px;}
	#c3 .con1 .boxwrap .box .inbox h4 {font-size: 16px;}
	#c3 .con1 .boxwrap .box .inbox ul li {font-size: 15px; margin-bottom: 5px;}
	#c3 .con2 ul {flex-direction: column;}
	#c3 .con2 ul li {width: 100%; margin-bottom: 10px;}
	#c3 .con2 ul li:last-child {margin-bottom: 0;}
	#c3 .con2 ul li p {font-size: 16px;}
}

@media screen and (max-width: 640px) {
	#c3 .con h2 {font-size: 20px; margin-bottom: 10px;}

	#c3 .con1 .boxwrap .box h3 {font-size: 14px;}
	#c3 .con1 .boxwrap .box .inbox h4 {margin-bottom: 10px; font-size: 14px;}
	#c3 .con1 .boxwrap .box .inbox ul li {font-size: 14px;}
	#c3 .con1 p {font-size: 14px;}

	#c3 .con2 ul li {flex-direction: column; align-items: flex-start; border-radius: 10px; padding: 20px;}
	#c3 .con2 ul li img {margin-right: 0; margin-bottom: 10px; height: 30px;}
	#c3 .con2 ul li p {font-size: 14px;}
}

/* 안전성시험 일정 */






/* 시험참여절차 */
#d1 .con {margin-bottom: 80px;}
#d1 .con:last-child {margin-bottom: 0;}
#d1 .con > h2 {font-size: 30px; margin-bottom: 20px; padding-left: 20px; position: relative;}
#d1 .con > h2::after {position: absolute; content: ''; width: 10px; height: 10px; background-color: #ce1414; border-radius: 2px; left: 0;}

#d1 .con1 > p {font-size: 18px; line-height: 28px; color: #666;}
#d1 .con1 .inbox {margin-top: 30px;}
#d1 .con1 .inbox ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
#d1 .con1 .inbox ul li {border: 1px solid #ddd; width: 24%; margin-bottom: 20px; padding: 20px; border-radius: 10px; background-color: #f5f5f5;}
#d1 .con1 .inbox ul li h5 {font-size: 15px; margin-bottom: 10px; color: #ce1414; font-weight: 400;}
#d1 .con1 .inbox ul li img {margin-bottom: 20px;}
#d1 .con1 .inbox ul li p {font-size: 18px; font-weight: 500; color: #666;}

#d1 .con2 .boxwrap {border-top: 2px solid #121212;}
#d1 .con2 .boxwrap .box {padding: 20px; border-bottom: 1px solid #ddd;}
#d1 .con2 .boxwrap .box:nth-child(2n-1) {background-color: #f7f7f7;}
#d1 .con2 .boxwrap .box h3 {font-size: 18px; margin-bottom: 15px;}
#d1 .con2 .boxwrap .box p {font-size: 16px; line-height: 26px; color: #666;}

#d1 .con3 .boxwrap .top ul {margin-bottom: 20px;}
#d1 .con3 .boxwrap .top ul li {font-size: 20px; line-height: 30px; font-weight: 500; margin-bottom: 10px;}
#d1 .con3 .boxwrap .top ul li:last-child {margin-bottom: 0;}
#d1 .con3 .boxwrap .bottom ul {border: 1px solid #eee; padding: 20px; margin-bottom: 20px;}
#d1 .con3 .boxwrap .bottom ul li {font-size: 16px; color: #666; position: relative; padding-left: 10px; line-height: 26px; margin-bottom: 10px;}
#d1 .con3 .boxwrap .bottom ul li:last-child {margin-bottom: 0;}
#d1 .con3 .boxwrap .bottom ul li::after {position: absolute; content: ''; width: 3px; height: 3px; border-radius: 50%; background-color: #ce1414; left: 0; top: 10px;}
#d1 .con3 .boxwrap .bottom p {font-size: 18px; color: #ce1414; font-weight: 500;}

#d1 .con4 {display: flex; justify-content: center;}
#d1 .con4 .btnwrap {}
#d1 .con4 .btnwrap a {border: 1px solid #ce1414; padding: 15px 60px; font-size: 20px; font-weight: 600; color: #ce1414; border-radius: 28px; transition-duration: 0.3s;}
#d1 .con4 .btnwrap a:hover {background-color: #ce1414; color: #fff;}


@media screen and (max-width: 960px) {
	#d1 .con {margin-bottom: 60px;}
	#d1 .con > h2 {font-size: 24px; margin-bottom: 15px;}
	#d1 .con > h2::after {width: 8px; height: 8px;}

	#d1 .con1 > p {font-size: 16px; line-height: 26px;}
	#d1 .con1 .inbox ul {flex-wrap: wrap;}
	#d1 .con1 .inbox ul li {width: 49%;}
	#d1 .con1 .inbox ul li p {font-size: 16px;}
	
	#d1 .con2 .boxwrap .box h3 {margin-bottom: 10px;}

	#d1 .con3 .boxwrap .top ul li {font-size: 18px; line-height: 28px; margin-bottom: 5px;}
	#d1 .con3 .boxwrap .bottom p {font-size: 16px;}

	#d1 .con4 .btnwrap a {font-size: 18px;}
}

@media screen and (max-width: 640px) {
	#d1 .con {margin-bottom: 50px;}
	#d1 .con > h2 {font-size: 20px; margin-bottom: 10px;}

	#d1 .con1 > p {font-size: 14px; line-height: 24px;}
	#d1 .con1 .inbox ul {flex-direction: column;}
	#d1 .con1 .inbox ul li {width: 100%;}
	#d1 .con1 .inbox ul li:last-child {margin-bottom: 0;}
	#d1 .con1 .inbox ul li h5 {font-size: 14px;}
	#d1 .con1 .inbox ul li img {height: 30px;}

	#d1 .con2 .boxwrap .box h3 {font-size: 16px;}
	#d1 .con2 .boxwrap .box p {font-size: 14px; line-height: 24px;}
	#d1 .con3 .boxwrap .top ul {margin-bottom: 10px;}
	#d1 .con3 .boxwrap .top ul li {font-size: 14px; line-height: 24px;}
	#d1 .con3 .boxwrap .bottom ul {margin-bottom: 10px;}
	#d1 .con3 .boxwrap .bottom ul li {margin-bottom: 5px; font-size: 14px; line-height: 24px;}
	#d1 .con3 .boxwrap .bottom p {font-size: 14px;}

	#d1 .con4 .btnwrap a {font-size: 16px;}
}
/* 시험참여절차 */