@charset "utf-8";
@import url(common.css);

.wrapper{max-width:initial;}
.header{position:absolute;width:100%;background-color:transparent; border:none;}
.header.headFixed{border-bottom:1px solid #d1d1d1;background-color: #fff;}
.header.headFixed .headArea .loginArea{position:absolute;top:20px;right:91px;}

.pcNone.mainWrap .mainArea{width:100vw;height:calc(100vh - -80px);padding:40px 0;}
.pcNone.mainWrap .contentArea{padding-top:100vh;}
.pcNone.mainWrap .mainCont01{position:fixed;z-index:1;visibility:hidden;}
.pcNone.mainWrap .mainCont02{position:relative;background:#f7f7f7;z-index:2;}
.pcNone.mainWrap .mainCont03{position:relative;background:#fff;z-index:3;}
.pcNone.mainWrap .mainCont04{position:relative;background:url(../images/main/bg_main_04.jpg) no-repeat 50%;z-index:4;background-size:cover;z-index:4;}
.pcNone.mainWrap h2{font:70px 'SamyangNeo';color:#111;font-weight: 500;}
.pcNone.mainWrap .sTxt{font:22px 'NotoSansL';color:#444;}

/* mainBG */
.pcNone.mainWrap .mainArea .mainBG{position:absolute;height:100vh;}
.pcNone.mainWrap .mainArea .mainBG>li{position:absolute;left:50%;transform:translate(-50%, -50%);min-width:100%;min-height:100%;}
.pcNone.mainWrap .mainArea .mainBG>li.swiper-slide{opacity:0 !important;}
.pcNone.mainWrap .mainArea .mainBG>li.swiper-slide-active{opacity:1 !important;}
.pcNone.mainWrap .mainArea .mainBG>li img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);min-width:100%;min-height:100%;}
/*.pcNone.mainWrap .mainArea .mainBG>li .videoArea{position:relative;height:0;padding-bottom:54.55%;}*/
.pcNone.mainWrap .mainArea .mainBG>li .videoArea{position:relative;width:100vw;height:100vh}
.pcNone.mainWrap .mainArea .mainBG>li .videoArea iframe{position:absolute;top:0;right:-5%;width:100%;height:100%;}
.pcNone.mainWrap .mainArea .mainBG>li .videoArea:before{content:'';display:block;position:absolute;left:-50%;top:0;width:200%;height:100vh;background:url(../images/main/bg_main_01_bg.jpg) repeat-x 0 0}
.pcNone.mainWrap .mainArea .inner{width:1380px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;height:100vh;}
.container{margin:0;padding:0;}

/* mainCont01 */
.header.headFixed+.container .mainCont01 .inner{margin-top:-79px;}
.pcNone.mainWrap .mainCont01{height:100vh;padding:0;}
.pcNone.mainWrap .mainCont01 .inner{height:100vh;}
.pcNone.mainWrap .mainCont01 .mainCont{position:relative;height:100%;z-index:99}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent>li{opacity:0;visibility: hidden;}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent>li.on{opacity:1;visibility: visible;}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .txtCont{position:absolute;top:25%;left:0;}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .text{margin-top:40px;opacity:0;}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .visual02 .product{position:absolute;top:20%;left:31%;opacity:0;}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .visual03 .product{position:absolute;top:25%;left:50%;opacity:0;}
.pcNone.mainWrap .mainCont01 .mainCont .moreBtn{font:16px 'NotoSansB';color:#000;padding-right:55px;background:url(../images/main/btn_more_arrow.png) no-repeat 100% 9px;}
.pcNone.mainWrap .mainCont01 .mainCont .moreBtn.type02{font:16px 'NotoSansB';color:#000;padding-right:55px;background:url(../images/main/btn_more_arrow.png) no-repeat 100% 9px;}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .btnArea{margin-top:80px;}
/* 20210209 메인 스와이프 모션 개선으로 추가 */
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .txtCont .title,
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .txtCont .text,
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .txtCont .btnArea{opacity: 0;}

/* indicater */
.pcNone.mainWrap .mainCont01 .indicater{position:relative;top:90%;}
.pcNone.mainWrap .mainCont01 .indicater:after{content:'';display:block;clear:both;}
.pcNone.mainWrap .mainCont01 .indicater li{float:left;position:relative;padding-bottom:18px;width:120px;}
.pcNone.mainWrap .mainCont01 .indicater li.on .btn{color:#000;}
.pcNone.mainWrap .mainCont01 .indicater li+li{margin-left:4px;}
.pcNone.mainWrap .mainCont01 .indicater li:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:#ada49e;}
.pcNone.mainWrap .mainCont01 .indicater li .nowBar{position:absolute;left:0;bottom:0px;width:0%;height:3px;background:#4e6ef0;z-index:99;}
.pcNone.mainWrap .mainCont01 .indicater li .btn{font:16px 'NotoSansM';color:#6b6561;width:100%;text-align:left;}
.mainWrap .mainCont01 .indicater li.on .nowBar{width:100%;}

/* mainCont02 */
.pcNone.mainWrap .mainCont02 .inner{text-align:center;}
.pcNone.mainWrap .mainCont02 .inner h2{margin-bottom:10px;}

.pcNone.mainWrap .mainCont02 .imgContArea{width:1380px;margin:60px auto 0;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul{display:none;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul.on{display:block;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul:after{content:'';display:block;clear:both;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul{margin:0 -9px;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul li{position:relative;float:left;margin:0 9px;width:448px;height:600px;cursor:pointer;transition:width 0.6s ease-out;overflow:hidden}
.pcNone.mainWrap .mainCont02 .imgContArea>ul li .bImg{opacity:0;transition: 0.2s ease-out;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul li .logoImg{position:absolute;top:50px;left:50px;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul li .logoImgS{display:none;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul li.sizeB{width:981px;overflow:hidden;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul li.sizeB .logoImg{width:0;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul li.sizeB .logoImgS{display:none;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul li.sizeB .bImg{opacity:1;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul li.sizeS{width:180px;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul li.sizeS .logoImgS{display:block;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul li.sizeS .logoImg{display:none;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul li.sizeS .logoImgS{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.pcNone.mainWrap .mainCont02 .imgContArea>ul li.sizeS:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.18;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul li.img01{background:url(../images/main/img_cont02_01_m.jpg) no-repeat 50%;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul li.img02{background:url(../images/main/img_cont02_02_m.jpg) no-repeat 50%;}
.pcNone.mainWrap .mainCont02 .imgContArea>ul li.img03{background:url(../images/main/img_cont02_03_m.jpg) no-repeat 50%;}

/* mainCont03 */
.pcNone.mainWrap .mainCont03 .inner{text-align:center;width:auto;}
.pcNone.mainWrap .mainCont03 .inner h2{margin-bottom:10px;}
.pcNone.mainWrap .mainCont03 .swCont{margin-top:50px;}
.pcNone.mainWrap .mainCont03 .swiperCont .txtCont{position:absolute;top:0;left:215px;background:#4e6ef0;width:470px;height:490px;padding:60px;text-align:left;z-index:2;-moz-box-shadow:10px 10px 60px -30px #000;-webkit-box-shadow:10px 10px 60px -30px #000;box-shadow:10px 10px 60px -30px #000;}
.pcNone.mainWrap .mainCont03 .swiperCont .txtCont .tit{font:44px 'SamyangNeo'; font-weight:500;color:#f7f7f7;margin-top: -10px;line-height: 1.3;}
.pcNone.mainWrap .mainCont03 .swiperCont .txtCont .txt{font:18px/30px 'NotoSansL';color:#f7f7f7;line-height: 1.5;}
.pcNone.mainWrap .mainCont03 .swiperCont .txtCont .btnArea a{position:absolute;bottom:0;left:0;}

.pcNone.mainWrap .mainCont03 .swiperCont .btnSwipe{position:absolute;left:0;top:551px;width:11px;height:18px;z-index:99;right:inherit}
.pcNone.mainWrap .mainCont03 .swiperCont .btnSwipe:after{display:none}
.pcNone.mainWrap .mainCont03 .swiperCont .btnSwipe.btnPrev{left:564px;background:url(../images/main/btn_sw_arrow.png) no-repeat 0 0;background-position:0 0;}
.pcNone.mainWrap .mainCont03 .swiperCont .btnSwipe.btnNext{left:597px;background:url(../images/main/btn_sw_arrow.png) no-repeat 0 0;background-position:0 -19px;}
.pcNone.mainWrap .mainCont03 .swiperCont .abmListCont{margin-left:640px;width:auto}
.pcNone.mainWrap .mainCont03 .swiperCont .indicatorCont{width:321px;position:absolute;bottom:8px;left:216px;margin:0;right:inherit;top:inherit}
.pcNone.mainWrap .mainCont03 .swiperCont .indicator .nowBar{position:absolute;left:0;width:50%;height:3px;background:#4e6ef0;}
.pcNone.mainWrap .mainCont03 .moreBtn{font:16px 'NotoSansB';color:#f7f7f7;padding-right:55px;background:url(../images/main/btn_sw_more_arrow.png) no-repeat 100% 9px;position:absolute;bottom:75px;left:60px;}

/* mainCont04 */
.pcNone.mainWrap .mainCont04{height:100vh;padding:0;}
.pcNone.mainWrap .mainCont04 .inner{text-align:center;color:#fafafa;}
.pcNone.mainWrap .mainCont04 .inner h2{margin-bottom:0;color:#fafafa;}
.pcNone.mainWrap .mainCont04 .inner h3{padding-top:130px;margin-bottom:0;color:#fafafa;font:44px 'SamyangNeo'; font-weight:500;}
.pcNone.mainWrap .mainCont04 .inner .txt{color:#fafafa;font:22px/29px 'NotoSansL';width:920px;margin:30px auto;}
.pcNone.mainWrap .mainCont04 .btnArea{margin-top:80px;}
.pcNone.mainWrap .mainCont04 .moreBtn{font:16px 'NotoSansB';color:#f7f7f7;padding-right:55px;background:url(../images/main/btn_sw_more_arrow.png) no-repeat 100% 9px;}

/* 메인 팝업 */
.mainPop .popIMg{padding:20px 0}
.mainPop .popIMg img{width:100%}
.mainPop .infoCont{padding:28px 40px 0 40px}
.todayClose{padding:15px 0;border-top:1px solid #ddd;margin:0 40px}



/* Mobile 해상도 */
@media (min-width:320px) and (max-width:1023px) {
.header{border-bottom:none;}

.mainWrap{background:#e3e7ea;}
.mainWrap .mainCont02{position:relative;background:#f7f7f7;}
.mainWrap .mainCont03{position:relative;background:#fff;}
.mainWrap .mainCont04{position:relative;background:url(../images/main/bg_main_04_m.jpg) no-repeat 50%;background-size:cover;}

/* mainCont01 */
.mainWrap .mainCont01 .inner{/*height:100vh;*/}
.mainWrap .mainCont01 .mainCont{position:relative;height:100%;}
.mainWrap .mainCont01 .mainCont .mainContent{width:100%;height:100%;}
.mainWrap .mainCont01 .mainCont .mainContent>li{opacity:0;width:100%;height:100%;}
.mainWrap .mainCont01 .mainCont .mainContent>li.on{opacity:1;}
.mainWrap .mainCont01 .mainCont .mainContent .txtCont{position:absolute;top:18%;left:0;bottom:0;opacity:0;z-index:1;width:100%;padding-left:40px}

/* 20210209 메인 스와이프 모션 개선으로 주석처리 */
/* .mainWrap .mainCont01 .mainCont .mainContent>li.swiper-slide-active{z-index:1} */
.mainWrap .mainCont01 .mainCont .mainContent>li.swiper-slide-active .txtCont{opacity:1}
.mainWrap .mainCont01 .mainCont .mainContent .text{margin-top:15px;}
.mainWrap .mainCont01 .mainCont .mainContent .visual02 .product{position:absolute;top:25%;left:45%;}
.mainWrap .mainCont01 .mainCont .mainContent .visual03 .product{position:absolute;top:11%;left:45%;}
.mainWrap .mainCont01 .mainCont .moreBtn{font:13px 'NotoSansB';color:#000;padding-right:27px;background:url(../images/main/btn_more_arrow.png) no-repeat 100% 9px;background-size:22px auto;}
.mainWrap .mainCont01 .mainCont .moreBtn.type02{font:13px 'NotoSansB';color:#fff;padding-right:27px;background:url(../images/main/btn_more_arrow2.png) no-repeat 100% 9px;background-size:22px auto;}
.mainWrap .mainCont01 .mainCont .mainContent .btnArea{margin-top:30px;}

/* visual */
.mainWrap .mainCont01 .mainCont .mainContent [class^="visual"] .title,
.mainWrap .mainCont01 .mainCont .mainContent [class^="visual"] .text{position:relative;}
.mainWrap .mainCont01 .mainCont .mainContent [class^="visual"] .bgArea img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%, -50%);width:auto;height:100%}
.mainWrap .mainCont01 .mainCont .mainContent [class^="visual"] .bgArea.pivot img{top:inherit;bottom:0;height:auto;transform:translate(-50%, 5%)}

.mainWrap .mainCont01 .mainCont .mainContent .visual01:before{content:'';z-index:1;position:fixed;padding-top:230%;bottom:-4%;width:100%;height:100%;}
.mainWrap .mainCont01 .mainCont .mainContent .visual01 .videoArea{position:fixed;height:0;padding-top:230%;bottom:-4%;z-index:0;width:100%;height:100%;z-index:1;}
.mainWrap .mainCont01 .mainCont .mainContent .visual01 .videoArea iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.mainWrap .mainCont01 .mainCont .mainContent .visual01 .title img{width:142px;height:auto;}
.mainWrap .mainCont01 .mainCont .mainContent .visual01 .text img{width:248px;height:auto;}
.mainWrap .mainCont01 .mainCont .mainContent .visual02 .title img{width:200px;height:auto;}
.mainWrap .mainCont01 .mainCont .mainContent .visual02 .text img{width:241px;height:auto;}
.mainWrap .mainCont01 .mainCont .mainContent .visual03 .title img{width:104px;height:auto;}
.mainWrap .mainCont01 .mainCont .mainContent .visual03 .text img{width:259px;height:auto;}

/* indicater */
.mainWrap .mainCont01 .indicater{position:relative;left:40px;bottom:25px;z-index:1;}
.mainWrap .mainCont01 .indicater:after{content:'';display:block;clear:both;}
.mainWrap .mainCont01 .indicater li{float:left;position:relative;width:50px;line-height:0;}
.mainWrap .mainCont01 .indicater li+li{margin-left:2px;}
.mainWrap .mainCont01 .indicater li:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#ada49e;}
.mainWrap .mainCont01 .indicater li .btn{font-size:0;color:transparent;line-height:0;}
.mainWrap .mainCont01 .indicater li.on .btn{color:#000;}
.mainWrap .mainCont01 .indicater li .nowBar{content:'';position:absolute;left:0;bottom:0px;width:0%;height:2px;background:#4e6ef0;z-index:99;}
.mainWrap .mainCont01 .indicater li.on .nowBar{width:100%;}


/* mainCont02 */
.mainCont02 .inner{padding:70px 40px;}
.mainCont02 .inner h2{margin-bottom:10px;}
.mainCont02 .swCont{margin:0 -40px;}
.mainCont02 .swiperCont .abmListCont{margin-top:30px;}
.mainCont02 .swiperCont .abmList li.on img{display:block;}
.mainCont02 .abmCont .swiperCont .abmList li{-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;}
.mainCont02 .abmCont .swiperCont .abmList li.swiper-slide-active img{display:block}

/* mainCont03 */
.mainCont03 .abmCont .info>li:first-child{display:block;}
.mainCont03 .abmCont .info>li{display:none;}
.mainCont03 .abmCont .info{padding:20px 40px 0;}
.mainCont03 .abmCont .info .name{font:17px 'SamyangNeo'; font-weight:500;color:#4e6ef0;}
.mainCont03 .inner{text-align:left;width:auto;padding:70px 40px;}
.mainCont03 .inner h2{font:30px 'SamyangNeo'; font-weight:500;margin-bottom:10px;}
.mainCont03 .swCont{margin:0 -40px;}
.mainCont03 .moreBtn{font:13px 'NotoSansB';color:#000;padding-right:27px;background:url(../images/main/btn_more_arrow.png) no-repeat 100% 9px;background-size:22px auto;}
.mainCont03 .swiperCont .abmListCont{margin-top:30px;}

/* mainCont04 */
.mainCont04 .inner{color:#fafafa;padding:70px 40px 150px;}
.mainCont04 .inner h2{margin-bottom:0;color:#fafafa;}
.mainCont04 .inner h3{padding-top:50px;margin-bottom:14px;color:#fafafa;font:17px 'SamyangNeo'; font-weight:500;}
.mainCont04 .inner .txt{color:#fafafa;font:15px/22px 'NotoSansL';}
.mainCont04 .btnArea{margin-top:80px;}
.mainCont04 .moreBtn{font:13px 'NotoSansB';color:#f7f7f7;padding-right:27px;background:url(../images/main/btn_sw_more_arrow.png) no-repeat 100% 9px;background-size:22px auto;}

/* 메인 팝업 */
.mainPop{left:50%;top:50%;right:inherit;bottom:inherit;height:auto;padding:0 15px}
.mainPop .layerCont{position:relative}
.mainPop .popIMg{padding:20px 0}
.mainPop .infoCont{padding:20px 20px 0 20px}
.todayClose{padding:10px 0;border-top:1px solid #ddd;margin:0 20px}

}




/* 241120 메인 슬라이드 추가 수정  */
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .text{
    margin-top: 30px;
}
.mainWrap .mainCont01 .mainCont .mainContent .txtCont{
    padding-left: 25px;
}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .txtCont{
    top:22%;
    z-index: 99;
}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .txtCont .text .desc{
    font-family: "SamyangNeo";
    color: #666666;
    font-weight: 400;
}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .visual01 .txtCont .text .desc{
    font-size: 24px;
    line-height: 36px;
}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .visual02 .txtCont .text .desc,
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .visual03 .txtCont .text .desc{
    font-size: 18px;
    line-height: 27px;
}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .visual02 .txtCont .text .desc b,
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .visual03 .txtCont .text .desc b{
    font-size: 36px;
    line-height: 1.2;
    font-weight: 500;
    color: #111;
    margin-bottom: 15px;
    display: inline-block;
}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .txtCont .btnArea{
    margin-top: 40px;
}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .visual01 .product,
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .visual02 .product,
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .visual03 .product  {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .product img {
    height: 100vh;
    transform: translateX(690px);
    width: auto;
}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .visual01 .title img {
    width: 420px;
}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .visual02 .title img {
    width: 360px;
}
.pcNone.mainWrap .mainCont01 .mainCont .mainContent .visual03 .title img {
    width: 180px;
}


/* indicator */
.pcNone.mainWrap .mainCont01 .indicater {
    top: 87%;
}
.pcNone.mainWrap .mainCont01 .indicater li .btn{
    font: 14px "SamyangNeo";
    color: #fff;
    font-weight:400;
    height: 50px;
    display: flex;
    align-items: flex-end;
}
.pcNone.mainWrap .mainCont01 .indicater li:before {
    background: #fff;
}

.pcNone.mainWrap .mainCont01 .indicater li .nowBar {
    background: #0d151e;
}
.pcNone.mainWrap .mainCont01 .indicater .btn sup {
    position: relative;
    right: 0;
    font-size: 19px;
}

@media (min-width:320px) and (max-width:1023px) {
    /* 241120 메인 슬라이드 추가 수정  */
    .mainWrap {
        background: #fff;
    }
    .header {
        border-bottom: none;
        background: none !important;
    }
    .mainWrap .mainCont01 .mainCont .mainContent .visual01 .title img{
        width:200px;
        height:auto;
    }
    .mainWrap .mainCont01 .mainCont .mainContent .visual02 .title img {
        width: 200px;
        height: auto;
    }
    .mainWrap .mainCont01 .mainCont .mainContent .visual03 .title img {
        width: 104px;
        height: auto;
    }
    .mainWrap .mainCont01 .mainCont .mainContent .text {
        margin-top: 20px;
    }
    .mainWrap .mainCont01 .mainCont .mainContent .txtCont{
        top:14%;
    }
    .mainWrap .mainCont01 .mainCont .mainContent .text .desc{
        font-family: "SamyangNeo";
        color: #666666;
        font-weight: 400;
        letter-spacing: -1px;
        line-height:1.2
    }

    .mainWrap .mainCont01 .mainCont .mainContent .visual01 .txtCont .text .desc{
        font-size: 18px;
        letter-spacing: -0.5px;
        font-weight:500;
    }
    .mainWrap .mainCont01 .mainCont .mainContent .visual02 .txtCont .text .desc,
    .mainWrap .mainCont01 .mainCont .mainContent .visual03 .txtCont .text .desc{
        font-size: 13px;
        display: inline-block;
        line-height: 1.5;
        letter-spacing: 0;
    }
    .mainWrap .mainCont01 .mainCont .mainContent .visual02 .txtCont .text .desc b,
    .mainWrap .mainCont01 .mainCont .mainContent .visual03 .txtCont .text .desc b{
        font-size: 20px;
        font-weight: 500;
        color: #111;
        display: inline-block;
        line-height: 1.2;
        margin-bottom: 11px;
    }
    .mainWrap .mainCont01 .mainCont .mainContent [class^="visual"] .bgArea img {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        transform: translate(-50%, -50%);
        width: auto;
        height: 100%;
        min-width: none;
    }
    .mainWrap .mainCont01 .mainCont .mainContent .btnArea {
        margin-top: 20px;
    }

}


@media (min-width:540px) and (max-width:980px){
    .mainWrap .mainCont01 .mainCont .mainContent [class^="visual"] .bgArea img{
        height: auto;
        width: 100%;
    }
}

@media (min-width:320px) and (max-width:380px){
    .mainWrap .mainCont01 .mainCont .mainContent .txtCont {
        top: 13%;
    }
    .mainWrap .mainCont01 .mainCont .mainContent .visual01 .title img{
        width:160px;
        height:auto;
    }
    .mainWrap .mainCont01 .mainCont .mainContent .visual02 .title img {
        width: 160px;
        height: auto;
    }
    .mainWrap .mainCont01 .mainCont .mainContent .visual03 .title img {
        width: 90px;
        height: auto;
    }
    .mainWrap .mainCont01 .mainCont .mainContent .text {
        margin-top: 15px;
    }
    .mainWrap .mainCont01 .mainCont .mainContent .visual01 .txtCont .text .desc{
        font-size: 17px;
    }
    .mainWrap .mainCont01 .mainCont .mainContent .visual02 .txtCont .text .desc,
    .mainWrap .mainCont01 .mainCont .mainContent .visual03 .txtCont .text .desc{
        font-size: 13px;
    }
    .mainWrap .mainCont01 .mainCont .mainContent .visual02 .txtCont .text .desc b,
    .mainWrap .mainCont01 .mainCont .mainContent .visual03 .txtCont .text .desc b{
        font-size: 19px;
        margin-bottom: 8px;
    }
    .mainWrap .mainCont01 .mainCont .mainContent .btnArea {
        margin-top: 15px;
    }
}
/* 250703 메인 courses 링크 영역 설정  */
.pcNone.mainWrap .mainCont02 .imgContArea>ul li a { display: block }