@charset "utf-8";

/*상담소 소개*/
.major-intro_b .top-box{background: url(/images/stu_lab/sub01/sub01_01_img01.jpg)no-repeat;background-size: 100% 100%;}
.major-intro_b .top-box .inner-bg{padding: 0 20px 0px 20px;}
.major-intro_b .top-box .inner-bg h2{padding: 75px 0 0 0; font-size: 20px;letter-spacing: -1px;}
/* 인사말 */
@media(min-width:601px){
	.ui-major-intro .intro-img .majorInfo{padding-left: 57%;}
	.ui-major-intro .intro-img .majorInfo .tit span{display: block;}
}
@media(min-width:811px){
	.ui-major-intro .intro-txt{width: 50%;background-size: 20%;}
	.ui-major-intro .intro-txt .m_txt{margin-top: 130px;}
	.ui-major-intro .intro-txt .vi_bg1{top: 145px;}
	.ui-major-intro .intro-img .intro-innerbox{padding: 35px 10px 35px 35px;}
	.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{width: 100%;}
.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: 55%;}
.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%;}

}
@media(max-width:600px){
	.ui-major-intro .intro-img .majorInfo .tit span{display: block;}
}

/* sub01_03 */
@media (min-width:769px){
.sub01_03 .org > li:before {bottom: 75px;left: 49.9%;height: 200px;}
.sub01_03 .org .group:before { left: 25.2%; width: 50%;}
.sub01_03 .org .lv2 .group > li {width: 48%;}
.sub01_03 .org .lv2_1{margin: 1%;left: 50%;margin-left: 23%;}
.sub01_03 .org .lv2_1:before {margin-left: 15%; width: 11.9%;top: 20px;height: 1px;}
.sub01_03 .org .lv2 .group > li > ul > .lv3 > p{margin:30px 0 0;}
.sub01_03 .org .lv2_2{margin: 1%;left: 50%;margin-left: 60%;}
.sub01_03 .org .lv2_2:before {margin-left: -10%; width: 10%;top: 20px;height: 1px;}
.sub01_03 .org .lv2_3{margin: 1%;left: 50%;margin-left: 23%;}
.sub01_03 .org .lv2_3:before {margin-left: 15%; width: 11.9%;top: 20px;height: 1px;}
.sub01_03 .org .lv2:before {left: 9.2%; width: 81.6%;}
}



