@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.content {width:100%; display:inline-block; margin-top:284px;  padding-bottom:100px;  word-break:keep-all  }
 .in {width:100%; max-width:1300px;  margin:0 auto; padding:0 3%; padding-top:80px; box-sizing:border-box;
 font-size:1.07rem;  color:#333; line-height:1.4}

hr.con_hr {height:50px}
hr.line_hr {border-bottom:1px solid #ddd; margin-bottom:40px;   height:40px}


.t1 {font-size:1.9em; font-weight:800; color:#333;  }
.t2 {font-size:1.25em; font-weight:500; color:#333 }
.t3 {font-size:1.15em; font-weight:600; color:#333; }
.s_line {width:30px; margin:20px 0;  height:2px; display:block; background-color:#333}

 
 
@media all and (max-width:800px) {
 	.t1 {font-size:1.3em;  }
	.t2 {font-size:1.1em; }
	hr.con_hr {height:30px}


}



.sub_vi {width:100%; height:450px;   display:inline-block;  box-sizing:border-box; background-color:#333; position:absolute; top:0;  text-align:center;  background:url('/common/img/bg.png') no-repeat right; background-size:cover; background-attachment: fixed; background-position:0 -200px}
.sub_vi div.sub_vi_rgba  {width:100%; display:inline-block; height:100%; background:rgba(0,0,0,.5);  }
 
.sub_vi {width:100%; height:450px;   display:inline-block;  box-sizing:border-box; background-color:#333; position:absolute; top:0;  text-align:center;   background-position:0 -200px}


.sub_vi div.t {width:100%; position:absolute; top:60%;  left:0; box-sizing:border-box; padding:0 5%  }
.sub_vi h2.t1 {color:#fff; font-size:2.5rem; line-height:1; margin-bottom:10px; font-family: 'Montserrat', sans-serif;}
.sub_vi h2.t2 {color:#fff; font-size:1.3rem; line-height:1.2;   font-weight:400; font-family: 'Montserrat', sans-serif;}


h2.guide {width:100%; text-align:center; font-size:2.2rem; font-weight:700; color:#333; display:none !important; margin:70px 0 40px 0; letter-spacing:-1.5px; position:relative;    }
h2.guide a {position:absolute; right:0; top:3px}
h3 {margin-bottom:15px; font-size:1.4em; letter-spacing:-.5px}
h4 {margin-bottom:10px; font-size:1.25em;  }


h2.guide2 {width:100%; text-align:center; font-size:2rem; font-weight:700; color:#333;  margin:0px 0 40px 0; letter-spacing:-1.5px; position:relative;    }



.sub_menu {width:100%;border-bottom:1px solid #ddd; position:relative; }
.sub_menu ul {width:100%; max-width:1200px;  margin:0 auto; display:flex;  overflow-x:auto; overflow-y:hidden;  white-space: nowrap; line-height:0; font-size:0; justify-content:center; }
.sub_menu li { margin-top:1px; font-size:1.25rem; font-weight:500; background-color:#fff;   border-right:none; }
.sub_menu li a { display:inline-block; padding:0 30px; line-height:58px; color:#777 !important; transition: all 0.1s ease-out;  }
.sub_menu li a:hover  {color:#111 !important; font-weight:500; border-bottom:2px solid #333}
.sub_menu li.ov {}
.sub_menu li.ov a {color:#111 !important; font-weight:500; border-bottom:2px solid #333}

 


  @media all and (min-width:1100px) {
		.sub_vi { background:url('/common/img/bg.png') no-repeat right; background-size:cover; background-attachment: fixed; background-position:0 -200px}
		.sub_vi div.sub_vi_rgba  {width:100%; display:inline-block; height:100%; background:rgba(0,0,0,.5);  }
		.bg1 { background:url('/common/img/sub_vi1.jpg') no-repeat right; background-size:cover; background-attachment: fixed; background-position:0 -200px}
		.bg2 { background:url('/common/img/sub_vi2.jpg') no-repeat right; background-size:cover; background-attachment: fixed; background-position:0 -200px}
		.bg3 { background:url('/common/img/sub_vi3.jpg') no-repeat bottom; background-size:cover; background-attachment: fixed;   }
		.bg4 { background:url('/common/img/sub_vi4.jpg') no-repeat right; background-size:cover; background-attachment: fixed; background-position:0 -200px}
		.bg5 { background:url('/common/img/sub_vi5.jpg') no-repeat right; background-size:cover; background-attachment: fixed; background-position:0 -200px}
		.bg6 { background:url('/common/img/sub_vi6.jpg') no-repeat right; background-size:cover; background-attachment: fixed; background-position:0 -200px}
}

  @media all and (min-width:1500px) {
		.bg3 { background-size:100%;  background-position:0 -50px;   }


}



 @media all and (max-width:1100px) {
    
  
	.sub_in {box-sizing:border-box; width:100%;   }
	.content {margin-top:250px; padding-bottom:50px}

	.sub_vi {width:100%; height:250px;  }
	.sub_vi div.t {top:50%}
	.sub_vi h2.t1 {color:#fff; font-size:1.5rem; }
	.sub_vi h2.t2 {color:#fff; font-size:1em;  }


	.sub_vi {   background:url('/common/img/bg.png') no-repeat center; background-size:cover;    }
	.bg1 { background:url('/common/img/sub_vi1.jpg') no-repeat center; background-size:cover;   }
	.bg2 { background:url('/common/img/sub_vi2.jpg') no-repeat center; background-size:cover;   }
	.bg3 { background:url('/common/img/sub_vi3.jpg') no-repeat center; background-size:cover;    }
	.bg4 { background:url('/common/img/sub_vi4.jpg') no-repeat center; background-size:cover;   }
	.bg5 { background:url('/common/img/sub_vi5.jpg') no-repeat center; background-size:cover; }
	.bg6 { background:url('/common/img/sub_vi6.jpg') no-repeat center; background-size:cover; }



 
  }

 @media all and (max-width:800px) {

    .content {padding-bottom:50px; }
    .in { padding-top:50px; font-size:1rem;   }

   .sub_menu ul { justify-content:flex-start; background-color:#fff; padding-left:2vw; box-sizing:border-box;    }
   .sub_menu li {font-size:1rem; border:none;}
   .sub_menu li:last-child {border-right:none}
   .sub_menu li a  {line-height:40px;  padding:0; padding-left:2vw}
   .sub_menu li a:last-child {padding-right:10px; }
   .sub_menu li.ov {background-color:#fff}
   .sub_menu li.ov a {color:#333 !important; font-weight:600}

   h2.guide  {font-size:5.5vw;  margin:50px 0 20px 0;  }
   h2.guide2  {font-size:5.3vw;  margin:0 0 20px 0;  }
   .basic_t {font-size:0.95em; color:#333; }

}



/*----------컨텐츠----------------------*/


.center_intro {width:100%;  display:flex; justify-content:space-between; align-items:flex-start }
.center_intro_img {width:25%; text-align:right}
.center_intro_img img {width:100%; margin-bottom:15px; border-radius:10px}
.center_intro_img  span {font-family: 'InkLipquid'; font-size:2.2rem; }
.center_intro_t {width:70%;   }
 
.center_intro_t .t1 {display:block; margin-bottom:3px}

 
@media all and (max-width:800px) {
	.center_intro {  display:block;   }
	 
	.center_intro_img {width:60%; margin-left:20%; text-align:Center;   }
	.center_intro_t {width:100%;  margin-top:30px    }
 
}


/*비전*/

 
.vision_box p.tit { width:100%;  color:#333; font-size:1.4em; font-weight:700;  letter-spacing:-1px}
.vision_box p.tit span {font-size:0.8em; font-weight:600; font-family: 'Montserrat', sans-serif; color:#005a96; line-height:1; letter-spacing:0; display:block; margin-top:5px;}
.vision_box_type1 p.tit span.kr_t {font-size:1.15rem; line-height:1.3; font-weight:500; margin-top:10px; font-family: Pretendard;  }

  
 .vision_box .t ul li {padding:1px 0; box-sizing:border-box;   width:100%;  }

span.t_bg_color { color:#005a96; /* text-decoration:underline */ font-weight:700}
 
.vision_box_type1 {background:url('/common/img/vision_box_type1_img.jpg') no-repeat center; background-size:cover; position:relative;  margin-bottom:40px} 
.vision_box_type1 div {padding:50px 5%; box-sizing:border-box;  text-align:center; background:rgba(0,0,0,.4);  }
.vision_box_type1 div:after {content:''; width:100%; height:100%; left:0; top:0;position:absolute; display:inline-block; border:10px solid rgba(255,255,255,.15); box-sizing:border-box}
.vision_box_type1 p.tit {color:#fff; text-align:center; line-height:1.2; font-size:2rem }
.vision_box_type1 p.tit span {color:#fff;  }
.vision_box_type1 .t {width:auto; padding-top:20px; color:#fff; font-size:1.15em }


.vision_box_type2 {width:100%; display:flex; align-items:flex-start;  justify-content:space-between;  }
.vision_box_type2 p.tit {width:200px; }
.vision_box_type2 p.tit span { display:none;  }
.vision_box_type2 .box {width:calc(100% - 260px);  }

.vision_box_type3 {width:100%;  display:inlne-lbock;  }
.vision_box_type3 .bg_box {padding:20px; margin-top:15px; background-color:#f7f7f7;}
.vision_box_type3 .box { margin-top:15px;  }
.vision_box_type3 p.tit span { display:none;  }

@media all and (max-width:1100px) {

	.vision_box_type2 {display:block}
	.vision_box_type2 p.tit {width:100%; }
     .vision_box_type2 .box {width:100%;   margin-top:15px; }

}
 @media all and (max-width:800px) {
    .vision_box p.tit {font-size:1.5em}
   .vision_box p.tit span {display:none}
   .vision_box_type1 p.tit span.kr_t {display:block; font-size:1.1rem   }

  .vision_box_type1 .t {  padding-top:10px;    }
 


}

/*조직도*/
.organization {position:relative;  }
.organization_p_wrap {display:flex; flex-wrap:wrap;  }
.organization_p { color:#333; background-color:#fff;    box-sizing:border-box;   overflow:hidden;  line-height:0; margin-bottom:20px; z-index:99}

.organization_p .img {width:100%; padding-bottom:100%; position:relative;  margin-bottom:10px;border-bottom:4px solid #094b7a;overflow:hidden}
.organization_p img {width:100%; position:absolute; left:0; top:0;   }
.organization_p p {line-height:1.3; font-size:.93em;   }
 
.organization_p  b {color:#333; font-size:1.23em;  letter-spacing:-.5px; font-weight:600;  }

.organization_p_wrap.type2 {align-items:center}

 

 @media all and (min-width:800px) {
 	.organization_p {width:24%; margin-right:1.3%;  }
 	.organization_p:nth-child(4n) {margin-right:0}
   .organization_p_wrap.type2 div:last-child { width:73%; margin-left:auto }

 
 }
  @media all and (max-width:800px) {
		.organization_p {width:32%;  margin-bottom:20px; margin-right:2% }
		.organization_p:nth-child(3n) {margin-right:0}

		.organization_p_wrap.top_type { margin-bottom:20px; justify-content:space-between;  }
		.organization_p_wrap.top_type .organization_p {margin:0}
		.organization_p_wrap.top_type p { height:auto; padding-bottom:10px}
		.organization_p_wrap.top_type .organization_p  b  {display:inline-block}
    .organization_p_wrap.type2 div:last-child { width:65%; margin-left:auto }


 }


/*어바웃 조직도*/

.about4 {}
.about4 .top_box  {width:50%; max-width:300px;  background-color:#005a96;  color:#fff; line-height:1.3; padding:25px 20px; position:relative;  box-sizing:border-box; text-align:center; font-size:1.1rem; margin:0 auto; margin-bottom:20px; z-index:99}
.about4 .top_box:after {
content: '';
    width: calc(100% - 12px);
    height: calc(100% - 14px);
    display: inline-block;
    border:2px solid rgba(255,255,255,.5);
     position: absolute;
    top: 6px;
    left: 6px;
    box-sizing: border-box;
}


.about4 .top_box b {color:#fff; font-size:1.2em}
.about4 .box_wrap  {position:relative; width:100%; margin-top:40px; padding-top:30px; display:flex; justify-content:space-between; flex-wrap:wrap}
.about4 .box_wrap div  {width:24%; background-color:#fff; position:relative; z-index:99 }
.about4 .box_wrap div h3  {font-size:1.2em; font-weight:600; padding:10px 0; color:#fff;  margin-bottom:0  }
.about4 .box_wrap .x_line {width:75%; height:1px; background-color:#cccccc; position:absolute; top:0; left:12.5%}
.about4 .box_wrap .y_line {width:1px; height:300px; background-color:#cccccc; position:absolute; top:0; }
.about4 .box_wrap table td {font-size:.95em}
 


.about4 .box_wrap div:nth-child(1) h3 {background-color:#f1844b; }
.about4 .box_wrap div:nth-child(2) h3 {background-color:#7a69ad; }
.about4 .box_wrap div:nth-child(3) h3 {background-color:#92a923; }
.about4 .box_wrap div:nth-child(4) h3 {background-color:#1ba29e; }

.about4 .last_table {width:auto; margin-left:auto; margin-top:20px}

@media all and (min-width:800px) {
  .m_line {display:none}
}

 @media all and (max-width:800px) {
		.about4 .top_box  {width:100%; }
		.about4 .top_box  {font-size:1em}
		.about4 .top_box b {  font-size:1.2em}

		.about4 .box_wrap {margin-top:0; padding-top:20px}
		.about4 .box_wrap div  {width:100%; }
        .about4 .box_wrap div h3 {font-size:1.1em}

		.about4 .box_wrap .x_line {width:50%; left:25%}
		.about4 .last_table {width:100%}



 }

.history_img { margin-right:100px; font-size:4.5rem; line-height:.8; font-weight:800; color:#999;  font-family: 'Montserrat', sans-serif; opacity:.2; }
.history {display:flex; flex-wrap:wrap; }
.history p.year {width:180px; font-size:2.7rem;  line-height:.8; font-weight:700;  padding-top:45px;  font-family: 'Montserrat', sans-serif; color:#005a96}
.history ul {width:calc(100% - 200px); position:relative; padding:40px 0}
.history ul li {width:100%; display:flex; margin-bottom:7px; position:relative;  z-index:99 ; padding-left:40px; box-sizing:border-box;}
.history ul li:after {content:' '; position:absolute; top:3px; left:0; width:18px; height:18px;  border:5px solid #005a96; box-sizing:border-box; border-radius:50%; background-color:#fff} 
.history ul li.c_none:after{content:none;}
.history ul li span.day {width:80px; color:#333; font-weight:600}
.history ul li p {width:calc(100% - 80px);  }
 
.history ul:after {content:''; position:absolute; left:8px; top:0; width:1px; height:100%; background-color:#005a96; opacity:.4}

 @media all and (max-width:800px) {
.history_img {display:none}
.history {margin-top:-20px}
.history p.year {width:100%; padding-top:0; font-size:2rem; background-color:#fff; padding:20px 0}
.history ul {width:100%; position:relative; padding:25px 0}
 

}

/*오시는길*/

.map_box {width:100%; display:flex; }
.map_box iframe {width:60%}
.map_box div.map_info {background-color:#f9f9f9;  box-sizing:border-box;  padding:100px 30px; width:40%  }
.map_box div.map_info b {font-size:1.1em; font-weight:600; width:100%; display:inline-block; padding-bottom:5px;  }

 @media all and (max-width:800px) {
	.map_box {display:block }
	 .map_box iframe {width:100%; height:200px}
	.map_box div.map_info {width:100%; padding:0; margin-top:20px; background-color:#fff }
	.map_box div.map_info span.s_line {display:none}

}



/**/ 


 
 
@media all and (max-width:800px) {
	.center4 ul.flex_ul { justify-content:space-between;  align-items:stretch; margin-bottom:-5px }
	.center4 ul.flex_ul li {width:49.5%; }
	.center4  ul.flex_ul li:last-child {margin-bottom:5px}
}

/*교수개발 프로그램*/

.ul_box {width:100%; display:flex; background-color:#f9f9f9;  box-sizing:border-box; padding:20px }
.ul_box ul  {width:50%;  }
.ul_box ul li {width:100%}

@media all and (max-width:800px) {
.ul_box ul  {width:100%;  }

}

/*로그인*/

.login_box {width:90%; max-width:400px;  margin:0 auto; }
.login_box input {font-size:0.90em; color: #555; height:45px; border:none; background-color:#f1f1f1; margin-bottom:15px; text-indent: 10px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
.login_box input::placeholder {color:#999}

.login_box a.login_btn {width:100%; background-color:#3557c9; display:inline-block; color:#fff; text-align:center; line-height:45px; }

.login_box ul {width:100%; text-align:center; padding-top:20px}
.login_box ul li {display:inline-block; font-size:0.9rem; color:#666; padding:0 10px}
.login_box p {font-size:1.05rem; color:#222; line-height:1.3; padding-bottom:10px}
.login_box p  b {color:#3557c9; font-size:1.1em; font-weight:600}


/**/

.box_list {width:100%; flex-wrap:wrap; display:flex; justify-content:space-between}
.box_list > li {width:33.33333%; border:1px solid #094b7a; border-right:none;  box-sizing:border-box; padding:15px;  }
.box_list  > li:last-child {border-right:1px solid #094b7a}
.box_list  > li div {background-color:#094b7a ; border-radius:5px;  padding:10px 0; margin-bottom:10px; color:#fff; text-align:center; width:100%; display:inline-block; font-size:1.1em; font-weight:600}
 
@media all and (max-width:800px) {
	.box_list >  li {width:100%;  margin-top:-1px; border-right:1px solid #094b7a  }


}
/*일정추가*/




#sub_schedule select {font-size:.95rem; color:#333; padding:0 3px; border:1px solid #ddd; height:33px}


#sub_schedule .pop_wrap h4 {margin-bottom:0}
#sub_schedule .pop_wrap  ul {width:100%; display:inline-block; margin-top:10px; margin-bottom:-10px; }
#sub_schedule .pop_wrap  ul li {width:100%; display:flex;   align-items:flex-start; margin-bottom:11px; }
#sub_schedule .pop_wrap  ul li div {width:calc(100% - 25px); margin-left:auto}
#sub_schedule .pop_wrap  ul li div p {display:block; font-weight:500; width:100%; line-height:1.3; font-size:1.1rem  }
#sub_schedule .pop_wrap  ul li div a.link_btn {background-color:#fff; color:#555 !important; border:1px solid #555; display:inline-block; padding:0 10px; font-size:.9rem; line-height:25px; border-radius:3px; margin-top:1px; }


#sub_schedule .pop_wrap  ul li:before {content:''; width:16px; height:16px; border-radius:50%;  margin-top:3px;  display:inline-block; box-sizing:border-box }

#sub_schedule .pop_wrap  ul li.t_color1:before {border:3px solid #f1844b;   }
#sub_schedule .pop_wrap  ul li.t_color2:before {border:3px solid #7a69ad;   }
#sub_schedule .pop_wrap  ul li.t_color3:before {border:3px solid #92a923;  }
#sub_schedule .pop_wrap  ul li.t_color4:before {border:3px solid #1ba29e;  } 
#sub_schedule .pop_wrap  ul li.t_color5:before {border:3px solid #2478be;  } 


@media (max-width:900px) {
	#sub_schedule .pop_wrap  ul li div p {font-size:1rem; margin-bottom:5px }

}


.color_info { text-align:right;  margin-bottom:-5px}
.color_info span {padding:5px 13px; border-radius:3px; font-size:1rem; font-weight:500; display:inline-block; margin-bottom:5px;}
.color_info span:nth-child(1) {border:1px solid #f1844b;  color:#f1844b;  }
.color_info span:nth-child(2) {border:1px solid #7a69ad; color:#7a69ad;  }
.color_info span:nth-child(3) {border:1px solid #92a923;  color:#92a923; }
.color_info span:nth-child(4) {border:1px solid #1ba29e;  color:#1ba29e; } 
.color_info span:nth-child(5) {border:1px solid #2478be;  color:#2478be; } 


.youtu_list {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between}
.youtu_list li {width:32%; font-size:.97rem; }
.youtu_list li:nth-child(n + 4) {margin-top:15px}
.youtu_list li  b {font-size:1.23em; display:block; margin-bottom:3px; font-weight:600; color:#222}
.youtu_list li img {width:100%;  margin-bottom:5px; border-radius:5px}


@media (max-width:900px) {
	.youtu_list li {width:49%; font-size:.95rem  }
	.youtu_list li:nth-child(n + 3) {margin-top:15px}
	.youtu_list li  b {font-size:1.15em;  }
.color_info {text-align:left}
.color_info span {padding:2px 10px;  font-size:.90rem;  }


}


.center4_6_vision {width:100%; margin:0 auto; max-width:1000px;  }
.center4_6_vision ul {width:100%; margin-top:5px;  display:flex; justify-content:space-between }
.center4_6_vision ul li {width:31.5%; position:relative;  text-align:center}
.center4_6_vision ul li:after {content:'+'; position:absolute; right:-25px; top:80px; color:#ddd; font-size:7em; line-height:0;  width:50px; font-weight:200}
.center4_6_vision ul li:last-child:after {content:''}
.center4_6_vision ul li p {padding:17px; letter-spacing:-.5px; box-sizing:border-box; width:100%;  margin-top:17px; background-color:#f7f7f7; border-radius:5px; color:#333; font-weight:500; font-size:1.1em; line-height:1.3 }

.center4_6_vision div.one {width:185px; box-sizing:border-box; margin:0 auto; background-color:#2478be; color:#fff; border-radius:50%; padding-bottom:185px;   position:relative;  }
.center4_6_vision div.one span {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); letter-spacing:-.5px;  font-size:1.3em; line-height:1.3; font-weight:600; white-space:nowrap;}

.center4_6_vision div.one:after {position:absolute; width:100%; height:100%; border:7px solid rgba(255,255,255,.2); left:0; top:0; content:''; border-radius:50%; box-sizing:border-box}


@media (max-width:900px) {
 
	.center4_6_vision ul li div.one {width:170px;  margin:0;  border-radius:0; display:flex; align-items:center; justify-content:center; padding-bottom:0  }
	.center4_6_vision ul li  div.one span {position:static; font-size:1.15em; transform: translate(0, 0);  }
	.center4_6_vision ul li  div.one:after {display:none}
	 

	.center4_6_vision div.one.top_one {width:170px; padding-bottom:170px;}

	.center4_6_vision ul {flex-wrap:wrap; }
	.center4_6_vision ul li {width:100%; display:flex; border-radius:10px; overflow:hidden; margin-bottom:10px;}
	.center4_6_vision ul li:last-child {margin-bottom:0}
	.center4_6_vision ul li:nth-child(1) {border:1px solid #f1844b}
	.center4_6_vision ul li:nth-child(2) {border:1px solid #7a69ad}
	.center4_6_vision ul li:nth-child(3) {border:1px solid #92a923}


	.center4_6_vision ul li:after {display:none}
	.center4_6_vision ul li p {padding:15px 15px; display:flex; align-items:center; background-color:#fff; text-align:left; font-size:1.05em; width:calc(100% - 170px);  margin-top:0; font-weight:400; }

}


.etc_text {font-size:.97em}
.etc_text b {font-size:1.1em; font-weight:600; display:block; margin-bottom:5px}