@charset "utf-8";

#shGnb{display:flex;align-items:center;position:relative;width:100%;height:100px;padding:0 96px;border-bottom:1px solid rgba(255,255,255,.2);transition:all .2s;justify-content:flex-start}

/* 대분류  */
#shGnb .sh_nav{position:absolute;margin-right:-118px;right:0;top:50%;transform:translate(-50%,-50%)}
#shGnb .sh_nav > ul > li{float:left;position:relative;line-height:100px;transition:all .4s ease-in-out}
#shGnb .sh_nav > ul > li > a{position:relative;z-index:20;display:block;padding:0 37px;color:#fff;letter-spacing:-.2px;font-size:17px;font-weight: 500;transition:all .2s}
#shGnb .sh_nav > ul > li:hover > a{color:var(--primary)!important}
#shGnb .sh_nav > ul > li:hover .sh_lnb_s:before{width:calc(100% + 40px);opacity:1}
#shGnb .sh_nav > ul > li:hover .sh_lnb_s a{color:#777}
#shGnb .sh_nav > ul > li:hover .sh_lnb_s a:hover{color:var(--primary)}
#shGnb.on .sh_nav > ul > li > a{padding:0 50px;color:#222}

/* 소분류 */
#shGnb .sh_lnb_s{display:none;position:absolute;left:50%;transform:translateX(-50%);min-width:100%;width:max-content;padding-top:25px;min-height:145px}
#shGnb .sh_lnb_s:before{opacity:0;display:block;content:"";position:absolute;left:50%;top:-2px;z-index:-1;transform:translateX(-50%);width:0;height:4px;background:var(--primary);transition:all .2s}
#shGnb .sh_lnb_s li a{display:block;color:#555;font-size:16px;font-weight:500;line-height:2.2;text-align:center;transition:all .2s}
#shGnb .sh_lnb_s li a:hover{color:var(--primary)}

/* 메뉴버튼 */
#pfBtn{display:flex;position:absolute;top:0;right:30px;z-index:101;width:100px;height:100px;cursor:pointer;transition:all .2s}
#pfBtn span{display:block;position:relative;width:13px;height:2px;margin:auto;background:#fff;transition:all .2s}
#pfBtn span:before, #pfBtn span:after{display:block;content:"";position:absolute;top:0;right: 0;width:25px;height:2px;background:#fff;transition:all .2s}
#pfBtn span:before{top:-8px}
#pfBtn span:after{top:8px}
#pfBtn.active{background:transparent}
#pfBtn.active span{border:none;background:transparent}
#pfBtn.active span:after{top:0;transform:rotate(-45deg);background:#fff}
#pfBtn.active span:before{top:0;transform:rotate(45deg);background:#fff}
#shGnb.fix{background:#fff}
#shGnb.fix #pfBtn.active span{background:transparent}
#shGnb.fix #pfBtn.active span:after{top:0;transform:rotate(-45deg);background:#fff}
#shGnb.fix #pfBtn.active span:before{top:0;transform:rotate(45deg);background:#fff}
#shGnb.fix .sh_nav > ul > li > a{color:#222}
#shGnb.fix #pfBtn span,#shGnb.fix #pfBtn span:before,#shGnb.fix #pfBtn span:after{background:#222}
#shGnb.sub{position:absolute}
#shGnb.sub #pfBtn.active span:before,#shGnb.sub #pfBtn.active span:after{background:#fff}

#topmenuM.fix{background:#fff}


