section.intro {
	width: 100%; height: auto;
	padding-top: 140px;

	display: flex;
    justify-content: center;
}

section.intro > div.box {
	width: 100%; height: auto;
	max-width: 1280px; padding: 0px 40px 45px;
}

section.intro .intro_txt {
	width: 100%; height: auto; line-height: 1.4;
	color: #000;
	font-size: 60px; font-weight: 800;
}
section.intro .intro_txt > span { font-size: 54px; }

section.enter_img {
	width: 100%; height: auto;
	display: flex;
    justify-content: center;
}


section.enter_img > div.box {
	width: 100%; height: auto;
	max-width: 1280px; padding: 0px 40px 0px;
}
section.enter_img .blank { width: 100%; height: auto; }

section.enter_img .enter_img_slider {
	position: absolute; top: 0px; left: 0px;
	width: 100%; height: 100%; 
	margin: 0px;
}

section.enter_img .slick-slider .slick-track, 
section.enter_img .slick-slider .slick-list { height: 100%; }

section.enter_img .enter_img_item { 
	width: 100%; height: 100%; 
	
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

section.about_ulsan {
	width: 100%; height: auto;
	padding: 125px 0px 100px;

	display: flex;
    justify-content: center;

	background-color: #F6F6F7;
}

section.about_ulsan > article {
	width: 100%; height: auto;
	max-width: 1280px; 
}


section.about_ulsan .title {
	width: 100%; height: auto; line-height: 1.3;
	color: #000;
	text-align: center;
	font-size: 40px; font-weight: 700;
}

section.about_ulsan .desc {
	width: 100%; height: auto; line-height: 1.6;
	color: #666; font-size: 20px;
	text-align: center;

	margin-top: 25px;
}


section.about_ulsan .btn {
	width: 100%; height: auto;
	margin-top: 65px;

	display: flex;
	justify-content: center;
}

section.about_ulsan .btn a:hover {
	color: #fff;
	background: #370B89;
	border: 2px solid #370B89;
}

section.about_ulsan .btn a {
	width: auto; height: 65px; line-height: 61px;
	padding: 0px 60px;
	border: 2px solid #000;

	color: #000;
	font-size: 18px; font-weight: 700;

	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
}



section.program_sec {
	width: 100%; height: auto;
	padding: 135px 0px 180px;

	display: flex;
    justify-content: center;

	background-color: #fff;
}
section.program_sec > div.box {
	width: 100%; height: auto;
	max-width: 1280px; padding: 0px 40px 0px;

}

section.program_sec .program_banner.type_img { height: 140px; background-size: cover; background-position: center center; }
section.program_sec .program_banner{
	width: 100%; height: auto;
	padding: 45px 60px 45px 40px;
	background-color: #000;
	display: flex;
	align-items: center;

	background-image: url(../images/program_banner_icon.svg);
	background-size: 250px auto;
	background-position: calc(100% - 252px) center;
	background-repeat: no-repeat;

	cursor: pointer;

}

section.program_sec .program_banner .label{
	width: 200px; height: auto; line-height: 1.5;
	color: #FFF;
	font-size: 24px; font-weight: 900;
}

section.program_sec .program_banner .bar{
	width: 1px; height: 30px;
	background: rgba(255, 255, 255, 0.40);
	margin: 0px 30px;
}


section.program_sec .program_banner .title {
	width: calc(100% - 200px - 1px - 194px - 30px); max-width: 618px; line-height: 1.5;
	color: #FFF;
	font-size: 20px; font-weight: 700;
}

section.program_sec .program_banner .btn:hover {
	color: #370B89;
	background: #fff;
}

section.program_sec .program_banner .btn {
	width: 194px; height: 50px;  line-height: 48px;
	border: 1px solid rgba(255, 255, 255, 0.40);
	text-align: center;
	color: #FFF;
	font-size: 14px; font-weight: 700;
	margin-left: 30px;

	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
}

section.program_sec .program_category.mt0 { margin-top: 0px; }
section.program_sec .program_category {
	width: 100%; height: auto;
	margin-top: 150px;
}



section.program_sec .program_category .program_category_list { 
	width: 100%; height: auto; 
	margin-top: 60px;
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}


@keyframes hover-up {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0);
	}
}

