@charset "utf-8";

/* =========================== MAIN */
#sh_main_banner{position:relative;z-index:15;width:100%}
#sh_main_banner .sh_main_img{position:relative;width:100%}
#sh_main_banner .sh_main_img li{height:848px;background:center no-repeat; background-size:cover}
#sh_main_banner .sh_main_img .box1{background-image:url(../img/main/main_banner_01g.jpg)}
#sh_main_banner .sh_main_img .box2{background-image:url(../img/main/main_banner_02.jpg)}
#sh_main_banner .sh_main_img .box3{background-image:url(../img/main/main_banner_03.jpg)}
#sh_main_banner .sh_txt_box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;padding-top:330px;text-align:center}
#sh_main_banner .sh_txt_box .move_txt01{margin-top:-25px;font-size:80px;color:#fff;font-weight:100;letter-spacing:-0.2px;opacity:0;font-family:'Poppins'}
#sh_main_banner .sh_txt_box .move_txt01 b{font-weight:700}
#sh_main_banner .sh_txt_box .move_txt02{white-space:pre-line;margin:30px 0 42px;font-size:15px;line-height:23px;color:rgba(255,255,255,.6);font-weight:300;letter-spacing:-0.1px;opacity:0;font-family:'Poppins'}
#sh_main_banner .swiper-pager{opacity:0}
#sh_main_banner .swiper-pager span{opacity:1;width:11px;height:11px;border:1px solid rgba(255,255,255,.7);background:none}
#sh_main_banner .swiper-pager span+span{margin-left:10px}
#sh_main_banner .swiper-pager span.on{background-color:rgba(255,255,255,.7)}
#sh_main_banner .scroll{display:inline-block;position:relative;top:188px;width:83px;height:78px;margin-top:-20px;padding-top:64px;color:#fff;background:url(../img/main/scroll.png)no-repeat center center;opacity:0;font-size:13px;font-weight:300;font-family:'Poppins'}
@media (max-width:1024px){
#sh_main_banner .sh_main_img li{height:600px}	
#sh_main_banner .sh_txt_box{top:50%;transform:translateY(-50%);height:auto;padding:0}
#sh_main_banner .sh_txt_box .move_txt01{margin-bottom:30px;font-size:75px;word-break:keep-all;line-height:1.1}
#sh_main_banner .scroll{top:auto;margin-top:90px }
}
@media (max-width:768px){
#sh_main_banner .sh_main_img li{height:500px}
#sh_main_banner .sh_txt_box .move_txt01{margin-bottom:15px;padding:0 20px;font-size:52px}
#sh_main_banner .sh_txt_box .move_txt02{padding:0 50px;white-space:normal;word-break:keep-all}
#sh_main_banner .scroll{display:none}
}
@media (max-width:380px){
#sh_main_banner .sh_txt_box .move_txt01{font-size:42px}
}

