/*푸터*/
.inter-site .wrap .main-wa{display:none;}

/*bottom floating*/
.floating-menu {
	position: fixed;
	/*top: 80%;*/top: 72%;
	left: calc(100% -  20rem);
	width: 10rem;
	height: 10rem;
	z-index: 11;
	border-radius: 50%;
	background: #FAE100;
	box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2);
}
.floating-menu > img {
	position: absolute;
	top: 2.5rem;
	left: 50%;
	transform: translateX(-50%);
	width: 5rem;
	height: 5.6rem;
}
.floating-menu.mfi {
	top: 85%;
	background: #34368A;
}

/* 국제교류처 헤더 */
.wrap > header.fixed,
.wrap > header {
	background-color: #53555A;
}
.header-kukje {
	display: flex;
	justify-content: space-between;
	padding: 0 5rem;
	max-width: 172rem;
	height: 4.6rem;
	margin: 0 auto;
	background: #53555A;
}
.header-kukje .top-menu {
	display: flex;
	align-items: center;
	background-color: #53555A;
}
.header-kukje .top-menu > li {
	height: 100%;
}
.header-kukje .top-menu > li > a {
	display: block;
	padding: 1.5rem 2rem;
	height: 100%;
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	border-right: 0.1rem solid rgba(255, 255, 255, 0.10);
} 
.header-kukje .top-menu > li > a:hover {
	background: #34368A;
}
.header-kukje .top-menu.left > li:first-child > a,
.header-kukje .top-menu.right > li:first-child > a  {
	border-left: 0.1rem solid rgba(255, 255, 255, 0.10);
}
/* 국제교류처 main 비주얼 */
.kukje-main-visual{
	height:53rem;
	padding-top: 6rem;
	background:#000 url('/_res/seojeong/inter/img/bg-mainvisual_g2.png') no-repeat 50% 50% / cover;
}
.kukje-main-visual h2{
	margin-top:12.2rem;
	color: #FFF;
	font-size: 5rem;
	font-weight: 700;
	line-height: 140%; 
}
.gick-menu{
	background: #1B273E;
}
.wrap-gmenu{
	display:flex;
	 color:#fff;
}
.box-gmenu{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:0.4rem;
	flex:1;
	position:relative;
	height:16rem;
}
.box-gmenu + .box-gmenu::before{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:0.1rem;
	height: 8.6rem;
	transform:translatey(-50%);
	opacity: 0.1;
	background: #FFF;
}
.box-gmenu + .box-gmenu:hover::before,.box-gmenu + .box-gmenu:hover + .box-gmenu::before{
	display:none;
}
.box-gmenu > a{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:1.2rem;
	width:100%;
	height:100%;
	transition: all 0.3s ease 0s;
}
.box-gmenu > a:hover{
	background: #34368A;
}
.box-gmenu h3{
	font-size: 2.6rem;
	font-weight: 500;
	text-transform: uppercase;
}
.box-gmenu p{
	font-weight: 500;
}
.box-gmenu img{
	width:6.4rem;
	height:6.4rem;
}
/* 국제교류처 서브 비주얼 */
.kukje-sub-visual {
	padding-top: 6rem;
	height: 35rem;
	background-color: rgba(0,0,0,0.8);
	background-image: url(/_res/seojeong/inter/img/bg-sub-temp.png);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.kukje-sub-visual.introduce {
	background-image: url(/_res/seojeong/inter/img/bg-sub-introduce.png);
}
.kukje-sub-visual.degree {
	background-image: url(/_res/seojeong/inter/img/bg-sub-degree.png);
}
.kukje-sub-visual.tip {
	background-image: url(/_res/seojeong/inter/img/bg-sub-tip.png);
}
.kukje-sub-visual.korean {
	background-image: url(/_res/seojeong/inter/img/bg-sub-korean.png);
}
.kukje-sub-visual.community {
	background-image: url(/_res/seojeong/inter/img/bg-sub-community.png);
	background-size: cover;
	background-position: center top;
}
.kukje-sub-visual > header,.kukje-main-visual > header {
	display: flex;
    flex-direction: column;
    align-items: center;
	height: 100%;
}

/* 국제교류처 site map 서브 비주얼 */
.kukje-sub-visual-site-map {
	padding-top: 6rem;
	height: 28rem;
	background-color: rgba(0,0,0,0.8);
	background-image: url(/_res/seojeong/inter/img/bg-sub-temp.png);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.kukje-sub-visual-site-map.introduce {
	background-image: url(/_res/seojeong/inter/img/bg-sub-introduce.png);
}
.kukje-sub-visual-site-map.degree {
	background-image: url(/_res/seojeong/inter/img/bg-sub-degree.png);
}
.kukje-sub-visual-site-map.tip {
	background-image: url(/_res/seojeong/inter/img/bg-sub-tip.png);
}
.kukje-sub-visual-site-map.korean {
	background-image: url(/_res/seojeong/inter/img/bg-sub-korean.png);
}
.kukje-sub-visual-site-map.community {
	background-image: url(/_res/seojeong/inter/img/bg-sub-community.png);
	background-size: cover;
	background-position: center top;
}
.kukje-sub-visual-site-map > header,.kukje-main-visual > header {
	display: flex;
    flex-direction: column;
    align-items: center;
	height: 100%;
}


header .logo-wrap {
	display: flex;
	align-items: center;
}
header .logo-wrap > img {
	min-width: 18.4rem;
	height: 5.2rem;
}
header .logo-wrap .tit-kukje {
	margin-left: 1.6rem;
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
}
.kukje-gnb {
	display: flex; 
    align-items: center;
	margin: 3rem auto 0;
	padding: 0 5rem;
	max-width: 130rem;    
	width: 100%;
}
.kukje-gnb > li {
	flex: 1;
	position:relative;
}
.kukje-gnb > li > a {
	display: block;
	padding: 1.5rem 0.5rem;
	height: 5.5rem;
	font-size: 1.8rem;
	font-weight: 600;
	color: #fff;
	text-align: center;
	line-height: 130%;
	background: rgba(0, 0, 0, 0.15);
}
.sub-nav {
	margin-top: auto;
	width: 100%;
}
.sub-nav > .s-nav-depth1 {
    max-width: 162rem;
}
/* gnb */
.kukje-gnb > li.active > a {
	background: rgba(0, 0, 0, 0.70);
}
.kukje-gnb-depth2 {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 13;
}
.kukje-gnb-depth2.on {
	display: block
}
.kukje-gnb-depth2  > li {
}
.kukje-gnb-depth2  > li > a {
	display: block;
	padding: 1.5rem 0;
	width: 100%;
	text-align: center;
	background: rgb(0,0,0);
	color: #fff;
	opacity: 0.7;
}
.kukje-gnb-depth2  > li > a:hover {
	color: #fff;
	background: #34368A;
	opacity: 1;
}
/* 서브페이지 레이아웃 */
.kukje-sub-cont {
	padding: 0 5rem;
	max-width: 172rem;
	margin: 10rem auto 18rem;
}
.kukje-sub-cont.type01 {
	display: flex;    
	align-items: flex-start;
}
.kukje-sub-cont.type01 .cont-right {
	flex: 1;
	margin-left: 14.5rem;
}
.kukje-sub-cont.type01 .cont-left {
	min-width: 27rem;
	max-width: 27rem;
}
.kukje-sub-cont .sub-cont {
	margin-bottom: 0;
}
/* 서브페이지 탭 메뉴 */
.tit-menu {
	color: #222;
	font-size: 4.2rem;
	font-weight: 700;
}
.tab-menu {
	margin-top: 2.8rem;
}
.tab-menu > li:first-child > a {
	border-top: 0.4rem solid #222;
}
.tab-menu > li > a {
	display: block;
	position: relative;
	padding: 2rem 2rem 2rem 0;
	font-size: 2rem;
	font-weight: 500;
	color: #666;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
	transition: all 0.3s ease-in-out;
}
.tab-menu > li.active > a::after,
.tab-menu > li > a::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.8rem;
	height: 1.6rem;
	background: url(/_res/seojeong/inter/img/ico-tab-arr.png) right center / 100% no-repeat;
	transition: opacity 0.2s ease-in-out;
	opacity:0;
}
.tab-menu > li.active > a,
.tab-menu > li > a:hover {
	color: #34368A;
	border-bottom: 1px solid #34368A;
}
.tab-menu > li.active > a::after,
.tab-menu > li > a:hover::after {
	opacity:1;
}
/* 타이틀 공통 */
.cont-right .tit-bullet {
	margin: 0 0 4rem 0;
}
.kukje-sub-cont .tit-policy {
	margin: 6rem 0 1.5rem;
}
@media (max-width: 1190px){ 
	/* 국제교류처 main 비주얼 */
	.box-gmenu:first-of-type{
		display:none;
	}
	.box-gmenu:nth-of-type(2)::before{
		display:none;
	}
	/* 서브페이지 레이아웃 */
	.kukje-sub-cont.type01 {
    	flex-direction: column;
	}
	.kukje-sub-cont.type01 .cont-right {
		flex: none;
		margin-left: 0;
		width: 100%;
	}
	/* 서브페이지 탭메뉴 */
	.tab-menu {
		display: none;	
	}
	/* 타이틀 공통 */
	.cont-right .tit-bullet {
		margin: 4rem 0 2rem 0;
	}
}
@media (max-width: 768px){ 
	/*bottom floating*/
	.floating-menu {
		top: 77%;
		left: calc(100% - 8rem);
		width: 6rem;
		height: 6rem;
	}
	.floating-menu > img {
		top: 1.3rem;
		width: 3rem;
		height: 3.6rem;
	}	

	/* 국제교류처 헤더 */
	.kukje-gnb {
		display: none;
	}
	.kukje-sub-visual, .kukje-sub-visual-site-map {
		height: 24rem;
	}
	.header-kukje {
		padding: 0;
		max-width: 100%;
		height: 4rem;
	}
	/* gnb */
	.kukje-sub-visual, .kukje-sub-visual-site-map {
		position: relative;
	}
	header .logo-wrap {
		position: absolute;
		top: 2rem;
		left: 2rem;
	}
	header .logo-wrap > img{
		min-width: 12.5rem;
		height: 3.6rem;
	}
	header .logo-wrap .tit-kukje {
		font-size: 1.4rem;
	}
	.menu-mobile {
		display: block;    
		position: absolute;
		top: 2.5rem;
		right: 2rem;
		z-index: 35;    
	}
	/* 국제교류처 서브 비주얼 */
	.kukje-sub-visual, .kukje-sub-visual-site-map {
		background-size: cover;
	}
	/* 국제교류처 main 비주얼 */
	.kukje-main-visual .menu-mobile, , .kukje-sub-visual-site-map menu-mobile {
		top: 6.5rem; 
	}
	.kukje-main-visual .m-menu-list,
	.kukje-sub-visual .m-menu-list, 
	.kukje-sub-visual-site-map .m-menu-list,
	.kukje-sub-visual-site-map .m-menu-list {
		padding: 18rem 2rem 2rem;
	}
	.kukje-main-visual .m-menu-bottom,
	.kukje-sub-visual .m-menu-bottom,
	.kukje-sub-visual-site-map .m-menu-bottom{
    	top: 11rem;
	}
	.kukje-main-visual{
		height:38rem;
		padding-top:2rem;
	}
	.kukje-main-visual .logo-wrap{
		position:unset;
	}
	.kukje-main-visual h2{
		margin-top:8.4rem;
		font-size: 4.2rem;
	}
	.wrap-mlogo{
		display:flex;
		justify-content:space-between;
		width:100%;
		padding:0 2rem;
	}
	.wrap-mlogo .mo-menu{
		width:2.1rem;
		object-fit:contain;
	}
	.wrap-gmenu.innerframe-1720{
		flex-wrap:wrap;
		padding:0;
	}
	.box-gmenu{
		flex:none;
		width:50%;
		height:13.4rem;
	}
	.box-gmenu + .box-gmenu::before{
		display:none;
	}
	.box-gmenu:nth-last-of-type(2n){
		border-right:0.1rem solid rgba(255, 255, 255, 0.06);
	}
	.box-gmenu:nth-last-of-type(1),.box-gmenu:nth-last-of-type(2){
		border-top:0.1rem solid rgba(255, 255, 255, 0.06);
	}
	.box-gmenu p{
		font-size:1.6rem;
	}
	.box-gmenu img {
    	width: 5rem;
    	height: 5rem;
	}
	/* 서브페이지 레이아웃 */
	.kukje-sub-cont {
		padding: 0 2rem;
		max-width: 100%;
		margin: 4rem auto 6rem;
	}
	.tit-menu  {
		font-size: 3.2rem;
	}
	/* 서브페이지 탭 메뉴 */
	.header-kukje .top-menu.right {
		display: none;
	}
	.header-kukje .top-menu.left {
		width: 100%;
	}
	.header-kukje .top-menu.left > li {
		flex: 1;
	}
	.header-kukje .top-menu.left > li > a {    
		padding: 1.2rem 1rem;
		font-size: 1.4rem;
		text-align: center;
	}
	/* 타이틀 */
	.kukje-sub-cont .tit-policy {
		margin: 4rem 0 1.5rem;
	}
}