@charset "utf-8";
/* 페이지 준비중 */
.coming_wrap { position: relative; border: 1px solid #c9ccd6; border-radius: 1.5rem; height: 23.5rem; padding:0 1rem 0 26rem; display: flex; align-items: center;}
.coming_wrap::before { content: ''; display: block; width: 19.4rem; height: 16.15rem; background: url(/images/web/gast/sub/img_coming.png) no-repeat center / contain; position: absolute; left: 9%; top: calc(50% - 8.075rem);}
.coming_wrap p { font-size: 1.9rem; color: #10226e; font-weight: 600;}
.coming_wrap p em { color: #017fff;}
.coming_wrap span { display: block; margin-top: 0.6rem; font-size: 0.9rem; color: #363a5b; line-height: 1.5rem;}

.tit1{padding-left:0px !important;}
.tit2{padding-left:0px !important;}

    /* 찾아오시는길 */
.box_map {position:relative; padding:30px 25px; border:2px dashed #d5d8da; background:#fff; border-top:4px solid #00a390;}
.box_map:before {content:''; position:absolute; top:-4px; left:-2px; width:150px; height:2px; border-top:4px solid #024289; /* border-left:4px solid #1a90ce; */}
.box_map:after {/* content:''; */position:absolute; top:-2px; right:-2px; width:80px; height:50px; border-bottom:4px solid #1a90ce; border-right:4px solid #36bbb8;}
.box_map .box_st_ico {position:relative; min-height:70px; padding-left:125px;}
.box_map .box_st_ico .ico_boxImg {position:absolute; left:0; top:0;}
/* 찾아오시는길 내용*/
.list_rd {position:relative;}
.list_rd li {font-size:15px; color:#333; font-family:'NotoR'; letter-spacing:-0.5px; line-height:24px; margin-top:5px;}
.list_rd li .rd_bg {display:inline-block; width:100px; color:#fff; padding:3px 0; border-radius:20px; background:#00a390; text-align:center; font-family:'NotoM'; margin-right:10px;}


/* 교수소개 */
.Tab_w16 li {width:calc(100% / 6) !important;} 
.pro_wrap .tab_list li a { font-size: 0.7rem;}
.pro_wrap .tab_st1_box a:hover,.pro_wrap .tab_st1_box li.on a{ border:1px solid #3a70bc; background-color:#3a70bc;background-image: none;}
.pro_wrap .tab_st1_box a:hover::before, .tab_st1_box li.on a::before{ color: #fff;}
.pro_wrap .tab_st1_box a { margin-right: 0; background-color: #fff; background-image: none; position: relative; padding: 15px 40px 15px 10px; font-size: 0.75rem;}
.pro_wrap .tab_st1_box a::before { content: '\e943'; font-family: 'xeicon'; font-size: 1rem; color: #9298af; position: absolute; right: 0.8rem; top: 50%; transform: translateY(-50%);}
.pro_wrap .tab_st1_box li:not(:first-child) a { border-left: none;}
.pro_list > ul { display: flex; width: calc(100% + 2rem); margin-left: -1rem; flex-wrap: wrap;}
.pro_list > ul li { width: 25%; padding:1.25rem 1rem; }
.pro_list > ul li .cont { border: 2px solid #e3e3e3; border-radius: 0.5rem; padding-top: 1.5rem; text-align: center; transition: all 0.2s;}
.pro_list > ul li .cont .img { margin: 0 auto; width: 6.5rem; height: 8rem; border-radius: 0.25rem; border: 1px solid #ddd; overflow: hidden; position: relative;}
.pro_list > ul li .cont .img img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.pro_list > ul li .cont h3 { color: #666; font-size: 0.8rem; margin: 0.8rem 0 0.4rem; font-weight: 500;}
.pro_list > ul li .cont h3 strong { font-size: 1.2rem; color: #0c2b70; font-weight: 700; display: inline-block; padding-right: 0.3rem;}
.pro_list > ul li .cont > span { font-size: 0.8rem; color: #666;}
.pro_wrap .tag_list { margin: 0.7rem 0 0.9rem; padding: 0 1rem;}
.pro_wrap .tag_list a { display: inline-block; width: 3rem; border-radius: 3rem; text-align: center; line-height: 1.25rem; color: #fff; font-size: 0.7rem; margin-top: 0.2rem;}
.pro_wrap .tag_list a.MSM { background-color: #3a70bc;}
.pro_wrap .tag_list a.SPM { background-color: #eb6100;}
.pro_wrap .tag_list a.ECM { background-color: #8fc31f;}
.pro_wrap .tag_list a.BIO { background-color: #009e96;}
.pro_wrap .tag_list a.MBT { background-color: #00a0e9;}
.pro_wrap .tag_list a.BHS { background-color: #8273ce;}
.pro_wrap .tag_list a.CHE { background-color: #f39800;}
.pro_wrap .tag_list a.CNT { background-color: #22ac38;}
.pro_wrap .tag_list a.NCT { background-color: #1d2088;}
.pro_wrap .tag_list a.SMM { background-color: #b28850;}
.pro_wrap .tag_list a.SMA { background-color: #608809;}
.pro_wrap .tag_list a.ASE { background-color: #64009e;}
.pro_wrap .tag_list a.AIC { background-color: #dc1154;}
.pro_wrap .tag_list a.AIC2 { background-color: #ea68a2;}
.pro_wrap .tag_list a.SEM { background-color: #828af7;}
.pro_list > ul li .cont .view { display: block; line-height: 2.4rem; background: #efefef; text-align: center; font-size: 0.8rem; color: #333; position: relative; transition: all 0.2s; border-radius: 0 0 0.5rem 0.5rem; font-weight: 500;}
.pro_list > ul li .cont .view i { font-size: 1rem; color: #111; position: absolute; top: 50%; right: 1.2rem; transform: translateY(-50%);}
.pro_list > ul li:hover .cont,
.pro_list > ul li:focus .cont { border-color: #3a70bc; box-shadow: 1px 1px 1.2rem rgba(18,63,164,0.1);}
.pro_list > ul li:hover .cont .view,
.pro_list > ul li:focus .cont .view { background: #ecf2ff; color: #0c2b70;}
.pro_list > ul li:hover .cont .view i,
.pro_list > ul li:focus .cont .view i { color: #123fa4;}
/* 전공소개팝업 */
.intro_major { position: fixed; top: 0; left: 0; z-index: 9999; background: rgba(0,0,0,0.8); width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; padding: 0 1rem; display: none;}
.intro_major .cont { background: #fff; max-width: 58rem; border-radius: 1rem; overflow: hidden;}
.intro_major .tit_wrap { background: #0f3487; padding: 0 1.5rem; display: flex; justify-content: space-between; align-items: center}
.intro_major .tit_wrap h2 { line-height: 3.25rem; font-weight: 600; font-size: 1.2rem; color: #fff;}
.intro_major .tit_wrap  .close { display: block; width: 2.25rem; height: 2.25rem; border-radius: 50%; color: #fff; font-size: 0.95rem; background: #244ead; text-align: center; line-height: 2.25rem; }
.intro_major .det { padding: 1rem 1.45rem 1rem; background: url(/images/web/gast/sub/im_bg.png) no-repeat bottom right; position: relative;}
.intro_major .det .txt { display: none; padding-right: 18.5rem; min-height: 15rem; overflow-y: auto;}
.intro_major .det .tab_list { margin-bottom: 2rem;}
.intro_major .det .txt > p { margin-top: 0.5rem;}
.intro_major .img { width: 15.8rem; height: 12.3rem; border-radius: 1rem; overflow: hidden; position: absolute; bottom: 4.3rem; right: 2.5rem;}
.intro_major .img img { height: 100%; width: auto; position: relative; left: 50%; transform: translateX(-50%);}
/* 약력보기팝업 */
.profile_wrap { position: fixed; top: 0; left: 0; z-index: 9999; background: rgba(0,0,0,0.8); width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; padding: 0 1rem; display: none; }
.profile_wrap .cont { background: #fff; width: 58rem; border-radius: 1rem; overflow: hidden;}
.profile_wrap .tit_wrap { background: #0f3487; padding: 0 1.5rem; display: flex; justify-content: space-between; align-items: center}
.profile_wrap .tit_wrap h2 { line-height: 3.25rem; font-weight: 600; font-size: 1.2rem; color: #fff;}
.profile_wrap .tit_wrap  .close { display: block; width: 2.25rem; height: 2.25rem; border-radius: 50%; color: #fff; font-size: 0.95rem; background: #244ead; text-align: center; line-height: 2.25rem; }
.profile_wrap .det {padding: 0.85rem 1.5rem 2rem;height: 90vh;overflow-y: auto;overflow-x: hidden;}
.profile_wrap .info_box { margin-bottom: 1rem;}
.profile_wrap .info_list { position: relative; padding-left: 4.75rem;}
.profile_wrap .info_list + .info_list { border-top: 1px solid #dae0ee; margin-top: 1.25rem; padding-top: 1.25rem;}
.profile_wrap .info_list:nth-child(1) .img { position: absolute; left: 0; top: -0.2rem;}
.profile_wrap .info_list:nth-child(2) .img { position: absolute; left: 0; top: 1rem;}
.profile_wrap .tab_st2_box{ position: relative;z-index: 2;}
.profile_wrap .tab_st2_box a { background: #fff;}
.profile_wrap .tab_contents { position: relative;}
.profile_wrap .tab_contents::before { content: ''; display: block; width: 23.75rem; height: 10.2rem; background: url(/images/web/gast/sub/im_bg.png) no-repeat center / contain; position: absolute; right: -1.5rem; top: -10.2rem; z-index: 1;}
.profile_wrap .tab_contents .list { display: none;}
.profile_wrap .BD_list th { background: #fff;}

@media all and (max-width:1300px) {
    .Tab_w16 li {width:calc(100% / 4) !important;}
}
@media all and (max-width:1024px) {
    .coming_wrap { height: auto; padding:20rem 1rem 3rem ; display: flex; align-items: center;justify-content: center }
    .coming_wrap::before { position: absolute; left: 50%; top: 2rem; transform: translateX(-50%);}
    .coming_wrap .txt { text-align: center;}

    /* 교수소개 */
    .pro_wrap .tab_st1_box li { width: calc(100% / 2);margin: 0;}
    .pro_wrap .tab_st1_box li:nth-child(3) a {border-left: 1px solid #d3d3d3;}
    .pro_wrap .tab_st1_box li:nth-child(n+3) a {border-top: none;}
    .pro_wrap .tab_st1_box a { padding: 10px 30px 10px 10px;} 
    .pro_wrap .tab_st1_box a::before { right: 0.5rem;}
    .pro_list > ul { width: calc(100% + 1rem); margin-left: -0.5rem; }
    .pro_list > ul li { width: calc(100% / 3); padding:0.5rem;  }
}
@media all and (max-width:900px) { 
    /* 교수소개 */
    .intro_major .det .txt {padding-right: 14rem;}
    .intro_major .img {width: 12.8rem; height: 10.3rem; top: 9.3rem;right: 1.5rem;}

}
@media all and (max-width:768px) {
    .coming_wrap { padding:15rem 1rem 2rem ; }
    .coming_wrap::before { background-size: 14rem; top: 0;}
    .coming_wrap .txt { text-align: center;}
    .coming_wrap p { font-size: 1.5rem; } 
    .coming_wrap span { margin-top: 0.4rem; font-size: 0.8rem; line-height: 1.2rem;}

    /* 교수소개 */
    .pro_wrap .tit1 { font-size:1rem; }
    .pro_wrap .tit2 { font-size:0.9rem; }
    .pro_wrap .tab_list li a { margin: 0 15px; }
    .pro_list > ul li { width: calc(100% / 2); }
    .intro_major .det .tab_list { margin-bottom: 1rem;}
    .intro_major .det .txt {padding-right: 0;}
    .intro_major .img { display: none;}
    .intro_major .det { max-height: 72vh;overflow-y: auto; background-size: 15rem;}
    /* 약력보기팝업 */
    .profile_wrap .det { max-height: 80vh;}
}

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

	/* 찾아오시는길 */
	.box_map .box_st_ico {padding-left:0; padding-top:80px;}
	.box_map .box_st_ico .ico_boxImg {position:absolute; left:50%; top:0; margin-left:-66px;}
	/* 찾아오시는길 내용*/
	.list_rd li .rd_bg {display:block; width:100%; margin-right:0;}
	
}

@media all and (max-width:580px) {
    /* 교수소개 */
    .Tab_w16 li {width:calc(100% / 2) !important;}
    /* 약력보기팝업 */
    .profile_wrap .det {padding: 0.85rem 0.85rem 1.5rem; }
    .profile_wrap .info_list + .info_list { margin-top: 0.7rem; padding-top: 0.7rem;}
    .profile_wrap .info_list { padding-left: 0;}
    .profile_wrap .img { display: none;}
    .profile_wrap .tab_contents::before { width: 15.75rem; top: -8.4rem; }

}

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

    /* 교수소개 */
    .pro_wrap .tab_st1_box li { width: 100%; }
    .pro_wrap .tab_st1_box li:nth-child(2n) a {border-left: 1px solid #d3d3d3;}
    .pro_wrap .tab_st1_box li:nth-child(2) a {border-top: none;}
    .pro_list > ul li { width: 100%; }
}

@media all and (max-width:380px) {
    .coming_wrap {padding: 11.5rem 1rem 1rem;}
    .coming_wrap::before {background-size: 10rem;top: -2rem;} 
    .coming_wrap p {font-size: 1.2rem;} 
    .coming_wrap span {margin-top: 0.4rem;font-size: 0.7rem;line-height: 1rem;}

    /* 교수소개 */
    .Tab_w16 li {width:100% !important;}
    /* 약력보기팝업 */
    .profile_wrap .tab_contents::before { display: none; }
}