/* *******************************************************
 * filename : board.css
 * description : CSS
 * date : 20240530
******************************************************** */

/* board_common */

.board_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.board_top input {
    border: none;
    height: 38px;
}

.board_top .total {
    /* float: left; */
    color: var(--c-black-1);
    font-size: 1.375rem;
    font-weight: 500;
}

.board_top .total .gr {
    color: var(--c-black-3);
    font-size:  1.375rem;
	margin-right: 10px;

}

.board_top .total .sm {
    font-size: 16px;
}

.board_top .search_form {
    /*float: right; */
    display: flex;
    align-items: center;
    /* flex-wrap: wrap; */
    gap: 10px;
    width: 100%;
}

select {
    width: auto;
    min-width: 120px;
    /*height: 40px;*/
    border: 1px solid #ccc;
    padding: 0 8px;
    margin-right: 4px;
	background:#fff;
}
.board_top select {
    width: 200px;
    height: 40px;
    border: 1px solid #ccc;
    padding: 0 8px;
    margin-right: 0;
    background:#fff;
    border-radius: 5px;
    font-weight: 400;
    transform: rotate(0.03deg);
}
.board_top.faq select {
    /* width: auto; */
}
.search_group {
    width: calc(100% - 130px);
    height: 40px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.search_group input#schText {
    width: 370px;
    height: 38px;
    padding: 0 12px;
    border: none;
    transform: rotate(0.03deg);
    font-weight: 400;
}
input#schText {
    height: 38px;
    padding: 0 12px;
    border: none;
}
.search_form_center .search_group input#board_search {
    border: none;
    text-indent: -9999px;
    background: url(../images/common/ic_search.png) center no-repeat #8b0029;
    width: 50px;
    height: 50px;
    margin-right: 0;
}
input#board_search {
    border: none;
    text-indent: -9999px;
    background: url(../images/common/ic_search_clr.png) center no-repeat;
    width: 26px;
    height: 24px;
    margin-right: 8px;
    background-size: contain;
}
.depart_btn {
    width: 80px;
    height: 40px;
    line-height: 40px;
    background: var(--main-color-2);
    text-align: center;
    font-weight: 500;
    color: #fff;
    border-radius: 0.5rem;
    /* margin: 0 0 0 10px; */
}
.board_inner:before {
    /* content: ""; */
    /* width: 100%; */
    height: 3px;
    /* display: block; */
    /* background: #111; */
}
.board_bottom {
    /* position: relative; */
    overflow: hidden;
	margin-top: 2.5rem;
}

a.btn_back {
    display: inline-block;
    text-align: center;
    float: right;
    width: 120px;
    background: #828e95;
    height: 42px;
    line-height: 42px;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    border-radius: var(--radius-all-xxs);
    font-size: var(--txt-lg);
}
.board_inner .info span.line {
    color: #999 !important;
    font-weight: 200 !important;
    padding: 0 0.5rem !important;
    font-size: 0.825rem !important;
    line-height: 1rem;
}

.type_line td {
    /* padding: 40px 0; */
    padding: 18px 0;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
}

.board_img_wrap ul {
    overflow: hidden;
}

.board_img_wrap ul li {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
}

.board_img_wrap ul li:nth-child(2n) {
    margin-right: 0;
}

/* pager */

.pager {
	/* margin-top: 50px; */
}

.pager ul {
    margin:0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center; 
}

.pager li {
    width: 40px;
    height: 40px;
    margin-right: 3px;
    line-height: 40px;
    text-align: center;
    color: var(--c-black-2);
    font-size: 1.125rem;
    /* background: #fff; */
    cursor: pointer;
    font-weight: 400;
}
.pager li img {vertical-align: middle;}
.pager li.on {
    /* background: var(--c-black-6);
    border-radius: var(--radius-all-lg); */
    color: var(--main-color);
    font-weight: 600;
}

.pager li a {
    color: #333;
}

.pager li.on a {
    color: #fff;
}

.flex input { margin-right:4px; margin-bottom:2px; }
.flex select { margin-right:4px; margin-bottom:4px; }
.flex span { display: inline-block;margin-right:4px;}


.i_sup5 input { max-width:132px; }

/* board_notice */
.cate {
    margin-right: 6px;
    display: inline-block;
    font-size: var(--txt-md-1);
    font-weight: 600;
    line-height: 1rem;
    /* margin-bottom: 1rem; */
    color: var(--c-black-2);
    padding: 5px;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    border-radius: 3px;
    border: 1px solid var(--main-color);
}
.cate.cate01 {
    background: var(--main-color);
    color: #fff;
}
.cate.cate02 {
    border: 1px solid var(--main-color-2);
    /* color: var(--sub-color); */
}
.cate.cate03 {
    background: var(--sub-color-2);
}
.cate.cate04 {
    background: var(--sub-color-3);
}
.cate.cate05 {
    background: var(--sub-color-4);
}
.type_line td p {
    color: #343434;
    font-size: 16px;
    line-height: 24px;
}
.notice .cont {
    width: 100%;
    /* background: var(--c-black-6); */
    padding: 1.5rem;
    border-radius: var(--radius-all-xs);
    border: 1px solid var(--c-black-5);
}
.notice .cont .tit span.no {
    font-size: var(--txt-lg);
    line-height: 1.4em;
    margin-right: 10px;
    font-weight: 400;
    color: #666;
}