/* =========================== atc01 */
#atc01{overflow:hidden;position:relative;height:528px;margin:0 auto;letter-spacing:-.3px}
#atc01:after{display:block;content:"";clear:both}
#atc01 .inner1{position:absolute;right:50%;width:50%;height:528px;background:url(../img/main/inc01/inc01_img1.jpg) center no-repeat;background-size:cover}
#atc01 .inner2{position:absolute;top:99px;left:calc(50% - 100px);width:700px;height:430px;padding:77px 20px 0 72px;border-top-left-radius:50px;background:#f7f7f7}
#atc01 .inner2:after{display:block;content:"";position:absolute;right:-50%;top:0;z-index:0;width:50%;height:100%;background-color:#f7f7f7}
#atc01 .inner2 .tit{white-space:pre-line;padding-bottom:42px;color:#222;font-size:48px;line-height:58px;font-weight:200;font-family:'Poppins'}
#atc01 .inner2 .tit b{font-weight:700}
#atc01 .inner2 .txt{white-space:pre-line;font-size:14px;line-height:24px;color:#777}
#atc01 .inner2 .more{width:86px;padding-top:37px;margin-left:-10px}
#atc01 .inner2 .more a{display:block;text-align:center;font-size:12px;font-weight:600;color:#222;font-family:'Poppins'}
#atc01 .inner2 .more:after{display:block;content:"";width:86px;height:4px;margin:8px auto 0;background:#ddd;-webkit-transition:all .4s;transition:all .4s}
#atc01 .inner2 .more:hover:after{background:rgb(0,226,139)}
#atc01 .inner2 .btn{display:block;position:absolute;top:-40px;right:-40px;z-index:1;width:157px;height:157px;text-align:center;line-height:157px;font-weight:700;background:rgb(0,226,139);background:linear-gradient(360deg,rgba(0,226,139) 40%,rgb(67,189,162) 100%);color:#fff;background-size:200% 200%;transition:all .4s}
#atc01 .inner2 .btn:hover{background-position:0% 100%}
@media (max-width:1200px){
#atc01 .inner2{left:45%;width:55%}	
#atc01 .inner2 .btn{right:0}	
}
@media (max-width:1024px){
#atc01 .inner2 .btn{top:-55px;height:110px;line-height:110px}	
#atc01 .inner2 .tit{white-space:normal;word-break:keep-all}
#atc01 .inner2 .txt{white-space:normal;word-break:keep-all}
}
@media (max-width:768px){
#atc01 .inner1{right:10%;width:90%}	
#atc01 .inner2{left:10%;top:auto;bottom:0;width:90%;height:auto;padding:50px 20px 50px 50px}
#atc01 .inner2 .tit{padding-bottom:20px;font-size:36px;line-height:1.1}	
#atc01 .inner2 .btn{top:-110px}
}
@media (max-width:480px){
#atc01 .inner1{right:15px;width:calc(100% - 15px)}	
#atc01 .inner2{left:15px;width:calc(100% - 15px);padding:40px 20px 40px 30px;border-top-left-radius:30px}
}

