@charset "utf-8";

/* =========================== MAIN */
#mainVisual{overflow:hidden;position:relative;width:100%;background:url('../img/main/main_bg.jpg') no-repeat center top}
#mainVisual .main_inner{display:flex;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto;padding-top:180px}
/* 메인 텍스트 */
#mainVisual .main_left{width:calc(100% - 830px);padding:40px 0 0 30px;color:#fff;}
#mainVisual .main_left .txt1{display:inline-block;position:relative;padding:0 10px;font-size:18px; font-family:'S-Core Dream 5'}
#mainVisual .main_left .txt1:before{position:absolute;left:0;bottom:0;content:'';width:100%;height:17px;}
#mainVisual .main_left .txt2{margin-top:40px;font-size:48px;line-height:1.45;white-space:pre-line; font-family:'yg-jalnan'}
/* 아이콘 배너 */
#mainVisual .icon_btn{display:flex;column-gap:40px;font-family:'S-Core Dream 5'}
#mainVisual .icon_btn li{position:relative;top:0;width:90px;text-align:center;transition:all .2s}
#mainVisual .icon_btn li .icon{display:flex;justify-content:center;align-items:center;width:90px;height:90px;border-radius:8px;box-shadow:3px 5px 20px -2px rgb(0 0 0 / 15%);background:#fff}
#mainVisual .icon_btn li .txt{margin-top:15px;font-size:16px;color:#111;transition:all .2s}
#mainVisual .icon_mo{display:none}
/* 메인 슬라이드 */
#mainVisual .mainSwiper{border-radius:20px;box-shadow:3px 5px 20px -2px rgb(0 0 0 / 15%)}
#mainVisual .main_img{width:830px;height:502px;background:#111}
#mainVisual .main_img li{border-radius:20px;background-size:cover;background-position:center;opacity:0 !important}
#mainVisual .main_img li.img01{background-image:url('../img/main/main_banner_01.jpg')}
#mainVisual .main_img li.img02{background-image:url('../img/main/main_banner_02.jpg')}
#mainVisual .main_img li.img03{background-image:url('../img/main/main_banner_03.jpg')}
#mainVisual .main_img li.swiper-slide-active{opacity:1 !important}
#mainVisual .main_control{margin:78px 0 67px}
#mainVisual .main_arrow{display:flex;align-items:center}
#mainVisual .main_arrow .arrow{cursor:pointer}
#mainVisual .main_arrow .main_pager{width:auto;margin:0 40px;font-size:14px;line-height:1}
#mainVisual .main_arrow .main_pager .slash{margin:0 10px}

