@charset "utf-8";
/*메인*/
.visual-area{width: 100%; position: relative;}
.visual-area{width: 100%;}
.visual-area .visual{height: 440px; position: relative;}
.visual-area .visual:after{width: 100%; height: 100%; top: 0;    left: 0; content: "";
    background: url(../images/bg_img.png) no-repeat center; background-size: cover;    display: block; position: absolute;   z-index: 1; }
.visual-area img{width: 100%; height:100%; object-fit: cover;}
.visual-area p{position: absolute; max-width:840px; width:100%; top: 185px; left: 50%; transform: translate(-50%, 0); z-index:2;
text-align: center; font-size: 5rem; margin-top:15px;  font-weight: 700; color: #fff;; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  text-overflow: ellipsis;}
.visual-area .ling-cont{position: absolute;  top: 48px; right:10rem; z-index:2}
.visual-area .ling-cont .lang-select{display:block; width:95px; height:30px; border-radius: 15px; line-height:30px; color:#1F1F1F;  font-weight: 500; text-align: center; background-color: rgba(255, 255, 255, 0.5);}
.visual-area .ling-cont .lang-select i{width:10px; height: 8px; content: ""; background: url(../images/ico_lng_arrow.png) no-repeat center; display:inline-block; vertical-align: top; margin-left: 5px; margin-top: 11px;}
.visual-area .ling-cont .lang-select.on i{width:10px; height: 8px; content: ""; background: url(../images/ico_lng_arrow_on.png) no-repeat center; display:inline-block; vertical-align: top; margin-left: 5px;  margin-top:9px}
.visual-area .ling-cont .lang-link{display:none; color:#1F1F1F; padding:4px 8px; font-weight: 500; text-align: center; background-color: rgba(255, 255, 255, 0.5); border-radius: 0 0 15px 15px;}
.visual-area .ling-cont .lang-link a{ display:block;  padding:6px 0;  border-radius:14px; transition: all 0.1s ease;}
.visual-area .ling-cont .lang-link a:hover{background-color:#3171b2; color:#fff}
.visual-area .ling-cont .lang-select.on{border-radius: 15px 15px 0 0;}
.container{max-width: 1400px; margin:-100px auto 112px auto; display: flex;  align-items: flex-start; position: relative; z-index: 3; padding: 0 1.5rem; }
.container .info-area{width:250px; }
.container .info-area .box-info{border-radius:16px;box-shadow:  0 8px 14px rgba(0, 0, 0, 0.05),  0 14px 28px rgba(208, 235, 255, 0.35); overflow: hidden;}
.container .info-area .professor-info{background: #004F9F; padding: 30px ;box-sizing: border-box;}
.container .info-area .professor-info .img-box{width: 100%;  padding-top: 100%; box-sizing: border-box; overflow: hidden; position: relative; background: #fff;
display: inline-block;}
.container .info-area .professor-info .img-box img {max-width: 100%; max-height: 100%; object-fit: cover; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.professor-name{text-align: center; margin: 2rem 0;}
.professor-name strong{font-weight: 600;font-style: normal; font-size: 2.4rem; color:#fff;}
.professor-name strong span{font-size: 1.8rem; padding-left:0.5rem}
.professor-name p{color:#4BEAEF; font-size: 1.5rem; margin-top:1rem; }
.professor-name.en strong{font-size: 1.8rem; letter-spacing: -0.5px;}
.professor-name.en strong span{font-size: 1.6rem; padding-left:0; margin-top:0.5rem; display:block;}
.container .info-area p.txt{color:#fff; font-size: 1.5rem; line-height: 1.5; margin-top: 2rem;}
.container .info-area .btn-homepage{border:1px solid #fff; color:#fff; text-align: center; font-size:1.5rem; font-weight: 500; width: 100%; box-sizing: border-box; padding:1rem 2.5rem; margin-top: 2rem; border-radius: 50px; display: block;}
.container .info-area .btn-homepage i{display: inline-block; width:14px; height: 15px; margin-right:3px; content:""; vertical-align: top; background: url('../images/ico_home.png')no-repeat center; background-size:100%;}
.professor-list{background: #fff; padding: 30px;}
.professor-list > ul > li{margin-bottom:2rem;}
.professor-list > ul > li:last-child{margin-bottom: 0;}
.professor-list > ul > li > strong{font-size: 1.4rem; font-weight: 500; color:#666; margin-bottom: 0.5rem; display: block;}
.professor-list > ul > li > p{font-size: 1.5rem;color:#1F1F1F; line-height: 1.5;word-break: break-all; letter-spacing: -0.5px;}
.logo{display: block; margin:20px auto;}
.logo img{display: block; margin: 0 auto;}
.container .content{width: calc(100% - 560px); margin:0 80px 0 30px; background: #fff; border-radius:16px;box-shadow:  0 8px 14px rgba(0, 0, 0, 0.05),  0 14px 28px rgba(208, 235, 255, 0.35); padding:60px; box-sizing: border-box;}
.container .content .item1{padding-bottom:30px; border-bottom:2px solid #1F1F1F}
.container .content .item1 p{color:#1F1F1F; font-size: 2.4rem; font-weight: 500;  line-height: 1.5;}
.container .content .item2{}
.container .content .item2 ul.main-list > li{padding:30px 8px; border-bottom:1px solid #D8D8D8; display:flex;}
.container .content .item2 ul.main-list > li:last-child{border-bottom: 0;}
.container .content .item2 ul.main-list > li > strong{width: 180px; color:#1F1F1F; font-weight: 600;}
.container .content .item2 ul.main-list > li > .section{width: calc(100% - 180px);}
.container .content .item2 .list-type1 > li{position: relative; padding-left: 12px; margin-bottom:15px;}
.container .content .item2 .list-type1 > li:last-child{margin-bottom: 0;}
.container .content .item2 .list-type1 > li::after{position: absolute; top: 7px;  left: 0; width: 3px; height: 3px; content: ""; border-radius: 100%; background: #444;}
.container .content .item2 .list-type2 > li{display:inline-block; margin-right: 5px;}
.container .content .item2 .list-type33 > li{position: relative; margin-bottom:15px;}
.container .content .item2 .list-type33 > li:last-child{margin-bottom: 0;}
.list-type3{display: grid !important; grid-template-columns: repeat(2, 1fr);  gap: 20px 12px; }
.list-type3 .img-box{width: 100%;padding-top: 57%;box-sizing: border-box;overflow: hidden;position: relative;background: #fff;display: inline-block; border-radius: 6px;  }
.list-type3 .img-box img {max-width: 100%;max-height: 100%; width: 100%; height: 100%; object-fit: cover;display: block;position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);}
.list-type3 strong{margin:0.8rem 0 0 0.8rem; display:block;  font-weight:500; line-height:1.5; color:#1F1F1F; -webkit-line-clamp: 2;  overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; max-width: 100%;}
.container .content .item2 .list-type4 > li a{display:block; border-bottom: 1px solid #E8E8E8; padding:16px 8px; transition: all 0.2s ease; position: relative; box-sizing: border-box;}
.container .content .item2 .list-type4 > li:last-child a{border-bottom: 0;}
.container .content .item2 .list-type4 > li a:hover{background: #E6ECF3; padding:16px 8px 16px 24px;}
.container .content .item2 .list-type4 > li a:hover:after{width:15px; height:12px; content: ""; position: absolute; top:50%; right:30px; transform: translate(0, -50%); background: url(../images/btn_link.png) no-repeat; background-size: 15px 12px;}
.container .content .item2 .list-type4 > li strong{color:#1F1F1F; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;
 -webkit-box-orient: vertical; margin-bottom: 8px; width:90%;}
.container .content .item2 .list-type4 > li  ul{display:flex; align-items: center;}
.container .content .item2 .list-type4 > li  ul li{position: relative; padding: 0 10px; font-size:1.4rem;  color:#444}
.container .content .item2 .list-type4 > li  ul li:first-child{padding-left:0}
.container .content .item2 .list-type4 > li  ul li:first-child:after{display:none}
.container .content .item2 .list-type4 > li  ul li:after{width:1px; height:11px; background: #888888; position: absolute; top:3px; left:0; content: "";}
.container .content .item2 ul.main-list > li.box{padding:14px 8px}
.container .content .item2 ul.main-list > li.box > strong{padding-top:16px;}

.container .menu-area{width:200px;}
.menu-list{margin-bottom:42px; margin-top: 62px;}
.menu-list li {margin-bottom: 8px;}
.menu-list li a{display:block; padding:8px 20px; color:#787878; font-size: 2.2rem; font-weight: 500;  box-sizing: border-box;   transition: background-color 0.3s ease;}
.menu-list li a.on, .menu-list li a:hover{background: #EBF5FF; color:#004488; border-left:3px solid #004488; box-sizing: border-box; padding: 8px 17px;}
.keword-area strong{color:#1F1F1F; font-size: 2rem; font-weight: 600; display:block; margin-bottom: 2rem;}
.keword-area  ul li{color:#444444; font-size: 1.4rem; margin-bottom: 1.2rem;}

.m-menu-area{display:none}
.m-menu{display:none}
.m-intro{display: none;}
.intro-close{display: none;}
.m-logo{display: none;}

/*컨텐츠*/
.page-tit{font-size: 4rem; color:#1F1F1F; font-weight: 600;}
.qs-cont{margin-top: 4rem;}
.qs-cont .head-item{display: flex; justify-content: space-between; align-items: end; padding-bottom:1.2rem; border-bottom:1px solid #1F1F1F}
.qs-cont .head-item .total{color:#444; }
.qs-cont .head-item .total span{color:#0597FF}
.qs-cont .search-type01 {display: flex; width: 330px; padding: 11px 20px; border: 1px solid #BCBCBC; background: #fff; border-radius: 4px; box-sizing: border-box; align-items: center;}
.qs-cont .search-type01 input {width: calc(100% - 18px);  font-size: 1.5rem; color: #888; font-weight: 400; background: transparent; border: 0; font-family: 'Pretendard';}
.qs-cont .search-type01 button.search-btn02 {width: 18px; height: 18px; display: block; background: url('../images/qs_btn_search.png')no-repeat center; background-size: 100%;}
.qs-cont .search-type01.type2{width:380px}
.qs-list-type > li{padding:30px 8px; border-bottom:1px solid #D8D8D8}
.qs-list-type > li .section1{display:flex; align-items: center; margin-bottom: 1rem;}
.qs-list-type > li .section1 strong{display:block; margin-right: 5px; padding:6px 9px; background: #E3F1FF; color:#004F9F; font-size:1.5rem; font-weight: 500; text-align: center; border-radius: 4px;}
.qs-list-type > li .section1 span{display:block; padding:6px 9px; background: #F1F1F1; color:#444444; font-size:1.5rem; font-weight: 500; text-align: center;border-radius: 4px;}
.qs-list-type > li .section2{margin-bottom: 1rem;}
.qs-list-type > li .section2 p{color:#1F1F1F; font-size: 2.1rem; font-weight: 600; line-height: 1.5;}
.qs-list-type > li .section3 ul{display: flex; margin-bottom: 0.5rem;}
.qs-list-type > li .section3 ul li{display:flex;position: relative; padding: 0 8px; font-size:1.5rem;  color:#444}
.qs-list-type > li .section3 ul li strong{font-weight: 400; padding-right: 5px;}
.qs-list-type > li .section3 ul.type {display: block;}
.qs-list-type > li .section3 ul.type li{/*display: inline-block;*/}
.qs-list-type > li .section3 ul.type li div{display:flex;position: relative;  font-size:1.5rem;  color:#444}
.qs-list-type > li .section3 ul li:first-child{padding-left:0}
.qs-list-type > li .section3 ul li:first-child:after{display:none}
.qs-list-type > li .section3 ul li:after{width:1px; height:11px; background: #888888; position: absolute; top:3px; left:0; content: "";}
.qs-list-type > li .section3 a{color:#004F9F; font-size: 1.5rem;}
.qs-list-type > li .section4{margin-top: 2.4rem;     word-break: break-word;}
.qs-list-type > li .section4 p.cont-txt{color:#444444; line-height: 1.5;}
.qs-list-type > li .section4 p.keyword-txt{color:#888888; font-size: 1.5rem; margin-top: 2.4rem; font-weight: 400;}

.m-search-area {display: none;}
.qs-list-type > li .section3 ul.list-type3{display: block;}
.qs-list-type > li .section3 ul.list-type3 li{display: block; padding:0}
.qs-list-type > li .section3 ul.list-type3 li:after{display: none;}

.qs-list-type > li .section3 ul{display:block}
.qs-list-type > li .section3 ul li strong{color:#1a1a1a; font-weight:600}
.qs-list-type > li .section3 ul li{padding-left:0; margin-top:8px;}
.qs-list-type > li .section3 ul li:flrst-child{margin-top:0}
.qs-list-type > li .section3 ul li:after{display:none}

.pro-no-data{color:#444444; font-size:16px; margin-top:30px;}
.pro-no-data a{border:1px solid #909090; color:#444444; text-align: center; font-size:15px; box-sizing: border-box; padding:10px 0;
 margin-top: 20px; display: block; width:165px;border-radius: 3px; }
.pro-no-data a img{display:inline-block;}

a.qs-btn-go{color:#000; font-size: 17px; font-weight: 600; vertical-align: middle; margin-top: 20px; display: inline-block;}
a.qs-btn-go img{display: inline-block; vertical-align: middle; margin-right: 8px;}


.btn-professor-more{padding-bottom:5px; position: relative;background: #fff;
font-weight: 500;
color: #444;
font-size: 16px;
font-family: 'Pretendard';
margin:50px auto 60px auto; display:block;
}
.btn-professor-more:after{position:absolute; bottom:0; left:0; content:""; width:100%; height:1px; background:#333}

.professor-info .swiper-button-next{width:28px; height:28px; margin:0; background: url(../images/btn_home_next.png) no-repeat center; right:-14px !important;}
.professor-info .swiper-button-prev{width:28px; height:28px; margin:0; background: url(../images/btn_home_prev.png) no-repeat center; left: -14px !important; }
.professor-info svg{display:none}
.swiper-cont{position: relative;}
.professor-info .swiper{border-radius: 12px;}
.professor-info .swiper-button-prev,
.professor-info .swiper-button-next{position: absolute;top: 50% !important;transform: translateY(-50%); z-index: 10; margin:auto  !important}
.professor-info .swiper-button-disabled{opacity: .6;}

.qs-cont .search-type01.item{width:440px}

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

.container .content .item2 ul.main-list > li{display: block;}
.container .content .item2 ul.main-list > li > strong{width: 100%; display: block; margin-bottom: 20px;;}
.container .content .item2 ul.main-list > li > .section{width:100%}
.container .content .item2 ul.main-list > li.box > strong{margin-bottom: 5px;}
.container .content .item2 .list-type4 > li a{padding-left:0}

}

@media all and (max-width:1280px){
.menu-area{display: none;}
.container .content{width: calc(100% - 250px); margin-right:0}
.m-menu{position: absolute; top:40px ; right: 20px; display:block}
.m-menu img{width:30px}
.m-menu-area {position: fixed; width: 100%;top: 0; left:0; padding: 0;  height: 100%; background: #fff; z-index: 100; display: none;}
.visual-area .ling-cont{top:40px; right:80px}
.m-menu-top{border-bottom:1px solid #d8d8d8; padding:20px 25px; display: flex; justify-content: end; }
.m-menu-top .btn-m-close{background:none;}
.m-menu-top .btn-m-close img{width: 25px;}
.menu-list{margin: 25px;}
.menu-list li a{font-size: 2rem;}
.keword-area{border-top:1px solid #d8d8d8; padding:30px 25px}
.m-menu-list{height: calc(100vh - 66px); overflow-y: auto;  box-sizing: border-box;}

}
@media all and (min-width:992px){
    .container .info-area{display: block !important; }
}

@media all and (max-width:991px){
.wrap{padding-bottom: 60px;}
.visual-area p{font-size:5rem;}
.visual-area .ling-cont{right:70px; top:20px;}
.container .info-area{position: fixed; width: 100%;top: 0; left:0; padding: 0;  height: 100%; background: #fff; z-index: 100; display: none; overflow-y: auto;}
.container .content{width: 100%; margin:0; padding: 40px;}
.m-intro{width: 30px; position: absolute; top:20px ; left: 20px; display:block; z-index:1}
.m-menu{position: absolute; top:20px ; right: 20px; display:block; z-index:1}
.container .info-area .professor-info .img-box{width: calc(100% - 240px); margin: 80px 120px 0 120px; padding-top:68%;}
.container .info-area .professor-info .img-box img{width:100%; height: 100%;}
.container .info-area .box-info{border-radius: 0; box-shadow: none;}
.container .info-area .btn-homepage{width: calc(100% - 240px); margin: 0 120px; text-align: center;}
.intro-close{position: absolute; top:40px ; right: 25px; z-index:10}
.intro-close img{width: 20px}
.container .info-area .professor-info{padding: 25px 25px 50px 25px;}
.container .info-area p.txt, .professor-name p{font-size: 1.6rem;}
.intro-close{display: block}
.professor-list{padding: 40px 25px;}
.professor-list > ul > li > strong, .professor-list > ul > li > p{font-size: 15px;;}
.logo{display: none;}
.container .content .item2 ul.main-list > li{padding: 25px 0;}
.container{margin-bottom: 50px;}
.m-logo{display: flex; justify-content: center; }
}


@media all and (max-width:767px){
.wrap{padding-bottom: 30px;}
.m-menu img{width: 22px;;}
.keword-area strong{font-size: 1.8rem; margin-bottom: 1.5rem;}
.keword-area ul li{font-size: 1.5rem;}
.visual-area .visual{height: 280px; position: relative;}
.visual-area p{font-size: 2.8rem; top: 89px;  width: calc(100% - 100px); z-index:2;}
.visual-area .ling-cont, .m-menu, .m-intro{z-index:1;}
.visual-area .visual:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; z-index: 0;  background: linear-gradient(to top,rgba(255,255,255,1) 0%,
    rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);}
.visual-area .ling-cont{right:55px; top: 15px; }
.visual-area .ling-cont .lang-select{font-size: 14px; width: 80px;}
.visual-area .ling-cont .lang-link a{font-size: 14px; padding:2px 8px}
.m-intro{width: 25px;}
.container .content{padding: 30px 20px;}
.container .content .item1 p{font-size: 1.7rem;}
.container .content .item2 ul.main-list > li > strong{font-size: 14px; margin-bottom: 15px;}
.container .content .item2 .list-type1 > li{font-size: 14px; margin-bottom: 10px;}
.container .content .item2 .list-type2 > li{font-size: 14px;}
.list-type3{display: block !important;}
.list-type3 strong{margin:0.8rem 0 1.5rem 0; }
.container .content .item2 .list-type4 > li strong{font-size:14px;}
.container .content .item2 .list-type4 > li a{padding:12px 0}
.container .content .item2 .list-type4 > li a:hover{background: #E6ECF3; padding:12px 8px 12px 10px;}
.container .content .item2 .list-type4 > li a:hover:after{width:15px; height:12px; content: ""; position: absolute; top:50%; right:15px; transform: translate(0, -50%); background: url(../images/btn_link.png) no-repeat; background-size: 15px 12px;}

.container .info-area .professor-info .img-box{width: calc(100% - 100px); margin:40px 50px 0 50px; padding-top: 80%;}
.intro-close{top: 25px;}
.professor-name strong{font-size: 2.1rem;}
.container .info-area p.txt, .professor-name p{font-size: 1.5rem;}
.container .info-area .btn-homepage{width: calc(100% - 100px); margin:0 50px}
.professor-list{padding:30px 25px}
.m-menu-top{padding:18px 25px}
.m-menu-top .btn-m-close img{width: 20px;}
.menu-list{margin: 20px 25px;}

/*컨텐츠*/
.page-tit{font-size: 2.6rem;}
.qs-cont{margin-top: 3rem;}
.qs-cont .search-type01{width:100% !important;padding:10px 12px; margin-bottom: 1.2rem;}
.qs-cont .search-type01 input{font-size: 1.4rem;;}
.qs-cont .head-item{flex-direction: column-reverse; justify-content: space-between; align-items: flex-start;}
.qs-cont .head-item .total{font-size: 1.5rem;}
.qs-cont .head-item form{width:100%}
.qs-list-type > li{padding: 25px 0;}
.qs-list-type > li .section1 strong, .qs-list-type > li .section1 span{font-size: 1.4rem;}
.qs-list-type > li .section2 p{font-size: 1.8rem;}
.qs-list-type > li .section3 a, .qs-list-type > li .section4 p.keyword-txt, .qs-list-type > li .section3 ul li{font-size: 1.4rem;}
.qs-list-type > li .section4 p.cont-txt{font-size: 1.5rem;}
.qs-list-type > li .section4, .qs-list-type > li .section4 p.keyword-txt{margin-top: 2rem;}

.pro-no-data{font-size:14px; }
.pro-no-data a{font-size:14px;width:145px; }


}


@media all and (max-width:380px){
.container .info-area .professor-info .img-box{width: calc(100% - 26.3vw); margin:10.52vw 13.15vw 0 13.15vw;}
.container .info-area .btn-homepage{ width: calc(100% - 50px);  margin: 0 25px;}
.container .info-area .professor-info{padding: 25px 25px 40px 25px;}


}