@charset "utf-8";


#semu { width: 1178px; margin: 0 auto; background-color: #fff; }

/* 구성원소개 */
#semu_member { position: relative; padding-bottom: 50px; }
#semu_member ul { margin: 0; padding: 0; }
#semu_member li { position: relative; list-style: none; margin-bottom: 50px; padding-top: 50px; border-top: 1px solid #d2d2d2; font-size: 0; }
#semu_member li:first-child { padding-top: 0; border-top: none; }
#semu_member .semu_member_thum { display: inline-block; vertical-align: top; width: 42.444821%; margin-left: 2.546689%; line-height: 0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#semu_member .semu_member_text { display: inline-block; vertical-align: top; width: 47.764008%; margin-left: 4.244482%; margin-right: 3%; line-height: 0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#semu_member .semu_member_text h2 { margin: 0; font-family: 'Noto Sans KR', sans-serif; font-size: 28px; line-height: 28px; font-weight: 300; color: #4c4c4c; letter-spacing: -2px; }
#semu_member .semu_member_text h2 strong { font-family: 'Noto Sans KR', sans-serif; font-size: 28px; line-height: 28px; font-weight: 400; color: #000; letter-spacing: -2px; }
#semu_member .semu_member_text .semu_title { width: 208px; margin: 28px 0 0; height: 35px; padding-left: 20px; background-color: #e9e9e9; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; line-height: 35px; font-weight: 400; color: #000; letter-spacing: -1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#semu_member .semu_member_text .semu_list { margin: 10px 0 0; padding-left: 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#semu_member .semu_member_text .semu_list ul { margin: 0; padding: 0; }
#semu_member .semu_member_text .semu_list li { position: relative; list-style: none; margin: 0; padding: 5px 0 5px 9px; border: none; font-family: 'Noto Sans KR', sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; color: #333; letter-spacing: -1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#semu_member .semu_member_text .semu_list span { position: absolute; width: 1px; height: 5px; left: 0; top: 13px; background-color: #000; }
#semu_member .semu_member_text .semu_list span:before { content: ""; position: absolute; width: 1px; height: 3px; left: 1px; top: 1px; background-color: #000; }
#semu_member .semu_member_text .semu_list span:after { content: ""; position: absolute; width: 1px; height: 1px; left: 2px; top: 2px; background-color: #000; }
#semu_member .semu_member_text .semu_list:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 서비스안내 */
#semu_service { position: relative; padding-bottom: 50px; }
#semu_service ul { margin: 0; padding: 0; }
#semu_service li { display: table; position: relative; list-style: none; width: 100%; height: 100%; margin-bottom: 50px; padding-top: 50px; border-top: 1px solid #d2d2d2; font-size: 0; }
#semu_service li:first-child { padding-top: 0; border-top: none; }
#semu_service .semu_thum { display: table-cell; vertical-align: top; position: relative; width: 44.99151%; padding-left: 2.546689%; line-height: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#semu_service .semu_text { display: table-cell; vertical-align: middle; position: relative; width: 55.00849%; padding-left: 4.244482%; padding-right: 3%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#semu_service .semu_text h2 { margin: 0; font-family: 'Noto Sans KR', sans-serif; font-size: 26px; line-height: 26px; font-weight: 500; color: #4c4c4c; letter-spacing: -2px; }
#semu_service .semu_text p { margin: 15px 0 0; font-family: 'Noto Sans KR', sans-serif; font-size: 14px; line-height: 30px; font-weight: 400; color: #000000; letter-spacing: -1px; }
#semu_service .semu_text p strong { font-size: 14px; line-height: 30px; font-weight: 400; color: #0155ad; letter-spacing: -1px; }
#semu_service .semu_text p i { display: block; }
#semu_service .semu_text p i.v1 { display: none; }


/* 인사말 */
#semu_about { position:relative; }
#semu_about .about_img01 { position:absolute; width:39.473684%; left:0; top:0; }
#semu_about .about_area { overflow:hidden; margin-left:41.5%; }
#semu_about .about_area .about_img02 { margin:30px 0 16px 0; }
#semu_about .about_area .about_info01 { margin-bottom:32px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#263e7a; font-size:16px; font-weight:bold; }
#semu_about .about_area .about_info01 i { display:none; }
#semu_about .about_area .about_info02 { margin-bottom:20px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5d5d5d; font-size:14px; line-height:24px; }


/* 찾아오시는길01 */
#semu_location { margin:0 auto 60px; text-align:left; }
#semu_location .map_img { height:450px; border:3px solid #dfdfdf; line-height:0; }
#semu_location .map_area { border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; }
#semu_location .map_area .text_area01 { width:100%; margin:0 auto; border-bottom:1px solid #dfdfdf; }
#semu_location .map_area .text_area01 .text01 { padding:25px 30px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:12px; color:#5f5f5f; line-height:22px; }
#semu_location .map_area .text_area02 { margin:32px 30px 0px 30px; }
#semu_location .map_area .text_area02 .img01 { margin-bottom:10px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:20px; color:#000000; font-weight:bold; }
#semu_location .map_area .text_area02 .text01 { margin-bottom:30px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:12px; color:#5f5f5f; line-height:22px; }


@media screen and (max-width:1510px) {
	#semu { width: auto; }
	
	/* 구성원소개 */
	#semu_member .semu_member_thum img { width: 100%; }
	
	/* 서비스안내 */
	#semu_service .semu_thum img { width: 100%; }
    
    /* 인사말 */
    #semu_about .about_img01 img { width:100%; }

}

@media screen and (max-width:768px) {
	/* 구성원소개 */
	#semu_member .semu_member_text h2 { font-size: 24px; line-height: 24px; }
	#semu_member .semu_member_text h2 strong { font-size: 24px; line-height: 24px; }
	
	/* 서비스안내 */
	#semu_service .semu_text h2 { font-size: 24px; line-height: 24px; }
	#semu_service .semu_text p i { display: none; }
	#semu_service .semu_text p i.v1 { display: block; height: 24px; }

    /* 찾아오시는길01 */
    #semu_location .map_img { height:350px; }
}

@media screen and (max-width:640px) {
	/* 구성원소개 */
	#semu_member li { padding-top: 0; border-top: none; }
	#semu_member .semu_member_thum { display: block; width: auto; margin-left: 0; }
	#semu_member .semu_member_text { display: block; width: auto; margin: 20px 10px 0; }
	#semu_member .semu_member_text h2 { font-size: 20px; line-height: 20px; }
	#semu_member .semu_member_text h2 strong { font-size: 20px; line-height: 20px; }
	
	/* 서비스안내 */
	#semu_service li { padding-top: 0; border-top: none; }
	#semu_service .semu_thum { display: block; width: auto; padding-left: 0; }
	#semu_service .semu_text { display: block; width: auto; padding-left: 0; padding-right: 0; margin: 25px 10px 0; }
	#semu_service .semu_text h2 { font-size: 20px; line-height: 20px; }
	#semu_service .semu_text p i.v1 { display: block; height: 20px; }
    
	#semu_about .about_img01 { position:relative; width:90%; left:0; top:0; margin:0 auto; }
	#semu_about .about_area { margin-left:0; }
	#semu_about .about_area .about_img02 { width:130px; margin:40px 0 16px; }
	#semu_about .about_area .about_img02 img { width:100%; }
	#semu_about .about_area .about_info01 { margin-bottom:24px; font-size:16px; line-height:24px; }
	#semu_about .about_area .about_info01 i { display:block; }

    /* 찾아오시는길01 */
    #semu_location .map_img { height:250px; }
}
