@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/

input, select, textarea{-webkit-appearance:none; -moz-appearance:none; appearance:none; appearance:none; -webkit-appearance:none; -webkit-border-radius:0;}

#navi{position:fixed; right:-10px; top:50%; transform:translateY(-50%); z-index:99; }
#navi li{height:40px; line-height:40px; text-align:right; position:relative;}
#navi li a{color:#000; padding-right:80px;}
#navi li a:before{content:""; position:absolute; display:block; right:80px; top:50%; margin-top:-3px; width:6px; height:6px; background:rgba(0,0,0,.2); border-radius:50%; }
#navi li a span{font-size:15px ;color:#e74024; text-align:right; opacity:0; margin-right:110px; display:block; transition:0.4s all;}
#navi li a:hover span{opacity:1;}
#navi li a.on:after{content:""; position:absolute; top:50%; right:70px; width:80px; height:1px; width:26px; height:26px; border-radius:50%;
  border:1px solid #e84024; transform:translateY(-50%); }
#navi li a:hover:after{content:""; position:absolute; top:50%; right:70px; width:80px; height:1px; width:26px; height:26px; border-radius:50%;
  border:1px solid #e84024; transform:translateY(-50%); }
#navi li a:hover:before{background:#e74024;}
#navi li a.on:before{background:#e74024;}
#navi li a.on span{opacity:1;}
#navi.wh li a:before{background:rgba(255,255,255,.3); }
#navi.wh li a span{color:#e74024; }
#navi.wh li a:hover:after{border:1px solid #e74024;}
#navi.wh li a:before{background:rgba(0,0,0,.2);}
#navi.wh li a:hover:before{background:rgba(0,0,0,.2);}
#navi.wh li a.on:after{border:1px solid #e74024;}
#navi.wh li a.on:before{background:#e74024;}


#header{position:absolute; top:0; left:0; width:100%; transition:all .6s ease-in-out; z-index:100; padding:0 20px; }
#header .inner{width:100%; max-width:1600px; height:100px; margin:0 auto; position:relative;}
#header .inner h1 a{display:block; width:100%; height:100%}
#header .inner h1{position:absolute; left:0; top:30px; z-index:1; background:url(../images/logo_wh.png) no-repeat; width:189px; height:48px; background-size:contain; }
#header .inner #gnb{position:absolute; right:252px; }
#header .inner #gnb > li{float:left; position:relative; transition:all 0.5s; height:100px; }
#header .inner #gnb > li > a{color:#fff; font-size:18px; display:block; width:100%; height:100%; padding:0 40px; transition:all 0.5s; font-weight:500; line-height:100px;}
#header .inner #gnb > li:hover > a{color:#f7a81b;  }

#header .inner #gnb > li > a:after {content:""; position:absolute; bottom:0; left:50%; width:0%; -webkit-transform:translateX(-50%); transform:translateX(-50%);
  height:3px; background:#f7a81b; -webkit-transition: .35s; transition: .35s; z-index:101;}
