@charset "utf-8";

/* 메인페이지 스타일만 정의 */

.main {}


/* ************************ PC (992~) ************************ */
@media screen and (min-width: 992px) {
	
	
	.main{}
	.main h3{font-size:48px; color:#000; font-weight:500;}
	.main .rowWrap{position:relative; max-width:1200px; width:100%; margin:0 auto; padding:80px 0; }
	.main .slider {height:550px; border-top: 1px solid #910023;}
	.main .slider .slogan {position:absolute; width:100%; max-width:1200px; left:50%; top:170px; transform:translateX(-50%); padding:0 20px;}
	.main .slider .slogan h2 {color:#fff; font-size:48px; font-weight:500; text-align:center; letter-spacing:.5px; line-height:1.3;}
	
	.main .main_professor{position:relative; display:flex; align-items:center; background:#fafafa; padding:60px 20px;  text-align:center; width:100%;}
	.main .main_professor h3 {position:absolute; left:50%; transform:translateX(-50%); top:-25px; background:url(../images/main/tit_line.png)center no-repeat; width:100%;}
	.main .main_professor>div {float:left;}
	.main .main_professor>div.professor_img {width:460px;}
	.main .main_professor>div.professor_img .img {width:225px; height:225px; background:url(../images/intro/kyoung-HeonKim.jpg) center no-repeat; border-radius:50%; background-size:225px; margin:0 auto;}
	.main .main_professor>div.professor_txt {width:calc(100% - 460px); text-align:left;}
	.main .main_professor>div.professor_txt p {font-size:30px; font-weight:600; color:#000;}
	.main .main_professor>div.professor_txt p span{font-size:18px; font-weight:400;}
	.main .main_professor>div.professor_txt dl{position:relative; overflow:hidden; padding-top:35px;}
	.main .main_professor>div.professor_txt dl dt{position:relative; float:left; color:#c92049; padding-left:22px;}
	.main .main_professor>div.professor_txt dl dt:before{content:''; display:inline-block; position:absolute; left:0; top:5px; height:20px; width:16px;}
	.main .main_professor>div.professor_txt dl dd{padding-left:105px; padding-bottom:8px;}
	.main .main_professor>div.professor_txt dl dd:last-child{padding-bottom:0;}
	
	.main .main_professor>div.professor_txt dl dt.address:before{background:url(../images/common/i-address.png)no-repeat;}
	.main .main_professor>div.professor_txt dl dt.tel:before{background:url(../images/common/i-tel.png)no-repeat;}
	.main .main_professor>div.professor_txt dl dt.mail:before{background:url(../images/common/i-mail.png)no-repeat;}
	
	.main .main_board {margin-top:60px;}
	.main .main_board>ul{overflow:hidden; margin-right:-20px; display:flex;}
	.main .main_board>ul>li{float:left; width:calc((100%/2) - 20px); margin-right:20px;}
	.main .main_board>ul>li>div.main_h4{position:relative;}
	.main .main_board>ul>li>div.main_h4 h4{font-size:24px; color:#000; padding-bottom:15px; font-weight:500;}
	.main .main_board>ul>li>div.main_h4 .more {position:absolute; right:0; top:0; width:20px; height:20px; background:url(../images/common/i-more.png) no-repeat;}
	.main .main_board>ul>li>div.txt{border:1px solid #eaeaea; border-top:1px solid #9d0026; padding:30px 35px; height:290px;}
	.main .main_board>ul>li>div.txt div{padding-bottom:50px;}
	.main .main_board>ul>li>div.txt div p{color:#000; font-size:18px; font-weight:500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.main .main_board>ul>li>div.txt span {font-size:16px; font-weight:300; color:#aeaeae;}
	.main .main_board>ul>li>div.publica span {max-height:26px; overflow: hidden; display:inline-block; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.main .main_board>ul>li>div.txt>ul.notice>li{overflow:hidden;}
	.main .main_board>ul>li>div.txt>ul.notice>li+li{padding-top:10px;}
	.main .main_board>ul>li>div.txt>ul.notice>li>a{float:left; width:calc(100% - 72px); padding-right:10px; font-size:15px; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.main .main_board>ul>li>div.txt>ul.notice>li>span{float:right; width:72px; font-size:15px; font-weight:300; color:#aeaeae;}
	.main .main_board>ul>li>div.txt>ul.publications>li{}
	.main .main_board>ul>li>div.txt>ul.publications>li+li{padding-top:20px;}
	.main .main_board>ul>li>div.txt>ul.publications>li>span{}
	.main .main_board>ul>li>div.txt>ul.publications>li>a{color:#000; padding-top:3px; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	
	.main .quick_manu {position:relative; padding:150px 0; background:url(../images/main/quick_manu_bg.jpg) center / cover no-repeat;}
	.main .quick_manu ul {overflow:hidden; margin-right:-50px;}
	.main .quick_manu ul li{float:left; width:calc((100%/4) - 50px); border:1px solid #eaeaea; background:#fff; transition:all .5s; margin-right:50px;}
	.main .quick_manu ul li:last-child{margin-right:0;}
	.main .quick_manu ul li a {display:inline-block; color:#aeaeae; font-size:18px; font-weight:300; text-align:center; width:100%; height:100%; padding:145px 20px 75px 20px;}
	.main .quick_manu ul li:hover {border:1px solid #9d0026;}
	.main .quick_manu ul li:hover a {color:#9d0026; }
	.main .quick_manu ul li:nth-child(1) a {background:url(../images/main/i-intro.png) center 40% no-repeat;}
	.main .quick_manu ul li:nth-child(2) a {background:url(../images/main/i-research.png) center 40% no-repeat;}
	.main .quick_manu ul li:nth-child(3) a {background:url(../images/main/i-members.png) center 40% no-repeat;}
	.main .quick_manu ul li:nth-child(4) a {background:url(../images/main/i-publications.png) center 40% no-repeat;}

	.main .photo-roll .photo-rollWrap {padding:80px 20px; text-align:center; overflow:hidden;}
	.main .photo-roll .photo-rollWrap h3 {padding-bottom:60px;}
	.main .photo-roll .photo-rollWrap ul{overflow:hidden; padding:0 40px;}
	.main .photo-roll .photo-rollWrap ul li{position:relative; padding:0 10px; width:500px; height:345px; overflow:hidden;}
	.main .photo-roll .photo-rollWrap ul li:last-child{margin-right:0;}
	.main .photo-roll .photo-rollWrap ul li a {width:100%; height:100%;}
	.main .photo-roll .photo-rollWrap ul li .img {position:relative; width:100%; height:350px;}
	.main .photo-roll .photo-rollWrap ul li p{position:absolute; left:0; bottom:0; color:#fff; font-size:18px; width:100%; background:rgba(157, 0, 38, 0.8); text-align:left; padding:15px 20px;}

	.slick-prev {position:absolute; left:0; top:50%; width:17px; height:25px; background:url(../images/main/main_rollPrev.png) center no-repeat; text-indent:-99999999px; transform: translateY(-50%);}
	.slick-next {position:absolute; right:0; top:50%; width:17px; height:25px;  background:url(../images/main/main_rollNext.png) center no-repeat; text-indent:-99999999px; transform: translateY(-50%);}


	}

/* ************************ 태블릿 (0~991) ************************ */
@media screen and (max-width: 991px) {
	
	.main{}
	.main h3{font-size:40px; color:#000; font-weight:500;}
	.main .rowWrap{position:relative; padding:50px 20px;}
	.main .slider {height:45vw; border-top: 1px solid #910023;}
	.main .slider .slogan {position:absolute; width:100%; max-width:1200px; left:50%; top:15vw; transform:translateX(-50%); padding:0 20px;}
	.main .slider .slogan h2 {color:#fff; font-size:5vw; font-weight:500; text-align:center; letter-spacing:.5px; line-height:1.3;}
	
	.main .main_professor{position:relative; display:flex; align-items:center; background:#fafafa; padding:60px 20px;  text-align:center; width:100%;}
	.main .main_professor h3 {position:absolute; left:50%; transform:translateX(-50%); top:-20px; background:url(../images/main/tit_line_991.png)center no-repeat; width:100%;}
	.main .main_professor>div {float:left;}
	.main .main_professor>div.professor_img {width:380px;}
	.main .main_professor>div.professor_img .img {width:225px; height:225px; background:url(../images/intro/kyoung-HeonKim.jpg) center no-repeat; border-radius:50%; background-size:225px; margin:0 auto;}
	.main .main_professor>div.professor_txt {width:calc(100% - 380px); text-align:left;}
	.main .main_professor>div.professor_txt p {font-size:26px; font-weight:600; color:#000;}
	.main .main_professor>div.professor_txt p span{font-size:18px; font-weight:400;}
	.main .main_professor>div.professor_txt dl{position:relative; overflow:hidden; padding-top:35px;}
	.main .main_professor>div.professor_txt dl dt{position:relative; float:left; color:#c92049; padding-left:22px;}
	.main .main_professor>div.professor_txt dl dt:before{content:''; display:inline-block; position:absolute; left:0; top:5px; height:20px; width:16px;}
	.main .main_professor>div.professor_txt dl dd{padding-left:105px; padding-bottom:8px;}
	.main .main_professor>div.professor_txt dl dd:last-child{padding-bottom:0;}
	.main .main_professor>div.professor_txt dl dt.address:before{background:url(../images/common/i-address.png)no-repeat;}
	.main .main_professor>div.professor_txt dl dt.tel:before{background:url(../images/common/i-tel.png)no-repeat;}
	.main .main_professor>div.professor_txt dl dt.mail:before{background:url(../images/common/i-mail.png)no-repeat;}
	
	.main .main_board {margin-top:30px;}
	.main .main_board>ul{overflow:hideen; margin-right:0;}
	.main .main_board>ul>li{width:100%; margin-right:0;}
	.main .main_board>ul>li+li {margin-top:30px;}
	.main .main_board>ul>li>div.main_h4{position:relative;}
	.main .main_board>ul>li>div.main_h4 h4{font-size:24px; color:#000; padding-bottom:15px; font-weight:500;}.main .main_board>ul>li>div.main_h4 .more {position:absolute; right:0; top:0; width:20px; height:20px; background:url(../images/common/i-more.png) no-repeat;}
	.main .main_board>ul>li>div.txt{border:1px solid #eaeaea; border-top:1px solid #9d0026; padding:30px; height:auto;}
	.main .main_board>ul>li>div.txt div{padding-bottom:50px;}
	.main .main_board>ul>li>div.txt div p{color:#000; font-size:18px; font-weight:500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.main .main_board>ul>li>div.txt span {font-size:16px; font-weight:300; color:#aeaeae;}
	.main .main_board>ul>li>div.txt>ul.notice>li{overflow:hidden;}
	.main .main_board>ul>li>div.txt>ul.notice>li+li{padding-top:10px;}
	.main .main_board>ul>li>div.txt>ul.notice>li>a{float:left; width:calc(100% - 72px); padding-right:10px; font-size:15px; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.main .main_board>ul>li>div.txt>ul.notice>li>span{float:right; width:72px; font-size:15px; font-weight:300; color:#aeaeae;}
	.main .main_board>ul>li>div.txt>ul.publications>li{}
	.main .main_board>ul>li>div.txt>ul.publications>li+li{padding-top:20px;}
	.main .main_board>ul>li>div.txt>ul.publications>li>span{}
	.main .main_board>ul>li>div.txt>ul.publications>li>a{color:#000; padding-top:3px; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	
	.main .quick_manu {position:relative; padding:70px 20px; background:url(../images/main/quick_manu_bg.jpg) center / cover no-repeat;}
	.main .quick_manu ul {overflow:hidden; margin-right:-20px; margin-top:-20px;}
	.main .quick_manu ul li{float:left; width:calc((100%/2) - 20px); border:1px solid #eaeaea; background:#fff; transition:all .5s; margin-right:20px; margin-top:20px;}
	.main .quick_manu ul li:last-child{margin-right:0;}
	.main .quick_manu ul li a {display:inline-block; color:#aeaeae; font-size:18px; font-weight:300; text-align:center; width:100%; height:100%; padding:145px 20px 75px 20px;}
	.main .quick_manu ul li:hover {border:1px solid #9d0026;}
	.main .quick_manu ul li:hover a {color:#9d0026; }
	.main .quick_manu ul li:nth-child(1) a {background:url(../images/main/i-intro.png) center 40% no-repeat;}
	.main .quick_manu ul li:nth-child(2) a {background:url(../images/main/i-research.png) center 40% no-repeat;}
	.main .quick_manu ul li:nth-child(3) a {background:url(../images/main/i-members.png) center 40% no-repeat;}
	.main .quick_manu ul li:nth-child(4) a {background:url(../images/main/i-publications.png) center 40% no-repeat;}

	
	.main .photo-roll .photo-rollWrap {padding:50px 20px; text-align:center; overflow:hidden;}
	.main .photo-roll .photo-rollWrap h3 {padding-bottom:30px;}
	.main .photo-roll .photo-rollWrap ul{overflow:hidden; padding:0 40px;}
	.main .photo-roll .photo-rollWrap ul li{position:relative; padding:0 10px;}
	.main .photo-roll .photo-rollWrap ul li:last-child{margin-right:0;}
	.main .photo-roll .photo-rollWrap ul li a {width:100%; height:100%;}
	.main .photo-roll .photo-rollWrap ul li .img {position:relative; width:100%; height:280px;}
	.main .photo-roll .photo-rollWrap ul li p{position:absolute; left:0; bottom:0; color:#fff; font-size:16px; width:100%; background:rgba(157, 0, 38, 0.8); text-align:left; padding:13px 20px;}

	.slick-prev {position:absolute; left:0; top:50%; width:17px; height:25px; background:url(../images/main/main_rollPrev.png) center no-repeat; text-indent:-99999999px; transform: translateY(-50%);}
	.slick-next {position:absolute; right:0; top:50%; width:17px; height:25px;  background:url(../images/main/main_rollNext.png) center no-repeat; text-indent:-99999999px; transform: translateY(-50%);}

	

	
	
	
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	.main h3 {font-size:35px;}
	.main .slider .slogan h2 {font-size:4.5vw;}
	
	.main .main_professor h3 {top:-15px; background:url(../images/main/tit_line_767.png)center no-repeat; }
	.main .main_professor {flex-wrap:wrap; padding:40px 20px 30px 20px;}
	.main .main_professor>div.professor_img {width:100%; display:block;}
	.main .main_professor>div.professor_img .img {width:200px; height:200px; background-size:200px;}
	.main .main_professor>div.professor_txt {width:100%; padding-top:20px;}
	.main .main_professor>div.professor_txt dl {padding-top:20px;}
	
	.main .rowWrap {padding:40px 20px;}
	.main .main_board {margin-top:20px;}
	.main .main_board>ul>li>div.txt {padding:20px;}
	
	.main .quick_manu {padding:50px 20px;}
	
	.main .photo-roll .photo-rollWrap {padding:40px 20px;}
	.main .photo-roll .photo-rollWrap h3 {padding-bottom:20px;}
	
	.main .photo-roll .photo-rollWrap ul li p {font-size:14px; padding:10px 20px;}
	
		
}


/* ************************ 모바일 (0~500) ************************ */
@media screen and (max-width: 500px) {
	.main .slider {height:200px;}
	.main .slider .slogan {top:11vw;}
	.main .slider .slogan h2 {font-size:26px;}
	
    .main .quick_manu {padding:40px 20px; }
	.main .quick_manu ul {margin-right:0;}
	.main .quick_manu ul li {width:100%;}
	
	.main .photo-roll .photo-rollWrap ul li {padding:0;}	
	.main .photo-roll .photo-rollWrap ul li .img {height:250px;}
	
}