/* reset */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
* { margin: 0; padding:0; }
li { list-style:none; }
a { text-decoration: none !important; }
img { vertical-align: top; }

/* common */
html { overflow-x: hidden; }
html.fix { overflow: hidden; }
.wrap { width:1400px; margin:0 auto; position: relative; }
.wrap:after, ul:after, .cl:after { content:""; clear:both; display: block; }
.blind { width:0; height:0; font-size:0; overflow: hidden; }
.fl { display: flex; align-items: center; justify-content: center; }
.fl:after { display:none; }
.dn { display:none !important; }
.arr:after { content:""; width:10px; height:10px; display:inline-block; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); margin-left:4px; }

/* header & footer */
#w_header { height: 84px; position: fixed; z-index:99; width: 100%; background: #fff; overflow: hidden; transition: 0.3s; border-bottom:1px solid #eee;  }
#w_header.down { height: 230px; }
#w_header h1 { padding-top:20px; }
#w_header #w_gnb { position: absolute; left:320px; top:32px; }
#w_header #w_gnb > li { float:left; margin-right: 120px; font:16px ntb; color:#333; }
#w_header #w_gnb > li:nth-child(3) {margin-right: 150px;}
#w_header #w_gnb > li:nth-child(4) {margin-right: 140px;}
#w_header #w_gnb > li > a { padding-bottom: 4px; border-bottom:3px solid rgba(0,0,0,0); font-weight: 900;}
#w_header #w_gnb > li > a:hover, #w_header #w_gnb > li > a:focus, #w_header #w_gnb > li.select > a { border-color:#f58220; color:#f58220; }
#w_header #w_gnb ul { margin-top:36px; position: absolute; }
#w_header #w_gnb ul a { font:15px/1.8 ntr; color:#555; }
#w_header #w_lang { position: absolute; right:0; top:32px; }
#w_header #w_lang img { height: 24px; }
.blank { height: 84px;  }

#w_footer { background: #f0f0f0; padding:40px 0; box-sizing: border-box; height: 154px; position: relative; }
#w_footer .wrap > img { float:left; margin-right: 40px; }
#w_footer address { float:left; font:normal 12px/1.8 nsr; color:#888; }
#w_footer address p { display: inline-block; }
#w_footer address p a { color:#888; }
#w_footer strong { font:12px nsr; display: block; margin-top: 10px; color:#888; }
#w_footer ul { position: absolute; right:0; top: 0; }
#w_footer ul li { float:left; margin-left: 10px; }
#top_btn { position: absolute; background: #f58220; color:#fff; border-radius: 100%; border:none;  }
#top_btn:hover { background: #f58220;}

/* index */
#w_main { height: calc(100vh - 84px);  }
#w_main .ment { position: absolute; left:50%; margin-left:-700px; top:160px; z-index:9; }
#w_main .ment h2 { color:#fff; font:800 54px/1.2 Montserrat; }
#w_main .ment p { color:#f58220; margin-top: 40px; font:700 30px/1.6 Montserrat; }
#w_main .swiper-container { height: 100%; margin-right:0; } 
.swiper-slide { background-size:cover; }
#w_main #link{ width:1623px; height:854px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:40px; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:60px; opacity: 0; transition: 0.3s; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:60px; opacity: 0; transition: 0.3s; }
.swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-container-rtl .swiper-button-next { opacity: 1; }
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-container-rtl .swiper-button-prev { opacity: 1; }
#w_main .swiper-pagination { width:100%; bottom:100px; left:0; } 
#w_main .swiper-pagination-bullet { width: 12px; height: 12px; border:1px solid #fff; opacity: 1; background: none; margin-left: 90px; position: relative; }
#w_main .swiper-pagination-bullet-active { background: #fff; }
#w_main .swiper-pagination-bullet:first-child { margin-left: 0; }
#w_main .swiper-pagination-bullet:after { content:""; width:94px; border-top:1px solid #fff; right:11px; top:50%; position: absolute; }
#w_main .swiper-pagination-bullet:first-child:after { display: none; }

.title { font:800 40px/1.2 Montserrat; }
#w_slide { padding:100px 0; overflow-x: hidden; }
#w_slide article { width: 470px; height: 560px; }
#w_slide article p { margin-top: 30px; font:16px/1.6 nsr; }
#w_slide article ul { margin-top: 40px; }
#w_slide article ul li { float:left; }
#w_slide article ul li a { display: block; width:50px; border:1px solid #ddd; text-align: center; font-size:24px; line-height:50px; color:#999; }
#w_slide article ul li:last-child a { border-left:none; }
#w_slide .frame { position: absolute; left:450px; top:0; width: 2000px; overflow: hidden; height: 580px; padding-left: 20px;}
#w_slide .frame ul { position: relative; width: 2000px; }
#w_slide .frame ul li { width: 460px; height: 560px; margin-right: 40px; border-radius: 14px; overflow: hidden; box-shadow: 4px 4px 10px rgba(0,0,0,0.1); position: relative; float:left; }
#w_slide .frame ul li figure { height: 280px; position: relative; overflow: hidden; }
#w_slide .frame ul li figure:before { content:""; position: absolute; left: 0; top: 0; width:100%; height:100%; transform: scale(1); transition:0.3s; }
#w_slide .frame ul li:hover figure:before { transform: scale(1.1); }
#w_slide .frame ul li .aknr1:before { background: url(../images/aknr1.png) no-repeat center/cover; }
#w_slide .frame ul li .aknr2:before { background: url(../images/aknr2.png) no-repeat center/cover; }
#w_slide .frame ul li .aknr3:before { background: url(../images/aknr3.png) no-repeat center/cover; }
#w_slide .frame ul li .aknr4:before { background: url(../images/aknr4.jpg) no-repeat center/cover; }
#w_slide .frame ul li h3 { font-size:22px; padding-left: 24px; margin-top: 40px; }
#w_slide .frame ul li p { font:16px/1.6 nsr; padding-left: 24px; margin-top: 20px; color:#333; }
#w_slide .frame ul li div { width:46px; height: 46px; border-radius: 100px; background: #f58220; color:#fff; font-size:24px; position: absolute; right:30px; bottom:30px;  }

#bns { padding:180px 0; background: url(../images/bg_bns.png) no-repeat center/cover; }
#bns h2 { color:#fff; }
#bns p { color:#fff; font:16px/1.8 nsb; margin-top: 20px; }
#bns ul { margin-top: 40px; }
#bns ul li { float:left; width: 326px; margin-right: 32px; border-radius: 14px; background: #fff; text-align: center; height: 400px; position: relative; padding-top: 50px; box-sizing: border-box; }
#bns ul li:last-child { margin-right: 0; }
#bns ul li:hover{transform: scale(1.05); transition:0.3s;}
#bns ul li figure { height: 160px; }
#bns ul li h3 { font-size:25px; color:#222;  }
#bns ul li span { font:16px/1.6 nsr; color:#666; display: inline-block; }
#bns ul li em { width:40px; height: 40px; border-radius: 100px; background: #f58220; color:#fff; font-size:20px; position: absolute; left:50%; bottom:50px; margin-left:-20px; }

#contact { padding:180px 0; }
#contact article { width:680px; height: 450px; float:left; margin-right: 40px;  padding:40px; border-radius: 14px; box-shadow:4px 4px 10px rgba(0,0,0,0.1); }
 { margin-right: 0; }
#contact article:last-of-type { margin-right: 0; position: relative; }
#contact article:first-of-type p { margin-top: 20px; font:16px/1.6 nsb; word-break: keep-all; }
#contact article:first-of-type ul { margin-top: 100px; }
#contact article:first-of-type ul:before { content:""; display: block; width: 24px; border-top:3px solid #f58220; margin-bottom: 10px;  }
#contact article:first-of-type ul li { position: relative; font:16px/1.6 nsb; color:#666; margin-top: 16px; }
/* #contact article ul li strong { position: absolute; left:0; color:#222; font-family: nseb; } */
#contact article:first-of-type ul li a { color:inherit; }

