/*  페이지 공통  */
/* .content-wide{width:1903px;  } */
.content-center{max-width: 1200px; margin:0 auto; margin-bottom: 50px;}
	@media screen and (max-width: 768px){.content-center{padding:0;}	}
.content-center img, .content-wide img{width:100%;  } 

.relative{position: relative;}
.bg{width:100%;}

@media screen and (max-width: 768px){
	.content-center{margin-bottom: 0;}
}


/**********************************************************************
***                                                                                                                                 ***
***                  화면노출 금지 스크린리더 읽기                                                                     ***
***                                                                                                                                 ***
**********************************************************************/
.a11yHidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  visibility: hidden;
  clip: 0, 0, 0, 0;
  clip-path: inset(50%);
}

@media (max-width: 768px){
	.a11yHiddenM{
	  position: absolute;
	  width: 1px;
	  height: 1px;
	  margin: -1px;
	  overflow: hidden;
	  visibility: hidden;
	  clip: 0, 0, 0, 0;
	  clip-path: inset(50%);
	}
}

/**********************************************************************
***                                                                                                                                 ***
***                  애니메이션                                                                                                ***
***                                                                                                                                 ***
**********************************************************************/
.ani-up-down{
	transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
	}
.ani-up-down:hover {
	  transform:translate(0,-10px);
    -webkit-transform:translate(0,-10px);
    -moz-transform:translate(0,-10px);
    -o-transform:translate(0,-10px);
    -ms-transform:translate(0,-10px);
	}


/*  글자정렬 */


/*   margin */
.mb{margin-bottom:110px;}
@media screen and (max-width: 768px){
	.mb{margin-bottom:50px;}
}
@media screen and (min-width: 451px) and (max-width: 1300px){
	.mlr{margin: 0 40px; margin-bottom:50px;}
}
@media screen and (max-width: 450px){
	.mlr{margin-left:20px; margin-right:20px;}
	}



/*  padding  */
.plr{  }
	@media screen and (max-width: 900px){.plr{padding:0 20px;}}

