@charset "UTF-8";

#main_container {position:relative;width:100%;height:100%;overflow:auto; background:#fff;}
.main_visual {height: 366px;/* margin-top:8px; */padding:115px 0 0 250px;box-sizing:border-box;background:url('../images/main/main_visual01.png') no-repeat center;background-size:cover;color:#fff;}
#slider .main_visual.main_visual2{
	background-image:url('../images/main/main_visual02.png');
}
#slider .main_visual.main_visual3{
	background-image:url('../images/main/main_visual03.png');
}
 
.main_visual strong {display:block;font-size:50px;font-weight:600; padding-bottom: 20px;}
.main_visual p {color:#fff;font-size:22px;line-height: normal;}
#mainBannerSlides {margin:0;padding:0;}
#mainBannerSlides .slide {width:100%;height:366px;}
#mainBannerSlides .main_banner_link {display:block;width:100%;height:366px;}
#mainBannerSlides .main_banner_content {position:relative;width:100%;height:366px;}
#mainBannerSlides .main_banner_image {display:block;position:absolute;inset:0;width:100%;height:366px;object-fit:cover;object-position:center;}
#mainBannerSlides .main_banner_text {position:absolute;inset:0;z-index:1;box-sizing:border-box;padding:115px 0 0 250px;color:#fff;pointer-events:none;}
#mainBannerSlides .main_banner_text strong {display:block;font-size:50px;font-weight:600;padding-bottom:20px;}
#mainBannerSlides .main_banner_text p {margin:0;color:#fff;font-size:22px;line-height:normal;white-space:pre-line;}
#mainBannerSlides .slide {display:none;position:absolute;inset:0;}
#mainBannerSlides .slide.active {display:block;}
#slider {position:relative;}
.main_banner_controls {position:absolute;z-index:3;left:0;right:0;top:0;bottom:0;box-sizing:border-box;padding-bottom:18px;display:flex;align-items:flex-end;justify-content:center;gap:8px;pointer-events:none;}
.main_banner_controls button {min-width:34px;height:32px;border:1px solid rgba(255,255,255,.8);border-radius:3px;background:rgba(0,0,0,.45);color:#fff;cursor:pointer;}
.main_banner_controls > button {position:absolute;top:0;bottom:0;width:80px;height:auto;min-width:80px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;font-size:48px;line-height:1;display:flex;align-items:center;justify-content:center;pointer-events:auto;opacity:.75;text-shadow:0 1px 4px rgba(0,0,0,.65);}
.main_banner_controls > button:hover {background:transparent;opacity:1;}
#mainBannerPrev {left:0;}
#mainBannerNext {right:0;}
.main_banner_controls button:focus {outline:2px solid #fff;outline-offset:2px;}
.main_banner_indicators {display:flex;justify-content:center;gap:6px;pointer-events:auto;}
.main_banner_indicators button {min-width:12px;width:12px;height:12px;padding:0;border-radius:50%;font-size:0;}
.main_banner_indicators button[aria-current="true"] {background:#fff;}
#mainBannerSlides.transition_none .slide {transition:none!important;}
#mainBannerSlides.transition_horizontal_slide .slide {will-change:left;}
/* .main_content {display:table;padding:40px 0 30px;} */
.main_content .main_con {display:table-cell;vertical-align:top;}
.main_content .tit_area { height: 58px; line-height:58px;}
.main_content h4.tit {display:inline-block;font-size:23px;line-height:26px;font-weight:600;vertical-align:middle;}
.main_content h4.tit + .btn_s {margin-left:14px;}
/*.main_content .main_list {padding:2px 10px 0 0;}*/
.main_content .main_list dl {position:relative; display: flex;  align-items: center; padding: 7px 0 6px; height: 16px;}
.main_content .main_list dl:before {content:"";position:absolute;left:0;width:4px;height:2px;background:#b8c1cc;}
.main_content .main_list dt span {display:inline-block;height:18px;font-size:16px;line-height:18px;display:-webkit-box;overflow:hidden;white-space:normal;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.main_content .main_list dd {color:#666;font-size:14px;line-height:16px;}
.main_content .main_list dt{ width: calc(100% - 115px);padding-left: 16.2px;}
.main_content .performance {position:relative;padding:0 0 0 24px;}
.main_content .performance h4.tit {position:absolute;top:4px;}
.main_content .performance .tab_base > .tab_menu {height:50px;padding-left:174px;}
.main_content .performance .tab_base > .tab_menu > li a {height:50px;line-height:49px;font-size:16px;}
.main_content .performance .tab_base > .tab_menu > li.on a {height:52px;}
.main_content .performance .tab_base.fix > .tab_menu > li.tab_btn {width:119px;}
.main_content .performance .tab_base .txt {padding-top:6px;color:#111;font-size:14px;}
.main_content .performance .gwb-ui-box-body {height:336px; width: 452px;}
.main_content .notice {width:362px;padding:0 0 0 37px;     width: 380px;}
.main_content .monitoring {width:362px;}
.main_content .shortcut {width:272px;padding:0 0 0 35px;}
.main_content .shortcut .shortcut_list {padding:5px 0 0;}
.main_content .shortcut .shortcut_list li {border-top:#d3d4d6 1px solid;}
.main_content .shortcut .shortcut_list li:first-of-type {border-top:0;}
.main_content .shortcut .shortcut_list span {display:block;height:69px;font-size:16px;line-height:69px;background:url('../images/main/arr_shortcut.png') no-repeat 242px center;}
.main_content .shortcut .shortcut_list span:before {content:"";display:inline-block;width:21px;height:21px;margin:23px 10px 0;background-repeat:no-repeat;background-position:center;vertical-align:top;}
.main_content .shortcut .shortcut_list li:nth-of-type(1) span:before {background-image:url('../images/main/ico_shortcut_3.png');}
.main_content .shortcut .shortcut_list li:nth-of-type(2) span:before {background-image:url('../images/main/ico_shortcut_1.png');}
.main_content .shortcut .shortcut_list li:nth-of-type(3) span:before {background-image:url('../images/main/ico_shortcut_2.png');}
.main_content .shortcut .shortcut_list li:nth-of-type(4) span:before {background-image:url('../images/main/ico_shortcut_4.png');}
.main_content .shortcut .shortcut_list li:nth-of-type(5) span:before {background-image:url('../images/main/ico_shortcut_5.png');}

/* grid table 메인 추가스타일 */
.main_content .grid_list_table thead th {border-top:#e8e9eb 1px solid;text-align:center;}
.main_content .grid_list_table thead tr:first-of-type th {height:40px;border-top:0;}
.main_content .grid_list_table tbody td {height:51px;font-size:16px;padding-left:10px;padding-right:10px;}
.main_content .grid_list_table tbody tr:last-of-type td {border-bottom:0;}