body.gnb-mobile-menu-use{overflow: hidden;}
html.stop-scroll{overflow: hidden;height: 100%;}

#wrapper{position:relative;transition:padding .2s ease-in-out;padding-top: 100px;}
#wrapper.nav-fixed{}
#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 ul ul{top:80px;}
.header-wrap.nav-fixed .gnb-sub-bg{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(/images/common/logo.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{height: 100px;position: fixed;width:100%;transition-property : background, height; transition-duration : .3s; transition-timing-function : ease-in-out; z-index: 888;top:0px;background: #fff;}
.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{width: 1280px;margin: 0 auto;zoom:1;position:relative;}
#header:after{content:""; display:block; clear:both;}
#header h1{float: left;padding-top: 0;}
#header h1 a{display: block;height: 100px;width: 131px;background: url(/images/common/logo.png) 0 center no-repeat;text-indent:-9999px;transition-property : height; transition-duration : .3s; transition-timing-function : ease-in-out;background-size:100% auto;}


.footer-wrap{background: #2b2b2b;}
.footer-wrap.is-sub{margin-top: 130px;}
#footer{width: 1280px;margin: 0 auto;padding-bottom: 80px;*zoom:1;position:relative;padding-top: 144px;background: url(/images/common/footer_logo.png) center 50px no-repeat;}
.footer-top{text-align: center;margin-bottom: 40px;}
.footer-top a{display: inline-block;position: relative;font-size: 18px;color:#fff;margin-right: 40px;font-weight: 300;}
.footer-top a:after{display: block;content:"";position: absolute;right:-20px;top:50%;margin-top: -7px;background: #666666;height: 14px;width: 1px;}
.footer-top a:last-child{margin-right: 0;}
.footer-top a:last-child:after{display: none;}
.footer-bottom{}
.footer-bottom div{text-align: center;margin-bottom: 12px;}
.footer-bottom span{display: inline-block;position: relative;font-size: 16px;color:#767676;margin-right: 40px;}
.footer-bottom span:after{display: block;content:"";position: absolute;right:-20px;top:50%;margin-top: -6px;background: #666666;height: 12px;width: 1px;}
.footer-bottom span:last-child{margin-right: 0;}
.footer-bottom span:last-child:after{display: none;}
.footer-bottom span strong{color:#fff;font-weight: 400;}
.copyright{margin-top: 40px;padding-top: 40px;font-size: 16px;color:#767676;text-align: center;border-top: 1px solid #666;}


.right-layer{position: fixed;right:50px; margin-left: 700px;bottom:50px;z-index: 101;width: 118px;}
.right-btn1{height: 118px;background: #3a99dd;display: block;padding-top: 65px;color:#fff;text-align: center;font-size: 18px;line-height: 1.4em;position: relative;border-radius:50%;}
.right-btn1:before{position: absolute;left:0;top:21px;width: 100%;height: 44px;background: url(/images/common/qna_icon.png) center 0 no-repeat;content:"";display: block;}
.right-btn2{height: 118px;background: #191919 url(/images/common/page_top_arrow.png) center center no-repeat;display: block;border-radius:50%;margin-top: 15px;}


#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: 100px;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: 20px;font-weight: 500;padding: 0 45px;line-height:1em;}
#gnb>ul>li>a>span{position: relative;display: block;height: 100px;line-height: 100px;transition:all .3s ease-in-out;}
#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: 28px;height: 4px;width: 0;z-index: 10;background: #3a99dd;}

#gnb ul li.hover>a>span:after, #gnb ul li.gnb-active>a>span:after{left:0;width:100%}
#gnb.active ul li.gnb-active ul{display:block;}

#gnb ul ul{position:absolute;padding:0;z-index: 99;height:auto;left:50%;top:100px;padding:25px 0px;width: 100%;left:0;height: 264px;display: none;}
#gnb li li{height:auto;float:none;}
#gnb li li a, #gnb li.gnb-active li a, #gnb li.hover li a{display:block;color:#767676;font-size:16px;width:auto;transition:all .2s ease-in-out;padding: 0;position:relative;font-weight:400;line-height:1.2em;padding:6px 0;text-align: center;}
#gnb li li.gnb-active2 a, #gnb li li a:hover{color:#3a99dd;}
#gnb ul ul ul{display: none !important;}
.gnb-sub-bg{position: absolute;left:0;top:0;width: 100%;top:100px;height: 264px;background: #fff;box-shadow:3px 3px 8px rgba(0, 0, 0, .1);border-top: 1px solid #f8f8fa;background: #f8f8fa;display: none;}


/*전체메뉴보기*/
#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;line-height:65px;color:#fff;font-size:16px;position:relative;text-indent:-9999px;background:#fff url(/images/common/logo.png) center center no-repeat;background-size:auto 50% ;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;}
.mobile-menu-top5 a:after{background:#ad9e91 url(/img/mungu_m_06.png) center center no-repeat;}

#sub-container{position: relative;}
#sub-container img{max-width:100%;}
#sub-content-header{position: relative;}
.sub-content-wrap{}
.sub-content-header-top{height:470px;position:relative;background: url(/images/sub/sub_header_intro.jpg) center center no-repeat;overflow: hidden;}
.sub-content-header-top.sub-content-header-top-introduce{background: url(/images/sub/sub_header_intro.jpg) center center no-repeat;background-size: cover;}
.sub-content-header-top.sub-content-header-top-business{background: url(/images/sub/sub_header_business.jpg) center center no-repeat;background-size: cover;}
.sub-content-header-top.sub-content-header-top-service{background: url(/images/sub/sub_header_service.jpg) center center no-repeat;background-size: cover;}
.sub-content-header-top.sub-content-header-top-customer{background: url(/images/sub/sub_header_customer.jpg) center center no-repeat;background-size: cover;}
.sub-content-header-top.sub-content-header-top-social{background: url(/images/sub/sub_header_social.jpg) center center no-repeat;background-size: cover;}
.sub-content-header-top.sub-content-header-top-notice{background: url(/images/sub/sub_header_notice.jpg) center center no-repeat;background-size: cover;}


.sub-content-header-content{width:1280px;margin:0 auto;}
.sub-content-header-content>strong{display:block;font-size:54px;color:#fff;font-weight:700;line-height:1em;padding-top:132px;text-align: center;}
.sub-content-header-content>span{display: block;font-size: 28px;color:#fff;text-align: center;margin-top: 28px;}

.snb{height:90px;text-align:center;position:relative;border-bottom:none;position: absolute;left:50%;margin-left: -640px;width: 1280px;background: #fff;bottom:0;z-index: 1;}
.snb:after{content:""; display:block; clear:both;}
.snb li{display: inline-block;}
.snb li:first-child{border-left:none;}
.snb li a{display:block;height:90px;line-height:90px;padding:0px;transition:color .2s, opacity .2s ease-in-out; font-size:20px;position: relative;}
.snb li a:after{position: absolute;content:"";display: block;width: 1px;height: 20px;background: #ccc;position: absolute;right:-1px;top:50%;margin-top: -10px;}
.snb li:last-child a:after{display: none;}

.snb li.snb-active a, .snb li a:hover{color:#005bac;font-weight: 700;}
.snb li.snb-active a:before{content:"";position: absolute;left:0;bottom:0;height: 2px;width: 100%;background: #005bac;}

.snb-column-6 li{width: 16.6666%;}
.snb-column-5 li{width: 20%;}
.snb-column-4 li{width: 25%;}
.snb-column-3 li{width: 33.33333%;}
.snb-column-2 li{width: 50%;}


.page-title{margin: 0px auto 0;position: relative;padding:140px 0 100px;text-align: center;font-size: 50px;color:#005bac;font-weight: 700;}


#sub-content-body{min-height:500px;width: 1280px;margin: 0 auto;padding: 0 0 140px;}
#sub-content-body.is-wide{width: auto !important;}
.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:844px;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 .main-visual-text-wrap{position: absolute;left:50%;margin-left: -600px;top: 0;margin-top: 0;display: flex;align-items:center;height: 100%;}
.main-visual-slide .swiper-slide .main-visual-text1{color:#fff;font-size: 48px;font-weight: 400;display: inline-block;line-height: 1em;padding: 4px;background: #ffcc00;color:#333;}
.main-visual-slide .swiper-slide .main-visual-text2{color:#fff;font-size: 48px;margin-top: 8px;font-weight: 600;display: inline-block;line-height: 1em;padding: 4px;background: #ffcc00;color:#333;}
.main-visual-slide .swiper-slide .main-visual-text3{color:#fff;font-size: 48px;margin-top: 8px;font-weight: 400;display: inline-block;line-height: 1em;padding: 4px;background: #ffcc00;color:#333;}

.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-text{position: absolute;left:50%;margin-left: -375px;top:280px;width: 750px;z-index: 5;}
.main-visual-text1{font-size: 32px;color:#fff;text-align: center;line-height: 1em;}
.main-visual-text2{font-size: 70px;color:#fff;position: relative;font-weight: 700;text-align: center;line-height: 1em;margin: 20px 0 90px;}
.main-visual-text2:after{position: absolute;left:50%;margin-left: -30px;bottom:-45px;width: 60px;height: 2px;background: #fff;content:"";}
.main-visual-text3{font-size: 30px;color:#fff;text-align: center;line-height: 1.4em;}


.main-mission-wrap{background: url(/images/main/kmh_bg.png) 0 bottom no-repeat;}
.main-mission{*zoom:1;width: 1280px;margin: 140px auto 165px;}
.main-mission:after{content:""; display:block; clear:both;}
.main-mission-title{float: left;width: 535px;margin-bottom: 130px;}
.main-mission-title em{color:#767676;font-size: 20px;display: block;font-style: normal;}
.main-mission-title strong{font-size: 46px;color:#005bac;display: block;line-height: 1.3em;margin: 30px 0 40px;}
.main-mission-title span{font-size: 20px;display: block;}


.main-mission-box{position: relative;padding-bottom: 80px;}
.main-mission-img img{max-width:100%;}
.main-mission-text{position: absolute;left:0;bottom:0;padding-top: 60px;padding-left: 40px;width: 417px;background: #fff;}
.main-mission-text em{font-size: 20px;color:#00b157;display: block;font-style: normal;}
.main-mission-text strong{font-size: 36px;display: block;margin: 15px 0 35px;line-height: 1.3em;}
.main-mission-text span{font-size: 20px;color:#767676;display: block;}

.main-mission1{width: 595px;float: right;margin-top: 120px;}
.main-mission2{width: 535px;float: left;}
.main-mission3{width: 595px;float: right;margin-top: 150px;}

.main-service-wrap{position: relative;padding: 140px 0;}
.main-service-container{position: relative;width: 1280px;margin: 0 auto;overflow: hidden;}
.main-service-img img{max-width:100%;}
.main-service-title{display: block;margin-bottom: 70px;}
.main-service-title em{display: block;font-size: 20px;color:#3a99dd;font-style: normal;}
.main-service-title strong{display: block;font-size: 50px;color:#005bac;}
.main-service-title span{display: block;font-size: 20px;color:#767676;margin-top: 10px;}
.main-service-text1{display: block;font-size: 36px;margin: 25px 0 10px;font-weight: 600;}
.main-service-text2{display: block;font-size: 20px;color:#767676;}

.main-service-wrap .swiper-pagination{position: static;display: inline-block;vertical-align: middle;display: block;margin-top: 50px;}
.main-service-wrap .swiper-pagination .swiper-pagination-bullet{width:300px;height:4px;background: #ededed;transition:all .2s ease-in-out;opacity:1;margin:0 8px !important;vertical-align: middle;border-radius:0;}
.main-service-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #191919;}

.main-notice-wrap{position: relative;padding: 140px 0;background: #f8f8fa;}
.main-notice-container{width: 1280px;margin: 0 auto;*zoom:1;height: 100%;position: relative;padding-left: 325px;}
.main-notice-title{display: block;position: absolute;left:0;top:0}
.main-notice-title strong{font-size: 50px;display: block;}
.main-notice-title span{font-size: 20px;display: block;color:#767676;margin: 10px 0 20px;}
.main-notice-title em{display: inline-block;font-size: 18px;color:#3a99dd;background: url(/images/main/notice_arrow.jpg) right 25px center no-repeat;padding-right: 60px;border: 1px solid #3a99dd;border-radius:37px;height: 37px;line-height: 35px;font-style: normal;padding-left: 25px;}


.main-notice-box{position: relative;z-index: 1;}

.main-notice-box ul{border-top: 2px solid #191919;min-height:230px}
.main-notice-box ul li{border-bottom: 1px solid #dbdbdb;}
.main-notice-box ul li a{display: block;position: relative;padding: 30px 0;padding-right: 78px;}
.main-notice-box ul li a strong{font-size: 20px;color:#767676;font-weight: 300;line-height: 1em;display: block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
.main-notice-box ul li a span{font-size: 16px;color:#999999;position: absolute;right:0;top:50%;line-height: 1em;margin-top: -8px;font-weight: 300;}
.main-notice-box ul li.empty-li{text-align: center;padding: 50px 0;}
.main-qna-wrap{padding: 165px 0;background: url(/images/main/main_qna_bg.jpg) center center no-repeat;background-size: cover;}
.main-qna-box{z-index: 1;}
.main-qna-title strong{font-size: 50px;display: block;color:#fff;text-align: center;}
.main-qna-title span{font-size: 20px;display: block;color:#fff;text-align: center;margin-top: 8px;}
.main-qna-btn{margin-top: 40px;text-align: center;}
.main-qna-btn a{display: inline-block;width: 200px;height: 60px;line-height: 58px;position: relative;border: 1px solid #fff;margin-right: 8px;text-align: center;font-size: 20px;text-align: center;border-radius:60px;color:#fff;vertical-align: middle;}
.main-qna-btn a:after{display: inline-block;background: url(/images/main/main_arrow.png) 0 0 no-repeat;width: 10px;height: 18px;content:"";vertical-align: middle;margin-left: 10px;vertical-align: middle;margin-top: -3px;}


.main-banner-wrap{width: 1280px;margin: 140px auto 0;}
.main-banner-title{margin-bottom: 100px;}
.main-banner-title strong{font-size: 50px;display: block;text-align: center;}
.main-banner-title span{font-size: 20px;color:#767676;margin-top: 10px;display: block;text-align: center;}

.banner-list{*zoom:1;margin: 0 -10px;}
.banner-list:after{content:""; display:block; clear:both;}
.banner-list li{float: left;width: 25%;padding: 10px;}

.main-map-wrap{margin-top: 130px;background: #ccc;height: 550px;overflow: hidden;position: relative;}
.main-map-overlay{position: absolute;right:50%;top:50%;margin-right: -640px;margin-top: -116px;z-index: 100;width: 235px;height: 233px;background: #409ada;padding: 25px 18px 0;}
.overlay-title{font-size: 20px;color:#fff;padding-bottom: 10px;border-bottom: 1px solid #80daec;;}
.overlay-label{font-size: 13px;color:#d0e6f5;margin-top: 15px;}
.overlay-text{font-size: 16px;color:#fff;margin-top: 2px;}

.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: 1635px){
	.right-layer{display: none;}
}
@media screen and (max-width: 1280px){
	.visible-lg{display:block;}

    #header, #footer, .sub-content-header-content, #sub-content-body, .main-mission, .main-notice-container, .main-banner-wrap, .main-service-container{width:auto;}
	.header-wrap{padding:0 20px;}
	#gnb>ul>li>a{font-size:18px;padding:0 28px;font-weight:400;}
	#header h1 a{}
	.snb{width: 100%;left:0;margin-left: 0;}
	.snb li a{letter-spacing:-1px;font-size: 16px;}
	.sub-content-header-content{width: auto;}

	.main-mission-wrap, .main-banner-wrap, .footer-wrap{padding: 0 30px;overflow: hidden;}

	.main-service-wrap{padding: 140px 30px;}
	.main-service-text1{font-size: 30px;}
	.main-service-text2 br{display: none;}
	.main-service-img{text-align: center;}
	.main-service-wrap .swiper-pagination .swiper-pagination-bullet{width: 150px;}

	.main-mission-wrap{background: none;}
	.main-mission-title span{}
	.main-mission-title span .hidden-sm{display: none;}

	.main-mission-title{width: calc(50% - 15px);}
	.main-mission1{width: calc(50% - 15px);}
	.main-mission2{width: calc(50% - 15px);}
	.main-mission3{width: calc(50% - 15px);}

	.main-mission{margin: 80px 0;}
	.main-mission-box{padding-bottom: 150px;}
	.main-mission-img{position: relative;height: 0;padding-top: 105.37%;display: block;}
	.main-mission-img img{position: absolute;left:0;top:0;width: 100%;height: 100%;}
	.main-mission-text{left:20px;right:20px;width: auto;padding: 30px 30px 0;}
	.main-mission-text strong{font-size: 30px;}
	.main-mission-text span{font-size: 18px;}
	.main-mission-text span .hidden-sm{display: none;}

	.main-notice-wrap{width: auto;}
	.main-notice-title{left:30px;}
	.main-notice-container{padding-left: 260px;padding-right: 30px;}
	.main-notice-box{}
	.main-qna-box{}
	.main-qna-btn a{width: auto;padding: 0 20px;}

	.main-banner-wrap{margin-top: 80px;}
	.main-banner-title{margin-bottom: 60px;}
	.banner-list li a{display: block;height: 0;padding-top: 32.786885%;position: relative;}
	.banner-list li img{position: absolute;left:0;top:0;width: 100%;height: 100%;}
	.main-map-wrap{margin-top: 80px;}

	.footer-bottom{text-align: center;line-height: 2em;}
	.footer-bottom div{margin-bottom: 0;display: inline-block;}

	.sub-content-header-content>strong{font-size: 44px;}
	.sub-content-header-content>span{font-size: 24px;}
}

@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(/images/common/logo.png) 0 center no-repeat;background-size:100% auto;height: 80px;}

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


	.main-visual-slide .swiper-slide{height: 0;padding-top: 67.6389%;}
	.main-visual-wrap{height: auto;}
	.main-visual-text{width: 500px;margin-left: -250px;height: 100%;margin-top: 0;top:0;display: flex;flex-wrap:wrap;align-content:center;}
	.main-visual-text1{text-align: center;font-size: 24px;display: block;text-align: center;width: 100%;}
	.main-visual-text2{text-align: center;font-size: 40px;display: block;text-align: center;width: 100%;}
	.main-visual-text3{text-align: center;font-size: 24px;display: block;text-align: center;width: 100%;}
	.main-visual-wrap .swiper-pagination1-wrap{top:auto !important;bottom:20px !important;width: 100%;left:0;text-align: center !important;}


	.main-notice-wrap{height: auto;padding: 80px 30px;}
	.main-notice-container{padding-left: 0;padding-right: 0}
	.main-notice-title{position: static;margin-bottom: 40px;}
	.main-notice-title br{display: none;}
	.main-notice-box{padding: 0;}
	.main-qna-box{width: 100%;position: relative;left:auto;bottom:auto;background-size: cover;height: auto;padding: 30px;margin: 50px 0;}
	.main-qna-btn a{width: auto;padding: 0 20px;}

	.main-banner-title strong{font-size: 36px;}
	.main-banner-title span{font-size: 18px;}
	.banner-list{margin: 0 -5px;}
	.banner-list li{padding: 5px;}




	.page-info-wrap{display:block;}
	.snb{display:none;}

	.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;}

	.page-title{margin: 0px 30px 0;}
	#sub-content-body{padding: 0px 30px 50px;}
	#sub-content-body.is-wide{padding: 0 0 50px;}

	.main-visual-wrap .swiper-pagination{bottom:15px !important;}
	.pc-go-top{right:25px;bottom:25px;}

	.sub-content-header-top{height:auto;padding: 130px 0;}
	.sub-content-header-content>strong{font-size: 44px;padding-top: 0;}
	.sub-content-header-content>span{font-size: 24px;letter-spacing:-1px;}

	.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(/images/common/allmenu.png) 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){
}
@media screen and (max-width: 800px){
	.main-mission-title{width: 100%;float: none;margin-bottom: 0;}
	.main-mission1{width: 100%;float: none;margin-top: 50px;}
	.main-mission2{width: 100%;float: none;margin-top: 50px;}
	.main-mission3{width: 100%;float: none;margin-top: 50px;}	
	.main-mission-box{padding-bottom: 0px;}

	.main-mission-text{left:20px;right:20px;width: auto;padding: 30px;}
	.main-banner-title strong{font-size: 30px;}
	.banner-list li{width: 50%;}

	.main-map-wrap{height: 400px;}
	.root_daum_roughmap{height: 432px !important;}

	.main-service-wrap{padding: 60px 15px;}
	.main-service-title{margin-bottom: 40px;}
	.main-service-title strong{font-size: 36px;}
	.main-service-title span{font-size: 16px;}
	.main-service-title span br{display: none;}
	.main-service-text1{font-size: 26px;}
	.main-service-text2{font-size: 16px;}
	.main-service-wrap .swiper-pagination {margin-top: 30px;}
	.main-service-wrap .swiper-pagination .swiper-pagination-bullet{width: 50px;}
	.main-qna-wrap{padding: 100px 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;}
	#header h1 a{display: inline-block;background-size: auto 50px;height: 65px;background:url(/images/common/logo.png) 0 center no-repeat;background-size: auto 50%;width: 180px;}


	.main-visual-text{width: 400px;margin-left: -200px;}
	.main-visual-text1{font-size: 18px;}
	.main-visual-text2{font-size: 30px;margin-bottom: 40px;}
	.main-visual-text2:after{bottom:-20px;height: 1px;}
	.main-visual-text3{font-size: 14px;}


	.main-mission-wrap, .main-banner-wrap, .footer-wrap{padding: 0 15px;}
	.main-mission-title strong{font-size: 32px;margin: 20px 0;}
	.main-mission-title span{font-size: 16px;}
	.main-mission1,	 .main-mission2, .main-mission3{padding-bottom: 80px;}
	.main-mission-text{padding: 20px;left:15px;right:15px;}
	.main-mission-text strong{font-size: 26px;margin: 15px 0 15px;}
	.main-mission-text span{font-size: 16px;}

	.main-notice-wrap{padding: 50px 15px;}
	.main-notice-box ul li a strong{font-size: 16px;}
	.main-notice-box ul li a span{font-size: 14px;}
	.main-notice-title{position: relative;left:0;top:0;}
	.main-notice-title strong{font-size: 30px;}
	.main-notice-title span{font-size: 16px;}
	.main-notice-title em{height: 30px;line-height: 28px;font-size: 16px;position: absolute;right:0;top:11px;font-size: 14px;padding-left: 15px;padding-right: 40px;background-position: right 10px center;}

	.main-qna-wrap{padding: 80px 15px;}
	.main-qna-box{padding: 0;}
	.main-qna-title strong{font-size: 30px;}
	.main-qna-btn a{height: 50px;line-height: 50px;}
	.main-qna-btn a span{font-size: 16px;}

	.banner-list{margin: 0 -3px;}
	.banner-list li{padding: 3px;}

	#footer{background-size: auto 40px;background-position: center 30px;padding-top: 100px;}
	.footer-top a{font-size: 14px;margin-right:20px;}
	.footer-top a:after{right:-12px;margin-top:-6px}
	.footer-bottom span{font-size: 14px;margin-right: 20px;letter-spacing:-1px;}
	.footer-bottom span:after{right:-12px;margin-top:-5px}
	.copyright{font-size: 13px;}
	

	.sub-content-header-top.sub-content-header-top-introduce{background: url(/images/sub/sub_header_intro_m.jpg) center center no-repeat;background-size: cover;}
	.sub-content-header-top.sub-content-header-top-business{background: url(/images/sub/sub_header_business_m.jpg) center center no-repeat;background-size: cover;}
	.sub-content-header-top.sub-content-header-top-service{background: url(/images/sub/sub_header_service_m.jpg) center center no-repeat;background-size: cover;}
	.sub-content-header-top.sub-content-header-top-customer{background: url(/images/sub/sub_header_customer_m.jpg) center center no-repeat;background-size: cover;}
	.sub-content-header-top.sub-content-header-top-social{background: url(/images/sub/sub_header_social_m.jpg) center center no-repeat;background-size: cover;}
	.sub-content-header-top.sub-content-header-top-notice{background: url(/images/sub/sub_header_notice_m.jpg) center center no-repeat;background-size: cover;}


	.sub-content-header-top{height:auto;padding: 100px 0;}
	.sub-content-header-content>strong{font-size: 30px;padding-top: 0;}
	.sub-content-header-content>span{font-size: 20px;letter-spacing:-1px;}

	.header-wrap.nav-fixed, .header-wrap.nav-fixed #header h1 a{height: 65px;}
	.header-wrap.nav-fixed #header h1 a{background: url(/images/common/logo.png) 0 center no-repeat;    background-size: auto 50%;width: 180px;}
	#wrapper.nav-fixed{padding-top: 65px;}
	.mobile-online-program{margin:0 15px;}


	.page-title{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;}
	.page-title{padding-bottom:10px;}
	.sns-pop-btn{bottom:15px;top:auto;}

}



.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;}
}




/* SUB */
.nw{width: 1280px;margin: 0 auto;}
.sub-page-title{font-size: 50px;color:#005bac;font-weight: 700;text-align: center;margin: 140px 0 70px;}

.intro-box1{position: relative;}
.intro-box1:after{content:"";position: absolute;left:0;top:218px;bottom:0;width: 100%;background: #e7f5ff;}
.intro-box1-container{position: relative;z-index: 1;padding-bottom: 60px;}
.intro-text-wrap{position: relative;padding-right: 580px;padding-top: 130px;padding: 130px 570px 90px 40px;}
.intro-text-wrap img{position: absolute;right:0;top:0;}
.intro-text-wrap strong{font-size: 30px;display: block;margin-bottom: 25px;letter-spacing:-1px;}
.intro-text-wrap span{font-size: 20px;display: block;letter-spacing:-1px;}
.intro-box1-container ul{background: #fff;border-radius:5px;*zoom:1;padding: 15px 0;}
.intro-box1-container ul:after{content:""; display:block; clear:both;}
.intro-box1-container ul li{width: 50%;float: left;padding: 15px 40px;position: relative;border-left: 1px solid #ddd;padding-left: 160px;}
.intro-box1-container ul li p{color:#3a99dd;font-size: 30px;position: absolute;left:40px;top:15px;font-weight: 700;}
.intro-box1-container ul li div{font-size: 20px;font-weight: 500;}
.intro-box1-container ul li:first-child{border-left: none;}

.intro-member-ul{*zoom:1;}
.intro-member-ul:after{content:""; display:block; clear:both;}
.intro-member-ul li{float: left;width: 600px;margin-bottom: 80px;}
.intro-member-ul li:nth-child(2n){float: right;}
.intro-member-ul li a{display: block;position: relative;}
.intro-member-ul li .intro-member-img{display: block;position: relative;height: 0;padding-top: 106.66667%;}
.intro-member-ul li .intro-member-img img{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.intro-member-ul li a>div{position: relative;background: #f8f8fa;padding: 35px 40px 0px;height: 210px;}
.intro-member-ul li a>div .intro-member-name{position: static;width: auto;height: auto;font-size: 30px;padding-left: 0px;line-height: 1.4em;margin-bottom: 30px;}
.intro-member-ul li a>div .intro-member-name strong{font-size: 50px;margin-right: 12px;}
.intro-member-ul li a>div .intro-member-text1{font-size: 30px;color:#005bac;font-weight: 700;margin-bottom: 23px;}
.intro-member-ul li a>div .intro-member-text2 strong{display: block;font-size: 30px;color:#3a99dd;font-weight: 500;}
.intro-member-ul li a>div .intro-member-text2 span{display: block;font-size: 20px;color:#767676;}
.intro-member-ul li a>div .intro-member-etc{display: block;position: absolute;right:0;bottom:0;width: 100px;height: 100px;background: #3a99dd;text-align: center;color:#fff;font-size: 20px;padding-top: 30px;font-weight: 400;}
.intro-member-ul li a>div .intro-member-etc:after{display: block;content:"";height: 21px;background: url(/images/sub/sub_arrow.png) center center no-repeat;}


.history-ul{margin: 0 40px;background: #fff;margin-top: -60px;position: relative;z-index: 1;padding-top: 70px;}
.history-ul li{*zoom:1;margin-bottom: 100px;}
.history-ul li:after{content:""; display:block; clear:both;}
.history-ul li:last-child{margin-bottom: 0;}
.history-ul li>p{float: left;width: 50%;text-align: center;font-size: 80px;font-weight: 700;}
.history-ul li>p strong{font-size: 80px;display: block;color:#3a99dd;padding-bottom: 70px;position: relative;}
.history-ul li>p strong:after{content:"";position: absolute;bottom:-10px;left:0;width: 100%;height: 80px;background: url(/images/sub/history_line.jpg) center center no-repeat;}
.history-ul li>ul{float: left;width: 50%;padding-top: 30px;position: relative;}
.history-ul li>ul:after{}
.history-ul li>ul li{margin-bottom: 0;padding: 10px 0;padding-left: 130px;position: relative;margin-bottom: 55px;}
.history-ul li>ul li:last-child{margin-bottom: 0;}
.history-ul li>ul li:after{content:"";display: block;position: absolute;left:0;top:21px;background: #3a99dd;width: 9px;height: 9px;border-radius:50%}
.history-ul li>ul li strong{font-size: 30px;line-height: 30px;vertical-align: middle;display: inline-block;width: 90px;position: absolute;left:40px;top:10px;}
.history-ul li>ul li span{font-size: 20px;color:#676767;line-height: 30px;vertical-align: middle;}

.intro-box4{background: #f8f8fa;padding-top: 140px;margin-top: 140px;}
.intro-box4 .sub-page-title{margin-top: 0;}
.intro-box4-img{text-align: center;padding: 30px 0 140px;}

.intro-box6 .main-map-wrap{margin-top: 0;}



.fancybox-content{padding: 0 !important;margin: 30px !important;}
.fancybox-close-small {width: 100px !important;height: 100px !important;background: url(/images/sub/popup_close.jpg) 0 0 no-repeat !important;}
.fancybox-close-small svg{display: none !important;}

.intro-popup-wrap{width: 1280px;display: none;}
.intro-popup-header{position: relative;*zoom:1;background: url(/images/sub/gnrc.jpg) right bottom no-repeat;}
.intro-popup-header:after{content:""; display:block; clear:both;}
.intro-popup-img{float: left;width: 600px;height: 640px;}
.intro-popup-img img{width: 100%;height: 100%;}
.intro-popup-info{float: right;width: 600px;height: 640px;padding-top: 150px;}

.intro-popup-info .intro-member-name{font-size: 30px;position: relative;padding-bottom: 20px;margin-bottom: 30px;}
.intro-popup-info .intro-member-name strong{font-size: 50px;margin-right: 12px;}
.intro-popup-info .intro-member-name:after{content:"";display: block;position: absolute;left:0px;bottom:-1px;width: 30px;height: 1px;background: #191919;}
.intro-popup-info .intro-member-text1{font-size: 30px;color:#3a99dd;font-weight: 700;margin-bottom: 20px;}
.intro-popup-info .intro-member-text2 strong{display: block;font-size: 30px;color:#3a99dd;}
.intro-popup-info .intro-member-text2 span{display: block;font-size: 20px;color:#767676;}
.intro-popup-container{padding: 0 50px 40px;}
.intro-popup-box{padding: 40px 0;border-bottom: 1px solid #dbdbdb;}
.intro-popup-box:last-child{border-bottom: none;}
.intro-popup-title{font-size: 30px;color:#3a99dd;font-weight: 500;margin-bottom: 20px;}
.intro-popup-list{}
.intro-popup-list li{position: relative;font-size: 20px;padding: 4px 0 4px 12px;line-height: 1.3em;}
.intro-popup-list li:after{width: 4px;height: 4px;background: #3a99dd;border-radius:50%;position: absolute;left:0;top:16px;content:"";}
.intro-popup-list1-wrap{*zoom:1;}
.intro-popup-list1-wrap:after{content:""; display:block; clear:both;}




.address-info{margin-top: 100px;}
.address-top{padding-bottom: 70px;margin-bottom: 70px;border-bottom: 1px solid #ededed;font-size: 30px;text-align: center;line-height: 1.5em;}
.address-bottom{font-size: 30px;text-align: center;padding-bottom: 60px;}
.traffic-info .traffic-icon {text-align: center;margin-bottom: 60px;}
.bus-icon{display: inline-block;width: 100px;background: url(/images/sub/bus_icon.jpg) center 0 no-repeat;margin-right: 80px;font-size: 20px;color:#999999;padding-top: 90px;text-align: center;}
.subway-icon{display: inline-block;width: 100px;background: url(/images/sub/subway_icon.jpg) center 0 no-repeat;font-size: 20px;color:#999999;padding-top: 90px;text-align: center;}

.traffic-info {*zoom:1;}
.traffic-info:after{content:""; display:block; clear:both;}
.traffic-info{line-height: 30px;font-size: 20px;color:#767676;vertical-align: middle;padding: 5px 0;text-align: center;line-height: 1.6em;}

.traffic-num8{display: inline-block;width: 30px;height: 30px;background: url(/images/sub/tra8.jpg) 0 0 no-repeat;vertical-align: top;margin-right: 10px;}
.traffic-num2{display: inline-block;width: 30px;height: 30px;background: url(/images/sub/tra2.jpg) 0 0 no-repeat;vertical-align: top;margin-right: 10px;}
.traffic-num1{display: inline-block;width: 30px;height: 30px;background: url(/images/sub/tra1.jpg) 0 0 no-repeat;vertical-align: top;margin-right: 10px;}
.traffic-arrow{display: inline-block;width: 35px;height: 30px;background: url(/images/sub/traffic_arrow.jpg) center center no-repeat;vertical-align: top;}

.business-box2-ul-wrap{*zoom:1;margin-top: 80px;}
.business-box2-ul-wrap:after{content:""; display:block; clear:both;}
.business-box2-ul-wrap .sub-list-ul2{float: left;width: 50%;}
.sub-list-ul2 li{position: relative;font-size: 19px;font-weight: 300;margin-bottom: 10px;padding-left: 13px;font-weight: 500;}
.sub-list-ul2 li:after{content:"";position: absolute;left:0;top:11px;width: 4px;height: 4px;background: #3a99dd;border-radius:50%;}

.business-box1{position: relative;}
.business-box1:after{content:"";position: absolute;left:0;top:230px;width: 100%;bottom:0;background: #f8f8fa;}
.business-box1 .sub-page-title{margin-bottom: 100px;}
.business-box1-content {position: relative;padding-left: 680px;padding-top: 140px;padding-bottom: 60px;z-index: 1;}
.business-box1-content .business-box1-img1{position: absolute;left:0;top:0px;}
.business-box1-img2{padding-top: 50px;text-align: center;position: relative;z-index: 2;background: #fff;}

.sub-list-ul1{border-bottom: 1px solid #ededed;}
.sub-list-ul1>li{padding: 35px 0;*zoom:1;position: relative;}
.sub-list-ul1>li:after{content:""; display:block; clear:both;}
.sub-list-ul1>li>p{position: relative;font-size: 30px;line-height: 1.3em;float: left;width: 280px;}
.sub-list-ul1>li>p span{position: relative;z-index: 1;font-weight: 700;color:#000}
.sub-list-ul1>li>p:after{content:"";width: 10px;height: 10px;border-radius:50%;background: #3a99dd;display: inline-block;vertical-align: bottom;margin-left: 8px;position: relative;top:-5px}
.sub-list-ul1>li>p:before{position: absolute;left:0;top:-35px;width: 100%;height: 1px;background: #191919;content:"";}
.sub-list-ul1>li>div{float: right;width: calc(100% - 300px);position: relative;}
.sub-list-ul1>li>div:before{position: absolute;left:0;top:-35px;width: 100%;height: 1px;background: #ededed;content:"";}

.img75{margin-top: 75px;}
.sub-list-ul1>li li{position: relative;font-size: 19px;font-weight: 300;margin-bottom: 10px;padding-left: 13px;font-weight: 500;}
.sub-list-ul1>li li:after{content:"";position: absolute;left:0;top:11px;width: 4px;height: 4px;background: #3a99dd;border-radius:50%;}
.peer-review-title{font-size: 30px;font-weight: 600;margin: 40px 0 25px;}

.service-box3-sub-title{font-size: 24px;font-weight: 600;margin-bottom: 10px;margin-top: 30px;}


.service-box1{position: relative;padding-bottom: 80px;}
.service-box1:after{content:"";position: absolute;left:0;top:230px;width: 100%;bottom:0;background: #f8f8fa;}
.service-box1 .sub-page-title{margin-bottom: 100px;}
.service-box1-content {position: relative;padding-left: 680px;padding-top: 140px;z-index: 1;}
.service-box1-content .service-box1-img1{position: absolute;left:0;top:0px;}
.service-box1-content p{font-size: 20px;}
.service-box1-img2{padding-top: 50px;text-align: center;position: relative;z-index: 2;margin-top: 100px;}
.service-box1-ul{margin-top: 100px;}

.service-box2-1{padding-top: 100px;text-align: center;margin-bottom: 100px;}
.service-box2-2{border-bottom: 1px solid #ededed;}
.service-box2-2 li{padding: 40px 0;*zoom:1;}
.service-box2-2 li:after{content:""; display:block; clear:both;}
.service-box2-2 li .service-box2-2-img{float: left;width: 300px;position: relative;}
.service-box2-2 li .service-box2-2-img:before{content:"";position: absolute;left:0;top:-40px;height: 1px;width: 280px;background: #191919;}
.service-box2-2 li div{float: left;width: calc(100% - 300px);position: relative;}
.service-box2-2 li div:before{content:"";position: absolute;left:0;top:-40px;height: 1px;width: 280px;background: #ededed;}
.service-box2-2 li div strong{display: block;font-size: 30px;}
.service-box2-2 li div em{display: block;font-size: 19px;font-style: normal;font-weight: 500;}
.service-box2-2 li div span{display: block;font-size: 19px;color:#767676;margin-top: 20px;}

.service-box2-3{background: #f8f8fa;margin-top: 100px;padding-bottom: 100px;}
.service-box2-3-title{padding-top: 100px;font-size: 40px;text-align: center;font-weight: 600;margin-bottom: 50px;}
.service-box2-3 ul{*zoom:1;}
.service-box2-3 ul:after{content:""; display:block; clear:both;}
.service-box2-3 ul li{float: left;width: 252px;margin-right: 5px;background: #fff;}
.service-box2-3 ul li:last-child{margin-right: 0;}
.service-box2-3 ul li span{display: flex;height: 198px;align-content: center;justify-content: center;flex-wrap: wrap;font-size: 30px;color:#fff;text-align: center;font-weight: 500;}
.service-box2-3 ul li.service-box2-3-1 span{background: url(/images/sub/service1_13.jpg) 0 0 no-repeat;}
.service-box2-3 ul li.service-box2-3-2 span{background: url(/images/sub/service1_14.jpg) 0 0 no-repeat;}
.service-box2-3 ul li.service-box2-3-3 span{background: url(/images/sub/service1_15.jpg) 0 0 no-repeat;}
.service-box2-3 ul li.service-box2-3-4 span{background: url(/images/sub/service1_16.jpg) 0 0 no-repeat;}
.service-box2-3 ul li.service-box2-3-5 span{background: url(/images/sub/service1_17.jpg) 0 0 no-repeat;}
.service-box2-3 ul li strong{font-size: 20px;text-align: center;display: block;padding-top: 30px;height: 168px;font-weight: 400;}

.sub-list-ul1 table{border-collapse:collapse;width: 100%;border-top: 2px solid #3a99dd;margin-top: 40px;font-size: 20px;}
.sub-list-ul1 table th{border-right: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;background: #f1f1f5;text-align: center;padding: 25px 0;width: 300px;}
.sub-list-ul1 table td{border-bottom: 1px solid #dbdbdb;padding: 25px 40px;}
.sub-list-ul1 table td span{position: relative;display: inline-block;font-size: 22px;padding-left: 8px;min-width:100px;}
.sub-list-ul1 table td span:after{position: absolute;content:"";width: 4px;height: 4px;background: #3a99dd;border-radius:50%;left:0;top:15px;}

.nubeX-li-title{background: #f8f8fa;text-align: center;padding: 50px 0;font-size: 40px;font-weight: 700;line-height: 1em;}
.sub-list-ul1 .option-text{font-size: 20px;color:#767676;display: block;position: relative;padding-left: 100px;margin-top: 10px;}
.sub-list-ul1 .option-text:before{height: 26px;line-height: 26px;font-size: 16px;color:#fff;text-align: center;padding: 0 15px;background: #191919;content:"Option";border-radius:26px;display: block;position: absolute;left:10px;top:2px;}
.service-box4{position: relative;padding-bottom: 100px;}
.service-box4:after{content:"";position: absolute;left:0;top:300px;bottom:0;background: #f8f8fa;width: 100%;}
.service-box4 div{text-align: center;position: relative;z-index: 1;}
.service-box4-title{text-align: center;font-size: 40px;font-weight: 700;margin: 100px 0}


.customer-box{position: relative;min-height:729px;}
.customer-container{width: 1280px;margin: 0 auto;}
.customer-box-bg{position: absolute;left:50%;top:0;}
.customer-top-text{width: 50%;background: #fff;padding-top: 75px;height: 429px;}
.customer-top-text strong{font-size: 50px;display: block;line-height: 1.2em;}
.customer-top-text span{font-size: 30px;display: block;color:#676767;line-height: 1.3em;margin-top: 35px;}
.customer-info-wrap{height: 300px;background: #fff;*zoom:1;position: relative;background: #fff;}
.customer-info-wrap:after{content:""; display:block; clear:both;}
.customer-info-wrap div{float: left;width: 50%;}
.customer-mail-info{text-align: center;padding-top: 178px;font-size: 30px;background: url(/images/sub/customer3_2.jpg) center 54px no-repeat;}
.customer-tel-info{text-align: center;padding-top: 170px;color:#676767;font-size: 30px;background: url(/images/sub/customer3_3.jpg) center 54px no-repeat;}
.customer-tel-info strong{display: block;text-align: center;font-size: 50px;color:#3a99dd;font-weight: 700;}

.social-box1-content{*zoom:1;}
.social-box1-content:after{content:""; display:block; clear:both;}
.social-box1-content .social-box1-1{float: left;width: 600px;height: 700px;background: url(/images/sub/social_top_bg1.jpg) 0 0 no-repeat;padding: 55px 0 0 35px;position: relative;}
.social-box1-content .social-box1-1:after{content:"";position: absolute;right:0;bottom:0;display: block;width: 327px;height: 390px;background: url(/images/sub/social_p1.png) 0 0 no-repeat;}
.social-box1-content .social-box1-2{float: right;width: 600px;height: 700px;background: url(/images/sub/social_top_bg2.jpg) 0 0 no-repeat;padding: 55px 0 0 35px;position: relative;}
.social-box1-content .social-box1-2:after{content:"";position: absolute;right:0;bottom:0;display: block;width: 341px;height: 392px;background: url(/images/sub/social_p2.png) 0 0 no-repeat;}

.social-box1-content p{font-size: 50px;font-weight: 700;margin-bottom: 40px;color:#fff;}
.social-box1-content div div{margin-bottom: 20px;font-size: 28px;position: relative;padding-left: 95px;letter-spacing:-1px;color:#fff;}
.social-box1-content div div:after{content:"";position: absolute;left:0;top:17px;width: 7px;height: 7px;background: #fff;border-radius:50%;}
.social-box1-content div strong{position: absolute;left:18px;top:0;font-weight: 400;}
.social-edu-box{position: relative;margin-bottom: 100px;}
.social-edu-box:last-child{margin-bottom: 0;}
.social-edu-container{width: 1280px;margin: 0 auto;position: relative;min-height:570px;padding: 140px 40px 0 680px;z-index: 1;}
.social-edu-img{position: absolute;left:0;top:0;}
.social-edu-box:nth-child(2n):after{position: absolute;content:"";left:0;width: 100%;top:80px;bottom:0;background: #f8f8fa;}
.social-edu-box:nth-child(2n-1) .social-edu-img{right:0; left:auto;}
.social-edu-box:nth-child(2n-1) .social-edu-container{padding: 140px 680px 0 40px;}

.social-edu-title strong{display: block;font-size: 30px;}
.social-edu-title span{display: block;font-size: 20px;}
.social-edu-sub-title{font-size: 19px;font-weight: 600;margin: 30px 0 10px;}
.social-edu-sub-text{font-size: 19px;color:#767676;}
.social-edu-content li{font-size: 19px;color:#767676;padding-left: 10px;line-height: 1.3em;position: relative;margin-bottom: 10px;letter-spacing:-1px;}
.social-edu-content li:after{width: 4px;height: 4px;border-radius:50%;position: absolute;left:0;top:10px;content:"";background: #3a99dd;}


@media screen and (max-width: 1370px){
	.fancybox-slide--html{padding: 30px !important;}
	.fancybox-content{margin: 0 !important;}
}
@media screen and (max-width: 1300px){
	.intro-popup-header{padding-bottom: 200px;background-position: 30px bottom;}
	.intro-popup-img{float: none;padding: 30px;width: auto;display: block;padding-bottom: 0;text-align: center;height: auto;}
	.intro-popup-img img{max-width:500px !important;height: auto;}
	.intro-popup-info{padding: 30px;float: none;width: auto;height: auto;}
}
@media screen and (max-width: 1280px){
	.nw{width: auto;padding: 0 30px;}

	.intro-text-wrap{padding-top: 40px;}
	.intro-box1:after{top:120px;}
	.intro-text-wrap{padding-left: 0px;padding-right: 340px;}
	.intro-text-wrap img{width: 300px;top:40px}
	.intro-box1-container{padding-bottom: 40px;}
	
	.intro-member-ul{margin: 0 -15px;}
	.intro-member-ul li{width: 50%;float: left;padding: 15px;margin-bottom: 0;}

	.intro-member-ul li a>div{padding: 35px 30px;height: auto;}
	.intro-member-ul li a>div .intro-member-name{position: static;width: auto;height: auto;font-size: 30px;padding-left: 0px;line-height: 1.4em;margin-bottom: 15px;}
	.intro-member-ul li a>div .intro-member-name strong{font-size: 40px;margin-right: 12px;}
	.intro-member-ul li a>div .intro-member-name:after{display: none;}
	.intro-member-ul li a>div .intro-member-text1{font-size: 24px;}
	.intro-member-ul li a>div .intro-member-text2 strong{font-size: 24px;}
	.intro-member-ul li a>div .intro-member-text2 span{font-size: 18px;}

	.history-ul li>p{font-size: 40px;width: 45%;padding-right: 50px;}
	.history-ul li>p strong{font-size: 60px;}
	.history-ul li>ul{width: 55%;}

	.intro-box4{margin-top: 50px;padding: 50px 30px;}
	.intro-box4-img{padding-bottom: 0;}
	.traffic-info li{float: none;width: auto !important;}

	.business-box1-content .business-box1-img1{position: static;text-align: center;margin-bottom: 30px;}

	.business-box1:after{display: none;}
	.business-box1-img2{margin-top: 50px;}
	.business-box2-ul-wrap .sub-list-ul2{float: none;width: auto;}

	.sub-list-ul1>li>p{font-size: 26px;width: 230px;}
	.sub-list-ul1>li>div{width: calc(100% - 250px);}

	.service-box1-content .service-box1-img1{position: static;text-align: center;margin-bottom: 30px;}
	.service-box1-content p .hidden-sm{display: none;}
	.service-box1-img2{margin-top: 50px;}
	.service-box2-3 ul {text-align: center;}
	.service-box2-3 ul li{display: inline-block;float: none;vertical-align: top;margin-top: 20px;}
	.sub-list-ul1 table th{width: 200px;}

	.service-box4{padding: 0 30px 100px;}

	.customer-container{width: auto;padding:  0 30px;}
	.customer-box-bg{right:30px;width: 400px;left:auto}
	.customer-top-text{padding-top: 0;padding-right: 450px;width: auto;min-height:330px;height: auto;}
	.customer-top-text br{display: none;}
	.customer-top-text strong{font-size: 40px;word-break: break-all;}
	.customer-top-text span{font-size: 24px;}

	.social-box1-content .social-box1-1{width: calc(50% - 15px);background-size: cover;}
	.social-box1-content .social-box1-2{width: calc(50% - 15px);background-size: cover;}
	.social-box1-content p{font-size: 36px;}
	.social-box1-content div div{font-size: 20px;padding-left: 70px;}
	.social-box1-content div strong{left:14px;}
	.social-box1-content div div:after{top:12px;width: 5px;height: 5px;}

	.social-edu-container, .social-edu-box:nth-child(2n-1) .social-edu-container{width: auto;padding: 30px;}
	.social-edu-img{margin-bottom: 30px;position: static;text-align: center;display: block;}
	.social-edu-img img{max-width: 300px;}
	.social-edu-box:nth-child(2n):after{display: none;}
	.social-edu-container .hidden-sm{display: none;}
}

@media screen and (max-width: 1000px){

	.intro-box1-img{display: block;text-align: center;margin-bottom: 30px;}
	.intro-box1-img img{max-width:300px;position: static;}
	.intro-text-wrap{padding-right: 0;}
	.intro-box1-container{padding-bottom: 30px !important;}
	.intro-box1-container ul{padding: 15px 30px;}
	.intro-box1-container ul li{float: none;border-left: none;width: auto;border-bottom: 1px solid #ddd;min-height:100px;padding-left: 100px;}
	.intro-box1-container ul li:last-child{border-bottom: none;}
	.intro-box1-container ul li p{left:0;}

	.history-ul{margin-top: -40px;}

	.address-top{font-size: 24Px;}
	.address-bottom{font-size: 24Px;}

	.service-box2-2 li .service-box2-2-img{width: 150px;margin-right: 30px;}
	.service-box2-2 li .service-box2-2-img:before{width: 150px;}
	.service-box2-2 li div{width: calc(100% - 180px);}
	.service-box2-2 li div .hidden-sm{display: none;}
	.sub-list-ul1 table{font-size: 16px;}
	.sub-list-ul1 table td span{font-size: 16px;}
	.sub-list-ul1 table td span:after{top:10px}

	.customer-box-bg{position: static;width: auto;}
	.customer-top-text{padding-right: 0;padding-top: 30px;min-height:auto;margin-bottom: 20px;}
	.customer-top-text strong{font-size: 30px;}
	.customer-top-text span{font-size: 16px;line-height: 1.6em;}
	.customer-mail-info{font-size: 20px;}
	.customer-tel-info strong{font-size: 36px;}
	.customer-info-wrap div{font-size: 20px;}


	.intro-popup-header{padding-bottom: 160px;background-size: auto 130px;}

	.intro-popup-info .intro-member-name strong{font-size: 34px;}
	.intro-popup-info .intro-member-name, .intro-popup-info .intro-member-text1, .intro-popup-info .intro-member-text2 strong{font-size: 24px;}
	.intro-popup-info .intro-member-text2 span{font-size: 18px;}

	.intro-popup-container{padding: 0 30px 40px;}
	.intro-popup-list1-wrap .intro-popup-list{float: none;width: auto !important}
	.intro-popup-title{font-size: 24px;}
	.intro-popup-list li{font-size: 16px;}
	.intro-popup-list li:after{font-size: 13px;}
}

@media screen and (max-width: 900px){
	.sub-list-ul1>li{border-top: 1px solid #ededed;}
	.sub-list-ul1>li>p{float: none;width: auto;display: inline-block;}
	.sub-list-ul1>li>p:before{top:-36px;}
	.sub-list-ul1>li>div{float: none;width: auto;margin-top: 30px;}
	.sub-list-ul1>li>div:before{display: none;}
	.sub-list-ul1 .hidden-sm{display: none;}

	.social-box1-content .social-box1-1{float: none;width: auto;padding: 50px 20px 0;height: 650px;}

	.social-box1-content p{font-size: 28px;margin-bottom: 30px;}
	.social-box1-content div div{font-size: 16px;padding-left: 60px;margin-bottom: 10px;}
	.social-box1-content div strong{left:14px;}
	.social-box1-content div div:after{top:9px;width: 4px;height: 4px;}

	.social-box1-content .social-box1-2{float: none;width: auto;padding: 50px 20px 0;height: 650px;margin-top: 30px;}
}

@media screen and (max-width: 800px){
	.page-title, .sub-page-title{font-size: 36px;}

	.history-ul{margin: 0;padding: 30px 0px 0;}
	.history-ul li{margin-bottom: 50px;}
	.history-ul li>p{float: none;width: auto;text-align: center;font-size: 30px;padding-right: 0;font-size: 40px;}
	.history-ul li>p strong{font-size: 40px;margin-right: 10px;display: inline-block;padding-right: 55px;padding-bottom: 0;}
	.history-ul li>p strong:after{width: 31px;height: 31px;right:8px;top:14px;left:auto;}
	.history-ul li>ul{float: none;width: auto;padding-top: 20px;}
	.history-ul li>ul li{padding-left: 90px;margin-bottom: 10px;}
	.history-ul li>ul li strong{font-size: 24px;left:18px}
	.history-ul li>ul li span{font-size: 16px;}
	.history-ul li>ul li:after{width: 6px;height: 6px;top:23px}

	.address-info{margin-top: 50px;}
	.address-top{margin-bottom: 50px;padding-bottom: 50px;}
	.address-top span{display: block;margin: 10px 0;}
	.bus-icon{margin-right: 40px;}
	.traffic-info li{font-size: 16px;}

	.service-box2-2 li{border-top: 1px solid #ededed;}
	.service-box2-2 li .service-box2-2-img{width: auto;float: none;margin-bottom: 30px;text-align: center;display: block;}
	.service-box2-2 li div{float: none;width: auto;}
	.service-box2-2 li .service-box2-2-img:before{display: none;}
	.service-box2-2 li div:before{display: none;}
	.service-box2-2 li div .hidden-sm{display: none;}
	.service-box2-2 li div strong{font-size: 26px;}
	.service-box2-2 li div span{font-size: 16px;}
}

@media screen and (max-width: 700px){
	.nw{padding: 0 15px;}
	.page-title, .sub-page-title{margin: 100px 0 50px;}

	.intro-box1:after{top:90px;}
	.intro-text-wrap{padding-top: 30px;}
	.intro-text-wrap strong{font-size: 24px;}
	.intro-text-wrap span{font-size: 16px;}
	.intro-text-wrap{padding-bottom: 40px;}
	.intro-box1-container ul{padding: 15px;}
	.intro-box1-container ul li{padding: 20px 0;}
	.intro-box1-container ul li p{position: static;margin-bottom: 15px;font-size: 24px;}
	.intro-box1-container ul li div{font-size: 16px;}

	.intro-member-ul li{width: 100%;padding: 15px;margin-bottom: 0;}
	.intro-member-ul li a>div{padding: 30px 20px;height: auto;}
	.intro-member-ul li a>div .intro-member-name strong{font-size: 34px;}
	.intro-member-ul li a>div .intro-member-text1{font-size: 20px;}
	.intro-member-ul li a>div .intro-member-text2 strong{font-size: 20px;}
	.intro-member-ul li a>div .intro-member-text2 span{font-size: 16px;}

	.intro-member-ul li a>div .intro-member-etc{width: 86px;height: 86px;background: url(/images/sub/intro1_4.jpg) 0 0 no-repeat;font-size: 16px;padding-top: 25px;background-size: cover;}
	.intro-member-ul li a>div .intro-member-etc:after{background-size: auto 15px;}

	.intro-box4{padding: 50px 15px;}
	.intro-box4 .sub-page-title{margin-bottom: 30px;}

	.sub-list-ul2 li{font-size: 16px;}
	.sub-list-ul2 li:after{top:9px}

	.sub-list-ul1>li>p span{font-size: 24px;}
	.sub-list-ul1>li>p:after{top:-3px;margin-left: 5px;}

	.service-box1-content p {font-size: 16px;}
	.service-box2-3 ul li.service-box2-3-1 span{font-size: 24px;}
	.service-box2-3 ul li strong{font-size: 16px;padding: 30px 0;height: auto;}
	.sub-list-ul1 table th{width: 120px;padding: 0 10px;}
	.sub-list-ul1 table td{padding: 20px 15px;}

	.sub-list-ul1>li li{font-size: 16px;}
	.sub-list-ul1>li li:after{top:9px}
	.sub-list-ul1 .option-text{padding-left: 80px;font-size: 16px;}
	.sub-list-ul1 .option-text:before{left:0;padding: 0 10px;}
	.service-box3-sub-title{font-size: 20px;}

	.service-box4{padding: 0 15px 50px;margin-top: 80px;}
	.service-box4-title{padding: 50px 0 30px !important;font-size: 30px;margin: 0;}
	.service-box4 .sub-page-title{padding-top: 80px !important;padding-bottom: 40px !important;}
	.service-box4 div{background: #f8f8fa;margin: -15px;padding: 15px;}
	.service-box4:after{display: none;}
	.nubeX-li-title{font-size: 26px;}
	.service-box2-3-title{font-size: 32px;}

	.customer-box-bg{margin-top: 40px;}
	.customer-container{width: auto;padding:  0 15px;}
	.customer-info-wrap div{float: none;width: auto;}
	.customer-info-wrap{height: auto;}
	.customer-tel-info strong{font-size: 30px;}

	.social-edu-container, .social-edu-box:nth-child(2n-1) .social-edu-container{padding: 30px 15px;}
	.social-edu-title strong{font-size: 24px;}
	.social-edu-title span{font-size: 18px;}
	.social-edu-sub-text{font-size: 16px;}
	.social-edu-content li{font-size: 16px;}
	.social-edu-content li:after{top:8px}
	.social-edu-box{margin-bottom: 20px;}

	.fancybox-close-small {width: 50px !important;height: 50px !important;background: url(/images/sub/popup_close.jpg) 0 0 no-repeat !important;	background-size: 100% 100% !important;}
	.fancybox-slide--html{padding: 20px !important;}
	.intro-popup-header{padding-bottom: 0;background: none;}
	.intro-popup-img{padding: 15px;padding-bottom: 0;}
	.intro-popup-info{padding: 15px;}
	.intro-popup-container{padding: 0 15px 20px;}
	.intro-popup-box{padding: 20px 0;}
}