@import url("/common/css/layout.css");
@import url("/common/css/con_com.css");
@import url("layout_ctm.css");

/* 학과소개 */
.majorInfo .img{position:relative; width:16rem; margin-left:5rem; float:right; }
.majorInfo .img:before{content:""; position:absolute; left:-2rem; bottom:4.5rem; width:14rem; height:15rem; background:url('/images/web/russia/sub/mjrInfo_pttrn.png');}
.majorInfo .img:after{content:""; position:absolute; left:-2rem; top:2rem; width:4rem; height:5px; background:#00c0c5; z-index:1;}
.majorInfo .img > p{position:relative; border-radius:0 3rem 0 0; overflow:hidden;}
.majorInfo .img .bg{float:right; margin-top:4rem;}
.majorInfo .txt .indent > p {font-size:.85rem; line-height:1.6; color:#333; margin-bottom:.5rem;}
.majorInfo .txt .indent > p + p{margin-top:1.5rem;}
.majorInfo .txt li p{font-size:.8rem; color:#444; margin-top:.25rem;}
.majorInfo .info_top .txt,
.majorInfo .info_bot{width:calc(100% - 21rem); float:left;}
.majorInfo .info_bot{margin-top:2rem;}
.majorInfo {height:auto;overflow:hidden;} /* 210721추가 */
.majorInfo + .box_st_info { width:calc(100% - 21rem); } /* 210721추가 */

/* 연혁 */
.historyBox{position:relative; padding-left:14rem; margin:4rem auto; word-break: keep-all;}
.historyBox .tit{position:absolute; left:0; top:50%; width:14rem; font-size:.95rem; padding-right:2rem; line-height:2; color:#333; text-align:center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.historyBox .tit:before{content:""; position:absolute; right:0; top:50%; width:2rem; height:2px; background:#08999d;}
.historyBox .tit p{margin-bottom:.5rem;}
.historyBox .tit p img{max-width:100%; height:auto;}
.historyBox .tit span{display:block; margin-top:.5rem; font-size:1.2rem; font-weight:700; letter-spacing: 0.5px; color:#08999d; text-transform:uppercase;}
.historyBox .tit strong{font-weight: 600; color:#000;}
.historyBox .lst{position:relative; padding:1.5rem 0 1.5rem 2rem; border-left:2px solid #08999d;}
.historyBox .lst:before,
.historyBox .lst:after{content:""; position:absolute; left:0; width:2rem; height:2px; background:#08999d;}
.historyBox .lst:before{top:0;}
.historyBox .lst::after{bottom:0;}
.historyBox .lst li{position:relative; padding-left:8rem; line-height:1.5rem;}
.historyBox .lst li:before{content:""; position:absolute; left:0; top:.6rem; width:.3rem; height:.3rem; border-radius:50%; background:#08999d;}
.historyBox .lst li + li{margin-top:.75rem;}
.historyBox .lst li strong{position:absolute; left:0; top:0; font-size:.9rem; padding-left:.75rem; font-family: 'Montserrat'; color:#111; }

/* 학과장인사말 */
.grtWrap{margin-top:2.5rem;}
.grtWrap .img{position:relative; width:12.5rem; padding:1rem; float:left;}
.grtWrap .img:before,
.grtWrap .img:after{content:""; position:absolute}
.grtWrap .img:before{left:0; top:0; width:10rem; height:10rem; border-radius:1.25rem 0 0 0; border:3px solid #28bdc1;}
.grtWrap .img:after{right:0; bottom:0; width:4rem; height:4rem; background:url('/images/web/russia/sub/grt_pttrn.png');}
.grtWrap .img img{position:relative; max-width:100%; height:auto; border-radius:1.5rem 0 0 0; z-index:1;}
.grtWrap .txt{width:100%; overflow:hidden;}
.grtWrap .txt h5{position:relative; padding-bottom:1rem; font-size:1.2rem; font-family: 'SCDream'; color:#333;}
.grtWrap .txt h5:before{content:""; position:absolute; left:0; bottom:0; width:2.5rem; height:3px; background:#08999d;}
.grtWrap .txt h5 em{color:#08999d; font-size:1.5rem; font-weight: 700;}
.grtWrap .txt h5 strong{font-weight: 700;}
.grtWrap .txt p{margin-top:2rem; line-height:1.8; font-size:.9rem; }
.grtWrap .img + .txt{width:calc(100% - 12.5rem); padding-left:3rem; float:left;}
.grtWrap .sign{margin-top:2rem; line-height:1.5rem; padding:2.5rem 2.5rem 1rem 0; text-align:right; background:url('/images/web/russia/sub/grt_logobg.png') no-repeat right center/contain;}
.grtWrap .sign strong{font-weight: 700;}

/* 교수소개 */
.profInfo{overflow:hidden; font-size:0; line-height:0; word-break: break-all;}
.profInfo .box{position:relative; display:inline-block; vertical-align: top; font-size:.8rem; line-height:1.6; border:1px solid #ddd; overflow:hidden;}
.profInfo .box:before,
.profInfo .box:after{content:""; position:absolute; right:0; top:0; z-index:1;}
.profInfo .box:before{width:40%; height:2px; min-width:13rem; background:#009699;}
.profInfo .box:after{width:2px; height:50%; max-height:6rem; background:#009699;}
.profInfo .inner{position:relative; background:#fff; border:7px solid #f7f7f7; padding:2.5rem 1rem;} 
.profInfo .inner:after{display:block; clear: both; content:"";}
.profInfo .prof{width:7rem; text-align:center; float:left; }/*20250411 JH*/
.profInfo .prof > p{width:6.5rem; height:7.8rem; border-radius:0; margin:0; border:none; overflow:hidden;}
/*.profInfo .prof > p{width:5rem; height:6.5rem; border-radius:0 0 1rem 0; margin:0 auto .5rem; border:3px solid #009699; overflow:hidden;}*/
.profInfo .prof > p img{width:auto; height:100%;}
.profInfo .name{ display:block; font-family: 'SCDream'; font-size:1rem; font-weight:600; letter-spacing: -.5px; margin-bottom:.5rem;}
.profInfo .name strong{color:#01aeb2; font-size:1.1rem; -webkit-box-shadow: inset #e5f7f7 0 -0.5rem 0; box-shadow: inset #e5f7f7 0 -0.5rem 0; }
.profInfo .cnt{width:calc(100% - 7rem); padding-left:1rem; float:left;}
.profInfo .cnt > ul{font-size:0; line-height:0;}
.profInfo .cnt > ul > li{width:50%; display:inline-block; vertical-align: top; font-size:.85rem; line-height:1.6; padding-right:.5rem;}
.profInfo .cnt > ul > li > strong{font-weight: 600; color:#333;}
/** 교수소개 : type1 **/
.profInfo.type1{width:102%; margin-left:-1%;}
.profInfo.type1 .cnt > ul > li{width:100%; padding-right:0;}
.profInfo.type1 .name{font-size:.85rem; margin-bottom:0;}
.profInfo.type1 .name strong{font-size:.95rem;}
.profInfo.type1 .name span{display:block; margin-top:.25rem;}
.profInfo.type1 .box{width:48%; margin:.5rem 1%;}
/** 교수소개 : type2 **/
.profInfo.type2 .box{width:100%; margin:.5rem 0;}
.profInfo.type2 .cnt .more{display:none;}
.profInfo.type2 .inner{padding:2.75rem 1rem;}
.profInfo.type2 .inner > a{display:none; position:absolute; color:#444; font-family: .8rem;}
.profInfo.type2 .inner > a:before{position:absolute; width:2.5rem; height:2.5rem; padding-right:.4rem; font-family: 'xeicon'; text-align:right; color:#fff; font-weight: 600;}
.profInfo.type2 .inner > a.infoOpen{right:-7px; top:-7px; padding:1rem 1.75rem 0 0;}
.profInfo.type2 .inner > a.infoOpen:before{content:"\e913"; right:0; top:0; line-height:1.5rem; background:url('/images/web/russia/sub/profInfo_btn_bg01.png') no-repeat right top/cover;}
.profInfo.type2 .inner > a.infoClose{right:-7px; bottom:-7px; padding:0 1.75rem 1rem 0;}
.profInfo.type2 .inner > a.infoClose:before{content:"\e91a"; right:0; bottom:0; line-height:3.25rem; background:url('/images/web/russia/sub/profInfo_btn_bg02.png') no-repeat right bottom/cover;}
.profInfo.type2 .cnt .more h3.detail span {color:#01aeb2; font-size:1.1rem; -webkit-box-shadow: inset #e5f7f7 0 -0.5rem 0; box-shadow: inset #e5f7f7 0 -0.5rem 0; } /* 210910추가 */
/* 교수소개_에디터 210910추가 */
.profInfo.type2 .cnt .more b, .profInfo.type2 .cnt .more strong {font:revert;}
.profInfo.type2 .cnt .more ul {margin-left:20px; list-style-type:disc; }
.profInfo.type2 .cnt .more ul li {list-style-type:disc; }
.profInfo.type2 .cnt .more ul.list_st1 {margin-left:0;list-style-type:none;}
.profInfo.type2 .cnt .more ul.list_st2 {margin-left:0;list-style-type:none;}
.profInfo.type2 .cnt .more ul.list_st1 li {list-style-type:none;}
.profInfo.type2 .cnt .more ul.list_st2 li {list-style-type:none;}
.profInfo.type2 .cnt .more ol{margin-left:20px; list-style-type:decimal; }
.profInfo.type2 .cnt .more ol li {list-style-type:decimal; }
.profInfo.type2 .cnt .more b,
.profInfo.type2 .cnt .more strong {font-weight:bold; }
.profInfo.type2 .cnt .more i,
.profInfo.type2 .cnt .more em { font-style:italic; }
/* //210910추가 */
.profInfo.type2 .cnt .more ul.list_st2 li > ul > li {position:relative; padding-left:0.6rem;}
.profInfo.type2 .cnt .more ul.list_st2 li > ul > li:before{ position:absolute; left:0; top:0; content:"\e91b"; font-family:"xeicon"; color:#01aeb2; }
/** 교수소개 : type3 **/
.profInfo.type3 .box{width:100%; margin:.5rem 0;}
.profInfo.type3 .inner{padding:1.25rem 1rem;}
.profInfo.type3 .cnt .txt{border-top:1px dashed #ccc; padding-top:1rem; margin-top:1rem;}
/** 교수소개 : active **/
.profInfo.type2 .cnt .more.active,
.profInfo.type2 .inner > a.active{display:block;}


@media screen and (max-width: 960px) {

    /* 학과소개 */
    .majorInfo .info_top{overflow: hidden;}
    .majorInfo .img{width:12rem; margin-left:3rem; }
    .majorInfo .img:before{left:-1rem; bottom:3rem; width:10rem; height:10rem; }
    .majorInfo .img:after{left:-1.5rem; width:3rem; }
    .majorInfo .img .bg{width:14rem; margin-top:2rem;}
    .majorInfo .info_top .txt{width:calc(100% - 15rem); }
    .majorInfo .info_bot{width:100%;}
    .majorInfo + .box_st_info {width:100%;}

    /* 교수소개 */
    .profInfo .inner{padding:1.5rem 1rem;} 
    .profInfo.type1{width:100%; margin-left:0%;}
    .profInfo.type1 .box{width:100%; margin:.5rem 0;}
}

@media screen and (max-width: 860px) {

    /* 학과소개 */
    .majorInfo .img{display:none;}
    .majorInfo .info_top .txt{width:100%; }

    /* 연혁 */
    .historyBox{padding-left:0; margin:2rem auto;}
    .historyBox .tit{position:relative; width:100%; left:auto; top:auto; padding-right:0; padding-bottom:1.5rem; transform: none; -webkit-transform: none; -ms-transform: none;}
    .historyBox .tit:before{right:50%; top:auto; bottom:0; width:2px; height:1rem;}
    .historyBox .lst{border-left:0; padding:1.5rem 1rem 0; border-top:2px solid #08999d;}
    .historyBox .lst:before{top:0; left:0; width:2px; height:2rem;}
    .historyBox .lst:after{top:0; right:0; bottom:auto; left:auto; width:2px; height:2rem;}

    /* 학과장인사말 */
    .grtWrap .img{float:none; margin:0 auto 1rem;}
    .grtWrap .img + .txt{width:100%; padding-left:0; float:none;}

    /* 교수소개 */
    .profInfo .cnt > ul > li{width:100%; padding-right:0;}
}

@media screen and (max-width: 640px) {

    /* 학과장인사말 */
    .grtWrap .img{width:10rem; padding:.75rem;}
    .grtWrap .img:before{width:8rem; height:8rem;}
}

@media screen and (max-width: 560px) {

    /* 교수소개 */
    .profInfo .prof{float:none; margin:0 auto .5rem;}
    .profInfo .name{text-align:center;}
    .profInfo .cnt{width:100%; padding-left:0; float:none;}
}


@media screen and (max-width: 480px) {

    /* 연혁 */
    .historyBox .lst li{padding-left:.75rem;}
    .historyBox .lst li strong{position:relative; left:auto; top:auto; display:block; padding-left:0; }

    /* 학과장인사말 */
    .grtWrap .txt h5{font-size:1.05rem;}
    .grtWrap .txt h5 em{font-size:1.25rem;}
    .grtWrap .txt p{font-size:.85rem;}
}