@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');

.menu_wrap #gnb li#gnb_data {display:none;}

body{font-family:"Noto Sans KR";font-size:15px;letter-spacing:-0.03em !important;}

.util_wrap .util_menu  .global_link {float:left;display:inine-block; width:auto;height:40px;border-left:1px #dedede solid;}
.util_wrap .util_menu  .global_link li {float:left;display:inine-block; width:auto;height:40px;padding:0px;margin:0px;border-right:1px #dedede solid;}
.util_wrap .util_menu  .global_link li a {font-family:"Noto Sans KR";font-size:14px;line-height:40px;color:#214d9a;font-weight:normal;padding:0px 12px;}
.util_wrap .util_menu  .global_link li a:hover {background:#f9f9f9;}

.main_bottom .mainb_cs .top_title { line-height:25px; font-size:25px;}
.main_bottom .mainb_cs p b {font-size:18px;font-weight:bold;color:#000;padding-bottom:10px;}

.left_area .lnb_title{background-color:#05458e;border:1px solid #05458e;}
.left_area .lnb_list li.on a{color:#05458e;}
.left_area .lnb_list li a:hover{color:#05458e;}


/* 퀵메뉴 */
.quickmenu {position:absolute;left:0;top:0px;width:100%;z-index:1000;}
.float-banner{position:relative;width:100%;z-index:1000; }
.float-banner .fb_inner{ position:absolute; left:50%; top:400px; z-index:10;margin-left:650px;}
.float-banner .fb_inner  .banner{position:relative;overflow:hidden;width:130px;text-align:center;}
.float-banner .fb_inner  .banner.fixed{position:fixed;top:30px;}
.float-banner .fb_inner  .banner h2 {font-family:"noto_sans";width:100%; padding:10px 0px; background:url('/html/images/common/qm_h2.png') 50% 50% no-repeat; color:#fff;font-size:18px;font-weight:500; }
.float-banner .fb_inner  .banner h2 small {display:block;font-size:14px;color:#fff;font-weight:normal; }
.float-banner .fb_inner  .banner ul {display:inline-block;position:relative;width:100%;border:1px #ccc solid;background:#fff;border-radius:0px;overflow:hidden; margin:0px 0px;padding:0px 0px;box-sizing:border-box;}
.float-banner .fb_inner  .banner li {line-height:20px;width:100%;height:auto; padding:0px;border-bottom:1px #dedede solid;box-sizing:border-box;}
.float-banner .fb_inner  .banner li:last-child {border:none;}
.float-banner .fb_inner  .banner li a {position:relative;display:inline-block;width:100%;height:auto;font-size:14px;color:#000;font-weight:500;line-height:18px;text-align:center;letter-spacing:-0.03em; padding:52px 0px 12px 0px;margin:0px 0px; box-sizing:border-box;}
.float-banner .fb_inner  .banner li a:hover {color:#2887c2;}
.float-banner .fb_inner  .banner li a span {position:absolute;left:50%;top:10px;margin-left:-60px;display:inline-block;width:120px;height:40px;border-radius:0%;}
.float-banner .fb_inner  .banner li a span.qm_01{background:#fff url('/html/images/common/qm_logo01.png') 50% 50% no-repeat;}
.float-banner .fb_inner  .banner li a span.qm_02{background:#fff url('/html/images/common/qm_logo02.png') 50% 50% no-repeat;}
.float-banner .fb_inner  .banner li a span.qm_03{background:#fff url('/html/images/common/qm_logo03.png') 50% 50% no-repeat;}
.float-banner .fb_inner  .banner li a span.qm_04{background:#fff url('/html/images/common/qm_logo04.png') 50% 50% no-repeat;}


.job_top {display:inline-block;width:100%;border:0px #dedede solid; margin-bottom:40px;padding:0px; text-align:center;}
.job_top h2 {font-family:"noto_sans";font-size:28px; color:#000;font-weight:500;line-height:45px;margin-bottom:10px;}
.job_top p {font-family:"noto_sans";font-size:17px; color:#333;line-height:30px; margin-bottom:20px;}
.job_top .button.large {font-weight:500;}

.left_area .lnb_title {font-family:"noto_sans"; font-weight:500;font-size:24px;color:#fff; background:#18619a !important; border:1px solid #18619a !important;}
#container.ct_top .left_area .lnb_title {font-family:"noto_sans"; font-weight:500;font-size:24px;color:#fff; background:#18619a !important; border:1px solid #18619a !important;}

.greeting { background-image: url('/html/images/common/greeting_new2.png'); }

.main_outer {overflow:visible;}

/* 메인 컨텐츠 -  하단 영역 */
.main_bottom {position:relative; display:flex; gap:40px;}
.main_bottom .mainb_board {margin:0px !important;}
.main_bottom .mainb_cs {height:220px;padding:20px 40px;}
.main_bottom .mainb_cs p { padding-bottom:0px; }
.main_bottom .mainb_cs .mbcs_text {padding:20px 0 0 0px;font-size:14px;line-height:20px;width:200px;border-top:1px #a6bcd6 solid;}
.main_bottom .mainb_cs .mbcs_text span{display:block;font-size:12px;line-height:20px;}



@media all and (max-width:1299px) {
	.util_wrap .util_menu ul.global_link {display:none !important;}
	.greeting {background-position: 90% 0px;}
    .greeting h5 {padding:20px 0 20px 0;}

	.main_bottom {position:relative;gap:30px;}
    .main_bottom .mainb_board {width:33%; margin:0%;}
	.main_bottom .mainb_cs_wrap {width:33%;padding:0%;}
    .main_bottom .mainb_cs {width:100%;padding:20px 30px;}
    .main_bottom .mainb_cs .top_title {font-size:20px;float:none; width:100%; word-break:keep-all;}
	.main_bottom .mainb_cs .top_title br {display:none;}
    .main_bottom .mainb_cs p {float:none; width:100%;}

	.quickmenu {display:none;}
}

@media all and (max-width:980px) {
	.main_bottom {gap:30px; flex-wrap:wrap;}
    .main_bottom .mainb_board {width:100%;}
	.main_bottom .mainb_cs_wrap {width:100%;}
	.mainb_ban {position:relative;width:100%;top:0px; right:auto;}

	.list_top li:nth-child(6),
	.list_top li:nth-child(7),
	.list_top li:nth-child(8),
	.list_top li:nth-child(9),
	.list_top li:nth-child(10){ display:none;}
}

@media all and (max-width:720px) {
	.job_top { margin-bottom:30px;}
	.job_top h2 {font-size:20px;line-height:30px;margin-bottom:10px;}
	.job_top p {font-size:15px;line-height:23px; margin-bottom:20px;}
	.job_top .button.large {font-weight:500;margin-bottom:5px;}

	.greeting {background-position: 50% 105px; background-size:auto 250px;}
    .greeting h5 {font-size:18px;padding:20px 0 280px 0;}
}