#contact article:last-of-type ul { margin-top: 60px; }
#contact article:last-of-type ul li { border:none; margin-bottom: 30px; border-radius: 5px; box-shadow:4px 4px 10px rgba(0,0,0,0.1);  padding:0 16px; color:#666; transition: 0.3s; }
#contact article:last-of-type ul li:hover { background: #f58220; color:#fff; }
#contact article:last-of-type ul li i { display: none; }
#contact article:last-of-type ul li a { font:16px/60px nsb; color:inherit; }
#contact article:last-of-type > a { position: absolute; border-radius: 100%; width:30px; height:30px; background: #f58220; color:#fff; font-size:20px; right:40px; top:50px;   }



/* layout */
.sv { height: 330px; }
.sv .wrap { height: 100%; color:#fff; }
.sv .wrap h2 { font:700 44px Montserrat; }
.sv .wrap p { margin-top: 10px; font:14px nsr; }
.sv .wrap p a { color:#fff; }
.sv .wrap p u { text-decoration: none; border-bottom:1px solid #fff; padding-bottom: 2px; }
.sv + nav { background: #000; }
.sv + nav ul li { width:25%; float:left; box-sizing: border-box; border-left:1px solid rgba(255,255,255,0.3); }
.sv + nav ul li:last-child { border-right:1px solid rgba(255,255,255,0.3); }
.sv + nav ul li a { display: block; height: 70px; font:18px stb; color:#fff; display: flex; align-items:center; justify-content: center; }
.sv + nav ul li.select a { background: #f58220;}
#sub4 + nav ul li { width: 50%; }

.cont { font:16px/1.6 nsr; color:#333; } 
.cont p { word-break: keep-all; } 
.cont .wrap { width: 1200px; }
.pad { padding: 100px 0; }
.pad .bt { font:800 34px Montserrat,nseb; }
.pad .st { font:800 22px Montserrat,nseb; }

#sub1 { background: url(../images/bg_sub1_grey.png) no-repeat center/cover; }
#sub2 { background: url(../images/bg_sub2.png) no-repeat center/cover; }
#sub3 { background: url(../images/bg_sub3.png) no-repeat center/cover; }
#sub4 { background: url(../images/bg_sub4.png) no-repeat center/cover; }
#sub5 { background: url(../images/bg_sub5.png) no-repeat center/cover; }

/* sub1_1 */
.both > h2 { float:left; width:350px; }
.both > article { float: right; width: 800px; }
.both > article p { word-break: keep-all; }

#sub1_1 .cont1 div { margin-top: 30px; position: relative; }
#sub1_1 .cont1 img { display: block; margin-left: auto; }
#sub1_1 .cont1 p { position: absolute; left: 0; top: 0; }
#sub1_1 .cont1 strong { font:800 20px Montserrat; display: block; margin-top: 60px; color:#f58220;}

#sub1_1 .cont2 ul { border-radius: 10px; padding:24px; box-shadow: 4px 4px 10px rgb(0 0 0 / 10%); }
#sub1_1 .cont2 ul li { padding:8px 0 8px 180px; border-bottom:1px solid #eee; position: relative; }
#sub1_1 .cont2 ul li a { display: block; height: 70px; }
#sub1_1 .cont2 ul li:last-child { border-bottom:none;  }
#sub1_1 .cont2 ul li strong { position: absolute; left: 0; }
#sub1_1 .cont3 { background: #fbfbfb; }
#sub1_1 .cont3 ul li { line-height:3; white-space: nowrap; }

#sub1_1 .cont4 h2 { margin-top: 60px; margin-bottom: 40px; }
#sub1_1 .cont4 article { float:right; width: 580px; word-break: keep-all; }
#sub1_1 .cont4 article:first-of-type { padding-right: 40px; float:left; }
#sub1_1 .cont4 article figure { margin-top: 30px; text-align: right; }
#sub1_1 .cont4 article figure figcaption { display: inline-block; margin-left: 40px; font:18px/1.6 nsb; padding-top: 4px; }

#sub1_1 .cont5 .bt { margin-bottom: 20px; }
#sub1_1 .cont5 h3 { color:#f58220; font:20px/1.4 nseb; }
#sub1_1 .cont5 div { margin-top: 40px; position: relative; }
#sub1_1 .cont5 div article { position: absolute; width: 720px; right: 0; bottom: 0; }
#sub1_1 .cont5 div article h4{ margin-left:175px; width: 330px; height: 60px; border-radius: 8px; font:700 16px/60px Montserrat; text-align: center; border:1px solid #f58220; background: #fff; }
#sub1_1 .cont5 div article h4 { margin-bottom: 30px; color:#f58220; position: relative; box-shadow: 4px 4px 10px rgb(0 0 0 / 6%); }
#sub1_1 .cont5 div article h4:after { position: absolute; left:50%; top: 60px; border-left:1px dashed #f58220; content:""; height: 150px; }

#sub1_1 .cont5 div article ul li{ margin-right:20px; float:left; width: 330px; height: 60px; color: #f58220; border:1px solid #f58220; margin-bottom: 30px; position: relative; border-radius: 8px; font:700 16px/60px Montserrat; text-align: center; background: #fff;}
.rnd_box1 li:first-child, .rnd_box2 li:first-child { position:relative; }
.rnd_box1 li:first-child:before, .rnd_box2 li:first-child:before { content:""; width:20px; border-top:1px dashed #f58220; position:absolute; right:-20px; top:50%; }


#sub1_1 .cont6 { margin-bottom: 200px; }
#sub1_1 .cont6 .bt { font-size:30px; margin-bottom: 30px;  }
#sub1_1 .cont6 ul { margin-top: 50px; justify-content: space-between; }
#sub1_1 .cont6 ul li { width: 380px; border-radius: 10px; box-shadow: 4px 4px 10px rgb(0 0 0 / 6%); height: 230px; box-sizing: border-box; padding:30px 30px 0; }
#sub1_1 .cont6 ul li h3 { font:800 18px/1.4 Montserrat; height: 50px;  margin-bottom: 20px; }
#sub1_1 .cont6 ul li span { font:16px/1.6 nsb; color:#666; display: block; }
#sub1_1 .cont6 ul li span:before { content:"· "; }




/* sub1_4 */
#sub1_4 { margin-bottom: 200px; }
#sub1_4 .cont1 p { padding:30px 0 14px; border-bottom:2px solid #f58220; margin-bottom: 25px; }
#sub1_4 .cont1 a { border:1px solid #eee; padding:8px 20px; border-radius: 50px; color:#666; position: absolute; right:0; }
#sub1_4 .cont1 a i { color:#f58220; margin-left: 8px; }
#sub1_4 .cont2 h2 { font:18px nseb; padding-bottom: 8px; border-bottom:1px solid #eee; margin-bottom: 8px;}
#sub1_4 .cont2 ul { margin-top: 40px; }
#sub1_4 .cont2 ul li { display: inline-block; margin-right: 16px; text-align: center; }
#sub1_4 .cont2 ul li span { display: block; border-radius: 8px; margin-bottom: 10px; width: 200px; height: 40px; }
#sub1_4 .cont2 ul li:nth-child(1) span { background: #707070; }
#sub1_4 .cont2 ul li:nth-child(2) span { background: #000; }
#sub1_4 .cont2 ul li:nth-child(3) span { background: #fff; border:1px solid #eee; box-sizing: border-box; }
#sub1_4 .cont2 ul li:nth-child(4) span { background: #f78222; }
#sub1_4 .cont3 { margin-top: 100px; }
#sub1_4 .cont3 h2 { font:18px nseb; padding-bottom: 8px; border-bottom:1px solid #eee; margin-bottom: 8px;}
#sub1_4 .cont3 ul { margin-top: 40px; margin-left:-96px; }
#sub1_4 .cont3 ul li { float:left; }
#sub1_4 .cont4 { margin-top: 100px; }
#sub1_4 .cont4 h2 { font:18px nseb; padding-bottom: 8px; border-bottom:1px solid #eee; margin-bottom: 8px;}
#sub1_4 .cont4 ul { margin-top: 40px; }
#sub1_4 .cont4 ul:first-of-type li { display: inline-block; margin-right: 30px; }
#sub1_4 .cont4 ul:last-of-type li { margin-top: 40px;  }



/* sub1_5 */
#sub1_5 { margin-bottom: 100px; }
#sub1_5 h2 { margin-bottom: 20px; }
#sub1_5 p{ font:18px nseb; margin-bottom: 20px;}
#sub1_5 table { width: 100%; margin-top: 40px; border-top:1px solid #f58220;  margin-bottom: 50px;}
#sub1_5 table th { width: 130px; text-align: left; border-bottom:1px solid #eee; }
#sub1_5 table td { padding:10px 0; border-bottom:1px solid #eee; }

/* sub1_6 */
#sub1_6 .bt { margin-bottom: 30px; }
#sub1_6 strong { font:22px nseb; color:#f58220; }
#sub1_6 .history { margin-top: 120px; }
#sub1_6 .history strong { float:left; width: 280px; }
#sub1_6 .history ul { float:left;  }
#sub1_6 .history > li { border-bottom:1px solid #ddd; padding-top: 30px; }
#sub1_6 .history > li:after { content:""; clear:both; display:block; }
#sub1_6 .history ul { padding-left: 70px; position: relative; padding-bottom: 10px; }
/*#sub1_6 .history ul:before { content:""; width:15px; height: 15px; border-radius: 100%; background: #f58220; position: absolute; left:-8px;  }*/
#sub1_6 .history ul li { position: relative; top:-4px; font:16px/1.6 nseb; margin-bottom: 10px; padding-left: 60px;  }

#sub1_6 .history ul li span { position: absolute; left:0; }
#sub1_6 .history li:last-child ul { border:none; }




/* sub2 */
#sub2_0 ul { height:calc(100vh - 84px); background:url(/images/bg_business.png) no-repeat center/cover; width:100%;  }
#sub2_0 ul li { width:25%; padding:0 40px; box-sizing: border-box; color:#fff; position: relative; height: 100%;  justify-content: center; border-right:1px solid rgba(255,255,255,0.3); }
#sub2_0 ul li:last-child { border:none; }
#sub2_0 ul li figure { height: 85px; justify-content: flex-start; margin-top:80px; }
#sub2_0 ul li figure img { filter: brightness(10); }
#sub2_0 ul li h3 { font-size:30px; margin-top: 20px; position: relative; }
#sub2_0 ul li span { font:14px/1.8 nsr; margin-top: 30px; margin-bottom: 30px; display: block; visibility: hidden; }
#sub2_0 ul li div { margin-top: 30px; height: 200px; visibility: hidden; }
#sub2_0 ul li div a { pointer-events: none; color:#fff; display: block; font:16px/2 gsb;  margin-bottom: 30px;}
#sub2_0 ul li .more { width: 180px; font:14px/40px stb; color:#fff; text-align: center; background: #f58220; border-radius: 50px; display: block; visibility: hidden; }
#sub2_0 ul li:before { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(245,130,32,0.5); display: none; }
#sub2_0 ul li:hover:before { display: block; }
#sub2_0 ul li:hover span, #sub2_0 ul li:hover div { visibility: visible; position: relative; }
#sub2_0 ul li:hover .more { visibility: visible; position: absolute; bottom: 200px; }

/* 신규 페이지 */
.subnav { text-align: center; border-bottom:1px solid #eee; height: 70px; font:18px/70px gsm;  }
.subnav a { display: inline-block; padding:0 40px;height: 71px; color:#999; }
.subnav a.select { border-bottom:3px solid #f58220; color:#000; }
.shd { box-shadow: 0 2px 6px rgba(0,0,0,0.2);}
#sub2_1_1 .cont1 { width: 1290px; }
#sub2_1_1 .cont1 a {display:flex; align-items: flex-start; justify-content: space-between; margin-bottom: 200px; }
#sub2_1_1 .cont1 a figure { width: 570px; height: 370px; border-radius: 20px; display:flex; align-items: center; justify-content: center; }
#sub2_1_1 .cont1 a figure:hover{background-color:#f58220; transition-property:background-color; transition-duration: 0.2s; transition-timing-function: ease-out;}
#sub2_1_1 .cont1 a figure .sub_img_1 { display:block; margin:0 auto;}
#sub2_1_1 .cont1 a figure .sub_img_2 { display: none;  margin:0 auto;}
#sub2_1_1 .cont1 a figure:hover .sub_img_1{ display: none; }
#sub2_1_1 .cont1 a figure:hover .sub_img_2{ display: block; }
#sub2_1_1 .cont1 a div { width: 680px; }
#sub2_1_1 .cont1 a h2 { font:28px gsb; } 
#sub2_1_1 .cont1 a strong { color:#f58220; font:20px/1.6 nseb; margin-top: 40px; display: block; }
#sub2_1_1 .cont1 a p { margin-top: 50px; }

#sub2_2_1 .cont1 { width: 1290px; }
#sub2_2_1 .cont1 a {display:flex; align-items: flex-start; justify-content: space-between; margin-bottom: 200px; }
#sub2_2_1 .cont1 a figure { width: 570px; height: 370px; border-radius: 20px; display:flex; align-items: center; justify-content: center; }
#sub2_2_1 .cont1 a div { width: 680px; }
#sub2_2_1 .cont1 a h2 { font:28px gsb; } 
#sub2_2_1 .cont1 a strong { color:#f58220; font:20px/1.6 nseb; margin-top: 40px; display: block; }
#sub2_2_1 .cont1 a p { margin-top: 50px; }

#n_prd { width:1400px; }
#n_prd li { float:left; width: 450px; margin-right: 25px; margin-bottom: 80px; border-radius: 20px; box-shadow: 0 2px 6px rgba(0,0,0,0.2); overflow: hidden; position: relative; height:520px; }
#n_prd li:nth-child(3n) { margin-right: 0; }
#n_prd li figure { height: 200px; overflow: hidden; position: relative; background: #eee; }
#n_prd li figure span, #n_prd li figure:after { transform: scale(1); transition:0.3s; position: absolute; left: 0; top:0; width:100%; height:100%; content:""; }
#n_prd li:hover figure span, #n_prd li:hover figure:after { transform: scale(1.1); }
#n_prd li h2 { margin-top: 30px; padding:0 20px; font:20px/1.6 gsb; height: 100px; }
#n_prd li p { padding:0 20px; }
#n_prd li a { position: absolute; left:20px; bottom:30px; width: 220px; height: 40px; text-align: center; background: #f58220; color:#fff; font:14px/40px nseb; border-radius: 100px;}

/* automotive */
#prds h2 { font:24px gsb; margin-bottom: 40px; }
#prds ul li { width:270px; margin-right: 40px; border-radius: 20px; overflow: hidden; box-shadow: 2px 2px 8px rgba(0,0,0,0.1); float:left; margin-bottom: 40px; }
#prds ul li:nth-child(4n) { margin-right: 0; }
#prds ul li:nth-child(4n+1) { clear:both; }
#prds ul li figure { height: 160px; overflow: hidden; }
#prds ul li figure img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s; transform: scale(1); } 
#prds ul li:hover figure img { transform: scale(1.1); } 
#prds ul li p { font:bold 16px/1.6 nsr; padding:20px; height: 140px; }

#auto .cont1 h2 { font:24px gsb; margin-bottom: 40px; padding-top: 100px; }
#auto .cont1 strong { display: block; font:bold 18px nseb; }
#auto .cont1 p { font:bold 16px/1.6 nsr; margin-top: 20px; }
#auto .cont2 { border-top:1px solid #f58220; margin-top: 40px; padding-top: 20px;  }
#auto .cont2 h3 { font-family: nseb; float:left; }
#auto .cont2 .right { float:right; width: 840px; height: 460px; }
#auto .cont2 .right .swiper {  border-radius: 20px; box-shadow: 2px 2px 8px rgba(0,0,0,0.1); overflow: hidden; }
.swiper-button-prev, .swiper-button-next { opacity: 1; width:50px !important; height:50px !important; border-radius: 100%; color:#fff; }
.swiper-button-prev:after, .swiper-button-next:after { display: none; }
.swiper-button-prev { background:#f58220 url(/images/left.png) no-repeat center; }
.swiper-button-next { background:#f58220 url(/images/right.png) no-repeat center; margin-left:10px;  }
#w_footer #top_btn { background:#f58220 url(/images/up.png) no-repeat center;}

#auto .cont3 { border-top:1px solid #f58220; margin-top: 30px; padding-top: 20px; padding-bottom: 100px;  }
#auto .cont3 h3 { font-family: nseb; float:left; }
#auto .cont3 .right { float:right; width: 840px; height: 460px; border-radius: 20px; box-shadow: 2px 2px 8px rgba(0,0,0,0.1); overflow: hidden; }
#auto .cont3 .right iframe { width: 840px; height: 460px; }


/* sub2_2_2 */
#sub2_2_2 li:nth-child(1) figure:after { background:url(/images/cer1.png) no-repeat center/cover; }
#sub2_2_2 li:nth-child(2) figure:after { background:url(/images/cer2.png) no-repeat center/cover; }
#sub2_2_2 li:nth-child(3) figure:after { background:url(/images/cer3.png) no-repeat center/cover; }
#sub2_2_2 li:nth-child(4) figure:after { background:url(/images/cer4.png) no-repeat center/cover; }

/* sub2_3_1 */
.r_prd1 figure:after { background:url(/images/hy1.png) no-repeat center/cover; }
.r_prd2 figure:after { background:url(/images/hy2.png) no-repeat center/cover; }
.r_prd3 figure:after { background:url(/images/hy3.png) no-repeat center/cover; }

/* sub2_3_2 */
.r_prd4 figure:after { background:url(/images/mob1.png) no-repeat center/cover; }
.r_prd5 figure:after { background:url(/images/mob2.png) no-repeat center/cover; }

/* sub2_3_3 */
.r_prd6 figure:after { background:url(/images/rob1.png) no-repeat center/cover; }
.r_prd7 figure:after { background:url(/images/rob2.png) no-repeat center/cover; }

/* sub2_3_4 */
.r_prd8 figure:after { background:url(/images/hycom1.png) no-repeat center/cover; }
.r_prd9 figure:after { background:url(/images/hycom2.png) no-repeat center/cover; }
.r_prd10 figure:after { background:url(/images/hycom1.png) no-repeat center/cover; }
.r_prd11 figure:after { background:url(/images/hycom3.png) no-repeat center/cover; }
.r_prd12 figure:after { background:url(/images/hycom4.png) no-repeat center/cover; }


.hycom1 figure:after { background:url(/images/hycom1.png) no-repeat center/cover; }
.hycom2 figure:after { background:url(/images/hycom2.png) no-repeat center/cover; }
.hycom3 figure:after { background:url(/images/hycom3.png) no-repeat center/cover; }
.hycom4 figure:after { background:url(/images/hycom4.png) no-repeat center/cover; }
.hycom5 figure:after { background:url(/images/hycom5.png) no-repeat center/cover; }
.hycom6 figure:after { background:url(/images/hycom6.png) no-repeat center/cover; }
.hycom7 figure:after { background:url(/images/hycom7.png) no-repeat center/cover; }

.hy1 figure:after { background:url(/images/hy1.png) no-repeat center/cover; }
.hy2 figure:after { background:url(/images/hy2.png) no-repeat center/cover; }
.hy3 figure:after { background:url(/images/hy3.png) no-repeat center/cover; }
.hy4 figure:after { background:url(/images/hy4.png) no-repeat center/cover; }
.hy5 figure:after { background:url(/images/hy5.png) no-repeat center/cover; }
.hy6 figure:after { background:url(/images/hy6.png) no-repeat center/cover; }
.hy7 figure:after { background:url(/images/hy7.png) no-repeat center/cover; }

.mob1 figure:after { background:url(/images/mob1.png) no-repeat center/cover; }
.mob2 figure:after { background:url(/images/mob2.png) no-repeat center/cover; }
.mob3 figure:after { background:url(/images/mob3.png) no-repeat center/cover; }
.mob4 figure:after { background:url(/images/mob4.png) no-repeat center/cover; }
.mob5 figure:after { background:url(/images/mob5.png) no-repeat center/cover; }

.erd1 figure:after { background:url(/images/erd1.png) no-repeat center/cover; }
.erd2 figure:after { background:url(/images/erd2.png) no-repeat center/cover; }
.erd3 figure:after { background:url(/images/erd3.png) no-repeat center/cover; }
.erd4 figure:after { background:url(/images/erd4.png) no-repeat center/cover; }
.erd5 figure:after { background:url(/images/erd5.png) no-repeat center/cover; }
.erd6 figure:after { background:url(/images/erd6.png) no-repeat center/cover; }

.hrp1 figure:after { background:url(/images/hrp1.png) no-repeat center/cover; }
.hrp2 figure:after { background:url(/images/hrp2.png) no-repeat center/cover; }
.hrp3 figure:after { background:url(/images/hrp3.png) no-repeat center/cover; }

.hra1 figure:after { background:url(/images/hra1.png) no-repeat center/cover; }
.hra2 figure:after { background:url(/images/hra2.png) no-repeat center/cover; }
.hra3 figure:after { background:url(/images/hra3.png) no-repeat center/cover; }
.hra4 figure:after { background:url(/images/hra4.png) no-repeat center/cover; }
.hra5 figure:after { background:url(/images/hra5.png) no-repeat center/cover; }

.hmr1 figure:after { background:url(/images/hmr1.png) no-repeat center/cover; }
.hmr2 figure:after { background:url(/images/hmr2.png) no-repeat center/cover; }
.hmr3 figure:after { background:url(/images/hmr3.png) no-repeat center/cover; }

.hrsb1 figure:after { background:url(/images/hrsb1.png) no-repeat center/cover; }
.hrsb2 figure:after { background:url(/images/hrsb2.png) no-repeat center/cover; }


.hc1 figure:after { background:url(/images/hc1.png) no-repeat center/cover; }
.hc2 figure:after { background:url(/images/hc2.png) no-repeat center/cover; }
.hc3 figure:after { background:url(/images/hc3.png) no-repeat center/cover; }
.hc4 figure:after { background:url(/images/hc4.png) no-repeat center/cover; }

.hsv1 figure:after { background:url(/images/hsv1.png) no-repeat center/cover; }

.ha1 figure:after { background:url(/images/ha1.png) no-repeat center/cover; }
.ha2 figure:after { background:url(/images/ha2.png) no-repeat center/cover; }


.hpu1 figure:after { background:url(/images/hpu1.png) no-repeat center/cover; }
.hpu2 figure:after { background:url(/images/hpu2.png) no-repeat center/cover; }

.hac1 figure:after { background:url(/images/hac1.png) no-repeat center/cover; }

/* sub2_4_1 */
#sub2_4_1 li:nth-child(1) figure:after { background:url(/images/hyd1.png) no-repeat center/cover; }
#sub2_4_1 li:nth-child(2) figure:after { background:url(/images/hyd2.png) no-repeat center/cover; }
#sub2_4_1 li:nth-child(3) figure:after { background:url(/images/hyd3.png) no-repeat center/cover; }
#sub2_4_1 li:nth-child(4) figure:after { background:url(/images/hyd4.png) no-repeat center/cover; }
#sub2_4_1 li:nth-child(5) figure:after { background:url(/images/hyd5.png) no-repeat center/cover; }
#sub2_4_1 li:nth-child(6) figure:after { background:url(/images/ele5.png) no-repeat center/cover; }
#sub2_4_1 li:nth-child(7) figure:after { background:url(/images/ele1.png) no-repeat center/cover; }
#sub2_4_1 li:nth-child(8) figure:after { background:url(/images/ele2.png) no-repeat center/cover; }
#sub2_4_1 li:nth-child(9) figure:after { background:url(/images/ele3.png) no-repeat center/cover; }
#sub2_4_1 li:nth-child(10) figure:after { background:url(/images/ele4.png) no-repeat center/cover; }


/* sub2_4_2 */



/* test.php */
#tab div { padding-bottom: 0; }
#tab div:first-child { padding-top: 160px; }
#tab div:last-child { padding-bottom: 200px; }
#tab ul li { width: 350px; margin:60px 75px 0 0; float:left; }
#tab ul li a { display:flex; align-items: center; justify-content: center; flex-direction: column; background: #f58220; border-radius: 14px; font:700 20px Montserrat; color:#fff; padding:40px 20px; min-height: 150px; text-align: center; }
#tab ul li a figure { height: 81px; margin-bottom: 20px;  }



/* sub2_1 */
#sub2_1 .cont1 { padding-bottom: 0; } 
#sub2_1 .cont1 h2 { font-size:44px; color:#333; width:400px; float:left; }
#sub2_1 .cont1 p { float:left; width: 700px; font:14px/1.6 nsr; color:#666; padding-top: 4px; }
#sub2_1 .cont1.wrap .all { height: 40px; width: 40px; color:#fff; border-radius: 40px; background: #f58220; text-align: center; font-size:24px; position: relative; z-index:2; margin-right: 8px; margin-left: auto; top:0; display:none;}
#sub2_1 .cont2 .sm { box-shadow: 4px 4px 10px rgb(0 0 0 / 6%); padding:50px 30px 0; box-sizing: border-box; position: absolute; top:10px; width: 100%; background: #fff; z-index: 10; display: none; }
#sub2_1 .cont2 .sm.on { display: block; }
#sub2_1 .cont2 .sm > ul li { display: inline-block; margin-right: 40px; font:34px nsr; color:#999; }
#sub2_1 .cont2 .sm > ul li a { color:inherit; padding-bottom:4px; border-bottom:2px solid rgba(0,0,0,0); }
#sub2_1 .cont2 .sm > ul li.select a { border-color:#f58220; color:#f58220; }
#sub2_1 .cont2 .sm div { padding:40px 0; display: none; }
#sub2_1 .cont2 .sm div.on { display: block; }
#sub2_1 .cont2 .sm div h3 { font:18px ntbl; margin-bottom: 10px; }
#sub2_1 .cont2 .sm div ul { padding-bottom: 40px; border-bottom:1px solid #eee; margin-bottom: 30px; }
#sub2_1 .cont2 .sm div ul:last-of-type { border:none; padding-bottom: 0; margin-bottom: 0; }
#sub2_1 .cont2 .sm div ul li { display: inline-block; margin-right: 10px; }
#sub2_1 .cont2 .sm div ul li a { display: block; padding:0 20px; height: 40px; border-radius: 50px; background: #f9f9f9; text-align: center; font:700 14px/40px Montserrat; color: #999; margin-top:10px; }
#sub2_1 .cont2 .sm div ul li a:hover { color:#fff; background: #f58220; }
#sub2_1 .lbox { width:400px; float:left; }
#sub2_1 .rbox { width:800px; float:right; }
#sub2_1 .cont4 { margin-top: 40px; }
#sub2_1 .cont4 select { width:100%; box-sizing: border-box; border:2px solid #f39800; border-radius:0; height: 48px; font:800 18px Montserrat; color:#333; padding:0 20px; appearance: none; background:url(/images/sarr.jpg) no-repeat right center; outline:none; }
#sub2_1 .cont4 select[name="sca"] { font-weight: 600; }
#sub2_1 .cont4 select option { font-weight: 600; }
#sub2_1 .cont4 .lbox select { display: none; }
#sub2_1 .cont4 .lbox select.on { display: block; }
/*#sub2_1 .cont4 .rbox select option:last-child { display: none; }*/
#sub2_1 .cont4 { font-size:14px; padding-bottom: 200px; }


/*#sub2_1 .cont3 #bo_cate li { display: inline-block; margin-right: 10px; margin-bottom: 6px; }
#sub2_1 .cont3 #bo_cate li a { display: flex; align-items: center; justify-content: center; height:40px; padding:0 30px; background: #fafafa; color:#999; border-radius: 50px; font:700 16px/40px Montserrat; border:none; }
#sub2_1 .cont3 #bo_cate #bo_cate_on{ color:#fff; background: #f58220; box-shadow:none; }*/
#sub2_1 .cont4 .bo_cate_link { display: none; }
#sub2_1 .cont4 .hash { font:14px ntd; color:#999; display: none; }
#sub2_1 .cont4 #bo_gall, #sub2_1 .cont4 #bo_v { margin-top: 60px; clear:both; }
#sub2_1 .cont4 #bo_gall .gall_info { display: none; }
#sub2_1 .cont4 #bo_gall .gall_now .gall_text_href a { color:#f58220; }
#sub2_1 .cont4 #bo_gall #gall_ul { margin: 0; }
#sub2_1 .cont4 #bo_gall #gall_ul li { width: 270px; margin-right: 30px; margin-bottom: 60px; padding:0; }
#sub2_1 .cont4 #bo_gall #gall_ul li:nth-child(4n) { margin-right: 0; }
#sub2_1 .cont4 #bo_gall .gall_img { border:none; height:auto !important; max-height:none; }
#sub2_1 .cont4 #bo_v header { margin-top: 0; }



/* 로보틱스 상세페이지 sub2_3_1_1 */
.detail { padding-bottom: 200px; }
.detail h3 { font:20px/1.4 nseb; margin-bottom: 20px; }
.detail .wrap { width: 1180px; }
#sub2_3_1_1 .cont1 { padding-bottom: 40px; }
#sub2_3_1_1 .cont1 h2 { font:30px gsb;   }
#sub2_3_1_1 .cont1 h3 {  margin-top: 20px;  }
#sub2_3_1_1 .cont2 img { float:left; }
#sub2_3_1_1 .cont2 article { width:570px; float:right; }
#sub2_3_1_1 .cont2 article table { width: 100%; border-collapse: collapse; }
#sub2_3_1_1 .cont2 article table th { background: #f58220; color:#fff; text-align: left; padding:8px 10px; }
#sub2_3_1_1 .cont2 article table td { border-bottom:1px solid #ddd; padding:8px 10px; vertical-align: top; font:16px/1.4 nsr;  }

/* sample 페이지 */
#sub2_3_1_1.sample .cont1 h2 { font-size:48px; }
#sub2_3_1_1.sample .cont1 h3 { font-size:18px; }
#sub2_3_1_1.sample .cont1 h4 { font-size:34px; }
#sub2_3_1_1.sample .cont1 p { font-size:16px; margin-top: 30px; }
#sub2_3_1_1.sample .cont2 { margin-top: 60px; }
#sub2_3_1_1.sample .cont2 .swiper-slide { height: 620px; }
#sub2_3_1_1.sample .cont3 { justify-content: space-between; margin-top: 90px; }
#sub2_3_1_1.sample .cont3 iframe { width: 560px; height: 320px; }

#sub2_3_1_1 .cont3 { margin-top: 40px; }
#sub2_3_1_1 .cont3 table { width: 100%; border-collapse: collapse; }
#sub2_3_1_1 .cont3 table th { background: #f58220; color:#fff; text-align: center; padding:8px 10px; }
#sub2_3_1_1 .cont3 table td { border-bottom:1px solid #ddd; padding:8px 10px; vertical-align: top; font:16px/1.4 nsr; text-align: center; }
#sub2_3_1_1 .cont3 table th:first-child, #sub2_3_1_1 .cont3 table td:first-child { text-align: left; }

#sub2_3_1_1 .cont4 { margin-top: 140px; }
#sub2_3_1_1 .cont4 h4{ font:16px/1.6 nsr;}
#sub2_3_1_1 .cont4 img { width: 100%; }

#sub2_3_1_1 .cont5 { margin-top: 120px; }
#sub2_3_1_1 .cont5 article { float:left; width:570px; }
#sub2_3_1_1 .cont5 article:last-child { float: right; }
#sub2_3_1_1 .cont5 article ul { border-top:2px solid #f58220; font:16px/1.6 nsr; }
#sub2_3_1_1 .cont5 article ul li { border-bottom:1px solid #ddd; padding:6px 10px;  }

#sub2_3_1_1 .cont6 { margin-top: 140px; }
#sub2_3_1_1 .cont6 figure { float:left; }
#sub2_3_1_1 .cont6 figure:nth-child(2n){ float:right; }
#sub2_3_1_1 .cont6 figure figcaption { text-align: center; font:16px nsb; margin-top: 10px; margin-bottom: 20px;}

#sub2_3_1_1 .cont7 { margin-top: 100px; text-align: center; }
#sub2_3_1_1 .cont7 a { display: inline-block; width: 190px; height: 40px; border-radius: 50px; text-align: center; background: #f58220; color:#fff; font:14px/40px nseb;margin-right: 40px;} 
#sub2_3_1_1 .cont7 a:last-child { margin-right: 0px; }

/* 로보틱스 상세페이지 sub2_3_1_2 */
#sub2_3_1_2 .cont1 { padding-bottom: 40px; }
#sub2_3_1_2 .cont1 h2 { font:30px gsb;   }
#sub2_3_1_2 .cont1 h3 {  margin-top: 20px; }
#sub2_3_1_2 .cont2 img { float:left; }
#sub2_3_1_2 .cont2 article { width:570px; float:right; }
#sub2_3_1_2 .cont2 article table { width: 100%; border-collapse: collapse; }
#sub2_3_1_2 .cont2 article table th { background: #f58220; color:#fff; text-align: left; padding:8px 10px; }
#sub2_3_1_2 .cont2 article table td { border-bottom:1px solid #ddd; padding:8px 10px; vertical-align: top; font:16px/1.4 nsr;  }

#sub2_3_1_2 .cont3 { margin-top: 40px; }
#sub2_3_1_2 .cont3 table { width: 100%; border-collapse: collapse; }
#sub2_3_1_2 .cont3 table th { background: #f58220; color:#fff; text-align: center; padding:8px 10px; }
#sub2_3_1_2 .cont3 table td { border-bottom:1px solid #ddd; padding:8px 10px; vertical-align: top; font:16px/1.4 nsr; text-align: center; }
#sub2_3_1_2 .cont3 table th:first-child, #sub2_3_1_1 .cont3 table td:first-child { text-align: left; }

#sub2_3_1_2 .cont4 { margin-top: 140px; }
#sub2_3_1_2 .cont4 img { width: 100%; }

#sub2_3_1_2 .cont5 { margin-top: 120px; }
#sub2_3_1_2 .cont5 article { float:left; width:570px; }
#sub2_3_1_2 .cont5 article:last-child { float: right; }
#sub2_3_1_2 .cont5 article ul { border-top:2px solid #f58220; font:16px/1.6 nsr; }
#sub2_3_1_2 .cont5 article ul li { border-bottom:1px solid #ddd; padding:6px 10px;  }

#sub2_3_1_2 .cont6 { margin-top: 140px; }
#sub2_3_1_2 .cont6 figure { float:left; }
#sub2_3_1_2 .cont6 figure:nth-child(2){ float:right; }
#sub2_3_1_2 .cont6 figure figcaption { text-align: center; font:16px nsb; margin-top: 10px; margin-bottom: 20px;}

#sub2_3_1_2 .cont7 { margin-top: 100px; text-align: center; }
#sub2_3_1_2 .cont7 a { display: inline-block; width: 190px; height: 40px; border-radius: 50px; text-align: center; background: #f58220; color:#fff; font:14px/40px nseb;margin-right: 40px;} 
#sub2_3_1_2 .cont7 a:last-child { margin-right: 0px; }


/* 로보틱스 상세페이지 sub2_3_1_3 */
.detail { padding-bottom: 200px; }
.detail h3 { font:20px/1.4 nseb; margin-bottom: 20px; }
.detail .wrap { width: 1180px; }
#sub2_3_1_3 .cont1 { padding-bottom: 40px; }
#sub2_3_1_3 .cont1 h2 { font:30px gsb;   }
#sub2_3_1_3 .cont1 h3 {  margin-top: 20px; }

#sub2_3_1_3 .cont2 img { float:left; }

#sub2_3_1_3 .cont3 { margin-top: 140px; }

#sub2_3_1_3 .cont4 { margin-top: 140px; }
#sub2_3_1_3 .cont4 img { width: 100%; }
#sub2_3_1_3 .cont4 article ul { border-top:2px solid #f58220; font:16px/1.6 nsr; }
#sub2_3_1_3 .cont4 article ul li { border-bottom:1px solid #ddd; padding:6px 10px;  }
#sub2_3_1_3 .cont5 { margin-top: 100px; text-align: center; }
#sub2_3_1_3 .cont5 a { display: inline-block; width: 190px; height: 40px; border-radius: 50px; text-align: center; background: #f58220; color: #fff; font: 14px/40px nseb; }

/* 로보틱스 상세페이지 sub2_3_2_1 */
#sub2_3_2_1 .cont1 { padding-bottom: 40px; }
#sub2_3_2_1 .cont1 h2 { font:30px gsb;   }
#sub2_3_2_1 .cont1 h3 {  margin-top: 20px; }

#sub2_3_2_1_1 .cont2 div { width: 570px; }
#sub2_3_2_1_1 .cont2 div:first-child { float:left; margin-right: 40px;}
#sub2_3_2_1_1 .cont2 div:last-child { float:right;}
#sub2_3_2_1_1 .cont2 article { width: 570px; margin-top: 20px; }
#sub2_3_2_1_1 .cont2 article table { width: 100%; border-collapse: collapse; }
#sub2_3_2_1_1 .cont2 article table th { background: #f58220; color:#fff; text-align: left; padding:8px 10px; }
#sub2_3_2_1_1 .cont2 article table td { border-bottom:1px solid #ddd; padding:8px 10px; vertical-align: top; font:16px/1.4 nsr; }

#sub2_3_2_1_1 .cont3 { margin-top: 100px; text-align: center; }
#sub2_3_2_1_1 .cont3 a { display: inline-block; width: 190px; height: 40px; border-radius: 50px; text-align: center; background: #f58220; color: #fff; font: 14px/40px nseb; }

#sub2_3_2_1_2 .cont2 h3 { margin-bottom: 10px; }
#sub2_3_2_1_2 .cont2 p { margin-bottom: 20px; }

#sub2_3_2_1_2 .cont3 { margin-top: 100px; }
#sub2_3_2_1_2 .cont3 table { width: 100%; border-collapse: collapse; }
#sub2_3_2_1_2 .cont3 table th { background: #f58220; color:#fff; text-align: left; padding:8px 10px; }
#sub2_3_2_1_2 .cont3 table td { border-bottom:1px solid #ddd; padding:8px 10px; vertical-align: top; font:16px/1.4 nsr; }

#sub2_3_2_1_2 .cont3 article { margin-top: 40px; }
#sub2_3_2_1_2 .cont3 article img:first-child { float:left; margin-right: 40px; }
#sub2_3_2_1_2 .cont3 article img:last-child { float:right;}

#sub2_3_2_1_2 .cont4 { margin-top: 160px; }
#sub2_3_2_1_2 .cont4 h3 { margin-bottom: 10px; }
#sub2_3_2_1_2 .cont4 p { margin-bottom: 20px; }

#sub2_3_2_1_2 .cont5 { margin-top: 100px; }
#sub2_3_2_1_2 .cont5 table { width: 100%; border-collapse: collapse; }
#sub2_3_2_1_2 .cont5 table th { background: #f58220; color:#fff; text-align: left; padding:8px 10px; }
#sub2_3_2_1_2 .cont5 table td { border-bottom:1px solid #ddd; padding:8px 10px; vertical-align: top; font:16px/1.4 nsr; }

#sub2_3_2_1_2 .cont5 article { margin-top: 40px; }
#sub2_3_2_1_2 .cont5 article img:first-child { float:left; margin-right: 40px; }
#sub2_3_2_1_2 .cont5 article img:last-child { float:right;}

#sub2_3_2_1_3 .cont2 img:first-child { float:left; margin-right: 40px; }
#sub2_3_2_1_3 .cont2 img:last-child { float:right;}

#sub2_3_2_1_3 .cont3 { margin-top: 100px; }
#sub2_3_2_1_3 .cont3 table { width: 100%; border-collapse: collapse; }
#sub2_3_2_1_3 .cont3 table th { background: #f58220; color:#fff; text-align: left; padding:8px 10px; }
#sub2_3_2_1_3 .cont3 table td { border-bottom:1px solid #ddd; padding:8px 10px; vertical-align: top; font:16px/1.4 nsr; }

#sub2_3_2_1_3 .cont4 { margin-top: 100px; text-align: center; }
#sub2_3_2_1_3 .cont4 a { display: inline-block; width: 190px; height: 40px; border-radius: 50px; text-align: center; background: #f58220; color: #fff; font: 14px/40px nseb; }

#sub2_3_2_1_4 .cont2 img:first-child { float:left; margin-right: 40px; }
#sub2_3_2_1_4 .cont2 img:last-child { float:right;}
#sub2_3_2_1_4 .cont3 { margin-top: 100px; }
#sub2_3_2_1_4 .cont3 table { width: 100%; border-collapse: collapse; }
#sub2_3_2_1_4 .cont3 table th { background: #f58220; color:#fff; text-align: left; padding:8px 10px; }
#sub2_3_2_1_4 .cont3 table td { border-bottom:1px solid #ddd; padding:8px 10px; vertical-align: top; font:16px/1.4 nsr; }
#sub2_3_2_1_4 .cont4 { margin-top: 100px; text-align: center; }
#sub2_3_2_1_4 .cont4 a { display: inline-block; width: 190px; height: 40px; border-radius: 50px; text-align: center; background: #f58220; color: #fff; font: 14px/40px nseb; }


#sub2_3_2_1_5 .cont2 img:last-child { margin-top: 40px; }
#sub2_3_2_1_5 .cont3 { margin-top: 100px; }
#sub2_3_2_1_5 .cont3 table { width: 100%; border-collapse: collapse; }
#sub2_3_2_1_5 .cont3 table th { background: #f58220; color:#fff; text-align: left; padding:8px 10px; }
#sub2_3_2_1_5 .cont3 table td { border-bottom:1px solid #ddd; padding:8px 10px; vertical-align: top; font:16px/1.4 nsr; }
#sub2_3_2_1_5 .cont4 { margin-top: 100px; text-align: center; }
#sub2_3_2_1_5 .cont4 a { display: inline-block; width: 190px; height: 40px; border-radius: 50px; text-align: center; background: #f58220; color: #fff; font: 14px/40px nseb; }

/* 로보틱스 상세페이지 sub2_3_2_2 */
#sub2_3_2_2 .cont1 { padding-bottom: 40px; }
#sub2_3_2_2 .cont1 h2 { font:30px gsb;   }
#sub2_3_2_2 .cont1 h3 {  margin-top: 20px; }

#sub2_3_2_2_1 .cont2 div { width: 570px; }
#sub2_3_2_2_1 .cont2 div:first-child { float:left; margin-right: 40px;}
#sub2_3_2_2_1 .cont2 div:last-child { float:right;}
#sub2_3_2_2_1 .cont2 article { width: 570px; margin-top: 20px; }
#sub2_3_2_2_1 .cont2 article table { width: 100%; border-collapse: collapse; }
#sub2_3_2_2_1 .cont2 article table th { background: #f58220; color:#fff; text-align: left; padding:8px 10px; }
#sub2_3_2_2_1 .cont2 article table td { border-bottom:1px solid #ddd; padding:8px 10px; vertical-align: top; font:16px/1.4 nsr; }

#sub2_3_2_2_1 .cont3 { margin-top: 100px; text-align: center; }
#sub2_3_2_2_1 .cont3 a { display: inline-block; width: 190px; height: 40px; border-radius: 50px; text-align: center; background: #f58220; color: #fff; font: 14px/40px nseb; }

#sub2_3_2_2_2 .cont2 h3 { margin-bottom: 10px; }
#sub2_3_2_2_2 .cont2 p { margin-bottom: 20px; }

#sub2_3_2_2_2 .cont3 { margin-top: 100px; }
#sub2_3_2_2_2 .cont3 table { width: 100%; border-collapse: collapse; }
#sub2_3_2_2_2 .cont3 table th { background: #f58220; color:#fff; text-align: left; padding:8px 10px; }
#sub2_3_2_2_2 .cont3 table td { border-bottom:1px solid #ddd; padding:8px 10px; vertical-align: top; font:16px/1.4 nsr; }

#sub2_3_2_2_2 .cont3 article { margin-top: 40px; }
#sub2_3_2_2_2 .cont3 article img:first-child { float:left; margin-right: 40px; }
#sub2_3_2_2_2 .cont3 article img:last-child { float:right;}

#sub2_3_2_2_2 .cont4 { margin-top: 160px; }
#sub2_3_2_2_2 .cont4 h3 { margin-bottom: 10px; }
#sub2_3_2_2_2 .cont4 p { margin-bottom: 20px; }

#sub2_3_2_2_2 .cont5 { margin-top: 100px; }
#sub2_3_2_2_2 .cont5 table { width: 100%; border-collapse: collapse; }
#sub2_3_2_2_2 .cont5 table th { background: #f58220; color:#fff; text-align: left; padding:8px 10px; }
#sub2_3_2_2_2 .cont5 table td { border-bottom:1px solid #ddd; padding:8px 10px; vertical-align: top; font:16px/1.4 nsr; }

#sub2_3_2_2_2 .cont5 article { margin-top: 40px; }
#sub2_3_2_2_2 .cont5 article img:first-child { float:left; margin-right: 40px; }
#sub2_3_2_2_2 .cont5 article img:last-child { float:right;}

#sub2_3_2_2_3 .cont2 article:first-child { float:left; margin-right: 40px; }
#sub2_3_2_2_3 .cont2 article:last-child { float:right; }
#sub2_3_2_2_3 .cont2 table { margin-top: 48px; width: 570px; border-collapse: collapse; }
#sub2_3_2_2_3 .cont2 table th { background: #f58220; color:#fff; text-align: left; padding:8px 10px; }
#sub2_3_2_2_3 .cont2 table td { border-bottom:1px solid #ddd; padding:8px 10px; vertical-align: top; font:16px/1.4 nsr; }
#sub2_3_2_2_3 .cont3 { margin-top: 100px; text-align: center; }
#sub2_3_2_2_3 .cont3 a { display: inline-block; width: 190px; height: 40px; border-radius: 50px; text-align: center; background: #f58220; color: #fff; font: 14px/40px nseb; }

#sub2_3_2_2_4 .cont2 img:first-child { float:left; margin-right: 40px; }
#sub2_3_2_2_4 .cont2 img:last-child { float:right;}
#sub2_3_2_2_4 .cont3 { margin-top: 100px; }
#sub2_3_2_2_4 .cont3 table { width: 100%; border-collapse: collapse; }
#sub2_3_2_2_4 .cont3 table th { background: #f58220; color:#fff; text-align: left; padding:8px 10px; }
#sub2_3_2_2_4 .cont3 table td { border-bottom:1px solid #ddd; padding:8px 10px; vertical-align: top; font:16px/1.4 nsr; }
#sub2_3_2_2_4 .cont4 { margin-top: 100px; text-align: center; }
#sub2_3_2_2_4 .cont4 a { display: inline-block; width: 190px; height: 40px; border-radius: 50px; text-align: center; background: #f58220; color: #fff; font: 14px/40px nseb; }

/* sub3 */
#sub3_1 { margin-bottom: 200px; }
#sub3_1 .cont1 h2.w_title { margin-bottom: 20px; font:20px gsb; }
#sub3_1 .pad { padding-bottom: 0; }
#sub3_1 .cont2 { margin-top: 40px; font-size:14px; }
#sub3_1 .tbl_head01 { border-top:1px solid #f58220; }
#sub3_1 #bo_v_title .bo_v_tit { color:#f58220; }
#sub3_1 .btn_bo_user { font-size:12px; }



/* sub3_1_1 */
#sub3_1_1 h2.bt { font:800 34px nseb; margin-bottom: 80px; }
#sub3_1_1 #year { width: 120px; cursor: pointer; position: relative; }
#sub3_1_1 #year p { border:2px solid #ddd; color:#f58220; padding:10px 40px 10px 10px; font:18px steb; background:url(/images/sdown.png) no-repeat right 10px center; outline: none; box-sizing: border-box; }
#sub3_1_1 #year ul { border:2px solid #ddd; border-top:none; display: none; position: absolute; width: 100%; }
#sub3_1_1 #year ul li { background: #fff; color:#f58220; font:18px/1.6 steb; padding:4px 10px;  }
#sub3_1_1 #year ul li:hover { background:#f58220; color:#fff; }
#sub3_1_1 .fl { justify-content: space-between; margin:20px 0 10px; }
#sub3_1_1 h3 { font:20px steb; }
#sub3_1_1 .drag { display: none; }
#sub3_1_1 .drag:after { content:""; clear: both; display: block; }
#sub3_1_1 .drag.on { display: block; }
#sub3_1_1 .drag article { float:left; width: 580px; }
#sub3_1_1 .drag article:last-child { margin-left: 40px; }
#sub3_1_1 .drag article:last-child div:last-of-type { margin-top: 9px; }
#sub3_1_1 table { border-top:2px solid #f58220; width: 100%; border-collapse: collapse;  }
#sub3_1_1 table th, #sub3_1_1 table td { border-bottom:1px solid #ddd; padding:10px 0 10px; text-align: center; }

/* sub3_1_2 */
#sub3_1_2 h2.bt { font:800 34px Montserrat,nseb; margin-bottom: 40px; }
#sub3_1_2 #year { width: 120px; cursor: pointer; position: relative; z-index:9; }
#sub3_1_2 #year p { border:2px solid #ddd; color:#f58220; padding:10px 40px 10px 10px; font:18px steb; background:url(/images/sdown.png) no-repeat right 10px center; outline: none; box-sizing: border-box; }
#sub3_1_2 #year ul { border:2px solid #ddd; border-top:none; display: none; position: absolute; width: 100%; }
#sub3_1_2 #year ul li { background: #fff; color:#f58220; font:18px/1.6 steb; padding:4px 10px;  }
#sub3_1_2 #year ul li:hover { background:#f58220; color:#fff; }


/* sub3_2_1 */
#sub3_2_1 .drag { text-align: center; }

/* sub3_3_2 */
#sub3_3_2 { margin-bottom: 100px; }
#sub3_3_2 h2.bt { font:800 34px Montserrat,nseb; margin-bottom: 20px; }
#sub3_3_2 p{ font:18px nseb; margin-bottom: 20px;}
#sub3_3_2 table { width: 100%; margin-top: 40px; border-top:1px solid #f58220;  margin-bottom: 50px;}
#sub3_3_2 table th { width: 130px; text-align: left; border-bottom:1px solid #eee; }
#sub3_3_2 table td { padding:10px 0; border-bottom:1px solid #eee; }

/* sub3_4_1 */
#sub3_1_2.sub3_4_1 #year { margin-bottom: 0px; }

/* sub3_4_2 */
#sub3_4_2 .cont1 { padding-bottom: 0; }
#sub3_4_2 h2.bt { font:800 34px Montserrat,nseb; margin-bottom: 40px; }
#sub3_4_2 iframe { width: 100%; height: 1200px; margin-bottom: 100px; }
#sub3_4_2 .cont3 {border: 2px solid #eee;  width: 800px; height: 500px; margin-left: auto; margin-right: auto; margin-bottom: 150px;
text-align: center; line-height:500px; display: block; }
#sub3_4_2 .cont3 span{font:800 34px nseb; color:#333333; }

/* sub4 */
#sub4_0 { margin-bottom: 200px; }
#sub4_0 .cont1 h2 { margin-bottom: 50px; }
#sub4_0 .pad { padding-bottom: 100px; }
#sub4_0 .cont2 { font-size:14px; margin-top: 40px; }
#sub4_0 .tbl_head01 { border-top:1px solid #f58220; }
#sub4_0 .cont2 h2 { margin-bottom: 20px; }
#sub4_0 .cont2 { margin-bottom: 0px; }
#sub4_0 .cont2 .bt { font-size:30px; margin-bottom: 30px;  }
#sub4_0 .cont2 ul { margin-top: 50px; justify-content: space-between; }
#sub4_0 .cont2 ul li img{margin-bottom:20px;}
#sub4_0 .cont2 ul li { width: 380px; border-radius: 10px; box-shadow: 4px 4px 10px rgb(0 0 0 / 6%); height: 300px; box-sizing: border-box; padding:30px 50px 0; }
#sub4_0 .cont2 ul li span { font:16px/1.6 nsb; color:#666; display: block; }

#sub4_0 .cont3 h2 { margin-bottom: 20px; }
#sub4_0 .cont3 { margin-bottom: 0px; }
#sub4_0 .cont3 .bt { font-size:30px; margin-bottom: 30px;  }
#sub4_0 .cont3 ul { margin-top: 50px; justify-content: space-between; }
#sub4_0 .cont3 ul li { width: 380px; border-radius: 10px; box-shadow: 4px 4px 10px rgb(0 0 0 / 6%); height: 370px; box-sizing: border-box; padding:30px 50px 0; }
#sub4_0 .cont3 ul li div strong { font:22px steb; margin-top: 50px; display: block; color:#f58220; margin-bottom:30px;}
#sub4_0 .cont3 ul li dt { font:16px stb; margin-bottom: 10px; }
#sub4_0 .cont3 ul li dd { font:16px/1.7 nsb; color:#666; display: block; }

#sub4_1 { margin-bottom: 200px; }
#sub4_1 .cont1 h2 { margin-bottom: 50px; }
#sub4_1 .pad { padding-bottom: 100px; }
#sub4_1 .cont1 { padding-bottom: 0; }
#sub4_1 .cont2 { font-size:14px; margin-top: 40px; }
#sub4_1 .tbl_head01 { border-top:1px solid #f58220; }
#sub4_1 #bo_gall { margin-top: 0; }
#sub4_1 #bo_gall #gall_ul { border-top:1px solid #f58220;  padding-top: 20px; margin:0; }
#sub4_1 #bo_gall #gall_ul li { width: 380px; margin:0 30px 60px 0; padding: 0; }
#sub4_1 #bo_gall #gall_ul li:nth-child(3n) { margin-right: 0; }
#sub4_1 #bo_v_title .bo_v_tit { color:#f58220; }
#sub4_1 #bo_gall .gall_text_href a { font-family: nseb; }
#sub4_1 #bo_gall .gall_now .gall_text_href a { color:#f58220; }
#sub4_1 #bo_gall .gall_img { border:none; }
#sub4_1 .sv_member { display: none; }
#sub4_1 #bo_gall .gall_info .gall_date { margin-left: 0; }
.pg_current { background: #f58220; border-color:#f58220; }

/* sub5_1 */
#sub5_1 { margin-bottom: 200px; }
#sub5_1 .cont1 { padding-bottom: 40px; }
#sub5_1 .cont1 h2 { margin-bottom: 20px; }
#sub5_1 #w_fmail { width: 100%; margin-bottom: 20px; border-top:1px solid #f58220; }
#sub5_1 #w_fmail td:first-child { width: 100px; font:16px nseb; color:#333; }
#sub5_1 #w_fmail td:last-child { padding:12px 0; font:16px nsb; }
#sub5_1 #w_fmail td input[type=radio] { margin-left: 30px; }
#sub5_1 #w_fmail td input[type=radio]:first-child { margin-left: 0; }
#sub5_1 #w_fmail td input[type=text] { background: #fafafa; border-radius: 4px; height: 40px; border:none; width: 100%; padding:0 10px; font:16px nsr; }
#sub5_1 #w_fmail td textarea { background: #fafafa; border-radius: 4px; border:none; width: 100%; padding:10px; font:16px/1.6 nsr; margin-bottom: 10px; }
#sub5_1 #w_fmail + input[type=submit] { width: 220px; height: 46px; border-radius: 50px; background: #f58220; color:#fff; font:14px nseb;  border:none; display: block; margin-left: auto; }


.sbar { position: fixed; left: 20px; bottom:160px; width: 3px; height: 200px; background: #ddd; }
.sbar span { position: absolute; width: 3px; height: 25%; background: #f58220; left: 0; top: 0; transition:0.3s;  }


.btn_bo_sch { display: none; } /* 게시판 검색버튼 삭제  */
#bo_list_total { display: none; }
#bo_v_top ul {  }