@charset "utf-8";

footer { padding:20rem 0; }

#container { position:relative; margin:150rem auto 50rem; max-width:1500px; }
#container::after { content:''; display:table; clear:both; }

.h2 { display:flex; align-items:center; margin-bottom:180rem; }
.h2 dt { font-size:50rem; font-weight:700; }
.h2 dd { font-size:22rem; color:var(--gray); font-weight:300; margin:20rem 0 0 30rem; }
.view_page .h2 {margin-bottom:80rem;}

.s_navi { float:left; width:20%; border-top:1px solid #ccc; }
.s_navi a,
.s_navi div { display:flex; align-items:center; padding:10rem 15rem; border-bottom:1px solid #ececec; cursor:pointer; }
.s_navi a::before,
.s_navi div::before {content:''; display:block; width:10rem; height:10rem; border-radius:50%; border:1px solid #555; margin-right:10rem; transition:0.5s; }
.s_navi a:hover::before,
.s_navi div:hover::before { background:#aaa; }
.s_navi a.on,
.s_navi div.on { font-weight:600; }
.s_navi a.on::before,
.s_navi div.on::before {background:#111; }
.s_navi div.none { padding:0; border-bottom:0; }
.s_navi div.none::before {display:none;}

#contents { float:right; width:75%; }

/*게시판 시작*/

/*검색*/
.bbs_search .date, #srchBgpUid, #srchColumn, .bbs_search label { display:none; }
.bbs_search { position:absolute; left:0; top:110rem; width:400rem; }
.bbs_search::before {content:''; position:absolute; left:0; top:50%; width:24px; height:24px; background:var(--sprite) -209px 0; transform:var(--hcenter); }
.bbs_search .subject {display:flex; align-items:center;}
.bbs_search .subject input { border:0; border-bottom:3px solid #111; width:calc(100% - 40rem); height:50rem; background:transparent; font-weight:300; padding-left:40rem; }
.bbs_search .subject input:focus{ outline:0;}
.bbs_search .subject button { position:relative; width:40rem; height:40rem; background:#111; border-radius:50%; border:0; text-indent:-9999px; }
.bbs_search .subject button::before {content:'→'; position:absolute; left:50%; top:50%; transform:var(--center); color:#fff; text-indent:0; font-size:20rem; font-weight:600;  }

/*목록*/
.bbs_photo .list_st li > a,
.bbs_photo .list_st .num,
.bbs_photo .list_st .writer,
.bbs_photo .list_st a.subject img { display:none; }
.bbs_photo .list_st {border-top:1px solid #ccc;}
.bbs_photo .list_st div {border-bottom:1px solid #ececec; padding:30rem 0; }
.bbs_photo .list_st div p { font-size:21rem; font-weight:600; margin-bottom:10rem;}
.bbs_photo .list_st .category { padding-right:5rem;}
.bbs_photo .list_st .category::before {content:'['; }
.bbs_photo .list_st .category::after {content:']'; }
.bbs_photo .list_st div ul { display:flex; }
.bbs_photo .list_st div li { position:relative; font-size:15rem; color:var(--gray); padding-left:30rem;  }
.bbs_photo .list_st div li:first-of-type {padding-left:0; }
.bbs_photo .list_st div li::before {content:''; position:absolute; left:15rem; top:50%; width:1px; height:13rem; background:#ddd; transform:var(--hcenter); }

/*목록-공지사항*/
.bbs_board .file, 
.bbs_board thead {display:none;}
.bbs_board table { width:100%; border-top:1px solid #ccc; }
.bbs_board table tr { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ececec; gap:20rem; padding:15rem; }
.bbs_board table td:not(.subject) { flex-shrink:0; font-size:15rem; color:var(--gray); }
.bbs_board table td.subject { flex-grow:1; }
.bbs_board table td.subject a { font-weight:600; }

/*보기*/
.bbs_view .bbs_info dt,
.bbs_view dd.writer {display:none;}
.bbs_view .bbs_info { display:flex; flex-direction:column; justify-content:center; min-height:155rem; border-top:1px solid #ccc; border-bottom:1px solid #ececec; padding:20rem 0; gap:10rem; }
.bbs_view .subject dd { font-size:25rem; font-weight:600; }
.bbs_view .bbs_info dl:nth-of-type(2) { display:flex; align-items:center; gap:30rem; font-size:15rem; color:var(--gray); }
.bbs_view .bbs_info dl:nth-of-type(2) dd { position:relative; }
.bbs_view .bbs_info dl:nth-of-type(2) dd::before {content:''; position:absolute; right:-15rem; top:50%; width:1px; height:13rem; background:#ddd; transform:var(--hcenter); }
.bbs_view .bbs_info dl:nth-of-type(2) dd:last-of-type::before {display:none;}
.bbs_view .bbs_info .file a:not(.preview_btn) { position:relative; display:inline-block; font-size:14rem; color:var(--gray); padding-left:20rem; }
.bbs_view .bbs_info .file a:not(.preview_btn)::before { content:''; position:absolute; left:0; top:50%;  background:var(--sprite) -233px 0; width:14px; height:17px; transform:var(--hcenter); }
.bbs_view .bbs_info .file a.preview_btn {display:inline-block; font-size:13px; background:#eee; padding:2rem 5rem; border-radius:5rem;  }
.bbs_con { margin-top:50px; }
.admin_info { font-size:14rem; margin-top:50rem; }
.nextprew {margin-top:50rem; font-size:16rem;}
.nextprew ul { display:flex; justify-content:space-between; }
.nextprew li {max-width:50%;}
.nextprew span:first-of-type { display:none; }
.nextprew span { display:flex; align-items:center; }
.nextprew .prev span::before,
.nextprew .next span::after {content:'←'; display:block; width:30rem; height:30rem; line-height:30rem; background:#222; color:#fff; border-radius:50%; text-align:center; margin:0 10rem 0 0; }
.nextprew .next span::after {content:'→'; margin:0 0 0 10rem;}
.nextprew a { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:calc(100% - 40rem);}

/*쓰기*/
legend { position:absolute; left:-99999px; top:-999999px; }
.bbs_write dl {display:table; padding:10rem 0; width:100%; }
.bbs_write dl > * {display:table-cell;}
.bbs_write dt { width:150rem; }
.bbs_write dd { width:calc(100% - 150rem); font-size:16rem; }
.bbs_write input, .bbs_write select, .bbs_write textarea { width:100%; height:40rem;  border:1px solid #ccc; border-radius:5rem; padding:0 10rem; font-size:16rem; }
.bbs_write input[type=file] { padding:5rem; height:auto; margin-top:5rem;}  
.bbs_write textarea { padding:10rem; height:300rem; margin:10rem 0; }
.bbs_write input[type=checkbox] { width:auto; height:auto; }  
.bbs_write .del_file { display:block; }

/*버튼*/
.bbs_btn { margin-top:50rem; }
.bbs_btn ul {display:flex; justify-content:space-between;}
.bbs_btn a,
.bbs_btn button { display:inline-block; background:#ddd; font-size:15rem; padding:0 20rem; line-height:40rem; height:40rem; border-radius:5rem; border:0; vertical-align: top; transition:0.3s; }
.bbs_btn a:hover,
.bbs_btn button:hover { opacity:0.6; }
.bbs_btn .write, .bbs_btn .ok {background:var(--blue); color:#fff;}
.bbs_btn .list {background:#111; color:#fff;}

/*비밀번호*/
.bbs_password input { margin-top:40rem; border:1px solid #ccc; border-radius:5rem; width:200rem; height:40rem; text-align:center; }

/*페이징*/
#paging { margin-top:50rem; }
#paging div {display:flex; align-items:center; justify-content:center; gap:10rem; font-size:14rem; }
#paging .num_page { display:block; color:#999; font-weight:700; } 
#paging .num_page.on { color:#111; } 


/*게시판 끝*/

/*채용 상세페이지*/
.view_recruit .s_navi { position:absolute; margin-left:-360rem; top:165rem; }
.view_recruit .s_navi.fixed { position:fixed; top:30rem; } 
.view_recruit .s_navi a.back::before { width:15px; height:12px; border:0; background:var(--sprite) -247px 0; transition:none;}
.view_recruit .s_navi a.recruit_btn { display:block; text-align:center; background:var(--blue); border:2px solid var(--blue); color:#fff; border-radius:10rem; font-size:17rem; font-weight:600; transition:all 0.4s; }
.view_recruit .s_navi a.recruit_btn:nth-of-type(2) {margin-top:30rem;}
.view_recruit .s_navi a.recruit_btn:nth-of-type(3) { background:#fff; color:var(--blue); margin-top:10rem; }
.view_recruit .s_navi a.recruit_btn:hover { background:var(--pink); border-color:var(--pink); color:#fff; }
.view_recruit .s_navi a.recruit_btn::before { display:none;  }

.recruit_page h3 {font-size:30rem; color:var(--blue); margin:140rem 0 40rem; padding:10rem 30rem; border-top:5px solid var(--blue); border-bottom:1px solid #999; }
.recruit_page h3.none {margin:0; border:0; padding:0;}
.recruit_page .tab_button+h3 {margin-top:0;}
.recruit_page .div_wrap { padding:0 30rem;}
.recruit_page h4 {font-size:23rem; margin:40rem 0 20rem; }
.recruit_page ol li { position:relative; list-style:none;}
.recruit_page ol {margin:3rem 0;}
.recruit_page ol li,
.recruit_page table ol li { padding:7rem 0 7rem 20rem; font-size:17rem; }
.recruit_page ol li::before,
.recruit_page table ol li::before {content:''; position:absolute;  width:6px; height:6px; top:17rem; left:0; border-radius:50%; background:#333; }
.recruit_page ol li li { padding:5rem 0 5rem 20rem; font-size:16rem; color:#333; }
.recruit_page ol li li::before { top:18rem; width:8px; height:1px; }
.recruit_page ol li li li { padding:5rem 0 5rem 15rem; font-size:15rem; color:#555; }
.recruit_page ol li li li::before { top:15rem; width:4px; height:4px; border-radius:0; background:#777; }
.recruit_page ol li li li li { padding:3rem 0 3rem 13rem; font-size:14rem; color:#555; }
.recruit_page ol li li li li::before { top:13rem; width:2px; height:2px; background:#222; }
.recruit_page .table {overflow-x:auto; margin:20rem 0; }
.recruit_page table { width:100%; margin-left:-1px; border-top:1px solid #ccc; text-align:center; }
.recruit_page table th,
.recruit_page table td { border-bottom:1px solid #ececec; border-left:1px solid #ececec; padding:10rem; word-break:keep-all; word-wrap:break-word; }
.recruit_page table td { font-size:16rem; }
.recruit_page table th.th_line { background:url('/uni/recruit/img/content_th_line.png') no-repeat center / 100% 100%;}
.recruit_page table th.th_line span {display:block; }
.recruit_page table th.th_line span:last-of-type { text-align:left; padding-right:20%;}
.recruit_page table th.th_line span:first-of-type { text-align:right; padding-left:20%; margin-bottom:10rem;}
.recruit_page .box {background:#efefef; padding:30rem; border-radius:5rem; }
.recruit_page .point { color:var(--blue); }
.recruit_page .point::before { content:'※'; font-weight:800; margin-right:5rem; font-size:15rem; }
.recruit_page a[target="_blank"] { color:var(--blue); border-bottom:1px solid var(--blue); }
.recruit_page .date { text-align:center; margin-top:50rem; }
.recruit_page .name { text-align:center; margin-top:30rem; font-weight:700; font-size:25rem;  }
.recruit_page .btn { text-align:center; width:80%; margin:30rem auto 0; }
.recruit_page .btn a { width:46%; margin:1%; display:inline-block; line-height:50rem; border:3px solid var(--blue); background:var(--blue); color:#fff; font-size:17rem;  border-radius:10rem; font-weight:600; transition:all 0.4s; }
.recruit_page .btn a:nth-of-type(2) { color:var(--blue); background:#fff;}
.recruit_page .btn a:hover { background:var(--pink); border-color:var(--pink); color:#fff; }
.recruit_page .faq a { position:relative; display:block; padding:20rem 20rem 20rem 0; }
.recruit_page .faq a::before { content:'Q.'; margin-right:10rem; }
.recruit_page .faq a::after {content:''; position:absolute; right:10rem; top:27rem; width:10rem; height:10rem; border-right:1px solid #111; border-bottom:1px solid #111; transform:rotate(45deg); transition:all 0.4s; }
.recruit_page .faq a.on::after { top:33rem; transform:rotate(-135deg); }
.recruit_page .faq > li > div { display:none; background:#f9f9f9; padding:30rem; font-size:16rem; }
.recruit_page .faq .box { background:#efefef; margin-top:30rem; }
.recruit_page .faq .box li { font-size:15rem;  }

/*반응형*/
@media all and (max-width:1270px){
    .view_recruit .s_navi { margin-left:0; left:0; }
    .view_recruit .s_navi.fixed { left:3%; }
}
@media all and (max-width:1023px){
    .s_navi { width:22%; }
    #contents { width:73%; }
}
@media all and (min-width:769px){
    .view_recruit > .s_navi { display:none;}
    .view_recruit .s_navi { max-width:300rem; }
}
@media all and (max-width:768px){
    footer { bottom:150rem; }
    #container { margin:130rem auto 20rem; }
    .h2 {margin-bottom:140rem;}
    .h2 dt { font-size:35rem; }
    .h2 dd { font-size:18rem; }
    .view_page .h2 {margin-bottom:50rem;}
    .s_navi { display:flex; width:100%; border-top:2px solid #111;}
    .s_navi a { border-bottom:0; }
    #contents { width:100%; }

    /*게시판 시작*/
    /*검색*/
    .bbs_search { top:80rem; width:100%; background:#eee; border-radius:30rem; padding:0 20rem;}
    .bbs_search::before { display:none; }
    .bbs_search .subject input { padding-left:0; border-bottom:0; }
    .bbs_search .subject button { background:transparent; }
    .bbs_search .subject button::before { content:''; position:absolute; left:50%; top:50%; width:24px; height:24px; background:var(--sprite) -209px 0; transform:var(--center); }
    /*목록-공지사항*/
    .bbs_board table td.hit,
    .bbs_board table td.num {display:none;}
    /*게시판 끝*/
    /*채용 상세페이지*/
    .view_recruit .s_navi { position:fixed; justify-content:space-between; width:100%; margin-left:0; left:0; top:0; background:#fff; border-top:0; box-shadow:0 0 10rem rgba(0,0,0,0.2); opacity:0; transition:all 0.4s; z-index:10;}
    .view_recruit .s_navi.fixed { top:0; left:0; opacity:1; }
    .view_recruit .s_navi a { padding:20rem; font-size:17rem; }
    .view_recruit .s_navi a.recruit_btn {margin-top:0 !important; border-radius:0;}
}
@media all and (max-width:600px){
    .view_recruit .s_navi a:first-of-type {display:none;}
}
@media all and (max-width:480px){
    .h2 dd {display:none;}

    /*게시판 시작*/
    /*목록-공지사항*/
    .bbs_board table td.writer {display:none;}
    /*버튼*/
    .bbs_btn a,
    .bbs_btn button { padding:0 15rem;}
    /*게시판 끝*/
    /*채용 상세페이지*/
    .view_recruit .s_navi {display:none;}
}