body {margin:0;padding:0;border:0;font-family:'NanumGothic';}

.clearfix:before, .clearfix:after {
        display: block; 
        content: ' '; 
        line-height: 0;
}
.clearfix:after {
        clear: both;
}
.clearfix{
        *zoom:1;
}

.drop{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#wrapper {width:100%;}
#headerw {width:100%;background:url('../images/headerbg.gif')repeat-y;top center;height:88px;margin:0 auto;}
#topdiv {width:100%;background:url('../images/topdiv.gif');height:5px;}
#headerw header {width:1000px;margin:0 auto;}
#logotop {float:left;}
nav.navigations {display:left;width:1400px;}

/* 메인페이지 css */
#maint {width:100%;background:url('../images/mainbbg.gif');height:590px;}
#maint #contw {width:1000px;margin:0 auto;}
#maint #mainbanner {width:1000px;float:left;}
#maint #bannerbtns {width:1000px;margin:0 auto;}
#maint #bannerbtns ul li {float:left;list-style:none;padding-right:4px;}
#maint #bannerbtns ul li.lastlia {float:left;list-style:none;padding-right:0;}

#cont2div {width:100%;background:url('../images/cont2divbg.gif')top center;height:6px;}
#cont2div .cont2bar {width:1000px;margin:0 auto;}
#cont2div #clienti {float:left;width:230px;height:316px;margin-top:17px;}
#cont2div #noti {float:left;width:337px;margin-left:40px;padding-top:30px;}
#cont2div #noti table {width:100%;margin-top:8px;height:79px}
#cont2div #noti th {font-size:13px;color:#333;width:80%;text-align:left;height:15px;padding-bottom:0}
#cont2div #noti td {font-size:11px;color:#555;width:20%;text-align:right;height:15px;padding-bottom:0}
#cont2div #botban {float:left;width:353px;margin-left:40px;}


/*re*/
#cont2div #clienti01 {float:left;width:230px;height:210px;margin-top:20px;}

#cont2div #noti01 {float:left;width:500px;height:210px;margin-left:20px;/*padding-top:17px*/;}
#cont2div #noti01 table {width:100%;margin-top:10px;height:79px}
#cont2div #noti01 th {font-size:13px;color:#333;width:80%;text-align:left;height:25px;padding-bottom:0}
#cont2div #noti01 td {font-size:11px;color:#555;width:20%;text-align:right;height:25px;padding-bottom:0}

#cont3div .cont3bar {width:1000px;margin:0 auto;margin-bottom:50px;}

#cont3div .cont3bar div {float:left; width:32%; margin-top:30px; outline:1px solid #d1d1d1; box-sizing:border-box;}
#cont3div .cont3bar div:nth-child(1){margin-right:2%;}
#cont3div .cont3bar div:nth-child(2){margin-right:2%;}





.navi {list-style-type:none;height:22px;padding:0;margin:0;}
.navi li {float:left;position:relative;padding:0;line-height:22px;background:#131313;height:22px;}
.navi li a {display:block;font-weight:600;font-size:14px;padding-top:33px;padding-bottom:33px;padding-left:25px;color:#fff;text-decoration:none;}

.navi li a:hover {color:#f90;}
.navi li ul {opacity:0;position:absolute;left:0;width:180px;background:#d8afaf;list-style-type:none;padding:0;margin:0;}
.navi li:hover ul {opacity:1;}
.navi li ul li {float:none;position:static;height:0px;line-height:0px;background:none;}
.navi li:hover ul li {height:10px;line-height:30px;padding:5px 0;}
.navi li ul li a {background:#d8afaf;font-weight:600;font-size:14px;color:#900;}
.navi li ul li a:hover {background:#900;}
/* 메인페이지 css */


article#costruction {text-align:center;position:absolute;left:50%;top:50%;margin-left:-260px;margin-top:-150px;}




.sss {
	height: 0;
	margin-bottom: 6px; 
	padding: 0;
	position: relative;
	display: block;
	overflow: hidden;

}

.ssslide {
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
	height:335px;
}

.ssslide img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}

.sssnext, .sssprev {
	width: 25px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	background: url('../images/arr.png') no-repeat;
}

.sssprev {
	left: 3%;
	background-position: 0 50%;
}

.sssnext {
	right: 3%;
	background-position: -26px 50%;
}

.sssprev:hover, .sssnext:hover {
	cursor: pointer;
}






 ul{list-style:none}
 a{color:#131313; text-decoration:none}

    #gnb2{
     margin:auto; 
 }


    /* 메인메뉴 왼쪽시작*/
    #gnb2>ul{
   height:88px; background:#131313; 
   padding-left:0px; 

 }
 #gnb2>ul>li{
   float:left; height:88px;
   position:relative;/*padding-left:23px;*/
   padding-top:8px;
 }

 #gnb2>ul>li a{
  padding:0px;
  line-height:20px;
 }
 #gnb2>ul>li:last-child{
   float:left; height:88px; margin-right:0px;
   position:relative;
 }
 #gnb2>ul>li>a{
   display:block; width:100%; height:100%;
   text-align:center; color:#ddd;
   height:88px;
   font-size:14px;
   line-height:17px;
   padding-top:20px;
   /*padding: 20px 15px 0 0;*/
   width:150px;
   font-weight:600;
   letter-spacing:-1px;
 }
 
 /* 서브 li박스에 링크걸기*/
 #gnb2>ul>li>ul>li a{
   display:block; width:100%; height:100%;font-size:12px;padding-top:4px;padding-bottom:4px;
 }

 /* 메인메뉴 롤오버 글씨색상*/
 #gnb2 ul li a:hover{color:#fff000;}

 /* 서브메뉴 폰트 롤오버색상*/
 #gnb2 ul li ul li a:hover{color:#fff0000;}

 /* 서브메뉴 초기세팅*/
 #gnb2 ul ul{display:none}


 /* 메인롤오버시 서브링크 아래로 나오게함*/
 #gnb2>ul>li:hover ul{
    display:block; width:150px; height:22px;
    position:absolute; left:-5px; top:88px;z-index:5000000000000000000;
 }
 /* 서브링크 박스색감 & 글씨높이간격 비율에맞게 자동조절*/
 #gnb2 ul li li{background:#eee;line-height:1.4em;}

 #gnb2 ul li li:hover{background:#333;}

 /* 서브메뉴 폰트 가운데정렬*/
 #gnb2 ul li li {text-align:center;border-bottom:1px solid #ccc;padding:6% 0 6% 0;font-size:12px;}



