@charset "utf-8";
/* 기본프로그램 사용자모듈 메뉴 - PC */
.all_m_btn {padding:10px; background:#323337;}
.all_m_btn img {position:absolute; top:28%; left:15px; width:10%; max-width:40px; cursor:pointer;}
.all_m_btn .mutit {text-align:center; font-weight:900; font-size:26px; color:#fff;}
.pro_m_wrap {display:none; font-family:'Nanum Gothic', sans-serif; transition:all 0.3s linear;}
.pro_m_wrap .m_menu {width:200px;}
.pro_m_wrap .bg_black {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:-1;}


/* 기본프로그램 사용자모듈 메뉴 - MOBILE */
.pro_m_wrap .subleftmenu {
	list-style:none;
	margin:0;
	padding:0;
}
.pro_m_wrap .subleftmenu li {
	border-bottom:1px solid #515155;
	background:#323337;
}
.pro_m_wrap .subleftmenu a {
	display:block;
	color:#b5b2b2;
	font-size:14px;
	padding:11px 5px 11px 15px;
	font-family:'Noto Sans KR';
}
.sub_title_m{
	font-size:28px !important;
	font-weight:bold;
	color:#fff !important;
	padding:12px 5px 12px 15px !important;
}
.pro_m_wrap .subleftmenu a:hover {
	background:#307dd4;
	color:#fff;
}
.sub_title_m:hover {
	background:#323337 !important;
	cursor:default;
}

@media all and (max-width:999px){
	.pro_m_wrap {display:block; position:absolute; left:-100%; top:0; z-index:999;}
	.pro_m_wrap.view {left:0;}
}

/* basic */
.inner{width:100%; max-width:1200px; margin:0 auto; position:relative;}

@media all and (max-width:1200px){
	.inner{width:93.75%;}
}

/* fonts */
.poppins {font-family: 'Poppins', sans-serif;}


/* header */
#header{position:relative; box-shadow:12px 12px 21px rgba(36,44,50,0.05); z-index:100;}
#header .inner{position:relative; }
#header .logo{position:absolute; top:14px; left:0; margin:0;}
#header .logo a{display:inline-block;}
#header .gnb > ul{font-size:0; letter-spacing:-4px; text-align:center ;padding-left: 3rem!important;}
#header .gnb > ul > li{display:inline-block; vertical-align:top; padding:0 20px; white-space : nowrap;}
#header .gnb > ul > li > a{position:relative; display:block; font-size:18px; color:#333; letter-spacing:-0.04em; font-weight:700; line-height:1.5; padding:36px 0 37px;}
#header .gnb > ul > li > a:before{content:''; position:absolute; bottom:0; left:0; display:block; width:0; height:3px; background:#0aabb1; transition: all 0.3s;}
#header .gnb > ul > li .depth02_wrap{position:absolute; top:100%; left:50%; width:1000%; height: 0; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); text-align:center; z-index:2; box-sizing: border-box; overflow: hidden; opacity: 0; transition: all 0.3s;}
#header .gnb > ul > li ul.depth02 {display: inline-block; text-align: left;}
#header .gnb > ul > li ul.depth02 li{display:inline-block; vertical-align:top; margin:20px 18px;}
#header .gnb > ul > li ul.depth02 li a{display:inline-block; position: relative; font-size:18px; color:#333; letter-spacing:-0.04em; font-weight:300; line-height:1.5;}
#header .gnb > ul > li ul.depth02 li a:after {position: absolute; bottom: -3px; left: 0; display: block; width: 0; height: 1px; background: #faac56; content: '';}
#header .bg {position: absolute; left: 50%; top: 100%; width:1000%; height: 0; background: rgba(255,255,255,0.95); transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transition: all 0.3s;}
#header.on:before{content:''; position:absolute; top:99px; left:0; display:block; width:100%; height:1px; background:#ccedee;}
#header.on .bg {height: 107px;}
#header.on .bg.row02 {height: 174px;}
#header.on .gnb > ul > li:hover > a:before{width: 100%;}
#header.on .gnb > ul > li:hover .depth02_wrap {height: 107px; padding:20px 0; opacity: 1;}
#header.on .gnb > ul > li.row02:hover .depth02_wrap {height: 174px;}
#header.on .gnb > ul > li ul.depth02 li a:hover {color: #faac56; font-weight: 500;}
#header.on .gnb > ul > li ul.depth02 li a:hover:after {width: 100%;}

#header .m_btn {display: none; vertical-align: middle; width:24px; margin:0 auto; text-align:right; cursor:pointer; padding: 5px; margin: 33px 0;}
#header .m_btn i{display:inline-block; width:100%; height:2px; margin:3px 0; background:#000; transition:all 0.5s;}
#header .m_btn i:nth-of-type(2){width:84%;}
#header .m_btn.on i:nth-of-type(1){margin:11px 0 -2px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#header .m_btn.on i:nth-of-type(2){width:0; margin:0;}
#header .m_btn.on i:nth-of-type(3){margin:0 0 11px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);}
#header .m_phone_btn {display: none; vertical-align: middle; margin-right: 20px; padding: 5px;}

@media all and (max-width: 1200px) {
	#header .gnb > ul > li{padding:0 25px;}
}
@media all and (max-width: 1000px) {
	#header{height:100px; text-align: right;}
	#header .inner{height:100%;}
	#header .gnb{display:none;}
	#header .m_btn {display: inline-block;}
	#header .m_phone_btn {display: inline-block;}
}

/* 20220805 css 추가 */
#header .logo .logo_m {display: none;}

@media all and (max-width: 1000px) {
	#header .logo a img {display: none;}
	#header .logo .logo_m {display: block;}
}

/* m_menu */
.m_menu_bg {z-index:101; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.7); cursor:pointer; opacity: 0; transition: all 0.5s;}
.m_menu_bg.on {display: none; opacity: 1;}
#m_menu {z-index:102; position:fixed; right:-100%; top:0; width:500px; max-width:80%; height:100%; background-color:#fff; box-sizing:Border-box; transition:all 0.5s; }
#m_menu.on {display: none; right:0; }
#m_menu .top_box {position:relative; padding:10px; box-sizing:border-box; }
#m_menu .top_box .close_btn {position:absolute; right:20px; top:calc(50% - 15px); width:30px; height:30px; }
#m_menu .top_box .close_btn i {display:block; width:100%; height:2px; background-color:#333; }
#m_menu .top_box .close_btn i:first-of-type {-webkit-transform:rotate(45deg) translate(9px,9px); -moz-transform:rotate(45deg) translate(9px,9px); -ms-transform:rotate(45deg) translate(9px,9px); -o-transform:rotate(45deg) translate(9px,9px); transform:rotate(45deg) translate(9px,9px); }
#m_menu .top_box .close_btn i:last-of-type {-webkit-transform:rotate(-45deg) translate(-7px,8px); -moz-transform:rotate(-45deg) translate(-7px,8px); -ms-transform:rotate(-45deg) translate(-7px,8px); -o-transform:rotate(-45deg) translate(-7px,8px); transform:rotate(-45deg) translate(-7px,8px); }
#m_menu .login_box {padding:20px 0; background-color:#292929; text-align:center; }
#m_menu .login_box a {position:relative; padding:0 30px; font-size:20px; color:#fff; letter-spacing:-0.04em; }
#m_menu .login_box a:first-of-type:before {content:''; position:absolute; right:-1px; top:calc(50% - 7px); width:2px; height:15px; background-color:#fff; }
#m_menu .gnb_box {border-top:1px solid #ddd; }
#m_menu .gnb_box > ul > li {border-bottom:1px solid #dddddd; }
#m_menu .gnb_box > ul > li > a {position:relative; display:block; padding:20px 20px; font-size:20px; font-weight:bold; color:#222222; letter-spacing:-0.04em; box-sizing:border-box; }
#m_menu .gnb_box .depth02 {display:none; padding:10px 0; background-color:#000; }
#m_menu .gnb_box .depth02 li a {position:relative; display:block; padding:7px 20px; font-size:18px; color:#fff; letter-spacing:-0.04em; box-sizing:border-box; }

@media all and (max-width: 1000px) {
	.m_menu_bg.on {display: block;}
	#m_menu.on {display: block;}
}


/* footer */
#footer .footer_top {border-top: 1px solid #e5e5e5;}
#footer .footer_top .fnb {padding: 18px 0;}
#footer .footer_top .fnb ul {font-size: 0; letter-spacing: -4px; text-align: center;}
#footer .footer_top .fnb ul li {display: inline-block; vertical-align: middle;}
#footer .footer_top .fnb ul li:after {display: inline-block; vertical-align: middle; width: 1px; height: 12px; background: #d2d2d2; margin: 0 35px; content: '';}
#footer .footer_top .fnb ul li:last-of-type:after {display: none;}
#footer .footer_top .fnb ul li a {display: inline-block; vertical-align: middle; color: #666666; font-weight: 300; font-size: 14px; letter-spacing: -0.04em;}
#footer .footer_bottom {background: #213c49; padding: 65px 0 85px; font-size: 0; letter-spacing: -4px;}
#footer .footer_bottom .left {display: inline-block; vertical-align: top; width: 298px;}
#footer .footer_bottom .left .add_box span {color: #c7c9ca; font-weight: 300; font-size: 14px; letter-spacing: -0.07em; line-height: 1.7;}
#footer .footer_bottom .left .add_box span + span:before {display: inline-block; width: 1px; height: 10px; background: #74838a; margin: 0 14px; content: '';}
#footer .footer_bottom .left .logo {margin: 45px 0;}
#footer .footer_bottom .left .logo p {display: inline-block; vertical-align: middle;}
#footer .footer_bottom .left .logo p + p {margin-left: 10px;}
#footer .footer_bottom .left .copy {color: #8f969a; font-weight: 300; font-size: 13px; letter-spacing: -0.05em; text-transform: uppercase;}
#footer .footer_bottom .right {display: inline-block; vertical-align: top; width: calc(100% - 298px); padding-left: 80px; box-sizing: border-box;}
#footer .footer_bottom .right .gnb_box > ul {font-size: 0; letter-spacing: -4px; text-align: right;}
#footer .footer_bottom .right .gnb_box > ul > li {display: inline-block; vertical-align: top; font-size: 0; letter-spacing: -4px; text-align: left;}
#footer .footer_bottom .right .gnb_box > ul > li + li {margin-left: 22.5px;}
#footer .footer_bottom .right .gnb_box > ul > li > a {display: block; color: #ffffff; font-weight: 500; font-size: 16px; letter-spacing: -0.04em; line-height: 1.5; padding-bottom: 10px; border-bottom: 1px solid #ffffff; margin-bottom: 12px;}
#footer .footer_bottom .right .gnb_box .depth02 {display: inline-block; vertical-align: top;}
#footer .footer_bottom .right .gnb_box .depth02 > li > a {color: #d2d5d7; font-weight: 300; font-size: 14px; letter-spacing: -0.07em; line-height: 2.3;}
#footer .footer_bottom .right .gnb_box .depth02.col2 + .depth02.col2 {margin-left: 10px;}

#footer .footer_top .fnb ul li a:hover {color: #213c49; font-weight: 500;}
#footer .footer_bottom .right .gnb_box .depth02 > li > a:hover {color: #ffffff; font-weight: 500;}

@media all and (max-width: 1200px) {
	#footer .footer_bottom .right {padding-left: 60px;}
	#footer .footer_bottom .right .gnb_box > ul > li {width: calc(33.333333% - 15px);}
	#footer .footer_bottom .right .gnb_box > ul > li:nth-of-type(3n+1) {margin-left: 0;}
	#footer .footer_bottom .right .gnb_box > ul > li:nth-of-type(n+4) {margin-top: 40px;}
	#footer .footer_bottom .right .gnb_box .depth02.col2 {width: calc(50% - 3px);}
	#footer .footer_bottom .right .gnb_box .depth02.col2 + .depth02.col2 {margin-left: 6px;}
}
@media all and (max-width: 1000px) {
	#footer .footer_top .fnb {padding: 18px 0 8px;}
	#footer .footer_top .fnb ul li {margin-bottom: 10px;}
	#footer .footer_top .fnb ul li:after {margin: 0 20px;}
	#footer .footer_bottom {padding: 50px 0 70px;}
	#footer .footer_bottom .left {width: 100%; text-align: center;}
	#footer .footer_bottom .right {width: 100%; padding-left: 0; margin-top: 60px;}
}
@media all and (max-width: 767px) {
	#footer .footer_bottom .right .gnb_box > ul > li {width: calc(50% - 11.25px);}
	#footer .footer_bottom .right .gnb_box > ul > li:nth-of-type(3n+1) {margin-left: 22.5px;}
	#footer .footer_bottom .right .gnb_box > ul > li:nth-of-type(2n+1) {margin-left: 0;}
	#footer .footer_bottom .right .gnb_box > ul > li:nth-of-type(n+3) {margin-top: 40px;}
}


/* 250428 추거 */

.oldman001 {
	background-color: #f8f9fb;
	margin-top: 15rem;
	padding: 5rem 0;
}

.oldman001 p {
	font-size: 1.25rem;
	font-weight: 400;
	color: #666;
	letter-spacing: 0.5px;
	line-height: 150%;
}

.oldman001 img {
	position: absolute;
    top: -60%;
	right: 0;
}

.b-0 {
	bottom: -12%;
    left: 5%;
    background: #fff;
    width: 93%;
    padding: 3rem 5rem;
	border-bottom: 1px solid #FAAC56;
}

.b-0 h3 {
	margin-bottom: 0;
	padding-right: 5rem;

}

.b-0 p {
	margin-bottom: 0;
}

.b-0 > div > div {
	border-left: 1px solid #C7C7C7;

    height: 100%;
    padding: 1rem 2rem;
}

.sisulTable {
	padding-top: 10rem;
}

.sisulTable table {
	width: 100%;
	text-align: center;
	border: 1px solid #0AABB1;
	border-left: none;
	border-right: none;
}
.sisulTable table th {
	text-align: center;
	padding: 1rem;
	background-color: #E6F6F7;
}
.sisulTable table tbody tr td {
	padding: 1rem 0;
	color: #666;
}
.sisulTable table tbody tr td:first-child {
	background-color: #F7FCFD;
	border: 1px solid #D2D2D2;
}
.sisulTable table tbody tr td:last-child {
	border-bottom: 1px solid #d2d2d2;
}
.map {
	margin-top: 5rem;
	margin-bottom: 8rem;
}
.map .b-0 {
	z-index: 9999;
	padding: 3rem;
} 
.map h3 {
	margin-bottom: 0;
	padding-right: 0rem;
}
.b-0 > div > div:first-child {
	border: none;
	padding-left: 0;
}

.b-0 > div > div:first-child p {
	font-size: 0.85rem;

}

.root_daum_roughmap .cont {
	display: none;
}

.systemTable {
	padding-top: 0;
} 

.newSection img {
	width: 100%;
}
@media screen and (max-width: 1024px) {
	.b-0 {
		padding: 1rem;
	}
	.b-0 h3 {
		padding-right: 0;
	}
	.sub_tit {
		padding-top: 5rem;
	}
	.map .b-0 {
		padding: 2rem;
	}

	.map .b-0 h3 {
		font-size: 1.2rem;
	}
	.map .b-0 p {
		font-size: 0.8rem;
	}
	.oldman001 img {
		position: relative!important;
		width: 100%;
	}
	.oldman001 .gap-4 {
		flex-direction: column-reverse;
	}
	.department00_con03 img {
		width: 100%;
	}
}