@charset "utf-8";

/* accessibility */
#accessibility {position:relative; margin:0 auto; width:1100px; z-index:1200; }
#accessibility dl {position:absolute; top:0; left:0;}
#accessibility dl dt {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0;}
#accessibility dl dd a {display:block; background:#131313 url("/imgs_2016/header/accessibility_dot.gif") no-repeat 165px 16px; color:#cacaca; width:225px; line-height:40px; height:40px; text-align:center; font-size:14px; font-weight:bold;}
#accessibility dl dd.a_block a {position:absolute; left:0; top:-10000px; width:225px; z-index:10000;}
#accessibility dl dd.a_block a:hover, #accessibility dl dd.a_block a:focus, #accessibility dl dd.a_block a:active{position:absolute; top:0; background:#1d60a7; color:#fff; z-index:10000;}

/* global */
#global {position:relative; z-index:10; height:40px; background:#464646;}

/* gnb */
#gnb {position:absolute; top:7px; right:414px;}
#gnb li {float:left; background:url("/imgs_2016/header/gnb_bg.gif") no-repeat 0 10px;}
#gnb li a {display:block; color:#fff; height:26px; line-height:26px; padding:0 10px; font-size:13px;}
#gnb li a:hover {color:#f7ffa0;}
#gnb li.first {background:none;}

/* text_size */
.text_size {position:absolute; top:0; right:284px;}
.text_size a {display:inline-block;}

/* logo */
#logo {position:absolute; left:1px; top:25px; line-height:0; font-size:0; z-index:20;}

