body.gnb-mobile-menu-use{overflow: hidden;}

#wrapper{position:relative;transition:padding .2s ease-in-out;}
#wrapper.nav-fixed{}
#wrapper.is-sub .footer-wrap{margin-top: 100px;}
#wrapper.is-main{}

.header-wrap.nav-fixed #header h1 a{height: 80px;}
.header-wrap.nav-fixed #gnb{height: 80px;}
.header-wrap.nav-fixed #gnb>ul{height: 80px;}
.header-wrap.nav-fixed #gnb>ul>li{height: 80px;}
.header-wrap.nav-fixed #gnb>ul>li>a>span{height: 80px;line-height: 80px;}
.header-wrap.nav-fixed #gnb>ul>li>a>span:after{bottom:18px;}
.header-wrap.nav-fixed #gnb .smenu-wrap{top:80px;}

.header-wrap.nav-fixed #allmenu{top:80px;}
.header-wrap.nav-fixed #gnb ul ul{top:80px;}


.header-wrap.active, .header-wrap.nav-fixed{background:rgba(255, 255, 255, 1);box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);}
.header-wrap.active #header h1 a, .header-wrap.nav-fixed #header h1 a{background:url(/new_images/logo_ele.png) 0 center no-repeat;background-size:100% auto;}
.header-wrap.active #gnb>ul>li>a>span, .header-wrap.nav-fixed #gnb>ul>li>a>span{color:#333;}
.header-wrap.active #allmenu-btn, .header-wrap.nav-fixed #allmenu-btn{background: url(/new_images/allmenu.jpg) right center no-repeat;}

#wrapper.nav-fixed #allmenu{top:80px}


.header-wrap{height: 128px;position: fixed;width:100%;transition-property : background, height; transition-duration : .3s; transition-timing-function : ease-in-out; z-index: 888;top:0px;}
.header-wrap.nav-fixed{position: fixed;width: 100%;left:0;top:0;z-index: 888;height: 80px;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);}
#header{margin: 0 auto;zoom:1;padding-right:120px;position:relative;}
#header:after{content:""; display:block; clear:both;}
#header h1{float: left;padding-left: 30px;}
#header h1 a{display: block;height: 128px;width: 166px;background: url(/new_images/logo_ele.png) center center no-repeat;text-indent:-9999px;transition-property : height; transition-duration : .3s; transition-timing-function : ease-in-out;}

#allmenu-btn{position: absolute;top:50%;margin-top:-24px;width: 48px;height: 48px;background: url(/new_images/fmenuicon.png) right center no-repeat;text-indent:-9999px;transition-property : top; transition-duration : .3s; transition-timing-function : ease-in-out; right:30px;margin-right:0;}

#company-member-btn{position: absolute;right:60px;top:50%;margin-top: -17px; width: 83px;height: 34px;border: 1px solid #999999;text-align: center;line-height: 32px;font-size: 14px;color:#000}


