@charset "utf-8";
.goog-te-gadget-simple {display:flex;justify-content:center;align-items:center;gap:0 4.0rem;width:88px;background-color:unset !important;border-radius:0;padding:5px;border-top:0 !important;border-bottom:1px solid #ddd !important;border-left:0 !important;border-right:0 !important;}
.goog-te-gadget-simple > span {display:block;margin-top:10px;margin-bottom:10px;}
.goog-te-gadget img {display:none !important;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed {display:block;margin-top:2px;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {display:flex;align-items:center;justify-content: center;gap:0 8px;color:#222 !important;background:none;font-size:14px;border:0 !important;padding:0 2px;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span:nth-of-type(2) {height: 0;}
.global_box.active {}
.global_box.active .goog-te-gadget-simple {border-top:1px solid #3f3f3f !important;border-bottom:1px solid #3f3f3f !important;border-left:0 !important;border-right:0 !important;}
.global_box.active .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {color:#fff !important;}
@media only screen and (max-width:1024px){
    .goog-te-gadget-simple {width:auto;border:1px solid #ddd !important;border-radius: 50px;}
    .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {display: inline-flex;}
}

/* =========================== MAIN */
#atc01_area{opacity:0;overflow:hidden;display:flex;width:100%;height:100vh}
#atc01_area .bnr_txt{position:relative;z-index:4;width:50%;height:100%;background:#f7f7f7}
/*텍스트박스영역*/
#atc01_area .bnr_txt .bnt_txt_box{position:relative;width:100%;height:61%;padding-left:52px;background:#f7f7f7}

/*텍스트박스 라인영역*/
#atc01_area .bnr_txt .bnt_txt_box .line_area{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;padding-left:52px}
#atc01_area .bnr_txt .bnt_txt_box .line_area > div{float:left;width:16.66%;height:0%;border-left:1px solid #e4e4e4}

/*텍스트박스 텍스트영역*/
#atc01_area .bnr_txt .bnt_txt_box .txt_area{opacity:0;position:relative;z-index:10;padding-top:200px;margin-left:16.66%}
#atc01_area .bnr_txt .bnt_txt_box .s_tit{position:relative;display:inline-block;margin-bottom:17px;font-weight:600;font-size:14px;color:#003282;font-family:'Montserrat',sans-serif}
#atc01_area .bnr_txt .bnt_txt_box .s_tit:before{position:absolute;content:'';top:9px;right:-160px;width:146px;height:1px;background:#e4e4e4}
#atc01_area .bnr_txt .bnt_txt_box .main_tit{margin:0 0 15px -5px;font-weight:800;font-size:62px;line-height:1.1em;letter-spacing:-1px;color:#222;font-family:'Montserrat',sans-serif}
#atc01_area .bnr_txt .bnt_txt_box .main_tit span {font-family:'Noto Sans KR',sans-serif}
#atc01_area .bnr_txt .bnt_txt_box .more{position:relative;width:47px;height:47px;text-align:center;line-height:47px;border-radius:47px;background:#003282}
#atc01_area .bnr_txt .bnt_txt_box .more:before{position:absolute;right:-60px;content:'READ MORE';font-weight:600;font-size:11px;color:#a4a4a4;transition:all .2s;transition-delay:.2s;font-family:'Montserrat',sans-serif}
#atc01_area .bnr_txt .bnt_txt_box .more a{display:block}
#atc01_area .bnr_txt .bnt_txt_box .more a img{transition:all .3s}

/*텍스트박스 어바웃영역*/
#atc01_area .bnr_txt .about_cont{opacity:0;overflow:hidden;width:100%;height:39%;padding-left:52px;background:url(../../images/fs/main/about_bg.jpg) no-repeat center / cover}
#atc01_area .bnr_txt .about_cont a{display:block}
#atc01_area .bnr_txt .about_cont .about_txt{opacity:0;position:relative;float:right;width:50%;height:100%;padding:68px 0 0 45px;background:rgba(0,50,130,.8)}
#atc01_area .bnr_txt .about_cont .about_txt:before{position:absolute;top:0;left:-33.33%;content:'';width:33.33%;height:100%;background:rgba(0,50,130,.2)}
#atc01_area .bnr_txt .about_cont .about_txt .ab_tit{margin-bottom:140px;font-weight:600;font-size:16px;color:#fefefe;font-family:'Montserrat',sans-serif}
#atc01_area .bnr_txt .about_cont .about_txt .ab_txt{font-size:15px;line-height:26px;color:rgba(255,255,255,.6);font-family:'Noto Sans KR';font-weight:400}

/*이미지슬라이드 영역*/
#atc01_area .main{opacity:0;position:relative;z-index:1;width:calc(50% - 88px);margin-left:-30%;height:100%}
#atc01_area .main ul li img{width:100%;height:100%;object-fit:cover}

/*슬라이드 숫자*/
#atc01_area .bnr_bar{opacity:0;position:absolute;z-index:2;bottom:-30px;width:100%;height:100px;background-color:#191919}
#atc01_area .bnr_bar ul{display:flex;align-items:center;width:100%;height:100%;padding-left:55px}
#atc01_area .bnr_bar ul li{padding-left:22px}
#atc01_area .bnr_bar ul li a{font-size:12px;font-weight:600;color:#a8a8a8;font-family:'Montserrat',sans-serif}

#atc01_area .pager{position:relative;display:flex;justify-content:space-between;position:absolute;z-index:3;bottom:30px;right:100px;left:unset;width:250px}
#atc01_area .pager:after{/*content:"";opacity:.3;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60%;height:0.1px;background-color:#e1e1e1*/}
#atc01_area .pager div{opacity:1;width:auto;height:auto;background:none;color:#fff}
#atc01_area .pager span{opacity:1;position:static;font-size:15px;font-weight:600;font-family:'Montserrat',sans-serif;color:rgb(255, 255, 255, 0.5)}
#atc01_area .pager div.on span{color:#fff}

#atc01_area .pager div.active span{color:#fff}

/*스크롤다운*/
.scroll{position:absolute;top:50%;left:52px;margin-top:55px;z-index:9999}
.scroll:before{position:absolute;top:-54px;left:-62px;width:126px;content:'SCROLL DOWN';font-weight:600;font-size:11px;letter-spacing:1px;color:#222;transform:rotate(-270deg);font-family:'Montserrat',sans-serif}

.scroll .scroll_shape{position:absolute;overflow:hidden;left:-1px;width:3px;height:3px;border-radius:3px;background:#003282;
    -webkit-animation:arr 2.5s infinite linear;-ms-animation:arr 2.5s infinite linear;animation:arr 2.5s infinite linear}
@-webkit-keyframes arr{from{opacity:0;top:10px}10%{opacity:1;top:20px}100%{top:80px;opacity:0}}
@keyframes arr{from{opacity:0;top:10px}10%{opacity:1;top:20px}100%{top:80px;opacity:0}}


/* 반응형 [s] */
@media (hover:hover){
    #atc01_area .bnr_txt .bnt_txt_box .more a:hover img{-ms-transform:rotate(90deg);transform:rotate(90deg)}
    #atc01_area .bnr_txt .bnt_txt_box .more:hover:before{right:-85px}
}
@media screen and (max-width:1720px) {
    #atc01_area .bnr_txt .bnt_txt_box .main_tit{font-size:53px}
}
@media (max-width:1480px){
    #atc01_area .bnr_txt{display:flex;flex-direction:column}
    #atc01_area .bnr_txt .bnt_txt_box{height:60%;padding-left:5%}
    #atc01_area .bnr_txt .bnt_txt_box .main_tit{margin:0 0 30px -3px;font-size:42px}
    #atc01_area .bnr_txt .bnt_txt_box .txt_area{margin-left:5%}
    #atc01_area .bnr_txt .bnt_txt_box .line_area{padding-left:5%}
    #atc01_area .bnr_txt .about_cont{padding-left:0px;height:40%}
    #atc01_area .bnr_txt .about_cont .about_txt{padding:0px;width:100%}
    #atc01_area .bnr_txt .about_cont .about_txt:before{display:none}
    #atc01_area .bnr_txt .about_cont a{display:flex;flex-direction:column;justify-content:center;margin:auto;width:80%;height:100%}
    #atc01_area .bnr_txt .about_cont .about_txt .ab_tit{margin-bottom:60px}
    #atc01_area .bnr_bar ul{padding-left:0px}
    #atc01_area .pager{bottom:43px;right:5%;width:175px}
    .scroll:before{left:-95px}
    .scroll .scroll_shape{left:-34px}
}
@media (max-width:1024px){
    #atc01_area{opacity:1;height:100vh !important;/*padding-top:110px;*/}
    #atc01_area .main{width:50%}
    #atc01_area .bnr_txt .bnt_txt_box{display:flex;align-items:center;padding-left:0px;height:60%}
    #atc01_area .bnr_txt .bnt_txt_box .txt_area{opacity:1;padding-top:0px}
    #atc01_area .bnr_txt .bnt_txt_box .line_area > div{height:100%}
    #atc01_area .bnr_txt .bnt_txt_box .main_tit{font-size:38px}
    #atc01_area .bnr_txt .about_cont{opacity:1;height:40%}
    #atc01_area .bnr_txt .about_cont .about_txt{opacity:1}
    #atc01_area .bnr_txt .about_cont a{width:90%}
    #atc01_area .bnr_txt .about_cont .about_txt .ab_tit{margin-bottom:35px;font-size:15px}
    #atc01_area .bnr_txt .about_cont .about_txt .ab_txt{font-size:14px}
    #atc01_area .bnr_txt .bnt_txt_box .s_tit{font-size:13px}
    #atc01_area .bnr_bar{bottom:0px}
    #atc01_area .bnr_bar ul li{padding-left:18px}
    #atc01_area .main{opacity:1;margin-left:0px}
    #atc01_area .pager{bottom:5%;width:155px;}
    #atc01_area .pager span{font-size:14px}
    #atc01_area .bnr_bar{opacity:1}
    .scroll{display:none}
}
@media (max-width:768px){
    #atc01_area{height:490px;/*padding-top:90px;*/}
    #atc01_area .bnr_txt{position:absolute;top:54%;transform:translateY(-50%);width:100%;height:auto;background-color:transparent}
    #atc01_area .bnr_txt .bnt_txt_box{justify-content:center;text-align:center;height:auto;background-color:transparent}
    #atc01_area .bnr_txt .bnt_txt_box .line_area{display:none}
    #atc01_area .bnr_txt .bnt_txt_box .txt_area{margin-left:0px;width:95%}
    #atc01_area .bnr_txt .bnt_txt_box .s_tit{color:rgb(255, 255, 255, 0.6)}
    #atc01_area .bnr_txt .bnt_txt_box .main_tit{margin:0px;color:#fff}
    #atc01_area .bnr_txt .bnt_txt_box .more{display:none}
    #atc01_area .bnr_txt .bnt_txt_box .s_tit:before{display:none}
    #atc01_area .bnr_txt .about_cont{display:none}
    #atc01_area .main{width:100%}
    #atc01_area .main ul li img{filter:brightness(0.5)}
    #atc01_area .pager{bottom:26px;left:0;right:0;margin:0 auto;}
    #atc01_area .bnr_bar{height:70px}
}
@media (max-width:480px){
    #atc01_area{height:410px}
    #atc01_area .bnr_txt .bnt_txt_box .main_tit{font-size:32px}
    #atc01_area .bnr_txt .bnt_txt_box .s_tit{margin-bottom:12px}
    #atc01_area .bnr_bar{height:65px}
    #atc01_area .bnr_bar ul li{padding-left:2.5%}
    #atc01_area .pager{bottom:25px;width:138px}
    #atc01_area .pager span{font-size:13px}
}
@media (max-width:380px){
    #atc01_area{height:360px}
    #atc01_area .bnr_txt .bnt_txt_box .s_tit{margin-bottom:8px;font-size:12px}
    #atc01_area .bnr_txt .bnt_txt_box .main_tit{font-size:26px}
    #atc01_area .bnr_bar{height:60px}
    #atc01_area .bnr_bar ul li a{font-size:11px}
    #atc01_area .pager{bottom:23px;width:135px}
    #atc01_area .pager span{font-size:12px}
}
/* 반응형 [e] */

/* =========================== atc01 */

#atc02_area{position:relative;height:100%;padding-right:88px}

#atc02_area .tit_area{overflow:hidden;padding:184px 0 61px 11.2%;font-size:15px;line-height:25px;color:#888;letter-spacing:-.3px;opacity:0}
#atc02_area .tit_area > div{float:left}
#atc02_area .tit_area .tit_wrap{width:30%}
#atc02_area .tit_area .txt{width:70%}

#atc02_area .tit_area .tit_wrap .s_tit{position:relative;display:inline-block;margin-bottom:15px;font-weight:600;font-size:14px;color:#222;font-family:'Montserrat',sans-serif}
/*#atc02_area .tit_area .tit_wrap .s_tit:before{position:absolute;right:-60px;top:10px;content:'';width:47px;height:1px;background:#e4e4e4}*/
#atc02_area .tit_area .tit_wrap .tit{font-weight:300;font-size:45px;color:#222;font-family:'Montserrat',sans-serif;line-height:1.2;}
#atc02_area .tit_area .tit_wrap .tit span{font-weight:800;color:#003282;font-family:'Noto Sans KR';}
#atc02_area .tit_area .txt{position:relative;padding:65px 0 0 44px;font-size:15px;line-height:26px;color:#666;font-family:'Noto Sans KR';font-weight:400}
#atc02_area .tit_area .txt .txt_item{white-space:pre-line}
#atc02_area .tit_area .txt .more{position:absolute;top:-20px;right:120px;width:127px;height:127px;font-weight:600;font-size:12px;line-height:127px;text-align:center;line-height:127px;border:1px solid #bfbfbf;border-radius:127px;transition:all .3s;font-family:'Montserrat',sans-serif}
#atc02_area .tit_area .txt .more a{display:block;color:#a5a5a5;transition:all .3s}

/* 갤러리 썸네일 */
#atc02_area .img_area{position:relative;margin-left:11.2%;opacity:0;height:400px}
#atc02_area .img_area li{overflow:hidden;position:relative}
#atc02_area .img_area .bx-viewport{height:100%!important}
#atc02_area .img_area li a{display:block;height:100%}
#atc02_area .img_area li .gall_tit{font-size:15px;position:absolute;left:0;right:0;bottom:-65px;width:100%;padding:20px;color:#fff;text-align:center;background:rgba(39, 39, 39, 0.72);transition:all .3s;font-family:'Noto Sans KR';font-weight:500}
#atc02_area .gall_thum{height:100%;width:100%;background-size:cover !important;background-position:center !important}
#atc02_area .nav_container{display:flex;gap:10px;margin-left:11.2%;margin-top:30px}
#atc02_area .nav_container div{display:flex;justify-content:center;align-items:center;width:45px;height:45px;border:1px solid #e1e1e1;border-radius:50%;transition:all .3s;background-color:#f5f5f5;cursor:pointer}
#atc02_area .nav_container div svg{width:20px;color:#8f8f8f;transition:all .3s}


/*atc02 배경*/
.inc02_bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}
.inc02_bg > div{float:left}
.inc02_bg .line_area{overflow:hidden;width:26.38%;height:100%;padding-left:52px}
.inc02_bg .line_area > div{float:left;width:33.33%;height:100%;border-left:1px solid #ededed}
.inc02_bg .bg_color{width:73.62%;height:100%;background:#f7f7f7}

/*회색*/
.grayscale {/* Firefox 10+, Firefox on Android */filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.2223 0.2223 0.2223 0 0 0.2223 0.2223 0.2223 0 0 0.2223 0.2223 0.2223 0 0 0 0 0 1 0'/></filter></svg>#grayscale");/* IE 6-9 */filter:gray;/*Chrome 19+,Safari 6+,Safari 6+ iOS,Opera 15+*/-webkit-filter:grayscale(100%)}
.grayscale.grayscale-fade {transition:filter .5s}
.grayscale-replaced.grayscale-fade svg {opacity:1;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}


/* 반응형 [s] */
@media (hover:hover){
    #atc02_area .tit_area .txt .more:hover {background:#003282}
    #atc02_area .tit_area .txt .more:hover a{color:#fff}
    #atc02_area .img_area li:hover .gall_tit{bottom:0}
    #atc02_area .nav_container div:hover{background-color:#003282}
    #atc02_area .nav_container div:hover svg{color:#fff}
    #atc02_area .img_area li:hover .grayscale.grayscale-fade{-webkit-filter:grayscale(0%);filter:none}
    #atc02_area .img_area li:hover .grayscale-replaced.grayscale-fade svg {opacity:0}
}
@media screen and (max-width:1720px) {
    #atc02_area .tit_area .tit_wrap .tit{font-size:37px}
}
@media (max-width:1380px){
    #atc02_area .tit_area{display:flex;align-items:center;padding:150px 88px 60px 5%;}
    #atc02_area .tit_area .tit_wrap{width:40%}
    #atc02_area .tit_area .txt{display:flex;flex-direction:column;gap:20px;padding:30px 0 0 0;word-break:keep-all;width:60%}
    #atc02_area .tit_area .txt .more{display:flex;justify-content:center;align-items:center;position:static;width:200px;height:60px;line-height:1;border-radius:0%}
    #atc02_area .img_area{margin-left:5%;height:420px;padding-right:88px;}
    #atc02_area .nav_container{margin-left:5%;padding-bottom:30px}
}
@media (max-width:1200px){
    #atc02_area{padding-right:0px}
}
@media (max-width:1024px){
    #atc02_area{padding-right:0px;}
    #atc02_area .tit_area{opacity:1 !important;flex-direction:column;align-items:start;padding:0px;margin:100px 2.5% 50px;width:95%}
    #atc02_area .tit_area .txt{margin-top:30px;gap:40px;width:100%;margin-top:0;}
    #atc02_area .tit_area .tit_wrap{width:100%}
    #atc02_area .tit_area .tit_wrap .tit{font-size:35px}
    #atc02_area .tit_area .txt .txt_item{white-space:normal;width:90%}
    #atc02_area .tit_area .txt .more{width:170px;height:55px}
    #atc02_area .img_area{opacity:1 !important;margin-left:2.5%;height:390px}
    #atc02_area .nav_container{margin-left:2.5%;margin-top:40px;padding-bottom:80px}
    .inc02_bg{display:none}
}
@media (max-width:768px){
    #atc02_area {padding-top:0;}
    #atc02_area .tit_area{align-items:center;text-align:center;margin:80px 2.5% 50px}
    #atc02_area .tit_area .tit_wrap .s_tit{margin-bottom:13px;font-size:13px}
    #atc02_area .tit_area .tit_wrap .s_tit:before{display:none}
    #atc02_area .tit_area .tit_wrap .tit{font-size:30px}
    #atc02_area .tit_area .txt{align-items:center;gap:30px;margin-top:25px;width:100%}
    #atc02_area .tit_area .txt .txt_item{margin:auto}
    #atc02_area .tit_area .txt .more{width:155px;height:52px}
    #atc02_area .img_area{margin:0 2.5%}
    #atc02_area .img_area li .gall_tit{padding:16px;bottom:0px !important;font-size:14px;}
    #atc02_area .nav_container{justify-content:center;margin-left:0px;margin-top:35px;padding-bottom:60px}
    #atc02_area .img_area li .grayscale.grayscale-fade{-webkit-filter:grayscale(0%);filter:none !important}
    #atc02_area .img_area li .grayscale-replaced.grayscale-fade svg {opacity:0 !important}
}
@media (max-width:480px){
    #atc02_area .tit_area .tit_wrap .s_tit{margin-bottom:10px;font-size:12px}
    #atc02_area .tit_area .tit_wrap .tit{font-size:28px}
    #atc02_area .tit_area .txt{gap:25px;margin-top:20px;font-size:14px;line-height:1.8}
    #atc02_area .tit_area .txt .txt_item{width:95%}
    #atc02_area .tit_area .txt .more{width:146px;height:48px}
    #atc02_area .img_area{margin-bottom:35px;height:310px}
    #atc02_area .img_area li .gall_tit{font-size:14px}
    #atc02_area .nav_container{display:none}
}
@media (max-width:380px){
    #atc02_area .tit_area{margin:70px 2.5% 40px}
    #atc02_area .tit_area .tit_wrap .tit{font-size:24px}
    #atc02_area .tit_area .txt{font-size:13px}
    #atc02_area .tit_area .txt .txt_item{width:100%}
    #atc02_area .tit_area .txt .more{width:130px;height:45px;font-size:11px}
    #atc02_area .img_area{margin-bottom:25px;height:290px}
    #atc02_area .img_area li .gall_tit{font-size:13px}
}
/* 반응형 [e] */


/* =========================== LATEST */
.sh_lt2{padding:52px 52px 0;opacity:0}
.sh_lt2 .lt_tit{margin-bottom:40px;font-weight:600;font-size:15px;line-height:15px;color:#fff;font-family:'Montserrat',sans-serif}

.sh_lt2 > ul > li{overflow:hidden}
.sh_lt2 > ul > li > a > div{float:left}

.sh_lt2 > ul > li:first-child{padding-bottom:20px;margin-bottom:20px;border-bottom:1px dotted rgba(255,255,255,.2)}
.sh_lt2 .sh_date{width:75px;height:89px;border:1px solid #475e99;font-weight:600;color:#f1f1f1;text-align:center;background:#475e99;font-family:'Montserrat',sans-serif}
.sh_lt2 .sh_date .day{display:block;margin-top:18px;font-weight:800;font-size:20px}
.sh_lt2 .txt_wrap{width:272px;margin:10px 0 0 26px;font-family:'notokr-regular'}
.sh_lt2 .txt_wrap span{display:block}
.sh_lt2 .txt_wrap .sh_notice{font-size:15px;color:#f1f1f1}
.sh_lt2 .txt_wrap .sh_contents{font-size:14px;line-height:24px;color:#898989;word-break:keep-all}


/* 반응형 [s] */
@media (max-width:1820px) {
    .sh_lt2{padding:30px 30px 0 }
    .sh_lt2 .txt_wrap{width:187px}
}
@media (max-width:1380px){
    .sh_lt2 .lt_tit{text-align:center}
    .sh_lt2 .txt_wrap{margin:10px 0 0 0;width:auto;text-align:center}
    .sh_lt2 .txt_wrap .sh_contents{font-size:13px}
    .sh_lt2 > ul > li a{display:flex;flex-direction:column}
    .sh_lt2 .sh_date{position:relative;width:100%;height:50px}
    .sh_lt2 .sh_date .day{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin-top:10px}
}
/* 반응형 [e] */