@charset "utf-8";

body {overflow-x:hidden;}

.content {position:relative; width:1200px; margin:0px auto; padding:0; clear:both;}
#wrapper {position:relative; width:100%; }
#headerWrap{position:relative; width:100%;}
#header{position:fixed; top:0; width:100%; background:#fff; border-bottom:1px solid #e1e1e1; z-index:99;}
#header .topWrap{overflow:hidden; height:40px; border-bottom:1px solid #e1e1e1;}
#header .top{width:1200px; margin:0 auto;}
#header .top h1{float:left; margin:15px 0 0;}
#header .top .headCall{float:right; line-height:40px; padding:0 30px; font-size:0.938em; font-weight:600;}
#header .top .headCall img {margin-top:10px; margin-right:10px;}
#header .top .headCall span{}
#header .top .headCall span.colG{padding-left:5px; color:#777; background:none;}
#header .menu{width:1200px; margin:0 auto;}
#header .top .warning{line-height:40px; height:40px; font-size:0.75rem; font-weight:600; text-align:left;color:#666;}
#header .top .warning span{color:#f43536;}
#header .top .sitemap a{float:right; width:70px; height:40px; font-size:0.75rem; line-height:40px; font-weight:600; color:#fff; margin:0 0; background:#333; text-align:center;}
#header .top .estimate a{float:right; width:70px; height:40px; font-size:0.75rem; line-height:40px; font-weight:600; color:#fff; margin:0 0; background:#f7941e; text-align:center;}

#header .top .sns_box{float:right;}
#header .top .sns_box li{float:left; margin:8px 5px 0 0;}

#header .top .langu {float:right; height:24px; padding:0 10px; margin:8px 4px 8px 0; border-radius:15px; background:#727272;}
#header .top .langu li {float:left; padding:0 5px;}
#header .top .langu li a {display:block; line-height:24px; color:#fff; font-weight:600; text-transform:uppercase;}
#header .top .langu li a.on {color:#fff6ad;}


/*헤더230502 수정*/
#header .top .langu_new{float: right;    height: 24px;    padding: 0 10px;    margin: 8px 4px 8px -15px;    border-radius: 15px;}
#header .top .langu_new li {float:left; padding:0 5px;}
#header .top .langu_new li a {display:block; line-height:24px; color:#595757; font-weight:600; text-transform:uppercase;}
#header .top .langu_new li a.on{color:#0097e0;}

#header .top .sitemap_new a{float:right; width:70px; height:25px; font-size:0.75rem; line-height:25px; font-weight:600; color:#fff; margin-top: 10px;background:#151515; text-align:center; border-radius: 25px; padding:0px 15px}
#header .top .estimate_new a{float:right; width:70px; height:25px; font-size:0.75rem; line-height:25px; font-weight:600; color:#fff; margin-top: 10px;  margin-right:10px;background:#151515; text-align:center; border-radius: 25px; padding:0px 15px}
#header .top .sitemap_new a:hover, #header .top .estimate_new a:hover{background:#0097e0}




#gnb{/*clear:both;*/ position:relative; width:100%; z-index:99; height:80px;}
#gnb .newmenu ul {margin-right:-30px;}
#gnb li{float:left; line-height:50px; font-size:15px; font-weight:500; text-align:center; line-height:80px;}
#gnb li::before{/*content:"|"; color:#ccc;*/}
#gnb li:first-child::before{content:""; }
#gnb li .oneD{display:inline-block; padding:0 20px; font-size:18px; font-weight:600;}
#gnb .twoD{width:100%; height:240px; z-index:99; margin-top:-4px; background:#fff; }
#gnb .twoD a{display:block; margin:0 -10px; line-height:180%; font-size:14.5px; letter-spacing:-0.07em; font-weight:400; color:#666; text-align:center; font-family:'맑은고딕'; }
#gnb .twoD a:first-child{}
#gnb .twoD a:hover{text-decoration:underline; color:#de5942;}