/*sub01_05*/
/*세명대 장점*/
.sub01_05 .ui.uit{background-color:transparent;}
.sub01_05 .ui.uit .inner{padding: 30px 25px 40px;}
.sub01_05 .ui.uit .inner .txtwrap .m-txt em{width:80%;margin:10px 0 0 15px;}
.sub01_05 .ui.uit .inner .txtwrap .m-txt{padding:30px 0;margin:0;border-bottom: 1px solid #ddd;}
.sub01_05 .ui.uit .inner .txtwrap .m-txt:first-child{padding-top:0px;}
.sub01_05 .ui.uit .inner .txtwrap .m-txt:last-child{padding-bottom:0px;border-bottom:0;}
.sub01_05 .ui.uit.mintro_num { border: 1px solid #ddd;}

@media(max-width:767px){
.sub01_05 .ui.uit .inner .txtwrap .m-txt em{width:100%;margin:20px 0px;text-align: center;}
}

/*강점 디자인*/
.sub01_05 .ui.uit.type8 .inner{padding: 0;}
.sub01_05 .ui.uit.type8 .inner .txtwrap .m-txt{float: left;width: 31%; min-height: 240px;padding:40px 40px 30px; margin:0 2% 20px 0; border:1px solid #ddd;background-color:#FBFBFB;}
.sub01_05 .ui.uit.type8.mintro_num{border:0;}

.sub01_05 .ui.uit.type8 .inner .txtwrap .m-txt em,
.sub01_05 .ui.uit.type8 .inner .txtwrap .m-txt p
{display: block;width:100%; text-align: center;}
.sub01_05 .ui.uit.type8 .inner .txtwrap .m-txt em{margin:0 0 10px;font-size:17px;}

.sub01_05 .ui.uit.type8 .inner .txtwrap .num_micon {display: block;float:none; margin: 20px auto;}


.sub01_05 .ui.uit .inner .txtwrap .m-txt em.fntcl_bl{color:#1461AC;}


@media(max-width:767px){
.sub01_05 .ui.uit.type8 .inner .txtwrap .m-txt{height:250px;padding:40px 30px 60px;}
}

@media(max-width:550px){
.sub01_05 .ui.uit.type8 .inner .txtwrap .m-txt{float:none;width:100%; height:auto;margin:0 auto 20px;}    
}

/*sub02_03*/
.sub02_03 h4,.sub02_05 h4{margin: 20px 0 0 0;}


#sub01_06 .ui.uip.type3 li:nth-child(4) {border-bottom:1px solid #bcc5d2 ;}
@media(min-width:480px){

#sub01_06 .ui.uip.type3 li:nth-child(1), 
#sub01_06 .ui.uip.type3 li:nth-child(2), 
#sub01_06 .ui.uip.type3 li:nth-child(3), 
#sub01_06 .ui.uip.type3 li:nth-child(4) {border-bottom:1px solid #bcc5d2 ;}

#sub01_06 .ui.uip.type3 li:nth-child(3){letter-spacing: -1.5px;}

}

/*온라인자가진단*/
.ui.uit.type1.id_sub0206 { background:none; background-color:#f1f3f6; }
.ui.uit.type1.id_sub0206 .inner .tp_icon { display: block;  overflow: hidden;  width: 85px;   height: 85px;  background: url(/images/stu_lab/sub/sub02_06_bg1.png) no-repeat; }
.sub0206.blockcontent { overflow: hidden; }
.ui.uit.type1.id_sub0206.pop_top .inner .tp_icon {  background: url(/images/stu_lab/sub/sub02_06_bg2.png) no-repeat;   }
.sub0206.blockcontent .grap .box { float: left;  width: 50%; overflow: hidden;  border: 10px solid transparent; }
.sub0206.blockcontent .grap .box .style2 { position: relative; height: 160px; overflow: hidden;  border: 1px dashed #b3b3b3; }
.sub0206.blockcontent .grap .box .icon {  float: left;  width: 100px;  height: 100px;   margin: 30px;  -webkit-border-radius: 100%;   border-radius: 100%;  background: #f1f3f6; }
.sub0206.blockcontent .grap .box .icon span { display: block;  width: 60px;  height: 60px;  margin: 20px auto 0; background: url(/images/stu_lab/sub/ico_ir.png) no-repeat; }
.sub0206.blockcontent .grap .box .icon .icon1 {  background-position: 0 0; }
.sub0206.blockcontent .grap .box .icon .icon2 { background-position: -60px 0; } 
.sub0206.blockcontent .grap .box .icon .icon3 { background-position: -120px 0; } 
.sub0206.blockcontent .grap .box .icon .icon4 { background-position: -180px 0; }
.sub0206.blockcontent .grap .box .icon .icon5 { background-position: -240px 0; }
.sub0206.blockcontent .grap .box .icon .icon6 { background-position: 0 -60px; }
.sub0206.blockcontent .grap .box .icon .icon7 { background-position: -60px -60px; }
.sub0206.blockcontent .grap .box .icon .icon8 { background-position: -120px -60px; }
.sub0206.blockcontent .grap .box .icon .icon9 { background-position: -180px -60px; }
.sub0206.blockcontent .grap .box .icon .icon10 { background-position: -240px -60px; }
.sub0206.blockcontent .grap .box .icon .icon11 { background-position: 0px -120px; }
.sub0206.blockcontent .grap .box .icon .icon12 { background-position: -60px -120px; }
.sub0206.blockcontent .grap .box .icon .icon13 { background-position: -120px -120px; }
.sub0206.blockcontent .grap .box .icon .icon14 { background-position: -240px -120px; }
.sub0206.blockcontent .grap .box .pt2 { margin: 45px 0 30px 160px; }
.sub0206.blockcontent .grap .box .tit2 { display: block; height: 40px; font-weight: 700; font-size: 20px; }
.sub0206.blockcontent .grap .box .style2 .bottom_btn { position: absolute; top: 57px;  right: 34px; }
.sub0206.blockcontent .grap .box .style2 .bottom_btn .btn-default { background-color: #1650a6; border-color: #1650a6; border: 1px solid transparent; border-radius: 4px; }
.sub0206.blockcontent .grap .box .style2 .bottom_btn .btn-default:active, .sub0206.blockcontent .grap .box .style2 .bottom_btn .btn-default:focus,
.sub0206.blockcontent .grap .box .style2 .bottom_btn .btn-default:hover { background-color: #555; border-color: #555; }

@media (min-width: 768px) {
.ui.uit.type1.id_sub0206 .inner { padding: 35px 25px 35px 150px; padding-top:50px; min-height:120px;  }
.ui.uit.type1.id_sub0206.pop_top .inner { padding-top:35px; }
.ui.uit.type1.id_sub0206 .inner .tp_icon.circle { display: block; position: absolute; top: 20px; left: 35px; }
}
@media (max-width: 1000px) { 
.sub0206.blockcontent .grap .box { width: 100%; }
.sub0206.blockcontent .grap .box .icon { margin:25px; }
}

@media (max-width: 767px) {

.ui.uit.type1.id_sub0206 .inner .tp_icon { margin:0 auto; }
.ui.uit.type1.id_sub0206 .inner .txtwrap { margin-top:10px; text-align:center; }
}

@media (max-width: 640px)  {
.sub0206.blockcontent .grap .box .icon { display:none; }
.sub0206.blockcontent .grap .box .pt2 {  margin: 45px 0 30px 30px; }
}
@media (max-width: 460px) {
.sub0206.blockcontent .grap .box .style2 { height:auto; padding:30px; text-align:center;  }
.sub0206.blockcontent .grap .box .pt2 { margin:0; }
.sub0206.blockcontent .grap .box .style2 .bottom_btn { display: block; position: static;  margin-top:20px; }
.sub0206.blockcontent .grap .box .tit2 { height:auto; }
}

/*온라인자가진단 팝업*/
.sub0206_pop.layout { width:95%; margin:30px auto; }
#counselingPopupTxt #tbl_sub04_02 .tbl_basic tbody tr.bg_a { background-color: #f6f6f6; }
#counselingPopupTxt #tbl_sub04_02 .tbl_basic tbody tr.bgln_t {  border-top: 2px solid #397ec0; }
.btn-default.btbt { border-radius:4px;  background-color: #1650a6; border:1px solid transparent; }
.btn-default.btbt:hover, .btn-default.btbt:focus, .btn-default.btbt:active { background-color: #3b3c3d; }


/*피해절차 신고상담*/

.ui.uip.type3 li{width:16.6%}
.ui.uip.type3 li{padding:20px 0; text-align: center;  }
.ui.uip.type3 li:nth-child(1), .ui.uip.type3 li:nth-child(2), .ui.uip.type3 li:nth-child(3), .ui.uip.type3 li:nth-child(4),  .ui.uip.type3 li:nth-child(5), .ui.uip.type3 li:last-child{border-bottom:solid 1px #bcc5d2}
.ui.uip.type3 li:nth-child(5){border-left:0}
@media only screen and (min-width: 481px) {
	/*.ui.uip.type3 li{height: 130px;}
	.ui.uip.type3 li:nth-child(3), .ui.uip.type3 li:nth-child(4){border-bottom: 1px solid #bcc5d2;}*/
}
@media only screen and (max-width: 980px) {
    .ui.uip.type3 li{width:33.3%}
    
    .ui.uip.type3 li:nth-child(1),.ui.uip.type3 li:nth-child(2), .ui.uip.type3 li:nth-child(3){border-bottom: 0}
    .ui.uip.type3 li:nth-child(4){border-left:solid 1px #bcc5d2}
}
@media only screen and (max-width: 639px) {
	.ui.uip.type3 li:nth-child(3){border-left: 0px;}
}

@media only screen and (max-width: 480px) {
    .ui.uip.type3 li{width:100%}
    .ui.uip.type3 li:nth-child(3),.ui.uip.type3 li:nth-child(5), .ui.uip.type3 li:last-child {border-left:solid 1px #bcc5d2}
    .ui.uip.type3 li:nth-child(4),.ui.uip.type3 li:nth-child(5){border-bottom:0}
}
/*



@media only screen and (max-width: 767px) {
	.ui.uip.type3 li{height: 80px;}
	.ui.uip.type3 li:nth-child(3){border-bottom: 0px;}
	.ui.uip.type3 li:nth-child(5){border-bottom: 1px solid #bcc5d2;}
}
@media only screen and (max-width: 639px) {
	.ui.uip.type3 li:nth-child(4){border-bottom: 0px;}
	.ui.uip.type3 li:nth-child(6){border-bottom: 1px solid #bcc5d2;}
}
@media only screen and (max-width: 480px) {
	.ui.uip.type3 li:nth-child(5){border-bottom: 0px;}
}
*/