@charset "utf-8";

/***** ���� *****/

@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
/* font{ font-family:'Nanum Square';} */

@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);
/* font-family: 'Noto Sans SC', sans-serif; */

*{margin:0;padding:0;font-family:'Noto Sans SC',Nanum Gothic,Dotum,Gulim,AppleGothic,Sans-serif;}
body{ font-size:11px; line-height:110%; color:#666; text-align:center; background:#eeeeee;}		
input, select, textarea{ color:#666; font-family:'Noto Sans SC',Dotum,Gulim,AppleGothic,Sans-serif; }
img,fieldset,iframe{border:0 none;}
ul li{list-style:none; margin:0; padding:0;}
legend{ display:none;}
.text{white-space:nowrap;}/*텍스트줄바꿈방지*/

a:link {font-size:12px;color:#818181; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
a:visited {font-size:12px;color:#818181; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
a:hover {font-size:12px;color:#333333; text-decoration: none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}


input[type=text]{vertical-align:middle; position:relative; border:1px solid #999; height:36px; line-height:36px; padding:0px 10px 0px 10px; vertical-align:top; }

textarea{border:1px solid #999;}
select{border:1px solid #999; height:20px; line-height:20px;}

.normalBtn									{ padding:10px 30px; font-size:14px; }


.layerPopWrap								{ position:fixed; z-index:10; background:#fff; left:50%; top:50%; border-radius:20px; border:5px solid #000; opacity:0; }
.layerPopWrap .layerPop						{ position:relative; width:100%; height:100%; }
.layerPopWrap .layerCloseBtn				{ position:absolute; right:-18px; top:-18px; width:40px; height:40px; font-size:16px; font-weight:700; background:#fff; color:#000; border:3px solid #000; border-radius:20px; z-index:9; padding:0px; }
.blackArea									{ position:fixed; width:100%; height:100%; background:url(../image/black80.png); z-index:9; left:0px; top:0px; opacity:0; }

.minWidthWrap								{ position:relative; width:1200px; display:inline-block; zoom:1; *display:inline; margin:0 auto; }
.maxWidthWrap								{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; }

button										{ padding:10px 20px; background:#eee; border:1px solid #ddd; font-size:14px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
button:hover								{ background:#36b7e0; border:1px solid #36b7e0; color:#fff; }


#TOP										{ position:absolute; width:100%; height:249px; top:0px; left:0px; background:#f0f0f0; z-index:99; }
#TOP #topMenuWrap							{ position:relative; width:100%; height:42px; background:#e0e0e0; }
#TOP #topMenuWrap #socialArea				{ position:relative; float:left; }
#TOP #topMenuWrap #socialArea img			{ margin:0px 1px 0px 0px; float:left; }
#TOP #topMenuWrap #topMenu					{ position:relative; float:right; height:42px; line-height:42px; }
#TOP #topMenuWrap #topMenu a				{ margin:0px 0px 0px 15px; font-size:13px; color:#5a5a5a; }

#TOP .container								{ position:relative; width:1200px; margin:0 auto; text-align:left; }
#TOP .container #logo						{ float:left; }
#TOP .container #topAbout					{ float:right; }

#gnbWrap									{ position:relative; width:100%; height:56px; display:inline-block; zoom:1; *display:inline; }

#gnbWrap #GNB                               { position:relative; width:947px; height:54px; border:1px solid #e4e4e4; border-right:0px; float:left; background:#fff; }
#gnbWrap #GNB dt							{ position:relative; height:54px; line-height:54px; float:left; padding:0px 30px; font-size:17px; font-family: 'Noto Sans SC', sans-serif; font-weight:600; border-right:1px solid #e4e4e4; cursor:pointer; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
#gnbWrap #GNB dt:hover,
#gnbWrap #GNB dt.active						{ background:#36b7e0; color:#fff; }
#gnbWrap #GNB dt.last						{ }
#gnbWrap #GNB dd							{ position:absolute; left:0px; top:54px; padding:20px 0px; overflow:hidden; border:1px solid #e4e4e4; background:#fff;  }
#gnbWrap #GNB dd a							{ display:inline-block; zoom:1; *display:inline; width:100%; padding:10px 20px; font-size:13px; }
#gnbWrap #GNB dd a:hover					{ background:#36b7e0; color:#fff; }
#gnbWrap #GNB .sub1							{ left:0px; width:180px; display:none; }
#gnbWrap #GNB .sub2							{ left:124px; width:180px; display:none; }
#gnbWrap #GNB .sub3							{ left:257px; width:200px; display:none; }
#gnbWrap #GNB .sub4							{ left:470px; width:200px; display:none; }
#gnbWrap #GNB .sub5							{ left:660px; width:120px; display:none; }
#gnbWrap #GNB .sub6							{ left:770px; width:180px; display:none; }

#gnbWrap #searchArea                        { position:relative; width:252px; height:56px; float:left; }
#gnbWrap #searchArea input					{ width:175px; height:54px; border:1px solid #e4e4e4; border-left:0px; float:left; padding:0px 10px; font-size:14px; color:#bdbdbd; }
#gnbWrap #searchArea button					{ width:55px; height:56px; text-indent:-9999px; background:url(../image/search1.jpg) left top no-repeat; float:left; }

#mainVisual									{ position:relative; width:100%; height:936px; background-position:center top; background-repeat:no-repeat; margin:249px 0px 0px 0px; }
#mainVisual .item							{ position:relative; display:inline-block; zoom:1; *display:inline; width:100%; height:936px; }
#mainVisual .item img						{ display:none; }
#mainVisual .owl-controls					{ position:absolute; left:0px; bottom:0px; width:100%; text-align:center; }

#mainContWrap								{ position:relative; width:1200px; margin:0 auto; display:inline-block; zoom:1; *display:inline; }
#mainContWrap #middleTop					{ position:absolute; width:100%; height:430px; left:0px; top:-290px; background:#323232;  }

#galleryArea								{ position:relative; width:1110px; height:333px; margin:45px 45px 0px 45px; text-align:left; float:left; }
#galleryArea a								{ display:inline-block; zoom:1; *display:inline; width:262.5px; text-align:left; line-height:170%; margin:0px 20px 0px 0px; float:left; }
#galleryArea a:last-child					{ margin-right:0; }
#galleryArea .statuIcon						{ float:left; margin:19px 0px 0px 0px; }
#galleryArea .date 	   						{ display:inline-block; zoom:1; *display:inline; float:right; font-size:11px; margin:19px 0px 17px 0px; color:#6d6d6d; }
#galleryArea strong	   						{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:16px; color:#36b7e0; margin:5px 0px; }
#galleryArea .typo1	   						{ display:inline-block; zoom:1; *display:inline; width:100%; margin:16px 0px; font-size:14px; color:#848484; }

#importantMenu								{ position:relative; top:-290px; width:1200px; z-index:9; margin:0 auto; }
#importantMenu > a > img					{ width:400px; }

#middleMid									{ position:relative; width:100%; height:483px; background:#323232; margin:160px 0px 0px 0px; text-align:left; }
#middleMid #leftWrap						{ position:relative; width:577px; margin:32px 0px 0px 45px; text-align:left; display:inline-block; zoom:1; *display:inline; }
#middleMid #leftWrap strong					{ display:inline-block; zoom:1; *display:inline; width:100%; color:#ffffff; font-family:futuraStdBold; font-size:19px; margin:0px 0px 22px 0px; }
#middleMid #rightWrap						{ position:relative; width:578px; height:342px; float:right; margin:72px 0px 0px 0px; }

#middleBot									{ position:relative; width:100%; height:410px; text-align:left; background:#fff; margin:20px 0px 0px 0px; }

#middleBot #leftWrap						{ position:relative; width:600px; height:400px; float:left; overflow:hidden; }
#middleBot #leftWrap dt						{ position:relative; width:599px; /* font-family:futuraStdBold;  */font-size:20px; border-right:1px solid #4a4a4a; border-bottom:1px solid #e4e4e4; color:#fff; background:#8b8b8b; text-align:center; padding:20px 0px; }
#middleBot #leftWrap dd						{ position:relative; width:599px; height:900px; border-right:1px solid #e4e4e4; text-align:left; padding:25px 0px; }
#middleBot #leftWrap dd span				{ display:inline-block; zoom:1; *display:inline; width:80%; margin:9px 10%; font-size:14px; color:#757575; }

#middleBot #rightWrap						{ position:relative; width:600px; height:400px; float:right; }
#middleBot #rightWrap dt					{ position:relative; width:100%; /* font-family:futuraStdBold; */ font-size:20px; border-bottom:1px solid #e4e4e4; color:#fff; background:#8b8b8b; text-align:center; padding:20px 0px; }
#middleBot #rightWrap dd					{ position:relative; width:100%; height:204px; text-align:left; padding:25px 0px; }
#middleBot #rightWrap dd div				{ position:relative; display:inline-block; zoom:1; *display:inline; width:100%; float:left; }
#middleBot #rightWrap dd span				{ display:inline-block; zoom:1; *display:inline; width:80%; margin:9px 10%; font-size:14px; color:#757575; }

#partnerWrap								{ position:relative; width:100%; height:97px; background:#e2e2e2; margin:20px 0px; }
#partnerWrap #partnerList					{ position:relative; width:90%; height:97px; line-height:97px; margin:0 auto; }
#partnerWrap #partnerList .owl-prev			{ position:absolute; width:17px; height:31px; border-radius:0px; background:url(../image/arrow1.png) center center no-repeat; left:-50px; top:25px; }
#partnerWrap #partnerList .owl-next			{ position:absolute; width:17px; height:31px; border-radius:0px; background:url(../image/arrow2.png) center center no-repeat; right:-50px; top:25px; }

#FOOTER										{ position:relative; width:100%; padding:0px 0px 50px 0px; background:#303030; vertical-align:top; display:inline-block; zoom:1; *display:inline; }
#FOOTER #copyMenu							{ position:relative; width:100%; height:39px; border-bottom:1px solid #444444; }
#FOOTER #copyMenu .container				{ position:relative; margin:0 auto; text-align:left; width:1200px; }
#FOOTER #copyMenu a							{ font-size:12px; color:#a3a3a3; height:39px; line-height:39px; margin:0px 10px; }
#FOOTER #copyMenu a:hover					{ color:#fff; }

#FOOTER #companyInfo						{ position:relative; width:1180px; margin:0 auto; text-align:left; color:#717171; padding:20px 10px; line-height:160%; font-size:12px; }
#FOOTER #companyInfo .copyLogo				{ position:absolute; right:0px; bottom:50px; }

#subVisual                                  { position:relative; width:100%; height:210px; margin:249px 0px 0px 0px; line-height:170%; }
#subVisual.bg1                              { background:url(../image/subvisual1.png) center top no-repeat; }
#subVisual.bg2                              { background:url(../image/subvisual2.png) center top no-repeat; }
#subVisual.bg3                              { background:url(../image/subvisual3.png) center top no-repeat; }
#subVisual.bg4                              { background:url(../image/subvisual4.png) center top no-repeat; }
#subVisual.bg5                              { background:url(../image/subvisual5.png) center top no-repeat; }
#subVisual.bg6                              { background:url(../image/subvisual6.png) center top no-repeat; }
#subVisual.bg7                              { background:url(../image/subvisual7.png) center top no-repeat; }
#subVisual strong                           { display:inline-block; zoom:1; *display:inline; width:100%; font-size:54px; color:#fff; font-family:futuraStdBold; margin:87px 0px 15px 0px; text-shadow:0px 0px 10px rgba(000,000,000,0.5); }
#subVisual span                             { display:inline-block; zoom:1; *display:inline; font-size:19px; font-family:'Noto Sans SC', sans-serif; width:100%; margin:10px 0px 0px 0px; color:#fff; text-shadow:0px 0px 10px rgba(000,000,000,0.5); }

#snbWrap                                    { position:relative; width:100%; height:45px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; background:#f6f6f6; vertical-align:top; }
#snbWrap #snbList                           { position:relative; display:inline-block; zoom:1; *display:inline; }
#snbWrap a                                  { height:45px; line-height:45px; font-size:17px; font-family:'Noto Sans SC', sans-serif; display:inline-block; zoom:1; *display:inline; border-right:1px solid #dddddd; color:#5a5a5a; padding:0px 50px; margin:0px; float:left; }
#snbWrap a:first-child                      { border-left:1px solid #ddd; }
#snbWrap a:hover,
#snbWrap a.active                           { background:#fff; border-bottom:1px solid #fff; color:#36b7e0; }

#subContentWrap								{ position:relative; width:100%; background:#fff; display:inline-block; zoom:1; *display:inline; background:#fff; vertical-align:top; line-height:170%; padding:0px 0px 100px 0px; }
#subContentWrap #subTitleWrap				{ position:relative; width:100%; margin:100px auto 20px auto; }
#subContentWrap #subTitleWrap strong		{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:54px; color:#565656; font-family:futuraStdBold; line-height:100%; }
#subContentWrap #subTitleWrap span			{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:19px; color:#7f7f7f; margin:10px 0px 0px 0px; }
#subContentWrap #subTitleWrap input			{ width:500px; border:5px solid #36b7e0; }
#subContentWrap #subTitleWrap button		{ height:46px; background:#36b7e0; border:1px solid #36b7e0; color:#fff; }
#subContentWrap #subTitleWrap > div			{ display:inline-block; zoom:1; *display:inline; width:100%; }
#subContentWrap #subTitleWrap > div a		{ display:inline-block; zoom:1; *display:inline; width:20%; font-size:18px; margin-bottom:20px; font-family:RixGo B; }/* border:1px solid #36b7e0; border-radius:15px; padding:5px; */
#subContentWrap #subTitleWrap > div a > img	{ display:block; margin:0 auto; }


#contTapWrap								{ position:relative; display:inline-block; zoom:1; *display:inline; width:100%; text-align:center; border-bottom:1px solid #dddddd; background:#fff; }
#contTapWrap .container						{ position:relative; width:1200px; margin:0 auto; text-align:left; }
#contTapWrap .menu2 a:first-child			{ margin-left:80px; }
#contTapWrap .menu3 a:first-child			{ margin-left:640px; }
#contTapWrap .menu4 a:first-child			{ margin-left:770px; }
#contTapWrap a								{ display:inline-block; zoom:1; *display:inline; font-size:16px; color:#646464; font-family:'Noto Sans SC', sans-serif; padding:15px; color:#c1c1c1; }
#contTapWrap a:hover,
#contTapWrap a.active						{  /* border:1px solid #c95659; background:#c95659;  */color:#c95659; }
#contTapWrap a.orange						{ color:#e78b0e !important; }
.redBtn										{ background:#c95659; border:1px solid #9e3a3d; color:#fff; }

#tapContWrap								{ position:relative; width:100%; }
#tapContWrap img							{ display:none; }
#tapContWrap img:first-child				{ display:block; }

.boardGallery								{ border-collapse:collapse; width:100%; }
.boardGallery a								{ position:relative; display:inline-block; zoom:1; *display:inline; width:95%; height:340px; border:1px solid #ddd; padding:15px 0px; cursor:pointer; margin:0px 0px 20px 0px; }
.boardGallery a .image						{ display:inline-block; zoom:1; *display:inline; width:256px; height:148px; background-size:contain; background-position:center center; background-repeat:no-repeat; }
.boardGallery a:hover						{ border:1px solid #36b7e0; }
.boardGallery a:hover,
.boardGallery a:hover strong				{ color:#36b7e0; }
.boardGallery a img							{ border:1px solid #ddd; }
.boardGallery a strong						{ display:inline-block; zoom:1; *display:inline; width:256px; margin:15px 0px 10px 0px; font-size:16px; line-height:160%; text-align:left; color:#141414; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.boardGallery a .typo						{ display:inline-block; zoom:1; *display:inline; width:90%; margin:10px 0px; font-size:13px; text-align:left; line-height:160%; height:100px; overflow:hidden; }
.boardGallery a .typo2						{ position:absolute; display:inline-block; zoom:1; *display:inline; width:90%; font-size:13px; text-align:left; line-height:160%; left:5%; bottom:15px; }
.boardGallery a .typo2 span					{ display:inline-block; zoom:1; *display:inline; width:50%; float:left; }
.boardGallery a .typo2 span:first-child		{ text-align:left; font-size:11px; color:#bdbdbd; }
.boardGallery a .typo2 span:last-child		{ text-align:right; font-size:11px; color:#bdbdbd; }

.pageing									{ position:relative; width:100%; text-align:center; margin:50px 0px; }
.pageing span								{ margin:0px 20px; }
.pageing a									{ display:inline-block; zoom:1; *display:inline; width:34px; height:34px; line-height:34px; border:1px solid #ddd; font-size:14px; }
.pageing a:hover,
.pageing a.active							{ background:#000; border:1px solid #000; color:#fff; }

.boardRead									{ border-collapse:collapse; width:100%; border-top:1px solid #141414; }
.boardRead th,
.boardRead td								{ padding:15px; }
.boardRead thead .title						{ font-size:18px; border-bottom:1px solid #ddd; background:#eee; }
.boardRead thead .title .etcInfo			{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:12px; margin:10px 0px 0px 0px; color:#666; }
.boardRead tbody tr td						{ border-bottom:1px solid #141414; text-align:left; line-height:170%; }
.boardRead tbody tr td img					{ max-width:1170px; }

.boardBtnArea								{ position:relative; width:100%; margin:20px 0px; }

.boardNormal								{ position:relative; width:100%; }
.boardNormal a								{ position:relative; display:inline-block; zoom:1; *display:inline; width:94%; border:1px solid #cccccc; text-align:left; padding:20px 3%; margin:0px 0px 10px 0px; }
.boardNormal a:hover						{ background:#eee; }
.boardNormal a .title 						{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:16px; line-height:160%; font-weight:700; color:#141414; }
.boardNormal a .date  						{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:13px; margin:10px 0px 0px 0px; }
.boardNormal a .numbering					{ position:absolute; right:3%; top:25px; display:inline-block; zoom:1; *display:inline; font-size:13px; }

.searchArea									{ position:relative; width:100%; text-align:center; margin:20px 0px; }
.searchArea input[type="text"]				{ background:#eee; width:200px; font-size:14px; }

.searchTitle								{ position:relative; width:100%; text-align:left; font-size:16px; margin:0px 0px 10px 0px; display:inline-block; zoom:1; *display:inline; }
.searchTitle strong							{ display:inline-block; zoom:1; *display:inline; float:left; }
.searchTitle .ea							{ display:inline-block; zoom:1; *display:inline; float:right; }
.searchTitle .ea span						{ color:#36b7e0; }

.section									{ position:relative; width:100%; margin:0px 0px 100px 0px; }

.boardWrite1								{ border-collapse:collapse; width:100%; border-top:2px solid #141414; margin:20px 0px; }
.boardWrite1 th,
.boardWrite1 td								{ padding:20px; font-size:14px; border-bottom:1px solid #ddd; }
.boardWrite1 td								{ text-align:left; }
.boardWrite1 th								{ background:#eee; }
.boardWrite1 td input[type=text]			{ width:98%; height:36px; line-height:36px; padding:0px 1%; font-size:14px; border:1px solid #ddd; background:#eee; }
.boardWrite1 td textarea					{ width:98%; padding:1%; font-size:14px; border:1px solid #ddd; background:#eee; }
.boardWrite1 td label						{ margin:0px 30px 0px 0px; }

.tapcont2,
.tapcont3									{ display:none; }

.movie										{ position:relative; }
.movie span									{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:center; font-size:14px; padding:10px 0px; color:#fff; }


.global_procurement {width: 1200px; margin: 0 auto;}
.global_procurement ul {width: 605px; margin: 0 auto;}
.global_procurement ul li {float: left; margin: 0 50px;}
.global_procurement_Bigtext {float: left; width: 1200px; margin: 20px auto 40px; text-align: center; line-height: 40px; font-weight: bold; font-size: 40px; color: #376092;}
.line {height: 3px; background: #59ccf5;}
.global_procurement_text {font-size: 30px; float: left; width: 100%; text-align: center; font-weight: 600; line-height: 30px; margin: 30px 0; color: #376092;}
.global_procurement_text1 {font-size: 20px; float: left; width: 100%; text-align: center; font-weight: 600; line-height: 30px; margin: 30px 0; color: #376092;}