.secTit{margin-bottom:60px;     margin-top: 100px; font-size:2.4em; font-weight:600; text-align:center;}
.secTit span{display:block; margin-top:25px; font-size:1.13rem; font-weight:400;}
.secTit2{margin-bottom:60px; font-size:2.4em; font-weight:600; text-align:center;}
.secTit2 span{display:block; margin-top:25px; font-size:1.13rem; font-weight:400;}

#section01 {margin-top:120px;}
 
#section02{display:block; height:690px; padding:100px 0 50px; background:url(../img/main/6b_bg.jpg) no-repeat; background-size: cover;}

#tlfwjr {position:absolute; margin-top:-200px;}
#section03{height:950px; background:#efefef; padding: 100px 0 150px; margin-top:-100px;}
#section03 .tabGallery{width:1200px; margin:0 auto; }
/*#section03 .tabs{overflow:hidden; width:87.5%; margin:0 auto 50px auto;}
#section03 .tabs li{float:left; font-size:1.12em; font-weight:700; background:#fff;}
#section03 .tabs li::before{content:"|"; color:#ccc; font-weight:600;}*/



#section03 .tabs{overflow:hidden; width:100%; margin-bottom:50px;   display: flex;  align-items: center;    justify-content: center; gap:20px; }
#section03 .tabs li{  }
#section03 .tabs li::before{ display: none;}
#section03 .tabs li:first-child::before{content:"";}
#section03 .tabs li a{display:inline-block; /*padding:15px 19.8px;*/ padding:5px 15px; color:#595757; font-size:1em; font-weight:700;  
						border-radius: 25px; border:1px solid #9fa0a0;  background: #fff;}
#section03 .tabs .active a{color:#fff; background:#ea5532; border-radius: 25px; border:1px solid #efefef }
#section03 .tabs li:hover{}
#section03 .tabs li a:hover{background:#ea5532; color:#fff;   border-radius: 25px;  transition:all 0.1s;  border:1px solid #efefef}
#section03 .tab_container{overflow: hidden;}

#section03 .tabs liz
#section03 .tab_container ul li{position:relative; text-align:right; width:270px; height:277px; margin-left:40px; background:#fff;}
#section03 .tab_container ul li:first-child {margin-left:0;}
#section03 .tab_container ul li .tit{position:absolute; left:0; bottom:0; width:270px; height:120px; padding:35px 0 0 30px;      border-bottom: 1px solid #ea5532;
						font-size:1.2em; line-height:200%; /*background:url("../img/main/galleryBg.png") no-repeat;*/ background:none; box-sizing:border-box; }
#section03 .tab_container ul li .tit .viewMore{display:block;/*margin:10px 10px 20px 10px;*/ text-align:right; line-height:20px; font-size:0.95rem; 
						color:#f74c00;	   position: absolute;      top: 70px;    right: 10px;}
#section03 .tab_container ul li .tit .viewMore img{margin-left:5px;}


#section03  .section03_bottom{width: 1100px;    margin: 50px auto;  height:200px; background:#fff;  border-radius: 20px;  display: flex; gap:20px; padding:50px}

#section03  .section03_bottom div .tit {font-size:25px; font-weight:600;  line-height:35px; }
#section03  .section03_bottom div .tit a{color:#ea5532;}
#section03  .section03_bottom div .txt{margin-top:10px;}
#section03  .section03_bottom div .img{float: right;  padding-top: 30px;}

#section03  .section03_bottom a{border:1px solid #ea5532;  border-radius: 10px;  background:#fff; padding:20px; color:#ea5532;}
#section03  .section03_bottom a:nth-child(1){background:url(" ../img/main/i_con01.png")no-repeat 90% 90% ; width:250px;}
#section03  .section03_bottom a:nth-child(1):hover{background:url(" ../img/main/i_con01_hover.png")no-repeat 90% 90% ; background-color: #ea5532; }

#section03  .section03_bottom a:nth-child(2){background:url(" ../img/main/i_con02.png")no-repeat 90% 90% ; width:280px;}
#section03  .section03_bottom a:nth-child(2):hover{background:url(" ../img/main/i_con02_hover.png")no-repeat 90% 90% ; background-color: #ea5532;  }

