@charset "utf-8";

/* Header Logo */
.top_company {position:absolute;top:0;left:0; z-index: 300;}
.top_company a {display:block;float:left;margin:24px;padding:0;}

.logo{position:absolute; top:0; left:160px; z-index:3000;}
.header_logo {display: block;width:214px;height:16px;background: url(/images/portal/common/img_logo_translead.png) no-repeat center; background-size: 214px 16px;}

/* .sub .top_company{position: absolute; top: 0; left: 0; z-index: 300;}
.sub .top_company a { margin: 15px 0 0 0; padding: 0 14px 0; display: inline-block;  float:left;}
.sub .logo{position:absolute; top:17px; left:160px; z-index:3000;} */
.main .top_company{position: absolute; top: 0; left: 0; z-index: 3000; height: 210px; background: rgba(0, 0, 0, 0.4);}
.main .top_company a { margin: 27px 27px 0; padding: 0 0 21px; display: inline-block; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.main .logo{position:absolute; top:17px; left:160px; z-index:3000;}


/* GNB */
/* #gnb {position:relative; top:0px; width:100%; height:50px; z-index:1; background:#102454;overflow: hidden;}
#gnb .gnblist-wrap {float: left;position: relative;left: 210px;top: 4px;overflow-x: auto;overflow-y: hidden;height: 100px;}
#gnb .navi-arrow-wrap {display: none;float: left;position: relative;left: 300px;top: 4px;width:50px;font-size: 0;}
#gnb .navi-arrow-wrap > a {
	display: inline-flex;width:25px;height: 46px;justify-content: center;align-items: center;font-weight:bold;color:#ffffff;font-size: 20px;    
}
#gnb .navi-arrow-wrap > a:hover {background-color:rgb(255 255 255 / 50%);}

#gnb ul {float:left; position:relative;}
#gnb li {float:left; text-align:left;}
#gnb li a.menu {float:left;margin-left:30px; margin-right:30px; text-align:left; padding:11px 0 9px; color:#fff; letter-spacing:-0.5px; font-size:16px;border-bottom: 2px solid transparent; transition: all 0.3s;}

.main #gnb {position:relative; top:0px; width:100%; height:210px; z-index:1;}
#gnb:after {content:""; display:block; clear:both;}
.main #gnb ul {float:left; position:relative; left:240px; top:40px}
.main #gnb li {float:left; text-align:left;}
.main #gnb li a.menu {float:left;  margin-left:30px; margin-right:30px; text-align:left; padding:11px 0; color:#fff; letter-spacing:-0.5px;font-size:20px; border-bottom: 2px solid transparent; transition: all 0.3s;}
.main .top-navi {position:absolute; right:0; top:15px; z-index:2; color:#fff; font-size:16px; font-family:"Malgun Gothic"; } */


/* Header GNB */
.header {position: relative;z-index:10;}
#gnb {position:relative;top:0px;overflow: hidden;background:#131B25;z-index:1;}
#gnb::after {content:'';display:block;clear:both;}
#gnb ul {position:relative;}
#gnb ul > li {text-align:left;}

#gnb .gnblist-wrap {float:left;position:relative;}
#gnb .gnblist {}
#gnb .gnblist > li {float:left;}
#gnb .gnblist::after {content: '';display:block;width:100%;clear:both;}
#gnb .gnblist .menu {display:block;padding:20px 24px;background-color: transparent;color:#fff;font-size:16px;font-weight: var(--fwMedium);letter-spacing:-.03em;line-height: 24px;transition: all 0.3s;}
#gnb .gnblist .menu:hover {background-color: #183150;transition: all 0.3s;}
#gnb .gnblist .menu.current {background:#183150;font-weight: var(--fwBold);}
#gnb .gnblist .active .menu {background:#183150;}

/* gnb 서브메뉴 추가 */
#gnb .gnblist-wrap {z-index: 10;}
#gnb .gnblist_sub_bg {position:fixed;top:64px;left:0;right:0;background: #183150;z-index:9;}

#gnb .gnblist-wrap .gnblist {}
#gnb .gnblist {z-index: 10;}
#gnb .gnblist .active {}
#gnb .gnblist .active .gnb_dep1 {display:block;}
#gnb .gnblist .gnb_dep1 {display: none;position:fixed;top:64px;left:0;right:0;}
#gnb .gnblist .gnb_dep1 > .inner {display: flex;width:80%;margin:40px auto 80px;}
#gnb .gnblist .gnb_dep1 .gnb_dep2 {width:20%;max-width:300px;}
#gnb .gnblist .gnb_dep1 .gnb_dep2 .gnb_dep3 {margin-top:10px;}
#gnb .gnblist .gnb_dep1 .gnb_dep2 .gnb_dep3 li {margin-top:10px;}

#gnb .gnblist .gnb_dep1 a {color:#8B98A7;line-height:1.2;}
#gnb .gnblist .gnb_dep1 a:hover {color:#fff;}
#gnb .gnblist .gnb_dep1 .dep2_menu {font-size:20px;font-weight: var(--fwBold);}
#gnb .gnblist .gnb_dep1 .dep3_menu {font-size:14px;font-weight: var(--fwRegular);}

#gnb .navi-arrow-wrap {display:none;float:left;position:relative;top:9px;/* left:300px; */width:50px;font-size:0;}
#gnb .navi-arrow-wrap > a {display:inline-flex;justify-content:center;align-items:center;width:25px;height:46px;color:#ffffff;font-size:20px;font-weight: var(--fwBold);}
#gnb .navi-arrow-wrap > a:hover {}

.main #gnb {height:210px;}
.main #gnb ul {float:left; position:relative; left:240px; top:40px}
.main #gnb li {float:left; text-align:left;}
.main #gnb li a.menu {float:left;  margin-left:30px; margin-right:30px; text-align:left; padding:11px 0; color:#fff; letter-spacing:-0.5px;font-size:20px; border-bottom: 2px solid transparent; transition: all 0.3s;}
.main #gnb li a.menu:hover {background-color: #183150;}

/* Header Util Menu */
.top-navi * {box-sizing: border-box;}
.top-navi {position:absolute;top:0;right:24px;z-index:2;}
.top-navi ul{display:block;}
.top-navi ul li{float:left; /* margin-left:30px; */}
.top-navi a {display:block;position:relative;padding:23px 10px;color:#fff;font-size:12px;font-weight:500;line-height:1.5;text-transform: uppercase;}
.top-navi a em {display:block; font-style: normal;}

.top-navi a.icon-mypage .mypage_count {display:inline-block;position:absolute;top:13px;right:0;min-width:16px;height:16px;padding:0 2px;border-radius: 8px;background:#2196F3;color:#fff;font-size:10px;line-height:16px;text-align:center;}
.top-navi a.icon-lang {padding-right: 28px;}
.top-navi a.icon-lang::after {content:'';display: block;width: 12px;height: 6px;position: absolute;top:50%;right:10px;background: url(/images/portal/common/ico_arr_down.svg) center no-repeat; background-size: 100%;transform: translate(0, -50%);}
.top-navi a.icon-widget {width: 30px;height:64px;}
.top-navi a.icon-widget::after {content: '';display:block;position: absolute;top: 50%;left: 50%;width:30px;height:30px;background: url(/images/portal/common/ico_setting.svg) center no-repeat; background-size: 20px;transform: translate(-50%, -50%);transition: transform .3s;}
.top-navi a.icon-widget:hover::after {transform: translate(-50%, -50%) rotate(-45deg);}
.top-navi a.icon-widget em {position:absolute;width:1px;height:1px;overflow: hidden;text-indent: -999px;}

.top-navi a:not(.icon-widget):hover {background:#183150;}
.top-navi a.opened {background:#183150;}

/*.top-navi ul li:nth-child(1), .top-navi ul li:nth-child(2)  { border-right: 1px solid rgba(255, 255, 255, 0.4)}
.top-navi ul li:nth-child(4) { padding:0 }*/

/* .sub .top-navi {position:absolute; right:0; top:9px; z-index:2; color:rgba(255, 255, 255, 0.7); font-size:14px; font-family:"Malgun Gothic"; }
.sub .top-navi a {color:rgba(255, 255, 255, 0.7);}
.sub .top-navi a.icon-star {display:inline-block;width:34px;height:34px;background:url('/images/portal/common/star_icon.png') no-repeat center center;}
.sub .top-navi a.icon-menu {display:inline-block;width:34px;height:34px;background:url('/images/portal/common/menu_icon.png') no-repeat center center;}
.sub .top-navi a.icon-mypage {display:inline-block;width:34px;height:34px;background:url('/images/portal/common/mypage_icon.png') no-repeat center center;}
.sub .top-navi a.icon-widget {display:inline-block;width:34px;height:34px;background:url('/images/portal/common/widget_icon.png') no-repeat center center;}
.sub .top-navi a:hover.icon-star {background:url('/images/portal/common/star_icon_hover.png') no-repeat center center;}
.sub .top-navi a:hover.icon-menu {background:url('/images/portal/common/menu_icon_hover.png') no-repeat center center;}
.sub .top-navi a:hover.icon-mypage {background:url('/images/portal/common/mypage_icon_hover.png') no-repeat center center;}
.sub .top-navi a:hover.icon-widget {background:url('/images/portal/common/widget_icon_hover.png') no-repeat center center;}

.top-navi ul{display:block;}
.top-navi ul li{float:left; padding: 0 7px;}
.top-navi ul li a {color:#fff} */
/*.top-navi ul li:nth-child(1), .top-navi ul li:nth-child(2)  { border-right: 1px solid rgba(255, 255, 255, 0.4)}
.top-navi ul li:nth-child(4) { padding:0 }*/


/* Left Area */
#lnb {float:left; width:262px; height:100%;position:relative; top:0px; overflow-y:hidden; overflow-x:hidden; background-color: #183150;}

#lnbInfo{display:none;position:relative;padding:14px 24px;line-height:30px;text-align:left; z-index:15;}
#lnbInfo span {display:block;color:#fff;font-size:18px;line-height:24px;font-weight:var(--fwBold);}

/* Bookmark */
.lnbBookmark {padding:16px 24px;}
.lnbBookmark .bookmark {display:flex;justify-content:space-between;position:relative;width:100%;height:100%;margin:0;padding:0;border:none 0;background-color:transparent;}
/* .bookmark .btn::after {content: '';position:absolute;width: 100%;height: 100%;background: #000;} */
.lnbBookmark .bookmark span {display: block;color:#fff;font-size: 16px;font-weight: 500;}
.lnbBookmark .bookmark i {display:block;width:20px;height:20px;background:url(/images/portal/common/ico_bookmark.png) no-repeat top center;background-size:100% auto;}
.lnbBookmark .bookmark.on i {background-position: bottom center;}

/* lnbList */
.lnbList {position:relative;overflow-y:auto;height:82.5vh;box-sizing: border-box;}
.lnbList a {display:block;color:#fff;}

.lnb2depth01 {display: block;position:relative;padding:16px 24px 16px 34px;background:#022F96;font-size:16px;}
.lnb2depth01::after {content:'';display: block;position:absolute;top:50%;right:24px;width: 20px;height: 20px;background:url(/images/portal/common/ico_lnb_arr.svg);transform:translate(0, -50%);}
.lnb2depth01:hover {background-color: #022F96;color:#fff;}
.lnb2depth01.active {background-color: #022F96;color:#fff;font-weight: var(--fwBold);}
.lnb2depth01.active::after {transform:translate(0, -50%) rotate(180deg);}
.lnb2depth01.no_subDepth::after {transform:translate(0, -50%) rotate(-90deg);}

/* .lnb3depth01 {font-size:14px; line-height:20px;background: #dee3ea url(/images/portal/common/list_style_type.png) no-repeat left 35px center;padding: 10px 0 10px 47px;cursor: pointer;}
.lnb4depth01 {font-size:14px; line-height:18px; background:#fff url(/images/portal/common/icon_bullet11.png) no-repeat 45px 12px; padding: 5px 5px 5px 57px; word-wrap: break-word; word-break: break-word;} */

.lnb3depth01 {position:relative;padding:10px 14px 10px 46px;background:#131B25;font-size:16px;}
.lnb3depth01::before {content:'';display:block;position:absolute;top:20px;left:34px;width:4px;height:4px;border-radius:50%;background: #fff;transform:translateY(-50%);}
.lnb3depth01:hover {background-color:#0046BF;} 
.lnb3depth01.active {background-color:#0046BF;}

.lnb4depth01 a {color:#222835}
.lnb4depth01:first-child { padding-top:10px; background-position-y: 16px;}
.lnb4depth01:first-child:hover { background-position-y: 13px;}
.lnb4depth01.on:first-child { background-position-y: 13px;}
.lnb4depth01:last-child { padding-bottom:10px}
.lnb3depth_on { background:#F1F1F1 url(/images/portal/common/icon_bullet10.png) no-repeat 30px 19px;}

#lnb .lnbList {position:relative;display:flex;flex-direction:column;}
#lnb .copyright {position:absolute;bottom:0;left:0;padding:10px 24px;color:#999;font-size:10px;line-height:1.3;}

/*20220802 정재석 수정
.left_btn {width:24px; height:82px; background:url(/images/portal/common/btn_leftBg.png) no-repeat 0 0; top:50%; left:250px; position: absolute; z-index:10; cursor: pointer;}
.left_btn img { transform: rotate(180deg); padding: 35px 4px }
.left_btn_off {width:24px; height:82px; background:url(/images/portal/common/btn_leftBg.png) no-repeat 0 0; top:50%; left:250px; position: absolute; z-index:10; cursor: pointer;display:none;}
.left_btn_off img { transform: rotate(360deg); padding: 35px 5px; }
*/

/* .left_btn {width:18px; height:44px; top:50%; left:250px; position: absolute; z-index:10; cursor: pointer;}
.left_btn_off {width:18px; height:44px; top:50%; left:250px; position: absolute; z-index:10; cursor: pointer;display:none;} */

/* LNB Open/Close Btn */
.left_btn, 
.left_btn_off {position:absolute;bottom:0;left:262px;width:24px;height:40px;border-radius: 0 5px 5px 0;background:#183150;cursor:pointer;z-index:10;}
.left_btn img, 
.left_btn_off img {position:absolute;opacity:0;}
.left_btn::after, 
.left_btn_off::after {content: '';display: block;position:absolute;top:50%;left:50%;width:8px;height: 14px;background:url(/images/portal/common/btn_lnb_open.svg) no-repeat 50%;background-size:100%;}
.left_btn::after {transform:translate(-50%, -50%);}
.left_btn_off::after {transform:translate(-50%, -50%) rotate(180deg);}

/* LNB 스코롤바 커스텀 */
.lnbList::-webkit-scrollbar {width: 6px;height:6px;border-radius: 6px;}
.lnbList::-webkit-scrollbar-track {background: #e5e9ef55;border-radius: 10px;}
.lnbList::-webkit-scrollbar-thumb {background: #9199a4;border-radius: 10px;}
.lnbList::-webkit-scrollbar-thumb:hover {background: #6b7583;}

/* 사이트맵 */
.contSitemap { width: 1565px; margin: 0 auto; position: relative; padding: 35px 0 35px 0; letter-spacing:-.03em; color:#999;overflow: hidden;}
.contSitemap h1 {display:block;height:65px;padding-left:15px;color:#000; font-size:30px; font-weight:600; line-height: 63px;/* border-bottom: 1px solid #ddd; */}

/* 레이어팝업 *//* @@ 사이트맵 팝업 타이틀숨김처리 2023-07 */
#LeftSitemapLayer h1 {overflow:hidden;width: 1px;height: 1px;border:none;}

.cloud_cen * {box-sizing: border-box;}
.cloud_cen {width:100%;}
.cloud_cen .dash-list-wrap-head {display: flex;justify-content: space-around;align-items: flex-start;}
.cloud_cen .depth_1 {position:static !important;min-width:100px;/* border: 1px solid green; */}
.cloud_cen .depth_1 p {font-size:24px;font-weight: var(--fwBold);text-transform: uppercase;}

.cloud_cen .depth_2 {margin-bottom: 24px;}
.cloud_cen .depth_2 > li {margin:15px 0;font-size:20px; font-weight: var(--fwSemiBold);}
.cloud_cen .depth_2 > li a {display:block;color: #999;}

.cloud_cen .depth_3 {margin-top:10px;}
.cloud_cen .depth_3 > li { margin-bottom:10px; padding: 0; font-size:14px;/* background:url(/images/portal/common/list_style_type.png) no-repeat left 20px center; */}
.cloud_cen .depth_3 > li a {color: #999;font-weight: var(--fwRegular);max-width:180px;}
.cloud_cen .depth_3 > li.on {/* background:#fff url(/images/portal/common/icon_bullet12.png) no-repeat 15px 17px; */}

.cloud_cen .depth_3 > li a:hover {text-decoration: underline;}

.cloud_cen .depth_1 p:hover,
.cloud_cen .depth_2 > li a:hover,
.cloud_cen .depth_3 > li a:hover {color:#fff;}

.cloud_cen .depth_4 { margin:6px 0 0 -15px; padding:16px 0 0; width:180px; display:none;}
.cloud_cen .depth_4_on { margin:6px 0 0 -15px; padding:16px 0 0; width:180px; display:normal;}
.cloud_cen .depth_4 > li { font-size:15px ; font-weight:normal;  background:url(/images/portal/common/icon_bullet11.png) no-repeat 8px 12px; padding:6px 0 6px 20px; line-height:18px; border-bottom:1px dashed #d2d2d2 ; word-break: break-word; word-wrap: break-word;}
.cloud_cen .depth_4 > li:last-child { border-bottom:none }
.cloud_cen .depth_4 > li a:hover { color:#1046bd}
.cloud_cen .depth_4_on > li { font-size:15px ; font-weight:normal;  background:url(/images/portal/common/icon_bullet11.png) no-repeat 8px 12px; padding:6px 0 6px 20px; line-height:18px; border-bottom:1px dashed #d2d2d2 ; word-break: break-word; word-wrap: break-word;}
.cloud_cen .depth_4_on > li:last-child { border-bottom:none }
.cloud_cen .depth_4_on > li a:hover { color:#1046bd}

.local_pro { float:right; width:480px;}
.local_pro .depth_1 {float:left; width:50%; background:url(/images/portal/common/line_bg01.png) repeat-y 0 0; margin:54px 0 50px 0; padding-left:11px; box-sizing: border-box;}
.local_pro .depth_1 p {font-size:22px; font-weight:bold;padding-bottom:  24px;}
.local_pro .depth_1:nth-child(2):after  { clear:both;}
.local_pro .depth_2 > li {font-size:18px; font-weight:bold; padding: 0 0 0 36px; margin:30px 0;}
.local_pro .depth_3 { margin:15px 0 0 -30px; width:208px;} 
.local_pro .depth_3 > li {font-size:16px; background:#fff url(/images/portal/common/icon_bullet10.png) no-repeat 15px 17px; padding:10px 0 10px 30px; border-radius: 10px; box-sizing: border-box; margin-bottom: 7px;}
.local_pro .depth_3 > li.on {background:#fff url(/images/portal/common/icon_bullet12.png) no-repeat 15px 17px;}
.local_pro .depth_4 { margin:6px 0 0 -15px; padding:16px 0 0; width:180px; display:none;}
.local_pro .depth_4_on { margin:6px 0 0 -15px; padding:16px 0 0; width:180px; display:normal;}
.local_pro .depth_4 > li { font-size:15px ; font-weight:normal;  background:url(/images/portal/common/icon_bullet11.png) no-repeat 8px 12px; padding:6px 0 6px 20px; line-height:18px; border-bottom:1px dashed #d2d2d2; word-break: break-word; word-wrap: break-word; }
.local_pro .depth_4 > li:last-child { border-bottom:none }
.local_pro .depth_4 > li a:hover { color:#1046bd}
.local_pro .depth_4_on > li { font-size:15px ; font-weight:normal;  background:url(/images/portal/common/icon_bullet11.png) no-repeat 8px 12px; padding:6px 0 6px 20px; line-height:18px; border-bottom:1px dashed #d2d2d2 ; word-break: break-word; word-wrap: break-word;}
.local_pro .depth_4_on > li:last-child { border-bottom:none }
.local_pro .depth_4_on > li a:hover { color:#1046bd}

/* HOME 화면 사이트맵 - 추후 삭제 예정!! */
#content .contSitemap {width:auto;max-width: 1500px;}
#content .contSitemap h1 {width: auto;height: auto;}
#content .contSitemap .dash-list-wrap {display: flex;justify-content: space-between;margin-top:20px;padding:0 15px;}

#content .cloud_cen .depth_1 p,
#content .cloud_cen .depth_2 > li a,
#content .cloud_cen .depth_3 > li a {color:#000;}

#content .cloud_cen .depth_1 p:hover,
#content .cloud_cen .depth_2 > li a:hover,
#content .cloud_cen .depth_3 > li a:hover {color:#999;}


/* 화면확대 125% 기준 */
@media (max-width: 1780px){
	#gnb li a.menu {/* margin-left: 15px;margin-right: 15px; */}
	#lnb {/* width: 250px; */}
	.left_btn {/* left: 250px; */}

	.main #gnb ul {top: 70px;}
	.contSitemap {width: 1470px;}

}

@media (max-width: 1600px) {
	.top_search {width: calc(100% - 1100px);}
	#gnb .gnblist .menu {padding-left:18px;padding-right:18px;}
}

@media (max-width: 1500px){
	.top_search {width: calc(100% - 1050px);}
	#gnb .gnblist .menu {padding-left:14px;padding-right:14px;}
	#lnb {/* width: 250px; */}
	.left_btn {/* left: 250px; */}
	.main #gnb ul {top: 70px;}
	.contSitemap {width: 1470px;}
	.sub .top_company p {width: 110px;}
}

@media (max-width: 1400px){
	/* .sub #gnb .navi-arrow-wrap {display:inline-block;} */
	.top_search {width: calc(100% - 890px);}
	#gnb .gnblist .menu {}
}

@media (max-width: 1335px){
	.top_search {width: calc(100% - 790px);}
	#gnb .gnblist-wrap {width: 660px;}
	#gnb .gnblist .menu {padding-left:8px;padding-right:8px;}
	.top-navi a {padding-right:5px;padding-left:5px;}
}

@media (max-width: 1200px){
	.sub_body2 .top_company p {}
	#gnb .gnblist-wrap {width: auto;}
	#gnb .gnblist .menu {/* margin-left: 10px;margin-right: 10px; */}

}


/* ax5select.css */
/* Line 122 */
.클래스명모름내부문서 {z-index: 9;}