@media (hover: hover) {
#mainVisual .icon_btn li:hover{top:-15px}
#mainVisual .icon_btn li:hover .txt{color:var(--primary)}
}
/* 반응형 [s] */
@media (max-width:1460px){
#mainVisual .main_inner{max-width:none;padding:180px 50px 0}
#mainVisual .main_left{padding-left:0}
}
@media (max-width:1330px){
#mainVisual .main_left{width:calc(100% - 790px)}
#mainVisual .main_left .txt1{font-size:16px}
#mainVisual .main_left .txt2{font-size:40px}
#mainVisual .icon_btn{column-gap:20px}
#mainVisual .main_img{width:790px}
}
@media (max-width:1230px){
#mainVisual{background-size:1920px calc(100% - 85px)}
#mainVisual .main_inner{padding:140px 30px 0}
#mainVisual .main_left{width:380px}
#mainVisual .main_right{width:calc(100% - 380px)}
#mainVisual .main_img{width:100%}
}
@media (max-width:1024px){
#mainVisual .main_inner{display:block;padding-top:80px}
#mainVisual .main_left{position:relative;width:100%;padding-top:0}
#mainVisual .main_left .txt2{margin-top:30px}
#mainVisual .icon_btn{position:absolute;right:0;bottom:0}
#mainVisual .icon_btn li .txt{color:#fff}
#mainVisual .main_control{margin:40px 0 0}
#mainVisual .main_right{width:100%;margin-top:50px}
#mainVisual .main_img{height:450px}
}
@media (max-width:768px){
#mainVisual .main_left .txt1{font-size:15px}
#mainVisual .main_left .txt2{font-size:35px}
#mainVisual .main_arrow .main_pager{margin:0 20px}
#mainVisual .icon_btn li{width:75px}
#mainVisual .icon_btn li:hover{top:0}
#mainVisual .icon_btn li .icon{width:75px;height:75px}
#mainVisual .icon_btn li .icon img{height:25px}
#mainVisual .icon_btn li .txt{font-size:15px}
#mainVisual .icon_btn li:hover .txt{color:#111}
#mainVisual .main_img{height:335px}
}
@media (max-width:620px){
#mainVisual{background-size:1920px calc(100% - 190px)}
#mainVisual .main_left .txt2{font-size:33px}
#mainVisual .main_control{position:absolute;right:0;bottom:5px;margin:0}
#mainVisual .main_arrow .main_pager{font-size:13px}
#mainVisual .icon_pc{display:none}
#mainVisual .icon_mo{display:flex;justify-content:center;column-gap:40px;position:initial;margin-top:30px}
#mainVisual .icon_mo li .txt{color:#111}
#mainVisual .main_right{margin-top:35px}
#mainVisual .main_img{height:280px}
}
@media (max-width:480px){
#mainVisual .main_inner{padding:60px 15px 0}
#mainVisual .main_left .txt1{font-size:14px}
#mainVisual .main_left .txt2{font-size:28px}
#mainVisual .main_arrow .main_pager{margin:2px 15px 0}
#mainVisual .main_arrow .main_pager .slash{margin:0 5px}
#mainVisual .icon_mo{column-gap:30px}
#mainVisual .main_img{height:235px}
}
@media (max-width:380px){
#mainVisual .main_inner{padding-top:50px}
#mainVisual .main_left .txt1{font-size:13px}
#mainVisual .main_left .txt2{margin-top:25px;font-size:25px}
#mainVisual .main_arrow .main_pager{margin:2px 12px 0}
#mainVisual .main_img{height:200px}
#mainVisual .icon_mo{column-gap:15px}
#mainVisual .icon_btn li{width:70px}
#mainVisual .icon_btn li .icon{width:70px;height:70px}
#mainVisual .icon_btn li .icon img{height:22px}
#mainVisual .icon_btn li .txt{font-size:13px}
}
/* 반응형 [e] */

/* =========================== atc01 */
#atc01 .inner{display:flex;width:100%;max-width:1400px;margin:0 auto;padding:105px 0 102px}
#atc01 .inner2 {display:flex;width:100%;max-width:1400px;margin:0 auto;padding:0 0 102px !important}
/* 갤러리 슬라이드 */
#atc01 .gall_slide{width:calc(100% - 415px)}
#atc01 .gall_slide ul li .thum{width:100%;height:300px;border-radius:20px;background-position:center;background-size:cover}
#atc01 .gall_slide ul li .txt{padding:28px 10px 0}
#atc01 .gall_slide ul li .txt .date_txt{display:flex;justify-content:space-between;margin-bottom:9px;color:#aaa}
#atc01 .gall_slide ul li .txt .date_txt .cate{color:#888;font-family:'S-Core Dream 5'}
#atc01 .gall_slide ul li .txt .subj{font-size:23px;color:#111;font-family:'S-Core Dream 5'}
#atc01 .gall_control{display:flex;align-items:center;width:max-content;height:35px;margin-top:44px;padding:0 20px;border-radius:50px;background-color:var(--primary20)}
#atc01 .gall_control .arrow{cursor:pointer}
#atc01 .gall_control .pager{width:auto;margin:0 10px;font-family:'S-Core Dream 5'}
#atc01 .gall_control .pager span{font-size:11px;color:rgba(000,000,000,.4);}
#atc01 .gall_control .pager span:nth-child(1),#atc01 .gall_control .pager span:nth-child(2){color:#111}

#atc01 .gall_slide2{width:calc(100% - 415px)}
#atc01 .gall_slide2 ul li .thum{width:100%;height:300px;border-radius:20px;background-position:center;background-size:cover}
#atc01 .gall_slide2 ul li .txt{padding:28px 10px 0}
#atc01 .gall_slide2 ul li .txt .date_txt{display:flex;justify-content:space-between;margin-bottom:9px;color:#aaa}
#atc01 .gall_slide2 ul li .txt .date_txt .cate{color:#888;font-family:'S-Core Dream 5'}
#atc01 .gall_slide2 ul li .txt .subj{font-size:23px;color:#111;font-family:'S-Core Dream 5'}
#atc01 .gall_control2{display:flex;align-items:center;width:max-content;height:35px;margin-top:44px;padding:0 20px;border-radius:50px;background-color:var(--primary20)}
#atc01 .gall_control2 .arrow{cursor:pointer}
#atc01 .gall_control2 .pager{width:auto;margin:0 10px;font-family:'S-Core Dream 5'}
#atc01 .gall_control2 .pager span{font-size:11px;color:rgba(000,000,000,.4);}
#atc01 .gall_control2 .pager span:nth-child(1),#atc01 .gall_control .pager span:nth-child(2){color:#111}
/* 텍스트 영역 */
#atc01 .gall_txt{width:415px;padding:42px 0 0 80px}
#atc01 .gall_txt .tit{font-size:38px;color:#111;font-family:'S-Core Dream 5'}
#atc01 .gall_txt .tit a{margin-left:28px}
#atc01 .gall_txt .tit a img{margin-top:-7px;transition:all .2s;transform:rotate(0)}
#atc01 .gall_txt .txt{margin-top:42px;font-size:18px;white-space:pre-line;font-family:'Pretendard'}

