@charset "utf-8";

@import url("../../font/XEIcon-2.3.3/xeicon.css");

/***********************/
/* 커스텀하여 사용권장
 직접커스텀 :https://matthewlein.com/tools/ceaser
 이징 참고표 :https://easings.net/ko
*/
a {
	transition:all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
	transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

#fs_container_wrap .fs_sub_visual .h-350{height:350px;}
.pt-8{padding-top: 8rem;}

/* 인사말 전체 */
.con_body .container {
	max-width: 1200px;
    padding: 40px 50px; /* 안쪽 여백 (상하, 좌우) */
    background-color: #fcfcfc; /* 이미지와 유사한 아주 연한 회색 배경 */
    margin: 0 auto;
    border-radius: 20px;
}
.con_body .container .inner-box {
	border: 1px solid #e0e0e0;
    padding: 3rem;
}
.con_body .container .inner-box h1 { color: #1f63c9;font-weight: bold;padding: 2rem 0;font-size: 36px;}
.con_body .container .inner-box p {
	font-size: 1.2rem;
    font-weight: 500;
    color: #333;
    padding: 1rem 0;
}

#greeting-img {
  float: left;
  margin: 0 15px 15px 0; /* 오른쪽, 아래 여백 */
  width: 50%;       
  max-width: 100%;
  border-radius: 10px;
  height: auto;
  display: block;
}

@media (max-width: 768px) {
  #greeting-img {
    float: none;           /* 감싸기 해제 */
    display: block;
    margin: 0 auto 20px;   /* 중앙 정렬 + 아래 여백 */
    width: 100%;           /* 모바일에서 100% */
  }
  .con_body .container .inner-box p {
    padding: 0 0 1rem 0;
  }
}

/* 비전 */
.vision-wrapper { position:relative; display: flex; justify-content: center; }
.vision-wrapper img { width: 80%;}
@media (max-width: 768px) {
 .vision-wrapper img { width: 80%; height: auto;  max-width: 1200px; }
}

.con_body .vision-table {
	border-collapse: separate; /* 셀 사이 간격 허용 */
    border-spacing: 10px; /* 셀 간 간격 (간격 크기 조절 가능) */
    width: 100%;
    table-layout: fixed;
    margin: 0 auto;
}
.con_body .vision-table .section-title {
  background-color: #1f63c9;
  color: white;
  font-weight: bold;
  text-align: center;
  border-radius: 8px;
  width: 20%;
}
.con_body .vision-table .vision .vision-title{
	font-size: 46px;
    font-weight: 900;
    letter-spacing: -3px;
    color: #197aef;
    line-height: 1;
    display: inline-block;
    position: relative;
}

.con_body .vision-table .vision .vision-title .vision:before {
    bottom: 1px;
}

.con_body .vision-table .vision h2:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 101%;
    height: 10px;
    background: #D6B059;
    mix-blend-mode: multiply;
    z-index: -1;
}


.con_body .vision-table td,
.con_body .vision-table th {
	padding: 15px; /* 셀 내부 여백 */
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
   	order-radius: 8px; /* 셀 모서리 둥글게 */
}

.con_body .vision-table .goal1 {
  background-color: #fff9e6;
  text-align: left;
}

.con_body .vision-table .goal2 {
  background-color: #d6f1ff;
  text-align: left;
}

.con_body .vision-table .goal3 {
  background-color: #e9f9e6;
  text-align: left;
}

.con_body .vision-table .community {
  background-color: #f4f4f4;
}

.community ul {
  list-style-type: disc;
  padding-left: 20px;
  text-align: left;
  margin: 0;
}
/* 20250825 KJS START 비전 페이지 CSS */
.text-md {font-size: 20px; }
.heading-xl {font-size: 32px; font-weight: bold;}
.heading-lg {font-size: 24px; font-weight: bold;}
.heading-md {font-size: 20px; font-weight: bold;}

.vision-wrap1 { margin-top: -40px; position: relative; line-height: 1.5; text-align: center; }
.vision-wrap1 .box-inner { position: relative;margin: 0 10%; }
.fs_content > .sub_title { margin-bottom: 40px; }

.vision-box { position: relative; margin-top: 60px; }
.vision-box .sub-title {
    background: #000;
    border-radius: 50px;
    margin: 0 auto;
    display: inline-block;
    width: auto;
    min-width: 260px; 
    padding: 11px 30px;
    text-align: center;
    position: relative;
    z-index: 2;
}
.vision-box .sub-title h2 {
    color: #fff;
    display: inline-block;
    padding: 0 24px;
    position: relative;
}
.vision-box .sub-title h2::before,
.vision-box .sub-title h2::after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
}
.vision-box .sub-title h2::after {
    left: auto;
    right: 0;
}

/* 미션 */
.vision-box1 .box-content {
    border: 4px solid;
    border-image: linear-gradient(15deg, #00BF1A, #2822E9 80%);
    border-image-slice: 1;
    margin-top: -29px;
    border-radius: 4px;
    padding: 52px 15px;
}

/* 비전 */
.vision-box2 { margin-top: 140px; }
.vision-box2 .box-content {
    background: #F0F8FF;
    margin-top: -29px;
    padding: 55px 15px 45px 15px;
    border-radius: 4px;
}
.vision-box2::before {
    content: '';
    width: 435px;
    height: 330px;
    background: url(/images/sub/vision-arrow-s.png) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -140px;
    opacity: 0.7;
}

/* 추진전략 */
.vision-box3 { position: relative; z-index: 100; margin-top: 140px;}


.vision-box3 .box-inner > ul {
    display: flex;
    justify-content: center;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin-top: -29px;
}
.vision-box3 .box-inner li {
    flex-basis: 33.3333%;
    max-width: 350px;
}
.vision-box3 .li-box {
    color: #000;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    /* justify-content: center;  */
    min-height: 148px;
    border-radius: 4px;
    padding: 40px 20px 20px 20px;
    height: 100%;
}

.vision-box3 .box-inner li:nth-child(1) .li-box {
    background-color: rgb(147, 214, 223, 0.5); 
}
.vision-box3 .box-inner li:nth-child(2) .li-box {
    background-color: rgb(96, 157, 212, 0.5); 
}

.vision-box3 .box-inner li:nth-child(3) .li-box {
    background-color: rgb(210, 207, 226, 0.5); 
}

.vision-box3 .li-box p {
    text-align: center;
}
.vision-box3 .li-box p span {
    font-weight: bold;
    margin-right: 0.5em;
}

/* 정책방향 및 과제 */
.vision-box4 { margin-top: 60px; }
.vision-box4::before {
    content: '';
    width: 550px;
    height: 420px;
    background: url('/images/sub/vision-arrow-b.png') no-repeat center;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% + 55px);
    opacity: 0.7;
}
.vision-box4 .sub-title {
    display: block;
    width: 100%;
    border-radius: 4px;
}
.vision-box4 > .box-inner > ul {
	display: flex;
   	/* justify-content: space-between; */
   	justify-content: flex-start;
    gap: 20px;
    list-style: none;
    padding: 0;
}
.vision-box4 > .box-inner > ul > li {
    /* max-width: 350px; */
    flex: 1 1 0;
    position: relative;
    padding-top: 40px;
}
.vision-box4 li::before {
    content: '';
    width: 1px;
    height: 60px;
    background: #d9d9d9;
    position: absolute;
    left: 50%;
    top: -20px;
    transform: translateX(-50%);
}
.vision-box4 .tit {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    background: #F7F7F7;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 10px;
}
.vision-box4 .cn {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    background: #F7F7F7;
    margin-bottom: 10px;
    padding: 15px;
}
.vision-box4 .cn p {
    line-height: 1.6;
    text-align: center;
}
.vision-box4 .cn p:last-child { margin-bottom: 0; }

/* 추진기반 */
.vision-box5 { margin: 30px 0; }
.vision-box5 .sub-title {
    display: block;
    width: 100%;
    border-radius: 4px;
}

.vision-box5 > .box-inner > ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin-top: 20px;
}
.vision-box5 > .box-inner > ul > li {
    flex: 1;
    width: 100%;
}
.vision-box5 .li-box {
    background: #F1EEE9;
    color: #000;
    border-radius: 4px;
    padding: 20px;
    text-align: left;
    height: 100%;
}
.vision-box5 .li-box p { margin: 0; line-height: 1.5; }


