@import url(https://use.fontawesome.com/releases/v5.15.2/css/all.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@charset "utf-8";

/* Reset CSS  */
html { height: 100%; overflow-y:scroll; scroll-behavior: smooth;}
body { font-size: 16px; color:#333;/* overflow-x: hidden;*/  scroll-behavior: smooth; word-break: keep-all;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;  list-style:none;  font-family:"Noto Sans KR", "Noto Sans", "Play", sans-serif; font-weight: 400;}
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:#000; word-break: keep-all;}
hr, legend {height: 0; left: -5000px; line-height: 0; overflow-x: hidden; overflow-y: hidden; position: absolute; visibility: hidden;width: 0;}
caption {font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; border:0; outline:0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; height:auto; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; border: 0px solid #E5E5E5; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;line-height: 1.6; word-break: keep-all;}
td strong {font-weight: 100;	font-size: 5px;vertical-align: bottom;}
a:hover{text-decoration:none;}
ul:after{content:""; display:block; clear:both;}

/*bbs*/
#container_title{display:none;}
#bo_list_total{display:none;}
#bo_v_table{display:none;}
#bo_vc_w{border-bottom:0;}
#bo_vc{background:none;}

/************* css ******************/
body::-webkit-scrollbar {width: 10px;}
body::-webkit-scrollbar-thumb {background:#666; ;border-radius: 10px;}
body::-webkit-scrollbar-track {background: #f5f5f5;}


.container { max-width: 1520px; width:100%; margin: 0 auto; position: relative; box-sizing: border-box; padding:0 30px;}
.container:after {content: ""; display: block; clear: both;}
.wide{position: relative;}
.wide::before , .wide::after{content: ""; width: 200%; height: 100%; position: absolute; top:0; left:-50%; z-index: -1;}
p{word-break: keep-all;}


/*header*/
#header{width: 100%; position: absolute; top:44px; z-index: 99;}
#header .h_wrap{display: flex; align-items: center; justify-content: space-between;}
#header .header_bg{width: 100%; height: 650px; background: linear-gradient(rgba(255,255,255,0.95) 99%, rgba(243,115,32,0.95) 100%); margin-top: -103px; display: none;}
#h_gnb{display: flex;}
#header:hover .lnb{display: block;}
#h_gnb > li{padding: 0 47px; position: relative;}
#h_gnb > li > a{color: #fff; font-size: 17px; font-weight: 700;}
#h_gnb > li:hover > a{color:#F37320 !important; transition: .5s;}
#h_gnb .lnb{display: none; position: absolute; top:100%; left:47px; width: 80%; padding-top:15px;}
#h_gnb .lnb li a{font-size: 16px; color:#111; display: block; padding: 8px 0; color:#777;}
#h_gnb .lnb li a:hover{text-decoration: underline; color: #F37320;}
#h_bar{display: flex; align-items: center;}
#h_bar img{cursor: pointer;}
#h_lang{margin-right: 15px; position: relative;}
.cover {position: absolute; top: 0; left:0; width:100%; height:100%; }
#h_lang ul { display: none; position: absolute; top: 43px; width: 100%; }
#h_lang ul li { text-align: center; }
#h_lang ul li a { display: block; font-size: 16px; color: #777;     padding: 8px 0; }
#h_lang ul li a:hover{text-decoration: underline; color: #F37320;}
#h_logo .white , #h_lang .white , #nav_btn .white{display: block;}
#h_logo .color , #h_lang .black , #nav_btn .black{display: none;}
#header:hover #h_logo .white , #header:hover #h_lang .white , #header:hover #nav_btn .white{display: none;}
#header:hover #h_logo .color , #header:hover #h_lang .black , #header:hover #nav_btn .black{display: block;}
#header:hover #h_lang ul { display: block; }

#sitemap{position: fixed; top:0; right:-100%; width: 50%; height: 100vh; background: rgba(255,255,255,0.96); padding:15vh 50px 0; box-shadow: -2px 1px 8px #46464640; z-index: 999; overflow: hidden;}
#sitemap .close{cursor: pointer; position: absolute; top: 55px; right:30px;}
#sitemap .close span{display: block; width: 40px; height: 2px; background: #000;}
#sitemap .close .line01{transform: rotate(45deg);}
#sitemap .close .line02{transform: rotate(-45deg); margin-top: -2px;}
#sitemap .lang{margin-bottom:10px; display: inline-block; border:1px solid #777; border-radius: 30px; padding:5px 20px;}
#sitemap .lang li{float: left;}
#sitemap .lang li a{display: block; font-size: 16px; color:#aaa !important;}
#sitemap .lang li a:after{content:"ㅣ"; padding:0 2px;}
#sitemap .lang li:last-child a:after{ display: none; }
#sitemap .lang li a.on, #sitemap .lang li:hover a{color:#000 !important;}
#sitemap .gnb{height: 80vh; overflow-y: auto;}
#sitemap .gnb > li{margin-bottom:30px;}
#sitemap .gnb > li > a{font-size:35px; font-weight: 500; letter-spacing: -1px; border-bottom:1px solid #ddd; display: block; padding-bottom:10px; margin-bottom:10px; color:#000 !important;}
#sitemap .gnb > li:hover > a{color:#F37320 !important;}
#sitemap .gnb .lnb li a{font-size: 20px; transition: .5s; display: block; padding:3px 0; color: #999 !important;line-height: 1.5; }
#sitemap .gnb .lnb li:hover a{margin-left:10px; color:#F37320 !important;}

/*main*/
#m_slider{position: relative;}
#m_slider video { width: 100%; height: 100vh; object-fit: cover; }
#m_slider .scroll_line{display: block; width: 1px; height: 120px; background: #BABABA; position: absolute; left:50%; bottom:30px; z-index: 99;}
#m_slider .scroll_line::before{content: ""; width: 1px; height: 45px; background: #F37320; position: absolute; top:0; left:0;}
#m_slider .swiper-wrapper{width:100%;}
#m_slider .swiper-wrapper .swiper-slide{height:100vh; float:left; display: flex; align-items: center;}
/*#m_slider .swiper-wrapper .slide01{background: #ddd url(../img/m_slider01_bg.png) no-repeat center center;}*/
#m_slider .swiper-wrapper .slide02{background: #ddd url(../img/m_slider02_bg.png) no-repeat center center / cover;}
#m_slider .swiper-wrapper .slide03{background: #ddd url(../img/m_slider03_bg.png) no-repeat center center / cover;}
#m_slider .swiper-wrapper .slide04{background: #ddd url(../img/m_slider04_bg.png) no-repeat center center / cover;}
#m_slider .swiper-wrapper .text{opacity: 0;}
#m_slider .swiper-wrapper .text h2{color: #FAFAFA; font-size: 100px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; text-align: center; text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);-webkit-text-stroke-width: 1; -webkit-text-stroke-color: rgba(0, 0, 0, 0.10);}
#m_slider .swiper-wrapper .text h2 span{font-size: 120px; color: #F37320;}
#m_slider .swiper-wrapper .text h2 br {display: none;}
#m_slider .swiper-wrapper .text p{color: #EAEAEA; font-size: 24px; font-weight: 400; line-height: 150%;}
#m_slider .swiper-slide-active .text{opacity: 1; transition: all 3.0s;}
#m_slider .swiper-wrapper .slide01 .text { position: absolute; left: 150px; bottom: 50px; padding: 0 50px; }
#m_slider .swiper-wrapper .slide01 .text h2 { font-size: 50px;  text-align: left; }
#m_slider .swiper-wrapper .slide01 .text h2 span { font-size: 70px; }
#m_slider .swiper-wrapper .slide01 .text h2 br {display: none;}

#main { max-width: 1920px; margin: 0 auto; }
#main section .container{padding: 150px 30px;}
#main .m_tit{}
#main .m_tit h3{font-size: 45px; line-height: 140%; font-weight: 700; color: #F37320; position: relative; margin-bottom: 15px;}
#main .m_tit h3::before{content: ""; position: absolute; left:-35px; top:32px; width: 25px; height: 1px; background: #F37320; display: block;}
#main .m_tit h2{font-size: 35px; font-weight: 700; color: #2E2E2E; margin-bottom: 15px;}
#main .m_tit .txt{font-size: 21px; color: #767676; font-weight: 400; word-break: keep-all;}

#m_pro_tab{margin-top:73px; display: flex;}
#m_pro_tab .tab_btn{border-top:3px solid  #F37320; width: 30%;}
#m_pro_tab .tab_btn li{position: relative; font-size: 19px; color: #434343; padding: 20px 40px; cursor: pointer; border-bottom: 1px solid #DADADA;}
#m_pro_tab .tab_btn li:hover{color: #F37320;}
#m_pro_tab .tab_btn li:hover::after{content: ">"; position: absolute; right: 30px; top:18px; color: #F37320; font-size: 20px;  transform: scaleY(1.5); }
#m_pro_tab .tab_content_wrap{width: 70%; padding-left: 120px; position: relative;}
#m_pro_tab .tab_content_wrap::before{content:""; position: absolute; top:0; left:100px; z-index: 99;border-top:100px solid #fff; border-right: 100px solid transparent;}
#m_pro_tab .tab_content{display: none;}
#m_pro_tab .tab_content.active{display: block;}
#m_pro_tab .tab_content01{background: url(../img/m_pro_img01.png) no-repeat center center / cover;}
#m_pro_tab .tab_content02{background: url(../img/m_pro_img02.png) no-repeat center center / cover; display: block;}
#m_pro_tab .tab_content03{background: url(../img/m_pro_img03.png) no-repeat center center / cover;}
#m_pro_tab .tab_content04{background: url(../img/m_pro_img04.png) no-repeat center center / cover;}
#m_pro_tab .tab_content05{background: url(../img/m_pro_img05.png) no-repeat center center / cover;}
#m_pro_tab .tab_content06{background: url(../img/m_pro_img06.png) no-repeat center center / cover;}
#m_pro_tab .tab_content07{background: url(../img/m_pro_img07.png) no-repeat center center / cover;}
#m_pro_tab .tab_content08{background: url(../img/m_pro_img08.png) no-repeat center center / cover;}
#m_pro_tab .tab_content09{background: url(../img/m_pro_img09.png) no-repeat center center / cover;}
#m_pro_tab .tab_content .box{display: flex; flex-direction: column; justify-content: flex-end;position: relative; height: 550px; padding: 50px;}
#m_pro_tab .tab_content .box .tit{font-size: 28px; color: #121212; font-weight: 500; text-shadow: 2px 2px 2px rgb(255 255 255 / 60%);
    -webkit-text-stroke-width: 1; -webkit-text-stroke-color: rgb(255 255 255);}
#m_pro_tab .tab_content .box .txt{font-size: 20px; color: #D9D9D9; line-height: 140%; width: calc(100% - 200px);}
#m_pro_tab .tab_content .box .view{font-size: 20px; color: #DADADA; position: absolute; right:35px; bottom: 50px; display: block; width:164px; height: 52px; text-align: center; line-height: 50px; background: url(../img/view_line_bg.png);}
#m_pro_tab .tab_content .box .view:hover{background: url(../img/view_line_hover.png);color:#000; transition: .5s;}

#m_bus{ background-size: cover; background-position: center; transition: background-image 0.5s ease-in-out; min-height: 1035px; background-attachment: fixed;}
#m_bus .container{display: flex;}
#m_bus .m_tit{width: 50%; /*position: absolute;*/ top:150px; position: sticky; align-self: flex-start; height: 635px;}
#m_bus .m_tit h2{color: #fff; margin-bottom: 35px;}
#m_bus .m_tit .txt{color: #fff; line-height: 160%; max-width: 500px;}
#m_bus .list{display: flex; flex-wrap: wrap; justify-content: space-between; width: 50%; gap: 36px;/* margin-left:50%; */}
#m_bus .list li{width: calc(50% - 18px); margin-bottom: 300px;}
#m_bus .list li:nth-child(1){transform:translateY(0)!important;}
#m_bus .list li:nth-child(2){margin-top:300px;}
#m_bus .list li:nth-child(odd){transform: translateY(-333px); position: relative;}
#m_bus .list li:last-child {margin-bottom: 0;}
#m_bus .list li a{display: block; min-height: 390px; padding:30px; border-radius: 10px; background: rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.15); backdrop-filter: blur(17.5px);}
#m_bus .list li a:hover{background: #FAFAFA; transition: .5s;}
#m_bus .list li .num{font-size: 100px; font-weight: 700; color: rgba(171, 171, 171, 0.10); text-align: right; margin:-53px -33px 55px 0;}
#m_bus .list li .on{display: none;}
#m_bus .list li .off{display: block;}
#m_bus .list li .tit{font-size:22px; font-weight: 700; color: #EAEAEA; margin:30px 0 10px;}
#m_bus .list li .txt{font-size: 16px; color: #EAEAEA;}
#m_bus .list li:hover .num{color: rgba(243, 115, 32, 0.10);}
#m_bus .list li:hover .on{display: block;}
#m_bus .list li:hover .off{display: none;}
#m_bus .list li:hover .tit{color: #202020;}
#m_bus .list li:hover .txt{color: #767676;}
/* active 클래스 스타일 */
#m_bus .list li.active a {
  background: #FAFAFA;
  transition: 0.5s;
}
#m_bus .list li.active .num {
  color: rgba(243, 115, 32, 0.10);
}
#m_bus .list li.active .on {
  display: block;
}
#m_bus .list li.active .off {
  display: none;
}
#m_bus .list li.active .tit {
  color: #202020;
}
#m_bus .list li.active .txt {
  color: #767676;
}

