@charset "utf-8";

/* font */
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 400;
    src: url(../font/NotoSansKR-Regular.woff2) format('woff2'),
        url(../font/NotoSansKR-Regular.woff) format('woff'),
        url(../font/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype');
}
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 600;
    src: url(../font/NotoSansKR-Bold.woff2) format('woff2'),
        url(../font/NotoSansKR-Bold.woff) format('woff');
}
@font-face {
    font-family: 'NanumSquareR';
    font-style: normal;
    font-weight: 400;
    src: url(../font/NanumSquareR.woff) format('woff'),
        url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype');
}
@font-face {
    font-family: 'NanumSquareR';
    font-style: normal;
    font-weight: bold;
    src: url(../font/NanumSquareB.woff) format('woff'),
        url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype');
}


*{padding: 0; margin:0;box-sizing: border-box;}
a{display: block; text-decoration: none;}
ul,ol,li{list-style-type: none;}
.blind{position:absolute; width:1px; font-size:0; line-height:0; text-align:left; text-indent:-999em; left:-9999em;}
.f-blue{color: #3b8aef !important;}
.f-red{color: #ff4848;}

.only-m{display: none;}
.only-pc{display: block;}

#wrap{width: 100%; min-width:1280px; position: relative; background: #fff;}
#wrap.promote-intro{min-width: 1360px;}
#wrap em{font-style: inherit; vertical-align: middle;}
#wrap .btn{padding: 0;}

header{width: 100%; max-width: 1900px; height: 80px; margin: auto; background: #3b8aef; overflow: hidden;}
header .head-inner{max-width: 1360px; height: 80px; margin:auto;}
header .head-inner:after{clear: both; display: block; content: ""}
header .head-inner .logo{float: left;}
header .head-inner .logo a{display: block; width: 135px; text-indent: -999em; overflow: hidden; background: url(../images/medisay_bi.png) no-repeat 0 center; background-size: 117px auto; padding: 18px 0;}
header .head-inner p{float: left; padding: 23px 0; color: #fff; font-size: 12px; margin-left: 15px;}
header .head-inner p span{display: block; font-family: 'NanumSquareR',sans-serif; line-height: 1.4;}
header .head-inner .go-blog{width: auto; height: 30px; padding: 0 27px; float: right; color: #fff; font-size: 13px; border-radius: 15px; border: 1px solid #2eb300; background: #2eb300; text-align: center; line-height: 27px; margin-top: 25px;font-family: 'NotoSansKR',sans-serif; position: relative; margin-right: 10px;}
header .head-inner .go-blog em{width: 20px; height: 20px; font-size: 12px; position: absolute; top: -5px; right: -5px; border-radius: 10px; background: #ff385a; line-height: 1.6;}
header .head-inner .go-medisay{width: auto; height: 30px; padding: 0 10px; float: right; color: #fff; font-size: 13px; border-radius: 15px; border: 1px solid #fff; text-align: center; line-height: 27px; margin-top: 25px;font-family: 'NotoSansKR',sans-serif;}

#container{max-width: 1280px; margin: auto; background: #fff; padding: 0;}
#wrap.promote-intro #container{width:100%; max-width: 100%; background: #fff; padding: 0;}
#container h2{text-align: center; color: #4d5363;font-family: 'NotoSansKR',sans-serif; font-size: 24px;}
#container section{}
#container section h3{color: #108fe0; font-size: 20px; text-align: center; font-weight: normal;}
#container section .lg-txt{margin-top: 65px; font-size: 28px; margin-bottom: 0; color: #4c5365; text-align: center;font-family: 'NotoSansKR',sans-serif;}
#container section .lg-txt span{display: block; color: #108fe0; line-height: 1.2;}
#container section .sm-txt{margin-top: 25px; font-size: 16px; color: #4d5363; text-align: center; font-family:'NotoSansKR',sans-serif;  }
#container section .sm-txt2{color: #4d5363; font-size: 13px; text-align: center;font-family:'NotoSansKR',sans-serif;}

footer{height: 170px; margin-top: 170px; padding-top: 27px; border-top: 1px solid #e8e8e8; font-family: 'NanumSquareR',sans-serif;}
footer .foot-inner{max-width: 1280px; margin: auto;}
footer .foot-inner:after{clear: both; display: block; content: ""}
footer .foot-inner .foot-logo{float: left; margin-right: 70px;}
footer .foot-inner .foot-menu{float: left; margin-top: 10px;}
footer .foot-inner .foot-menu ul{}
footer .foot-inner .foot-menu ul:after{clear: both; display: block; content: ""}
footer .foot-inner .foot-menu ul li{float: left; padding: 0 5px; position: relative;}
footer .foot-inner .foot-menu ul li:after{content: " "; width: 1px; height: 12px; background: #cbcbcb; position: absolute; right: 0; top: 3px;}
footer .foot-inner .foot-menu ul li:first-child{padding-left: 0;}
footer .foot-inner .foot-menu ul li:first-child a{padding-left: 0;}
footer .foot-inner .foot-menu ul li:last-child:after{display: none;}
footer .foot-inner .foot-menu ul li a{padding: 0 10px; color: #5a5a5a; font-size: 15px;}
footer .foot-inner .foot-menu > div{margin-top: 22px; font-family: 'NanumSquareR',sans-serif;}
footer .foot-inner .foot-menu > div > div{display: inline-block; font-size: 13px; font-style: normal; color: #5a5a5a;}
footer .foot-inner .foot-menu > div address{display: inline-block; margin: 0 3px; font-size: 13px; font-style: normal; color: #5a5a5a;}
footer .foot-inner .foot-menu > div dl{display: inline-block; margin: 0; line-height: 1.1;}
footer .foot-inner .foot-menu > div dl dt{display: inline-block; margin: 0; color: #5a5a5a; font-size: 13px;}
footer .foot-inner .foot-menu > div dl dd{display: inline-block; margin: 0; color: #5a5a5a; font-size: 13px;}
footer .foot-inner .foot-menu > div dl:nth-child(4){display:block;}
footer .foot-inner .foot-menu > div .copyright{color: #5a5a5a; font-size: 11px; margin-top: 10px;}
footer .foot-inner .foot-cs{float: right; height: 73px; padding-left: 30px; border-left: 1px solid #dadee7;}
footer .foot-inner .foot-cs strong{display: block; font-size: 15px; line-height: 1;}
footer .foot-inner .foot-cs span{display: block; margin-top: 12px; font-size: 22px; color: #3188f4; font-weight: bold;}
footer .foot-inner .foot-cs p{font-size: 13px; color: #5a5a5a;}
.promote-intro footer{margin-top: 0;}

.go-top{display: none; position: fixed; bottom: 170px; right: 0;}
.go-top button{width: 60px; height: 60px; background: #8e94a2; box-sizing: border-box; text-indent: -999em; overflow: hidden; border: 0; cursor: pointer; background: url(../images/icon_gotop.png) no-repeat;}


/* promote °øÅë¿ä¼Ò ½ºÅ¸ÀÏ */
.info-input{border-top: 1px solid #dbdee5;}
.info-input .top{padding: 30px 72px;}
.info-input .mid{padding: 30px 72px; border-top: 1px solid #dbdee5;}
.info-input .btm{padding: 30px 72px; border-top: 1px solid #dbdee5; border-bottom: 1px solid #dbdee5;}
.info-input dl{margin-bottom: 5px;}
.info-input dl:after{clear: both; display: block; content: ""}
.info-input dl dt{width: 135px; float: left; font-size: 13px; line-height: 33px; color: #636c85; font-family: 'NotoSansKR',sans-serif;}
.info-input dl dt em{color: #ff460d;font-style: inherit;vertical-align: middle;}
.info-input dl dd{width: 320px; float: right; margin-left: 0;}
.info-input dl dd select{width: 100%; height: 33px; border: 1px solid #dbdee7;}
.info-input dl dd input{width: 100%; height: 33px; font-size: 12px; border: 1px solid #dbdee7; text-indent: 10px;}
.info-input dl dd label{display: inline-block; position: relative; overflow: hidden; margin-right: 25px; margin-top: 10px; cursor: pointer;}
.info-input dl dd label input[type="checkbox"]{width: 0; height: 0; position: absolute; top: -22px; left: -22px;}
.info-input dl dd label input[type="checkbox"] ~ span{display: inline-block; width: 19px; height: 19px; background: url(../images/icon_check_05.png) no-repeat center center;}
.info-input dl dd label input[type="checkbox"]:checked ~ span{display: inline-block; width: 19px; height: 19px; background: url(../images/icon_check_06.png) no-repeat center center;}
.info-input dl dd label strong{display: inline-block; font-size: 12px; font-weight: normal; vertical-align: top;}
.info-input dl dd textarea{width: 100%; height: 110px; resize: none; border: 1px solid #dbdee7; padding: 10px; box-sizing: border-box; font-size: 12px;}
.info-input dl dd label.upload-file{vertical-align: middle; font-size: 12px; color: #000000; margin-top: 0; margin-right: 0;}
.info-input dl dd label.upload-file:after{clear: both; display: block; content: ""}
.info-input dl dd label.upload-file p{width: 238px;height: 33px;padding:8px 0;box-sizing:border-box;float: left;border: 1px solid #dbdee7;text-indent: 10px;font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0;}
.info-input dl dd label.upload-file button{width: 80px;height: 33px;background: #bcbfc8;float: left;content: " ";color: #fff;position: relative;font-size: 12px;border: 0; line-height: 33px; box-shadow: none; font-family: "NotoSansKR",sans-serif;}
.info-input dl dd label.upload-file input[type="file"]{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;cursor: pointer;}
.info-input dl dd .postal-code{margin-bottom: 5px;}
.info-input dl dd .postal-code:after{clear: both; display: block; content: ""}
.info-input dl dd .postal-code input{float: left;}
.info-input dl dd .postal-code input[disabled="disabled"]{width: 120px; background: #fff;}
.info-input dl dd .postal-code a{width: 80px;height: 33px;background: #bcbfc8;float: left;content: " ";color: #fff;position: relative;font-size: 12px;border: 0; line-height: 33px; box-shadow: none; text-align: center; font-family: "NotoSansKR",sans-serif;}
.info-input dl dd .postal-code + input{margin-bottom: 5px;}
.info-input dl.hope-medi dd{}
.info-input dl.hope-medi dd input{width: 50%;}
.info-input dl.hope-medi dd a{display: inline-block; width: 80px; height: 33px;
    background: #bcbfc8;
    margin-left: 34px;
    content: " ";
    color: #fff;
    position: relative;
    font-size: 12px;
    border: 0;
    line-height: 33px;
    box-shadow: none;
    text-align: center;
    font-family: "NotoSansKR",sans-serif;}
.info-input dl.hope-medi dd > span{display: block; font-size: 12px;}
.info-input dl.hope-medi dd > span.red_txt{color: red;}
.info-input dl.hope-medi dd > span.blue_txt{color: #2b77d6;}
.info-input dl.hope-medi dd > ul{width: 440px; margin-top: 10px; margin-left: 20px;	}
.info-input dl.hope-medi dd > ul li{font-size: 12px;list-style:disc;}
.info-input dl.hope-medi dd > ul li span{display: block;}

.chk-area{padding-top: 20px; text-align: center;}
.chk-area div{margin: auto;}
.chk-area div label{display: inline-block; padding: 5px 0; position: relative; overflow: hidden; cursor: pointer; font-family: "NotoSansKR",sans-serif;}
.chk-area div label input[type="checkbox"]{width: 0; height: 0; position: absolute; top: -22px; left: -22px;}
.chk-area div label input[type="checkbox"] ~ span{display: inline-block; width: 19px; height: 19px; background: url(../images/icon_check_05.png) no-repeat center center;}
.chk-area div label input[type="checkbox"]:checked ~ span{display: inline-block; width: 19px; height: 19px; background: url(../images/icon_check_06.png) no-repeat center center;}
.chk-area div label input ~ p{display: inline-block; margin: 0; font-size: 14px; color: #626c87; vertical-align: top; margin-left: 2px;}
.chk-area div label input ~ p a{display: inline-block; color: #626c87; font-size: 14px; text-decoration: underline;}

.btn-wrap{text-align: center; margin-top: 40px;}
.btn-wrap a{display: inline-block; width: auto; height: 40px; padding: 0 20px !important; text-align: center; font-size: 14px; font-weight: bold; line-height: 37px; font-family: "NotoSansKR",sans-serif;}
.btn-white{border: 1px solid #2b77d6; color: #3187f4;}
.btn-blue{border: 1px solid #2b77d6; background: #3188f4; color: #fff;}



/* ÀÎÆ®·Î(¸ÞÀÎ) */
.promote-intro{}
.promote-intro #container{}
.promote-intro #container section{}

/*¸ÞÀÎ - ºñÁÖ¾ó*/
section.visual{width: 100%; max-width: 1900px; height: 922px; margin: auto; background: url(../images/promote/visual-bg.png) no-repeat center 0px; background-size: 1900px 922px; line-height: 1;}
section.visual:after{clear: both; display: block; content: ""}
section.visual h2{padding-top: 50px;}
section.visual .swiper-wrapper h2{padding: 0;}
section.visual .swiper-wrapper p.imp{display: block !important; text-align: center; width: 100% !important; height: 165px !important; border-bottom: 6px solid #efefef; padding: 10px 0;}
section.visual h2 span{display: block; color: #fff;font-family: 'Spoqa Han Sans','µ¸¿ò'; font-size: 48px; font-weight: normal; line-height: 1.2;}
section.visual h2 span:first-child{}
section.visual .sub-txt{text-align: center; color: #fff; padding-top: 20px; font-weight: normal;}
section.visual .sub-txt p{font-size: 16px; font-family: 'Spoqa Han Sans','µ¸¿ò'; line-height: 1.8; margin: 0 20px;}
section.visual .half{width: 50%; float: left; min-width: 740px; margin:auto; margin-left: 0%; padding-top: 0; margin-top: -215px; text-align: right; position: relative; z-index: 100;}
section.visual ul{display: inline-block; margin-left: 55px;}
section.visual ul:after{clear: both; display: block; content: ""}
section.visual ul li{float: left; margin-right: 22px;}
section.visual ul li:last-child{margin-right: 0;}
section.visual ul li a{width: 146px; height: 121px; position: relative; background: url(../images/promote/link-box01.png) no-repeat center center; font-size: 18px; font-weight: 600; color: #fff; font-family: 'Spoqa Han Sans','µ¸¿ò'; text-align: center; padding-top: 40px; text-indent: -5px;}
section.visual ul li a:after{content: " "; background:url(../images/promote/icon-arrright.png) no-repeat center center; width: 100%; height: 16px; position: absolute; top: 60%; left: 0%;}
section.visual ul li a.go_inquiry{padding-top: 28px; font-size: 16px; line-height: 1.4;}
section.visual ul li a.go_inquiry:after{top: 68%;}
section.visual ul li:last-child a:after{background: url(../images/promote/icon-download.png) no-repeat center center; height:18px;}
section.visual .cs{text-align: right; margin-top: 140px;}
section.visual .cs:after{clear: both; display: block; content: ""}
section.visual .cs h3{display: inline-block; margin-right: 55px; position: relative;}
section.visual .cs h3:before{display: block; content: " "; background: url(../images/promote/icon-call01.png) no-repeat center center; width: 44px; height: 44px; position: absolute; top: 10px; left: -62px;}
section.visual .cs h3 span{display: block; text-align: left; font-size: 28px; line-height: 1.1; font-family: 'Nanum Myeongjo'}
section.visual .cs h3 ~ div{display: inline-block; vertical-align: top; padding-right: 10px;}
section.visual .cs h3 ~ div:after{clear: both; display: block; content: ""}
section.visual .cs div dl{}
section.visual .cs div dl dt{display: inline-block; color: #434f5c; font-size: 16px; font-family: 'Spoqa Han Sans','µ¸¿ò';}
section.visual .cs div dl dt:nth-child(3){margin-left: 45px;}
section.visual .cs div dl dd{display: inline-block; color: #434f5c; font-size: 16px; font-weight: bold; font-family: 'Spoqa Han Sans','µ¸¿ò';}
section.visual .cs div dl dd a{display: inline; color: #434f5c; font-size: 16px; font-weight: bold; font-family: 'Spoqa Han Sans','µ¸¿ò';}
section.visual .cs div dl ~ p{font-size: 16px; color: #434f5c; font-family: 'Spoqa Han Sans','µ¸¿ò'; text-align: left; margin-top: 8px;}
section.visual .cs div dl ~ p strong{display: inline;}
section.visual .swiper-wrapper .hosp-box{max-width: 1360px; width: 86%; background: #fff; text-align: center; border: 6px solid #efefef; border-radius: 6px;}
section.visual .swiper-wrapper .hosp-box i{display: block;color: #333;}
section.visual .swiper-wrapper p.hosp{display: inline-block; width: 24%; margin: 0; padding: 20px 0; height: 190px; vertical-align: middle;}
section.visual .swiper-wrapper p.hosp span{display: inline-block; color: #4d5363; margin-top: 15px; line-height: 1.4;}
section.visual .swiper-wrapper p.hosp em{color: #4d5363;}
section.visual .swiper-wrapper p.hosp:nth-child(3){border-left: 1px solid #efefef; border-right: 1px solid #efefef;}
section.visual .swiper-wrapper p.hosp:nth-child(4){border-right: 1px solid #efefef;}
/* section.visual .advantage-tit{    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -160px;
    top: 50%;
    font-size: 35px;}
section.visual .advantage{}
section.visual .advantage li{position: absolute;}
section.visual .advantage li:nth-child(1){top: 50%; left: 110px;}
section.visual .advantage li:nth-child(2){top: 20%; left: 20%;}
section.visual .advantage li:nth-child(3){top: 80%; left: 50%;}
section.visual .advantage li:nth-child(4){top: 20%; right: 10%;}
section.visual .advantage li:nth-child(5){top: 40%; right: 30%;}
section.visual .advantage li:nth-child(6){top: 10%; left: 42%;}
 */
/*¸ÞÀÎ - º¸¾È*/
section.security{max-width: 1355px; margin: auto; margin-top: 140px;}
section.security:after{clear: both; display: block; content: ""}
section.security .left{float: left;}
section.security .left h2{padding-top: 0 !important; padding-left: 60px; margin-left: -60px; background: url(../images/promote/icon-security.png) no-repeat 0 0;}
section.security .left h2 span{display: block; font-family: 'Spoqa Han Sans','µ¸¿ò'; font-size: 36px; line-height: 1.2; font-weight: normal; text-align: left;}
section.security .right{float: right;}
section.security .right:after{clear: both; display: block; content: "";}
section.security .right .before{float: left; height: 276px; background: url(../images/promote/security-img01.png) no-repeat 0 0; background-size: 158px 276px; padding-left: 158px;}
section.security .right .before > span{display: block; padding-left: 15px;}
section.security .right .before > span strong{display: block; font-size: 24px; line-height: 1.1; font-family: 'Spoqa Han Sans','µ¸¿ò';}
section.security .right .before > div{margin-top: 28px; padding-left: 15px;}
section.security .right .before > div p{position: relative; max-width: 230px; font-size: 14px; line-height: 1.6; font-family: 'Spoqa Han Sans','µ¸¿ò';}
section.security .right .before > div p:nth-child(2){max-width: 275px; margin-left: -40px; margin-top: 8px; line-height: 1.3; padding: 5px 0 7px 46px; color: #fff; background: #ff4848; box-sizing: border-box;}
section.security .right .before > div p:nth-child(2):before{background: #ff4848;width: 10px;height: 18px;position: absolute;bottom: 0;left: -5px;content: " ";}
section.security .right .before > div p:nth-child(2):after{background: #f4f3f3;width: 6px;height: 30px;content: " ";display: block;position: absolute;top: 0px;left: 0px;border-bottom-right-radius: 10px;}
section.security .right .after{float: left; width: 488px; height: 276px; background: url(../images/promote/security-img02.png) no-repeat 0 0; background-size: 488px 240px}
section.security .right .after > span{display: block;width: 280px;margin-left: 206px;}
section.security .right .after > span strong{display: block; font-size: 24px; color: #3b8aef; line-height: 1.1; font-family: 'Spoqa Han Sans','µ¸¿ò';}

/*¸ÞÀÎ - Ç÷§Æû*/
section.platform{margin-top: 95px; background: #f7f7f7;}
section.platform h2{display: block; position: relative; padding-top: 50px;}
section.platform ul{vertical-align: top; text-align: center; margin-top: 70px; padding-bottom: 90px; padding-left: 82px;}
section.platform ul li{display: inline-block; text-align: left; vertical-align: top;}
section.platform ul li:nth-child(2){margin: 0 97px;}
section.platform ul li span{position: relative; display: block;}
section.platform ul li span:before{width: 83px; height: 83px; position: absolute; top: -18px; left: -95px; content: " ";}
section.platform ul li:nth-child(1) span:before{background: url(../images/promote/platform01.png) no-repeat center center;}
section.platform ul li:nth-child(2) span:before{background: url(../images/promote/platform02.png) no-repeat center center;}
section.platform ul li:nth-child(3) span:before{background: url(../images/promote/platform03.png) no-repeat center center;}
section.platform ul li span strong{display: block; color: #3b8aef; font-size: 20px; line-height: 1.1; font-family: 'Spoqa Han Sans','µ¸¿ò';}
section.platform ul li p{max-width: 350px; margin-top: 15px; font-size: 14px; color: #505258; line-height: 1.5; font-family: 'Spoqa Han Sans','µ¸¿ò'; word-break: keep-all;}

/*¸ÞÀÎ - ¼Ò¼È*/
section.social{padding-top: 90px; padding-bottom: 135px; text-align: center;}
section.social .full{display: inline-block; margin: auto;}
section.social .full:after{clear: both; display: block; content: ""}
section.social .left{width: 340px; float: left;}
section.social .left h2{}
section.social .left h2 strong{display: block; text-align: left; color: #32bba5; font-size: 38px; margin-bottom: 38px; font-weight: 600; font-family: 'Nanum Myeongjo';}
section.social .left h2 span{display: block; text-align: left; line-height: 1.1; font-size: 36px; color: #32bba5; font-family: 'Spoqa Han Sans','µ¸¿ò'; font-weight: normal;}
section.social .right{float: left; margin-left: 75px; padding-top: 155px;}
section.social .right:after{clear: both; display: block; content: "";}
section.social .right ul{float: left; margin-right: 65px;}
section.social .right ul li{margin-bottom: 75px; text-align: left;}
section.social .right ul li span{position: relative;}
section.social .right ul li span:before{content: " "; position: absolute; top: -53px; left: 0;}
section.social .right ul li:nth-child(1) span:before{width: 51px; height: 50px; background: url(../images/promote/icon-s-01.png) no-repeat 0 0;}
section.social .right ul li:nth-child(2) span:before{width: 53px; height: 50px; background: url(../images/promote/icon-s-02.png) no-repeat 0 0;}
section.social .right ul li:nth-child(3) span:before{width: 54px; height: 50px; background: url(../images/promote/icon-s-03.png) no-repeat 0 0;}
section.social .right ul li:nth-child(3){margin-bottom: 0;}
section.social .right ul li span strong{display: block; font-size: 24px; color: #4e5464; line-height: 1.1; font-family: 'Spoqa Han Sans','µ¸¿ò';}
section.social .right ul li p{max-width: 335px; margin-top: 15px; font-size: 14px; color: #434f5c; line-height: 1.5; font-family: 'Spoqa Han Sans','µ¸¿ò'; word-break: keep-all;}
section.social .right .img-area{float: left; margin-top: -100px;}

/* Áß°£¶óÀÎ */
.line{width: 100%; position: relative; text-align: center;}
.line > div{position: absolute; top: 50%; left: 0; width: 100%; }
.line > div:before{content: " "; width: 50%; height: 1px; background: #32bba5; position: absolute; top: 0; left: 0;}
.line > div:after{content: " "; width: 50%; height: 1px; background: #ff764a; position: absolute; top: 0; right: 0; }
.line > span{display: inline-block; position: relative; z-index: 1; padding: 5px; background-color: #fff;}
.line > span:nth-child(2){font-size: 24px; color: #32bba5; left: 6px; padding: 5px 5px 5px 20px;}
.line > span:nth-child(3){background-image: url(../images/promote/icon-plus.png); background-repeat: no-repeat; background-position: center center; width: 36px; height: 16px;}
.line > span:nth-child(4){font-size: 24px; color: #ff764a; left: -6px; padding: 5px 20px 5px 5px;}

/*¸ÞÀÎ - ê*/
section.chat{padding-top: 90px; padding-bottom: 130px; text-align: center;}
section.chat .full{display: inline-block; margin: auto;}
section.chat .full:after{clear: both; display: block; content: ""}
section.chat .left{width: 340px; float: left;}
section.chat .left h2{}
section.chat .left h2 strong{display: block; text-align: left; color: #ff764a; font-size: 38px; margin-bottom: 38px; font-weight: 600; font-family: 'Nanum Myeongjo';}
section.chat .left h2 span{display: block; text-align: left; line-height: 1.1; font-size: 36px; color: #ff764a; font-family: 'Spoqa Han Sans','µ¸¿ò'; font-weight: normal;}
section.chat .right{float: left; margin-left: 75px; padding-top: 155px;}
section.chat .right:after{clear: both; display: block; content: "";}
section.chat .right ul{float: left; margin-right: 65px;}
section.chat .right ul li{margin-bottom: 75px; text-align: left;}
section.chat .right ul li span{position: relative;}
section.chat .right ul li span:before{content: " "; width: 87px; height: 50px; position: absolute; top: -53px; left: 0;}
section.chat .right ul li:nth-child(1) span:before{background: url(../images/promote/icon-c-01.png) no-repeat 0 0;}
section.chat .right ul li:nth-child(2) span:before{background: url(../images/promote/icon-c-02.png) no-repeat 0 0;}
section.chat .right ul li:nth-child(3) span:before{background: url(../images/promote/icon-c-03.png) no-repeat 0 0;}
section.chat .right ul li:nth-child(3){margin-bottom: 0;}
section.chat .right ul li span strong{display: block; font-size: 24px; color: #4e5464; line-height: 1.1; font-family: 'Spoqa Han Sans','µ¸¿ò';}
section.chat .right ul li p{max-width: 335px; margin-top: 15px; font-size: 14px; color: #434f5c; line-height: 1.5; font-family: 'Spoqa Han Sans','µ¸¿ò'; word-break: keep-all;}
section.chat .right .img-area{float: left; margin-top: -28px;}

/* ¸ÞÀÎ - ½½¶óÀÌ´õ */
.swiper-wrapper{height: 490px;}
.swiper-slide{}
.swiper-slide img{display: block; margin: auto; margin-bottom: 10px;}
.swiper-slide em{font-weight: bold; color: #fff; font-size: 18px; position: relative; top: -3px;}
.swiper-button-prev, section.comment .swiper-button-next{}
.page-btn-area{width: 86% !important;
    max-width: 1360px;
    background: red;
    position: relative;
    margin: auto;
    bottom: 467px !important; background: red; z-index: 400;}
.swiper-pagination{text-align: right; right: 25px; top: 4px; height: 30px;}
.swiper-pagination-bullet{opacity: 0.5; margin: 0 4px; background: #fff; vertical-align: middle;}
.swiper-pagination-bullet-active{width: 25px; border-radius: 4px; background: #fff;opacity: 1;}
.swiper-container-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background: #fff;}
.swiper-container-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px}
.swiper-slide{height: 370px; margin-top: 60px;}
.swiper-button-pause{display: inline-block;
cursor:pointer;
    position: absolute;
    top: -1px;
    right: -4px;
    width: 30px;
    height: 30px;
    background: url(../images/promote/slide-stop.png) no-repeat center center;
    background-size: 18px;
    text-indent: -99em;
    overflow: hidden;}
.swiper-button-play{
display: none;
cursor:pointer;
    position: absolute;
    top: -1px;
    right: -4px;
    width: 30px;
    height: 30px;
    background: url(../images/promote/slide-play.png) no-repeat center center;
    background-size: 18px;
    text-indent: -99em;
    overflow: hidden;}

/* »ç¿ëµµ */
.using{padding:100px 0 100px; text-align: center;}
.using ul{}
.using ul li{display: inline-block; width: 18%;}
.using ul li:nth-child(1):after{content: "";}
.using ul li:nth-child(2):after{content: "";}
.using ul li:nth-child(3):after{content: "";}
.using ul li:nth-child(4):after{content: "";}
.using ul li:nth-child(5):after{content: "";}
.using ul li span{display: block; font-weight: bold; margin-bottom: 10px; color: #696969;} 

/* ¸¸Á· */
.satisfaction{text-align: center; padding-bottom: 70px;}
.satisfaction .graph{display: inline-block; margin:auto;}
.satisfaction .graphite-separator-container{display: none;}
.satisfaction .graphite-column{border-radius: 10px; position: relative; margin-bottom: 40px;}
.satisfaction .graphite-column .graphite-column-label{width: 100%; text-align: center; position: absolute; left: 0; bottom: -40px;}
.satisfaction .graphite-column p{color: #fff; font-size: 20px;}
.satisfaction .graphite-column p:after{content:"%"; display: inline-block;}

/*¸ÞÀÎ - °¡°Ý*/
section.price{background: #3b8aef; padding-top: 155px; padding-bottom: 155px; text-align: center;}
section.price .full{display: inline-block; margin: auto; position: relative;}
section.price .full:after{clear: both; display: block; content: ""}
section.price h2{width: 400px; padding-top: 0px !important; position: relative; float: left; margin-right: 30px; text-align: left; margin-top: -47px;}
section.price h2:before{display: block; width: 14px; height: 26px; margin-bottom: 23px; content: " "; background: url(../images/promote/icon-tha01.png) no-repeat 0 center;}
section.price h2:after{display: block; width: 14px; height: 26px; margin-top: 23px; content: " "; background: url(../images/promote/icon-tha02.png) no-repeat 0 center;}
section.price h2 span{display: block; font-weight: normal; text-align: left; font-size: 36px; color: #fff; line-height: 1.3; font-family: 'Nanum Myeongjo';}
section.price .tbl{float: left; position: relative; font-family: 'Spoqa Han Sans';}
section.price .tbl .box{width: 866px; text-align: left;}
section.price .tbl .box span{display: inline-block; color: #fff; font-size: 30px; vertical-align: middle;}
section.price .tbl .box span em{display: block; color: #fff; font-weight: bold; font-size: 22px;}
section.price .tbl .box span strong{display: inline-block; color: #fff; font-size: 55px;}
section.price .tbl .box ul{display: inline-block; margin-left: 120px; vertical-align: middle;}
section.price .tbl .box ul:after{clear: both; display: block; content: "";}
section.price .tbl .box ul li{text-align: left; font-size: 20px; color: #fff; font-weight: normal; margin-bottom: 8px;} 
section.price .tbl .box ul li strong{color: #fff; font-weight: normal;}
section.price .tbl .serv{width: 866px; padding-top: 18px; margin-top: 12px; border-top: 4px solid #9dc5f7;}
section.price .tbl .serv:after{clear: both; display: inline-block; content: "";}
section.price .tbl .serv dt{float: left; font-size: 16px; color: #fff; font-weight: normal; margin-top: 30px;}
section.price .tbl .serv dd{float: right; font-size: 16px; color: #333333; margin-top: 12px; text-align: left;}
section.price .tbl .serv dd a{display: inline-block; width: 240px; height: 60px; font-size: 22px; border-radius: 4px; text-align: center; line-height: 56px; vertical-align: middle;}
section.price .tbl .serv dd a.service-join{background: #fff; color: #3b8aef;}
section.price .tbl .serv dd a.inquiry-service{background: #3b8aef; color: #fff; border: 3px solid #fff; line-height: 54px;}
/*.btn_inquiry_app{display: inline-block; padding: 1px 10px; border: 1px solid #3b8aef; border-radius: 4px; color: #3b8aef; font-size: 13px;}*/
.btn_inquiry_app{display: inline-block; padding: 3px 12px; border: 1px solid #3b8aef; border-radius: 4px; color: #3b8aef; font-size: 15px;}
.btn_inquiry_app:hover{background: #3b8aef; color: #fff;}

/*¸ÞÀÎ - ¹®È­*/
section.culture{}
section.culture .attachment{text-align: center; height: 500px; background: url(../images/promote/attachment-bg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
section.culture .attachment h2{display: inline-block; margin: auto; position: relative; padding-top: 135px !important; font-size: 40px !important; color: #fff !important; font-weight: normal;}
section.culture .attachment h2:before{width: 150px; height: 15px; background: #49180e; display: block; position: absolute; bottom: 4px; left: -3px; content: " "; opacity: 0.7;}
section.culture .attachment h2 span{display: inline; color: #ff764a; position: relative; text-shadow: 0px 0px 1px #333;}
section.culture .attachment p{margin-top: 20px; font-size: 16px; color: #fff; text-align: center; font-family: 'Spoqa Han Sans','µ¸¿ò';}
section.culture .attachment img{margin: auto; margin-top: 60px;}
section.culture .cs{max-width: 1280px; width: 100%; padding-top: 80px; padding-bottom: 65px; margin: auto;}
section.culture .cs:after{clear: both; display: block; content: ""}
section.culture .cs h3{padding-top: 7px; float: left; position: relative;}
section.culture .cs h3:before{content: " "; background: url(../images/promote/icon-call02.png) no-repeat 0 0; width: 180px; height: 44px; position: absolute; top: 10px; left: -180px;}
section.culture .cs h3 span{display: block; text-align: left; font-size: 30px; line-height: 1.1; font-family: 'Nanum Myeongjo'}
section.culture .cs h3 ~ div{float: left;margin-left: 60px; padding-top: 15px;}
section.culture .cs h3 ~ div:after{clear: both; display: block; content: ""}
section.culture .cs dl{}
section.culture .cs dl dt{display: inline-block; color: #434f5c; font-size: 16px; font-family: 'Spoqa Han Sans','µ¸¿ò';}
section.culture .cs dl dt:nth-child(3){margin-left: 45px;}
section.culture .cs dl dd{display: inline-block; color: #434f5c; font-size: 16px; font-weight: bold; font-family: 'Spoqa Han Sans','µ¸¿ò';}
section.culture .cs dl dd a{display: inline; color: #434f5c; font-size: 16px; font-weight: bold; font-family: 'Spoqa Han Sans','µ¸¿ò';}
section.culture .cs dl ~ p{font-size: 16px; color: #434f5c; font-family: 'Spoqa Han Sans','µ¸¿ò'; text-align: left;}
section.culture .cs dl ~ p strong{display: inline;}
section.culture .cs div ~ ul{float: right;}
section.culture .cs div ~ ul:after{clear: both; display: block; content: ""}
section.culture .cs div ~ ul li{float: left; margin-right: 14px;}
section.culture .cs div ~ ul li:last-child{margin-right: 0;}
section.culture .cs div ~ ul li a{width: 104px; height: 109px; background: url(../images/promote/link-box02.png) no-repeat center center; color: #fff; font-family: 'Spoqa Han Sans','µ¸¿ò'; font-size: 14px; font-weight: bold; text-align: center; padding-top: 25px; position: relative;}
section.culture .cs div ~ ul li a:after{content: "+"; color: #fff; font-size: 26px;font-weight: 500;position: absolute;top: 34%;left: 47%;}
section.culture .cs div ~ ul li:last-child a:after{content:" "; background:url(../images/promote/icon-download.png) no-repeat center center;width: 16px;height: 18px;background-size: 13px 14px;top: 44%;left:44%;}
section.culture .cs div ~ ul li:first-child a{padding-top: 16px;}
section.culture .cs div ~ ul li:first-child a:after{top: 41%;}

/*Á¦ÈÞ_±¤°í¹®ÀÇ*/
.promote-cooperate #container{width: 600px; margin: auto;}
.promote-cooperate #container section{}
.promote-cooperate #container section .info-input{margin-top: 15px;}
.promote-cooperate #container section .lg-txt ~ p{margin-top: 45px;font-size: 12px;color: #4d5363;text-align: center;font-family: 'NotoSansKR',sans-serif;line-height: 1.2;}
.promote-cooperate #container section .lg-txt ~ p em{color: #ff460d;font-style: inherit;vertical-align: middle;}


/*¼­ºñ½º °¡ÀÔ ½Åû*/
.promote-service-join #container{width: 600px; margin: auto;}
.promote-service-join #container em{color: #ff460d;}
.promote-service-join #container section{}
.promote-service-join #container section .info-input{margin-top: 85px; border-top: 0;}
.promote-service-join #container section .info-input .top{margin-top: 20px; padding: 30px 60px; border-top: 1px solid #dbdee5;}
.promote-service-join #container section .info-input .mid{padding: 30px 60px;}
.promote-service-join #container section .info-input .btm{padding: 30px 60px;}
.promote-service-join #container section .info-input dl dt{width: 160px; font-family: 'NotoSansKR', 'µ¸¿ò';}
.promote-service-join #container section .info-input dl dd label.upload-file{width: 200px;}
.promote-service-join #container section .info-input dl dd label.upload-file p{width: 120px;}
.promote-service-join .chk-area{margin-left: 40px;}
.promote-service-join .chk-area:after{clear: both; display: block; content: ""}
.promote-service-join .chk-area div{margin-left: 35px; float: left;}


/*´Ù¿î·Îµå*/
.promote-download{font-family: 'NotoSansKR', 'µ¸¿ò';}
.promote-download #container{}
.promote-download #container section{margin-top: 65px; text-align: center;}
.promote-download #container section ul{display: inline-block; margin: auto; margin-top: 28px;}
.promote-download #container section ul:after{clear: both; display: block; content: ""}
.promote-download #container section ul li{width: 290px; height: 120px; float: left; border: 1px solid #dadee6;border-radius: 5px; vertical-align: middle;}
.promote-download #container section ul li:nth-child(2){margin-left: 10px;}
.promote-download #container section ul li .windows{background: url(../images/ico_windows.png) no-repeat 40px 30px;}
.promote-download #container section ul li .mac{background: url(../images/ico_mac.png) no-repeat 40px 30px;}
.promote-download #container section ul li .google{background: url(../images/ico_googleplay3.png) no-repeat 40px 30px;}
.promote-download #container section ul li .appstore{background: url(../images/ico_appstore3.png) no-repeat 40px 30px;}
.promote-download #container section ul li a{display: block; width: 100%; height: 100%; padding: 30px 40px; box-sizing: border-box;}
.promote-download #container section ul li a span{display: block; font-size: 18px; color: #4d5363; text-indent: 80px; line-height: 62px; text-align: left;}
.promote-download footer{margin-top: 355px;}

@media screen and (max-width: 768px) {
    /*´Ù¿î·Îµå*/
    .promote-download#wrap{min-width: 320px;}
    .promote-download#wrap header{display: none;}
    .promote-download #container{}
    /*.promote-download #container section:nth-child(2){display: none;}*/
    .promote-download #container section{margin-top: 40px; text-align: center;}
    .promote-download #container section ul{display: inline-block; margin: auto; margin-top: 28px; padding: 0 20px;}
    .promote-download #container section ul:after{clear: both; display: block; content: ""}
    .promote-download #container section ul li{width: 100%; height: 120px; float: left; border: 1px solid #dadee6;border-radius: 5px; vertical-align: middle; margin-bottom: 10px;}
    .promote-download #container section ul li:nth-child(2){margin-left: 0;}
    .promote-download #container section ul li .windows{background: url(../images/ico_windows.png) no-repeat 40px 30px;}
    .promote-download #container section ul li .mac{background: url(../images/ico_mac.png) no-repeat 40px 30px;}
    .promote-download #container section ul li .google{background: url(../images/ico_googleplay.png) no-repeat 40px 30px;}
    .promote-download #container section ul li .appstore{background: url(../images/ico_appstore.png) no-repeat 40px 30px;}
    .promote-download #container section ul li a{display: block; width: 100%; height: 100%; padding: 30px 40px; box-sizing: border-box;}
    .promote-download #container section ul li a span{display: block; font-size: 18px; color: #4d5363; text-indent: 80px; line-height: 62px; text-align: left;}
    .promote-download #container h2{width:100%; height:44px; background:#3b8aef; border-bottom: 1px solid #2b78d7; padding-top: 0; color: #fff; font-size: 18px; font-weight: normal; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); line-height: 40px;}
    .promote-download #container section h3{font-size: 18px;}
    .promote-download footer{display: none; margin-top: 355px;}

}

/*ÇÁ·Î¸ð¼Ç ÀÎÆ®·Î | ¼­ºñ½º¹®ÀÇ Æ˾÷*/
.promote-popup{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 300;}
.promote-popup .popup-layer em{color: #ff460d; font-style: inherit; vertical-align: middle;}
.promote-popup .popup-layer{display: none; position: absolute; top: 50%; left: 50%; width: 500px; padding-bottom: 40px; margin-left: -250px; background: #fff;}
.promote-popup .popup-layer .head{padding-top: 45px; text-align: center; color: #4d5363; font-size: 18px; font-weight: bold; font-family: 'NotoSansKR',sans-serif;}
.promote-popup .popup-layer .contents{}
.promote-popup .popup-layer .contents p{margin-top: 38px; font-size: 22px; color: #4d5363; text-align: center; font-family: 'NotoSansKR',sans-serif; line-height: 1.2;}
.promote-popup .popup-layer .contents p span{display: block; color: #108fe0;}
.promote-popup .popup-layer .contents section > p{font-size: 13px;}
.promote-popup .popup-layer .contents section .box{width: 100%; text-align: center; padding: 30px 0; margin-top: 15px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
.promote-popup .popup-layer .contents section .box dl{display: inline-block; margin: auto; margin-bottom: 5px;}
.promote-popup .popup-layer .contents section .box dl:after{clear: both; display: block; content: ""}
.promote-popup .popup-layer .contents section .box dl dt{width: 75px; float: left; font-size: 13px; line-height: 33px; text-align: left; font-family: 'NotoSansKR',sans-serif;}
.promote-popup .popup-layer .contents section .box dl dt em{}
.promote-popup .popup-layer .contents section .box dl dd{width: 220px; float: left;}
.promote-popup .popup-layer .contents section .box dl dd input{width: 100%; height: 33px; border: 1px solid #dee2e9; line-height: 33px; text-indent: 10px; font-size: 12px;}
.promote-popup .popup-layer .contents section .box dl dd textarea{width: 100%; height: 100px; padding: 10px; border: 1px solid #dee2e9; font-size: 12px; resize: none;}
.promote-popup .popup-layer .contents section .chk-area{}
.promote-popup .popup-layer .contents section .chk-area div{text-align: center;}
.promote-popup .popup-layer .contents section .chk-area div label{}
.promote-popup .popup-layer .contents section .chk-area div label input[type="check"]{width: 0; height: 0; position: absolute; top: -22px; left: -22px;}
.promote-popup .popup-layer .contents section .chk-area div label input[type="check"] ~ span{display: inline-block; width: 19px; height: 19px; background: url(../images/icon_check_05.png) no-repeat center center;}
.promote-popup .popup-layer .contents section .chk-area div label input[type="check"]:checked ~ span{display: inline-block; width: 19px; height: 19px; background: url(../images/icon_check_06.png) no-repeat center center;}
.promote-popup .popup-layer .contents section .chk-area div label p{display: inline-block; color: #636c85; font-size: 14px; margin-top: 0;}
.promote-popup .popup-layer .btn-wrap{margin-top: 25px; white-space: nowrap;}
.promote-popup .popup-layer .btn-close{width: 20px; height: 20px; padding: 0; background: url(../images/ico_pop_close.png) no-repeat 0 0; position: absolute; top: 25px; right: 25px; text-indent: -999em; overflow: hidden;}


/*°³ÀÎÁ¤º¸Ãë±Þ¹æħ + ¿î¿µÁ¤Ã¥*/
.promote-terms{}
.promote-terms #container{text-align: center;}
.promote-terms #container section > ul{display: inline-block; margin: auto; margin-top: 70px;}
.promote-terms #container section > ul:after{clear: both; display: block; content: ""}
.promote-terms #container section > ul li{float: left; position: relative;}
.promote-terms #container section > ul li:nth-child(1):after{content: " "; width: 1px; height: 13px; background: #d1d3d5; position: absolute; right: 0; top: 6px;}
.promote-terms #container section > ul li a{padding: 0 9px; font-size: 16px; color:#4d5363;}
.promote-terms #container section > ul li a.active{color: #108fe0;}
.promote-terms #container section .terms-box{width: 880px; margin: auto; margin-top: 40px; border: 1px solid #dadee6;}
.promote-terms #container section .terms-box > strong{display: block; font-size: 26px; color: #108fe0; padding: 24px 30px; text-align: left; font-weight: normal; border-bottom: 1px solid #dadee6;}
.promote-terms #container section .terms-box > strong ~ div{height: 525px; overflow-y: auto; padding: 30px;}
.promote-terms #container section .terms-box > strong ~ div dl{padding-bottom: 30px; padding-top: 30px; border-bottom: 1px solid #dadee6; text-align: left;}
.promote-terms #container section .terms-box > strong ~ div dl dt{margin-bottom: 20px; font-size: 14px; color: #4d5363; font-weight: bold;}
.promote-terms #container section .terms-box > strong ~ div dl dd{font-size: 12px; color: #4d5363; line-height: 1.5;}
.promote-terms #container section .terms-box > strong ~ div dl dd a{display: inline; color: #4d5363;}
.promote-terms #container section .terms-box > strong ~ div dl:last-child{border-bottom: 0;}


.blockUI{background: #fff !important; opacity: 0.5;}
.blockMsg{width: 100% !important; top: 38% !important; left: 0 !important; opacity: 1 !important; background: transparent !important; border: 0 !important;}
.blockMsg img{width: 150px; height: 150px;}


/*ºñµð¿ÀÆ˾÷*/
.half-right{width: 40%; float: left; height: 460px; margin-left: 5%; position: relative; margin-top: -370px;}
.video-popup{display: none; position: absolute; top: 120px; left: 14%; width: 419px; height: 237px;}
@media screen and (min-width: 1701px) and (max-width: 1900px) {
    .video-popup{left: 15%}
}
@media screen and (min-width: 1421px) and (max-width: 1700px) {
    .video-popup{left: 18%}
}

@media screen and (min-width: 1280px) and (max-width: 1420px) {
    .video-popup{left: 12%}
}
.video-popup .video-play{background: url(../images/video-play3.png) no-repeat center center; position: absolute; top: 50%; left: 50%; width: 80px; height: 60px; margin-top: -26px; margin-left: -23px; border: 0; text-indent: -999em; overflow: hidden; cursor: pointer; z-index: 100;}
.video-popup .video{width: 416px; height: 240px; position: absolute; top: 0px; left: 0px;}
.video-popup span{position: absolute; top: 68%; left: 31%; font-weight: bold; background: #fff; padding: 0 10px;}
.video-popup span em{color: #3b8aef; position: relative; top: -2px;}
.video-popup i{display:inline-block; width: 65px; height: 69px; background:url(../images/promote/twinkle.png) no-repeat 0 0; position: absolute; top: 53px; left: 34%;}
video{height: 100%; background: #fff; box-shadow: 0px 0px 10px #3a3939; z-index: 200;}

.campaign-pop{position: fixed; top: 22px; left: 66px; z-index: 100;}
.campaign-pop > .open{width: 430px; position: relative;}
.campaign-pop > .open > img{width: 100%;}
.campaign-pop > .open .btn-close{width: 30px; height: 30px; background: url(../images/campaign/btn-cls.png) no-repeat center center; position: absolute; top: 0; right: -30px; text-indent: -999em; overflow: hidden;}
.campaign-pop > .open .btn-wrap{width: 100%; margin-top: -4px;}
.campaign-pop > .open .btn-wrap:after{clear: both; display: block; content: ""}
.campaign-pop > .open .btn-wrap a{width: 50%; float: left; height: 56px; text-indent: -999em; overflow: hidden;}
.campaign-pop > .open .btn-wrap a.btn-inquiry{background: url(../images/campaign/btn-service.png) no-repeat center center;}
.campaign-pop > .open .btn-wrap a.btn-join{background: url(../images/campaign/btn-join.png) no-repeat center center;}
.campaign-pop > .close{display: none; cursor: pointer;}

.promote-fin{height: 100vh; position: relative;}
.promote-fin #container{position: absolute; top: 32%; left: 50%; margin-left: -116px; text-align: center;}
.promote-fin #container h2{padding-top: 0;}
.promote-fin #container p{margin-top: 10px;}
.promote-fin footer{width: 100%; position: absolute; bottom: 0; left: 0; margin-top: 0;}

.neo_banner{margin-left: -140px; margin-top: 40px; position: relative;}
.neo_banner img{}
.neo_banner a{position: absolute; bottom: 40px; right: -80px; width: 36%; height: 50px;}
#container .neo_banner ~ h2{padding-top: 65px;}

.bnr_wrap{display: inline-block !important; width: auto !important; min-width: 0 !important; position: relative;}
.bnr_wrap img{}
.bnr_wrap a{position: absolute; bottom: 40px; right: 80px; width: 262px; height: 48px;}

.blog_evt{position: fixed; top: 20px; left: 20px; z-index: 400;}
.blog_evt a{background:url(../images/event/blog01.jpg) no-repeat center center; background-size: 600px; width: 600px; height: 600px;}
.blog_evt .blog_evt_cls{width: 40px; height: 40px; position: absolute; top: 0; right: -40px; background: #2e6017 url(../images/ico_pop_close_w.png) no-repeat center center; cursor: pointer;}

.swiper-container{height: 730px;}
.swiper-slide {
      text-align: center;
      font-size: 18px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.promote-intro .swiper-button-prev{width: 100px; height: 100px; top: 30%; background:url(../images/promote/intro-prev.png) no-repeat center 0 ;}
.promote-intro .swiper-button-next{width: 100px; height: 100px; top: 30%;background:url(../images/promote/intro-next.png) no-repeat center 0 ;}
.promote-intro .swiper-button-prev:after{display: none;}
.promote-intro .swiper-button-next:after{display: none;}
.promote-intro .swiper-button-next:after,.promote-intro .swiper-button-prev:after{font-size: 84px; color: #eaeaea;}

.video-bg{background:url(../images/promote/color1.png) no-repeat center center;     width: 100%;
    height: 100%;
    background-size: contain;}
/* .video-bg{width: 100%; height: 370px; background:url(../images/promote/video-bg.png) no-repeat center center, #008bc8; background-size: auto 100%;} */
.video-bg .btn-video-player{width: 128px; height: 128px; background:url(../images/promote/btn-video-player.png) no-repeat 0 0; position: absolute; top: 50%; left: 50%; margin-top: -49px; margin-left: -65px; border: 0; text-indent: -99em; overflow: hidden; cursor: pointer}
.video-layer{display: none; width: 100%; height: 489px; background: #3b8aef; z-index: 400; position: absolute; top: 0; left: 0; padding-top: 60px;}
.video-layer .video{height: 100%; width: auto;}
.video-layer .video video{height: 100%; width: auto;}
.video-layer .btn-video-cls{width: 32px; height: 30px; background:url(../images/btn_close_01.png) no-repeat 0 0; position: absolute; top: 60px; right: 50%; margin-right: -432px; border: 0; text-indent: -99em; overflow: hidden; cursor: pointer;}