@charset "utf-8";

/*본부장 인사말씀*/
@media only screen and (min-width:1023px) {
    .major-intro_c .m_bgimg{margin-top: 20px;}
    .major-intro_c .m_bgimg img{width: 100%;}

}
@media only screen and (min-width:681px) {
	.major-intro_c .m_txt .m_tit{background:url(/images/common/major/sub/mintroc_logo2.png) no-repeat center top; background-size:70% auto;}
    .major-intro_c .m_txt p{padding-left:70px;}
}

.sub01_01 .major-intro_c .m_txt{width: 44%;}

@media (max-width:1199px) {
.major-intro_c .m_txt .m_tit{height:220px;}
}
@media (max-width:999px) {
.major-intro_c .m_txt .m_tit{height: 215px;}
.major-intro_c .m_txt p{padding-left: 40px;}
}
@media (max-width:810px) {
.major-intro_c .m_txt .m_tit {height: 170px;}
}
@media (max-width:680px) {
.major-intro_c .m_txt .m_tit {height: 215px;}
.sub01_01 .major-intro_c .m_txt{width: 95%; }
.major-intro_c .m_txt p{padding-left: 0px;}
}

/*교수법특강, 신교육기법활용*/
.id_sub_020201 .ui.uip.type2 li { width:40%; }


.id_sub_020201 .ui.uip.type2 li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -22px;
    left: 50%;
    margin-left: -7px;
    width: 15px;
    height: 8px;
    background: url(/images/pro_center/common/ui_icon.png) no-repeat -315px 0;
	z-index:99;
}

@media (min-width: 640px) { 

.id_sub_020201 .ui.uip.type2 li:after {
    display: block;
    top: 70px;
    left: auto;
    right: 22%;
    margin: 0;
    width: 8px;
    height: 15px;
    background-position: -284px 0;
}
}
.id_sub_020201 .ui.uip.type2 li:nth-child(2):after { background:none; }
.id_sub_020201 .ui.uip.type2 li .circle { float:left; }
.id_sub_020201 .ui.uip.type2 li .f_right {  width:49%; float:left; }
.id_sub_020201 .ui.uip.type2:after { display:block; content:""; clear:both; }

@media (max-width: 767px) { 
.id_sub_020201 .ui.uip.type2 li { width:48%; border:none; }


}
@media (max-width: 640px) {
.id_sub_020201 .ui.uip.type2 li { width:100%; margin-bottom:30px; padding: 25px;  border: 1px solid #ddd; min-height: 100px; }
.id_sub_020201 .ui.uip.type2 li .circle { float:none; }
.id_sub_020201 .ui.uip.type2 li .f_right {  width:auto; float:none; }
}
/*티칭커뮤니티*/
.id_sub_02020201 .ui.uip.type2 li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -22px;
    left: 50%;
    margin-left: -7px;
    width: 15px;
    height: 8px;
    background: url(/images/pro_center/common/ui_icon.png) no-repeat -315px 0;
	z-index:99;
}
@media (min-width: 640px) { 

.id_sub_02020201 .ui.uip.type2 li:after {
    display: block;
    top: 70px;
    left: auto;
    right: 0%;
    margin: 0;
    width: 8px;
    height: 15px;
    background-position: -284px 0; }
}
.id_sub_02020201 .ui.uip.type2 li:nth-child(4):after { background:none; }
@media (max-width: 767px) { 
.id_sub_02020201 .ui.uip.type2 li { min-height:277px; }
.id_sub_02020201 .ui.uip.type2 li:after  { background:none; }
}
/*강의클리닉*/
.id_sub_02020301 .ui.uip.type2 li { width:20%; }
.id_sub_02020301 .ui.uip.type2 li:after {  content: ""; display: block;  position: absolute;  bottom: -22px;  left: 50%;  margin-left: -7px;   width: 15px;  height: 8px;  background: url(/images/pro_center/common/ui_icon.png) no-repeat -315px 0;	z-index:99;
}
@media (min-width: 640px) { 

.id_sub_02020301 .ui.uip.type2 li:after { display: block;  top: 70px; left: auto; right: 0%; margin: 0;  width: 8px;  height: 15px;  background-position: -284px 0;} 
}
.id_sub_02020301 .ui.uip.type2 li:nth-child(5):after { background:none; }
@media (max-width: 767px) { 
.id_sub_02020301 .ui.uip.type2 li { width:48%; }
.id_sub_02020301 .ui.uip.type2 li { min-height:337px; }
.id_sub_02020301 .ui.uip.type2 li:after  { background:none; }
}

