/* *******************************************************
 * filename : common.css
 * description : 메인부
 * date : 20190718
******************************************************** */

/* common */

.grid_container {
    width: 1200px;
    margin: 0 auto;
}

.tit_center {
    font-size: 62px;
    line-height: 62px;
    color: #111;
    font-weight: 600;
    margin-bottom: 36px;
    text-align: center;
}

/* main */
.main {
    width: 100%;
}

.main .visual {
	height:940px;
	overflow:hidden;
    position: relative;
    background-position-x: center;
    background-image: url(../images/main/visual01.jpg);
}

.main .visual .visual_wrap {
    position: relative;
    width: 1200px;
    height: 940px;
    margin: 0 auto;
}

.main .visual .visual_wrap  .visual_txt {
    position: absolute;
    bottom: 180px;
    left: 0;
}

.main .visual .visual_img {
    position: absolute;
    top: 0;
    left: 0;
}

.main .visual .visual_wrap .visual_txt h1 {
    font-size: 108px;
    color: #fff;
    font-family: poppins;
    text-shadow: 1px 3px 4px #555;
}

.main .visual .visual_wrap .visual_txt p {
    font-size: 36px;
    line-height: 36px;
    color: #fff;
    text-shadow: 1px 3px 4px #555;
}

.main .visual .visual_wrap .main_quick {
    position: absolute;
    right: 0;
    bottom: 180px;
    overflow: hidden;
}

.main .visual .visual_wrap .main_quick ul li {
    width: 180px;
    height: 180px;
    text-align: center;
    padding: 15px 0;
	cursor: pointer;
}

.main .visual .visual_wrap .main_quick ul li.on {
	background:#8b0029; 
	transition: .2s;
}
.main .visual .visual_wrap .main_quick ul li img {
    display: block
    ;margin: 0 auto;
}

.main .visual .visual_wrap .main_quick ul li .tit {
    color: #fff;
    text-align: center;
    display: block;
    font-size: 18px;
}

.main .visual .visual_wrap .main_quick ul li .ic_link {
    color: #fff;
    font-family: poppins;
    font-size: 24px;
    font-weight: 100;
    border: 1px solid #fff;
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    margin-top: 15px;
}
/* main section05:news */

.main .news {
    padding: 100px 0 80px;
}

.main .news .tit_center {
    margin-bottom: 70px;
}

.main .news .news_area {
    overflow: hidden;
	margin-bottom: 40px;
}

.main .news .news_area .news_part {
    width: 380px;
    float: left;
    margin-right: 30px;
}

.main .news .news_area .news_part:last-child {
    margin-right: 0;
}

.main .news .news_area .news_part .news_img {
    width: 100%;
    height: 280px;
    overflow: hidden;
    margin-bottom: 28px;
	text-align: center;
	background: #f1f1f1;
	border: 1px solid #e5e5e5;
}

.main .news .news_area .news_part .news_img img {
	/* width: 100%; */
	height: 100%;
}

