@import url("reset.css");
@import url("contents.css");


#Wrap							{min-width:1200px; padding-top:90px;}

.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}


/* ****************** HEADER ********************** 
#header{width:100%; height:98px; }
#headerContainer{width:100%; height:98px;}
#headerInner{width:1200px; margin:0 auto; height:100%; position:relative;}
.logo{display:block; floaT:left; margin:28px 0 0 0; z-index:2000000000000000000; position:relative}
.util{float:right; margin-top:42px;}
.util li	{float:left;}
.util li > a{font-size:13px; color:#888; display:inline-block; width:80px; text-align:center}
.util li:last-child	 > a{border-left:1px solid #ddd; font-weight:300}
.util li:hover > a, .util li:focus > a{color:#0085ca;}*/
/* ****************** GNB ********************** 
#gnbBg{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:#000; opacity:0.7; z-index:99800000;}
#gnb{position:absolute; top:0; left:0; width:100%; height:98px; z-index:99000000;}
#gnb ul.clearfix{position:absolute; top:0;left:50%; margin-left:-600px; width:850px; padding-left:350px; height:98px;}
#gnb ul.clearfix > li{float:left; width:16.6%; height:98px; text-align:center; font-weight:400}
#gnb ul.clearfix > li > a{display:block; width:100%; height:100%; font-size:18px; line-height:98px; color:#121212; font-weight:400}
#gnb ul.clearfix > li > a:hover	{color:#fff}
#gnb ul.clearfix > li > a:focus	{color:#fff}
#gnb ul.clearfix > li:hover, #gnb ul.clearfix > li:focus, #gnb ul.clearfix > li.on{ background-color:rgba(108,159,225,0.9); color:#fff; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;}	
.gnb-2dep{width:100%; display:none; }
.gnb-2dep > li{width:100%; height:45px; background-color:#327ee0;}
.gnb-2dep > li a{display:block; width:100%; height:100%; line-height:45px; font-size:14px; color:#fff; letter-spacing:-0.5px;}
.gnb-2dep > li:hover a, .gnb-2dep > li:focus a{height:45px; line-height:45px; background-color:#327ee0;    -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}

*/


#Header							{width:100%; height:90px;  position:fixed; top:0; left:0; background-color:#fff; z-index:999999922222221; box-shadow:0px 1px 3px rgba(0,0,0,0.2)}
#Header	 h1						{display:block; floaT:left; padding:20px 0 0 0; position:relative; z-index:999999922222222}