/*교수법 가이드북*/
.sub02_02_05.ui.uic .box_col .col .item .thm_figure img{width: 100%}



/*학습법특강, 세명튜터링*/
.thi .ui.uip.type2 li:nth-child(3):after { background:none; }



/*프레젠테이션경진대회*/
.six .ui.uip.type2 li:after { content: "";  display: block;  position: absolute;  bottom: -22px;  left: 50%; margin-left: -7px; width: 15px;  height: 8px;  background: url(/images/pro_center/common/ui_icon.png) no-repeat -315px 0;z-index:99; }

.six .ui.uip.type2 li:nth-child(6):after { background:none; }
.six .ui.uip.type2 li { width:16%; }

@media (min-width: 640px) { 

.six .ui.uip.type2 li:after { display: block;  top: 70px; left: auto;  right: 0%; margin: 0; width: 8px; height: 15px;  background-position: -284px 0; }
}

@media (max-width: 767px) { 
.six .ui.uip.type2 li { width:48%; }
.six .ui.uip.type2 li { min-height:337px; }
.six .ui.uip.type2 li:after  { background:none; }
}


.sub01_02 .orga_wrap .ty li {margin-bottom: 20px;}



/*교수학습센터 수정사항*/
.sub0203_one.ui.uit.type1 .inner .tp_icon { width:263px; height:165px; }


.ui.uip.type3 { padding-right:0px; }
.ui.uip.type3.sub0203_two.twtwo { padding-right:18px; }
.ui.uip.type3.sub0203_three { padding-right:18px; }
.ui.uip.type3.sub0203_three.sub0203_four {padding-right:0px; }

