@charset "UTF-8";
@import url(dmt_style2.css);
@import url(dmt_style3.css);

/*메인팝업*/
.mainPopup{position:fixed; top:0; z-index:20; width:100%; height:100vh; background:rgba(0,0,0,0.5);}
.mainPopup .popCont{position:absolute; top:110px; right:100px;}
.mainPopup .popCont .btnClose{position:absolute; top:-50px; right:0; width:26px; height:26px; background:url("../../common/images/mainPop_closeBtn.png") no-repeat 0 0;}
.mainPopup .pop{padding:20px 20px 0 20px; width:580px; background:#fff;}
.mainPopup .pop .pageNum{padding:20px 0 40px; text-align:center;}
.mainPopup .pop .pageNum .cNum{display:inline-block; font-size:16px; font-weight:700; color:#888;}
.mainPopup .pop .pageNum .tNum{display:inline-block; position:relative; padding-left:73px;  font-size:16px; font-weight:700; color:#888; opacity:0.5;}
.mainPopup .pop .pageNum .tNum:before{display:block; content:""; position:absolute; top:8px; left:10px; width:50px; height:1px; background:#ddd;}
.mainPopup .pop .swiper-button-prev{width:23px; height:42px; background:url("../../common/images/mainPop_rightBtn.png") no-repeat 0 0;}
.mainPopup .pop .swiper-button-prev.swiper-button-disabled{opacity:0;}
.mainPopup .pop .swiper-button-next{width:23px; height:42px; background:url("../../common/images/mainPop_leftBtn.png") no-repeat 0 0;}
.mainPopup .pop .swiper-button-next.swiper-button-disabled{opacity:0;}
.mainPopup .todayChk{display:flex; justify-content:center; padding:13px 0; width:580px; text-align:center; background:#f1f1f1;}
.mainPopup .todayChk .chk{display:inline-block; position:relative; width:26px; height:26px; background:url("../../common/images/mainPop_check_off.gif") no-repeat 0 0;}
.mainPopup .todayChk .chk.checked{background:url("../../common/images/mainPop_check.gif") no-repeat 0 0;}
.mainPopup .todayChk .chk input{position:absolute; top:0; left:0; width:26px; height:26px; opacity:0;}
.mainPopup .todayChk label{padding:4px 0 0 10px;}

    /* main */
.main .inner{width:1280px;}
.visualCont{position:relative; width:100%; height:600px; min-heipListght:500px;}
/* 2019-12-05 */
.visualCont .visual{width:100%; height:100%; overflow:hidden;background-size: cover!important;}
.visualCont .visual:nth-child(1){z-index:1;}
.visualCont .visual:nth-child(2){z-index:1;}
.visualCont .visual:nth-child(3){z-index:1;}
.visualCont .visual:nth-child(4){z-index:1;}
#mainVisual .swiper-button-next {width:34px; height:62px; background:url("../images/mainVis_right_btn.png") no-repeat center 0;}
#mainVisual .swiper-button-prev {width:34px; height:62px; background:url("../images/mainVis_left_btn.png") no-repeat center 0;}
#mainVisual.swiper-container-horizontal > .swiper-pagination-bullets {bottom:160px !important;}
#mainVisual .swiper-pagination.indicatorPC .swiper-pagination-bullet {width:52px; height:5px; margin:0 4px; border-radius:0}
#mainVisual .swiper-pagination.indicatorPC .swiper-pagination-bullet:nth-child(1) {background:url("../images/visIndi_01.png") no-repeat 0 0; }
#mainVisual .swiper-pagination.indicatorPC .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1) {background:url("../images/visIndi_01_on.png") no-repeat 0 0;}
#mainVisual .swiper-pagination.indicatorPC .swiper-pagination-bullet:nth-child(2) {background:url("../images/visIndi_02.png") no-repeat 0 0; }
#mainVisual .swiper-pagination.indicatorPC .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2) {background:url("../images/visIndi_02_on.png") no-repeat 0 0;}
#mainVisual .swiper-pagination.indicatorPC .swiper-pagination-bullet:nth-child(3) {background:url("../images/visIndi_03.png") no-repeat 0 0; }
#mainVisual .swiper-pagination.indicatorPC .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3) {background:url("../images/visIndi_03_on.png") no-repeat 0 0;}
/* 2019-12-05 */
.visualCont .visual video{position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.visualCont .visual .txtBox{position:absolute; top:30%; left:240px; width:720px;}
.visualCont .visual .txtBox .txt1{position:relative;}
.visualCont .visual .txtBox .txt2{position:relative; padding-top:5px;}
.visualCont .visual .txtBox .txt3{position:relative; padding-top:33px; font-size:22px; color:#fff; font-weight:300; line-height:30px;}
.visualCont .visual .txtBox .txt3 span{font-weight:700;}
.visualCont .visual .txtBox .txt3 b{font-size: 40px;display: block;line-height: 45px;}
.visualCont .visual .txtBox .txt3 .btnType {display:inline-block; margin-left:0px; padding:0 37px; background:#5998d2; color:#fff; font-size:20px; line-height:70px; font-weight:700;} /* 2019-12-05 추가 */

#mainVisual .indicator{position:absolute; top:50%; right:0; transform:translate(0, -50%); z-index:5;}
#mainVisual .indicator a{display:block; position:relative; padding:25px 20px 25px 0; text-align:left; font-family:"Montserrat", "Noto sans SC", "Malgun Gothic"; font-weight:300; font-size:16px; color:rgba(255,255,255,0.4);}
#mainVisual .indicator a:after{display:block; position:absolute; top:45px; right:0; content:""; transition:all 0.3s ease; width:0; height:2px; background:#fff;}
#mainVisual .indicator a.on{color:#fff; font-family:"Montserrat", "Noto sans SC", "Malgun Gothic"; font-weight:500;}
#mainVisual .indicator a.on:after{display:block; position:absolute; top:45px; right:0; content:""; width:100%; height:2px; background:#fff;}
#mainVisual .indicatorMob{position:absolute; bottom:120px; left:50%; transform:translate(-50%, 0); z-index:1;}
#mainVisual .indicatorMob a{display:inline-block; width:35px; height:4px;}
#mainVisual .indicatorMob a:nth-child(1){background:url("/common_ch/images/visual_indicate1.png") no-repeat 0 0; background-size:35px 4px;}
#mainVisual .indicatorMob a.on:nth-child(1){background:url("/common_ch/images/visual_indicate1_on.png") no-repeat 0 0; background-size:35px 4px;}
#mainVisual .indicatorMob a:nth-child(2){background:url("/common_ch/images/visual_indicate2.png") no-repeat 0 0; background-size:35px 4px;}
#mainVisual .indicatorMob a.on:nth-child(2){background:url("/common_ch/images/visual_indicate2_on.png") no-repeat 0 0; background-size:35px 4px;}
#mainVisual .indicatorMob a:nth-child(3){background:url("/common_ch/images/visual_indicate3.png") no-repeat 0 0; background-size:35px 4px;}
#mainVisual .indicatorMob a.on:nth-child(3){background:url("/common_ch/images/visual_indicate3_on.png") no-repeat 0 0; background-size:35px 4px;}
#mainVisual .scrollDown{position:absolute; bottom:0; left:50%; z-index:5; padding-bottom:90px; font-size:15px; color:rgba(255,255,255,0.5); font-family:"Montserrat", "Noto sans SC", "Malgun Gothic"; font-weight:500;}
#mainVisual .scrollDown:after{display:block; content:""; position:absolute; top:35px; left:50%; width:1px; height:70px; background:rgba(255,255,255,0.5); animation:aniScroll 2.5s ease-out infinite;}
@keyframes aniScroll {0%{height:70px;}50%{height:5px;}100%{height:70px;}}
.productCont{display:flex; justify-content:center; width:100%; height:880px; overflow:hidden;}
.productCont .pList{display:block; position:relative; z-index:1; width:16.6666%; height:100%; /*overflow:hidden;*/ border-left:1px solid rgba(244,244,244,0.8); }
.productCont .pList:nth-child(1){border-left:0;}
/*.productCont .pList:nth-child(1), .productCont .pList:nth-child(2), .productCont .pList:nth-child(3), .productCont .pList:nth-child(4){width:17%;}*/
.productCont .pList .floatCover{position:absolute; top:0; overflow:hidden; width:100%; height:100%; background:#fff;}
.productCont .pList .tit{position:absolute; top:150px; left:40px; font-size:30px; color:#000; font-weight:900;}
.productCont .pList .titSum{position:absolute; top:200px; left:40px; font-size:18px; color:#888; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:300; transition:all 0.3s ease;}
.productCont .pList .activeTxt{position:absolute; top:200px; left:40px; color:#fff; font-size:16px; line-height:22px; opacity:0; transition:all 0.3s ease;}
.productCont .pList .imgArea{position:absolute; top:295px; left:0px;}
.productCont .pList .arrow{position:absolute; top:130px; right:0px; width:46px; height:40px; opacity:0; background:url("../images/mainProduct_overArrow.png") no-repeat 0 0; transition:all 0.3s ease-out; transition-delay:0.2s;}
.productCont .pList.narrow{width:12%;}
.productCont .pList.active{z-index:2;}
.productCont .pList.active .floatCover{overflow:visible; box-shadow:8px 10px 36px 11px rgba(0,0,0,0.17);}
.productCont .pList.active .tit{top:130px; color:#fff; font-size:42px;}
.productCont .pList.active .titSum{opacity:0;}
.productCont .pList.active .activeTxt{opacity:1;}
.productCont .pList.active .arrow{opacity:1; right:60px;}
.productSearch{padding:80px 0; height:290px; font-size:30px; color:#fff; font-weight:300; text-align:center; background:url("../images/productSearch_bg.jpg") no-repeat center 0; transition:all 5s ease-out;background-size: cover;}
.productSearch.active{background:url("../images/productSearch_bg.jpg") no-repeat center bottom;background-size: cover;}
.productSearch #botBtn{padding-top:30px;}
.productSearch #botBtn .btnMore:after{left:-460px; width:420px;}
.productSearch #botBtn .btnMore:hover:after{left:-40px;}
.whyDoosanCont{padding-top:200px; background:url("../images/mainWhyDoosan_bg.jpg") no-repeat center 0;}
.whyDoosanCont .tit{font-size:80px; color:#fff; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:900; line-height:85px;}
.wdCont{padding-top:60px; overflow:hidden;}
.wdCont .list{display:flex; height:540px;}
.wdCont .list .imgCont{position:relative; width:50%;}
.wdCont .list .imgCont .img{position:absolute; top:0; right:0; width:620px; height:100%; overflow:hidden; transition:all 1s ease-out;}
.wdCont .list .imgCont .img img{position:absolute; top:0; right:0; }
.wdCont .list .txtCont{position:relative; padding:265px 0 0 80px; width:50%; letter-spacing:-1px;}
.wdCont .list .txtCont > div{position:absolute; bottom:80px;}
.wdCont .list .txtCont .txt1{position:relative; left:50px; opacity:0; font-size:50px; color:#333; font-weight:700; transition:all 0.5s ease-out;}
.wdCont .list .txtCont .txt2{position:relative; left:50px; opacity:0; padding-top:25px; font-size:24px; color:#333; font-weight:300; line-height:32px; transition:all 0.5s ease-out; transition-delay:0.2s;}
.wdCont .list .txtCont .posTxt{position:absolute; bottom:75px; left:75px; width:80%; font-size:40px; color:#333; font-weight:300; line-height:48px;}
.wdCont .list .txtCont .posTxt .subj{padding-bottom:40px; font-size:50px; color:#333; font-weight:300; line-height:56px;}
.wdCont .list .txtCont .posTxt .dotTxt{line-height:18px;}
.wdCont .list .txtCont .posTxt .dotTxt span{display:inline; padding-left:15px; margin:5px 0; font-size:18px; color:#666; font-weight:300; line-height:23px; background:url("../images/dot4x4.gif") no-repeat 0 11px;}
.wdCont .list .txtCont .posTxt .autoTxt1{font-size:18px; color:#666; font-weight:300; line-height:26px; letter-spacing:-0.5px;}
.wdCont .list .txtCont .posTxt .starTxt{position:relative; margin-top:15px; font-size:16px; color:#666; font-weight:300; line-height:24px; letter-spacing:-0.5px;}
.wdCont .list .txtCont .posTxt .starTxt span{position:relative; display:inline-block; padding-left:10px;}
.wdCont .list .txtCont .posTxt .starTxt span:before{display:inline-block; content:"*"; position:absolute; top:5px; left:0;}
.wdCont .list:nth-child(even) .txtCont{padding:265px 80px 0 0; text-align:right;}
.wdCont .list:nth-child(even) .txtCont > div{right:80px;}
.wdCont .list:nth-child(even) .txtCont .txt1{left:-50px; opacity:0;}
.wdCont .list:nth-child(even) .txtCont .txt2{left:-50px; opacity:0;}
.wdCont .list:nth-child(even) .txtCont .posTxt{right:75px; left:unset;}
.wdCont .list:nth-child(even) .imgCont .img{left:0;}
.wdCont .list:nth-child(even) .imgCont .img img{left:0;}
.wdCont .list.active .imgCont .img{width:960px;}
.wdCont .list.active .txtCont .txt1{left:0; opacity:1;}
.wdCont .list.active .txtCont .txt2{left:0; opacity:1;}
.main .wdCont .list{height:480px;}

.aboutCont{margin-top:200px;}
.aboutCont .box{width: 390px; float: left;padding-top: 40px;}
.aboutCont .box h2{
        display: block;
        line-height: 70px;
        font-size: 66px;
        text-transform:capitalize;
        color: #222;
        font-family: 'BEBAS';
        padding-top: 55px;
        position: relative;
        margin-bottom: 10px;
    }
    .aboutCont .box h2:before{
        display: block;
        width: 125px;
        height: 3px;
        background-color: #222;
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
    }
    .aboutCont .box h3{display: block;font-size: 50px;color: #222;line-height: 60px;margin-bottom: 30px;}
    .aboutCont .box .cent{font-size: 16px;line-height: 30px;color: #1d2830;margin-bottom: 40px;}
    .aboutCont .box .cent p{ font-size: 16px;line-height: 30px;color: #1d2830;}
    .aboutCont .box .btns{
        display: block;
        width: 190px;
        height: 48px;
        line-height: 48px;
        color: #fff;
        font-size: 18px;
        padding: 0 30px;
        border-radius: 3px;
        text-transform:capitalize;
        font-family: 'BEBAS';
        background:#5998d2 url(../images/rddr.png) 80% center no-repeat;
        border:1px solid #5998d2;
        transition: all 0.5s;-webkit-transition: all 0.5s;
        margin-bottom: 100px;
    }
    .aboutCont .box .btns:hover{background:#5998d2 url(../images/rddr.png) 87% center no-repeat;box-shadow: 0 1px 6px 0px rgba(0,91,160,1)}
    .aboutCont .box .details{width: 299px;height: 299px;overflow: hidden;float: right;}
    .aboutCont .box .details img{transition: all 0.5s;-webkit-transition: all 0.5s}
    .aboutCont .box .details:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
    .aboutCont .pic{float: right;width: 718px;height: auto;}

    .aboutCont .pic .video-pc{width: 100%;height:auto;position:relative;margin-bottom: 50px;overflow:hidden;}
    .aboutCont .pic .video-pc img{display: block;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s}
    .aboutCont .pic .video-pc:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
    .aboutCont .pic .video-ph{display: none;}
    .aboutCont .bot{padding-left:40px;height: auto;}
    .aboutCont .bot ul li{float: left;margin-right: 90px;}
    .aboutCont .bot ul li:last-child{margin-right: 0px;}
    .aboutCont .bot li p{font-size: 64px;color: #1d2830; text-align: center;line-height: 70px;font-family: 'BEBAS'; margin-bottom: 5px;}
    .aboutCont .bot li .intro{display: block; text-align: center;font-size: 14px;line-height: 20px;}
    .prop-zhez{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: url(../images/tipbg.png) center repeat;z-index: 100;display: none}
    .prop-video-box{width:950px;margin: 0 auto;height: 60%;position: fixed;top: 15%;left:50%;z-index:101;margin-left: -475px}
    .prop-video-box .close{display: block;width: 35px;height: 35px;background: url(../images/ico_07.png) center no-repeat;position: absolute;right: -50px;top: 0px;}
    .prop-video-box .video{display: block;width: 100%;height: 100%}
    .prop-video-box .main{display: block;width: 100%;height: 100%}

.cStoryCont{}
.cStoryCont .inner{z-index:2;}
.cStoryCont .bg{position:absolute; width:100%; height:738px; background:#f8f8f8;}
.cStoryCont .bg .bg1{display:none; position:absolute; top:0; width:100%; height:100%; background:url("../images/main_customStroy1_expand.jpg") no-repeat center 0; background-size:cover;}
.cStoryCont .bg .bg2{display:none; position:absolute; top:0; width:100%; height:100%; background:url("../images/mainvisual3.jpg") no-repeat center 0; background-size:cover;}
.cStoryCont .bg .bg3{display:none; position:absolute; top:0; width:100%; height:100%; background:url("../images/mainvisual4.jpg") no-repeat center 0; background-size:cover;}
.cStoryCont .tit{position:relative; z-index:2; padding-top:180px; font-size:36px; color:#000; font-weight:900; text-align:center; transition:all 1s ease-out;}
.cStoryCont .story{position:absolute; z-index:1; top:194px; left:50%; transform:translate(-50%, 0); transition:all 1s ease-out;}
.cStoryCont .listCont{position:relative; z-index:1; display:flex; margin-top:100px;}
.cStoryCont .listCont .list{position:relative; width:426px; height:568px;}
.cStoryCont .listCont .list:nth-child(1){margin-top:55px; background:url("../images/main_customStroy1.jpg") no-repeat 0 0;}
.cStoryCont .listCont .list:nth-cbigImgAreahild(2){background:url("../images/main_customStroy2.jpg") no-repeat 0 0;}
.cStoryCont .listCont .list:nth-child(3){margin-top:115px; background:url("../images/main_customStroy3.jpg") no-repeat 0 0;}
.cStoryCont .listCont .list .txt1{position:absolute; top:430px; left:50px; font-size:20px; color:#fff; font-weight:300; transition:all 0.4s ease-out;}
.cStoryCont .listCont .list .txt2{position:absolute; top:463px; left:50px; font-size:36px; color:#fff; font-weight:300; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:900;  transition:all 0.4s ease-out;}
.cStoryCont .listCont .list .over{position:absolute; top:0; left:0; padding-top:227px; width:100%; height:100%; text-align:center; opacity:0; background:rgba(50,109,164,0.7); transition:all 0.4s ease-out;}
.cStoryCont .listCont .list .over a{display:inline-block; width:208px; height:60px; background:url("../images/main_customStroy_btn1.png") no-repeat 0 0;}
.cStoryCont .listCont .list .over p{padding-top:25px; font-size:18px; color:rgba(255,255,255,0.6); font-weight:300; line-height:24px;}
.cStoryCont .listCont .list:hover .txt1{left:20px; opacity:0;}
.cStoryCont .listCont .list:hover .txt2{left:80px; opacity:0;}
.cStoryCont .listCont .list:hover .over{opacity:1;}
.cStoryCont.active .tit{color:#fff;}
.cStoryCont.active .story{opacity:0.1;}
.noticeCont{margin-top:100px;margin-bottom: 100px;}
.noticeCont .tit{position:relative; font-size:50px; color:#333; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:900; }
.noticeCont .tit .btnMore{position:absolute; bottom:0px; right:25px; font-size:16px; color:#666; font-weight:400;}
.noticeCont .tit .btnMore span{padding-right:25px; background:url("../images/main_more_arrow.gif") no-repeat right center;}
.noticeCont .news{position:absolute; z-index:1; top:30px; left:50%; transform:translate(-50%, 0);}
.noticeCont .listCont{position:relative; z-index:2; margin-top:70px;}
.noticeCont .listCont .list{display:block; overflow:hidden; float:left;}
.noticeCont .listCont .list .imgArea{position:relative; float:left; width:245px; height:170px; overflow:hidden;}
.noticeCont .listCont .list .infoArea{float:left; margin-left:20px; width:370px;}
.noticeCont .listCont .list .infoArea .subj{padding-top:0px; font-size:20px; color:#333; font-weight:700; line-height:26px;}
.noticeCont .listCont .list .infoArea .subj.youtubeType{background:url("../images/main_newsArea_sticker1.jpg") no-repeat 0 0;}
.noticeCont .listCont .list .infoArea .subj.newsType{}
.noticeCont .listCont .list .infoArea .subj.facebookType{background:url("../images/main_newsArea_sticker3.jpg") no-repeat 0 0;}
.noticeCont .listCont .list .infoArea .subj span{display: inline-block;background: #5998d2;color: #ffff;padding: 10px 20px;margin-bottom: 15px;font-size: 18px;font-weight: 500;}
.noticeCont .listCont .list .infoArea .subj p{font-size: 16px;color: #666;margin-bottom: 10px;}
.noticeCont .listCont .list:nth-child(1){margin-right:40px; width:600px;}
.noticeCont .listCont .list:nth-child(1) .imgArea{float:none; width:620px; height:450px;}
.noticeCont .listCont .list:nth-child(1) .infoArea{float:none;margin-top:20px; margin-left:0; width:620px;}
.noticeCont .listCont .list:nth-child(3),.noticeCont .listCont .list:nth-child(4){margin-top:30px;}
.noticeCont .listCont .list.movieType .imgArea:before{display:block; content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.noticeCont .listCont .list.movieType .imgArea:after{display:block; content:""; position:absolute; top:50%; left:50%; z-index:2; transform:translate(-50%, -50%); width:26px; height:30px; background:url("../images/icon_moviePlay.png") no-repeat 0 0;}
.noticeCont #botBtn{display:none;}

    /*제품*/
.productSchArea{position:relative; width:100%;}
.productSchArea .searchArea{position:absolute; top:0; left:0; width:322px; height:100%; border-right: 1px solid #ddd; background:#fff;}
.productSchArea .searchArea .mCSB_inside > .mCSB_container{margin:0;}
.productSchArea .searchArea .tab4dep{margin-top:0; width:100%; height:100%;}
.productSchArea .searchArea .tab4dep .tab a{font-size:18px; background:#efefef;}
.productSchArea .searchArea .tab4dep .tab a.on{background:#d7df23;}
.productSchArea .searchArea .contBox{height:calc(100% - 70px);}
.productSchArea .searchArea .cont{margin:0;}
.productSchArea .slideCont{height:calc(100% - 107px); overflow-y:auto;}
.productSchArea .slideCont #botBtn{display:none;}
.productSchArea .searchArea .resetSearch{display:flex; padding:20px 40px; font-size:20px; color:#333; font-weight:700; line-height:46px; border-bottom:1px solid #ddd;}
.productSchArea .searchArea .resetSearch .btnReset{display:inline-block; margin-left:15px; width:46px; height:46px; background:url("../images/tableAntiRegist_refresh.jpg") no-repeat 0 0;}
.productSchArea .searchArea .slideCont .slide{border-top:1px solid #ddd;}
.productSchArea .searchArea .slideCont .slide:first-child{border-top:0;}
.productSchArea .searchArea .slideCont .slide > a{display:block; padding:25px 60px 25px 40px; font-size:20px; color:#333; font-weight:700; line-height:24px; background:url("../images/icon_prodectSlide2.png") no-repeat right+30px center;}
.productSchArea .searchArea .slideCont .slide > a.active{background:url("../images/icon_prodectSlide1.png") no-repeat right+30px center;}
.productSchArea .searchArea .slideCont .slide .under{padding-bottom:30px;}
.productSchArea .searchArea .slideCont .slide .under a{display:block; padding:12px 40px; color:#666}
.productSchArea .searchArea .slideCont .slide .under a:hover{color:#5998d2; font-weight:700;}
.productSchArea .searchArea .slideCont .slide .under a:first-child{padding-top:5px;}
.productSchArea .searchArea .slideCont .slide .under a.active{color:#5998d2; font-weight:700;}
.productSchArea .searchArea .slideCont .slide .under .formGroup{display:flex; align-items:center; margin-top:20px; padding:0 40px;}
.productSchArea .searchArea .slideCont .slide .under .formGroup:first-child{margin-top:0;}
.productSchArea .searchArea .slideCont .slide .under .formGroup label{padding-left:15px; color:#666; font-weight:400; width:200px; line-height:18px;}
.productSchArea .searchArea .slideCont .slide .under .formGroup .chkBox{top:0; width:26px; height:26px; background:url("../images/icon_chkBox2.jpg") no-repeat 0 0;}
.productSchArea .searchArea .slideCont .slide .under .formGroup .chkBox.active{background:url("../images/icon_chkBox2_on.jpg") no-repeat 0 0;}
.productSchArea .searchArea .slideCont .slide .under .formGroup .chkBox.active + label{color:#333; font-weight:700;}
.productSchArea .searchArea .slideCont .slide .under .formGroup .chkBox input[type="checkbox"]{width:26px; height:26px;}
.productSchArea .searchArea .slideCont .slide .slider{padding:5px 40px;}
.productSchArea .searchArea .slideCont .slide .slider .input input[type="text"]{border:0; width:100%; font-size:24px; color:#333; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700; text-align:center;}
.productSchArea .searchArea .slideCont .slide .slider .mySlider{margin-top:20px;}
.productSchArea .searchArea .slideCont .slide .slider .blBox{display:flex; justify-content:space-between; margin-top:20px;}
.productSchArea .searchArea .slideCont .slide .slider .blBox span{font-size:14px; color:#888; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:400;}
.productSchArea .searchArea .slideCont .slide .slider .formDiv{display:flex; flex-wrap:wrap; margin-top:15px;}
.productSchArea .searchArea .slideCont .slide .slider .formDiv .formGroup{display:block; padding-bottom:10px; width:50%;}
.productSchArea .searchArea .slideCont .slide .slider .formDiv .formGroup .chkBox{top:5px; width:26px; height:26px; background:url("../../common/images/icon_chkBox2.jpg") no-repeat 0 0;}
.productSchArea .searchArea .slideCont .slide .slider .formDiv .formGroup .chkBox.active{background:url("../../common/images/icon_chkBox2_on.jpg") no-repeat 0 0;}
.productSchArea .searchArea .slideCont .slide .slider .formDiv .formGroup .chkBox input[type="checkbox"]{width:26px; height:26px;}
.productSchArea .searchArea .slideCont .slide .slider .formDiv .formGroup label{color:#333; font-weight:500;}
.productSchArea .searchArea .slideCont .slide .slider.sliding{padding:5px 40px 40px 40px;}
.productSchArea .searchArea .slideCont .mCSB_scrollTools{margin-top:20px;}
.productSchArea .prodDetailArea{position:relative;padding:120px 0px 120px 0px; background:#f4f4f4;}
.productSchArea .prodDetailArea.introType{padding:350px 0 0 0; width:calc(100% - 322px); height:1000px; background:url("../images/prodDetailArea_introBg.jpg") no-repeat 0 0;}
.productSchArea .prodDetailArea .introCont{text-align:center; background:url("../images/icon_prodDetailArea_arrow.png") no-repeat 150px 90px;}
.productSchArea .prodDetailArea .introCont .txt1{font-size:50px; color:#fff; font-weight:900; line-height:60px;}
.productSchArea .prodDetailArea .introCont .txt2{padding-top:35px; font-size:18px; color:#fff; font-weight:300;}
.productSchArea .totalTit{padding-left:15px; font-size:30px; color:#333;}
.productSchArea .totalTit span{color:#6398d3;}
.productSchArea .btnArea{position:absolute; top:100px; right:80px; overflow:hidden;}
.productSchArea .btnArea a{float:left; margin-left:10px; padding:15px 40px; height:50px; font-size:18px; color:#333; border:1px solid #ddd; background:#fff; transition:all 0.2s ease-out;}
.productSchArea .btnArea a:nth-child(1) span{display:inline-block; padding-left:28px; background:url("../images/icon_product_btn1.png") no-repeat 0 center;}
.productSchArea .btnArea a:nth-child(2) span{display:inline-block; padding-left:28px; background:url("../images/icon_product_btn2.png") no-repeat 0 center;}
.productSchArea .btnArea a:nth-child(3) span{display:inline-block; padding-left:28px; background:url("../images/icon_product_btn3.png") no-repeat 0 center;}
.productSchArea .btnArea a:hover{color:#fff; border:1px solid #5998d2; background:#5998d2;}
.productSchArea .btnArea a:hover:nth-child(1) span{background:url("../images/icon_product_btn1_on.png") no-repeat 0 center;}
.productSchArea .btnArea a:hover:nth-child(2) span{background:url("../images/icon_product_btn2_on.png") no-repeat 0 center;}
.productSchArea .btnArea a:hover:nth-child(3) span{background:url("../images/icon_product_btn3_on.png") no-repeat 0 center;}
.productSchArea .listCont{display:flex; flex-wrap:wrap; margin-top:30px;}
.productSchArea .listCont .list{margin:20px 15px; padding:30px 35px 50px; width:395px; /*height:620px;*/ border:2px solid #fff; background:#fff; transition:all 0.4s ease-out;}
/*.productSchArea .listCont.type2 .list{padding-top:70px;}*/
.productSchArea .listCont .list .chkArea{padding:0 0 0 0; height:auto;}
.productSchArea .listCont .list .chkArea .formGroup{display:flex;}
/* 2019-07-23 수정 */
.productSchArea .listCont .list .detail .imaArea{display:block; position:relative; margin:0 0 20px; overflow:hidden; width:100%; height:250px; text-align:center;}
.productSchArea .listCont .list .detail .imaArea img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:100%;}
/* // 2019-07-23 수정 */
.productSchArea .listCont .list .detail .infoArea{padding:0;}
.productSchArea .listCont .list .detail .infoArea .name{font-size:22px; color:#333; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700;}
.productSchArea .listCont .list .detail .infoArea .addTxt{padding-top:10px; height:auto; font-size:18px; color:#666; line-height:24px;}
.productSchArea .listCont .list .detail .infoArea .sBox{margin-top:25px; padding-top:25px; border-top:1px solid #ddd;}
.productSchArea .listCont .list .detail .infoArea .txtLine{margin-top:14px; overflow:hidden;}
.productSchArea .listCont .list .detail .infoArea .txtLine:first-child{margin-top:0;}
.productSchArea .listCont .list .detail .infoArea .txtLine p:nth-child(1){font-size:16px; color:#333; line-height:20px; font-weight:500;}
.productSchArea .listCont .list .detail .infoArea .txtLine p:nth-child(2){float:right; font-size:16px; color:#666; line-height:20px; font-weight:300;}
.productSchArea .listCont .list.active{border:2px solid #5998d2; box-shadow:10px 11px 20px 8px rgba(0,0,0,0.1);}
.productSchArea .listCont .list:hover{border:2px solid #5998d2; box-shadow:10px 11px 20px 8px rgba(0,0,0,0.1);}
.productSchArea .listCont .list .formGroup .chkBox{top:0; width:26px; height:26px; background:url("../images/icon_chkBox2.jpg") no-repeat 0 0;}
.productSchArea .listCont .list .formGroup .chkBox.active{background:url("../images/icon_chkBox2_on.jpg") no-repeat 0 0;}
.productSchArea .listCont .list .formGroup .chkBox input[type="checkbox"]{width:26px; height:26px;}

.productSchArea .sArea {padding:20px 20px;}
.productSchArea .sArea .ipTxt {position:relative; width:100%; height:50px; border:1px solid #ddd;}
.productSchArea .sArea input[type="text"] {width:calc(100% - 40px ); height:100%; padding:3px 15px; float:left; border:0}
.productSchArea .sArea .quicSrch{position:absolute; top:15px; right:15px; width:18px; height:18px; background:url("../images/quicSrch_icon.png") no-repeat 0 0;}
.productSchArea .listNodata{margin-top:50px; margin-left:15px; justify-content:center; padding:295px 0 200px; border-bottom:0; background:url("../images/icon_nodata.png") no-repeat center 150px #fff;}
.productSchArea .mCSB_container{display:block;}
.productView{}
.productView .subjCont{text-align:center;}
.productView .subjCont .gubun{font-size:30px; color:#333; font-weight:900;}
.productView .subjCont .name{padding-top:17px; font-size:100px; color:#333; font-family:"DoosanMetaPro-BlackItalic";}
.productView .subjCont .name.type2{padding-top:17px; font-size:50px; color:#333; font-family:'Noto Sans', '맑은 고딕', 'Malgun Gothic', sans-serif; font-weight:900;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .productView .subjCont .name{padding-top:40px;}
}
.productView .subjCont .addTxt{padding-top:15px; font-size:20px; color:#666; font-weight:300;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .productView .subjCont .addTxt{padding-top:0;}
}
.productView .labelCont{position:relative; margin-top:80px;}
.productView .labelCont .labelSwiper{padding-bottom:55px;}
.productView .labelCont .labelSwiper .swiper-slide{position:relative;}
.productView .labelCont .labelSwiper .swiper-slide img{/*position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); */width:100%;}
.productView .labelCont .labelSwiper .swiper-pagination{font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700;}
.productView .labelCont .labelSwiper .swiper-pagination .swiper-pagination-current{position:relative; padding-left:11px; }
.productView .labelCont .labelSwiper .swiper-pagination .swiper-pagination-current:before{content:'0'; display:block; position:absolute; top:0; left:0; line-height:20px}
.productView .labelCont .labelSwiper .swiper-pagination .swiper-pagination-total{position:relative; padding-left:11px; opacity:0.5}
.productView .labelCont .labelSwiper .swiper-pagination .swiper-pagination-total:before{content:'0'; display:block; position:absolute; top:0; left:0; line-height:20px}
.productView .labelCont .labelSwiper .swiper-pagination .line{display:inline-block; vertical-align:middle; width:50px; height:1px; margin:0 10px; background:#ccc;}
.productView .labelCont .btnArea{position:absolute; top:0; left:0; z-index:1; width:100%;}
.productView .labelCont .btnArea .btnLeft{position:absolute; top:300px; left:30px; width:34px; height:66px; background:url("../images/newsletter_roll_leftBtn.png") no-repeat 0 0;}
.productView .labelCont .btnArea .btnRight{position:absolute; top:300px; right:30px; width:34px; height:66px; background:url("../images/newsletter_roll_rightBtn.png") no-repeat 0 0;}
.productView .labelCont .infoTxt{padding:60px 0 60px; font-size:30px; color:#333; font-weight:300; line-height:40px; text-align:center;}
.productView .labelCont .infoTxt p{padding:4px 0;}
.productView .movieCont{padding:100px 0; margin-top:0; background:#f4f4f4;}/* 2019-07-25 수정 */
.productView .movieCont .viewTit{font-size:40px; color:#333; font-weight:900;}
.productView .movieCont .videoId{display:none;}
.productView .movieCont .movieBox{margin-top:50px; padding:100px 130px; background:#fff;}
.productView .movieCont .movieBox .tit{font-size:30px; color:#333; font-weight:700;}
.productView .movieCont .movieBox .movie{display:block; position:relative; margin-top:50px; width:100%; height:auto; height:650px; overflow:hidden;}
.productView .movieCont .movieBox .movie img{width:100%;}
.productView .movieCont .movieBox .movie:before{display:block; content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.productView .movieCont .movieBox .movie:after{display:block; content:""; position:absolute; top:50%; left:50%; z-index:2; transform:translate(-50%, -50%); width:26px; height:30px; background:url("../images/icon_moviePlay.png") no-repeat 0 0;}
.productView .movieCont .searchResultArea .resultBox{justify-content:center;}
.productView .movieCont .searchResultArea .swipeType .resultBox{justify-content:left;}
.productView .movieCont .searchResultArea .swipeType .swiper-button-prev{top:150px; left:0; width:70px; height:70px; opacity:1; z-index:2;background:url("../images/movieSwipe_leftBtn.png") no-repeat 0 0;}
.productView .movieCont .searchResultArea .swipeType .swiper-button-next{top:150px; right:0; width:70px; height:70px; opacity:1; z-index:2;background:url("../images/movieSwipe_rightBtn.png") no-repeat 0 0;}
.productView .highlightCont{padding:100px 0; height:488px; background:linear-gradient(140deg, #5998d2, #262f64);}
.productView .highlightCont.mt{margin-top:100px;}
.productView .highlightCont h3{font-size:40px; color:#fff; font-weight:900;}
.productView .highlightCont .iconDiv{display:flex; justify-content:center; margin-top:50px;}
.productView .highlightCont .iconDiv .icon{position:relative; top:50px; opacity:0; margin:0 60px; width:140px; transition:all 0.4s ease-out;}
.productView .highlightCont .iconDiv .icon .txt{padding-top:15px; font-size:20px; color:#fff; font-weight:900; line-height:24px; text-align:center;}
.productView .highlightCont .iconDiv.active .icon{top:0; opacity:1;}
.productView .wdCont{padding-top:0;}
.productView .specCont{margin-top:200px;}
.productView .specCont h3{font-size:40px; color:#333; font-weight:900;}
.productView .specCont .addTxt{margin-top:50px; font-size:20px; font-weight:300;}
.productView .brochure{margin-top:100px;}
.productView .brochure .fileArea{padding:0; background:#fff;}
.productView .brochure .fileArea .file{padding:0;}
.productView .pressRls{margin-top:50px;}
.productView .pressRls .tit{font-size:20px; color:#333; font-weight:700;}
.productView .pressRls .listCont{margin-top:20px;}
.productView .pressRls .listCont a{display:flex; padding:20px 30px; border-bottom:1px solid #ddd;}
.productView .pressRls .listCont a:first-child{border-top:1px solid #ddd;}
.productView .pressRls .listCont a .subj{width:1050px; font-size:16px; font-weight:700; line-height:20px; transition:all 0.3s ease-out;}
.productView .pressRls .listCont a .date{font-size:14px; font-weight:300;}
.productView .pressRls .listCont a:hover .subj{color:#5998d2;}
.productView .autoSolution{margin-top:200px;}
.productView .autoSolution h3{font-size:40px; color:#333; font-weight:900;}
.productView .autoSolution .bgArea{margin-top:50px; height:500px; background:url("../images/autoSolution_bg.jpg") no-repeat center 0;}
.productView .autoSolution .inner{display:flex; justify-content: space-between; height:100%;}
.productView .autoSolution .list{display:block; position:relative; width:100%; height:100%;}
.productView .autoSolution .list .tit{position:absolute; top:235px; z-index:1; font-size:30px; color:#fff; font-weight:900; line-height:40px; width:100%; text-align:center; transition:all 0.3s ease-out;}
.productView .autoSolution .list .txt{position:absolute; top:180px; top:280px; z-index:1; opacity:0; padding:0 20px; width:100%; text-align:center; font-size:18px; color:#fff; font-weight:300; line-height:26px;  transition:all 0.3s ease-out;}
.productView .autoSolution .list .txt:after{display:block; content:""; height:175px; background:url("../images/autoSolution_arrow.png") no-repeat center bottom;}
.productView .autoSolution .list:before{display:block; content:""; position:absolute; top:0; opacity:0; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:all 0.3s ease-out;}
.productView .autoSolution .list.on .tit{top:100px;}
.productView .autoSolution.many .list.on .tit{top:235px;}
.productView .autoSolution .list.on .txt{opacity:1; top:180px;}
.productView .autoSolution .list.on:before{opacity:1;}
.productView .autoSolution.many .txt{display:none;}
.productView .csStroy{margin-top:200px;}
.productView .csStroy h3{font-size:40px; color:#333; font-weight:900;}
.productView .csStroy .addTxt{padding-top:30px; font-size:20px; font-weight:300;}
.productView .csStroy .galleryType{margin-top:0;}
.productView .csStroy .galleryType .listCont{padding-top:50px;}
.productView .cncEdu{margin-top:100px; padding:100px 0; height:580px; background:url("../images/cncEdu_bg.jpg") no-repeat center 0; background-size:cover; transition:all 4s ease-out;}
.productView .cncEdu h3{font-size:40px; color:#fff; font-weight:900;}
.productView .cncEdu .addTxt{padding-top:22px; font-size:20px; color:#fff; font-weight:300; line-height:28px;}
.productView .cncEdu #botBtn{display:inline-block; padding-top:55px;}
.productView .cncEdu.active{background:url("../images/cncEdu_bg.jpg") no-repeat center bottom; background-size:cover; }
.productView .customCenter{margin-top:100px;}
.productView .customCenter .inner{display:flex; justify-content:space-between;}
.productView .customCenter a{display:block; padding-top:150px; width:590px; text-align:center;}
.productView .customCenter a .tit{position:relative; top:50px; opacity:0; font-size:40px; color:#333; font-weight:900; transition:all 0.4s ease-out;}
.productView .customCenter a .txt{position:relative; top:50px; opacity:0; padding:28px 0 65px; font-size:20px; font-weight:300; background:url("../images/ctSerPage_section3_img2.gif") no-repeat center bottom; transition:all 0.4s ease-out; transition-delay:0.2s;}
.productView .customCenter a:nth-child(1){background:url("../images/productView_custom_icon1.jpg") no-repeat center 0;}
.productView .customCenter a:nth-child(2){border-left:1px solid #ddd; background:url("../images/productView_custom_icon2.jpg") no-repeat center 0;}
.productView .customCenter.active .tit{top:0; opacity:1;}
.productView .customCenter.active .txt{top:0; opacity:1;}
.productView .highlightCont2{margin-top:200px;}
.productView .highlightCont2 .viewTit{font-size:40px; color:#333; font-weight:900;}
.productView .highlightCont2 .addTxt{padding-top:45px; font-size:30px; color:#333; font-weight:900; text-align:center;}
.productView .highlightCont2 .imgArea{padding-top:50px;}
.productView .highlightCont2 .wdCont{margin-top:50px;}
.productView .abtSerize{margin-top:100px;}
.productView .abtSerize .viewTit{font-size:40px; color:#333; font-weight:900;}
.productView .abtSerize .abtSwipe{padding-top:60px;}
.productView .abtSerize .swiper-slide{display:block;}
.productView .abtSerize .swiper-slide .imgArea{text-align:center;}
.productView .abtSerize .swiper-slide .imgArea img{/*width:282px; height:190px;*/ width:100%;}
.productView .abtSerize .swiper-slide .infoArea{padding-top:20px;}
.productView .abtSerize .swiper-slide .infoArea .name{padding:0 50px; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700; font-size:20px; color:#333; text-align:center;}
.productView .abtSerize .btnArea .btnLeft{position:absolute; top:-240px; left:-34px; width:34px; height:66px; background:url("../images/newsletter_roll_leftBtn.png") no-repeat 0 0;}
.productView .abtSerize .btnArea .btnRight{position:absolute; top:-240px; right:-34px; width:34px; height:66px; background:url("../images/newsletter_roll_rightBtn.png") no-repeat 0 0;}
.productView .abtSerize .btnArea .pagination{margin-top:80px; text-align:center;}
.productView .abtSerize .btnArea .pagination .startPage{font-size:16px; color:#888; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700;}
.productView .abtSerize .btnArea .pagination .totalPage{position:relative; padding-left:75px; font-size:16px; color:#c9c9c9; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700;}
.productView .abtSerize .btnArea .pagination .totalPage:before{display:block; content:""; position:absolute; top:8px; left:12px; width:50px; height:1px; background:#ddd;}


.layoutTable{display:flex; position:relative; margin-top:45px; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:500; border-top:5px solid #f4f4f4; border-bottom:5px solid #f4f4f4;}
.layoutTable.type2{margin-top:30px;}
.layoutTable .fixedArea{width:250px; border-right:1px solid #ddd;}
.layoutTable .scrollArea{display:flex; position:relative; width:calc(100% - 250px); /*overflow-x:auto; overflow-y:hidden;*/ overflow:visible;}
.layoutTable .scrollArea:after{display:block; content:""; position:absolute; top:0; right:0; width:45px; height:100%; background:url("../images/specCont_gradBg.png") repeat-y right 0;}
.layoutTable .scrollArea .btnArrow{position:absolute; top:50%; right:0; z-index:1; width:80px; height:80px; background:url("../../common/images/layoutTable_arrow_right.png") no-repeat 0 0;}
.layoutTable .scrollArea .btnArrow.forLeft{position:absolute; top:50%; left:0; z-index:1; width:80px; height:80px; background:url("../../common/images/layoutTable_arrow_left.png") no-repeat 0 0;}
.layoutTable .scrollArea .productList{border-right:1px solid #ddd;}
.layoutTable .scrollArea .scroll{display:flex; position:relative; overflow-x:auto; white-space:nowrap; width:100%;}
.layoutTable .header{padding:18px 10px 0; height:130px; text-align:center;}
.layoutTable .header .name{padding-bottom:5px; font-size:16px; color:#333; font-weight:700;}
.layoutTable .header .imgArea{position:relative; overflow:hidden; margin:auto; width:112px; height:75px;}
.layoutTable .header .imgArea img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.layoutTable .package > p{padding:8px 30px 8px 30px; font-size:15px; color:#333; font-weight:500;}
.layoutTable .scrollArea .package > p{text-align:center; font-weight:300;}
.layoutTable .tit{padding:7px 10px 7px 30px; font-size:15px; color:#333; font-weight:700; background:#f4f4f4;}
.layoutTable .mCustomScrollBox{width:100%;}
.layoutTable.col1 .productList{width:100%;}
.layoutTable.col1 .scrollArea .productList{border-right:0;}
.layoutTable.col1 .scrollArea .package > p{text-align:center;}
.layoutTable.col2 .productList{width:50%;}
.layoutTable.col2 .productList:last-child{border-right:0;}
.layoutTable.col3 .productList{width:33.3333%;}
.layoutTable.col3 .productList:last-child{border-right:0;}
.layoutTable.col4 .productList{width:25%;}
.layoutTable.col4 .productList:last-child{border-right:0;}
.layoutTable.col5 .productList{width:25%;}
.layoutTable.col5 .productList:last-child{border-right:0;}
.layoutTable.col6 .productList{width:25%;}
.layoutTable.col6 .productList:last-child{border-right:0;}
.layoutTable.col1 .scrollArea:after, .layoutTable.col2 .scrollArea:after{background:none;}
.layoutTable.arrowType .scroll:after{display:none; content:""; position:absolute; top:50%; right:0; z-index:1; width:80px; height:80px; background:url("../images/layoutTable_arrow_right.png") no-repeat 0 0;}
.layoutTable.arrowType.forLeft .scroll:after{display:none; content:""; position:absolute; top:50%; left:0; z-index:1; width:80px; height:80px; background:url("../images/layoutTable_arrow_left.png") no-repeat 0 0;}
.layoutTable.col1.arrowType .scroll:after{display:none;}
.layoutTable.col2.arrowType .scroll:after{display:none;}
.layoutTable.col3.arrowType .scroll:after{display:none;}
.layoutTable.col4.arrowType .scroll:after{display:none;}
.layoutTable.col1.arrowType.forLeft .scroll:after{display:none;}
.layoutTable.col2.arrowType.forLeft .scroll:after{display:none;}
.layoutTable.col3.arrowType.forLeft .scroll:after{display:none;}
.layoutTable.col4.arrowType.forLeft .scroll:after{display:none;}
.layoutTable.col1 .scrollArea:after{display:none;}
.layoutTable.col2 .scrollArea:after{display:none;}
.layoutTable.col3 .scrollArea:after{display:none;}
.layoutTable.col4 .scrollArea:after{display:none;}

.mCSB_container{display:flex;}
/*.mCSB_container{width:1960px !important;}*/


.ui-slider-handle{border-radius:50% !important; top:-7px !important; border:1px solid #fff !important; background:#fff !important; box-shadow:2px 2px 12px 3px rgba(73,127,177,0.2);}
.ui-widget.ui-widget-content{border:0 !important; height:5px !important; background:#f4f4f4;}
.ui-widget-header{background:#5998d2 !important;}

    /* 고객 */
.galleryType{margin-top:80px;}
.galleryType .otherFirstLine{display:flex; align-items:flex-end; position:relative; padding-top:73px;}
.galleryType .otherFirstLine .posTxt{position:absolute; top:-10px; right:0; font-size:105px; color:#ededed; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700; text-align:right; line-height:0.95;}
.galleryType .otherFirstLine .list{position:relative; z-index:1; width:778px;}
.galleryType .otherFirstLine .list .imgArea{position:relative; overflow:hidden; width:778px; height:584px;}
.galleryType .otherFirstLine .list .infoArea{padding-top:35px;}
.galleryType .otherFirstLine .list .infoArea .title{display:block; overflow:hidden; height:75px; font-size:30px; color:#000; font-weight:700; line-height:36px; letter-spacing:-1px;}
.galleryType .otherFirstLine .list .infoArea .tag{padding-top:20px;}
.galleryType .otherFirstLine .list .infoArea .tag span{display:inline-block; margin:4px 2px 0 0; padding:12px 18px; height:40px; font-size:14px; color:#666; font-weight:700; border:1px solid #ddd;}
.galleryType .otherFirstLine .list:nth-child(2){margin-left:26px; width:376px;}
.galleryType .otherFirstLine .list:nth-child(2) .imgArea{width:376px; height:282px;}
.galleryType .otherFirstLine .list:nth-child(2) .infoArea{padding:25px 0 30px;}
.galleryType .otherFirstLine .list:nth-child(2) .infoArea .title{height:55px; font-size:20px; line-height:26px;}
.galleryType .otherFirstLine .list.movieType .imgArea{cursor:pointer;}
.galleryType .otherFirstLine .list.movieType .imgArea:before{display:block; content:""; position:absolute; top:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.galleryType .otherFirstLine .list.movieType .imgArea:after{display:block; content:""; position:absolute; top:50%; left:50%; z-index:2; transform:translate(-50%, -50%); width:26px; height:30px; background:url("../images/icon_moviePlay.png") no-repeat 0 0;}
.galleryType .listCont{display:flex; flex-wrap:wrap; padding-top:60px;}
.galleryType .listCont .list{display:block; position:relative; width:376px; margin-left:26px;}
.galleryType .listCont .list:nth-child(n+4){margin-top:60px;}
.galleryType .listCont .list:nth-child(3n+1){margin-left:0;}
.galleryType .listCont .list .imgArea{position:relative; overflow:hidden; width:376px; height:282px;}
.galleryType .listCont .list .infoArea{padding:25px 0 0;}
.galleryType .listCont .list .infoArea .title{display:block; /*overflow:hidden; height:55px;*/ font-size:20px; color:#000; font-weight:700; line-height:26px; letter-spacing:-1px;}/*http://dmt.easymedia.kr/_html/cus/CUS-001-01.html*/
.galleryType .listCont .list .infoArea .tag{padding-top:20px;}
.galleryType .listCont .list .infoArea .tag span{display:inline-block; margin:4px 2px 0 0; padding:12px 18px; height:40px; font-size:14px; color:#666; font-weight:700; border:1px solid #ddd;}
.galleryType .listCont .list.movieType .imgArea{cursor:pointer;}
.galleryType .listCont .list.movieType .imgArea:before{display:block; content:""; position:absolute; top:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.galleryType .listCont .list.movieType .imgArea:after{display:block; content:""; position:absolute; top:50%; left:50%; z-index:2; transform:translate(-50%, -50%); width:26px; height:30px; background:url("../images/icon_moviePlay.png") no-repeat 0 0;}
.galleryType .cmCmmdSwiper .listCont{flex-wrap:inherit;}
.galleryType .cmCmmdSwiper .listCont .list{margin:0;}
.galleryType .cmCmmdSwiper .swiper-button-prev{top:180px; left:0; width:70px; height:70px; opacity:1; z-index:2;background:url("../images/movieSwipe_leftBtn.png") no-repeat 0 0;}
.galleryType .cmCmmdSwiper .swiper-button-next{top:180px; right:0; width:70px; height:70px; opacity:1; z-index:2;background:url("../images/movieSwipe_rightBtn.png") no-repeat 0 0;}
.newsletterCont .content1{position:relative; width:100%; height:625px; background:url("../images/newsletter_bg1.jpg") no-repeat center 0; background-size:cover;}
.newsletterCont .content1 .inner{height:100%;}
.newsletterCont .content1 .infoArea{padding:170px 0 0 70px;}
.newsletterCont .content1 .infoArea .tit{font-size:20px; color:#5998d2; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700;}
.newsletterCont .content1 .infoArea .vol{padding-top:30px; font-size:50px; color:#333; font-weight:900;}
.newsletterCont .content1 .infoArea .vol span{font-size:52px; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:100;}
.newsletterCont .content1 .infoArea .txt{padding-top:20px; font-size:20px; color:#5a5a5a; font-weight:300; line-height:28px;}
.newsletterCont .content1 .infoArea .btnDownload{display:inline-block; margin-top:40px; padding:15px 30px; border:1px solid #ddd; border-radius:50px; background:#fff; transition:all 0.3s ease-out;}
.newsletterCont .content1 .infoArea .btnDownload span{padding-right:30px; font-size:16px; color:#666; font-weight:700; background:url("../images/icon_download.png") no-repeat right 5px; transition:all 0.3s ease-out;}
.newsletterCont .content1 .infoArea .btnDownload:hover{border:1px solid #5998d2; background:#5998d2;}
.newsletterCont .content1 .infoArea .btnDownload:hover span{color:#fff; background:url("../images/icon_download_on.png") no-repeat right 5px;}
.newsletterCont .content1 .imgArea{position:absolute; bottom:0; left:680px; width:392px; height:535px; overflow:hidden;}
.newsletterCont .content1 .imgArea img{width:100%;}
.newsletterCont .content2{padding:120px 0;}
.newsletterCont .content2 .swiper-slide{margin:0 15px; width:265px;}
/*.newsletterCont .content2 .swiper-slide:first-child{margin-left:0;}*/
.newsletterCont .content2 .swiper-slide .imgArea{overflow:hidden; width:265px; height:363px;}
.newsletterCont .content2 .swiper-slide .imgArea img{width:100%;}
.newsletterCont .content2 .swiper-slide .infoArea{padding-top:20px; overflow:hidden;}
.newsletterCont .content2 .swiper-slide .infoArea .vol{float:left; padding-top:8px; font-size:20px; color:#333; font-weight:700;}
.newsletterCont .content2 .swiper-slide .infoArea .vol span{font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700;}
.newsletterCont .content2 .swiper-slide .infoArea .btnDownload{display:inline-block; float:right; padding:9px 20px 11px; border:1px solid #ddd; border-radius:40px; background:#fff; transition:all 0.4s ease-out;}
.newsletterCont .content2 .swiper-slide .infoArea .btnDownload span{padding-right:25px; font-size:14px; color:#666; background:url("../images/icon_download_small.png") no-repeat right 4px; transition:all 0.4s ease-out;}
.newsletterCont .content2 .swiper-slide .infoArea .btnDownload:hover{border:1px solid #5998d2; background:#5998d2;}
.newsletterCont .content2 .swiper-slide .infoArea .btnDownload:hover span{color:#fff; background:url("../images/icon_download_small_on.png") no-repeat right 4px;}
.newsletterCont .content2 .btnArea .btnLeft{position:absolute; top:-310px; left:-75px; width:34px; height:66px; background:url("../images/newsletter_roll_leftBtn.png") no-repeat 0 0;}
.newsletterCont .content2 .btnArea .btnRight{position:absolute; top:-310px; right:-75px; width:34px; height:66px; background:url("../images/newsletter_roll_rightBtn.png") no-repeat 0 0;}
.newsletterCont .content2 .btnArea .pagination{margin-top:50px; text-align:center;}
.newsletterCont .content2 .btnArea .pagination .startPage{font-size:16px; color:#888; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700;}
.newsletterCont .content2 .btnArea .pagination .totalPage{position:relative; padding-left:75px; font-size:16px; color:#c9c9c9; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700;}
.newsletterCont .content2 .btnArea .pagination .totalPage:before{display:block; content:""; position:absolute; top:8px; left:12px; width:50px; height:1px; background:#ddd;}
.newsletterCont .content3{margin-top:100px;}
.newsletterCont .content4{overflow:hidden;}
.newsletterCont .content4 .line{float:left; overflow:hidden; background:#f4f4f4; transition:all 0.4s ease-out;}
.newsletterCont .content4 .line .list{position:relative; padding:80px  80px 0; overflow:hidden; width:1180px;}
.newsletterCont .content4 .line .list .info{float:left;}
.newsletterCont .content4 .line .list .newsletter{padding-top:50px; font-size:20px; color:#5998d2; font-weight:700; font-family:"Montserrat", "Noto Sans KR", "Malgun Gothic";}
.newsletterCont .content4 .line .list .tit{padding-top:30px; font-size:46px; color:#333; font-weight:700; font-family:"Montserrat", "Noto Sans KR", "Malgun Gothic";}
.newsletterCont .content4 .line .list .year{padding-top:10px; font-size:46px; color:#333; font-weight:300; font-family:"Montserrat", "Noto Sans KR", "Malgun Gothic";}
.newsletterCont .content4 .line .list .txt{padding-top:20px; font-size:20px; color:#5a5a5a; font-weight:300; line-height:28px;}
.newsletterCont .content4 .line .list .btnDownload{display:none; position:absolute; top:260px; left:880px; z-index:1; padding:17px 34px; color:#333; font-weight:700; border-radius:50px; background:#fff;}
.newsletterCont .content4 .line .list .btnDownload span{padding-right:30px; background:url("../../common/images/icon_newsletter_down.png") no-repeat right center;}
.newsletterCont .content4 .line .list .img{position:relative; float:right; box-shadow:0px 1px 12px 5px rgba(0,0,0,0.1);}
.newsletterCont .content4 .line:nth-child(even){float:right; text-align:right; background:#fff;}
.newsletterCont .content4 .line:nth-child(even) .list{float:right;}
.newsletterCont .content4 .line:nth-child(even) .list .info{float:right;}
.newsletterCont .content4 .line:nth-child(even) .list .img{float:left;}
.newsletterCont .content4 .line:nth-child(even) .list .btnDownload{left:150px;}
.newsletterCont .content4 .line:hover{background:#5896cf;}
.newsletterCont .content4 .line:hover .list .newsletter{color:#fff;}
.newsletterCont .content4 .line:hover .list .tit{color:#fff;}
.newsletterCont .content4 .line:hover .list .year{color:#fff;}
.newsletterCont .content4 .line:hover .list .txt{color:#fff;}
.newsletterCont .content4 .line:hover .list .btnDownload{display:block;}
.newsletterCont .content4 .line:hover .list .img:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.newsletterCont.reportType .title{text-align:center; font-size:50px; font-weight:900; color:#333;}
.newsletterCont.reportType .content1{margin-top:80px;}
.newsletterCont.reportType .content1 .infoArea .vol span{display:block; padding-top:20px; font-weight:300;}
.newsletterCont.reportType .content2 .swiper-slide .infoArea .vol{padding-bottom:10px; width:100%;}
.newsletterCont.reportType .content2 .swiper-slide .infoArea .btnDownload{float:left; margin-right:5px;}
.csInquire{margin-top:80px;}
.csInquire .tit{font-size:40px; color:#333; font-weight:900;}
.csInquire .addTxt{padding:20px 0 40px; font-size:18px; color:#666; font-weight:300;}
.csInquire .star{color:#ed1c24;}
.csAgreeAco{margin-top:80px;}
.csAgreeAco .agreeArea{margin-top:30px;}
.csAgreeAco .agreeArea:first-child{margin-top:0;}
.csAgreeAco .agreeArea .header{display:block; padding:21px 19px; height:80px; border:1px solid #eee; background:#f7f7f7;}
.csAgreeAco .agreeArea .header.arrow{background:url("../images/agreeArea_arrow1.png") no-repeat right+30px center #f7f7f7;}
.csAgreeAco .agreeArea .header.arrow.active{background:url("../images/agreeArea_arrow2.png") no-repeat right+30px center #f7f7f7;}
.csAgreeAco .agreeArea label{padding-left:13px; color:#333; font-size:20px; font-weight:700;}
.csAgreeAco .agreeArea .scrollBody{display:none; padding:35px 30px; border:1px solid #eee; border-top:0; height:240px; overflow-y:auto; font-size:16px; line-height:30px;} /* 2019-06-28 수정 - 김현민 */
.csAgreeAco .agreeArea .formGroup .chkBox{top:5px; width:26px; height:26px; background:url("../images/icon_chkBox2.jpg") no-repeat 0 0;}
.csAgreeAco .agreeArea .formGroup .chkBox.active{background:url("../images/icon_chkBox2_on.jpg") no-repeat 0 0;}
.csAgreeAco .agreeArea .formGroup .chkBox input[type="checkbox"]{width:26px; height:26px;}
.csUniqueBg{background:url("../images/csUniqueBg1.jpg") no-repeat center 0;}
.csUniqueBg .inner{padding-top:120px;}
.csUniqueBg .csUniqueTxt{position:relative; padding:140px 0 0 0; text-align:center;}
.csUniqueBg .csUniqueTxt .txt1{font-size:48px; color:#333; font-weight:300; line-height:56px;}
.csUniqueBg .csUniqueTxt .txt2{padding-top:35px; font-size:18px; color:#555; font-weight:300; line-height:28px;}
.csUniqueBg .csUniqueSquare{margin-top:110px; padding:60px 50px; background:#fff;}
.csUniqueBg .csUniqueSquare .tit{font-size:20px; color:#333; font-weight:700;}
.csUniqueBg .csUniqueSquare ul{margin-top:30px;}
.csUniqueBg .csUniqueSquare ul li{position:relative; margin:17px 0 0 20px; font-size:18px; color:#666; font-weight: 300; line-height:23px;}
.csUniqueBg .csUniqueSquare ul li:first-child{margin-top:0;}
.csUniqueBg .csUniqueSquare ul li:before{display:block; content:""; position:absolute; top:10px; left:-15px; width:4px; height:4px; background:#c8c8c8;}
.cmCmmd .galleryType{margin-top:0;}

    /* faq */
.faqPage{padding-top:120px;}
.faqPage .faqArea{margin-top:50px;}
.faqPage .faqArea .list > a{display:block; position:relative; padding:38px 100px 38px 100px; font-size:24px; color:#333; font-weight:300; line-height:30px; border-bottom:1px solid #ddd; background:url("../images/icon_faq_q.png") no-repeat 30px center #fff; transition:all 0.2s ease-out;}
.faqPage .faqArea .list > a:before{display:block; content:""; position:absolute; top:49px; right:45px; width:24px; height:2px; background:#ddd; background:#ddd; transition:all 0.5s ease-out;}
.faqPage .faqArea .list > a:after{display:block; content:""; position:absolute; top:38px; right:56px; width:2px; height:24px; background:#ddd; transition:all 0.5s ease-out;}
.faqPage .faqArea .list.active > a{color:#fff; font-weight:700; background:url("../images/icon_faq_q_on.png") no-repeat 30px center #5998d2;}
.faqPage .faqArea .list.active > a:before{background:#fff;}
.faqPage .faqArea .list.active > a:after{transform:rotate(-450deg); background:#fff;}
.faqPage .faqArea .list .answerArea{display:none; padding:50px 50px 50px 100px; font-size:18px; color:#666; font-weight:300; line-height:26px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:url("../images/icon_faq_a.png") no-repeat 30px 50px;}

    /* 브랜드 */
.brandPage .bigImgArea{position:relative; margin:auto; width:100%; height:800px; background:url("../images/brand_bigImg.jpg") no-repeat center center; background-size:cover; transition:all 0.3s ease;}
.brandPage .bigImgArea:before{display:block; content:""; position:absolute; top:0; z-index:1; width:100%; height:800px; background:rgba(0,0,0,0.7); opacity:0; transition:all 0.8s ease;}
.brandPage .bigImgArea:after{display:block; content:""; position:absolute; bottom:0; z-index:2; left:50%; width:1px; height:250px; height:0; background:#fff; transition:all 0.8s ease; transition-delay:0.1s;}
.brandPage .bigImgArea div{display:block; position:absolute; top:320px; left:50%; transform:translate(-50%, 0); z-index:2; /*width:100%;*/ text-align:center; color:#fff; font-size:70px; font-weight:700;}
.brandPage .bigImgArea div span{position:relative; top:100px; opacity:0; transition:all 0.3s ease-out; }
.brandPage .bigImgArea.active{width:95%;}
.brandPage .bigImgArea.active:before{opacity:1;}
.brandPage .bigImgArea.active:after{height:250px;}
.brandPage .bigImgArea.active div span{top:0; opacity:1;}
.brandPage .brandSec1{display:flex; justify-content:center; position:relative; z-index:2;}
.brandPage .brandSec1 > div{position:absolute; top:100px; text-align:center; opacity:0; transition:all 0.5s ease;}
.brandPage .brandSec1 > div:nth-child(1){left:80px;}
.brandPage .brandSec1 > div:nth-child(2){right:80px;}
.brandPage .brandSec1 > div .txt1{padding:50px 0 25px; font-size:50px; color:#333; font-weight:700;}
.brandPage .brandSec1 > div .txt2{font-size:18px; color:#666; font-weight:300; line-height:32px;}
.brandPage .brandSec1.active > div{top:-80px; opacity:1;}
.brandPage .brandSec2{padding-top:300px; margin-top:360px; height:645px; background:url("../images/brand_image1.jpg") no-repeat 0 0;}
.brandPage .brandSec2 .scrollMotion{display:flex; justify-content:center;}
.brandPage .brandSec2 .scrollMotion > div{position:relative; top:100px; margin:0 25px; opacity:0; transition:all 0.5s ease-out;}
.brandPage .brandSec2 .scrollMotion > div:nth-child(1){width:290px; height:290px; background:url("../images/brand_image2.png") no-repeat 0 0;}
.brandPage .brandSec2 .scrollMotion > div:nth-child(2){width:290px; height:290px; background:url("../images/brand_image3.png") no-repeat 0 0;}
.brandPage .brandSec2 .scrollMotion > div:nth-child(3){width:290px; height:290px; background:url("../images/brand_image4.png") no-repeat 0 0;}
.brandPage .brandSec2 .scrollMotion.active > div{top:0; opacity:1;}
.brandPage .brandSec3{margin-top:200px; text-align:center; /*background:url("/common_ch/images/brand_gradient1.jpg") no-repeat 0 0;*/}
.brandPage .brandSec3 .posArea{position:relative; z-index:2;}
.brandPage .brandSec3 .posArea .txt1{font-size:32px; color:#333; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700;}
.brandPage .brandSec3 .posArea .txt2{padding-top:40px; font-size:60px; color:#5998d2; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700;}
.brandPage .brandSec3 .posArea > div{position:relative; margin-top:50px; height:720px;}
.brandPage .brandSec3 .posArea > div .circ1{position:absolute; top:0; left:475px; top:100px; opacity:0; width:230px; height:230px; background:url("../images/brand_image7.png") no-repeat 0 0; transition:all 0.5s ease-out;}
.brandPage .brandSec3 .posArea > div .circ2{position:absolute; top:290px; left:225px; top:390px; opacity:0; width:230px; height:230px; background:url("../images/brand_image8.png") no-repeat 0 0; transition:all 0.5s ease-out; transition-delay:0.3s;}
.brandPage .brandSec3 .posArea > div .circ3{position:absolute; top:290px; left:725px; top:390px; opacity:0; width:230px; height:230px; background:url("../images/brand_image9.png") no-repeat 0 0; transition:all 0.5s ease-out; transition-delay:0.6s;}
.brandPage .brandSec3 .posArea > div p{position:absolute; top:300px; left:490px; font-size:50px; color:#fff; font-weight:300;}
.brandPage .brandSec3 .posArea > div.active .circ1{top:0; opacity:1;}
.brandPage .brandSec3 .posArea > div.active .circ2{top:290px; opacity:1;}
.brandPage .brandSec3 .posArea > div.active .circ3{top:290px; opacity:1;}
.brandPage .brandSec3 .bg{position:absolute; top:-50px; left:0;}
.brandPage .brandSec4{position:relative;}
.brandPage .brandSec4 .txtArea{text-align:center;}
.brandPage .brandSec4 .txtArea .title{font-size:30px; color:#333; font-weight:900;}
.brandPage .brandSec4 .txtArea .slogan{margin-top:50px;}
.brandPage .brandSec4 .fullArea{position:relative; margin-top:80px; height:1140px;}
.brandPage .brandSec4 .fullArea .list:nth-child(1){position:absolute; top:0; right:0; padding:120px 0 0 0px; width:100%; height:360px; background:url("../images/brand_image11.jpg") no-repeat right 0;}
.brandPage .brandSec4 .fullArea .list:nth-child(2){position:absolute; top:390px; left:0; padding:120px 0px 0 0; text-align:right; width:100%; height:360px; background:url("../images/brand_image12.jpg") no-repeat left 0;}
.brandPage .brandSec4 .fullArea .list:nth-child(3){position:absolute; top:780px; right:0; padding:120px 0 0 0px; width:100%; height:360px; background:url("../images/brand_image13.jpg") no-repeat right 0;}
.brandPage .brandSec4 .fullArea .list .inner{width:55%;}
.brandPage .brandSec4 .fullArea .list .txt1{position:relative; left:100px; opacity:0; font-size:60px; color:#fff; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700; transition:all 0.5s ease-out;}
.brandPage .brandSec4 .fullArea .list .txt2{position:relative; left:100px; opacity:0; padding-top:20px; font-size:18px; color:#fff; font-weight:300; line-height:26px; transition:all 0.5s ease-out; transition-delay:0.2s;}
.brandPage .brandSec4 .fullArea .list.active .txt1{left:0px; opacity:1;}
.brandPage .brandSec4 .fullArea .list.active .txt2{left:0px; opacity:1;}
.brandPage .brandSec5{margin-top:200px; text-align:center;}
.brandPage .brandSec5 .title{font-size:30px; color:#333; font-weight:900;}
.brandPage .brandSec5 .img{position:relative; top:100px; opacity:0; margin-top:50px; transition:all 0.5s ease-out;}
.brandPage .brandSec5 .txt{margin-top:40px; font-size:24px; color:#666; font-weight:300; line-height:32px; transition:all 0.5s ease-out;}
.brandPage .brandSec5 .img.active{top:0; opacity:1;}
.brandPage .section1{}
.brandPage .section1 .bg{position:relative; width:100%; height:80vh; background:url("../images/brandPage_section1_img1.jpg") no-repeat center bottom;}
.brandPage .section1 .bg .inner{height:100%;}
.brandPage .section1 .bg p{position:absolute; bottom:3px; bottom:-137px; opacity:0; left:0; font-size:110px; color:#fff; font-weight:900; transition:all 0.4s ease-out;}
.brandPage .section1 .subTxt{position:relative; top:50px; opacity:0; padding-top:50px; font-size:20px; color:#333; font-weight:300; line-height:30px; transition:all 0.4s ease-out;}
.brandPage .section1 .bg p.active{bottom:3px; opacity:1;}
.brandPage .section1 .subTxt.active{top:0; opacity:1;}
.brandPage .section2{margin-top:100px; height:1080px; overflow:hidden;}
.brandPage .section2 .list:nth-of-type(1){position:absolute; top:50px; left:0; opacity:0; padding:250px 0 0 50px; width:590px; height:440px; background:url("../images/brandPage_section2_img1.jpg") no-repeat -210px -60px; transition:all 0.6s ease-out;}
.brandPage .section2 .list:nth-of-type(1).active{top:0; opacity:1; width:590px; height:440px; background:url("../images/brandPage_section2_img1.jpg") no-repeat -210px -60px;}
.brandPage .section2 .list:nth-of-type(2){position:absolute; top:250px; right:0; opacity:0;  padding:250px 0 0 50px; width:590px; height:440px; background:url("../images/brandPage_section2_img2.jpg") no-repeat -210px -60px; transition:all 0.6s ease-out;}
.brandPage .section2 .list:nth-of-type(2).active{opacity:1; top:200px; width:590px; height:440px; background:url("../images/brandPage_section2_img2.jpg") no-repeat -210px -60px;}
.brandPage .section2 .list:nth-of-type(3){position:absolute; top:690px; left:0; opacity:0;  padding:250px 0 0 50px; width:590px; height:440px; background:url("../images/brandPage_section2_img3.jpg") no-repeat -380px -180px; transition:all 0.6s ease-out;}
.brandPage .section2 .list:nth-of-type(3).active{opacity:1; top:640px; width:590px; height:440px; background:url("../images/brandPage_section2_img3.jpg") no-repeat -380px -180px}
.brandPage .section2 .list .txt1{position:relative; z-index:1; top:50px; opacity:0; font-size:100px; color:#fff; font-family:"DoosanMetaPro-BlackItalic"; transition:all 0.5s ease-out; transition-delay:0.3s;}
.brandPage .section2 .list .txt2{position:relative; z-index:1; top:50px; opacity:0;font-size:20px; color:#fff; font-weight:300; transition:all 0.5s ease-out; transition-delay:0.3s;}
.brandPage .section2 .list:after{display:block; content:""; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:all 0.4s ease-out;}
.brandPage .section2 .list.active .txt1{top:0; opacity:1;}
.brandPage .section2 .list.active .txt2{top:0; opacity:1;}
.brandPage .section2 .list.active:after{opacity:1;}
.brandPage .section3{margin-top:200px;}
.brandPage .section3 .infoBox{display:flex; justify-content:flex-end; position:relative; top:50px; opacity:0; width:100%; height:980px; transition:all 0.4s ease-out;}
.brandPage .section3 .infoBox .txtBox{position:absolute; bottom:70px; bottom:20px; opacity:0; left:80px; z-index:1; transition:all 0.4s ease-out;}
.brandPage .section3 .infoBox .tit{font-size:30px; color:rgba(0,0,0,0.5); font-family:"DoosanMetaPro-BlackItalic";}
.brandPage .section3 .infoBox .txt1{padding-top:40px;}
.brandPage .section3 .infoBox .txt2{padding-top:20px; font-size:20px; color:#333; font-weight:300; line-height:30px;}
.brandPage .section3 .infoBox .bg{position:relative; width:100%; height:980px; background:url("../images/brandPage_section3_img1.jpg") no-repeat right 0; transition:all 0.4s ease-out;}
.brandPage .section3 .infoBox.active{top:0; opacity:1;}
.brandPage .section3 .infoBox .txtBox.active{bottom:70px; opacity:1;}
.brandPage .section3 .infoBox .txtBox.active + .bg{width:calc(100% - 615px);}
.brandPage .section4{position:relative; margin-top:200px; padding:200px 0; width:100%; height:auto; background:url("../images/brandPage_section4_img1.jpg") no-repeat center 0;}
.brandPage .section4 .tit{font-size:30px; color:rgba(255,255,255,0.5); font-family:"DoosanMetaPro-BlackItalic"; text-align:center;}
.brandPage .section4 .txt{padding-top:20px; text-align:center;}
.brandPage .section4 .txt .onlyWeb{display:inline-block;}
.brandPage .section4 .wdCont{padding-top:120px;}
.brandPage .section4 .wdCont .list{height:590px;}
.brandPage .section4 .wdCont .list .txtCont > div{left:-80px; z-index:1;}
.brandPage .section4 .wdCont .list .txtCont .txt1{font-size:70px; color:#fff; font-family:"DoosanMetaPro-BlackItalic";}
.brandPage .section4 .wdCont .list .txtCont .txt2{font-size:20px; color:#fff;}
.brandPage .section4 .wdCont .list:nth-child(even) .txtCont > div{right:-80px;}
.brandPage .section5{width:100%; height:1000px; background:url("../images/brandPage_section5_img1.jpg") no-repeat center 0;}
.brandPage .section5 .tit{position:relative; top:50px; opacity:0; padding-top:390px; font-size:30px; color:rgba(255,255,255,0.5); font-family:"DoosanMetaPro-BlackItalic"; transition:all 0.6s ease-out;}
.brandPage .section5 .txt1{position:relative; top:50px; opacity:0; padding-top:30px; font-size:96px; color:#fff; font-weight:900; line-height:110px; letter-spacing:-5px; transition:all 0.6s ease-out;}
.brandPage .section5 .txt2{position:relative; top:50px; opacity:0; padding-top:35px; font-size:20px; color:#fff; font-weight:300; line-height:28px; transition:all 0.6s ease-out;}
.brandPage .section5 .tit.active{top:0; opacity:1;}
.brandPage .section5 .txt1.active{top:0; opacity:1;}
.brandPage .section5 .txt2.active{top:0; opacity:1;}


.cBizArea1{position:relative; width:100%; height:1050px;}
.cBizArea1 .imgBg{position:relative; margin:auto; width:100%; height:800px; background:url("../images/companyIntro_biz_img1.jpg") no-repeat center 0; background-size:cover; transition:all 0.3s ease-out;}
.cBizArea1 .imgBg:before{display:block; content:""; position:absolute; top:0; left:0; z-index:1; opacity:0; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:all 0.8s ease;}
.cBizArea1 .imgBg:after{display:block; content:""; position:absolute; bottom:0; z-index:2; left:50%; width:1px; height:250px; height:0; background:#fff; transition:all 0.8s ease; transition-delay:0.1s;}
.cBizArea1 .imgBg .txt{position:absolute; top:365px; left:50%; transform:translate(-50%, 0); z-index:2; font-size:70px; color:#fff; font-weight:700;}
.cBizArea1 .imgBg .txt span{position:relative; top:100px; opacity:0; transition:all 0.3s ease-out; }
.cBizArea1 .imgBg.active{width:95%;}
.cBizArea1 .imgBg.active:before{opacity:1;}
.cBizArea1 .imgBg.active:after{height:250px;}
.cBizArea1 .imgBg.active .txt span{top:0; opacity:1;}
.cBizArea1 .cirArea{position:relative; z-index:3; padding-top:645px;}
.cBizArea1 .cirArea .tit1{position:absolute; top:0; top:50px; opacity:0; left:56px; font-size:50px; color:#fff; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700; transition:all 0.4s ease-out;}
.cBizArea1 .cirArea .tit2{position:absolute; top:0; top:50px; opacity:0; left:845px; font-size:50px; color:#fff; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700; transition:all 0.4s ease-out;}
.cBizArea1 .cirArea .cirBox{display:flex; padding-top:100px;}
.cBizArea1 .cirArea .cir{position:relative; top:50px; opacity:0; width:210px; transition:all 0.4s ease-out;}
.cBizArea1 .cirArea .cir:nth-child(1){margin-left:65px; transition-delay:0.1s;}
.cBizArea1 .cirArea .cir:nth-child(2){margin-left:40px; transition-delay:0.2s;}
.cBizArea1 .cirArea .cir:nth-child(2):after{display:block; content:""; position:absolute; top:100px; left:-25px; width:11px; height:19px; background:url("../images/icon_cBiz_arrow.png") no-repeat 0 0;}
.cBizArea1 .cirArea .cir:nth-child(3){margin-left:130px; transition-delay:0.3s;}
.cBizArea1 .cirArea .cir:nth-child(3):after{display:block; content:""; position:absolute; top:100px; left:-70px; width:11px; height:19px; background:url("../images/icon_cBiz_arrow.png") no-repeat 0 0;}
.cBizArea1 .cirArea .cir:nth-child(4){margin-left:40px; transition-delay:0.4s;}
.cBizArea1 .cirArea .cir:nth-child(4):after{display:block; content:""; position:absolute; top:100px; left:-25px; width:11px; height:19px; background:url("../images/icon_cBiz_arrow.png") no-repeat 0 0;}
.cBizArea1 .cirArea .cir > p{padding-top:95px; width:210px; height:210px; border-radius:50%; font-size:22px; color:#fff; font-weight:700; text-align:center; background:linear-gradient(140deg, rgba(86,143,201,1), rgba(46,51,108,1));}
.cBizArea1 .cirArea .cir .addTxt{padding-top:25px; font-size:20px; font-weight:300; color:#666; text-align:center; line-height:28px;}
.cBizArea1 .cirArea.active .tit1{top:0; opacity:1;}
.cBizArea1 .cirArea.active .tit2{top:0; opacity:1;}
.cBizArea1 .cirArea .cirBox.active .cir{top:0; opacity:1;}
.cBizArea2{position:relative; margin-top:100px; width:100%; height:1250px;}
.cBizArea2 .imgBg{position:relative; margin:auto; width:100%; height:800px; background:url("../images/companyIntro_biz_img2.jpg") no-repeat center 0; background-size:cover; transition:all 0.3s ease-out;}
.cBizArea2 .imgBg:before{display:block; content:""; position:absolute; top:0; left:0; z-index:1; opacity:0; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:all 0.8s ease;}
.cBizArea2 .imgBg:after{display:block; content:""; position:absolute; bottom:0; z-index:2; left:50%; width:1px; height:250px; height:0; background:#fff; transition:all 0.8s ease; transition-delay:0.1s;}
.cBizArea2 .imgBg .txt{position:absolute; top:365px; left:50%; transform:translate(-50%, 0); z-index:2; font-size:70px; color:#fff; font-weight:700;}
.cBizArea2 .imgBg .txt span{position:relative; top:100px; opacity:0; transition:all 0.3s ease-out; }
.cBizArea2 .imgBg.active{width:95%;}
.cBizArea2 .imgBg.active:before{opacity:1;}
.cBizArea2 .imgBg.active:after{height:250px;}
.cBizArea2 .imgBg.active .txt span{top:0; opacity:1;}
.cBizArea2 .cirArea{position:relative; z-index:3; padding-top:645px;}
.cBizArea2 .cirArea .tit1{position:absolute; top:0; left:145px; font-size:50px; color:#fff; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700;}
.cBizArea2 .cirArea .tit2{position:absolute; top:0; left:845px; font-size:50px; color:#fff; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700;}
.cBizArea2 .cirArea .cirBox{display:flex; justify-content:center; padding-top:100px;}
.cBizArea2 .cirArea .cir{position:relative; top:50px; opacity:0; margin:0 20px; width:210px; transition:all 0.4s ease-out;}
.cBizArea2 .cirArea .cir:after{display:block; content:""; position:absolute; top:100px; left:-25px; width:11px; height:19px; background:url("../images/icon_cBiz_arrow.png") no-repeat 0 0;}
.cBizArea2 .cirArea .cir:nth-child(1):after{background:none;}
.cBizArea2 .cirArea .cir:nth-child(1){transition-delay:0.1s;}
.cBizArea2 .cirArea .cir:nth-child(2){transition-delay:0.2s;}
.cBizArea2 .cirArea .cir:nth-child(3){transition-delay:0.3s;}
.cBizArea2 .cirArea .cir:nth-child(4){transition-delay:0.4s;}
.cBizArea2 .cirArea .cir > p{padding-top:95px; width:210px; height:210px; border-radius:50%; font-size:22px; color:#fff; font-weight:700; text-align:center; background:linear-gradient(140deg, rgba(86,143,201,1), rgba(46,51,108,1));}
.cBizArea2 .cirArea .cir .addTxt{padding-top:25px; font-size:20px; font-weight:300; color:#666; text-align:center; line-height:28px;}
.cBizArea2 .cirArea .cirBox.active .cir{top:0; opacity:1;}
.cBizArea2 .infoTxt{padding-top:80px; font-size:46px; color:#333; font-weight:300; text-align:center; line-height:54px;}
.cBizArea3{position:relative; margin-top:80px; width:100%;}
.cBizArea3 .imgBg{position:relative; margin:auto; width:100%; height:800px; background:url("../images/cBiz3_biz_img1.jpg") no-repeat center 0; background-size:cover; transition:all 0.3s ease-out;}
.cBizArea3 .imgBg:before{display:block; content:""; position:absolute; top:0; left:0; z-index:1; opacity:0; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:all 0.8s ease;}
.cBizArea3 .imgBg:after{display:block; content:""; position:absolute; bottom:0; z-index:2; left:50%; width:1px; height:250px; height:0; background:#fff; transition:all 0.8s ease; transition-delay:0.1s;}
.cBizArea3 .imgBg .txt{position:absolute; top:365px; left:50%; transform:translate(-50%, 0); width:100%; z-index:2; font-size:70px; color:#fff; font-weight:700; text-align:center} /* 2019-07-17 수정 */
.cBizArea3 .imgBg .txt span{position:relative; top:100px; opacity:0; transition:all 0.3s ease-out; }
.cBizArea3 .imgBg .txt .addTxt{display:block; padding-top:30px; font-size:18px; color:rgba(255,255,255,0.4); font-weight:300; text-align:center;}
.cBizArea3 .imgBg.active{width:95%;}
.cBizArea3 .imgBg.active:before{opacity:1;}
.cBizArea3 .imgBg.active:after{height:250px;}
.cBizArea3 .imgBg.active .txt span{top:0; opacity:1;}
.cBizArea3 .botArea .cirArea{display:flex; justify-content:space-between; position:relative; z-index:2; margin-top:-50px; text-align:center;}
.cBizArea3 .botArea .cirArea .cirBox{width:210px;}
.cBizArea3 .botArea .cirArea .cirBox .cir{display:flex; justify-content:center; align-items:center; width:210px; height:210px; font-size:22px; color:#fff; font-weight:700; border-radius:50%; background:linear-gradient(140deg, rgba(86,143,201,1), rgba(46,51,108,1));}
.cBizArea3 .botArea .cirArea .cirBox .txt{padding-top:22px; font-size:20px; font-weight:700; line-height:26px;}
.cBizArea3 .botArea .txtArea{padding-top:60px; font-size:18px; line-height:26px; font-weight:300; text-align:center;}
.zhIntroduce{display:flex; flex-direction:row-reverse; margin-top:80px; padding-bottom:120px;}
.zhIntroduce .imgArea{text-align:right; width:350px;}
.zhIntroduce .imgArea .signiture{display:inline-block; padding-top:20px;}
.zhIntroduce .txtArea{margin-right:60px; width:770px;}
.zhIntroduce .txtArea strong{font-size:36px; color:#333; font-weight:700; line-height:48px;}
.zhIntroduce .txtArea p{padding-top:45px; font-size:18px; font-weight:300; line-height:27px;}
.zhHistory{margin-top:120px; background:url("../images/zhHistory_bg.jpg") no-repeat center bottom;}
.zhHistory h4{padding-top:20px; font-size:40px; color:#333; font-weight:900;}
.zhHistory .cirArea{padding:80px 0 120px}
.zhHistory .cirArea .cirBox{display:flex; justify-content:center; position:relative; margin-top:60px;}
.zhHistory .cirArea .cirBox:first-child{margin-top:0;}
.zhHistory .cirArea .cirBox .cir{display:flex; justify-content:center; align-items:center; width:210px; height:210px; font-size:22px; color:#fff; font-weight:700; border-radius:50%; background:linear-gradient(140deg, rgba(86,143,201,1), rgba(46,51,108,1));}
.zhHistory .cirArea .cirBox .history{position:absolute; top:0; right:0; padding:38px 35px; width:455px; border:1px solid #ddd; background:#fff;}
.zhHistory .cirArea .cirBox .history .list{margin-top:30px; overflow:hidden;}
.zhHistory .cirArea .cirBox .history .list:first-child{margin-top:0;}
.zhHistory .cirArea .cirBox .history .list .year{float:left; font-size:20px; color:#333; font-weight:900; padding-right:20px; line-height:24px;}
.zhHistory .cirArea .cirBox .history .list .txt{float:left; font-size:18px; font-weight:300; line-height:24px;}
.zhHistory .cirArea .cirBox:nth-child(2) .history{left:0;}
.zhHistory .cirArea .cirBox:nth-child(3) .history{top:-50px;}
.zhHistory .cirArea .cirBox:nth-child(4) .history{left:0;}
.swipeCont .cont{display:none;}
.swipeCont .cont.on{display:block;}
.cBizRole{position:relative; padding:0 0 0 0; width:100%; text-align:left;}
.cBizRole .RoleTit{position:relative; top:20px; font-size:30px; color:#333; font-weight:900; opacity:0; transition:all 0.3s ease-out;margin-bottom: 30px;}
.cBizRole .txt1{position:relative; top:20px; padding-top:44px; font-size:70px; color:#5998d2; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:700; opacity:0; transition:all 0.3s ease-out; transition-delay:0.2s;}
.cBizRole .txt2{position:relative; top:20px; padding-top:42px; font-size:18px; color:#333; font-weight:300; line-height:28px; opacity:0; transition:all 0.3s ease-out; transition-delay:0.4s;}
.cBizRole.active .RoleTit{top:0; opacity:1;}
.cBizRole.active .txt1{top:0; opacity:1;}
.cBizRole.active .txt2{top:0; opacity:1;}
.cBizRole table td{text-align: center;padding: 15px 0;}
.cBizTabArea{padding:120px 0; background:url("../images/companyIntro_biz_img4.jpg") no-repeat center 0;}
.cBizTabArea .RoleTit{text-align:center; font-size:30px; color:#333; font-weight:900;}
.cBizTabArea .tab{position:relative; top:50px; opacity:0; transition:all 0.4s ease-out;}
.cBizTabArea .tab.active{top:0; opacity:1;}
.cBizTabArea .listBox{display:flex;}
.cBizTabArea .listBox .list{position:relative; top:50px; opacity:0; width:295px; transition:all 0.4s ease-out; transition-delay:0.2s;}
.cBizTabArea .listBox .list .imgArea{width:295px; height:295px; box-shadow:13px 0px 50px 10px rgba(0,0,0,0.2);}
.cBizTabArea .listBox .list .imgArea .img{overflow:hidden;}
.cBizTabArea .listBox .list .infoArea{padding-top:40px;}
.cBizTabArea .listBox .list .infoArea .tit{font-size:25px; color:#333; letter-spacing:-1.2px}
.cBizTabArea .listBox .list .infoArea .txt{padding:20px 30px 0 0; font-size:16px; color:#666; font-weight:300; line-height:24px;}
.cBizTabArea .listBox.active .list{top:0; opacity:1;}
.cBizSales{padding:80px 0 120px;}
.cBizSales .salesTit{text-align:center; font-size:30px; color:#333; font-weight:900;}
.cBizSales .imgArea{position:relative; top:100px; opacity:0; padding-top:50px; transition:all 0.4s ease-out;}
.cBizSales .imgArea.active{top:0; opacity:1;}
.cBizGlobalMap{position:relative; padding:115px 0 0 0; width:100%; height:750px; background:linear-gradient(140deg, #59d2c2, #444ac0); background-size:170% 120%; -webkit-animation:mapBgMove 2.5s ease-out infinite; animation:mapBgMove 2.5s ease-out infinite;}
.cBizGlobalMap .inner{z-index:1;}
.cBizGlobalMap .inner .GlobalMapTit{font-size:30px; color:#fff; font-weight:900; text-align:center;}
.cBizGlobalMap .inner .txt1{padding-top:20px; font-size:16px; color:#fff; font-weight:500; text-align:right;}
.cBizGlobalMap .inner .txt2{padding-top:8px; font-size:16px; color:rgba(255,255,255,0.6); text-align:right;}
.cBizGlobalMap .inner .nationBox{}
.cBizGlobalMap .inner .nationBox .nation{display:flex; align-items:center;background:linear-gradient(140deg, rgba(86,143,201,0.95), rgba(46,51,108,0.95)); transition:all 0.4s ease-out;}
.cBizGlobalMap .inner .nationBox .nation:nth-child(1){position:absolute; top:310px; top:360px; opacity:0; left:166px; width:136px; height:136px; border-radius:50%; /*animation:nationMove1 1.5s ease-out infinite;*/}
.cBizGlobalMap .inner .nationBox .nation:nth-child(2){position:absolute; top:228px; top:287px; opacity:0; left:565px; width:150px; height:150px; border-radius:50%; transition-delay:0.1s; /*animation:nationMove2 3s ease-out infinite;*/}
.cBizGlobalMap .inner .nationBox .nation:nth-child(3){position:absolute; top:341px; top:391px; opacity:0; left:702px; width:120px; height:120px; border-radius:50%; transition-delay:0.2s; /*animation:nationMove3 3s ease-out infinite;*/}
.cBizGlobalMap .inner .nationBox .nation:nth-child(4){position:absolute; top:304px; top:354px; opacity:0; left:859px; width:136px; height:136px; border-radius:50%; transition-delay:0.3s; /*animation:nationMove4 10s ease-out infinite;*/}
.cBizGlobalMap .inner .nationBox .nation:nth-child(5){position:absolute; top:334px; top:384px; opacity:0; left:993px; width:176px; height:176px; border-radius:50%; transition-delay:0.4s; /*animation:nationMove5 10s ease-out infinite;*/}
.cBizGlobalMap .inner .nationBox .nation .pack{width:100%;}
.cBizGlobalMap .inner .nationBox .nation .name{text-align:center; font-size:18px; color:#fff; font-weight:400;}
.cBizGlobalMap .inner .nationBox .nation .num{text-align:center; font-size:26px; color:#fff; font-weight:500;}
.cBizGlobalMap .inner .nationBox .nation .num span{font-family:"Montserrat", "Noto Sans", "Malgun Gothic";}
.cBizGlobalMap .inner .nationBox.active .nation:nth-child(1){top:310px; opacity:1;}
.cBizGlobalMap .inner .nationBox.active .nation:nth-child(2){top:228px;opacity:1;}
.cBizGlobalMap .inner .nationBox.active .nation:nth-child(3){top:341px; opacity:1;}
.cBizGlobalMap .inner .nationBox.active .nation:nth-child(4){top:304px; opacity:1;}
.cBizGlobalMap .inner .nationBox.active .nation:nth-child(5){top:334px; opacity:1;}
.cBizGlobalMap .bg{position:absolute; top:0; width:100%; height:750px; background:url("../images/map_bg.png") repeat center 0;}
.ethicsCont{}
.ethicsCont .content1{position:relative; width:100%; height:520px; text-align:center; background:url("../images/ethicsCont_img1.jpg") no-repeat center 0; background-size:cover;}
.ethicsCont .content1 .txt1{padding-top:110px; font-size:22px; color:#333; font-weight:700; line-height:30px;}
.ethicsCont .content1 .txt2{padding-top:30px; font-size:18px; color:#666; font-weight:300; line-height:26px;}
.ethicsCont .content2 .list{position:relative; margin:60px auto 0; width:95%; height:545px; overflow:hidden; transition:all 3s ease-out;}
.ethicsCont .content2 .list:first-child{margin:0 auto;}
.ethicsCont .content2 .list:before{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.5); transition:all 0.5s ease-out;}
.ethicsCont .content2 .list:after{display:block; content:""; position:absolute; top:0; left:50%; width:1px; height:184px; background:#fff; transition:all 0.5s ease-out;}
.ethicsCont .content2 .list .title{position:absolute; top:240px; left:48%; transform:translate(-50%, 0); font-size:70px; color:#fff; font-weight:700; transition:all 0.5s ease-out;}
.ethicsCont .content2 .list .txtArea{display:block; position:relative; left:50px; margin:0 auto; padding-top:230px; width:1180px; opacity:0; transition:all 0.5s ease-out; transition-delay:0.3s;}
.ethicsCont .content2 .list .txtArea p{padding-left:13px; margin-top:15px; font-size:16px; color:#fff; font-weight:300; line-height:26px; background:url("../images/dot4x4.png") no-repeat 0 12px;}
.ethicsCont .content2 .list .txtArea p:nth-child(1){margin-top:0;}
.ethicsCont .content2 .list:nth-child(1){background:url("../images/ethicsCont_boxImg1.jpg") no-repeat center 0;}
.ethicsCont .content2 .list:nth-child(2){background:url("../images/ethicsCont_boxImg2.jpg") no-repeat center 0;}
.ethicsCont .content2 .list:nth-child(3){background:url("../images/ethicsCont_boxImg3.jpg") no-repeat center 0;}
.ethicsCont .content2 .list:nth-child(4){background:url("../images/ethicsCont_boxImg4.jpg") no-repeat center 0;}
.ethicsCont .content2 .list:nth-child(5){background:url("../images/ethicsCont_boxImg5.jpg") no-repeat center 0;}
.ethicsCont .content2 .list.active:nth-child(1){background:url("../images/ethicsCont_boxImg1.jpg") no-repeat center bottom;}
.ethicsCont .content2 .list.active:nth-child(2){height:700px; background:url("../images/ethicsCont_boxImg2.jpg") no-repeat 0 bottom;}
.ethicsCont .content2 .list.active:nth-child(3){background:url("../images/ethicsCont_boxImg3.jpg") no-repeat center bottom;}
.ethicsCont .content2 .list.active:nth-child(4){background:url("../images/ethicsCont_boxImg4.jpg") no-repeat center bottom;}
.ethicsCont .content2 .list.active:nth-child(5){background:url("../images/ethicsCont_boxImg5.jpg") no-repeat center bottom;}
.ethicsCont .content2 .list.active:before{opacity:1;}
.ethicsCont .content2 .list.active:after{height:100px;}
.ethicsCont .content2 .list.active .title{top:120px; height:100px; font-size:52px;}
.ethicsCont .content2 .list.active .txtArea{opacity:1; left:0;}

    /* 서비스 */
.ctSerPage{}
.ctSerPage .bigImg{position:relative; margin:0 auto; width:100%; height:800px; background:url("../images/ctSerPage_img1.jpg") no-repeat center 0; background-size:cover; transition:all 0.3s ease-out;}
.ctSerPage .bigImg:before{display:block; content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.7); transition:all 0.3s ease-out;}
.ctSerPage .bigImg:after{display:block; content:""; position:absolute; top:0; z-index:2; left:50%; width:1px; height:250px; height:0; background:#fff; transition:all 0.8s ease; transition-delay:0.1s;}
.ctSerPage .bigImg .txtArea{position:absolute; top:280px; z-index:2; width:100%; text-align:center;}
.ctSerPage .bigImg .txtArea .txt1{position:relative; top:50px; opacity:0; font-size:70px; color:#fff; font-weight:700; transition:all 0.3s ease-out;}
.ctSerPage .bigImg .txtArea .txt2{position:relative; top:50px; opacity:0; padding-top:40px; font-size:18px; color:rgba(255,255,255,0.4); font-weight:300; line-height:28px; transition:all 0.3s ease-out; transition-delay:0.2s;}
.ctSerPage .bigImg.active{width:95%;}
.ctSerPage .bigImg.active:before{opacity:1;}
.ctSerPage .bigImg.active:after{height:250px;}
.ctSerPage .bigImg.active .txtArea .txt1{top:0; opacity:1;}
.ctSerPage .bigImg.active .txtArea .txt2{top:0; opacity:1;}
.ctSerPage .section1{padding:100px 0; background:linear-gradient(180deg, #fff, #edf3f9, #f1f5f9);}
.ctSerPage .section1 h3{font-size:40px; color:#333; font-weight:900;}
.ctSerPage .section1 .txt{padding-top:30px; font-size:20px; font-weight:300;}
.ctSerPage .section1 .item1{position:relative; top:100px; opacity:0; padding-top:60px; transition:all 0.3s ease-out;}
.ctSerPage .section1 .item1.active{top:0; opacity:1;}
.ctSerPage .section1 .addTit{padding-top:120px; font-size:20px; color:#333; font-weight:700;}
.ctSerPage .section1 .item2{position:relative; padding-top:150px;}
.ctSerPage .section1 .item2 > img{position:relative; top:100px; opacity:0; transition:all 0.3s ease-out;}
.ctSerPage .section1 .item2.active > img{top:0; opacity:1;}
.ctSerPage .section1 .item2 .balloon:nth-of-type(1){position:absolute; top:365px; left:60px; top:415px; opacity:0; transition:all 0.3s ease-out; transition-delay:0.2s;}
.ctSerPage .section1 .item2 .balloon.active:nth-of-type(1){top:365px; opacity:1;}
.ctSerPage .section1 .item2 .balloon:nth-of-type(2){position:absolute; top:20px; left:290px; top:-30px; opacity:0; transition:all 0.3s ease-out; transition-delay:0.2s;}
.ctSerPage .section1 .item2 .balloon.active:nth-of-type(2){top:20px; opacity:1;}
.ctSerPage .section1 .item2 .balloon:nth-of-type(3){position:absolute; top:365px; left:520px; top:415px; opacity:0; transition:all 0.3s ease-out; transition-delay:0.2s;}
.ctSerPage .section1 .item2 .balloon.active:nth-of-type(3){top:365px; opacity:1;}
.ctSerPage .section1 .item2 .balloon:nth-of-type(4){position:absolute; top:20px; left:750px; top:-30px; opacity:0; transition:all 0.3s ease-out; transition-delay:0.2s;}
.ctSerPage .section1 .item2 .balloon.active:nth-of-type(4){top:20px; opacity:1;}
.ctSerPage .section2{height:566px; background:url("../images/ctSerPage_section2_img1.jpg") no-repeat center 0; transition:all 3s ease-out;}
.ctSerPage .section2.active{background:url("../images/ctSerPage_section2_img1.jpg") no-repeat center bottom;}
.ctSerPage .section2 ul{display:flex; justify-content:space-between; padding-top:110px;}
.ctSerPage .section2 ul li{position:relative; padding:68px 58px; width:580px; height:347px; border:2px solid rgba(255,255,255,0.4);}
.ctSerPage .section2 ul li:nth-of-type(1){background:url("../images/ctSerPage_section2_img2.png") no-repeat 485px 40px;}
.ctSerPage .section2 ul li:nth-of-type(2){background:url("../images/ctSerPage_section2_img3.png") no-repeat 485px 40px;}
.ctSerPage .section2 ul li .tit{font-size:28px; color:#fff; font-weight:700;}
.ctSerPage .section2 ul li > div{padding-top:20px; font-size:18px; color:#fff; font-weight:300; line-height:26px;}
.ctSerPage .section2 ul li a{display:inline-block; position:relative; margin-top:30px; font-size:18px; color:#fff; font-weight:700;}
.ctSerPage .section2 ul li a:after{display:inline-block; content:""; position:absolute; bottom:-10px; left:0; width:100%; width:0; height:5px; background:#fff; transition:all 0.3s ease-out;}
.ctSerPage .section2 ul li a:hover:after{width:100%;}
.ctSerPage .section3{padding:90px 0 120px; height:747px; background:url("../images/ctSerPage_section3_img1.gif") no-repeat center 0; background-size:cover;}
.ctSerPage .section3 h3{font-size:40px; color:#333; font-weight:900;}
.ctSerPage .section3 .addTxt{padding-top:20px; font-size:20px; font-weight:300; letter-spacing:-1.2px;}
.ctSerPage .section3 .listCont{display:flex; justify-content:space-between; margin-top:60px;}
.ctSerPage .section3 .listCont .list{display:block; position:relative; top:100px; opacity:0; padding:60px 20px; width:290px; height:380px; text-align:center; border:2px solid #fff; transition:all 0.3s ease-out;}
.ctSerPage .section3 .listCont .list:nth-of-type(1){cursor:default; background:#fff; transition-delay:0s;}
.ctSerPage .section3 .listCont .list:nth-of-type(2){cursor:default; background:#fff; transition-delay:0s;}
.ctSerPage .section3 .listCont .list:nth-of-type(3){background:url("../images/ctSerPage_section3_img2.gif") no-repeat 104px 303px #fff; transition-delay:0s;}
.ctSerPage .section3 .listCont .list:nth-of-type(3):hover{border:2px solid #5a98d3; background:url("../images/ctSerPage_section3_img3.gif") no-repeat 104px 303px #fff;}
.ctSerPage .section3 .listCont .list:nth-of-type(4){background:url("../images/ctSerPage_section3_img2.gif") no-repeat 104px 303px #fff;}
.ctSerPage .section3 .listCont .list:nth-of-type(4):hover{border:2px solid #5a98d3; background:url("../images/ctSerPage_section3_img3.gif") no-repeat 104px 303px #fff;}
.ctSerPage .section3 .listCont .list .tit{font-size:25px; color:#333; font-weight:700;}
.ctSerPage .section3 .listCont .list .addInfo{padding-top:15px; font-size:16px; color:#5a98d3; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:500;}
.ctSerPage .section3 .listCont .list .txt{padding-top:25px; font-size:16px; font-weight:300; line-height:26px;}
.ctSerPage .section3.active .list{top:0; opacity:1;}
.ctSerPage .section4{padding:100px 0 115px; height:400px; text-align:center; background:url("../images/ctSerPage_section4_img1.jpg") no-repeat center 0; background-size:cover;}
.ctSerPage .section4 h3{font-size:35px; color:#fff; font-weight:900;}
.ctSerPage .section4 .txt{padding-top:20px; font-size:18px; color:rgba(255,255,255,0.6); font-weight:300;}
.ctSerPage .section4 #botBtn{margin:0; padding-top:38px;}
.whyDoosan{position: relative;margin-bottom: 100px;}
.whyDoosan .bigImgArea{position:relative; margin:auto; width:100%; height:800px; background:url("../images/whyDoosan_bigImg1.jpg") no-repeat center center; background-size:cover; transition:all 0.3s ease;}
.whyDoosan .bigImgArea:before{display:block; content:""; position:absolute; top:0; z-index:1; width:100%; height:800px; background:rgba(0,0,0,0.7); opacity:0; transition:all 0.8s ease;}
.whyDoosan .bigImgArea:after{display:block; content:""; position:absolute; bottom:0; z-index:2; left:50%; width:1px; height:250px; height:0; background:#fff; transition:all 0.8s ease; transition-delay:0.1s;}
.whyDoosan .bigImgArea .txt{position:absolute; top:280px; left:0; z-index:2; width:100%; text-align:center; font-size:70px; color:#fff; font-weight:700;}
.whyDoosan .bigImgArea .txt span{position:relative; top:100px; opacity:0; transition:all 0.3s ease-out;}
.whyDoosan .bigImgArea .txt1{position:absolute; top:380px; left:0; z-index:2; width:100%; text-align:center; font-size:18px; color:rgba(255,255,255,0.4); font-weight:300; line-height:28px;}
.whyDoosan .bigImgArea .txt1 span{position:relative; top:100px; opacity:0; transition:all 0.3s ease-out;}
.whyDoosan .bigImgArea .cirCont{display:flex; justify-content:center; position:absolute; top:690px; z-index:3; width:100%;}
.whyDoosan .bigImgArea .cirCont .cir{display:flex; align-items:center; justify-content:center; position:relative; top:100px; opacity:0; margin:0 20px; width:210px; height:210px; border-radius:50%; font-size:22px; color:#fff; font-weight:700; text-align:center; background:linear-gradient(140deg, rgba(86,143,201,1), rgba(46,51,108,1)); transition:all 0.3s ease-out;}
.whyDoosan .bigImgArea.active{width:95%;}
.whyDoosan .bigImgArea.active:before{opacity:1;}
.whyDoosan .bigImgArea.active:after{height:250px;}
.whyDoosan .bigImgArea.active .txt span{top:0; opacity:1;}
.whyDoosan .bigImgArea.active .txt1 span{top:0; opacity:1;}
.whyDoosan .bigImgArea .cirCont.active .cir{top:0; opacity:1;}
.whyDoosan .bigImgArea:nth-child(2){margin-top:200px; background:url("../images/whyDoosan_bigImg2.jpg") no-repeat center center; background-size:cover;}
.whyDoosan .wdCont{padding-top:120px;}
.whyDoosan .wdCont .list .txtCont.type2{padding:235px 0 0 80px;}
.whyDoosan .wdCont .list:nth-child(even) .txtCont.type2{padding:235px 80px 0 0;}
.whyDoosan .wdCont .txt3{font-size:40px; color:#333; font-weight:300; line-height:44px;}
.whyDoosan .wdCont #botBtn{display:inline-block; position:static; padding-top:30px;}
.whyDoosan .custmProduct{margin-top:200px;}
.whyDoosan .custmProduct .whyTit{font-size:40px; color:#333; font-weight:900;}
.whyDoosan .custmProduct .addTxt{padding-top:30px; font-size:20px; color:#666; font-weight:300;}
.whyDoosan .custmProduct .listCont{display:flex; justify-content:space-between; padding-top:50px;}
.whyDoosan .custmProduct .listCont .list{display:block; width:376px;}
.whyDoosan .custmProduct .listCont .list .imgArea{width:100%; height:282px; overflow:hidden;}
.whyDoosan .custmProduct .listCont .list .imgArea img{width:100%;}
.whyDoosan .custmProduct .listCont .list .name{padding-top:30px; font-size:20px; color:#333; font-family:"Montserrat", "Noto Sans", "Malgun Gothic"; font-weight:500;}
.whyDoosan .banner{margin-top:120px; padding-top:200px; width:100%; height:670px; background:url("../images/whyDoosan_bannerImg1.jpg") no-repeat center 0;}
.whyDoosan .banner .whyTit{font-size:40px; color:#fff; font-weight:900;}
.whyDoosan .banner .addTxt{padding-top:25px; font-size:20px; color:rgba(255,255,255,0.6); font-weight:300; line-height:28px;}
.whyDoosan .banner #botBtn{display:inline-block; padding-top:50px;}
.whyDoosan .flxbCont{padding-top:100px; width:100%; height:659px; background:url("../images/whyDoosan_flxbImg1.jpg") no-repeat right 0;}
.whyDoosan .flxbCont .whyTit{font-size:40px; color:#333; font-weight:900;}
.whyDoosan .flxbCont .addTxt{padding-top:25px; font-size:20px; color:#666; font-weight:300;}
.whyDoosan .flxbCont .diagram{position:relative; top:100px; opacity:0; padding-top:50px; transition:all 0.4s ease-out;}
.whyDoosan .flxbCont.active .diagram{top:0; opacity:1;}
.whyDoosan .prMovie{padding:100px 0; width:100%; background:#edf3f9;}
.whyDoosan .prMovie .whyTit{font-size:40px; color:#333; font-weight:900;}
.whyDoosan .prMovie .addTxt{padding-top:25px; font-size:20px; color:#666; font-weight:300; line-height:28px;}
.whyDoosan .prMovie .movieArea{display:block; position:relative; margin-top:50px; width:100%; overflow:hidden;}
.whyDoosan .prMovie .movieArea:after{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; content:''; width:48px; height:56px; background:url("../../common/images/movieArea_play_icon.png") center no-repeat;}
.whyDoosan .prMovie .movieArea:before{position:absolute; top:0; left:0; display:block; content:''; width:100%; height:100%; background: rgba(0,0,0,.4);}
.whyDoosan .prMovie .movieArea img{width:100%;}
.whyDoosan .prMovie .movieArea{display:block; margin-top:50px;}
.whyDoosan .customCenter{margin-top:100px;}
.whyDoosan .customCenter .inner{display:flex; justify-content:space-between;}
.whyDoosan .customCenter .inner.listOne{justify-content:center;}/* 2019-07-19 추가 */
.whyDoosan .customCenter .cList{display:block; padding-top:150px; width:590px; text-align:center;}
.whyDoosan .customCenter .cList.w100 {width:100%} /* 2019-07-30 추가 */
.whyDoosan .customCenter .cList .tit{position:relative; top:50px; opacity:0; font-size:40px; color:#333; font-weight:900; transition:all 0.4s ease-out;}
.whyDoosan .customCenter .cList .txt{position:relative; top:50px; opacity:0; padding:28px 0; font-size:20px; color:#666; font-weight:300; transition:all 0.4s ease-out; transition-delay:0.2s;}
.whyDoosan .customCenter .cList:nth-child(1){background:url("../images/whyDoosan_cir_icon1.jpg") no-repeat center 0;}
.whyDoosan .customCenter .cList:nth-child(2){border-left:1px solid #ddd; background:url("../images/whyDoosan_cir_icon2.jpg") no-repeat center 0;}
.whyDoosan .customCenter .cList .btnDownload{display:inline-block; margin-top:20px; padding:16px 30px; font-size:16px; color:#666; font-weight:700; border:1px solid #ddd; border-radius:50px; background:#fff; transition:all 0.3s ease-out;}
.whyDoosan .customCenter .cList .btnDownload span{display:inline-block; padding-right:25px; background:url("../images/icon_download.png") no-repeat right center;}
.whyDoosan .customCenter .cList .btnDownload:hover{border:1px solid #5998d2; color:#fff; background:#5998d2;}
.whyDoosan .customCenter .cList .btnDownload:hover span{background:url("../images/icon_download_on.png") no-repeat right center;}
.whyDoosan .customCenter.active .tit{top:0; opacity:1;}
.whyDoosan .customCenter.active .txt{top:0; opacity:1;}

@keyframes nationMove1{0%{top:310px;}50%{top:320px;}100%{top:310px;}}
@keyframes nationMove2{0%{top:228px;}50%{top:218px;}100%{top:228px;}}
@keyframes nationMove3{0%{top:341px;}50%{top:351px;}100%{top:341px;}}
@keyframes nationMove4{0%{top:304px;}50%{top:294px;}100%{top:304px;}}
@keyframes nationMove5{0%{top:334px;}50%{top:344px;}100%{top:334px;}}
@keyframes mapBgMove{0%{background-position:30% 50%}50%{background-position:100% 50%}100%{background-position:30% 50%}}

@media all and (max-width:1919px) {
    .productSchArea .totalTit{padding-bottom:20px;}
    .productSchArea .btnArea{position:relative; top:0; right:0; margin-top:20px; overflow:hidden;}
    .productSchArea .btnArea a:first-child{margin-left:15px;}
    .productSchArea .listCont{margin-top:0;}
}

@media all and (max-width:1500px) {
    .productCont .pList .tit{left:20px; font-size:25px;}
    .productCont .pList .titSum{left:20px; font-size:16px;}
}

@media all and (max-width:1400px) {
    /* 사회책임경영 */
	.newsletterCont .content2{padding:120 80px;}
	.newsletterCont .content2 .btnArea .btnLeft{left:-35px;}
	.newsletterCont .content2 .btnArea .btnRight{right:-35px;}
}

@media all and (max-width:1280px) {
    .productSchArea .prodDetailArea{padding:120px 40px 120px 50px;}
    .productSchArea .btnArea{position:relative; top:0; right:0; margin-top:40px; overflow:hidden;}


}