@charset "utf-8";
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v266/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOejbd5zrDAt.woff2) format('woff2');
  }


#inc03{position:relative;padding:150px 0}
#inc03:before{content:'';position:absolute;left:0;top:270px;bottom:0;z-index:-1;width:27%;border-radius:0 120px 0 0;background:var(--primary);opacity:.1}
#inc03 .inner{max-width:80%;margin:0 auto; overflow: hidden;}
#inc03::after{
    content:'';
    position: absolute;right: 0; top: 18%; width: 22%; height: 300px; background-size: cover; background-image: url('/theme/enmijun/index/inc03/bg02.png');
}


/* 탭 */
#inc03 .tabs{display:flex;max-width:850px;margin:0 auto;}
#inc03 .tabs div{width:calc(100% / 3);height:auto;padding-top:35px;opacity:.6;transition:all .2s;border-radius:0;border-top:3px solid #ccc;line-height:1.8;text-align:center;background:none;font-family:var(--ks-font)}
#inc03 .tabs div span{font-size:14px;display: none; font-weight:700;color:#aaa;font-family:var(--e-font)}
#inc03 .tabs div p{font-size:23px;color:#aaa;font-family: "Noto Serif KR", serif; letter-spacing: -2px;}
#inc03 .tabs div.on{color:var(--primary);opacity:1;border-top:3px solid var(--primary)}
#inc03 .tabs div.on span{color:var(--primary); font-weight: 700;}
#inc03 .tabs div.on p{color:var(--primary); font-weight: 600;}
.material-symbols-outlined{    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;}
/* 슬라이드 */
#inc03 .slide{margin-top:120px;padding-bottom:80px}
#inc03 .slide .deco{position:absolute;left:37%;bottom:0;z-index:-1}
#inc03 ul li{overflow:hidden;display:flex;gap:8%}
#inc03 ul li .img{overflow:hidden;position:relative;z-index:1;max-width:700px;width:50%;border-radius:40px}
#inc03 ul li .img img{width:100%;height:100%;object-fit:cover}
#inc03 ul li .cont{display:flex;flex-flow:column;justify-content:center;width:50%}
#inc03 ul li .cont p{padding: 40px 0 55px; font-size: 17px;    font-weight: 200;}
#inc03 ul li .cont h2{font-size:38px;font-weight:300;line-height:1.2;color:var(--dark);font-family: "Noto Serif KR", serif;letter-spacing: -2px;}
#inc03 ul li .cont h2 span{color:var(--primary);font-family: var(--e-font);    text-transform: uppercase;}
#inc03 ul li .cont div{margin:40px 0 50px;}
#inc03 ul li .cont a{pointer-events:auto;display:flex;align-items:center;gap:5px;position:relative;width:max-content;font-size:13px;font-weight:600;color:var(--dark);transition:all .25s;}
#inc03 ul li .cont a:after{opacity:.2;display:block;content:"";position:absolute;right:-40px;top:50%;z-index:-1;transform:translateY(-50%);width:55px;height:55px;border-radius:50%;background:var(--primary);transition:all .25s}
#inc03 ul li .cont a:hover{gap:15px}
#inc03 ul li .cont a:hover:after{right:-20px}





/* 반응형 [s] */
@media (hover:hover){
    #inc03 ul li .cont a:hover{gap:15px}
    #inc03 ul li .cont a:hover:after{right:-20px}
    }
    @media (max-width:1380px){
    #inc03 .inner{width:100%; max-width: 100%;}
    #inc03 .tabs div{padding-top:25px}
    #inc03 .tabs div p{font-size:29px}
    #inc03 ul li .cont h2{font-size:34px}
    }
    @media (max-width:1024px){
    #inc03{padding:100px 0 65px}
    #inc03:before{top:205px}
    #inc03 .tabs{max-width:580px}
    #inc03 .tabs div{padding-top:20px}
    #inc03 .tabs div p{font-size:24px}
    #inc03 .slide .deco{left:37%;bottom:40px;width:145px}
    #inc03 ul li{gap:5%;padding:20px 0}
    #inc03 ul li .img{height:408px}
    #inc03 ul li .cont h2{font-size:30px}
    #inc03 ul li .cont div{margin:30px 0 40px;padding-left:30px}
    #inc03 ul li .cont a{margin-left:35px}
    }
    @media (max-width:768px){
    #inc03{padding:80px 0;margin-top:95px}
    #inc03:before{top:0px;width:100%;height:100%;border-radius:0 80px 0 0}
    #inc03 .slide{margin-top:5%;padding-bottom:0px}
    #inc03 .tabs{max-width:470px}
    #inc03 .tabs div{padding-top:15px}
    #inc03 .tabs div span{font-size:13px}
    #inc03 .tabs div p{font-size:22px}
    #inc03 .slide .deco{display:none}
    #inc03 ul li{padding:0px}
    #inc03 ul li .cont{justify-content:center;align-items:center;text-align:center;position:absolute;z-index:1;top:25%;left:0%;width:100%;}
    #inc03 ul li .cont h2{font-size:26px;color:#fff}
    #inc03 ul li .cont div{padding:0px;margin:25px 0 50px;width:70%;white-space:normal;color:rgb(255, 255, 255, 0.6)}
    #inc03 ul li .cont a:after{opacity:.7}
    #inc03 ul li .cont a{margin-left:0px;color:#fff; font-size: 10px;}
    #inc03 ul li .cont a:after{right:-30px;width:50px;height:50px}
    #inc03 ul li .img{max-width:unset;width:100%;height:480px;filter:brightness(0.6)}   
    #inc03 ul li .cont p{font-size: 11px;color: #fff;padding: 10px;line-height: 14px;}

    #inc03::after{display: none;}
    }
    @media (max-width:480px){
    #inc03{padding:50px 5%;margin-top:50px}
    #inc03:before{border-radius:0 50px 0 0}
    #inc03 .tabs{width:100%}
    #inc03 .tabs div{padding-top:12px;line-height:1.3}
    #inc03 .tabs div p{font-size:11px}
    #inc03 ul li .cont{top:21%}
    #inc03 ul li .cont h2{font-size:13px; letter-spacing: -1px; line-height: 20px; font-weight: 500;}
    #inc03 ul li .img{height:270px; border-radius: 10px;}
    #inc03 ul li .cont div{margin:20px 0 45px;width:90%}
    #inc03 ul li .cont a:after{width:35px;height:35px}
    #inc03 ul li .cont a:after{right:-22px}
    }
    @media (max-width:380px){
    #inc03 .tabs div span{font-size:12px}
    #inc03 .tabs div:first-child p{margin-top:0px}
    #inc03 .tabs div:last-child p{margin-top:0px}
    #inc03 ul li .img{height:255px}
    #inc03 ul li .cont div{margin:15px 0 40px}
    #inc03 ul li .cont{top:18%}
    }
    /* 반응형 [e] */