@charset "utf-8";

/* 상단 메뉴 스타일*/
header{position:fixed;width:100%;overflow:hidden;z-index:10}
header h1{float:left;width:138px;height:30px;background:url('/img/common.png') no-repeat 0 -40px;font-size:0;margin:5px}
header .fullmenuGnb{display:none;}

/*.MainVisual{position:relative;width:100%;height:860px;background:#f1f5fd;-webkit-transition:0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.MainVisual01{background:url('/img/visual/main010.png') repeat center 0;height:100%;webkit-transition:1.0s ease;-moz-transition: all 1.0s ease;-ms-transition: all 1.0s ease;transition: all 1.0s ease}
.VisualSlogan{text-align:center;padding-top:320px;-webkit-transition:1.0s ease-out;-moz-transition: all 1.0s ease-out;-ms-transition: all 1.0s ease-out;transition: all 1.0s ease-out}
.VisualSlogan img{width:441px;-webkit-transition:0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
.MainVisualLeftmenu{position:absolute;right:0;top:20%;z-index:5;-webkit-transition:0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.MainVisualLeftmenu li{width:90px;height:90px;border-radius:90px;background:url('/img/main_menubg.png') repeat;cursor:pointer;margin:5px;text-align:center;
-webkit-transition:1.0s ease-out;-moz-transition: all 1.0s ease-out;-ms-transition: all 1.0s ease-out;transition: all 1.0s ease-out;}
.MainVisualLeftmenu li.on{border:3px solid #fff}
.MainVisualLeftmenu li span{color:#fff;font-family:tahoma;font-weight:bold;font-size:1.3em;line-height:90px}
*/
#All_bodyLayerPop {position: fixed;z-index: 1000;display: block;filter: alpha(opacity=0);opacity: 0.0;-moz-opacity: 0.0;background: #000;left: 0;top: 0;width: 100%;height: 100%;}
/* 메인 배너 레이아웃 */
.MainBannerLayout{width:100%;height:100%;}
.MainVisualBanner{position:relative;height:calc( 100% - 80px );min-height:650px;}
.MainVisualBanner .MainVisual{position:relative;height:100%;background:#ccc}
ul.mainbannerimg{position:absolute;top:0;height:0}
.MainVisualBanner .bottomBtn{position:absolute;bottom:0px;left:0;width:100%;text-align:center;z-index:999}
.MainVisualBanner .bottomBtn span{display:inline-block;width:12px;height:12px;border-radius:12px;background:#ff7800;margin:4px;font-size:0;text-indent:-10000px;}
.MainVisualBanner .bottomBtn span:hover, .MainVisualBanner .bottomBtn span.select{background:#ffd800;cursor:pointer;}
.MainVisualBanner .bottomBtn span.on{background:#ffd800}
/*.MainVisualBanner .MainVisual .VisualSlogan{display:table;text-align:center;width:100%;height:100%;vertical-align:middle;z-index:99;}
.MainVisualBanner .MainVisual .VisualSlogan a{display:table-cell;vertical-align:middle;}*/
.MainVisualBanner .MainVisual .VisualSlogan{position:absolute;top:40%;left:0;width:100%;text-align:center;z-index:99;}
.MainVisualBanner .MainVisual .VisualSlogan a{text-align:center}
.MainVisualBanner .MainVisual .VisualSlogan img{width:441px;}
.MainVisualBanner .MainVisual .VisualSloganMobile{display:none}
.MainVisualBanner .MainVisualLeftmenu{position:absolute;right:0;top:100px;z-index:5;-webkit-transition:0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.MainVisualBanner .MainVisualLeftmenu li{width:90px;height:90px;border-radius:90px;background:url('/img/main_menubg.png') repeat;cursor:pointer;margin:5px;text-align:center;
border:3px solid rgba(249, 249, 249, .1); -webkit-transition:1.0s ease-out;-moz-transition: all 1.0s ease-out;-ms-transition: all 1.0s ease-out;transition: all 1.0s ease-out;}
.MainVisualBanner.MainVisualLeftmenu li.on, .MainVisualBanner .MainVisual .MainVisualLeftmenu li:hover{/*background:#fff;filter:alpha(opacity=90);opacity:0.9;*/border:3px solid rgba(249, 249, 249, 1)}
.MainVisualBanner .MainVisualLeftmenu li a span{color:#fff;font-family:tahoma, ngeb, 나눔고딕;font-weight:bold;font-size:1.2em;line-height:90px}
.MainVisualBanner .MainVisualLeftmenu li.on  span, .MainVisualBanner .MainVisual .MainVisualLeftmenu li:hover span{color:#000}

.MainInfoBanner{height:50px;background:#ff8122;box-sizing:border-box}
.MainInfoBanner .MainBannerDiv{overflow:hidden;width:1100px;margin:0 auto;box-sizing:border-box;font-family:ng,나눔 고딕, 'Nanum Gothic',dotum,Dotum,돋움, 돋움체,AppleGothic,sans-serif;}
.MainInfoBanner .MainBannerDiv .infoBanner{float:left;width:400px;height:70px;border-left:1px solid #ffa35e;border-right:1px solid #ffa35e;}
.MainInfoBanner .MainBannerDiv a .infoBanner{display:inline-block;color:#fff;background:url('/img/main_icon.png') no-repeat 10px 15px;}
.MainInfoBanner .MainBannerDiv .infoBanner .banner{margin-left:75px;padding:20px 0}
.MainInfoBanner .MainBannerDiv .infoBanner span{display:block;font-size:1.3em}
.MainInfoBanner .MainBannerDiv ul{overflow:hidden;float:right}
.MainInfoBanner .MainBannerDiv li{float:left;border-right:1px solid #ffa35e;width:195px;height:70px;}
.MainInfoBanner .MainBannerDiv a li{color:#fff;background:url('/img/main_icon.png') no-repeat}
.MainInfoBanner .MainBannerDiv li span {display: block;margin: 25px 0 0 60px;font-size: 1.3em;}
.MainInfoBanner .MainBannerDiv li a:hover {color: #fff;}    
.MainInfoBanner .MainBannerDiv li.banner01{background-position:10px -56px}
.MainInfoBanner .MainBannerDiv li.banner02{background-position:10px -125px}
.MainInfoBanner .MainBannerDiv li.banner03{background-position:10px -195px}

/* 중간 배너 섹션 */

section.MainSection01 article{float:left;width:50%;height:265px}
section.MainSection01 article.infoinquiry{background:#ff8122}
section.MainSection01 article.infoinquiry ul{width:500px;float:right}
section.MainSection01 article.infoinquiry ul li{float:left;border-left:1px solid #ffad6f;width:33%}
section.MainSection01 article.infoBanner{background:#595959}
section.MainSection01 article.infoBanner ul{width:500px;float:left}


/* 메인 Customer 섹션*/
section.MainCustomerwrap{background:#f0f0f0}
section.MainCustomerwrap .MainCustomerDiv{width:1100px;margin:0 auto;overflow:hidden;padding:20px 0}
section.MainCustomerwrap .MainCustomerDiv article{float:left;width:50%}
section.MainCustomerwrap .MainCustomerDiv .CScenter{background:url('/img/main_icon.png') no-repeat 0 -400px;padding:10px 0 7px 60px;margin-left:10px}
section.MainCustomerwrap .MainCustomerDiv .CScenter span{display:block;font-size:30px;font-family:tahoma;font-weight:bold;padding-bottom:10px}
section.MainCustomerwrap .MainCustomerDiv .CSInfo{display:table;}
section.MainCustomerwrap .MainCustomerDiv .CSInfo li{display:table-cell;color:#4d4d4d;background:url('/img/main_icon.png') no-repeat;padding:0 0 0 70px;}
section.MainCustomerwrap .MainCustomerDiv .CSInfo li.map{background-position:10px -480px;padding-right:15px}
section.MainCustomerwrap .MainCustomerDiv .CSInfo li.recruit{background-position:10px -562px}
section.MainCustomerwrap .MainCustomerDiv .CSInfo li span{display:block;width:170px}
section.MainCustomerwrap .MainCustomerDiv .CSInfo li span.title{font-size:14px;font-family:tahoma;font-weight:bold}

/* 파트너 섹션 */
section.MainpartnerWrap{border-bottom:1px solid #ccc}
section.MainpartnerWrap .Mainpartner {width:1100px;margin:15px auto;position:relative;}
section.MainpartnerWrap .Mainpartner .prev{position:absolute;top:10px;left:2px;width:17px;height:33px;background:url('/img/main_icon.png') no-repeat -5px -280px;font-size:0}
section.MainpartnerWrap .Mainpartner .pre{position:absolute;top:10px;left:2px;width:17px;height:33px;background:url('/img/main_icon.png') no-repeat -5px -280px;font-size:0}
section.MainpartnerWrap .Mainpartner .next{position:absolute;top:10px;right:2px;width:17px;height:33px;background:url('/img/main_icon.png') no-repeat -55px -280px;font-size:0}
section.MainpartnerWrap .Mainpartner ul{overflow:hidden;height:51px;margin-left:20px}
section.MainpartnerWrap .Mainpartner li{float:left;margin:2px}
section.MainpartnerWrap .Mainpartner li img{width:155px;height:48px;}


/* 팝업 띄움 */
.PopupDiv {box-shadow:1px 6px 7px #0000006b;z-index: 1000;position:absolute;top:150px;left:50%;margin-left:-264px;z-index:10001;display:none;width:528px;}
.PopupDiv .footDiv{overflow:hidden;background:#000;padding:5px}
.PopupDiv .footDiv .txt{float:left;color:#fff;padding:3px 0 0 5px;font-family:ng,나눔 고딕, 'Nanum Gothic'}
.PopupDiv .footDiv .btn{float:right}


/**************************************   미디어스크린 조절 시작 **************************************/
@media screen and (max-width:1100px){

.MainBannerLayout{min-width:320px;height:auto}
.MainVisualBanner{height:600px;}
.MainInfoBanner{height:auto;background:#ff8122}

.MainVisualBanner .MainVisual .MainVisualLeftmenu{top:10%;-webkit-transition:0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}

/*.MainVisual{height:500px;-webkit-transition:0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.MainVisual01{background-size:cover;-webkit-transition:1.0s ease-out;-moz-transition: all 1.0s ease-out;-ms-transition: all 1.0s ease-out;transition: all 1.0s ease-out}
.VisualSlogan{text-align:center;padding-top:150px;-webkit-transition:1.0s ease-out;-moz-transition: all 1.0s ease-out;-ms-transition: all 1.0s ease-out;transition: all 1.0s ease-out}*/

.MainInfoBanner .MainBannerDiv{width:100%;height:auto;padding:0}
.MainInfoBanner .MainBannerDiv .infoBanner{width:100%;height:auto}
.MainInfoBanner .MainBannerDiv ul{background:#fe9b51;width:100%;float:none}
.MainInfoBanner .MainBannerDiv ul a li{display:table-cell;width:33%;border-left:1px solid #fdbd8d;border-right:0}

section.MainCustomerwrap .MainCustomerDiv{width:100%}
section.MainCustomerwrap .MainCustomerDiv .CScenter{margin-top:15px}
section.MainCustomerwrap .MainCustomerDiv .CSInfo li {display:inline-block;width:100%;padding:5px 0 10px 70px}
section.MainCustomerwrap .MainCustomerDiv .CSInfo li.recruit{border-top:1px solid #ccc;margin-top:10px}
section.MainCustomerwrap .MainCustomerDiv .CSInfo li span{display:block;width:auto}

section.MainpartnerWrap .Mainpartner {width:100%}
.MainVisualBanner  .MainVisualLeftmenu{top:10%}
}

@media screen and (max-width:560px){
header .fullmenuGnb{float:right;display:block;width:37px;height:30px;background:url('/img/common.png') no-repeat -165px 0;font-size:0; cursor:pointer;margin:5px;}
.MainVisualBanner{height:500px;min-height:auto}
.MainVisualBanner .MainVisual .VisualSlogan{}
.MainVisualBanner .MainVisual .VisualSlogan a{}
.MainVisualBanner .MainVisual .VisualSlogan img{width:280px;-webkit-transition:0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

.MainVisualBanner  .MainVisualLeftmenu{top:10%}
.MainVisualBanner .MainVisualLeftmenu li{width:70px;height:70px;border-radius:70px;-webkit-transition:0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease; }
.MainVisualBanner .MainVisualLeftmenu li span{font-size:1.1em;line-height:73px}

.MainInfoBanner .MainBannerDiv li span{font-size:1.1em}

section.MainCustomerwrap .MainCustomerDiv article{float:none;width:100%;}
section.MainCustomerwrap .MainCustomerDiv .CScenter{margin-top:0px;}
section.MainCustomerwrap .MainCustomerDiv .CSInfo li{padding-left:80px}
section.MainCustomerwrap .MainCustomerDiv .CSInfo li.map{border-top:1px solid #ccc;}

.PopupDiv {width:100%;left:265px}
.PopupDiv table img {width:100%;}

}

@media screen and (max-width:460px){

.MainVisualBanner .MainVisual .VisualSlogan{display:none}
.MainVisualBanner .MainVisual .VisualSloganMobile{display:block;position:absolute;top:40%;left:0;width:100%;text-align:center;z-index:99;}
.MainVisualBanner .MainVisual .VisualSloganMobile a{text-align:center}
.MainVisualBanner .MainVisual .VisualSloganMobile img{width:220px;-webkit-transition:0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}


}

.flash_banner2 {position: relative;padding:0 32px;width: 932px;height: 44px;background:url(/img/bg/main_construct_history.gif) repeat left top;}/* overflow:hidden; */
.flash_banner2 .btn_left {float: left;position: relative;margin-top: 7px;text-align: center}
.flash_banner2 .flash_banner_body {float: left;position: relative;margin:0 28px;width: 844px;height: 44px;z-index: 10;overflow: hidden;}
.flash_banner2 .flash_banner_body ul {float: left;position: relative;margin-top:2px;width: 1500px;height: 44px;list-style-type: none;}
.flash_banner2 .flash_banner_body li {float: left;position: relative;width: 120px;height: 44px;list-style-type: none;text-align: center}
.flash_banner2 .btn_right {float: right;position: relative;margin-top: 7px;text-align: center}
.flash_banner2  .btn {cursor: pointer;}
.flash_banner2 .flash_banner_body li .tip {float: left;position: relative;width: 160px;height: auto;}

/* 열리는 메뉴*/

.MobileMenuWrap{width:290px;background:#fff;z-index:9999;position:fixed;top:0px;right:-290px;height:100%;}
.MobileMenuWrap .MobileMenuTop{background:#ff7e16;overflow:hidden;padding:10px}
.MobileMenuWrap .MobileMenuTop h2{float:left;width:100px;height:25px;background:url('/img/common.png') no-repeat 0 -96px;font-size:0}
.MobileMenuWrap .MobileMenuTop .closed{float:right;width:25px;height:25px;background:url('/img/common.png') no-repeat -137px -99px;border:0;cursor:pointer;}
.MobileMenuWrap nav.MobileMenu{}
.MobileMenuWrap nav.MobileMenu div span{display:block;cursor:pointer;border-bottom:1px solid #ccc;background:url('/img/common.png') no-repeat right -198px;font-size:1.3em;font-weight:bold;color:#4e4e4e;padding:15px 0 15px 20px}
.MobileMenuWrap nav.MobileMenu div.on span{background:url('/img/common.png') no-repeat right -240px;}
.MobileMenuWrap nav.MobileMenu div ul{background:#757c89}
.MobileMenuWrap nav.MobileMenu div li a{display:block;padding:8px 0 8px 20px;border-bottom:1px solid #565f6e;color:#fff;font-size:1.1em;}
.MobileMenuWrap nav.MobileMenu div li a:hover{background:#565f6e}


.pop-layer {
  display: none;
  position: absolute;
  height: auto;
  border: 3px solid #ccc;
  background: #181818;
}


.pop-layer .popupfoot{
    float:right;
}

.pop-layer .popupfoot span{
    padding:0 10px 0 4px;
    color:#fff;
}