@charset "utf-8";

#atc02{overflow:hidden;position:relative;width:100%;margin-bottom:25px;font-size:15px;font-family:'SBAggroL'}
#atc02 .tit{overflow:hidden;text-align:center;font-family:'SBAggroM'}
#atc02 .tit img{display:inline-block}
#atc02 .tit .txt{display:inline-block;margin-left:40px;text-align:left;vertical-align:-35px}
#atc02 .tit .txt span{font-size:20px;color:#2399b4}
#atc02 .tit .txt p{font-size:34px;color:#222}

/*다이렉트 메뉴*/
#atc02 .m_menu{position:relative;z-index:10}
#atc02 .m_menu:after{position:absolute;z-index:0;content:'';top:0;bottom:0;left:0;width:calc(100% - 220px);border-radius:0 100px 100px 0;background:#eff4f5}
#atc02 .m_menu .inner{position:relative;width:100%;max-width:1185px;margin:0 auto;z-index:11}
#atc02 .m_menu ul:after{display:block;clear:both;content:''}
#atc02 .m_menu ul li{float:left;padding:55px 0}
#atc02 .m_menu ul li:after{display:block;clear:both;content:''}
#atc02 .m_menu ul li div{float:left}
#atc02 .m_menu a{display:block;height:100%;font-size:15px;color:#777}
#atc02 .m_menu a p{font-size:22px;color:#222;font-family:'SBAggroM'}
#atc02 .m_menu .icon{display:inline-block;border-radius:30px;background:#fff;transition:all .3s}
#atc02 .m_menu .icon img{border-radius:30px;transition:all .3s}
#atc02 .m_menu .txt{width:420px;padding:30px 0 0 30px}
#atc02 .gall_area{overflow:hidden;margin-top:45px}
#atc02 .gall_area ul li{float:left;text-align:center}
#atc02 .gall_area ul li+li{margin-left:12px}
#atc02 .gall_area a{color:#fff}
#atc02 .gall_area .img_area img{width:250px;height:200px;border-radius:20px}
#atc02 .gall_area .txt p{margin-top:20px;font-size:16px}
#atc02 .gall_area .txt span{font-size:12px;color:rgba(255,255,255,.4);font-family:'SBAggroM'}

/*리뷰*/
#atc02 .review{position:relative;height:650px;margin-top:-120px}
#atc02 .review:after{position:absolute;z-index:-1;content:'';top:0;bottom:0;right:0;width:calc(100% - 220px);border-radius:100px 0 0 100px;background:#2399b4;transition:all .3s}
#atc02 .review .inner{width:100%;max-width:1280px;margin:0 auto;padding-top:220px;color:#fff}
#atc02 .review .inner:after{display:block;content:'';clear:both}
#atc02 .review .box{float:left;width:40%}
#atc02 .review .box .r_tit{overflow:hidden}
#atc02 .review .box .r_tit p{display:inline-block;color:rgba(255,255,255,.6)}
#atc02 .review .box .r_tit p span{margin-right:10px;font-size:32px;color:#fff;font-family:'SBAggroM'}
#atc02 .review .box .r_tit a{float:right;width:95px;margin-top:5px;line-height:40px;border:1px solid #e1e1e1;border-radius:50px;color:#fff;text-align:center;transition:all .3s}
#atc02 .review .r_txt{position:relative;float:right;width:57%;height:370px;padding:50px;border-radius:50px;background:#fff}
#atc02 .review .r_txt > span a{display:inline-block;width:120px;border-radius:50px;font-size:16px;line-height:50px;color:#fff;text-align:center;background:#2399b4;font-family:'SBAggroM'}
#atc02 .review #review_area{margin-top:30px}
#atc02 .review .r_txt ul{padding-right:100px}
#atc02 .review .r_txt ul li div{width:205px;height:137px;border-radius:20px;background-position:center;background-repeat:no-repeat}
#atc02 .review .r_txt p{margin:35px 0 22px;font-size:19px;font-family:'SBAggroM'}
#atc02 .review .r_txt div{color:#777;word-break:keep-all}
#atc02 .review .r_txt img{position:absolute;bottom:-30px;right:-125px;z-index:5}
#atc02 .review .sh_nodata{width:100%;text-align:center}
#review_area li div{padding-right:75px}

/* 페이저 */
#review_area .pager_dot{position:absolute;left:50px;bottom:50px}
#review_area .pager_dot span{display:inline-block;vertical-align:middle;opacity:1;width:13px;height:13px;border-radius:50px;background-color:#aaa;-webkit-transition:all .2s;transition:all .2s}
#review_area .pager_dot span+span{margin-left:10px}
#review_area .pager_dot .on{width:29px;height:13px;background:#2399b4}

/* 모바일 호버 X */
@media (hover: hover) {
#atc02 .m_menu li:hover .icon{transform:translate(-10px,-10px);box-shadow:8px 8px 9px 9px rgba(207,223,236,50%)}
#atc02 .review .box .r_tit a:hover{background:#fff;color:#2399b4}
}

/* 반응형 [s] */
@media (max-width:1800px){
#atc02 .review:after{width:100%}
}

@media (max-width:1550px){
#atc02 .m_menu:after{width:calc(100% - 60px)}
}

