@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');

*{padding:0;margin:0;font-size:16px;font-weight:400;box-sizing:border-box;line-height:1.6;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;color:#222;word-break: keep-all;}
body{width:100%;min-width:1000px;}
ul, ol{list-style:none;}
a{text-decoration:none;color:inherit;}
img{border:none;max-width:100%;}
table { border-collapse: collapse;  border-spacing: 0;}

/* 공통 common */
.inner{width:1000px;margin:0 auto;}
.flex_wrap{display:flex;justify-content:space-between;}
.btn_style01{padding:10px 28px;font-size:15px;}

/* 헤더 header */
header.header{width:100%;position:fixed;z-index:999;transition:all .3s;}
header.header .inner{height:80px;display:flex;justify-content:space-between;align-items:center;position:relative;}
header.header .gnb>li{float:left;}
header.header .gnb>li:last-child>a{margin-right:0;}
header.header .gnb > li > a{color:#fff;display:block;margin-right:50px;}
header.header .gnb > li:hover > a{color:#ec9b3e;}
header.header .info_area a{color:rgba(255,255,255,.7);font-size:13px;}
header.header .info_area a.current{color:#ec9b3e;font-weight: 600;border:2px solid #ec9b3e;border-radius:20px;padding:1px 6px;}
header.header.on{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .3s;}
header.header.on .gnb > li > a{color:#222;}
header.header.on .info_area a{color:rgba(0,0,0,.3);}
header.header.on .info_area a.current{color:#ec9b3e;}
header.header.on li:hover > a{color:#ec9b3e;}
header .depth2 {position: absolute;z-index: 9999;margin-top: 50px;opacity: 0;transform: translateY(-100px);transition: .3s;}
header .depth2 li {margin-bottom: 10px;}
header .depth2 li a {font-size: 14px;color:#777;font-weight:500;display: block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
header .depth2 li a:hover{color:#000;}
header::after {display:none;content: '';background: #f1f1f1;  width: 100%;height: 200px;position: absolute;top: 80px;  left: 0;transform: translateY(-20px);transition: .3s;opacity: 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
header.depth2_bg::after {display:block;transform: translateY(0);opacity: 1;}
header.shadow {box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
header .depth2.active {opacity: 1;transform: translateY(0);}

header.header .toggle_menu_btn{position:relative;width:22px;height:16px;display:none;}
header.header .toggle_menu_btn span{position:absolute;height:2px;width:100%;background:#fff;}
header.header .toggle_menu_btn span:nth-child(1){top:0;}
header.header .toggle_menu_btn span:nth-child(2){top:calc(50% - 1px);}
header.header .toggle_menu_btn span:nth-child(3){bottom:0;}
header.header .toggle_menu_btn.active span:nth-child(1){top:calc(50% - 1px);transform:rotate(45deg);}
header.header .toggle_menu_btn.active span:nth-child(2){display:none;}
header.header .toggle_menu_btn.active span:nth-child(3){top:calc(50% - 1px);transform:rotate(-45deg);}

header.header .toggle_menu{display:none;padding:100px 30px 30px;}
header.header .toggle_menu ul li a{font-size:22px;font-weight:600;color:#fff;}
header.header .toggle_menu ul li a:hover{color:#000;}
header.header .toggle_menu>ul>li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.5);}
header.header .toggle_menu .toggle_depth2 a{font-size:15px;color:rgba(255,255,255,.7);}
header.header .toggle_menu.active{display:block;}


#main h1{font-size:60px;font-weight:800;line-height:1.2;}
#main h2{font-size:40px;font-weight:800;}
#main h5{color:#ec9b3e;font-weight:800;}

/* slick */
.section01 .main_slider{width:100%;height:850px;}
.section01 .main_slider .item.bg01{width:100%;height:850px;background:url('../Img/section01_bg01.png') center no-repeat;background-size:cover;}
.section01 .btn_next{display:block;z-index:888;width:100px;height:100px;position:absolute;bottom:0;background:#eee url('../Img/btn_next.png') center no-repeat;right:0;cursor:pointer;}
.section01 .btn_prev{display:block;z-index:888;width:100px;height:100px;position:absolute;bottom:0;background:#fff url('../Img/btn_prev.png') center no-repeat;right:100px;cursor:pointer;}
.section01 .main_slider .item .inner{height:100%;position:relative;}
.section01 .main_slider .item .txt_wrap{position:absolute;left:0;top:50%;transform:translateY(-50%);}
.section01 .main_slider .main_tit{font-size:60px;color:#fff;}
.section01 .main_slider .sub_tit{font-size:30px;color:#fff;}
.section01 .main_slider .txt{font-size:20px;color:#fff;}
.section01 .main_slider .btn_style01{font-size:15px;color:#fff;padding:12px 20px;background:#ec9b3e;display:inline-block;margin-top:50px;}
.section01 .main_slider .btn_style01:hover{background:#222;transition:.2s;}
.section01>.inner{position:relative;}

.section01 .main_slider .slick-active .sub_tit{animation: right 1.0s;}
.section01 .main_slider .slick-active .main_tit{animation: right 1.2s;}
.section01 .main_slider .slick-active .txt{animation: right 1.4s;}
.section01 .main_slider .slick-active .btn_style01{animation: right 1.4s;}
@keyframes right{from{opacity:0;transform:translateX(30%);} to {opacity:1;transform:translateX(0)}}

#main .section02{background:url('../Img/section02_bg01.png') center no-repeat;padding:190px 0 150px;}
#main .section02 p{color:#555;line-height:1.8;}
#main .section02 p.point{margin:60px 0 20px;color:#333;font-weight:600;display:block;line-height:1.8;}

#main .section03 .flex_box{position:relative;}
#main .section03 .flex_box:first-child{width:650px;height:600px;background:#333;}
#main .section03 .flex_box:last-child{width:(100% - 700px);margin-top:50px;}
#main .section03 h2{margin-bottom:60px;}
#main .section03 .tab_cont .btn_style01{border:2px solid rgba(255,255,255,.5);color:#fff;position:absolute;bottom:50px;left:50px;}
#main .section03 .tab_cont .btn_style01:hover{background:#222;border-color:#222;transition:.2s;}
#main .section03 .tabs li{margin:20px 0 20px 30px;}
#main .section03 .tabs li a{font-weight:500;}
#main .section03 .tabs li.active{color:#ec9b3e;position:relative;}
#main .section03 .tabs li.active a{font-weight:600;}
#main .section03 .tabs li.active::after{content:'';width:20px;height:3px;background:#ec9b3e;position:absolute;left:-26px;top:calc(50% - 1.5px)}

#main .section04 h2{color:#fff;}
#main .section04 h5{color:#333;}
#main .section04 p, #main .section04 a{color:#fff;}
#main .section04 .contact_wrap{width:50%;float:right;height:600px;background:#ec9b3e url('../Img/section04_bg01.png') center no-repeat;margin:-140px 0 140px;padding:170px 0 80px 80px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;}
#main .section04 .quick_contact{border:1px solid rgba(255,255,255,.7);border-radius:10px;padding:6px 18px;font-size:13px;}
#main .section04 .btn_style01{background:#000;font-size:15px;}
#main .section04 .btn_style01:hover{background:#fff;color:#222;transition:.2s;}

footer{background:#222;padding:42px 0;clear:both;}
footer ul{overflow:hidden;}
footer ul li{float:left;}
footer ul li + li::before{content:'|';color:rgba(255,255,255,.7);margin:0 18px;}
footer ul li a{font-size:15px;color:#ec9b3e;}
footer .flex_wrap{margin:40px 0 20px;flex-direction:column;}
footer .flex_wrap .flex_box{margin-bottom:20px;}
footer p{font-size:15px;color:rgba(255,255,255,.7);}
footer p.copyright{font-size:13px;color:rgba(255,255,255,.5);}
footer a.adm{border:1px solid rgba(255,255,255,.3);border-radius:30px;padding:0 4px;font-size:12px;}

/* 서브 sub */
#sub{}
.sub_cont{padding:120px 0;}
.sub_cont.notice{padding:120px 0 0;}
.sub_top_area{height:400px;padding-top:170px;}
.sub_top_area .inner{position:relative;height:100%;}
.sub_top_area h6, .sub_top_area h2{text-align:center;color:#fff;}
.sub_top_area h6{font-size:14px;}
.sub_top_area h2{font-size:30px;margin-top:10px;}
.sub_top_area.bg01{background:#ec9b3e url('../Img/sub_top_bg01.jpg') center no-repeat;}
.sub_top_area.bg02{background:#ec9b3e url('../Img/sub_top_bg02.jpg') center no-repeat;}
.sub_top_area.bg03{background:#ec9b3e url('../Img/sub_top_bg03.jpg') center no-repeat;}
.sub_top_area.bg04{background:#ec9b3e url('../Img/sub_top_bg04.jpg') center no-repeat;}

.sub_path{display:flex;align-items:center;justify-content:space-between;height:60px;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1);position:absolute;bottom:-30px;left:0;width:100%;}
.sub_path li{flex:1;text-align:center;height:100%;}
.sub_path li a{display:block;line-height:60px;color:#555;}
.sub_path li a.current{background:linear-gradient(to right, #fdb638, #fad161);color:#fff;}
.sub_path li a:hover{background:#eee;}

.sub_cont h5.sub_cont_tit2{font-size:16px;color:#ec9b3e;font-weight:800;}
.sub_cont h2.sub_cont_tit{font-size:36px;font-weight:600;margin-bottom:100px;}
.sub_cont .p_txt_style01{padding:10px 30px; display:inline-block;background:linear-gradient(to right, #fdb638, #fad161); color:#fff; font-size:20px;margin:0 0 50px 0;font-weight:500; border-radius: 50px;}
.sub_cont .p_txt_style01 sup{color:#fff;}

/* 회사소개 */
.about01 .globe_bg{position:absolute;left:-100px;top:-30px;}
.about01 .p_txt{color:#ec9b3e;font-size:18px;margin:0 0 50px 0;font-weight:600;}
.about01 .txt{color:#555;}
.about01 .sign{font-size:20px;text-align:right;margin-top:50px;}
.about01 h5{font-size:30px;font-weight:600;}
.about01 h2{font-size:60px;font-weight:700;line-height:1;margin-bottom: 100px;}

/*연혁 및 방침*/
.history h4 {text-align: center; font-size: 30px; margin-bottom: 10px; font-weight: 600;}
.history ul {position: relative;  overflow: hidden;  width: 100%;}
.history ul li {margin: 0;  width: 50%;  clear: both;  vertical-align: middle;  line-height: 1.8;color:#555;}
.history ul li:first-child {margin-top:20px;}
.history ul li:last-child {margin-bottom: 20px;}
.history ul li span {color: #ec9b3e;  font-size: 24px;  display: block;  margin: -5px 0 10px;}
.history ul li span strong {color: #ec9b3e; font-size: 24px; font-weight: 800;}
.history ul li img {padding-top: 10px;}
.history ul li.li_left { background: url(/Img/history_left.png) no-repeat right 5px;  float: left;  text-align: right;  padding-right: 68px;}
.history ul li.li_right {background: url(/Img/history_right.png) no-repeat left 5px; float: right; text-align: left; padding-left: 68px;}
.history ul:before {content: ""; position: absolute; left: 50%; width: 1px; height: 100%; background: #d1d1d1; z-index: -1;}

/*회사개요*/
.about03 .flex_wrap{flex-wrap:wrap;}
.about03 .flex_wrap .flex_box{width:calc(50% - 40px);overflow:hidden;text-align:center;}
.about03 .flex_wrap .flex_box:nth-child(2n){margin-top:80px;}
.about03 .flex_wrap .flex_box img{max-width:100%;}
.photo-gallery {display:flex;}
.photo-gallery ul li { display: block; }
.photo-gallery ul li .thumbnail {padding-bottom: 2px;cursor: pointer;}
.photo-gallery ul li:last-child .thumbnail { padding-bottom: 0px; }
.photo-gallery ul li img { width: 100%;}
.photo-gallery ul li.active {border:4px solid #ec9b3e;}
.photo-gallery .photo-list {width:20%; }
.photo-gallery .current-photo {width: 80%;  padding-right: 2px;}
.photo-gallery .current-photo img {height: 100%;width: 100%;}

.table_style01{width:100%;border-top:1px solid #000; margin: 50px 0; }
.table_style01 th, .table_style01 td{padding:10px;text-align:left;}
.table_style01 th{ background: #000; color: #fff;}
.table_style01 td{font-weight:300;color:#555;border:1px solid #eee;}
.table_spec {margin-bottom: 150px;}

/* 조직도 */
.sub_cont.about04{padding:120px 0 0;}
.about04 .img_wrap{background:#eee;padding:100px 0;text-align:center;}

/*사업분야*/
.business01 .flex_wrap {border-bottom: solid 1px #ec9b3e; margin-bottom: 50px;}
.business01 .flex_box{width:calc(33.333% - 10px);}
.business01 .flex_box img{width:100%;}
.business01 .flex_box .txt{text-align:center;margin:20px 0;}

.business02 .process{flex-wrap:wrap;align-items:center;justify-content:inherit;}
.business02 .process i{color:#ec9b3e;padding:0 10px;}
.business02 .process .flex_box{line-height:1.2;width:calc(25% - 30px);margin:10px 0;border:4px solid #ec9b3e;background:#fff;border-radius:30px;height:50px;padding:10px;display:flex;align-items:center;justify-content:center;color:#ec9b3e;font-weight:600;}
.business02 .process_area{background:#eee;padding:50px 0;margin-bottom:100px;}
.business02 .service .flex_box{width:calc(50% - 20px);}
.business02 .service .tabs{border-top:2px solid #000;}
.business02 .service .tabs li{padding:16px 0;border-bottom:1px solid #ddd;}
.business02 .service .tabs li a{font-size:20px;font-weight:600;color:#ccc;}
.business02 .service .tabs li.active a{color:#000;}
.business02 .service .tabs li.active::after{content:'\f00c';color:#ec9b3e;margin-left:10px;font-family:'Font Awesome 5 free';font-weight:600;}

.business03 .flex_box{width:calc(50% - 20px);}

/* 품질방침 */
.sub_cont.quality01{padding:100px 0 0;}
.quality01 .quality01_wrap{background:#eee;padding:100px 0;margin-top:100px;}
.quality01 .flex_box{position:relative;width:calc(25% - 20px);background:#fff;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.quality01 .flex_box .icon_wrap{z-index:2;}
.quality01 .flex_box .txt{font-size:20px;line-height:1.2;text-align:center;font-weight:600;margin-top:30px;z-index:2;}
.quality01 .flex_box::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transform:scaleY(1);transition: .2s;z-index:1;}
.quality01 .flex_box:hover::after{background:#ec9b3e;transform:scale(1.1);}
.quality01 .flex_box:hover .txt{color:#fff;}
.quality01 .flex_box .icon_wrap.icon01{background:url('../Img/quality01_icon01_1.png') center no-repeat;width:136px;height:136px;}
.quality01 .flex_box:hover .icon_wrap.icon01{background:url('../Img/quality01_icon01_2.png') center no-repeat;}
.quality01 .flex_box .icon_wrap.icon02{background:url('../Img/quality01_icon02_1.png') center no-repeat;width:136px;height:136px;}
.quality01 .flex_box:hover .icon_wrap.icon02{background:url('../Img/quality01_icon02_2.png') center no-repeat;}
.quality01 .flex_box .icon_wrap.icon03{background:url('../Img/quality01_icon03_1.png') center no-repeat;width:136px;height:136px;}
.quality01 .flex_box:hover .icon_wrap.icon03{background:url('../Img/quality01_icon03_2.png') center no-repeat;}
.quality01 .flex_box .icon_wrap.icon04{background:url('../Img/quality01_icon04_1.png') center no-repeat;width:136px;height:136px;}
.quality01 .flex_box:hover .icon_wrap.icon04{background:url('../Img/quality01_icon04_2.png') center no-repeat;}

.quality02 .p_txt_style01{margin:0;}
.quality02 table.center th, .quality02 table.center td{text-align:center;}

.sub_cont.quality03{padding:100px 0 0;}
.quality03 .cert_wrap{background:#eee;padding:100px 0 50px;}
.quality03 .flex_wrap{margin-bottom:50px;}
.quality03 .flex_box{width:calc(25% - 20px);}
.quality03 .flex_box img{max-width:100%;}

/* resp */
@media (max-width:768px){
  body{min-width:inherit;width:100%;}
  .inner{width:100%;padding:0 20px;}

  header.header .logo{width:140px;}
  header.header .inner{padding:0 30px;}
  header.header .gnb{display:none}
  header.header .info_area{position:absolute;right:60px;top:50%;transform:translateY(-50%);}
  header::after{display:none;}
  header.depth2_bg::after{display:none;}
  header.header .toggle_menu_btn{display:block;z-index:889;}
  header.header .toggle_menu{position:fixed;top:0;left:0;width:100%;height:100%;background:#ec9b3e;z-index:888;}

  #main h1{font-size:42px;}
  #main h2{font-size:32px;line-height: 1.2;}
  #main .section03 h2{margin-bottom:30px;}
  .section01 .main_slider .item .txt_wrap{left:30px;}
  #main .section02{padding: 150px 30px 120px;}
  #main .section03 .flex_wrap{flex-direction:column;}
  #main .section03 .flex_box:first-child{overflow:hidden;width:100%;height:400px;}
  #main .section03 .flex_box:last-child{width:100%;padding:30px;margin:0;}
  #main .section04 .contact_wrap{width:100%;margin:0;padding:40px 30px;float:inherit;height:400px;background-size:cover;}

  footer{padding:38px 30px;}
  footer p{font-size:13px;}

  /* 서브 */
  .sub_path li{overflow:hidden;}
  .sub_path li a{white-space:nowrap;width:100%;text-overflow:ellipsis;overflow:hidden;}

  .table_style01 th, .table_style01 td{padding:4px;font-size:14px;}

  .sub_cont{padding: 80px 0;}
  .about01 h2{margin-bottom:50px;}
  .history ul:before{left:0;}
  .history ul li.li_left{background: url(/Img/history_right.png) no-repeat left 5px;float:inherit;text-align: left;padding-left: 68px;width:100%;}
  .history ul li.li_right{float:inherit;width:100%;}

  .business01 .flex_wrap{flex-direction:column;}
  .business01 .flex_box{width:100%;}

  .business02 .service{flex-direction:column;}
  .business02 .service .flex_box{width:100%;}
  .business02 .service .flex_box:first-child{text-align:center;margin-bottom:30px;}
  .business02 .service .tabs li{padding:8px 0;}
  .business02 .process_area{padding:20px;}
  .business02 .process{justify-content:space-between;}
  .business02 .process .flex_box{width:100%;}
  .business02 .process i{display:none;}

  .business03 .flex_wrap{flex-wrap:wrap;}
  .business03 .flex_box{width:100%;}

  .sub_cont.quality01{padding:80px 0 0;}
  .sub_cont.quality01 .inner{padding:0 30px;}
  .quality01 .flex_wrap{flex-direction:column;}
  .quality01 .flex_box{width:100%;margin-bottom:20px;}
  .quality01 .flex_box:nth-child(2n){background:}

  .sub_cont.quality03{padding:80px 0 0;}
  .sub_cont.quality03 .inner{padding:0 30px;}
  .quality03 .flex_wrap{flex-wrap:wrap;}
  .quality03 .flex_box{width:calc(50% - 20px);margin-bottom:20px;}
}