@charset "utf-8";

/* 스킵네비 */
#skipnavigation {position:relative; z-index:9999;}
#skipnavigation p {height:1px; width:1px; margin-bottom:-1px; padding:0; overflow:hidden; text-align:center; color:#000; white-space:nowrap; }
#skipnavigation ul li {position:absolute; width:100%; text-align:center;}
#skipnavigation ul li a {display:block; height:1px; width:1px; margin-bottom:-1px; padding:0; overflow:hidden; text-align:center; color:#000; white-space:nowrap;}
#skipnavigation ul li a:hover,
#skipnavigation ul li a:focus,
#skipnavigation ul li a:active {display:block; height:auto; width:100%; padding:10px 0; margin:0; font-size:15px; font-weight:bold; color:#fff; background:#111; text-align:center; }

.hidden {width:0; text-indent:-100%; overflow:hidden; font-size:0;}



/*전체*/
#wrap {position:relative; width:100%; background:url(../../../imgs/main/bg_opacity.gif) repeat-x center 45px;}
#subWrapper {position:relative; width:100%; background:url(../../../imgs/main/bg_opacity.gif) repeat-x center 45px;}



/*헤더*/
#header {width:100%; height:245px; padding:0;}
	#header .global {width:100%; height:40px; background:#8d9294;}
	#header .global:after {content:""; display:block; clear:both;}
	#header .global .global_box {position:relative; width:1000px; height:40px; margin:0 auto; background:#8d9294;}
	#header .global ul {position:absolute; right:0; top:0; border-left:1px solid #a4a8a9;}
	#header .global ul li {float:left; border-right:1px solid #a4a8a9;}
	#header .global ul li a {display:inline-block; padding:14px 25px 13px 25px; font-size:13px; font-family:"Trebuchet MS",sans-serif; color:#fff;
		transition:all 0.4s;
		-webkit-transition:all 0.4s;
		-moz-transition:all 0.4s;
		-o-transition:all 0.4s;
	}
	#header .global ul li a:hover,
	#header .global ul li a:focus,
	#header .global ul li a:active {color:#e0e0e0;}

	#header .top {position:relative; width:1000px; margin:0 auto; padding:34px 0 35px 0;}
	#header .top:after {content:""; display:block; clear:both;}
	/*로고*/
	#header .logo {position:absolute; top:73px; left:50%; width:auto; margin:0 0 0 -500px; z-index:1; }
	#header .logo a {display:inline-block; width:auto; height:60px; font-size:20px; font-weight:normal; color:#0c94c6;}
	#header .logo a:hover,
	#header .logo a:focus,
	#header .logo a:active {color:#000;}
	#header .logo a img {margin-right:22px;}
	/*검색*/
	#header .top .search {float:right; margin-top:32px;}
	#header .top .search .search_input_web {float:left; width:219px; height:26px; margin-right:-1px; border:1px solid #c6c6c6;}
	#header .top .search .btn_search {float:left;}

	#header #lnb {position:relative; width:1000px; margin:0 auto; z-index:1000;}
	#header #lnb:after {content:""; display:block; clear:both;}
	#header #lnb ul {overflow:hidden; width:926px; float:left;}
	#header #lnb ul li {float:left; font-size:0;}
	#header #lnb ul li a {display:inline-block;}
	#header #lnb ul li a.ov,
	#header #lnb ul li a:hover,
	#header #lnb ul li a:active,
	#header #lnb ul li a:focus {/*border-top:1px solid #0c94c6;*/}
	#header #lnb .allmenu a {display:inline-block; width:74px; height:48px; padding:27px 0 0 0; background:#0c94c6; font-size:20px; font-family:"Palatino Linotype",sans-serif; color:#fff; text-align:center;}
	/*하위메뉴*/
	#header #lnb ul li ul { position:absolute; top:62px; width:184px; padding:15px 0; background:url(../../../imgs/common/bg_menu_ov.png) repeat left top; border-top:3px solid #4c9fbd;}
	#header #lnb ul li ul li {float:none; height:auto;}
	#header #lnb ul li ul li a {display:inline-block; height:auto; margin:0; padding:5px 10px 5px 20px; border-top:0; letter-spacing:-0.025em; font-size:13px;  color:#fff;}
	#header #lnb ul li ul.smenu_1 li a,
	#header #lnb ul li ul.smenu_2 li a,
	#header #lnb ul li ul.smenu_3 li a,
	#header #lnb ul li ul.smenu_4 li a,
	#header #lnb ul li ul.smenu_5 li a { margin-top:0; }
	#header #lnb ul li ul li a.on,
	#header #lnb ul li ul li a:hover,
	#header #lnb ul li ul li a:active,
	#header #lnb ul li ul li a:focus {border-top:0; text-decoration:underline; color:#61c9ef;}
	#header #lnb ul li ul li .sm1 {position:static; display:block; padding:0 12px; background:none; border-top:0;}
	#header #lnb ul li ul li .sm1 li a {background:url(../../../imgs/common/smenu_ov.gif) no-repeat 8px 11px; font-style:italic;}
	#header #lnb ul li ul li .sm1 li + li + li + li + li a { margin-top:0; }
	#header #lnb ul li ul li .sm1 li a.on,
	#header #lnb ul li ul li .sm1 li a:hover,
	#header #lnb ul li ul li .sm1 li a:focus,
	#header #lnb ul li ul li .sm1 li a:active {text-decoration:underline; color:#fffe96;}

	/*전체메뉴*/