#m_about{background: url(../img/m_about_bg.png) no-repeat bottom left;}
#m_about .container{display: flex;}
#m_about .m_tit{width: 60%;}
#m_about .m_tit .txt01{font-size: 100px; color: #2E2E2E; line-height: 100%; font-weight: 700; margin:125px 0 35px; letter-spacing: -2px;}
#m_about .m_tit .txt02{font-size: 16px; color: #767676; line-height: 150%; text-transform: uppercase;}
#m_about .img_box{width: 40%; display: flex; align-items: center; justify-content: flex-end;}

/*sub 공통*/
#sub{padding: 150px 30px 200px; min-height: 600px;}
#s_top{height: 605px; color: #FAFAFA;}
#s_top.s_top01{background: url(../img/s_top_bg01.png) no-repeat center center / cover;}
/* #s_top.s_top02_01{background: url(../img/s_top_bg02.png);}
#s_top.s_top02_02{background: url(../img/s_top_bg02_02.png);}
#s_top.s_top02_03{background: url(../img/s_top_bg02_03.png);}
#s_top.s_top02_04{background: url(../img/s_top_bg02_04.png);}
#s_top.s_top02_05{background: url(../img/s_top_bg02_05.png);}
#s_top.s_top02_06{background: url(../img/s_top_bg02_06.png);}
#s_top.s_top02_07{background: url(../img/s_top_bg02_07.png);}
#s_top.s_top02_08{background: url(../img/s_top_bg02_08.png);} */