.sub0203_two.ui.uip.type3 li b.co_w { color:#fff; }
.sub0203_three.ui.uip.type3 li b.co_w { color:#fff; }
.sub0203_two.ui.uip.type3 li { border:1px solid #bcc5d2; }
.sub0203_three.ui.uip.type3 li { border:1px solid #bcc5d2; }
.sub0203_two.ui.uip.type3 li:nth-child(2) { border-left:0; }

.ui.uip.type3.sub0203_two.twtwo li:nth-child(4) { border-top:0; }
.ui.uip.type3.sub0203_two.twtwo li:nth-child(5) { border-left:0; border-top:0; }

.sub0203_three.ui.uip.type3 li:nth-child(2) { border-left:0; }
.ui.uip.type3 li:nth-child(3) { border-left:0; }
.sub0203_three.ui.uip.type3 li:nth-child(4) { border-left:0; }
.sub0203_three.ui.uip.type3 li.last_child { border-top:0; }

.l_color{ color:#e63e3e; }
.sub0203_two.ui.uip.type3 li { min-height: 123px; }
.sub0203_two.ui.uip.type3.mhau li { padding:30px 0; min-height: auto; }
.sub0203_three.sub0203_four.ui.uip.type3 li { min-height:123px;   }
/* 2021 3 22 pac 
.sub0203_three.ui.uip.type3 li { min-height:105px; }
*/
.sub0203_three.ui.uip.type3 li { min-height:64px; }
/*.sub0203_two.ui.uip.type3.mhau li { min-height:auto;   }*/
.sub0203_three.ui.uip.type3.fofour li:nth-child(5) { border-top:0; }
.sub0203_three.ui.uip.type3.fofour li:nth-child(6) { border-left:0; }

.sub0203_four.ui.uip.type3 li:nth-child(4) { border-top:1px solid #bcc5d2; }

@media only screen and (min-width: 768px) {
.sub0203_one.ui.uit.type1 .inner { padding-right:360px; }
.sub0203_two.ui.uip.type3 li {  width:33.3%; } 
.sub0203_two.ui.uip.type3.mhau li { width:50%; }
.sub0203_one.ui.uit.type1 { background: #f1f3f6 url(/images/pro_center/sub02/sub02_03_01_01_bg2.png) no-repeat right center; }
.sub0203_one.ui.uit.type1.pb50 { padding-bottom:50px; }
.sub0203_one.ui.uit.type1 .inner .tp_icon  { top:30px; right:55px; }
.sub0203_one.sub_two.ui.uit.type1 .inner .tp_icon, .sub0203_one.ui.uit.type1 .inner .tp_icon.ico3 { top:58px;}
 .sub0203_one.ui.uit.type1 .inner .tp_icon.ico11 { top:65px; }
.sub0203_one.ui.uit.type1 .inner .tp_icon.ico2 {top:54px; }
.sub0203_one.ui.uit.type1 .inner .tp_icon.ico4 {top:43px; }
.sub0203_one.ui.uit.type1 .inner .tp_icon.ico5 {top:75px; }
.sub0203_one.ui.uit.type1 .inner .tp_icon.ico6 {top:95px; }
.sub0203_one.ui.uit.type1 .inner .tp_icon.ico9 {top:47px; }
}

@media (max-width: 1000px) {
.sub0203_three.sub0203_four.ui.uip.type3 li { min-height:163px;   }
.sub0203_two.sub0203_four.ui.uip.type3.fifive li { min-height:145px;   }
}
@media (max-width: 768px) {
.sub0203_one.ui.uit.type1 .inner .tp_icon.ico2 { top: 27%; }
.sub0203_one.ui.uit.type1 .inner .tp_icon.ico9 { top: 56px; }
.sub0203_one.ui.uit.type1 .inner .tp_icon.ico11 { top: 30%; }
.sub0203_one.sub_two.ui.uit.type1 .inner .tp_icon, .sub0203_one.ui.uit.type1 .inner .tp_icon.ico3 { top:35%;}
} 

@media (max-width: 767px) {
.sub0203_three.ui.uip.type3 li:nth-child(4) { border-top:none;}
.sub0203_three.ui.uip.type3 li.last_child { border-left:0; }
.sub0203_three.ui.uip.type3.fofour li:nth-child(5) { border-left:1px solid #bcc5d2; }
.ui.uip.type3 li { width:50%; }
.ui.uip.type3.sub0203_two.twtwo  { padding-right:0; }
.ui.uip.type3.sub0203_three { padding-right:0; }
.ui.uip.type3 li:nth-child(2):after { background:none; }
.ui.uip.type3 li:nth-child(4):after { background:none; }
.ui.uip.type3 li:nth-child(3) { border-left:1px solid #bcc5d2;  }
.sub0203_two.sub0203_four.ui.uip.type3.fifive li { min-height:163px;   }
.ui.uip.type3.sub0203_two.twtwo li:nth-child(4) { border-left:0; } 
.ui.uip.type3.sub0203_two.twtwo li:nth-child(5) { border-left:1px solid #bcc5d2;  }
}


@media (max-width: 640px) {
.sub0203_two.ui.uip.type3 li:nth-child(3) { border-left:1px solid #bcc5d2; border-top:none;  }  
.ui.uip.type3.sub0203_two.twtwo li:nth-child(5) { border-left:0; } 
.sub0203_three.ui.uip.type3 li:nth-child(3) { border-left:1px solid #bcc5d2; border-top:none;}

.sub0203_three.ui.uip.type3 li.last_child { border-left:1px solid #bcc5d2; }
.sub0203_three.ui.uip.type3.fofour li:nth-child(5) { border-left:1px solid #bcc5d2; }

.sub0203_three.sub0203_four.ui.uip.type3 li:nth-child(4) { border-left:none; }
.sub0203_two.sub0203_four.ui.uip.type3.fifive li:nth-child(5) { border-left:1px solid #bcc5d2; }
.sub0203_two.ui.uip.type3.mhau li:nth-child(2) { border-left:1px solid #bcc5d2; }
.ui.uip.type3 li { width:100%; }
.ui.uip.type3 li:after {  bottom: -29px;  right: 49%;  transform: rotate(90deg); }

.sub0203_two.ui.uip.type3 li:nth-child(2) { border-left:1px solid #bcc5d2; border-top:none;  }

.sub0203_three.ui.uip.type3 li:nth-child(4) { border-left:1px solid #bcc5d2;  }
.sub0203_three.ui.uip.type3 li:nth-child(2) { border-left:1px solid #bcc5d2; border-top:none; }
.sub0203_three.ui.uip.type3.fofour li:nth-child(6) { border-left:1px solid #bcc5d2; }
.sub0203_three.sub0203_four.ui.uip.type3 li { min-height:123px;   }
.sub0203_two.sub0203_four.ui.uip.type3.fifive li { min-height:123px;   }
.sub0203_three.sub0203_four.ui.uip.type3 li:nth-child(4) {border-left:1px solid #bcc5d2; }
.ui.uip.type3.sub0203_two.twtwo li:nth-child(4) { border-left:1px solid #bcc5d2; }
.ui.uip.type3.sub0203_two.twtwo li:nth-child(5) { border-left:1px solid #bcc5d2; }
}
/*
@media (max-width: 480px) {
.sub0203_two.ui.uip.type3 li:nth-child(2) { border-left:1px solid #bcc5d2; border-top:none;  }

.sub0203_three.ui.uip.type3 li:nth-child(4) { border-left:1px solid #bcc5d2;  }
.sub0203_three.ui.uip.type3 li:nth-child(2) { border-left:1px solid #bcc5d2; border-top:none; }
.sub0203_three.ui.uip.type3.fofour li:nth-child(6) { border-left:1px solid #bcc5d2; }
.sub0203_three.sub0203_four.ui.uip.type3 li { min-height:123px;   }
.sub0203_two.sub0203_four.ui.uip.type3.fifive li { min-height:123px;   }
.sub0203_three.sub0203_four.ui.uip.type3 li:nth-child(4) {border-left:1px solid #bcc5d2; }
.ui.uip.type3.sub0203_two.twtwo li:nth-child(4) { border-left:1px solid #bcc5d2; }
.ui.uip.type3.sub0203_two.twtwo li:nth-child(5) { border-left:1px solid #bcc5d2; }

}*/
/*업무소개 수정사항*/
.org .lv1 { width:200px; }
.org2 > li:before { bottom:168px; }

.org .lv2 .group > li > p:before { left:51.7%; }
.org .lv2 .group > li > p .t2 { text-align:left; }
.org .lv2 .group > li > p .t2 em {  padding-left:13px; }

@media (min-width: 769px) {
.org2 .lv2_22 { margin-left: 60%; } 
.org2 .lv2_22:before { margin-left:0; left:55%; width:5%; } 
.org .lv2 .group > li { width:23%; }
.org .group:before { left: 13%;  width: 75%;}
.org2 .sub_part_ul:before { left:50%; top:85px; width:5%; height:1px; }
.org2 li.sub_part:before { left:55%; top:20px; width:1px; height:130px; }
}

@media (max-width: 768px) {
.org .lv0:before, .org .lv1:before { width:30%; top:30px; left:10%; }
.org .lv2 .group > li > p:before { left: -3.7%; }
}

/*센터장인사말*/
#sub01_01 .ui-major-intro .intro-txt p{width:90%;}

@media(min-width:601px){
	.ui-major-intro .intro-img .majorInfo{padding-left: 65%;}
	.ui-major-intro .intro-img .majorInfo .tit span{display: block;}
}
@media(min-width:811px){
	.ui-major-intro .intro-txt{width: 50%;background-size: 30%;}
	.ui-major-intro .intro-txt .m_txt{margin-top: 130px;}
	.ui-major-intro .intro-txt .vi_bg1{top: 145px;}
	.ui-major-intro .intro-img{width: 50%;}
	.ui-major-intro .intro-img .majorInfo .tit{width: auto}
}

@media(min-width:1200px){
.ui-major-intro .intro-txt{width: 55%;}
.ui-major-intro .intro-txt .m_txt{width: 88%;}

.ui-major-intro .intro-img{width: 40%;}
.ui-major-intro .intro-img .majorInfo{margin-top: 140px;padding-left: 60%;}
.ui-major-intro .intro-img .majorInfo:before{left: 57%;}
.ui-major-intro .intro-img .majorInfo .tit{width: auto;}
}

@media(max-width:810px){
	.ui-major-intro .intro-img{height: 420px;}
	.ui-major-intro .intro-img .intro-box{width: 65%}
}

@media(max-width:600px){
	.ui-major-intro .intro-img .intro-box,.ui-major-intro .intro-img .intro-innerbox{height: 340px;}
	.ui-major-intro .intro-img .majorInfo{margin-top: 20px;text-align: center;}
	.ui-major-intro .intro-img .intro-box{width: 80%;}

}
/**/
.per_bot { text-align:right; font-size:16px; }
.per_bot span { font-size:20px; }
.sub01_02 .orga_wrap .ty li .orga_ui { position:relative; z-index:99; line-height:23px; margin:0 auto; padding-top:125px; display:block; width:210px; height:210px; background:url(/images/pro_center/sub01/orga_03.png) center top no-repeat; font-size:17px; font-weight:bold; text-align:center; }
.sub01_02 .orga_wrap .ty li { padding:0;  border:none; }
.sub01_02 .orga_wrap .ty li .orga_ui.two {  background:url(/images/pro_center/sub01/orga_05.png) center top no-repeat; }
.sub01_02 .orga_wrap .ty li .orga_ui.three {  background:url(/images/pro_center/sub01/orga_07.png) center top no-repeat; }
.sub01_02 .orga_wrap .ty li .orga_ui.four {  background:url(/images/pro_center/sub01/orga_09.png) center top no-repeat; }
.sub01_02 .orga_wrap .ty:after { content: ""; display: block; position: absolute; z-index: 1; top: 105px; left: 5%; width: 90%; height: 1px; border-top: 1px dashed #ababab; visibility: visible; }
.sub01_02 .orga_wrap .ty li .f_no li { border:none; float:none;  width:230px;  margin: 3px 0; padding:0;  padding-left:11px; text-align:left; min-height: auto;}
.sub01_02 .orga_wrap .ty li .f_no { width:270px;  border:1px solid #ccc; margin:0 auto; padding:30px; margin-top:43px; }
.sub01_02 .orga_wrap .ty li .f_no:after {  content: ""; display: block; position: absolute;  z-index: 1; top: 209px; left: 50%;  width: 1px; height: 45px;  border-left: 1px solid #ccc; visibility: visible; }
.sub01_02 .orga_wrap .ty li:after { background:none; }
.sub01_02 .orga_wrap .ty li .f_no li:after { background:none; }

.ui-major-intro .intro-img .majorInfo .tit span.in_blo { display:block; font-size:18px; }
.ui-major-intro .intro-img .majorInfo .tit span.ls { letter-spacing:-1px; }



@media only screen and (max-width: 1300px) {
.sub0203_three.ui.uip.type3.sssix li {  min-height: 127px; }
}

@media only screen and (max-width: 1024px) {
.sub01_02 .orga_wrap .ty li { width:48%; margin-bottom:13px; }
.sub01_02 .orga_wrap .ty:after { border-top:none; }

}
@media only screen and (max-width: 640px) {
.sub01_02 .orga_wrap .ty li { width:auto; }

}
@media only screen and (max-width: 600px) {
 .ui-major-intro .intro-img .majorInfo .tit span.in_blo { display:inline; }   
}
.id_sub_0201.ui-major-intro .intro-img .majorInfo .tit { letter-spacing:-1px; }
.ui-major-intro .intro-img .majorInfo .tit.ff16 { font-size:15px; }
.ui-major-intro .intro-img .majorInfo .tit { font-size:17px; }

/*신설페이지*/
.some_binding.ano { height:320px; }
.some_binding.ano .tit_inner { line-height:25px; }
.some_binding.ano .tit_inner.le { letter-spacing: -1px; } 
.some_binding.ano:nth-child(2n) { float:right; }
.ui.uib.type2.some_binding.ano  .uibodo .thm_figure { width:47%; }
.ui.uib.type2.some_binding.ano .uibodo .thm_caption { width:51%; }

.ui.uilnk.gongmo .box_col .col .item { height:288px; }
.ui.uilnk.type1.gongmo .box_col .col .bico .ico { width:auto; height:auto;  background:none; }
h2.mt_40 { margin-top:40px; }
@media only screen and (max-width: 860px) {
.some_binding.ano { float:none; width:100%; height:100%; margin:20px 0; }
.ui.uib.type2.some_binding.ano  .uibodo .thm_figure { float:none; width:100%; }
.ui.uib.type2.some_binding.ano .uibodo .thm_caption { float:none; width:100%;}
}

#remote {position: relative; z-index: 90; width: 100%; height: 0; margin-top: -57px; padding-right: 60px;}