@charset "euc-kr";
/* BP(http://bluet.kr/) in Sehee S&D(http://sehee.co.kr/) 2013-02-06 */

/* Reset */
html,body{min-height:100%}
body{background:#fff;overflow-y:scroll;.overflow-y:none}
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,input,button,textarea,select,address{margin:0;padding:0}
body,table,input,textarea,select,button{font-family:"돋움",Dotum,Tahoma,Geneva,sans-serif;font-size:12px}
header,footer,section,article,nav,aside,figure,figcaption{display:block}
ul,ol,dl{list-style:none}
a{color:#3e3e3e;text-decoration:none}
img{border:0}
hr{display:none}
.content{outline:0}
.header img, .lnb img, .footer img,.front .content img,.contentTitle img{display:block}

/* Skip to Content Button */
.skipToContent{display:block;width:120px;z-index:1;position:absolute;left:50%;top:10px;margin:0 0 0 -60px}
.skipToContent a{display:block;height:1px;overflow:hidden;text-indent:-1000px;cursor:default}
.skipToContent a:focus,.skipToContent a:active{height:12px;text-align:center;text-indent:0;padding:7px 0;background:#666;color:#fff;border-radius:15px}

/* IE6 PNG bug fix */
.png24{tmp:expression(setPng24(this))}

/* for Screen Reader */
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}


/* Layout */
body{background:#fff}
.wrap{width:100%;position:relative}
.header{width:990px;height:115px;margin:0 auto 14px auto;position:relative;background:url(../images/bg/bg_header.gif) no-repeat}
.mainVisual{width:100%}
.subVisual{width:100%}
.front .body{padding:0 0 0 0}
.body{width:990px;margin:0 auto;padding:0 0 80px 0;zoom:1}
.body:after{content:"";display:block;clear:both}
.front .content{width:100%;float:none;min-height:auto}
.content{width:730px;min-height:500px;float:right;outline:0}
.lnb{width:206px;float:left;margin:0 0 20px 0}
.sidebar{width:206px;float:left}
.footer{position:relative}

.headerBgL{width:50%;height:115px;background:url(../images/bg/bg_header_l.gif) repeat-x 0 34px;position:absolute;left:0}
.headerBgR{width:50%;height:115px;background:url(../images/bg/bg_header_r.gif) repeat-x 0 34px;position:absolute;left:50%}

/* Header */
.header h1{width:315px;height:72px;position:relative;left:8px;top:17px}
.header h1 a{display:block;overflow:hidden}
.utilmenu{position:absolute;right:0;top:10px}
.utilmenu ul{zoom:1}
.utilmenu ul:after{content:"";display:block;clear:both}
.utilmenu li{float:left;padding:0 10px 0 9px;background:url(../images/bg/bg_utilmenu_bar.gif) no-repeat right center}
.utilmenu a{display:block;height:10px;overflow:hidden}

.gnb{position:absolute;left:451px;top:29px}
#gnb{zoom:1;padding:0;font-family:"나눔고딕",NanumGothic,NG,"돋움",Dotum;}
#gnb:after{content:"";display:block;clear:both}
#gnb li{float:left}
#gnb li a{display:block;overflow:hidden;margin:0 45px 0 0;padding:10px 0 10px 0;}
#gnb>li>a{margin:0 30px;font-size:16px; color:#fff;text-shadow:2px 2px 2px gray; margin-top:8px;}
#gnb li ul{position:absolute;top:53px;display:none}
#gnb li.menu1 ul{left:-25px}
#gnb li.menu2 ul{left:20px}
#gnb li.menu3 ul{left:190px}
/* #gnb li.menu4 ul{left:225px} */
#gnb li.menu4 ul{left:125px}
#gnb li.menu5 ul{left:200px}
#gnb li.menu6 ul{left:280px}
#gnb li li{float:left;padding:0}
#gnb li li a,#gnb li.over li a{display:block;margin:0;padding:8px 10px;font-weight:bold;color:#888}
#gnb li li a:hover,#gnb li li a:focus,#gnb li li a.active{color:#2b2b2b}



/* Contents */
.contentTitle{height:143px;margin:0 0 20px 0;position:relative}
.sub01 .contentTitle{background:url(../images/bg/bg_sub01.gif) no-repeat 0}
.sub02 .contentTitle{background:url(../images/bg/bg_sub02.gif) no-repeat 0}
.sub03 .contentTitle{background:url(../images/bg/bg_sub03.gif) no-repeat 0}
.sub04 .contentTitle{background:url(../images/bg/bg_sub04.gif) no-repeat 0}
.sub05 .contentTitle{background:url(../images/bg/bg_sub05.gif) no-repeat 0}
.sub06 .contentTitle{background:url(../images/bg/bg_sub06.gif) no-repeat 0}
.contentTitle h1{position:absolute;left:0;top:55px}
.contentTitle .subtitleFont {
    top: 65px;
    font-size: 26px;
    color: #202020 !important;
    font-family: 'Noto Sans KR', Malgun Gothic,"?? ??", Dotum, AppleGothic, sans-serif !important;
}
.contentRoute{text-align:right;position:absolute;left:0;bottom:0;font-family:"나눔고딕",NanumGothic,NG,"돋움",Dotum}
.contentRoute span{font-weight:bold}
.contentBody{}

/* Sidebar */
.lnb h1{}
.lnb ul{background:url(../images/bg/bg_lnb_bottom.gif) no-repeat bottom;padding:36px 1px 7px 1px}
.lnb ul:after{}
.lnb li{border-top:1px dashed #c2c6cf;height:38px;font-family:"나눔고딕",NanumGothic,NG,"돋움",Dotum;font-size:14px}
.lnb li a{display:block;height:16px;padding:10px 0 12px 40px;vertical-align:middle;color:#000}
.lnb li a:hover{font-weight:bold}

/* Footer */
.footmenu{/*border-top:1px solid #dcdcdc*/;border-bottom:1px solid #dcdcdc;padding:6px 0;position:relative}
.footmenu nav{width:990px;margin:0 auto;position:relative}
.footmenu ul{zoom:1;text-align:center;padding:0 0 0 170px}
.footmenu ul:after{content:"";display:block;clear:both}
.footmenu li{display:inline-block;margin:0 3px;vertical-align:top;float:left}
.footmenu li a,.footmenu li img{display:block;width:97px;height:29px}
.siteLink{position:absolute;left:50%;top:11px;margin:0 0 0 330px}
.siteLink select{width:134px}
.siteLink select,.siteLink a{display:inline-block;vertical-align:middle}
.copyright{width:840px;margin:0 auto;padding:10px 0 27px 340px;background:url(../images/bottom_logo.gif) no-repeat 70px center}

/* Main Contents */
.columnLeft,.columnCenter,.columnRight{float:left;position:relative}
.columnLeft{width:300px;margin:0 14px 0 0; }
.columnCenter{width:350px;margin:0 15px 0 0}
.columnRight{width:259px}
.center_bottom{clear:both; width:1000px;}

.schedule{width:210px;border:1px solid #d6d6d6;background:#fff;padding:12px 4px 6px 5px;margin:0 0 8px 0;position:relative}
.schedule h1{margin:0 0 7px 0}
.schedule table{width:210px}
.schedule td{font-family:"나눔고딕",NanumGothic,NG,"돋움",Dotum}
.schedule thead{}
.schedule thead td{position:relative;height:32px;background:url(../images/bg/bg_schedule_header.gif) no-repeat;text-align:center;color:#fff}
.schedule thead span{font-size:12px;font-weight:bold}
.schedule thead a{color:#fff}
.schedule tbody{}
.schedule tbody .sat{color:#119ef7}
.schedule tbody .sun{color:#f53c93}
.schedule tbody th{text-align:center;font-size:12px;font-weight:normal;padding:10px 0 6px 0}
.schedule tbody th img{margin:0 auto}
.schedule tbody td{text-align:center;font-size:12px;font-weight:normal;height:16px;background:#fff;color:#c4c4c4}
.schedule tbody td#scheduleOn{}
.schedule tbody td#scheduleOn a{color:#000; font-weight:bold; background:#000000; text-decoration:underline; }
.schedule tbody td#scheduleOn a:hover{color:#000000; font-weight:bold;}
.schedule tbody td.today{background:#effaff}
.schedule a.more{right:4px;top:11px}

.quickLink{margin:0 0 3px 0}
.quickLink ul{zoom:1}
.quickLink ul:after{content:"";display:block;clear:both}
.quickLink li{float:left;margin:0 4px 10px 0}

.front .callcenter{width:221px;height:171px; margin-right:15px; float:left;}


.callcenter {
    position: relative;
    display: inline-block;
}

.callcenter a {
    position: relative;
    display: inline-block;
}



/* 커스텀 툴팁 스타일 */
.callcenter a::after {
    content: attr(title); /* title 속성 값 가져오기 */
    position: absolute;
    background-color: blue; /* 배경색 */
    color: white; /* 글자색 */
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 14px;
    white-space: nowrap;
    bottom: 120%; /* 이미지 위쪽에 표시 */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
    z-index: 100;
}

/* 마우스 올리면 툴팁 보이기 */
.callcenter a:hover::after {
    opacity: 1;
    visibility: visible;
}


.popupZone{width:350px;height:390px;border:1px solid #e9e9e9;margin:0 0 14px 0}



.jeonbuk{/* width:287px; */height:230px;border:1px solid #d9d9d9; background:url(../images/bg/news-line.gif) no-repeat; position:relative;padding:12px 16px 0 16px;margin:0 0 15px 0}
.jeonbuk h1{margin:0 0 13px 0}
.jeonbuk ul{width:270px;padding:0 0 20px 0}
.jeonbuk li{height:29px;padding:0 0 0 12px;position:relative;background:url(../images/bg/newlist_bullet.gif) 0 5px no-repeat;vertical-align:top}
.jeonbuk li a{color:#232323;padding:0 0 5px 0}
.jeonbuk li span{position:absolute;right:0;top:0; font-family:tahoma;color:#aaa;font-size:11px; }
.jeonbuk a.more{right:10px;top:15px}



section.event2{margin:0 0 17px 0}
.event2 h1{border:1px solid #d6e0ef;background:#e8f1fe;/* width:303px; */height:16px;padding:9px 0 8px 15px}
.event2 a.more{top:12px;right:10px}
section.event2 ul{border:1px solid #e0e0e0;border-top:none;padding:20px 0 10px 15px}
section.event2 li{height:22px;padding:0 0 0 10px;position:relative;background:url(../images/bg/newlist_bullet.gif) 0 5px no-repeat}
section.event2 li a{color:#262626}


.newlist{width:447px;height:140px;border:1px solid #d9d9d9;background:#f3f3f3;position:relative;padding:16px 16px 0 16px;margin:0 0 24px 0}
.newlist h1{margin:0 0 19px 0}
.newlist ul{width:447px;}
.newlist li{height:20px;padding:0 0 0 12px;position:relative;background:url(../images/bg/newlist_bullet.gif) 0 5px no-repeat;vertical-align:top}
.newlist li a{color:#232323}
.newlist li span{position:absolute;right:0;top:0;font-family:tahoma;color:#aaa;font-size:11px}
.newlist a.more{right:12px;top:11px}

.gallery{width:755px;position:relative; float:left;}
.gallery h1{margin:0 0 11px 0}
.gallery li{float:left;margin:0 7px 0 0}
.gallery li a img{display:block;width:140px;height:100px;margin:0 4px 7px 0}
.gallery li a span{display:block;text-align:center;color:#282828; }
.gallery a.more{right:5px}


.columnRight section{position:relative;width:265px;padding:0 15px;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;/* background:url(../images/bg/bg_column_right_bar.gif) no-repeat center bottom */}

.columnRight section ul{width:100%}
.columnRight section li{height:22px;padding:0 0 0 10px;position:relative;background:url(../images/bg/newlist_bullet.gif) 0 5px no-repeat;vertical-align:top}
.columnRight section li a{color:#262626}

.columnRight a.more{right:12px;top:16px}

section.news{padding:54px 15px 9px 15px}
.news h1{font-size:15px; font-weight:600;border:1px solid #d6e0ef;background:#e8f1fe;width:280px;height:16px;margin:-54px 0 0 -16px;position:absolute;padding:9px 0 8px 15px}
.news a.more{top:12px}

section.club{padding:15px 15px 8px 15px}
.club h1{margin:0 0 13px 0}

section.event{padding:19px 15px 4px 15px}
.event h1{margin:0 0 13px 0;}
.event li span{position:absolute;right:0;top:0;font-family:tahoma;color:#aaa;font-size:11px}

section.data{padding:14px 15px 12px 15px;background:0;border-bottom:1px solid #e0e0e0}
.data h1{margin:0 0 13px 0}

section.qna{padding:14px 15px 12px 15px;background:0;border-bottom:1px solid #e0e0e0}
.qna h1{margin:0 0 13px 0}

a.more{display:block;overflow:hidden;position:absolute;right:0;top:0}



.line table tbody { border: 1px solid; }

/* 경조사별 휴가 일수표 이미지 */
.family_et_img{margin-top: 10px; width: 100%;}
.family_et_img img{width: 100%;}
.family_event_table{background: #fff;}
.family_event_table a{}
.family_event_table h1{display: inline-block;}

/* 메인 버튼 3개 추가 */
.family_button{
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 60px;
}
.family_button li a{display: flex; align-items: center;}

.family_button li:nth-child(1){width: 24%;}
.family_button li:nth-child(2){width: 27%;}
.family_button li:nth-child(3){width: 27%;}
.ficon-img{margin-right: 20px;}

.family_button li:nth-child(1) .ficon-img{
	display: block;
	width: 12%;
}
.family_button li:nth-child(2) .ficon-img{
	display: block;
	width: 22%;
}
.family_button li:nth-child(3) .ficon-img{
	display: block;
	width: 16%;
}

/* .family_button li:nth-child(1) a:hover{
    background-image: url(/common/images/family_li_01_hover.svg);
}
.family_button li:nth-child(2) a:hover{
	background-image: url(/common/images/family_li_02_hover.svg);
}
.family_button li:nth-child(3) a:hover{
    background-image: url(/common/images/family_li_03_hover.svg);
} */

.family_event_bg{
	width: 99%;
	padding: 30px 0;
	border-radius: 10px;
	box-sizing: border-box;
	background: #f7f7f7;
}

.family_button p{line-height: 1.3; font-size: 15px; color: #5e83b9; font-weight: 600; word-break: keep-all;}


.family_event_bg2{width: 99%; padding-top: 20px;}
.family_event_bg2 ul{display: flex; justify-content: space-between;}
.family_event_bg2 ul li{}
.family_event_bg2 ul li a{padding: 20px 30px; background: #5bbdc7; border-radius: 30px; color: #fff; font-weight: 600;}

/* 인사말 */
.greeting{padding:0 60px 270px 60px; line-height:2;word-break:keep-all;background:url(../images/greeting_back.jpg) no-repeat;background-position:center bottom; }
.greeting_head, .greeting_body, .greeting_we{font-family: 'Noto Sans KR', Malgun Gothic, Dotum, AppleGothic, sans-serif !important;}
.greeting .greeting_head{display:block; padding:20px 0; font-size:20px; font-weight:800; color:#f43f15; !important;}
.greeting .greeting_body{display:block;font-size:15px; color:#181818; margin-bottom:50px;}
.greeting .greeting_we{display:block; font-size:20px; color:#006ee7;font-weight:00;}

/* 노동조합소개 */
.introduceWrap{width:100%;background:url(../images/introduce_back.jpg) no-repeat;overflow:hidden;}
.introduce{width:520px;float:right; padding-top:250px;font-weight:600; font-size:15px; color:#505050;font-family: 'Noto Sans KR', Malgun Gothic, Dotum, AppleGothic, sans-serif !important;}
.introduce dt{float:left; width:11%;}
.introduce dd{float:left; width:89%; margin-bottom:20px;}
.introduce dd:before{content: "";  width: 0.5em;}