#s_top.s_top02_02{background: url(../img/s_top_bg02.png) no-repeat center center / cover;}
#s_top.s_top02_01{background: url(../img/s_top_bg02_02.png) no-repeat center center / cover;}
#s_top.s_top02_06{background: url(../img/s_top_bg02_03.png) no-repeat center center / cover;}
#s_top.s_top02_05{background: url(../img/s_top_bg02_04.png) no-repeat center center / cover;}
#s_top.s_top02_04{background: url(../img/s_top_bg02_05.png) no-repeat center center / cover;}
#s_top.s_top02_03{background: url(../img/s_top_bg02_06.png) no-repeat center center / cover;}
#s_top.s_top02_07{background: url(../img/s_top_bg02_07.png) no-repeat center center / cover;}
#s_top.s_top02_08{background: url(../img/s_top_bg02_08.png) no-repeat center center / cover;}



#s_top.s_top03_01{background: url(../img/s_top_bg03.png) no-repeat center center / cover;}
#s_top.s_top03_02{background: url(../img/s_top_bg03_02.png) no-repeat center center / cover;}
#s_top.s_top03_03{background: url(../img/s_top_bg03_03.png) no-repeat center center / cover;}
#s_top.s_top03_04{background: url(../img/s_top_bg03_04.png) no-repeat center center / cover;}
#s_top.s_top03_05{background: url(../img/s_top_bg03_05.png) no-repeat center center / cover;}
#s_top.s_top03_06{background: url(../img/s_top_bg03_06.png) no-repeat center center / cover;}
#s_top.s_top03_07{background: url(../img/s_top_bg03_07.png) no-repeat center center / cover;}
#s_top.s_top03_08{background: url(../img/s_top_bg03_08.png) no-repeat center center / cover;}
#s_top.s_top03_09{background: url(../img/s_top_bg03_09.png) no-repeat center center / cover;}
#s_top.s_top03_010{background: url(../img/s_top_bg03_10.png) no-repeat center center / cover;}
#s_top.s_top03_011{background: url(../img/s_top_bg03_11.png) no-repeat center center / cover;}
#s_top.s_top03_012{background: url(../img/s_top_bg03_12.png) no-repeat center center / cover;}
#s_top.s_top04{background: url(../img/s_top_bg04.png) no-repeat center center / cover;}
#s_top.s_top05{background: url(../img/s_top_bg05.png) no-repeat center center / cover;}
#s_top.s_top06{background: url(../img/s_top_bg06.png) no-repeat center center / cover;}
#s_top .tit{font-size: 48px; font-weight: 700; padding: 335px 0 20px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
#s_top .tit::first-letter{font-size: 64px}
#s_top .txt{font-size: 24px; font-weight: 700;}
#s_top .path{display: flex; margin-top:20px;}
#s_top .path li{color:#fff; font-size: 18px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
#s_top .path li::after{content: "/"; padding: 0 10px;}
#s_top .path li:last-child::after{content: none;}
#s_top .path li a{color:#fff; display: inline-block; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}