#section03  .section03_bottom a:nth-child(3){background:url(" ../img/main/i_con03.png")no-repeat 96% 90% ; width:400px;}
#section03  .section03_bottom a:nth-child(3):hover{background:url(" ../img/main/i_con03_hover.png")no-repeat 96% 90% ; background-color: #ea5532; }
#section03  .section03_bottom a:hover , #section03  .section03_bottom div:hover .txt{color: #fff}



#section03 .tab_container ul li{position:relative; float:left; width:270px; height:277px; margin-left:40px; background:#fff;}
#section03 .tab_container ul li:first-child {margin-left:0;}
#section03 .tab_container ul li .tit{position:absolute; left:0; bottom:0; width:270px; height:120px; padding:35px 0 0 30px; font-size:1.2em; line-height:200%; /*background:url("../img/main/galleryBg.png") no-repeat;*/ box-sizing:border-box;}
#section03 .tab_container ul li .tit .viewMore{display:block; margin-top:10px; line-height:20px; font-size:0.95rem; color:#f74c00;}
#section03 .tab_container ul li .tit .viewMore img{margin-left:5px;}

#section05{ min-width: 1200px;background: #ea5532  /*background: #ddd;*/}
#section05 .inr{width: 1200px;  margin: 0 auto; padding:100px}
#section05 h2{color: #fff; width: 200px; margin: 0 auto;     font-size: 50px;    line-height: 60px; }
#section05 .tit, #section05 .txt{text-align: center; color: #fff;}
#section05 .tit{font-size:25px; margin-top: 100px; font-weight: 600;}
#section05 .txt{font-size:17px; margin-top: 20px;}
#section05 .car_img{width: 1000px;  margin: 100px auto;}
#section05 .certificate_wrap{display: flex; justify-content: space-between; align-items: center; width: 800px; margin: 0 auto; color:#fff; text-align: center}
#section05 .certificate_wrap .img img{width: 300px;}
#section05 .certificate_wrap .txt_wrap{}
#section05 .certificate_wrap .txt_wrap > h2{width: 100%;    font-size: 60px;    font-weight: 900; margin-bottom: 50px;}
#section05 .certificate_wrap .txt_wrap > .tit{font-size: 20px; font-weight: 600; margin: 30px 0 10px;}
#section05 .certificate_wrap .txt_wrap .small{font-size: 17px; }
#section05 .video_new{width: 800px; margin: 0 auto;}
#section05 .video_new video{width: 800px; margin-top: 100px;}




#section04{overflow:hidden;}
#section04 .fp-tableCell{vertical-align:top; padding-top:123px;}
#section04 .intro{position:relative; width:100%; min-width:1200px; height:344px; border-bottom:1px solid #e1e1e1;}
#section04 .intro .photo{position:absolute; left:50%; margin-left:-630px;}
#section04 .intro .go_intro{position:absolute; left:50%; margin-left:-100px; bottom:45px;}
#section04 .intro ul{position:absolute; left:50%; bottom:45px; margin-left:32px; width:568px; }
#section04 .intro ul li{float:left; width:284px; height:249px; font-size:1.5em; font-weight:700;}
#section04 .intro ul li span{display:block; margin-top:25px; font-size:0.95rem; font-weight:400;}
#section04 .intro ul li a{display:block; width:100%; height:100%; padding:40px 0 0 35px; color:#fff; box-sizing:border-box;}
#section04 .intro ul li.li01{background:url("../img/main/ban01.gif") no-repeat;}
#section04 .intro ul li.li02{background:url("../img/main/ban02.gif") no-repeat;}

#bottom{clear:both; width:100%; margin-bottom:50px; text-align:center; /*border-top:1px solid #e1e1e1;*/}
#bottom .bottomLogo{/*margin:50px 0 35px;*/ margin:50px 0 15px;}
#bottom .comInfo{line-height:160%; font-size:1.1em; font-weight:400; color:#444;}
#bottom .copy{margin-top:20px; color:#999; font-size:1.1em; }


