.sub-hd .right_fix img.m_img_b{display: none;}
.sub-hd.fixed .right_fix img.m_img_w{display: none;}
.sub-hd.fixed .right_fix img.m_img_b{display: inline-block;}
.sub-hd.fixed .right_fix button.hpc_sm .m_img_w{display: none;}
.sub-hd.fixed .right_fix button.hpc_sm .m_img_b{display: inline-block;}

/* s_visual */
.s_visual{position: relative; width: 100%; height: 620px; background:url('../images/sub/sVisual.jpg') 50% no-repeat #000; background-size: cover;}
.s_visual .s_visual_bg img{animation: mymove 5s;}
.s_visual .grid{z-index: 1;}
.s_visual .grid div{background:rgba(255,255,255,0.2);}
.sv_txt{padding: 0 50px; position: absolute; top: 48%; left: 50%; transform: translateX(-50%); width: 100%; color: #fff; max-width: 1600px; }
.sv_txt>div{overflow: hidden;}
.sv_txt h3{padding-bottom: 15px; font-size: 68px; line-height:1; position: relative; font-weight: 600;}
.sv_txt p{font-size: 24px; opacity: .8; padding-bottom: 30px;}
.sv_txt p b{font-weight: 600;}

@keyframes mymove{
	from{transform:scale(1.2)}
	to{transform:scale(1)}
}

@media (max-width: 1500px){
.s_visual{height: 420px;}
.s_visual .s_visual_bg img{height: 420px;}
.sv_txt{top: 50%;}
.sv_txt h3{font-size: 42px;}
}

@media (max-width: 1024px){
.s_visual{height: 360px;}
.s_visual .s_visual_bg img{height: 360px;}
.sv_txt{top: 50%;}
.sv_txt h3{font-size: 36px;}
}

@media (max-width: 640px){
	.s_visual{height: 260px;}
	.s_visual .s_visual_bg img{height: 260px;}
	.sv_txt h3{padding-bottom: 10px; font-size: 28px;}
	.sv_txt p{font-size: 12px;}
}
@media (max-width: 460px){
	.s_visual{height: 220px;}
	.s_visual .s_visual_bg img{height: 220px;}
	.sv_txt h3{padding-bottom: 6px; font-size: 24px;}
}



/* s_content */
.s_content{position: relative; padding: 100px 0 100px;}
.s_section{max-width: 1600px; margin: 0 auto;}
.i_section{max-width: 1600px; margin: 0 auto;}
.s_tit h3{padding-bottom: 20px; text-align: center; font-size: 44px; position: relative; word-break: keep-all;}
/* .s_tit h3:after{display:block; content:''; width: 12px; height: 29px; background-image: url('../images/sub/tit_img01.png'); background-repeat: no-repeat; background-size:cover;
position: absolute; left: 50%; top: -50px; transform:translatex(-50%);} */

.txtCon .ConWr a{display: block; width: calc(100% - 160px);}
.txtCon .ConWr img{display: block; transition: transform .2s ease-in;}
.txtCon .ConWr a:hover img{transform: scale(1.2);}

.loca{width: 100%; text-align: center; margin-top: -10px; padding: 0 0 20px; z-index: 10;}
.loca ul.loc{}
.loca ul.loc li{display:inline-block; font-size: 15px; padding: 0 20px 0 0; color:#999; position: relative;}
.loca ul.loc li:after{display:block; width: 3px; height: 3px; background-color: #999; border-radius:50%; content:''; position: absolute; right: 6px; top: 9px;}
.loca ul.loc li.last{color:#999; position: relative; font-weight: 500; padding: 0;}
.loca ul.loc li.last:after{display:none;}
.loca ul.loc li.home i{color: #333;}

@media (max-width: 1420px){
	.s_section{padding: 0 20px;}
	.i_section{padding: 0 20px;}
}
@media (max-width: 991px){
	.s_content{}
	.s_tit h3{font-size: 32px;}
}
@media (max-width: 640px){
	.s_content{padding: 30px 0;}
	.s_tit h3{padding-bottom: 20px; font-size: 26px;}
	.s_tit h3:after{width: 9px; height: 23px; top: -30px;}
	.loca ul.loc li{font-size: 14px;}
	.prof .part1 .prof-info .prof-txt .prof-posi{font-size: 16px;}
	.loca{padding: 0 0 20px;}
}

@media (max-width: 480px){
	.s_section{padding: 0;}
	.s_tit h3{font-size: 24px;}
	.s_tit h3:after{width: 9px; height: 23px; top: -30px;}
}

/* 서브메뉴 */
.tab_view{display:none;}
.sMenu{position: absolute; width: 100%; bottom: 0; z-index:20;}
.sub_menu{text-align:center;}
.sub_menu ul.tab_ul {border-top: 1px solid rgba(255,255,255,0.2); display: flex;justify-content:center; max-width: 1600px; margin: auto;}
.sub_menu ul.tab_ul > li{text-align:center;position: relative; height: 70px;width: 100%; border-right: 1px solid rgba(255, 255, 255, 0.2);}
.sub_menu ul.tab_ul > li:last-child{border-right: 0;}
.sub_menu ul.tab_ul > li > a{font-size:18px; display: inline-block;width: 100%; color: #fff;font-weight: 600;position: relative; opacity: .5;line-height: 70px; transition: .5s;}
/* .sub_menu ul.tab_ul > li > a::after{Position:absolute; display:block; content:''; width:10px; height:10px;background:#fff; border-radius: 50%;
top: 30px; left: 50%; transform: translateX(-50%); opacity: 0; transition: .5s;} */



.sub_menu ul.tab_ul > li.on > a{border-color: #fff;opacity: 1;}
.sub_menu ul.tab_ul > li.on > a::after{top: -6px; left: 50%; transform: translateX(-50%); opacity: 1;}


.sub_menu ul.tab_ul > li > a:hover{opacity: 1; transition: .5s;}
.sub_menu ul.tab_ul > li > a:hover::after{top: -6px; left: 50%; transform: translateX(-50%); opacity: 1; transition: .5s;}


@media (max-width:1024px){
	
.tab_view{display: block; font-size: 15px;  font-weight:400; width: 100%;  border-top: 1px solid rgba(255,255,255,0.2);padding: 10px 10px 15px;  margin-top:40px; text-align: center;}
.tab_view span{margin-left: 15px; color: #fff;}
.tab_view i{position: relative;top:2px;margin-left: 5px; color: #fff;}
.tab_view.on{cursor:pointer; color: #fff;}
.tab_view.on span i{transform:rotateX(180deg); color: #fff;}

.sub_menu {position:relative;box-sizing:border-box; height:0;margin-top: 0;}

.sub_menu ul.tab_ul{padding: 0;display:none; z-index:100;position:absolute;width:100%;left:50%;transform:translateX(-50%);  margin:0 auto; line-height:0; background:#e84052;box-sizing:border-box;box-shadow: 6px 6px 6px 0px rgba(25, 25, 25, 0.15);-webkit-box-shadow:   6px 6px 6px 0px rgba(25, 25, 25, 0.15);	-moz-box-shadow:  6px 6px 6px 0px rgba(25, 25, 25, 0.15);border: none;}

.sub_menu ul.tab_ul > li {margin: 0;width:100% ;padding: 15px 0;padding-left: 0;border-top: 1px solid rgba(255,255,255,.1); height: 50px;}
.sub_menu ul.tab_ul > li > a {display:block;color: #fff;opacity: 0.5;line-height: 1;font-size: 15px;}
.sub_menu ul.tab_ul > li:before{display:none;}
.sub_menu ul.tab_ul > li.on > a{opacity: 1;color: #fff;border-bottom: 0;}

.sub_menu ul.moreMenu{display: none;}
.sub_menu ul.tab_ul > li.on ul.m_moreMenu{display: block;margin-top: 10px; display: flex; justify-content: center; flex-wrap: wrap;}
.sub_menu ul.tab_ul > li ul.m_moreMenu li{padding: 4px 7px;}
.sub_menu ul.tab_ul > li ul.m_moreMenu li a{display: inline-block;padding: 5px 10px;opacity: 0.3;line-height: 1;color: #fff;font-weight: 500;font-weight: 600;border: 1px solid #ddd;}
.sub_menu ul.tab_ul > li ul.m_moreMenu li a.active{opacity: 1;color: #347f92;background: #fff;}
.sub_menu ul.tab_ul > li.on > a::after{display:none;}
.sub_menu ul.tab_ul > li > a:hover::after{display:none;}

}
@media (max-width:600px){
.tab_view{margin-top: 27px; font-size: 13.5px; }
.sub_menu ul.tab_ul > li{padding: 13px 0; height: 40px;}
.sub_menu ul.tab_ul > li > a {font-size: 12px;}
.sub_menu { margin-top: -1px;}
}

/*모바일 가로 스크롤*/
.table_wrap{position:relative;}
.table_wrap table{width: 100%; border-spacing:0px; border-top: 2px solid #043a57; border-left: 1px solid #ddd;}
.table_wrap table thead{background-color: #f7f7f7;}
.table_wrap table thead tr th{padding:15px 12px; color:#333; font-weight: 500; font-size: 16px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; word-break:keep-all;
letter-spacing:-0.4px;}
.table_wrap table tbody tr td{padding: 12px; color:#444; font-size: 15px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; word-break:keep-all;
letter-spacing:-0.4px;}
.table_wrap table tbody tr td.bg{background-color: #f7f7f7;}
.table_wrap .table_prev_mo{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:10; }
.table_wrap .table_prev_mo ul{position:absolute; top:50%; left:50%; margin:-11px 0 0 -75px;}
.table_wrap .table_prev_mo ul:after{content: ''; display:block; clear:both;}
.table_wrap .table_prev_mo ul li{float:left;}
.table_wrap .table_prev_mo ul li p{font-size:15px; color:#fff;}
.table_wrap .table_prev_mo ul li i{margin-top:4px; font-size:12px; color:#fff; animation:prevarrow .5s ease-in infinite alternate;}
.table_wrap p.caption{font-size: 15px; color:#666; margin-top: 10px; letter-spacing:-0.4px; word-break:keep-all;}
.table_wrap p.caption a:hover{background-color: rgba(198,16,101,.2);}

.table_wrap table tbody tr td span{display:inline-block; border-radius:50%;  width: 10px; height: 10px;}
.table_wrap table tbody tr td span.c1{background-color: #21a462;}
.table_wrap table tbody tr td span.c2{background-color: #5697e9;}
.table_wrap table tbody tr td span.c3{background-color: #7d49d0;}
.table_wrap table tbody tr td span.c4{background-color: #fbb518;}
.table_wrap table tbody tr td span.c5{background-color: #f75b20;}
.table_wrap table tbody tr td span.c6{background-color: #2d29f1;}

.table_wrap table tbody tr td a.down:hover{background-color: rgba(198,16,101,.2);}

.table_wrap span.table_each{font-size: 15px; color:#888; display:block; margin-bottom: 5px; position: absolute; right: 0; top: -30px;}

@media (max-width:800px){
	.table_wrap{width:100%; overflow-x:auto; white-space:nowrap; padding-bottom:20px;}
	.table_wrap table{width:100%;}
	.table_wrap table thead tr th{font-size: 16px; padding:12px 10px;}
	.table_wrap table tbody tr td{padding: 10px; color:#444; font-size: 15px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; word-break:keep-all;}
	.table_wrap .table_prev_mo{display:block;}

	.table_wrap p.caption{font-size: 14px; margin-top: 7px;}
}

@media (max-width: 480px){
.table_wrap table thead tr th{padding: 10px; font-size: 14px; line-height:18px;}
.table_wrap table tbody tr td{padding: 10px; font-size: 13px; line-height:17px;}
.table_wrap table tbody tr td ul li:after{top: 9px;}

.table_wrap p.caption{font-size: 13px; margin-top: 5px;}
.table_wrap span.table_each{font-size: 12px; top: -20px;}
}

/* http://test3.dsso.kr/images/sub/leader.png */


.s_body{margin-bottom: 80px; position: relative;}
.s_body:after{display:block; content:''; clear:both;}
.s_body:last-child{margin-bottom: 0;}
.s_body h1.s_txt{text-align: left; font-size: 30px; font-weight: bold; color:#101010; margin-bottom: 20px;}


@media (max-width: 1240px){

.s_body h1.s_txt{font-size: 28px; margin-bottom: 15px;}
}

@media (max-width: 1024px){

.s_body{margin-bottom: 60px;}
.s_body h1.s_txt{font-size: 26px; margin-bottom: 15px;}

}

@media (max-width: 840px){

.s_body h1.s_txt{font-size: 23px; margin-bottom: 15px;}
}

@media (max-width: 640px){

.s_body{margin-bottom: 40px;}
.s_body h1.s_txt{font-size: 21px; margin-bottom: 10px;}
.table_wrap p.caption{font-size: 14px;}
}

@media (max-width: 480px){

.s_body h1.s_txt{font-size: 18px; margin-bottom: 5px;}
}




/* Sub2_1 : 구성원 - 교수진 소개 */
.prof .prList{position: relative; padding: 40px; background-color: #fff;}
.prof .prList:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 30px; border: 1px solid #eaeaea; z-index: -1; transition: all .3s;}
.prof .prList+.prList{margin-top: 20px;}
.prof .prList .prTop{position: relative; display: flex; align-items: end; padding: 20px;}
.prof .prList .prTop h6{position: absolute;top: 0;right: 0;font-family: var(--point-font);font-size: 80px;color: #006577;opacity: 0.03;/* z-index: -1; */}
.prof .prList .prTop .prImg{width: 280px;}
.prof .prList .prTop .prImg img{width: 100%;}
.prof .prList .prTop .prCont{width: calc(100% - 280px); padding-left: 60px;}
.prof .prList .prTop .prName{display: flex; align-items: baseline;}
.prof .prList .prTop .prName h2{font-size: 38px; font-weight: 800; color: #222;}
.prof .prList .prTop .prName h3{padding-left: 20px; font-size: 28px; font-weight: 600; color: #333;}
.prof .prList .prTop .prName h3 b{font-weight: 800; color: var(--sub-color);}
.prof .prList .prTop .prInfo{padding: 20px 0 25px; border-bottom: 1px solid #eaeaea;}
.prof .prList .prTop .prInfo ul li+li{margin-top: 6px;}
.prof .prList .prTop .prInfo ul li i{margin-right: 4px; font-size: 18px; color: #666;}
.prof .prList .prTop .prInfo ul li a{font-size: 18px; color: #666;}
.prof .prList .prTop .prAdd{position: relative; padding: 25px 0;}
.prof .prList .prTop .prAdd .prRese{width: calc(100% - 100px);}
.prof .prList .prTop .prAdd .prRese h5{padding-bottom: 10px; font-size: 22px; font-weight: 800; color: #085cf0;}
.prof .prList .prTop .prAdd .prRese p{font-size: 18px; line-height: 24px; color: #666;}
.prof .prList .prTop .prAdd .prbutton{display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; right: 0; width: 75px; height: 75px; border-radius: 50%; 
    background: #085cf0; cursor: pointer;}
.prof .prList .prTop .prAdd .prbutton span i{font-size: 28px; color: #fff;}

.prof .prList .prBot{display: none; margin-top: 20px; padding: 20px 50px; border-radius: 20px; background: #f9f9f9;}
.prof .prList .prBot ul li{padding: 25px 0; border-bottom: 1px solid #eaeaea;}
.prof .prList .prBot ul li:nth-last-of-type(1){border-bottom: none;}
.prof .prList .prBot ul li p{font-size: 18px; line-height: 26px; color: #333;}

.prof .prList .prTop .prInfo ul li a:hover{text-decoration: underline;}

@media (max-width: 1024px) {
    .prof .prList { padding: 30px 20px; }
    .prof .prList .prTop { flex-direction: column; align-items: center; padding: 15px; }
    .prof .prList .prTop h6 { font-size: 60px; }
    .prof .prList .prTop .prImg { width: 220px; margin-bottom: 20px; }
    .prof .prList .prTop .prCont { width: 100%; padding-left: 0; }
    .prof .prList .prTop .prName { flex-direction: column; align-items: center; text-align: center; }
    .prof .prList .prTop .prName h2 { font-size: 32px; }
    .prof .prList .prTop .prName h3 { padding-left: 0; padding-top: 10px; font-size: 24px; }
    .prof .prList .prTop .prInfo { padding: 15px 0 20px; }
    .prof .prList .prTop .prInfo ul li { text-align: center; }
    .prof .prList .prTop .prInfo ul li i { font-size: 16px; }
    .prof .prList .prTop .prInfo ul li a { font-size: 16px; word-break: break-all; }
    .prof .prList .prTop .prAdd { padding: 20px 0; }
    .prof .prList .prTop .prAdd .prRese { width: 100%; text-align: center; padding-right: 0; }
    .prof .prList .prTop .prAdd .prRese h5 { font-size: 20px; }
    .prof .prList .prTop .prAdd .prRese p { font-size: 16px; line-height: 22px; }
    .prof .prList .prTop .prAdd .prbutton { position: static; margin: 20px auto 0; width: 65px; height: 65px; }
    .prof .prList .prTop .prAdd .prbutton span i { font-size: 24px; }
    .prof .prList .prBot { padding: 20px 30px; }
    .prof .prList .prBot ul li { padding: 20px 0; }
    .prof .prList .prBot ul li p { font-size: 16px; line-height: 24px; }
}

@media (max-width: 768px) {
    .prof .prList { padding: 25px 15px; }
    .prof .prList + .prList { margin-top: 15px; }
    .prof .prList:before { border-radius: 20px; }
    .prof .prList .prTop { padding: 10px; }
    .prof .prList .prTop h6 { font-size: 50px; right: 10px; }
    .prof .prList .prTop .prImg { width: 180px; margin-bottom: 15px; }
    .prof .prList .prTop .prName h2 { font-size: 28px; }
    .prof .prList .prTop .prName h3 { font-size: 20px; padding-top: 8px; }
    .prof .prList .prTop .prInfo { padding: 12px 0 15px; }
    .prof .prList .prTop .prInfo ul li + li {margin-top: 8px;display: flex;justify-content: center;}
    .prof .prList .prTop .prInfo ul li i { font-size: 16px; }
    .prof .prList .prTop .prInfo ul li a { font-size: 16px; display: inline-block; max-width: 100%; }
    .prof .prList .prTop .prAdd { padding: 15px 0; }
    .prof .prList .prTop .prAdd .prRese h5 { font-size: 18px; padding-bottom: 8px; }
    .prof .prList .prTop .prAdd .prRese p { font-size: 16px; line-height: 22px; }
    .prof .prList .prTop .prAdd .prbutton { margin: 15px auto 0; width: 60px; height: 60px; }
    .prof .prList .prTop .prAdd .prbutton span i { font-size: 22px; }
    .prof .prList .prBot { margin-top: 15px; padding: 15px 20px; border-radius: 15px; }
    .prof .prList .prBot ul li { padding: 15px 0; }
    .prof .prList .prBot ul li p { font-size: 16px; line-height: 22px; }
}

@media (max-width: 480px) {
    .prof .prList { padding: 20px 12px; }
    .prof .prList .prTop h6 { font-size: 40px; }
    .prof .prList .prTop .prImg { width: 150px; }
    .prof .prList .prTop .prName h2 { font-size: 24px; }
    .prof .prList .prTop .prName h3 { font-size: 18px; }
    .prof .prList .prTop .prInfo ul li i { font-size: 16px; margin-right: 3px; }
    .prof .prList .prTop .prInfo ul li a { font-size: 16px; }
    .prof .prList .prTop .prAdd .prRese h5 { font-size: 17px; }
    .prof .prList .prTop .prAdd .prRese p { font-size: 16px; line-height: 21px; }
    .prof .prList .prTop .prAdd .prbutton { width: 55px; height: 55px; }
    .prof .prList .prTop .prAdd .prbutton span i { font-size: 20px; }
    .prof .prList .prBot { padding: 12px 15px; }
    .prof .prList .prBot ul li { padding: 12px 0; }
    .prof .prList .prBot ul li p { font-size: 16px; line-height: 21px; }
}

@media (max-width: 360px) {
    .prof .prList { padding: 15px 10px; }
    .prof .prList .prTop h6 { font-size: 35px; }
    .prof .prList .prTop .prImg { width: 130px; }
    .prof .prList .prTop .prName h2 { font-size: 22px; }
    .prof .prList .prTop .prName h3 { font-size: 16px; }
    .prof .prList .prTop .prAdd .prRese h5 { font-size: 16px; }
    .prof .prList .prTop .prAdd .prRese p { font-size: 16px; line-height: 20px; }
    .prof .prList .prBot { padding: 10px 12px; }
}