/* --- 비전 모바일 --- */
@media (max-width: 768px) {
	.vision-wrap1 .box-inner {margin: 0;}
	.vision-box1, .vision-box2, .vision-box3, .vision-box4, .vision-box5 {margin-top: 40px;}

    .vision-wrap1 .vision-box2::before,
    .vision-wrap1 .vision-box4::before {
        display: none;
    }

    .vision-box3 .box-inner > ul,
    .vision-box4 > .box-inner > ul,
    .vision-box5 > .box-inner > ul {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    .vision-box3 .box-inner li,
    .vision-box4 > .box-inner > ul > li,
    .vision-box5 > .box-inner > ul > li {
        width: 100%;
        max-width: 100%; 
        flex-basis: auto;
    }

    .vision-box4 > .box-inner > ul {
        margin-top: 20px; 
    }
    .vision-box4 > .box-inner > ul > li {
        padding-top: 0;
    }
    .vision-box4 li::before {
        display: none;
    }
    .heading-xl { font-size: 24px;}
    
}
/* 20250825 KJS END */
/***********************/

/* 스크롤 */
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-track {background: #efefef; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}
::-webkit-scrollbar-thumb {height: 40px; width: 40px; background: rgba(0,0,0,.1); -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}


/* 공통 */
.wrap_1300 {max-width:1300px;margin:0 auto;}

/* 해더영역 */
#fs_header {
	position: fixed;
    z-index: 9999;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    /* background: linear-gradient(to right, rgba(50, 100, 150, 0.25), rgba(30, 60, 120, 0.5)); */
    backdrop-filter: blur(6px);
    /* background: linear-gradient(to right, rgba(30, 60, 120, 0.5), rgba(100, 180, 255, 0.5)); */
    background: rgba(0, 0, 0, 0.1);
}
/* 상단 */
#fs_header {}
.fs_top{text-align: right;
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 40px;
    padding-right: 5rem;
    display: flex;}
.fs_head >.logo {display: none;}
.fs_head, .fs_head .head_top {height:100%;}
/* 250424 LJY */
/* .fs_head {position:fixed;top:0;left:0;width:210px;height:100vh;background:#1f63c9;background:#1778ef url("../../images/main/common/cover_01.png") no-repeat center left; padding:30px;z-index:999;} */
.fs_head {background-color: transparent;
    border-top: 1px solid rgba(255, 255, 255, .2);
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    position: relative;
    z-index: 999;
    width: 100%;
    height: 95px;}
/* .fs_head {position:fixed;top:0;left:0;background: #1778ef;z-index:999;width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;} */
/* .fs_head .logo {width:200px; margin-left:3rem;} */
.fs_head .head_top .wrap {position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:0;}
.head_top .logo {display: none;}
.head_top .logo a {display:block;text-align:center;}
.head_top .global_box li {font-size:0.875em;font-weight:500;}
.head_top .global_box .mb_note {display:none;}
.head_top .global_box .search {position:relative;border:2px solid #ff9500;border-radius:20px;background:#f1f1f1;}
.head_top .global_box .search input {border:none;background:transparent;border-radius:20px 0 0 20px;width:calc(100% - 50px);height:40px;line-height:40px;}
.head_top .global_box .search_btn {position:absolute;top:50%;right:20px;transform:translateY(-50%);}
.head_top .global_box .search_btn .mo_block {display:none;}
.head_top .global_box .btn {display:flex;align-items:center;gap:10px;padding-left:10px;}
.head_top .global_box .btn.login {display:none;}
.head_top .global_box .btn.zoom {gap:0;justify-content:center;padding-left:0;color:#fff;}
.head_top .global_box .btn.zoom em {display:inline-block;margin-right:10px;}
.head_top .global_box .btn.zoom span:not(:nth-of-type(3)) {margin-right:4px;}
.head_top .global_box li ul.sns {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.global_box .btn.lang {display: flex;align-items: center;gap: 3px;}
.global_box .btn.zoom {color: #fff;margin-left: 20px;display: flex;align-items: center;gap: 5px;}
@media only screen and (max-width:1280px){
	.fs_head {width:100%;height:110px;padding:0;}
	.head_top .global_box {position:absolute;top:0;right:0;width:100%;    justify-content:flex-end;padding:0 5%;background:rgba(255,255,255,0.8);}
	.head_top .global_box .search input {height:25px;line-height:25px;}
	.fs_head .logo img {width:120px;}
	.fs_head .head_top .wrap {flex-direction:row;align-items:center;padding:40px 5% 0 5%;}
	.head_top .global_box {display:flex;flex-wrap:wrap;align-items:center;padding-right:0;width:100%;padding:5px 0;}
	.head_top .global_box li:not(:last-child) {margin-bottom:0;}
	.head_top .global_box .btn {gap:5px;}
	.head_top .global_box .btn.zoom {padding-right:5%;padding-left:10px;}
	.head_top .global_box .btn.login {display:flex;}
	.head_top .global_box li ul.sns li {margin:0 2px;}
	
	.global_box {position:absolute;top:0;right:0;width:100%;    justify-content:flex-end;padding:0 5%;background:rgba(255,255,255,0.8); margin-right:0px;}
	.global_box .search input {height:25px;line-height:25px;}
	.global_box {display:flex;flex-wrap:wrap;align-items:center;padding-right:0;width:100%;padding:5px 0;}
	.global_box li:not(:last-child) {margin-bottom:0;}
	.global_box .btn {gap:5px;}
	.global_box .btn.zoom {padding-right:5%;padding-left:10px;}
	.global_box .btn.login {display:flex;}
	.global_box li ul.sns li {margin:0 2px;}
	.fs_head .logo {display: flex;height:100%;align-items:center; position: absolute; top:0;}
	#fs_header{background: #000; position: relative;backdrop-filter:none;}
	.fs_top {text-align: right;
    margin: 0 auto;
    position: fixed;
    max-width: 1800px ! important;
    width: 100%;
    height: 29px;
    background: black;}
    .fs_head {
    position: fixed;
    top: 26px;
    left: 0;
    background: #1778ef;
    display: flex;
    justify-content: space-between;}
    .fs_mtop_menu .logo {display: none;}
}
@media only screen and (max-width:1023px){
	.head_top .global_box .btn {padding-left:10px;}
	.head_top .global_box .btn.zoom {padding-left:10px;}
	.head_top .global_box .btn.zoom a {display:none;}
	.global_box .btn.zoom {padding-right:2%;padding-left:0px;}
}
@media only screen and (max-width:767px){
	.fs_head {height:95px;}
	.head_top .global_box .mb_note {display:block;padding-right:10px;font-size:0.900em;}
	.head_top .global_box .search {width:auto;border:none;background:transparent;}
	.head_top .global_box .search label, .head_top .global_box input {display:none;}
	.head_top .global_box .search_btn {position:static;transform:translateY(0);display:flex;align-items:center;gap:5px;}
	.head_top .global_box .search_btn .mo_block {display:block;font-weight:500;}
	.fs_head .logo img {width:100px;}
	.head_top .global_box li ul.sns {position:absolute;top:0;top:65px;right:65px;}	
}
@media only screen and (max-width:475px){
	.head_top .global_box .mb_note {display:block;padding-right:10px;font-size:0.875em;}
	.head_top .global_box .btn.login img, .head_top .global_box .btn.lang img, .head_top .global_box .btn.zoom em {display:none;}
	.global_box .btn.login img, .head_top .global_box .btn.lang img, .head_top .global_box .btn.zoom em {display:none;}
}
@media only screen and (max-width:375px) {
	.head_top .global_box .mb_note {padding-right:5px;}
	.head_top .global_box .btn {padding-left:5px;}
	.head_top .global_box .btn.zoom {padding-left:5px;padding-right:1%;}
	.head_top .global_box li ul.sns {display:none;}
}

/* 250424 LJY */
.global_box {display: flex;height: 100%;align-items: center;width: 100%;justify-content: flex-end;}
@media only screen and (max-width:1280px){
	.global_box {height: auto;}
}
/* 헤더메뉴 */
#fs_header.on{background: #1778ef url("../../images/main/common/cover_01.png") no-repeat center right;}
.mbtn_box {display:none;}
.fs_mtop_menu {display:none;}
/* 250424 LJY */
.fs_top_menu {height: 100%;width: 100%;display: flex; align-items: center;}
.fs_top_menu .wrap {flex:1}
/* 250424 LJY */
/* .fs_top_menu .lnb {position:absolute;top:calc(17.3% - 1.4323vw);left:0;padding-left:30px;width:100%;} */
/* .fs_top_menu .lnb {padding-left:30px;width:100%;display:flex;gap:50px;height:100%; align-items:center; justify-content: center;} */
/* 20250821 KJS */
.fs_top_menu .lnb {padding-right:35px;width:100%;display:flex;gap:70px;height:100%; align-items:center; justify-content: flex-start;}
/* 1뎁스 */
.fs_top_menu .lnb > li .lnb_title {cursor:pointer;font-weight:500;font-size:1.125em;color:#fff;display:block;padding:1.2323vw 0;transition:all .2s;height: 100%;
    display: flex
;
    align-items: center;}
.fs_top_menu .lnb > li.on .lnb_title {font-weight:700;color:#f4b51f;}
.fs_top_menu .lnb .has-sub {height: 100%;}
/* 2뎁스 */
/* 250424 LJY */
/* .fs_top_menu .lnb > li .depth2 {opacity:0;visibility:hidden;position:fixed;top:0;left:210px;width:60vw;height:100vh;background:url("../../images/main/main/edu_text_logo_gray.png") no-repeat bottom 5px right 10px rgba(255,255,255,0.95);padding:145px 30px 30px 70px ;overflow-y:scroll;transition:opacity 0.2s, visibility 0.15s;z-index:999;-ms-overflow-style:none;인터넷 익스플로러scrollbar-width:none;파이어폭스box-shadow:30px 0 30px 0 rgba(0,0,0,0.1);} */
.fs_top_menu .lnb > li .depth2 {opacity:0;visibility:hidden;position:absolute;top:0;left:0;width:100vw;/* height:100vh; */background:#fff;/* padding:145px 30px 30px 70px */ ;overflow-y:scroll;transition:opacity 0.2s, visibility 0.15s;z-index:999;-ms-overflow-style:none;/*인터넷 익스플로러*/scrollbar-width:none;/*파이어폭스*/box-shadow:30px 0 30px 0 rgba(0,0,0,0.1);margin-top: 94px; 
border-radius: 0 0 20px 20px;}
/* .fs_top_menu .lnb > li .depth2::-webkit-scrollbar {display:none;} */
/* .fs_top_menu .lnb > li .depth2.on {opacity:1;visibility:visible;transition:opacity 0.1s, visibility 0s;} */
.fs_top_menu .lnb > li .depth2.on {visibility:visible; opacity:1; animation: slideDown 0.3s ease-out forwards;}

/* 20250822 KJS STRAT 메인메뉴 스타일 2분할 변경 */
.fs_top_menu .lnb > li .depth2 .wrap { display: flex; align-items: stretch; width: 100%; padding: 30px 70px; }
.fs_top_menu .lnb > li .depth2 { padding: 0; }
.fs_top_menu .lnb > li .depth2 .wrap .menu_title_area { width: 30%; border-right: 1px solid #e9ecef; padding-right:40px; }
.fs_top_menu .lnb > li .depth2 .wrap .menu_title_area h2 { font-size: 24px; font-weight: bold; height: 50px; display: flex; align-items: center; justify-content: center;}
.fs_top_menu .lnb > li .depth2 .wrap .menu_list_area { flex-grow: 1; width: 70%;  padding-left: 40px;}
.fs_top_menu .lnb > li .depth2 .wrap { display: flex; align-items: stretch; width: 100%; padding: 50px 50px; }
/* 20250822 KJS END */

@keyframes slideDown {
  from {
    transform: translateY(-3px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.fs_top_menu .lnb > li .depth2 .lnb_layer01 {display:grid;grid-template-columns:repeat(3,1fr);gap:60px 20px;}
.fs_top_menu .lnb > li .depth2 .lnb_layer01 > li > a {display:block;background:#fff;border-radius:10px;border:2px solid #197aef;padding:15px 20px;font-weight:500;margin-bottom:15px;transition:0.1s;}
.fs_top_menu .lnb > li .depth2 .lnb_layer01 > li > a.blank {background:url("../../images/main/layout/link_p.png") no-repeat right 20px center #fff;}
.fs_top_menu .lnb > li .depth2 .lnb_layer01 > li > a.dep {position:relative;}
.fs_top_menu .lnb > li .depth2 .lnb_layer01 > li > a.dep::after {content:"";position:absolute;right:20px;top:0;bottom:0;width:13px;height:1px;margin:auto 0;background:#514ad6;transition:all 400ms ease;-webkit-transition:all 400ms ease;}
.fs_top_menu .lnb > li .depth2 .lnb_layer01 > li > a.dep::before {content:"";position:absolute;right:26px;top:0;bottom:0;width:1px;height:13px;margin:auto 0;background:#514ad6;transition:all 400ms ease;-webkit-transition:all 400ms ease;}
.fs_top_menu .lnb > li .depth2 .lnb_layer01 > li.on {cursor:pointer;color:#fff;}
.fs_top_menu .lnb > li .depth2 .lnb_layer01 > li.on > a {background:#197aef;transition:0.1s;}
/* .fs_top_menu .lnb > li .depth2 .lnb_layer01 > li.on > a.blank {background:url("../../images/main/layout/link_bk.png") no-repeat right 20px center #197aef;transition:0.1s;} */
.fs_top_menu .lnb > li .depth2 .lnb_layer01 > li.on > a.dep::after {background:#fff;}
.fs_top_menu .lnb > li .depth2 .lnb_layer01 > li.on > a.dep::before {background:#fff;}
.fs_top_menu .lnb > li .depth2 .lnb_layer01 > li.on > a.active::before {transform:rotate(90deg);}
/* 3뎁스 */
.fs_top_menu .lnb > li .depth2 .lnb_layer02 {font-size:0.938em;font-weight:400;color:#666;line-height:1.6;display:none;}
.fs_top_menu .lnb > li .depth2 .lnb_layer02.show {display:block;}
.fs_top_menu .lnb > li .depth2 .lnb_layer02 li {padding-left:20px;position:relative;}
.fs_top_menu .lnb > li .depth2 .lnb_layer02 li::before {position:absolute;top:9px;left:12px;width:2px;height:2px;background:#666;content:"";}
.fs_top_menu .lnb > li .depth2 .lnb_layer02 li > a {transition:0.1s;}
.fs_top_menu .lnb > li .depth2 .lnb_layer02 li.on > a {text-decoration:underline;color:#000;font-weight:500;transition:0.1s;}
@media only screen and (max-width:1280px){
	.fs_top_menu {display:none;}
	.fs_mtop_menu {display:block;}

	/*모바일 버튼*/
	.fs_head .mbtn_box {display:block;position:absolute;top:46px;right:5%;}
	.fs_head .mbtn_box .menu_open {z-index:11;display:block;position:relative;width:23px;height:20px;font-size:0;}
	.fs_head .mbtn_box .menu_open:after {content:"";position:absolute;left:0;top:0;bottom:0;width:23px;height:2px;margin:auto 0;background:#fff;transition:all 0.4s;-webkit-transition:all 0.4s;}/* 가운데 */
	.fs_head .mbtn_box .menu_open span:before {content:"";position:absolute;left:0;top:0;width:23px;height:2px;background:#fff;transition:all 0.4s;-webkit-transition:all 0.4s;}/* 위 */
	.fs_head .mbtn_box .menu_open span:after {content:"";position:absolute;left:0;bottom:0;width:14px;height:2px;background:#fff;transition:all 0.4s;-webkit-transition:all 0.4s;}/* 하단 */
	/*모바일 버튼_on*/
	.fs_head .mbtn_box .menu_open.on:after {width:0;}/* 가운데 */
	.fs_head .mbtn_box .menu_open.on span:before {top:9px;transform:rotate(135deg);-webkit-transform:rotate(135deg);}/* 위 */
	.fs_head .mbtn_box .menu_open.on span:after {bottom:9px;width:23px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}/* 하단 */

	/* 헤더메뉴 */
	.fs_top_menu .lnb {display:none;}
	.overflow_y {overflow:hidden;}
	.fs_mtop_menu {display:none; overflow-y:scroll; position:fixed; left:0; top:128px; width:100%; height:100%; background-color:#fff;}
	.fs_mtop_menu .wrap {padding:0;}
	/* 1뎁스 */
	.fs_mtop_menu .lnb {position:relative;z-index:101;width:100%;min-height:2550px;text-align:left;background:#16253d;}
	.fs_mtop_menu .lnb > li {float:none;cursor:pointer;}
	.fs_mtop_menu .lnb > li.on .lnb_title {background:#0c3f7a;color:#fff;}
	.fs_mtop_menu a.lnb_title {background:#16253d;border-bottom:1px solid #869fbd;display:block;width:50%;height:80px;padding-left:30px;line-height:80px;text-align:left;font-size:16px;font-weight:400;color:#fff;}
	.fs_mtop_menu a.lnb_title.on .lnb_layer01 {display:block;}
	.fs_mtop_menu a.lnb_title.on,a.lnb_title:hover {background:#0c3f7a;color:#fff;font-weight:400;}
	/* 2뎁스 */
	.fs_mtop_menu .depth2 {width:50%;position:absolute;left:50%;top:0;height:100% !important;padding:0 !important;background:#fff;text-align:left;border-top:1px solid #ccc;}
	.fs_mtop_menu .depth2 span {position:relative;float:right;display:inline-block;width:17px;height:17px;margin-top:20px;}
	.fs_mtop_menu .depth2 span:after {content:"";position:absolute;left:4px;top:8px;width:10px;height:2px;background:#666;}
	.fs_mtop_menu .depth2 span:before {content:"";position:absolute;left:8px;top:4px;width:2px;height:10px;background:#666;display:inline-block;}
	.fs_mtop_menu .lnb_layer01 > li.on > a {font-weight:600;text-decoration:none;}
	.fs_mtop_menu .lnb_layer01 > li.on > a span:before  {display:none;}
	.fs_mtop_menu .lnb_layer01 > li > a {display:flex;align-items:center;width:100%;height:60px;line-height:1.4;padding:0 20px;text-align:left;vertical-align:middle;font-size:14px;color:#000;border-bottom:1px solid #ccc;background:#f6f6f6;word-break:break-word;}
	.fs_mtop_menu .lnb_layer01 > li > a.blank {background:url("../../images/main/layout/link_p.png") no-repeat right 20px center #f6f6f6;}
	.fs_mtop_menu .lnb_layer01 > li > a.on,.lnb_layer01 > li > a:hover,.lnb_layer01 > li > a:focus,.lnb_layer01 > li > a:active {text-decoration:none;}
	.lnb_layer01 li a.on,.lnb_layer01 li a:hover,.lnb_layer01 li a:focus,.lnb_layer01 li a:active {color:#000;font-weight:400;}
	.fs_mtop_menu .lnb > li:nth-child(4) .lnb_layer01 > li > a {background:url("../../images/main/layout/shortcut.png") center right 10px no-repeat;background-size:18px;}
	
	/* 3뎁스 */
	.lnb_layer02 {display:none;background:#eaeaea;padding:15px;border-bottom:1px solid #ccc;}
	.fs_mtop_menu .lnb_layer01 > li > a.mob_more.on > .lnb_layer02 {display:block;}
	.fs_mtop_menu .lnb_layer02 > li.on > a span:before  {display:none;}
	.fs_mtop_menu .lnb_layer02 span {position:absolute;right:0;top:2px;float:right;display:inline-block;width:17px;height:17px;}
	.lnb_layer02 > li {margin-bottom:15px;}
	.lnb_layer02 > li:last-child {margin-bottom:0;}
	.lnb_layer02 > li > a {position:relative;display:block;line-height:18px;padding:0 12px 0 8px;font-size:14px;color:#666;}
	.lnb_layer02 > li > a:before {content:"";position:absolute;left:0;top:8px;width:2px;height:2px;background:#203300;}
	
	.fs_mtop_menu .lnb > li .depth2 .wrap .menu_title_area { display: none }
}

@media only screen and (max-width:767px){
	.fs_head .mbtn_box {top:37px;}
	.fs_mtop_menu {top:115px;}
}

@media only screen and (max-height:800px){
	/* 1뎁스 */
	.fs_top_menu .lnb {position:absolute;top:calc(17.3% - 1.1719vw);left:0;padding-left:30px;width:100%;}
	.fs_top_menu .lnb > li .lnb_title {padding:1.0000vw 0;}
}

/* 250424 LJY  */
/* #fs_container_wrap {width:calc(100% - 210px);margin-left:210px;overflow:hidden;} */
#fs_container_wrap {width:100%;overflow:hidden;}
@media only screen and (max-width:1280px){
	#fs_container_wrap {width:100%;margin-left:0;padding-top:110px;}
}

/* 서브비주얼 */
.fs_sub_visual {background:url("../../images/main/layout/board_top_cover.jpg")/*linear-gradient(to right, #fff5da, #ffece7)*/;background-size:cover;}
.fs_sub_visual.intro{background:url("../../images/main/layout/board_top_cover_03.png")/*linear-gradient(to right, #fff5da, #ffece7)*/;background-size:cover;}
.fs_sub_visual.apply{background:url("../../images/main/layout/board_top_cover_04.png")/*linear-gradient(to right, #fff5da, #ffece7)*/;background-size:cover;}
.fs_sub_visual .wrap_1300 {height:250px;padding-bottom:30px;display:flex;justify-content:space-between;align-items:center;}
.fs_sub_visual .depth2_tit p {color:#fff;font-size:2.375em;font-weight:700;}
.fs_sub_visual .btn_area {line-height:0;font-size:0;position:relative;}
.fs_sub_visual .btn_area > li {display:inline-block;margin-left:10px;}
.fs_sub_visual .btn_area > li > a {display:block;width:40px;height:40px;border-radius:15px;background:#fff no-repeat center center;position:relative;z-index:99;}
.fs_sub_visual .btn_area > li:nth-child(1) > a {background-image:url("../../images/main/layout/ico_print.png"); cursor: pointer;}
/*
.fs_sub_visual .btn_area > li:nth-child(2) > a {background-image:url("../../images/main/layout/ico_view.png");}
.fs_sub_visual .btn_area > li:nth-child(3) > a {background-image:url("../../images/main/layout/ico_share.png");}
.fs_sub_visual .btn_area > li:nth-child(4) > a {background-image:url("../../images/main/layout/ico_print.png");}
*/
/* 공유하기 */
.sharing {}
.sharing_box {display:none;position:absolute;top:45px;right:0;background:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,.1);padding:20px 15px;border-radius:15px;width:300px;z-index:1001;}
.sharing_box ul {text-align:center;}
.sharing_box ul li {display:inline-block;margin-left:20px;vertical-align:middle;}
.sharing_box ul li:first-child {margin-left:0;}
.sharing_box div {margin-top:15px;display:inline-block;width:100%;font-size:14px;}
.sharing_box .input_style {width:70.5% !important;height:40px;line-height:40px;}
.sharing_box .btn_bace {width:28% !important;padding:0 10px;}
@media only screen and (max-width:1520px){
	.fs_sub_visual .wrap_1300 {width:calc(100% - 40px);}
}
@media only screen and (max-width:1024px){
	.con_body .vision-table .vision .vision-title {
      	font-size: 30px;
      }
}
@media only screen and (max-width:767px){
	.fs_sub_visual .depth2 {margin:0 auto;}
	.fs_sub_visual .depth2.pt-8 {padding:0;}
	.fs_sub_visual .depth2_tit p {font-size:1.923em;line-height:1.4;text-align:center;word-break:keep-all;}
	.fs_sub_visual .btn_area {display:none;}
	.con_body .container {padding:40px 30px;}
	.con_body .container .inner-box {padding:2rem;}
	.con_body .container .inner-box p {font-size: 0.8rem;}
	.con_body .container .inner-box h1 { color: #1f63c9;font-weight: bold;padding: 2rem 0;font-size: 19px;}
	/* 비전 */
	.con_body .vision-table, 
      .con_body .vision-table tr, 
      .con_body .vision-table td {
        display: block;
        width: 100%;
        margin: 0 auto;
      }

      .con_body .vision-table tr {
        margin-bottom: 10px;
      }

      .con_body .vision-table td {
        margin-bottom: 5px;
      }

      .con_body .vision-table tr.policy-direction {
        display: flex;
        flex-direction: column;
      }
      
      .vision-table, .vision-table tbody, .vision-table tr, .vision-table td {
        display: block;
        width: 100% !important;
      }
      .vision-table .desktop-only {
        display: none !important;
      }
      
      .con_body .vision-table .vision .vision-title {
      	font-size: 21px;
      }
      
      .con_body .vision-table .vision h2:before {
      	height: 7px;
      }
}
@media (min-width: 769px) {
  .vision-table .mobile-only {
    display: none !important;
  }
}

/* 상단영역 */
.fs_sub_contents {padding-bottom:100px;}
/* 서브메뉴 */
.sub_menu {}
.sub_menu .dep1 {display:flex;gap:10px;font-size:1.125em;margin-top:-30px;letter-spacing:-0.02em;}
.sub_menu .dep1 > li {min-width:26.111em;}
.sub_menu .dep1 > li > a {display:block;line-height:60px;padding-left:20px;background:#fff;border:2px solid #197aef;border-radius:20px;font-weight:600;position:relative;}
.sub_menu .dep1 > li > a::after{content:"";position:absolute;right:16px;top:0;bottom:0;width:10px;height:2px;margin:auto 0;background:#6931ca;transition:all 400ms ease;-webkit-transition:all 400ms ease;transform:rotate(-45deg);}
.sub_menu .dep1 > li > a::before {content:"";position:absolute;right:26px;top:0;bottom:0;width:2px;height:10px;margin:auto 0;background:#6931ca;transition:all 400ms ease;-webkit-transition:all 400ms ease;transform:rotate(-45deg);}
.sub_menu .dep1 > li.on > a::after {transform:rotate(45deg);}
.sub_menu .dep1 > li.on > a::before {transform:rotate(45deg);}
.sub_menu .dep_list {display:none;position:absolute;width:26.111em;margin-top:10px;border:1px solid #cfd0d7;border-radius:20px;background:#fff;z-index:3;}
.sub_menu .dep1 > li.on .dep_list {display:block;}
.sub_menu .dep_list > li > a {display:block;line-height:40px;padding-left:20px;border-bottom:1px dotted #cfd0d7;background-position: right 20px center;cursor:pointer;}
.sub_menu .dep_list > li > a:hover{color:#1f63c9;font-weight:bold;}
.sub_menu .dep_list > li:last-child > a {border-bottom:none;}
/* 타이틀 */
.sub_title {}
.sub_title h3 {margin-top:10px;padding-bottom:40px;color:#000;font-size:1.875em;font-weight:700;text-align:center;}
/* 로케이션 */
.location ul {display:flex;justify-content:end;margin-top:20px;}
.location li {position:relative;margin-right:26px;}
.location li:before {content:"";display:block;position:absolute;top:7px;right:-15px;width:5px;height:9px;background:url("../../images/main/common/path_arrow.png") no-repeat right top;}
.location li.last {color:#000;font-weight:500;margin-right:0;}
.location li.last:before {display:none;}
.location li a {display:block;color:#666;line-height:21px;}
.location li.home a {width:22px;height:21px;background:url("../../images/main/common/path_home.png") no-repeat left top;font-size:0;}
@media only screen and (max-width:1520px){
	.fs_sub_contents {padding:0 20px;padding-bottom:100px;}
}
@media only screen and (max-width:1023px){
	/* 서브메뉴 */
	.fs_sub_box {display:none;}
	.sub_menu .dep1 > li {min-width:22.222em;}
	.sub_menu .dep_list  {width:22.222em;}
	/* 타이틀 */
	.sub_title h3 {margin-top:20px;padding-bottom:30px;font-size:2.000em;}
	/* 로케이션 */
	.location ul {padding:2px 0 1%;}
}
@media only screen and (max-width:767px){
	/* 서브메뉴 */
	.sub_menu .dep1 > li {min-width:100%;}
	.sub_menu .dep1 > li:first-child {display:none;}
	.sub_menu .dep_list {width:calc(100% - 40px);}
}

/* 하단영역 */
.fs_content {line-height:1.4;}
/* 실컨텐츠영역 */
.con_body {padding:40px 0 50px;border-top:2px solid #cfd0d7;margin-top:50px;}

/* 페이지준비중 */
.waiting {text-align:center;}
.waiting img {display:inline-block;margin-bottom:30px;}
.waiting .waiting_tit {display:block;margin-bottom:20px;color:#222;font-size:1.875em;font-weight:500;}
.waiting .waiting_tit strong {color:#ff9500;font-weight:500;}

/* 푸터영역 */
#fs_footer {border-top:1px solid #cfd0d7;}
.ft_logo{width: 180px;}

/* 패밀리사이트 */
.ft_menu_icon{display:flex; margin-left:20px;}
.family_box {background:#002e4c;}
.family_box .sitelink {display:flex;}
.family_box .sitelink li {position:relative;width:25%;border-right:1px solid rgba(255,255,255,0.1);}
.family_box .sitelink li:first-child {border-left:1px solid rgba(255,255,255,0.1);}
.family_box .sitelink li button {position:relative;display:block;width:100%;height:70px;padding:0 10px;background:transparent;text-align:left;font-weight:500;color:#fff;transition:all 0.4s;}
.family_box .sitelink li button:before {content:"";position:absolute;right:20px;top:0;bottom:0;margin:auto 0;display:block;width:15px;height:9px;background:url("../../images/main/layout/arr_white_up.png") no-repeat;transition:0.4s;}
.family_box .sitelink li dl {display:none;position:absolute;left:0;bottom:70px;z-index:99;width:100%;padding:15px 10px;background:#fff;border:1px solid #cfd0d7;}
.family_box .sitelink li dl dt {padding:15px;background:#1f63c9;font-weight:500;color:#fff;}
.family_box .sitelink li dl dd {border-bottom:1px dashed #cfd0d7;}
.family_box .sitelink li dl dd a {display:block;padding:10px 15px 10px 10px;font-size:0.938em;font-weight:300;background:url("../../images/main/layout/link_p.png") no-repeat right 15px center;word-break:break-all;color:#222;}
.family_box .sitelink li:is(.on) button {background-color:#000;}
.family_box .sitelink li:is(.on) button:before {transform:rotate(180deg);}
/* 배너모음 */
.banner_slide_box {display:flex;align-items:center;height:70px;}
.banner_slide_box .control {flex-shrink:0;width:290px;display:flex;align-items:center;}
.banner_slide_box .control .tit {font-size:1.250em;color:#333;margin-right:20px;}
.banner_slide_box .control .fot_slide_controll_box {display:flex;}
.banner_slide_box .control .fot_slide_controll_box a {display:flex;justify-content:center;align-items:center;}
.banner_slide_box .control .fot_slide_controll_box .prev {padding:0 20px;}
.banner_slide_box .control .fot_slide_controll_box .next {padding:0 20px;position:relative;}
.banner_slide_box .control .fot_slide_controll_box .next::before {position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:19px;background:#cfd0d7;content:"";}
.banner_slide_box .control .fot_slide_controll_box .playStopButton {width:50px;height:50px;border-radius:50%;background:no-repeat center #34363a;font-size:0;}
.banner_slide_box .control .fot_slide_controll_box .playStopButton.play {background-image:url("../../images/main/layout/arr_black_stop.png");}
.banner_slide_box .control .fot_slide_controll_box .playStopButton.stop {background-image:url("../../images/main/layout/arr_black_play.png");}
.banner_slide_box .banner_slide {width:100%;}
.banner_slide_box .banner_slide .fot_slide_banner {align-items:center;text-align:center;}
.banner_slide_box .banner_slide .fot_slide_banner .swiper-slide {padding:3px 15px;width:auto !important;}
.banner_slide_box .banner_slide .fot_slide_banner a {display:block;white-space:nowrap;}
.banner_slide_box .banner_slide .fot_slide_banner a:is(:focus) {border:1px solid;}
/* 텍스트 */
.fs_footer_box {padding:25px 0 50px;border-top:1px solid #cfd0d7;font-size:0.88em;}
.fs_footer_box .wrap_1300 .ft_menu {margin-bottom:2.13em;}
.fs_footer_box .wrap_1300 .ft_menu a {display:inline-block;margin-left:-4px;padding:0 6px;font-weight:600;color:#555;position:relative;/*border-left:1px solid #cfd0d7;*/}
.fs_footer_box .wrap_1300 .ft_menu a:first-child {padding-left:0;border-left:none;}
.fs_footer_box .wrap_1300 .ft_menu .point {font-size:1.00em;font-weight:900;color:#007d83;}
.fs_footer_box .wrap_1300 .ft_info {display:flex;gap:3.55em;color:#777;width:100%;}
.fs_footer_box .wrap_1300 .address span {display:block;line-height:1.7;}
.fs_footer_box .wrap_1300 .mark_list {display:flex;align-items:center;margin-left:auto;}
.fs_footer_box .wrap_1300 .mark_list .tel {display:flex;align-items:center;}
.fs_footer_box .wrap_1300 .mark_list .tel .icon {width:50px;height:50px;border-radius:50%;background:url("../../images/main/main/footer-deco-01.png") no-repeat center #f1f1f1;margin-right:10px;}
.fs_footer_box .wrap_1300 .mark_list .tel a {line-height:1.2;margin:0 20px 0 5px;text-align:left;letter-spacing:-1px;font-weight:500;font-size:1.36em;color:#000;white-space:nowrap;}
.fs_footer_box .wrap_1300 .mark_list .tel a em {display:block;font-weight:600;font-size:19px;color:#1f63c9;}
.fs_footer_box .wrap_1300 .mark_list .tel a img, .fs_footer_box .wrap_1300 .mark_list .tel em {vertical-align: middle;}
.fs_footer_box .wrap_1300 .mark_list .wa_mark {height:60px;}
	@media only screen and (max-width:1499px){
		.banner_slide_box {padding:0 5%;}
	}
	@media only screen and (max-width:1199px){
		.banner_slide_box .banner_slide .fot_slide_banner a {font-size:14px;}
		/* 텍스트 */
		.fs_footer_box {padding:30px 0;}
		.fs_footer_box .wrap_1300 .ft_info {gap:3.03em;}
	}
	@media only screen and (max-width:1023px){
		/* 배너모음 */
		/* 20250910 KJS START 기관요청으로 모바일에서 배너모음 안보이게 */
		.banner_slide_box { display:none; }
		/* .banner_slide_box {flex-direction:column;height:100px;justify-content:center;} */
		/* .banner_slide_box .control {margin-bottom:10px;justify-content:center;} */
		/* .banner_slide_box .control .fot_slide_controll_box .playStopButton {width:40px;height:40px;} */
		/* 20250910 KJS END */
		/* 텍스트 */
		.fs_footer_box .wrap_1300 {text-align:center;}
		.fs_footer_box .wrap_1300 .ft_info {flex-direction:column;gap:1.22em;} 
		.fs_footer_box .wrap_1300 .address {text-align:center;} 
		/* .fs_footer_box .wrap_1300 .mark_list {margin-left:0;justify-content:center;}  */
		.fs_footer_box .wrap_1300 .ft_info .ft_logo{ width:100%; display: flex; justify-content: center; align-items: center;  gap: 10;}
		.fs_footer_box .wrap_1300 .mark_list {display:none;} 
	}
	@media only screen and (max-width:767px){
		.family_box .sitelink {width:100%;flex-wrap:wrap;}
		.family_box .sitelink li {width:50%;}
		.family_box .sitelink li:nth-child(3) {border-left:1px solid rgba(255,255,255,0.1);border-top:1px solid rgba(255,255,255,0.1);}
		.family_box .sitelink li:nth-child(4) {border-top:1px solid rgba(255,255,255,0.1);}
		.family_box .sitelink li button {height:35px;line-height:35px;font-size:13px;}
		.family_box .sitelink li dl {bottom:35px;}
		/* 텍스트 */
		.fs_footer_box .wrap_1300 .ft_menu a {padding:0px 5px;margin-bottom:4px;}	
	}
	@media only screen and (max-width:575px){
		.mark_list .tel .icon {display: none;}
		.fs_footer_box .wrap_1300 .mark_list .tel a {font-size: 1em;}
		.fs_footer_box .wrap_1300 .mark_list .tel a span {font-size: 1em;}
		.fs_footer_box .wrap_1300 .mark_list .tel a em {font-size: 1em;}
	}
	

/* 퀵메뉴 */
/* 20250821 KJS */
.quick_box {position:relative; width:100%;/* left:0;top:0 */;z-index:1000; margin-top:10px ; /* transform:translateX(0);transition:0.4s ease; */}
/* .quick_box.on {transform:translateX(-300px);} */
.quick_box .edu_list_dep1 {}
.quick_box .edu_list_dep1 > li {display:flex;}
.quick_box .edu_list_dep1 > li > a {display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;flex-shrink:0;width:110px;height:100px;background:rgb(109, 109, 109, 0.6);/*background:#15897f;*/border-top:1px solid rgba(255,255,255,0.3);text-align:center;color:#fff; font-size: 14px;}
.quick_box .edu_list_dep1 > li > a img {}
.quick_box .edu_list_dep1 > li  a:hover { background:  rgb(109, 109, 109, 1);};
.quick_box .edu_list_dep1 > li > a.on {background:#0a534d;}
.quick_box .edu_list_dep1 > li > .edu_list_dep2 {display:none;overflow-y:auto;position:absolute;right:-300px;top:-10rem;flex-grow:1;width:300px;height:100vh;padding:40px 30px;background:#0a534d;color:#fff;}
.quick_box .edu_list_dep1 > li > .edu_list_dep2 ul {}
.quick_box .edu_list_dep1 > li > .edu_list_dep2 ul li {padding:17px 0 17px 12px;text-indent:-12px;line-height:1.4;}
.quick_box .edu_list_dep1 > li > .edu_list_dep2 ul li:before {content:"";display:inline-block;margin-right:10px;width:3px;height:3px;background:#999;border-radius:100%;vertical-align:middle;margin-top:-2px;}
.quick_box .edu_list_dep1 > li:first-child > a {border-top:0;border-radius:20px 20px 0 0;}
/* .quick_box .edu_list_dep1 > li:nth-child(3) > a {height:120px;padding-bottom:20px;}  */

/** SUMMIT-MA-LYR-20260402 모바일 버전에서 동부 캠퍼스 이미지(side-icon-04.png)크게 나와서 수정 */
/*.quick_box .edu_list_dep1 > li:nth-child(4) > a {height:110px;padding-bottom:20px;}*/
 
.quick_box .edu_list_dep1 > li.btn_top > a {display:grid;place-items:center; width:100%  ;height:50px; background:rgb(215,201,177,1);/*background:#1f63c9;*/border-radius:50px;font-weight:500;font-size:13px;color:#fff;margin-top:-25px;}
/* 오수정 추가 */
.quick_box .edu_list_dep1 > li.login a {background: rgb(31,99,201,1);height:50px;display:flex;flex-wrap:wrap; width:100% ;font-size:12px;color:#fff;font-weight:500;flex-direction:unset;}
/* //오수정 추가 */
@media only screen and (max-width:1023px){
	/* 퀵메뉴 */
	/* .quick_box {top:unset;bottom:20px;right:20px;} */
	/* .quick_box .edu_list_dep1 {display:none;} */
	.quick_box{ width: 100%;}
	.quick_box .edu_list_dep1 > li > a{width: 100%; }
	.quick_box .edu_list_dep1 > li.btn_top > a, .quick_box .edu_list_dep1 > li.login a{ height: 40px;}
}

/* 챗봇 */
.chatwrap .chatbox .chatbtn {width:6rem;height:6rem;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:#dce5f1;border:2px solid #1f63c9;border-radius:50%;overflow:hidden;box-shadow:3px 3px 3px rgba(0,0,0,.3);}
.chatwrap .chatbox .chatbtn img {max-height:calc(100% - 2rem);}
.chatwrap .chatbox .chatbtn span {background:#1f63c9;font-weight:500;font-size:12px;width:100%;line-height:30px;color:#fff;}
.chatwrap .chatbot_wrap {display:none;}
.chatwrap .chatbot_wrap #chatbot {width:500px;height:calc(100vh - 110px);position:fixed;right:120px;top:-80px;border-radius:20px;border:1px solid #cfd0d7;box-shadow:3px 3px 3px rgba(0,0,0,.2);}
	@media only screen and (max-width:1023px){
		.chatwrap .chatbot_wrap #chatbot {top:unset;bottom:0;}
	}
	@media only screen and (max-width:767px){
		.chatwrap .chatbot_wrap #chatbot {width:calc(100vw - 1rem);height:calc(100vh - 130px);bottom:100px;right:-.5rem;}
	}

.chatbox{
	position: relative;
}
.chat_btn{ 
    display: block;
    position: relative;
	left:15px;
    width: 85px;
    height: 81px;
    background: url('../../images/main/main/chat_btn_ic2.png') no-repeat 50% 50%;
}

.edu_btn{ 
    display: block;
    position: relative;
    width: 64px;
	height:64px;
    background: url('../../images/main/main/con5_ico04.png') no-repeat 50% 50%;
    border-radius: 25px
}
.chat_btn_text{
    display: block;
    position: absolute;
    bottom: 20px;
    left: -72px;
    width: 83px;
    height: 29px;
    background: url('../../images/main/main/chat_btn_text.png') no-repeat 50% 50%;
    animation: chat_twk 2s infinite linear;
}

.edu_btn_text{
    display: block;
    position: absolute;
    bottom: 20px;
    left: -72px;
    width: 83px;
    height: 29px;
    background: url('../../images/main/main/edu_btn_text01.png') no-repeat 50% 50%;
    animation: chat_twk 2s infinite linear;

}
.sr-only{
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;

}

.chat_close{
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    width: 15px;
    height: 15px;
    background: url('../../images/main/main/chat_btn_close.png') no-repeat 100% 0;

}
@keyframes chat_twk {
	0% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}

/******************************/
/* 영문 */
/******************************/
:lang(en) {word-wrap:break-word;word-break:keep-all;}
:lang(en) .fs_head {padding:20px;}
:lang(en) .fs_top_menu .lnb {padding-left:20px;}
:lang(en) .fs_top_menu .lnb > li .lnb_title {font-size:1.00em;line-height:1.4;padding:0.51615vw 0;}
:lang(en) .fs_top_menu .lnb > li .lnb_title > font {display:block;padding-right:20px;}
:lang(en) .fs_top_menu .lnb > li .depth2 .lnb_layer02 li::before {top:12px;}
:lang(en) .blank {display:inline;}
:lang(en) .quick_box .edu_list_dep1 > li.login a {width:110px;}
:lang(en) .family_box .sitelink {flex-wrap:wrap;}
:lang(en) .family_box .sitelink li {width:50%;}
:lang(en) .family_box .sitelink li:nth-child(odd) {border-left: 1px solid rgba(255,255,255,0.1)}
:lang(en) .family_box .sitelink li:nth-child(-n+3) {border-bottom: 1px solid rgba(255,255,255,0.1)}
:lang(en) .family_box .sitelink li button {height:50px;}
:lang(en) .family_box .sitelink li dl {bottom:50px;}
:lang(en) .family_box .sitelink li dl dd a {padding:10px 45px 10px 10px;line-height:1.4;}
:lang(en) .banner_slide_box .banner_slide .fot_slide_banner a {line-height:1.4;}
:lang(en) .fs_footer_box .wrap_1300 {display:block;text-align:center;}
:lang(en) .fs_footer_box .wrap_1300 .top_box {margin-top:20px;}
:lang(en) .fs_footer_box .wrap_1300 .address {margin-top:5px;}
:lang(en) .fs_footer_box .wrap_1300 .address span:first-child {display:inline-block;margin-right:25px;}
@media only screen and (max-width:1280px){
	:lang(en) .fs_head {top:40px;}
	:lang(en) .fs_mtop_menu a.lnb_title {padding:0 15px;line-height:1.2;display:flex;align-items:center;}
	:lang(en) .fs_mtop_menu a.lnb_title font {max-width:100%;}
	:lang(en) .fs_mtop_menu .lnb_layer01 > li > a {line-height:1.2;display:flex;align-items:center;}
	:lang(en) #fs_container_wrap {padding-top:150px;}
}
@media only screen and (max-width:1023px){
	:lang(en) .banner_slide_box .control {width:auto;}
	:lang(en) .family_box .sitelink li {width:100%;}
	:lang(en) .fs_footer_box .wrap_1300 .address span:first-child {display:block;margin-right:0;}
}
@media only screen and (max-width:767px){
	:lang(en) .fs_mtop_menu {top:150px;}
}
@media only screen and (max-width:375px){
	:lang(en) .head_top .global_box .btn.lang {padding-right:5%;}
	:lang(en) .head_top .global_box .btn.zoom {display:none;}
}

.right-main-quick {
	/* 20250819 KJS 우측퀵메뉴 스크롤 따라 움직이게 변경 */
	/* position: absolute; */
	position: fixed;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 990;
}

.right-main-quick > div {
	
}

.right-main-quick a,
.right-main-quick img { width: 56px; height: 56px; }

.right-main-quick ul {
	display: flex;
    flex-direction: column;
    align-items: center;
}

.right-main-quick ul li {
	margin-top: 1rem;
}

.left-main-quick {
	/* 20250819 KJS 좌측 퀵메뉴 스크롤 따라 움직이게 변경 */
	/* position: absolute; */
	position: fixed;
    width: 110px;
    left: 0;
   	top: 50%;
   	transform: translateY(-50%);
    z-index: 990;
    transition: transform 0.3s ease-in-out; 
}
/* 모바일에서 퀵 메뉴가 푸터하단에 닿으면 서서히 아래로 내려가는 효과 */
.left-main-quick.quick_box--hidden {
  transform: translateY(100%);
}

.left-main-quick .quick-menu {
	right: 0px;
	position: relative;
}

.left-main-quick .quick-menu li div {
	display: table;
    width: 100%;
    height: 86.5px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.left-main-quick .quick-menu li div a {
	border-top: 0;
	background-color: rgba(94, 110, 136, 0.85);
	display: table-cell;
    color: #fff;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    font-weight: 500;
    /* -webkit-transition: all .3s ease; */
    transition: background-color 0.3s ease;
}

.left-main-quick .quick-menu li div a:hover {
	background-color: #5e6e88;
}

@media only screen and (max-width:767px){
	.right-main-quick ul li a img {width: 39px;height: 39px;}
	.left-main-quick {width: 100%;bottom: 0;top: auto;transform: none;}
	.left-main-quick .quick-menu li div {height: 70.5px;}
	.left-main-quick .quick-menu li div a {font-size: 12px;}
	.left-main-quick .quick-menu li a,
	.left-main-quick .quick-menu li div,
	.left-main-quick .quick-menu li img {width: 60px;height: 45px;}
	.edu_list_dep1 {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    padding: 0;
	    margin: 0;
	    list-style: none;
	}
	.quick_box .edu_list_dep1 > li {
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    /* width: 100%; */
	    height: 100%;
	    background: rgba(109, 109, 109, 0.6);
	    border-top: 1px solid rgba(255, 255, 255, 0.3);
	    text-align: center;
	    flex-grow: 1;
	}
	.quick_box .edu_list_dep1 > li > a {height: 80px;}
	.quick_box .edu_list_dep1 > li:nth-child(5) > a {padding-bottom: 0px; height: 80px}
	.quick_box .edu_list_dep1 > li.btn_top > a,
	.quick_box .edu_list_dep1 > li.login a {display: none;}
}

/* ================== BEGIN NEW CSS STYLE ================== */

/* 전체, 기본 설정 */
/* html{
    overflow-x: hidden;
}
.wrap{
    width: 100%;
    position: relative;
}
.wrap * {
    font-family: 'Pretendard-medium';
    color: #222;
} */
.container{
    max-width: 1440px;
    width: calc(100% - 48px);
    margin: 0 auto;
    padding: 0;
    background-color: transparent;
}
/* .content {
    padding-bottom: 120px;
    box-sizing: border-box;
    min-height: calc((var(--vh, 1vh) * 100) - 385px);
} */
.flex_box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.hidden {display:none !important;}

/* 상세페이지 컨텐츠 상단 */
.con_top{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 30px;
}
.con_top .top_btn{
    margin-left: auto;
}
@media screen and (max-width: 1199px){
    .con_top{
        flex-wrap: wrap;
        padding-bottom: 32px;
        gap: 20px;
    }
    .con_top .top_btn{
        order: 1;
    }
    .con_top .tab_list{
        order: 2;
        width: 100%;
    }
}
@media screen and (max-width: 767px){
    .con_top{
        padding-bottom: 20px;
        gap: 12px;
    }
}

/* 서브 일반 컨텐츠 */
.con_section{
    width: 100%;
}
.con_section .con_item{
    width: 100%;
    margin-top: 80px;
}
.con_section .con_item:first-child{
    margin-top: 0;
}
.con_section .con_item .con_head{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    gap: 20px;
}
.con_section .con_item .con_head .con_txt{
    font-size: 16px;
}
.con_section .con_item .con_btn{
    width: 100%;
    display: flex;
    gap: 20px;
}
.con_section .con_item .con_btn .btn_item{
    box-sizing: border-box;
    padding: 15px 20px;
    border-radius: 10px;
    border: 1px solid #000;
    font-size: 18px;
    line-height: 27px;
    cursor: pointer;
}
.con_section .con_item .con_btn .btn_item.type_outline_blue{
    border-color: #005bac;
    color: #005bac;
}
.con_section .con_item .con_btn .btn_item.type_blue{
    border-color: #339bd9;
    background-color: #339bd9;
    color: #fff;
}
.con_title{
    font-size: 28px;
    /* font-family: 'Pretendard-bold'; */
    color: #000;
    line-height: 38px;
    font-weight: 600;
}
.con_guide{
    font-size: 14px;
    color: #dd3434;
    line-height: 17px;
}

.con_section.type_02 .con_item .con_head{
    justify-content: center;
}

.item_box{
    width: 100%;
    margin-top: 40px;
}
.item_box:first-child{
    margin-top: 0;
}
.item_box .item_head{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    gap: 12px;
    flex-wrap: wrap;
}
.item_title{
    font-size: 20px;
    /* font-family: 'Pretendard-bold'; */
    line-height: 29px;
    color: #000;
    box-sizing: border-box;
    padding-left: 28px;
    position: relative;   
    font-weight: 600;
}
.item_title::before{
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 3px;
    background: url("/summ/images/new/image/icon_title.svg") no-repeat center;
    background-size: cover;
}
.item_box .item_head .item_guide{
    font-size: 16px;
    color: #777;
}
.item_box .item_body .sub_item{
    margin-top: 20px;
}
.item_box .item_body .sub_item:first-child{
    margin-top: 0;
}
.item_box .item_body .sub_item .sub_title{
    font-size: 20px;
    /* font-family: 'Pretendard-bold'; */
    line-height: 24px;
    color: #454545;
    margin-bottom: 12px;
}
.item_box .sub_txt{
    font-size: 18px;
    line-height: 27px;
    color: #454545;
    width: 100%;
}
.item_box .sub_txt .txt_link{
    color: #1a53e6;
    text-decoration: underline;
}
.item_box .item_body .table-half{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: flex-start;
}
.item_box .item_body .table-half .table_wrap{
    width: calc(50% - 8px);
}
.item_box .item_body .table-half > .table_box{
    width: calc(50% - 8px);
    margin-right: 50%;
}

.form_down_btn,
.item_btn{
    box-sizing: border-box;
    padding: 16px 20px;
    border-radius: 10px;
    background-color: #454545;
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    margin-top: 16px;
    cursor: pointer;
}

.dots_list{
    width: 100%;
}
.dots_list .dots_item{
    font-size: 18px;
    line-height: 27px;
    color: #454545;
    padding-left: 12px;
    position: relative;
    margin-top: 12px;
}
.dots_list .dots_item:first-child{
    margin-top: 0;
}
.dots_list .dots_item::before{
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #777;
    position: absolute;
    left: 0;
    top: 12px;
}
.dots_list.type_02{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
}
.dots_list.type_02 .dots_item{
    margin: 0;
    word-wrap: break-word;
    width: 100%;
}

.flex_tab{
    width: 100%;
    display: flex;
    box-sizing: border-box;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.flex_tab::before{
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #cecece;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
}
.flex_tab .tab_item{
    flex: 1;
    box-sizing: border-box;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 27px;
    color: #777;
    cursor: pointer;
    position: relative;
    border-right: 1px solid #cecece;
    z-index: 1;
    text-align: center;
}
.flex_tab .tab_item:last-child{
    border-right: none;
}
.flex_tab .tab_item.current::before{
    content: "";
    width: 100%;
    height: auto;
    background-color: #005bac;
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px;
    z-index: -1;
}
.flex_tab .tab_item.current{
    color: #fff;
}
@media screen and (max-width: 1199px){
    .con_section .con_item{
        margin-top: 50px;
    }
    .con_section .con_item .con_head{
        margin-bottom: 32px;
    }
    .con_title{
        font-size: 28px;
        line-height: 33px;
    }

    .con_section .con_item .con_btn{
        gap: 16px;
    }
    .con_section .con_item .con_btn .btn_item{
        padding: 15px 20px;
        font-size: 18px;
        line-height: 27px;
    }

    .item_box{
        margin-top: 32px;
    }
    .item_box .item_head{
        margin-bottom: 16px;
    }
    .item_title{
        font-size: 20px;
        line-height: 25px;
        padding-left: 24px;
    }
    .item_title::before{
        width: 20px;
        height: 20px;
        top: 1px;
    }
    .item_box .item_head .item_guide{
        font-size: 14px;
    }

    .item_box .item_body .sub_item{
        margin-top: 16px;
    }
    .item_box .item_body .sub_item .sub_title{
        font-size: 18px;
        line-height: 22px;
    }
    .item_box .sub_txt{
        font-size: 16px;
        line-height: 25px;
    }

    .item_btn,
    .form_down_btn{
        font-size: 16px;
        line-height: 24px;
    }
}
@media screen and (max-width: 767px){
    .con_section .con_item{
        margin-top: 32px;
    }
    .con_section .con_item .con_head{
        margin-bottom: 16px;
        flex-wrap: wrap;
        gap: 8px;
    }
    .con_title{
        font-size: 18px;
        line-height: 21px;
    }

    .con_section .con_item .con_btn{
        gap: 16px;
    }
    .con_section .con_item .con_btn .btn_item{
        padding: 11px 12px;
        font-size: 14px;
        line-height: 21px;
    }

    .item_box{
        margin-top: 16px;
    }
    .item_box .item_head{
        margin-bottom: 12px;
        gap: 8px;
    }
    .item_title{
        font-size: 16px;
        line-height: 25px;
        padding-left: 24px;
    }
    .item_title::before{
        width: 16px;
        height: 16px;
        top: 4px;
    }

    .item_box .item_body .sub_item{
        margin-top: 12px;
    }
    .item_box .item_body .sub_item .sub_title{
        font-size: 16px;
        line-height: 20px;
    }
    .item_box .sub_txt{
        font-size: 14px;
        line-height: 23px;
    }
    .item_box .item_body .table-half{
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .item_box .item_body .table-half .table_wrap{
        width: calc(100% + 40px);
    }
    .item_box .item_body .table-half > .table_box{
        width: 100%;
        margin-right: 0;
    }

    .item_btn,
    .form_down_btn{
        width: 100%;
        padding: 16px;
        font-size: 12px;
        line-height: 18px;
        margin-top: 12px;
    }

    .flex_tab .tab_item{
        font-size: 14px;
        line-height: 21px;
    }
}

/* 게시판 상세 */
.attach-file-area li.covert a {
	font-size: 14px;
	color: #777;
}

.attach-file-area li.covert img {
	display: inline-block;
}

.board_section .board_detail{
    width: 100%;
}
.board_section .board_detail .detail_head{
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding-bottom: 24px;
    border-bottom: 1px solid #000;
}
.board_section .board_detail .detail_head .detail_title{
    width: 100%;
    flex: 1;
}
.board_section .board_detail .detail_head .detail_title .title{
    font-size: 32px;
    /*font-family: 'Pretendard-bold';*/
    line-height: 38px;
    color: #454545;
    text-align: inherit;
    font-style: inherit;
    font-weight: inherit;
}
.board_section .board_detail .detail_head .board_detail_info{
    width: 100%;
    display: flex;
    gap: 24px;
    margin-top: 28px;
}
.board_section .board_detail .detail_head .board_detail_info .info_item{
    font-size: 18px;
    line-height: 27px;
    color: #454545;
}
.board_section .board_detail .detail_txt{
    width: 100%;
    box-sizing: border-box;
    padding: 50px 0;
    border-bottom: 1px solid #eaeaea;
}
.board_section .board_detail .detail_txt img{
    max-width: 100%;
}
.board_section .board_detail .detail_attachments{
    width: 100%;
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    padding: 20px;
    border-bottom: 1px solid #eaeaea;
    box-sizing: border-box;
}

#qnaAnswerViewAttachArea.detail_attachments {
    border-bottom: none;
}

.board_section .board_detail .detail_attachments .da_item{
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
.board_section .board_detail .detail_attachments .da_item .icon-vs_clip_outline{
    font-size: 24px;
    color: #616161;
}
.board_section .board_detail .detail_attachments .da_item .name{
    font-size: 14px;
    line-height: 17px;
    color: #777;
}
.board_section .board_detail .answer_box{
    width: 100%;
}
.board_section .board_detail .answer_box .answer_item{
    width: 100%;
    box-sizing: border-box;
    padding: 32px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #eaeaea;
}
.board_section .board_detail .answer_box .answer_item .title{
    font-size: 16px;
    color: #fff;
    line-height: 19px;
    box-sizing: border-box;
    padding: 4px 12px;
    display: inline-flex;
    background-color: #454545;
    border-radius: 30px;
    margin-bottom: 16px;
}
.board_section .board_detail .answer_box .answer_item .answer_content{
    width: 100%;
}
.board_section .board_detail .answer_box .answer_item .answer_content p{
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 27px;
    color: #454545;
}
.board_section .board_detail .answer_box .answer_item .answer_content .answer_content_box{
    padding-left: 23px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
.board_section .board_detail .answer_box .answer_item .answer_content .answer_content_box::before{
    content: "A.";
    position: absolute;
    font-size: 18px;
    line-height: 27px;
    left: 0;
    top: 0;
}

@media screen and (max-width: 1199px){
    .board_section .board_detail .detail_head .detail_title .title{
        font-size: 28px;
        line-height: 38px;
    }
    .board_section .board_detail .detail_head .board_detail_info{
        gap: 20px;
        margin-top: 24px;
    }
    .board_section .board_detail .detail_head .board_detail_info .info_item{
        font-size: 16px;
        line-height: 25px;
    }
    .board_section .board_detail .detail_txt{
        padding: 36px 0;
    }
    .board_section .board_detail .detail_attachments{
        gap: 32px;
        padding: 20px;
    }
    .board_section .board_detail .detail_attachments .da_item{
        gap: 8px;
    }
    .board_section .board_detail .detail_attachments .da_item .icon-vs_clip_outline{
        font-size: 24px;
        color: #616161;
    }
    .board_section .board_detail .detail_attachments .da_item .name{
        font-size: 14px;
        line-height: 17px;
        color: #777;
    }

    .board_section .board_detail .answer_box .answer_item{
        padding: 28px;
    }
    .board_section .board_detail .answer_box .answer_item .title{
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 8px;
    }
    .board_section .board_detail .answer_box .answer_item .answer_content p{
        font-size: 16px;
        line-height: 25px;
    }
    .board_section .board_detail .answer_box .answer_item .answer_content .answer_content_box::before{
        font-size: 16px;
        line-height: 25px;
    }
}
@media screen and (max-width: 767px){
    .board_section .board_detail .detail_head{
        width: 100%;
        display: flex;
        align-items: flex-start;
        gap: 16px;
        padding-bottom: 24px;
        border-bottom: 1px solid #000;
        flex-wrap: wrap;
    }
    .board_section .board_detail .detail_head .detail_title{
        order: 2;
        flex: initial;
    }
    .board_section .board_detail .detail_head .top_btn{
        order: 1;
        margin-left: auto;
    }
    .board_section .board_detail .detail_txt{
        padding: 20px 0;
    }

    .board_section .board_detail .answer_box .answer_item{
        padding: 24px;
    }
    .board_section .board_detail .answer_box .answer_item .answer_content p{
        font-size: 14px;
        line-height: 23px;
    }
    .board_section .board_detail .answer_box .answer_item .answer_content .answer_content_box::before{
        /* padding-left: 23px; */
        font-size: 14px;
        line-height: 23px;
    }
}

/* 게시판 글쓰기 */
textarea {
    border-color: #cecece;
    width: 100%;
    box-sizing: border-box;
    padding: 16px;
    font-size: 18px;
    line-height: 27px;
    border-radius: 10px;
    height: 327px;
}

.board_section .board_write{
    width: 100%;
}
.board_section .board_write .write_header,
.post_job_form .write_header{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
    gap: 20px;
}
.board_section .board_write .write_header .title,
.post_job_form .write_header .title{
    font-size: 32px;
    /* font-family: 'Pretendard-bold'; */
    color: #454545;
    line-height: 38px;
}
.board_section .board_write .write_body{
    width: 100%;
    padding-top: 4px;
}
.write_input{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.write_input .input_item{
    width: 100%;
    display: flex;
    align-items: flex-start;
    padding: 16px 0;
    border-bottom: 1px solid #eaeaea;
}
.write_input .input_item.half_item{
    gap: 0 20px;
}
.write_input .input_item.half_item .sub_item{
    flex: 1;
    display: flex;
    align-items: flex-start;
    margin: 0;
}

.write_input .input_item .input_title{
    width: 138px;
    min-height: 59px;
    box-sizing: border-box;
    padding: 16px;
    display: flex;
}
.write_input .input_item .input_title .title{
    font-size: 18px;
    line-height: 27px;
    color: #454545;
}
.write_input .input_item .input_section{
    width: 1px;
    flex: 1;
    position: relative;
}
.user_edit .write_input .input_item .input_title{
    width: 172px;
}

.board_section .board_write.type_detail .write_body .write_input .input_item .input_section .input_wrap{
    height: auto;
    padding: 16px 0;
}
.board_section .board_write .write_body .write_input .input_item .input_section .input_wrap .input_content{
    font-size: 20px;
    line-height: 24px;
}
.board_section .board_write.type_detail .write_body .write_input .input_item.input_detail .input_section p{
    font-size: 18px;
    line-height: 30px;
}

.txt_essential{
    font-size: 18px;
    color: #dd3434;
}

@media screen and (max-width: 1199px){
    .board_section .board_write .write_body{
        padding-top: 4px;
    }
    .write_input .input_item .input_title{
        width: 114px;
        min-height: 56px;
        padding: 16px 12px;
    }
    .write_input .input_item .input_title .title{
        font-size: 16px;
        line-height: 24px;
    }
    .write_input .input_item.half_item{
        flex-wrap: wrap;
    }

    .write_input .input_item.half_item .sub_item{
        flex: inherit;
        width: 100%;
        padding: 16px 0;
        border-top: 1px solid #eaeaea;
    }
    .write_input .input_item.half_item .sub_item:first-child{
        padding-top: 0;
        border-top: none;
    }
    .write_input .input_item.half_item .sub_item:last-child{
        padding-bottom: 0;
    }

    .board_section .board_write .write_body .write_input .input_item .input_section .input_wrap .input_content{
        font-size: 18px;
        line-height: 22px;
    }
    .board_section .board_write.type_detail .write_body .write_input .input_item.input_detail .input_section p{
        font-size: 16px;
        line-height: 28px;
    }

}
@media screen and (max-width: 767px){
    .board_section .board_write{
        width: 100%;
    }
    .board_section .board_write .write_header{
        padding-bottom: 12px;
    }
    .board_section .board_write .write_header .title{
        font-size: 18px;
        line-height: 21px;
    }
    .write_input .input_item{
        flex-wrap: wrap;
        padding: 12px 0;
    }
    .write_input .input_item .input_title{
        width: 100%;
        min-height: initial;
        box-sizing: border-box;
        padding: 0 0 8px 0;
    }
    .write_input .input_item .input_title .title{
        padding: 0;
        font-size: 14px;
        line-height: 21px;
        color: #454545;
    }
    .user_edit .write_input .input_item .input_title{
        width: 100%;
    }

    .write_input .input_item.half_item .sub_item{
        flex-wrap: wrap;
    }

    .board_section .board_write.type_detail .write_body .write_input .input_item .input_section .input_wrap{
        padding: 0;
    }
    .board_section .board_write .write_body .write_input .input_item .input_section .input_wrap .input_content{
        font-size: 16px;
        line-height: 20px;
    }
    .board_section .board_write.type_detail .write_body .write_input .input_item.input_detail .input_section p{
        font-size: 14px;
        line-height: 26px;
    }
}

/* 게시판 리스트 */

.board_section{
    width: 100%;
}
.board_section .board_list{
    width: 100%;
    border-top: 1px solid #000;
}
.board_section .board_list .board_item{
    width: 100%;
    display: flex;
    /*border-bottom: 1px solid #cecece;*/
    cursor: pointer;
}
.board_section .board_list .board_item *{
    cursor: pointer;
}
.board_section .board_list .board_item .board_type{
    display: flex;
}
.board_section .board_list .board_item .board_type .num{
    width: 90px;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.board_section .board_list .board_item .board_type .num span{
    font-size: 16px;
    /* font-family: 'Pretendard-bold'; */
    color: #454545;
}
.board_section .board_list .board_item .board_type .board_status{
    height: 100%;
    box-sizing: border-box;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.board_section .board_list .board_item .board_type .board_status span{
    padding: 8px 12px;
    box-sizing: border-box;
    border: 1px solid #454545;
    border-radius: 8px;
    font-size: 16px;
    line-height: 19px;
    color: #454545;
}
.board_section .board_list .board_item .board_type .board_status.status_complete span{
    border-color: #dd3434;
    color: #fff;
    background-color: #dd3434;
}

.board_section .board_list .board_item .board_type .board_status.status_wait span{
    border-color: #a6a6a6;
    color: #fff;
    background-color: #a6a6a6;
}

.board_section .board_list .board_item .board_info{
    width: 1%;
    flex: 1;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.board_section .board_list .board_item .board_info .board_title{
    width: 1%;
    flex: 1;
    box-sizing: border-box;
    padding: 32px 20px;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.board_section .board_list .board_item .board_info .info_list{
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex-wrap: wrap;
}
.board_section .board_list .board_item .board_info .info_list p{
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: #777;
    font-size: 16px;
    padding: 0 8px;
}

.board_section .board_list .board_item .board_info .info_list p.name{
    width: 160px;
}
.board_section .board_list .board_item .board_info .info_list p.date{
    width: 120px;
}
.board_section .board_list .board_item .board_info .info_list p.view{
    width: 112px;
}
.board_section .board_list .board_item .board_info .info_list p.campusNm{
    width: 180px;
}
.board_section .board_list .board_item .board_info .info_list p.attachFileYn{
    width: 180px;
}
.board_section .board_list .board_item .board_info .info_list p.registFormatDt{
    width: 170px;
}
.board_section #normalListTableQna .board_item .board_info .info_list p.campusNm{
    width: 170px;
}
.board_section #normalListTableQna .board_item .board_info .info_list p.date{
    width: 150px;
}
.board_section .board_list .board_item .board_info .info_list p.eventDt{
    width: 270px;
}
.board_section .board_list .board_item .board_info .info_list p.location{
    width: 230px;
}
.board_section .board_list .board_item .board_info .info_list p.statusNm{
    width: 150px;
}
.user-wish-content-wrap .board_section .board_list .board_item .board_info .info_list p.registFormatDt{
    width: 180px;
}
.board_section .board_list .board_item .board_btn{
    padding: 0 26px;
    display: flex;
    align-items: center;
    gap: 16px;
}
.board_section .board_list .board_item .board_btn .btn_download{
    padding: 12px 16px;
    border-radius: 8px;
    background-color: #454545;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer!important;
}
.board_section .board_list .board_item .board_btn .btn_download *{
    cursor: pointer!important;
}
.board_section .board_list .board_item .board_btn .btn_download .icon-download_outline{
    font-size: 20px;
    color: #fff;
}
.board_section .board_list .board_item .board_btn .btn_download .name{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}
.board_section .board_list .board_item .board_btn .btn_delete{
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #454545;
    display: flex;
    align-items: center;
    color: #454545;
    gap: 8px;
    cursor: pointer!important;
}
.board_section .board_list .board_item.board_notice .num span{
    color: #1a53e6;
}
.board_section .board_list .board_item.board_notice .board_status{
    display: none;
}

.board_section .board_list.type_02{
    border: none;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.board_section .board_list.type_02 .board_item{
    width: calc(25% - 18px);
    border: 1px solid #eaeaea;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
}
.board_section .board_list.type_02 .board_item .board_thumbnail{
    width: calc(100% + 2px);
    padding-bottom: 61.98%;
    background-color: #cecece;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    border-radius: 16px 16px 0 0;
    margin: -1px -1px 0 -1px;
}
.board_section .board_list.type_02 .board_item .board_info{
    width: 100%;
    box-sizing: border-box;
    padding: 24px;
    flex-wrap: wrap;
    gap: 0;
}
.board_section .board_list.type_02 .board_item .board_info .board_title{
    width: 100%;
    height: 48px;
    flex: initial;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.board_section .board_list.type_02 .board_item .board_info .board_date{
    width: 100%;
    font-size: 16px;
    line-height: 19px;
    color: #777;
    margin-top: 16px;
}

.board_section .board_list.type_down .board_item *{
    cursor: auto;
}

@media screen and (max-width: 1199px){
    .board_section .board_list .board_item .board_type .num{
        width: 54px;
        height: 100%;
    }
    .board_section .board_list .board_item .board_type .num span{
        font-size: 14px;
    }
    .board_section .board_list .board_item .board_type .board_status{
        padding: 12px;
    }
    .board_section .board_list .board_item .board_type .board_status span{
        font-size: 14px;
        line-height: 17px;
    }
    .board_section .board_list .board_item .board_info{
        padding: 20px 12px;
        flex-wrap: wrap;
        gap: 8px;
    }
    .board_section .board_list .board_item .board_info .board_title{
        width: 100%;
        padding: 0;
        flex: initial;
        font-size: 18px;
        line-height: 27px;
    }
    .board_section .board_list .board_item .board_info .info_list{
        width: 100%;
        gap: 21px;
        padding: 0;
        justify-content: flex-start;
    }
    .board_section .board_list .board_item .board_info .info_list p{
        font-size: 14px;
        line-height: 17px;
        position: relative;
    }
    .board_section .board_list .board_item .board_info .info_list p::before{
        content: "";
        width: 1px;
        height: 14px;
        background-color: #777;
        position: absolute;
        right: -10px;
        top: 50%;
        transform: translate(0,-50%);
    }
    .board_section .board_list .board_item .board_info .info_list p:last-child::before{
        display: none;
    }
    .board_section .board_list .board_item .board_info .info_list p.name,
    .board_section .board_list .board_item .board_info .info_list p.date,
    .board_section .board_list .board_item .board_info .info_list p.view,
    .board_section .board_list .board_item .board_info .info_list p.companyNm,
    .board_section .board_list .board_item .board_info .info_list p.duration,
    .board_section .board_list .board_item .board_info .info_list p.createDt,
    .board_section .board_list .board_item .board_info .info_list p.campusNm,
    .board_section .board_list .board_item .board_info .info_list p.registFormatDt,
    .board_section .board_list .board_item .board_info .info_list p.attachFileYn,
    .board_section .board_list .board_item .board_info .info_list p.eventDt,
    .board_section .board_list .board_item .board_info .info_list p.location,
    .board_section .board_list .board_item .board_info .info_list p.statusNm,
    .board_section #normalListTableQna .board_item .board_info .info_list p.campusNm,
    .board_section #normalListTableQna .board_item .board_info .info_list p.date,
    .user-wish-content-wrap .board_section .board_list .board_item .board_info .info_list p.registFormatDt{
        width: auto;
        padding: 0;
    }
    .board_section .board_list .board_item.board_notice .num span{
        font-size: 16px;
    }

    .board_section .board_list.type_02{
        gap: 20px;
    }
    .board_section .board_list.type_02 .board_item{
        width: calc(50% - 10px);
    }
    .board_section .board_list.type_02 .board_item .board_info{
        padding: 20px;
    }
    .board_section .board_list.type_02 .board_item .board_info .board_title{
        height: 54px;
        font-size: 18px;
        line-height: 27px;
    }
    .board_section .board_list.type_02 .board_item .board_info .board_date{
        font-size: 16px;
        line-height: 19px;
        margin-top: 16px;
    }
}
@media screen and (max-width: 767px){
    .board_section .board_list .board_item {
        flex-wrap: wrap;
    }
    .board_section .board_list .board_item .board_type .num{
        width: 42px;
        height: 100%;
    }
    .board_section .board_list .board_item .board_type .num span{
        font-size: 11px;
    }
    .board_section .board_list .board_item .board_type .board_status{
        padding: 4px;
    }
    .board_section .board_list .board_item .board_type .board_status span{
        font-size: 11px;
        line-height: 13px;
        padding: 6px 4px;
    }
    .board_section .board_list .board_item .board_info{
        padding: 16px 12px;
        gap: 4px;
    }
    .board_section .board_list .board_item .board_info .board_title{
        font-size: 14px;
        line-height: 21px;
    }
    .board_section .board_list .board_item .board_info .info_list{
        gap: 13px;
    }
    .board_section .board_list .board_item .board_info .info_list p{
        font-size: 11px;
        line-height: 13px;
    }
    .board_section .board_list .board_item .board_info .info_list p::before{
        height: 10px;
        right: -6px;
    }
    .board_section .board_list .board_item .board_btn{
        padding: 0 0 16px;
        width: 100%;
        gap: 8px;
    }
    .board_section .board_list .board_item .board_btn .btn_download{
        padding: 8px;
        width: 100%;
        justify-content: center;
    }
    .board_section .board_list .board_item .board_btn .btn_download .icon-download_outline{
        font-size: 16px;
        color: #fff;
    }
    .board_section .board_list .board_item .board_btn .btn_delete{
        padding: 8px;
        width: 100%;
        justify-content: center;
    }
    .board_section .board_list .board_item.board_notice .num span{
        font-size: 11px;
    }

    .board_section .board_list.type_02{
        gap: 12px;
    }
    .board_section .board_list.type_02 .board_item{
        width: 100%
    }
    .board_section .board_list.type_02 .board_item .board_info{
        padding: 16px;
    }
    .board_section .board_list.type_02 .board_item .board_info .board_title{
        height: 42px;
        font-size: 14px;
        line-height: 21px;
    }
    .board_section .board_list.type_02 .board_item .board_info .board_date{
        font-size: 11px;
        line-height: 13px;
        margin-top: 12px;
    }
}

@media all and (max-width: 1199px) {
  .board_section .faq_list {
    border-top: 0;
  }
}

@media all and (max-width: 767px) {
  .board_section .faq_list {
    border-top: 0;
  }
}

@media all and (max-width: 1199px) {
  .board_section .board_list {
    border-top: 0;
  }
}

@media all and (max-width: 767px) {
  .board_section .board_list {
    border-top: 0;
  }
}

@media all and (max-width: 1199px) {
  .responsive .board_table tbody tr td {
    padding: 0 !important;
  }
}

@media all and (max-width: 767px) {
  .responsive .board_table tbody tr td {
    padding: 0 !important;
  }
}

/* 포토게시판 리스트 */
#photoListTable.board_list.type_02 .board_table,
#photoListTable.board_list.type_02 .board_table tbody,
#photoListTable.board_list.type_02 .board_table tr,
#photoListTable.board_list.type_02 .board_table td {
	display: block;
	width: 100%;
	border: 0;
}

#photoListTable.board_list.type_02 .board_table tbody {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

#photoListTable.board_list.type_02 .board_table td.board_row {
	padding: 0;
}

#photoListTable.board_list.type_02 .board_item {
	display: block;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 1199px) {
  #photoListTable.board_list.type_02 .board_table tbody {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}

@media screen and (max-width: 767px) {
  #photoListTable.board_list.type_02 .board_table tbody {
    display: block;
    grid-template-columns: none;
    gap: 0;
  }
}

/* faq 리스트 */
.faq_list{
    width: 100%;
    border-top: 1px solid #000;
}
.faq_list .faq_item{
    width: 100%;
    /*border-bottom: 1px solid #cecece;*/
}
.faq_list .faq_item .faq_question{
    width: 100%;
    box-sizing: border-box;
    padding: 32px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}
.faq_list .faq_item .faq_question .question_head{
    font-size: 24px;
    /* font-family: 'Pretendard-bold'; */
    color: #339bd9;
}
.faq_list .faq_item .faq_question .question_body{
    font-size: 20px;
    line-height: 24px;
    width: 100%;
    flex: 1;
}
.faq_list .faq_item .faq_question .question_arrow{
    display: block;
    width: 12px;
    height: 12px;
    margin-left: auto;
    border-right: 2px solid #222;
    border-bottom: 2px solid #222;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
    flex-shrink: 0;
}
.faq_list .faq_item .faq_answer{
    width: 100%;
    padding: 0 16px 32px;
    box-sizing: border-box;
    display: none;
}
.faq_list .faq_item .faq_answer > p{
    font-size: 18px;
    line-height: 27px;
    color: #454545;
    word-break: keep-all;
}
.faq_list .faq_item.active .question_arrow{
    transform: rotate(225deg);
}

/* 마이페이지 문의내역*/
#normalListTableQna thead th:nth-child(1) {
    width: 110px;
}

#normalListTableQna thead th:nth-child(2) {
    width: 102px;
}

#normalListTableQna thead th:nth-child(3) {
    width: auto;
}

#normalListTableQna thead th:nth-child(4) {
    width: 150px;
}

#normalListTableQna thead th:nth-child(5) {
    width: 170px;
}

/* 마이페이지 강사풀등록제 내역*/
#normalListTableInstr thead th:nth-child(1) {
    width: 110px;
}

#normalListTableInstr thead th:nth-child(2) {
    width: auto;
}

#normalListTableInstr thead th:nth-child(3) {
    width: 200px;
}

#normalListTableInstr thead th:nth-child(4) {
    width: 150px;
}

#normalListTableInstr thead th:nth-child(5) {
    width: 200px;
}

/* 마이페이지 원장에게 바란다 내역*/
#normalListTableWish thead th:nth-child(1) {
    width: 110px;
}

#normalListTableWish thead th:nth-child(2) {
    width: auto;
}

#normalListTableWish thead th:nth-child(3) {
    width: 250px;
}

#normalListTableWish thead th:nth-child(4) {
    width: 250px;
}

#normalListTableWish thead th:nth-child(5) {
    width: 130px;
}

#normalListTableWish thead th:nth-child(6) {
    width: 200px;
}

/* 마이페이지 증명서내역*/
#normalListTableCert .board_item .board_info .info_list p.certTypeNm{
    width: 140px;
}

#normalListTableCert .board_item .board_info .info_list p.issueText{
    width: 220px;
}

#normalListTableCert .board_item .board_info .info_list p.receiveTypeNm{
    width: 140px;
}

#normalListTableCert .board_item .board_info .info_list p.registFormatDt{
    width: 250px;
}

#normalListTableCert .board_item .board_info .info_list p.statusNm{
    width: 100px;
}

/* 회원정보 수정 */
.user_edit .btn_list{
    justify-content: center;
}
.user_edit input, textarea{
    font-size: 16px;
    color: #222;
}
.user_secession .withdraw_reason_wrap{
    height: auto;
    align-items: stretch;
}
.user_secession #withdrawReason{
    display: block;
    width: 100%;
    height: 140px;
    min-height: 140px;
}
.infoCon-head__box {
    width: 100%;
    background-color: #f1f6fe;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    padding: 20px 24px;
}
.infoCon-head__box > p {
    color: #000 !important;
    font-size: 16px;
}
.infoCon-head__box p {
    padding-left: 32px;
    color: #616161;
    position: relative;
}
.infoCon-head__box p::before {
    /* content: "\e90d"; */
    font-size: 24px;
    /* font-family: 'icomoon'; */
    position: absolute;
    left: 0;
}
.user_edit .infoCon-head__box{
    margin-bottom: 40px;
}
.infoCon-head__box .dots_list{
    padding-left: 32px;
    margin-top: 16px;
}
.infoCon-head__box .dots_list .dots_item{
    font-size: 16px;
    margin-top: 4px;
}

/*마이페이지 비밀번호 정보 */


/* 컨텐츠 : 학사 일정 */
.h_calendar{
    width: 100%;
    margin-top: 60px;
}
.h_calendar .top{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 60px;
}
.h_calendar .top .hc_year{
    font-size: 50px;
    /* font-family: 'Pretendard-bold'; */
    line-height: 60px;
}
.h_calendar .top .hc_title{
    display: flex;
    align-items: center;
    gap: 12px;
}
.h_calendar .top .hc_btn{
    display: flex;
    align-items: center;
    gap: 8px;
}
.h_calendar .top .hc_btn .hc_btn_item{
    width: 44px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}
.h_calendar .top .hc_btn .hc_btn_item.hc_prev{
    background-image: url("/summ/images/main/layout/icon_btn_prev.svg");
}
.h_calendar .top .hc_btn .hc_btn_item.hc_next{
    background-image: url("/summ/images/main/layout/icon_btn_next.svg");
}
.h_calendar .top .hc_more{
    width: 84px;
    height: 84px;
    box-sizing: border-box;
    border: 2px solid #3c7ecc;
    border-radius: 16px;
    margin-left: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.h_calendar .top .hc_more img{
    width: 40px;
}
.h_calendar .top .hc_month{
    flex: 1;
    max-width: 1056px;
    width: 1px;
    margin-left: auto;
    padding-left: 24px;
}
.h_calendar .top .hc_month .hc_month_list{
    width: 100%;
    box-sizing: border-box;
    border-radius: 16px;
    overflow: hidden;
    background-color: #ecf3ff;
    display: flex;
}
.h_calendar .top .hc_month .hc_month_list .hc_month_item{
    flex: 1 1 0;
    height: 84px;
    position: relative;
    border-radius: 16px 0 16px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 20px;
    color: #222;
    transition: 0.4s;
}
.h_calendar .top .hc_month .hc_month_list .hc_month_item.current{
    background-color: #f39800;
    color: #fff;
}

.h_calendar .bot{
    width: 100%;
    padding: 60px 0;
    position: relative;
}
.h_calendar .bot::before{
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    background: url("/res/home/publish/img/home/img_calendar_bg.svg") no-repeat center;
    background-size: cover;
}
.h_calendar .bot .hc_box_wrap{
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.h_calendar .bot .hc_box_wrap .hc_box{
    /*width: 100%;*/
    /*gap: 24px;*/
    display: inline-flex;
}
.h_calendar .bot .hc_box_wrap .hc_box .hc_box_item{
    width: 342px;
    /*width: calc((100% - 72px) / 4);*/
    height: 220px;
    background-color: #fff;
    border-radius: 16px;
    box-sizing: border-box;
    padding: 24px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.h_calendar .bot .hc_box_wrap .hc_box .hc_box_item .status{
    display: inline-flex;
    box-sizing: border-box;
    padding: 8px 16px;
    border: 1px solid #f39800;
    border-radius: 30px;
    color: #f39800;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 20px;
}
.h_calendar .bot .hc_box_wrap .hc_box .hc_box_item .date{
    font-size: 32px;
    /* font-family: 'Pretendard-bold'; */
    line-height: 38px;
    width: 100%;
    display: flex;
    color: #454545;
    margin-bottom: 16px;
}
.h_calendar .bot .hc_box_wrap .hc_box .hc_box_item .txt{
    font-size: 20px;
    line-height: 24px;
    color: #222;
    width: 100%;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 1199px){
    .h_calendar{
        width: 100%;
    }
    .h_calendar .top{
        flex-wrap: wrap;
        gap: 40px 0;
        padding-bottom: 40px;
    }
    .h_calendar .top .hc_title{
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100%;
    }
    .h_calendar .top .hc_year{
        font-size: 42px;
        line-height: 50px;
        order: 1;
    }
    .h_calendar .top .hc_btn{
        order: 2;
        margin-left: auto;
    }
    .h_calendar .top .hc_more{
        width: 56px;
        height: 56px;
        border-radius: 8px;
        margin-left: auto;
        order: 2;
    }
    .h_calendar .top .hc_more img{
        width: 28px;
    }
    .h_calendar .top .hc_month{
        flex: initial;
        max-width: initial;
        width: calc(100% + 48px);
        margin-left: -24px;
        margin-right: -24px;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        order: 3;
        box-sizing: border-box;
        padding: 0 24px;
    }
    .h_calendar .top .hc_month::-webkit-scrollbar {
        display: none;
    }
    .h_calendar .top .hc_month .hc_month_list{
        width: auto;
        box-sizing: border-box;
        border-radius: 16px;
        overflow: hidden;
        background-color: #ecf3ff;
        display: inline-flex;
    }
    .h_calendar .top .hc_month .hc_month_list .hc_month_item{
        flex: initial;
        width: 87px;
        font-size: 18px;
    }

    .h_calendar .bot{
        padding: 40px 0;
    }
    .h_calendar .bot .hc_box_wrap .hc_box{
        /*gap: 16px;*/
        /*flex-wrap: wrap;*/
    }
    .h_calendar .bot .hc_box_wrap .hc_box .hc_box_item{
        /*flex: initial;*/
        /*width: calc(50% - 8px);*/
    }
    .h_calendar .bot .hc_box_wrap .hc_box .hc_box_item .date{
        font-size: 28px;
        line-height: 33px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px){
    .h_calendar .top{
        gap: 24px 0;
        padding-bottom: 24px;
    }
    .h_calendar .top .hc_year{
        font-size: 28px;
        line-height: 33px;
    }
    .h_calendar .top .hc_more{
        width: 40px;
        height: 40px;
        border-width: 1px;
    }
    .h_calendar .top .hc_more img{
        width: 20px;
    }
    .h_calendar .top .hc_month{
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        padding: 0 20px;
    }
    .h_calendar .top .hc_month .hc_month_list .hc_month_item{
        width: 60px;
        height: 56px;
        font-size: 16px;
    }

    .h_calendar .bot{
        padding: 24px 0;
    }
    .h_calendar .bot .hc_box_wrap{
        width: calc(100% + 40px);
        margin: 0 -20px;
        box-sizing: border-box;
        padding: 0 20px;
    }
    .h_calendar .bot .hc_box_wrap .hc_box{
        gap: 0;
        flex-wrap: nowrap;
    }
    .h_calendar .bot .hc_box_wrap .hc_box .hc_box_item{
        flex: none;
        width: calc(100vw - 80px);
        height: 172px;
        padding: 20px;
    }
    .h_calendar .bot .hc_box_wrap .hc_box .hc_box_item .status{
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 12px;
    }
    .h_calendar .bot .hc_box_wrap .hc_box .hc_box_item .date{
        font-size: 22px;
        line-height: 26px;
    }
    .h_calendar .bot .hc_box_wrap .hc_box .hc_box_item .txt{
        font-size: 16px;
        line-height: 24px;
    }
}


/* 학사일정 */
.h_calendar.type_02 .bot{
    display: flex;
    gap: 24px;
    padding: 0;
}
.h_calendar.type_02 .bot::before{
    display: none;
}
.h_calendar.type_02 .bot .calendar_box{
    flex: 1;
}
.h_calendar .bot .calendar_box{
    box-sizing: border-box;
    padding: 32px;
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
    border-radius: 16px;
}
.h_calendar .bot .calendar_box .calendar_header{
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.h_calendar .bot .calendar_box .calendar_header .current_ym{
    font-size: 32px;
    /* font-family: 'Pretendard-bold'; */
    line-height: 38px;
}
.h_calendar .bot .calendar_box .calendar_header .current_ym span{
    /* font-family: 'Pretendard-bold'; */
}
.h_calendar .bot .calendar_box .calendar_month{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.h_calendar .bot .calendar_box .calendar_month .week_line{
    width: 100%;
    display: flex;
    box-sizing: border-box;
}
.h_calendar .bot .calendar_box .calendar_month .week_line.week_top{
    border-bottom: 1px solid #777;
    margin-bottom: 4px;
}
.h_calendar .bot .calendar_box .calendar_month .week_line .week_item{
    font-size: 16px;
    flex: 1 1 0;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.h_calendar .bot .calendar_box .calendar_month .week_line .week_item:nth-child(1) .txt{
    color: #dd3434;
}
.h_calendar .bot .calendar_box .calendar_month .week_line .week_item:nth-child(7) .txt{
    color: #1a53e6;
}
.h_calendar .bot .calendar_box .calendar_month .week_line .week_item.not_month{
    opacity: 0.2;
}
.h_calendar .bot .calendar_box .calendar_month .week_line .week_item.today .txt{
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background-color: #339bd9;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.h_calendar .bot .schedule_box{
    width: 708px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.h_calendar .bot .schedule_box .schedule_header{
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 24px;
    background-image: linear-gradient(126deg, #3db5ff 0%, #7d85ff 128%);
    border-radius: 16px 0 16px 16px;
}
.h_calendar .bot .schedule_box .schedule_header .title{
    font-size: 24px;
    /* font-family: 'Pretendard-bold'; */
    line-height: 29px;
    color: #fff;
}
.h_calendar .bot .schedule_box .schedule_body{
    width: 100%;
    height: 445px;
    box-sizing: border-box;
    border-radius: 16px;
    border: solid 1px #eaeaea;
}
.h_calendar .bot .schedule_box .schedule_body .schedule_list{
    box-sizing: border-box;
    padding: 32px 0 32px 32px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.h_calendar .bot .schedule_box .schedule_body .schedule_list .none_content{
    min-height: initial;
}
/* .h_calendar .bot .schedule_box .schedule_body .schedule_list::-webkit-scrollbar {
    width: 32px;
}
.h_calendar .bot .schedule_box .schedule_body .schedule_list::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 32px;
    background-clip: padding-box;
    border: 12px solid transparent;
} */
.h_calendar .bot .schedule_box .schedule_body .schedule_list .schedule_item{
    box-sizing: border-box;
    padding: 20px 0 0 36px;
    position: relative;
}
.h_calendar .bot .schedule_box .schedule_body .schedule_list .schedule_item::after{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #2f4559;
    position: absolute;
    left: 0;
    top: 35px;
}
.h_calendar .bot .schedule_box .schedule_body .schedule_list .schedule_item::before{
    content: "";
    width: 1px;
    height: calc(100% + 10px);
    background-color: #cecece;
    position: absolute;
    left: 4px;
    top: 35px;
}
.h_calendar .bot .schedule_box .schedule_body .schedule_list .schedule_item:first-child{
    padding-top: 0;
}
.h_calendar .bot .schedule_box .schedule_body .schedule_list .schedule_item:first-child::after{
    top: 16px;
}
.h_calendar .bot .schedule_box .schedule_body .schedule_list .schedule_item:first-child::before{
    top: 16px;
    height: calc(100% + 24px);
}
.h_calendar .bot .schedule_box .schedule_body .schedule_list .schedule_item:last-child::before{
    display: none;
}
.h_calendar .bot .schedule_box .schedule_body .schedule_list .schedule_item .schedule_date{
    font-size: 24px;
    /* font-family: 'Pretendard-bold'; */
    color: #454545;
    margin-bottom: 12px;
}
.h_calendar .bot .schedule_box .schedule_body .schedule_list .schedule_item .schedule_txt{
    font-size: 18px;
    line-height: 27px;
    word-break: keep-all;
}
@media screen and (max-width: 1199px){
    .h_calendar.type_02 .bot{
        gap: 20px;
        flex-wrap: wrap;
    }
    .h_calendar .bot .calendar_box{
        width: 100%;
    }
    .h_calendar .bot .calendar_box .calendar_header{
        margin-bottom: 25px;
    }
    .h_calendar .bot .calendar_box .calendar_header .current_ym{
        font-size: 28px;
        line-height: 33px;
    }
    .h_calendar .bot .calendar_box .calendar_month{
        gap: 10px;
    }
    .h_calendar .bot .calendar_box .calendar_month .week_line.week_top{
        margin-bottom: 2px;
    }
    .h_calendar .bot .calendar_box .calendar_month .week_line .week_item{
        font-size: 14px;
        height: 50px;
    }

    .h_calendar .bot .schedule_box{
        width: 100%;
        gap: 12px;
    }
}
@media screen and (max-width: 767px){
    .h_calendar .bot .calendar_box .calendar_header{
        margin-bottom: 12px;
    }
    .h_calendar .bot .calendar_box .calendar_header .current_ym{
        font-size: 18px;
        line-height: 21px;
    }
    .h_calendar .bot .calendar_box .calendar_month{
        gap: 5px;
    }
    .h_calendar .bot .calendar_box .calendar_month .week_line.week_top{
        margin-bottom: 3px;
    }
    .h_calendar .bot .calendar_box .calendar_month .week_line .week_item{
        font-size: 11px;
        height: 34px;
    }

    .h_calendar .bot .schedule_box{
        gap: 8px;
    }
    .h_calendar .bot .schedule_box .schedule_header{
        padding: 20px;
    }
    .h_calendar .bot .schedule_box .schedule_header .title{
        font-size: 18px;
        line-height: 21px;
    }
    .h_calendar .bot .schedule_box .schedule_body{
        height: 288px;
    }
    .h_calendar .bot .schedule_box .schedule_body .schedule_list{
        padding: 20px;
    }
    .h_calendar .bot .schedule_box .schedule_body .schedule_list::-webkit-scrollbar {
        width: 20px;
    }
    .h_calendar .bot .schedule_box .schedule_body .schedule_list::-webkit-scrollbar-thumb {
        border-radius: 32px;
        border: 8px solid transparent;
    }
    .h_calendar .bot .schedule_box .schedule_body .schedule_list .schedule_item{
        padding: 16px 0 0 24px;
    }
    .h_calendar .bot .schedule_box .schedule_body .schedule_list .schedule_item::after{
        width: 8px;
        height: 8px;
        top: 23px;
    }
    .h_calendar .bot .schedule_box .schedule_body .schedule_list .schedule_item::before{
        height: 100%;
        left: 4px;
        top: 23px;
    }
    .h_calendar .bot .schedule_box .schedule_body .schedule_list .schedule_item:first-child::after{
        top: 7px;
    }
    .h_calendar .bot .schedule_box .schedule_body .schedule_list .schedule_item:first-child::before{
        top: 7px;
        height: calc(100% + 24px);
    }
    .h_calendar .bot .schedule_box .schedule_body .schedule_list .schedule_item .schedule_date{
        font-size: 18px;
        margin-bottom: 8px;
    }
    .h_calendar .bot .schedule_box .schedule_body .schedule_list .schedule_item .schedule_txt{
        font-size: 14px;
        line-height: 21px;
    }
}

/* 학과안내 */
.department_list{
    width: 100%;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}
.department_list .department_item{
    width: calc(50% - 12px);
    border-radius: 16px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.04);
    border: 1px solid #eaeaea;
    display: flex;
    box-sizing: border-box;
}
.department_list .department_item .dp_thumbnail{
    width: 342px;
    padding-bottom: 300px;
    border-radius: 16px 16px 0 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.department_list .department_item .dp_info{
    width: 1px;
    flex: 1;
    box-sizing: border-box;
    padding: 24px;
}
.department_list .department_item .dp_info .dp_category{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}
.department_list .department_item .dp_info .dp_category .category_item{
    box-sizing: border-box;
    padding: 8px 12px;
    white-space: nowrap;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
}
.department_list .department_item .dp_info .dp_category .category_item.course_type_01{
    background-color: #f39800;
}
.department_list .department_item .dp_info .dp_category .category_item.course_type_02{
    background-color: #10853e;
}
.department_list .department_item .dp_info .dp_category .category_item.course_type_03{
    background-color: #005bac;
}
.department_list .department_item .dp_info .dp_category .category_item.course_type_04{
    background-color: #f39800;
}
.department_list .department_item .dp_info .dp_category .category_item.course_type_05{
    background-color: #bd2850;
}
.department_list .department_item .dp_info .dp_category .category_item.detail_course_day10{
    background-color: #f39800;
}
.department_list .department_item .dp_info .dp_category .category_item.detail_course_day5{
    background-color: #10853e;
}
.department_list .department_item .dp_info .dp_category .category_item.detail_course_night6{
    background-color: #005bac;
}
.department_list .department_item .dp_info .dp_category .category_item.detail_course_short{
    background-color: #bd2850;
}
.department_list .department_item .dp_info .dp_category .category_item.detail_course_candidate{
    background-color: #f39800;
}
.department_list .department_item .dp_info .dp_category .category_item.detail_course_incumbent{
    background-color: #10853e;
}
.department_list .department_item .dp_info .dp_category .category_item.detail_course_epgu{
    background-color: #005bac;
}
.department_list .department_item .dp_info .dp_title{
    font-size: 24px;
    /* font-family: 'Pretendard-bold'; */
    line-height: 29px;
    min-height: 58px;
    margin-bottom: 30px;
    word-break: keep-all;
}
.department_list .department_item .dp_info .dp_move{
    width: 100%;
    box-sizing: border-box;
    padding: 16px;
    border-radius: 10px;
    background-color: #2f4559;
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.department_list .department_item .dp_info .dp_sns{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 33px;
    margin: 16px auto 0;
    flex-wrap: wrap;
	width: 162px;
}
.department_list .department_item .dp_info .dp_sns .sns_item{
    width: 32px;
    height: 32px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
}
.department_list .department_item .dp_info .dp_sns .sns_item::before{
    content: "";
    width: 1px;
    height: 24px;
    background-color: #777;
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translate(0,-50%);
}
.department_list .department_item .dp_info .dp_sns .sns_item.sns-item-no-divider::before{
    display: none;
}
.department_list .department_item .dp_info .dp_sns .sns_item.instagram{
    background-image: url("/summ/images/new/image/icon_site_Instagram.svg");
}
.department_list .department_item .dp_info .dp_sns .sns_item.blog{
    background-image: url("/summ/images/new/image/icon_site_naverblog.svg");
}
.department_list .department_item .dp_info .dp_sns .sns_item.youtube{
    background-image: url("/summ/images/new/image/icon_site_youtube.svg");
}
.department_list .department_item .dp_info .dp_sns .sns_item.navercafe{
    background-image: url("/summ/images/new/image/icon_site_navercafe.svg");
}
.department_list .department_item .dp_info .dp_sns .sns_item.daumcafe{
    background-image: url("/summ/images/new/image/icon_site_daumcafe.svg");
}
.department_list .department_item .dp_info .dp_sns .sns_item.padlet{
    background-image: url("/summ/images/new/image/icon_site_padlet.svg");
}
.department_list .department_item .dp_info .dp_sns .sns_item.pinterest{
    background-image: url("/summ/images/new/image/icon_site_pinterest.svg");
}
@media screen and (max-width: 1199px){
    .department_list .department_item{
        width: 100%;
    }
    .department_list .department_item .dp_thumbnail{
        padding-bottom: 289px;
        border-radius: 16px 16px 0 0;
    }
    .department_list .department_item .dp_info{
        width: 1px;
        flex: 1;
        box-sizing: border-box;
        padding: 24px;
    }
    .department_list .department_item .dp_info .dp_category .category_item{
        font-size: 14px;
        line-height: 17px;
    }
    .department_list .department_item .dp_info .dp_title{
        margin-bottom: 24px;
    }
    .department_list .department_item .dp_info .dp_move{
        padding: 16px;
        font-size: 16px;
        line-height: 24px;
    }
}
@media screen and (max-width: 767px){
    .department_list{
        gap: 16px;
    }
    .department_list .department_item{
        flex-direction: column;
    }
    .department_list .department_item .dp_thumbnail{
        width: 100%;
        padding-bottom: 56.25%;
    }
    .department_list .department_item .dp_info{
        padding: 16px;
        width: 100%;
        flex: initial;
    }
    .department_list .department_item .dp_info .dp_category{
        gap: 8px;
        margin-bottom: 12px;
    }
    .department_list .department_item .dp_info .dp_category .category_item{
        font-size: 11px;
        line-height: 13px;
    }
    .department_list .department_item .dp_info .dp_title{
        font-size: 18px;
        line-height: 21px;
        min-height: 42px;
        margin-bottom: 12px;
    }
    .department_list .department_item .dp_info .dp_move{
        padding: 12px;
        font-size: 14px;
        line-height: 21px;
    }
    .department_list .department_item .dp_info .dp_sns{
        margin-top: 12px;
    }
}

/* 학과 소개 */
.department_section .department_banner{
    width: 100%;
    height: 384px;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-size: contain; */
    background-position: center;
    margin-top: 32px;
    border-radius: 12px;
}
.department_section .item_box .item_head{
    width: 100%;
    box-sizing: border-box;
    padding-right: 188px;
    position: relative;
}
.department_section .item_box .item_head .btn_reservation{
    width: 180px;
    box-sizing: border-box;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    line-height: 27px;
    color: #005bac;
    border: 1px solid #005bac;
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
}
.department_section .dp_box{
    width: 100%;
    padding-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.department_section .dp_box .dp_box_item{
    width: 100%;
    box-sizing: border-box;
    padding: 32px;
    border: 1px solid #cecece;
    border-radius: 24px;
}
.department_section .dp_box .dp_box_item .top{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 24px;
    border-bottom: 1px solid #cecece;
}
.department_section .dp_box .dp_box_item .top .dp_icon{
    width: 28px;
}
.department_section .dp_box .dp_box_item .top .title{
    font-size: 24px;
    line-height: 29px;
    color: #000;
}
.department_section .dp_box .dp_box_item .bot{
    width: 100%;
    padding-top: 24px;
    display: flex;
    gap: 16px;
}
.department_section .dp_box .dp_box_item .bot .dp_con_item{
    width: 100%;
    flex: 1;
}
.department_section .dp_box .dp_box_item .bot .dp_con_item .title{
    font-size: 20px;
    /* font-family: 'Pretendard-bold'; */
    color: #454545;
    margin-bottom: 16px;
}
@media screen and (max-width: 1199px){
    .department_section .department_banner{
        margin-top: 24px;
    }
    .department_section .item_box .item_head .btn_reservation{
        font-size: 16px;
        line-height: 24px;
    }
    .department_section .dp_box{
        padding-top: 24px;
    }
    .department_section .dp_box .dp_box_item{
        padding: 32px;
    }
    .department_section .dp_box .dp_box_item .top{
        padding-bottom: 20px;
    }
    .department_section .dp_box .dp_box_item .top .dp_icon{
        width: 28px;
    }
    .department_section .dp_box .dp_box_item .top .title{
        font-size: 24px;
        line-height: 29px;
        color: #000;
    }
    .department_section .dp_box .dp_box_item .bot{
        padding-top: 20px;
        flex-wrap: wrap;
        gap: 20px;
    }
    .department_section .dp_box .dp_box_item .bot .dp_con_item{
        flex: initial;
    }
    .department_section .dp_box .dp_box_item .bot .dp_con_item .title{
        font-size: 18px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px){
    .department_section .department_banner{
        margin-top: 12px;
        height: 174px;
        border-radius: 16px;
    }
    .department_section .item_box .item_head {
        padding-right: 0;
    }
    .department_section .item_box .item_head .btn_reservation{
        width: 100%;
        position: static;
        padding: 12px;
        font-size: 11px;
        line-height: 13px;
        border-radius: 8px;
    }
    .department_section .dp_box{
        padding-top: 20px;
    }
    .department_section .dp_box .dp_box_item{
        padding: 20px;
    }
    .department_section .dp_box .dp_box_item .top{
        padding-bottom: 16px;
    }
    .department_section .dp_box .dp_box_item .top .dp_icon{
        width: 20px;
    }
    .department_section .dp_box .dp_box_item .top .title{
        font-size: 18px;
        line-height: 21px;
    }
    .department_section .dp_box .dp_box_item .bot{
        padding-top: 16px;
        gap: 16px;
    }
    .department_section .dp_box .dp_box_item .bot .dp_con_item .title{
        font-size: 16px;
        margin-bottom: 12px;
    }
}


/* 교수소개 */
.professor_list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.professor_list .professor_item{
    width: calc(50% - 12px);
    box-sizing: border-box;
    border: 1px solid #cecece;
    border-radius: 24px;
    padding: 32px;
}
.professor_list .professor_item .top{
    width: 100%;
    padding-bottom: 24px;
    border-bottom: 1px solid #cecece;
    display: flex;
    gap: 24px;
}
.professor_list .professor_item .top .p_thumbnail{
    width: 160px;
    height: 160px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%;
}
.professor_list .professor_item .top .p_info{
    flex: 1;
    width: 1px;
}
.professor_list .professor_item .top .p_info .p_name{
    font-size: 24px;
    line-height: 29px;
    /* font-family: 'Pretendard-bold'; */
    margin-bottom: 22px;
}
.professor_list .professor_item .info_box{
    width: 100%;
}
.professor_list .professor_item .info_box .title{
    font-size: 20px;
    /* font-family: 'Pretendard-bold'; */
    color: #454545;
    margin-bottom: 16px;
    margin-top: 30px;
    text-align: left;
}
.professor_list .professor_item .bot{
    padding-top: 24px;
}
.professor_list .professor_item .bot .info_box{
    margin-top: 24px;
}
.professor_list .professor_item .bot .info_box:first-child{
    margin-top: 0;
}
@media screen and (max-width: 1199px){
    .professor_list{
        gap: 16px;
    }
    .professor_list .professor_item{
        width: 100%;
        padding: 24px;
    }
    .professor_list .professor_item .top{
        padding-bottom: 20px;
        gap: 24px;
    }
    .professor_list .professor_item .top .p_thumbnail{
        width: 140px;
        height: 140px;
    }
    .professor_list .professor_item .top .p_info .p_name{
        margin-bottom: 14px;
    }
    .professor_list .professor_item .info_box .title{
        font-size: 18px;
        margin-bottom: 12px;
    }
    .professor_list .professor_item .bot{
        padding-top: 20px;
    }
    .professor_list .professor_item .bot .info_box{
        margin-top: 20px;
    }
}
@media screen and (max-width: 767px){
    .professor_list{
        gap: 12px;
    }
    .professor_list .professor_item{
        padding: 20px;
    }
    .professor_list .professor_item .top{
        padding-bottom: 16px;
        flex-wrap: wrap;
        position: relative;
    }
    .professor_list .professor_item .top .p_thumbnail{
        width: 100px;
        height: 100px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .professor_list .professor_item .top .p_info{
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
    }
    .professor_list .professor_item .top .p_info .p_name{
        margin: 0;
        width: 100%;
        height: 100px;
        display: flex;
        align-items: center;
        padding-left: 124px;
        font-size: 18px;
        line-height: 21px;
    }
    .professor_list .professor_item .info_box .title{
        font-size: 16px;
    }
    .professor_list .professor_item .bot{
        padding-top: 16px;
    }
    .professor_list .professor_item .bot .info_box{
        margin-top: 16px;
    }
}

/* 구직신청 */
/* .job_posting input, select, textarea {
    font-size: 14px; !important
} */

.register_job_page{
	margin-top: 50px;	
}

.register_job_page .inline-warnning,
.user_pwd_info .inline-warnning,
.register_instructor_page .inline-warnning,
.principal_wish_page .inline-warnning,
.user_secession .inline-warnning{
    margin-top: 5px;
    color: #dc3545;
    font-size: 12px;
}

.register_job_page .inline-warnning .msg_warnning,
.user_pwd_info .inline-warnning .msg_warnning,
.register_instructor_page .inline-warnning .msg_warnning,
.principal_wish_page .inline-warnning .msg_warnning,
.user_secession .inline-warnning{
	color:#b71c1c !important;
	margin:0 5px;
}

.register_job_page .input_wrap input.warnningInput,
.user_pwd_info .input_wrap input.warnningInput,
.register_instructor_page .input_wrap input.warnningInput,
.principal_wish_page .input_wrap input.warnningInput,
.principal_wish_page .input_wrap select.warnningInput,
.register_instructor_page .input_wrap .select_box.warnningInput,
.register_instructor_page .input_wrap select.warnningInput,
.regist_job_form .select_box select.warnningInput,
.register_instructor_page #attachFileUpload.warnningInput #attachFileUpload_dropbox,
.user_secession .input_wrap input.warnningInput{
	border-color:#b71c1c !important;
	background-color:#FFEBEE !important
}

.register_job_page .input_wrap,
.user_pwd_info .input_wrap {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.register_job_page .input_wrap input,
.user_pwd_info .input_wrap input{
    width: 100%;  
    height: auto !important;
}

@media screen and (max-width: 767px) {
  .register_job_page .board_write .write_header {
    display: block;
  }

  .register_job_page .board_write .write_header .con_guide {
    margin-top: 8px;
  }
  
  .register_job_page .board_write .write_header .title {
    text-align: left;
  }
}

/* 채용정보 리스트 */
.board_section .board_item .board_info .info_list p.companyNm{
    width: 270px;
}

.board_section .board_item .board_info .info_list p.duration{
    width: 270px;
}

.board_section .board_item .board_info .info_list p.createDt{
    width: 160px;
}

@media (min-width: 1200px) {	
.board_section .board_item .board_info span.campusCd{
	margin-left: 10px;
	margin-right: 10px; 
    width: 110px;
}


.board_section .board_list .board_item .board_info .campusCd{
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 16px;
    padding: 0 30px;
}
}

@media (max-width: 1200px) {
	.board_section .board_list .board_item .board_info .campusCd {
		display: flex;
	    box-sizing: border-box;
	    font-size: 16px;
	}
	
	.board_section .board_item .board_info div.campusCd{
		width: 110px;
	}
}

/* 채용정보 상세 */
section[class^="page__"] {
  /* margin: 12rem 0 26rem; */
  flex-grow: 1;
}

.container.post_job_form a {
    vertical-align: baseline;    
}

.container.post_job_form img {
    vertical-align: baseline;
    display: inline-block; 
}

.page__content.job-info .title__company-name {
  color: var(--color-main);
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.page__content.job-info .info-title {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 5rem;
}

.page__content.job-info textarea {
  resize: none;
  width: 100%;
  height: 34.8rem;
  margin-top: 1.6rem;
  border: 1px solid #c6ced7;
  border-radius: 0.4rem;
  padding: 3rem 3.2rem;
}
.page__content.job-info .wish-list-view {
  width: 100%;
  min-height: 25.8rem;
  margin-top: 1.6rem;
  border: 1px solid #c6ced7;
  border-radius: 0.4rem;
  padding: 3rem 3.2rem;
  line-height: 1.8;
  word-break: break-word;
}
@media all and (min-width: 1024px) {
  .area__content.job-info .flex-table-box {
    display: flex;
    flex-wrap: wrap;
    padding: 2.4rem 3rem;
    gap: 2.8rem 0;
    border-bottom: 1px solid #c6ced7;
  }
  .area__content.job-info .flex-table-box .table__line.row {
    width: 50%;
    padding: 0;
    border: none;
    align-items: center;
  }
  .area__content.job-info .flex-table-box .table__line.row .table__subject {
    min-width: 8.6rem;
    border: 1px solid #2e76ef;
    border-radius: 0.4rem;
    color: #2e76ef;
    background-color: transparent;
    font-size: 1.0rem;
    padding: 0.2rem;
  }
  .area__content.job-info .flex-table-box .table__line.row .table__content {
    padding: 0;
    margin-left: 2.3rem;
  }
  .area__content.job-info .flex-table-box .table__line.row .table__content a {
    display: inline-block;
    margin-left: 1rem;
  }
}
@media all and (max-width: 1200px) {
  .page__content.job-info textarea {
    height: 12.8rem;
    padding: 1.8rem;
  }
}

.page-title {
    font-size: 3.4rem;
    font-weight: 700;
}

.page__content.job-info .title__company-name {
  color: var(--color-main);
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.page__content.job-info .info-title {
  font-size: 1.3rem;
  font-weight: 400;
  margin-top: 5rem;
  margin-bottom: 0.8rem;  
}

.page__content.job-info textarea {
  resize: none;
  width: 100%;
  height: 34.8rem;
  margin-top: 1.6rem;
  border: 1px solid var(--color-line);
  border-radius: 0.4rem;
  padding: 3rem 3.2rem;
}

/* =========================================================== */
/* =========================================================== */
/* ========================취업공고========================= */
/* =========================================================== */
/* =========================================================== */

@media all and (max-width: 1200px) {
  .page__board.job-info .table__line {
    padding: 1.6rem 0;
    width: 100%;
  }

  .page__board.job-info .table__line.tbody .table__title a {
    margin: 0;

    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 1rem;

    color: var(--color-title);
  }

  .page__board.job-info .table__line.tbody p {
    width: auto;
    color: var(--color-table-text);
  }
  .page__board.job-info .table__post-date {
    display: none;
  }
}

/* ====================표 */
.page__admission-guid .flex-table-box {
  border-top: 1px solid var(--color-table-top-line);
}
.table__line.row {
  /* display: flex;
  width: 100%; */
  align-items: initial;
  padding: 0;
}
.table__line.row:hover {
  background-color: transparent;
}

.table__line.row .table__subject {
  min-width: 16.2rem;
  line-height: 2.4rem;
  padding: 0.8rem 0;
  background-color: #f8f8f8;
  text-align: center;

  display: flex;
  flex-direction: column;
  justify-content: center;
}
.paragraph-box.btn-title .paragraph__title.blue {
  color: var(--color-main);
  border: 1px solid var(--color-main);
}
.table__line.row .table__subject.top {
  display: block;
}
.table__line.row .table__subject i {
  font-weight: 400;
  font-style: normal;
}
.table__line.row .table__content,
.table__line.row .flex-table__list {
  /* flex: 1; */
  text-align: left;
  padding: 0.8rem 1.6rem;
  line-height: 2.8rem;
  /* font-weight: 300; */
}
.table__line.row .table__content i {
  color: var(--color-main);
}
.page__admission-guid .flex-table__item {
  list-style: "\00B7";
  text-indent: -0.1rem;
  padding-left: 1rem;
  margin-left: 0.8rem;
}
.table__line.row .flex-table__item--alret {
  display: block;
  color: var(--color-red);
  margin-top: 1.6rem;
  padding-left: 3.2rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath fill='%23EC1F2C' d='m32.9 34.2.7-4.4h3.3c1.1 0 2-.9 2-2V13c0-1.1-.9-2-2-2H9.7c-1.1 0-2 .9-2 2v14.8c0 1.1.9 2 2 2h19.5l3.7 4.4m.5 2.9c-.3 0-.7-.1-.9-.4l-4.3-4.9H9.7c-2.2 0-4-1.8-4-4V13c0-2.2 1.8-4 4-4H37c2.2 0 4 1.8 4 4v14.8c0 2.2-1.8 4-4 4h-1.6l-.7 4.3c-.2.6-.7 1-1.3 1z'/%3E%3Cpath fill='%23EC1F2C' d='M15.1 18.3h16.4c.6 0 1-.4 1-1s-.4-1-1-1H15.1c-.6 0-1 .4-1 1s.4 1 1 1zm16.4 3.8H15.1c-.6 0-1 .4-1 1s.4 1 1 1h16.4c.6 0 1-.4 1-1s-.4-1-1-1z'/%3E%3C/svg%3E")
    no-repeat left 0.6rem/2.2rem;
}
.table__line.row .flex-table__item--alret .download__grey-btn {
  display: inline-block;
  width: 9rem;
  border-radius: 0.4rem;
  padding: 0.2rem 0.6rem;
  padding-right: 2.4rem;
  min-width: auto;
  margin-left: 0.6rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14'%3E%3Cg fill='none' stroke='%237a8396' stroke-width='1.2'%3E%3Cpath d='M7.634 0v10.676M.6 9.514v3.323l.628.591h12.774l.664-.591V9.514'/%3E%3Cpath d='m3.648 6.916 4.01 3.78 4.038-3.78'/%3E%3C/g%3E%3C/svg%3E")
    no-repeat calc(100% - 0.6rem) / 1.5rem;
}
a.go-to-apply__fill-btn {
  display: block;

  height: 5.8rem;
  line-height: 4rem;
  width: 23rem;
  margin: 12rem auto 0;
}
@media all and (max-width: 768px) {
  .table__line.row {
    display: block;
    padding: 0.9rem;
    /* font-size: 1.4rem; */
  }
  .table__line.row br {
    display: none;
  }
  .table__line.row .table__subject {
    min-width: auto;
    padding: 0;
    background-color: transparent;
    text-align: left;

    display: block;
    margin-bottom: 1rem;
  }
  .paragraph-box.btn-title .paragraph__title.blue {
    border: none;
  }
  .table__line.row .table__content,
  .table__line.row .flex-table__list {
    padding: 0;
    line-height: 2.3rem;
  }
  .table__line.row .flex-table__item--alret {
    margin-top: 1rem;
  }
  .table__line.row .flex-table__item--alret br {
    display: block;
  }

  .table__line.row .flex-table__item--alret {
    margin-top: 1rem;
    background-position: left 0.2rem;
  }
  .table__line.row .flex-table__item--alret .download__grey-btn {
    margin: 0;
    margin-top: 0.6rem;
  }
  a.go-to-apply__fill-btn {
    display: block;
    width: auto;
    line-height: 1.6;
    margin-top: 4.8rem;
    height: 5.6rem;
    padding: 1.6rem 0;
  }
}

/* ====================flex 테이블 */

.flex-table-box {
  width: 100%;
  text-align: center;
  /* margin-top: 2.4rem; */
  border-top: 1px solid #7a8396;
}
.table__line {
  width: 100%;
  line-height: 5.6rem;
  display: flex;
  border-bottom: 1px solid #eaeaea;
}
.table__line:hover {
  background-color: var(--color-main-bg);
}
.table__line .table__title {
  text-align: left;
  flex-grow: 1;
}

.flex-table-box.column .table__line {
  line-height: 1.4;
}
.flex-table-box.column .table__line > * {
  padding: 1.8rem 0;
}
.flex-table-box.column .table__line > *:first-child {
  border-right: 1px solid var(--color-line);
}
.table__line.thead {
  border-top: 1px solid var(--color-table-top-line);
}
.table__line.thead:hover {
  background-color: transparent;
}
.flex-table-box.column .table__line.thead {
  background-color: var(--color-main-bg);
}
.table__line.thead strong {
  position: relative;
}
.table__line.thead strong ~ strong::before {
  content: "";
  display: block;
  width: 1px;
  height: 1.6rem;
  background-color: var(--color-line);
  top: calc(50% - 0.8rem);

  position: absolute;
}
.flex-table-box.column .table__line.thead strong ~ strong::before {
  display: none;
}
.table__line .subject {
  font-weight: 700;
  text-align: center;
}
.table__line.tbody {
  display: flex;
  width: 100%;
}
.table__content.wait {
  color: var(--color-red);
}
.table__content a,
a.table__content[download] {
  text-decoration: underline;
}
.table__line.tbody .table__content a,
.table__line.tbody .table__title a {
  padding-left: 1.4rem;
  max-width: 40rem;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.table__line.tbody:hover .table__content a,
.table__line.tbody:hover .table__title a {
  text-decoration: underline;
}
p.table__file {
  font-size: 0;
  background: no-repeat center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.342' height='14.189'%3E%3Cpath d='M9.46.001v.788h-.789v.788H.789v.788H0v9.459h.789V9.46h.788V7.095h.788V4.73h12.613V.789h-.788V.001Z' fill='%23feae34'/%3E%3Cpath d='M2.365 4.73v2.365h-.788V9.46H.788v2.365H0v2.365h14.977v-2.366h.788V9.459h.788V7.094h.788V4.73Z' fill='%23d77643'/%3E%3C/svg%3E");
}
.table__line--wrap .table__qna-state {
  color: #7e838f;
}
p.table__file img {
  opacity: 0;
}
.table__line:hover p.table__apply-state a,
.table__line:hover p.table__state a {
  text-decoration: underline;
}
.table__line--wrap .table__qna-state.wait,
.table__apply-state.wait,
.table__state.wait {
  color: var(--color-red);
}

@media all and (max-width: 1200px) {
  .flex-table-box {
    /* margin-top: 2rem; */
    text-align: left;
    border-top: 1px solid var(--color-table-top-line);
  }
  .table__line {
    line-height: 1.2;
  }
  .flex-table-box.column .table__line {
    line-height: 1.4;
    padding: 1.6rem;
  }
  .flex-table-box.column .table__line > * {
    padding: 0 0 1.4rem;
  }
  .flex-table-box.column .table__line > *:first-child {
    border-right: 0;
  }
  .table__line.thead {
    display: none;
  }
  .table__line.thead strong {
    position: relative;
  }
  .table__line.tbody {
    display: block;
    padding: 1.6rem 0.8rem;
    position: relative;
  }
  .table__line.tbody .table__title {
    margin-top: 0.8rem;
  }
  .table__line.tbody .table__title a {
    padding-left: 0;
    margin-bottom: 1rem;
    width: 80%;

    max-width: 30rem;
  }
}

/* ============================테이블 너비 조정 */

.table__number {
  width: 7%;
}
.table__career-conditions,
.table__request-number {
  width: 10%;
}
.table__post-view-count,
.table__name,
.table__belong-to {
  width: 11%;
}
.page__regula .table__post-view-count {
  width: 10%;
}
.table__writer,
.table__file {
  width: 12%;
}
.page__regula .table__writer,
.page__regula .table__file {
  width: 10%;
}
.table__post-date,
.table__qna-state,
.table__apply-state,
.table__certificate-type,
.table__how-to-recept,
.table__state,
.table__position {
  width: 13%;
}
.page__regula .table__post-date {
  width: 10%;
}
.page__board.to-director .table__post-date,
.page__board.to-director .table__state {
  width: 11%;
}
.table__company-name,
.table__graduate-year,
.table__request-date {
  width: 14%;
}
.table__first-apply-course,
.table__second-apply-course,
.table__apply-date {
  width: 16%;
}
.table__category,
.table__date-n-place {
  width: 17%;
}
.page__regula .table__category {
  width: 11%;
}
.table__content {
  width: 19%;
}
.table__line.row .table__content {
  width: auto;
}
.table__social-number {
  width: 21%;
}
.table__term {
  width: 21%;
}
.table__course-name {
  width: 28%;
}
.page__board.certificate__list .table__course-name {
  width: 16%;
}
.table__open-date.subject {
  width: 72%;
}
.table__line.tbody .table__open-date {
  margin-left: 2.4rem;
  display: flex;
  align-items: center;
}
.table__open-date .open-cycle {
  padding: 0.4rem 1.4rem;
  border-radius: 2rem;
  border: 1px solid var(--color-main);
  color: var(--color-main);
}
.table__open-date .date {
  margin-left: 1.6rem;
}
@media all and (max-width: 1200px) {
  .table__line > p {
    width: auto;
  }
  .table__number {
    display: none;
  }
  .table__file {
    max-width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    bottom: 1.5rem;
    left: 22rem;
  }
  .table__writer,
  .table__post-date,
  .table__post-view-count,
  .table__qna-state,
  .table__apply-state,
  .table__apply-date,
  .table__company-name,
  .table__career-conditions,
  .table__term {
    display: inline-block;
    width: auto;
    color: var(--color-act);
    font-size: 1.2rem;
  }
  .table__post-date,
  .table__post-view-count,
  .table__qna-state,
  .table__apply-state,
  .table__apply-date,
  .table__career-conditions,
  .table__term {
    font-size: 1.2rem;
    margin-left: 0.8rem;
    padding-left: 0.8rem;

    position: relative;
  }
  .table__post-date::before,
  .table__post-view-count::before,
  .table__qna-state::before,
  .table__apply-state:before,
  .table__apply-date:before,
  .table__file:before,
  .table__career-conditions::before,
  .table__term::before {
    content: "";
    display: block;
    width: 0.1rem;
    height: 1rem;
    background-color: var(--color-line);

    position: absolute;
    left: -0.2rem;
    top: 0.5rem;
  }
  .table__file:before {
    top: 0.8rem;
    left: -1rem;
  }
}

/* 검색 영역 */
.qna_board_page .select_box select,
.faq_board_page .select_box select,
.normal_board_page .select_box select,
.post_job_list .select_box select,
.regist_job_form .select_box select,
.user_edit select,
.register_instructor_page select,
.principal_wish_page .select_box select {
    width: 100%;
    border: 1px solid #cecece;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0 36px 0 12px;
    appearance: none;
    /*background: url(/res/home/publish/img/common/icon_arrow_down_selcet.svg) no-repeat right 12px center;*/
    background-size: 16px;
    font-size: 16px;
    line-height: 20px;
    color: #777;
}
.principal_wish_page .campus_select_box {
    width: 100%;
    height: 100%;
}

.search_section{
    width: 100%;
    /* margin-bottom: 16px; */
    margin: 50px 0 16px;
    display: flex;
    align-items: center;
}
.search_section .total{
    font-size: 18px;
    color: #000;
    line-height: 27px;
    margin: auto 0 8px;
}
.search_section .total span{
    /* font-family: 'Pretendard-extrabold'; */
}
.search_section .input_box{
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 6px;
}
.search_section .input_box .select_box{
    width: 160px;
    height: 58px;
}
.search_section .input_box .select_box select{
    font-size: 18px;
    color: #777;
}
.search_section .input_box .search_box{
    width: 404px;
    height: 58px;
    position: relative;
}
.search_section .input_box .search_box input{
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #777;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 16px 44px 16px 12px;
    border: 1px solid #cecece;
}
.search_section .input_box .search_box .search_btn{
    width: 24px;
    height: 24px;
    /*background: url("/res/home/publish/img/common/icon_search.svg") no-repeat;*/
    background-size: cover;
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translate(0,-50%);
}
.search_section .input_box .filter_search_wrap{
    width: 140px;
    height: 58px;
}
.search_section .input_box .filter_search_wrap .filter_search{
    width: 100%;
    height: 100%;
    background-color: #005bac;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
@media screen and (max-width: 1199px){
    .search_section{
        margin-bottom: 12px;
    }
    .search_section .input_box .select_box select{
        font-size: 16px;
        color: #777;
    }
    .search_section .input_box .search_box input{
        font-size: 16px;
    }
    .search_section.type_02 .input_box{
        width: 100%;
    }
    .search_section.type_02 .search_box{
        flex: 1;
    }
}
@media screen and (max-width: 767px){
    .search_section{
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }
    .search_section .total{
        order: 2;
        font-size: 14px;
        line-height: 21px;
        margin: 0;
    }
    .search_section .input_box{
        flex-wrap: wrap;
        gap: 4px;
        order: 1;

        width: 100%;
    }
    .search_section .input_box .select_box{
        width: 100%;
        height: 45px;
    }
    .search_section .input_box .select_box select{
        /* padding: 12px 36px 12px 12px; */
        font-size: 14px;
        line-height: 21px;
    }
    .search_section .input_box .search_box{
        width: 100%;
        height: 48px;
    }
    .search_section .input_box .search_box input{
        font-size: 14px;
        color: #777;
        padding: 12px 44px 12px 12px;
    }

    .search_section.type_02 .input_box{
        width: 100%;
        flex-wrap: wrap;
        gap: 4px;
    }
    .search_section.type_02 .input_box .search_box{
        width: 100%;
        order: 3;
    }
    .search_section.type_02 .input_box .select_box{
        width: calc(50% - 2px);
        order: 1;
    }
    .search_section.type_02 .input_box .filter_search_wrap{
        width: calc(50% - 2px);
        height: 45px;
        order: 2;
    }
    .search_section .input_box .filter_search_wrap .filter_search{
        font-size: 14px;
    }
}

/* 커스텀 인풋 */
.chk-box{
    align-items: center;
}
.chk-box input{
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.chk-box .chk-box__icon{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #dcdcdc;
    border-radius: 14px;
    background-color: #fff;
    box-sizing: border-box;
}
.chk-box .chk-box__icon::before{
    content: none;
}
.chk-box .chk-box__icon i{
    font-size: 20px;
    color: #cfcfcf;
}
.chk-box .chk-box__icon::after{
    display: none!important;
}
.chk-box .chk-box__txt{
    display: inline-flex;
    font-size: 18px;
    line-height: 27px;
    padding-left: 12px;
    align-items: center;
}
.chk-box .chk-box__txt span{
    padding-right: 8px;
}
.chk-box input:checked~.chk-box__icon{
    background-color: #0a95e8;
    border-color: #0a95e8;
}

.chk-box input:checked~.chk-box__icon i{
    color: #111;
}
.chk-box input:checked~.chk-box__icon::before{
    /*content: "\e97e";*/
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    height: auto;
    width: auto;
    background-color: transparent;
}
.chk-box.block .chk-box__txt{
    justify-content: center;
}
.chk-box.block input~.chk-box__icon{
    height: 56px;
}
.chk-box.block input:checked~.chk-box__icon{
    border-color: #005bac;
    background-color: #fff;
}
.chk-box.block input:checked~.chk-box__txt{
    color: #005bac;
}

.input_wrap{
    max-width: 100%;
    height: 60px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
}
.input_wrap input{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 16px;
    border-radius: 10px;
    font-size: 18px;
    cursor: auto;
    flex: 1;
}
.input_wrap input:read-only{
    color: #222;
    border-color: #cecece;
    background-color: transparent;
}
.input_wrap .txt{
    font-size: 16px;
    line-height: 19px;
    color: #777;
    margin-left: 8px;
}
.input_wrap .chk-box{
    display: inline-flex;
    position: relative;
}
.input_wrap.type_chk .chk-box{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0,-50%);
}
.input_wrap.type_chk input{
    padding: 0 132px 0 16px;
}
.input_wrap.type_btn input{
    padding: 0 56px 0 16px;
}
.input_wrap.type_btn button{
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0,-50%);
}

.input_wrap.input_btn{
    width: 130px;
    flex: initial!important;
}
.input_wrap.input_btn button{
    width: 100%;
    height: 100%;
    min-width: auto;
    border-radius: 10px;
}

.flex_box{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.flex_box .input_wrap{
    flex: 1;
}

.input_alert{
    display: flex;
    gap: 4px;
    margin-top: 8px;
}
.input_alert .icon-alert_circle{
    font-size: 20px;
    color: #dd3434;
}
.input_alert .txt{
    font-size: 12px;
    line-height: 20px;
    padding-top: 1px;
    color: #dd3434;
}

.radio-box.type_chk .radio-box__icon{
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #ebebeb;
    background-color: #fff;
}
.radio-box.type_chk .radio-box__icon::before{
    content: "\e97e";
    /* font-family: 'icomoon'; */
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #fff;
    color: #dfe2eb;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.radio-box.type_chk .radio-box__txt{
    font-size: 16px;
}
.radio-box.type_chk input:checked~.radio-box__icon{
    border-color: #0a95e8;
    background-color: #0a95e8;
}
.radio-box.type_chk input:checked~.radio-box__icon::before{
    content: "\e97e";
    color: #fff;
    width: auto;
    height: auto;
    background-color: transparent;
    border-radius: 0;
}
.radio-box.type_chk .radio-box__icon::after{
    display: none!important;
}

.chk-box.type_02 .chk-box__icon{
    width: 24px;
    height: 24px;
}
.chk-box.type_02 .chk-box__icon::before{
    font-size: 16px;
}
.chk-box.type_02 .chk-box__txt{
    font-size: 16px;
    padding-left: 8px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}

/* 버튼 영역 */
.btn_section{
    width: 100%;
    margin-top: 24px;
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

.btn_list{
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 16px;
}

.btn_list .btn_item{
    width: 130px;
    padding: 16px;
    box-sizing: border-box;
    border: 1px solid #222;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 27px;
    cursor: pointer;
    border-radius: 10px;
}

.btn_list .btn_item.type_black{
    background-color: #222;
    color: #fff;
}
.btn_list.type_02{
    flex-wrap: wrap;
    gap: 12px;
}
.btn_list.type_02 .btn_item{
    width: 100%;
}
.btn_list.type_03{
    gap: 12px;
}
.btn_list.type_03 .btn_item{
    flex: 1;
}
.btn_list.type_center{
    justify-content: center;
}

.btn_section.type_02{
    margin-top: 60px;
}
.btn_section.type_02 .btn_list{
    justify-content: center;
    margin: 0 auto;
}
.btn_section.type_02 .btn_list .btn_item{
    padding: 20px;
    width: 220px;
}
@media screen and (max-width: 1199px){
    .btn_section{
        margin-top: 20px;
    }

    .btn_list{
        gap: 12px;
    }
    .btn_list .btn_item{
        font-size: 16px;
        line-height: 24px;
    }

    .btn_section.type_02{
        margin-top: 32px;
    }
    .btn_section.type_02 .btn_list .btn_item{
        padding: 20px;
        width: 165px;
    }
}
@media screen and (max-width: 767px){
    .btn_section{
        margin-top: 16px;
        flex-wrap: wrap;
        gap: 20px;
    }
    .btn_section .attachments{
        width: 100%;
    }

    .btn_list{
        width: 100%;
        gap: 8px;
    }
    .btn_list .btn_item{
        flex: 1;
        padding: 15px 20px;
        font-size: 14px;
        line-height: 21px;
    }
    .btn_list.type_02{
        gap: 8px;
    }

    .btn_section.type_02{
        margin-top: 16px;
    }
    .btn_section.type_02 .btn_list .btn_item{
        padding: 16px;
        width: 100%;

    }
}
.register_job_page button{
    outline: none;
    min-width: auto;
}

button.btn_basic{
    box-sizing: border-box;
    padding: 12px;
    border: 1px solid #777;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    line-height: 17px;
    width: 100px;
}

/* 버튼 컬러 */
.btn_primary{
    border-color: #005bac!important;
    background-color: #005bac!important;
    color: #fff;
}

/* 탭 및 탑 버튼 */
.tab_list{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.tab_list .tab_item{
    min-width: 130px;
    box-sizing: border-box;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #cecece;
    font-size: 18px;
    line-height: 27px;
    color: #454545;
    border-radius: 10px;
}
.tab_list .tab_item.current{
    border-color: #2f4559;
    background-color: #2f4559;
    color: #fff;
}
.top_btn{
    display: flex;
    align-items: center;
    gap: 8px;
}
.top_btn .top_btn_item{
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.top_btn .top_btn_item.type_share{
    background-image: url("/res/home/publish/img/common/icon_share.svg");
}
.top_btn .top_btn_item.type_print{
    background-image: url("/res/home/publish/img/common/icon_print.svg");
}
@media screen and (max-width: 1199px){
    .tab_list .tab_item{
        min-width: auto;
        padding: 16px;
        font-size: 16px;
        line-height: 24px;
    }
}
@media screen and (max-width: 767px){
    .tab_list{
        gap: 8px;
    }
    .tab_list .tab_item{
        padding: 12px 16px;
        font-size: 11px;
        line-height: 13px;
    }
    .top_btn{
        gap: 4px;
    }
    .top_btn .top_btn_item{
        width: 32px;
        height: 32px;
    }
}
.input_wrap.input_btn {
    width: 130px;
    flex: initial !important;
    border-color: #424242;
    color: #000;
}
.input_wrap.input_btn button {
    width: 100%;
    height: 100%;
    min-width: auto;
    border-radius: 10px;
}

.btn-large-dark--outline {
    border: 1px solid #424242;
    color: #000;
    background-color: #fff;
}

.mobile-info-row {
    align-items: stretch;
    flex-wrap: nowrap;
}
.mobile-info-row .mobile-number-wrap {
    min-width: 0;
}
.user-info-value {
    width: 100%;
    color: #454545;
    font-size: 18px;
    line-height: 27px;
    word-break: break-all;
}
.mobile-info-row .mobile-change-wrap {
    width: 170px;
}
.mobile-change-help {
    margin-top: 8px;
    color: #777;
    font-size: 14px;
    line-height: 21px;
}
.email-display-row {
    align-items: stretch;
    flex-wrap: nowrap;
}
.email-display-row .email-display-value-wrap {
    min-width: 0;
}
.email-display-row .email-display-button-wrap {
    width: 150px;
}
.email-input-row .email-cancel-wrap {
    width: 90px;
}

@media screen and (min-width: 1200px) {
    .user_edit .input_email .input_section {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 170px;
        column-gap: 12px;
    }
    .user_edit .input_email .email-input-row {
        grid-column: 1 / -1;
        flex-wrap: nowrap;
    }
    .user_edit .input_email .email-display-row {
        grid-column: 1 / -1;
    }
    .user_edit .input_email .email-domain-select-wrap {
        flex: 0 0 180px;
    }
    .user_edit .input_email .email-send-wrap {
        width: 150px;
    }
    .user_edit .input_email .email-verification-row {
        grid-column: 1;
        flex-wrap: nowrap;
    }
    .user_edit .input_email .email-code-wrap {
        flex: 0 1 280px;
    }
    .user_edit .input_email .email-save-section {
        grid-column: 2;
        margin-top: 10px;
    }
    .user_edit .input_email .email-save-section .btn_list {
        width: 100%;
        margin-left: 0;
    }
    .user_edit .input_email .email-save-section .btn_item {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .mobile-info-row {
        flex-wrap: wrap;
    }
    .mobile-info-row .mobile-number-wrap,
    .mobile-info-row .mobile-change-wrap {
        width: 100%;
        flex: 0 0 100% !important;
    }
    .mobile-info-row .mobile-change-wrap button {
        min-height: 48px;
    }
    .mobile-change-help {
        margin-top: 6px;
        font-size: 13px;
        line-height: 19px;
    }
    .email-display-row {
        flex-wrap: wrap;
    }
    .email-display-row .email-display-value-wrap,
    .email-display-row .email-display-button-wrap {
        width: 100%;
        flex: 0 0 100% !important;
    }
    .email-display-row .email-display-button-wrap button {
        min-height: 48px;
    }
}

.social-account-list {
    border: 1px solid #e1e5eb;
    border-radius: 10px;
    overflow: hidden;
}

.social-account-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 76px;
    padding: 14px 20px;
    box-sizing: border-box;
    background-color: #fff;
}

.social-account-item + .social-account-item {
    border-top: 1px solid #e1e5eb;
}

.social-account-info {
    display: flex;
    align-items: center;
    gap: 18px;
}

.social-account-info strong {
    min-width: 60px;
    color: #222;
    font-size: 17px;
    font-weight: 600;
}

.social-account-status {
    color: #777;
    font-size: 15px;
}

.social-account-item.is-linked .social-account-status {
    color: #005bac;
    font-weight: 600;
}

.social-link-button {
    flex: 0 0 120px;
    height: 44px;
    padding: 0 16px;
    border: 1px solid #005bac;
    border-radius: 8px;
    color: #005bac;
    font-size: 15px;
    font-weight: 600;
    background-color: #fff;
    cursor: pointer;
}

.social-link-button.is-linked {
    border-color: #777;
    color: #555;
}

#withdrawSocialProviders {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#withdrawSocialProviders .withdraw-social-provider {
    display: inline-block;
}

#withdrawSocialProviders .withdraw-social-provider input[type="radio"] + label {
    display: flex;
    align-items: center;
    min-width: 130px;
    height: 48px;
    padding: 0 20px 0 48px;
    border: 1px solid #d8dde5;
    border-radius: 8px;
    box-sizing: border-box;
    color: #555;
    font-size: 15px;
    font-weight: 500;
    background-color: #fff;
}

#withdrawSocialProviders .withdraw-social-provider input[type="radio"] + label:before {
    top: 15px;
    left: 18px;
}

#withdrawSocialProviders .withdraw-social-provider input[type="radio"]:checked + label {
    border-color: #005bac;
    color: #005bac;
    background-color: #f3f8fd;
}

#withdrawSocialProviders .withdraw-social-provider input[type="radio"]:checked + label:after {
    top: 18px;
    left: 21px;
    background-color: #005bac;
}

@media screen and (max-width: 767px) {
    .social-account-item {
        min-height: 68px;
        padding: 12px 14px;
    }

    .social-account-info {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    .social-account-info strong {
        font-size: 16px;
    }

    .social-account-status {
        font-size: 13px;
    }

    .social-link-button {
        flex-basis: 96px;
        height: 40px;
        padding: 0 10px;
        font-size: 14px;
    }

    #withdrawSocialProviders .withdraw-social-provider {
        flex: 1 1 calc(50% - 5px);
    }

    #withdrawSocialProviders .withdraw-social-provider input[type="radio"] + label {
        width: 100%;
        min-width: 0;
    }
}

/* 페이지네이션 */
.pageList {
    width: 100%;
    padding-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

/* 게시글 & 컨텐츠 없는 경우 */
.none_content{
    width: 100%;
    height: 100%;
    min-height: 351px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.none_content .none_title{
    font-size: 20px;
    line-height: 20px;
    color: #777;
    margin-top: 16px;
}
.none_content .none_icon{
    width: 60px;
}

.ico_circle {
  display: inline-block;
  width: 2.3rem;
  height: 2.3rem;
  padding: 0.5rem;
  background-color: #2e76ef;
  border-radius: 2rem;
  margin-right: 0.6rem;
  position: relative;
}


/* 테이블 */
.table_box{
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #000;
    position: relative;
}

.table_box table{
    width: 100%;
    border-collapse : collapse;
    border-spacing : 0;
}
.table_box table th,
.table_box table td{
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    padding: 20px 4px;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.7px;
    /* font-family: 'Pretendard-medium'; */
}
.table_box table th:first-child,
.table_box table td:first-child{
    border-left: none;
}
.table_box table th:last-child,
.table_box table td:last-child{
    border-right: none;
}
.table_box table tbody tr:first-child th,
.table_box table tbody tr:first-child td{
    border-top: none;
}
.table_box table th{
    background-color: #f8f8f8;
    border-color: #fff;
    font-weight: 500;
}
.table_box table td.td_bold{
    /* font-family: 'Pretendard-bold'; */
}
.table_box table .td_head{
    font-size: 18px;
    /* font-family: 'Pretendard-bold'; */
    line-height: 26px;
    letter-spacing: -0.9px;
}
.table_box table .point_tr{
    background-color: rgba(163, 225, 195, 0.3);
}
.table_box table .txt_left{
    text-align: left;
}

.table_box.type_02{
    border-radius: 12px;
    overflow: hidden;
    border-top: none;
}
.table_box.type_02::before{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 12px;
    border: 1px solid #eaeaea;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    pointer-events: none;
    z-index: -1;
}
.table_box.type_02 th{
    background-color: #ecf3ff;
}
.table_box.type_02 th.big_title{
    background-color: #8b96b4;
    color: #fff;
    font-size: 18px;
    line-height: 27px;
}
.table_box.type_02 th.big_title span{
    /* font-family: 'Pretendard-bold'; */
    color: #fff;
}

.table_guide{
    font-size: 16px;
    line-height: 24px;
    color: #dd3434;
    margin-top: 16px;
}
@media (max-width: 1199px){
    .table_guide{
        font-size: 14px;
    }
}
@media (max-width: 767px){
    .table_wrap{
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        box-sizing: border-box;
        padding: 0 20px;
        overflow-x: auto;
    }
    .table_wrap::-webkit-scrollbar {
        height: 12px;
        border-radius: 4px;
        background-color: transparent;
    }
    .table_wrap::-webkit-scrollbar-thumb {
        background-color: #e0e0e0;
        border-radius: 8px;
        border: 4px solid transparent;
        background-clip: padding-box;
    }
    .table_box table th,
    .table_box table td{
        padding: 16px 4px;
        font-size: 14px;
    }
    .table_wrap .table_box{
        min-width: 660px;
    }
}

@media all and (max-width: 1199px) {
  .sub-top-title .container,
  .sub-contents > .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media all and (max-width: 767px) {
  .sub-top-title .container,
  .sub-contents > .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* Plupload 문구 스크롤 제거 */
#attachUpload_dropbox,
#attachArea_dropbox,
#attachFileUpload_dropbox {
    overflow-y: auto !important; 
}

#attachUpload_dropbox .plupload_droptext,
#attachArea_dropbox .plupload_droptext,
#attachFileUpload_dropbox .plupload_droptext {
    height: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    padding-top: 60px !important; 
}

#attachUpload_filelist,
#attachArea_filelist,
#attachFileUpload_filelist {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* ================== END NEW CSS STYLE ================== */