@charset "utf-8";

/*배경*/
#atc03{overflow:hidden;position:relative;padding-bottom:180px;background:-webkit-linear-gradient(180deg, rgba(123, 134, 123,.2),rgba(255, 255, 255,.2));background:linear-gradient(180deg, rgba(123, 134, 123,.2),rgba(255, 255, 255,.2));z-index:-1}
#atc03 .inner{max-width:1200px;margin:0 auto;padding-top:193px;z-index:1}
#atc03 .inner:before{position:absolute;left:0;top:0;width:1920px;height:712px;content:'';background:url(./img/atc03_bg.png) top center no-repeat;z-index:-1}

/*제목*/
#atc03 .inner .top_tit{opacity:0;position:relative;left:0;top:0;width:596px;margin-left:225px;color:#768177;font-size:72px;font-weight:500;line-height:62px;text-align:center;z-index:999;
-webkit-transform:translate(20px,20px);-ms-transform:translate(20px,20px);transform:translate(20px,20px);font-family:'Cinzel'}
#atc03 .inner .top_tit .tit{white-space:pre-line;word-break:keep-all}
#atc03 .inner .top_tit .circle{position:absolute;right:-15px;top:-10px}

/*본문*/
#atc03 .inner .deco{position:absolute;left:-10px;bottom:370px;font-size:72px;font-weight:800;color:#f9f9f9;-webkit-transition:all .2s;transition:all .2s;-webkit-animation:slide 30s infinite linear;animation:slide 30s infinite linear;
text-shadow:1px 0 rgba(106,116,105,.7), -1px 0 rgba(106,116,105,.7), 0 -1px rgba(106,116,105,.7), 0 1px rgba(106,116,105,.7);z-index:-1;font-family:'Cinzel'}
@keyframes slide{from{left:-10px}50%{left:-370px}to{left:-10px}}
@-webkit-keyframes slide{from{left:-10px}50%{left:-370px}to{left:-10px}}

/* slide */
#atc03 .inc03_slide{position:relative;top:-40px;width:100%;height:725px}
#atc03 .inc03_slide li{position:relative;display:flex;justify-content:center;align-items:end}
#atc03 .inc03_slide li .bg{width:530px;height:100%;transform:translate(-10px, -10px);transition:all .4s;border-radius:265px 265px 0 0;background-repeat:no-repeat;background-size:cover;background-position:center}
#atc03 .inc03_slide li.on .bg{transform:translate(0px, 0px)}
#atc03 .inc03_slide li .img_bg{position:absolute;z-index:-1;top:0px;left:155px;width:530px;height:100%;border-radius:265px 265px 0 0;background-color:#768177}
#atc03 .inc03_slide .item01 .bg{background-image:url(./img/atc03_slide-01.png)}
#atc03 .inc03_slide .item02 .bg{background-image:url(./img/atc03_slide-02.png)}
#atc03 .inc03_slide .item03 .bg{background-image:url(./img/atc03_slide-03.png)}
#atc03 .inc03_slide .item04 .bg{background-image:url(./img/atc03_slide-04.png)}
#atc03 .inc03_slide li.on .bg{
    transform:translate(0px, 0px)}
/* slide text */
#atc03 .inc03_slide li .txt_area{padding:0 0 70px 70px}
#atc03 .inc03_slide li .txt_area  dt{margin-bottom:17px;font-size:16px;color:#222;font-family:'notokr-bold'}
#atc03 .inc03_slide li .txt_area  dd{color:#777;font-size:15px;font-family:'notokr-regular';white-space:pre-line;word-break:keep-all}

/* slide pager */
#atc03 .pager{position:absolute;z-index:2;top:53%;bottom:unset;right:25%;left:auto;width:auto}
#atc03 .pager span{opacity:1;margin:0 6px;width:24px;height:24px;background:none;font-size:13px;font-weight:700;text-align:center;color:#b4b8b4;font-family:'Cinzel'}
#atc03 .pager span.on{position:relative;color:#768177}
#atc03 .pager span.on:after{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background-color:#768177}


/* btn_area */
#atc03 .btn_area{margin-left:150px;width:573px;text-align:center}
#atc03 .btn_area a{display:inline-block;padding-bottom:20px;font-size:17px;color:#768177;-webkit-transition:color .2s;transition:color .2s;font-family:'Cinzel'}
#atc03 .btn_area a:after{display:block;content:"";width:191px;height:11px;margin-top:10px;background-image:url(./img/atc03-bottom_deco.png)}