/*  subtitle  */
.sub-title__container{margin-bottom:50px;}
.sub-title{	font-size: 24px; color: #333; letter-spacing: -1px;   line-height: 1.3em; 	word-break:keep-all; background: url(/page/img/tell_icon.png) no-repeat left 2px;	padding-left: 40px;    font-weight: 700;    padding-bottom: 15px;	}
.sub-stitle{font-size: 18px; color: #666; display: block; word-break:keep-all; letter-spacing: -1px; line-height: 1.8em; padding-left: 40px;}
	@media screen and (max-width: 1180px){	.sub-title{	font-size: 20px; }	}

@media (max-width: 767px){
    .sub-title__container{margin-bottom:50px;}
	.sub-title{background: none; padding-left: 0;}
	.sub-stitle{padding-left: 0; display: inline;}
}

/*  배경이미지와 띄운글자   */
.sub-big-img{  position: relative; max-height: 400px; overflow: hidden; display: flex; align-items: center;}
@media screen and (max-width: 900px){
	.sub-big-img {
		margin-left: -6%;
		margin-right: -6%;
	}
}

@media (max-width: 767px){
	.sub-big-img img {height: 100%;}
}

.floating-text{position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center;}
.floating-text span {display: table-cell; vertical-align: middle; color: #fff; font-weight: 700; font-size: 50px;}
.floating-text_b{position: absolute; top: 0;/*top: 21%; left: 10%; right: 0;*/ width: 100%; height: 100%; display: flex; flex-flow: column; justify-content: center; align-items: center; background-color: rgb(133 133 133 / 70%);}
.floating-text_b span{display: block; vertical-align: middle; color: #fff; font-weight: 700; font-size: 35px;}

@media (max-width: 767px){
	.floating-text_b span{font-size: 20px; font-weight: 500;}
	.floating-text span{font-size: 30px;}
}



/*  서브 와이드  */
.sub_contents{max-width:100%;}

/*  사업내용  >  상담사업   */
.consulting-bg{padding:200px  0;  }
	@media screen and (max-width: 900px){.consulting-bg{padding:80px  0;  }}

/* greeting */
.greeting{}
.greeting_con1{max-width: 1200px; margin: 0 auto; margin-bottom: 80px;}
.greeting_wrap{display: flex; justify-content: space-between;}
.directors_photo{margin-right: 20px;}
.directors_text{max-width: 700px; word-break:keep-all;}
.directors_text > p {margin-bottom: 2em; line-height: 1.8;}
.emphasis_text{font-size: 18px; font-weight: bold;}
.sign{text-align: right; margin: 0;}
.sign_bold{font-size: 25px; font-weight: bold; text-align: right;}
.greeting_con2{background: #f8fcff; padding: 100px 0;}
.profile_wrap{max-width: 800px; margin: 0 auto;}
.profile_title{display: flex; align-items: center; margin-bottom: 40px;}
.profile_cont h3 {color: #5d7d9b; /* border: 1px solid #5d7d9b; padding: 10px 0; margin-right: 50px; */ width: 250px; text-align: center;}
.profile_line{width: 100%; height: 1px; background: #dfdfdf;}
.profile_tbox{display: block; margin: 0 0 60px 400px; word-break: keep-all;}
.profile_dot{padding-right: 10px;}
.profile_tbox tr{display: flex; justify-content: flex-start;}
.profile_tbox > p {margin-bottom: 0.3rem;}

@media (min-width: 768px) and (max-width: 1023px){
	.profile_tbox{margin: 0 0 60px 300px;}
}

@media (max-width: 767px){
    .greeting_wrap{display: block;}
	.directors_photo{display: none;}
	.emphasis_text{font-size: 17px;}
	.profile_cont h3{width: 100%; padding: 15px 0; margin-right: 0; background: #5d7d9b; border: none; color: white;}
	.greeting_con2{padding: 30px 0;}
	.profile_line{display: none;}
	.profile_tbox{margin: 0 0 60px 0;}
}

@media(min-width:768px) and (max-width:1024px){
    .profile_cont{margin: 0 40px;}
}

@media (max-width:767px){
    .profile_cont{margin: 0 20px;}
}

/* mission */
.mission_con1{background: #eee; padding: 100px 50px;}
.mission-subt{font-size: 20px; font-weight: 600;}
.mission_wrap{margin: 0 auto; max-width: 1200px; word-break: keep-all;}
.mission_wrap span{display: block;}
.font-big{color: #5d7d9b; font-size: 25px; font-weight: bold; margin-bottom: 30px;}
.mission_con2{margin-bottom: 110px;}
.vision_wrap{margin: 0 auto; max-width: 1200px;}
.vision_wrap h2 {padding-bottom: 15px; border-bottom: 2px solid #5d7d9b;}
.vision_cont{border-bottom: 1px solid #dfdfdf; padding: 0 30px; display: flex; align-items: center; justify-content: space-around;}
.vision_cont h3{flex: 1-0-0;}
.vision_icon{flex: 1-0-0;}
.vision_icon img {max-width: 75px; padding: 50px 0;}
.vision_icon h3{display: none;}
.vision_tbox{ flex: 2-0-0; word-break: keep-all;}
.vision_tbox p{margin-bottom: 0.3rem;}

@media (max-width: 767px){
	.font-big{font-size: 20px; margin-bottom: 15px;}
    .vision_cont{text-align: center;}
	.vision_cont:last-child{border-bottom: 0;}
	.vision_tbox{text-align: left; margin: 50px auto;}
	.mission_wrap span{display: inline;}
	.vision_icon{margin: 50px 50px; margin-left: 0; flex: none;}
	.vision_icon img{width: 40px;  padding: 20px 0;}
	.mission_con2{margin-bottom: 50px;}
}

@media (min-width:479px) and (max-width: 768px){
	.vision_cont > h3{margin-right: 30px;}
}


@media (max-width:479px){
    .vision_cont > h3{display: none;}
	.vision_icon h3{display: block; font-size: 25px;}
}

/* history */
#tab01{max-width: 1200px; margin: 0 auto;}
#tab02, #tab03, #tab04, #tab05, #tab06, #tab07, #tab08, #tab09, #tab10, #tab11, #tab12{display: none; max-width: 1200px; margin: 0 auto;}
.tabGroup{width: 100%; overflow: hidden;}
.tabGroup .tabOn { background: #5d7d9b; color: #fff; border: 0;}
.tabGroup a {
	display: block; float: left;
    width: calc((100% / 4) - 1px);
    margin: 0 1px 0 0;
    background: #eee;
    color: #666;
    padding: 13px 0;
    text-align: center;
    font-weight: 600;
}

.centerTab1, .centerTab2, .centerTab3, .centerTab4, .centerTab5, .centerTab6, .centerTab7, .centerTab8, .centerTab9, .centerTab10, .centerTab11, .centerTab12{margin-top: 100px;}
.h_date_year dt{font-size: 50px; color: #5d7d9b; font-weight: bold; position: relative; display: inline-block;}
.h_date_year dd{}
.h_date_year dd table{margin: 0 0 70px 200px;}
.year_bar{position: absolute; left: 120%; top: 60%; width: 129px; height: 2px; background: #5d7d9b;}
.h_date_month{padding: 0 30px 0 15px; display: inline-block;}
.history_list{margin-bottom: 50px;}
.h_history_text{display: inline-block; word-break: keep-all;}
.h_ai_start{align-items: flex-start; display: flex;}
@media (max-width: 767px){
	.tabGroup a{display: inline-block; float: left; width: 50%; margin: 0; background: none; font-weight: 400; border: 1px solid #eee; box-sizing: border-box;}
	.year_bar{margin-left: 70px; width: 70px; height: 3px; left: 35%;}
	.h_date_year dt{font-size: 30px;}
	.h_date_year dd table{margin: 40px 0 80px 0;}
	.h_history_text{font-size: 14px; margin-right: 20px;}
	.tabGroup{border: 1px solid #5d7d9b;}
}

/* organization */
.organization__container{max-width: 700px; margin:0 auto; margin-bottom: 110px;}
.organization__container img{width: 100%;}
.directorate{max-width: 1200px; margin: 0 auto;}
.directorate h2{margin-bottom: 3rem;}
.dtr_table{margin-bottom:50px; border-top: 2px solid #5d7d9b;}
.directorate table{width:100%; border-collapse: collapse; text-align:center;}
.directorate tr{word-break: keep-all;}
.directorate th, .directorate td{border:1px solid #eaeaea; padding: 1em;}
.directorate th:first-child, .directorate td:first-child{border-left: 0;}
.directorate th:last-child, .directorate td:last-child{border-right: 0;}
.directorate thead{background-color: #f1f7f9;}

@media (max-width: 767px){
	.organization__container{margin-bottom: 50px;}
}

/* center */
.center .tabGroup{width: 100%; overflow: hidden;}
.center .tabGroup .tabOn { background: #5d7d9b; color: #fff;}
.center .tabGroup a {
	display: block; float: left;
    width: calc((100% / 12) - 1px);
    margin: 0 1px 0 0;
    background: #eee;
    color: #666;
    padding: 5px 0;
    text-align: center;
    font-weight: 600;
}
.center_list{border-top: 2px solid #5d7d9b;}
.center_list:last-child{margin-bottom: 50px;}
.c_date_region{display: flex; border-bottom: 1px solid #dfdfdf; padding: 50px 0; align-items: center;}
.c_date_region:last-child{border-bottom: 0;}
.c_date_region dd table tbody{display: flex;}
.c_date_region dt{flex: 1-0-0; width: 10%; font-size: 23px; font-weight: bold; color: #5d7d9b; display: inline-block; margin-right: 20px; white-space: nowrap; text-align: center;}
.c_date_region dd{flex: 10-0-0;}
.c_date_region dd table tbody tr{width: 35%; display: flex; align-items: center; border-left: 1px dashed #999;}
.c_date_place{display: inline-block; white-space: nowrap; border-left: 1px dashed #999; padding: 30px 0px 30px 30px;}
.c_center_text{padding: 0 30px; display: flex; align-items: center;}
.c_tell_wrap{display: flex; flex-wrap: wrap;}

@media (min-width: 768px) and (max-width: 1023px){
	.icon-text_ml{font-size: 14px;}
}

@media (max-width: 767px){
	.centerTab1, .centerTab2, .centerTab3, .centerTab4, .centerTab5, .centerTab6, .centerTab7, .centerTab8, .centerTab9, .centerTab10, .centerTab11, .centerTab12{margin-top: 50px;}
	.center .tabGroup{border: 1px solid #5d7d9b;}
	.center .tabGroup a{display: inline-block; float: left; width: 25%; margin: 0; background: none; font-weight: 400; border: 1px solid #eee;}
	.c_date_region {display: block;}
	.c_date_region dd table tbody{display: block; word-break: keep-all;}
	.c_date_region dt{width: 100%; margin-bottom: 20px;}
	.c_date_region dd table tbody tr{width: 100%; border-left: none; padding-left: 0;}
	.center_list{display: block; padding: 0; border-top:0;}
	.center_list:last-child{margin-bottom: 0; boder-bottom: 0;}
	.c_date_region{border-bottom: 1px solid #dfdfdf; padding-bottom: 40px;}
	.c_date_region:nth-child(2){margin-left:0;}
	.c_center_text{line-height: 2;}
	.directorate td{padding: 1em 0;}
	.directorate th, .directorate td {font-size: 14px;}
}

/* map */
.map__container{display: flex;}
.root_daum_roughmap{max-width: 800px; width: 100%;}
.map_wrap{padding-left: 30px;}
.map_wrap span{display: flex; align-items: center; line-height: 2;}
.icon-text_ml{margin-left: 20px;}
.icon-text{color: #cdcfce;}
.map_location, .map_tell, .map_fax{padding-left: 20px;}

@media (max-width: 767px){
	.map__container{display: block;} 
	.map_wrap{padding-left: 0; margin: 50px 0;}
	.os_mac.root_daum_roughmap {max-width: 600px; width: 100%;}
	.map_location, .map_tell, .map_fax{padding-left: 0;}
}



/* business-consulting */
.consulting_img:hover img::before{background-color: rgba(0,0,0,.5);}
.consulting_img img::before{background-color: rgba(0,0,0,0);}
.consulting-bg_container{margin: 0 auto 100px auto; max-width: 1200px;}
.bs_process{max-width: 1200px; background: #5d7d9b; display: flex; justify-content: space-between; align-items: center;}
.bs_process_imgcont{background: url(../img/campaign_titlebg5.jpg); background-position: 50%; background-size: cover; width: calc(100% - 500px); height: 520px;}
.bs_process_container{width: 500px; padding: 50px 50px;}
.bs_process_container .sub-gtitle, .bs_process_container .sub-gstitle{color: #fff;}
.bs_process_container .sub-gtitle{font-size: 24px; line-height: 1.5em; font-weight: 700; padding-bottom: 15px; letter-spacing: 1px; word-break: keep-all;}
.bs_process_dot{vertical-align: top;}
.bs_process_dot span{color: #fff;}
.bs_process_text{font-weight: 500; color: #fff; letter-spacing: 1px; line-height: 2; padding-left: 20px; word-break: keep-all;}
.bs_process_container .sub-gstitle{font-size: 16px;}
.bs_process_cont{width: 100%; text-align: center; margin-top: 80px;}
.bs_lifelove_imgcont{background: url(../img/campaign_main.jpg); background-position: 50%; background-size: cover; width: calc(100% - 500px); height: 520px;}

@media (max-width: 767px){
	/*.content-center{padding: 50px 10px;}*/
	.bs_process{flex-direction: column; margin-bottom: 50px;}
	.bs_process_imgcont{width: 100%; height: 300px;}
	.bs_lifelove_imgcont{width: 100%; height: 300px;}
	.bs_process_container{width: 100%; padding: 30px;}
}

/* business-edu */
.tabGroup_simple{width: 100%; overflow: hidden;}
.tabGroup_simple .tabOn {color: #5d7d9b; border-bottom: 2px solid #5d7d9b;}
.tabGroup_simple a {
	display: block; float: left;
    width: calc((100% / 3) - 1px);
    margin: 0 1px 0 0;
    color: #666;
    padding: 13px 0;
    text-align: center;
    font-weight: 600;
	border-bottom: 1px solid #dfdfdf;
}

.business-edu__container .centerTab1, .business-edu__container .centerTab2, .business-edu__container .centerTab3{margin-top: 70px;}
.training{max-width: 1200px;}
.training h3{margin-bottom: 2rem;}
.tn_table{margin-bottom:70px; border-top: 2px solid #5d7d9b;}
.training table{width:100%; border-collapse: collapse; text-align:center;}
.training th, .training td{border:1px solid #eaeaea; padding: 1em; word-break: keep-all;}
.training th:first-child, .training td:first-child{border-left: 0;}
.training th:last-child, .training td:last-child{border-right: 0;}
.training thead{background-color: #f1f7f9;}

.ganghwa, .ganghwa2{max-width: 1200px; background: #5d7d9b; display: flex; justify-content: space-between; align-items: center;}
.ganghwa2 .ganghwa_imgcont{background: url(../img/teacher.jpg); background-position: 50%; background-size: cover; width: calc(100% - 500px); height: 520px;}
.ganghwa_imgcont{background: url(../img/Counselors3.jpg); background-position: 50%; background-size: cover; width: calc(100% - 480px); height: 510px;}
.gsub-title_container{width: 500px; padding: 50px 50px;}
.gsub-title_container .sub-gtitle, .gsub-title_container .sub-gstitle{color: #fff;}
.gsub-title_container .sub-gtitle{font-size: 24px; line-height: 1.3em; font-weight: 700; padding-bottom: 15px; letter-spacing: 1px;}
.ganghwa_dot{vertical-align: top;}
.ganghwa_dot span{color: #fff;}
.ganghwa_text{font-weight: 500; color: #fff; letter-spacing: 1px; line-height: 2; padding-left: 20px; word-break: keep-all;}
.gsub-title_container .sub-gstitle{font-size: 16px;}
.ganghwa_cont{width: 100%; text-align: center; margin-top: 80px;}
.ganghwa_btn{max-width: 400px; border: 1px solid #fff; border-radius: 10px; padding: 15px 0; text-align: center; margin-top: 20px;}
.ganghwa_btn a{transition: 0.2s; color: #fff; font-size: 17px; font-weight: bold; /*background-position: right; background-size: 25px; background-image: url(../img/download_icon2.png); background-repeat: no-repeat; padding-right: 40px; */ letter-spacing: 1px;}
.ganghwa_btn span{transition: 0.2s; color: #fff; font-size: 17px; font-weight: bold; background-position: right; background-size: 25px; background-image: url(../img/download_icon2.png); background-repeat: no-repeat; padding-right: 40px; letter-spacing: 1px;}
.ganghwa_btn:hover{background: #fff;}
.ganghwa_btn:hover a{color: #5d7d9b; /*background-image: url(../img/download_icon.png);*/}
.ganghwa_btn:hover span{color: #5d7d9b; background-image: url(../img/download_icon.png);}
.rule{max-width: 1200px; margin: 0 auto; margin-bottom: 50px;}
.rule p{margin-bottom: 30px;}
.rule tr{display: inline-block; border-top: 1px solid #eee; padding: 20px 0; width: 100%;}
.rule tr:nth-child(5), .rule tr:nth-child(6){border-top: none; padding: 0; margin-bottom: 20px;}
.rule tr:nth-child(6){border-bottom: 1px solid #eee; padding-bottom: 20px;}
.rule th{}
.rule td{padding-left: 20px; line-height: 1.5;}
.rule_nombre{display: block; padding: 5px 10px;  font-size: 14px; background: #5d7d9b; color: #fff; width: 50px; text-align: center;}
.rule_4tbox{width: 10px; height: 10px; margin: 0 20px; display: block; background: #bdd4e9; color: #5d7d9b;}
.rule_4text{font-size: 15px;}

@media (max-width: 767px){
	.rule_nombre {width: 40px;}
	.rule_4tbox{font-size: 13px; margin: 0 10px;}
}

.sogroup{margin-left: 40px; margin-top: 10px; line-height: 1.8em;}
.sogroup_dot{padding-right: 5px;}
.sogroup_text{font-size: 18px; color: #666;}

@media (max-width: 767px){
	/*.content-center{padding: 50px 10px;}*/
	.ganghwa, .ganghwa2{flex-direction: column;}
	.ganghwa_imgcont, .ganghwa2 .ganghwa_imgcont{width: 100%; height: 300px;}
	.gsub-title_container{width: 100%; padding: 30px;}
	.ganghwa_btn{margin: 20px auto;}
	.ganghwa_iconbox{margin: 2em 0.8em;}
	.sogroup{margin-left: 0;}
}

@media (max-width: 500px){
	/*.business-edu__container{margin: 0 10px;}*/
}

/* business-campaign */
/* .campaign_img img::after {background-color: rgba(0,0,0,0);}
.campaign_img:hover img::after {background-color: rgba(0,0,0,.5);}
.campaign_img .campaign_text{border: 1px solid #fff; opacity: 0; transition: opacity.3s;}
.campaign_img:hover .campaign_text{opacity: 1;} */
.content-wide img{filter: blur(2px);}
.campaign_img .campaign_text{}
.campaign_text p {color: #fff; font-size: 40px; line-height: 1.5; color: #fff;}
.campaign_text b {color: #fff; font-size: 40px; font-weight: bold;color: #fff;}
.campaign_btn{max-width: 330px; margin: 40px auto 100px auto; border: 1px solid #5d7d9b; border-radius: 10px; padding: 20px 0; text-align: center;}
.campaign_btn a{transition: 0.2s; color: #5d7d9b; font-size: 20px; font-weight: bold; background-position: right; background-size: 25px; background-repeat: no-repeat; letter-spacing: 1px;}
.campaign_btn a span{color: #5d7d9b;}
.campaign_btn:hover{background: #5d7d9b;}
.campaign_btn:hover span a {color: #fff;}

@media (max-width: 1024px){
	.floating-text_b p{font-size: 20px;}
}

/* support */
.ganghwa_tell{max-width: 330px; margin: 0 auto; border: 1px solid #5d7d9b; border-radius: 10px; padding: 20px 0; text-align: center; margin-top: 70px;}
.ganghwa_tell span{transition: 0.2s; color: #5d7d9b; font-size: 20px; font-weight: bold;}

.support_img{max-height: 400px; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center;}
.support_img img{width: 100%; height: 100%;}
.support_text{position: absolute; padding: 50px 145px;}
.support_text span {display: block; text-align: center; color: #fff; font-weight: bold; font-size: 25px; line-height: 2;}
.support_icon{}
.support_icon img {max-width: 40px; padding: 50px 0;}
.support_cont{border-bottom: 1px solid #dfdfdf; padding: 0 30px; display: flex; align-items: center; justify-content: space-around;}
.support_cont:nth-child(2){margin-top: 30px;}
.support_cont h3{flex: 4-0-0; text-align: center; font-size: 20px; margin: 0 20px; word-break: keep-all;}
.support_tbox{flex: 5-0-0; font-size: 17px; line-height: 1.5;}
.support_tbox p{margin-bottom: 0.3rem; letter-spacing: 1px; font-weight: 600; word-break: keep-all;}
.support_tbox p:last-child{word-break: keep-all;}
.sub-ri_title strong{color: #597996;}
.sub-ri_title span{display: block; font-weight: 800; color: #597996;}
.support_btn{max-width: 330px; margin: 0 auto; border: 1px solid #5d7d9b; border-radius: 10px; padding: 20px 0; text-align: center; margin-top: 70px;}
.support_btn a{transition: 0.2s; color: #5d7d9b; font-size: 20px; font-weight: bold; background-position: right; background-size: 25px; background-image: url(../img/download_icon.png); background-repeat: no-repeat; padding-right: 40px; letter-spacing: 1px;}
.support_btn:hover{background: #5d7d9b;}
.support_btn:hover a{color: #fff; background-image: url(../img/download_icon2.png);}

@media (max-width: 767px){
	.font-big{font-size: 20px; margin-bottom: 15px;}
	.support_img img{display:none;}
	.support_text {position: inherit; padding: 0;}
	.support_text span {text-align: left; color: black; display: inline-block; font-size: 18px; color: #666; font-weight:400; line-height: 1.8em;}
	.support_icon img {padding: 50px 0 10px 0;}
    .support_cont{display: block; text-align: center; padding: 0;}
	.support_cont:nth-child(3) .support_tbox p, .support_cont:nth-child(4) .support_tbox p{text-align: center;}
	.support_tbox{text-align: left; margin: 50px auto;}
	.mission_wrap span{display: inline;}
}

/* newsletter */
/* .newsletter-list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.newsletter-list li{max-width: 350px; box-sizing:border-box;}
.newsletter-list li strong{margin-top:10px; display: block; font-size: 23px;}
.newsletter-list li .newsletter_imgbox::before{content:""; display:block; background-color:rgba(0,0,0,.0); position:absolute; top:0; left:0; right:0; bottom:0; transition:background-color .4s; z-index:1;}
.newsletter-list li:hover .newsletter_imgbox::before{background-color: rgba(0,0,0,.5);}
.newsletter-list li .newsletter_imgbox::after{content:"view"; text-transform:uppercase; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); color:white; font-size: 30px; font-weight:bold; padding:3px; opacity:0; transition: opacity .4s; z-index:2;}
.newsletter-list li:hover .newsletter_imgbox::after{opacity:1;}
.newsletter_imgbox:hover img{transform:scale(1.3); width: 100%;}
.newsletter_imgbox{position:relative; overflow:hidden;}
.newsletter_imgbox img{max-width: 100%; transition:transform 0.4s;}*/

/* newsletter */



@media (min-width: 1024px){
	.newsletter-list li{width: calc(100% / 3); padding: 0 10px;}
}

@media (min-width: 768px) and (max-width: 1023px){
	.newsletter-list li{width: calc(100% / 3); padding: 0 10px;}
}

@media (max-width: 767px){
	.newsletter-list li{width: calc(100% / 2); padding: 0 10px;}
	.newsletter-list li .newsletter_imgbox::after{font-size: 20px;}
	.newsletter-list li strong{margin-bottom: 30px;}
}



.dark{color:red; font-weight:700; }
/*   교육신청 입력 작성   */


/**********************************************************************
***                                                                                                                                 ***
***                    봉사신청  > 봉사안내                                                                                ***
***                                                                                                                                 ***
**********************************************************************/

/* 사회서비스 */

.sh_service{max-width: 1000px; width: 100%; margin-bottom: 100px;}
.sh_service{margin-bottom:20px; font-size:0.8rem;}
.sh_service td{width:10%;text-align:center; padding: 0.5em 0; font-size: 17px;}
.sh_service td:nth-child(2){border-left: 0;}
.sh_service_lastb2{border-bottom: 2px solid #5d85aa;}

/*.CalenderDate{background-color:#d8e1ea;}*/
.sh_serviceBg{background-color:#d8e1ea; border-top: 2px solid #5d85aa; border-bottom: 2px solid #5d85aa;}
.sh_serviceDate th{padding:0.8em 0; /* border-top:2px solid #5d85aa;*/ }
.sh_serviceBg th{border:1px ridge #9db0c1; font-size: 17px;}
 
/*.CalenderDate td:nth-child(2){border-left:0;} */
.sh_serviceDate th:last-child{border-right:0;}
.sh_serviceDate th:first-child{/* border-width: 2px 0 0 0; background-color:#fff;*/}
.sh_service{color: #949494;}


.bank{font-size:1.2em; color:orange;}

@media (max-width: 1024px){
	.sh_service_time, .sh_service_gesu, .sh_service_name{display: block;}
}

/* 생명사랑밤길걷기 신청 */
.lifelove__container{max-width: 100%; padding: 100px 0;background: #004b89;}
.lifelove__container .sub-title__container{margin: 0 auto; max-width: 1200px;}
.lifelove_img{}
.lifelove_btn{width:22%; background: #fff; margin: 0 auto; padding: 15px 10px; text-align: center;}
.lifelove_btn span{color: #1f5199; font-weight: bold; font-size: 20px;}

@media (max-width: 767px){
	.lifelove_btn span{font-size: 17px;}
}





/**********************************************************************
***                                                                                                                                 ***
***                    생명의 전화  >  인사말                                                                               ***
***                                                                                                                                 ***
**********************************************************************/



/* Reset */
.doctor-profile,
.doctor-profile * {
  box-sizing: border-box !important;
  margin: 0;
  padding: 0;
  text-align: left;
}
.doctor-profile ul,
.doctor-profile ol {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}
.doctor-profile li {
  list-style: none !important;
  background: none !important;
  padding-left: 0 !important;
}
.doctor-profile li::before,
.doctor-profile li::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* ============ 중앙 정렬 강제 ============ */
.doctor-profile {
  font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif !important;
  color: #2d3748 !important;
  background: #f7f9fc;
  line-height: 1.6 !important;
  -webkit-font-smoothing: antialiased;
  width: 100% !important;
  max-width: 1024px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 60px 24px !important;
  display: block !important;
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
}

/* Page Title */
.doctor-profile .dp-page-title {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 50px !important;
  padding-bottom: 24px !important;
  border-bottom: 2px solid #1a365d !important;
  width: 100% !important;
}
.doctor-profile .dp-page-title h1 {
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #1a365d !important;
  letter-spacing: -1px;
  margin-bottom: 8px !important;
  text-align: center !important;
}
.doctor-profile .dp-page-title p {
  font-size: 17px !important;
  color: #718096 !important;
  letter-spacing: 0.5px;
  margin: 0 !important;
  text-align: center !important;
}

/* Hero */
.doctor-profile .dp-hero {
  display: flex !important;
  gap: 32px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 36px !important;
  margin: 0 auto 40px auto !important;
  width: 100% !important;
  box-shadow: 0 2px 8px rgba(26, 54, 93, 0.04);
  float: none !important;
  text-align: left !important;
}
.doctor-profile .dp-photo {
  width: 140px !important;
  height: 140px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #ebf4ff 0%, #c3dafe 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  border: 3px solid #ffffff !important;
  box-shadow: 0 4px 12px rgba(26, 54, 93, 0.12);
  overflow: hidden !important;
  margin: 0 !important;
}
.doctor-profile .dp-photo svg {
  width: 70px !important;
  height: 70px !important;
  color: #2c5282 !important;
}
.doctor-profile .dp-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}
.doctor-profile .dp-info {
  flex: 1 !important;
  text-align: left !important;
}
.doctor-profile .dp-info h2 {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #1a365d !important;
  margin-bottom: 6px !important;
  letter-spacing: -0.5px;
  text-align: left !important;
}
.doctor-profile .dp-info .dp-role {
  font-size: 16px !important;
  color: #4a5568 !important;
  margin-bottom: 16px !important;
  font-weight: 400 !important;
  text-align: left !important;
}
.doctor-profile .dp-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-start !important;
}
.doctor-profile .dp-tags .dp-tag {
  display: inline-block !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  background: #ebf4ff !important;
  color: #2c5282 !important;
  border: 1px solid #c3dafe !important;
}
.doctor-profile .dp-tags .dp-tag.dp-green {
  background: #e6fffa !important;
  color: #234e52 !important;
  border-color: #b2f5ea !important;
}

/* Section */
.doctor-profile .dp-section {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 32px 36px !important;
  margin: 0 auto 24px auto !important;
  width: 100% !important;
  box-shadow: 0 2px 8px rgba(26, 54, 93, 0.03);
  float: none !important;
  text-align: left !important;
}
.doctor-profile .dp-section-header {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  margin-bottom: 24px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid #edf2f7 !important;
  text-align: left !important;
}
.doctor-profile .dp-section-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}
.doctor-profile .dp-section-icon svg {
  width: 22px !important;
  height: 22px !important;
}
.doctor-profile .dp-icon-edu   { background: #ebf4ff !important; }
.doctor-profile .dp-icon-edu svg   { color: #2c5282 !important; }
.doctor-profile .dp-icon-curr  { background: #e6fffa !important; }
.doctor-profile .dp-icon-curr svg  { color: #285e61 !important; }
.doctor-profile .dp-icon-exp   { background: #faf5ff !important; }
.doctor-profile .dp-icon-exp svg   { color: #553c9a !important; }
.doctor-profile .dp-icon-award { background: #fffaf0 !important; }
.doctor-profile .dp-icon-award svg { color: #975a16 !important; }

.doctor-profile .dp-section-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1a365d !important;
  letter-spacing: -0.5px;
  margin: 0 !important;
  text-align: left !important;
}
.doctor-profile .dp-section-count {
  margin-left: auto !important;
  font-size: 15px !important;
  color: #a0aec0 !important;
  font-weight: 500 !important;
  text-align: right !important;
}

/* Education */
.doctor-profile .dp-edu-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
}
.doctor-profile .dp-edu-card {
  background: #f7fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 20px !important;
  transition: all 0.2s ease;
  text-align: left !important;
}
.doctor-profile .dp-edu-card:hover {
  border-color: #2c5282 !important;
  transform: translateY(-2px);
}
.doctor-profile .dp-edu-label {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #2c5282 !important;
  background: #ebf4ff !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  margin-bottom: 10px !important;
  letter-spacing: 0.5px;
}
.doctor-profile .dp-edu-value {
  font-size: 17px !important;
  font-weight: 500 !important;
  color: #2d3748 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  text-align: left !important;
}

/* Item List */
.doctor-profile .dp-item-list {
  list-style: none !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
.doctor-profile .dp-item-list li {
  font-size: 17px !important;
  color: #2d3748 !important;
  padding: 8px 0 8px 22px !important;
  position: relative !important;
  line-height: 1.55 !important;
  list-style: none !important;
  background: none !important;
  text-align: left !important;
}
.doctor-profile .dp-item-list li::before {
  content: '' !important;
  position: absolute !important;
  left: 4px !important;
  top: 16px !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #38b2ac !important;
  display: block !important;
}
.doctor-profile .dp-item-list.dp-exp li::before {
  background: #805ad5 !important;
}

/* Award List */
.doctor-profile .dp-award-list {
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
.doctor-profile .dp-award-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  padding: 14px 18px !important;
  background: #f7f9fc !important;
  border: 1px solid #e2e8f0  !important;
  border-radius: 10px !important;
  transition: all 0.2s ease;
  list-style: none !important;
  text-align: left !important;
}
.doctor-profile .dp-award-row::before,
.doctor-profile .dp-award-row::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
.doctor-profile .dp-award-row:hover {
  background: #fef5e7 !important;
  transform: translateX(4px);
}
.doctor-profile .dp-award-date {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #515a69 !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  padding: 5px 12px !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
  min-width: 90px !important;
  text-align: center !important;
  letter-spacing: 0.3px;
  flex-shrink: 0 !important;
}
.doctor-profile .dp-award-icon {
  width: 24px !important;
  height: 24px !important;
  color: #d69e2e !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.doctor-profile .dp-award-icon path,
.doctor-profile .dp-award-icon circle,
.doctor-profile .dp-award-icon line,
.doctor-profile .dp-award-icon polyline {
  stroke: currentColor !important;
  fill: none !important;
}
.doctor-profile .dp-award-name {
  font-size: 17px !important;
  color: #2d3748 !important;
  font-weight: 500 !important;
  flex: 1 !important;
  margin: 0 !important;
  text-align: left !important;
}

/* Responsive */
@media (max-width: 768px) {
  .doctor-profile { padding: 40px 16px !important; }
  .doctor-profile .dp-page-title h1 { font-size: 26px !important; }
  .doctor-profile .dp-hero {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px !important;
    gap: 20px !important;
  }
  .doctor-profile .dp-info,
  .doctor-profile .dp-info h2,
  .doctor-profile .dp-info .dp-role {
    text-align: center !important;
  }
  .doctor-profile .dp-tags { justify-content: center !important; }
  .doctor-profile .dp-section { padding: 24px 20px !important; }
  .doctor-profile .dp-section-title { font-size: 19px !important; }
  .doctor-profile .dp-edu-grid { grid-template-columns: 1fr !important; }
  .doctor-profile .dp-item-list { grid-template-columns: 1fr !important; gap: 4px !important; }
  .doctor-profile .dp-award-row { flex-wrap: wrap !important; gap: 10px !important; }
   .doctor-profile .dp-award-row .dp-award-icon{display:none !important; }
  .doctor-profile .dp-award-date { min-width: 78px !important; font-size: 13px !important; }
  .doctor-profile .dp-award-name { font-size: 16px !important; }
}