@charset "utf-8";

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

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

/* 교육 목적 및 목표 */
.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;}

/*  프로그램 학습성과 */
.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;}

@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;
}
/* 졸업자격인제 신청 과정 */
.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
}
/* 연구소 조직도 */

.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:260px;
    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;
}

/* 250917 */
/* 탑유틸메뉴 */
#topSec .topSecInner {display: flex; justify-content: space-between; align-items: center;}
#topSec .util_nav ul {display: flex; align-items: center; gap: 15px;}
#topSec .global_nav {height: auto; padding: 0 10px;}
#topSec .global_nav ul {display: flex; gap: 15px; align-items: center;}
#topSec .global_nav ul li a {font-size: 12px;}

@media only screen and (min-width: 1025px) {
    #mainNav {top: 0; position:unset;}
}

@media only screen and (max-width: 820px) {
    #topSec .util_nav ul li {width: 100%;}
}

/* 헤더 */
#headerSec {padding: 0 10px;}
#headerSec .headerSecInner {display: flex; justify-content: space-between; align-items: center;}
#mainNav .a_1 {display: block; padding: 20px 30px; font-weight: 400; font-size: 14px;}

@media only screen and (min-width: 1025px) {
  #mainNav .ul_1 {float: right; display: flex; text-align: center; align-items: center; word-break: normal; justify-content:space-around;}
}

@media only screen and (max-width: 1024px) {
  #headerSec .logo {width: 100%; justify-content:space-between; padding:0;}
}

@media only screen and (max-width: 600px) {
    #mainNav nav.menuUItop {
        position: absolute !important;
        width: stretch;
        top: 30px;
    }
}