@charset 'utf-8';

/* 
********************************* 공통 수정  */ 
body,input,textarea,select,button {font-family:'nexon','맑은 고딕', '돋움', 'Tahoma'; font-size:14px; letter-spacing:-0.4px; color:#727272; font-weight:normal; line-height:20px; word-break:break-all}
body{min-width:auto}

/* 로고 */
.gnbArea h1 img,
.menuArea h1 img,
.menuAreaAdm h1 img{width:200px;margin-top:10px}

/* 검색영역 */
.tbl-search .stBtn{vertical-align:top}

/* info, 정렬 */
.titleEaB,
.titleGbigB,
.titleGB{display:flex;justify-content:space-between;align-items:end;gap:10px}
.titleEaB.-right{flex-flow:row-reverse}
.titleGbigB dt,
.titleGB dt{margin:0;padding:5px 0 5px 24px;color:var(--gray70);font-size:16px;font-weight:400;letter-spacing:0;background-image: url(/static_root/img/info.png);background-position: 0px 5px;float:none;flex:1}
.titleEaB dd,
.titleGbigB dd,
.titleGB dd{float:none;flex:1;text-align:right}/* 비교과페이지 : 모바일 버전 flex 변경 */
.titleEaB dt{padding-left:0;background:none;float:none;flex:1}
.titleGB [class^=btn],
.titleGbigB [class^=btn],
.titleEaB [class^=btn]{margin-top:3px;margin-bottom:3px}

.titleEaB.-center,
.titleGbigB.-center,
.titleGB.-center{justify-content:center}
.extSealUp dl{display:flex;align-items:center;gap:10px}

/* title */
.titleTG,
.titleTB,
.titleTB2,
.title1{margin:60px 0 0;padding-bottom:10px}
.title1.-bd-b{padding-bottom:5px;margin-bottom:20px;border-bottom:2px solid var(--main-color)}
.titleTG dt,
.titleTB dt,
.titleTB2 dt,
.title1{padding-left:0;font-size:24px;color:var(--main-color);font-weight:600;background:none;line-height:1.2}
.title1{padding:0 0 10px}
.title1 +.graph_devide{border-top:2px solid var(--main-color)}
.title1 +.graph_devide > li.graphR,
.title1 +.graph_devide > li.graphL{border-top:none}
.cd_title{padding:12px 20px;font-size:24px;background-color:#F6F7FB;border-radius:8px}
.cd_title >strong{width:26px;height:28px;padding:0;line-height:31px;border-radius:4px;background-color:var(--main-color)}
.tableWrite >li{margin:15px 0 30px}
.tableWrite >li >strong{margin-bottom:10px;padding-bottom:5px;color:var(--main-color);font-weight:600;border-color:var(--main-color);border-width:2px}
.title2{margin-top:40px;padding-left:0;font-weight:600;color:var(--main-color);background:none;line-height:1.2}

/* date picker */
.hasDatepicker{width:120px !important;background:url(/static_root/img/calendar.png) no-repeat calc(100% - 10px) center}
.searchLot > ul > li.area-part1 > ul > li.ap_leftF input,
.searchLot > ul > li.area-part1 > ul > li.ap_rightF span input.input_date{width:120px !important}
.ui-datepicker-trigger{display:none}

#content{width:100%;max-width:1400px}
#content #right{width:100%;max-width:1175px}

@media screen and (max-width:767px){
	.titleEaB,
	.titleGbigB,
	.titleGB{display:block}
	.searchLot > ul > li.area-part1 > ul > li.ap_rightF span{width:auto}
}
/* input */
.input,
.select{height:40px;max-width:100%;margin:3px 0;padding:0 10px;font-size:14px;border-radius:6px;border:1px solid var(--gray30)}
.ui-datepicker .ui-datepicker-title select{width:calc(50% - 10px) !important;margin:0 3px !important;padding:0 5px 0 8px;font-size:14px;border:solid 1px var(--gray30);border-radius:6px;background:#fff url(/static_root/img/arrow-b.png) no-repeat calc(100% - 5px) center}
.user_sch select,
.select{min-width:90px;padding:10px 26px 10px 10px;font-size:14px;background:url(/static_root/img/arrow-b.png) no-repeat calc(100% - 8px) center !important}

.user_sch input{padding:0 10px;font-size:14px}
.mypageTB >table tbody td select{height:40px}
.searchLot > ul > li.area-part2 > ul > li > ul > li.total > span{width:auto}
.searchLot > ul > li.area-part2 > ul > li > ul > li.total > span:nth-child(1){margin:0}
.searchLot > ul > li.area-part2 > ul > li > ul > li.total > span input.input_date{width:120px !important}


[type=checkbox]{width:26px;height:16px;background:url(/static_root/img/chk.png) no-repeat center left;cursor:pointer;/*vertical-align:-4px 마이페이지(상담사) > 상담현황 > 검색영역 확인*/}
[type=checkbox]:checked{background-image:url(/static_root/img/chk-checked.png)}
[type=radio]{width:20px;height:20px;background:url(/static_root/img/rdo.png) no-repeat center left;cursor:pointer}
[type=radio]:checked{background-image:url(/static_root/img/rdo-checked.png)}
input +label{display:inline-block;cursor:pointer}
/*
[type=radio] +label,
[type=checkbox] +label{margin-right:38px}*/

select{display:inline-block;height:40px;padding:10px 26px 10px 10px;color:#51596c;font-size:14px;vertical-align:middle;border-radius:6px;border:solid 1px var(--gray30);background:#fff url(/static_root/img/arrow-b.png) no-repeat calc(100% - 8px) center;background-size:14px}

@media screen and (max-width:989px) {
	.input,
	.select{min-width:auto}
}

/* button */
.schArea_devide > li > div.search_devide > ul > li.devide_btnF > a{height:40px;line-height:40px;background-color:var(--main-color);border-radius:6px}
.extra_apply_btn > a{height:53px;line-height:53px;padding:0 36px;border-radius:6px}
.sysCtn .btnS3{min-width:auto;height:30px;line-height:28px;padding:0 10px;font-size:12px}

/* 탭 */
ul.progTab,
.tabBtn,
.tabBtn_new{display:flex;overflow:hidden;margin-bottom:20px;overflow-x:auto}
.progTab,
.tabBtn{position:relative;background:none}
.progTab >li,
.tabBtn >dt,
.tabBtn_new >li{min-height:50px;margin-right:0;float:none;white-space:nowrap;border-bottom:solid 2px var(--main-color)}
ul.progTab >li a,
.tabBtn >dt a,
.tabBtn_new >li a{position:relative;display:block;width:auto !important;height:100%;margin:0;padding:15px 35px 0;color:#333;font-size:16px;background:#fff;border-radius:0;border:1px solid var(--gray30);border-bottom:none;box-sizing:border-box}
.progTab >li:last-child a,
.tabBtn >dt:last-child a,
.tabBtn_new >li:last-child a{border-right:1px solid var(--gray30)}
.progTab >li a:hover,
.tabBtn >dt a:hover,
.tabBtn_new >li >a:hover{padding:15px 35px;color:#222;background:#fafafa;border:solid 1px var(--gray30)}
.progTab >li +li,
.tabBtn >dt:not(:first-child) >a,
.tabBtn_new >li +li{margin-left:-1px !important}
ul.progTab >li.on >a,
.tabBtn >dt >a.on,
.tabBtn_new >li >a.on{padding:15px 35px;color:var(--main-color) !important;font-size:16px;font-weight:600;background:#fff;border:solid 2px var(--main-color);z-index:1}
.progTab::before,
.tabBtn::before,
.tabBtn_new::before{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background-color:var(--main-color);z-index:1}
.progTab::after,
.tabBtn::after,
.tabBtn_new::after{display:none}
.tabBtn_new >li.extraTab a{width:auto;min-height:50px}
.progTab >li.on >a::after,
.tabBtn >dt >a.on::after,
.tabBtn_new >li >a.on::after{content:"";position:absolute;right:0;bottom:-4px;left:0;height:6px;background-color:#fff;z-index:2}


ul.progTab{border-bottom:none}
ul.progTab li{float:none;margin:0;border-top:none;border-right:none;border-left:none;border-radius:0;background:none !important}
/*ul.progTab li:not(first-child) a{border-left:none}*/
ul.progTab li.on{border:none}

.titleTabBtn > li:nth-child(2){bottom:32px}

.conCalendar_new > ul > li > dl.week_area > dt a,
.conCalendar_new > ul > li > dl.month_area > dt a{font-size:12px}
.conCalendar_new > ul > li > dl.week_area > dd a,
.conCalendar_new > ul > li > dl.month_area > dd a{padding:5px 10px;font-size:12px;border-radius:4px;vertical-align:2px}

.conCalendar_new > div > table thead th a{font-size:12px;border-radius:4px;vertical-align:1px}

.myHomeOrder{padding-top:2px}

.tab-cont{display:none !important}
.tab-cont.on{display:block !important}


.listPaging{margin-top:40px;text-align:center}
.listPaging a{display:inline-block;width:34px;height:34px;margin:0 2px;font-size:16px;vertical-align:middle;border-radius:8px}
.listPaging a span{display:block;height:auto;padding:0;line-height:32px;text-align:center;border:solid 1px transparent;border-radius:8px}
.listPaging a:hover span{color:var(--main-color);font-weight:400;background:transparent;border-color:transparent}
.listPaging a .on{color:var(--main-color);height:auto;padding:0;font-weight:400;background:transparent;border-color:var(--gray30) !important}
.listPaging img{opacity:0}
.listPaging .on{color:var(--main-color);border-color:var(--gray30)}
.listPaging .last{margin-top:-3px;background:url(/static_root/img/paging-last.png) no-repeat center}
.listPaging .first{background:url(/static_root/img/paging-last.png) no-repeat center;transform:rotate(180deg)}
.listPaging .prev{background:url(/static_root/img/paging-next.png) no-repeat center;transform:rotate(180deg)}
.listPaging .next{background:url(/static_root/img/paging-next.png) no-repeat center}

@media screen and (max-width:767px){
	.jobinfo_tab > li#tabType5,
	.jobinfo_tab > li.totalTab{width:100% !important}
}
@media screen and (max-width:540px){
	.tabBtn,
	.tabBtn_new{overflow:visible;flex-wrap:wrap}
	.tabBtn::before,
	.tabBtn_new::before{display:none}
	.tabBtn_new > li[class^=rerdTab],
    .tabBtn >dt,
	.tabBtn_new > li{width:50%}
    .tabBtn_new > li.totalTab{width:100% !important}
	.tabBtn >dt,
	.tabBtn_new >li,
	.tabBtn_new >li.extraTab{margin-top:-1px;border-bottom:none;white-space:normal}
	.tabBtn >dt a,
	.tabBtn_new >li a{width:100% !important;padding:15px 35px;border:1px solid var(--gray30);margin-top:-1px}
	.tabBtn >dt >a.on,
	.tabBtn_new >li >a.on{border:solid 2px var(--main-color)}
	.tabBtn >dt >a.on::after,
	.tabBtn_new >li >a.on::after{display:none}
	.tabBtn_new >li.totalTab{width: calc(100% + 1px);margin-left: -1px;margin-right: -1px;flex: none;}
}

/* 테이블 */
.bbsListInput,
.bbsList,
.info-spec > li.stud-spec > ul,
.tableListScrollSmall,
.tableList,
.tableListBox,
.tableViewBox,
.titleTB2,
.tableView,
.tableListScroll,
.searchTableLot,
.searchTable,
.bbsListLot{border-top:2px solid var(--main-color)}

.bbsListInput table,
.bbsList table,
.tableListScrollSmall table,
.tableList table,
.tableViewBox table,
.tableListBox table,
.tableView table,
.searchTableLot table,
.searchTable table,
.bbsListLot table{border-top:none;border-right:none}

.bbsListInput th,
.bbsList th,
.tableListScrollSmall th,
.tableList th,
.tableViewBox th,
.tableListBox th,
.tableView th,
.searchTableLot th,
.searchTable th,
.bbsListLot th{padding:16px 8px !important;color:var(--gray) !important;font-weight:600 !important;background-image:none !important;background-color:var(--tbl-bg) !important;border-color:var(--gray30) !important}

/*.tableView table td >span, :: 마이페이지(비교과) > 마이홈 :: 힝먹,체크박스 정렬이 맞지 않음 */
.bbsListInput td,
.bbsList td,
.tableListScrollSmall td,
.tableList td,
.tableViewBox td,
.tableListBox td,
.tableView td,
.searchTableLot td,
.searchTable td,
.bbsListLot td{padding:10px 8px !important;color:var(--gray80) !important;border-color:var(--gray30) !important}

.tableListBox table tbody td{color:var(--gray80) !important;border-color:var(--gray30) !important}

.bbsListLot table tbody td strong.tHide{display:none}

.tbl-bd-none table,
.tbl-bd-none td,
.tbl-bd-none th,
.tableListScrollSmall td,
.tableListScrollSmall th,
.tableListBox th,
.tableListBox td{border-left:0 !important;border-right:0 !important}

.tableListScrollSmall table,
.tbl-bd table{border-left:none !important}


.bbsListInput{overflow:visible}
.tableListScroll{font-size:14px}
.tableView{width:100%}
.titleTB2{display:flex;justify-content:space-between;align-items:end}
.titleTB2 dd,
.titleTB2 dt{float:none}
.titleTB2 dd{flex:none}
.titleTB2 dd a{padding:3px 8px !important;border-radius:4px !important}
.tableListScroll{font-size:14px}
.tableView{width:100%}
.searchTableLot table,
.searchTable table{border-width:1px}
.titleTB2 dd a{padding:3px 8px !important;border-radius:4px !important}
.searchTableLot table,
.searchTable table{border-width:1px}

.tableView table td >.form_check{padding:2px 0 !important;margin:0 40px 0 0}

table .-last{border-right:none !important}

.iframeCtn{margin:0}

.Concalendar table tbody td{padding:0}
.Concalendar .tableList table tbody td{height:67px;vertical-align:middle}

.info-spec > li.stud-spec > ul{display:flex}

.tableListScrollSmall table thead th a.sort-link{color:var(--main-color)}

/* 테이블 내 링크 글자색 */
/*.tableListScrollSmall table thead th a.sort-link,*/
.tableListScrollSmall table tbody a,
.bbsListLot table tbody a,
.bbsList table tbody a,
.tableListBox table tbody a{display:block;color:#053f02;text-align:left}
/* 상세페이지 입력 받은 텍스트 오류나는 이슈 */
.pro-user-detail span{display:inline !important}

/* 테이블 내 버튼 */
.tableListBox table tbody [class^=btn],
.bbsListLot table tbody [class^=btn],
.ss-ms-rs010-l .tableListBox [class^=btn],
.tableListScrollSmall table tbody [class^=btn],
.career_design table .btn5{height:26px;padding:0 8px;line-height:24px;font-size:12px}
.bbsListLot table tbody [class^=btn]{text-align: center}


.tableListBox table tbody .addRow,
.tableListBox table tbody .removeRow{padding:0}

@media screen and (max-width: 768px){
	.bbsListBox table th,
	.bbsListBox table,
	.bbsListBox table tbody,
	.Concalendar table div.tableList table,
	.Concalendar table div.tableList table tbody,
	.Concalendar table div.tableList table tbody tr{display:block}
	.Concalendar .tableList table tbody td{height:58px;padding:5px}
    .bbsListLot table tbody td{padding: 5px !important}
    
    .bbsListLot table tbody td strong.tHide{float:left; position:relative; display:inline-block; font-weight:500; color:#333; padding-right:10px; margin-right:8px;}
    .bbsListLot table tbody td strong.tHide:after{content:""; display:inline-block; position:absolute; right:0; top:2px; width:1px; height:12px; border-right:1px dashed #999;}
    .bbsListLot table tbody .flex-center a.ellipsis{height:16px;line-height:16px;padding:0}


    .bbsListBox table tbody tr{width:100%}
    .extSealUp p{border-top:none}
	
	.info-spec > li.stud-spec > ul{flex-flow: column}    
    
}


/* popup */
.layerWrapC700,
.layerWrapC600,
.layerWrapC500,
.layerWrap1000,
.layerWrap960,
.layerWrap900,
.layerWrap800,
.layerWrap700,
.layerWrap600,
.layerWrap500{background:#fff;border-radius:8px;/*box-shadow:0 0 16px 2px rgba(0, 0, 0,.2);*/overflow:hidden}
.popTitle,
.layerTitle{height:auto;padding:16px 20px;overflow:visible;display: flex; align-items: center;justify-content: space-between;background:#fff;}
#uploadWrap > .uploadTop > h1,
.popTitle dt,
.layerTitle dt{float: none;padding: 0;font-size: 18px;font-weight: 600;line-height: 1;letter-spacing: 0;color: var(--gray) !important}
.popTitle dd,
.layerTitle dd{float:none;padding:0}
.layerBLine,
.layerTLine{display:none}
.popArea,
.layerArea{padding-top:0}
.nyroModalCont{overflow:hidden !important}
.nyroModalLink,
.nyroModalLink >div{width:100%;height:100%;border-radius:8px;background:#fff}
.nyroModalLink .layerArea{height:calc(100% - 56px);overflow-y: auto}
#uploadWrap > .uploadTop,
.layerWrap850{background:none !important}
.titleNaviNew{border-bottom:0}

#uploadWrap .upload-btn-wrapper{margin-top:0}
#uploadWrap .upload-btn-wrapper > span{padding-top:10px}
.upload-btn-wrapper input[type=file]{cursor:pointer}
#uploadWrap #dropZone{height:255px;padding:12px 15px}
#uploadWrap .file-row .name img{width:14px;height:14px}

/* 게시판 상세보기 (채용정보 > 채용정보 > 아르바이트 정보) */
.viewArea .bvInfo{padding:20px 0 16px;border:none;border-top:2px solid var(--main-color);border-bottom:1px solid var(--gray30);background-color:transparent}
.viewArea .bvInfo .infoTitle{margin-bottom:0;overflow:visible;border:none}
.viewArea .bvInfo .infoTitle dt{width:100%;font-size:22px;font-weight:600;color:var(--gray);float:none}
.viewArea .bvInfo .infoArea{margin:0}
.viewArea .bvInfo .infoArea +.infoArea{margin-top:16px}
.viewArea .bvInfo .infoArea dt{color:var(--gray);font-size:16px;font-weight:600}
.viewArea .bvInfo .infoArea span{margin-right:8px;color:var(--gray80);font-weight:400}
.viewArea .bvInfo .infoArea span ~span::before{content:"";display:inline-block;margin:0 8px;width:1px;height:12px;background-color:var(--gray40);vertical-align:-1px}
.viewArea .bvCtn{padding:20px 0;border:none;border-bottom:1px solid var(--gray30)}
.viewPN table{border:none;border-top:1px solid var(--gray30)}
.viewPN table td,
.viewPN table th{padding:16px 0;font-size:16px;color:var(--gray60);border:none;border-bottom:1px solid var(--gray30);background-color:transparent}
.viewPN table th{padding:16px;color:var(--gray);font-weight:600;font-size:16px}
.viewPN td a{color:var(--gray80)}

/* etc */
.cheditor-tb-wrapper,
.cheditor-editarea-wrapper{box-sizing: content-box}/* 글쓰기영역 */
.areaLR dt,
.areaLR dd{margin-top:5px}






/* 
********************************* 관리자 */
.gnbAreaAdm > div,
.menuAreaAdm{width:1400px}
#headerAdm +#content{display:flex;justify-content:space-between}
.leftMenu dl dd a:hover,
.leftMenu dl dd a.on,
.leftMenu dl dt a:hover,
.leftMenu dl dt a.on,
.titleNavi dt span,
.menuAreaAdm > ul li a:hover{color:var(--main-color)}
#content #left{margin-right:30px}
.titleNavi.flex-btw-end{width:1173px}
.titleNavi dd{margin-top:0}

.leftMenu{padding-bottom:10px;border-color:var(--main-color)}
.leftMenu .userLeftMenuWrap{background-color:var(--main-color);border-radius:10px 10px 0 0}
.leftMenu .userLeftMenuWrap p{font-size:20px;letter-spacing:0;font-family:'nexon';font-weight:600;word-break:keep-all}
.leftMenu dl dt a{background:none}
.leftMenu dl dt a:hover,
.leftMenu dl dt a.on{font-weight:600;background:none}
.leftMenu dl dd{border-color:var(--gray30);border-top:1px solid var(--gray30)}
.leftMenu dl dd a{color:var(--gray);background:none}

[class^=visualMENU0]{height:84px;margin-bottom:0;border-bottom:0;background:none}

/* 자동완성 */
.txt-layer-box{position:relative;min-height:40px;width:100%;margin:3px 0;padding:0 15px;font-size:14px;border-radius:6px;border:1px solid var(--gray30)}
.txt-layer-box input{width:100%;height:40px}
.txt-layer-box.on input{padding-right:30px}
.txt-layer-box .-cancel{display:none;position:absolute;top:10px;right:15px;width:24px;height:24px;background:url(/static_root/img/cancel.png) no-repeat center}
.txt-layer-box.on .-cancel{display:block}
.txt-layer-box .-txt-list{position:absolute;top:38px;left:-1px;display:none;width:calc(100% + 2px);max-height:145px;padding:1px 15px;font-size:14px;border-radius:0 0 6px 6px;border:1px solid var(--gray30);border-top:none;background-color:#fff;overflow-y:auto}
.txt-layer-box.on .-txt-list{display:block}
.txt-layer-box .-txt-list li{padding:10px 0;border-top:dotted 1px var(--gray30)}
.txt-layer-box .-txt-list li:hover{margin:0 -5px;padding: 10px 5px;background-color:var(--main-color);border-color:transparent;border-radius:4px;}
.txt-layer-box .-txt-list li:hover button{color:#fff}


/*.titleNavi{width:1175px;border-bottom:2px solid var(--main-color);padding-bottom:10px}*/
/* 검색영역 */
.searchTableLot,
.searchTable{margin-bottom:40px;padding:8px 0;border-bottom:1px solid var(--gray30)}
.searchTableLot table,
.searchTableLot table th,
.searchTableLot table td,
.searchTable table,
.searchTable table th,
.searchTable table td{border:none !important}
.searchTableLot table th,
.searchTable table th{background-color:#fff !important}
.searchTableLot table td,
.searchTable table td{padding:8px 8px 8px 0 !important}
.searchTableLot table th.stBtn,
.searchTable table th.stBtn{padding:8px 0 !important;vertical-align:top}
.searchTableLot th .btnS,
.searchTable th .btnS{display:inline-block;width:100% !important;max-width:120px;height:40px;line-height:40px;padding:0 22px;font-size:16px;background-color:var(--main-color);border-radius:6px;text-align:center;border-color:var(--main-color);}





/* 
********************************* 신규 수정  */


/* 
[디바이스 사이즈]
PC - main : ~ 1200px
PC - sub : ~ 1400px
tablet :  ~ 1024px
mobile : 360px ~ 540px

[css명 작성 방법]
.mt0 --> 단일사용
header .-mt0,
header .-mt0 --> .-mt0(.-클래스명) 단일로 사용금지 / 부모(단일명으로 사용한 경우)나 다중클래스로만 사용
.js-클래스명 일 경우 스크립트 사용

[작성순서]
content,positon,top,right,bottom,left,display,width,height,margin,padding,font,background,border...etc

[z-index]
contents 0~9
특이 10~89
팝업 90~99
중요 100~
*/
/* common */
body.on{overflow:hidden}

.m0{margin:0 !important}

.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt16{margin-top:16px !important}
.mt20{margin-top:20px !important}
.mt-20{margin-top:-20px !important}
.mt34{margin-top:34px !important}
.mt40{margin-top:40px !important}
.mt-40{margin-top:-40px !important}
.mt60{margin-top:60px !important}


.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}

.ml10{margin-left:10px !important}
.ml-10{margin-left:-10px !important}
.mr3{margin-right:3px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr20{margin-right:20px !important}
.mr40{margin-right:40px !important}


.p0{padding:0 !important}
.p20{padding:20px !important}
.pt0{padding-top:0 !important}


.w120{width:120px !important}
.w100p{width:100% !important}
.max-w400{max-width:400px !important}
.max-w750{max-width:750px !important}

.h26{height:26px !important}
.h46{height:46px !important}
.h410{height:410px !important}

.pc-ver-1024,
.pc-ver-989,
.pc-ver{display:block !important}
.mo-ver-700,
.mo-ver-989,
.mo-ver-1024,
.mo-ver{display:none !important}

button.pc-ver-1024,
button.pc-ver-989,
button.pc-ver,
a.pc-ver-1024,
a.pc-ver-989,
a.pc-ver{display:inline-block !important}

.left{text-align:left !important}
.center{text-align:center !important}
.right{text-align:right !important}

.fs12{font-size:12px !important}
.fs16{font-size:16px !important}
.fs18{font-size:18px !important}
.normal{font-weight:400 !important}
.b600{font-weight:600 !important}

.gray{color:var(--gray) !important}
.green{color:var(--main-color) !important}
.navy{color:#00A05E !important}
.blue{color:var(--main-color) !important}
.red{color:#de1819 !important}
.orange{color:#fc5939 !important}
.yellow{color:#ed8a0a !important}
.navy-600{color:#004abc !important;font-weight:600}

.ellipsis{width:100%}

.bg-gray{background-color:#F5F6F7 !important}
.bg-blue{background-color:#3264ff !important}
.bg-green{background-color:#00A05E !important}
.bg-blue{background-color:#00A05E !important}
.bg-blue-green{background-color:#0079A1 !important}

.relative{position:relative !important}

.scroll-y{overflow-y:auto}

.video{width:100%}

.bd-none{border:none !important}
.bd-top-none{border-top:none !important}

.block{display:block !important}
.inline-b{display:inline-block !important}
.top{display:inline-block !important;vertical-align:top !important}
.middle{display:inline-block !important;vertical-align:middle !important}

.flex{display:flex !important}
.flex-btw{display:flex !important;justify-content:space-between !important}
.flex-btw-center{display:flex !important;justify-content:space-between !important;align-items:center !important}
.flex-btw-end{display:flex !important;justify-content:space-between !important;align-items:end !important}
.flex-center-center{display:flex !important;justify-content:center !important;align-items:center !important}
.flex-center{display:flex !important;align-items:center !important}
.flex-1{flex:1}
.flex-none{flex:none !important}

.pointer{cursor:pointer !important}

.white-box{padding:34px 19px 24px 38px;background-color:#fff;border:1px solid #DAE9FF;border-radius:16px}
.white-box[class*=-t02]{position:relative;padding:40px;border-color:var(--gray30);border-radius:8px}
.white-box[class*=-t02] .-tit{font-size:20px;line-height:1.4;color:var(--gray)}
.white-box[class*=-t02] .-img{position:absolute;top:40px;right:40px}
.white-box[class*=-t02] .-desc{margin-top:8px;font-size:16px;line-height:1.4;color:var(--gray)}
.white-box[class*=-t02] .-btn-box{margin-top:26px}
.white-box[class*=-t02] +.con_process{margin-top:60px}
@media screen and (max-width:1150px) {
	.white-box[class*=-t02]{text-align:center}
	.white-box[class*=-t02] .-img{position:static;display:block;margin:26px auto}
	.white-box[class*=-t02] .bttn{width:100%;margin-left:0}
	.white-box[class*=-t02] +.con_process{margin-top:38px}
}

.gray-box{padding:30px 40px;background-color:#F6F7FB;border-radius:16px}

.gray-box[class*=-img]{display:flex;margin-top:20px}
.gray-box[class*=-img]::before{content:"";display:inline-block;width:62px;height:62px;margin-right:20px;background-repeat:no-repeat;background-position:center;flex:none;}
.gray-box[class*=-img] .-tit{margin-top:10px;font-size:20px;font-weight:600;color:var(--main-color)}
.gray-box[class*=-img] .-cont{margin-top:8px;line-height:1.4;color:var(--gray80)}
.gray-box[class*=-img] .-cont p +p{margin-top:16px}
.gray-box.-img02::before{background-image:url(/static_root/img/flag02.png)}

.gray-box.-t02{min-height:460px;border-radius:0}

.gray-box.-t03{display:block;padding:20px;font-size:14px;border-radius:8px;color:var(--gray80);line-height:1.4}
.gray-box.-t03::before{display:none}
.gray-box.-t03 .-tit{margin-bottom:20px;font-size:14px;font-weight:600;color:var(--gray)}
.gray-box.-t03 .-tit span{display:inline-block;margin-right:3px}
.gray-box.-t03 .-sub-tit{margin:16px 0 4px;font-weight:600}

.gray-box.-t04{position:relative;padding:40px;background-color:#F4F8FB;border-radius:8px}
.gray-box.-t04 h2{font-size:28px;color:var(--main-color);font-weight:600}
.gray-box.-t04 .-ico-list{margin-top:20px}
.gray-box.-t04 li{display:flex}
.gray-box.-t04 li:not(:first-child){margin-top:8px}
.gray-box.-t04 .ico{width:86px;font-size:14px;color:var(--gray70);flex:none}
.gray-box.-t04 .ico::before{margin-right:2px}
.gray-box.-t04 .-cont{font-size:14px;color:var(--gray)}

.top-box{position:relative;margin:-5px 0 0 -10px}
.top-box >.ico,
.top-box >.slt,
.top-box >.src{margin:5px 0 5px 10px !important}
.btm-box{position:relative;margin-top:60px;text-align:center}
.btm-box >.-left{position:absolute;left:0}

.scroll-x-02{overflow-y:auto;padding-bottom:7px;scrollbar-width:0;scrollbar-color:#fff #fff;white-space:nowrap;}
.scroll-x-02::-webkit-scrollbar{height:0}

.required::before{content:"*";font-size:inherit;color:var(--main-color)}

.cont-no-data{padding:185px 0;border-radius:8px;background-color:#F6F7FC;text-align:center}

@media screen and (max-width:1200px) {
    a.pc-ver,
	button.pc-ver,
    .pc-ver{display:none !important}
}
@media screen and (max-width:1024px) {
	.pc-ver-1024,
	a.pc-ver-1024,
	button.pc-ver-1024{display:none !important}
    .mo-ver-1024{display:block !important}
}
@media screen and (max-width:989px) {
    .pc-ver-989,
	a.pc-ver-989,
	button.pc-ver-989{display:none !important}
	
    .mo-ver-989{display:block !important}
}
@media screen and (max-width:700px) {
    .mo-ver-700{display:block !important}
    .btm-box{margin-top:20px}
    .gray-box.-t04 .bttn.-line03{position:static;margin-top:16px}
}
@media screen and (max-width:540px) {
    .mo-ver{display:block !important}
}

/* list style */
.dot-li li{position:relative}
.dot-li li:not(:first-child){margin-top:12px}
.dot-li li::before{content:"";position:absolute;top:8px;left:-10px;width:2px;height:2px;margin-right:8px;background-color:var(--main-color);border-radius:50%;vertical-align:middle}

/* icon */
.bttn span,
.ico-r span,
.ico span{display:inline-block;vertical-align:middle}

.ico-r::after,
.ico::before{content:"";display:inline-block;width:26px;height:26px;background-repeat:no-repeat;background-position:center;background-size:contain;vertical-align:middle}

.ico.-arrow-prev::before{width:33px;height:34px;background-image:url(/static_root/img/arrow-l-03.png)}
.ico.-arrow-next::before{width:33px;height:34px;background-image:url(/static_root/img/arrow-r-03.png)}
.ico-r.-arrow-b-03::after{width:24px;height:24px;background-image:url(/static_root/img/arrow-b-03.png)}
.ico-r.-arrow-r-02::after{width:24px;height:24px;background-image:url(/static_root/img/arrow-r-02.png)}
.ico-r.-arrow-r-04::after{width:20px;height:20px;background-image:url(/static_root/img/arrow-r-04.png)}
.ico-r.-arrow-r-06 strong{vertical-align:middle}
.ico-r.-arrow-r-06::after{width:20px;height:20px;background-image:url(/static_root/img/arrow-r-06.png)}
.ico.-building::before{width:14px;height:14px;background-image:url(/static_root/img/building.png);background-size:14px}
.ico.-bag::before{width:14px;height:14px;background-image:url(/static_root/img/bag.png);background-size:14px}
.ico.-close{position:fixed;top:40px;right:40px}
.ico.-close::before{width:24px;height:24px;background-image:url(/static_root/img/close.png)}
.ico.-close-03::before{width:22px;height:22px;background-image:url(/static_root/img/close-03.png)}
.ico.-grad::before{width:14px;height:14px;background-image:url(/static_root/img/grad.png);background-size:14px}
.ico.-info{color:var(--gray60)}
.ico.-info::before{width:20px;height:20px;margin-right:3px;background-image:url(/static_root/img/info.png);vertical-align:text-top}
.ico.-login::before{width:13px;height:15px;margin-right:8px;background-image:url(/static_root/img/login.png)}
.ico-r.-link-on::after{width:12px;height:12px;background-image:url(/static_root/img/link-on.png);background-size:12px}
.ico.-map02::before{width:14px;height:14px;background-image:url(/static_root/img/map02.png);background-size:14px}
.ico.-menu::before{width:24px;height:24px;background-image:url(/static_root/img/hamburger.png)}
.ico.-pin::before{width:24px;height:24px;background-image:url(/static_root/img/pin.png)}
.ico.-person::before{width:14px;height:14px;background-image:url(/static_root/img/person.png);background-size:14px}
.ico.-reset{font-size:14px;color:#51596C}
.ico.-reset.-right{position:absolute;top:10px;right:0}
.ico.-reset::before{width:14px;height:14px;margin-right:6px;background-image:url(/static_root/img/reset.png)}
.ico.-sort::before{width:16px;height:16px;background-image:url(/static_root/img/sort.png)}
.ico.-sort01::before{width:16px;height:16px;background-image:url(/static_root/img/sort01.png)}
.ico.-sort02::before{width:16px;height:16px;background-image:url(/static_root/img/sort02.png)}
.ico.-search::before{width:30px;height:30px;background-image:url(/static_root/img/search.png);background-size:26px}
.ico.-search-02{padding:0 20px}
.ico.-search-02::before{background-image:url(/static_root/img/search-02.png)}
.ico.-search-03::before{width:20px;height:20px;background-image:url(/static_root/img/search-03.png)}
.ico.-write-w::before{width:12px;height:14px;margin-right:4px;background-image:url(/static_root/img/write-w.png)}

.ico-r.-arrow-r-02.-tog-btn::after{transform:rotate(90deg)}
.ico-r.-arrow-r-02.-tog-btn.on::after{transform:rotate(270deg)}

.bttn.-line03.ico-r.-link-on::after{margin-left:8px}

@media screen and (max-width:989px) {
    .ico.-search::before{width:20px;height:20px;background-size:20px}
}


/* button */
[class^=btn]:not(div),
[class^=bttn]{height:40px;line-height:38px;margin:3px 0;padding:0 18px;font-size:14px;text-align:center !important;vertical-align:middle;letter-spacing:-0.2px;border-radius:6px;transition:filter .5s}
.stud_photo_list > li > div.studBTN a:hover,
[class^=btn]:not(div):hover,
[class^=bttn]:hover{filter:brightness(0.8);transition:filter .5s}
.conCalendar_new > div > table tbody td > div > div a,
table [class^=btnS]{height:24px;line-height:22px;padding:0 8px;font-size:12px;border-radius:4px}
[class^=bttn].-xs{height:35px;line-height:33px;min-width:56px;padding:0 10px;font-size:12px;font-weight:400;border-radius:4px}
[class^=btnS]:not(table a),
[class^=bttn].-s{height:37px;line-height:35px;min-width:85px;padding:0 18px;font-size:14px;border-radius:4px}
[class^=btn].-l,
[class^=bttn].-l{height:53px;line-height:51px;padding:0 36px;font-size:16px;font-weight:600;border-radius:6px}
[class^=bttn].h26{line-height:24px}
[class^=bttn].h46{padding:0 26px;line-height:46px;font-size:16px}
[class^=bttn].-l +.-l{margin-left:13px}
[class^=btn]:not(div){width:auto !important}/* TODO : 추후 삭제 */

.conCalendar_new > div > table tbody td > div > div a,
.btnS5,
.btn5,
.btnS3,
.btn3,
[class^=bttn].-search,
[class^=btn]:not(div).-search,
[class^=bttn]{color:#fff !important;background-color:var(--main-color);border:1px solid var(--main-color)}
.btnS1,
.btn1,
.bttn-secondary{color:var(--main-color) !important;background-color:#E6F6EF;border-color:#E6F6EF}/* opacity를 주면 라인이 진하게 보여서 수정 */
.btnS2,
.btn2,
.bttn-tertiary{color:var(--gray80) !important;background-color:var(--gray30);border-color:var(--gray30)}
.btnS4,
.btn4,
.btnS6,
.btn6{color:#fff !important;background-color:#ed8a0a;border-color:#ed8a0a}

.bttn-secondary.-full{width:100%;height:56px;line-height:54px;border-radius:8px}

[class^=bttn].-bg-gray{color:#fff !important;background-color:var(--gray50) !important;border-color:var(--gray50) !important}
[class^=bttn].-bg-green{color:#fff !important;background-color:#00A05E !important;border-color:#00A05E !important}
[class^=bttn].-bg-blue{color:#fff !important;background-color:#00A05E !important;border-color:#00A05E !important}
[class^=bttn].-bg-blue-green{color:#fff !important;background-color:#0079A1 !important;border-color:#0079A1 !important}

.bttn.-search{width:120px}

[class^=btn].-exc:not(div),
[class^=bttn].-exc{color:#fff !important;background-color:#1d6d43;border-color:#1d6d43}

[class^=btn].-exc-line:not(div),
[class^=bttn].-exc-line{color:#1d6d43 !important;background-color:#fff;border:1px solid #1d6d43 !important}

[class^=btn].-line:not(div),
[class^=bttn].-line{color:var(--main-color) !important;background-color:#fff !important;border-color:var(--main-color)}

[class^=btn].-line02:not(div),
[class^=bttn].-line02{color:var(--main-color) !important;background-color:#fff !important;border-color:var(--gray30)}

[class^=btn].-line03:not(div),
[class^=bttn].-line03{padding:0 20px;color:var(--main-color) !important;background-color:transparent !important;border-color:var(--main-color);border-radius:18px}

[class^=btn]:not(div) +[class^=btn],
[class^=bttn] +[class^=bttn]{margin-left:3px}


[class^=btn].-desabled:not(div),
[class^=bttn].-desabled{color:var(--gray70) !important;background-color:transparent !important;border-color:transparent}

[class^=btn].-cancle:not(div),
[class^=bttn].-cancle{color:#FF7042 !important;background-color:#FFEAE5 !important;border-color:#FFEAE5}

/*
.btn4{background-color:#5566c7;border-color:#5566c7}
a:hover{color:#fff}*/

.underline02,
.underline{display:inline-block;vertical-align:middle;}
.main .underline span{color:#fff}
.underline02 span::after,
.underline span::after{content:"";display:block;height:1px;margin-top:1px;background-color:#fff}
.underline span{color:var(--gray80)}
.underline02 span::after{margin-top:0;background-color:var(--gray50)}

.src-pill{position:relative;display:inline-block;vertical-align:middle;font-size:14px;overflow:hidden;cursor:pointer}
.src-pill:not(:last-child){margin-right:8px}
.src-pill input{position:absolute;top:-10px;right:-10px;width:1px;height:1px;}
.src-pill .-txt{height:41px;line-height:39px;padding:0 18px;color:var(--gray80);font-weight:400;border-radius:20px;border:1px solid var(--gray30)}
.src-pill :focus +.-txt{outline:auto}
.src-pill :checked +.-txt{color:#fff;border-color:var(--main-color);background-color:var(--main-color)}

.pill-blue{display:inline-block;vertical-align:middle;height:32px;line-height:30px;padding:0 12px;font-size:14px;font-weight:600;color:#1464AB;border:solid 1px #1464AB;border-radius:16px}

#uploadWrap > .uploadBottom > a{color:var(--main-color) !important;background-color:#fff !important;border-color:var(--main-color) !important}
#uploadWrap > .uploadBottom > a:nth-child(1){color:#fff !important;background-color:var(--main-color) !important;border:1px solid var(--main-color) !important}

/* input : radio checkbox textarea */
.file,
.date,
.inp{width:100%;height:40px;padding:11px;color:var(--gray80);border:solid 1px var(--gray30);border-radius:4px}
.file,
.rdo,
.chk{position:relative;display:inline-block;padding:0 1px;overflow:hidden;cursor: pointer}
.rdo:not(:last-child),
.chk:not(:last-child){margin-right:18px}
.rdo input,
.chk input{position:absolute;top:-10px;left:-10px;width:1px;height:1px;background:none !important}
.rdo .-ico,
.chk .-ico{display:inline-block;width:24px;height:16px;background:url(/static_root/img/chk.png) no-repeat center;vertical-align:-3px;vertical-align:middle}
.chk input:checked +.-ico{background-image:url(/static_root/img/chk-checked.png)}
.rdo .-ico{width:20px;height:20px;background-image:url(/static_root/img/rdo.png)}
.chk .-txt,
.rdo .-txt{margin-left:2px;font-size:14px;vertical-align:middle;letter-spacing:-0.6px}
.rdo input:checked +.-ico{background-image:url(/static_root/img/rdo-checked.png)}

.inp-v2 .rdo:not(:last-child),
.inp-v2 .chk:not(:last-child){margin-right:38px}
.inp-v2 .chk .-txt,
.inp-v2 .rdo .-txt{margin-left:5px;font-size:14px}

.privacy_agree span{color:var(--gray80)}
.agree_chk label{margin-right:20px}
.agree_chk .rdo{margin-right:10px}

.search{display:flex;width:100%;border-radius:8px}
.search input,
.src input{width:100%;padding:20px;border:none;background-color:transparent;font-size:16px}
.search .bttn,
.src .ico{flex:none}


.search{height:60px;background-color:var(--gray20)}

.src{display:inline-flex;width:100%;height:40px;border-radius:8px;border:1px solid #DEE2E6;vertical-align:top}
.src input{height:100%;padding:14px 16px;font-size:14px}
.src .ico.-search-03{width:30px;height:40px}

.src.-l{height:49px}
.src.-l .ico.-search-03{width:47px;height:47px}

.date{background:url(/static_root/img/calendar.png) no-repeat calc(100% - 10px) center;}

.file{padding:0}
.file .-tit{padding:11px;font-size:14px;color:var(--gray80);border-right: solid 1px var(--gray30)}
.file input{padding:11px;color:var(--gray60)}

.file_input_div{top:-1px;width:auto;height:auto}
.file_input_div .btnS1{height: 20px;line-height: 18px;min-width: auto;font-size: 12px;border-radius: 4px}
.file_input_textbox{width:calc(100% - 80px);font-size:12px}
.pop-photo{padding:10px}
.pop-photo .gray-wrap{padding:10px 15px}
.pop-photo .btn4,
.pop-photo .btn3{height:34px;line-height:32px}

/* 파일업로드 / 파일다 로드 / 파일목록 */
.list-box,
.file-li{padding:15px 16px 14px 40px;border-radius:8px;background:#F6F7FB url(/static_root/img/file-down.png) no-repeat 19px 19px;}
.list-box{padding:15px 16px;background-image:none}
.list-box li,
.file-li li{display:inline-block;padding:0 5px;color:var(--gray60)}
.list-box a,
.file-li a{color:var(--main-color);text-decoration:underline;line-height:1.6}
.list-box .-del,
.file-li .-del{width:12px;height:12px;margin-left:3px}
.fileList{margin:0;padding:0;border-top:none}

.file-up-li{display:flex;min-height:40px;border:1px solid var(--gray30);border-radius:6px;overflow:hidden}
.file-up-li li{font-size:14px}
.file-up-li .-file-btn{flex:none;padding:10px;font-size:14px;color:var(--gray80);border-right:1px solid var(--gray30);background-color:#fff;transition:filter .5s}
.file-up-li .-file-btn:hover{filter:brightness(0.8);transition:filter .5s}
.file-up-li .-file-li{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:10px}
.file-up-li .-no-data{color:var(--gray60)}
.file-up-li .-del{width:12px;height:12px;margin-left:3px}


textarea.input,
textarea{width:100%;height:150px;padding:10px;font-size:14px;border-radius:6px;border:1px solid var(--gray30)}

.txt-pre{font-size:16px;color:var(--gray);white-space:pre}
.txt-fs18{font-size:18px;color:var(--gray);line-height:1.6;}

.switch{padding:4px;background-color:var(--gray10);border:1px solid var(--gray30);border-radius:26px;overflow:hidden}
.switch label{position:relative;cursor:pointer}
.switch input{position:absolute;top:-30px;left:-30px;width:1px;height:1px;background-color:transparent}
.switch .-txt{padding:12px 16px;color:var(--gray60);font-size:16px;border-radius:22px;border:1px solid transparent}
.switch :checked +.-txt{color:var(--main-color);font-weight:600;border-color:var(--main-color);background-color:#fff}

/* select */
.slt{display:inline-block;vertical-align:middle;max-width:100%}
/*
.selectric{font-family:'nexon';text-align:left;border-color:#DEE2E6;border-radius:8px;background-color:#fff}
.selectric-open .selectric{border-color:var(--gray)}
.selectric-items{background-color:#fff;border-radius:8px;overflow:hidden}
.selectric-items li{text-align:left;font-size:14px;color:#727272}
.slt .selectric-items li{padding:10px 20px 10px 10px;line-height:28px}
.selectric-items li.highlighted,
.selectric-items li:hover{color:#666;background-color:var(--gray20)}
.selectric-items li.selected{color:#fff;background-color:var(--main-color)}
.selectric .button{font-size:0;background-color:#fff;background:#fff url(/static_root/img/arrow-b.png) no-repeat center;background-size:14px;background-position:15px center}
.selectric .button:after{display:none}
.selectric .label{margin-left:12px;font-size:14px;color:#727272}

.slt{display:inline-block;height:40px;padding:10px 20px 10px 10px;color:#51596c;font-size:14px;vertical-align:middle;background:#fff url(/static_root/img/arrow-b.png) no-repeat center;background-size:14px;background-position:10px center}

.slt{display:inline-block;height:40px;vertical-align:middle}
.slt .button{height:40px;font-size:0;background:#fff url(/static_root/img/arrow-b.png) no-repeat center;background-size:14px;background-position:10px center}
.slt .button::after{border:none}
.slt .label{width:100%;height:40px;margin:0;padding:0 38px 0 16px;color:#51596c;font-size:14px}
*/
.slt.-s .selectric-items li{line-height:20px;font-size:14px;}
.slt.-s .label{width:135px;height:35px;line-height:33px}
.slt.-s .button{width:30px;height:35px}
.slt.-l{height:49px}
.slt.-l select{height:49px}
.slt.-l .selectric-items li{line-height:30px;font-size:14px}
.slt.-l .label{height:47px;line-height:47px}
.slt.-l .button{height:47px}
.slt +.bttn,
.slt +.slt{margin-left:10px}

#RES_EDU td:first-child select.-year{min-width:72px}
#RES_EDU td:first-child select.-month{min-width:50px}

@media screen and (max-width:700px) {
    [class^=bttn].-l{margin:5px 0;padding:0 20px}
    [class^=bttn].-l +.-l{margin-left:9px}
    .slt.-s{width:100%}
    .slt +.bttn,
    .slt +.slt{margin-left:0;margin-top:10px}
}
@media screen and (max-width:540px) {
    .src.max-w400{max-width:100% !important}

	.switch .-txt{padding:12px 14px;font-size:14px}
}


/* layout */
.wrap{color:var(--gray)}
.inner{max-width:1400px;margin:0 auto}

/* popup */
.popup-wrap,
.search-top{position:fixed;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:center;z-index:999}
.popup-wrap{height:100%;padding:20px}
.popup-wrap.is-active{display:flex}
.dimm{background-color:rgba(45,55,75,.5)}
.popup{position:relative;width:100%;max-width:720px;max-height: calc(100% - 60px);padding:20px 24px;background-color:#fff;border-radius:8px;overflow-y:auto;/*scrollbar-gutter: stable both-edges*/}
.popup .-title{margin-bottom:20px;font-size:18px;font-weight:600;color:var(--gray)}
.popup .-h2{font-size:16px;font-weight:600;}
.popup .ico.-close-03{position:absolute;top:20px;right:24px}
.pop-btm{display:flex;align-items:center;justify-content:center;padding:16px 0 0}

.popup-wrap.-max-w597 .popup{max-width:597px}

/* header */
header{height:337px;background-color:#E5F5EF;background-image:url(/static_root/img/visual00.png), url(/static_root/img/visual06.png);background-position:calc(50% - 636px) -90px,calc(50% + 750px) 80px;background-repeat:no-repeat}
.main header{height:600px;background-position:calc(50% - 480px) 0,calc(50% + 756px) 0}
header .inner{position:relative;z-index:3}
header nav .inner{z-index:4}
header .bttn{height:35px;line-height:33px;padding:0 12px;border-radius:4px;font-size:16px}
.header{position:relative;padding:40px 0 48px;text-align:center;z-index:9}
.insta{position:absolute;top:0;left:0;width:30px;height:30px;background: url(/static_root/img/insta.png) no-repeat center;background-size:contain}
.header .-right{position:absolute;top:0;right:0}
.ico.-menu{display:none}
.ico.-search +.ico.-login{margin-left:24px}

.search-top.on{display:flex}
.search-top .-search-area{position:fixed;top:0;left:0;right:0;height:240px;padding:120px 0 60px;background-color:#fff;border-radius:0 0 16px 16px;box-shadow:0px 0px 16px rgba(217,227,247,0.25)}

.logo img{height:36px}

/* gnb */
nav .-mo-ver{display:none}
.gnb{display:flex;justify-content:center;}
.gnb >li{position:relative;width:140px;height:136px;text-align:center}
.gnb >li >a{font-size:16px;font-weight:400;color:#1D1D1F}
.gnb >li >a::before{content:"";display:block;width:80px;height:80px;margin:0 auto 20px;border-radius:16px;background:#C3E8D9 url(/static_root/img/ico-gnb07.png) no-repeat center}
.gnb >li:hover >a::before{background-color:#95D7BD}
.gnb >li:nth-child(1) >a:before{background-image:url(/static_root/img/ico-gnb01.png)}
.gnb >li:nth-child(2) >a:before{background-image:url(/static_root/img/ico-gnb02.png)}
.gnb >li:nth-child(3) >a:before{background-image:url(/static_root/img/ico-gnb03.png)}
.gnb >li:nth-child(4) >a:before{background-image:url(/static_root/img/ico-gnb04.png)}
.gnb >li:nth-child(5) >a:before{background-image:url(/static_root/img/ico-gnb05.png)}
.gnb >li:nth-child(6) >a:before{background-image:url(/static_root/img/ico-gnb06.png)}
.gnb >li:nth-child(7) >a:before{background-image:url(/static_root/img/ico-gnb07.png)}
.gnb li a.is-active +.depth2,
.gnb li:hover .depth2{display:block}
.depth2{position:absolute;top:136px;left:calc(50% - 113px);display:none;width:226px;padding:20px;background-color:#fff;border-radius:8px;border:1px solid var(--gray30);box-shadow:0px 2px 6px 2px rgba(16,24,40,0.04);z-index:1;}
.depth2 >li >a{font-size:16px;color:#1D1D1F}
.depth2 >li +li{margin-top:14px}
.depth2 >li >a:hover{color:var(--main-color)}
.depth3{display:none}

@media screen and (max-width:1100px) {
    .main header,
    header{background-position:calc(50% - 534px) -90px,calc(50% + 620px) 60px}
}
@media screen and (max-width:989px) {
    .main header,
    header{background-position:calc(50% - 74px) -90px,calc(50% + 158px) 60px}

    nav,
    .header .-right .-login{display:none} 
    .header .-right{top:-3px;right:10px}
    .header .-right .ico.-search{width:40px;height:40px}
    .header .-right .-menu{display:inline-block;width:40px;height:40px;margin-left:-3px}

    nav{position:fixed;top:65px;left:0;right:0;bottom:0;background-color:#fff;z-index:8}
    nav.on{display:block;background-color:#fff;overflow-y:auto}
    nav .gnb{display:block;}
    .gnb >li{width:100%;height:auto;min-height:51px;border-bottom:1px solid #DEE2E6}
    .gnb >li >a{display:block;padding-right:30px;color:#1D1D1F;line-height:50px;background:url(/static_root/img/arrow-b-02-2x.png) no-repeat 100% center;background-size:24px}
    .gnb >li >a br{display: none;}
    .gnb >li >a.is-showing{background-image:url(/static_root/img/arrow-t-02-2x.png)}
    .sub-none >a{background:none !important}
    .gnb >li >a::before{display:none}
    .gnb >li a{height:auto;text-align:left}
    .gnb >li .bttn{background-color:transparent;border:none}
    .gnb >li:hover .depth2{display:none}
    .gnb >li .is-showing +.depth2{display:block;text-align:left}
    .gnb >li .ico.-login::before{content:'';display:inline-block;width:16px;height:16px;margin:1px 4px 0 0;background:url(/static_root/img/login-2x.png) no-repeat center;background-size:16px}
    .depth2{position:relative;top:0;left:0;width:100%;padding:0 0 16px;border:none;border-top:1px solid var(--main-color);box-shadow:none;background-color:#F9FAFB;border-radius:0}
    .depth2 >li{margin-top:20px}
    .depth2 >li >a{display:block;padding:0 12px;background:url(/static_root/img/arrow-b-02-2x.png) no-repeat 100% center;background-size:24px}
    .depth2 >li >a.is-showing{background-image:url(/static_root/img/arrow-t-02-2x.png)}
    .depth3{display:none;padding:8px 0;background-color:rgba(0, 160, 94,.08)}
    .depth2 >li >a.is-showing +.depth3{display:block;margin-top:16px}
    .depth3 >li >a{display:block;padding:8px 12px}
    
    .exTLB1 table th:nth-child(2){width: 20%}
}

/* container */
.container,
#container{position:relative;padding:60px 0}
.main .container,
.main #container{padding:0}
.container >.inner,
#container >.inner{position:relative}
.main .container >.inner,
.main #container >.inner,
.container.-full >.inner,
#container.-full >.inner{display:block}
.container.-full .lnb,
#container.-full .lnb{display:none}

/* lnb */
.lnb{display:inline-block;width:250px;vertical-align:top}
.lnb-1depth{min-height:140px;padding:36px 0;text-align:center;background-color:var(--main-color);border-radius:16px}
.lnb-1depth span{margin-bottom:10px;font-size:14px;font-weight:600;color:rgb(255,255,255,.2)}
.lnb-1depth strong{display:block;margin:0 auto;font-size:30px;color:#fff;line-height:1.2}
.lnb-2depth{margin-top:-10px;padding:26px 22px 26px 26px;border-radius:16px;border:1px solid #ddd;background-color:#fff}
.lnb-2depth >li >a{display:block;padding:14px 0;color:#51596C;font-size:16px;border-bottom:1px solid #DEE2E6}
.lnb-2depth >li:last-child >a{padding:14px 0 0;border-bottom:none}
.lnb-2depth >li.is-selected{margin:-1px -4px}
.lnb-2depth >li.is-selected >a{padding:12px 14px;color:var(--main-color);font-size:15px;font-weight:600;border-radius:8px;border:solid 1px var(--main-color)}
.lnb-3depth{display:none;margin-top:14px;padding:7px 0;background-color:#F9FAFB;border-radius:8px;}
.lnb-3depth a{display:block;padding:7px 14px;font-size:16px;color:#51596C}
.lnb-3depth >li.is-selected >a{color:var(--main-color)}
.lnb-2depth >li.is-selected .lnb-3depth{display:block}

.content-wrap{display:inline-block;width:calc(100% - 310px);margin-left:56px}
.container.-full .content-wrap,
#container.-full .content-wrap{width:100%;margin-left:0}
.title{margin-top:5px;font-size:32px;font-weight:600;color:#1D1D1F}

.location{margin:18px 0 60px;display:flex;font-size:16px}
.location .-home{width:18px;height:16px;background:url(/static_root/img/home.png) no-repeat}
.location li +li::before{content:"";display:inline-block;width:8px;height:12px;margin:0 12px;background:url(/static_root/img/arrow-r-05.png) no-repeat}
.location li:last-child{color:var(--main-color);font-weight:600} 
/* 
.location li span{color:var(--main-color);font-weight:600}*/
.location02{display:flex;align-items:center;margin:40px 0 10px;font-size:12px;color:var(--gray80)}
.location02 >li +li::before{content:">";display:inline-block;margin:0 3px;font:inherit}

.sub-title{display:flex;align-items:center;margin:60px 0 20px;padding-bottom:16px;border-bottom:2px solid var(--main-color);}
.h2{font-size:24px;font-weight:600}
.h3{font-size:18px;font-weight:600;color:var(--gray)}
.sub-title .h2{color:var(--main-color)}
.sub-title .-num{margin-left:8px;font-size:18px;font-weight:600;color:var(--gray)}
.sub-title.-btw{justify-content:space-between}
.sub-tit-box{display:flex;align-items:center;margin:40px 0 20px;}

/* quick menu */
.quick{position:absolute;top:107px;right:20px;width:98px;padding:8px;font-size:12px;text-align:center;background-color:#fff;border:1px solid var(--gray30);border-radius:6px;box-shadow:1px 1px 1px 1px rgba(217, 227, 247, 0.25);z-index:3}
.quick .-tit{padding:8px 0;color:#fff;background-color:var(--main-color);border-radius:4px;line-height:1.2}
.quick .-tit-btn{display:none}
.quick .-li li{padding:12px 0}
.quick .-li li +li{border-top:solid 1px var(--gray30)}
.quick .-li .-img-box{display:block;margin-bottom:6px}
.quick .-li .-img{display:block;width:34px;height:34px;margin:0 auto;background-size:contain;background-position:center}
.quick .-li .-txt{color:var(--gray);line-height:1.2}
.quick.on{position:fixed}

@media screen and (min-width:1200px) {
    .wrap{overflow-x:hidden}
}

@media screen and (max-width:1600px) {       
    .quick,
    .quick.on{position:fixed;top:auto;bottom:20px;border:none;background-color:transparent}
    .quick{width:auto;height:auto;padding:0;border-radius:50%;box-shadow:none}
    .quick .-tit{display:none}
    .quick .-tit-btn{position:absolute;bottom:0;right:0;display:block;width:46px;height:46px;padding:0;font-size:12px;line-height:44px;border-radius:50%;background-color:var(--main-color);color:#fff;border:solid 1px #fff}
    .quick .-tit-btn.on{font-size:0;background:var(--main-color) url(/static_root/img/close-02.png) no-repeat center}
    .quick .-tit-btn.on +.-li{display:block}
    .quick .-li{display:none;position:relative;bottom:46px;right:10px}
    .quick .-li a{position:relative;display:block;min-width:160px;padding:13px 54px 13px 20px;text-align:left}
    .quick .-li li{height:46px;margin-bottom:8px;padding:0;background-color:var(--main-color02);border-radius:23px;font-size:14px}
    .quick .-li li +li{border:none !important}
    .quick .-li .-img-box{position:absolute;top:0;right:-10px;width:46px;height:46px;margin-bottom:0;padding:11px;border-radius:50%;background-color:#fff;border:1px solid var(--gray30);}
    .quick .-li .-img{width:22px;height:22px}
    .quick .-li .-txt{white-space:nowrap}
}

@media screen and (max-width:1400px) {
    .wrap:not(.main) footer .inner,
    .wrap:not(.main) .container .inner,
    .wrap:not(.main) #container .inner{padding:0 20px}
    .wrap:not(.main) .insta{top:3px;left:20px}
    .search-top .inner{padding:0 20px}
}

@media screen and (max-width:1200px) {
    footer .inner,
    .container .inner,
    #container .inner{padding:0 20px}
    .insta{top:3px;left:20px}
    .header .-right{top:-3px;right:10px}
}

@media screen and (max-width:989px) {
    .main header{height:245px}
    header{height:200px}
    .header{height:65px;padding:16px 0 0;background: #fff;box-shadow: 0 2px 4px rgba(0, 0, 0, .04)}
    header .inner{padding:0 20px}
    .insta{top:6px;left:20px;width:24px;height:24px}
    .logo img{height:24px;margin-top:4px}
    nav .-mo-ver{display:block}

    .search-top .-search-area{height:auto;padding:80px 0 20px}
    .ico.-close{top:20px;right:20px}
    
    .container,
    #container{padding:25px 0}
    .container .lnb,
    #container .lnb{position:absolute;top:calc(-165px - 65px);left:0;width:100%;height:200px}
    .container.-full .lnb,
    #container.-full .lnb{display:block;}
    .lnb-1depth{height:100%;padding-top: calc(65px + 48px);background-color:transparent}
    .lnb-1depth span{margin-bottom:8px;font-size:14px;color:rgba(0, 160, 94,.8)}
    .lnb-1depth strong{font-size:24px;color:var(--main-color)}
    .lnb-1depth strong br{display:none}
    .lnb-2depth{display:none}

    .content-wrap{width:100%;margin-left:0}

    .title{font-size:28px}
    .location{margin-bottom:40px;font-size:14px}
    .location .-home{width:16px;height:16px;background-size:16px;}
    .location li +li::before{margin:0 3px}
    
    .sub-title{margin:40px 0 16px}
    .h2{font-size:20px}
    .sub-title .-num{font-size:16px}
}

@media screen and (max-width:700px) {
    .title{font-size:24px}
}

@media screen and(max-width:540px) {
    .title{font-size:22px}
}


/* table 
font-size:14로 통일 
*/
.tbl-scroll,
.-tbl-scroll,
.tbl{width:100%;border-top:solid 2px var(--main-color);overflow-x:auto}
.tbl-scroll table,
.-tbl-scroll table,
.tbl table{width:1090px}
.tbl th,
.tbl td{padding:20px;font-size:14px;color:var(--gray);vertical-align:middle;border:1px solid var(--gray30);border-top:none;border-left:none;line-height:1.3}
.tbl th{font-weight:600;text-align:center;background-color:#F6F8FB;}
.tbl td{color:var(--gray80)}
.tbl .-last{border-right:none}
.tbl.-center{text-align:center}
.tbl.-body-th-bg-none tbody th{background-color:transparent}
.tbl .-bg-th{background-color:#EDF3F9 !important}
.tbl.-w532 table{width:532px}
.tbl.mo-card-type{overflow-y:hidden}

.tableListScrollSmall table thead th,
.tableListScrollSmall table tbody th,
.tableListScrollSmall table tbody td{font-size:14px}


.tbl.-t02{overflow:unset;}
.tbl.-t02 table{width:100%;}
.tbl.-t02 th,
.tbl.-t02 td{padding:16px;font-size:14px;text-align:left;color:var(--gray);vertical-align:top}
.tbl.-t02 td{color:var(--gray80)}

.tbl.-t03 table{width:100%}

.tableListBox.tbl{overflow-x:auto;border-top:solid 1px var(--gray)}
.tableListBox.tbl table{border-top:none}

.tableListTitle,
.bbsJobRate{border-top:solid 2px var(--main-color)}

.tableListTitle table,
.bbsJobRate table{border-top:none}

.tbl-search td,
.tbl-search table,
.tbl-search{border:none !important}
.tbl-search{margin-bottom:20px}
.tbl-search table{width:100%}
.tbl-search td{padding:0 3px !important}

@media screen and (max-width:989px) {
.tbl-scroll.-mo-w700 table,
.-tbl-scroll.-mo-w700 table,
.tbl.-mo-w700 table{width:700px}
}

@media screen and (max-width:700px) {
    .tbl.-t02 td,
    .tbl.-t02 th,
    .tbl.-t02 tr,
    .tbl.-t02 thead,
    .tbl.-t02 tbody,
    .tbl.-t02 table{display:block}
    .tbl.-t02 th{padding:12px 0 0;background-color:transparent;border:none}
    .tbl.-t02 td{padding:12px 0;border-right:none}
    .tbl.-t02 .slt{width:100%}

    .mo-card-type{margin-top:-2px;border:none}
    .mo-card-type td,
    .mo-card-type th,
    .mo-card-type tr,
    .mo-card-type thead,
    .mo-card-type tbody,
    .mo-card-type table{display:block;padding:0;border:none}
    .mo-card-type table{width:auto;text-align:left}
    .mo-card-type thead{display:none}
    .mo-card-type tbody tr{margin-top:8px;padding:16px;border:1px solid var(--gray30);border-radius:8px;}
    .mo-card-type tbody td{margin-top:12px;font-size:14px;color:var(--gray80);line-height:1.4}
    .mo-card-type tbody td::before{vertical-align:top}
    
    .tbl.-t03 tr,
    .tbl.-t03 thead,
    .tbl.-t03 tbody{display:block}
    .tbl.-t03 th{display:inline-block;width:80px;margin-top:12px;padding:0;border:none;background-color:transparent;text-align:left;font-weight:400;color:var(--gray80)}
    .tbl.-t03 td{display:inline-block;width:calc(100% - 84px);margin-top:12px;padding:0;border:none;color:var(--gray)}
    .tbl.-t03 table{display:block}
}

/* 테이블 타입 li */
.tbl-li{border-bottom:solid 1px var(--gray30)}
.tbl-li.on{border-bottom:none}
.tbl-li >ul{display:flex;flex-wrap:wrap;border-top:solid 1px var(--gray);border-left:solid 1px var(--gray30)}
.tbl-li >ul >li{padding:20px 0;border-right:solid 1px var(--gray30);border-bottom:solid 1px var(--gray30)}
.tbl-li.-cell5-m1 >ul >li,
.tbl-li.-cell5 >ul >li{width:20%}
.tbl-li.bd-top{border-top:solid 2px var(--main-color)}

.tbl-li.-t02{border-bottom:none}
.tbl-li.-t02 >ul{color:var(--gray);border-top:solid 2px var(--main-color)}
.tbl-li.-t02 >ul >li{padding:12px}

.tbl-li.-t03 >ul{border-top-color:var(--gray30);border-left:none}
.tbl-li.-t03.-cell5 >ul >li:nth-child(5n){border-right:none}
.tbl-li.-t03{border-bottom:none}
@media screen and (max-width:700px) {
	.tbl-li.-cell5 >ul >li{width:50%}
	.tbl-li.-cell5-m1 >ul >li{width:100%}
	.tbl-li.-t03.-cell5 >ul >li:nth-child(5n){border-right:solid 1px var(--gray30)}
	.tbl-li.-t03.-cell5 >ul >li:nth-child(even){border-right:none}
}

/* paging */
.paging{margin-top:40px;text-align:center}
.paging .is-selected,
.paging button{display:inline-block;width:34px;height:34px;line-height:32px;margin:0 2px;font-size:16px;text-align:center;vertical-align:middle;border-radius:8px;border:solid 1px transparent}
.paging .is-selected{color:var(--main-color);border-color:var(--gray30)}
.paging .ico::before{width:100%;height:100%;margin-top:-3px;background-image:url(/static_root/img/paging-last.png);background-size:auto}
.paging .ico.-first::before{transform:rotate(180deg)}
.paging .ico.-prev::before{background-image:url(/static_root/img/paging-next.png);transform:rotate(180deg)}
.paging .ico.-next::before{background-image:url(/static_root/img/paging-next.png)}
@media screen and (max-width:540px) {
    .paging .is-selected,
    .paging button{margin:0}
    .paging .is-selected,
    .paging button{width:30px;height:30px}
}

/* footer */
footer{padding:60px 0;font-size:14px;color:#333d4b;background-color:#F2F4F5}
footer .mt34{font-size:15px;font-weight:700}
footer .-txt-box{display:inline-block;vertical-align:middle;margin-left:26px;text-align:left !important}
footer .-email{color:inherit }
footer address{margin:3px 0;font-style:normal}
footer .-link-li{margin-top:32px}
footer .-link-li li{display:inline-block;vertical-align:top;margin-right:20px;}
footer .-link-li a{color:var(--gray70);font-size:14px}
footer .-link-li a::after{content:"";display:inline-block;width:14px;height:14px;margin-left:4px;vertical-align:middle;background:url(/static_root/img/link.png) no-repeat}
footer .-link-li span{display:inline-block;vertical-align:middle}

/* portfolio color box */
.portfolio-li{display:flex;gap:0 8px}
.portfolio-li >li{flex:1;padding:11px 24px;border-radius:8px;background-color:rgba(20, 184, 166,.1);text-align:center;}
.portfolio-li span{margin-bottom:5px;color:var(--gray);font-size:12px}
.portfolio-li strong{display:block;color:#14B8A6;font-size:18px;text-align:center}
.portfolio-li >li:nth-child(2){background-color:rgba(59, 130, 246,.1)}
.portfolio-li >li:nth-child(2) strong{color:#3B82F6}
.portfolio-li >li:nth-child(3){background-color:rgba(99, 102, 241,.1)}
.portfolio-li >li:nth-child(3) strong{color:#6366F1}
.portfolio-li >li:nth-child(4){background-color:rgba(245, 158, 11,.1)}
.portfolio-li >li:nth-child(4) strong{color:#F59E0B}
.portfolio-li >li:nth-child(5){background-color:rgba(250, 204, 21,.1)}
.portfolio-li >li:nth-child(5) strong{color:#FACC15}

@media screen and (max-width:830px) {
    footer .-txt-box{display:block;margin-top:20px;margin-left:0}
}
@media screen and (max-width:700px) {
    .portfolio-li{gap:0 4px}
    .portfolio-li >li{padding:8px;line-height:1.3}
    .portfolio-li span{height:24px}
}
@media screen and (max-width:400px) {
    .portfolio-li strong{font-size:16px}
}