@charset "utf-8";
/*서브 비주얼*/
.eQ01 .wrap_sub_visual::before{background:url(/sites/trade/images/sub/sub_trade.jpg) no-repeat center;background-size:cover !important;}
.eQ02 .wrap_sub_visual::before{background:url(/sites/templet_guide/images/sub/sub_visual_12.jpg) no-repeat center;background-size:cover !important;}
.eQ03 .wrap_sub_visual::before{background:url(/sites/templet_guide/images/sub/sub_visual_25.jpg) no-repeat center;background-size:cover !important;}
.eQ04 .wrap_sub_visual::before{background:url(/sites/templet_guide/images/sub/sub_visual_03.jpg) no-repeat center;background-size:cover !important;}
.eQ05 .wrap_sub_visual::before{background:url(/sites/templet_guide/images/sub/sub_visual_01.jpg) no-repeat center;background-size:cover !important;}
.eQ06 .wrap_sub_visual::before{background:url(/sites/templet_guide/images/sub/sub_visual_24.jpg) no-repeat center;background-size:cover !important;}

/*풀팝업 노출*/
.openFullPopup{display:block !important;}

/* 메인 학과일정 추가, 모바일 사이즈 수정*/  

@media all and (max-width:1280px){
  #menu2654_obj694 {width: 45%; margin: 16px 0px 0px;}
}
@media all and (max-width:768px) {
#menu2654_obj694 {width: auto; margin: 14px 0px 0px; float: none; } 
}

/* 소그룹소개 페이지 신설 */
.group-container {
            display: grid;
    		grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); /* 반응형 박스 크기 조절 */
    		gap: 40px;
   			justify-items: center;
    		width: 100%;
        }
        @media (max-width: 768px) {
            .group-container {
                grid-template-columns: 1fr; /* 모바일에서는 한 줄에 하나씩 */
            }
        }
        .group-card {
            width: 100%;  /* 박스 크기가 화면에 맞춰 조정됨 */
			max-width: 500px; /* 최대 크기 제한 */
			background-color: #ffffff;
			border: 1px solid #004a99;
			overflow: hidden;
			text-align: center;
			box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
        }
        .group-header {
            display: flex;
			align-items: center;
			background-color: #114498;
			color: white;
			padding: 10px;
        }
        .group-header.light-blue {
            background-color: #3571d6;
        }
.group-header.navy {
            background-color: #20355a
}
.group-header.yellow{
            background-color: #fbbc00
}
        .professor-info {
            display: flex;
			align-items: center;
			background-color: white;
			padding: 0px 10px 0px 0px;
			border-radius: 50px;
        }
        .professor-info img {
            width: 50px;
			height: 50px;
			border-radius: 50%;
			object-fit: cover;
			border: 1px solid #efefef;
			margin-right: 10px;
        }
        .professor-name {
            font-size: 16px;
            font-weight: bold;
            color: black;
        }
        .group-name {
            font-size: 20px;
    		font-weight: bold;
			display: block;
    		margin: 0 auto;
        }
        .description {
            padding: 15px;
            font-size: 17px;
            color: #333;
        }

/* 소모임소개 페이지 신설 */
.group-container2 {
            display: grid;
    		grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); /* 반응형 박스 크기 조절 */
    		gap: 40px;
   			justify-items: center;
    		width: 100%;
        }
        @media (max-width: 768px) {
            .group-container2 {
                grid-template-columns: 1fr; /* 모바일에서는 한 줄에 하나씩 */
            }
        }
        .group-card2 {
            width: 100%;  /* 박스 크기가 화면에 맞춰 조정됨 */
			max-width: 500px; /* 최대 크기 제한 */
			background-color: #ffffff;
			border: 1px solid #fbbc00;
			overflow: hidden;
			text-align: center;
			box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
        }
        .group-header2 {
            display: flex;
			align-items: center;
			background-color: #114498;
			color: white;
			padding: 10px;
        }
        .group-header2.light-blue {
            background-color: #3571d6;
        }
.group-header2.navy {
            background-color: #20355a
}
.group-header2.yellow{
            background-color: #fbbc00
}
        .professor-info2 {
            display: flex;
			align-items: center;
			background-color: white;
			padding: 0px 10px 0px 0px;
			border-radius: 50px;
        }
        .professor-info2 img {
            width: 50px;
			height: 50px;
			border-radius: 50%;
			object-fit: cover;
			border: 1px solid #efefef;
			margin-right: 10px;
        }
        .professor-name2 {
            font-size: 16px;
            font-weight: bold;
            color: black;
        }
		.group-name2 {
            font-size: 20px;
    		font-weight: bold;
			display: block;
		  margin: 0 auto;}
        .description2 {
            padding: 15px;
            font-size: 17px;
            color: #333;
        }