.main .news .news_area .news_part .news_tit {
    width: 100%;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    color: #111;
    margin-bottom: 20px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

.main .news .news_area .news_part .news_text {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    height: 48px;
    overflow: hidden;
}


.main .news .news_area .news_part .news_info {
    font-size: 14px;
    color: #7d7d7d;
	position: relative;
}
.main .news .news_area .news_part .news_info .date {
	padding-right: 10px;
	margin-right: 10px;
}

.main .news .news_area .news_part .news_info .date:after {
    content: '';
    display: inline-block;
    margin: 0 8px;
    width: 1px;
    height: 14px;
    background: #d0d0d0;
    position: absolute;
    left: 70px;
    top: 4px;
}
.main .news .activities {
    border: 1px solid #ddd;
    padding: 55px 50px;
}

.main .news .activities .active_part_wrap {
	overflow: hidden;
}
.main .news .activities .active_part_wrap.div2 .part {
	width: calc(50% - 40px);
}
.main .news .activities .active_part_wrap .part {
    width: calc(33% - 80px);
    margin-right: 80px;
    float: left;
}

.main .news .activities .active_part_wrap .part:last-child {
    margin: 0;
}

.main .news .activities .active_part_wrap .part h3 {
    font-weight: 500;
    color: #111;
    font-size: 25px;
    line-height: 25px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}


.main .news .activities .active_part_wrap .part h3 .more {
    float: right;
    font-weight: 100;
    font-size: 36px;
	color: #777;
	cursor:pointer;
}

.main .news .activities .active_part_wrap .part .notice {}

.main .news .activities .active_part_wrap .part .notice li {
    line-height: 36px;
    font-size: 16px;
    color: #222;
    font-weight: 400;
    max-width: 100%;
    width: 100%;
    /*
    overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
	height: 32px; 
	*/
    overflow: hidden;
}

.main .news .activities .active_part_wrap .part .notice li .tit_a {
    float: left;
    width: calc(100% - 90px);
    display: block;
}

.main .news .activities .active_part_wrap .part .notice li .date {
    color: #888;
    float: right;
    width: 80px;
    display: block;
    font-weight: 300;
}

.main .news .activities .active_part_wrap .part .notice li {
	white-space: nowrap;
    text-overflow: ellipsis;
}
.main .news .activities .active_part_wrap .part .notice li .cate {
    color: #7c001a;
    margin-right: 8px;
    font-weight: 400;
}

.main .news .activities .active_part_wrap .part .notice .ic_new {
    font-size: 12px;
    padding: 0px 6px;
    vertical-align: bottom;
}

.main .news .activities .active_part_wrap .part .academic {}

/*
.main .news .activities .active_part_wrap .part a {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.main .news .activities .active_part_wrap .part a:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

*/
.main .news .activities .active_part_wrap .part .academic .aca_tit {
    font-size: 18px;
    color: #333;
    line-height: 25px;
    font-weight: 500;
}

.main .news .activities .active_part_wrap .part .academic .aca_info {
    width: 100%;
    margin-top: 10px;
    /*max-height: 102px;*/
	max-height: 72px; 
    overflow: hidden;
	line-height:1.5em;
	font-size: 16px;
}
.main .news .activities .active_part_wrap .part .academic .aca_info a {
	font-size:16px;
}
.main .news .activities .active_part_wrap .part .academic .aca_info tr th {
    width: 70px;
    letter-spacing: 20px;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 0;
}

.main .news .activities .active_part_wrap .part .academic .aca_info tr td {
    letter-spacing: -0.4px;
    font-size: 16px;
    line-height: 24px;
}

.main .news .activities .active_part_wrap .part .notice li a {
    font-size: 16px;
    color: #222;
    font-weight: 300;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 32px;
    overflow: hidden;
}

.main .news .activities .active_part_wrap .part .academic .aca_info a p {
    line-height: 1.8em;
    font-size: 16px;
    color: #222;
    height: 27px;
    overflow:hidden;
}

.main .news .activities .active_part_wrap .part .scedule {}

.main .news .activities .active_part_wrap .part .scedule .line {
    margin-bottom: 30px;
    overflow: hidden;
}
.main .news .activities .active_part_wrap .part .scedule .line:last-child {
	margin-bottom: 0;
}

.main .news .activities .active_part_wrap .part .scedule .line .day {
    width: 42px;
    margin-right: 30px;
    float: left;
    text-align: center;
    vertical-align: middle;
}

.main .news .activities .active_part_wrap .part .scedule .line .content {
    width: calc(100% - 72px);
	max-height: 51px;
	overflow:hidden;
    font-size: 16px;
    line-height: 25px;
	font-weight: 400;
    float: left;
    vertical-align: middle;
}

.main .news .activities .active_part_wrap .part .scedule .line .day .month {
    display: block;
    font-size: 15px;
    color: #7c001a;
    font-weight: 500;
    margin-bottom: 6px;
}

.main .news .activities .active_part_wrap .part .scedule .line .day .date {
    font-size: 30px;
    color: #7c001a;
    font-weight: 600;
}
@media screen and (max-width:1650px) {
	.main .fullscreen_video .video_wrapper .content_wrapper { padding-top:260px; }
	.main .fullscreen_video .video_wrapper .content_wrapper .scroll	{ margin-top:100px;	}
}
@media screen and (max-width:1560px) {
	.main .fullscreen_video #kubs_video { width: auto; min-height: 900px; }
}
@media screen and (max-width:1400px) {
	.tit_center { font-size: 60px; line-height: 60px; }
	.grid_container { width: 100%; }
	
	.main .visual { height: 880px; }
	/*
	.main .visual .visual_wrap { width:100%; height: 880px; padding: 0 20px; }
	.main .visual .visual_wrap .visual_txt { left: 20px; }
	.main .visual .visual_wrap .main_quick { right: 20px; }
	*/

	.main .news .news_area .news_part { width: 32%; margin-right: 2%; }
	.main .news .news_area .news_part .news_tit { height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: pre; }
	
	.main .news .activities { padding: 40px 30px; }
	.main .news .activities .active_part_wrap .part { width: 30%; margin-right: 5%; }
	.main .news .activities .active_part_wrap .part .notice {}
	.main .news .activities .active_part_wrap .part .notice li { line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
	.main .news .activities .active_part_wrap .part .academic .aca_tit { font-size: 18px; }
	.main .news .activities .active_part_wrap .part .scedule .line .content { font-size: 15px; }		
	
}
@media screen and (max-width:1240px) {
	.grid_container { padding: 0 20px 0 20px; }
	.tit_center { font-size: 54px; margin-bottom: 32px; }
	
	
	.main .visual { height: 840px; background-size: cover; }
	.main .visual .visual_wrap { width:100%; height: 840px; padding: 0 20px; }
	.main .visual .visual_wrap .visual_txt {bottom: 40px;left: 40px;}
	.main .visual .visual_wrap .main_quick {right: 40px;bottom: 40px;}
	.main .visual .visual_wrap .visual_txt h1 { font-size: 80px; }
	.main .visual .visual_wrap .visual_txt p { font-size: 28px; line-height: 28px; }
	
	
	
	.main .news { padding: 80px 0 80px; }
	.main .news .news_area .news_part .news_tit { font-size: 18px; }
	.main .news .news_area .news_part .news_text { font-size: 15px; height: 50px; overflow: hidden; text-overflow: ellipsis; }

	.main .news .activities .active_part_wrap .part h3 { font-size: 22px; padding-bottom: 20px; margin-bottom: 20px; }
	.main .news .activities .active_part_wrap .part .notice li { font-size: 14px; }
	.main .news .activities .active_part_wrap .part .notice li a { font-size:14px; }
	.main .news .activities .active_part_wrap .part .academic .aca_tit { font-size: 16px; line-height: 24px; }
	.main .news .activities .active_part_wrap .part .academic .aca_info tr th { font-size: 15px; }
	.main .news .activities .active_part_wrap .part .academic .aca_info tr td { font-size: 15px; }
	.main .news .activities .active_part_wrap .part { width: 31%; margin-right: 3%; }
	.main .news .activities .active_part_wrap .part .scedule .line .day .date { font-size: 26px; }
	.main .news .activities .active_part_wrap .part .scedule .line .content { font-size: 14px; }
	
	.main .news .activities .active_part_wrap.div2 .part { width: 48%; margin-right: 4%; }
	.main .news .activities .active_part_wrap.div2 .part:last-child { margin-right: 0; }
	.main .news .activities .active_part_wrap.div2 .part .scedule .line { margin-bottom: 15px; }
	.main .news .activities .active_part_wrap.div2 .part .scedule .line .day .month { margin-bottom: 4px; }
	.main .news .activities .active_part_wrap.div2 .scedule .line .content { line-height: 22px; max-height: 48px; }	
	
}
@media screen and (max-width:980px) {
	.tit_center { font-size: 42px; line-height: 42px; }
	
	
	.main .visual { height: 720px; }
	.main .visual .visual_wrap { height: 720px; }
	.main .visual .visual_wrap .main_quick ul li { width: 160px; height: 160px; padding: 20px 0; }
	.main .visual .visual_wrap .main_quick ul li img { width: 60px; }
	.main .visual .visual_wrap .visual_txt h1 { font-size: 70px; }
	.main .visual .visual_wrap .visual_txt p { font-size: 24px; }
	
	
	
	
	.main .news .tit_center { margin-bottom: 40px; }
	.main .news .active .active_part_wrap.div2 .part { width: 100%; padding: 0 20px; }
	.main .news .news_area .news_part { width: 100%; margin-right: 0%; margin-bottom: 5%; }
	.main .news .news_area .news_part .news_img { text-align: center; }
	.main .news .news_area .news_part .news_tit { font-size: 16px; margin-bottom: 8px; }
	.main .news .news_area .news_part .news_text { font-size: 14px; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: pre; }
	
	.main .news .activities { padding: 30px 10px; }
	.main .news .activities .active_part_wrap.div2 .part { width: 100%; padding: 0 20px; }
	.main .news .activities .active_part_wrap .part { width: 100%; margin-bottom: 8%; }
	.main .news .activities .active_part_wrap .part .scedule .line { margin-bottom:20px; }
	.main .news .activities .active_part_wrap .part .scedule .line:last-child { margin-bottom: 0; }
	
	.main .best .bx-pager.bx-default-pager { position: absolute; top: 0; margin-left: 0; }
	.main .best .bx-wrapper { height: 780px !important; }	
}
@media screen and (max-width:840px) {
	.main .visual { height: 640px; background-size: cover; }
	.main .visual .visual_wrap { height: 640px; }
	.main .visual .visual_wrap .visual_txt { position:relative; padding-top: 280px; left: 0; bottom: 0; }
	.main .visual .visual_wrap .main_quick { position: relative; right: 0; bottom: 0; padding-top: 50px; }
	.main .visual .visual_wrap .main_quick ul { overflow: hidden; }
	.main .visual .visual_wrap .main_quick ul li { float: left; }

}
@media screen and (max-width:640px) {
	.main .visual { height: 540px; background-size: cover; }
	.main .visual .visual_wrap { height: 540px; }
	.main .visual .visual_wrap .visual_txt { position:relative; padding-top: 240px; left: 0; bottom: 0; }
	.main .visual .visual_wrap .main_quick {width:100%;position: absolute;bottom: 0;padding-top: 0;padding: 20px;}
	.main .visual .visual_wrap .main_quick ul li {width: 33.3%;float:left;height: 150px;}
	.main .visual .visual_wrap .visual_txt h1 { font-size: 52px; }
	.main .visual .visual_wrap .visual_txt p { font-size: 20px; }
	.main .visual .visual_wrap .visual_txt { padding-top: 120px; }
	.main .visual .visual_wrap .main_quick ul li img { width: 50px; }
	.main .visual .visual_wrap .main_quick ul li .tit {  font-size: 16px; }
	
	.main .news { padding: 54px 0 54px; }
	.main .news .activities .active_part_wrap .part .notice li { height: 28px; line-height: 28px; }
	.main .news .activities .active_part_wrap .part .notice .ic_new { font-size: 10px; }
	.main .news .news_area .news_part .news_img { margin-bottom: 10px; }
}

@media screen and (max-width:480px) {
	
.main .visual { height: 480px; }
.main .visual .visual_wrap { height: 480px; }
.main .visual .visual_wrap .visual_txt {}
.main .visual .visual_wrap .visual_txt h1 { font-size: 36px; }
.main .visual .visual_wrap .visual_txt p { font-size: 18px; }
.main .visual .visual_wrap .main_quick ul li { height: 132px; }
.main .visual .visual_wrap .main_quick ul li img { width: 40px; }
.main .visual .visual_wrap .main_quick ul li .tit { font-size: 15px; }
.main .visual .visual_wrap .main_quick ul li .ic_link { width: 20px; height: 20px; font-size: 20px; }
	
	.section:first-child { height: 600px !important; }
	.main .fullscreen_video .video_wrapper .content_wrapper .tit h1 { font-size: 36px; }
	.tit_center { font-size: 32px; margin-bottom: 20px; }
	.main .program { height: 800px; padding-top: 40px; padding-bottom: 30px; }
	.main .program .sub_tit { font-size: 12px; line-height: 16px; margin-bottom: 30px; letter-spacing: -0.5px; }
	.main .program .part_wrapper .pro_box { width: 50%; height: 280px; padding-top:30px; }
	/*.main .program .part_wrapper .pro_box.on { width: 48%; height: 320px; }*/
	.main .program .part_wrapper .pro_box .icon_program { width: 50px; }
	.main .program .part_wrapper .pro_box h4 { margin-bottom: 10px; }
	.main .program .part_wrapper .pro_box ul li { font-size: 14px; line-height: 22px; }
	.main .program .part_wrapper .pro_box.on {
		width: 50%;
		height: 280px;
		background: #8b0029;
		border: none;
		margin-top: 0;
		text-shadow: 4px 4px 6px rgba(51, 51, 51, 0.4);
		box-shadow: 20px 25px 25px rgba(51, 51, 51, 0.0);
		position:relative;
		z-index:99;
	}

	.main .best .best_tit h2 { font-size:32px; }
	.main .best .sub_tit { font-size: 12px; line-height: 16px; margin-bottom: 0px;}
	.main .best a.bx-pager-link {
		width: 32px !important;
	}
	.main .best .bx-wrapper { height: 650px !important; }	
	.main .best .bx-pager.bx-default-pager { text-align: left; margin-bottom: 40px; }	
	.main .centers .right_tit h2 { font-size:32px;margin-bottom: 20px; }
	.main .centers .right_tit .sub_tit { font-size: 14px; line-height: 18px; }
	.main .centers .menu_link ul {}
	.main .centers .menu_link ul li { width: 32%; margin:0; margin-right: 2%; margin-bottom:10%;}
	.main .centers .menu_link ul li:first-child { margin-left:0px }
	.main .centers .menu_link ul li:nth-child(3n) { margin-right:0px; }
	.main .centers .menu_link ul li .ic_wrapper {
		display: block;
		width: 80px;
		height: 80px;
		background-color: rgba(255, 255, 255, 0.9);
		border: 1px solid #ddd;
		border-radius: 50px;
		text-align: center;
		line-height: 74px;
		margin: 0 auto;
	}
	.main .centers .menu_link ul li .ic_wrapper img {
		max-width: 68%;
		max-height: 68%;
		vertical-align: middle;
	}
	.main .centers .menu_link ul li .text { font-size: 14px; letter-spacing: -0.5px; margin-top: 10px; color: rgba(255, 255, 255, 0.9); text-shadow: 4px 4px 6px rgba(51, 51, 51, 0.4);}


	.main .news { padding: 50px 0 30px; }
	.main .news .news_area .news_part .news_img { height: 220px; margin-bottom: 10px; }
	.main .news .news_area .news_part .news_tit { font-size: 15px; margin-bottom: 0; }
	.main .news .news_area .news_part .news_text { font-size: 14px; margin-bottom: 0px;}
	.main .news .news_area .news_part .news_info { font-size: 13px; }
	.main .news .news_area .news_part { margin-bottom: 30px; }
	.main .news .news_area .news_part:last-child { margin-bottom:0; }


	.main .news .activities { padding: 20px 0px; margin-top: 50px;}
	.main .news .activities .active_part_wrap .part h3 { font-size: 20px; padding-bottom: 16px; }
	.main .news .activities .active_part_wrap .part { margin-bottom: 40px; }
	.main .news .activities .active_part_wrap .part .notice li { font-size: 14px; line-height: 26px; height: 26px;}
	.main .news .activities .active_part_wrap .part .academic .aca_tit { font-size: 15px; }
	.main .news .activities .active_part_wrap .part .academic .aca_info tr th { font-size: 14px; }
	.main .news .activities .active_part_wrap .part .academic .aca_info tr td { font-size: 14px; }
	.main .news .activities .active_part_wrap .part .scedule .line .content { font-size: 14px; }
	.main .news .news_area .news_part .news_info .date:after {	content: '';
		display: inline-block;
		margin: 0 8px;
		width: 1px;
		height: 14px;
		background: #d0d0d0;
		position: absolute;
		left: 65px;
		top: 4px;
}	
	.main .news .activities .active_part_wrap .part .scedule .line {
    margin-bottom: 20px;
    overflow: hidden;
}

}