#sub_wrap { overflow: hidden; }
#snb_wrap{border-bottom: 1px solid #D9D9D9; display: flex; justify-content: center;}
#snb{display: flex;}
#snb li a{font-size: 17px; color: #121212; padding: 30px; display: block; height: 100%; word-break: keep-all;}
#snb li:hover a ,#snb li a.active{color: #F37320; border-bottom: 6px solid #F37320;}

.s_tit h2{font-size: 50px;font-weight: 700; letter-spacing: -3.2px; position: relative;}
.s_tit h2::before{content: ""; position: absolute; top:18px; left:-50px; width: 40px; height: 1px; background: #F37320;}
.s_tit h3{font-size: 32px;font-weight: 700; color: #F37320;}
.s_tit h4{font-size: 20px;font-weight: 400; color: #999;}
.s_tit .txt{font-size: 20px; line-height: 200%; margin-top: 15px;}
.s_tit .about_fs { position: relative; color: #F37320; padding-left: 30px; font-weight: bold; margin-bottom: 50px; }
.s_tit .about_fs::before{content: ""; position: absolute; top:10px; left: 0; width: 20px; height: 1px; background: #F37320;}

/*about*/
#about{position: relative;}
#about .s_tit h2 {margin-bottom: 40px;}
#about .s_tit h3 { margin-bottom: 100px; font-size: 60px; text-align: center; word-break: keep-all;}
#about::before{content: ""; background: url(../img/m_about_img.png) no-repeat top 90px right 92px; width: 150%; height: 100%; position: absolute; top: -70px; left: -25%; opacity: 0.1;}
#about section{margin-bottom: 150px;}
#about .info{margin-bottom: 100px;}
#about .info .txt{margin: 50px 0; font-size: 20px; line-height: 175%;}
#about .company{position: relative;}
#about .company .swiper-container{width: 200%; margin-left:-50%;}
#about .company .swiper-wrapper{width:100%;}
#about .company .swiper-wrapper .swiper-slide{height:500px; float:left; display: flex; align-items: center / cover; position: relative;}
#about .company .swiper-wrapper .slide01{background:url(../img/about_slide03.png) no-repeat center center / cover;}
#about .company .swiper-wrapper .slide02{background:url(../img/about_slide01.png) no-repeat center center / cover;}
#about .company .swiper-wrapper .slide03{background:url(../img/about_slide02.png) no-repeat center center / cover;}
#about .company .swiper-wrapper .slide04{background:url(../img/about_slide04.png) no-repeat center center / cover;}
#about .company .swiper-wrapper .slide05{background:url(../img/about_slide05.png) no-repeat center center / cover;}
#about .company .swiper-wrapper .slide06{background:url(../img/about_slide06.png) no-repeat center center / cover;}
#about .company .swiper-wrapper .swiper-slide .txt{position: absolute; bottom:20px; right:30px; background: rgba(0,0,0,0.4); font-size: 18px; color:#fff; padding: 12px 20px;}
#about .value{display: flex; margin-bottom: 150px; justify-content: center;}
#about .value li{width: 300px; height: 300px; border-radius: 50%; margin-left:-50px; display: flex; flex-direction: column; justify-content: center;}
#about .value li:nth-child(1){background: rgba(250, 105, 12, 0.90);}
#about .value li:nth-child(2){background: rgba(86, 86, 86, 0.90);}
#about .value li:nth-child(3){background: rgba(32, 32, 32, 0.90);}
#about .value li:nth-child(4){background: rgba(217, 74, 12, 0.90);}
#about .value li:nth-child(5){background: rgba(133, 133, 133, 0.90);}
#about .value li:nth-child(6){background: rgba(32, 32, 32, 0.90);}
#about .value li p{text-align: center; color: #fff; font-size: 25px; font-weight: 600;}
#about .value li p b{display: block; margin-top:5px; font-size:15px; font-weight: 300;}
#about .mission{ padding: 190px 0; display: flex; justify-content: space-evenly; position: relative;}
#about .mission::before{content: ""; position: absolute; top:0; left:-50%; z-index: -1;width: 200%; height: 100%; background: url(../img/mission_bg.png) no-repeat center center / cover;}
#about .mission .box{border-right: 1px dashed #888; color:#fff; width: 90%; padding: 0 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#about .mission .box:last-child{border-right:0;}
#about .mission .box .icon{height: 135px; display: flex; align-items: center;}
#about .mission .box h2{margin: 20px 0 10px; font-size: 30px; font-weight: 600;}
#about .mission .box p{font-size: 18px; line-height: 160%; text-align: center;}

/*ceo*/
#ceo{margin-top:-151px;}
#ceo .top{position: relative; padding: 300px 0 100px; margin-bottom: 100px;}
/* #ceo .top::before{content: ""; position: absolute; top:0; left:-50%; width: 200%; height: 100%; background: url(../img/ceo_top_bg.png) no-repeat center center / cover; z-index: -1;} */
#ceo .top h2{color:#fff; font-size: 50px; font-weight: 600; letter-spacing: -2px; line-height: 140%;}
#ceo .top h2 span{border-bottom: 3px solid #ccc; padding-bottom: 3px;}
#ceo .cont .big{font-size:36px; font-weight: 600; letter-spacing: -1px; margin-bottom: 30px;}
#ceo .cont .big span{color:#F37320;}
#ceo .cont .txt{font-size:18px; font-weight: 500; line-height: 180%; color:#777; margin-bottom: 30px;}
#ceo .cont .name{font-weight: 500; font-size:22px; text-align: right;}
#ceo .cont .name b{margin-right:20px;}
#ceo .top_img{width: 100%; height: 444px; background: url(../img/ceo_top_bg.png) no-repeat center center / cover;}


/*ci*/
#ci section{margin-bottom: 150px;}
#ci .s_tit{margin-bottom: 40px;}
#ci .concept{position: relative; padding: 80px 0;}
#ci .concept::before{content: ""; z-index: -1; position: absolute; top:0; left:-50%; width: 200%; height: 100%; background: url(../img/ci_logo_bg.png);}
#ci .concept .img{text-align: center; margin: 100px 0 60px;}
#ci .concept .txt{font-size: 18px; line-height: 160%; padding: 50px 40px; background: rgba(255,255,255,0.9);}
#ci .concept .txt b{font-weight: 600; color: #F37320;}
#ci .color img{display: block; margin-bottom: 30px;}
#ci .type .list{display: flex; gap:30px 50px; flex-wrap: wrap; justify-content: space-between;}
#ci .type .list li{width: calc(51% - 50px);;}
#ci .type .list li .img{border:1px solid #ddd; height: 180px;display: flex; align-items: center; padding: 0 50px;}
#ci .type .list li .img img{max-width: 80%;}
#ci .type .list li h3{font-size: 18px; letter-spacing: -1px; font-weight: 500; margin-top:10px;}
#ci .sign .box{display:flex; gap:100px; justify-content: space-between;}
#ci .sign .box .img{padding: 30px; text-align: center; width: 50%;}
#ci .sign .box .img01{background: #F37320;}
#ci .sign .box .img02{background: #716F73;}

/*location*/
/* #location .info{background: url(../img/location_company.png) no-repeat left top; padding: 160px 0 100px; margin-bottom: 200px;} */
/* #location .info .txt{background: rgb(255 255 255 / 0.9); margin-left:60%; padding:80px 50px; font-size:18px; line-height: 160%;} */
#location .info .txt {font-size:20px; line-height: 160%;  margin-bottom: 150px;}
#location .info .txt b{display: block; font-size: 42px; font-weight: 600; color:#F37320; margin-bottom: 30px;}
#location .info .txt strong { display: block; }
#location .map{display: flex; gap:50px; margin-bottom: 150px;}
#location .map .s_tit{width: 400px;}
#location .map .s_tit h2{font-size: 50px;}
#location .map .cont{width: calc(100% - 500px);}
#location .map .cont .txt{font-size: 18px; line-height:180%; margin-top:30px;}
#location .map .cont .txt i{color: #666; width: 30px;}

/*product*/
#product section{margin-bottom: 120px;}
#product .top{display: flex; justify-content: center; gap: 0 20px;}
#product.pro02 .top img, #product.pro01 .top img, #product.pro06 .top img, #product.pro04 .top img, #product.pro03 .top img {height: 450px;}
#product.pro07 .top img, #product.pro08 .top img{height: 300px;}
#product .top img { display: block; height: 350px; object-fit: contain; }

#product .model{background: #F8F8F8; padding: 115px 0; position: relative; margin-bottom: 0;}
#product .model::before{content: ""; width: 200%; height: 100%; top:0; left:-50%; position: absolute; z-index: -1; background: #F8F8F8; padding: 115px 0;}
#product .model .s_tit{display: flex; flex-wrap: wrap; gap: 0 100px; }
#product .model .s_tit1 { align-items: center;  }
#product .model .s_tit .right{margin-top:5px; word-break: keep-all;}
#product .icon{position: relative; padding: 130px 0;}
#product .icon::before{content: ""; position: absolute; top:0; left:-50%; width: 200%; height: 100%; z-index: -1; background: url(../img/pro01_icon_bg.png) no-repeat center center / cover;}
#product .icon .list{display: flex; justify-content: center; text-align: center;}
#product .icon .list li {display: flex; flex-direction: column; align-items: center; width: 30%;}
#product .icon .list li .box{border:2px solid #fff; width: 175px; height: 175px; border-radius: 50%; background: rgba(0,0,0,0.14); display: flex; align-items: center; justify-content: center;}
#product .icon .list li p{color:#fff; font-size: 28px; font-weight: 700; margin-top: 20px;}
#product .feat .s_tit{display: flex; gap:0 100px;}
#product .feat .s_tit .txt{margin-top: 10px;}
#product .feat .s_tit .txt i{font-weight: 300; color: #F37320; margin-right: 19px;}
#product .spec .s_tit{margin-bottom: 30px;}
#product .spec .grid{margin-bottom: 70px;}
#product .spec .grid .num{font-size: 100px; font-weight: 700; color: #f373201a; letter-spacing: -5px;}
#product .spec .grid .tit{font-size: 24px; font-weight: 700; margin-top: -47px; margin-left:7px;}
#product .spec .grid table{border-bottom: 1px solid #000; width: 100%; margin-top:10px;}
#product .spec .grid table tr{ border-bottom: 1px solid #ebebeb;}
#product .spec .grid table tr:nth-child(2n+1) {background:#f9f9f9;}
#product .spec .grid table th{background: #fff1e8; }
#product .spec .grid table tr:first-child th {background:#F37320; color: #fff; font-weight: 700;}
#product .spec .grid table th, #product .spec .grid table td{text-align: center; padding: 15px 10px; font-size: 20px; border-right: 1px solid #ebebeb;}
#product .spec .grid table tr td:first-child {max-width: 340px;}
#product .spec .grid table td img { max-width: 280px; }
#product .inq_btn{text-align: center; margin-top: 100px;}
#product .inq_btn a{font-size: 20px; padding: 20px 50px; border:2px solid rgba(0, 0, 0, 0.21); display: inline-block;}
#product .inq_btn a:hover{border-color:#F37320; background: #F37320; color: #fff; transition: .5s;}
#product .inq_btn a i{margin-left:50px; font-weight: 300;}
#product .bus_link {margin-top: 120px;}
#product .bus_link .s_tit{margin-bottom: 30px;}
#product .bus_link ul {display: flex; flex-wrap: wrap; gap:20px;}
#product .bus_link ul li {text-align: center; position: relative; margin-bottom: 20px;}
#product .bus_link ul li img {margin-bottom: 12px;}
#product .bus_link ul li p {font-size: 18px;}
#product .bus_link .cover {position: absolute; top:0; left: 0; width:100%; height:100%;}


#product.pro07 .spec{margin-top:100px;}
#product.pro08 .spec{margin-top:100px;}

/*business*/
#business section{margin-bottom: 120px;}
#business .top_img{color: #fff; text-align: center; padding: 190px 0 160px;}
#business .top_img h2{font-size: 48px; margin-bottom: 12px; font-weight: 700; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
#business .top_img h3{font-size: 20px; font-weight: 700;text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);}
#business .inq_btn{text-align: center; margin-top: 100px;}
#business .inq_btn a{font-size: 20px; padding: 20px 50px; border:2px solid rgba(0, 0, 0, 0.21); display: inline-block;}
#business .inq_btn a:hover{border-color:#F37320; background: #F37320; color: #fff; transition: .5s;}
#business .inq_btn a i{margin-left:50px; font-weight: 300;}

#business .bg .s_tit{display: flex; gap:0 45px; align-items: center; margin-bottom: 40px;}
#business .bg .s_tit .txt{margin-top: 5px;}
#business .bg .subject{font-size: 25px; font-weight: 600; margin-bottom: 10px; letter-spacing: -1px;}
#business .bg .margin_top{margin-top: 70px;}
#business .bg .list{display: flex; flex-wrap:wrap; gap:0 20px;}
#business .bg .list li{width: calc(33.33% - 15px);}
#business.bus03 .bg .list li, #business.bus05 .bg .list li, #business.bus06 .bg .list li,  #business.bus07 .bg .list li,
#business.bus08 .bg .list li,  #business.bus09 .bg .list li {width: calc(25% - 15px);}
#business.bus03 .bg .list li .img, #business.bus05 .bg .list li .img, #business.bus06 .bg .list li .img,  #business.bus07 .bg .list li .img,
#business.bus08 .bg .list li .img,  #business.bus09 .bg .list li .img {height: 225px;}
#business .bg .list li .img{border:1px solid #ccc; margin-bottom: 15px; height: 300px;}
#business .bg .list li .img img { display: block; width: 100%; height: 100%; }
#business .bg .list li h3{font-size: 20px; word-break: keep-all;}
#business .sol{position: relative; padding: 130px 0;}
#business .sol::before{content: ""; position: absolute; top:0; left: -50%;  z-index: -1; width: 200%; height: 100%; background: #F8F8F8;}
#business .pro .list{display: flex; flex-wrap: wrap; gap:0 20px; margin-top:30px;}
#business .pro .list li{width: calc(25% - 15px); margin-bottom: 65px; }
#business .pro .list li .img{border:1px solid #ccc; margin-bottom: 15px;}
#business .pro .list li h3{font-size: 20px; word-break:keep-all;}

#business.bus01 .top_img{background: url(../img/bus01_top_bg.png) no-repeat center center;}
#business.bus02 .top_img{background: url(../img/bus02_top_bg.png) no-repeat center center;}
#business.bus03 .top_img{background: url(../img/bus03_top_bg.png) no-repeat center center;}
#business.bus04 .top_img{background: url(../img/bus04_top_bg.png) no-repeat center center;}
#business.bus05 .top_img{background: url(../img/bus05_top_bg.png) no-repeat center center;}
#business.bus06 .top_img{background: url(../img/bus06_top_bg.png) no-repeat center center;}
#business.bus07 .top_img{background: url(../img/bus07_top_bg.png) no-repeat center center;}
#business.bus08 .top_img{background: url(../img/bus08_top_bg.png) no-repeat center center;}
#business.bus09 .top_img{background: url(../img/bus09_top_bg.png) no-repeat center center;}
#business.bus10 .top_img{background: url(../img/bus10_top_bg.png) no-repeat center center;}
#business.bus11 .top_img{background: url(../img/bus11_top_bg.png) no-repeat center center;}
#business.bus12 .top_img{background: url(../img/bus12_top_bg.png) no-repeat center center;}

/*catalog*/
#catalog{text-align: center;}
#catalog img{box-shadow: 10px 10px 10px #ebebeb;}
#catalog .txt{margin: 70px 0 30px; font-size: 20px; color: #a4a4a4; letter-spacing: -1px;}
#catalog .link{display: inline-block; color:#fff; font-size: 20px; font-weight: 500; padding: 15px 50px; background:#F37320;}
#catalog .link:hover{background: #333; transition: .5s;}

/*inquiry*/
#inquiry .top{margin-bottom:30px;}
#inquiry .top h2{font-size: 50px; font-weight: 400; letter-spacing: -1px;}
#inquiry .top h2 span{font-weight: 600; color: #F37320;}
#inquiry form{width: 100%; border-top:2px solid #000;}
#inquiry form .list li{border-bottom:1px solid #ddd; display: flex; gap:60px; align-items: center; padding: 30px 20px;}
#inquiry form .list li:last-child{border-bottom: none;}
#inquiry form .list li .lbl{width: 200px; font-size: 18px;}
#inquiry form .list li .content{width: 100%;}
#inquiry form .list li .content .input{border:1px solid #999; height: 50px; width: 100%;}
#inquiry form .list li .content textarea.input{height: 250px; line-height: 1.5; font-size: 14px; color: #333;}
#inquiry form .list li .content textarea{padding: 10px; border:1px solid #999; margin-bottom: 10px;}
#inquiry form .list li .pro_check{display: flex;flex-wrap: wrap;}
#inquiry form .list li .pro_check .group{width: 50%; padding: 5px 0;}
#inquiry form .list li .pro_check .group input{margin-right:10px;}
#inquiry form .btn_box{margin-top:30px; text-align: right; display: flex; justify-content: flex-end; gap: 10px;}
#inquiry form .btn_box .form_btn{font-size:18px; color:#fff; font-weight: 500; padding: 15px 60px;}
#inquiry form .btn_box .cancel{background: #333; display:inline-block;}
#inquiry form .btn_box .cancel:hover{background: #000; transition: .5s;}
#inquiry form .btn_box .submit{background: #F37320;}
#inquiry form .btn_box .submit:hover{background: #ee660e; transition: .5s;}

/*ideal*/
#ideal section{margin-bottom: 150px;}
#ideal .top{position: relative;}
/* #ideal .top::after{content: ""; position: absolute; top:0; left:-50%; width: 200%; height: 100%; background: url(../img/ideal_top.png) no-repeat top right 27%; z-index: -1;} */
#ideal .top .box{background: rgba(255,255,255,0.97); padding: 80px 30px;}
#ideal .top h2{font-size: 45px; line-height: 120%; font-weight: 600; margin-bottom: 30px;}
#ideal .top h2 span{color:#F37320;}
#ideal .top .txt{font-size: 20px; line-height: 180%;}
#ideal .content .list{display: flex; margin-top:100px; gap: 50px; justify-content: space-between;}
#ideal .content .list li{width: 25%;}
#ideal .content .list li:nth-child(2){margin-top:50px;}
#ideal .content .list li:nth-child(3){margin-top:150px;}
#ideal .content .list li:nth-child(4){margin-top:200px;}
#ideal .content .list li img{margin-bottom: 30px;}
#ideal .content .list li h2{font-size: 40px; font-weight: 600; border-top: 1px solid #000; padding-top: 20px;}
#ideal .content .list li h3{font-size: 22px; font-weight: 600; margin: 5px 0 10px; color:#F37320;}
#ideal .content .list li p{font-size: 18px; line-height: 140%; color: #a3a3a3;}
#ideal .content02{position: relative; padding: 130px 0 80px;}
#ideal .content02::after{content: ""; position: absolute; top:0; left:-50%; width: 200%; height: 100%; background: url(../img/ideal_bg.png) no-repeat center center; z-index: -1;}
#ideal .content02 .grid{margin-bottom: 50px; margin-left:55%;}
#ideal .content02 .grid h2{font-size: 28px; font-weight: 500; color: #fff; margin-bottom: 5px;}
#ideal .content02 .grid h2 i{margin-left:-50px; margin-right:22px; color:#F37320;}
#ideal .content02 .grid p{font-size: 20px; line-height: 140%; color: #fff;}

/*recruit*/
#recruit section{margin-bottom: 150px;}
#recruit .s_tit h2{font-size: 50px;}
#recruit .s_tit h3{font-size: 25px;}
/* #recruit .top{color:#fff; padding: 100px 30px; background: url(../img/recruit_bg.png) no-repeat center center; text-align: center; border-radius: 100px 0;}
#recruit .top h2{font-size: 40px; line-height: 120%; font-weight: 600; margin-bottom: 30px;}
#recruit .top p{font-size: 22px; line-height: 130%;} */
#recruit .top{position: relative;}
#recruit .top .box{background: rgba(255,255,255,0.97); padding: 80px 30px;}
#recruit .top h2{font-size: 45px; line-height: 120%; font-weight: 600; margin-bottom: 30px;}
#recruit .top h2 span{color:#F37320;}
#recruit .top .txt{font-size: 20px; line-height: 180%;}
#recruit table{width: 100%; border-top: 2px solid #F37320;}
#recruit table tr{border-bottom: 1px solid #ddd;}
#recruit table tr th{font-weight: 600; background: #f9f9f9;}
#recruit table tr th,#recruit table tr td{font-size: 18px; padding: 20px; position: relative;}
#recruit table tr td .down{display: inline-block; padding: 5px 20px; background: #F37320; color: #fff; position: absolute; right:20px; bottom:20px;}
#recruit table tr td .down:hover{transition: .5s; background: #333;}
#recruit .flex{display: flex; gap:150px; justify-content: space-between;}
#recruit .flex .cont{width: 75%;}
#recruit .part02{position: relative; padding: 150px 0 100px;}
#recruit .part02::before{content: ""; position: absolute; top:0; left: -50%;  width: 200%; height: 100%; background: #fbfbfb; z-index: -1;}
#recruit .part02 .step{display: flex; gap:50px; margin-top:100px;}
#recruit .part02 .step li{width: 25%; text-align: center;}
#recruit .part02 .step li .icon{width: 200px; height: 200px; box-shadow: 4px 3px 0px #f0f0f0; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 50%; margin:0 auto 30px;}
#recruit .part02 .step li .icon i{font-size: 60px; color: #f37320;}
#recruit .part02 .step li h2{font-size: 20px; color: #F37320;}
#recruit .part02 .step li h3{position: relative; font-size: 25px; font-weight: 600; margin: 5px 0 20px;}
#recruit .part02 .step li h3::before{content: ""; position: absolute; bottom:-26px; left:calc(50% - 8px); background: #fff; width: 12px; height: 12px; border: 3px solid #f37320; border-radius: 50%;}
#recruit .part02 .step li p{font-size: 18px; line-height: 130%; border-top: 1px solid #d5d5d5; padding-top: 20px;}
#recruit .part02 .last{font-size: 18px; margin-top:100px; text-align: right;}
#recruit .part04 .list{margin-top: 40px; display: flex; justify-content: space-evenly; position: relative;}
#recruit .part04 .list::before{content: ""; width: 100%; height: 1px; background: #ccc; position: absolute; left:0; top:50%; z-index: -1;}
#recruit .part04 .list li{width: 180px; height: 180px; background: #fff; border-radius: 50%; font-size: 22px; font-weight: 600; display: flex; align-items: center; justify-content: center;}
#recruit .part04 .list li:nth-child(1){border:7px solid #b4b4b4;}
#recruit .part04 .list li:nth-child(2){border:7px solid #454545;}
#recruit .part04 .list li:nth-child(3){border:7px solid #f58b47;}
#recruit .part04 .list li:nth-child(4){border:7px solid #c85b14;}
#recruit .part04 .list li:nth-child(5){border:7px solid #a81212;}
#recruit .part04 .list li:nth-child(6){border:7px solid #680404;}
#recruit .part04 .list li:nth-child(7){border:7px solid #280000;}
#recruit .part04 .txt{margin-top:80px; font-size: 18px;}
#recruit .part04 .txt b{font-size: 25px; margin-right:50px;}

/*welfare*/
#welfare .top{margin-bottom: 150px;}
#welfare .top .cont{padding: 10px 50px; position: relative;}
#welfare .top .cont::before{content:""; width: 200px; height: 200px; background: #f8f8f8; position: absolute; top:-100px; left:-100px; z-index: -1;}
#welfare .top .cont h2{font-size: 50px; font-weight: 600; margin-bottom: 10px;}
#welfare .top .cont .txt{font-size: 22px; line-height: 160%;}
#welfare .icon .list{display: flex; flex-wrap: wrap; justify-content: space-between;}
#welfare .icon .list li{width: 25%; margin-bottom: 50px;}
#welfare .icon .list li .box{border-right:1px dashed #ccc; min-height: 215px; padding: 30px 10px; text-align: center;}
#welfare .icon .list li:nth-child(4n) .box{border-right:none;}
#welfare .icon .list li .box i{font-size: 50px; color:#F37320; }
#welfare .icon .list li .box .tit{font-size: 22px; font-weight: 600; margin:20px 0 10px;}
#welfare .icon .list li .box .txt{font-size:18px; line-height: 130%; color: #7c7c7c;}

/*footer*/
#footer{background: #FAFAFA; padding: 60px 0; color:#434343;}
#f_top_btn{position: absolute; right:0; top:0; cursor: pointer;}
#f_info{float: left; width: 50%;}
#f_info .tit{display: flex; align-items: center; margin-bottom: 42px;}
#f_info .tit p{margin-left:31px;}
#f_info .tit p b{font-weight:700; margin-left:25px;}
#f_info .txt{line-height: 180%;}
#f_info .txt li{display: flex; margin-bottom: 10px;}
#f_info .txt h3{font-weight: 700; min-width: 45px; margin-right:15px;}
#f_info .txt p{color: #767676;}
#f_inquiry{float: left; width: 50%;}
#f_inquiry .tit{font-size: 25px; font-weight: 700; margin-bottom: 32px;}
#f_inquiry .tit span{font-size: 16px; color: #767676; font-weight: 400;}
#f_inquiry form ul{display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between;}
#f_inquiry form ul li.w100{width: 100%;}
#f_inquiry form ul li.w50{width: 48%;}
#f_inquiry form ul li .content{position: relative; color: #767676;}
#f_inquiry form .input{width: 100%; height: 37px; font-size: 13px; color:#B5B5B5; background: none; padding: 11px 0; border-bottom: 1px solid #B5B5B5;}
#f_inquiry form .submit{position: absolute; right:0; top: 0; font-size: 14px; color: #fff; border-radius: 50px; font-weight: 500; background: #F37320; padding: 11px 23px; display: inline-block;}
#f_inquiry form .submit .icon{margin-left:52px;}
#f_inquiry form .view_btn{font-size: 12px; color: #B5B5B5; font-weight: 300; text-decoration: underline; margin-left:5px; cursor: pointer;}
#f_inquiry form .view_cont{margin-top:10px; display: none; font-size: 14px; color: #777; padding: 15px 10px; border: 1px solid #ccc;}
#footer .copy{color:#BABABA; padding-top:70px; font-size: 14px; text-transform: uppercase; text-align: right; clear: both;}

.scroll {display: flex;}
.scroll .maincontents {position: sticky; width: 50%; align-self: flex-start;}
.scroll .bg {width: 50%; height: 500px; background: red;}