/* 학생회 소개 페이지 신설 */
.group-container3 {
            display: grid;
    		grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); /* 반응형 박스 크기 조절 */
    		gap: 40px;
   			justify-items: center;
    		width: 100%;
        }
        @media (max-width: 768px) {
            .group-container3 {
                grid-template-columns: 1fr; /* 모바일에서는 한 줄에 하나씩 */
            }
        }
        .group-card3 {
            width: 100%;  /* 박스 크기가 화면에 맞춰 조정됨 */
			max-width: 750px; /* 최대 크기 제한 */
			background-color: #ffffff;
			border: 1px solid #20355a;
			overflow: hidden;
			text-align: center;
			box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
        }
        .group-header3 {
            display: flex;
			align-items: center;

			color: white;
			padding: 10px;
        }
        .group-header3.vein {

    background-image: url('/sites/trade/images/vein_bg.png');
    background-size: cover;
    background-position: right; 
        }
.group-header3.tporters {
    background-image: url('/sites/trade/images/tporters_bg.png'); 
    background-size: cover;
    background-position: right;
}

        .professor-info3 {
            display: flex;
			align-items: center;
			background-color: white;
			padding: 0px 10px 0px 0px;
			border-radius: 50px;
        }
        .professor-info3 img {
            width: 50px;
			height: 50px;
			border-radius: 50%;
			object-fit: cover;
			border: 1px solid #efefef;
			margin-right: 10px;
        }
        .professor-name3 {
            font-size: 16px;
            font-weight: bold;
            color: black;
        }
		.group-name3 {
            font-size: 20px;
    		font-weight: bold;
			display: block;
		  margin: 0 auto;}
        .description3 {
            padding: 15px;
            font-size: 17px;
            color: #333;
        }

/* 학기시간표 야간 */
.func_schedule-night {line-height: 2;}
.tab_div .ul_4 > li._active > a,
.tab_div .ul_4 > li:hover > a {font-family: 'Dream Medium'; color: #010101;}
.tab_div .ul_4 > li._active::before,
.tab_div .ul_4 > li:hover::before {opacity: 0;}
.tab_div .ul_4 > li._active::after,
.tab_div .ul_4 > li:hover::after {opacity: 1;}

.tab_div.div_4 {font-size: 0;}
.tab_div .ul_4 {display: inline-block; position: relative; width: 100%; border-left: 1px solid #ccc;}
.tab_div .ul_4::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #010101;}
.tab_div .ul_4 > li {position: relative; float: left; width: 20%; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #333;}
.tab_div .ul_4 > li::after {content: ''; position: absolute; left: -1px; top: -1px; z-index: 1; width: calc(100% + 2px); height: calc(100% + 2px); background: #fff; border: 1px solid #333; border-bottom: 0px; opacity: 0;}
.tab_div .ul_4 > li::before {content: ''; position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 1px; background: #d7d7d7; opacity: 1; transition: opacity 0.5s;}
.tab_div .ul_4 > li > a {position: relative; z-index: 3; display: block; padding: 15px 10px 16px 10px; font-family: 'Dream Regular'; font-size: 18px; letter-spacing: -1px; text-align: center; color: #555;}
.tab_div .ul_4 > li > a[target=_blank]::after {content: ''; position: relative; top: 1px; display: inline-block; width: 16px; height: 16px; margin: 0 0 0 5px; background:  url('../images/tab-link-blank.png') no-repeat 93% center; }

.tab_div .ul_4 > li._active > a,
.tab_div .ul_4 > li:hover > a {font-family: 'Dream Medium'; color: #010101;}
.tab_div .ul_4 > li._active::before,
.tab_div .ul_4 > li:hover::before {opacity: 0;}
.tab_div .ul_4 > li._active::after,
.tab_div .ul_4 > li:hover::after {opacity: 1;}

.type2 .tab_div .ul_4 {border: 0;}
.type2 .tab_div .ul_4::before {display: none;}
.type2 .tab_div .ul_4 > li {border: 0;}
.type2 .tab_div .ul_4 > li > a {background: #eee; color: #888;}
.type2 .tab_div .ul_4 > li._active > a,
.type2 .tab_div .ul_4 > li:hover > a {background: url('../images/bg-tab4.png'); color: #fff;}
.type2 .tab_div .ul_4 > li::after {content: ''; position: absolute; left: auto; right: 0; top: 20px; z-index: 3; width: 1px; height: 17px; background: #b3b3b3; border: 0; opacity: 1;}
.type2 .tab_div .ul_4 > li:last-child::after {display: none;}
.type2 .tab_div .ul_4 > li:hover::after,
.type2 .tab_div .ul_4 > li._active::after {display: none;}
.type2 .tab_div .ul_4 > li::before {display: none;}
.type2 .tab_div .ul_4 > li:hover > a[target=_blank]::after {background: url('../images/tab-link-blank-ov-white.png');}
.type2 .tab_div .ul_4 > li > a::before {content: ''; display: inline-block; position: relative; top: -1px; width: 0; height: 20px; margin-right: 7px; vertical-align: middle;}
.type2 .tab_div .ul_4 > li._active > a::before,
.type2 .tab_div .ul_4 > li:hover > a::before {width: 20px; background: url('../images/icon-tab4-ov.png') no-repeat center center;}
.type2 .tab_div .ul_4 > li > a[target=_blank]::after {margin-left: 10px;}

.func-tab a::before { top:16px !important; }
.func-tab a::after { top:5px !important; }
.func-table.color tbody td {text-align: left !important;}