@media (hover: hover) {
#atc01 .gall_txt .tit a:hover img{transform:rotate(90deg)}
}

/* 반응형 [s] */
@media (max-width:1500px){
#atc01 .inner{max-width:none;padding:105px 50px 102px}
#atc01 .gall_slide{width:calc(100% - 330px)}
#atc01 .gall_txt{width:330px;padding-left:50px}
}
@media (max-width:1230px){
#atc01 .inner{padding:105px 30px 102px}
#atc01 .gall_slide{width:calc(100% - 280px)}
#atc01 .gall_slide ul li .thum{height:260px}
#atc01 .gall_txt{width:280px}
#atc01 .gall_txt .tit{font-size:35px}
#atc01 .gall_txt .txt{font-size:17px}
#atc01 .gall_slide ul li .txt .subj{font-size:20px}
}
@media (max-width:1024px){
#atc01 .inner{padding:85px 30px 82px}
#atc01 .gall_slide{width:calc(100% - 235px)}
#atc01 .gall_slide ul li .thum{height:230px}
#atc01 .gall_slide ul li .txt .subj{display:block;overflow:hidden;font-size:18px;white-space:nowrap;text-overflow:ellipsis}
#atc01 .gall_txt{width:235px;padding:20px 0 0 40px}
#atc01 .gall_txt .tit{font-size:28px}
#atc01 .gall_txt .txt{font-size:15px}
}
@media (max-width:768px){
#atc01 .inner{flex-wrap:wrap;flex-direction:column-reverse;padding:65px 30px 62px}
#atc01 .gall_slide{width:100%}
#atc01 .gall_txt{position:relative;width:100%;padding:0;margin-bottom:30px}
#atc01 .gall_txt .txt{margin-top:25px}
#atc01 .gall_txt .gall_control{position:absolute;right:0;bottom:0}
#atc01 .gall_slide ul li .thum{height:200px}
}
@media (max-width:480px){
#atc01 .inner{padding:55px 15px 62px}
#atc01 .gall_txt .tit{font-size:23px}
#atc01 .gall_txt .tit a{margin-left:20px}
#atc01 .gall_txt .tit a img{margin-top:-5px}
#atc01 .gall_txt .txt{margin-top:15px;font-size:14px}
#atc01 .gall_slide ul li .txt{padding:15px 5px 0}
#atc01 .gall_slide ul li .txt .date_txt{margin-bottom:5px}
#atc01 .gall_slide ul li .txt .subj{font-size:16px}
#atc01 .gall_slide ul li .thum{height:130px;border-radius:10px}
#atc01 .gall_control{height:30px;padding:0 15px}
#atc01 .gall_control .pager{margin:0 8px;font-size:13px}
}
@media (max-width:380px){
#atc01 .inner{padding:55px 15px 52px}
#atc01 .gall_txt .tit{font-size:20px}
#atc01 .gall_txt .tit a img{height:10px}
#atc01 .gall_slide ul li .txt .date_txt .date{display:none}
#atc01 .gall_slide ul li .txt .subj{font-size:15px}
#atc01 .gall_slide ul li .thum{height:200px}
}
/* 반응형 [e] */