#gnb2 li { -webkit-transition: all 0.2s;}
#gnb2 li a { -webkit-transition: all 0.5s;}
#gnb2 li ul { -webkit-transition: all 1s;}
#gnb2 li ul li { -webkit-transition: height 0.5s;}


/* 푸터 css */
footer {width:100%;height:126px;background:#343434;clear:both;background:url('../images/footerbg.gif')no-repeat top center;}
#footer-bannerbg {width:100%;background:#000;clear:both;}

#footer-banner, .footer-banner {width:1000px;margin:0 auto;padding-top:10px;}

footer #footbot {width:1000px;margin:0 auto;clear:both;}
footer #footbot ul {padding-top:24px;}
footer #footbot ul li {float:left;display:inline;font-size:10px;padding-right:25px;color:#777;}
footer #footbot p {clear:both;padding-top:30px;font-size:10px;color:#656565;}
footer #footbot ul a {color:#777;}

/* 푸터 css */

.pdb5 {padding-bottom:5px;}
.pdb2 {padding-bottom:2px;}
.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}
.pdb30 {padding-bottom:30px;}
.pdb40 {padding-bottom:40px;}
.pdb50 {padding-bottom:50px;}
.pdb60 {padding-bottom:60px;}
.pdb70 {padding-bottom:70px;}

.mgb10 {margin-bottom:10px;}
.mgb20 {margin-bottom:20px;}
.mgb30 {margin-bottom:30px;}
.mgb40 {margin-bottom:40px;}
.mgb50 {margin-bottom:50px;}
.mgb60 {margin-bottom:60px;}

.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt35 {padding-top:35px;}

.pdt50 {padding-top:50px;}
.pdt60 {padding-top:60px;}

.mgt10 {margin-top:10px;}
.mgt20 {margin-top:20px;}
.mgt30 {margin-top:30px;}
.mgt40 {margin-top:40px;}
.mgt50 {margin-top:50px;}
.mgt60 {margin-top:60px;}

.ftsize11 {font-size:11px;}
.ftsize12 {font-size:12px;}
.ftsize13 {font-size:13px;}
.ftsize14 {font-size:14px;}
.ftsize15 {font-size:15px;}
.ftsize16 {font-size:16px;}
.ftsize17 {font-size:17px;}
.ftsize18 {font-size:18px;}
.ftsize19 {font-size:19px;}
.ftsize20 {font-size:20px;}
.ftsize21 {font-size:21px;}
.ftsize22 {font-size:22px;}
.ftsize23 {font-size:23px;}

.fontc3 {color:#333;}
.fontc0 {color:#000;}
.fontcf {color:#fff;}
.fontc5 {color:#555;}

.fontw5 {font-weight:500;}
.fontw6 {font-weight:600;}
.fontw7 {font-weight:700;}
.fontw8 {font-weight:800;}



.limitTxt{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}


footer {width:100%;background:#383838;background-size:contain;clear:both;}
footer .linksns{max-width:1200px;margin:0 auto;padding-top:2%;padding-bottom:4%;width:95%;}
footer .linksns li {margin-right:-100%;width:50%;list-style:none;float:left;}
footer .linksns li:nth-child(5n+1) {margin-left:0%;width:75%;float:left;}
footer .linksns li:nth-child(5n+2) {margin-left:78%;width:4%;float:left;}
footer .linksns li:nth-child(5n+3) {margin-left:82.5%;width:4%;float:left;}
footer .linksns li:nth-child(5n+4) {margin-left:87%;width:4%;float:left;}
footer .linksns li:nth-child(5n+5) {margin-left:91.5%;width:4%;float:left;}
footer .linksns li img {max-width:926px;display:block;width: 100%;}
address {width:100%;background:#2a2a2a;background-size:contain;font-style:normal;}
address .termnpriv ul {text-align:center;padding-bottom:3%;padding-top:3%;max-width:1200px;margin:0 auto;color:#959595;}
address .termnpriv ul li{display:inline;font-size:13px;color:#959595;}
address .termnpriv ul li a{display:inline;font-size:13px;color:#959595;}
address .privacys {color:#b4b4b4;font-weight:600;}
address .addstyle {text-align:center;padding-bottom:2%;max-width:1200px;margin:0 auto;line-height:16px;font-size:12px;color:#737373;width:95%;}
.pridiv {padding-right:1.2%;padding-left:1.2%;}