@charset "utf-8";
/*
  작성자:			  dmp
 최초작성일:   2014.06.04
  */

@import url("content.css");

/*나눔 바른 고딕*/

@font-face{font-family:'Nanum Barun Gothic';
    font-style:normal;
    font-weight:700;
    src:url(font/NanumBarunGothicBold.eot);
    src:url(font/NanumBarunGothicBoldd41d.eot?#iefix) format('embedded-opentype'),
        url(font/NanumBarunGothicBold.woff) format('woff'),
        url(font/NanumBarunGothicBold.ttf) format('truetype')
}


@font-face{font-family:'Nanum Barun Gothic';
    font-style:normal;
    font-weight:400;
    src:url(font/NanumBarunGothic.eot);
    src:url(font/NanumBarunGothicd41d.eot?#iefix) format('embedded-opentype'),
        url(font/NanumBarunGothic.woff) format('woff'),
        url(font/NanumBarunGothic.ttf) format('truetype');
}
 
@font-face {font-family: 'Nanum Barun Gothic';
    font-style: normal;
    font-weight: 300;
    src:url(font/NanumBarunGothicLight.eot);
    src:url(font/NanumBarunGothicLightd41d.eot?#iefix) format('embedded-opentype'),
        url(font/NanumBarunGothicLight.woff) format('woff'),
        url(font/NanumBarunGothicLight.ttf) format('truetype');
}

/*
@font-face {font-family: 'Nanum Barun Gothic';
    font-style: normal;
    font-weight: 200;
    src:url('/css/font/NanumBarunGothicUltraLight.eot');
    src:url('/css/font/NanumBarunGothicUltraLight.eot?#iefix') format('embedded-opentype'),
        url('/css/font/NanumBarunGothicUltraLight.woff') format('woff'),
        url('/css/font/NanumBarunGothicUltraLight.ttf') format('truetype');
}
*/

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/* font-size: 100%; */
	/* font: inherit; */
	vertical-align: baseline;
	/*font-family:'맑은 고딕','Dotum','돋움','gulim','굴림',Helvetica,sans-serif;font-size:0.75em;color:#7e7e7e;*/
	
}
html.noScroll{overflow:hidden}
body{-webkit-text-size-adjust:none;/*ios zoom*/ overflow-y:scroll; 
    font-family:'AppleSDGothicNeo','Roboto','Nanum Barun Gothic' , 'Dotum','돋움' , Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:13px; color:#737373;
}
*{-webkit-font-smoothing: antialiased;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height: 1;}
img{vertical-align:middle;-ms-interpolation-mode:bicubic !important}
input,select,textarea{vertical-align:middle;outline:none;}
ul,li,ol,li,dl,dd,dt{list-style:none}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}

table{border-collapse:collapse;border-spacing:0}
caption{visibility:hidden;z-index:-1;width:0;height:0;font-size:0;line-height:0}
legend,hr{visibility:hidden;position:absolute;left:-999px;z-index:-1;width:0;height:0;font-size:0}

/* Button */
button{background:none;font-family:'AppleSDGothicNeo','Roboto','Nanum Barun Gothic' , 'Dotum','돋움' , Arial, "Helvetica Neue", Helvetica, sans-serif;}

button{overflow:visible;margin:0;padding:0;border:none;background:none;vertical-align:top;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
  /*@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");*/

/* link */
a{color:#737373; text-decoration:none; }
a:hover{color:#333}

/* skip navigation */
.accessibilityWrap{}
.accessibilityWrap dd a{display:block;position:absolute;top:-10000px;left:0;z-index:500;width:100%;font-size:1.3em;text-align:center}
.accessibilityWrap dd a:hover,.accessibilityWrap dd a:focus,.accessibilityWrap dd a:active{position:absolute;top:0;z-index:500;padding:15px 0;background:#1d60a7;font-weight:bold;color:#fff}

.blind{visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0}

/* lst_thmb */
.lst_thmb:after{overflow:hidden;clear:both;content:''}
.lst_thmb .thmb{float:left;}
.lst_thmb .cont{ margin-left: 281px; }
/*// lst_thmb*/

/* clearfix */
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:' '}
.clearfix{display:inline-block}
/* start commented backslash hack \ */
* html .clearfix{height:1%}
.clearfix{display:block}
/* close commented backslash hack */
/* //clearfix */

/* 익스 업데이트 페이지 */ 
#wrapper_ieUp{ text-align: center; }
.ieUpArea{  width: 600px; text-align: left; margin:150px auto;}

.ieUpArea .error_cont{   *zoom:1; border-style: solid; border-color: #3a3a3a; border-width:2px 0 1px;  padding: 40px 0 30px;}
.ieUpArea .error_cont:after{ clear: both; display: block; content: ""; height: 0; visibility: hidden; }

.ieUpArea .error_cont .error_img{ float: left; }
.ieUpArea .error_cont .cont{ margin-left: 170px; line-height: 20px; }
.ieUpArea .error_cont .cont h2{ font-size: 1.2em; margin-bottom: 20px; }
.ieUpArea .error_cont .cont .btns{ margin-top: 20px;}
.ieUpArea .error_footer{ margin-top: 10px;  }
/* //익스 업데이트 페이지 */ 
#quickMenu{width: 110px; position: absolute; right: 0; top: 300px;  z-index: 4; background-color: #222; color: #fff; text-align: center; letter-spacing: 0; font-size: 11px; display: none;}
#quickMenu .h{display: block; padding: 15px 0; font-weight: bold; line-height: 14px;}
#quickMenu  >ul > li > a{display: block; color: #868686; padding: 15px 0; }
#quickMenu  >ul > li > a:hover,#quickMenu  >ul > li.on > a{background-color: #000; color: #fff;}
#quickMenu .h:hover{background-color: #000; color: #fff;}
#quickMenu.ing{position: fixed; top:100px;}

#wrap{ padding-top: 60px;}
#header .header_inner,
#main_top .inner,
.banner_main,
#maintenance_table,
#whoweare_main .info .inner,
#whoweare_main .history,
#whoweare_main .clients .inner,
#serviceClients,
#recent_project > .inner,
#main_contact > .inner,
#news_main > .inner,
#news,
#careers_main > .inner,
#footer .inner
{ max-width: 1370px; margin-left:auto; margin-right:auto;  position: relative; }
#header{ width: 100%; min-height: 73px; position: fixed; left: 0; top: 0; z-index: 60; transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; border-bottom: 1px solid #dedede; background-color: #fff; }



#header .allMenu{ display: none; position: absolute; right: 0; top: 10px; }
#header_mobile{display: none;}
#wrap.sub #header.ing{
  background: none;
  min-height: 59px;
 background-color: rgba(0, 0, 0, 0.5);  background-image: url(trg.html);
   /* IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#header .header_inner > h1{  padding-top: 27px; font-size: 0; line-height: 0;  transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease;  }
#header.ing .header_inner > h1{ font-size: 0; line-height: 0; padding-top: 27px;   }
#header.ing #lnb{ top: 18px;  }
#wrap.sub #header.ing a{color: #fff;}

#header .header_inner > h1 .main{display: block;}
#header .header_inner > h1 .sub{display: none;}
#wrap.sub #header .header_inner > h1 .main{display: none;}
#wrap.sub #header .header_inner > h1 .sub{display: block;}
#wrap.sub #header.ing .header_inner > h1 .main{display: block;}
#wrap.sub #header.ing .header_inner > h1 .sub{display: none;}

#header_mobile{ position: fixed; width: 100%; background-color: #fff; z-index: 50; }
#header_mobile .inner{padding: 19px 23px; }
#header_mobile .allMenu{ position: absolute; right: 23px; top: 19px; }

#header.ing{
 min-height: 49px;
}
#header.ing .header_inner > h1{ padding-top: 14px;   }

#lnb{ position: absolute; right: 0; top: 33px;  transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.8s ease;  }
#lnb a{ color: #737373; font-size: 11px; line-height: 14px;  font-weight: normal;   transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.8s ease; text-transform: uppercase; }
#lnb .lnb_inner > ul > li > a:hover,
#lnb .lnb_inner > ul > li.on > a{color: #ff1f01;}
#lnb .lnb_inner > ul:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
#lnb .lnb_inner > ul > li{float: left; margin-left: 70px;}

/*모바일 메뉴  */
#allMenu{display: none; position: fixed; left:0; top: 50px; width: 100%; height:100%; border-style:solid;  border-width:0; border-color:#272727;  overflow:auto;-webkit-overflow-scrolling:touch; z-index: 100; 
  background-color: rgba(0, 0, 0, 0);  background-image: url(trg.html);
   /* IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";

}

#allMenu:not([dummy]) {
    /* IE9 only */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}

#allMenu .allMenu_inner{ position: relative; }
#allMenu .allMenu_inner>ul>li>a{ display: block; padding:19px 0 17px 15px; border-bottom: 1px solid #4c4c4c; background-color: #242424; background-image: url(../images/bg/bg_arrdep1_off.jpg); background-position:  97% 18px; background-repeat: no-repeat;  color: #fff;  font-size: 18px; font-weight: 500;   background-size: 12px ;   }
#allMenu .allMenu_inner>ul>li>a.on{ background-image: url(../images/bg/bg_arrdep1_on.html); }
#allMenu .allMenu_inner .depth2{ display:none ;}
#allMenu .allMenu_inner .depth2 ul>li>a{ display: block; padding:14px 0 12px 15px; border-top: 1px solid #a0a3a7; background-color: #767b85; background-image: url(../images/bg/bg_arrdep2_off.html); background-position:  97% 15px; background-repeat: no-repeat;  color: #fff;  font-size: 14px; font-weight: 500;   }
#allMenu .allMenu_inner .depth2 ul>li:first-child>a{border-top: 0;}
#allMenu .allMenu_inner .depth2 ul>li>a.on{ background-image: url(../images/bg/bg_arrdep1_on-2.html); }

#spot_main{ position: relative; height: 718px; overflow: hidden;}
#spot_main .down{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }
#spot_main .down { bottom: 0; padding-bottom: 50px; font-size: 13px; color: #fff;  }
#spot_main .down a { background: none; color: #B6B6B6; }
#spot_main .down a .after { position: absolute; left: 50%; bottom: 12px; width: 56px; height: 46px; margin-left: -28px; background: url(../images/main/bg_scroll.png) no-repeat 0 0; display: block;}
#spot_main .down a:hover .after{background: url(../images/main/bg_scroll_on.png) no-repeat 0 0; }


#spot_main .bg_cover{ position: absolute; left: 0; top: 0; z-index: 25; width: 100%; height: 100%; background-color: #000; display: none; }
#spot_main .img{ position: absolute; left: 50%; top: 0;  width: 1900px; margin-left: -950px;  }
#spot_main .img.on{z-index: 10; display:block;}
#spot_main .txt{ position: absolute; left: 50%; top: 50%; z-index: 20; width: 850px; height: auto; margin-left: -450px; text-align: center; }
#main_top{display: none;}
#main_top .inner{max-width: 1190px;}
#main_top .inner > ul:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
#main_top .inner > ul > li{width: 40%; padding: 5% 5% 2%;  float: left; text-align: center;}
#main_top .inner > ul > li .img{margin-bottom: 4%;}
#main_top .inner > ul > li .h1{margin-bottom: 20px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #3e3e3e; font-size: 24px; line-height: 28px; font-weight: bold; }
#main_top .inner > ul > li .t1{width: 460px; line-height: 24px; text-align: center; margin: 0 auto;}
#main_top .inner > ul > li.n2 .t1{width: 360px;}

#main_product{padding-top: 3.5%; }

#main_product{ position: relative; background-color: #f2f2f2; padding: 3.7% 0 0;  overflow: hidden; }
#main_product h1.h1{ position: relative; margin-bottom: 3.2%; text-transform: uppercase; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #000; font-size: 20px; line-height: 22px; text-align: center; }
#main_product > .inner{ max-width: 1370px; position: relative; }
#main_product > .inner:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}

#three_maintenance{ display: none; position: relative; height: 300px; overflow: hidden; margin-bottom: 4.5%;  }
#three_maintenance .img{ position: absolute; left: 50%; top: -1480px;  width: 2000px; margin-left: -1000px;  z-index: 1; }
#three_maintenance .con{  width: 1370px; position: absolute; left: 50%; top: 55px; margin-left: -685px; z-index: 2; text-align: center; }

#three_maintenance .con h1 { padding-bottom: 1.5%; position: relative; font-size: 20px; line-height: 24px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #fff; text-decoration:none; text-transform: uppercase;}
#three_maintenance .con h1 .bd{width: 100%; height: 4px;position: absolute; left: 0; bottom: 0; font-size: 0; line-height: 0; background-color: #707d83;}
#three_maintenance .con ul > li{position: relative; float: left; width: 33.3%; padding:4.4% 0 2.2%; text-align: center; font-size: 0; line-height: 0;}
#three_maintenance .con ul > li .bd{position: absolute; left: 0; bottom: 0; width: 1px; height: 100%; background-color: #707d83; }


.bannerType1{}
.bannerType1 .next,
.bannerType1 .prev{ position: absolute; top: 50%; margin-top: -100px; z-index: 3; }
.bannerType1 .prev {left:-5.5%;}
.bannerType1 .next {right:-5%;}

.bannerType1 .viewport{ position: relative;  }
.bannerType1 .viewport > #good1{min-height: 400px; overflow: hidden;  max-width: 1370px; margin: 0 auto; vertical-align: top; font-size: 0; line-height: 0;}

.bannerType1 .viewport > #good1 > .recentBox{display: inline-block; *display: inline; *zoom: 1;vertical-align: top; word-wrap:break-word; width: 24.4%; margin: 0 0.3% 2%; white-space:normal;  cursor:pointer;}
.bannerType1 .viewport > #good1 >  .noDataBox{ width: 100% !important; position: absolute; left: 0 !important; top: 0 !important; text-align: center !important; padding: 20px; height: 100px; font-size: 18px;}
.bannerType1 .viewport > #good1 > .recentBox.btn_more{margin-bottom: 120px; }
.bannerType1 .viewport > #good1 > .recentBox.btn_more a{display: block; }
.bannerType1 .viewport > #good1 > .recentBox.btn_more  span{ position: relative;  left: 0;  top: 0; display: block; }

.bannerType1 .viewport > #good1 > .recentBox .inr{padding-bottom: 1px; background-color: #fff; border:1px #dcdedc solid;}
.bannerType1 .viewport > #good1 > .recentBox .photo{position: relative;display: block; overflow: hidden;height: 0;padding-bottom: 66%;}
 .bannerType1 .viewport > #good1 > .recentBox .photo img{
  width: 100%;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
   } 

.bannerType1 .viewport > #good1 > .recentBox .photo:hover img{
    -moz-transform: scale(1.09);
    -ms-transform: scale(1.09);
    -o-transform: scale(1.09);
    -webkit-transform: scale(1.09);
    transform: scale(1.09)
  }
.bannerType1 .viewport > #good1 > .recentBox .cont{height: 93px; background-color: #fff; padding:8% 4.1% 0; overflow: hidden;}
.bannerType1 .viewport > #good1 > .recentBox .cont .h1{ margin-bottom: 5%;font-size: 15px; line-height: 18px; color: #4e4e4e; font-weight: 700; }
.bannerType1 .viewport > #good1 > .recentBox .cont .h1 .kr{ margin-top: 10px; display: block; font-size: 13px; color: #888; font-weight: normal; }

.portfolioStamp{ display:none; width: 100%; min-height: 300px; margin-bottom: 40px; background-color: #fff;  position: absolute; left: 0; top: 500px; z-index: 92;  }
.portfolioStamp .box_cont{ width: 1260px; margin: 0 auto; position: relative;}
.portfolioStamp .box_cont .inner{padding: 40px 20px;}
.portfolioStamp .box_cont .inner:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
.portfolioStamp .box_cont .inner .group.lft{margin-right:322px;}
.portfolioStamp .box_cont .inner .bxslide_pro{ min-height: 260px; outline:1px #dcdcdc solid; }
.portfolioStamp .box_cont .inner .group.rgh{width: 300px; position: absolute; right: 0; top: 79px; }


.portfolioStamp .box_cont .inner .group.rgh > h1.h{ margin-bottom: 7%; font-size: 30px; line-height: 34px; color: #000; font-weight: bold;  }
.portfolioStamp .box_cont .inner .group.rgh > h1.h span.h2{margin-top: 5px; display: block; font-size: 12px; line-height: 18px;}

.portfolioStamp .box_cont .inner .group.rgh h2.h{ font-weight: bold; font-size: 13px; line-height: 17px; }
.portfolioStamp .box_cont .inner .group.rgh .cont{ color: #696969; font-size: 13px; line-height: 17px;  }
.portfolioStamp .box_cont .inner .group.rgh .cont p{}
.portfolioStamp .box_cont .inner .group.rgh .cont .lst{margin-top: 20px;}
.portfolioStamp .box_cont .inner .group.rgh .cont .lst2{margin-top: 20px;}
.portfolioStamp .box_cont .inner .group.rgh .cont .lst2:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
.portfolioStamp .box_cont .inner .group.rgh .cont .lst2 >li{float: left; margin-left: 10px;}
.portfolioStamp .box_cont .inner .group.rgh .cont .lst2 >li:first-child{margin-left: 0;}
.portfolioStamp .box_cont .inner .group.rgh .cont .btn{margin-top: 5%;}
.portfolioStamp .box_cont .inner .group.rgh .cont .btn > * {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 5px;}

.portfolioStamp .box_cont .inner .close{ position: absolute; right: 0; top: 24px; }
.portfolioStamp .box_cont .inner .group.lft .bxslide_pro  ul{width: 200000px;}
.portfolioStamp .box_cont .inner .group.lft .bxslide_pro  ul:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
.portfolioStamp .box_cont .inner .group.lft .bxslide_pro  li{ float: left;  }
.portfolioStamp .box_cont .inner .group.lft .details{ text-align: center; }
.portfolioStamp .box_cont .inner .group.lft .details .txt{margin-top:50px; line-height: 20px;}
.portfolioStamp .box_cont .inner .group.lft .details .pageing{font-size:0;margin-top:20px;}
.portfolioStamp .box_cont .inner .group.lft .details .pageing *{display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0 6px}
.portfolioStamp .box_cont .inner .group.lft .details .pageing .bx-prev{display:inline-block; *display:inline; *zoom:1; width:30px; height:34px; background:url(../images/main/btn_prev.jpg) no-repeat 0 0; text-indent:-9999px; overflow:hidden;  }
.portfolioStamp .box_cont .inner .group.lft .details .pageing .bx-next{display:inline-block; *display:inline; *zoom:1; width:30px; height:34px; background:url(../images/main/btn_next.jpg) no-repeat 0 0; text-indent:-9999px; overflow:hidden;  }
.portfolioStamp .box_cont .inner .group.lft .details .pageing .link{width: 83px; height: 40px; line-height: 40px; font-size: 14px; font-weight: 700;color: #000;margin-top: -3px; background-repeat: no-repeat; background-position: 0 0;  overflow: hidden; text-indent: -9999px; background-image: url(../images/main/btn_link2.jpg); }
.portfolioStamp .box_cont .inner .group.lft .details .pageing .link.n2{background-position: 50% 50%;background-image: url(../images/main/btn_close2.jpg);}
.portfolioStamp .box_cont .inner .group.lft .details .pageing .link
.portfolioStamp .box_cont .inner .group.lft .details .pageing .link:hover{color: #ff1f01;}
.portfolioStamp .box_cont .inner .group.lft .bx-controls{display: none;}
.portfolioStamp .box_cont .inner .group.rgh .cont{font-size: 13px; line-height: 24px;}
.portfolioStamp .box_cont .inner .group .cont .lst > li{ margin-top: 12px; position: relative; padding-left: 114px; }
.portfolioStamp .box_cont .inner .group .cont .lst > li:first-child{margin-top: 0;}
.portfolioStamp .box_cont .inner .group .cont .lst > li > strong{ position: absolute; left: 0; top: 0;  }
.portfolioStamp .box_cont .inner .group .cont .lst > li > span{ display: block; }
.portfolioStamp .box_cont .inner .group .cont .lst > li.line{margin-top: 30px; border-top: 1px solid #d4d4d4; padding-top: 29px;}
.portfolioStamp .box_cont .inner .group .cont .lst > li.line strong{top: 29px;}


#sec3{margin-top: 40px; text-align: center;}
#maintenance_table{margin-bottom: 2%; display: none;}
#serviceClients{margin-bottom: 2.6%; display: none;}
#serviceClients .lst{border-top: 1px solid #000; }
#serviceClients .lst > ul:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
#serviceClients .lst > ul > li{float: left; width: 16%;  padding: 0.5% 2%; border-bottom: 1px solid #e3e3e3; }

#recent_project{ position: relative; background-color: #fff; padding: 3.7% 0 0;  overflow: hidden; }
#recent_project h1.h1{ position: relative; margin-bottom: 3.2%; text-transform: uppercase; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #000; font-size: 20px; line-height: 22px; text-align: center; }
#recent_project > .inner{ max-width: 1370px; position: relative; }
#recent_project > .inner:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
#recent_project .lst_recentBox{ margin-left: -2%; }
#recent_project .recentBox{ position: absolute; left: 0; top: 0; width: 23%; margin-left: 2%;  margin-bottom: 20px; }
#recent_project .recentBox img{max-width: 100%;}
#recent_project .recentBox  p.data{margin-bottom: 2%; font-size: 13px; line-height: 18px; color: #000;  font-weight: normal;}
#recent_project .recentBox  p.data span{ display: block; font-size: 12px; color: #696969; }
#recent_project .recentBox .cont{padding:6% 0; border-bottom: 1px solid #e3e3e3;}
#recent_project .recentBox .text_cont{  font-size: 12px; line-height: 19px;}
#main_contact{ position: relative; background-color: #fff; padding: 3.7% 0;  overflow: hidden;  background: url(../images/main/bg_content.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; }
#main_contact .inner{background-color: #fff; min-height: 560px; padding: 3%;}
#main_contact .inner:after{display: block;clear: both;content:"";height: 0;visibility: hidden;  }
#main_contact h1.h1{ margin-bottom: 2.2%; text-transform: uppercase; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #000; font-size: 20px; line-height: 22px; text-align: center; color: #fff; }
#main_contact > .inner:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
#main_contact .group_lft{ float: left; width: 25%; position: relative; text-align: center; padding-top: 13%; }
#main_contact .group_lft p.inquire{font-size: 19px; line-height: 28px;}
#main_contact .group_lft p.inquire strong{display: block;font-size: 34px; color: #000; line-height: 40px; font-weight: 700; margin-bottom: 15px;}

#main_contact .group_lft p.inquire > span{display:block;}
#main_contact .group_lft p.inquire a.btn_pack {  margin-top:20px; margin-bottom:10px; width: 140px;  height: 36px;  font-size: 13px; background:#fff;border:1px solid #333;color:#333;line-height:36px;}
#main_contact .group_lft p.inquire a.btn_pack:hover {background:#000;border:1px solid #000;color:#fff;}
#main_contact .group_lft .add{margin-bottom: 5%;}
#main_contact .group_lft .add > ul > li:first-child{margin-bottom: 15px; color: #4e4e4e;}
#main_contact .group_lft .add > ul > li {margin-bottom: 8px;}
.map_main{position: relative;  width: 100%; height: 470px;} 
.map_main iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#main_contact .group_rgh{width: 65%; float: right;}
#main_contact  .lst_check2{margin-bottom: 20px;}
#main_contact  .lst_check2 > span{display: inline-block; *display: inline; *zoom: 1; margin-right: 10px;}
/*기본 폼메일 1 : 메인*/
#main_contact .formMailType2{max-width:100%; }
#main_contact .formMailType2.main .cont{ margin-left: 0;}
#main_contact .formMailType2.main input[type="text"],
#main_contact .formMailType2.main input[type="file"]
{ border-radius: 0; width: 135px; padding:0; margin-bottom: 5px; border-style: solid; border-width: 0 0 1px 0; border-color: #646464;  }
#main_contact .formMailType2.main input[type="file"]{width: 60%;}
#main_contact .formMailType2.main input.name{width: 60%; }
#main_contact .formMailType2.main input.mail1{width: 25%; min-width: 200px; }
#main_contact .formMailType2.main input.mail2{width: 20%; }
#main_contact .formMailType2.main select.mail{ width: 10%; }


#main_contact .group_rgh .textarea{width: 96%; padding: 2%;}
#main_contact .group_rgh .textarea textarea{  height: 90px; }
#main_contact .group_rgh .box_textarea{border-style: solid; border-width: 1px; border-color: #e2e7eb; border-radius: 3px; padding: 2%; width: 96%; height: 90px; overflow-x: hidden; overflow-y: 100px; font-size: 12px; line-height: 20px; word-break:pre; }
#main_contact .group_rgh .btns{text-align: center;}
#main_contact .group_rgh .btns .btn_pack{width: 130px; height: 40px; line-height: 40px; font-size: 12px; font-size: 12px; text-transform: uppercase;}

#whoweare_main{ position: relative; overflow: hidden; margin-bottom:0; line-height: 19px; padding-top: 3.6%; }
#whoweare_main .bg_cover{
  position: absolute; left: 0; top: 0; width: 50%; height: 100%; z-index: 2;
  background-color: #5a6374;
   
}
#whoweare_main .img{ position: absolute; left: 50%; top:0;  width: 2000px; margin-left: 0;  z-index: 1; }
#whoweare_main h1.h1{ margin-bottom: 2.2%; text-transform: uppercase; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #000; font-size: 20px; line-height: 22px; text-align: center; }
#whoweare_main .info{position: relative;   overflow: hidden;  height: 300px; color: #fff;}
#whoweare_main .info .inner{}
#whoweare_main .info h2{font-size: 13px; line-height: 16px; margin-bottom: 15px;}
#whoweare_main .info:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
#whoweare_main .info .group_lft{ width: 42%; padding:3% 6% 3% 2%; float: left; position: relative;  z-index: 2;   }
#whoweare_main .info .group_lft .lst_dot{ margin-bottom: 15px; }
#whoweare_main .info .group_rgh{ width: 44%; padding: 3%; float: left; position: relative;  z-index: 2;  }
#whoweare_main .info .group_rgh dl{margin-bottom: 15px;}
#whoweare_main .info .group_rgh dl dt{ text-transform: uppercase; }
#whoweare_main .info .group_rgh dd{ color: #696969; }

#whoweare_main .history{margin-top: 2%; margin-bottom: 5%; }
#whoweare_main .history > .prev,#whoweare_main .history > .next{position: absolute; top: 50%; margin-top: -80px;}
#whoweare_main .history > .prev{left: -100px;}
#whoweare_main .history > .next{right: -100px;}

#whoweare_main .history h2{margin-bottom: 15px; color: #000; font-size: 15px; line-height: 20px; text-transform: uppercase; }
#whoweare_main .history .direction{display: none; position: absolute; right: 0; top: 0; font-size: 0;}
#whoweare_main .history .direction > *{margin-left: 2px;}
#whoweare_main .history dl{/*width: 22%;float: left;margin-bottom:8%; margin-left: 22%;*/ margin-right:15%; line-height: 22px; color: #696969;}
#whoweare_main .history dl.last{margin-right: 0;}
#whoweare_main .history dl dt{padding-top: 2px; color: #000; display: inline-block; *display: inline; *zoom: 1; border-style: solid;border-color: #000; border-width: 2px 0 0;}
#whoweare_main .history .clients{clear: both; line-height: 27px;}
#whoweare_main .history .clients h2{ color: #000; font-size: 17px; }
#whoweare_main .history:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}

#whoweare_main .clients{position: relative; background-color: #eaeaea;}
#whoweare_main .clients .bg_cover{background-color: #424449;}
#whoweare_main .clients:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
#whoweare_main .clients .group{float:left; width: 47%; position: relative; z-index: 2; padding-right: 3%;padding-bottom: 4.5%;padding-top: 3.5%;}
#whoweare_main .clients .group.lft h2{ font-size: 17px; line-height: 20px; margin-bottom: 18px; color: #fff; font-weight:bold;  }
#whoweare_main .clients .group.lft .lst > li{ float: left; width: 33.3%; margin-top: -1px; }
#whoweare_main .clients .group.lft .lst > li > a{position: relative; display: table;  border: 1px solid #65676c;  background-color: #424449; width: 100%; height: 69px; text-align: center; cursor:default;}
#whoweare_main .clients .group.lft .lst > li > a span{vertical-align: middle; display: table-cell;}

#whoweare_main .clients .group.rgh{width: 47%; padding-right: 0; padding-left: 3%;padding-top: 5.9%; font-size: 13px; line-height: 27px;}



#service_main{ padding:5.2% 0 11%; background: url(../images/main/bg_service.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed;}
#service_main h1.h1{ margin-bottom: 5.2%; text-transform: uppercase; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #000; font-size: 20px; line-height: 22px; text-align: center; }
#service_main .lst{ font-size: 0; width: 1370px; padding: 4%;   margin-left: auto;  margin-right: auto; background-color: #fff;  }
#service_main .lst .inner{width: 102.9197080291971%; margin-left: -1.45985401459854%;}
#service_main .lst:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
#service_main .lst  .area{ display: inline-block; *display: inline; *zoom: 1;  width: 22.080292%; margin:0 1.45985401459854%;  font-size: 12px;vertical-align: top;}
#service_main .lst  .area h2{ font-size: 15px; color: #000; margin-bottom: 10px;  }
#service_main .lst  .area h2 span{font-weight: normal;}
#service_main .lst  .area .txt{margin-top: 8%;}
#service_main .lst  .area  p{ color: #050505; font-size: 13px;  line-height: 19px; margin-bottom: 5px;}
#service_main .lst  .area .lst_dot{margin-bottom: 20px; color: #505050;}
#service_main .lst  .area .lst_dot > p{margin-bottom: 5px;}
#service_main .lst  .area .lst_dot > ul > li{ line-height: 17px; margin-bottom: 5px; }


/* 최종 뉴스 */
#news{padding:3% 0 5%;}
#news > h1.h1{ margin-bottom: 5.2%; text-transform: uppercase; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #000; font-size: 20px; line-height: 22px; text-align: center; }
#news .lst_new{  position:relative;}
#news .lst_new > .header{ cursor:pointer; position:relative; padding:30px 160px 2% 80px; /* margin:3.5% 0;  */border-bottom:1px solid #d6d6d6; -moz-transition: all 0.3s ease-in-out;    -o-transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out}
#news .lst_new > .header:after{display:block; clear:both; content:""; height:0; visibility:hidden;}

#news .lst_new > .header:hover{ background-color:#f8f8f8;}
#news .lst_new > .header > p{color:#696969; padding-right: 10%;}
#news .lst_new > .header .group.rgh{position:absolute; top:20px; right:5px;}
#news .lst_new > .header .group.rgh .arr{width:44px;height:47px; display:inline-block; text-indent:-99999px; background-repeat:no-repeat; background-image:url(images/btn_news.html); background-position:0 -47px;}

/*최종 뉴스 : open시*/
#news .lst_new.on > .header > p{color:#000;}
#news .lst_new.on > .header .group.rgh .arr{background-position:0 0;}
#news .lst_new > .header .group.rgh .date{float:left; padding-right:21px; padding-top:15px; color:#696969;}
#news .lst_new > .header .num{position:absolute; left:25px; top:25px; font-size:40px; margin-right:22px;}
#news .lst_new > .header .h1{display:block;font-size:16px; margin-bottom:9px; line-height:18px; font-weight:400; }
#news .lst_new > .header .h2{display:block;font-size:12px; color:#050505;}
#news .lst_new > .news_cont{display: none; border-bottom:1px solid #d6d6d6; font-size:13px; line-height:18px; color:#565454;  }
#news .lst_new > .news_cont .inner{padding:3% 0; background-color: #f9f9f9;}
#news .lst_new > .news_cont .inner:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}

/*최종 뉴스 : editer css*/
#news .lst_new > .news_cont:after{display:block; clear:both; content:""; height:0; visibility:hidden;}
#news .lst_new > .news_cont .group{ float:right; width:53%; margin-right: 2%; font-size: 16px; line-height: 29px;}  
#news .lst_new > .news_cont .group.lft{padding-top: 15px;}
#news .lst_new > .news_cont .group.rgh{float:left; width: 41%; margin-left: 2%;}
#news .lst_new > .news_cont .group.rgh img{width: 100%;}
#news .lst_new > .news_cont .group.lft.img_None{ float: none; width:88.4%; margin-left: auto; margin-right: auto; }
#news .lst_new > .news_cont .h1{ color:#706e6e; margin-bottom:5px; font-weight:bold;   }

/*이전 뉴스*/
#news_main{ padding: 4% 0;}
#news_main h1.h1{ margin-bottom: 4%; text-transform: uppercase; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #000; font-size: 20px; line-height: 22px; text-align: center; }
#news_main > .inner:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
#news_main .group_lft{ float: left; width: 25%; min-height: 500px; overflow-x: hidden; overflow-x: auto; }
#news_main .group_lft .tab{width: 90%; border: 1px solid #ff0000; text-align: center;}
#news_main .group_lft .tab > li{ float: left; width: 50%; text-align: center;}
#news_main .group_lft .tab > li a{display: block; padding: 17px 10px; color: #f00; font-size: 11px; line-height: 15px;}
#news_main .group_lft .tab > li.on{background-color: #ff0000;}
#news_main .group_lft .tab > li.on a{color: #fff; }
#news_main .group_lft .tab:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:' '}
#news_main .group_lft .lst{width: 90%;}
#news_main .group_lft .lst > .inner > ul > li{ border-bottom: 1px solid #d6d6d6; padding: 14px 0; }
#news_main .group_lft .lst > .inner > ul > li a{color: #8d8d8d; font-size: 12px; line-height: 19px;}
#news_main .group_lft .lst > .inner > ul > li a:hover,
#news_main .group_lft .lst > .inner > ul > li.on a{color: #000;}
#news_main .group_lft .lst > .inner > ul > li .data{ display: block; margin-top: 5px; }

#news_main .group_rgh{float: right; width: 71%;  min-height: 500px; font-size: 12px; line-height: 19px;}
#news_main .group_rgh img{max-width: 100%;}
#news_main .group_rgh h1{ font-size: 20px; line-height: 24px; color: #000; margin-bottom: 4%; }
#news_main .group_rgh .img{margin-bottom: 4%;}
#news_main .group_rgh .cont{margin-bottom: 4%;}


#careers_main{ height: 0; padding:4% 0 45%; background: url(../images/main/bg_careers.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; color: #696969;}
#careers_main .inner{background-color: #fff; min-height: 560px; padding: 3%;}
#careers_main .inner:after{display: block;clear: both;content:"";height: 0;visibility: hidden;  }
#careers_main h1.h1{ margin-bottom: 2.2%; text-transform: uppercase; color: #000; font-size: 20px; line-height: 22px; text-align: center; color: #fff; }
#careers_main .group_lft{ float: left; width: 100%;  }

#careers_main .group_lft{  }
#careers_main .group_lft  >ul.mind{margin-bottom: 30px;}
#careers_main .group_lft  >ul.mind > li{margin-bottom: 20px; line-height: 20px;}
#careers_main .group_lft  >ul > li >strong{ margin-bottom: 10px; display: block; color: #000; font-size: 15px;}
#careers_main .group_lft .lst_dot > ul > li{ margin-bottom: 5px; }
#careers_main .group_rgh .lst_check2{margin-bottom: 15px; color: #000;}
#careers_main .group_rgh .lst_check2 >span{display:inline-block; *display:inline; *zoom:1;}
#careers_main .group_rgh .lst_check2 input[type="radio"]{margin-top:0px;}
#careers_main .formMailType2{max-width: 100%;}
#careers_main .formMailType2 .cont{margin-left: 0;}
#careers_main .formMailType2 .cont input.inp_txt{ width: 50%; border-width: 0 0 1px; border-color: #ccc; height: 34px; line-height: 34px; padding: 0 10px; border-radius: 0; background-color: transparent; }
#careers_main .formMailType2 .cont ::-webkit-input-placeholder { /* WebKit browsers */ color:    #acacac;}
#careers_main .formMailType2 .cont :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:    #acacac; opacity:  1;}
#careers_main .formMailType2 .cont ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:    #acacac; opacity:  1;}
#careers_main .formMailType2 .cont :-ms-input-placeholder { /* Internet Explorer 10+ */ color:    #acacac;}
/*#careers_main .formMailType2 .cont input.inp_txt[type="file"]{width: 100px; border-width: 0; line-height: 21px; }*/

#careers_main .formMailType2 .cont .textarea{background-color: #fff;}
#careers_main .formMailType2 .cont .textarea textarea{ height: 250px; background-color: transparent; }
#careers_main .formMailType2 .btns{text-align: center;}
#careers_main .formMailType2 .btns .btn_pack{width: 130px; height: 40px; line-height: 40px; font-size: 12px; font-size: 12px; text-transform: uppercase;}
#siteMapNotice{ font-size: 13px; line-height: 20px; }
#footer{ padding: 2.2% 0; background-color: #222; color: #5d5d5d; font-size: 12px; line-height: 20px;  }
#footer a{color: #5d5d5d;}
#footer .logo{position: absolute; right: 10px; bottom: 6%;}
#footer .sitemap{margin-bottom: 4%;}
#footer .sitemap > ul > li{  float: left; width: 14%; }
#footer .sitemap > ul:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:' '}
#footer .sitemap > ul > li  > a{ color: #fff; display: inline-block; *display: inline; *zoom: 1; margin-bottom: 10px; }


/*오픈 팝업*/

#open_popup{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:70;display:none;
    background-color: rgba(0, 0, 0, 0.5);  background-image: url(trg.html);
   /* IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#open_popup > .inner{position:relative;width:502px;margin:0px auto;}
#open_popup > .inner .con{border:1px solid #fff;}
#open_popup > .inner .con > img{width:100%;}
#open_popup > .inner .close{position:absolute;right:10px;top:10px;}
#open_popup > .inner > span{display:block;background:#000;color:#fff;padding:7px 5px;font-size:12px;line-height:12px;}
#open_popup > .inner > .con > div{position:absolute;width:100%;text-align:center;top:50px;}
#open_popup > .inner > .con > div > h1{color:#f41d00;font-weight:700;font-size:25px;margin-bottom:10px;}
#open_popup > .inner > .con > div > p{color:#727272;font-size:15px;margin-bottom:5px;}
#open_popup > .inner > .con > div > p > span{color:#333;}

/*레이어 팝업*/
    

#bg_popup{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:70;display:none;
    background-color: rgba(0, 0, 0, 0.5);  background-image: url(trg.html);
   /* IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#maint{position:relative; width:1200px;margin:100px auto 0px;background:#fff;}
#maint .inner{position:relative;padding:25px 20px; }
#maint .inner > h1{text-align:right;margin-bottom:20px;}
#maint .inner > h1 > button{vertical-align: middle;margin-left:10px;height:31px;width:31px;}
#maint .inner > h1 > a{display:inline-block;*display:inline;*zoom:1;vertical-align: middle;}
#maint .inner > h1 > a.down{min-width:151px;height:31px;line-height:31px;background:#212121; color:#fff; font-size:13px;padding:0px 7px;font-weight:400;}
#maint .inner > h1 > a.down:hover{background:#fd1805;}
#maint .inner > p{position:absolute;left:0px;width:100%;box-sizing:border-box;padding:0px 20px;margin-top:-17px;font-size:12px;letter-spacing:-0.5px;display:none;}
#maint_tb{position:relative;height:700px;overflow:hidden;max-height:750px;}
#maint_tb > table{border: 2px solid #56565E;width:100%;min-width:550px;}
#maint_tb > table > thead > tr > th, #maint_tb > table > tbody > tr > th, #maint_tb > table > tbody > tr > td{padding:0px 10px; height:42px;vertical-align:middle;line-height:18px;letter-spacing: -0.5px; font-size:13px; } 
#maint_tb > table > thead > tr > th{background:#d8d8d8; color:#000; text-align:center;font-weight:400;border-bottom:1px solid #56565E;border-left:1px solid #494950;padding:0px;}
#maint_tb > table > thead > tr > th:first-child{border-left-width:0px;}
#maint_tb > table > tbody > tr > td{border-left:1px solid #56565E ;border-top:1px solid #E2E2E2;color:#56565e;}
#maint_tb > table > tbody > tr > td.tit{border-left-width:0px;border-right:1px solid #E2E2E2;}
#maint_tb > table > tbody > tr.t_ln > td{border-top:1px solid #56565E;}
#maint_tb > table > tbody > tr.t_ln.ft > td{background:#EFEFEF; color:#000;border-bottom:1px solid #D4D4D4;}
#maint_tb > table > tbody > tr.t_ln.ft.last > td{border-bottom:1px solid #56565E;}
#maint_tb > table > tbody > tr > td.cn{text-align:center;#fd1805}
#maint_tb > table > tbody > tr .rd{color:#fd1805}
#maint_tb > table > tbody > tr.note > th{text-align:center;color:#000;}
#maint_tb > table > tbody > tr.note > td > ul{padding:5px 0px;}
#maint_tb > table > tbody > tr.note > td > ul > li{line-height:23px;background:url(../images/bg/bg_dash.gif) left 12px no-repeat;padding-left:10px;}
#maint_tb > table > tbody > tr.note > td > ul > li.star{background:none;padding-left:0px;color:#fd1805;margin-top:10px;}


/*시상식 팝업*/
#toggle_popup_bg{display:none;} 
#toggle_popup{z-index:71;}
#toggle_popup > .inner{position:fixed;width:0px;height:0px;left:70px;bottom:70px;margin:0px auto;background:#fff;overflow:hidden;z-index:70;}
#toggle_popup > .inner > .inBox{width:988px;height:781px;}
#toggle_popup > .inner > .inBox> h1{padding:35px 65px 2px;}
#toggle_popup > .inner > .inBox > ul{position:relative;z-index:1;}
#toggle_popup > .inner > .inBox > ul > li.tit{float:left;width:230px;margin-left:65px;}
#toggle_popup > .inner > .inBox > ul > li.tit .logo{position:relative;overflow:hidden;margin-top:16px;height:98px;}
#toggle_popup > .inner > .inBox > ul > li.tit .logo > p{position:absolute;height:100%;top:100%;}
#toggle_popup > .inner > .inBox > ul > li.tit .logo > p.show{top:0%;}
#toggle_popup > .inner > .inBox > ul > li.con{position:relative;color:#fff;float:right;width:566px;}
#toggle_popup > .inner > .inBox > ul > li.con h2{position:relative;overflow:hidden;margin-top:40px;height:32px;margin-bottom:5px;margin-right:65px;}
#toggle_popup > .inner > .inBox > ul > li.con h2 > p{position:absolute;height:100%;top:100%;right:0px;}
#toggle_popup > .inner > .inBox > ul > li.con h2 > p.show{top:0%;}
#toggle_popup > .inner > .inBox > ul > li.con h3{position:relative;overflow:hidden;height:40px;margin-bottom:20px;right:0px;margin-right:65px;}
#toggle_popup > .inner > .inBox > ul > li.con h3 > p{position:absolute;height:100%;top:100%;right:0px;}
#toggle_popup > .inner > .inBox > ul > li.con h3 > p.show{top:0%;}
#toggle_popup > .inner > .inBox > ul > li.con h1{position:relative;margin-top:20px;height:36px;overflow:hidden;line-height:36px;font-weight:400;}
#toggle_popup > .inner > .inBox > ul > li.con h1 > p{position:absolute;height:100%;top:100%;width:100%;font-size:13px;padding-left:20px;box-sizing:border-box;}
#toggle_popup > .inner > .inBox > ul > li.con h1 > p.n01{
    background: #09b4ec;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5YjRlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjMDBiMWViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTMlIiBzdG9wLWNvbG9yPSIjMDBiMWViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAyYWRlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #09b4ec 0%, #00b1eb 9%, #00b1eb 93%, #02ade5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#09b4ec), color-stop(9%,#00b1eb), color-stop(93%,#00b1eb), color-stop(100%,#02ade5));
    background: -webkit-linear-gradient(top, #09b4ec 0%,#00b1eb 9%,#00b1eb 93%,#02ade5 100%);
    background: -o-linear-gradient(top, #09b4ec 0%,#00b1eb 9%,#00b1eb 93%,#02ade5 100%);
    background: -ms-linear-gradient(top, #09b4ec 0%,#00b1eb 9%,#00b1eb 93%,#02ade5 100%);
    background: linear-gradient(to bottom, #09b4ec 0%,#00b1eb 9%,#00b1eb 93%,#02ade5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09b4ec', endColorstr='#02ade5',GradientType=0 );
}
#toggle_popup > .inner > .inBox > ul > li.con h1 > p.n02{background:#F33B01;}
#toggle_popup > .inner > .inBox > ul > li.con h1 > p.show{top:0%;}
#toggle_popup > .inner > .inBox > ul > li.con > p{font-size:13px;line-height:22px;}

#toggle_popup > .inner > .inBox > .img{position:relative;height:539px;background:url(../images/popup/award_150723/bg_pat.gif);top: -18px;}
#toggle_popup > .inner > .inBox > .img > .inner{position:relative;overflow:hidden;width:100%;height:100%;bottom:0px;}
#toggle_popup > .inner > .inBox > .img > .inner > li{position:absolute;height:100%;top:100%;width:100%;text-align:center;}
#toggle_popup > .inner > .inBox > .img > .inner > li img{vertical-align: bottom;}
#toggle_popup > .inner > .inBox > .img > .inner > li.show{top:0%;}
#toggle_popup > .inner .h100{display:inline-block; *display:inline; *zoom:1;height:100%;vertical-align: middle;}

#toggle_popup .prevnext{position:absolute;top:40px;width:100%;}
#toggle_popup .prevnext li button{color:#fff;font-size:13px;width:90px;height:29px;
-moz-transition: all 0.3s ease-in-out;    -o-transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;
}
#toggle_popup .prevnext li button >*{vertical-align: middle;}
#toggle_popup .prevnext li button:hover{background:#757575;}
#toggle_popup .prevnext li.prev{float:left;}
#toggle_popup .prevnext li.next{float:right;}
#toggle_popup .prevnext li.prev button span{margin-left:7px;}
#toggle_popup .prevnext li.next button span{margin-right:7px;}
#toggle_popup .prevnext li button span.line{display:inline-block; *display:inline; *zoom:1;margin:0px;border-top:1px solid #fff; width:0px;
-moz-transition: all 0.3s ease-in-out;    -o-transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;
}
#toggle_popup .prevnext li button:hover span.line{width:20px;}
#toggle_popup .btn_close{position:absolute;bottom:0px;left:0px;width:100%;height:84px;border-top:1px solid #E4E4E5;background:#fff;text-align:center;}
#toggle_popup .btn_close > button{width:171px; height:41px;color:#333333;background:#fff;font-size:15px;border:1px solid #a9a9a9;margin-top:20px;
-moz-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    -webkit-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;}
#toggle_popup .btn_close:hover button{background:#000;color:#fff;border:1px solid #000;}
#toggle_popup .cover{position:absolute;z-index:10;width:100%;height:100%;top:0px;left:0px;background:#fff;}
#mini_pop{
    position:fixed;bottom:30px;left:0px;z-index:71;
}
#mini_pop > a {display:block;height:100%;}
#mini_pop .con{position:absolute;top:0px;left:30px;}
#mini_pop .con >span.tit1{display:block; color:#fff; font-size:15px; margin-top:13px;margin-bottom:7px}
#mini_pop .con >span.tit2{display:block; color:#501515; font-size:15px; margin-bottom:7px}
#mini_pop .con >span.btn{display:block;border:1px solid #fff;padding:4px 0px;text-align:center; color:#fff; font-size:13px;width:85px;}

/* sub navigation*/

.sub_nav{position:absolute;right:0px;top:103px;}
.sub_nav > button{display:none;}
.sub_nav > ul:after{clear:both;content:"";display:block;}
.sub_nav > ul > li{display:inline-block; *display:inline; *zoom:1; margin-left:30px;}
.sub_nav > ul > li:first-child{margin-left:0px;}
.sub_nav > ul > li > a{position:relative;display:block;padding:4px 0px;font-size:14px;color:#333;
    -webkit-transition: .17s ease-out;
       -moz-transition: .17s ease-out;
         -o-transition: .17s ease-out;
            transition: .17s ease-out;
}
.sub_nav > ul > li > a:hover{color:#f41d00;}

.sub_nav > ul > li.on > a{ color:#f41d00;}
.sub_nav > ul > li.on > a:after{content:"";position:absolute;bottom:0px;width:100%;border-bottom:1px solid #f41d00; left:0px;}



 /* IE8 only */  
@media 0\screen {  
  .bannerType1 .viewport > #good1 > .recentBox{margin-left: -1px; }
  

}  
/* /IE8 only */