/* =========================== atc02 */
#atc02{padding-top:110px;background-color:var(--primary20)}
/* 고객센터 & 협회소식 */
#atc02 .atc02_1{display:flex;max-width:1400px;margin:0 auto;padding-bottom:80px}
#atc02 .atc02_1 .box_tit{display:flex;justify-content:space-between;align-items:center;font-family:'S-Core Dream 5'}
#atc02 .atc02_1 .box_tit .tit{font-size:18px;color:#111;}
#atc02 .cs_box{width:415px;padding-right:80px}
#atc02 .cs_box a{display:inline-block;padding:0 20px;border-radius:50px;line-height:40px;color:#fff;transition:all .2s;background-color:var(--primary)}
#atc02 .cs_box a img{margin-left:15px}
#atc02 .cs_box .tel_txt .tel{margin:40px 0 15px;font-size:35px;color:var(--primary);font-family:'S-Core Dream 5'}
#atc02 .cs_box .tel_txt .fax{line-height:25px;color:#777}
#atc02 .cs_box .tel_txt .fax span{display:inline-block;width:60px;font-weight:600;color:#333}
#atc02 .cs_box .time{display:flex;align-items:center;column-gap:20px;margin-top:32px;padding:22px 30px;border:1px solid #e1e1e1;border-radius:20px;color:#777;background:#fff}
#atc02 .noti_box{width:calc(100% - 415px)}
#atc02 #tab_list{display:flex;column-gap:10px}
#atc02 #tab_list li{padding:0 20px;border-radius:50px;line-height:40px;color:#aaa;cursor:pointer;transition:all .2s;background:#e7e7ea}
#atc02 #tab_list li.on{color:#fff;background:var(--primary)}
#atc02 .noti_box .late_noti{margin-top:25px;border:1px solid #e1e1e1;border-radius:20px;background:#fff}
#atc02 .tab_content ul{display:flex;padding:30px 0}
#atc02 .tab_content ul li{width:calc(100%/2);padding:24px 50px}
#atc02 .tab_content ul li+li{border-left:1px solid #e1e1e1}
#atc02 .tab_content ul li .subj{overflow:hidden;font-size:17px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;color:#333}
#atc02 .tab_content ul li .cont{overflow:hidden;height:46px;margin:25px 0 30px;color:#666}
#atc02 .tab_content ul li .date{text-align:right;color:#888}
/* 바로가기 배너 */
#atc02 .atc02_2{width:calc(100% - 160px);margin:0 auto;border-radius:20px;background:url(../img/main/inc02/bg.jpg) no-repeat center;background-size:cover}
#atc02 .atc02_2 .inner{display:flex;align-items:center;column-gap:100px;max-width:1400px;height:330px;margin:0 auto;padding-left:50px}
#atc02 .atc02_2 .txt{font-size:33px;white-space:pre-line;color:#fff;font-family:'S-Core Dream 5'}
#atc02 .atc02_2 .btn_link li{width:255px;border-radius:75px;font-size:16px;font-weight:600;text-align:center;line-height:75px;color:#111;background-color:#fff}
#atc02 .atc02_2 .btn_link li+li{margin-top:15px}
#atc02 .atc02_2 .btn_link li a{display:block;width:100%;height:100%}
#atc02 .atc02_2 .btn_link li img{margin-left:25px;transform:rotate(0);transition:all .2s}

@media (hover: hover) {
#atc02 .cs_box a:hover{background:#111}
#atc02 .atc02_2 .btn_link li:hover img{transform:rotate(90deg)}
}

