@charset "UTF-8";
/* *************************************************************************
    layout.css
************************************************************************* */

#wrapper {background-color:#f8f8f8;width:100%;}

	#top {width:1000px;height:108px;margin:0 auto;}
	#top div {display:inline-block;}
		.logo {padding:24px 0px 20px 9px;float:left;}
		.loginLine {padding-top:15px;width:895px;text-align:right;}
		.search {float:right;width:500px;height:31px;text-align:right;padding-top:20px} 
			.search input {display:inline-block;width:256px;height:29px;border:1px solid #d7dadb;}
			.search input.searchBtn {width:40px;height:31px;border:0;}
			.search a {border:0px;}

	#gnb {height:36px;background:#444444;border-top:1px solid #000;border-bottom:3px solid #000;}
		.gnbinner {width:1000px;height:36px;margin:0 auto;color:#fff;font-family: NanumGothic,'나눔고딕',Dotum, Gulim, Arial;font-size:15px;text-align:center;}
		.gnb_dep01 {float:left;display:inline-block;width:130px;padding:8px 13px;text-align:center;vertical-align:top;}
		.gnb_dep02 {float:left;display:inline-block;width:145px;padding:8px 13px;text-align:center;vertical-align:top;}
		.gnb_dep03 {float:left;display:inline-block;width:150px;padding:8px 13px;text-align:center;vertical-align:top;}
		.gnb_dep04 {float:left;display:inline-block;width:143px;padding:8px 13px;text-align:center;vertical-align:top;}
		.gnb_dep05 {float:left;display:inline-block;width:140px;padding:8px 13px;text-align:center;vertical-align:top;}
		.gnb_dep06 {float:left;display:inline-block;width:103px;padding:8px 13px;text-align:center;vertical-align:top;}
		

		.gnbinner a {font-family: NanumGothic,'나눔고딕',Dotum, Gulim, Arial;font-size:15px;color:#f8f8f8;font-weight:500;}

	#container_main {width:1000px;margin:0 auto;}
		#visualZone {padding-top:4px;height:272px;}
		#visualZone article {float:left;}
			.visual {width:664px;height:270px;border:1px solid #e0e0e0;}

			/* 메뉴 시작 */
			#topMenuSubWrap{position: absolute; float:right; left:50%; top:148px; margin-left:-500px; z-index:20; }
			.topMenu_white { float:left;background:#fff;padding-top:2px; }
			.topMenu_black { float:left;clear:both; width:1000px; height:170px; background:#000; filter:alpha(opacity=60); opacity:0.6; }

			.Menu_Allmenu {width:1000px;}
			.Menu_dep01_1 {float:left;display:inline-block;width:130px;padding:18px 13px;text-align:center;vertical-align:top;}
			.Menu_dep01_2 {float:left;display:inline-block;width:145px;padding:18px 13px;text-align:center;vertical-align:top;}
			.Menu_dep01_3 {float:left;display:inline-block;width:150px;padding:18px 13px;text-align:center;vertical-align:top;}
			.Menu_dep01_4 {float:left;display:inline-block;width:143px;padding:18px 13px;text-align:center;vertical-align:top;}
			.Menu_dep01_5 {float:left;display:inline-block;width:140px;padding:18px 13px;text-align:center;vertical-align:top;}
			.Menu_dep01_6 {float:left;display:inline-block;width:103px;padding:18px 13px;text-align:center;vertical-align:top;}

			.Menu_dep02 {font-family: NanumGothic,'나눔고딕',Dotum, Gulim, Arial;font-size:13px;color:#fff;font-weight:500;line-height:25px;}
			.Menu_dep02 a {font-family: NanumGothic,'나눔고딕',Dotum, Gulim, Arial;font-size:13px;color:#f8f8f8;font-weight:500;}
			/* 비주얼 추가 */
			.visual .swiper_ctl{position:absolute;left:89%;bottom:10px;text-align:center;z-index:100;}
			.visual .swiper_ctl .swiper-pagination-switch {display:inline-block;width:16px;height:16px;overflow:hidden;margin:0 2px;cursor:pointer;background:url('../img/page.png') no-repeat left top;}
			.visual .swiper_ctl .swiper-active-switch {display:inline-block;width:16px;height:16px;overflow:hidden;margin:0 2px;cursor:pointer;background:url('../img/page_on.png') no-repeat left top;}
			.visual .swiper_wrap {position:relative;padding:0;overflow:hidden;}
			.visual .swiper-container {height:280px;}
			.visual .swiper-slide {float:left;}
			.visual .swiper-container {position:relative;margin:0 auto;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
			.visual .swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
			.visual .swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
			/* 끝 */

			.news {width:330px;height:160px;border:1px solid #e0e0e0;margin-left:2px;}
				.news > h2 {color:#b32431;padding-top:10px;padding-left:15px;}
					.hotnews {width:300px;height:75px;background:#efefef;margin-left:15px;margin-top:5px;}
					.hotnews p {font-family:'굴림',Gulim;font-size:11px;padding-top:10px;padding-left:10px;}
					.hotnews p > em {font-weight:700;}
					.newslist {margin-top:7px;}
					.newslist p {background:url('../img/newslist_blt.png') no-repeat 0px 7px;padding-left:7px;margin-left:17px;width:285px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

			.systemQ {width:330px;height:105px;border:1px solid #e0e0e0;margin-left:2px;margin-top:3px;}
			.systemQ div {display:inline-block;}
				.systemQ_box{float:left; width:200px;}
				.systemQ_title {height:38px;}
				.systemQ_title > h2 {background:url("../img/systemQ_blt.png") no-repeat 0px 20px;
				padding-left:13px;margin-left:15px;padding-top:17px;}
				.systemQ_inner {height:67px;}
				.systemQ_inner p {font-family:'굴림',Gulim;font-size:11px;padding-top:16px;padding-left:15px;}
				.dv_rolling {margin-left:15px;margin-top:5px;height:40px;width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
				.re_icon {padding-left:5px; padding-right:5px;}
				.w_icon {padding-right:6px;}
				.l_icon {padding-left:6px;}
				.systemQ_icon {float:left;width:130px;height:105px;}
				.systemQ_icon > img {padding:22px 25px;}

		#bannerZone {height:71px;padding-top:3px;}
		#bannerZone article {display:inline-block; float:left;}
		#bannerZone article div {float:left;}
		#bannerZone h2 {color:#fff;}
			.banner01 {width:331px; height:71px;background:#ffba00;}
			.banner02 {width:331px; height:71px;background:#e84d5b;margin-left:3px;}
			.banner03 {width:331px; height:71px;background:#793679;margin-left:3px;}
				.bannerInner {width:248px;height:71px;line-height:26px;}
				.bannerInner p {font-family:'굴림',Gulim;font-size:11px;color:#fff;padding-left:20px;}
				.bannerInner h3 {color:#fff;padding-left:20px;padding-top:10px;}
				.bannericon {width:83px;height:71px;}

		#work {width:998px;height:133px;border:1px solid #e0e0e0;margin-top:13px;}
		#work article.workBtnZone div {margin:0; padding:0px;float:left;}
		#work div.leftBtn {width:39px;height:98px;}
		#work div.rightBtn {width:39px;height:98px;}
		#work div.workBtn {width:109px;height:92px;border:3px solid #fff;background:#fff}
		#work div.workBtn:hover {border:3px solid #e84d5b;}
			.workTitle {width:953px;background:url("../img/work_bg.png");padding-top:12px;padding-left:45px;}
				.workBtnIcon {width:109px;height:58px;}
				.workBtnTitle {width:109px;font-family:'굴림',Gulim;font-size:11px;color:#3f3e3e;text-align:center;}

		#menuZone {width:1000px;height:283px;margin-top:12px;}
		#menuZone article {width:325px;height:134px;border:3px solid #e0e0e0;float:left;}
		#menuZone article div {display:inline-block;}
			#menuZone article div p.manuTitle {font-family: NanumGothic,'나눔고딕',Dotum, Gulim, Arial;font-size:15px;color:#393a3a;padding-left:24px;padding-top:16px;}
			#menuZone article div p.manuSummary {font-family:'굴림',Gulim;font-size:11px;color:#3f3e3e;padding-left:24px;padding-top:14px;}
			#menuZone article div p.manuGoBtn {padding-top:13px;}
				.btnGo_01 {padding-left:20px;}
				.btnGo_01Bg01 {display:inline-block;height:25px;background:url(../img/btn01Bg02.png) no-repeat 100% 0;padding-right:45px;}
				.btnGo_01Bg02 {display:inline-block;height:25px;background:url(../img/btn01Bg01.png) no-repeat 0 0;padding-left:12px;line-height: 27px;}
				/*.btnGo_01Bg02 > em {line-height: 27px;}*/
		#menuZone article:hover {border:3px solid #ff9000;}
			.manu01 {background:#fff;}
			.manu02 {margin-left:3px;background:#fff;}
			.manu03 {margin-left:3px;background:#fff;}
			.manu04 {margin-top:3px;background:#fff;}
			.manu05 {margin-top:3px;margin-left:3px;background:#fff;}
			.manu06 {margin-top:3px;margin-left:3px;background:#fff;}
				.manuLeft {float:left;}
				.manuIcon {float:right;width:112px;height:134px;}
				.manuIcon > a img {padding-top:22px;}

		#portfolioZone {width:1000px;height:360px;margin-top:15px;}
			.portfolioTitle {height:30px;background:#3b3b3b;font-family: NanumGothic,'나눔고딕',Dotum, Gulim, Arial;font-size:14px;font-weight:700;color:#fff;text-align:center;vertical-align:middle;}
			.portfolioTitle > em {font-weight:700;line-height:28px;}
			.portfolioTitle > em a {color:#fff;}
			.portfolio {padding-top:12px;}
			.portfolio div {width:242px;height:164px;float:left;border:3px solid #e0e0e0;}
				.portfolio_02 {margin-left:2px;}
				.portfolio_03 {margin-left:3px;}
				.portfolio_04 {margin-left:3px;}
				.portfolio_05 {margin-top:3px;}
				.portfolio_06 {margin-left:2px;margin-top:3px;}
				.portfolio_07 {margin-left:3px;margin-top:3px;}
				.portfolio_08 {margin-left:3px;margin-top:3px;}
			.portfolio div:hover {border:3px solid #793679;}

		#mainPaging {height:11px;padding-bottom:20px;margin:0 auto;}
		#mainPaging span {font-family: NanumGothic,'나눔고딕',Dotum, Gulim, Arial;font-size:15px;font-weight:700;float:right;}
		#mainPaging img {vertical-align:top;}
			.btn {width:23px;height:19px;}
			#mainPaging > span.pagetext {padding-right:10px;}

		#sitemap {width:1000px;height:250px;background:url("../img/sitemap_bg.png");margin-top:50px;}
		#sitemap .sitemapAllmenu {width:955px;margin:0 auto;text-align:center;}
			.sitemapMenu_dep01 {float:left;display:inline-block;width:128px;padding:18px 13px;text-align:center;font-family: NanumGothic,'나눔고딕',Dotum, Gulim, Arial;font-size:14px;font-weight:700;color:#fff;vertical-align:top;background:url("../img/sitemapManu_brb.png") 13px 52px no-repeat;}
			.sitemapMenu_dep01 a {color:#fff;}
			.sitemapMenu_dep02 {font-family: NanumGothic,'나눔고딕',Dotum, Gulim, Arial;font-size:13px;color:#fff;font-weight:500;line-height:25px;padding-top:28px;}
			.sitemapMenu_dep02 a {font-family: NanumGothic,'나눔고딕',Dotum, Gulim, Arial;font-size:13px;color:#f8f8f8;font-weight:500;}

		#footer {width:100%;border-top:5px solid #444444;margin-top:50px;}
			.footerinner {width:1000px;height:145px;margin:0 auto;}
			.footerinner div {float:left;}
			.footerinner .footerInfo {padding:4% 2%;}
				.footerLogo {width:123px;height:145px;}
				.footerLogo > img {padding:45px 25px;}
				.footerInfo {height:40px;line-height:25px;}
				.footerInfo p {font-family:'글림체',Gulim;font-size:11px;}