.notice .cont .tit_wrap {/*margin-bottom:15px;*/overflow:hidden;font-weight: 700;display: flex;justify-content: space-between;align-items: center;}
.notice .cont .txt_wrap {
    max-height: 49px;
    line-height: 1.6em;
    overflow: hidden;
    transform: rotate(-.03deg);
    font-weight: 400;
    margin-top:1rem;
}
.notice .cont .refc_comm {
	width:100%;
    max-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

.notice .cont .tit {
	max-width: calc(100% - 18.75rem);
	max-height: 1.875rem;
	overflow: hidden;
	display: flex;
    align-items: center;
}
.notice .cont .tit p {
    font-size: var(--txt-lg);
    color: var(--c-black-1);
    font-weight: 500;
    line-height: 1.4em;
    transform: rotate(0.03deg);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* white-space: pre; */
    text-overflow: ellipsis;
    overflow: hidden;
}
.notice .cont .info {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.notice .cont .info p {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
}
.notice .cont .info .state {
	font-size: 1rem;
	margin: inherit;
	margin-top: 0;
    padding: 4px 6px 4px 6px;
    border-radius: var(--radius-all-xxs);
}
.notice .cont .info .state:before {
	display: none;
}
.notice .cont>div { height:48px; line-height:1.6em; overflow:hidden; }
.notice .cont>div img { display:none; }
.notice .cont>div.refc_file {
    height: auto;
}


.notice .cont>div.refc_file {
    padding: 20px;
    overflow: hidden;
    padding: 0;
    margin-top: 6px;
}

.notice .cont>div.refc_file h3 {
    float: left;
    position: relative;
    padding-right: 12px;
    line-height: 1.6em;
}

.notice .cont>div.refc_file .file_list {
    float: left;
    padding-left: 12px;
}

.notice .cont>div.refc_file h3:after {
    content: '';
    width: 1px;
    height: 15px;
    background: #999;
    position: absolute;
    right: 0;
    top: 5px;
}

.notice .cont>div.refc_file .file_list li {
    font-size: 15px;
    line-height: 1.6em;
}

.notice .cont>div.refc_file .file_list li a {
    color: #760023;
    font-weight: 500;
    position: relative;
    display: block;
    padding-right: 31px;
    font-size: 16px;
}
.notice .cont>div.refc_file .file_list li a:hover {
	text-decoration: underline;
}

.notice .cont>div.refc_file .file_list .file_count a span{
    width: 20px;
    height: 20px;
    background: var(--main-color);
    display: block;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 3px;
}

/*  */
.type_paper {}

.type_paper ul {
    overflow: hidden;
    margin-top: 50px;
}

.type_paper ul li {
    float: left;
    width: 240px;
    margin-right: 80px;
    margin-top: 50px;
	cursor: pointer;
}

.type_paper ul li:nth-child(4n) {
    margin-right: 0;
}

.type_paper ul li:nth-child(-n+4) {
    margin-top: 0;
}

.type_paper ul li .img_wrap {
    width: 240px;
    height: 315px;
    overflow: hidden;
    margin-bottom: 20px;
	border: 1px solid #e1e1e1;
	position:relative;
}

.type_paper ul li .img_wrap img {
	width:100%;
	height:100%;
}
.type_paper ul li .info {
    text-align: center;
}

.type_paper ul li .info .tit {
    font-size: 18px;
    margin-bottom: 8px;
    color: #222;
    line-height: 1.4em;
    max-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.type_paper ul li .info .date {
    font-size: 15px;
}

.type_paper.library_book {}

.type_paper.library_book ul li .info .tit {
    height: 50px;
    overflow: hidden;
    text-align: left;
    margin-bottom: 12px;
}

.type_paper.library_book ul li .info .book_info {
    text-align: left;
    line-height: 1.5em;
    border-top: 1px solid #ddd;
    padding-top: 12px;
}

.type_paper.library_book ul li .info .book_info span {
    font-size: 15px;
    /* padding: 0 12px; */
    border-right: 1px solid #ddd;
    float: left;
    margin-right: 10px;
    padding-right: 12px;
}
.type_paper.library_book ul li .info .tit .recom {
    display: inline-block;
    font-size: 14px;
    background: #FF5722;
    padding: 0px 4px;
    border-radius: 2px;
    margin-right: 10px;
    color: #fff;
    height: 22px;
    line-height: 22px;
}

/*   */
.type_pic {
    margin-top: 2rem;
}

.type_pic .represent {
    height: 400px;
    border: 1px solid #dbdbdb;
	background: #fff;
}

.type_pic .represent .img_area {
    float: left;
    width: 50%;
	height:100%;
    text-align: center;
    overflow: hidden;
	border-right:1px solid #ddd;
	background: #efefef;
}
.type_pic .represent .text_area {
    width: 50%;
    height: 100%;
    float: left;
    padding: 50px;
}

.type_pic .represent .img_area img {
    /*width: 100%;*/
	height:100%;
}

.type_pic .represent .img_area iframe { width: 100%; }

.type_pic .represent .text_area .wrapper {
    position:relative;
    width:100%;
    height:100%;
    padding-top: 0;
}
.type_pic .represent .text_area .tit {
    font-size: 28px;
    color: #111;
    line-height: 1.3em;
    font-weight: 500;
    margin-bottom: 28px;
    max-height: 72px;
    overflow: hidden;
    /*text-overflow: ellipsis;
    white-space: pre;
	*/
}

.type_pic .represent .text_area .context {
    line-height: 1.5em;
    max-height: 120px;
    overflow: hidden;
	text-align:left !important;
}
.type_pic .represent .text_area .context>div, 
.type_pic .represent .text_area .context>div>p,
.type_pic .represent .text_area .context>p {
	text-align:left !important;
	font-size:15px;
}
.type_pic .represent .text_area .context img {
    display: none;
}

.type_pic .represent .text_area .info {
    position:absolute;
    bottom:0;
}
.type_pic .represent .text_area .info .date,
.type_pic .represent .text_area .info .views {
    position: relative;
    padding-right: 20px;
    display: inline-block;
    font-size: 14px;
    color: #676767;
}
.type_pic .represent .text_area .info .date:after {
    content: '';
    display: inline-block;
    margin: 0 8px;
    width: 2px;
    height: 14px;
    background: #d0d0d0;
    position: absolute;
    right: 0;
    top: 5px;
}
.type_pic .image_grid {
    /* margin-top: 50px; */
}

.type_pic .image_grid .inner_line {
    padding: 28px 0;
    border-top: 1px solid #ddd;
    overflow: hidden;
    display: flex;
}
.type_pic .image_grid .inner_line:last-child {
    border-bottom: 1px solid #ddd;
}
.type_pic .image_grid .inner_line .cont {
    width: 50%;
    float: left;
    padding-right: 40px;
    overflow: hidden;
}

.type_pic .image_grid .inner_line .cont .img_area {
    width: 240px;
    height: 170px;
    float: left;
    margin-right: 30px;
	border:1px solid #e1e1e1;
	text-align: center;
	background: #efefef;
}
.type_pic .image_grid .inner_line .cont .img_area img {
	/*width:100%;*/
	height: 100%;
}
.type_pic .image_grid .inner_line .cont .text_area {
    float: left;
    width: calc(100% - 270px);
    height: auto;
    padding: 10px 0;
}

.type_pic .image_grid .inner_line .cont .text_area .tit {
    font-size: 19px;
    color: #111;
    font-weight: 500;
    line-height: 22px;
    max-height: 44px;
	overflow:hidden;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 20px;*/
}
.type_pic .image_grid .inner_line .cont .text_area .wrapper {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 0;
}

.type_pic .image_grid .inner_line .cont .text_area .context {
    line-height: 1.4em;
    max-height: 45px;
    overflow: hidden;
	margin-top:14px;
}
.type_pic .image_grid .inner_line .cont .text_area .context img { display:none; }
.type_pic .image_grid .inner_line .cont .text_area .info {
    margin-top: 26px;
}

.type_pic .image_grid .inner_line .cont .text_area .info .date,
.type_pic .image_grid .inner_line .cont .text_area .info .views {
    position: relative;
    padding-right: 20px;
    display: inline-block;
    font-size: 14px;
    color: #676767;
}
.type_pic .image_grid .inner_line .cont .text_area .info .date:after {
    content: '';
    display: inline-block;
    margin: 0 8px;
    width: 2px;
    height: 15px;
    background: #d0d0d0;
    position: absolute;
    right: 0;
    top: 5px;
}

.type_pic.ex_pro .image_grid .inner_line .cont .img_area {
    width: 130px;
}

.type_pic.ex_pro .image_grid .inner_line .cont .img_area img {
    width: 100%;
    height: auto;
}

.type_pic.ex_pro .image_grid .inner_line .cont .text_area {
    width: calc(100% - 160px);
}


/* calendar */
.type_pic .image_grid.calendar_grid .date_area .day {
    width: 42px;
    margin-right: 30px;
    float: left;
    text-align: center;
    vertical-align: middle;
}

.type_pic .image_grid.calendar_grid .date_area .day .month {
    display: block;
    font-size: 15px;
    color: var(--sub-color);
    font-weight: 500;
    margin-bottom: 6px;
}

.type_pic .image_grid.calendar_grid .date_area .day .date {
    font-size: 30px;
    color: var(--sub-color);
    font-weight: 600;
}
.type_pic .image_grid.calendar_grid .inner_line .cont .text_area {
    width: calc(100% - 72px);
    padding: 0;
}


/* gallery */
.type_pic .image_grid_v {
	/*overflow: hidden;*/
	display: flex;
    justify-content: flex-start;
    gap: 2rem;
	width: 100%;
	flex-wrap: wrap;
}

.type_pic .image_grid_v .inner_line {
    padding: 28px 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
/*.type_pic .image_grid_v .inner_line:last-child {
    border-bottom: 1px solid #ddd;
}*/
.type_pic .image_grid_v .cont {
    width: calc((100% - 4rem) / 3);
	background: #fff;
}
.type_pic .image_grid_v.awards .cont {
    width: calc((100% - 8rem) / 5);
	background: #fff;
}
.type_pic .image_grid_v .cont .img_area {
    width: 100%;
    aspect-ratio: 16/9;
    border:1px solid var(--c-black-5);
    text-align: center;
    background: #efefef;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-all-sm);
    position: relative;
}
.type_pic .image_grid_v.video .cont .img_area:hover::before {
    content: '';
    position: absolute; 
    background: url(../images/sub/logo_youtube.png) no-repeat center rgba(0, 0, 0, 0.5);
    background-size: 60px;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.type_pic .image_grid_v.awards .cont .img_area {
    aspect-ratio: 5 / 7;
    border-radius: 0;
}
.type_pic .image_grid_v .cont .img_area img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}
.type_pic .image_grid_v .cont .img_area img:hover {transform: scale(1.1);}
.type_pic .image_grid_v .cont .text_area {
    width: 100%;
    /* height: 100%; */
    padding: 1.5rem 0px;	
}
.type_pic .image_grid_v.awards .cont .text_area {
    width: 100%;
    /* height: 100%; */
    padding: 1.5rem 0px;	
    border: 1px solid var(--c-black-5);
    border-radius: var(--radius-all-sm);
}

.type_pic .image_grid_v .cont .text_area .tit p {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    max-height: 3.25rem;
    overflow: hidden;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 20px;*/
    word-break: break-word;
}
.type_pic .image_grid_v .cont .text_area .wrapper {
    position: relative;
    width: 100%;
    /* height: 100%; */
	/* padding: 0 1rem; */
}

.type_pic .image_grid_v .cont .text_area .context {
    line-height: 1.4em;
    max-height: 45px;
    overflow: hidden;
	margin-top:14px;
}
.type_pic .image_grid_v .cont .text_area .context img { display:none; }
.type_pic .image_grid_v .cont .text_area .info {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.type_pic .image_grid_v .cont .text_area .info_sm {margin-top: 0.5rem;}
.type_pic .image_grid_v .cont .text_area .info span {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    color: #676767;
}

.type_pic .image_grid_v.video .cont {
    position: relative;
}

.type_pic .image_grid_v.video .cont strong { display: block; width: 100%; height: 100%; position: absolute; background: #000; top:0; color:#fff; letter-spacing: normal; text-align: center; opacity: 0; z-index: 1; padding: 30px;letter-spacing: 0.5px;}
.type_pic .image_grid_v.video .cont a:hover strong {opacity: 0.6; transition: 0.3s;}
.type_pic .image_grid_v.video .cont strong.detail {right:0;    overflow-y: auto;}
.type_pic .image_grid_v.video .cont a:hover strong br{ display: block; }


/* certification */
.type_pic .image_grid {
	/*overflow: hidden;*/
	display: flex;
    justify-content: flex-start;
    gap: 2rem;
	width: 100%;
	flex-wrap: wrap;
}

.type_pic .image_grid .cont {
    width: calc((100% - 8rem) / 5);
	background: #fff;
    cursor: pointer;
}
.type_pic .image_grid .cont .img_area {
    width: 100%;
    /* height: 342px; */
    /* aspect-ratio: auto; */
    aspect-ratio: 7 / 10;
    border:1px solid #e1e1e1;
    text-align: center;
    background: #efefef;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-all-xxs);
}
.type_pic .image_grid .cont .img_area img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}
.type_pic .image_grid .cont .img_area img:hover {
    /* transform: scale(1.1); */
}
.type_pic .image_grid .cont .text_area {
    width: 100%;
    /* height: 100%; */
    padding: 1.5rem 0px;	
}

.type_pic .image_grid .cont .text_area .tit p {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    max-height: 3.25rem;
    overflow: hidden;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 20px;*/
    word-break: break-word;
}
.type_pic .image_grid .cont .text_area .wrapper {
    position: relative;
    width: 100%;
    /* height: 100%; */
	padding: 0;
}

.type_pic .image_grid .cont .text_area .context {
    line-height: 1.4em;
    max-height: 45px;
    overflow: hidden;
	margin-top:14px;
}
.type_pic .image_grid .cont .text_area .context img { display:none; }
.type_pic .image_grid .cont .text_area .info {
    margin-top: 1.25rem;
    display: flex;
    align-items: center;
}
.type_pic .image_grid .cont .text_area .info_sm {margin-top: 0.5rem;}
.type_pic .image_grid .cont .text_area .info span {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    color: #676767;
}


/* BOARD VIEW */
.board_view .title_info {
    overflow: hidden;
    border: 1px solid var(--c-black-5);
    /* background: var(--c-black-6); */
    /* padding: 2rem; */
    border-radius: var(--radius-all-sm);
    /* border-top: 1px #222 solid; */
}

.board_view .title_info .l_tit {
    float: left;
    /* width: calc(100% - 140px); */
    width: 100%;
}

.board_view .title_info .l_tit .wrapper {
    padding: 40px 0 30px;
    text-align: center;
}

.board_view .title_info .l_tit .tit {
    font-size: 2rem;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 25px;
}
.board_view .title_info .l_tit .tit .state {
	margin-bottom: 0.75rem;
}

.board_view .title_info .r_icon {
    float: right;
    padding: 45px 0;
}

.board_view .title_info .r_icon ul {
    overflow: hidden;
}

.board_view .title_info .r_icon ul li {
    float: left;
    margin-left: 6px;
}

.board_view .title_info .r_icon ul li:first-child {
    margin-left: 0;
}

.board_view .title_info .l_tit .info span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #676767;
}

.board_view .title_info .l_tit .info {
    display: flex;
    align-items: center;
    justify-content: center;
}

.board_view .contents_info {
    padding: 50px 0px;
	line-height:1.7em
}

.board_view .contents_info > table td  {
    /* border: inset; */
    padding: 5px;
}

.board_view .contents_info table, .board_view .contents_info tbody, .board_view .contents_info tfoot, .board_view .contents_info thead, .board_view .contents_info tr, .board_view .contents_info th, .board_view .contents_info td {
    border: 1px #ccc solid;
}
/* .board_view .contents_info table td {
    border: 2px solid #f0f2f5;
} */
.board_view .contents_info .board_btn {
	width: 100%;
	padding-top: 2rem;
	margin-top: 2rem;
	border-top: 1px dashed var(--sub-color-4);
}
.board_view .contents_info .board_btn .view_more {
	margin: 0 auto;
}
.board_view .contents_info img {
    margin: 10px auto;
    width: auto;
    height: auto;
    max-width: 100%;
}
.board_view .list_info {
    border-top: 1px solid  var(--c-black-5);
}

.board_view .list_info .list_line {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid var(--c-black-5);
    overflow: hidden;
}

.board_view .list_info .list_line .ic_area {
    float: left;
    width: 120px;
    position: relative;
    text-align: center;
    color: #333;
    font-size: 1rem;
    font-weight: 500;
}
.board_view .list_info .list_line .ic_area.prev:before {
     content:'';
     display:inline-block;
     width:6px;
     height:6px;
     margin:-5px 12px auto auto;
     vertical-align:middle;
     border-right:2px solid #666;
     border-top:2px solid #666;
     transform:rotate(-45deg);
     position:absolute;
     top:28px;
     left:10px;
}
.board_view .list_info .list_line .ic_area.next:before {
     content:'';
     display:inline-block;
     width:6px;
     height:6px;
     margin:-5px 12px auto auto;
     vertical-align:middle;
     border-right:2px solid #666;
     border-top:2px solid #666;
     transform:rotate(135deg);
     position:absolute;
     top:25px;
     left:10px;
    
}
.board_view .list_info .list_line .list_name {
    float: left;
    font-size: 1rem;
}

.board_view .list_info .list_line  .list_date {
    float: right;
    color: #666;
    font-size: 1rem;
    font-weight: 400;
}
.board_view .table_block tr td {
    text-align: left;
}
/* .btn_facebook, .btn_twitter, .btn_print {
    display: block;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:5px;
	color:#fff;
	text-align:center;
	font-size:20px;
} */

.file_info {
    border-top: 1px solid #e1e1e1;
    padding: 20px 0;
    overflow: hidden;
    display: flex;
}

.file_info h3 {
    float: left;
    position: relative;
    padding-right: 12px;
    line-height: 1.6em;
}

.file_info h3 span, .link_info h3 span {
    color: #222;
}

.file_info .file_list {
    float: left;
    padding-left: 12px;
}

.file_info h3:after {
    content: '';
    width: 1px;
    height: 15px;
    background: #999;
    position: absolute;
    right: 0;
    top: 5px;
}

.file_info .file_list li {
    font-size: 15px;
    line-height: 1.6em;
}

.file_info .file_list li a {
    /* color: #888; */
    font-weight: 400;
}

.file_info .file_list li a:hover {
    text-decoration: underline;
}

.link_info {
    border-top: 1px solid #e1e1e1;
    padding: 20px 0;
    overflow: hidden;
    display: flex;
}

.link_info h3 {
    float: left;
    position: relative;
    padding-right: 12px;
    line-height: 1.6em;
}

.link_info .file_list {
    float: left;
    padding-left: 12px;
}

.link_info h3:after {
    content: '';
    width: 1px;
    height: 15px;
    background: #999;
    position: absolute;
    right: 0;
    top: 5px;
}

.link_info .file_list li {
    font-size: 15px;
    line-height: 1.6em;
}

.link_info .file_list li a {
    /* color: #757575; */
    font-weight: 500;
}

.link_info .file_list li a:hover {
    text-decoration: underline;
}


/* ------------------------- button --------------------------*/
.pop_btn_area {width:100%;text-align:center;margin:20px auto;}
.btn {
    min-width: 150px;
    height: 50px;
    line-height: 50px;
    border: 1px solid rgba(255, 255, 255, 0);
    padding: 0 2rem;
    font-size: var(--txt-lg);
    font-weight: 500;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-all-xxs);
}
.btn_d {
    height: 55px;
    line-height: 55px;
    border: 1px solid rgba(255, 255, 255, 0);
    min-width: 150px;
    padding: 0 8px;
    font-size: 1rem;
    font-weight: 500;
	cursor:pointer;
    justify-content: center;
    align-items: center;
}
.btn_s {
    min-width: 100px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    color: #fff;
    border-radius: var(--radius-all-xxs);
    border: 1px solid rgba(0, 0, 0, 0);
    font-size: var(--txt-md-1);
    font-weight: 500;
}
.btn_s.co01 {
    background: var(--sub-color-2);
}
.btn_s.co02 {
    background: var(--main-color-2);
}
.btn_s.co03 {
    background: var(--sub-color-3);
}
.btn_s.line {
    color: var(--c-black-3);
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: #fff;
}
.btn_s.line:hover {
    color: var(--main-color);
    border: 1px solid var(--main-color);
}
.btn_s.nolink {
    color: var(--c-black-4);
    border: 1px solid rgba(0, 0, 0, 0.2);
    cursor: inherit;
}
.btn_xs {
    width: 72px;
    height: 32px;
    border-radius: 2px;
    color: #fff;
	border:none;
	display:inline-block;
	line-height:32px;
	text-align:center;
}
.btn_xxs {
    height: 32px;
    line-height: 32px;
    display: inline-block;
    padding: 0 24px;
    font-size: 0.925rem;
}
.btn a, .btn_s a {
	width:100%;
	height:100%;
	display:block;
}
.btn_full {
    color:#fff !important;
    background: var(--main-color) !important;
    border: none !important;
}
.btn_main_clr02 {
    color:#fff !important;
    background: var(--main-color-2) !important;
    border: none !important;
}
.btn_xs {
    height: 26px;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
	display: inline-block;
}
.btn_normal {
    /* border: 1px solid #ccc; */
    /* background: var(--main-color-2); */
    color: #fff;
}
.btn_normal.co01 {
    background: var(--main-color);
}
.btn_normal.co02 {
    background: var(--main-color-2);
}
.btn_normal.co03 {
    background: var(--sub-color);
}
.btn_normal_grey {
    /* border: 1px solid #ccc; */
    background: var(--c-black-4);
    color: #fff;
}
.btn_normal_b {
    border: 1px solid #757575;
    background: #fff;
    color: #333;
}
.btn_normal_b2 {
    border: 2px solid #999;
    background: #fff;
    color: #555;
}
.btn_normal_b3 {
    border: 1px solid var(--sub-color);
    color: var(--sub-color);
	border-radius: 3px;
}
.btn_normal_b_clr {
    border: 1px solid var(--main-color);
    background: #fff;
    color: var(--main-color);
}
.btn_normal_b_grey {
    border: 1px solid var(--c-black-5);
    background: #fff;
    color: var(--c-black-4);
}
.btn_normal_b_red {
    border: 1px solid #dc040e;
    background: #fff;
    color: #dc040e;
}
.btn_full a {
    color: #fff !important;
}
.btn_preview {
    color: #fff;
	background:#666;
}
.btn_preview a {
	color:#fff;
}
.btn_list {
    color: #fff;
    background: #dc040e;
}
.btn_list a {
    color: #fff;
}
.delete { 
    background: #555;
	color:#fff;
}
.btn_line {
    text-indent: 0;
    margin-top: 8px;
}
.btn_back {
    display: inline-block;
    text-align: center;
    float: right;
    width: 120px;
    background: #222;
    height: 40px;
    line-height: 40px;
    color: #fff;
	cursor: pointer;
}
.btn_min {
    height: 40px;
    line-height: 40px;
    border: 1px solid #aaa;
    padding: 0 12px;
    font-size: 0.875rem;
}
.btn_add {
    width: 80px;
    background: var(--main-color-2);
    color: #fff;
	border:none;
}
.btn_del {
    width: 80px;
    background: var(--sub-color-2);
    color: #fff;
	border:none;
}
.btn_link {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 24px;
    background: var(--main-color);
    color: #fff;
    border-radius: 2px;
}
/* .btn_search {
    height: 40px;
    padding: 0 16px;
    background: #bbb;
    display: inline-block;
    line-height: 32px;
    font-size: 0.925rem;
    color: #fff;
    border-radius: 2px;
	border:none;
	margin-left:4px;
	cursor:pointer;
} */
/* .btn_facebook, .btn_twitter, .btn_print {
    display: block;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:5px;
	color:#fff;
	text-align:center;
	font-size:20px;
} */
/* .btn_facebook { background:#3c5b9a; }
.btn_twitter { background:#1da1f4; }
.btn_print { background:#e1e1e1; color:#999; } */

.btn_lg {
    width: 30%;
    min-width: 150px;
    /* height: 50px; */
    line-height: 50px;
    border: 1px solid rgba(255, 255, 255, 0);
    padding: 1rem 2rem;
    font-size: var(--txt-xl);
    font-weight: 500;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-radius: var(--radius-all-sm);
    gap: 1rem;
}
.btn_lg img {
    width: 70px;
}
.contents .cal_left td { 
    text-align:left !important; 
    /*padding:15px; */
}

/**************************************************************/
/**************************************************************/
/******************************* 교수소개 *********************/
/**************************************************************/
/**************************************************************/
.card_templete {
    /* margin-top: 50px;*/
} 

.card {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    gap: 2rem;
}

.card li.item {
    width: calc(50% - 1rem);
    /* height: 270px; */
    /* margin-right: 2.5rem;
    margin-top: 2.5rem; */
    border: 1px solid var(--c-black-5);
    overflow: hidden;
    background: #fff;
    /* cursor: pointer; */
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: var(--radius-all-md);
    padding: 2rem;
    cursor: pointer;
}
.card li.item:hover {
    border-color: var(--main-color);
	transition: .2s;
}

.card li.item .pro_img {
    width: 168px;
    height: 100%;
    text-align: center;
    overflow: hidden;
	box-sizing: border-box;
    border: 1px solid #e8e8e8;
    border-radius: 0.875rem;
}

.card li.item .pro_img img {
    width: 100%;
	height: 100%;
    object-fit: cover;
}

.card li.item .pro_info {
    width: calc(100% - 168px);
    padding-left: 1.875rem;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    /* gap: 1rem; */
}

.card li.item .pro_info .pro_name {
    font-size: var(--txt-2xl);
    color: #111;
    margin-bottom: 1rem;
    line-height: 1.25rem;
    margin-top: 0.5rem;
}

.card li.item .pro_info .pro_name .ko_name {
    font-weight: 500;
    /*display: block;*/
}

.card li.item .pro_info .pro_name .eng_name {
    display: block;
    font-size: 1.1rem;
}
.card li.item .pro_info .pro_name .cate {
    display: block;
    margin-bottom: 10px;
    background: no-repeat;
    color: var(--main-color);
    padding: 5px 0;
}
.card li.item .pro_info .pro_sub {
    font-size: var(--txt-md);
    margin: 10px;
    line-height: 1rem;
	font-weight: 500;
	color: #444;
}
.card li.item .pro_info ul li {
    color: var(--c-black-2);
    font-size: var(--txt-sm);
    line-height: 1.25rem;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    /* white-space: pre; */
    margin: 5px 0;
}
.card li.item .pro_info ul .professor_flex{
    display: flex;
    flex-wrap: wrap;
}
.card li.item .pro_info ul .professor_flex strong{
    width: 100%;
    line-height: 1.25rem;
}
.card li.item .pro_info ul .professor_flex div{
    word-break: break-all;
    line-height: 1.2rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.card li.item .pro_info ul li strong {
	font-weight: 600;
	width: 65px;
	display: inline-block;
}
.card li.item .pro_info ul li span {
	width: calc(100% - 75px);
    display: inline-block;
}
.card li.item .pro_info ul li a {
    color: var(--main-color-2);
}
.card li.item .pro_info ul li a span {
    font-size: var(--txt-sm);
    padding-left: 0.25rem;
    vertical-align: middle;
    opacity: 0.75;
}
.card li.item .pro_info .more { 
    display: inline-block;
    float: right;
    color: var(--main-color-2);
    font-size: var(--txt-sm);
    vertical-align: middle;
    opacity: 0.75;
}

.card li.item .pro_info .more{position: relative;color: var(--main-color);font-weight: 800;font-family: var(--main-font);font-size: 0.925rem;}
/* .card li.item .pro_info .more::before {content: '';position: absolute;background: url(../images/common/symbol_round.svg) no-repeat;background-size: cover;width: 170%;aspect-ratio: 1/1;top: -95%;left: 50%;transform: translate(-50%);transition: 0.5s;} */

/* professor_list */
.people_wrap{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
}
.people_wrap .people_box {
    width: calc((100% - 6rem) /4);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    /* border-top: 3px solid var(--main-color-2); */
    border: 1px solid #fff;
    padding: 2rem 1rem;
    cursor: pointer;
    transition: border 0.5s ease, box-shadow 0.5s ease;
    /* gap: 2rem; */
    position: relative;
}
.people_wrap .people_box:hover {
    border: 1px solid var(--c-black-5);
}
.people_wrap .people_box.no_cursor {
    cursor: default;
}
.people_wrap .people_box.no_cursor:hover {
    /* border: none; */
}
.people_wrap .people_box.wide {
    width: 100%;
}
.people_wrap .people_box .img {
    /* border: 1px solid var(--c-black-5); */
    width: 85%;
    height: 250px;
    max-width: fit-content;
}	
.people_wrap .people_box.fulltime .img {
    border: 1px solid var(--c-black-5);
    width: auto;
    height: 300px;
}	
.people_wrap .people_box .txt {
    width: 100%;
    /* display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap; */
    text-align: center;
    /* padding: 2.5rem; */
}
.people_wrap .people_box .img img{
    /* width: 100%; */
    height: 100%;
    /* object-fit: cover; */
}

.people_wrap .people_box .txt h4{
    width: 100%;
    font-size: var(--txt-2xl);
    font-weight: 600;
    margin-top: 1rem;
    text-align: center;
}
.people_wrap .people_box .txt h4 span{
    font-size: var(--txt-lg);
    font-weight: 400;
    text-align: center;
    width: 100%;
    margin-left: 0.5rem;
}
.people_wrap .people_box .txt ul{
    margin-top: 1rem;
}
.people_wrap .people_box .txt ul li{
    font-size: var(--txt-md);
    font-weight: 400;
    color: var(--c-black-3);
    line-height: 1.5rem;
    min-height: 1.5rem;
    text-align: center;
}
.people_wrap .people_box .txt ul li span{
    font-weight: 500;
    color: var(--c-black-1);
    display: inline-block;
    margin-right: 10px;
}
.people_wrap .people_box .more {
    width: auto;
    padding: 10px 20px;
    font-size: var(--txt-md);
    font-weight: 400;
    color: #fff;
    background: var(--main-color);
    text-transform: uppercase;
    display: none;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    
}
.people_wrap .people_box:hover .more {
    display: inline-block;
    transition: 1s;
}


/* professor_view */
section.pro_view_wrap {
    border: 1px solid var(--c-black-5);
    background: #fff;
    /* overflow: hidden; */
    /* margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch; */
    /* flex-wrap: wrap; */
    padding: 2.5rem;
    /* gap: 2rem; */
    /* border-radius: var(--radius-all-sm); */
    margin-bottom: 2rem;
}
section.pro_view_wrap.top {
    padding: 0;
    border: 0;
    position: relative;
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
section.pro_view_wrap.top::before {
    content: '';
    width: 178px;
    height: 40px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #e5e5e5;
    transition: 0.5s;
    /* margin: -40px 0 0 -60px; */
    z-index: 1;
}
section.pro_view_wrap.top::after {
    content: '';
    width: 40px;
    height: 178px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #e5e5e5;
    transition: 0.5s;
    /* margin: -40px 0 0 -60px; */
    z-index: 1;
}
section.pro_view_wrap:last-child {
    margin-bottom:0;
}

.professor_view {
    /* padding: 55px 0; */
}

.pro_view_wrap .pro_img {
    width: 220px;
    /* height: 306px; */
    /* border: 1px solid #e6e6e6; */
    /* float: left; */
    text-align:center;
    overflow:hidden;
    /* border-radius: var(--radius-all-sm); */
}
.pro_view_wrap.fulltime .pro_img {
    width: 300px;
}
.pro_view_wrap .pro_img img {
    width:100%;
    height: 100%;
    object-fit: cover;
}

.pro_view_wrap .pro_info {
    width: calc(100% - 220px);
    padding: 2.5rem;
    background: var(--c-black-8);
}
.pro_view_wrap.fulltime .pro_info {
    width: calc(100% - 300px);
    padding: 5rem;
}

.pro_view_wrap .pro_info .pro_name {
    font-size: var(--txt-3xl);
    /* color: #111; */
    margin-bottom: 1.5rem;
}

.pro_view_wrap .pro_info .pro_name .ko_name {
    font-weight: 600;
}

.pro_view_wrap .pro_info .pro_name .eng_name {
    padding-left:24px;
}
.pro_view_wrap .pro_info .pro_name .pro_sub {
    font-size: var(--txt-lg-2);
    margin-left: 1rem;
    line-height: 1rem;
	font-weight: 500;
	color: #444;
}
.pro_view_wrap .pro_info ul{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2rem;
}
.pro_view_wrap .pro_info ul .left{
    /* width: 50%; */
    width: 100%;
}
.pro_view_wrap .pro_info ul .left li{
    /* white-space: inherit; */
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.5rem;
}
.pro_view_wrap.fulltime .pro_info ul .left li {
    margin: 20px 0;

}
.pro_view_wrap .pro_info ul .right li{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.5rem;
}
.pro_view_wrap .pro_info ul .left li .research_span{
    /* word-break: break-all; */
    line-height: 1.375rem;
    display: -webkit-box;
    /* -webkit-line-clamp: 6; */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
.pro_view_wrap .pro_info ul li {
    /* color: #323232; */
    font-size: var(--txt-lg);
    line-height: 1.25rem;
    width: 100%;
    /* height: 22px; */
    /* letter-spacing: -0.6px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre; */
    margin: 10px 0;
    display: flex;
}

.pro_view_wrap .pro_info ul li strong {
	font-weight: 500;
	/* width: 100px; */
    min-width: 100px;
	display: inline-block;
    color: var(--main-color-2);
}
.pro_view_wrap .pro_info ul li span {
	width: calc(100% - 0px);
    display: inline-block;
}
.pro_view_wrap .pro_info ul li a {
    /* color: var(--main-color-2); */
}
.pro_view_wrap .pro_info ul li a span {
    font-size: var(--txt-lg);
    padding-left: 0.25rem;
    vertical-align: middle;
    opacity: 0.75;
}
.pro_view_wrap .wrap_tit {
    width: 100%;
    margin-bottom: 1rem;
}
.pro_view_wrap.fulltime .wrap_tit {
    /* width: 300px; */
}
.pro_view_wrap .wrap_text {
    width: 100%;
    font-size: 1rem;
    color: #323232;
    line-height: 26px;
}
.pro_view_wrap.fulltime .wrap_text {
    /* width: calc(100% - 300px); */
}
.pro_view_wrap .wrap_text .btn_more{
    font-size: var(--txt-md-1);
    font-weight: 400;
    color: var(--main-color-2);
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    width: 70px;
    /* height: 40px; */
    text-align: left;
    margin-top: 1rem;
}

.pro_view_wrap .wrap_tit h2 {
    font-size: var(--txt-2xl);
    /* color: #111; */
    /* color: var(--main-color); */
    font-weight: 600;
}

/*.pro_view_wrap .wrap_text.history p {
    display: flex;
}*/

.pro_view_wrap .wrap_text.history p label {
	width: 120px;
	font-weight: 600;
}
.open_area{
    max-height: 160px;
    overflow: hidden;
}
.open_area.on {
    max-height: fit-content;
    height: auto;
	transition: height .2s;
}
.open_area>ul>li{
    position: relative;
    padding-left: 1rem;
    line-height: 1.5rem;
    margin-bottom: 6px;
}
.open_area>ul>li::before{
    content: '';
	width: 5px;
	height: 5px;
	position: absolute;
	top: 8px;
	left: 0;
	background: #9e9e9e;
}


/* 입력 */
.apply_common {
    width: 100%;
    border-top: 2px solid var(--main-color);
    min-width: auto;
}

.apply_common tr th {
    border-bottom: 1px solid #ddd;
    background: #fff;
    color: #333;
    width: 200px;
    padding: 12px;
    vertical-align: middle;
    border-right: none;
    font-weight: 500;
    line-height:1.4em;
    font-size: 1.075rem;
    text-align: center;
    background: var(--c-black-8);
}
.apply_common tr td {
    padding: 12px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    text-align: left;
    vertical-align: middle;
	line-height:1.4em;
}
.apply_common textarea {
    width: 100%;
    min-height: 150px;
	padding:8px;
	line-height: 1.5em;
    border-radius: 5px;
}


.apply_form .terms {
    border: 1px solid var(--c-black-5);
    padding: 32px 28px;
    color: #333;
    background: #fff;
	font-size:1rem;
	margin-bottom:20px;
}
.apply_form .terms:last-child { margin-bottom:0px; }
.apply_form .terms.terms_over {
	max-height:250px;
	overflow-y:scroll;
	-ms-overflow-style:auto;
	font-size: var(--txt-md);
	/* line-height: 1.6em; */
	/* background: var(--c-black-7); */
}
.apply_form .terms h2 {
    margin-bottom: 10px;
}
.apply_form .terms h4 {
    transform: skew(-0.03deg);
    font-size: 1rem;
    color: var(--main-color);
    padding: 10px 0;
    font-weight: 600;
}
.apply_form .terms dt {
    color: #222;
    font-weight: 500;
    display: inline-block;
    padding: 5px 0;
}
.apply_form .terms dd {
    color: #757575;
    font-weight: 400;
}


.apply_form .container .section_group section .check_group {
    margin-top: 14px;
	line-height: 1.4em;
}
.apply_form .container .section_group section .check_group01 {
	line-height: 1.6em;
	display: inline-block;
	margin-right: 20px;
}
.apply_form .container .section_group section .check_group label {
    color: #333;
	line-height:32px;
	margin-right:20px;
}
.qa_check {
    margin: 20px 10px;
}

.check_group02 {
    width: 20%;
    margin-right: 0;
    padding: 4px 0;
	float: left;
}
.check_group02 input {
    max-width: 150px;
    height: 28px;
    line-height: 28px;
    margin-left: 8px;
}
.check_group02_eng {
    width: 50%;
    margin-right: 0;
    padding: 4px 0;
	float: left;
}
.check_group02_eng input {
    max-width: 150px;
    height: 28px;
    line-height: 28px;
    margin-left: 8px;
}

.apply_form .container .section_group section .terms li {
    padding-left: 10px;
    position: relative;
}

.apply_form .container .section_group section .terms li:before {
    content: '';
    width: 4px;
    height: 4px;
    position: absolute;
    top: 12px;
    left: 0;
    /*background: #9e9e9e;*/
}
.apply_form .container .section_group section .terms .terms_section_inner li:before {
    content: '';
    width: 4px;
    height: 4px;
    position: absolute;
    top: 12px;
    left: 0;
    background: #9e9e9e;
}
.form_bottom_s {
    overflow: hidden;
	margin-top: 15px;
}
.form_bottom {
    overflow: hidden;
    text-align: center;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.form_bottom a {
    display: inline-block;
	margin:0 2px;
}

.horizon_table tr th {
	text-align:center;
	vertical-align:middle;
	
}
.horizon_table tr td {
    border-right: 1px solid #ddd;
	text-align:center;
	vertical-align:middle;
}

.horizon_table tr td:last-child {
    border-right: none;
}

.horizon_table .flex {
	/*display:flex; */
	-webkit-justify-content: center; 
	justify-content: center;	
	-webkit-align-items: center; 
	align-items: center; 
}

.cert_table {
    width: 250px;
    margin: 0 auto;
}

.cert_table tr td {
    font-size: 14px;
}

.left_form td {
    text-align: left !important;
}


.full_form {
    margin-top: 0 !important;
}

.full_form thead tr th {
    background: #251e20;
    color: #fff;
    padding: 16px 0;
}
.full_form tr td {
    padding: 16px 12px;;
}


.question {
    margin-top: 50px;
}
.question .qa_line {
    margin-bottom: 30px;
}


.question .qa_line .qa_tit {
    font-size: 17px;
    font-weight: 500;
    color: #222222;
    margin-bottom: 12px;
}

.question .qa_box {
    width: 100%;
    height: 150px;
	overflow-y: scroll;
}


.question .char_sum {
    margin-top: 8px;
    text-align: right;
    font-size: 14px;
}

.question .char_sum input {
    height: 30px;
    width: 60px;
    line-height: 30px;
    background: #fafafa;
}

.qa_tit_a {
    font-weight: 600;
    color: #111;
    padding: 12px 10px;
    border-bottom: 1px solid #222;
}

.qa_radio {
    margin: 20px 10px;
}

.qa_radio .radio_group {
    width: 20%;
    margin-right: 0;
    padding: 4px 0;
}

.qa_radio .radio_group input {
    max-width: 150px;
    height: 28px;
    line-height: 28px;
    margin-left: 8px;
}


.input_wrap {
    overflow: hidden;
}
.input_wrap .user_photo {
    width: 250px;
    margin-left: 50px;
    float: left;
    text-align: center;
}

.input_wrap .user_info {
    float: left;
    width: calc(100% - 300px);
}

.input_wrap .user_photo .wrapper {
    width: 100%;
    height: 320px;
    border: 1px solid #ddd;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/common/no_img.png);
}
.input_wrap .user_photo .wrapper img {
	width:100%;
	height:100%;
}
.input_wrap .user_photo ul {
    margin-top: 20px;
    text-align: left;
}

.input_wrap .user_photo ul li {
    line-height: 18px;
    padding-left: 10px;
    position: relative;
    margin-bottom: 5px;
    font-size: 14px;
}

.input_wrap .user_photo ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #795548;
    position: absolute;
    top: 10px;
    left: 0px;
}

.sm_comm {
    font-size: 14px;
    color: #777;
    margin-top: 4px;
}
.al_left tr th { text-align:left; }
.track { display: none; }

/* input 속성 */

.i_sup_block {
    margin-left: 8px;
}

.btn_min {
    height: 32px;
    line-height: 32px;
    border: 1px solid #aaa;
    padding: 0 12px;
    border-radius: var(--radius-all-xs);
}
.btn_add {
    width: 80px;
    height: 32px;
    line-height: 32px;
    background: #111;
    color: #fff;
    border-radius: var(--radius-all-xs);
	border:none;
}

.btn_link {
    display: inline-block;
    height: 50px;
    background: var(--sub-color-2);
    color: #fff;
    width: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-all-xs);
}

.btn_cancel {
    display: inline-block;
    height: 50px;
    background: #555;
    color: #fff;
    width: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-all-xs);
}

.btn_min.upload {
    margin-top: 10px;
}
.btn_search {
    height: 32px;
    padding: 0 16px;
    background: #555;
    display: inline-block;
    line-height: 32px;
    font-size: 0.925rem;
    color: #fff;
    border-radius: 2px;
	border:none;
	margin-left:4px;
	cursor:pointer;
    border-radius: var(--radius-all-xs);
}
.btn_mat {
	display: inline-flex;
    font-size: 0.938rem;
	font-weight: 400;
	color: var(--sub-color);
	padding: 0.25rem 0.375rem;
    border: 1px var(--sub-color) solid;
    /* background: #ff7936; */
    border-radius: 3px;
	text-align: center;
	margin: 0 auto;
	justify-content: space-between;
	align-items: center;
    min-width: 4.375rem;
    cursor: pointer;
}
.btn_mat:hover {
    background: var(--sub-color);
    color: #fff;
}
.btn_mat.print:before {
    font-family: 'Material Icons Outlined';
    content: 'print';
    font-size: 1rem;
    text-align: right;
    margin-right: 5px;
    /* border: 1px #ff7936 solid;
    background: #ff7936; */
}
.btn_mat.video:before {
    font-family: 'Material Icons Outlined';
    content: 'ondemand_video';
    font-size: 1rem;
    text-align: right;
    margin-right: 5px;
    /* border: 1px #ff7936 solid;
    background: #ff7936; */
}
.btn_mat.edit:before {
    font-family: 'Material Icons Outlined';
    content: 'edit';
    font-size: 1rem;
    text-align: right;
    margin-right: 5px;
    /* border: 1px #ff7936 solid;
    background: #ff7936; */
}
.btn_mat.view:before {
    font-family: 'Material Icons Outlined';
    content: 'description';
    font-size: 1rem;
    text-align: right;
    margin-right: 5px;
    /* border: 1px #ff7936 solid;
    background: #ff7936; */
}
.btn_mat.pay:before {
    font-family: 'Material Icons Outlined';
    content: 'payment';
    font-size: 1rem;
    text-align: right;
    margin-right: 5px;
    /* border: 1px #ff7936 solid;
    background: #ff7936; */
}
.btn_met {
    height: 46px;
    line-height: 44px;
    width: fit-content;
    padding: 0 1.5rem 0 3rem;
    font-size: 1.063rem;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    border-radius: 3px;
}
.btn_met.btn_card {
    background: #ff7936;
    color: #fff;
    position: relative;
    text-align: right;
    width: 200px;
}
.btn_met.btn_card:after {
    font-family: 'Material Icons Outlined';
    content: 'credit_card';
    font-size: 1.5rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 44px;
    text-align: center;
}
.btn_met.btn_pay {
    background: #19459d;
    color: #fff;
    position: relative;
    text-align: right;
    width: 200px;
}
.btn_met.btn_pay:after {
    font-family: 'Material Icons Outlined';
    content: 'payments';
    font-size: 1.5rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 44px;
    text-align: center;
}


.tabcontent { display: none; }
.tabcontent2 { display: none; }

.check_line .check_group {
    display: inline-block;
    margin-top: 0 !important;
}
.ic_new01 {
    background: #377225;
}
.ic_new02 {
    background: var(--main-color);
}
.ic_new {
    font-size: 0.813rem;
    padding: 1px 8px;
    color: #fff;
    font-weight: 200;
    margin-right: 8px;
    /* vertical-align: text-top; */
    /* display: inline-block; */
}
.ic_noti_link {
    margin-left: 4px;
}
.ic_noti_link img {
    vertical-align: middle;
}
.tit span.ic_file {
    margin-left: 6px;
    color: var(--main-color);
    padding-top: 3px;
}
.tit span.material-icons-outlined {
    margin-left: 6px;
    font-size: var(--txt-lg-2);
    color: var(--main-color);
    padding-top: 3px;
}
.tit span.new {
    margin-left: 4px;
    color: var(--main-color-2);
    font-size: 32px;
}
/**************************************************************/
/**************************************************************/
/**************** notice qna 질문답변 게시판 ******************/
/**************************************************************/
/**************************************************************/
.notice .cont.qna {
    padding: 1.25rem 2rem 1rem;
    /* background: none; */
    border: 1px solid #ddd;
}
.notice .cont.qna a .box {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}
/* .notice .cont.qna .tit p {
    font-size: 1.325rem;
} */
.notice .cont.qna .tit .i_cate {
	/* width: 3.75rem; */
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	font-size: var(--txt-md);
	font-weight: 400;
	padding: 0.188rem 0.313rem 0.25rem;
	/*border-radius: 2px;*/
	text-align: center;
	letter-spacing: -1px;
}
.notice .cont.qna .tit .co01 {
    color: var(--main-color);
	border: 1px var(--main-color) solid;
}
.notice .cont.qna .tit .co02 {
    color: var(--c-black-4);
	border: 1px var(--c-black-4) solid;
}
.notice .cont.qna .tit .co03 {
    color: var(--sub-color);
	border: 1px var(--sub-color) solid;
}
.notice .cont.qna .tit .co04 {
    color: var(--sub-color-2);
	border: 1px var(--sub-color-2) solid;
}
.notice .cont.qna .box .tit {
    max-height: 2.125rem;
    -webkit-line-clamp: 1;
    margin: 0;
    font-size: 1.325rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: calc(100% - 16rem);
}
#cancel-check:checked ~ .cancel_pop {display: flex;}
.cancel_pop {
    display: none;
    padding: 10px;
    margin-top: 6px;
    background: #e5e5e5;
    border-radius: 6px;
    transition: 0.3s;
}
.reply_info {
    padding: 20px;
	line-height:1.7em;
	border-top: 1px solid var(--c-black-5);
	background: #f6f6f6;
}
.reply_info img {
    margin: 10px auto;
	width: 100%;
	max-width: 800px;
	display: block;
}
.reply_info .date { font-size: var(--txt-sm); margin-left: 10px; color: #757575;}
.reply_info .state { padding: 0.25rem 0.375rem 0.25rem 0; }
.reply_list {
	background: #f9f9f9;
	border-top: 1px #ddd solid;
	font-size: 15px;
}
.reply_list li {
	padding: 20px;
	border-bottom: 1px #ddd dashed;		
}
.reply_list li .re_info {
}
.reply_list li .re_info .re_name {
	font-weight: 600;
	margin-right: 15px;
	position: relative;
}
.reply_list li .re_info .btn_re {
	font-size: 14px;
	padding: 2px 5px;
	margin-left:5px; 
	float: right;
	cursor: pointer;
	border: 1px #ccc solid;
	text-align: center;
}
.reply_list li .re_info .btn_de {
	font-size: 14px;
	padding: 2px 5px;
	margin-left:5px; 
	float: right;
	cursor: pointer;
	border: 1px #ccc solid;
	text-align: center;
}
.reply_list li .re_info .re_date {
	font-size: 14px;
	color: #999;
}
.reply_list li .re_txt {
	margin: 10px 0 0;
}

.reply {
	overflow: hidden;
	padding: 20px 0 20px 20px;
	background: #f9f9f9;
}
.reply textarea {
	width: calc(100% - 100px);
    height: 70px;
	padding:8px;
	line-height: 1.5em;
	float: left;
	overflow: hidden;
	-ms-overflow-y: hidden;
	border: 1px #ddd solid;
	box-sizing: border-box;
}
.reply .btn_reply {
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;	
	float: left;
	box-sizing: border-box;
	margin-left: 10px;
	border: 1px #ccc solid;
	cursor: pointer;
	font-size: 15px;
}
.reply_list .reply {padding: 20px 0 20px 0px;}	
.reply_list .reply textarea {width: calc(100% - 80px);}
.re_cancel{float: right;cursor: pointer;}
.flex input { margin-right:4px; margin-bottom:4px; }
.i_sup5 input { max-width:132px; }
.flex .btn_file { margin-bottom:4px;}

.directions { display:none; width:420px; height:220px; margin:0 auto; background:#fff; font-size:1rem; overflow-y:hidden; box-sizing: border-box; border: 1px var(--c-black-2) solid;}
.directions .info_tit { width: 100%; height: 45px; line-height: 45px; background:#7c919d; /*border-top: 5px solid #009475; border-bottom: 1px solid #ccc;*/ text-align: center; font-size: var(--txt-lg); font-weight: 500; margin: 0 auto 20px; color: #fff;}
.directions dl.info_list dt { font-size:16px; margin-bottom: 20px; text-align: center;}
.directions dl.info_list dd { margin-bottom: 20px; text-align: center;}
.directions input {padding: 5px 5px 5px 10px;height: 35px;box-sizing: border-box; width: 90%; border: 1px solid var(--c-black-5);}
.directions .pop_close { cursor: pointer; position: absolute;top: 0px;right: 10px;}
.directions .pop_close img {width: 20px; padding-top: 12px;}


/* admission */
input#ename1, input#ename2, input#ename3 { width: 150px; }
.line_phone .ph_solt { width:4%; margin:0; display: inline-block; padding: 0; }
.line_phone input { width: 28%; margin:0; }


    .search_box {
        width: 100%;
        height: 52px;
        border: 3px solid var(--main-color);
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .search_box input:first-child{
        width: calc(100% - 30px);
        box-sizing: border-box;
        margin: 0 !important;
        border: none;
        height: 46px;
        border-right: 2px solid #ddd;
    }
    .search_box input.input_m_icon {
        background: url(../images/common/ic_search_clr.png) 0 0 no-repeat;
        margin-left: 10px;
    }
    .full_btn_page .btn_full {
        width: 100%;
        height: 52px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        font-weight: 400;
        border-radius: var(--radius-all-xs);
    }
    
    .file_attach {
        width: 100%;
        padding-bottom: 10px;
        display: flex;
    }
    .btn_file {
        font-size: 0.938rem;
        color: #444;
        margin: 0px auto;
        width: 80px;
        height: 30px;
        line-height: 30px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        text-align: center;
        background: #f6f6f6;
        border: 1px #aaa solid;
        border-radius: var(--radius-all-xs);
        cursor: pointer;
    }
    .btn_reserve {
        font-size: 0.938rem;
        color: #fff;
        margin-left: 10px;
        width: 100px;
        height: 40px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        text-align: center;
        background: #3d6ab4;
        display: inline-block;
    border-radius: var(--radius-all-xs);
        
    }
    .file_attach input {
        border: none;
        width: 267px;
        font-weight: 500;
        overflow: hidden;
    }
    
    .modify {
        padding-top: 20px;
        margin-top: 20px;
        border-top: 1px dashed #ddd;
        width: 100%;
        display: flex;
    }
    .modify textarea {
        width: 100%;
    }
    .modify .btn_file {
        height: auto;
    }
    
    .reply_num {
        padding: 10px;
        font-weight: 400;
        border-top: 1px dashed #ddd;
        /* color: #fd2b2b; */
    }
    .reply_num span {
        font-weight: 600;
    }
    .view_reply {
        width: 100%;
        padding: 20px;
        border-top: 1px solid #ddd;
        background: #f1f1f1;
    }
    .view_reply .write {
        display: flex;
        margin-top: 10px;
    }
    .view_reply .write textarea {
        width: 100%;
    }
    .view_reply .write .btn_file {
        height: auto;
    }
    .view_reply .replytxt {
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px dashed #ddd;
    }
    .view_reply .replytxt:first-child {
        padding-top: 0;
    }
    .view_reply .replytxt p {
        line-height: 1.6em;
        font-size: 0.938rem;
        color: #222;
        font-weight: 400;
    }
    .view_reply .replytxt p:last-child {
        padding-bottom: 0;
    }
    .view_reply .replytxt .date, .view_reply .replytxt .name {
        color: #757575;
        font-weight: 300;
    }
    .view_reply .replytxt .date {
        margin-left: 6px;
    }
    .replybtn {
        display: flex;
        align-items: center;
        margin-top: 26px;
    border-radius: var(--radius-all-xs);
    }
    .replybtn a:first-child {
        margin-left: 0;
    }
    .replybtn a:nth-child(2) {
        margin-right: 14px;
    }
    
    .replyarea {
        display: flex;
        margin-top: 10px;
    }
    .replyarea textarea {
        width: 100%;
    }
    .replyarea .btn_file {
        height: auto;
    }

    .type_line {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
        gap: 1rem;
        width: 100%;
        /* border-top: 1px #222 solid; */
    }
    .type_line.research {
        gap: 0rem;
    }    
    .type_line.research .cont {
        width: 100%;
        /* background: #f1f1f1; */
        padding: 2rem 0 2rem;
        /* border-radius: var(--radius-3-md); */
        border-bottom: 1px solid var(--c-black-5);
    }
    .type_line.research .cont:first-child {
        border-top: 1px solid var(--c-black-5);
    }
    .type_line.type_qna {
        gap: 1rem;
    }
    .seminar {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
        gap: 2rem;
    }
    .seminar .cont {
        width: calc((100% - 2rem) /2);
    }
    .seminar .cont .tit {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }
    .notice.seminar_gallery {
        gap: 1rem;
        cursor: pointer;
    }
    .notice.seminar_gallery .cont {
        width: calc((100% - 2rem) / 3);
        padding: 0;
        overflow: hidden;
    }
    .notice.seminar_gallery .cont .txt {
		display: block;
		padding: 1.5rem 1.5rem 1.5rem 2rem;
		height: inherit;
		line-height: inherit;
		}
    .notice.seminar_gallery .cont .img {
    height: 200px;
}
    .notice.seminar_gallery .cont .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    .seminar .view_more {
        float: right;
        margin-top: -2.25rem;
    }
    .seminar .cont .tit p {
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    font-size: 1.325rem;
    max-width: calc(100% - 80px);
    word-break: break-word;
}
    .seminar .cont .info {
    max-height: inherit !important;
    margin-top: 0.75rem;
}
	.seminar .cont .info>div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.325rem;
}
.seminar .cont .info h5 {
    background: var(--main-color-2);
    color: #fff;
    font-weight: 400;
    padding: 4px 10px;
    font-size: 1rem;
    margin-right: 0.75rem;
    border-radius: 3px;
}
.seminar .cont .info .tuition h5, .seminar_info .tuition h5 {letter-spacing: 6px;padding-right: 3px;}
.seminar_info h5 {width: 90px;}
.seminar .cont .info .update {
    /* font-weight: 400; */
    margin-top: 1rem;
    /* font-size: 1.125rem; */
    letter-spacing: normal;
    color: #757575;
}
.seminar_info {
    display: flex;
    flex-wrap: wrap;
    background: #efefef;
    padding: 1.125rem 2rem 2rem;
    margin-top: 1.5rem;
}
.seminar_info>div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1rem;
    width: 50%;
}
.seminar_info .date {}
.seminar_info h5 {
    background: var(--main-color-2);
    color: #fff;
    font-weight: 400;
    padding: 4px 10px;
    font-size: 1rem;
    margin-right: 0.75rem;
    border-radius: var(--radius-all-xxs);
}
.seminar_info .update {
    /* font-weight: 400; */
    margin-top: 1rem;
    /* font-size: 1.125rem; */
    letter-spacing: normal;
    color: #757575;
}

.board_top .notice_form{
    float: inherit;
    padding: 1rem 2rem;
    background: var(--c-black-7);
    /* border: 1px solid #ccc; */
    border-radius: var(--radius-all-xs);
    margin-bottom: 20px;
}
.board_top .notice_form select { margin-right: 0;}
.board_top .notice_form .search_group{
    height: 40px;
    margin: 0 10px;
}
.board_top .notice_form .search_group:first-child{
    height: 40px;
    margin: 0 10px 0 0;
}

.board_top .notice_form .search_group input{width:100%;/*min-width: 150px;*/}
.board_top .notice_form .notice_line{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.board_top .notice_form .notice_line:nth-child(2){
    margin-top: 10px;
    justify-content: space-between;
    border-top: 1px #ccc dotted;
    padding-top: 10px;

}
.board_top .notice_form .check_wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    width: 100%;
}
.board_top .notice_form .radio_wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    /* width: 100%; */
}
.board_top .notice_form .search_wrap{    
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    align-items: center;
}
.board_top .notice_form .notice_line .tit{  
    min-width: 130px;
    font-weight: 500;
}
.board_top .notice_form .notice_line .left_wrap{display:flex;flex-wrap: wrap;align-items: center;width: calc(100% - 130px);}
/* .board_top .notice_form .notice_line .left_wrap .sel_type{margin: 0 10px;} */
.board_top .notice_form .notice_line .right_wrap{display:flex;}
.board_top .notice_form .notice_line .full_wrap{display:flex;flex-wrap: wrap;align-items: center;width: auto; margin: 0 auto;}
/* .board_top .notice_form .notice_line .check_group{width: 150px;} */
.board_top .notice_form .notice_line .notice_sel{width: 150px;}
.board_top .notice_form .notice_line .left_wrap .sel_type{
    display: flex;
    align-items: center;
}
.board_top .notice_form .notice_line .left_wrap .sel_type select{width:150px;margin:0;}
.board_top .notice_form .notice_line .search_lg{width: 100%;/*margin: 0 10px;*/}

.board_top .notice_form .notice_line .search_btn {
	width: 80px;
	height: 40px;
	line-height: 40px;
	background: #8b0029;
	text-align: center;
	font-weight: 500;
	color: #fff;
	margin: 0 0 0 10px;
	border-radius: 3px;
}
.board_top .notice_form .notice_line .radio_wrap .radio_group {margin: 4px 30px 4px 0;}
.board_top .notice_form .notice_line .check_wrap .check_group {margin: 4px 30px 4px 0;}

.counsel_info {
    display: flex;
    flex-wrap: wrap;
    background: #f1f1f1;
    padding: 1.25rem 2.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    justify-content: space-between;
}
.counsel_info .date {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.325rem;
    width: 33%;
    font-weight: 500;
}
.counsel_info h5 {
    color: #333;
    background: #ddd;
    /* border: 1px solid #888; */
    font-weight: 400;
    padding: 4px 10px;
    font-size: 1rem;
    margin-right: 0.75rem;
    border-radius: 3px;
}
.counsel_info .txt_grey { font-weight: 400;}
.counsel_info .left {
    width: calc(100% - 140px);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.counsel_info .right {
    display: flex;
    align-items: center;
    justify-content: center;
}
.counsel_info .state {height: max-content;padding: 14px 20px;min-width: 120px;letter-spacing: normal;}
.counsel_info .state01 {}
.counsel_info .state02 {}
.counsel_info .state03 {}

/* FAQ */
.faq_list {}
.faq_list dt {
    overflow: hidden; 
    height: auto; 
    padding: 1.5rem 2rem; 
    cursor: pointer; 
    background: var(--c-black-6);
    border-radius: var(--radius-2-md);
    /* border: 1px solid #ddd; */
    position: relative;
    margin-top: 1rem;
    background: var(--c-black-6);    
}
/* .faq_list dt::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 100%;
    background: var(--main-color);
    position: absolute;
    top: 0px;
    left: 0px;
} */
.faq_list dt:after {
    content: '';
    display:inline-block;
    width:9px;
    height:9px;
    vertical-align:middle;
    border-right:2px solid #aaa;
    border-top:2px solid #aaa;
    transform:rotate(135deg);
    position:absolute;
    top: 25px;
    right: 30px;
    transition: 0.5s;
}
.faq_list dt.on:after {
    content: '';
    display:inline-block;
    width:9px;
    height:9px;
    vertical-align:middle;
    border-right:2px solid #aaa;
    border-top:2px solid #aaa;
    transform:rotate(-45deg);
    position:absolute;
    top: 30px;
    right: 30px;
    transition: 0.5s;
}
.faq_list dt .tit_q {
    width: 38px;
    height: 38px;
    background: var(--main-color);
    border-radius: 5px;
    color: #fff;
    font-size: 1.25rem;
    text-align: center;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.faq_list dt .tit {
    width: 100%; 
    font-size: 1.125rem; 
    font-weight: 500; 
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.faq_list dd {
    display: none; 
    height: auto; 
    padding: 2rem;
    /* background: var(--c-black-8); */
    border-radius: var(--radius-2-md-re);
    border: 1px solid #ddd;
}
.faq_list dd .list_cont { 
    width:100%;
    
 }
.faq_list dt p {
    width: calc(100% - 48px);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    /* white-space: pre; */
    overflow: hidden;
}

.element_to_pop_gal { display:none; padding-top:20px;}
.element_to_pop_gal.campus { padding: 10px;background: #fff; margin:20px; }
.element_to_pop_gal.campus img { width: 400px; }

/*academic 하위 메뉴 게시판*/
.sub_cont { 
    margin: 3rem 0; 
    font-size: 18px;
    line-height: 26px;
}
.sub_cont p>span { 
    font-size: 20px;
    font-weight: 600;
    color: var(--main-color);
}
.social_wrap{
	display: flex;
    gap: 1rem;
    align-items: center;
}
.social_wrap .thumbnail img{
	width: 160px;
	object-fit: cover;
	height: 110px;
	padding: 5px;
	border: 1px solid #ddd;
}
.social_wrap .cont_view {
	width: 100%;
}
.board_top .search_form .search_group { width: 100%; } 


/* 반응형 */

@media screen and (max-width:1300px) {
	.board_top .total { font-size: 20px; }
	.board_top .total .gr { font-size: 20px; }
    .notice .cont a>div .tit {max-width: calc(100% - 16rem);}
	.notice .cont.qna .box .tit {max-width: calc(100% - 28rem);}
	.notice .cont>div.refc_file .file_list li a { font-size: 15px; }
	.type_line td p { font-size: 15px; }
	
	.apply_form .container .section_group section .terms { padding: 28px 24px; font-size: 14px; line-height: 24px; }
	.type_pic .represent .text_area .tit { font-size: 26px; height: 30px; margin-bottom: 24px; }
	.type_pic .represent .text_area .context { max-height:112px; }
	.type_pic .represent .text_area { padding: 40px; }
	.type_pic .represent { height: 320px; }
	.type_pic .represent .img_area img { height: 100%; }
	.type_pic .image_grid .inner_line { padding: 20px 0; }
	.type_pic .image_grid .inner_line .cont { padding-right: 24px; }
	.type_pic .image_grid .inner_line .cont .img_area { width: 216px; height: 153px; margin-right: 24px; }
	.type_pic .image_grid .inner_line .cont .text_area { width: calc(100% - 240px); }
	.type_pic .image_grid .inner_line .cont .text_area .tit { font-size: 17px; margin-bottom: 12px; }
	.type_pic .image_grid .inner_line .cont .text_area .context { font-size: 15px; height: 62px; }
	.type_pic .image_grid .inner_line .cont .text_area .info { margin-top: 22px; }
	.type_paper ul li { width: 22%; margin-right: 4%; }
	.type_paper ul li .img_wrap { width: 100%; height: 300px; }
	.type_paper ul li .info .tit { font-size: 17px; }
	
	.dean_line .dean_tit { font-size: 17px; line-height: 17px; margin-bottom: 12px; }
	.dean_line .dean_content ul li { line-height: 1.8em; }
	.dean_line .dean_content ul li:before { top: 12px; }	

	.btn_search { margin-bottom:2px; }


	.type_pic.type_tit .image_grid_v .cont {
    margin: 0;
    width: calc((100% - 2rem) / 3);
}
.type_pic .image_grid .cont .text_area .tit p {
    font-size: 1.1rem;
}

.faq_list dt {
    padding: 1rem;
}
.faq_list dd {
    padding: 1rem;
}
.faq_list dt:after {
    top: 18px;
    right: 22px;
}
.faq_list dt.on:after {
    top: 22px;
    right: 22px;
}


}

@media screen and (max-width:1024px) {
	.card li.item { width: 100%; height:auto; }
	.card li.item .pro_img { width: 150px; height: 195px; }
	.card li.item .pro_info { width:calc(100% - 150px); }	
	.card li.item .pro_info .pro_name { /*font-size: 16px; */}
	.card li.item .pro_info .pro_sub { /*font-size: 14px; */}
	.card li.item .pro_info ul li { /*font-size: 13px; line-height: 20px;*/ }
	.type_pic .image_grid .inner_line {flex-wrap: wrap;}
    .type_pic .image_grid .inner_line .cont { width: 100%; padding: 20px 0; border-top: 1px solid #ccc; }
    .type_pic .image_grid .inner_line { border-top: none; padding: 0; }

	.type_paper ul li { width: 31%; margin-right: 3.5%; }
	.type_paper ul li:nth-child(4n) { margin-right:3.3%; margin-top:50px; }
	.type_paper ul li:nth-child(3n) { margin-right:0; }
	.type_paper ul li .img_wrap { width: 100%; height: 260px; }
	.type_paper ul li .info .tit { font-size:16px; }
    .notice .cont a>div .info p {font-size: 0.925rem;}
    .counsel_info .date {width: 100%;}
    .type_pic .image_grid_v .cont {
        width: calc((100% - 2rem) / 2);
    }
    .type_pic .image_grid .cont {
        width: calc((100% - 6rem) / 4);
    }
    .type_pic .image_grid_v.awards .cont {
        width: calc((100% - 4rem) / 3);
        background: #fff;
    }

}

@media screen and (max-width:800px) {
	.track { display:block; padding: 8px 0; margin-bottom: 8px; background: #f0f0f0; border: 1px solid #ddd; font-weight:500; }
	.table_block .flex .byte { width: 12%; }
	.table_block .flex .i_sup_year { width: 64%; }
	.table_block .input_max { width: 100%; max-width: 100%; }
    /* .table_block .flex .i_sup_md { width: 100%;} */
    .radio_wrap {
        width: 100%;
    }
    .flex {
        display: flex;
        /* flex-wrap: wrap; */
        justify-content: center;
    }
	.form_bottom .btn { width: 49%; margin-bottom: 4px; }
	.form_bottom .btn_d { width: 49%; margin-bottom: 4px; }
	.table_block { 	width: 100%;	}
	.table_block th[scope], .table_block th[scope] { display: none;	}
	.table_block th, .table_block td {display: block;width: 100% !important;padding: 10px !important;text-align: center !important;}
    .board_view .table_block tr td {
        text-align: center;
    }

	.check_group02_eng { width: 100%;float: none;text-align: left;}
.notice .cont a div.tit_wrap {flex-wrap: wrap;}
	.notice .cont a>div .tit {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0.5rem;
}
	.notice .cont.qna .box {flex-wrap: wrap;}
	.notice .cont.qna .box .tit {
    width: 100%;
    max-width: 100%;
}

	.seminar {gap: 1rem;}
	.seminar .cont {width: 100%;}

    .board_top .notice_form .notice_line .tit {
        width: 100%;
        margin: 10px 0;
    }
    .board_top .notice_form {}
    .board_top .notice_form .notice_line .left_wrap {
        width: 100%;gap: 10px;
    }
    .left_wrap .search_group input#schText {}
    .board_top .notice_form .left_wrap .search_group {margin: 0;}
    .board_top .notice_form .notice_line .full_wrap {
        gap: 10px;
    }
    .board_top .notice_form .notice_line .full_wrap .search_group {margin: 0;}
    .board_top .notice_form .notice_line .full_wrap .search_wrap .search_group:first-child {margin: 0 10px 0 0 !important;}
    .board_top .notice_form .notice_line .full_wrap .ml_10 { margin-left: 0 !important;} 
    .type_pic .image_grid .cont {
        width: calc((100% - 4rem) / 3);
    }
    .input_wrap .user_info {
        float: none;
        width: 100%;
    }
    .input_wrap .user_photo {
        margin: 50px auto;
        float: none;
    }

    .btn_lg {
        width: 100%;
    }
    
}
@media screen and (max-width: 700px) {
    /*academic 하위 메뉴 게시판*/
    .social_wrap .thumbnail{
		width: 30%;
		margin-bottom: 0 !important;
	}
	.social_wrap .thumbnail img{
		width: 100%
	}
	.social_wrap .cont_view {
		width: 65%;
	}
}
@media screen and (max-width: 640px) {
    .board_top form {
        width: 100%;
    }
    .search_group {
        width: 100%;
    }
	/*.board_top select { height:40px; }
	h3 select { height:30px; }*/
	.apply_common textarea { width: 100%; min-height: 180px; }
	.none_page .wrapper img { max-width: 300px; width: 100%; }
	.none_page .no_text { font-size: 17px; padding: 12px 0; }	
	.board_top .total {font-size: 18px;float: none; margin-bottom: 10px;}
	.board_top .total .gr {font-size: 18px;}
    .type_pic .image_grid .cont {
        width: calc((100% - 2rem) / 2);
    }
    .type_pic .image_grid .cont .text_area {
        width: 100%;
        /* height: 100%; */
        padding: 1rem 0px;
    }
	.board_img_wrap ul li { width:100%; margin-right:0; }
	
	.notice .cont {padding: 1rem;}
	.type_line td p:nth-child(2) {font-size: 14px;height: 45px;line-height: 20px;overflow: hidden;}
	.board_top .search_form { width: 100%;     flex-wrap: wrap;}
	/* .search_group { width: calc(100% - 124px); } */
	.search_group input#schText { width: calc(100% - 38px); }
	.search_wide { width: 100% !important; margin-top: 4px; }
	.pager ul { margin:0 auto; display: flex; width: 100%; }
	.pager li { width: 32px; height: 32px; line-height: 28px; font-size: 14px; cursor: pointer;}
	.pager li img {vertical-align: middle; padding-top: 4px;}
	.card li.item .pro_img { width: 130px; height: 172px; margin: 0 auto;}
	.card li.item .pro_info { width:100%; padding: 16px 0 0; }	
	.card li.item .pro_info .pro_name { /*font-size: 15px;*/ }
	.card li.item .pro_info .pro_name .eng_name { font-size: 14px; }
	.card li.item .pro_info .pro_sub { /*font-size: 13px;*/ }
	.card li.item .pro_info ul li { width:100%; /*font-size: 12px; line-height:19px; max-height:19px; */}
	
	.apply_form .container .section_group section .terms { padding: 20px 16px; font-size: 13px; line-height: 22px; }
	.apply_form .container .section_group section .terms li:before { top: 9px; }
	.apply_form .container .section_group section .check_group label { font-size: 13px; }	
	
	.apply_common tr th { padding: 8px; }
	.apply_common tr td { padding: 8px; }	
	
	.track { display:block; padding: 8px 0; margin-bottom: 8px; background: #f0f0f0; border: 1px solid #ddd; }
    .table_block tr th { width:100%;  text-align: center; border-bottom: 1px solid var(--c-black-5);}
	.table_block tr td { border-left: 1px solid var(--c-black-5); border-right: 1px solid var(--c-black-5);text-align:center; }
	.table_block .flex .byte { width: 12%; }
	.table_block .flex .i_sup_year { width: 64%; }
	.table_block .input_max { width: 100%; max-width: 100%; }

	.form_bottom .btn { width: 49%; margin-bottom: 4px; }
	.form_bottom .btn_d { width: 100%; margin-bottom: 4px; }
	.table_block { 	width: 100%;	}
	.table_block th[scope], .table_block th[scope] { display: none;	}
	.table_block th, .table_block td {display: block;width: 100% !important; float: left;}
	
	.question .qa_line { margin-bottom: 20px; }
	.question .qa_box { height: 120px; }
	.question { margin-top: 30px; }
	.question .qa_line .qa_tit { font-size: 14px; line-height: 1.3em; }
	.question .char_sum { font-size: 12px; margin-top: 2px; }
	.question .char_sum input { height: 24px; width: 44px; font-size: 13px; }

	.qa_tit_a { padding: 12px 4px; font-size: 13px; }
	.qa_radio .radio_group { width: 100%; }
	.btn_facebook, .btn_twitter, .btn_print { width: 36px; height: 36px; line-height: 36px; font-size: 16px; }
	.type_pic .represent .text_area .tit {font-size: 17px;height: auto;margin-bottom: 12px;}
	.type_pic .represent .text_area .context { max-height:110px; height: auto;}
	.type_pic .represent .text_area {float: none;width: 100%; height: auto; padding: 24px 18px; max-height: 240px;}
    .type_pic .represent .text_area .wrapper {height: auto;}
	.type_pic .represent {height: auto;}
	.type_pic .represent .img_area img { width:100%; height: 100%; }
	.type_pic .image_grid .inner_line .cont { padding-right: 24px; }
	.type_pic .image_grid .inner_line .cont .img_area { width: 216px; height: 153px; margin-right: 24px; }
	.type_pic .image_grid .inner_line .cont .text_area {width: calc(100% - 158px);padding: 10px 0;}
	.type_pic .image_grid .inner_line .cont .text_area .tit {height:20px;overflow:hidden;font-size: 15px;margin-bottom: 8px;}
	.type_pic .image_grid .inner_line .cont .text_area .context {font-size: 13px;height: 21px;}
	.type_pic .image_grid .inner_line .cont .text_area .info {margin-top: 10px;}

	.type_pic .represent .img_area { float: none; width: 100%; max-height: 240px; }
	.type_pic .represent .text_area .info { position: relative; margin-top: 12px; }
	.type_pic .represent .text_area .info .date, .type_pic .represent .text_area .info .views { font-size: 12px; }

	.type_pic .image_grid { margin-top: 1rem; }
	.type_pic .image_grid .inner_line .cont { padding: 12px 0; }
	.type_pic .image_grid .inner_line .cont .img_area { width: 144px; height: 102px; margin-right: 14px; }
	.type_pic .image_grid .inner_line .cont .text_area .info .date, .type_pic .image_grid .inner_line .cont .text_area .info .views { font-size:13px; }
	.type_pic.ex_pro .image_grid .inner_line .cont .img_area { width: 100px; height: 102px; overflow: hidden; }
	.type_pic.ex_pro .image_grid .inner_line .cont .text_area { width: calc(100% - 114px); }
    .type_pic .image_grid .inner_line .cont .img_area { width: 100px; height: 102px; overflow: hidden; }
	.type_pic .image_grid .inner_line .cont .text_area { width: calc(100% - 114px); }


	.notice .cont a>div:first-child { /*height: 24px;*/ margin-bottom: 8px; }
	.notice .cont>div.refc_file .file_list li a { font-size: 13px; }
	.notice .cont>div.refc_file .file_list .file_count a span { width: 18px; height: 18px; font-size: 10px; line-height: 20px; }
	.notice .cont>div.refc_file h3 { width: 34px; }
	.notice .cont>div.refc_file .file_list { width: calc(100% - 34px); }
	.notice .cont a>div .info .reply, .notice .cont a>div .info .date, .notice .cont a>div .info .views { font-size:13px; }
	.type_paper ul li { width: 49%; margin-right: 2%; margin-top:30px; }
	.type_paper ul li .img_wrap { width: 100%; height: 240px; }
	.type_paper ul li:nth-child(2n) { margin-right:0; margin-right:0 !important; }
	.type_paper ul li:nth-child(4n) { margin-right:0; }
	.type_paper ul li:nth-child(3n) { margin-right: 2%; }
	.type_paper ul li:nth-child(3) { margin-right:2%;}.type_paper ul li:nth-child(3),.type_paper ul li:nth-child(4) { margin-top: 30px; }
	
	.type_paper ul li .info .tit { font-size: 14px; margin-bottom: 4px;}
	.type_paper ul li .info .date { font-size: 13px; }
	.type_paper.library_book ul li .info .tit .recom { font-size: 13px; height: 20px; line-height: 20px; }
	
	.board_view .contents_info { padding: 25px !important; line-height: 1.6em; /*text-align:center;*/ }
	.board_view .contents_info img { width: 100%; }
	.board_view .title_info .l_tit { float: none; width:100%; }
	.board_view .title_info .l_tit .wrapper { padding: 0; }
	.board_view .title_info .l_tit .tit { font-size: 17px; margin-bottom: 12px; }
	.board_view .title_info .l_tit .info .date, .board_view .title_info .l_tit .info .views, .board_view .title_info .l_tit .info .parts { font-size: 13px; }
	.board_view .title_info .r_icon { float: none; padding: 0; margin-top: 10px; }
	.board_view .title_info { padding: 20px 0; }
	.board_view .list_info .list_line { height: 40px; line-height: 40px; }
	.board_view .list_info .list_line .ic_area { width: 50px; font-size: 13px; }
	.board_view .list_info .list_line .ic_area.prev:before, .board_view .list_info .list_line .ic_area.next:before { display:none; }
	.board_view .list_info .list_line .list_name { width: calc(100% - 120px); font-size: 13px; }
	.board_view .list_info .list_line .list_date { font-size: 13px; width: 70px; }
	.file_info, .link_info { padding: 12px 0; }
	.file_info h3, .link_info a i { font-size: 13px; }
    .link_info a i {overflow-wrap: anywhere;}
	.file_info .file_list li { font-size: 13px; }
	.file_info h3:after { height: 14px; top: 3px; }
	
	.form_wrapper .tab .tablinks { height: 36px; line-height: 36px; font-size: 13px; width: 32.5%; display: block; float: left; margin-right: 1%; }
	.form_wrapper .tab .tablinks:last-child { margin-right: 0; }
	
	.pager { /*margin-top: 20px;*/ width: 100%;}
    .board_bottom {
        margin-top: 1rem;
    }
	.dean_line { margin-bottom: 28px; }
	.dean_line .dean_tit { font-size: 15px; line-height: 15px; margin-bottom: 8px; }
	.dean_line .dean_content ul li { font-size: 14px; line-height: 1.6em; }
	.dean_line .dean_content ul li.img { padding: 0; }
	.dean_line .dean_content ul li:before { top: 10px; }
	
	.left_form .i_sup_mx { width: 100%; }
	.left_form .i_sup_div { width: 100%; margin-bottom: 8px; }
	
	.flex .i_sup_ph { width: 45%; display: block; float: left; margin-right: 0; }
	.flex  .ph_solt { width: 3.5%; float: left; display: block; text-align: center; }
	
	.sm_comm { font-size:13px; }
	.sum_block { display: block !important; }
	.sum_block .byte { padding: 0 1px; }
	.sum_block .i_sup_year { width: 45px; }
	.sum_block .i_sup_block { width: 100%; text-align: center; margin-top: 4px; margin-left: 0; }
	.flex.check_group { display: block; }
	.flex.check_group .check_tit { width: 100%; display: block; }
	
	.book_loc { width: 36px; height: 36px; line-height: 36px; font-size: 12px; }
	.ic_new { font-size: 11px; padding: 1px 5px; }
	
	.element_pop .search_list { min-width: 100%; height: 244px; max-height: 244px; }
	.element_pop .search_list ul li { font-size: 13px; padding: 4px; }

	/* admission */
	input#ename1, input#ename2, input#ename3 { width:32.5%; margin-right:3px; font-size: 12px; }
	input#ename3 { margin-right: 0; }	
	.line_search input[type="text"] {width: calc(100% - 66px);margin-bottom: 2px;}
	input#addr1, input#addr2 { width:100%; margin-bottom:4px;}
	
	.notice .cont .tit .no {min-width: auto;  }
	.type_pic.type_tit .image_grid_v .cont {width: 100%; margin: 0px;}

    .counsel_info {padding: 1rem;}
    .counsel_info .left {width: 100%; margin-bottom: 1.125rem;}
    .counsel_info .state, .counsel_info .right {width: 100%;}
    .type_pic .image_grid_v .cont {
        width: 100%;
    }

    .type_pic .image_grid_v.awards .cont {
        width: calc((100% - 2rem) / 2);
        background: #fff;
    }
    .board_top .search_form .sel_type{ width: calc((100% - 20px) /3);}
    .board_top select.notice_sel { width: 100%;}
}
@media screen and (max-width:480px) {
	.apply_form .container .section_group section .check_group label { line-height:1.5em; }
.seminar .view_more {margin-top: 10px;}
}