@charset "utf-8";

@import url("layout.css");
@import url("main.css");
@import url("main_widjet.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다.**********/

/* 오시는 길 */
#locationBox .info li.email {
  background: url(./../../images/icon4.gif) no-repeat left center;
  float: left;
  margin: 5px 0 5px 30px;
}

._objHtml table tfoot th,
._objHtml table tfoot td {border-bottom:1px solid #ddd; padding:10px 5px 10px 10px;  border-right:1px solid #ddd; font-weight:300;}
._objHtml table tfoot th,
._objHtml table tfoot td:last-child{border-right:none;}
.tableWrap table tfoot th,
.tableWrap table tfoot td{background-color:#f4f5f7; }

/* 교육 목적 및 목표 */
.hak01_wrap dl					{margin-bottom:10px;}
.hak01_wrap dl:after { content:""; display:block; clear:both;}
.hak01_wrap dt					{height:50px;line-height:50px;text-align:center;background-color:#7cb4e5;width: 15%;color:#fff;font-weight:bold;display: inline-block;vertical-align: middle;}
.hak01_wrap dd					{width: 83%;line-height:1.3;display: inline-block;vertical-align: middle;}


/*   간호교육인증    ================================================================================== */
.hak_data_list					{overflow:hidden;}
.hak_data_list li				{float:left;width: 50%;text-align:center;box-sizing: border-box;padding: 30px;}
.hak_data_list .wrap			{padding: 10px 15px 20px 15px;background:url("/sites/nursing/images/bg.png") no-repeat center 0;background-size: cover;box-sizing: border-box;}
.hak_data_list .img				{}
.hak_data_list .img img			{max-width: 100%;}
.hak_data_list .txt				{font-size:14px;color:#333;font-weight:bold;margin:25px 0 7px 0;}
.hak_data_list .down_btn		{display:inline-block;;text-indent:5px;border:1px solid #ccc;color:#333;text-align:center;height:36px;line-height:36px;padding:0 25px 0 45px;
  background:url('../image/data/icon_down.png') no-repeat 22px center;background-size:17px auto;font-size:0.95em;}
.hak_data_list .down_btn:hover	{border-color:#56296e;color:#56296e;}



/*   시뮬레이션센터    ================================================================================== */
.simulation01_box01				{position:relative;height:280px;}
.simulation01_img01				{float:left;width:340px;border:1px solid #ddd;padding:4px;background-color:#fff; }
.simulation01_img02				{float:right;width:340px;border:1px solid #ddd;padding:4px;background-color:#fff;  }
.simulation01_title				{text-align:center;padding:5px;background-color:#fff;}


/*  프로그램 학습성과 */

.hak07_no						{margin:0 0 0 15px;}
.hak07_no dl					{min-height:40px;}
.hak07_no dt					{float:left;	background-color:#7cb4e5;width:28px;height:28px;line-height:28px;text-align:center;color:#fff;-moz-border-radius: 	55em /*{global-radii-blocks}*/;
  -webkit-border-radius: 	55em /*{global-radii-blocks}*/;
  border-radius: 			55em /*{global-radii-blocks}*/;
}
.hak07_no dd					{height:28px;margin:0 0 0 40px;line-height:28px;}


.hak07_no_01						{margin:0 0 0 15px;}
.hak07_no_01 dl					{min-height:40px;}
.hak07_no_01 dt					{float:left;	background-color:#95c674;width:28px;height:28px;line-height:28px;text-align:center;color:#fff;
  -moz-border-radius: 	55em /*{global-radii-blocks}*/;
  -webkit-border-radius: 	55em /*{global-radii-blocks}*/;
  border-radius: 			55em /*{global-radii-blocks}*/;
}
.hak07_no_01 dd					{height:28px;margin:0 0 0 40px;line-height:28px;}

.hak07_no_02						{margin:0 0 0 15px;}
.hak07_no_02 dl					{min-height:40px;}
.hak07_no_02 dt					{float:left;	background-color:#ED7D31;width:28px;height:28px;line-height:28px;text-align:center;color:#fff;-moz-border-radius: 	55em /*{global-radii-blocks}*/;
  -webkit-border-radius: 	55em /*{global-radii-blocks}*/;
  border-radius: 			55em /*{global-radii-blocks}*/;
}
.hak07_no_02 dd					{height:28px;margin:0 0 0 40px;line-height:28px;}

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

}
@media only screen and (max-width:820px){

}
@media only screen and (max-width:600px){
  .hak_data_list li { width:100%;}
  .hak01_wrap dt, .hak01_wrap dd	{width:100%;}
  .hak01_wrap dd {padding: 10px 0;}
}
@media only screen and (max-width:340px){

}


/* 조직도 */

.org_box * { box-sizing: border-box;}
.org_box {
  position:relative;
  font-size:14px;
}
.org_box > div { 
  position:relative;
  margin-bottom:30px;
}
.org_box > div > p { 
  text-align:center; 
}
.org_box  p > span {
  display: inline-block;
  width:100%;
  max-width:165px;
  height: 49px;
  font-size: 16px;
  line-height: 49px;
  color:#fff;
  background-color:#3b7abd;
  text-align:center;
}
.org_box div.left { float:left; }
.org_box div.right { float:right; }
.org_box .top > p > span {
  background-color:#005bac;
}
.org_box .top:after {
  display:block; 
  content:"";
  border-left:1px solid #ddd; 
  position:absolute; 
  top:0;
  left:50%; 
  margin-left:-1px;
  height:550px;
  z-index:-1;
}
.org_box .first .right:before,
.org_box .third .right:before {
  display:block; 
  content:"";
  border-top:1px solid #ddd; 
  position:absolute; 
  top:25px;
  width:50%;
  height:1px;
  left:0;
  z-index:-1;
}
.org_box > div:after{
  content:"";
  display:block;
  clear:both;
}
.org_box .first > div,
.org_box .third > div {
  position:relative;
}
.org_box .first .right,
.org_box .third .right {
  width:50%;
  padding-left:15%;
}
.org_box .first p > span {
  background-color:#54b4b0;
}
.org_box .second p > span {
  background-color:#4284bc;
}
.org_box .third p > span {
  background-color:#53b47c;
}
.org_box .fourth p > span {
  background-color:#386fcc;
}
.org_box .fifth p > span {
  background-color:#2d5592;
}
.org_box .second { 
  position:relative;
}
.org_box .sixth {
  margin-top:70px;
}
.org_box .sixth:before {
  display:block; 
  content:"";
  border-top:1px solid #ddd; 
  position:absolute; 
  top:-215px;
  left:50%; 
  width:81%;
  margin-left:-42.5%;
  height:1px;
  z-index:-1;
}
.org_box .sixth > div {
  position:relative; 
  float:left;
  width:15%;
}
.org_box .sixth > div:nth-child(2) {
  width:23%;
}
.org_box .sixth > div:nth-child(4) {
  width:24%;
}
.org_box .sixth > div:nth-child(5) {
  width:23%;
}
.org_box .sixth > div:before {
  display:block; 
  content:"";
  border-left:1px solid #ddd; 
  position:absolute; 
  top:-214px;
  left:50%; 
  margin-left:-1px;
  height:214px;
  z-index:-1;
}
.org_box .sixth > div:nth-child(2):before  {
  width:213px;
  height:43px;
  top:-42px;
  border:0;
  background:url(./../../images/bg_orgbox_line1.png) no-repeat top left;
}
.org_box .sixth > div:nth-child(3):before  {
  width:150px;
  height:135px;
  top:-134px;
  border:0;
  left:66px;
  background:url(./../../images/bg_orgbox_line2.png) no-repeat;
}
.org_box .sixth:after {
  content:"";
  display:block;
  clear:both;
}
.org_box .sixth > div { 
  padding:0 5px;
}
.org_box .sixth > div p > span { 
  max-width:inherit;
  background-color:#2fb0da;
}
.org_box .sixth > div:nth-child(1) p > span {
  background-color:#009b8c
}
.org_box .sixth > div:nth-child(5) p > span {
  background-color:#009b25;
}

.org_box .sixth > div ul {
  padding:10px;
  border:1px solid #ddd;
}
.org_box .first > div ul li,
.org_box .sixth > div ul li {
  position:relative;
  margin:3px 0;
  padding-left:10px;
}
.org_box .first > div ul li:before,
.org_box .sixth > div ul li:before{
  content: '';
  width: 3px;
  height: 3px;
  display: block;
  background-color: #a9a9a9;
  position: absolute;
  left: 0;
  top: 12px;
  border-radius: 10px;
}


@media screen and (max-width:820px) {
  .org_box .sixth > div,
  .org_box .sixth > div:nth-child(2),
  .org_box .sixth > div:nth-child(3),
  .org_box .sixth > div:nth-child(3),
  .org_box .sixth > div:nth-child(4),
  .org_box .sixth > div:nth-child(5){
	float:none;
	width:100%;
	margin-bottom:20px;
  }
  .org_box .sixth:before,
  .org_box .sixth > div:before {
	display:none;
  }
  .org_box .sixth {
	margin-top:30px;
  }
}

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



}


.org_box2 * { 
  box-sizing: border-box;
}
.org_box2 {
  position:relative;
  font-size:14px;
}
.org_box2 > div { 
  position:relative;
  margin-bottom:30px;
}
.org_box2 > div > p { 
  text-align:center; 
}
.org_box2  p > span {
  display: inline-block;
  width:100%;
  max-width:165px;
  height: 49px;
  font-size: 16px;
  line-height: 49px;
  color:#fff;
  background-color:#3b7abd;
  text-align:center;
}
.org_box2 div.left { float:left; }
.org_box2 div.right { float:right; }
.org_box2 .top > p > span {
  background-color:#005bac;
}
.org_box2 .top:after {
  display:block; 
  content:"";
  border-left:1px solid #ddd; 
  position:absolute; 
  top:0;
  left:50%; 
  margin-left:-1px;
  height:472px;
  z-index:-1;
}
.org_box2 .first .right:before,
.org_box2 .third .right:before {
  display:block; 
  content:"";
  border-top:1px solid #ddd; 
  position:absolute; 
  top:25px;
  width:50%;
  height:1px;
  left:0;
  z-index:-1;
}
.org_box2 > div:after{
  content:"";
  display:block;
  clear:both;
}
.org_box2 .first > div,
.org_box2 .third > div {
  position:relative;
}
.org_box2 .first .right,
.org_box2 .third .right {
  width:50%;
  padding-left:15%;
}
.org_box2 .first p > span {
  background-color:#54b4b0;
}
.org_box2 .second p > span {
  background-color:#4284bc;
}
.org_box2 .third p > span {
  background-color:#53b47c;
}
.org_box2 .fourth p > span {
  background-color:#386fcc;
}
.org_box2 .fifth p > span {
  background-color:#2d5592;
}
.org_box2 .second { 
  position:relative;
}
.org_box2 .sixth {
  margin-top:70px;
}
.org_box2 .sixth:before {
  display:block; 
  content:"";
  border-top:1px solid #ddd; 
  position:absolute; 
  top:-215px;
  left:50%; 
  width:75%;
  margin-left:-37.5%;
  height:1px;
  z-index:-1;
}
.org_box2 .sixth > div {
  position:relative; 
  float:left;
  width:25%;
}
.org_box2 .sixth > div:before {
  display:block; 
  content:"";
  border-left:1px solid #ddd; 
  position:absolute; 
  top:-214px;
  left:50%; 
  margin-left:-1px;
  height:214px;
  z-index:-1;
}
.org_box2 .sixth > div:nth-child(2):before  {
  width:213px;
  height:43px;
  top:-42px;
}
.org_box2 .sixth > div:nth-child(3):before  {
  width:1px;
  height:170px;
  top:-170px;
}
.org_box2 .sixth > div:nth-child(2):after,
.org_box2 .sixth > div:nth-child(3):after  {
  content:"";
  position:absolute;
  display:block;
  height:1px;
  left:50%;
  border-top:1px solid #ddd;
  z-index:-1;
}
.org_box2 .sixth > div:nth-child(2):after {
  top:-42px;
  width:50%;
}
.org_box2 .sixth > div:nth-child(3):after{
  top:-170px;
  width:30px;
  margin-left:-30px;
}
.org_box2 .sixth:after {
  content:"";
  display:block;
  clear:both;
}
.org_box2 .sixth > div { 
  padding:0 5px;
}
.org_box2 .sixth > div p > span { 
  max-width:inherit;
  background-color:#2fb0da;
}
.org_box2 .sixth > div:nth-child(1) p > span {
  background-color:#009b8c
}
.org_box2 .sixth > div:nth-child(5) p > span {
  background-color:#009b25;
}

.org_box2 .sixth > div ul {
  padding:10px;
  border:1px solid #ddd;
}
.org_box2 .first > div ul li,
.org_box2 .sixth > div ul li {
  position:relative;
  margin:3px 0;
  padding-left:10px;
}
.org_box2 .sixth > div div.title { }

.org_box2 .sixth > div div.title span{
  display:inline-block;
  width:100%;
  border:1px solid #ddd;
  border-bottom:0;
  padding:5px 5px;
  background-color:#f6f6f6;
  font-weight:500;

}
.org_box2 .first > div ul li:before,
.org_box2 .sixth > div ul li:before{
  content: '';
  width: 3px;
  height: 3px;
  display: block;
  background-color: #a9a9a9;
  position: absolute;
  left: 0;
  top: 12px;
  border-radius: 10px;
}


@media screen and (max-width:820px) {
  .org_box2 .sixth > div,
  .org_box2 .sixth > div:nth-child(2),
  .org_box2 .sixth > div:nth-child(3),
  .org_box2 .sixth > div:nth-child(3),
  .org_box2 .sixth > div:nth-child(4),
  .org_box2 .sixth > div:nth-child(5){
	float:none;
	width:100%;
	margin-bottom:20px;
  }
  .org_box2 .sixth:before,
  .org_box2 .sixth > div:before {
	display:none;
  }
  .org_box2 .sixth {
	margin-top:30px;
  }
}

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



}

/* 학생회 조직도 */
.org_box3 * { 
  box-sizing: border-box;
}
.org_box3 {
  position:relative;
}
.org_box3 > div { 
  position:relative;
  margin-bottom:30px;
}
.org_box3 > div > p { 
  text-align:center; 
}
.org_box3  p > span,
.org_box3 .second > div ul li {
  display: inline-block;
  width:100%;
  max-width:165px;
  height: 49px;
  font-size: 16px;
  line-height: 49px;
  color:#fff;
  background-color:#3b7abd;
  text-align:center;
}
.org_box3 .top > p > span {
  background-color:#005bac;
}
.org_box3 .top:after {
  display:block; 
  content:"";
  border-left:1px solid #ddd; 
  position:absolute; 
  top:0;
  left:50%; 
  margin-left:-1px;
  height:172px;
  z-index:-1;
}
.org_box3 > div:after{
  content:"";
  display:block;
  clear:both;
}

.org_box3 .first p > span {
  background-color:#4284bc
}
.org_box3 .second p > span {
  background-color:#4284bc;
}
.org_box3 .second p > span {
  background-color:#82a4de
}
.org_box3 .second:before {
  display:block; 
  content:"";
  border-top:1px solid #ddd; 
  position:absolute; 
  top:-15px;
  left:50%; 
  width:67%;
  margin-left:-33.5%;
  height:1px;
  z-index:-1;
}
.org_box3 .second > div {
  position:relative; 
  float:left;
  width:33.333%;
  padding:0 5px;
  text-align:center;
}
.org_box3 .second > div:after {
  display:block; 
  content:"";
  border-left:1px solid #ddd; 
  position:absolute; 
  top:-14px;
  left:50%; 
  margin-left:0;
  height:14px;
  z-index:-1;
}
.org_box3 .second > div ul li {
  background-color:#e3eaf5;
  color:inherit;
  margin-top:15px;
}


/* 연구소 조직도 */

.org_box4 * { 
  box-sizing: border-box;
}
.org_box4 {
  position:relative;
}
.org_box4 > div { 
  position:relative;
  margin-bottom:30px;
}
.org_box4 > div > p { 
  text-align:center; 
}
.org_box4  p > span {
  display: inline-block;
  width:100%;
  max-width:165px;
  height: 49px;
  font-size: 16px;
  line-height: 49px;
  color:#fff;
  background-color:#82a4de;
  text-align:center;
}
.org_box4 .top > p > span {
  background-color:#005bac;
}
.org_box4 .top:after {
  display:block; 
  content:"";
  border-left:1px solid #ddd; 
  position:absolute; 
  top:0;
  left:50%; 
  margin-left:-1px;
  height:272px;
  z-index:-1;
}
.org_box4 > div:after{
  content:"";
  display:block;
  clear:both;
}
.org_box4 div.left { float:left; }
.org_box4 div.right { float:right; }
.org_box4 .second  {
  margin-bottom:50px;
}
.org_box4 .first .left {
  width: 50%;
  padding-right: 15%;
  text-align:right;
}
.org_box4 .first .right, 
.org_box4 .second .right {
  width: 50%;
  padding-left: 15%;
}
.org_box4 .first:before {
  display: block;
  content: "";
  border-top: 1px solid #ddd;
  position: absolute;
  top: 25px;
  width: 50%;
  height: 1px;
  left: 25%;;
  z-index: -1;
}
.org_box4 .second .right {
  position:relative;
}
.org_box4 .second .right:before {
  display: block;
  content: "";
  border-top: 1px solid #ddd;
  position: absolute;
  top: 25px;
  width: 50%;
  height: 1px;
  left: 0;
  z-index: -1;
}


.org_box4 .third p > span {
  background-color: #e3eaf5;
  color: inherit;
  margin-top: 15px;
}
.org_box4 .third:before {
  display:block; 
  content:"";
  border-top:1px solid #ddd; 
  position:absolute; 
  top:-15px;
  left:50%; 
  width:67%;
  margin-left:-33.5%;
  height:1px;
  z-index:-1;
}
.org_box4 .third > div {
  position:relative; 
  float:left;
  width:33.333%;
  padding:0 5px;
  text-align:center;
}
.org_box4 .third > div:after {
  display:block; 
  content:"";
  border-left:1px solid #ddd; 
  position:absolute; 
  top: -14px;
  left: 50%;
  margin-left: -1px;
  height: 34px;
  z-index: -1;
}


/* 졸업자격인제 신청 과정 */
.step_box01 { border:1px solid #ddd;}
.step_box01 ul { width:80%; margin:0 auto; padding:20px; overflow:hidden}
.step_box01 ul li {padding:5px;color:#fff;text-align:center;margin-bottom: 30px;position: relative;}
.step_box01 ul li:before {content:"";display:block;width:33px;height:17px;background:url(./../../images/icn_step_arr01.gif) no-repeat;margin-left: -16px;position: absolute;left: 50%;bottom: -25px;}
.step_box01 ul li:last-child:before { display:none;}
.step_box01 ul li:nth-child(1) {
  background: #2fb0da;
}
.step_box01 ul li:nth-child(2) {
  background: #196fb9
}
.step_box01 ul li:nth-child(3) {
  background: #009b8c;
}
.step_box01 ul li:nth-child(4) {
  background: #2fb0da;
}
.step_box01 ul li:nth-child(5) {
  background: #2d5592;
}
.step_box01 ul li:nth-child(6) {
  background:#4284bc;
}
.step_box01 ul li:nth-child(7) {
  background: #12aeb5
}

/**학생회조직도**/
.orgGraph .topper{font-size:0;margin-bottom:90px;position:relative;}
.orgGraph .topper:after{content:'';width:1px;height:65px;position:absolute;left:50%;top:25px;background:#ccc;}
.orgGraph .topper > li{display:inline-block;vertical-align:top;width:50%;text-align:center;}
.org-bb01{background:#448aca;color:#fff;text-align:center;font-size:20px;font-weight:bold;max-width:200px;margin:0 auto;padding:12px 0;position:relative;}
.org-bb02{background:#00b7ee;color:#fff;text-align:center;font-size:20px;font-weight:bold;max-width:200px;margin:0 auto;padding:12px 0;position:relative;}
.org-bb01:after{content:'';width: 66.66%;height:1px;position:absolute;left:100%;top:25px;background:#ccc;z-index:-1;}
.org-bb02:after{content:'';width: 66.66%;height:1px;position:absolute;right:100%;top:25px;background:#ccc;z-index:-1;}

.orgGraph .bottom{font-size:0;margin-bottom:90px;display:flex;justify-content: space-around;}
.orgGraph .bottom > li{display:inline-block;vertical-align:top;width: 100%;margin: 0 1%;position:relative;}
.orgGraph .bottom > li:after{content:'';width:1px;height:55px;position:absolute;top:-55px;left:50%;background:#ccc;}
.orgGraph .bottom > li:before{content:'';width:calc(100% + 20px);height:1px;position:absolute;top:-55px;left:50%;background:#ccc;}
.orgGraph .bottom > li:nth-last-child(1):before{display:none;}
.org-bb03{text-align:center;border:1px solid #ccc;font-size:16px;color:#023490;padding:12px 0;font-weight: 500;border-bottom: 3px solid #023490;}
.org-bb04{background:#f8f8f8;border:1px solid #ccc;border-top:0;color:#333;text-align:center;font-size:16px;padding: 12px 0;font-weight: 500;}

@media screen and (max-width:767px) {
  .orgGraph .topper:after,	
  .org-bb01:after,
  .org-bb02:after,	
  .orgGraph .bottom > li:after,
  .orgGraph .bottom > li:before{display:none;}
  .orgGraph .topper{margin-bottom:30px;}	
  .orgGraph .topper > li{width:100%;display:block;margin-bottom:15px;}
  .orgGraph .bottom{display: block;}
  .orgGraph .bottom > li{font-size:17px;margin-bottom:20px;width: calc(100% / 3 - 2%);}	
}