/* =========================== atc02 */
#atc02{position:relative;width:1200px;margin:0 auto;text-align:center;letter-spacing:-.3px}
#atc02 ul{overflow:hidden}
#atc02 ul li{float:left;width:25%;height:320px}
#atc02 ul li a{display:block;height:100%;font-size:14px;line-height:22px;color:#777}
#atc02 ul li:hover a span {
  background: linear-gradient(360deg, rgba(0,226,139) 40%, rgba(67,189,162) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#atc02 ul li a span{padding-bottom:10px;line-height:45px;transition:all 0.3s;font-size:16px;letter-spacing:0;font-weight:700;color:#222;font-family:'Poppins'}
#atc02 ul li a .img{height:150px;-webkit-transition:all 0.3s;transition:all 0.3s;background:no-repeat center 85px}
#atc02 ul li .txt{word-break:keep-all}
#atc02 ul li:nth-child(1) a .img{background-image:url(../img/main/inc02/icon01.png)}
#atc02 ul li:nth-child(2) a .img{background-image:url(../img/main/inc02/icon02.png)}
#atc02 ul li:nth-child(3) a .img{background-image:url(../img/main/inc02/icon03.png)}
#atc02 ul li:nth-child(4) a .img{background-image:url(../img/main/inc02/icon04.png)}
#atc02 ul li:nth-child(1):hover a .img{background-image:url(../img/main/inc02/icon01_on.png)}
#atc02 ul li:nth-child(2):hover a .img{background-image:url(../img/main/inc02/icon02_on.png)}
#atc02 ul li:nth-child(3):hover a .img{background-image:url(../img/main/inc02/icon03_on.png)}
#atc02 ul li:nth-child(4):hover a .img{background-image:url(../img/main/inc02/icon04_on.png)}
@media (max-width:1200px){
#atc02{width:100%}	
}
@media (max-width:768px){
#atc02 ul li{width:50%;height:220px}	
#atc02 ul li a .img{height:100px;background-position:center 40px}
}
@media (max-width:480px){
#atc02 ul li a .img{height:90px;background-size:45px}
}
@media (max-width:380px){
#atc02{padding:20px 0;background-color:#f7f7f7}
#atc02 ul li{float:none;width:calc(100% - 30px);height:auto;margin:0 auto;padding-bottom:30px;border:1px solid #e1e1e1;border-radius:30px;background-color:#fff}	
#atc02 ul li+li{margin-top:12px}
#atc02 ul li a .img{height:70px;background-position:center 25px}
}

/* =========================== atc03 */
#atc03{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;box-shadow:6px 11px 31px -9px rgba(0,0,0,.3), -39px 109px 124px -141px rgba(0,0,0,.3);background:#fff}
#atc03:after{display:block;content:"";visibility:hidden;clear:both}
#atc03 .tit{display:block;position:relative;padding-bottom:18px;font-size:23px;font-weight:700;color:#222;font-family:'Poppins'}
#atc03 .tit span{display:block;float:right;width:35px;height:35px;border:1px solid #888;background:url(../img/main/inc03/plus.png)center center no-repeat;background-size:15px}
#atc03 .tit:before{display:block;content:'';position:absolute;top:8px;left:101px;width:2px;height:12px;background:#ccc}
#atc03 .tit:after{display:inline-block;content:'공지사항';padding-left:30px;font-size:15px;font-weight:500;color:#777;font-family:'Noto Sans KR'}
#atc03>div{float:left;width:50%;height:auto;min-height:240px;overflow:hidden;padding:56px 52px 21px 45px;box-sizing:border-box}
#atc03>div ul li{height:137px;padding:17px 26px 0 0px}
#atc03>div ul li:nth-child(2){padding-top:36px}
#atc03>div ul li a{display:block;overflow:hidden}
#atc03>div ul .sh_date{float:left;width:76px;height:76px;padding-top:16px;border:1px solid #ddd;text-align:center;background:#2c2d2d;color:#fff}
#atc03>div ul .sh_date .day{font-size:17px;font-weight:700}
#atc03>div ul .txt_wrap{float:left;width:calc(100% - 76px);padding:5px 0 0 43px}
#atc03>div ul .sh_notice{display:inline-block;margin-bottom:7px;font-size:14px;color:#666;font-weight:500}
#atc03>div ul .sh_contents{line-height:24px;font-size:14px;color:#666;opacity:0.8}
#atc03 .index01 ul li:nth-child(1){border-bottom:1px solid #ddd}
#atc03 .index01 ul .sh_notice{display:inline-block;margin-bottom:7px;font-size:14px;color:#666;font-weight:500}
#atc03 .index01 ul .sh_contents{line-height:24px;font-size:14px;color:#666;opacity:0.8}
#atc03 .index02{background:none !important;padding:0 !important;display:flex;justify-content:center;align-items:center}
#atc03 .index02 img{width:420px !important;height:auto !important;display:inline-block}
#atc03 .index02 .tit{display:none}
@media (max-width:1200px){
#atc03{width:100%} 
}
@media (max-width:1024px){
#atc03>div{height:auto;min-height:240px;padding:40px 30px;box-sizing:border-box} 
#atc03>div ul .sh_date .day_02{font-size:12px}
#atc03>div ul .txt_wrap{padding-left:20px}
}
@media (max-width:768px){
#atc03>div{float:none;width:100%;height:auto;padding:40px 50px 20px;box-sizing:border-box} 
#atc03>div ul li{height:auto;padding:10px 0 20px}
#atc03>div ul li:nth-child(2){padding-top:20px}
}
@media (max-width:480px){
#atc03>div{padding:40px 15px 20px} 
}
@media (max-width:320px){
#atc03>div ul .sh_date{width:65px;height:65px;padding-top:10px} 
#atc03>div ul .txt_wrap{width:calc(100% - 65px);padding-left:15px}
}



/* =========================== atc04 */
#atc04{position:relative;z-index:1;width:100%;height:392px;margin:-93px auto 0;text-align:center;background:url(../img/main/inc04/inc04_bg.jpg) left no-repeat;background-size:cover}
#atc04 .tit{padding-top:175px;font-size:48px;line-height:45px;font-weight:200;font-family:'Poppins';color:#fff}
#atc04 .txt{padding-top:23px;font-size:14px;color:rgba(255,255,255,.7)}
#atc04 .more{width:86px;margin:0 auto;padding-top:33px}
#atc04 .more a{display:block;font-size:12px;font-weight:600;color:#fff;font-family:'Poppins'}
#atc04 .more:after{display:block;content:"";width:84px;height:4px;margin:8px auto 0;background:rgba(255,255,255,.3);-webkit-transition:all .4s;transition:all .4s}
#atc04 .more:hover:after{background:rgba(255,255,255,.8)}
@media (max-width:480px){
#atc04{height:260px;margin:0}
#atc04 .tit{padding-top:50px;font-size:40px}
}