.allmenu_box {position:absolute; left:50%; width:1000px; height:720px; margin-left:-500px; background:#888c8d; z-index:1000;}
	.allmenu_box:after {content:""; display:block; clear:both;}
	.allmenu_box ul.allmenu {overflow:hidden; float:left; width:100%; }
	.allmenu_box ul.allmenu li {float:left; width:auto; font-size:15px;}
	.allmenu_box ul.allmenu li a {display:inline-block; width:auto; height:24px; padding:17px 55px; background:#777a7b; font-size:15px; line-height:normal; color:#fff;}
	.allmenu_box ul.allmenu li a:hover,
	.allmenu_box ul.allmenu li a:focus,
	.allmenu_box ul.allmenu li a:active {color:#e5e5e5;}
	/* 메뉴명이 길어 깨지는 현상으로 인하여 패딩값수정 */
	.allmenu_box ul.allmenu li + li a {display:inline-block; width:auto; height:24px; padding:17px 50px 17px 55px; background:#777a7b; font-size:15px; line-height:normal; color:#fff;}
	/* 원본 */
	/* .allmenu_box ul.allmenu li + li a {display:inline-block; width:auto; height:24px; padding:17px 79px 17px 55px; background:#777a7b; font-size:15px; line-height:normal; color:#fff;} */
	.allmenu_box ul.allmenu li + li + li + li a { padding:17px 35px }
	/*하위메뉴*/
	.allmenu_box ul.allmenu li ul.menu { position:absolute; top:74px; width:auto; padding:0 55px;}
	.allmenu_box ul.allmenu li + li + li + li ul.menu { padding:0 35px;}
	.allmenu_box ul.allmenu li ul.menu li {float:none; height:auto;}
	.allmenu_box ul.allmenu li ul.menu li a {display:inline-block; height:auto; padding:3px 0 2px 0; background:none; font-size:13px; line-height:20px; }
	.allmenu_box ul.allmenu li ul.menu li ul.b_ul {position:static;}
	.allmenu_box ul.allmenu li ul.menu li ul.b_ul li {padding-left:10px; background:url(../../../imgs/main/dot_list.gif) no-repeat left 10px; font-style:italic;}



/*서브 컨텐츠*/
#subcontent_wrap {width:100%; margin-top:160px; background:#fff; border-top:1px solid #fff;}

	/* 워크숍 한개일때 적용 할 CSS */
	/*.subcontent_box {width:998px; min-height:860px; margin:-161px auto 58px auto; background:url(../../../imgs/common/bg_submenu.gif) repeat-y left top; border:1px solid #ccc;}*/
	
	/* 서브메뉴가 많아 늘려야 할경우  min-height:900px 값만 조정 */
	.subcontent_box {width:1050px; min-height:1450px; margin:-161px auto 58px auto; background:url(../../../imgs/common/bg_submenu.gif) repeat-y left top; border:1px solid #ccc;} 
	/*좌측메뉴*/
	/* .subcontent_box .leftColumn {position:relative; float:left; width:228px; border-right:1px solid #ccc; z-index:100; } */
	.subcontent_box .leftColumn {position:relative; float:left; width:228px; border-right:1px solid #ccc;}
	.subcontent_box .leftColumn h3 {/*width:188px; height:103px; padding:57px 20px 0 20px;*/ background:url(../../../imgs/common/bg_sub_title.gif) no-repeat left top; /*letter-spacing:-0.01em;*/}
	/*.subcontent_box .leftColumn h3 span {display:inline-block; padding-top:10px; background:url(../../../imgs/common/dot_snb_title.gif) no-repeat left top; font-size:35px; font-family:"Palatino Linotype",sans-serif; font-weight:normal; color:#4ca7c8;}*/
	.subcontent_box .leftColumn ul li {background:url(../../../imgs/common/dot_snb_line.gif) repeat-x left bottom;}
	.subcontent_box .leftColumn ul li a {display:inline-block; width:215px; height:14px; margin-top:-1px; padding:11px 0 11px 20px; background:url(../../../imgs/common/snb_menu_ov.png) no-repeat left top; font-size:15px; letter-spacing:-0.02em; color:#455b63;}
	.subcontent_box .leftColumn ul li + li + li + li + li + li + li + li + li a { letter-spacing:-0.075em; font-size:12px; }
	.subcontent_box .leftColumn ul li a.ov,
	.subcontent_box .leftColumn ul li a:hover,
	.subcontent_box .leftColumn ul li a:focus,
	.subcontent_box .leftColumn ul li a:active { width:215px; height:14px; margin-top:-1px; padding:11px 0 11px 20px; background:url(../../../imgs/common/snb_menu_ov.png) no-repeat right top #4f5557; color:#fff; text-decoration: underline;}
	.subcontent_box .leftColumn ul li .left_smenu {padding:12px 0 13px 0;}
	.subcontent_box .leftColumn ul li .left_smenu li {background:none;}
	.subcontent_box .leftColumn ul li .left_smenu li a {display:inline-block; width:auto; height:22px; margin-left:26px; padding:4px 0 4px 10px; font-size:13px; color:#767676; }
	.subcontent_box .leftColumn ul li .left_smenu li a.ov,
	.subcontent_box .leftColumn ul li .left_smenu li a:hover,
	.subcontent_box .leftColumn ul li .left_smenu li a:focus,
	.subcontent_box .leftColumn ul li .left_smenu li a:active {background:url(../../../imgs/common/snb2_menu.gif) no-repeat left 6px; color:#4ca7c8;}

	/*우측*/
	.content_box {position:relative; overflow:hidden; min-height:800px; padding:0 45px; background:#fff;}
	.content_box .location {position:absolute; top:81px; }
	/* .content_box .location a {display:inline-block; padding-right:18px; margin-right:9px; background:url(../../../imgs/common/bg_location.gif) no-repeat right 4px;} */
	.content_box .location a + a + a {background:none; text-decoration:underline; color:#49a4c5;}
	.content_box h2 {margin:44px 0 2px 0; padding-bottom:45px; border-bottom:1px solid #dee3e5; font-size:24px; letter-spacing:-0.025em; font-weight:normal; color:#4f5557;}
	.content_box .contents {padding:45px 0; border-top:1px solid #dee3e5;}
	.content_box .contents h2 {  }
/*하단메뉴*/
.bot_menu {width:100%; background:#8d9294;}
	.bot_menu .bot_box {position:relative; width:1000px; height:auto; padding-bottom:20px; margin:0 auto; background:#8d9294; z-index:10;}
	.bot_menu .bot_box:after {content:""; display:block; clear:both;}
	.bot_menu ul.bot_box_ul {overflow:hidden; float:left;}
	.bot_menu ul.bot_box_ul li {float:left; width:auto; font-size:15px;}
	/*
	.bot_menu ul.bot_box_ul li + li {width:190px;}
	.bot_menu ul.bot_box_ul li + li + li {width:190px;}
	.bot_menu ul.bot_box_ul li + li + li + li {width:190px;}
	.bot_menu ul.bot_box_ul li + li + li + li + li {width:190px;}
	*/
	.bot_menu ul.bot_box_ul li a {display:inline-block; height:24px; padding:30px 135px 20px 0; font-size:15px; color:#fff;}
	
	/* 16.08.23 e-Learning Center 메뉴 수정으로 인한 패딩 값 조절 */
	.bot_menu ul.bot_box_ul li + li a {padding:30px 115px 20px 0;}
	/* 원본 */
	/* .bot_menu ul.bot_box_ul li + li a {padding:30px 145px 20px 0;} */
	.bot_menu ul.bot_box_ul li + li + li + li a {padding:30px 90px 20px 0;}
	.bot_menu ul.bot_box_ul li + li + li + li + li a {padding:30px 0 20px 0;}
	.bot_menu ul.bot_box_ul li a:hover,
	.bot_menu ul.bot_box_ul li a:focus,
	.bot_menu ul.bot_box_ul li a:active {color:#e5e5e5;}
	/*하위메뉴*/
	.bot_menu ul.bot_box_ul li ul.box_ul {width:auto;}
	.bot_menu ul.bot_box_ul li ul.box_ul li {float:none; width:auto; height:auto;}
	.bot_menu ul.bot_box_ul li ul.box_ul li a {display:inline-block; height:auto; padding:4px 0; font-size:13px; }
	.bot_menu ul.bot_box_ul li ul.box_ul li ul.b_ul {position:static; margin-bottom:15px;}
	.bot_menu ul.bot_box_ul li ul.box_ul li ul.b_ul li {position:static; width:auto; padding-left:10px; background:url(../../../imgs/main/dot_list.gif) no-repeat left 10px; font-style:italic;}



/*푸터*/
#footerwrap {width:100%;}
	.footer {position:relative; width:1000px; margin:0 auto; padding:114px 0 50px 0; background:url(../../../imgs/common/footer_logo.gif) no-repeat left 32px;}
	.footer .foot_logo {display:inline-block; padding-bottom:32px; font-size:16px; color:#343434;}
	/*링크*/
	.footer .family_sites {position:absolute; left:97px; top:60px; width:210px; height:31px;}
	.footer .family_sites .btn_family {display:inline-block; height:13px; padding:9px 105px 9px 23px; background:url(../../../imgs/common/btn_family.gif) no-repeat right top #4f5557; color:#fff;}
	.footer .family_sites ul {display:none; background:#4f5557;}
	.footer .family_sites ul li { border-top:1px solid #777; }
	.footer .family_sites ul li a {display:inline-block; padding:10px; font-size:11px; color:#fff;}
	.footer .family_sites ul li a:hover,
	.footer .family_sites ul li a:focus,
	.footer .family_sites ul li a:active {color:#e0e0e0;}
	/*주소*/
	.footer address {position:absolute;; line-height:18px; left:97px; top:160px; font-size:13px; font-style:normal; color:#777;}
	.footer .btn_top {position:absolute; right:0; top:32px;}