@media (max-width:1300px){
#atc02{margin-bottom:0}
#atc02 .m_menu .inner{width:90%;max-width:none}
#atc02 .m_menu ul li{width:50%;padding:50px 0}
#atc02 .m_menu .txt{width:calc(100% - 125px);padding:15px 30px 0;word-break:keep-all}
#atc02 .review .inner{width:90%;max-width:none;padding-top:180px}
#atc02 .review .box{width:calc(100%/2 - 10px) !important}
#atc02 .gall_area ul{overflow:hidden}
#atc02 .gall_area ul li{width:calc(100%/2 - 6.7px)}
#atc02 .gall_area ul li+li{margin-left:10px}
#atc02 .gall_area .img_area img{width:100%}
#atc02 .review .r_txt{margin-left:20px}
#atc02 .review .r_txt > span{font-size:15px}
#atc02 .review .r_txt img{right:-30px;height:250px}
#atc02 .review .r_txt div .cont{width:90%}
}

@media (max-width:1230px){
#atc02 .review{height:640px}
#atc02 .review .box .r_tit p span{display:block}
}

@media (max-width:1024px){
#atc02{padding-top:80px}
#atc02 .tit img{height:190px}
#atc02 .tit{padding:0 30px;text-align:left}
#atc02 .tit .txt p{font-size:30px}
#atc02 .tit .txt span{font-size:16px}
#atc02 .m_menu:after{width:calc(100% - 30px)}
#atc02 .m_menu .inner{width:100%;padding:0 30px}
#atc02 .m_menu a p{font-size:18px}
#atc02 .m_menu .txt{padding-top:11px}
#atc02 .review .inner{width:100%;padding:180px 30px 0}
#atc02 .review .box .r_tit p span{font-size:30px}
#atc02 .gall_area ul li{width:calc(100%/2 - 5px)}
#atc02 .gall_area ul li:nth-child(3){display:none}
#atc02 .review .r_txt{padding:30px}
#atc02 .review .r_txt img{right:-10px;height:165px}
#atc02 .review .r_txt p{overflow:hidden;font-size:18px;white-space:nowrap;text-overflow:ellipsis}
#atc02 .review .r_txt div .cont{width:100%;padding-right:0}
#review_area .pager_dot{left:30px}
#review_area .pager_dot span{width:10px;height:10px}
#review_area .pager_dot .on{width:25px;height:10px}
}

@media (max-width:768px){
#atc02 .tit img{height:170px}
#atc02 .tit .txt{margin-left:30px}
#atc02 .tit .txt p{font-size:25px}
#atc02 .m_menu:after{border-radius:0 20px 20px 0}
#atc02 .m_menu ul{padding-right:30px}
#atc02 .m_menu ul li{width:100%;padding:30px 0}
#atc02 .m_menu ul li+li{border-top:1px solid #e1e1e1}
#atc02 .m_menu .txt{padding-top:19px}
#atc02 .review{height:1022px;margin-top:-185px}
#atc02 .review:after{border-radius:0}
#atc02 .review .inner{padding:235px 30px 0}
#atc02 .review .box{width:100% !important}
#atc02 .review .box .r_tit p span{font-size:25px}
#atc02 .gall_area{margin:35px 0 41px}
#atc02 .gall_area ul li{width:calc(100%/2 - 6.7px)}
#atc02 .gall_area ul li:nth-child(3){display:block}
#atc02 .review .r_txt{height:355px;margin-left:0}
#atc02 .review .r_txt div .cont{width:75%}
}

@media (max-width:580px){
#atc02 .tit{margin-bottom:15px}
#atc02 .tit img{display:none}
#atc02 .tit .txt{margin-left:0}
}

@media (max-width:480px){
#atc02 .tit{padding:0 15px}
#atc02 .m_menu:after{width:calc(100% - 15px)}
#atc02 .m_menu .inner{padding:0 15px}
#atc02 .m_menu ul{padding-right:15px}
#atc02 .m_menu .icon img{height:100px}
#atc02 .m_menu .txt{width:calc(100% - 100px);padding:15px 0 0 25px;font-size:14px;line-height:24px}
#atc02 .m_menu a p{margin-bottom:5px}
#atc02 .review{height:955px;margin-top:-160px}
#atc02 .review .inner{padding:202px 15px 0}
#atc02 .review .box .r_tit p{font-size:14px}
#atc02 .gall_area ul li{width:calc(100%/2 - 5px)}
#atc02 .gall_area ul li:nth-child(3){display:none}
#atc02 .review .r_txt{height:300px;padding:25px}
#atc02 .review .r_txt > span{width:115px;line-height:45px}
#atc02 .review .r_txt p{margin:30px 0 10px;font-size:16px}
#atc02 .review .r_txt div .cont{font-size:14px;line-height:24px}
#review_area .pager_dot{left: 25px;bottom:25px}
}

@media (max-width:380px){
#atc02 .m_menu .icon{border-radius:10px}
#atc02 .m_menu .icon img{height:60px;border-radius:10px}
#atc02 .m_menu .txt{width:calc(100% - 60px);padding:0 0 0 25px}
#atc02 .gall_area .img_area img{height:120px}
#atc02 .review{height:910px}
#atc02 .review .box .r_tit{width:calc(100% - 95px)}
#atc02 .review .box .r_tit a{position:absolute;right:15px}
#atc02 .review .r_txt{height:290px}
#atc02 .review .r_txt img{display:none}
#atc02 .review .r_txt div .cont{width:100%}
}
/* 반응형 [e] */