/* 반응형 [s] */
@media (hover:hover){
.slide03_area .btn_area a:hover{color:#a4afa5}
}
@media (max-width:1200px){
#atc03 .inner{max-width:1024px}
#atc03 .inner .top_tit{display:flex;justify-content:center;margin-left:0px;width:100%;font-size:62px;line-height:1}
#atc03 .inner .top_tit .circle{right:34%;transform:translateX(50%)}
#atc03 .inc03_slide li .bg{width:480px;border-radius:240px 240px 0 0}
#atc03 .inc03_slide li .img_bg{left:95px;width:480px;border-radius:240px 240px 0 0}
#atc03 .pager{width:34%;right:0px}
#atc03 .btn_area{margin-left:95px}
}
@media (max-width:1024px){
#atc03{padding-bottom:0px}
#atc03 .inner{padding:120px 0;margin:auto;max-width:unset;width:95%}
#atc03 .inner:before{width:100%;height:500px;background-size:cover}
#atc03 .inner .top_tit{font-size:38px}
#atc03 .inner .top_tit .circle{right:42%}
#atc03 .inner .top_tit .circle img{width:190px}
#atc03 .inner .deco{display:none}
#atc03 .inc03_slide{top:0px;margin-top:80px;width:90%;height:500px}
#atc03 .inc03_slide li{padding:0 20px;gap:25px}
#atc03 .inc03_slide li .bg{width:calc(50% - 5px);border-radius:230px 230px 0 0}
#atc03 .inc03_slide li .img_bg{width:calc(50% - 5px);left:0px;border-radius:230px 230px 0 0}
#atc03 .inc03_slide li .txt_area{padding:0 0 60px 40px;width:calc(50% - 20px)}
#atc03 .inc03_slide li .txt_area dt{margin-bottom:12px}
#atc03 .inc03_slide li .txt_area  dd{white-space:normal;font-size:14px}
#atc03 .pager{top:40%;padding-left:30px;width:calc(50% - 20px)}
#atc03 .btn_area{margin-top:60px;margin-left:0px;width:100%;text-align:center}
#atc03 .btn_area a{padding-bottom:0px;font-size:16px}
#atc03 .btn_area a:after{width:145px;background-size:cover}
}
@media (max-width:768px){
#atc03 .inner{padding:90px 0}
#atc03 .inner .top_tit{font-size:26px}
#atc03 .inner .top_tit .tit{white-space:normal}
#atc03 .inner .top_tit .circle{display:none}
#atc03 .inc03_slide{margin-top:50px;width:100%;height:355px}
#atc03 .inc03_slide li{padding:0px}
#atc03 .inc03_slide li .bg{background-size:cover;background-position:50% 80%}
#atc03 .inc03_slide li .img_bg{display:none}
#atc03 .inc03_slide li .bg{width:100%;filter:brightness(0.5);border-radius:0px;transform:none}
#atc03 .inc03_slide li .txt_area{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:0px;text-align:center;width:90%}
#atc03 .inc03_slide li .txt_area dt{color:#fff}
#atc03 .inc03_slide li .txt_area dd{color:rgb(255, 255 ,255, 0.6)}
#atc03 .pager{top:85%;right:50%;transform:translateX(50%);padding:0px;width:auto}
#atc03 .btn_area{margin-top:55px}
#atc03 .btn_area a:after{margin-top:5px}
}
@media (max-width:480px){
#atc03 .inner{padding:70px 0 50px}
#atc03 .inner .top_tit{font-size:21px}
#atc03 .inc03_slide{margin-top:35px;height:305px}
#atc03 .inc03_slide li .txt_area{width:95%}
#atc03 .inc03_slide li .txt_area dt{font-size:15px}
#atc03 .inc03_slide li .txt_area dd{font-size:13px}
#atc03 .pager span.on{color:#fff}
#atc03 .pager span.on:after{background-color:#fff}
#atc03 .btn_area{margin-top:40px}
#atc03 .btn_area a{font-size:15px}
#atc03 .btn_area a:after{width:135px}
}
@media (max-width:380px){
#atc03 .inner{padding:60px 0 40px}
#atc03 .inner .top_tit{font-size:19px}
#atc03 .inc03_slide{height:285px}
#atc03 .inc03_slide li .txt_area dt{margin-bottom:8px;font-size:14px}
#atc03 .inc03_slide li .txt_area dd{font-size:12px}
#atc03 .pager span{margin:0 5px;font-size:12px}
#atc03 .btn_area{margin-top:30px}
#atc03 .btn_area a{font-size:14px}
#atc03 .btn_area a:after{width:125px}
}
/* 반응형 [e] */