section.program_sec .program_category .program_category_item:hover {
	animation: hover-up 0.4s ease-out;
}


section.program_sec .program_category .program_category_item:nth-child(n+5) { margin-top: 50px; }
section.program_sec .program_category .program_category_item.blank { pointer-events: none; }
section.program_sec .program_category .program_category_item { 
	width: calc(25% - 19px); height: auto;
	cursor: pointer;
}

section.program_sec .program_category .program_category_item .program_category_thum { 
	width: 100%; height: 130px;

	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

section.program_sec .program_category .program_category_item .program_category_title { 
	width: 100%; height: auto;

	color: #000;
	font-size: 18px; font-weight: 700;

	margin-top: 15px;
}



section.program_sec .program_ing {
	width: 100%; height: auto;
	margin-top: 75px;
	padding: 45px 60px;
	border: 1px solid #D6D6D6;

	display: flex;
	align-items: center;
}


section.program_sec .program_ing .program_ing_label {
	width: 135px; height: 32px; line-height: 32px;
	background: #370B89;
	color: #FFF; text-align: center;
	font-size: 16px; font-weight: 700;
}

section.program_sec .program_ing .program_ing_slider {
	width: calc(100% - 135px); height: auto;
	padding-left: 81px;
	padding-right: 130px
}

section.program_sec .program_ing .program_ing_slider::before  {
	position: absolute; top: 50%; left: 40px;
	content: '';
	width: 1px; height: 32px;
	margin-top: -16px;
	background-color: #E4E4E7
}


section.program_sec .program_ing .program_ing_slider .program_ing_item {
	width: 100%; height: auto; line-height: 1.5;
	color: #000;
	font-size: 18px; font-weight: 700;
	
	cursor: pointer;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}


section.program_sec .program_ing .program_ing_slider .slick-prev {
	left: auto;
	right: 50px;
	width: 50px; height: 50px;

	background-image: url('../images/main_pr_arrow_prev.svg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

section.program_sec .program_ing .program_ing_slider .slick-next {
	right: 0px;
	width: 50px; height: 50px;

	background-image: url('../images/main_pr_arrow_next.svg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


section.program_sec .program_ing .program_ing_slider .slick-prev:before, 
section.program_sec .program_ing .program_ing_slider .slick-next:before,
section.program_sec .program_ing .program_ing_slider .slick-prev *, 
section.program_sec .program_ing .program_ing_slider .slick-next * {
	display: none;
}




section .section_label { width: 100%; height: auto; }
section .section_label span { 
	color: #666;
	font-size: 18px; font-weight: 900;
	text-decoration: underline;
	text-underline-position: under;
}


section .section_desc { 
	width: 100%; height: auto; line-height: 1.6;
	color: #000; font-size: 18px;
	margin-top: 15px;
}





section.space_sec {
	width: 100%; height: auto;
	padding: 150px 0px 180px;

	display: flex;
    justify-content: center;

	background-color: #F6F6F7;
}
section.space_sec > div.box {
	width: 100%; height: auto;
	max-width: 1280px; padding: 0px 40px 0px;
}


section.space_sec .space_category::-webkit-scrollbar-button:start:decrement, 
section.space_sec .space_category::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #efefef; }
section.space_sec .space_category::-webkit-scrollbar {width: 2px; height: 2px; border: 1px solid #fff; }
section.space_sec .space_category::-webkit-scrollbar-button:start:decrement, 
section.space_sec .space_category::-webkit-scrollbar-button:end:increment {display: block; width: 0px;  height: 0px; background: #efefef; }
section.space_sec .space_category::-webkit-scrollbar-track { width: 0px; height: 0px; background: #efefef; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); }
section.space_sec .space_category::-webkit-scrollbar-thumb {height: 0px; width: 0px; background: rgba(0,0,0,.2); -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); }


section.space_sec .space_category {
	width: 100%; height: auto;
	margin-top: 50px;
}

section.space_sec .space_category > div {
	width: auto; height: 60px; 
	border-radius: 60px;
	background-color: #fff;

	display: flex;
	align-items: center;
}

section.space_sec .space_category_item:hover { 
    color: #370B89;
}
section.space_sec .space_category_item {
	width: auto; height: 60px; line-height: 60px;
	padding: 0px 30px;
	border-radius: 60px;

	color: #666; text-align: center;
	font-size: 16px; font-weight: 700;
	cursor: pointer;

	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
}

section.space_sec .space_category_item.active {
	color: #fff; 
	background: #370B89;
}

section.space_sec .space_contents {
	width: 100%; height: 420px ;
	margin-top: 80px;
}

section.space_sec .space_contents .space_contents_item.active { opacity: 1; z-index: 2;}
section.space_sec .space_contents .space_contents_item {
	position: absolute; top: 0px; left: 0px;
	width: 100%; height: 100%;
	display: flex;
    align-items: center;
	opacity: 0;

	z-index: 0;

	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
}

section.space_sec .space_contents .space_info {
	width: calc(100% - 700px); height: 100%;
	padding-right: 45px;

	display: flex;
	flex-wrap: wrap;

    align-items: center;
    align-content: center;
}

section.space_sec .space_contents .space_info_title {
	width: 100%; height: auto; line-height: 1.3;
	color: #000;
	font-size: 40px; font-weight: 700;
}

section.space_sec .space_contents .space_info_desc {
	width: 100%; height: auto; line-height: 1.6;
	color: #000; font-size: 20px;
	margin-top:15px; 
	word-break: keep-all;
}

section.space_sec .space_contents .space_info_btn {
	width: 100%; height: auto;
	margin-top: 50px;
}

section.space_sec .space_contents .space_info_btn a:hover {
	background-color: #000;
	color: #fff;
	border: 2px solid #000;
}

section.space_sec .space_contents .space_info_btn a {
	display: inline-flex;
	height: 65px;
	padding: 0px 60px;
	justify-content: center;
	align-items: center;
	border: 2px solid #000;

	color: #000;
	font-size: 16px; font-weight: 700;

	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
}


section.space_sec .space_img {
	width: 700px; height: 100%;

	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


section.space_sec .space_img img { width: 100%; height: auto; }


section.members_sec {
	width: 100%; height: auto;
	padding: 150px 0px 150px;

	display: flex;
    justify-content: center;

	background-color: #fff;
}
section.members_sec > div.box {
	width: 100%; height: auto;
	max-width: 1280px; padding: 0px 40px 0px;
}


section.members_sec .member_contents {
	width: 100%; height: auto;
	margin-top: 60px;
	display: grid;
	gap: 60px;
}

section.members_sec .member_contents .member_item:hover::before { opacity: 1; }
section.members_sec .member_contents .member_item::before {
	content: '';
	position: absolute; top: -10px; left: -10px;
	width: calc(100% + 20px); height: calc(100% + 20px);
	border: 2px solid #000;

	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	z-index: 1;

	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	box-sizing: border-box;

	opacity: 0;
}

section.members_sec .member_contents .member_item { width: 100%; height: auto; cursor: pointer; }
section.members_sec .member_contents .member_item .right{ float: right; }


section.members_sec .member_contents .member_item .member_bg {
	width: 700px; height: 130px;

	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

section.members_sec .member_contents .member_item .member_info {
	width: calc(100% - 700px); height: 100%;
	padding: 0px 40px;

	display: flex;
	flex-wrap: wrap;

    align-items: center;
    align-content: center;
}


section.members_sec .member_contents .member_item .member_desc {
	width: 100%; height: auto; line-height: 1.2;
	color: #666;
	font-size: 18px; font-weight: 400;
	word-break: keep-all;
}



section.members_sec .member_contents .member_item .member_title {
	width: 100%; height: auto; line-height: 1;
	color: #000;
	font-size: 40px; font-weight: 700;

	margin-top: 10px;

}

section.members_sec .member_contents .member_item .left .member_title,
section.members_sec .member_contents .member_item .left .member_desc { text-align: right; }

section.members_sec .member_sub {
	float: right;
	width: 700px; height: auto; line-height: 1.5;
	margin-top: 80px;
	padding-top: 20px;
	border-top: 1px solid #000;

	color: #000; font-size: 18px; 
}

br.main_mo_01{ display: none; }
br.main_mo_02{ display: none; }
br.main_mo_03{ display: none; }

@media (max-width: 479px){ 
	br.main_mo_01{ display: block; }
	br.main_mo_02{ display: block; }
	br.main_mo_03{ display: block; }
	section.intro { padding-top: 60px; }
	section.intro > div.box { padding: 0px 20px 30px; }
	section.intro .intro_txt { font-size: 24px; }
	section.intro .intro_txt > span { font-size: 22px; }

	section.enter_img { height: 175px; }
	section.about_ulsan { padding: 60px 0px 60px; }
	section.about_ulsan .title { font-size: 18px; }
	section.about_ulsan .desc { font-size: 14px; }
	section.about_ulsan .btn a { 
		height: 40px;
		line-height: 36px;
	    padding: 0px 30px;
		font-size: 14px; 
	}
	section.about_ulsan .btn { margin-top: 30px; }

	section.program_sec { padding: 60px 0px 60px; }
	section.program_sec .program_banner .label { width: 100%; font-size: 14px; }
	section.program_sec > div.box { padding: 0px 20px 0px; }
	section.program_sec .program_banner.type_img { height: 95px; }
	section.program_sec .program_banner { 
		padding: 20px; 
		background-size: 150px auto;
		background-position: right center;
		display: grid;
	}
	section.program_sec .program_banner .bar { display: none; }
	section.program_sec .program_banner .title { 
		width: 100%;
		min-width: auto;
		font-size: 16px;
		margin-top: 10px;
	}


	section.program_sec .program_banner .btn {
		display: none;

		width: 130px;
		height: 40px;
		line-height: 38px;
	    padding: 0px 30px;
		font-size: 14px; 
		margin: 0px; margin-top: 30px;
	}
	

	section.program_sec .program_category { margin-top: 60px; }


	section .section_label span { font-size: 14px; }
	section .section_desc { font-size: 14px; word-break: keep-all; }
	section.program_sec .program_category .program_category_list { 
		gap: 15px;
		margin-top: 30px;
	}

	section.program_sec .program_category .program_category_item.blank { display: none; }
	section.program_sec .program_category .program_category_item .program_category_title { font-size: 14px; margin-top: 5px; }
	section.program_sec .program_category .program_category_item:nth-child(n+5) { margin-top: 0px; }
	section.program_sec .program_category .program_category_item { width: calc(50% - 7.5px); }

	section.program_sec .program_ing .program_ing_slider .program_ing_item { font-size: 14px; }
	section.program_sec .program_ing .program_ing_label {
		width: 100px; font-size: 12px; 
		height: 25px; line-height: 25px;
	}
	section.program_sec .program_ing .program_ing_slider::before { display: none; }
	section.program_sec .program_ing .program_ing_slider {
		width: 100%;
		margin-top: 15px;
		padding-left: 0px;
		padding-right: 0px;
	}
	section.program_sec .program_ing { 
		margin-top: 45px;
		padding: 20px 20px 20px;
		flex-wrap: wrap;
	}
	section.program_sec .program_ing .program_ing_slider .slick-prev {
		right: 30px; top: -30px;
		width: 30px; height: 30px;
		background-size: 40px;
	}
	section.program_sec .program_ing .program_ing_slider .slick-next {
		top: -30px;
		width: 30px; height: 30px;
		background-size: 40px;
	}

	section.space_sec { padding: 60px 0px 60px; }
	section.space_sec > div.box { padding: 0px 20px 0px; }
	section.space_sec .space_category {
		margin-top: 30px;
		padding-bottom: 10px;
		overflow-x: auto;
	}



	section.space_sec .space_category > div { min-width: 565px; height: 40px; border-radius: 40px; }
	section.space_sec .space_category_item {
		height: 40px; line-height: 40px; 
		border-radius: 40px;
	    padding: 0px 20px;
		font-size: 12px;
	}
	section.space_sec .space_contents {
		height: calc((336 / 320) * 100vw);; margin-top: 35px;
	}

	section.space_sec .space_contents .space_contents_item {
		flex-wrap: wrap;
		align-items: normal;
	}

	section.space_sec .space_img { 
		width: 100%; height: auto;
		order: 1;
	}
	section.space_sec .space_contents .space_info {
		width: 100%; height: auto;
		order: 2;
		margin-top: 20px;
		padding-right: 0px;
	}

	section.space_sec .space_contents .space_info_title { font-size: 24px; }
	section.space_sec .space_contents .space_info_desc{ font-size: 14px; height: 4.5em; line-height: 1.5; }

	section.space_sec .space_contents .space_info_btn { margin-top: 20px; } 
	section.space_sec .space_contents .space_info_btn a {
		height: 40px;
        line-height: 38px;
        padding: 0px 30px;
        font-size: 14px;
	}

	
	section.members_sec { padding: 60px 0px 60px; }
	section.members_sec > div.box { padding: 0px 20px 0px; }

	section.members_sec .member_contents {
		margin-top: 30px;
	    gap: 20px;
	}
	section.members_sec .member_contents .member_item .member_desc { font-size: 14px; }
	section.members_sec .member_contents .member_item .member_title { font-size: 24px; margin-top: 5px; }

	section.members_sec .member_contents .member_item .member_bg { width: 100%; }
	section.members_sec .member_contents .member_item .member_info {
		width: 100%; height: auto;
		padding: 15px 10px;

	}


	section.members_sec .member_sub {
		width: 100%; height: auto; line-height: 1.5;
		margin-top: 30px;
		padding-top: 20px;
		border-top: 1px solid #000;

		color: #000; font-size: 12px; 

        letter-spacing: -0.3px;
        word-break: keep-all;
	}

}

@media (max-width: 749px) and (min-width: 480px) { 
	br.main_mo_01{ display: block; }
	br.main_mo_02{ display: block; }
	section.intro { padding-top: 60px; }
	section.intro > div.box { padding: 0px 20px 30px; }
	section.intro .intro_txt { font-size: 24px; }
	section.intro .intro_txt > span { font-size: 22px; }

	section.about_ulsan { padding: 60px 0px 60px; }
	section.about_ulsan .title { font-size: 20px; }
	section.about_ulsan .desc { font-size: 14px; }
	section.about_ulsan .btn a { 
		height: 45px;
		line-height: 41px;
	    padding: 0px 30px;
		font-size: 14px; 
	}
	section.about_ulsan .btn { margin-top: 30px; }

	section.program_sec { padding: 60px 0px 60px; }
	section.program_sec .program_banner .label { width: 100%; font-size: 14px; }
	section.program_sec > div.box { padding: 0px 20px 0px; }

	section.program_sec .program_banner.type_img { height: 95px; }
	section.program_sec .program_banner { 
		padding: 20px; 
		background-size: 150px auto;
		background-position: right center;
		display: grid;
	}
	section.program_sec .program_banner .bar { display: none; }
	section.program_sec .program_banner .title { 
		width: 100%;
		min-width: auto;
		font-size: 16px;
		margin-top: 10px;
	}


	section.program_sec .program_banner .btn {
		display: none;
		width: 130px;
		height: 45px;
		line-height: 43px;
	    padding: 0px 30px;
		font-size: 14px; 
		margin: 0px; margin-top: 30px;
	}
	

	section.program_sec .program_category { margin-top: 60px; }


	section .section_label span { font-size: 14px; }
	section .section_desc { font-size: 14px; word-break: keep-all; }
	section.program_sec .program_category .program_category_list { 
		gap: 15px;
		margin-top: 30px;
	}

	section.program_sec .program_category .program_category_item.blank { display: none; }
	section.program_sec .program_category .program_category_item .program_category_title { font-size: 14px; }
	section.program_sec .program_category .program_category_item:nth-child(n+5) { margin-top: 30px; }
	section.program_sec .program_category .program_category_item { width: calc(33.333% - 10px); }

	section.program_sec .program_ing .program_ing_slider .program_ing_item { font-size: 14px; }
	section.program_sec .program_ing .program_ing_label {
		width: 100px; font-size: 12px; 
		height: 25px; line-height: 25px;
	}
	section.program_sec .program_ing .program_ing_slider::before { display: none; }
	section.program_sec .program_ing .program_ing_slider {
		width: 100%;
		margin-top: 15px;
		padding-left: 0px;
		padding-right: 0px;
	}
	section.program_sec .program_ing { 
		margin-top: 45px;
		padding: 20px 20px 20px;
		flex-wrap: wrap;
	}
	section.program_sec .program_ing .program_ing_slider .slick-prev {
		right: 30px; top: -30px;
		width: 30px; height: 30px;
		background-size: 40px;
	}
	section.program_sec .program_ing .program_ing_slider .slick-next {
		top: -30px;
		width: 30px; height: 30px;
		background-size: 40px;
	}

	section.space_sec { padding: 60px 0px 60px; }
	section.space_sec > div.box { padding: 0px 20px 0px; }
	section.space_sec .space_category {
		margin-top: 30px;
		padding-bottom: 10px;
		overflow-x: auto;
	}



	section.space_sec .space_category > div { min-width: 600px; height: 40px; border-radius: 40px; }
	section.space_sec .space_category_item {
		height: 40px; line-height: 40px; 
		border-radius: 40px;
	    padding: 0px 20px;
		font-size: 13px;
	}
	section.space_sec .space_contents {
		height: 451px; margin-top: 35px;
	}

	section.space_sec .space_contents .space_contents_item {
		flex-wrap: wrap;
	}

	section.space_sec .space_img { 
		width: 440px; height: auto;
		order: 1;
	}
	section.space_sec .space_contents .space_info {
		width: 100%; height: auto;
		order: 2;
		margin-top: 20px;
		padding-right: 0px;
	}

	section.space_sec .space_contents .space_info_title { font-size: 24px; }
	section.space_sec .space_contents .space_info_desc{ font-size: 14px; }

	section.space_sec .space_contents .space_info_btn { margin-top: 20px; } 
	section.space_sec .space_contents .space_info_btn a {
		height: 45px;
        line-height: 43px;
        padding: 0px 30px;
        font-size: 14px;
	}

	
	section.members_sec { padding: 60px 0px 60px; }
	section.members_sec > div.box { padding: 0px 20px 0px; }

	section.members_sec .member_contents {
		margin-top: 30px;
	    gap: 20px;
	}
	section.members_sec .member_contents .member_item .member_desc { font-size: 14px; }
	section.members_sec .member_contents .member_item .member_title { font-size: 24px; margin-top: 5px; }

	section.members_sec .member_contents .member_item .member_bg { width: 100%; }
	section.members_sec .member_contents .member_item .member_info {
		width: 100%; height: auto;
		padding: 20px;

	}


	section.members_sec .member_sub {
		width: 100%; height: auto; line-height: 1.5;
		margin-top: 30px;
		padding-top: 20px;
		border-top: 1px solid #000;

		color: #000; font-size: 13px; 
	}

}

@media (max-width: 1023px) and (min-width: 750px) { 
	br.main_mo_01{ display: block; }
	section.intro { padding-top: 90px; }
	section.intro > div.box { padding: 0px 20px 30px; }
	section.intro .intro_txt { font-size: 35px; }
	section.intro .intro_txt > span { font-size: 32px; }


	section.about_ulsan { padding: 90px 0px 90px; }
	section.about_ulsan .title { font-size: 24px; }
	section.about_ulsan .desc { font-size: 16px; }
	section.about_ulsan .btn a { 
		height: 50px;
		line-height: 46px;
	    padding: 0px 45px;
		font-size: 16px; 
	}
	section.about_ulsan .btn { margin-top: 45px; }

	section.program_sec { padding: 90px 0px 90px; }
	section.program_sec .program_banner .label { width: 150px; font-size: 16px; }
	section.program_sec > div.box { padding: 0px 20px 0px; }

	section.program_sec .program_banner.type_img { height: 110px; }
	section.program_sec .program_banner { 
		padding: 30px 45px 30px 20px; 
		background-size: 200px auto;
		background-position: calc(100% - 150px) center;
	}
	section.program_sec .program_banner .title { 
		width: calc(100% - 150px - 61px - 140px - 30px);
		min-width: auto;
		font-size: 16px; 
	}
	

	section.program_sec .program_category { margin-top: 90px; }
	section.program_sec .program_category .program_category_item .program_category_title { font-size: 16px; }
	section.program_sec .program_category .program_category_list { 
		gap: 15px;
		margin-top: 45px;
	}
	section.program_sec .program_category .program_category_item { width: calc(25% - 11.5px); }

	section .section_label span { font-size: 16px; }
	section .section_desc { font-size: 16px; }

	section.program_sec .program_ing .program_ing_slider .program_ing_item { font-size: 16px; }
	section.program_sec .program_ing .program_ing_label {
		width: 120px; font-size: 14px; 
		height: 28px; line-height: 28px;
	}
	section.program_sec .program_ing .program_ing_slider::before {
	    left: 30px; 
	    height: 24px; margin-top: -12px;
	}
	section.program_sec .program_ing .program_ing_slider {
		width: calc(100% - 120px);
		padding-left: 61px;
		padding-right: 80px;
	}
	section.program_sec .program_ing { 
		margin-top: 45px;
		padding: 20px 20px;
	}
	section.program_sec .program_ing .program_ing_slider .slick-prev {
		right: 40px;
		width: 40px; height: 40px;
	}
	section.program_sec .program_ing .program_ing_slider .slick-next {
		width: 40px; height: 40px;
	}
	section.space_sec > div.box { padding: 0px 20px 0px; }
	section.space_sec .space_category > div { height: 45px; border-radius: 45px; }
	section.space_sec .space_category_item {
		height: 45px; line-height: 45px; 
		border-radius: 45px;
	    padding: 0px 20px;
		font-size: 14px;
	}
	section.space_sec .space_contents {
		height: 320px; margin-top: 45px;
	}

	section.space_sec .space_contents .space_contents_item {
	}

	section.space_sec { padding: 90px 0px 90px; }
	section.space_sec .space_category { margin-top: 45px; }
	section.space_sec .space_img { 
		width: 450px;
	}
	section.space_sec .space_contents .space_info {
		width: calc(100% - 450px); 
		padding-right: 20px;
	}

	section.space_sec .space_contents .space_info_title { font-size: 24px; }
	section.space_sec .space_contents .space_info_desc{ font-size: 14px; }

	section.members_sec { padding: 90px 0px 90px; }
	section.members_sec > div.box { padding: 0px 20px 0px; }

	section.members_sec .member_contents {
		margin-top: 45px;
	    gap: 20px;
	}
	section.members_sec .member_contents .member_item .member_desc { font-size: 16px; }
	section.members_sec .member_contents .member_item .member_title { font-size: 35px; margin-top: 5px; }
	section.space_sec .space_contents .space_info_btn { margin-top: 45px; } 
	section.space_sec .space_contents .space_info_btn a {
		height: 50px;
        line-height: 48px;
        padding: 0px 45px;
        font-size: 14px;
	}

	
	section.members_sec .member_contents .member_item .member_bg { width: 100%; }
	section.members_sec .member_contents .member_item .member_info {
		width: 100%; height: auto;
		padding: 20px;

	}


	section.members_sec .member_sub {
		float: right;
		width: 100%; height: auto; line-height: 1.5;
		margin-top: 45px;
		padding-top: 20px;
		border-top: 1px solid #000;

		color: #000; font-size: 16px; 
	}

}


@media (max-width: 1279px) and (min-width: 1024px) { 
	section.intro > div.box { padding: 0px 20px 45px; }
	section.intro .intro_txt { font-size: 55px; }
	section.intro .intro_txt > span { font-size: 48px; }


	section.about_ulsan .title { font-size: 35px; }
	section.about_ulsan .desc { font-size: 16px; }
	section.about_ulsan .btn a { font-size: 16px; }
	section.program_sec .program_banner .label { width: 200px; font-size: 22px; }

	section.program_sec > div.box { padding: 0px 20px 0px; }

	section.program_sec .program_banner.type_img { height: 140px; }
	section.program_sec .program_banner { padding: 45px 45px 45px 20px; }
	section.program_sec .program_banner .title { font-size: 18px; }

	section.program_sec .program_category .program_category_item .program_category_title { font-size: 16px; }

	section.program_sec .program_ing .program_ing_slider .program_ing_item { font-size: 16px; }
	section.program_sec .program_ing .program_ing_label { font-size: 15px; }
	
	section.space_sec > div.box { padding: 0px 20px 0px; }
	section.space_sec .space_category > div { height: 50px; border-radius: 50px; }
	section.space_sec .space_category_item {
		height: 50px; line-height: 50px; 
		border-radius: 50px;
		font-size: 15px;
	}
	section.space_sec .space_img { 
		width: 600px;
	}
	section.space_sec .space_contents .space_info { width: calc(100% - 600px); }

	section.space_sec .space_contents .space_info_title { font-size: 36px; }
	section.space_sec .space_contents .space_info_desc{ font-size: 18px; }

	section.members_sec .member_contents .member_item .member_desc { font-size: 16px; }
	section.members_sec .member_contents .member_item .member_title { font-size: 35px; }
	
	section.members_sec .member_contents .member_item .member_bg { width: 650px; }
	section.members_sec .member_contents .member_item .member_info { width: calc(100% - 650px); }
	section.members_sec > div.box { padding: 0px 20px 0px; }

	section.members_sec .member_sub {
		float: right;
		width: 650px; height: auto; line-height: 1.5;
		margin-top: 80px;
		padding-top: 20px;
		border-top: 1px solid #000;

		color: #000; font-size: 16px; 
	}

}









#popup_bg {
	display: none;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: #101010;
	z-index: 99999;
	opacity: 0.4;
}

#popup_containner {
	display: none;
	top: 100px; left: 50%;
	max-width: 720px; width: 100%; height: auto; 
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	z-index: 999999;
}
#popup_containner > div {
	width: 100%; height: auto;
	padding: 0px 30;
	box-sizing: border-box;
}

#popup_slider {	width: 100%; max-width: 100%; height: auto; }
#popup_slider > img { width: 100%; max-width: 100%; height: auto;}
#popup_slider_item {
	top: 0px; left: 0px;
	width: 100%; height: calc(100% - 40px);
	margin-bottom: 0px;
}

#popup_slider_item img { width: 200%; height: 100%; max-height: auto; cursor: pointer; }
#popup_info {
	width: 100%; height: 40px; line-height: 40px;
	padding: 0px 12px;
	background-color: #fff;
	box-sizing: border-box;
}
#popup_info .check {
	font-size: 15px; color: #101010; 
	top: 50%; left: 12px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	cursor: pointer; 
	z-index: 1;
}
#popup_info span { font-family: "dotum" !important; font-size: 13px; color: #101010; margin-left: 20px; cursor: pointer; }
#popup_info .close { 
	cursor: pointer; 
	font-size: 20px; color: #101010; 
	top: 50%; right: 12px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	z-index: 1;

}

#popup_slider_item .slick-prev, #popup_slider_item .slick-next { display: none !important; }

#popup_containner .popup_arrow {
	top: 50%; 
	width: auto; height: auto;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
#popup_containner .popup_arrow i { font-size: 80px; color: #fff; margin-top: -40px; }

#popup_prev { left: -80px; }
#popup_next { right: -80px; }

#popup_slider_item .slick-dots { bottom: 2%; }

#popup_slider_item  .slick-dots li { width: 12px; height: 12px; background-color: #fff; border-radius: 100%; opacity: 0.6; }
#popup_slider_item  .slick-dots li * { display: none; }
#popup_slider_item  .slick-dots li.slick-active { opacity: 1;  }

@media (max-width: 479px){ 
	#popup_containner { top: 60px; }
	#popup_containner > div { padding: 0px 20px; }
	#popup_containner .popup_arrow i { font-size: 25px; font-weight: bold; }
	#popup_prev { left: 0px; }
	#popup_next { right: 0px; }
	#popup_slider_item .slick-dots { bottom: 3%; }
	#popup_slider_item .slick-dots li { width: 10px; height: 10px; }
	#popup_info span { font-size: 12px; }
	#popup_info .close { font-size: 18px; }
	#popup_info .check { font-size: 15px; }
	#popup_info { height: 35px; line-height: 35px; }
}

@media (max-width: 749px) and (min-width: 480px) { 
	#popup_containner { top: 60px; }
	#popup_containner > div { padding: 0px 20px; }
	#popup_containner .popup_arrow i { font-size: 45px; }
	#popup_prev { left: 0px; }
	#popup_next { right: 0px; }
	#popup_slider_item .slick-dots { bottom: 5%; }
	#popup_slider_item .slick-dots li { width: 10px; height: 10px; }
	#popup_info span { font-size: 12px; }
	#popup_info .close { font-size: 18px; }
	#popup_info .check { font-size: 15px; }
	#popup_info { height: 35px; line-height: 35px; }
}

@media (max-width: 1023px) and (min-width: 750px) { 
	#popup_containner { top: 60px; }

	#popup_containner > div { padding: 0px 20px; }
	#popup_containner .popup_arrow i { font-size: 60px; }
	#popup_prev { left: 30px; }
	#popup_next { right: 30px; }
}

@media (max-width: 1279px) and (min-width: 1024px) { 
	
}