#header .inner #gnb > li:hover a:after{width:100%;}
#header .inner #gnb > li:hover .submenu{display:block;}
.submenu{display:none; position:absolute; top:100px; background:#fff; width:194px; left:50%; transform:translateX(-50%); padding:15px 2px; border:1px solid #ddd; border-top:none;}
.submenu > li{font-size:17px; text-align:center; line-height:40px; }
.submenu > li > a{color:#000; font-weight:400; }
.submenu > li > a:hover{color:#f7a81b;}
#header .inner .all_menu{position:absolute; top:40px; right:0; height:24px; width:30px; cursor:pointer; z-index:1;  transition:opacity .25s ease; }
#header .inner .all_menu:hover .middle{width:100%; margin-left:0;}
#header .inner .all_menu.active .top{-webkit-transform:translateY(9px) translateX(0) rotate(45deg); transform:translateY(9px) translateX(0) rotate(45deg); background:#222;}
#header .inner .all_menu.active .middle{opacity:0; background:#222;}
#header .inner .all_menu.active .bottom {-webkit-transform:translateY(-10px) translateX(0) rotate(-45deg); transform:translateY(-10px) translateX(0) rotate(-45deg); background:#222;}
#header .inner .all_menu span{background:#fff; height:2px;  position:absolute; top:0; left:0; transition:all .35s ease; cursor:pointer; border-radius:2px;}
#header .inner .all_menu span:nth-of-type(1){top:0; width:100%; }
#header .inner .all_menu span:nth-of-type(2){top:9px; width:70%; margin-left:30%; }
#header .inner .all_menu span:nth-of-type(3){top:18px; width:100%; }
#header .mo_logo{display:none;}
#header:hover{background:rgba(255,255,255,1); box-shadow:}
#header:hover .inner h1{background:url(../images/fixed_logo.png) no-repeat; width:189px; height:48px; background-size:contain; }
#header:hover #gnb > li > a{color:#111}
/*#header .inner .lang_switch{}
#header .inner .lang_switch:before{content:""; width:18px; height:18px; display:inline-block; background:url(../images/lang_icon.png) no-repeat; margin-right:5px; vertical-align:middle;}
#header .inner .lang_switch a{color:#fff; vertical-align:middle; font-weight:300;}
#header .inner .lang_switch a + a{margin-left:6px;}
#header .inner .lang_switch a:nth-child(2):before{content:""; width:1px; height:10px; display:inline-block; background:#fff; vertical-align:middle; margin-top:-2px; margin-right:10px;}
#header:hover .inner .lang_switch a{color:#111}
#header:hover .inner .lang_switch a:nth-child(2):before{background:#111}
#header:hover .inner .lang_switch:before{background:url(../images/lang_icon2.png) no-repeat; }*/
#header:hover .inner .all_menu span{background:#111}
#header .admin{position:absolute; right:210px; top:41px; background:url(../images/admin_on.png) no-repeat; width:19px; height:19px; }
#header:hover .admin{background:url(../images/admin.png)}
.l_space{letter-spacing:-1px}

#header .lang_switch{display:flex; justify-content:flex-end; position:relative; width:auto; font-weight:600; font-size:13px; align-items:center;
position:absolute; right:80px; top:0; height:100px }
#header:hover .inner .lang_switch:before{background:url(../images/lang_icon2.png) no-repeat; }
#header .lang{display:flex; justify-content:center; align-items:center; width:1.9rem; height:1.5rem; cursor:pointer; color:rgba(255,255,255,0.5);
transition: all .3s; border-bottom:2px solid transparent}
#header .lang:first-child {margin-right:12px;}
#header .lang:last-child {margin-right:0;}
#header .lang:hover {color:#f7a81b;  border-bottom:2px solid #f7a81b}
#header .lang.active{ color:#fff; border-bottom:2px solid #fff}

#header:hover .inner .lang:first-child{color:#111}
#header:hover .lang.active{border-bottom:2px solid #111}
#header:hover .lang{color:#777}
#header:hover .lang:hover{color:#f7a81b;}


/*.site{position:fixed; top:0; left:0; width:100%; height:100%; opacity:1; -webkit-transition:opacity .35s, visibility .35s, width .35s;
transition:opacity .35s, visibility .35s, width .35s; z-index:999; padding:100px 200px; display:none;}
.site:before{content:""; background:#f8f8f8; left:-55%; top:0; width:50%; height:100%; position:absolute; -webkit-transition: left .35s ease;
transition:left .35s ease; z-index:-1;}
.site:after{content:""; background:#f8f8f8; right:-55%; top:0; width:50%; height:100%; position:absolute; -webkit-transition: all .35s ease;
transition:all .35s ease; z-index:-1;}
.site.open p{text-align:center; margin-bottom:80px; }
.site.open{height:100%; z-index:999;}
.site.open:before{left:0;}
.site.open:after{right:0;}
.site.open li{-webkit-animation:fadeInRight .5s ease forwards; animation: fadeInRight .5s ease forwards; -webkit-animation-delay: .35s; animation-delay: .35s;}
.site.open li:nth-of-type(2) {-webkit-animation-delay: .45s; animation-delay: .45s;}
.site.open li:nth-of-type(3) {-webkit-animation-delay: .55s; animation-delay: .55s;}
.site.open li:nth-of-type(4) {-webkit-animation-delay: .65s; animation-delay: .65s;}
.site .site_menu{height:500px;}
.site .site_menu ul {position:relative; text-align:left; float:left; z-index:100; width:20%; margin:0 auto; }
.site .site_menu ul li {display:block; height:40px; position:relative; opacity:0; color:#e74024; font-weight:400; font-size:24px;}
.site .site_menu ul li.site_title{margin-bottom:30px; font-weight:700;}
.site .site_menu ul li a{display:inline-block; position:relative; color:#3d3d3d; font-size:20px; overflow:hidden;}
.site .site_menu ul li a:hover:after, .site ul li a:focus:after, .site ul li a:active:after{width:100%;}
.site .site_menu ul li a:after {content:''; position:absolute; bottom:0; left:50%; width:0%; -webkit-transform:translateX(-50%); transform:translateX(-50%); height:3px;
background:#FFF; -webkit-transition: .35s; transition: .35s;}


@-webkit-keyframes fadeInRight {
  0% {opacity:0; left:20%;}
  100% {opacity: 1; left: 0;}
}

@keyframes fadeInRight {
  0% {opacity:0; left:20%;}
  100% {opacity:1; left:0;}
}

*/


/*header hamberger menu*/
.ham{position:fixed; top:0; left:0; width:100%; height:100%; opacity:1; z-index:999; background:#fff; display:none;  overflow: hidden; }
.ham .ham_top{height:100px; border-bottom:1px solid #ddd;}
.ham .ham_top .close{float:right; cursor:pointer; width:100px; height:100px; background:#f7a81b url(../images/close_btn2.png) center no-repeat;}
.ham .ham_top .site_logo{float:left; margin-left:50px; margin-top:30px;}
.ham .ham_menu{max-width:1440px; width:100%; margin:0 auto; overflow:hidden; padding:0 20px}
.ham .ham_menu > li {padding:50px 0; position:relative; border-bottom:1px solid #ddd; display:flex}
.ham .ham_menu .ham_list{position:absolute; top:50%; transform:translateY(-50%)}
.ham .ham_menu h3 > a{font-weight:600; font-size:26px; color:#2e2e2e; }
.ham .ham_menu > li > ul > li > a{padding:8px 0; position:relative; color:#333; font-size:clamp(14px, 5vw, 20px); overflow:hidden; font-weight:400 }
.ham .ham_menu > li > ul > li > a:hover{color:#f7a81b}
.ham .ham_menu h3{text-align:left; font-size:26px; width:300px;}
.ham .ham_menu .lnb_depth{width:calc(100% - 300px)}
.ham .ham_menu .lnb_depth li{display:inline-block; padding:0 30px}
.ham .ham_menu .lnb_depth li:nth-child(8){margin-top:10px}
.ham .ham_menu .lnb_depth li:before{content:""; width:7px; height:3px; background:#f7a81b;; display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-6px}
.lnb_mo{display:none;}


#visual .scroll{z-index:9999; position:absolute; bottom:80px; right:0; left:0; margin:auto; text-align:center; transition:all 0.5s;}
#visual .scroll a{padding-top:60px; color:#fff; transition:all 0.5s; padding-top:30px;}
#visual .scroll a span{position:absolute; top:30px; left:50%; width:30px; height:50px; transform:translateX(-50%); border:2px solid #fff; border-radius:50px; transition:all 0.5s;}
#visual .scroll a span::before{position:absolute; top:10px; left:50%; content:''; width:6px; height:6px; margin-left:-3px; background-color:#fff; border-radius:100%;
  -webkit-animation:sdb10 2s infinite; animation:sdb10 2s infinite; transition:all 0.5s;}

@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


#visual{position:relative; height:100%; z-index:2}
#visual .slick-slide {float: left /* If RTL Make This Right */ ; padding:0;}

/* ==== Slider Style === */
#visual .visual_slide{height:100%; overflow:hidden; width:100%; }
#visual .visual_slide .item .visual_img{width:100%; display:block; overflow:hidden; position:relative; text-align:center; transition:all 0.5s; }
#visual .visual_slide .item .visual01{background:url(../images/visual_kosmos2.jpg) center no-repeat; height:100%; background-size:cover; transition:all 0.5s; }
#visual .visual_slide .item .visual02{background:url(../images/visual03.jpg) center no-repeat; height:100%; background-size:cover; transition:all 0.5s; }
#visual .visual_slide .item .visual03{background:url(../images/visual04.jpg) center no-repeat; height:100%; background-size:cover; transition:all 0.5s; }
#visual .visual_slide .item .visual_txt{position:absolute; width:1280px; left:50%; text-align:left; top:45%; transform:translate(-50%, -50%); }
#visual .visual_slide .btn_next{position:absolute; bottom:240px; right:0; width:50%; z-index:5; text-align:left; padding-left:10px; outline:0;}
#visual .visual_slide .btn_next:before{content:""; width:59px; height:40px; background:url(../images/btn_next.png) no-repeat; display:inline-block; }
#visual .visual_slide .btn_prev{position:absolute; bottom:240px; left:0; width:50%; z-index:5; text-align:right; padding-right:10px; outline:0;}
#visual .visual_slide .btn_prev:before{content:""; width:59px; height:40px; background:url(../images/btn_pre.png) no-repeat; display:inline-block; }

#visual .visual_slide .item strong{font-size:70px; display:block; color:#fff; font-weight:700; -webkit-animation:fadeOutDown 3s both; animation:fadeOutDown 3s both;}
#visual .visual_slide .item h2{font-size:70px; color:#fff; font-weight:700; line-height:1;-webkit-animation:fadeOutDown 1.5s both; animation:fadeOutDown 1.5s both; line-height:1.5;}
#visual .visual_slide .item p{font-size:24px; color:#fff; margin-top:40px; -webkit-animation:fadeOutDown 1s both; animation:fadeOutDown 1s both; }
#visual .visual_slide .item.slick-active strong{-webkit-animation:fadeInDown 1s both 1s; animation:fadeInDown 1s both 1s;}
#visual .visual_slide .item.slick-active h2{-webkit-animation:fadeInDown 1s both 1.5s; animation:fadeInDown 1s both 1.5s;}
#visual .visual_slide .item.slick-active p{-webkit-animation:fadeInDown 1s both 2s; animation:fadeInDown 1s both 2s;}
#visual .slick-dots {position: absolute; bottom: 140px; width:1280px; left:50%; transform:translateX(-50%); z-index:9999}
#visual .slick-dots li {float: left; margin: 0 5px;}
#visual .slick-dots li button {position: relative; font-size: 0; outline: 0; border: 0; border-radius:20px; width: 10px; height:10px; border:1px solid #fff;}
#visual .slick-dots li.slick-active button {width:30px; height:10px; border-radius:20px; background:#fff; transition:0.5s}



/* ==== con1 Style === */
#container{position:relative; }
.h2_title{font-size:2.6042vw; line-height:1; color:#000; font-family: 'Montserrat'; }
.fontWh{color:#fff;}
.p_heading{font-size:20px; font-weight:500; color:#333; text-align:left; margin-top:20px}

.con1{width:79%; margin:0 auto; padding:150px 0; position:relative; }
.con1 .con1_top p{font-size:20px; color:#333; margin-top:30px; font-weight:500}
.con1 .con1_top{float:left; height:334px !important; width:47%; padding-top:80px; }
.con1 .con1_sol01{float:right; width:45%; position:relative; overflow:hidden; transition:0.3s; background:url(/resources/assets/images/main_solBg06.jpg) center no-repeat; background-size:cover}
.con1 .con1_sol02{float:left; width:45%; position:relative; overflow:hidden; transition:0.3s; background:url(/resources/assets/images/main_solBg01.jpg) center no-repeat; background-size:cover}
.con1 .con1_sol03{float:right; width:45%; margin-top:130px; overflow:hidden; position:relative; transition:0.3s; background:url(/resources/assets/images/main_solBg02.jpg) center no-repeat; background-size:cover}
.con1 .con1_sol04{float:left; width:45%; margin-top:130px; overflow:hidden; position:relative; transition:0.3s; background:url(/resources/assets/images/main_solBg03.jpg) center no-repeat; background-size:cover}
.con1 .con1_sol05{float:right; width:45%; margin-top:130px; overflow:hidden; position:relative; transition:0.3s; background:url(/resources/assets/images/main_solBg04.jpg) center no-repeat; background-size:cover}
.con1 .con1_sol06{float:left; width:45%; margin-top:130px; overflow:hidden; position:relative; transition:0.3s; background:url(/resources/assets/images/main_solBg05.jpg) center no-repeat; background-size:cover}
.con1 > div{height:27.4378vw}



.con1 > div img{width:100%; max-width:100%; min-width:100%; height:auto; display:block;}
.con1 .sol_more{color:#fff; margin-top:40px; display:none}
.con1 .sol_more:after{content:""; width:136px; height:32px; background:url(../images/moreBtn.png) no-repeat; display:block; margin-top:-12px;}
.con1 a{display:block; overflow:hidden; z-index:; height:100%}
.con1 a:before{content:""; position:absolute; width:100%; height:0; display:block; background:rgba(248,168,24,0.8); transition:0.3s; z-index:;}
.con1 a:hover:before{height:100%;}
.con1 a:hover .sol_more{display:block;}
.con1 a:hover dl{top:50%; transform:translateY(-50%); }
.con1 .con1_sol01 dl dd:nth-of-type(1){letter-spacing:-1px;}
.con1 dl{position:absolute; bottom:50px; left:50px; transition:0.3s; }
.con1 dl dt{font-size:30px; color:#fff; font-weight:700; line-height:1;}
.con1 dl dd:nth-of-type(1){font-size:20px; color:#fff; }
.con1 dl dd:nth-of-type(2){font-size:17px; color:#fff; margin-top:10px}

/* ==== con2 Style === */
.con2{background:url(../images/main_overBg2.jpg) center top no-repeat; padding:150px 0; background-size:cover; transition:0.5s;}
.con2 h2{text-align:center}
.con2 .con2_inner{max-width:1280px; width:100%; margin:0 auto;}
.con2 .con2_inner ul{width:100%; margin-top:50px; text-align:center;}
.con2 .con2_inner ul li{display:inline-block; width:300px; height:300px; vertical-align:middle; position:relative; border-radius:50%; background:rgba(0,0,0,0.2); padding-top:50px; text-align:center;}
.con2 .con2_inner ul li strong{display:block; font-size:60px; color:#f8a818; line-height:1; margin-top:20px;}
.con2 .con2_inner ul li p{font-size:18px; color:#fff; margin-top:26px;}
.con2 .con2_inner ul li + li{margin-left:80px;}
.counter {animation-duration: 1s;  animation-delay: 0s;}

/* ==== con3 Style === */
.con3{background:#f1f1f1; }
.con3 .con3_inner{max-width:1280px; width:100%; margin:0 auto; position:relative; }
.con3 .con3_more{font-size:13px; color:#555; position:absolute; right:0; top:62px; }
.con3 .con3_more span{display:block; padding-right:60px; transition:0.3s ease-in-out;}
.con3 .con3_more:hover span{transform:translateX(10px); transition: .3s ease-in-out;}
.con3 .con3_more:after{content:""; width:136px; height:32px; background:url(../images/moreBtn.png) no-repeat; position:absolute; bottom:-19px; right:0; transition:0.3s ease-in-out;}
.con3 .con3_more:hover:after{background:url(../images/moreBtn_hover.png) no-repeat; }
.con3 .notice{margin-top:50px}
.con3 .notice li{float:left; width:calc(100% /3 - 20px); height:260px; position:relative; z-index:1; background:#fff}
.con3 .notice li + li{margin-left:30px}
.con3 .notice li p{font-size:15px; color:#e44125}
.con3 .notice li dl dt{font-weight:500; color:#444; font-size:17px; margin-top:10px;}
.con3 .notice li dl dd{color:#555; margin-top:15px; font-size:17px; font-weight:300}
.con3 .notice li .date{position:absolute; right:30px; bottom:50px; color:#888;}
.con3 .notice li > div{display:block; position:Absolute; left:0; top:0; width:100%; height:100%; z-index:3; }
.con3 .notice li:hover .plus{display:block; transition:all 0.3s}
.con3 .notice li .plus{display:block; width:60px; height:1px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%); z-index:4; }
.con3 .notice li .plus:after{content:""; width:1px; height:60px; position:absolute; right:30px; top:-30px; background:#fff; }
.con3 .notice li a{display:block; width:100%; height:100%; padding:30px; transition: color 0.25s;}
.con3 .notice li a::before{content:""; position:absolute; width:100%; height:100%}
.con3 .notice li a::after{content:""; position:absolute; width:100%; height:100%}
.con3 .notice li a::before, .con3 .notice li a::after {border: 3px solid transparent; width: 0; height: 0;}
.con3 .notice li a::before{top:0; left:0;}
.con3 .notice li a::after{bottom:0;  right:0;}
.con3 .notice li a:hover{color: #f7a81b;}
.con3 .notice li a:hover::before, .con3 .notice li a:hover::after {width:100%; height:100%;}
.con3 .notice li a:hover::before{border-top-color:#f7a81b; border-right-color:#f7a81b; transition:width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.con3 .notice li a:hover::after{border-bottom-color:#f7a81b; border-left-color:#f7a81b; transition:border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}


/* ==== con4 Style === */
.con4{padding:150px 0; }
.con4 h2{text-align:center }
.con4 .con4_inner{max-width:1280px; width:100%; margin:0 auto; position:relative; text-align:center}
.con4 .con4_inner p{margin-bottom:80px; text-align:center}
.con4 .con4_inner .con4_more{font-size:13px; display:inline-block; margin-top:50px}
.con4 .con4_inner .con4_more:hover{background:#fff; color:#000; }
.con4 .con4_inner .con4_more span{display:block; padding-right:60px; transition:0.3s ease-in-out;}
.con4 .con4_inner .con4_more:hover span{transform:translateX(10px); transition: .3s ease-in-out;}
.con4 .con4_inner .con4_more:after{content:""; width:136px; height:32px; background:url(../images/moreBtn.png) no-repeat; position:absolute; bottom:-19px; left:50%; transform:translateX(-50%); transition:0.3s ease-in-out;}
.con4 .con4_inner .con4_more:hover:after{background:url(../images/moreBtn_hover.png) no-repeat; }
.con4 .con4_inner ul li{display:table; float:left; padding:10px; width:25%; padding:20px 10px; }
.con4 .con4_inner ul li:nth-child(n+5){margin-top:20px}
.con4 .con4_inner ul li span img{max-width:100%; margin:0 auto}
.con4 .con4_inner ul li span{display:flex; flex-wrap:wrap; align-items:center; height:130px; text-align:center; }


/* ==== con5 Style === */
.con5{background:url(../images/main_contactBg3.jpg) no-repeat; background-size:cover; padding:140px 0;}
.con5 .con5_inner{max-width:1280px; width:100%; margin:0 auto; position:relative;}
.con5 .con5_inner p{color:#fff; margin-top:50px;}
.con5 .con5_inner a.request{position:absolute; right:0; top:60px; border:1px solid #fff;; padding:15px 45px; color:#fff; font-size:18px; transition:0.5s; z-index:1;}
.con5 .con5_inner a.request:hover{border:1px solid #f8a818}
.con5 .con5_inner a.request:before{content:""; background:#f8a818;  width:0; height:100%; position:absolute; left:0; top:0; transition:0.3s; z-index:-1;}
.con5 .con5_inner .request:hover:before{width:100%; }


/* ==== footer Style === */
#footer{background:#222; padding:40px 0; color:#ddd; }
#footer .foot_inner{max-width:1280px; width:100%; margin:0 auto; position:relative; padding:0 10px }
#footer .foot_inner h1{position:absolute; top:7px; left:0;}
#footer .foot_inner ul{border-bottom:1px solid #555; margin-bottom:10px; padding-bottom:10px}
#footer .foot_inner ul li{float:left;}
#footer .foot_inner ul li + li{margin-left:15px;}
#footer .foot_inner ul li a{font-size:15px; color:#aaa; }
#footer .foot_inner address{font-size:15px; }
#footer .foot_inner address span{margin-right:12px;}
#footer .foot_inner address span:first-child{margin-left:0;}
#footer .foot_inner address span:last-child{display:block; margin-left:0;}
#footer .foot_inner p{margin-top:15px; color:#aaa; font-size:13px;}
#footer .pc{display:none;}
#footer .btn_top{width:60px; height:60px; border-radius:50%; background:#f7a81b; text-align:center; line-height:60px; color:#fff; position:fixed; right:70px; bottom:40px; z-index:9999;
  box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); display:none}


/*========= sub 공통 style ========*/
.tab{display:none;}
.pc{display:block}
.sub{max-width:1280px; width:100%; margin:0 auto; }
.subPadd{padding:180px 0 150px; position:relative}
.subWrap{padding:180px 0 0; position:relative;}
.h4_title{font-size:36px; color:#111; letter-spacing:-0.5px; text-align:center; line-height:1; margin-top:5px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
.h5_title{font-size:26px; color:#e44125; letter-spacing:-0.5px; line-height:1; }
.sub_title strong{display:block; font-size:14px; color:#f7a81b; text-align:center; font-weight:300; letter-spacing:0.5px; font-family: 'Montserrat';}
.cel_box{display:table-cell; vertical-align:middle}
body.loaded {opacity: 1; transition: 1s opacity;}
.banner {position: relative; width: 100%; overflow: hidden; backface-visibility: hidden;}
.banner .bg {width:100%; height:100%; position:absolute; left:0%; top:0%; z-index:-1; transform:translate3d(0,0,0) scale(1.25); }
.banner .bg01{background:url(../images/sub01_visual2.jpg) center no-repeat; background-size:cover;}
.banner .bg02{background:url(../images/sub02_visual.jpg) center no-repeat; background-size:cover;}
.banner .bg03{background:url(../images/sub03_visual.jpg) center no-repeat; background-size:cover;}
.banner .bg04{background:url(../images/sub04_visual.jpg) center no-repeat; background-size:cover; }
.banner .bg05{background:url(../images/sub05_visual.jpg) center no-repeat; background-size:cover; }

.loaded .banner .bg {transform:scale(1); transition:6.5s transform;}
.sub_visual{height:520px; position:relative; overflow:hidden; }
.sub_visual .sub_title{position:absolute; top:55%; transform:translateY(-50%); width:100%; text-align:center;}
.sub_visual .sub_title h1{font-size:62px; color:#fff; line-height:1; font-weight:700; text-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)}


/*visual 아래 탭메뉴*/
.tabmenu-wrap .tabmenu-inner{height:65px; border-bottom:1px solid #ebe5da; }
.tabmenu-wrap .tab-nav {width:100%; max-width:1280px; margin:0 auto; display:flex; height:65px; align-items:center}
.tabmenu-wrap .tab-nav .nav{width:17.28%; position:relative; font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
.tabmenu-wrap .tab-nav .nav a{position:relative; display:block; font-size:17px; font-weight:300; color:#222; text-align:center; line-height:20px; position:relative}
.tabmenu-wrap .tab-nav .nav a:before{content:""; width:1px; height:14px; background:#ebe5da; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.tabmenu-wrap .tab-nav .nav:nth-last-child(1):after{content:""; width:1px; height:14px; background:#ebe5da; position:absolute; top:50%; transform:translateY(-50%); right:0}
.tabmenu-wrap .tab-nav .nav.on a {color:#333; font-weight:500}
.tabmenu-wrap .tab-nav .nav.on a:after {content:""; position:absolute; bottom:-22px; left:0; right:0; margin:0 auto; width:100%; height:4px; background:#f7a81b;}
.tabmenu-wrap .tab-con .con-box {display: none;}
.business .tab-nav .nav{width:20% !important}
.notice .tab-nav .nav{width:50% !important}
.recruit .tab-nav .nav{width:33.33% !important}



/*========= sub1 sub01 ========*/
.sub .sub01_title strong{font-size:13px; font-weight:100; color:#888; letter-spacing:1px;}
.sub .sub01_title h2{font-size:36px; color:#111; line-height:1; margin-top:8px; }
.sub .sub01_title h2:after{content:""; width:44px; height:2px; background:#444; display:block; margin:18px auto 0;}
.company{position:relative; margin-top:80px}
.company .company_img{background:url(../images/subBg_about.jpg) center no-repeat; margin-right:60px; width:calc(50% - 30px); height:448px; background-size:cover}
.company .company_txt{text-align:left; width:calc(50% - 30px); padding-top:20px; position:absolute; top:0; right:0; }
.company .company_txt span{font-size:32px; color:#333; font-weight:700; line-height:46px}
.company .company_txt strong{color:#f7a81b}
.company .company_txt p{font-size:20px; margin-top:50px; color:#333; font-weight:300;}
.overviewBg:after{content:""; position:absolute; bottom:0; width:100%; height:412px; background:#f8f8f8; z-index:-1; }

.vision{text-align:center; transition:0.3s}
.vision_list{font-size:0; margin:50px auto; width:935px;}
.vision_list li{display:table; float:left; }
.vision_list li span{width:240px; height:240px; border-radius:50%; font-size:20px; color:#111; display:flex; flex-wrap:wrap; align-items:center; line-height:30px; font-weight:500;
  justify-content:center}
.vision_list li:nth-child(1) span {background:rgba(228,65,37,0.1)}
.vision_list li:nth-child(2) span {background:rgba(247,168,27,0.2); margin-left:-20px}
.vision_list li:nth-child(3) span {background:url(../images/vision_arrow.png) center no-repeat; width:193px; border-radius:0; margin:0 20px; padding:0;}
.vision_list li:nth-child(4) span {background:#e44125; color:#fff;}

.mission{background:url(../images/mission_bg.jpg) no-repeat; background-size:cover; height:344px; text-align:center; position:relative; display:table; width:100%; transition:0.5s; margin-top:150px}
.mission:after{content:""; width:500px; height:300px; background:rgba(228,65,37,0.1); position:absolute; left:-60px; bottom:-50px; z-index:-1}
.mission p{color:#fff; font-size:30px; margin-top:50px; line-height:45px}

.ci{text-align:center; background:#f8f8f8; margin-top:150px}
.ci p{font-size:24px; margin-top:50px; color:#111; font-weight:600}
.ci .ciBox{margin-top:50px; background:#fff; border:1px solid #eaeaea; padding:100px 0 }
.ci .ci_mark span:nth-child(1){width:70px; display:inline-block;}
.ci .ci_mark span:nth-child(2){display:inline-block; width:220px}
.ci .ci_mark span:before{content:""; display:block; height:7px; border:1px solid #ccc; border-top:none; margin-top:5px}
.ci .mark em:before{content:""; width:100%; height:6px; display:inline-block; border:1px solid #bbb; border-top:none; margin-bottom:4px;}
.ci .ci_img{position:relative; padding-top:7px; }
.ci .ci_txt{font-size:18px; color:#333; margin-top:60px; word-break:keep-all; font-weight:300; line-height:1.7}




.greeting{margin-top:80px}
.greeting .greet_img{position:relative; background:url(../images/ceoBg11.jpg) center no-repeat; height:500px; padding:85px 0 95px 75px; background-size:cover; color:#fff; transition:0.3s}
.greeting .greet_img strong{font-size:70px; color:#fff; line-height:1; font-family:'Montserrat'; display:block}
.greeting .greet_img p{display:inline-block; font-size:22px; color:#fff; margin-top:30px; line-height:1.5; border-bottom:1px solid rgba(255,255,255,0.6); padding-bottom:10px}
.greeting .greet_img span{display:block; margin-top:30px; font-size:22px}
.greeting .greet_img span img{margin-left:10px}
.greeting .greet_txt{margin-top:80px; padding:0 50px; }
.greeting .greet_txt p{font-size:20px; color:#333; font-weight:300 }
.greeting .greet_txt .head{font-size:35px; color:#333; font-weight:700; letter-spacing:-0.5px; margin-bottom:20px}
.greeting .greet_txt strong{color:#f7a81b}
.greeting .greet_txt span{font-size:15px; color:#555; display:inline-block; margin-top:80px; }


.project{margin-top:80px; }
.project p{font-size:16px; color:#333; margin-top:30px}
.project h4{font-size:60px; text-align:; padding-right:40px; line-height:1; margin-bottom:15px; transition:all 0.5s; color:#333}
.project h4:after{content:""; width:374px; height:2px; background:#f7a81b; display:block; margin-left:-100px; margin-top:20px}
.project_list{float:left; width:61%; padding-left:50px}
.project_list dl{padding:8px 0; }
.project_list dl dt{font-size:20px; color:#111; font-weight:500; margin-right:10px; display:inline-block; vertical-align:middle}
.project_list dl dd{font-size:16px; color:#555; display:inline-block; vertical-align:middle}
.project .proImg{width:39%; float:left; transition:all 0.5s; overflow:hidden}
.project .proImg img{width:100%}
.project .tab-wrapper {font-size:0; }
.project .tab-menu{text-align:center; width:100%; display:flex; flex-wrap:wrap}
.project .tab-menu li {position:relative; color:#111; display:table; cursor:pointer; width:calc(14.28% - 8.57px); }
.project .tab-menu li + li{margin-left:10px}
.project .tab-menu li span{display:table-cell; vertical-align:middle; text-align:center; height:66px; font-size:18px; color:#333; transition:0.3s;  border:1px solid #ddd; }
.project .tab-menu li:hover span{color:#fff; border:1px solid #f7a81b; background:#f7a81b;}
.project .tab-menu li.active span{color:#333; opacity:1; background:#f7a81b; border:1px solid #f7a81b; color:#fff; }
.project .tab-menu li .line{display:none}
.project .tab-content{margin-top:120px; }
.project .tab-content div li{display:table; float:left; padding:10px; width:25%; padding:30px 10px;}
.project .tab-content div li span{display:table-cell; vertical-align:middle; height:120px; text-align:center;}


.partner .tab-wrapper {margin-top:80px; font-size:0;}
.partner .tab-menu{max-width:900px; width:100%; margin:0 auto}
.partner .tab-menu li {position:relative; float:left; display:table; text-align:center; cursor:pointer; font-size:18px; width:calc(33.33% - 6.66px); }
.partner .tab-menu li + li{margin-left:10px}
.partner .tab-menu li span{display:table-cell; vertical-align:middle; text-align:center; height:66px; font-size:18px; color:#333; border:1px solid #ddd; transition:0.3s}
.partner .tab-menu li:hover span{color:#fff; background:#f7a81b; border:1px solid #f7a81b}
.partner .tab-menu li.active span{color:#fff; background:#f7a81b; opacity:1; border:1px solid #f7a81b}
.partner .tab-content{margin-top:50px; }
.partner .tab-content div li{display:table; float:left; padding:10px; width:25%; padding:20px 10px;}
.partner .tab-content div li span{display:flex; flex-wrap:wrap; align-items:center; height:120px; text-align:center; }
.partner .tab-content div li span img{max-width:100%; margin:0 auto}
.partner .part{font-size:18px; color:#333; border-bottom:1px dashed #ccc; font-weight:300; margin-top:50px}
.partner p.part:nth-child(1){margin-top:100px}


.map{margin-top:80px; position:relative; height:650px; overflow:hidden; border:1px solid #eaeaea}
.address{padding:35px 50px; position:absolute; left:0; bottom:0px; background:rgba(255,255,255,0.9); z-index:10; }
.address h3{font-size:28px; color:#000}
.address p{font-size:18px; color:#333; margin-top:10px}
.address strong{font-size:15px; color:#666; font-weight:400; display:block}
.address span{font-size:18px; color:#333; display:block; margin-top:10px}
.address span:before{content:""; background:#e44125 url(../images/ico_call.png) center no-repeat; width:40px; height:40px; display:inline-block; vertical-align:middle; border-radius:50%; background-size:60%; margin-right:10px}


.lims .tab-wrapper{margin-top:80px}
.lims .tab-menu li {position:relative; float:left; display:table; text-align:center; width:calc(20% - 8px); }
.lims .tab-menu li + li{margin-left:10px}
.lims .tab-menu li span{display:table-cell; vertical-align:middle; text-align:center; height:66px; line-height:22px; font-size:18px; color:#333; border:1px solid #ddd; cursor:pointer; transition:0.3s; font-weight:400 }
.lims .tab-menu li:hover span{color:#fff; background:#f7a81b; border:1px solid #f7a81b}
.lims .tab-menu li.active span{color:#fff; opacity:1; background:#f7a81b; border:1px solid #f7a81b}
.lims .tab-menu li.active:hover{color:#f7a81b;}
.lims .line {position:absolute; width:0; height:7px; background-color:aqua; top: 0; left: 0; display:none;}
.subscript{font-size:14px; position:relative; margin:0 15px 0 10px}
.subscript:before{content:""; width:20px; height:20px; position:absolute;top:-1px; left:50%; transform:translateX(-50%); border:1px solid #555; border-radius:50%;  }

.section{padding:150px 0}
.section .pImg{width:40%; height:400px; float:left; border:1px solid #e8e8e8; box-shadow:5px 5px 10px rgb(0 0 0 / 20%); text-align:center; position:relative; background:#fff}
.section .pImg img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.section .pTxt{width:60%; float:left; padding:0 0 0 80px; font-size:18px; }
.section .pTxt strong{color:#333; font-size:22px; line-height:1.4; font-weight:600}
.section .pTxt span{font-size:20px}
.section .pTxt h5{color:#222; font-size:34px; line-height:1; margin-top:20px; letter-spacing:-0.5px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
.section .pTxt p{margin-top:30px; color:#4a4a4a; font-weight:400; font-size:20px; line-height:38px}

.sec01{padding-top:0; margin-top:80px}
.sec02{background:#f5f5f5; }
.subTitle{font-size:30px; color:#222; font-weight:700; margin-bottom:30px; text-align:center;}
.sec03{padding-bottom:0;}
.sec_last{padding-bottom:0; text-align:center}
.sec_last ul{font-size:0; }
.sec_last ul li{width:20%; display:inline-block; position:relative; vertical-align:middle; }
.sec_last ul li span{display:flex; flex-wrap:wrap; align-items:center; text-align:center; height:140px; }
.sec_last ul li span img{max-width:100%; margin:0 auto}

.trait{font-size:0; text-align:center}
.trait li{display:inline-block; vertical-align:top; width:calc(100% / 4 - 15px); text-align:center; padding:34px 20px; position:relative; background:#fff;
  border-top:2px solid #111; height:364px}
.trait li:nth-child(5){margin-left:0; margin-top:20px}
.trait li + li{margin-left:20px}
.trait li strong{margin-right:5px; color:#111}
.trait li dl dt {font-size:20px; margin-right:5px; color:#e44125; line-height:30px; text-align:left; font-weight:600}
.trait li dl dd{color:#666; font-weight:400; position:relative; font-size:17px; text-align:left; padding:3px 3px 3px 10px; line-height:26px}
.trait li dl dd:before{content:""; width:3px; height:3px; border-radius:50%; background:#aaa; position:absolute; top:15px; left:0;}
.trait li dl dd:nth-of-type(1){margin-top:20px}
.trait02 li{height:369px }
.trait03 li{height:290px}
.trait04 li{height:385px}
.trait05 li{height:268px; }
.trait06 li{height:300px}


.imgLims02{text-align:center; margin-top:150px}
.imgLims03{text-align:center; margin-top:200px}

.fuction{text-align:center; font-size:0;}
.fuction li{position:relative; font-size:18px; color:#444; display:inline-block; width:calc(100% / 5 - 16px); border:5px solid #f0f0f0; padding:60px 15px; vertical-align:top; height:262px}
.fuction li:nth-child(6n){margin-left:0;}
.fuction li + li{margin-left:20px}
.fuction li + li + li + li + li + li{margin-top:20px;}
.fuction li span{display:inline-block; width:100%; height:64px; position:relative;}
.fuction li span img{position:absolute; left:0; right:0; bottom:0; top:0; margin:auto}
.fuction li p{margin-top:20px; line-height:24px; text-align:center}
.fuction li dl{font-size:15px; text-align:center; color:#6e6e6e; line-height:20px; margin-top:20px}
.fuction li dl dt{font-size:18px; color:#444; text-align:center; }
.fuction li dl dd:nth-of-type(1){margin-top:20px}
.fuction li dl dd{position:relative; padding:3px 3px 3px 8px; text-align:left}
.fuction li dl dd:before{content:""; width:3px; height:3px; border-radius:50%;background:#aaa; position:absolute; top:10px; left:0;}
.fuction02 li{min-height:266px}
.fuction03 li{min-height:220px}
.fuction04 li{min-height:242px}
.fuction06 li{min-height:346px; }
.fuction04 li dl{text-align:left}

ul.fuction04{text-align:left}
ul.fuction05{text-align:left}

.pheiMate > ul{font-size:0; text-align:left; margin-top:100px}
.pheiMate > ul > li{display:inline-block; }
.pheiMate > ul > li label {display:inline-block; width:236px; height:56px; color:#444; font-size:18px; line-height:50px; cursor:pointer }
.pheiMate > ul > li:not(:last-child) label {border-right-width: 0;}
.pheiMate .tab_box div{color:#444; }
.pheiMate > input, .pheiMate .tab_box > div{display:none;}
#tab1:checked ~ ul .tab1 label,
#tab2:checked ~ ul .tab2 label,
#tab3:checked ~ ul .tab3 label {color:#111; position:relative; border-bottom:3px solid #f7a81b;}
#tab1:checked ~ nav .tab1 label:after,
#tab2:checked ~ nav .tab2 label:after,
#tab3:checked ~ nav .tab3 label:after {content:""; display:block; position:absolute; height:2px; width:100%; background-color:#fff; left:0; bottom:-1px;}
#tab1:checked ~ .tab_box .tab1,
#tab2:checked ~ .tab_box .tab2,
#tab3:checked ~ .tab_box .tab3 {display:block;}
.ephei_top{padding:0 0 150px}


.system{background:#fff; border-bottom:2px solid #ddd}
.system li{width:calc(100% / 2); float:left; border-top:2px solid #ddd; padding:20px; font-size:0}
.system li span{display:inline-block; width:30%; font-size:18px; vertical-align:top; color:#222; font-weight:500}
.system li span strong{display:block; color:#e44125; line-height:1}
.system li dl{display:inline-block; width:70%; font-size:16px; vertical-align:top;}
.system li:nth-child(even){border-left:1px solid #ddd}

.science .tab-wrapper{margin-top:80px}
.science .tab-menu li {position:relative; float:left; display:table; text-align:center; width:calc(14.28% - 8.57px); font-weight:500}
.science .tab-menu li + li{margin-left:10px}
.science .tab-menu li span{display:table-cell; vertical-align:middle; text-align:center; height:90px; line-height:22px; font-size:18px; color:#333; border:1px solid #ddd; cursor:pointer; transition:0.3s; padding:0 10px; font-weight:400}
.science .tab-menu li:hover span{color:#fff; background:#f7a81b; border:1px solid #f7a81b}
.science .tab-menu li.active span{color:#fff; opacity:1; background:#f7a81b; border:1px solid #f7a81b}
.science .tab-menu li.active:hover{color:#e44125;}
.science .tab-menu li br{display:none}

.mfunction{background:#fff; border-top:2px solid #000; padding:0 60px; }
.mfunction li + li{border-top:2px solid #ddd; }
.mfunction li{font-size:18px; color:#333; font-weight:500; padding:30px 0 30px 34px; position:relative}
.mfunction li strong{color:#e44125; font-size:14px; text-align:center; margin-right:5px; background:#f7a81b; width:26px; height:26px; display:inline-block; vertical-align:middle; border-radius:50%; color:#fff;
  font-weight:normal; position:absolute; top:33px; left:0}
.mfunction li span{font-weight:300}


.dfunction li{width:calc(100% / 3 - 6.666px); float:left; padding:20px; min-height:310px; background:#fff}
.dfunction li + li{margin-left:10px}
.dfunction li + li + li + li{margin-top:10px}
.dfunction li:nth-child(1){border:2px solid #ccc}
.dfunction li:nth-child(2){border:2px solid #50c792}
.dfunction li:nth-child(3){border:2px solid #31b8e6; }
.dfunction li:nth-child(4){border:2px solid #e44125; margin-left:0; }
.dfunction li:nth-child(5){border:2px solid orange}
.dfunction li:nth-child(6){border:2px solid #777}
.dfunction li:nth-child(7){border:2px solid #31b8e6; margin-left:0;}
.dfunction li:nth-child(8){border:2px solid #50c792}
.dfunction li dl{position:relative; padding-top:35px}
.dfunction li dl dt{font-size:18px; color:#222; font-weight:500; position:absolute; top:0; left:0}
.dfunction li dl dd{font-size:16px; color:#555; padding:6px 0 0 30px; position:relative; line-height:22px}
.dfunction li dl dd:before{content:""; width:3px; height:3px; border-radius:50%; background:#aaa; position:absolute; left:20px; top:13px;}
span.block{display:block; }
.dfunction02 li{min-height:276px !important;}
.dfunction03 li{min-height:206px}
.dfunction04 li{min-height:282px}
.dfunction05 li{min-height:252px}
.dfunction06 li{min-height:224px}
.dfunction02 li:nth-child(1){height:562px}
.dfunction02 li:nth-child(4){margin-left:10px; }

.csv{margin-top:80px; font-size:18px; color:#333}
.csvTop02{float:left; width:calc(100% / 3 - 20px); height:330px; background:#f8f8f8; padding:50px 30px; margin-left:30px}
.csvTop01{float:left; width:calc(100% / 3 - 20px); height:330px; font-size:36px; color:#111; line-height:50px; font-weight:700; padding-top:105px; }
.csvTop03{float:left; width:calc(100% / 3 - 20px); height:330px; background:#f7a81b; padding:50px 30px; margin-left:30px; color:#fff; }

.csvBott01{float:left; width:calc(100% / 3 - 20px); height:330px; background:#fce9c6; padding:50px 30px; margin-top:30px}
.csvBott02{float:left; width:calc(100% / 3 - 20px); height:330px; padding:50px 30px; margin-left:30px; background: linear-gradient(-45deg, #f3f5f0 50%, #dfe8eb 50%); margin-top:30px}
.csvBott03{float:left; width:calc(100% / 3 - 20px); height:330px; background:url(../images/csvBg.jpg) center no-repeat; padding:50px 30px; margin-left:30px; margin-top:30px; background-size:cover}
.csv dl dt{font-size:18px; font-weight:700; margin-bottom:20px}
.csv dl dt:after{content:""; width:40px; height:1px; background:#111; display:block; margin-top:15px}
.csv .csvTop dl:nth-child(3) dt:after{background:#fff}



/*sub03 page*/
.newsWrap .total{margin-top:100px; text-align:right; color:#333}
.newsWrap .total .now{margin-left:10px}
.newsWrap table{margin-top:20px; width:100%}
.newsWrap table thead{border-top:2px solid #000; border-bottom:1px solid #ddd}
.newsWrap table thead th{padding:20px 0; background:#f8f8f8; color:#222; font-size:16px; font-weight:400}
.newsWrap table tbody tr{border-bottom:1px solid #ddd}
.newsWrap table tbody tr:hover{background:rgba(247,168,27,0.05)}
.newsWrap table tbody tr td{padding:20px 5px; font-size:18px; text-align:center; color:#333; font-weight:400}
.newsWrap table tbody tr td:nth-child(2){text-align:left}
.newsWrap table tbody tr td .divide{margin-right:10px; color:#e44125; font-size:16px; font-weight:400}
.newsWrap table tbody tr td.date{color:#555;  font-size:15px}
.newsWrap table tbody tr td.hit{color:#555; font-size:15px}
.newsWrap table tbody tr a{color:#333; font-weight:300}
.count{margin-top:80px; text-align:center; font-size:0;}
.count li{display:inline-block; width:36px; height:36px; }
.count a{display:inline-block; vertical-align:top; width:100%; height:100%; border:1px solid #ddd; color:#222; line-height:34px; border-radius:50%; font-size:15px; font-weight:500; }
.count li.on{background:#000; color:#fff; border-radius:50%}
.count li.on a{color:#fff; border:none}
.count li.on a:hover{border:none}
.count li + li{margin-left:5px}
.count li a:hover{background:#000; color:#fff; border:1px solid #000}
.count li.on:hover{background:#000; color:#fff; }
.pagination .prev{background:url(../images/countL.png) center no-repeat; font-size:0}
.pagination .next{background:url(../images/countR.png) center no-repeat;  font-size:0}
.pagination .prev:hover{background:url(../images/countL.png) center no-repeat; border:1px solid #ddd; cursor:pointer}
.pagination .next:hover{background:url(../images/countR.png) center no-repeat; border:1px solid #ddd; cursor:pointer}

.newsWrap fieldset{text-align:center; margin:50px auto 0; font-size:0;}
.newsWrap input, select{outline:0; height:57px; font-size:16px; color:#444; font-weight:300; vetical-align:top}
.newsWrap select{width:135px; padding:0 10px; border:1px solid #ccc; vertical-align:top}
.newsWrap input{width:340px; padding-left:10px; border:1px solid #ccc; border-left:0}
.newsWrap input::placeholder{color:#999}
.newsWrap button{background:#f7a81b; padding:14px 50px; color:#fff; margin-left:10px; font-size:16px; vertical-align:top; font-weight:300 }
.contact table{margin-top:80px; border-top:2px solid #000;}
.contact table tr{height:60px; border-bottom:1px solid #ddd; text-align:left}
.contact table tr th{color:#222; font-size:16px; padding-left:10px; font-weight:400}
.contact table tr td{padding:10px; font-size:16px; color:#555; font-weight:300}
.contact table tr td label{font-size:16px; color:#555; font-weight:300; }
.contact table tr td pre{font-size:16px; color:#555}
.contact .star{color:red; margin-left:5px}
.contact #gubun{height:40px; border:1px solid #ccc; width:150px; padding-left:7px}
.contact input{border:1px solid #ccc; outline:0; height:40px; width:300px; padding:0 10px; font-size:16px; font-weight:300; color:#444}
.contact textarea{width:100%; padding:10px; border:1px solid #ccc; height:200px; outline:0; font-size:16px; font-weight:300; color:#777}
.contactBtn{margin-top:50px; text-align:center; font-size:0;}
.contactBtn button{padding:14px 50px; border:1px solid #ccc; font-size:16px; color:#333; font-weight:400; transition:all 0.3s}
.contactBtn button.delete{background:#6e6e6e; color:#fff; margin-right:10px; border:1px solid #6e6e6e}
.contactBtn button.delete:hover{background:#000; border:1px solid #000}
.contactBtn button.list:hover{background:#000; color:#fff; border:1px solid #000}
.contactBtn button.save{background:#f7a81b; margin-right:10px; border:1px solid #f7a81b; color:#fff}
.contactBtn button.save:hover{background:#f77d1b; border:1px solid #f77d1b}
.contactTotal{max-width:800px; width:100%; margin:100px auto 10px; color:#333; text-align:right}
.contactlist{max-width:800px; width:100%; margin:0 auto}
.contactlist thead th{background:#f8f8f8; border-top:1px solid #111; border-bottom:1px solid #111; height:34px; color:#222; font-size:16px; font-weight:400; height:48px}
.contactlist tbody tr{border-bottom:1px solid #ccc; height:38px}
.contactlist tbody tr td{text-align:center}

/*sub04 page*/
.person{margin-top:50px}
.person span{display:inline-block; width:100%; text-align:center; position:relative}
.person span:after{content:""; width:1px; height:80px; background:#ddd; position:absolute; left:50%; bottom:-80px}
.person ul{margin-top:80px; text-align:center}
.person ul li{float:left; width:25%; min-height:386px}
.person ul li:nth-child(even){background:#6e6e6e; color:#fff;}
.person ul li:nth-child(odd){border:1px solid #ddd; color:#222}
.person ul li dl{padding:50px 30px; font-size:18px; font-weight:300}
.person ul li dl dd.perIcon{margin:20px auto 0; height:66px; position:relative; }
.person ul li dl dd.perIcon img{max-width:100%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto}
.person ul li dl dd:nth-of-type(2){margin-top:30px; }
.person strong{display:block; font-size:18px; font-weight:500}

.welfare{margin-top:50px; }
.welfare ul{border-top:2px solid #000}
.welfare li{padding:60px 40px; border-bottom:1px solid #ddd; display:table; width:100%;}
.welfare li span{width:15%; display:table-cell; vertical-align:middle; height:107px; position:relative; }
.welfare li span:before{content:""; width:107px; height:107px; background:#f6f6f8; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.welfare li span img{position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; max-width:100%; height:auto}
.welfare li dl{width:85%; padding-left:50px; display:table-cell; vertical-align:middle;}
.welfare li dl dt{color:#222; font-size:20px; font-weight:500}
.welfare li dl dd{color:#555; font-size:16px; margin-top:10px}

h6.h6_title{font-size:24px; text-align:center; color:#222; line-height:1; }
.re_top .h6_title{margin-top:100px}
.re_top ul{margin:50px 0 150px; font-size:0; text-align:center;}
.re_top ul li{display:inline-block}
.re_top ul li + li dl{margin-left:106px}
.re_top ul li + li dl:before{content:""; width:32px; height:9px; position:absolute; left:-70px; top:50%; transform:translateY(-50%); background:url(../images/re_arrow.png) center no-repeat;}
.re_top ul li dl{display:inline-block; width:240px; height:240px; text-align:center; background:#f8f8f8; border-radius:50%; padding:20px 30px; position:relative;}
.re_top ul li dl dt{font-size:15px; margin-top:20px; font-weight:500; color:#333}
.re_top ul li dl dd{color:#333; font-size:16px;}
.re_top ul li dl dd.reImg{display:inline-block; width:56px; height:53px; position:relative; margin-top:20px;}
.re_top ul li dl dd.reImg img{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; max-width:100%; height:auto}
.re_bot{text-align:center; padding:130px 0; border-top:2px solid #000}
.re_bot span{background:rgba(0,0,0,0.5); border-radius:60px; padding:30px 50px;  display:inline-block; margin-top:40px; font-weight:300; font-size:16px; color:#fff}
.re_bot p{margin-top:75px; font-size:19px; color:#222}
.white{color:#fff !important}


.privacy{font-size:15px; color:#333; font-weight:300; border:1px solid #ccc; margin-top:80px; padding:50px}
.service{font-size:15px; color:#333; font-weight:300; border:1px solid #ccc; margin-top:80px; padding:50px}


#pop{position:absolute; top:30px; left:30%; transform:translateX(-50%); z-index:100; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); transition:0.3s; }
#pop .popImg{width:575px; height:862px; background:url(../images/seminar_popup2025.jpg) center no-repeat; background-size:cover}
#pop .popImg a{display:block; width:100%; height:100%}
#pop .close{background:#000; height:40px; line-height:40px; padding:0 10px; display:flex; justify-content:space-between; cursor:pointer; color:#fff; align-items:center}
#pop .close input[type="checkbox"]{vertical-align:middle; margin-right:3px; margin-top:-2px; appearance:auto}
#pop .close label{color:#fff}


.grid_button{height:23px; margin:1px; padding:0 10px; border-radius:5px; background:#29b6f6; color:#fff; transition:0.5s;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
  box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
}
.grid_button:hover{background:#0288d1;}




/*2024/02/27kosmos tab 추가 */

.swiper{position:relative}
.swiper-slide {width:auto;}
.swiper-slide .swiper-btn {position: relative; height:100%; width:100%; font-weight:500; transition: background 0.35s; color:#222; font-size:17px; display:flex; 
justify-content:center; align-items:center; text-align:center; line-height:1.2}
.swiper-slide .swiper-btn:hover {background-color: #faf3e7}
.swiper-slide .swiper-btn.active::after {content: ""; display:block; position:absolute; left:0; bottom:0; width:100%; height:4px; background-color:#f7a81b;}
.cont_item {display: none; justify-content: center;  align-items: center; }
.cont_item.active {display:block;}
.cont_item p {font-size:22px;  color: #4a4a4a;}
.con_box{margin-top:270px; width:100px; max-width:90%;  margin:0px auto; }
.swiper-wrapper{height:65px !important; max-width: 1280px; width:100%; margin:0 auto; display:flex;}
.swiper:after{content:""; width:100%; height:1px; background:#ebe5da; position:absolute; top:65px; left:0;}
.swiper-wrapper div{width:12.5%; display:flex; align-items:center; justify-content:center; box-sizing: border-box;}
.swiper-wrapper div:before{content:""; width:1px; height:14px; background:#ebe5da; position: absolute; top: 50%; transform: translateY(-50%); left:0;}
.swiper-wrapper div:nth-last-child(1):after {content:""; width: 1px; height:14px; background:#ebe5da; position:absolute; top:50%; transform:translateY(-50%); right:0;}
.business .swiper-wrapper div{width:20% !important; }

.kosmosWrap{display:flex; justify-content:space-between; }
.kosmosWrap .kosmos:nth-child(2n){margin-top:1.875rem; }
.kosmos{width:22%; height:22.5rem; color:#fff; font-size:1.875rem; display:flex; justify-content:center; align-items:center; font-weight:700}
.kosmosWrap .kosmos_lims{background:url(../images/kosmos_lims.jpg) center no-repeat; background-size:cover;}
.kosmosWrap .kosmos_sdms{background:url(../images/kosmos_sdms.jpg) center no-repeat; background-size:cover;}
.kosmosWrap .kosmos_les{background:url(../images/kosmos_les.jpg) center no-repeat; background-size:cover;}
.kosmosWrap .kosmos_las{background:url(../images/kosmos_las.jpg) center no-repeat; background-size:cover;}
.kosmosTitle{letter-spacing:3px}
.sec_padd{padding:0 0 9.375rem}
.kos_title{font-size:1.875rem; color: #000; text-align:center; font-weight:700}
.overview{margin-top:5rem}
.overview dl{display:flex; justify-content:space-between; align-items:center}
.overview dl dd:before {content: ""; width:15.688rem; height:0.125rem; background:#4158fe; display:block; margin-bottom:1.25rem; position:relative}

.overview dl:nth-of-type(1) dd{text-align:left}
.overview dl:nth-of-type(2) dd{text-align:right}
.overview dl:nth-of-type(2) dd:before{margin-left:auto}
.overview dl + dl{margin-top:3.125rem}
.overview dl dt{width:48%; position:relative}
.overview dl dd{width:48%; font-size:1.5rem; color:#4a4a4a}
.overview dl:nth-of-type(1) dt{background:url(/resources/assets/images/kosmos_img01.jpg) center no-repeat; height:25rem; background-size:cover}
.overview dl:nth-of-type(2) dt{background:url(/resources/assets/images/kosmos_img02.jpg) center no-repeat; height:25rem; background-size:cover; order:2}
.kosmos_diag{background:url(/resources/assets/images/kosmos_diag.png) center no-repeat; height:20.625rem; display:flex; align-items:center; justify-content:center; background-size:contain}
.kosmos_diag li{font-size:1.5rem; color:#232323; font-weight:600; text-align:center; width:14rem}
.support{margin-top:9.375rem; display:flex; justify-content:space-between; flex-wrap:wrap}
.support li{color:#232323; width:24%; background-color:#f5f5f5; padding:2.5rem; text-align:center; line-height:1.3; height:100%; min-height:14.5rem; border-radius:10px}
.support li p{font-size:1.375rem; margin-top:1.875rem }
.support li img{max-width:100%; height:auto}

.root_daum_roughmap {width:100% !important;}


/*사업실적 년도 추가 2025-06-19*/
.project .tab-menu li:nth-child(8){margin-left:0}
.project .tab-menu li:nth-child(n+8){margin-top:10px}