.footer-wrap{border-top: 1px solid #ddd;background: #f6f9fb;}
#footer{width: 1150px;margin: 0 auto;padding-bottom: 80px;*zoom:1;position:relative;}
#footer:after{content:""; display:block; clear:both;}

.footer-menu-wrap{float: left;width: 600px;padding: 65px 0;}
.footer-menu-wrap ul{*zoom:1;}
.footer-menu-wrap ul:after{content:""; display:block; clear:both;}
.footer-menu-wrap ul li{float:left;margin-right: 25px;}
.footer-menu-wrap ul li a{display: block;font-size:14px;color:#333;font-weight: 700;}
.footer-menu-wrap ul ul{float:none;margin-top: 20px;}
.footer-menu-wrap ul li li{padding: 0;margin-top:0;float:none;}
.footer-menu-wrap ul li li a{display: block;font-size: 14px;color:#333;padding: 5px 0;position:relative;font-weight:300;transition:all .2s ease-in-out;text-align:left;line-height:1.4em;}

.footer-content{padding-top: 50px;font-size: 14px;color:#666666;float: right;width: 550px;}
.footer-link{border: 1px solid #ccc;border-radius:50px;text-align: center;display: inline-block;font-size: 16px;color:#888;height: 50px;padding: 0 30px;line-height: 48px;margin-top: 40px;}
.copyright{color:#666;font-size: 12px;font-weight: 400;margin-top: 20px;color:#999999;}

#mobile-menu-btn{width: 65px;height: 65px;display: block;background: url(/img/nv.jpg) center center no-repeat;position: absolute;right:0;top:0;text-indent:-9999px;display: none;background-size: 33px auto;}


#gnb{float: right;height: 128px;z-index: 999;transition-property : height; transition-duration : .3s; transition-timing-function : ease-in-out; }
#gnb ul{float: left;zoom:1;transition-property : height; transition-duration : .3s; transition-timing-function : ease-in-out; }
#gnb ul:after{content:""; display:block; clear:both;}
#gnb ul li{float: left;position:relative;}
#gnb ul li a{display: block;font-size: 18px;font-weight: 500;padding: 0 28px;line-height:1em;}
#gnb>ul>li>a>span{position: relative;display: block;height: 128px;line-height: 128px;transition:all .3s ease-in-out;color:#fff}
#gnb>ul>li>a>span:after{transition-property: left, width, top, bottom;transition-duration: .3s;transition-timing-function: ease-out;content: "";position: absolute;left: 50%;bottom: 40px;height: 4px;width: 0;z-index: 10;background:#21a8e1;}

#gnb ul li.hover>a>span:after, #gnb ul li.gnb-active>a>span:after{left:0;width:100%}
/*#gnb ul li.hover>a>span, #gnb ul li.gnb-active>a>span{color:#009966;}*/

#gnb.active ul li.gnb-active ul{display:block;}



#gnb ul ul{display:none;position:absolute;padding:0;z-index: 99;height:auto;left:50%;top:120px;background:#fff;border:1px solid #fff;padding:25px 15px;box-shadow:3px 3px 8px rgba(0, 0, 0, .1);}
#gnb ul ul:after{display:block;width:16px;height:15px;content:"";left:50%;margin-left:-8px;top:-15px;position:absolute;}
#gnb li li{height:auto;float:none;}
/*#gnb li.gnb-active ul{display: block}*/
#gnb li li a, #gnb li.gnb-active li a, #gnb li.hover li a{display:block;color:#333;font-size:17px;width:auto;transition:all .2s ease-in-out;padding: 0;position:relative;padding-left:13px;font-weight:400;line-height:1.3em;padding:5px 3px 5px 13px;}
#gnb li li a:after{position:absolute;left:0;top:14px;width:4px;height:4px;background:#333;border-radius:50%;content:"";transition:all .2s ease-in-out;}
#gnb li li.gnb-active2 a, #gnb li li a:hover{color:#21a8e1;}
#gnb li li.gnb-active2 a:after, #gnb li li a:hover:after{background:#21a8e1;}

#gnb ul ul#gnb-sub-sub01{width:168px;margin-left:-84px;}
#gnb ul ul#gnb-sub-sub02{width:168px;margin-left:-84px;}
#gnb ul ul#gnb-sub-sub03{width:188px;margin-left:-94px;}
#gnb ul ul#gnb-sub-sub04{width:200px;margin-left:-100px;}
#gnb ul ul#gnb-sub-sub05{width:168px;margin-left:-84px;}


#gnb ul ul ul{display: none !important;}



#allmenu{position:fixed;width:100%;margin:0 auto;top:128px;left:0;z-index:1050;border-top:1px solid #e3e3e3;background:#fff;box-shadow:0 15px 15px rgba(0, 0, 0, .2);transition:top .3s ease-in-out;display:none;*zoom:1;}
#allmenu:after{content:""; display:block; clear:both;}
#allmenu .allmenu-box{position:relative;width:1200px;margin:0 auto;*zoom:1;padding:30px 120px 40px 0;float: right;}
#allmenu .allmenu-box:after{content:""; display:block; clear:both;}
#allmenu .allmenu-box ul{*zoom:1;float:right;}
#allmenu .allmenu-box ul:after{content:""; display:block; clear:both;}
#allmenu .allmenu-box ul li{float:left;}
#allmenu .allmenu-box ul li a{display: block;font-size:20px;color:#fff;}
#allmenu .allmenu-box ul ul{float:none;}
#allmenu .allmenu-box ul li li{padding: 0;margin-top:0;float:none;}
#allmenu .allmenu-box ul li li a{display: block;font-size: 17px;color:#333;padding: 5px 0;position:relative;font-weight:500;transition:all .2s ease-in-out;text-align:center;line-height:1.4em;}

#allmenu li li.allmenu-active2 a, #allmenu li li a:hover{color:#343399 !important}

#allmenu .allmenu-box #allmenu-sub01{width:170px;}/*1*/
#allmenu .allmenu-box #allmenu-sub04{width:190px;}/*2*/
#allmenu .allmenu-box #allmenu-sub02{width:150px;}/*3*/
#allmenu .allmenu-box #allmenu-sub03{width:110px;}/*4*/
#allmenu .allmenu-box #allmenu-sub05{width:110px;}/*5*/

#allmenu ul ul ul{display: none !important}


.right-layer{width:150px;background:#f8f8f8;position:fixed;height:100%;z-index:889;right:0;top:0;}
.old-site{padding-top:30px;text-align:center;}
.old-site a{display:inline-block;width:60px;height:60px;color:#fff;font-size:13px;text-align:center;background:#666;border-radius:50%;line-height:1.2em;padding-top:5px;}
.old-site a:hover{color:#fc0;}
.old-site a:after{color:#fff;}
.online-program-title{padding-top:37px;}
.online-program-title:before{display:block;width:60px;height:60px;content:"";background:#ffcc00 url(/nimg/quicktt.png) center center no-repeat;border-radius:50%;content:"";margin:0 auto;margin-bottom:15px;}
.online-program-title span{display:block;font-size:12px;color:#333;text-align:center;font-weight:700;line-height:1em;}
.online-program-title strong{display:block;font-size:20px;color:#333;text-align:center;font-weight:700;line-height:1em;margin:5px 0;}
.online-program-title em{display:block;font-size:12px;color:#333;text-align:center;color:#666;font-style:normal;line-height:1.2em;font-weight:500;margin-top:8px;opacity:.6;}
.online-program-list{padding:20px;}
.online-program-list a{display:block;color:#333;font-size:14px;background:url(/nimg/nb2.png) right center no-repeat;background-size:20px 20px;font-weight:500;padding:5px 0;}
.facebook-btn{padding-top:30px;text-align:center;}
.facebook-btn a{display:inline-block;width:60px;height:60px;color:#fff;font-size:13px;text-align:center;background:#4267b2 url(/nimg/f.png) center center no-repeat;border-radius:50%;line-height:1.2em;padding-top:5px;text-indent:-9999px;}

.youtube-btn{padding-top:15px;text-align:center;}
.youtube-btn a{display:inline-block;width:60px;height:60px;color:#fff;font-size:13px;text-align:center;background:#f00 url(/nimg/u.png) center center no-repeat;border-radius:50%;line-height:1.2em;padding-top:5px;text-indent:-9999px;}


/*Àüü¸Þ´ºº¸±â*/
#mobile-menu-wrap{position:fixed;right:0;top:0;width:230px;height:100%;z-index:9999;background:#fff;right:-230px;overflow:hidden;overflow-y:auto;}
#mobile-menu-wrap.active{box-shadow:0 10px 30px rgba(0, 0, 0, .6);}
.mobile-menu-bg{position:fixed;content:"";display:block;width:100%;height:100%;background:rgba(0, 0, 0, .7);z-index:9998;left:0;top:0;cursor:pointer;display:none;}
.mobile-menu-header{}
.mobile-menu-logo{height:65px;display:block;padding-left:55px;line-height:65px;color:#fff;font-size:16px;position:relative;text-indent:-9999px;background:#fff url(/new_images/logo_ele.png) center center no-repeat;
background-size:auto 80% ;border-bottom: 1px solid #ddd;}
/*
.mobile-menu-logo:after{content:"";display:block;width:33px;height:33px;left:15px;top:8px;position:absolute;border-radius:50%;background:url(/img/mungu_m_04.png) center center no-repeat;border:1px solid #fff;}*/

.mobile-menu-content ul{}
.mobile-menu-content>ul>li{border-bottom:1px solid #dbdbdb;background:url('/img/mobile_down_icon.gif') no-repeat right 18px center, #fff !important;}

.mobile-menu-content ul li a{display:block;height:48px;line-height:48px;padding-left:15px;font-size:18px;font-weight:500;}
.mobile-menu-content ul ul{background:#f7f7f7;padding:10px 0;display:none;}
.mobile-menu-content ul li li{background:none !important;}
.mobile-menu-content ul li li a{display:block;height:30px;line-height:30px;padding-left:26px;font-size:16px;font-weight:400;position:relative;color:#666}
.mobile-menu-content ul li li a:after{position:absolute;left:15px;top:13px;width:4px;height:4px;background:#444;border-radius:50%;content:"";transition:all .2s ease-in-out;}
.mobile-menu-btn{font-size: 13px;letter-spacing: -0.5pt;margin: 15px auto 0 auto;display: block;width: 215px;line-height: 41px;background: #444;color: rgba(255,255,255,0.9);text-align: center;}

.mobile-menu-content ul li.gnb-mobile-active>a{border-color:#3c4247;background:url('/img/mobile_up_icon.gif') no-repeat right 18px center, #3c4247 !important;color:#fff;}
.mobile-menu-content ul li li.gnb-mobile-active2 a, .mobile-menu-content ul li li a:hover{color:#2a75ff;font-weight:500;}
.mobile-menu-content ul li li.gnb-mobile-active2 a:after, .mobile-menu-content ul li li a:hover:after{background:#2a75ff;}

.mobile-menu-content ul ul ul{display: none !important}


.mobile-menu-top{padding:10px 15px;}
.mobile-menu-top ul li{margin-bottom:8px;height:33px;position:relative;}
.mobile-menu-top ul li:after{content:"";display:block;width:19px;height:19px;right:0;top:7px;position:absolute;background:url(/img/mobile_header_link_icon.jpg) 0 0 no-repeat;}
.mobile-menu-top ul li a{display:block;border-radius:33px;height:33px;overflow:hidden;position:relative;padding-left:40px;}
.mobile-menu-top ul li a span{line-height:33px;color:#333;font-weight:500;font-size:16px;}
.mobile-menu-top ul li a:after{content:"";display:block;width:33px;height:33px;left:0;top:0;position:absolute;border-radius:50%}
.mobile-menu-top1 a:after{background:#ff9900 url(/img/mungu_m_01.png) center center no-repeat;}
.mobile-menu-top2 a:after{background:#675cd6 url(/img/mungu_m_02.png) center center no-repeat;}
.mobile-menu-top3 a:after{background:#33add6 url(/img/mungu_m_03.png) center center no-repeat;}
.mobile-menu-top4 a:after{background:#5cad85 url(/img/mungu_m_04.png) center center no-repeat;}
.mobile-menu-top5 a:after{background:#ad9e91 url(/img/mungu_m_05.png) center center no-repeat;}


#sub-container{position: relative;color:#666}
#sub-container img{max-width:100%;}
#sub-content-header{}
.sub-content-wrap{}
.sub-content-header-top{height:464px;position:relative;overflow: hidden;background: url(/new_images/sub_visual01.jpg) center center no-repeat;background-size: cover;}
.sub-content-header-top.sub-content-header-top-sub01{background: url(/new_images/sub_visual01.jpg) center center no-repeat;background-size: cover;}
.sub-content-header-top.sub-content-header-top-sub02{background: url(/new_images/sub_visual02.jpg) center center no-repeat;background-size: cover;}
.sub-content-header-top.sub-content-header-top-sub03{background: url(/new_images/sub_visual03.jpg) center center no-repeat;background-size: cover;}
.sub-content-header-top.sub-content-header-top-sub04{background: url(/new_images/sub_visual04.jpg) center center no-repeat;background-size: cover;}
.sub-content-header-top.sub-content-header-top-sub05{background: url(/new_images/sub_visual05.jpg) center center no-repeat;background-size: cover;}



.sub-content-header-content{width:1150px;margin:0 auto;}
.sub-content-header-content>strong{display:block;font-size:65px;color:#fff;font-weight:400;position:relative;z-index:1;height:255px;line-height:1em;padding-top:200px;text-align: center;}
.sub-content-header-content>strong>span{position:relative;}

.snb{height:75px;*zoom:1;text-align:center;z-index:1;position:relative;z-index:2;border-bottom: 1px solid #ebebeb;}
.snb:after{content:""; display:block; clear:both;}
.snb li{display: inline-block;}
.snb li a{display:block;height:75px;line-height:75px;padding:0 35px;font-size:18px}
.snb li a span{position:relative;color:#777;font-weight:500;transition:color .2s, border .2s ease-in-out; }
.snb li.snb-active a{border-bottom: 2px solid #022f72;}
.snb li.snb-active a span, .snb li a:hover span{color:#022f72;}


#sub-content-header h3{width: 1150px;margin: 0px auto 0;position: relative;padding:20px 0 ;}
#sub-content-header h3 span{display: block;font-size: 42px;text-align:center;font-weight:400;color:#000}


#sub-content-body{min-height:500px;width: 1150px;margin: 0 auto;padding: 0px 0;}
.sns-share{position: absolute;right:0px;top:80px;}
.sns-share li {float: left;margin: 0 5px;}
.sns-share li:last-child{margin-right: 0;}
.sns-share li a{display: block;width: 40px;height: 40px;}
.sns-share li a.sns1{background: url(/new_images/sub_link.png) 0 0 no-repeat;}
.sns-share li a.sns2{background: url(/new_images/subt_fb.png) 0 0 no-repeat;}
.sns-share li a.sns3{background: url(/new_images/subt_in.png) 0 0 no-repeat;}
.sns-share li a.sns4{background: url(/new_images/sub_print.png) 0 0 no-repeat;}



/* main */
.main-visual-wrap{position: relative;margin:0 auto;overflow: hidden;}
.main-visual-slide{width:100%;height:100%;}
.main-visual-slide .swiper-slide{position:relative;height:0;padding-top:748px;background-size:cover !important;background-position:center center !important;}

#swiper-pagination1{position: absolute;left:0;width: 100%;}
.main-visual-wrap .swiper-pagination{bottom:60px !important}
.main-visual-wrap .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;background:#fff;transition:all .2s ease-in-out;opacity:.5;margin:0 8px !important;}
.main-visual-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}

.main-visual-wrap-mobile{position: relative;margin:0 auto;overflow: hidden;display:none;}
.main-visual-slide-mobile{width:100%;height:100%;}
.main-visual-slide-mobile .swiper-slide{position:relative;height:0;padding-top:97.6785%;background-size:cover !important;background-position:center center;}

.main-visual-wrap-mobile .swiper-pagination .swiper-pagination-bullet{width:20px;height:20px;background:#fff;transition:all .2s ease-in-out;opacity:.5}
.main-visual-wrap-mobile .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}

.main-visual-slide .swiper-slide a, .main-visual-slide-mobile .swiper-slide a{display:block;width:100%;height:100%;position:absolute;left:0;top:0;}


.main-visual-slide .swiper-slide .visual-text-wrap{position: absolute;left:50%;width: 1000px;margin-left: -500px;top: 0;margin-top: 0;display: flex;align-items:center;align-content:center;height: 100%;flex-wrap:wrap;}
.main-visual-slide .swiper-slide .visual-text1{color:#fff;font-size: 48px;font-weight: 700;display: inline-block;line-height: 1.3em;color:#fff;text-align: center;width: 100%;}
.main-visual-slide .swiper-slide .visual-text2{color:#fff;font-size: 14px;margin-top: 8px;font-weight: 100;display: inline-block;line-height: 1.4em;color:#fff;text-align: center;width: 100%;opacity: .7;margin: 25px 0;}
.main-visual-slide .swiper-slide .visual-text3{text-align: center;width: 100%;}
.main-visual-slide .swiper-slide .visual-text3 a{color:#fff;font-size: 11px;color:#22a9e2;display: inline-block;position: static;height: 50px;line-height: 46px;border: 2px solid #22a9e2;border-radius:50px;padding: 0 20px;width: auto;color:#fff;border-color: #fff;}

.main-visual-wrap .swiper-pagination1-wrap{position: absolute;left:50% !important;margin-left: -600px;top: 50% !important;margin-top: 180px;bottom: auto !important;text-align: left !important;display: inline-block;z-index: 10;}
.main-visual-wrap .swiper-pagination{position: static;display: inline-block;vertical-align: middle;}
.main-visual-wrap .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background: #fff;transition:all .2s ease-in-out;opacity:1;margin:0 8px !important;vertical-align: middle;}
.main-visual-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:18px;height:18px;border: 3px solid #fff;background: none;}

.main-visual-wrap .swiper-pagination1-wrap .swiper-pagination1-play{display:inline-block;height:16px;width:16px;background:url(/images/sb_s.png) center center no-repeat;cursor:pointer;position:relative;vertical-align: middle;margin-top: 3px;margin-left: 15px;}
.main-visual-wrap .swiper-pagination1-wrap .swiper-pagination1-play.is-stop{background:none;}
.main-visual-wrap .swiper-pagination1-wrap .swiper-pagination1-play.is-stop:after{position: absolute;top: 50%;left: 50%;border-color: transparent transparent transparent #fff;-webkit-transition: all .25s ease;content: "";margin: -5px 0 0 -3px;height: 0;border-style: solid;border-width: 6px 0 6px 10px;}

.main-visual-prev{position: absolute;left:75px;top:50%;margin-top: -30px;width: 60px;height: 60px;background: url(/new_images/av01.png) 0 0 no-repeat;z-index: 1;}
.main-visual-next{position: absolute;right:75px;top:50%;margin-top: -30px;width: 60px;height: 60px;background: url(/new_images/av02.png) 0 0 no-repeat;z-index: 1;}



.main-ticker-wrap{height: 90px;overflow: hidden;position: relative;}
.main-ticker-wrap:after{content:"";position: absolute;left:0;top:0;width: 50%;height: 90px;background: #0f75bd;}
.main-ticker-container{width: 1150px;margin: 0 auto;position: relative;z-index: 1;height: 90px;background: #fff;padding-left: 200px;padding-right: 95px;}
.main-ticker-title{position: absolute;left:0;top:0;width: 200px;height: 90px;background: #0f75bd;color:#fff;line-height: 90px;font-size: 14px;font-weight: 500;letter-spacing:1px;}
.main-ticker-box-wrap{padding: 25px 0;height: 90px;overflow: hidden;}
.main-ticker-box{overflow: hidden;height: 40px;}
.main-ticker-box .swiper-slide{}
.main-ticker-box .swiper-slide a{display: block;line-height: 40px;padding-left: 45px;position: relative;padding-right: 100px;}
.main-ticker-box .swiper-slide a strong{display: block;font-size: 16px;color:#666666;font-weight: 300;}
.main-ticker-box .swiper-slide a span{position: absolute;right:10px;line-height: 30px;top:5px;color:#888;}
.main-ticker-down{position: absolute;right:49px;top:30px;background: url(/new_images/scroll_down.jpg) 0 0 no-repeat;width: 46px;height: 34px;}
.main-ticker-up{position: absolute;right:4px;top:30px;background: url(/new_images/scroll_up.jpg) 0 0 no-repeat;width: 45px;height: 34px;}


/*ÀÏ·ºÆ®·Î´Ð½º ¸ÞÀÎ*/
.main-middle-wrap{height: 1125px;background: #f6f9fb url(/new_images/main_middle_bg.jpg) center center no-repeat;background-size: cover;}

.main-box1{width: 1150px;margin: 0 auto;position: relative;padding-top: 130px;}
.main-box1-title{}
.main-box1-title strong{font-size: 42px;color:#333333;font-weight: 800;display: block;}
.main-box1-title span{font-size: 14px;color:#666666;display: block;margin-top: 10px;}
.product-list{position: absolute;top:85px;right:30px;}
.product-list div{position: absolute;box-shadow:3px 3px 12px 3px rgba(0, 0, 0, .3)}
.product-list div a{display: block;padding-top: 140px;padding-left:0px;border: 1px solid #7b7c7d;width: 250px;height: 212px;}
.product-list div a strong{display: block;color:#333;font-size: 24px;font-weight: 800;line-height: 1em;}
.product-list div a span{display: inline-block;color:#333; font-size: 10px;font-weight: 600;margin-top: 10px;line-height: 1em;padding-right: 40px;background: url(/new_images/product_arrow.png) right center no-repeat;}
.product-list .product0{background: url(/new_images/ele_prom00.png) center center no-repeat;background-size: cover;right:840px;top:280px;}
.product-list .product1{background: url(/new_images/ele_prom01.png) center center no-repeat;background-size: cover;right:560px;top:150px;}
.product-list .product2{background: url(/new_images/ele_prom02.png) center center no-repeat;background-size: cover;right:560px;top:392px;}
.product-list .product3{background: url(/new_images/ele_prom03.png) center center no-repeat;background-size: cover;right:280px;top:0px;}
.product-list .product4{background: url(/new_images/ele_prom04.png) center center no-repeat;background-size: cover;right:280px;top:242px;}
.product-list .product5{background: url(/new_images/ele_prom05.png) center center no-repeat;background-size: cover;right:280px;top:484px;}
.product-list .product6{background: url(/new_images/ele_prom06.png) center center no-repeat;background-size: cover;right:0px;top:75px;}
.product-list .product7{background: url(/new_images/ele_prom07.png) center center no-repeat;background-size: cover;right:0px;top:317px;}
.product-list .product8{background: url(/new_images/ele_prom08.png) center center no-repeat;background-size: cover;right:0px;top:559px;}
.product-list .product9{background: url(/new_images/ele_prom09.png) center center no-repeat;background-size: cover;right:560px;top:634px;}
.product-list .product10{background: url(/new_images/ele_prom010.png) center center no-repeat;background-size: cover;right:280px;top:726px;}
.product-list .product11{background: url(/new_images/ele_prom011.png) center center no-repeat;background-size: cover;right:840px;top:522px;}
/**/

.success-story-wrap{width: 1150px;margin: 0 auto;height: 215px;position: relative;overflow: hidden;padding-left: 360px;padding-top: 90px;}
.success-story-title{position: absolute;left:0;top:70px}
.success-story-title strong{font-size: 42px;color:#333333;font-weight: 800;display: block;}
.success-story-title strong em{font-weight: 500;font-style: normal;}
.success-story-title span{font-size: 14px;color:#666666;display: block;margin-top: 10px;}
.success-story-list{overflow: hidden;}
.success-story-list a{display: inline-block;}
.success-story-list a img{vertical-align: top;}
.success-next{position: absolute;right:0;top:50%;margin-top: -23px;width: 42px;height: 42px;background: url(/new_images/bn_next.png) 0 0 no-repeat;}

.main-bottom-wrap{height: 360px;background: url(/new_images/telbg.gif) center center no-repeat;background-size: cover;background-attachment: fixed;position: relative;}
.main-bottom-wrap:after{content:"";display: block;position: absolute;left:0;top:0;width: 100%;height: 100%;background: #1c456e;opacity:.8;z-index: 1;}
.main-bottom-box{width: 1150px;margin: 0 auto;padding-top: 125px;position: relative;z-index: 2;}
.main-bottom-box-title strong{font-size: 48px;color:#fff;font-weight: 200;display: block;font-style: normal;line-height: 1em;padding-bottom: 15px;}
.main-bottom-box-title span{font-size: 14px;color:#fff;display: block;line-height: 1em;margin: 10px 0 10px;font-weight: 200;}
.main-bottom-box a{display: inline-block;height: 50px;line-height: 48px;border: 1px solid #fff;border-radius:50px;padding: 0 70px 0 30px;color:#fff;font-size: 14px;background: url(/new_images/arrow.png) right 27px center no-repeat;opacity:.8}
.main-bottom-link1{position: absolute;right:335px;top:170px}
.main-bottom-link2{position: absolute;right:170px;top:170px}
.main-bottom-link3{position: absolute;right:0px;top:170px}


.visible-sm{display: none;}
#rightMenuOpenHeader{display: none;}
#mobile-tel-btn{display: none;}

.sub-top-nav{*zoom:1;display:none;}
.sub-top-nav:after{content:""; display:block; clear:both;}
.sub-top-select{width:50% !important;float:left;background:#f5f5f5 !important;border:none !important;border-bottom:1px solid #d9d9d9 !important;position:relative;}
.sub-top-select:after{position:absolute;content:"";display:block;left:-1px;top:0px;bottom:0px;width:1px;background:#d9d9d9;}
.sub-top-select.w100p{width:100% !important;}
.select-box ul{width:100% !important;top:49px !important}
.select-box>a{font-size:15px !important;}
.select-box ul a{height:38px !important;line-height:38px !important;font-size:14px !important;}


.pc-go-top{display: block;position:fixed;width: 48px;height: 48px;background: url(/img/top.png) center center no-repeat;background-size: 48px auto;right:50px;bottom:50px;display:none;}

.visible-lg{display:none;}
.visible-sm{display: none;}


.sub-tab-wrap{margin:0 -5px;}
.sub-tab-box{display:table;width:100%;}
.sub-tab-box ul{display:table-row;}
.sub-tab-box ul li{display:table-cell;padding:0 3px;width: 10%;}
.sub-tab-box ul li a{display:block;height:50px;line-height:50px;color:#666;font-size:16px;background:#eee;text-align:center;transition:all .2s ease-in-out;}
.sub-tab-box ul li a.active{background:#0099cc;color:#fff;}
.sub-tab-box.column5 ul li{width:20%;}
.sub-tab-box.column4 ul li{width:25%;}
.sub-tab-box.column3 ul li{width:33.333%;}
.sub-tab-box.column2 ul li{width:50%;}



@media screen and (max-width: 1150px){
	.visible-lg{display:block;}

    #header, #footer, .sub-content-header-content, #sub-content-header h3, #sub-content-body, .main-box-top-content, .main-box-wrap, .main-quick-list{width:auto;}
	.header-wrap{padding:0 20px;}
	#gnb ul li a{font-size:16px;padding:0 8px;font-weight:400;}
	#header h1 a{background-size:225px auto;}


	.main-visual-slide .swiper-slide .main-visual-text-wrap{left:10px;margin-left: 0;}
	.main-visual-slide .swiper-slide .main-visual-text1, .main-visual-slide .swiper-slide .main-visual-text2, .main-visual-slide .swiper-slide .main-visual-text3{font-size: 40px;}
	.main-visual-wrap .swiper-pagination1-wrap{left:10px !important;margin-left: 0 !important;}

	.main-ticker-container{width: auto;padding-right: 10px;padding-left: 120px;}
	.main-ticker-title{text-align: center;width: 140px;}
	.main-ticker-down, .main-ticker-up{display: none;}
	.main-middle-wrap{height: auto;}

	.main-box1{padding: 100px 30px;width: auto;}
	.product-list{position: static;text-align: center;width: auto;margin-top: 50px;}
	.product-list div{display: inline-block;position: static;margin: 15px;}

	.success-story-wrap{padding: 30px;height: auto;width: auto;}
	.success-story-title{position: static;margin-bottom: 20px;}
	.success-next{display: none;}
	.main-bottom-wrap{height: auto;}
	.main-bottom-box{width: auto;padding: 80px 30px;height: auto;}
	#footer{padding: 0 30px;}
	.footer-menu-wrap{width: 50%;}
	.footer-content{padding-left: 0;width: 50%;}

	.snb li a{padding:0 20px;}


	.sub-content-header-top.sub-content-header-top-sub01:after{right:0;margin-right:0;}
}

@media screen and (max-width: 1000px){
	#wrapper{padding-top: 80px;}
	#wrapper.is-main{padding-top:80px;}
	.header-wrap{height: auto; background: rgba(255, 255, 255, 1);padding:0;}
	.header-wrap.nav-fixed, .header-wrap.nav-fixed #header h1 a{height: 80px;}
	
	#header{padding:0;padding-right:65px;}
	#header h1{float: none;text-align: left;padding-left:15px;}
	#header h1 a{display: inline-block;background:url(/new_images/logo_ele.png) 0 center no-repeat;background-size:100% auto;height: 80px;}

	.header-wrap.active #header h1 a, .header-wrap.nav-fixed #header h1 a{}

	#company-member-btn{display: none;}


	.main-visual-slide .swiper-slide{height: 0;padding-top: 67.6389%;}
	.main-visual-wrap{height: auto;}
	.main-visual-slide .swiper-slide .visual-text-wrap{left:0;margin-left: 0;width:100%;justify-content:center;padding: 0 30px;}
	.main-visual-slide .swiper-slide .visual-text1{font-size: 26px;}
	.main-visual-slide .swiper-slide .visual-text2{font-size: 13px;display: none;}
	.main-visual-slide .swiper-slide .visual-text3{margin-top: 20px;}
	.main-visual-slide .swiper-slide .visual-text3 a{height: 40px;line-height: 36px;}
	.main-visual-wrap .swiper-pagination1-wrap{top:auto !important;bottom:20px !important;width: 100%;left:0;text-align: center !important;}

	.main-visual-prev{left:20px;}
	.main-visual-next{right:20px;}

	.main-bottom-link-wrap{text-align: center;margin-top: 30px;}
	.main-bottom-link1, .main-bottom-link2, .main-bottom-link3{position: static;margin: 0 10px;width: 205px;margin-bottom: 20px;}


	.page-info-wrap{display:block;}
	.snb{display:none;}
	#footer{padding: 50px 20px 70px;}
	.footer-right{width:auto;background-position:center 0;}


	.mobile-sub-header-btn, .mobile-sub-tab, .mobile-page-position {display: block;}
	.content-body{padding: 30px 10px 50px;width: auto;}
	.mobile-sub-header-btn, .mobile-sub-tab, .mobile-page-position {display: block;}
	.sub-content-header{display: none;}
	#sub-container{padding-top: 0;}

	#sub-content-header h3{margin: 0px 30px 0;}
	#sub-content-body{padding: 0px 30px 50px;}
	.sub-content-header-top .sub-content-header-content{background-image:none !important;}
	.main-visual-wrap .swiper-pagination{bottom:15px !important;}
	.pc-go-top{right:25px;bottom:25px;}

	.sub-content-header-top{height:auto;}
	.sub-content-header-top strong{font-size:38px;height:270px;padding-top:132px;}

	.page-home{display:none;}
	.page-info-select:first-child{display:none;}
	.page-info-select.select-box{float:left;width:100% !important;margin:0 !important;}
	.page-info-select:after{left:0;}
	.page-info-select:first-child:after{display:none;}
	.page-info-select{display:none;}


	.sub-top-nav{display:block;}
	#allmenu{display:none !important;}
	#gnb{display: none;}
	#allmenu-btn{display: none;}
	#rightMenuOpenHeader{display: block;width: 65px;height: 65px;background: url(/new_images/allmenu.jpg) center center no-repeat;background-size: 34px auto;position: absolute;right:0;top:50%;margin-top: -32px;}

	.sub-tab-wrap{margin:0;}	
	.sub-tab-box{display:block;}
	.sub-tab-box ul{display:block;text-align:center;}
	.sub-tab-box ul li{display:inline-block;padding:0px;width:auto !important;margin-right:6px;margin-top:6px;}
	.sub-tab-box ul li a{font-size:14px;;letter-spacing:-1px;padding:0 20px;}
}
@media screen and (max-width: 900px){
	.solution-list{position: static;display: none;}
	.solution-tel-list{width: auto;}
	.main-box1{padding: 0 15px 50px}
	.main-box1-title{margin-bottom: 30px;}

	.footer-menu-wrap{float: none;width: auto;text-align: center;padding-top: 20px;}
	.footer-menu-wrap ul{text-align: center;display: inline-block;}
	.footer-menu-wrap ul li{display: inline-block;width: 90px;margin-right: 10px;}
	.footer-menu-wrap ul li:last-child{margin-right: 0;}
	.footer-menu-wrap ul li li{display: block;}
	.footer-menu-wrap ul li li a{text-align: center;}
	.footer-content{float: none;width: auto;text-align: center;padding-top: 0;}

}

@media screen and (max-width: 700px){
	#wrapper{padding-top: 65px;}
	#wrapper.is-main{padding-top:65px;}
	.hidden-sm{display: none;}
	.visible-sm{display: block;}
	.topbar-wrap{display:none;}
	.header-wrap{position:fixed;top:0;}
	#footer{padding: 50px 10px 70px;}
	#header h1 a{display: inline-block;width: 169px;background-size: auto 50px;height: 65px;background:url(/new_images/logo_ele.png) 0 center no-repeat;background-size:100% auto;}

	.main-visual-slide .swiper-slide .main-visual-text1{text-align: center;font-size: 24px;}
	.main-visual-slide .swiper-slide .main-visual-text2{text-align: center;font-size: 24px;}
	.main-visual-slide .swiper-slide .main-visual-text3{text-align: center;font-size: 24px;}

	.main-visual-prev, .main-visual-next{display: none;}

	.main-ticker-wrap{height: 130px;}
	.main-ticker-container{padding: 0;height: 130px;}
	.main-ticker-title{position: static;height: 40px;line-height: 40px;width: auto;text-align: left;padding-left: 30px;}
	.main-ticker-box .swiper-slide a{padding-left: 20px;}


	.sub-content-header-top strong{font-size:38px;height:250px;padding-top:112px;}

	.header-wrap.nav-fixed, .header-wrap.nav-fixed #header h1 a{height: 65px;background-size:80% auto}
	#wrapper.nav-fixed{padding-top: 65px;}
	.footer-logo{width: auto;}
	#footer{text-align: center;}
	.footer-link{position: static;margin-top: 20px;}

	.mobile-online-program{margin:0 15px;}
	.main-box-wrap{padding:0 15px;}
	.main-edu-info li{padding-left:0;}
	.main-edu-info li span{position:static;display:block;}
	.main-edu-btn{margin:0 30px;}
	.main-edu-btn a{display:block;width:auto;}
	.main-edu-btn a.main-edu-btn2{margin-left:0;margin-top:10px;}
	.main-quick-list a{width:90px;background-size:80px auto !important;padding-top:100px;font-size:16px;}

	.success-story-wrap{padding: 30px 15px;}

	#sub-content-header h3{margin: 0px 10px 0;padding: 30px 0;}
	.sub-top-btn{text-align: right;height: 40px;margin-top: 10px;}
	.sub-top-btn a{position: static;display: inline-block;vertical-align: top;}
	#sub-content-body{padding: 50px 10px 50px;}

	.page-title{*zoom:1;}
	.page-title:after{content:""; display:block; clear:both;}
	.sns-share{position:static;float:right;}
	#sub-content-header h3{padding-bottom:10px;}
	.sns-pop-btn{bottom:15px;top:auto;}

	.success-story-list .swiper-slide{width: 100%;}
	.success-story-list .swiper-slide a{width: 100%;}
	.success-story-list .swiper-slide img{vertical-align: top;width: 100%;}

}



.popup-box{display: none;}
.popup-wrap{position: fixed;left:0;top:0;width: 100%;height: 100%;z-index: 9900;background: rgba(0, 0, 0, .65);display: flex;align-items:center;justify-content:center;}
.popup-container{width: 398px;position: relative;margin: 10px;max-width:100%;}
.popup-slider-wrap{height: 0;width: 100%;padding-top: 138.1909%;position: relative;overflow: hidden;display: none;}
.popup-slider{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.popup-slider a{display: block;}
.popup-slider img{width: 100%;height: 100%;}
.popup-slider-bottom{text-align: right;padding: 15px;background: #313131;}
.popup-slider-bottom a{color:#fff;margin-left: 15px;}
.popup-slider-bottom a.close-popup-today{display: inline-block;position: relative;margin-right: 15px;}
.popup-slider-bottom a.close-popup-today:after{position: absolute;content:"";height: 13px;background: #999;right:-15px;width: 1px;top:5px}

.swiper-pagination-popup-wrap{position: absolute;z-index: 10;bottom:60px;width: 100%;text-align: center;}
.swiper-pagination-popup-wrap .swiper-pagination{position: static;display: inline-block;vertical-align: middle;}
.swiper-pagination-popup-wrap .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background: #fff;transition:all .2s ease-in-out;opacity:1;margin:0 8px !important;vertical-align: middle;}
.swiper-pagination-popup-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:16px;height:16px;border: 3px solid #fff;background: none;}

.popup-container{width: auto;}

.popup-pc img{vertical-align: top;}

@media screen and (max-width: 1250px){
	.popup-container{width: 398px;}
	.popup-pc{display: none;}
	.popup-slider-wrap{display: block;}
}

.photo-tab{margin-bottom: 30px;}
.photo-tab a{display: inline-block;height: 42px;line-height: 42px;text-align: center;padding: 0 20px;font-size: 16px;border-radius:42px;background: #f4f5f7;margin: 5px;border: 1px solid #ddd;}
.photo-tab a.active{background: #fff;color:#191919;}