.sh_lnb_bg{display:none;position:absolute;top:0;left:0;width:100%;height:320px;background:#fff}

/* 메뉴오픈 */
#pfWrap{display:none;position:fixed;top:0;left:-100%;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,.6);backdrop-filter:blur(10px)}
#pfWrap .bg_wrap{position:absolute;z-index:1;width:30%;margin:0 auto}
#pfWrap .bg{position:absolute;left:0;top:0;width:0;max-height:980px;height:100vh;margin-left:0;background:url(./bg.jpg) left no-repeat;background-size:cover}
.pf_cate{position:absolute;right:0;top:0;width:0;height:100%;background-color:var(--primary)}
.pf_cate > ul{position:absolute;top:50%;transform:translateY(-50%);width:100%;padding:0 15%}
.pf_cate > ul > li{opacity:0;margin-left:100px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.25)}
.pf_cate > ul > li+li{margin-top:40px}
.pf_cate > ul > li > a{display:block;width:max-content;margin-bottom:20px;font-size:32px;font-weight:600;color:#fff}
.pf_cate > ul > li:nth-child(1){animation-delay:.4s}
.pf_cate > ul > li:nth-child(2){animation-delay:.5s}
.pf_cate > ul > li:nth-child(3){animation-delay:.6s}
.pf_cate > ul > li:nth-child(4){animation-delay:.7s}
.pf_cate > ul > li:nth-child(5){animation-delay:.8s}
.pf_cate > ul > li ul{display:flex;flex-wrap:wrap}
.pf_cate > ul > li ul li+li{margin-left:25px}
.pf_cate > ul > li ul a{opacity:0.6;font-size:18px;font-weight:500;color:#fff;transition:all .2s}
.pf_cate > ul > li ul a:hover{opacity:1}

/* 상단 버튼 및 오픈메뉴 */
#topmenuM{display:none;width:100%;line-height:1.8;padding:15px}
#m_navBtn{position:absolute;top:50%;right:15px;z-index:5;width:30px;height:30px;transform:translateY(-50%)}
#m_navBtn span{display:block;position:relative;top:50%;width:100%;height:2px;transform:translateY(-50%)}
#m_navBtn span::before{display:block;position:absolute;top:-6px;width:100%;height:100%;background-color:#fff;content:""}
#m_navBtn span::after{display:block;position:absolute;top:6px;right:0%;width:40%;height:100%;background-color:#fff;content:""}
#m_navBtn span.fix::before{background-color: #000;}
#m_navBtn span.fix::after{background-color: #000;}
#m_navBtn.on{position:fixed;top:4%}
#m_navBtn.on span:before{top:0;right:-4px;transform:rotate(45deg);background-color:#000}
#m_navBtn.on span:after{top:0;right:-4px;width:100%;transform:rotate(-45deg);background-color:#222}
#navWrap{position:fixed;left:0;top:0;z-index:4;width:100%;height:100%;background-color:rgba(0,0,0,.7)}
#navWrap .inner{overflow-y:hidden;opacity:0;position:fixed;right:-40px;top:0;z-index:999;min-width:300px;width:75%;height:100%;padding:60px 0;background-color:#fff;-webkit-transition:all .1s;transition:all .1s}
#navWrap.on .inner{opacity:1;right:0;-webkit-transition:all .4s;transition:all .4s}
#navWrap .inner:before, #navWrap .inner:after{opacity:0;display:block;position:fixed;top:0;right:-40px;z-index:1;content:"";min-width:300px;width:70%;height:60px;background-color:#fff;-webkit-transition:all .1s;transition:all .1s}
#navWrap .inner:after{top:auto;bottom:0}
#navWrap.on .inner:before, #navWrap.on .inner:after{opacity:1;right:0;-webkit-transition:all .4s;transition:all .4s}
#navWrap .inner .mo_hd_copy{position:fixed;right:0;bottom:15px;z-index:2;min-width:300px;width:70%;font-size:12px;text-align:center;color:#888}
#navWrap .user_tip{padding:10px 20px;background-color:#f5f5f5}
#navWrap .user_tip li{display:inline-block}
#navWrap .user_tip li+li{margin-left:10px}
/* 대분류 */
#topmenuM .m_lnb .m_bmenu{display:block;position:relative;width:100%;height:52px;padding:0 20px;border:none;border-bottom:1px solid #ddd;background:none;font-size:16px;line-height:52px;color:#222;text-align:left;font-family:'notokr-medium'}
#topmenuM .m_lnb .m_bmenu2{display:block;position:relative;width:100%;height:52px;padding:0 20px;border:none;border-bottom:1px solid #ddd;background:none;font-size:16px;line-height:52px;color:#222;text-align:left;font-family:'notokr-medium'}
#topmenuM .m_lnb .m_bmenu:after{float:right;content:"\f107";font-family:'fontawesome'}
#topmenuM .m_lnb .m_bmenu.on:after{content:"\f106"}
/* 소분류 */
#topmenuM .m_smenu{display:none;padding:15px 20px;border-bottom:1px solid #ddd;background-color:#f2f3f5}
#topmenuM .m_smenu li a{font-size:14px;color:#777}

/* 반응형 [s] */
@media (max-width:1024px){
#shGnb{display:none}
#topmenuM {display:flex;padding:25px 15px}
#navWrap{display:none}
}
/* 반응형 [e] */




#mainVisual{overflow:hidden;position:relative}
#mainVisual .pl{white-space:pre-line}
#mainVisual .main_txt{position:absolute;margin:0 auto;width:100%;max-width:1520px;top:30%;left:50%;transform:translateX(-50%);color:#fff;letter-spacing:-.2px;font-size:60px;font-weight:600;z-index:2}
#mainVisual .main_txt .txt_box{display:flex;justify-content:space-between}
#mainVisual .main_txt .txt_box .left{position:relative;line-height:84px}
#mainVisual .main_txt .txt_box .left:after{position:absolute;content:'';width:472px;height:0;top:50%;left:116%;background:rgba(255,255,255,0.3)}
#mainVisual .main_txt .txt_box .right{text-align:-webkit-right}
#mainVisual .main_txt .txt_box .right .more_btn{display:flex;align-items:center;justify-content:center;margin-top:20px;gap:12px;width:202px;color:#111;background:#fff;border-radius:50px;line-height:60px;font-size:15px;font-weight:700;font-family:var(--e-font);transition:all 0.2s}
#mainVisual .main_txt .txt_box .right .more_btn svg{width:18px}
#mainVisual .main_txt .bot_txt{position:relative;margin-top:108px;padding-left:50px;line-height:1.6;letter-spacing:-.3px;color:rgba(255, 255, 255, 0.65);font-size:16px;font-weight:400}
#mainVisual .main_txt .bot_txt:after{position:absolute;content:'';width:12px;height:12px;left:0;top:6px;background:#fff;border-radius:50px}
#mainVisual .main_menu{position:absolute;bottom:0;z-index:3;width:100%;height:110px;background-color:rgba(0, 0, 0, 0.4);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(8px)}
#mainVisual .main_menu .main_tab{width:100%;max-width:1500px;margin:0 auto}
#mainVisual .main_menu .main_tab ul{display:grid;grid-template-columns:repeat(4, 1fr)}
#mainVisual .main_menu .main_tab ul li{transition:all 0.3s}
#mainVisual .main_menu .main_tab ul li a{display:flex;padding:36px;color:#fff;font-size:18px;font-weight:600;justify-content:space-between;align-items:center}
#mainVisual .main_menu .main_tab ul li a .left{display:flex;align-items:center;gap:30px}
#mainVisual .main_menu .main_tab ul li a .right svg{width:20px;transition:all 0.2s}

/* 스와이퍼 */
#mainVisual .main_slide{width:100%;height:930px}
#mainVisual .main_slide ul{height:100%}
#mainVisual .main_slide ul li{width:100%;height:100%;background:no-repeat;background-size:cover}
#mainVisual .main_slide ul li.bg01{background-image:url('/img/main01.jpg')}
#mainVisual .main_slide ul li.bg02{background-image:url('/img/main02.jpg')}


/* 반응형 [s] */
@media(hover:hover){
#mainVisual .main_txt .txt_box .right .more_btn:hover{color:#fff;background:var(--primary)}
#mainVisual .main_menu .main_tab ul li:hover{background:var(--primary)}
#mainVisual .main_menu .main_tab ul li:hover a .right svg{transform:rotate(90deg)}
}
@media (max-width:1024px){
#mainVisual .main_slide{height:780px}
#mainVisual .main_txt{width:95%;font-size:40px}
#mainVisual .main_txt .txt_box .left{line-height:1.5}
#mainVisual .main_txt .txt_box .left:after{width:250px}
#mainVisual .main_txt .txt_box .right .more_btn{width:160px;font-size:14px;line-height:55px}
#mainVisual .main_txt .bot_txt{margin-top:85px}
#mainVisual .main_menu .main_tab ul li a{justify-content:center;padding:40px;font-size:16px}
#mainVisual .main_menu .main_tab ul li a .left{gap:10px}
#mainVisual .main_menu .main_tab ul li a .left img{width:30%}
#mainVisual .main_menu .main_tab ul li a .right svg{width:18px}
}
@media (max-width:768px){
#mainVisual .main_slide{height:580px}
#mainVisual .main_txt{top:22%;font-size:32px}
#mainVisual .main_txt .txt_box{flex-direction:column;align-items:center;line-height:1.5}
#mainVisual .main_txt .txt_box .right{display:flex;flex-direction:column;align-items:center}
#mainVisual .main_txt .txt_box .right .more_btn{width:200px;font-size:14px;line-height:48px}
#mainVisual .main_txt .txt_box .left:after{display:none}
#mainVisual .main_txt .bot_txt{padding-left:20px;margin-top:45px;font-size:15px;word-break:keep-all}
#mainVisual .main_txt .bot_txt:after{display:none}
#mainVisual .pl{white-space:normal;text-align:center}
#mainVisual .main_menu .main_tab ul li a{padding:40px 5px;font-size:15px}
#mainVisual .main_menu .main_tab ul li a .left img{width:29%}
}
@media (max-width:480px){
#mainVisual .main_slide{height:400px}
#mainVisual .main_menu{display:none}
#mainVisual .main_txt{font-size:24px}
#mainVisual .main_txt .txt_box .right .more_btn{width:160px;font-size:13px;line-height:44px}
#mainVisual .main_txt .bot_txt{padding:0px 40px;font-size:14px}
#mainVisual .main_txt .bot_txt:after{left:22px}
}
@media (max-width:380px){
#mainVisual .main_slide{height:375px}
#mainVisual .main_txt{font-size:21px}
#mainVisual .main_txt .txt_box .right .more_btn{width:150px;line-height:40px}
#mainVisual .main_txt .bot_txt{padding:0px 25px;margin-top:30px;font-size:13px}
#mainVisual .main_txt .bot_txt:after{left:14px}
}
/* 반응형 [e] */

#quick_form .form_txt{margin-bottom:30px;line-height:1.3;font-size:35px;font-weight:200}
#quick_form .form_txt p{line-height:40px;font-size:30px;font-weight:700;color:#000}
#quick_form .input_area{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:20px}
#quick_form .input_area li{width:calc(100%/2 - 7.5px)}
#quick_form .input_area li:last-child{width:100%}
#quick_form .input_area li input{width:100%;height:60px;padding:0;border:none;color:#fff;background:none;border-bottom:1px solid #fff;font-size:15px}
#quick_form .input_area li input::placeholder{color:#fff}
#quick_form .input_area li textarea{width:100%;max-width:100%;height:60px;padding:20px 0;border:none;background:none;border-bottom:1px solid #fff;font-size:15px;color:#fff}
#quick_form .input_area li textarea::placeholder{color:#fff}
#quick_form .agree{display:flex;justify-content:flex-end;align-items:center;padding-bottom:20px;text-align:right}
#quick_form .agree .agree_btn{display:flex;gap:7px;color:rgba(255, 255, 255, 0.6);font-size:14px}
#quick_form .agree .agree_btn a{position:relative;color:rgba(255, 255, 255, 0.6);cursor:pointer}
#quick_form .agree .q_agree{margin-left:10px;width:13px;height:13px;border:1px solid #111;background:#414141;cursor:pointer;-webkit-appearance:none;-ms-appearance:none;appearance:none}
#quick_form .agree .q_agree:after{display:none;content:url('./check.png');text-align:center;line-height:7px}
#quick_form .agree .q_agree:checked:after{display:block}
#quick_form #btn_submit{width:100%;line-height:65px;color:#111;background:#fff;border:none;font-size:15px;font-weight:700;transition:all 0.2s}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, select:active{box-shadow:none;border:none!important;border-bottom:1px solid #fff!important}
input[type=submit]:focus{outline:none}

/* 반응형 [s] */
@media(hover:hover){
#quick_form #btn_submit:hover{color:#fff;background:var(--primary)} 
}
@media (max-width:1024px){
#quick_form .form_txt{font-size:25px}
}
@media (max-width:768px){
#quick_form .form_txt{font-size:22px}
}
@media (max-width:480px){
#quick_form .form_txt{font-size:20px}
}
@media (max-width:380px){
#quick_form .form_txt{font-size:18px}
}
/* 반응형 [e] */


#atc02{width:100%;padding:160px 0;max-width:1500px;margin:auto}
#atc02 .pl{white-space:pre-line}
#atc02 .cont{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px;color:#fff;line-height:1.4;font-size:30px;font-weight:700}
#atc02 .cont p{margin-bottom:28px;font-size:17px;font-weight:500}
#atc02 .cont .box{padding:60px 48px}
#atc02 .cont .left{background:url('/img/bg01.jpg') no-repeat;height:350px}
#atc02 .cont .left a{color:#111 !important;background:#fff;border:none !important}
#atc02 .cont .right{background:url('/img/bg02.jpg') no-repeat;height:350px}
#atc02 .cont .more{margin-top:40px;text-align:right}
#atc02 .cont .more a{display:inline-block;padding:0 50px;line-height:55px;color:#fff;border:1px solid #fff;border-radius:50px;font-size:15px;transition:all 0.2s}

#atc02 .late_area{display:flex;width:100%;max-width:1500px;margin-top:123px;overflow:hidden}
#atc02 .late_area .left{width:40%}
#atc02 .late_area .left p{color:#111;line-height:1.2;font-size:48px;font-weight:700}
#atc02 .late_area .left a{display:inline-block;margin-top:18px;padding:0 35px;line-height:55px;color:#111;border:1px solid #e1e1e1;border-radius:50px;font-size:15px;font-weight:700;transition:all 0.2s}
#atc02 .late_area .right{margin-top:-23px;width:85%}
#atc02 .late_area .right .late_box .latest .l_cont{display:flex;gap:46px}
#atc02 .late_area .right .late_box .latest .l_cont .lfet_box span{display:inline-block;width:100px;line-height:35px;letter-spacing:0;color:#888;border:1px solid #e1e1e1;font-size:15px;font-weight:600;text-align:center}
#atc02 .late_area .right .late_box .latest .l_cont .right_box{width:100%;color:#666;font-size:15px}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .subj{width:87.5%;line-height:85px;color:#222;letter-spacing:-.2px;font-size:18px;font-weight:700}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .late_w{width:68%;line-height:1.7}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .late_none .date{padding-right:46px;text-align:right}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .late_flex.one{display:flex;align-items:center}
#atc02 .late_area .right .late_box .latest.on{height:250px;border-bottom:1px solid #e1e1e1;transition:all 0.2s}
#atc02 .late_area .right .late_box .latest.on .l_cont .lfet_box span{color:#fff;background:var(--primary)}
#atc02 .late_area .right .late_box .latest{overflow:hidden;line-height:95px;height:95px;border-bottom:1px solid #e1e1e1;transition:all 0.4s}
#atc02 .late_area .right .late_box .latest.on{height:250px;border-bottom:1px solid #e1e1e1;transition:all 0.2s}
#atc02 .late_area .right .late_box .latest.on .l_cont .right_box .late_flex.one .date{display:none}
#atc02 .late_area .right .late_box .latest.on .l_cont .lfet_box span{color:#fff;background:var(--primary)}
#atc02 .late_area .right .late_box .latest:last-child{border-bottom:none}

/* contact */
#atc02 .contact .cont_box{padding-top:70px;display:flex;justify-content:space-between}
#atc02 .contact .cont_box .left{width:430px}
#atc02 .contact .cont_box .left .adress{padding:58px 50px;background:#f5f5f5}
#atc02 .contact .cont_box .left .adress p{color:var(--primary);font-size:15px;font-weight:700;text-transform:uppercase}
#atc02 .contact .cont_box .left .num{padding:22px 0 20px 0;color:#111;font-size:35px;font-weight:700}
#atc02 .contact .cont_box .left ul li{display:flex;padding:12px 0;gap:30px;border-bottom:1px solid #e1e1e1;font-weight:600}
#atc02 .contact .cont_box .left ul li:nth-child(2){border-bottom:none}
#atc02 .contact .cont_box .left ul li .tit{width:20%;color:#111;font-weight:700}
#atc02 .contact .cont_box .left .map{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 20px 26px;border-bottom:3px solid #e1e1e1;font-weight:600;text-align:center}
#atc02 .contact .cont_box .left .map .address_text{color:#666;line-height:1.6;word-break:keep-all}
#atc02 .contact .cont_box .left .map .contact_links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;width:100%}
#atc02 .contact .cont_box .left .map a{display:inline-flex;align-items:center;justify-content:center;min-width:138px;height:42px;padding:0 22px;margin-left:0;border-radius:999px;font-size:14px;font-weight:700;transition:all 0.2s}
#atc02 .contact .cont_box .left .map a.kakao-link{color:#3c1e1e;background:#fae100}
#atc02 .contact .cont_box .left .map a.openchat-link{color:#fff;background:#2f3437}
#atc02 .contact .cont_box .right{background:url('/img/bg03.jpg') no-repeat;padding:70px;width:100%;max-width:1018px;color:rgba(255,255,255,0.7);font-weight:300}
#atc02 .contact .cont_box .right .tit{margin-bottom:40px;color:#fff;line-height:1.3;font-size:38px;font-weight:200}
#atc02 .contact .cont_box .right .tit span{font-weight:700}
#atc02 .contact .cont_box .right .more{text-align:right}
#atc02 .contact .cont_box .right a{display:inline-block;padding:0 50px;line-height:55px;color:#fff;background:var(--primary);border-radius:50px;font-size:15px;font-weight:600;transition:all 0.2s}

/* 반응형 [s] */
@media(hover:hover){
#atc02 .cont .left a:hover{color:#fff !important;background:var(--primary)}
#atc02 .cont .right a:hover{border:1px solid var(--primary);background:var(--primary)}
#atc02 .late_area .left a:hover{color:#fff;border:1px solid var(--primary);background:var(--primary)}
#atc02 .contact .cont_box .left .map a.kakao-link:hover{background:#f0d600}
#atc02 .contact .cont_box .left .map a.openchat-link:hover{background:#1f2326}
#atc02 .contact .cont_box .right a:hover{color:#111;background:#fff}
}
@media (max-width:1024px){
#atc02{padding:80px 0px}
#atc02 .cont{width:95%;margin:auto;font-size:20px}
#atc02 .cont .left{padding:60px 40px;height:300px;background-position:center;background-size:cover}
#atc02 .cont .right{height:300px;background-position:center;background-size:cover}
#atc02 .cont p{margin-bottom:15px;font-size:14px}
#atc02 .cont .more{margin-top:47px}
#atc02 .cont .more a{padding:0px 30px;line-height:45px;font-size:14px}
#atc02 .late_area{flex-direction:column;width:95%;margin:auto;margin-top:60px}
#atc02 .late_area .left{display:flex;justify-content:space-between;align-items:flex-end;width:100%;white-space:normal}
#atc02 .late_area .left p{font-size:35px}
#atc02 .late_area .left a{padding:0px 30px;line-height:50px}
#atc02 .late_area .right{margin-top:40px;width:100%}
#atc02 .late_area .right .late_box .latest{line-height:80px;height:80px}
#atc02 .late_area .right .late_box .latest.on{height:auto}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .late_w{width:100%;word-break:keep-all}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .late_none{line-height:1.5}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .late_none .date{padding:20px 0px}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .late_flex.one{justify-content:space-between}
#atc02 .contact .cont_box{width:95%;margin:auto;padding-top:70px}
#atc02 .contact .cont_box .left{width:35%}
#atc02 .contact .cont_box .left .adress{padding:20px}
#atc02 .contact .cont_box .left .adress p{font-size:14px}
#atc02 .contact .cont_box .left .num{padding:15px 0px;font-size:27px}
#atc02 .contact .cont_box .left ul li{flex-direction:column;gap:5px;font-size:14px}
#atc02 .contact .cont_box .left ul li .tit{width:27%}
#atc02 .contact .cont_box .left .map{gap:14px;padding:18px 15px 20px}
#atc02 .contact .cont_box .left .map .contact_links{gap:10px}
#atc02 .contact .cont_box .left .map a{min-width:126px;height:40px;padding:0 18px}
#atc02 .contact .cont_box .right{padding:55px;width:60%;word-break:keep-all}
#atc02 .contact .cont_box .right .tit{margin-bottom:20px;font-size:26px}
#atc02 .contact .cont_box .right .more{margin-top:105px}
#atc02 .contact .cont_box .right a{padding:0 45px;line-height:50px}
}
@media (max-width:768px){
#atc02{padding:30px 0px 70px 0px}
#atc02 .cont{grid-template-columns:repeat(1, 1fr);font-size:22px}
#atc02 .cont .box{padding:30px}
#atc02 .cont .left{height:260px}
#atc02 .cont .right{height:260px}
#atc02 .cont p{font-size:15px}
#atc02 .cont .more a{padding:0px 35px;line-height:45px}
#atc02 .late_area .left p{font-size:30px}
#atc02 .late_area .left a{padding:0px 24px;line-height:45px;font-size:13px}
#atc02 .late_area .right .late_box .latest{line-height:1.5;height:95px;margin-bottom:20px}
#atc02 .late_area .right .late_box .latest .l_cont{flex-direction:column;gap:0px}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .subj{width:85%;line-height:55px}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .late_none .date{padding:10px 0px}
#atc02 .contact .cont_box{flex-direction:column}
#atc02 .contact .cont_box{padding:45px 0px 0px 0px}
#atc02 .contact .cont_box .left{width:100%}
#atc02 .contact .cont_box .left .adress p{text-align:center}
#atc02 .contact .cont_box .left .num{text-align:center}
#atc02 .contact .cont_box .left .map{gap:12px}
#atc02 .contact .cont_box .left ul{display:flex;justify-content:space-between}
#atc02 .contact .cont_box .left ul li{flex-direction:row;justify-content:center;gap:15px;width:49%}
#atc02 .contact .cont_box .left ul li .tit{width:auto}
#atc02 .contact .cont_box .left ul li:nth-child(2){border-bottom:1px solid #e1e1e1}
#atc02 .contact .cont_box .right{margin-top:15px;width:100%;padding:25px}
#atc02 .contact .cont_box .right .more{margin-top:55px}
}
@media (max-width:480px){
#atc02{padding:80px 0px 30px}    
#atc02 .cont{font-size:18px}
#atc02 .cont .left{height:230px}
#atc02 .cont .right{height:230px}
#atc02 .cont p{font-size:14px}
#atc02 .cont .more{margin-top:35px}
#atc02 .cont .more a{padding:0px 30px;line-height:40px}
#atc02 .late_area{margin-top:45px}
#atc02 .late_area .left p{font-size:26px}
#atc02 .late_area .left a{padding:0px 20px;line-height:40px}
#atc02 .late_area .right .late_box .latest{margin-bottom:15px;height:83px}
#atc02 .late_area .right .late_box .latest .l_cont .lfet_box span{width:75px;line-height:30px;font-size:13px}
#atc02 .late_area .right .late_box .latest .l_cont .right_box{font-size:13px}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .subj{width:auto;font-size:14px;line-height:48px}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .late_w{font-size:14px}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .late_none{display:block}
#atc02 .contact .cont_box{padding-top:30px}
#atc02 .contact .cont_box .left ul{flex-direction:column}
#atc02 .contact .cont_box .left ul li{width:100%}
#atc02 .contact .cont_box .left ul li:nth-child(2){border-bottom:none}
#atc02 .contact .cont_box .left .adress{padding:20px 0px 10px 0px}
#atc02 .contact .cont_box .left .adress p{font-size:13px}
#atc02 .contact .cont_box .left .num{padding:10px 0px;font-size:24px}
#atc02 .contact .cont_box .left .map{font-size:15px}
#atc02 .contact .cont_box .left .map .contact_links{flex-direction:column;width:auto}
#atc02 .contact .cont_box .left .map a{min-width:150px;height:38px;padding:0 15px}
#atc02 .contact .cont_box .right{height:auto;font-size:14px}
#atc02 .contact .cont_box .right .tit{font-size:23px}
#atc02 .contact .cont_box .right .more{margin-top:25px}
#atc02 .contact .cont_box .right a{padding:0px 32px;line-height:40px}
}
@media (max-width:380px){
#atc02{padding-top:55px}
#atc02 .cont{font-size:16px}
#atc02 .cont .left{height:210px}
#atc02 .cont .right{height:210px}
#atc02 .cont p{font-size:13px}
#atc02 .cont .more a{padding:0px 20px;line-height:35px;font-size:13px}
#atc02 .late_area .left p{font-size:22px}
#atc02 .late_area .left a{padding:0px 15px;line-height:35px}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .late_w{font-size:13px}
#atc02 .contact .cont_box{padding-top:50px}
#atc02 .contact .cont_box .left .adress{padding:20px 0px 10px}
#atc02 .contact .cont_box .right{font-size:13px}
#atc02 .contact .cont_box .right .tit{font-size:20px}
#atc02 .contact .cont_box .right a{padding:0px 25px;line-height:35px;font-size:13px}
#atc02 .contact .cont_box .right .more{margin-top:28px}
}
/* 반응형 [e] */


#atc01{position:relative;padding:160px 0 160px 0}
#atc01:after{position:absolute;content:'';width:calc(100% - 210px);height:334px;top:70%;background:url('/img/bg.jpg') no-repeat;background-size:cover;z-index:0}
#atc01 .pl{white-space:pre-line}
#atc01 .txt_area{position:relative;padding-left:50px;width:100%;max-width:1500px;margin:0 auto}
#atc01 .txt_area:after{position:absolute;content:'TOPDESK';top:8px;right:-250px;color:rgb(0,0,0,0.05);font-size:150px;font-weight:700;text-transform:uppercase}
#atc01 .txt_area span{color:var(--primary);font-weight:700;font-size:15px;text-transform:uppercase}
#atc01 .txt_area .tit{padding:50px 0 40px 0;line-height:1.2;color:#111;font-size:48px;font-weight:200}
#atc01 .txt_area .txt{letter-spacing:-.3px}

/* 슬라이드 */
#atc01 .gall_slide{position:relative;max-width:1500px;margin:50px auto 0}
#atc01 .gall_slide .slide_box{width:1870px}
#atc01 .gall_slide ul li .img{position:relative}    
#atc01 .gall_slide ul li .txt_box{position:absolute;width:100%;left:50px;bottom:55px;letter-spacing:-.3px;color:rgba(255, 255, 255, 0.65);font-size:15px;opacity:0;transition:all 0.3s}
#atc01 .gall_slide ul li .txt_box p{margin-bottom:20px;color:#fff;letter-spacing:-.2px;font-size:28px;font-weight:700}
#atc01 .gall_slide .swiper-slide.swiper-slide-next .txt_box{opacity:1}
#atc01 .gall_slide .swiper-slide.swiper-slide-next img{filter:brightness(90%)}
#atc01 .gall_slide .arrow{position:relative;color:#aaa;font-weight:600;font-size:15px;font-family:var(--e-font);z-index:10}
#atc01 .gall_slide .arrow .pager span{padding-right:6px;color:#111;font-weight:700}
#atc01 .gall_slide .arrow .pager span:before{content:"0"}
#atc01 .gall_slide .arrow .pager span+span{padding-left:5px;padding-right:0;color:#aaa;font-weight:500}
#atc01 .gall_slide .slide_box .item{height:550px}
#atc01 .gall_slide .slide_box .img {width:100%;height:350px;position:absolute;bottom:0;overflow:hidden;-webkit-transition:all 0.4s linear;transition:all 0.4s linear}
#atc01 .gall_slide .slide_box img{min-width:100%;min-height:100%;position:absolute;bottom:-30%;-webkit-trasition:all 0.4s linear;transition:all 0.4s linear;filter:brightness(40%)}
#atc01 .gall_slide .slide_box .swiper-slide.swiper-slide-next img{bottom:0}
#atc01 .gall_slide .slide_box .swiper-slide.swiper-slide-next .img{height:550px}
#atc01 .gall_slide .arrow .pager{position:absolute;bottom:auto;top:50%;transform:translateY(-50%);width:100%;padding-right:80px;text-align:right}

/* 프로그레스바 */
#atc01 .main_pg{position:absolute;top:20%;right:0%;width:36%;max-width:1500px;margin:0 auto;z-index:20}
#atc01 .main_pg .swiper-progress-bar .slide_progress-bar{overflow:hidden;position:absolute;height:2px;left:0;right:0;background:rgb(0,0,0,0.1);width:auto;clear:both;opacity:0}
#atc01 .main_pg .swiper-progress-bar .slide_progress-bar:after{position:absolute;top:0;left:0;background:var(--primary);height:100%;width:0;content:""}
#atc01 .main_pg .swiper-progress-bar.active .slide_progress-bar{width:60%;opacity:1}
#atc01 .main_pg .swiper-progress-bar.animate .slide_progress-bar:after{width:120%;transition:3.8s linear;transition-delay:unset}


/* 반응형 [s] */
@media(hover:hover){
#atc01 .gall_slide .slide_box .item:hover .img img{-webkit-transform:scale(1.15);transform:scale(1.15)}
#atc01 .gall_slide .slide_box .item:hover .img::after{-webkit-transition-delay:0.2s;transition-delay:0.2s}
}
@media (max-width:1024px){
#atc01{overflow:hidden;padding:119px 0px}
#atc01:after{width:100%}
#atc01 .txt_area{padding-left:25px}
#atc01 .txt_area:after{top:30px;right:0px;font-size:85px}
#atc01 .txt_area .tit{font-size:38px}
#atc01 .gall_slide{position:static;max-width:none;margin-top:80px}
#atc01 .gall_slide .slide_box{width:100%}
#atc01 .gall_slide .slide_box .item{height:350px}
#atc01 .main_pg{top:36%;right:2%}
#atc01 .gall_slide .arrow .pager{padding-right:0px}
#atc01 .main_pg .swiper-progress-bar.active .slide_progress-bar{width:75%}
#atc01 .gall_slide ul li .txt_box{left:0;bottom:0;padding:30px;word-break:keep-all}
#atc01 .gall_slide ul li .txt_box p{margin-bottom:10px;font-size:22px}
#atc01 .gall_slide .slide_box .swiper-slide.swiper-slide-next .img{height:350px}
#atc01 .gall_slide .swiper-slide.swiper-slide-next img{filter:brightness(50%)}
#atc01 .gall_slide .slide_box img{bottom:auto;width:100%;height:100%;object-fit:cover;filter:brightness(50%)}
#atc01 .gall_slide .swiper-slide.swiper-slide-next .txt_box{opacity:0}
#atc01 .gall_slide .swiper-slide.swiper-slide-active .txt_box{opacity:1!important}
}
@media (max-width:768px){
#atc01{padding:85px 0px 120px 0px}
#atc01:after{height:235px}
#atc01 .txt_area{width:95%;padding:0px;text-align:center}
#atc01 .txt_area:after{display:none}
#atc01 .txt_area .tit{padding:22px 0px;font-size:34px;white-space:normal;word-break:keep-all}
#atc01 .txt_area .txt{white-space:normal;word-break:keep-all; line-height:24px}
#atc01 .gall_slide{margin-top:145px}
#atc01 .main_pg{width:50%;top:35%;right:25%}
#atc01 .main_pg .swiper-progress-bar.active .slide_progress-bar{width:100%}
#atc01 .gall_slide .arrow .pager{text-align:center;left:50%;transform:translateX(-50%);margin-top:15px}
#atc01 .gall_slide .slide_box .item{height:365px}
#atc01 .gall_slide .slide_box img{width:100%;height:100%}
#atc01 .gall_slide ul li .txt_box{width:87%}
#atc01 .gall_slide ul li .txt_box p{font-size:20px}
}
@media (max-width:480px){
#atc01{padding:80px 0px}
#atc01:after{height:220px}
#atc01 .txt_area{padding:0px;text-align:center}
#atc01 .txt_area .txt{white-space:normal;word-break:keep-all}
#atc01 .txt_area .tit{padding:13px 0px;font-size:28px}
#atc01 .main_pg .swiper-progress-bar{display:none}
#atc01 .main_pg .swiper-pagination-fraction{display:none}
#atc01 .gall_slide{margin-top:80px}
#atc01 .gall_slide .slide_box .item{height:270px}
#atc01 .gall_slide .slide_box .img{height:100%;transition:none}
#atc01 .gall_slide .slide_box img{opacity:0}
#atc01 .gall_slide .slide_box .swiper-slide.swiper-slide-next img{bottom:0}
#atc01 .gall_slide ul li .txt_box{left:20px;bottom:20px;opacity:1}
#atc01 .gall_slide .slide_box .item:nth-child(1){background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/img/img03.jpg);background-position:center;background-size:cover}
#atc01 .gall_slide .slide_box .item:nth-child(2){background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/img/img04.jpg);background-position:center;background-size:cover}
#atc01 .gall_slide .slide_box .item:nth-child(3){background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/img/img01.jpg);background-position:center;background-size:cover}
#atc01 .gall_slide .slide_box .item:nth-child(4){background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/img/img02.jpg);background-position:center;background-size:cover}
#atc01 .gall_slide .slide_box .item:nth-child(5){background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/img/img03.jpg);background-position:center;background-size:cover}
#atc01 .gall_slide .slide_box .item:nth-child(6){background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/img/img04.jpg);background-position:center;background-size:cover}
#atc01 .gall_slide .slide_box .item:nth-child(7){background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/img/img01.jpg);background-position:center;background-size:cover}
#atc01 .gall_slide .slide_box .item:nth-child(8){background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/img/img02.jpg);background-position:center;background-size:cover}
}
@media (max-width:380px){
#atc01:after{height:190px}
#atc01 .txt_area .tit{font-size:25px}
#atc01 .txt_area .txt{font-size:15px}
#atc01 .gall_slide{margin-top:55px}
#atc01 .gall_slide .slide_box .item{height:230px}
#atc01 .gall_slide ul li .txt_box{font-size:14px}
#atc01 .gall_slide ul li .txt_box p{margin-bottom:5px;font-size:18px}
}
/* 반응형 [e] */



/* 서브상단 [s] */

#subBnr{position:relative;z-index:20;height:400px;margin:0 auto;color:#fff;background:url(/img/sub_bg.jpg) center no-repeat;background-size:cover}
#subBnr .txt_area{position:relative;top:50%;transform:translateY(-50%);opacity:0;padding-top:30px;font-size:40px;line-height:45px;font-weight:700;text-align:center}
#subBnr .txt_area span{display:flex;justify-content:center;align-items:center;gap:10px;font-size:32px;font-weight:500;color:rgba(255,255,255,1)}

/* 반응형 [s] */
@media (max-width:1024px){
#subBnr{height:415px}
}
@media (max-width:480px){
#subBnr{height:190px;background:none}
#subBnr .txt_area{top:65%;padding:10px 0px;border-bottom:1px solid #e1e1e1;font-size:18px;color:#000}
#subBnr .txt_area span{display:none}
}
/* 서브상단 [e] */