@charset "utf-8";

#atc01{position:relative;width:100%;max-width:1200px;margin:0 auto}
#atc01 .inc01{position:relative;width:68%;padding:32px 20px 0 0;margin-bottom:100px}
#atc01 .inc01 span{position:absolute;left:20px;top:32px;color:#3490c4;font-family:'Montserrat';font-size:17px;font-weight:700}
#atc01 .inc01 ul{padding-left:166px}
#atc01 .inc01 ul li{display:inline-block;vertical-align:middle}
#atc01 .inc01 ul li a{font-size:15px;color:#222;letter-spacing:-.3px;line-height:24px;font-family:'notokr-medium'}
#atc01 .inc01 ul li:after{display:inline-block;vertical-align:0;content:"";width:1px;height:10px;margin:0 25px;background-color:#ccc}
#atc01 .inc01 ul li:last-child:after{display:none}

/* Quick Menu */
#atc01 .inc02{position:absolute;right:0;top:-430px;width:32%;height:506px;z-index:999}
#atc01 .inc02 .latest{background:#fff}
#atc01 .inc02 .latest #tabs{overflow:hidden}
#atc01 .inc02 .latest #tabs li{float:left;width:50%;background:#f7f7f7;color:#222;font-size:18px;line-height:72px;letter-spacing:-.3px;text-align:center;cursor:pointer;font-family:'notokr-bold'}
#atc01 .inc02 .latest #tabs li.on{background:#fff}
#atc01 .inc02 .tab_content{padding:45px}

/* 공지사항, 문의사항 latest */
#atc01 .inc02 .cs_area{height:180px;padding-top:36px;border-bottom-right-radius:28px;
  background:#1ca1ac;
  background:-webkit-linear-gradient(-30deg, #1ca1ac, #3490c4);
  background:-moz-linear-gradient(-30deg, #1ca1ac, #3490c4);
  background:-o-linear-gradient(-30deg, #1ca1ac, #3490c4);
  background:linear-gradient(to -30deg, #1ca1ac, #3490c4);
  color:#fff;font-size:15px;text-align:center;line-height:16px;font-family:'notokr-medium'}
#atc01 .inc02 .cs_area a{color:rgba(255,255,255,0.7)}
#atc01 .inc02 .cs_area .cs_txt{font-size:28px;font-weight:700;line-height:55px;letter-spacing:-.1px;font-family:'Montserrat'}
#atc01 .inc02 .cs_area .tel a{color:#fff}
#atc01 .inc02 .cs_area .cs_txt.rtxt{color:rgba(255,255,255,0.7);font-size:12px;font-weight:400;line-height:19px}
#atc01 .inc02 .cs_area .cs_txt.rtxt span{margin-right:10px;font-weight:700}

.tab_content .more_btn{display:block;width:100%;height:56px;margin-top:20px;background:#f7f7f7;color:#222;font-size:14px;transition:all .3s;line-height:58px;letter-spacing:-.3px;text-align:center;font-family:'notokr-medium'}
.tab_content .more_btn:hover{background:#3391c3;color:#fff}

/* 반응형 [s] */
@media (max-width:1024px){
#atc01 .inc02{top:-350px}
#atc01 .inc02 .latest #tabs li{line-height:55px}
#atc01 .inc02 .tab_content{padding:30px}
}
@media (max-width:768px){
.tab_content .more_btn{height:50px;margin-top:5px;line-height:50px}
#atc01 .inc01{width:100%;margin-bottom:30px}
#atc01 .inc01 ul li:after{margin:0 15px}
#atc01 .inc02{position:relative;top:auto;right:auto;width:100%;height:auto;padding:0 20px}
#atc01 .inc02 .latest{border:1px solid #e1e1e1;border-bottom:none}
#atc01 .inc02 .tab_content{padding:20px}
#atc01 .inc02 .cs_area{height:auto;padding:25px 0; border-radius:0}
}
@media (max-width:480px){
#atc01 .inc01{padding:30px 0 0}
#atc01 .inc01 span{display:block;position:relative;top:auto;left:auto;text-align:center}
#atc01 .inc01 ul{padding:10px 0 0;text-align:center}
#atc01 .inc01 ul li{margin:0 5px}
#atc01 .inc01 ul li:after{display:none}
}
/* 반응형 [e] */
