@charset "utf-8";

#atc02{overflow:hidden;position:relative;width:100%;max-width:1200px;padding-bottom:70px;margin:0 auto;border-bottom:1px solid #e1e1e1}

/* 슬라이더 */
#atc02 .gall_wrap{float:left;position:relative;width:50%}
#atc02 .gall_wrap ul li{overflow:hidden;position:relative}
#atc02 .gall_wrap ul li img{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.gall_arr{position:absolute;right:0;top:0;z-index:1;width:129px;height:67px;background:#3391c3}
.gall_arr:before{content:"";position:absolute;top:50%;left:50%;width:1px;height:10px;margin-top:-4px;background:rgba(255,255,255,0.36)}
.gall_arr div{float:left;width:50%;height:100%;font-size:17px;line-height:66px;color:rgba(255,255,255,.6);text-align:center;-webkit-transition:color .2s;transition:color .2s;outline:none}
.gall_arr div:hover{cursor:pointer;color:#fff}

/* 갤러리 라테스트 */
#atc02 .r_txt{float:right;width:50%;padding:20px 0 0 5%}
#atc02 .r_txt .tit_area .txt{margin-bottom:17px;color:#222;font-size:28px;line-height:39px;white-space:pre-line;font-family:'notokr-light'}
#atc02 .r_txt .tit_area .txt span{font-family:'notokr-bold'}
#atc02 .gla_wrap{overflow:hidden;margin-top:45px}
#atc02 .gla_wrap li{float:left;width:calc(50% - 10px)}
#atc02 .gla_wrap li+li{margin-left:20px}
#atc02 .gla_wrap li a{display:block}
#atc02 .gla_wrap li .gla_img{width:100%;height:164px;margin-bottom:14px;background:center no-repeat;background-size:cover}
#atc02 .gla_wrap li .b_txt{color:#3490c4;font-size:13px;font-weight:600;line-height:29px;letter-spacing:-.1px;font-family:'Montserrat'}
#atc02 .gla_wrap li .b_txt span{position:relative;padding-left:22px;color:#969696;font-weight:500}
#atc02 .gla_wrap li .b_txt span:before{display:block;position:absolute;left:11px;top:5px;width:1px;height:8px;background:#ddd;content:''}
#atc02 .gla_wrap li .gall_tit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222;font-size:14px;font-family:'notokr-medium'}

/* 반응형 [s] */
@media (max-width:1024px){
#atc02{padding:0 20px 60px}
#atc02 .r_txt .tit_area .txt{font-size:24px;white-space:normal}
#atc02 .gla_wrap{margin-top:20px}
#atc02 .gla_wrap li .gla_img{height:140px}
}
@media (max-width:768px){
#atc02{padding:40px 20px}
#atc02 .gall_wrap{float:none;width:100%}
#atc02 .r_txt{float:none;width:100%}
#atc02 .gall_wrap ul li img{width:100%}
.gall_arr{right:15px;bottom:15px;top:auto;width:80px;height:35px;border-radius:30px;background-color:rgba(28,160,172,.85)}
.gall_arr div{line-height:35px;color:#fff}
#atc02 .r_txt{padding:40px 0 0}
#atc02 .r_txt .tit_area{text-align:center;word-break:keep-all}
#atc02 .r_txt .tit_area .txt{margin-bottom:10px;word-break:keep-all}
}
@media (max-width:480px){
#atc02 .gla_wrap li{width:calc(50% - 5px)}
#atc02 .gla_wrap li+li{margin-left:10px}
#atc02 .gla_wrap li .gla_img{height:130px}
#atc02 .r_txt .tit_area .txt{font-size:20px;line-height:1.5}
}
/* 반응형 [e] */