.wrapper {/* background:#1b1b1b */}
.page-loader {position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:#1b1b1b}
.page-loader .logo-loader {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.page-loader .logo-loader:before, .page-loader .logo-loader:after {content:"";position:absolute;top:60px;left:0;height:1px}
.page-loader .logo-loader:before {width:100%;background:rgba(255,255,255,.4)}
.page-loader .logo-loader:after {width:0;background:#fff;-webkit-transition:all 1.2s ease;-moz-transition:all 1.2s ease;-o-transition:all 1.2s ease;-ms-transition:all 1.2s ease;transition:all 1.2s ease}
.page-loader .logo-loader.active:after {width:100%}
.page-loader .logo-loader img {max-height:45px;width:auto}
.page-loader .logo-loader h5 {margin:40px 0 0;text-align:center;letter-spacing:5px;font-size:12px;color:#fff}

#fullpage {z-index:99}
#fp-nav.right {right:0}
#fp-nav ul li {position:relative;width:50px;height:1px;margin:0 0 50px;padding-right:50px}
#fp-nav ul li:last-child {margin-bottom:0}
#fp-nav ul li a {position:absolute;right:0;width:0px;height:1px;background:#fff;-webkit-transition:all .2s ease;transition:all .2s ease}
#fp-nav ul li a span {display:none}
#fp-nav ul li:hover a, #fp-nav ul li a.active, #fp-nav ul li a:hover, #fp-nav ul li a.active:hover {/* width:50px */}
#fp-nav ul li .fp-tooltip {top:-9px;right:60px !important;opacity:.5;width:auto;font-size: 16px;color:#fff;}
#fp-nav ul li:hover .fp-tooltip, #fp-nav li a.active + .fp-tooltip {-webkit-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;width:auto;opacity:1}
.section1st{background:#1b1b1b}
/* section last - footer */
.section-inner .table-wrap {display:table;height:100%}
.section-inner .table-cell {display:table-cell;vertical-align:middle}

.section4th {background:#1b1b1b}
/* section last - footer */
.section-last {height:auto !important}

/* main section1 */
.ebslider-main-slider-wrap {position:relative;padding:0px}
.ebslider-main-slider {position:relative}
.ebslider-main-slider .ebslider-main-slider-inner {margin-bottom:0}
.ebslider-main-slider-inner .item {position:relative;overflow:hidden}
.ebslider-main-slider-inner .item .slider-image {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center}
.ebslider-main-slider-inner .slider-caption {position:absolute;top:50%;z-index:1;transform:translateY(-50%);width:100%;padding:0 100px}
.ebslider-main-slider-inner .slider-caption h2 {position:relative;margin:0 0 10px;color:#fff;font-size: 60px;font-weight:700;text-align: center;}
.ebslider-main-slider-inner .slider-caption h5{position:relative;margin:0 0 10px;color:#fff;font-size: 30px;font-weight: normal;text-align: center;}
.ebslider-main-slider-inner .slider-caption p {text-align: center;margin-bottom:50px;padding:0;color:#fff;font-size: 20px;line-height: 32px;font-weight: 100;}
.ebslider-main-slider-inner .item .slider-image {-webkit-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-ms-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out;transition:all 2s ease-in-out;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.ebslider-main-slider-inner .slick-active .text-animation.item .slider-image {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.ebslider-main-slider-inner .slider-caption h2, .ebslider-main-slider-inner .slider-caption p, .ebslider-main-slider-inner .slider-caption .btn-more {-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out}
.ebslider-main-slider-inner .slider-caption h2, .ebslider-main-slider-inner .slider-caption p, .ebslider-main-slider-inner .slider-caption .btn-more {opacity:0;-webkit-transform:translate3d(0,15px,0);-moz-transform:translate3d(0,15px,0);-o-transform:translate3d(0,15px,0);-ms-transform:translate3d(0,15px,0);transform:translate3d(0,15px,0)}
.ebslider-main-slider-inner .slider-caption p {transition-delay:.7s;/* width: 80%; *//* max-width: 880px; */}
.ebslider-main-slider-inner .slider-caption .btn-more {transition-delay:1.4s;text-align: center;}
.ebslider-main-slider-inner .slick-active .text-animation.item .slider-caption h2, .ebslider-main-slider-inner .slick-active .text-animation.item .slider-caption p, .ebslider-main-slider-inner .slick-active .text-animation.item .slider-caption .btn-more {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.ebslider-main-slider-inner .slick-dots {bottom:50px;padding:0 100px;/* text-align:left; */z-index:2;}
.ebslider-main-slider-inner .slick-dots li {width: 20px;height: 20px;margin: 0 5px 0 0;}
.ebslider-main-slider-inner .slick-dots li button {width: 20px;height: 20px;margin-left:0;transform-origin:center;}
.ebslider-main-slider-inner .slick-dots li button:before {content:"";top:50%;width: 15px;height: 15px;background-color:#fff;border-radius: 25px;opacity: 0.5;transition:.3s;}
.ebslider-main-slider-inner .slick-dots li button:hover:before, .ebslider-main-slider-inner .slick-dots li.slick-active button:before {/* transform:rotate(45deg) */}
.ebslider-main-slider-inner .slick-dots li.slick-active button:before {opacity: 1;background: #2b97a3;}


/* main section2 */  
.ebcontents-busi {position:relative}
.ebcontents-busi-inner:after {content:"";display:block;clear:both}
.ebcontents-busi .item {position:relative;overflow:hidden;float:left;width:33.333%;}
.ebcontents-busi .item a {display:block;text-align: center;}
.ebcontents-busi .item-box {position:relative;display: block;padding-top: 18%;height:100vh;background-size:auto 100%;background-position:center;background-repeat:no-repeat;transition:1s ease;}
.ebcontents-busi .item:hover .item-box {background-size:auto 105%}
.ebcontents-busi .item-image {/* display: table-cell; */width: 100%;padding: 9%;height: 100%;vertical-align: middle;}
.ebcontents-busi .item-content {position:absolute;top:50%;left: 0;transform:translateY(-50%);z-index:1;width:100%;padding: 0 15%;text-align:center;}
.ebcontents-busi .item-txt h4 {position:relative;margin-bottom: 30px;line-height:40px;font-size:32px;font-weight:700;color:#fff;}
.ebcontents-busi .item-txt h4 small {display:block;margin-top:5px;font-size:13px;color:#ccc}
.ebcontents-busi .item-txt h4:before, .ebcontents-busi .item-txt h4:after {/* content:""; */display:block;position:absolute;top:55px;left:50%;width:1px;height:40px;}
.ebcontents-busi .item-txt h4:before {background:rgba(255,255,255,.3)}
.ebcontents-busi .item-txt h4:after {height:0;background:#0074E8;transition:all .5s ease}
.ebcontents-busi .item-box:hover .item-txt h4:after {height:40px}
.ebcontents-busi .item-txt p {line-height:25px;font-size:17px;padding: 0 3%;font-weight:300;letter-spacing: -.5px;color:#fff;}        

/* main section3 */       
.ebcontents-product-wrap {/* position:relative; *//* overflow:hidden */}
.ebcontents-product-wrap .ebcontents-product {margin-bottom:0}
.ebcontents-product .item {position:relative;height:100vh;}
.ebcontents-product .item .ebcontents-product-image {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center}
.ebcontents-product .item .ebcontents-product-image img {display:none}
.ebcontents-product .ebcontents-product-caption {position:absolute;left:0;top:0;z-index:1;width:450px;height:100%;padding:150px 50px 0;background:rgba(0,0,0,.8)}
.ebcontents-product .ebcontents-product-caption h4 {margin:0 0 10px;font-size: 27px;font-weight:700;color: #fa8585;}
.ebcontents-product .ebcontents-product-caption h4 small {font-size:20px;color:#999}
.ebcontents-product .ebcontents-product-caption h5 {position:relative;margin:0 0 40px;font-size: 16px;font-weight:300;color:#fff;word-break:keep-all;}
.ebcontents-product .ebcontents-product-caption h5.seheader{font-weight: 600;color: #e1c08b;margin-bottom: 10px;}
.ebcontents-product .ebcontents-product-caption h5.thheader{font-weight: 600;color: #fa8484;margin-top: 50px;margin-bottom: 10px;}
.ebcontents-product .ebcontents-product-caption p{color: #f9ddaf;font-size: 16px;}
.ebcontents-product .ebcontents-product-caption p.wb{color: #ffffff;font-size: 16px;}
.ebcontents-product .ebcontents-product-caption ul {margin-bottom: 50px;border-top:1px solid #bbb;}
.ebcontents-product .ebcontents-product-caption ul.last-dl {margin-bottom:40px;border-bottom:1px solid #bbb}
.ebcontents-product .ebcontents-product-caption ul li {width: auto;padding: 10px 5px 10px 0;font-weight:300;font-size: 14px;color:#fff;border-bottom: 1px solid #fff;}
.ebcontents-product-wrap .slick-dots {bottom:30px;padding-left:50px;text-align:left}
.ebcontents-product-wrap .slick-dots li {display:inline-block;position:relative;width:auto;margin:0 10px 0 0;font-size:13px;color:#fff}
.ebcontents-product-wrap .slick-dots li:after {content:"";display:block;position:absolute;bottom:-6px;right:0;width:0;height:1px;background:#2A93D5;transition:all .3s ease}
.ebcontents-product-wrap .slick-dots li.slick-active {color:#2A93D5}
.ebcontents-product-wrap .slick-dots li.slick-active:after {width:100%}
.ebcontents-list-title {position:absolute;left:-1000px;width:0;height:0}

       
/* main section4 */
.eblatest-list .eblatest-title {padding-bottom:10px;margin-bottom:40px;border-bottom: 1px solid RGBA(255,255,255,0.4);}
.eblatest-list .eblatest-title:after {content:"";display:block;clear:both}
.eblatest-list .eblatest-title h2 {float:left;margin:0;line-height:40px;font-size:34px;font-weight:700;color:#fff}
.eblatest-list .eblatest-title ul {float:right;padding-top:20px}
.eblatest-list .eblatest-title ul li a {line-height:20px;font-size:15px;color:#999}
.eblatest-list .eblatest-title ul li.active a {color:#fff}
.eblatest-list .eblatest-tab .tab-pane {margin:0 -15px}
.eblatest-list .eblatest-tab .tab-pane:after {content:"";display:block;clear:both}
.eblatest-list .eblatest-tab .tab-pane .item {float:left;width:25%;padding:0 15px}
.eblatest-list .eblatest-tab .tab-pane .item .latest-content a {display:block;padding:20px;border:1px solid #fff;transition:.3s ease}
.eblatest-list .eblatest-tab .tab-pane .item .latest-content a:hover {border-color: #080808;}
.eblatest-list .eblatest-tab .tab-pane .item .latest-content a h5 {overflow:hidden;height:50px;margin-top:0;line-height:25px;font-size:17px;font-weight:700;color:#fff}
.eblatest-list .eblatest-tab .tab-pane .item .latest-content a .latest-date {font-size: 12px;color: #fff;font-weight: 100;}
.eblatest-list .eblatest-tab .tab-pane .item .latest-content a p {margin-bottom:0;font-size: 14px;font-weight:300;height: 135px;color: #fff;}

/* sub common */
#ctt {position: relative;/* margin:10px 0; *//* padding:20px; *//* background:#fff; */}
.ctt_admin {position: absolute;top: 0;right: 0;text-align:right;z-index: 9999;}
#ctt header h1 {margin:0;font-size:40px;line-height:50px;color:#fff;letter-spacing:.2em}
#ctt_con {position: relative;padding:10px 0;line-height:1.6em;background: #fff;}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

#board {position: relative;padding:0;line-height:1.6em;background: #f6f6f6;}
#board .sub_menu_bg{
    position: relative;
    width: 100%;
    height: 83px;
    margin-top: 100px;
    background: #464646;
}
#board .sub_menu_bg ul.sub_m{
    display: table;
    width: auto;
    margin: 0 auto;
}
#board .sub_menu_bg ul.sub_m li{display: table-cell;padding-left: 28px;}
#board .sub_menu_bg ul.sub_m li a{display:block;padding: 28px 0;font-size: 18px;color: #fff;text-align: center;}
#board .sub_menu_bg ul.sub_m li a:after{content:'|';margin-left: 28px;color:#FFF !important;}
#board .sub_menu_bg ul.sub_m li:last-child a:after{content:''}
#board .sub_menu_bg ul.sub_m li a.active{color:#36bac7;font-weight:500}
#board .com_area{
    position: relative;
    width: 100%;
    height: 1055px;
    background: url('/theme/elnion21/image/com_bg.jpg') no-repeat;
    background-size: cover;
}
#board .com_area .sub_area{
    text-align: center;
}
#board .com_area .sub_area h5{font-size:24px;color:#252525;text-align:center;padding: 20px 50px 50px 50px;font-weight: 300;}
#board .com_area .sub_area .con_f2{
    position: relative;
    width: 100%;
    text-align: center;
}
#board .com_area .sub_area .con_f2 h2{
    font-size: 36px;
    color: #646464;
	font-weight:700;
}
#board .com_area .sub_area .con_f2 h2:before{content:'';display:inline-block;width: 30%;height: 1px;margin-right: 5px;background: #646464;}
#board .com_area .sub_area .con_f2 h2:after{content:'';display:inline-block;width: 30%;height: 1px;margin-right: 5px;background: #646464;}
#board .com_area .sub_area .insamal{
    display: inline-block;
    width: 738px;
    height: 632px;
    background: url('/theme/elnion21/image/introduce_bg.png') no-repeat;
    margin: 0 auto;
    padding-top: 150px;
}
#board .com_area .sub_area .insamal span{
    display: block;
    font-size: 22px;
    color: #fff;
    padding: 5px;
    font-weight: 100;
}
#board .com_area .sub_area .insamal p{
    display: block;
    height: 50px;
}
#board .com_area .sub_area .insamal2{
    display: inline-block;
    width: 738px;
    height: 632px;
    background: url('/theme/elnion21/image/introduce_bg2.png') no-repeat;
    margin: 0 auto;
    padding-top: 150px;
}
#board .com_area .sub_area .insamal2 span{
    display: block;
    font-size: 22px;
    color: #fff;
    padding: 5px;
    font-weight: 100;
}
#board .com_area .sub_area .insamal2 p{
    display: block;
    height: 50px;
}

#board header h1 {margin:0;font-size:40px;line-height:50px;color:#fff;letter-spacing:.2em}
#board img{max-width:100%;height:auto}
.board_img {text-align:center}
#board header.gallery{position:relative;height:320px;padding: 140px 0 0;text-align:center;z-index:3;background: url('/theme/elnion21/image/sub05.jpg') no-repeat;background-size: cover;}
#board header.notice{position:relative;height:320px;padding: 140px 0 0;text-align:center;z-index:3;background: url('/theme/elnion21/image/sub03.jpg') no-repeat;background-size: cover;}
#board header.qna{position:relative;height:320px;padding: 140px 0 0;text-align:center;z-index:3;background: url('/theme/elnion21/image/sub04.jpg') no-repeat;background-size: cover;}
#board header.data{position:relative;height:320px;padding: 140px 0 0;text-align:center;z-index:3;background: url('/theme/elnion21/image/sub06.jpg') no-repeat;background-size: cover;}
#board header.product{position:relative;height:320px;padding: 140px 0 0;text-align:center;z-index:3;background: url('/theme/elnion21/image/sub07.jpg') no-repeat;background-size: cover;}


/* sub company */
.board_area{position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;}
.board_area .con_f2 h2{text-align: center;}
.board_area >.con_f2 > h2:before{content:'';display:inline-block;width:30%;height:1px;margin-right:5px;background:#000;}
.board_area > .con_f2 > h2:after{content:'';display:inline-block;width:30%;height:1px;margin-left:5px;background:#000;}
.sub_area{position: relative;width: 1200px;margin: 0 auto;padding: 30px 0;text-align: center;}
.sub_area .con_info{
    display: inline-block;
    width: auto;
    margin: 50px auto;
}
.sub_area .con_info ul.info{
    display: table;
    width: 100%;
}
.sub_area .con_info ul.info li{float:left;vertical-align: middle;}
.sub_area .con_info ul.info li:last-child{padding-left:50px}
.sub_area .con_info ul.info li .img{
    display: inline-block;
    margin-right: 10px;
}
.sub_area .con_info ul.info li .img img{} 
.sub_area .con_info ul.info li .tel{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.sub_area .con_info ul.info li .bl_bo{
    display: block;
    font-size: 18px;
    color: #047f8c;
    font-weight: 600;
}
.sub_area .con_info ul.info li .blo{
    font-size: 18px;
}

.con_f1{text-align: center;}
.con_f1 h2.head_subject,.con_f2 h2{font-size: 36px;font-weight: normal;color: #646464; font-weight: 700; margin-bottom: 40px;}
.con_f1 p.s_txt{font-size: 30px;line-height: 34px;}
.con_f1 p.s_txt1{font-size: 25px;line-height: 35px;font-weight: 100;}
.con_f2{position: relative;margin: 30px 0;/* text-align: center; */}
.con_f2 .root_daum_roughmap{width:100%;max-width:1198px;}
.con_f2 ul{display: block;width: auto;margin: 0 auto;text-align: center;}
.con_f2 ul li{font-size: 18px;color: #5f6060;line-height: 24px;}
.con_f2 .ca_subject li a{display:none}
.con_f2 .ca_subject li #bo_cate_on{display:block;font-size: 36px;font-weight: normal;color: #646464;font-weight:700;margin-bottom: 40px;}
.con_f2 .ca_subject li #bo_cate_on:before{content:'';display:inline-block;width:30%;height:1px;margin-right:5px;background:#646464;}
.con_f2 .ca_subject li #bo_cate_on:after{content:'';display:inline-block;width:30%;height:1px;margin-left:5px;background:#646464;}
.con_f2 .pg_wrap{width: 100%;float: none;text-align:center;}
.con_f3{margin-bottom: 50px;}
.con_f3 .tit{
    font-size: 21px;
}
.con_f3 .table_wrap{
    width: 100%;
    max-width: 1198px;
    margin-top: 15px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.con_f3 .table_wrap table{
    display: table;
    width: 100%;
    border-collapse: collapse;
}
.con_f3 .table_wrap table tbody{}
.con_f3 .table_wrap table tbody tr:nth-child(3){}
.con_f3 .table_wrap table tbody th{
    width: 20%;
    text-align: center;
    padding: 20px;
    font-size: 15px;
    background: #f5f5f5;
    border-bottom: 1px solid #fff;
}
.con_f3 .table_wrap table tbody td{
    padding-left: 20px;
    line-height: 22px;
    border-bottom: 1px solid #ccc;
}

.float{}
.fl_l{display: inline-block;}
.fl_r{display: inline-block;float: right;}

.bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.bo_sch_wrap1 {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:330px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
.bo_sch legend {background:red}
.bo_sch form {padding:15px;display:block}
.bo_sch select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_input {width:250px;height:38px;border:0;padding:0;background-color:transparent;float:left}
.bo_sch .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px;font-size:15px}
.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.bo_sch_bg {background:#000;background:rgba(0,0,0,0.7);width:100%;height:100%}

footer .f-site {position: absolute;right: 0;top: 2px;z-index: 99999;}
footer .f-site .site-off{display: inline-block;width: 200px;padding: 4px 4px 4px 15px;border: 1px solid #d3d2d3;font-size: 14px;color: #bfbebe;font-weight: 400;}
footer .f-site .site-off:after{content:'';display:inline-block;width: 15px;height: 10px;margin-left: 35px;background: url('/theme/elnion21/image/ico-up.png') no-repeat center;}
footer .f-site.on .site-off:after{background: url('/theme/elnion21/image/ico-down.png') no-repeat center;}
footer .f-site .site-on{display: none;position: absolute;width: 200px;margin: 0 auto;bottom: 30px;padding: 5px 0;border: 1px solid #f1f1f1;}
footer .f-site .site-on li{background: #1b1b1b;color: #fff;text-align: left;}
footer .f-site .site-on li a{color: #f2f2f2;display: block;padding: 2px 14px 5px;font-size: 14px;/* border-bottom: 1px solid #f1f1f1; */}