/* 반응형 [s] */
@media (max-width:1560px){
#atc02 .atc02_2{width:100%;max-width:1400px}
}
@media (max-width:1500px){
#atc02{padding:110px 50px 0}
#atc02 .atc02_1{max-width:none;padding:0 0 80px}
#atc02 .cs_box{width:365px;padding-right:50px}
#atc02 .noti_box{width:calc(100% - 365px)}
#atc02 .atc02_2{max-width:none}
}
@media (max-width:1230px){
#atc02{padding:110px 30px 0}
#atc02 .cs_box{width:330px;padding-right:40px}
#atc02 .cs_box .tel_txt .tel{margin-bottom:10px;font-size:30px}
#atc02 .cs_box .time{column-gap:15px;margin-top:32px;padding:22px 20px}
#atc02 .noti_box{width:calc(100% - 330px)}
#atc02 .tab_content ul li{padding:20px 35px}
#atc02 .tab_content ul li .subj{font-size:16px}
#atc02 .tab_content ul li .cont{margin-top:20px}
#atc02 .atc02_2 .inner{height:290px}
#atc02 .atc02_2 .txt{font-size:30px}
}
@media (max-width:1024px){
#atc02{padding:88px 30px 0}
#atc02 .cs_box{width:305px;padding-right:30px}
#atc02 .cs_box a{padding:0 15px;font-size:13px;line-height:35px}
#atc02 .cs_box .time p{font-size:14px}
#atc02 #tab_list{column-gap:5px}
#atc02 #tab_list li{padding:0 15px;font-size:13px;line-height:35px}
#atc02 .noti_box{width:calc(100% - 305px)}
#atc02 .atc02_2 .inner{justify-content:space-between;column-gap:25px;padding:0 40px}
#atc02 .atc02_2 .btn_link li{width:230px;line-height:70px}
#atc02 .atc02_2 .txt{word-break:keep-all}
}
@media (max-width:768px){
#atc02{padding:70px 30px 0}
#atc02 .atc02_1{flex-wrap:wrap;flex-direction:column-reverse;padding-bottom:55px}
#atc02 .cs_box{width:100%;padding:40px 0 0}
#atc02 .cs_box .tel_txt .tel{margin-top:25px}
#atc02 .noti_box{width:100%}
#atc02 .tab_content ul{padding:20px 0}
#atc02 .tab_content ul li{padding:20px 30px}
#atc02 .tab_content ul li .subj{font-size:15px}
#atc02 .atc02_2 .inner{display:block;height:auto;padding:40px 30px}
#atc02 .atc02_2 .txt{font-size:25px}
#atc02 .atc02_2 .btn_link{display:flex;column-gap:15px;margin-top:30px}
#atc02 .atc02_2 .btn_link li{font-size:15px;line-height:60px}
#atc02 .atc02_2 .btn_link li+li{margin-top:0}
#atc02 .atc02_2 .btn_link li img{margin-left:10px}
}
@media (max-width:480px){
#atc02{padding:70px 15px 0}
#atc02 .atc02_1 .box_tit .tit{font-size:17px}
#atc02 .atc02_1 .box_tit .tit img{height:12px;margin:-4px 0 0 5px}
#atc02 #tab_list{column-gap:10px}
#atc02 #tab_list li{padding:0;font-size:14px;background:none !important}
#atc02 #tab_list li.on{color:var(--primary)}
#atc02 .tab_content ul{display:block;padding:0 25px}
#atc02 .tab_content ul li{width:100%;padding:30px 0}
#atc02 .tab_content ul li+li{border-left:none;border-top:1px solid #e1e1e1}
#atc02 .tab_content ul li .cont{margin:12px 0 10px}
#atc02 .atc02_2 .inner{padding:40px 25px}
#atc02 .atc02_2 .txt{font-size:23px}
#atc02 .atc02_2 .btn_link{display:block}
#atc02 .atc02_2 .btn_link li{width:195px;font-size:14px}
#atc02 .atc02_2 .btn_link li+li{margin-top:10px}
}
@media (max-width:380px){
#atc02{padding:55px 15px 0}
#atc02 .atc02_1 .noti_box .box_tit .tit{display:none}
#atc02 .noti_box .late_noti{margin-top:20px}
#atc02 #tab_list li{font-size:15px}
#atc02 .atc02_2 .inner{padding:30px 25px}
#atc02 .atc02_2 .txt{font-size:20px}
}
/* 반응형 [e] */
 
/* =========================== atc03 */
#atc03 .inner{display:flex;align-items:center;max-width:1400px;height:120px;margin:0 auto;font-family:'S-Core Dream 5'}
#atc03 .tit{display:block;padding-right:40px;font-size:16px;white-space:nowrap;color:#111}
#atc03 .logo_control{display:flex;align-items:center;height:35px;margin-right:45px;padding:0 20px;border-radius:50px;background-color:var(--primary20)}
#atc03 .logo_control .arrow{cursor:pointer}
#atc03 .logo_control .pager{display:flex;width:auto;margin:0 10px;font-size:11px;color:rgba(000,000,000,.4)}
#atc03 .logo_control .pager span:nth-child(1),#atc03 .logo_control .pager span:nth-child(2){color:#111}
#atc03 .logo_control .pager .slash{margin:0 6px}
#atc03 .logo_slide ul li{display:flex;align-items:center;justify-content:center;height:60px;background:var(--primary20)}

/* 반응형 [s] */
@media (max-width:1500px){
#atc03 .inner{max-width:none;padding:0 50px}
}
@media (max-width:1230px){
#atc03 .inner{padding:0 30px}
}
@media (max-width:1024px){
#atc03 .tit{padding-right:30px}
#atc03 .logo_control{margin-right:30px}
}
@media (max-width:768px){
#atc03 .inner{flex-wrap:wrap;height:auto;padding:30px}
#atc03 .inner .logo_slide{width:100%;margin-top:15px}
}
@media (max-width:480px){
#atc03 .inner{padding:20px 15px}
}
/* 반응형 [e] */