@charset "utf-8";
/*------------------------------------------------------------
	C1-1
------------------------------------------------------------*/
.teacher .c_list_2{
	margin-right:-3%;
}
.teacher .c_item_2{
	width:47%;
	margin-right:3%;
}
.teacher .c_title_2{margin:15px 0;}
.teacher.parent .link_btn{margin-top:65px;}
.teacher.parent .link_btn a{
	width:100%;
	color:#000;
	text-decoration:underline;
	font-size:1.6rem;
	letter-spacing:1.28px;
	line-height:2.7rem;
	font-weight:500;
	padding:15px 15px 16px;
	background:none !important;
}
.teacher.parent .link_btn a span{padding-left:20px;background: url("https://www.juyoungoh.com/img/common/popup_blue.svg") transparent no-repeat center left;}
.teacher.parent .link_btn a:hover{text-decoration:none;}
/*------------------------------------------------------------
	C1-2
------------------------------------------------------------*/
.parent_teacher .content_area{padding-bottom:65px;}
#teacher_top{margin:55px 0 50px;}
#teacher_tab_list{
	display:flex;
	justify-content:space-between;
	padding-left:0;
}
.teacher_tab_item{
	list-style:none;
	margin:0 !important;
	width:32.181%;
}
.teacher_tab_link{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:500;
	line-height:2.7rem;
	height:100%;
	padding:14px 2px 12px;
	text-align:center;
	text-decoration:none;
	transition:all 0.3s;
}
.teacher_tab_link::before{
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:1px;
	bottom:0;
	left:0;
	background:#ddd;
}
.teacher_tab_link::after{
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:1px;
	bottom:0;
	left:0;
	background:#0099FF;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform 0.3s;
}
.teacher_tab_link:hover,.on .teacher_tab_link{color:#09f;border-color:#09f;}
.teacher_tab_link:hover::after,.on .teacher_tab_link::after{
	transform-origin:left top;
	transform:scale(1, 1);
}
.accordion_btn{
	position:relative;
	letter-spacing:1.8px;
	line-height:1.93em;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:15px 40px 15px 20px;
	cursor:pointer;
}
.accordion_btn::after{
	position:absolute;
	content:"";
	width:8px;
	height:8px;
	border-right:1px solid #09f;
	border-bottom:1px solid #09f;
	transform:rotate(45deg);
	top:calc(50% - 2px);
	right:22px;
	transition:all 0.3s;
}
.accordion_btn.open::after{transform:rotate(225deg);}
.accordion_content{display:none;}
.teacher_toc{margin:45px 0;}
.parent_teacher h2{margin-top:98px;}
.product h2{color:#6479BF;}
.product h2::before{background-color:#6479BF;}
.visual h2{color:#C55B92;}
.visual h2::before{background-color:#C55B92;}
.art-craft h2{color:#F3921E;}
.art-craft h2::before{background-color:#F3921E;}
.architecture-environmental h2{color:#4A9E59;}
.architecture-environmental h2::before{background-color:#4A9E59;}
.archive_teacher_list{
	display:flex;
	flex-wrap:wrap;
	padding-left:0;
	margin:0;
}
.archive_teacher_item{
	list-style:none;
	width:22.9%;
	margin:50px 2.8% 0 0;
}
.archive_teacher_item:nth-child(-n+4){margin-top:0;}
.archive_teacher_item:nth-child(4n){margin-right:0;}
.archive_teacher_link{
	display:flex;
	flex-direction:column;
	height:100%;
	text-decoration:none !important;
	transition:all 0.3s;
}
.archive_teacher_img{
	flex-shrink:0;
	position:relative;
	width:100%;
	padding-top:100%;
}
.archive_teacher_img_wrap{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.archive_teacher_img_wrap img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all 0.3s;
}
.archive_teacher_txt{
	height:100%;
	padding-bottom:40px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat right 10px bottom 20px;
	border-bottom:2px solid #ddd;
}
.product .archive_teacher_txt{
	background-image:url("https://www.juyoungoh.com/img/common/arrow_r_s_product.svg");
	border-color:#6479BF;
}
.visual .archive_teacher_txt{
	background-image:url("https://www.juyoungoh.com/img/common/arrow_r_s_visual.svg");
	border-color:#C55B92;
}
.art-craft .archive_teacher_txt{
	background-image:url("https://www.juyoungoh.com/img/common/arrow_r_s_art-craft.svg");
	border-color:#F3921E;
}
.architecture-environmental .archive_teacher_txt{
	background-image:url("https://www.juyoungoh.com/img/common/arrow_r_s_architecture-environmental.svg");
	border-color:#4A9E59;
}
.archive_teacher_title{
	font-size:1.5rem;
	letter-spacing:1.22px;
	line-height:1.93em;
	margin:12px 0 2px;
	padding:0;
	transition:color 0.3s;
}
.product a:hover .archive_teacher_title{color:#6479BF;}
.visual a:hover .archive_teacher_title{color:#C55B92;}
.art-craft a:hover .archive_teacher_title{color:#F3921E;}
.architecture-environmental a:hover .archive_teacher_title{color:#4A9E59;}
.archive_teacher_title::before{display:none;}
.archive_teacher_position{
	margin-top:-3px;
	font-size:1.2rem;
	letter-spacing:0.97px;
	line-height:2.25em;
	color:#6D7277;
}
a:hover .archive_teacher_img_wrap img{transform:scale(1.03);}
.archive_teacher_link:hover .archive_teacher_title{color:#09f;text-decoration:none;}
.department_btn{margin:50px auto 100px;}
.grad_teacher_list{
	display:flex;
	flex-wrap:wrap;
}
.grad_teacher_item{
	width:50%;
	padding-right:20px;
}
.graduate-school .department_btn{margin-bottom:0;}


/*----- single -----*/
.column_teacher{
	display:flex;
	flex-wrap:wrap;
	padding-top:117px;
}
.teacher_box_l{
	position:relative;
	width:36.363%;
	padding-right:4.545%;
}
.teacher_box_l::after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:2px;
	height:100%;
	background:linear-gradient(to bottom, #666, #666 1px, #fff 1px, #fff 2px) repeat-y top/2px 3px;
}
.teacher_box_r{
	width:63.636%;
	padding-left:4.545%;
}
.teacher_name{
	font-size:2.6rem;
	font-weight:500;
	letter-spacing:3.12px;
	margin-top:23px;
}
.teacher_name_en{
	font-size:1.2rem;
	letter-spacing:1.44px;
	color:#6D7277;
	margin:0 !important;
}
.column_teacher h2{margin-bottom:18px;}
.column_teacher p{margin-top:0;}
.teacher_box_l *:last-child{margin-bottom:0;}
.teacher_box_r *:first-child{margin-top:0;}
.teacher_box_r *:last-child{margin-bottom:0;}

.pt0 { padding-top: 0;}
.teacher_box_r h3 {
	margin-bottom: 2px;
}
.professor_name_en{
	font-size:1.2rem;
	letter-spacing:1.44px;
	color:#6D7277;
	margin:0 0 8px !important;
}
.professor_position {
	line-height: 1.5;
	font-size:1.2rem;
}


@media screen and (max-width:1024px){

/*----- single -----*/
.column_teacher{padding-top:47px;}
.teacher_name{
	font-size:2.3rem;
	letter-spacing:2.76px;
}

}


@media screen and (max-width:767px){

.parent_teacher .content_area{padding-bottom:60px;}
.parent_teacher .page_link a{
	font-size:1.1rem;
	letter-spacing:0.5px;
}
.academics .c_item_2:nth-child(-n+4){
	width:48.358%;
	margin-right: 0;
}
.teacher_r_table th,
.teacher_r_table td,
.teacher_r_table td a{font-size:1.0rem !important;}
.parent_teacher h2{margin-top:58px;}

/*------------------------------------------------------------
	C1-2
------------------------------------------------------------*/
#teacher_top{margin:35px 0 30px;}
.teacher_tab_link{line-height:1.5rem;}
.archive_teacher_item{
	width:48.358%;
	margin:0 0 40px 0 !important;
}
.archive_teacher_item:nth-child(odd){
	margin-right:3.284% !important;
}
.archive_teacher_img img{width:100%;}
.archive_teacher_txt{
	padding-bottom:30px;
	background-position-x:right;
}
.archive_teacher_txt{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_l_black.svg");}
.product .archive_teacher_txt{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_l_product.svg");}
.visual .archive_teacher_txt{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_l_visual.svg");}
.art-craft .archive_teacher_txt{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_l_art-craft.svg");}
.architecture-environmental .archive_teacher_txt{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_l_architecture-environmental.svg");}
.archive_teacher_title{
	margin:12px 0 0px;
	line-height:2.2rem;
}
.department_btn{margin:0 auto 60px;}

.teacher_r_table td .grad_teacher_list{
	display:block;
}
.teacher_r_table td .grad_teacher_item{
	width:auto;
}


/*----- single -----*/
.column_teacher{display:block;}
.teacher_name{
	font-size:2rem;
	letter-spacing:2.4px;
	margin-top:22px;
	text-align:center;
}
.teacher_name_en{
	margin-top:-2px !important;
	text-align:center;
}
.teacher_img{
	width:240px;
	margin:auto;
}
.teacher_box_l, .teacher_box_r{
	width:auto;
	padding:0;
}
.teacher_box_l::after{display:none;}

.teacher_post h2{margin:40px 0 10px !important;}

}