/* 퀵메뉴 
.floating-banners {width:55px; height:100vh; background-color:#ed1b2f; top:0; right:0; z-index:100; position:fixed; color:fff;}
/*.floating-banners {z-index:10;position:fixed;right:50px;top:200px;padding:10px 0 0 0;}*
.floating-banners > li {margin:30px 0 0 0; }
.floating-banners > li:first-child {margin:0;}
.sns_wrap {margin:10px 10px;}
.writing {margin-top:70px;}
.writing li {padding:15px 18px;}
.writing li:first-child {background-color:#262626;}
.underline {border-bottom:1px solid #fff;}
*/

/*메인 - 하단배너*/
.floatbtm{position:fixed; bottom:0; left:0; width:100%; height:120px; background:rgba(0,0,0,0.8); z-index:100; transition:1s;}
.floatbtm ul{width:1200px; margin:0 auto;}
.floatbtm ul li{float:left; width:25%; height:140px; margin-top:-25px;}

.floatbtm ul li:nth-child(1){background:url("../img/common/flo_01.png") left 0px top 9px no-repeat; background-size:130px;}
.floatbtm ul li:nth-child(2){background:url("../img/common/flo_04.png") left 0px top 9px no-repeat; background-size:130px;}
.floatbtm ul li:nth-child(3){background:url("../img/common/flo_02.png") left 0px top 9px no-repeat; background-size:130px;}
.floatbtm ul li:nth-child(4){background:url("../img/common/flo_03.png") left 0px top 9px no-repeat; background-size:130px;}

.floatbtm ul li a{display:block; height:120px; margin-top:25px; padding:30px 0 0 140px; line-height:140%; color:#fff; font-weight:bold; font-size:20px;}
.floatbtm ul li:nth-child(3) a{padding:30px 0 0 140px;}

.floatbtm p.togle_btn{position:absolute; top:0; right:0; width:30px; height:30px; line-height:30px; text-align:center; background:#ed1b2f; cursor:pointer;}
.floatbtm p.togle_btn img{vertical-align:middle;}

/*사이트맵*/
.sitemap_box{width:100%; padding:60px 0; background:#151515; overflow:hidden;}
.sitemap_box ul{width:1200px; margin:0 auto; overflow:hidden;}
.sitemap_box ul li{float:left; min-height:390px; padding:0 25px; /*border-left:1px solid #2b2b2b;*/ border:0; box-sizing:border-box;}
.sitemap_box ul li:first-child{border-left:0;}
.sitemap_box ul li:nth-child(3){width:285px;}
.sitemap_box ul li a{display:block; text-align:left; color:#aaa; /*border-top:1px solid #2b2b2b;*/ border:0;}
.sitemap_box ul li a:first-child{border-top:0;}
.sitemap_box ul li a:hover{color:#fff;}
.sitemap_box ul li a.title01{font-size:17px; color:#fff; margin-bottom:25px; font-weight:bold;}
.sitemap_box ul li .title02 a{font-size:14px; line-height:44px;}



/*사이트맵  sns*/
#bottom .sitemap_box {  position: relative;   }
#bottom .sitemap_box:before{content: ""; position:absolute;  top: 98px; left:0;   width: 100%; height: 1px;  background:rgba(250,250,250,0.3);    }
.sitemap_box .sns_wrap{position: relative;}
.sitemap_box .sns_wrap ul{position: absolute; top: 350px; /*   left: 1430px;*/ left:1260px}
.sitemap_box .sns_wrap ul li{padding:0 5px;}
.sitemap_box .sns_wrap ul:before{display:none;}
.sitemap_box .sns_wrap ul li:hover{    opacity: 0.8;}

.sns_wrap_ ul{  display: flex;    justify-content: center;    align-items: center;    gap: 10px;       margin-bottom: 20px;}

/* 20190503 sns 영역 추가 */
/* .sns_wrap {position:fixed;z-index:1;right:50px;top:200px;} 
.sns_wrap {text-align:center;margin-bottom:20px;}
.sns_wrap ul li {margin-bottom:10px;}
.sns_wrap ul li  a {display:block;width:57px;height:57px;margin:0 auto;}*/