.main_search {position:absolute; background-color:#9db1b3; height:40px; right:44px; top:0; width:240px; z-index:2000;}
.main_search legend {display:none;}
.main_search fieldset {border:medium none;}
.main_search .search input {position:absolute; border:0 none; background-color:#9db1b3; color:#e0e8e9; font-size:1em; height:40px; left:10px; top:0; width:170px; font-size:13px; font-family:"Malgun Gothic",gulim,Helvetica,AppleGothic,sans-serif;}
.main_search .search_btn {position:absolute; right:0; top:0;}
.main_search .hide {display:none;}

.top_sns {position:absolute; top:0; right:0;}
.top_sns a {width:44px; height:40px;}

/* lnb */
#lnb {position:absolute; left:0; top:0; z-index:10; width:100%; height:90px;}
#lnb #top1menu {}
#lnb ul {width:1100px; margin:0 auto;}
#lnb ul li {float:left; display:inline;}
#lnb ul li.top_first {padding:0 0 0 390px;}

#lnb ul div.top2m {position:absolute; top:90px; left:0; display:none; z-index:1000; width:100%; height:220px;}
#lnb ul div.top2m div.depth2_m {position:relative; width:1100px; height:220px; margin:0 auto; background:url("/imgs_2016/header/top2m_bg.png") no-repeat 0 0; overflow:hidden;}
#lnb .depth2_m ul {padding:0 0 0 270px;}

/* depth2 : 메뉴 설명글 */
.depth2_text {position:absolute; left:16px; top:50px; color:#fff;}
.depth2_text div {font-size:22px;}
.depth2_text p {font-size:14px; padding:10px 0 0 0; filter:alpha(opacity=60); opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}

/* 메뉴 백그라운드 */
#top2m1 {background:#f16a78;}/* 재단소개 */
#top2m2 {background:#4ba9d2;}/* 윤리경영 */
#top2m3 {background:#4cbfa1;}/* 알림마당 */
#top2m4 {background:#7e95d0;}/* 복지정보 */
#top2m5 {background:#9ac450;}/* 참여마당 */
.depth3_bg {position:absolute !important; bottom:0; left:0; width:100% !important;; height:70px;}
.depth3_bg1 {background:#6d4144;}
.depth3_bg2 {background:#475d67;}
.depth3_bg3 {background:#415a53;}
.depth3_bg4 {background:#475065;}
.depth3_bg5 {background:#596138;}

/* depth2 : 2차 메뉴 스타일 /메뉴 4개일때*/
#lnb ul ul li {z-index:1000; margin:0 0 0 -1px;}
#lnb ul ul li a {position:relative; display:block; width:175px; z-index:1000; height:125px; padding:25px 0 0 0; font-size:14px; color:#fff; text-align:center; background:url("/imgs_2016/header/depth2_line.png") no-repeat 0 44px; }
#lnb ul ul li:first-child a,#lnb ul ul li.first a {background:none;}
#lnb ul ul li a .depth2_ico {display:block; width:72px; height:72px; border-radius:100px; margin:0 auto 14px;}
#lnb ul ul li a .depth2_ico img {width:72px; height:72px; filter:alpha(opacity=40); opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"}
#lnb ul ul li a.sel .depth2_ico img {filter:alpha(opacity=80); opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
#lnb ul ul li a.sel .depth2_arrow {position:absolute; left:74px; bottom:0; display:block; border-width:10px; border-style:solid; width:0; height:0;}

	/* depth2 : 메뉴 3개일때 재단소개, 알림마당*/
	#top2m1 .ico_on,#top2m3 .ico_on {width:195px;}
	#top2m1 .depth2_arrow,#top2m3 .depth2_arrow {left:87px !important;} 
	
 	/* depth2 : 메뉴 7개일때 윤리경영*/
	#top2m2 .ico_on {width:122px;}
	#top2m2 .depth2_arrow {left:55px !important;} 

 


#lnb ul .top3m {display:none;}
#lnb ul ul ul {position:absolute; left:0; bottom:12px; z-index:1000;}
#lnb ul ul ul li {}
#lnb ul ul ul a {width:auto; line-height:46px; height:44px; background:none; font-size:14px; padding:0 15px; border-radius:6px; margin:0 9px 0 0;}
#lnb ul ul ul a:hover {border:1px solid #ffca11; background:#ffca11; color:#434343;}
#lnb #top3m1_3 {padding:0 0 0 650px}/* */
#lnb #top3m2_2 {padding:0 0 0 370px}/*윤리경영 내부규정*/
#lnb #top3m2_7 {padding:0 0 0 370px}/*윤리경영 정보공개*/
#lnb #top3m2_5 {padding:0 0 0 380px}/**/
#lnb #top3m3_2 {padding:0 0 0 455px}/**/
#lnb #top3m4_1 {padding:0 0 0 310px}/**/
#lnb #top3m4_2 {padding:0 0 0 350px}/**/
#lnb #top3m4_4 {padding:0 0 0 785px}/**/
#lnb #top3m5_1 {padding:0 0 0 300px}/**/

	/* depth2 : 아이콘 칼라 스타일 */
	#top2m1 a .depth2_ico {background:#d64756; background:rgba(214,71,86,0.4);}
	#top2m1 a.sel .depth2_ico {background:rgba(214,71,86,1);}
	#top2m1 a.sel .depth2_arrow {border-color: transparent transparent #6d4144 transparent;}
	#top2m1 ul ul a {border:1px solid #8a6769;}

	#top2m2 a .depth2_ico {background:#1b77a6; background:rgba(27,119,166,0.4);}
	#top2m2 a.sel .depth2_ico {background:rgba(27,119,166,1);}
	#top2m2 a.sel .depth2_arrow {border-color: transparent transparent #475d67 transparent;}
	#top2m2 ul ul a {border:1px solid #6c7d85;}

	#top2m3 a .depth2_ico {background:#0a9471; background:rgba(10,148,113,0.4);}
	#top2m3 a.sel .depth2_ico {background:rgba(10,148,113,1);}
	#top2m3 a.sel .depth2_arrow {border-color: transparent transparent #415a53 transparent;}
	#top2m3 ul ul a {border:1px solid #677b75;}

	#top2m4 a .depth2_ico {background:#3f5dab; background:rgba(63,93,171,0.4);}
	#top2m4 a.sel .depth2_ico {background:rgba(63,93,171,1);}
	#top2m4 a.sel .depth2_arrow {border-color: transparent transparent #475065 transparent;}
	#top2m4 ul ul a {border:1px solid #6c7384;}

	#top2m5 a .depth2_ico {background:#639a14; background:rgba(99,154,20,0.4);}
	#top2m5 a.sel .depth2_ico {background:rgba(99,154,20,1);}
	#top2m5 a.sel .depth2_arrow {border-color: transparent transparent #596138 transparent;}
	#top2m5 ul ul a {border:1px solid #7a8160;}


/* mousedownicon */
.mousedownicon {
    position:absolute; left:50%; bottom:12px; z-index:10; width:67px; height:67px; margin-left:-33px; background:url("/imgs_2016/main/mouse.png") no-repeat left top;
    animation-duration: 1s;
    animation-name:mousedownicon;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-timing-function: inherit;
}


/* subMenu */
.sub1 {position:relative; width:255px;}
.sub1 h2 {width:255px; height:75px; text-align:center; padding:60px 0 0 0; background:url("../../imgs_2016/sub/subMenu_bg01.gif") no-repeat 0 0; font-size:30px; font-weight:normal; color:#fff;}
.sub1 ul a {display:block; background:url("../../imgs_2016/sub/subMenuBul01.gif") no-repeat 0 0; line-height:15px; color:#5c5c5c; font-size:15px; width:225px; padding:18px 0 17px 30px;}
.sub1 ul li a:hover,.sub1 ul li.on a, .sub1 ul li.on a:hover {color:#fff; background:url("../../imgs_2016/sub/subMenuBul01.gif") no-repeat 0 -50px; letter-spacing:-1px; font-weight:bold;}
.sub1 ul li a span {display:inline-block; width:15px; margin:0 0 -1px 0; height:11px; background:url("../../imgs_2016/sub/subMenuWin.gif") no-repeat 4px -20px;}
.sub1 ul li a:hover span {background-position:4px -50px;}
.sub1 ul ul {padding:0 0 0 0; font-size:13px;}
.sub1 ul li.on li a {display:block; background:url("../../imgs_2016/sub/subMenuBul01.gif") no-repeat 0 -100px !important; color:#5c5c5c; padding:5px 0 5px 33px; font-weight:normal; letter-spacing:-1px; font-size:13px;}
.sub1 ul li.on li a:hover,.sub1 ul li.on li.on a {color:#5c5c5c; font-weight:bold; letter-spacing:-1px; font-size:13px;}
.sub1 ul li.on ul {padding:12px 0 12px 0; background-color:#f0f0f0;}

.sub2 {position:relative; width:255px;}
.sub2 h2 {width:255px; height:75px; text-align:center; padding:60px 0 0 0; background:url("../../imgs_2016/sub/subMenu_bg02.gif") no-repeat 0 0; font-size:30px; font-weight:normal; color:#fff;}
.sub2 ul a {display:block; background:url("../../imgs_2016/sub/subMenuBul02.gif") no-repeat 0 0; line-height:15px; color:#5c5c5c; font-size:15px; width:225px; padding:18px 0 17px 30px;}
.sub2 ul li a:hover,.sub2 ul li.on a, .sub2 ul li.on a:hover {color:#fff; background:url("../../imgs_2016/sub/subMenuBul02.gif") no-repeat 0 -50px; letter-spacing:-1px; font-weight:bold;}
.sub2 ul li a span {display:inline-block; width:15px; margin:0 0 -1px 0; height:11px; background:url("../../imgs_2016/sub/subMenuWin.gif") no-repeat 4px -20px;}
.sub2 ul li a:hover span {background-position:4px -50px;}
.sub2 ul ul {padding:0 0 0 0; font-size:13px;}
.sub2 ul li.on li a {display:block; background:url("../../imgs_2016/sub/subMenuBul02.gif") no-repeat 0 -100px !important; color:#5c5c5c; padding:5px 0 5px 33px; font-weight:normal; letter-spacing:-1px; font-size:13px;}
.sub2 ul li.on li a:hover,.sub2 ul li.on li.on a {color:#5c5c5c; font-weight:bold; letter-spacing:-1px; font-size:13px;}
.sub2 ul li.on ul {padding:12px 0 12px 0; background-color:#f0f0f0;}

.sub3 {position:relative; width:255px;}
.sub3 h2 {width:255px; height:75px; text-align:center; padding:60px 0 0 0; background:url("../../imgs_2016/sub/subMenu_bg03.gif") no-repeat 0 0; font-size:30px; font-weight:normal; color:#fff;}
.sub3 ul a {display:block; background:url("../../imgs_2016/sub/subMenuBul03.gif") no-repeat 0 0; line-height:15px; color:#5c5c5c; font-size:15px; width:225px; padding:18px 0 17px 30px;}
.sub3 ul li a:hover,.sub3 ul li.on a, .sub3 ul li.on a:hover {color:#fff; background:url("../../imgs_2016/sub/subMenuBul03.gif") no-repeat 0 -50px; letter-spacing:-1px; font-weight:bold;}
.sub3 ul li a span {display:inline-block; width:15px; margin:0 0 -1px 0; height:11px; background:url("../../imgs_2016/sub/subMenuWin.gif") no-repeat 4px -20px;}
.sub3 ul li a:hover span {background-position:4px -50px;}
.sub3 ul ul {padding:0 0 0 0; font-size:13px;}
.sub3 ul li.on li a {display:block; background:url("../../imgs_2016/sub/subMenuBul03.gif") no-repeat 0 -100px !important; color:#5c5c5c; padding:5px 0 5px 33px; font-weight:normal; letter-spacing:-1px; font-size:13px;}
.sub3 ul li.on li a:hover,.sub3 ul li.on li.on a {color:#5c5c5c; font-weight:bold; letter-spacing:-1px; font-size:13px;}
.sub3 ul li.on ul {padding:12px 0 12px 0; background-color:#f0f0f0;}

.sub4 {position:relative; width:255px;}
.sub4 h2 {width:255px; height:75px; text-align:center; padding:60px 0 0 0; background:url("../../imgs_2016/sub/subMenu_bg04.gif") no-repeat 0 0; font-size:30px; font-weight:normal; color:#fff;}
.sub4 ul a {display:block; background:url("../../imgs_2016/sub/subMenuBul04.gif") no-repeat 0 0; line-height:15px; color:#5c5c5c; font-size:15px; width:225px; padding:18px 0 17px 30px;}
.sub4 ul li a:hover,.sub4 ul li.on a, .sub4 ul li.on a:hover {color:#fff; background:url("../../imgs_2016/sub/subMenuBul04.gif") no-repeat 0 -50px; letter-spacing:-1px; font-weight:bold;}
.sub4 ul li a span {display:inline-block; width:15px; margin:0 0 -1px 0; height:11px; background:url("../../imgs_2016/sub/subMenuWin.gif") no-repeat 4px -20px;}
.sub4 ul li a:hover span {background-position:4px -50px;}
.sub4 ul ul {padding:0 0 0 0; font-size:13px;}
.sub4 ul li.on li a {display:block; background:url("../../imgs_2016/sub/subMenuBul04.gif") no-repeat 0 -100px !important; color:#5c5c5c; padding:5px 0 5px 33px; font-weight:normal; letter-spacing:-1px; font-size:13px;}
.sub4 ul li.on li a:hover,.sub4 ul li.on li.on a {color:#5c5c5c; font-weight:bold; letter-spacing:-1px; font-size:13px;}
.sub4 ul li.on ul {padding:12px 0 12px 0; background-color:#f0f0f0;}

.sub5 {position:relative; width:255px;}
.sub5 h2 {width:255px; height:75px; text-align:center; padding:60px 0 0 0; background:url("../../imgs_2016/sub/subMenu_bg05.gif") no-repeat 0 0; font-size:30px; font-weight:normal; color:#fff;}
.sub5 ul a {display:block; background:url("../../imgs_2016/sub/subMenuBul05.gif") no-repeat 0 0; line-height:15px; color:#5c5c5c; font-size:15px; width:225px; padding:18px 0 17px 30px;}
.sub5 ul li a:hover,.sub5 ul li.on a, .sub5 ul li.on a:hover {color:#fff; background:url("../../imgs_2016/sub/subMenuBul05.gif") no-repeat 0 -50px; letter-spacing:-1px; font-weight:bold;}
.sub5 ul li a span {display:inline-block; width:15px; margin:0 0 -1px 0; height:11px; background:url("../../imgs_2016/sub/subMenuWin.gif") no-repeat 4px -20px;}
.sub5 ul li a:hover span {background-position:4px -50px;}
.sub5 ul ul {padding:0 0 0 0; font-size:13px;}
.sub5 ul li.on li a {display:block; background:url("../../imgs_2016/sub/subMenuBul05.gif") no-repeat 0 -100px !important; color:#5c5c5c; padding:5px 0 5px 33px; font-weight:normal; letter-spacing:-1px; font-size:13px;}
.sub5 ul li.on li a:hover,.sub5 ul li.on li.on a {color:#5c5c5c; font-weight:bold; letter-spacing:-1px; font-size:13px;}
.sub5 ul li.on ul {padding:12px 0 12px 0; background-color:#f0f0f0;}

.sub6 {position:relative; width:255px;}
.sub6 h2 {width:255px; height:75px; text-align:center; padding:60px 0 0 0; background:url("../../imgs_2016/sub/subMenu_bg04.gif") no-repeat 0 0; font-size:30px; font-weight:normal; color:#fff;}
.sub6 ul a {display:block; background:url("../../imgs_2016/sub/subMenuBul04.gif") no-repeat 0 0; line-height:15px; color:#5c5c5c; font-size:15px; width:225px; padding:18px 0 17px 30px;}
.sub6 ul li a:hover,.sub6 ul li.on a, .sub6 ul li.on a:hover {color:#fff; background:url("../../imgs_2016/sub/subMenuBul04.gif") no-repeat 0 -50px; letter-spacing:-1px; font-weight:bold;}
.sub6 ul li a span {display:inline-block; width:15px; margin:0 0 -1px 0; height:11px; background:url("../../imgs_2016/sub/subMenuWin.gif") no-repeat 4px -20px;}
.sub6 ul li a:hover span {background-position:4px -50px;}
.sub6 ul ul {padding:0 0 0 0; font-size:13px;}
.sub6 ul li.on li a {display:block; background:url("../../imgs_2016/sub/subMenuBul04.gif") no-repeat 0 -100px !important; color:#5c5c5c; padding:5px 0 5px 33px; font-weight:normal; letter-spacing:-1px; font-size:13px;}
.sub6 ul li.on li a:hover,.sub6 ul li.on li.on a {color:#5c5c5c; font-weight:bold; letter-spacing:-1px; font-size:13px;}
.sub6 ul li.on ul {padding:12px 0 12px 0; background-color:#f0f0f0;}

.sub7 {position:relative; width:255px;}
.sub7 h2 {width:255px; height:75px; text-align:center; padding:60px 0 0 0; background:url("../../imgs_2016/sub/subMenu_bg04.gif") no-repeat 0 0; font-size:30px; font-weight:normal; color:#fff;}
.sub7 ul a {display:block; background:url("../../imgs_2016/sub/subMenuBul04.gif") no-repeat 0 0; line-height:15px; color:#5c5c5c; font-size:15px; width:225px; padding:18px 0 17px 30px;}
.sub7 ul li a:hover,.sub7 ul li.on a, .sub7 ul li.on a:hover {color:#fff; background:url("../../imgs_2016/sub/subMenuBul04.gif") no-repeat 0 -50px; letter-spacing:-1px; font-weight:bold;}
.sub7 ul li a span {display:inline-block; width:15px; margin:0 0 -1px 0; height:11px; background:url("../../imgs_2016/sub/subMenuWin.gif") no-repeat 4px -20px;}
.sub7 ul li a:hover span {background-position:4px -50px;}
.sub7 ul ul {padding:0 0 0 0; font-size:13px;}
.sub7 ul li.on li a {display:block; background:url("../../imgs_2016/sub/subMenuBul04.gif") no-repeat 0 -100px !important; color:#5c5c5c; padding:5px 0 5px 33px; font-weight:normal; letter-spacing:-1px; font-size:13px;}
.sub7 ul li.on li a:hover,.sub7 ul li.on li.on a {color:#5c5c5c; font-weight:bold; letter-spacing:-1px; font-size:13px;}
.sub7 ul li.on ul {padding:12px 0 12px 0; background-color:#f0f0f0;}

.sub9 {position:relative; width:255px;}
.sub9 h2 {width:255px; height:75px; text-align:center; padding:60px 0 0 0; background:url("../../imgs_2016/sub/subMenu_bg04.gif") no-repeat 0 0; font-size:30px; font-weight:normal; color:#fff;}
.sub9 ul a {display:block; background:url("../../imgs_2016/sub/subMenuBul04.gif") no-repeat 0 0; line-height:15px; color:#5c5c5c; font-size:15px; width:225px; padding:18px 0 17px 30px;}
.sub9 ul li a:hover,.sub9 ul li.on a, .sub9 ul li.on a:hover {color:#fff; background:url("../../imgs_2016/sub/subMenuBul04.gif") no-repeat 0 -50px; letter-spacing:-1px; font-weight:bold;}
.sub9 ul li a span {display:inline-block; width:15px; margin:0 0 -1px 0; height:11px; background:url("../../imgs_2016/sub/subMenuWin.gif") no-repeat 4px -20px;}
.sub9 ul li a:hover span {background-position:4px -50px;}
.sub9 ul ul {padding:0 0 0 0; font-size:13px;}
.sub9 ul li.on li a {display:block; background:url("../../imgs_2016/sub/subMenuBul04.gif") no-repeat 0 -100px !important; color:#5c5c5c; padding:5px 0 5px 33px; font-weight:normal; letter-spacing:-1px; font-size:13px;}
.sub9 ul li.on li a:hover,.sub9 ul li.on li.on a {color:#5c5c5c; font-weight:bold; letter-spacing:-1px; font-size:13px;}
.sub9 ul li.on ul {padding:12px 0 12px 0; background-color:#f0f0f0;}

/*#subMenu {position:relative; width:255px;}
#subMenu h2 {width:255px; height:75px; text-align:center; padding:60px 0 0 0; background:url("../../imgs_2016/sub/subMenu_bg.gif") no-repeat 0 0; font-size:30px; font-weight:normal; color:#fff;}
#subMenu ul a {display:block; background:url("../../imgs_2016/sub/subMenuBul.gif") no-repeat 0 0; line-height:15px; color:#5c5c5c; font-size:15px; width:225px; padding:18px 0 17px 30px;}
#subMenu ul li a:hover,#subMenu ul li.on a, #subMenu ul li.on a:hover {color:#fff; background:url("../../imgs_2016/sub/subMenuBul.gif") no-repeat 0 -50px; letter-spacing:-1px; font-weight:bold;}
#subMenu ul li a span {display:inline-block; width:15px; margin:0 0 -1px 0; height:11px; background:url("../../imgs_2016/sub/subMenuWin.gif") no-repeat 4px -20px;}
#subMenu ul li a:hover span {background-position:4px -50px;}
#subMenu ul ul {padding:0 0 0 0; font-size:13px;}
#subMenu ul li.on li a {display:block; background:url("../../imgs_2016/sub/subMenuBul.gif") no-repeat 0 -100px !important; color:#5c5c5c; padding:5px 0 5px 33px; font-weight:normal; letter-spacing:-1px; font-size:13px;}
#subMenu ul li.on li a:hover,#subMenu ul li.on li.on a {color:#5c5c5c; font-weight:bold; letter-spacing:-1px; font-size:13px;}
#subMenu ul li.on ul {padding:12px 0 12px 0; background-color:#f0f0f0;}*/


/*#subMenu ul li {padding:0 0 3px 0; letter-spacing:-1.2px;}
#subMenu ul li a {display:block; color:#59655b; width:160px; padding:6px 0 4px 10px;}
#subMenu ul li a:hover {color:#fff; font-weight:bold; background-position:0 -28px;}
#subMenu ul li.on a,#subMenu ul li.on a:hover {color:#fff; font-weight:bold; background-position:0 -28px; letter-spacing:-1px;}
#subMenu ul div {width:162px; margin:0 0 3px 0; background:url("../../imgs/sub/subMenuBgDepth.gif") no-repeat 0 0;}
#subMenu ul ul {display:block; background:url("../../imgs/sub/subMenuBgDepth.gif") repeat-y 0 0; padding:8px 0 5px 5px;}
#subMenu ul li.on li a {font-size: 11px; width:143px; padding:2px 0 1px 14px; color:#767676; font-family:dotum; letter-spacing:0; font-weight:normal; line-height:15px; background-position:0 -65px;}
#subMenu ul li.on li a:hover {font-size: 11px; font-weight:bold; color:#609a19; background-position:0 -65px !important; letter-spacing: -1px;}
#subMenu ul li.on .on a {font-size: 11px; font-weight:bold; color:#609a19; letter-spacing:-1px;}
#subMenu ul li li.on li a {font-weight:normal !important; font-size:11px; color:#767676 !important; letter-spacing:-1px;}
#subMenu ul li li li {font-weight:normal !important; font-size:11px; color:#767676 !important; letter-spacing:-1px;}
#subMenu ul li li li a:hover {font-weight:bold; color:#609a19;}

#subMenu ul li.on .on .on a {font-size: 11px; font-weight:normal; color:#fdfdf7; letter-spacing:-1px; }
#subMenu ul ul ul {display:block; background:#fdfdf7 repeat-y 0 0; padding:5px 0 0 0; width:152px;}*/



#container {position:relative; width:100%; margin:0 auto; background:url("../../imgs_2016/sub/sub_bg_gray.gif") repeat-x; }

#container .visualArea {position:relative; width:100%; height:220px; background-repeat:no-repeat; background-position:center 0;}
#container .visualArea .inner {display:table; width:1100px; height:100%; margin:0 auto; background-repeat:no-repeat; background-position:center 0; vertical-align:middle;}
#container .visualArea .inner div.slogan {display:table-cell; width:630px; padding:0 30px; vertical-align:middle;}
#container .visualArea .inner strong.slogan-title {margin:0; font-size:2.4em;/* 64px */ font-weight:600; color:#333}
#container .visualArea .inner p.slogan-txt {margin:12px 0 0 0; font-size:1.250em;/* 20px */ color:#606060}

.sub_visual1,.sub_visual1 .inner {background-image:url("../../imgs_2016/sub/about.jpg");}
.sub_visual2,.sub_visual2 .inner {background-image:url("../../imgs_2016/sub/management.jpg");}
.sub_visual3,.sub_visual3 .inner {background-image:url("../../imgs_2016/sub/notice.jpg");}
.sub_visual4,.sub_visual4 .inner {background-image:url("../../imgs_2016/sub/welfare.jpg");}
.sub_visual5,.sub_visual5 .inner {background-image:url("../../imgs_2016/sub/participation.jpg");}
.sub_visual6,.sub_visual6 .inner {background-image:url("../../imgs_2016/sub/participation.jpg");}
.sub_visual7,.sub_visual7 .inner {background-image:url("../../imgs_2016/sub/participation.jpg");}
.sub_visual8,.sub_visual8 .inner {background-image:url("../../imgs_2016/sub/participation.jpg");}
.sub_visual9,.sub_visual9 .inner {background-image:url("../../imgs_2016/sub/participation.jpg");}
.sub_visual10,.sub_visual10 .inner {background-image:url("../../imgs_2016/sub/participation.jpg");}

/* 메인 헤더 고정 */
.fixed{position:fixed !important; top:0px;}

/* location section*/
.locArea {position:relative; width:100%; height:50px; background:#d8d8d8; z-index:999;}
.locArea .inner {width:1100px; margin:0 auto; background:#d8d8d8;}

.location {float:left;}
.location div.depth {position:relative; float:left}
.location a.home,
.location button.current-loc {display:inline-block; border-right:1px solid #c1c1c1; color:#646464;}

.location a.home {overflow:hidden; float:left; height:50px; padding:0 22px; text-indent:-99999px; border-left:1px solid #c1c1c1; }
.location a.home span {display:block; width:17px; height:14px; margin:18px 0 0 0; background:url("../../imgs_2016/sub/home.png") no-repeat 0 0;}
.location button.current-loc {height:50px; padding-left:22px; padding-right:15px; text-align:left;}
.location button.current-loc span {display:inline-block; font-size:15px; width:100%; height:21px; line-height:1.6; background:url("../../imgs_2016/sub/bul_loc_open.png") no-repeat right 0;}
.location button.current-loc.on {color:#fff}

.location ul.sub-loc {display:none; position:absolute; top:50px; left:0; /* width:100%;  */z-index:99;}
.location ul.sub-loc li {min-width:220px; padding:0 0 0 25px; border-top:1px solid #626262; background:#525252;}
.location ul.sub-loc li:first-child {border:0;}
.location ul.sub-loc li a {display:block; height:33px; padding:15px 0 0 0; color:#fff; white-space:normal; font-size:14px;}
.location ul.sub-loc li:hover {background:#278dab;}
.location ul.sub-loc li a:hover {color:#fff;}

#contents {position:relative; width:1100px; margin:0 auto;}
#contents .leftColumn {position:relative; float:left; width:255px; margin:50px 0 0 0;}
#contents .centerColumn {position:relative; float:right; width:780px; margin:50px 0 0 0;}

.centerColumn .subTitleWrap {position:relative; width:780px; height:50px; border-bottom:1px solid #cecece;}
.centerColumn .subTitleWrap h2.subTitle {position:absolute; width:780px; font-size:27px; color:#4d4d4d; padding:15px 0 0 0;}
.centerColumn .con-area {position:relative; width:780px; padding:30px 0 50px 0; font-size:14px; font-family:"Malgun Gothic";}

.subTitleWrap .location {position:absolute; top:20px; right:0; font-family:"Malgun Gothic"; font-size:13px; color:#727272;}
.subTitleWrap .location strong {color:#474747;}
.subTitleWrap .location .home a {color:#727272}
.subTitleWrap .location img {margin:0 0 -3px 0;}

/* centerColumn 
.centerColumn {position:relative; margin:0 0 0 35px; width:700px;  overflow:hidden;}
.subTitleWrap {height:70px; background:url("../../imgs/sub/subTitleBg.gif") no-repeat 0 20px;}

.centerColumn .subTitle {position:absolute; top:190px; left:2px; padding:0 0 20px 25px; color:#303030; font-size:1.4em; letter-spacing: -1px;}
.centerColumn .location {position:absolute; top:190px; right:3px; font-size:0.95em;}
.centerColumn .location img {margin:0 0 -3px 0;}
.centerColumn .location a {color:#666666;}
.centerColumn .location a:hover {color:#0c8fb1; text-decoration:underline;}
.centerColumn .location a span {color:#5dab06;}
.centerColumn #contentBody {padding:5px 5px 10px 5px; overflow:hidden;}*/


/* 푸터 */
#footer {position:relative; width:100%; background:#333333; overflow:hidden; height:195px; overflow:hidden;}
#footer .footer_logo {position:absolute; left:0; top:43px;}

#footer .footer_connect {position:absolute; top:45px; left:285px;}
#footer .footer_connect li {float:left;}
#footer .footer_connect li a {font-weight:bold; font-size:15px;  color:#d6d6d6; background:url("../../imgs_2016/footer/footer_connect.gif") no-repeat 0 3px; padding:0 10px 0 10px; }
#footer .footer_connect li.first a {background:none;}
#footer .footer_connect li a:hover {text-decoration:underline;} 

#footer address {position:absolute; top:80px; left:295px; font-style:normal; line-height:1.3em; color:#999999; font-size:15px; }
#footer address span {display:block; padding:4px 0 0 0;}
#footer address span em {color:#ad9e56; font-style:normal;} 
#footer address span.st01 {font-size:14px; color:#6f6f6f;}

#footer .footer_sns {position:absolute; top:0; right:0;}
#footer .footer_sns a {}
#footer .footer_sns a.sns img {height:50px; width:110px; float:left;}
#footer .footer_sns a.top img {height:50px; width:50px; float:left; padding:0 0 0 1px;}

#footer .footer_site {position:absolute; top:60px; right:0;}
#footer .footer_site a {}

/* 레이블 스킵 */
.blind {
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -1000em;
}