.topnaviWrap {position:absolute;left:0;top:0;width:100%; z-index:6000000000000000000000;}
.topnavi	 {max-width:1200px; margin:0 auto; }
.topnavi .gnb {float:right;z-index:1200; }
.topnavi .gnb li span {display:block;width:135px;line-height:90px; cursor:pointer; font-size:18px; font-weight:400}
.topnavi .gnb li {float:left;line-height:50px;text-align:center;cursor:pointer;}
.topnavi .gnb li.menu {width:135px;height:100%;font-size:18px;color:#111;}
.topnavi .gnb li.menu:hover span {color:#329ae3}
.topnavi .gnb li.menu .gnb_on {width:135px; height:200px; padding:10px 0;  border-right:1px solid #238dd7; z-index:5501;}
.topnavi .gnb li.menu:first-child .gnb_on { border-left:1px solid #238dd7}
.topnavi .gnb li.menu .gnb_on:hover {background-color:rgba(50,154,227,1);}
.topnavi .gnb li.menu .gnb_on li {width:120px;line-height:35px; height:35px; font-size:13px; letter-spacing:-1px; padding-left:15px; text-align:left; }
.topnavi .gnb li.menu .gnb_on li a{line-height:35px; color:#fff}
.topnavi .gnb li.menu .gnb_on li a:hover	{text-decoration:underline}
.gnb_bg {display:block;position:absolute;left:0;top:90px;width:100%;height:220px;background-color:rgba(50,154,227,0.9);z-index:5500;   border-bottom:1px solid #ccc;}






#MainContainer						{position:relative;}
#Container							{position:relative;}


.mainVisual										{position:relative;}
.mainVisual	 ul.bxslider						{list-style: none;  margin: 0; padding: 0; z-index:}
.mainVisual	 ul.bxslider	li					{height:480px; width:100%;}
.mainVisual	 ul.bxslider	li:nth-child(1)		{background:url(../img/main/main_visual01.jpg) no-repeat center 0; }
.mainVisual	 ul.bxslider	li:nth-child(2)		{background:url(../img/main/main_visual02.jpg) no-repeat center 0; }
.mainVisual	 ul.bxslider	li:nth-child(3)		{background:url(../img/main/main_visual03.jpg) no-repeat center 0; }
.mainVisual	 ul.bxslider	li p				{width:1200px; margin:0 auto; padding-top:70px; font-size:20px; color:#666; position:relative; letter-spacing:-1px;}
.mainVisual	 ul.bxslider	li p span			{color:#000; font-size:45px; display:block; padding-top:5px; letter-spacing:-2.5px; font-weight:400; line-height:120%;}
.mainVisual	 ul.bxslider	li p  a				{position:absolute; lefT:0; top:320px;}



.VisualBannerBox								{width:600px; position:absolute; left:50%; margin-right:-600px; top:15px; z-index:500; }
.mainVisualBanner								{width:300px; float:right; }
.mainVisualBanner .BannerTlt					{background-color:#fff;  height:40px; line-height:40px; padding-left:20px; font-size:18px; color:#333; font-weight:400; border:1px solid #ddd}
.mainVisualBanner .BannerList	li				{height:120px; float:left;  border-top:0;}
.mainVisualBanner .BannerList	li a			{display:block; width:100%; height:40px; font-size:16px; color:#121212; text-align:center; padding-top:80px}
.mainVisualBanner .BannerList	li a:hover		{color:#ff6600}
.mainVisualBanner .BannerList   li:nth-child(1) {background:#f8f8f8 url(../img/main/v_icon01.png) no-repeat center 8px; background-size:90%; width:149px; border-left:1px solid #ddd;}
.mainVisualBanner .BannerList   li:nth-child(2) {background:#f8f8f8 url(../img/main/v_icon02.png) no-repeat center 8px; background-size:90%; width:148px; border-right:1px solid #ddd; border-left:1px solid #ddd}
.mainVisualBanner .BannerList   li:nth-child(3) {background:#f8f8f8 url(../img/main/v_icon03.png) no-repeat center 8px; background-size:90%; width:149px; border:1px solid #ddd; border-right:0}
.mainVisualBanner .BannerList   li:nth-child(4) {background:#f8f8f8 url(../img/main/v_icon04.png) no-repeat center 8px; background-size:90%; width:148px; border:1px solid #ddd;}



.mainVisualBanner .mainSearch					{background-color:rgba(108,159,225,0.9); height:100px; }
.mainVisualBanner .mainSearch .mainSearchTlt	{line-height:45px; padding-left:20px; font-size:18px; color:#fff}
.mainVisualBanner .mainSearch .mainSearchBox	{padding:0 20px;}
.mainVisualBanner .mainSearch .mainSearchBox p:nth-child(1)	{font-size:22px; color:#fff; float:left; width:65px; letter-spacing:-1px; line-height:40px;}
.mainVisualBanner .mainSearch .mainSearchBox p:nth-child(2) {width:180px; background-color:#fff; height:30px; box-shadow:1px 1px 3px rgba(0,0,0,0.3); float:left; padding:5px;}
.mainVisualBanner .mainSearch .mainSearchBox .SearchInput01	{display:inline-block; border:0; width:140px; padding-left:5px; line-height:30px; height:30px;  vertical-align:middle}
.mainVisualBanner .mainSearch .mainSearchBox .SearchBtn01	{display:inline-block; width:30px; height:30px; border:0;  vertical-align:middle}


.mainContents01									{width:1200px; margin:-65px auto 0 auto; background-color:#fff; height:230px; border:1px solid #ddd; z-index:1000000000; position:relative}
.mainContents01 .Link01							{float:left; background:#fff url(../img/main/mainContents_icon01.png) no-repeat 240px 130px; position:relative; border-right:1px solid #ddd}
.mainContents01 .Link01 a						{display:block; width:324px; height:200px; padding:30px 0 0 40px;}
.mainContents01 .Link02							{float:left; background:#fff url(../img/main/mainContents_icon02.png) no-repeat 240px 130px; position:relative; border-right:1px solid #ddd}
.mainContents01 .Link02 a						{display:block; width:324px; height:200px; padding:30px 0 0 40px;}
.LinkTlt										{font-size:14px; color:#777777; line-height:20px }
.LinkTlt span									{display:block; font-size:20px; color:#000; font-weight:500; letter-spacing:-1px;  height:45px;}
.ContentsLink									{position:absolute; bottom:30px; left:40px;}

.keywordranking									{width:400px; height:204px; float:left;  padding:26px 30px 0 40px; background-color:#f7fbff; }
.keywordranking		p							{font-size:20px; color:#000;  height:45px; position:relative; font-weight:500; letter-spacing:-1px;}
.keywordranking		p a							{position:absolute; top:-2px; right:20px;}
.keywordranking		ul li						{width:50%; float:left; line-height:28px; font-size:14px; color:#333; position:relative}
.keywordranking		ul li	img					{position:absolute; top:8px; right:30px;}


.mainContents02									{width:1180px; margin:0 auto; padding:30px 0; overflow: hidden}
.mainContents02 ul  li							{width:20%; text-align:center; float:left; font-size:14px; color:#666}
.mainContents02 ul  li  img						{display:inline-block; padding-bottom:5px;}
.mainContents02 ul  li  a						{font-size:16px; color:#000}


#Footer											{width:1200px; margin:0 auto; border-top:1px solid #000}
#Footer .footerLink								{border-bottom:1px solid #ddd; height:40px; }
#Footer .footerLink	ul							{float:left}
#Footer .footerLink	ul li						{float:left; padding:0 20px; background:url(../img/main/footer_ico.jpg) no-repeat 0 15px;}
#Footer .footerLink	ul li a						{font-size:14px; color:#888; line-height:40px;}
#Footer .footerLink	ul li:first-child			{background:none}
#Footer .footerLink .topLink					{width:40px; float:right}
#Footer .footerLink .topLink a					{display:block; width:40px; height:40px; background-color:#000; color:#fff; line-height:40px; text-align:center; font-size:13px; }


#Footer .footerBox								{padding:30px 0;}
#Footer .footerBox .footerText					{width:640px; float:left; font-size:13px; color:#888; line-height:20px}
#Footer .footerBox .footerText span				{display:block; padding-top:10px;}
#Footer .footerBox .footerCustomer				{width:208px; float:left; padding:0 40px; border-right:1px solid #ddd; border-left:1px solid #ddd;}
#Footer .footerBox .footerCustomer p:nth-child(1)	{font-size:13px; color:#888; height:25px;}
#Footer .footerBox .footerCustomer p:nth-child(2)	{font-size:20px; color:#000; font-weight:400}
#Footer .footerBox .footerCustomer p:nth-child(3)	{font-size:13px; color:#888}
#Footer .footerBox .footerCustomer p:nth-child(4)	{font-size:14px; color:#888; padding:10px 0}


.product_site				{position:relative;float:left;  width:200px; padding:0 35px;  z-index:10;}
.product_site a.btn			{display:block; height:35px; width:200px; margin:0 auto;}
.product_site .product_list	{overflow-y:scroll;display:none;position:absolute;left:35px;bottom:35px;width:198px;height:80px;padding:10px 0; margin:0; background:#f1f1f1;}
.product_site .product_list.on			{display:block}
.product_site .product_list ul			{padding:0; margin:0;}
.product_site .product_list li a		{display:block; color:#666; text-decoration:none; padding:1px 10px; text-align:left; font-size:12px;}
.product_site .product_list li a:hover	{color:#000;}





.subVisual										{width:100%; height:280px; overflow: hidden; background-color:#f1f1f1;}
.subVisual div									{width:1200px; margin:0 auto; padding-top:50px;  }
.subVisual div p:nth-child(1)					{color:#888; font-size:17px; margin-top:40px; font-weight:400; line-height:140%; padding-left:10px;}
.subVisual div p:nth-child(1)	span			{color:#121212; font-size:34px; font-family: 'NanumSquare';  font-weight:500; display:block; padding-bottom:20px; letter-spacing:-1px;}




.sub01											{background:url(../img/subVisual01.jpg) no-repeat center 0; background-size:cover}
.sub02											{background:url(../img/subVisual02.jpg) no-repeat center 0; background-size:cover}
.sub03											{background:url(../img/subVisual03.jpg) no-repeat center 0; background-size:cover}
.sub04											{background:url(../img/subVisual04.jpg) no-repeat center 0; background-size:cover}
.sub05											{background:url(../img/subVisual05.jpg) no-repeat center 0; background-size:cover}



#Container										{width:1200px; margin:0 auto; background:url(../img/sub/sub_bg.jpg) repeat-y 0 0;}
.submenu										{width:222px; float:left; }
.submenu .tlt									{height:55px; padding-top:60px; font-size:24px; color:#333; font-weight:400; background:url(../img/sub/subtlt_bg.jpg) no-repeat center bottom; text-align:center;}
.submenu ul										{padding-top:20px; }
.submenu ul	 li									{border-bottom:1px solid #fff}
.submenu ul	 li a								{display:block; width:190px; height:38px; line-height:38px; padding-left:32px; color:#666; font-size:13px; font-weight:400; background:url(../img/sub/submenu_off.jpg) no-repeat 190px 17px;}
.submenu ul	 li:hover	a						{color:#fff; background:#399bd7 url(../img/sub/submenu_on.png) no-repeat 190px 17px;}
.submenu ul	 li.on	a							{display:block; width:190px; height:38px; line-height:38px; padding-left:32px; color:#fff; font-size:13px; font-weight:400; background:#399bd7 url(../img/sub/submenu_on.png) no-repeat 190px 17px;}

.Contents										{width:935px; float:right;}
.Contents .navi									{text-align:right; padding-right:10px; line-height:60px; height:60px; font-size:12px; color:#333;}
.Contents .navi span							{background:url(../img/sub/navi_bg.jpg) no-repeat center 5px;  display:inline-block; width:20px;  height:12px}
.Contents .ContentsTlt							{border-bottom:1px solid #ddd; font-size:28px; height:50px; color:#121212; font-weight:500;}
.Contents .ContentsBox							{padding:70px 30px; overflow: hidden;  min-height:600px;}