@charset "utf-8";

#atc02{position:relative;width:100%;background-color:#f7f7f7}
#atc02_wrap{position:relative;width:1150px;margin:0 auto;padding:130px 0 145px;}
/* 그리드 */
#atc02_wrap .grid .line01{position:absolute;top:0;left:16.666%;z-index:0;width:1px;height:100%;background-color:#e1e1e1}
#atc02_wrap .grid .line02{position:absolute;top:0;left:33.332%;z-index:0;width:1px;height:100%;background-color:#e1e1e1}
#atc02_wrap .grid .line03{position:absolute;top:0;left:49.998%;z-index:0 ;width:1px;height:100%;background-color:#e1e1e1}
#atc02_wrap .grid .line04{position:absolute;top:0;left:66.664%;z-index:0 ;width:1px;height:100%;background-color:#e1e1e1}
#atc02_wrap .grid .line05{position:absolute;top:0;left:83.33%;z-index:0 ;width:1px;height:100%;background-color:#e1e1e1}
/* 타이틀 */
#atc02 .tit_area{position:relative;z-index:1;margin-bottom:50px;font-size:16px;color:#777;text-align:center}
#atc02 .tit_area h4{font-weight:normal;font-size:13px;letter-spacing:1px;font-family:'Montserrat','notokr-regular'}
#atc02 .tit_area h3{margin:6px 0 12px;font-size:30px;font-weight:700;color:#222;font-family:'Montserrat','notokr-bold'}
#atc02 ul{position:relative;z-index:1;text-align:center} 
/* 아이콘 바로가기 */
#atc02 ul li{display:inline-block;width:16.4%;font-size:15px;font-weight:600;text-transform:uppercase;background-position:top center;background-repeat:no-repeat;
-webkit-transition:background .4s;transition:background .4s;font-family:'Montserrat','notokr-bold'}
#atc02 ul li a{display:block;padding-top:60px}
#atc02 ul li .tit{overflow:hidden;position:relative;width:100%;height:21px;font-size:14px;font-weight:700;color:#222}
#atc02 ul li:nth-child(1){background-image:url(/sh_img/include/include_02/img/icon01.png)}
#atc02 ul li:nth-child(1) .tit:before{display:block;content:"ROOM";position:absolute;top:-100%;width:100%;color:#e9c435;transition:all .3s}
#atc02 ul li:nth-child(1) .tit:after{display:block;content:"ROOM";position:absolute;left:0;top:0;width:100%;color:#222;transition:all .3s}
#atc02 ul li:nth-child(2){background-image:url(/sh_img/include/include_02/img/icon02.png)}
#atc02 ul li:nth-child(2) .tit:before{display:block;content:"swimming pool";position:absolute;top:-100%;width:100%;color:#e9c435;transition:all .3s}
#atc02 ul li:nth-child(2) .tit:after{display:block;content:"swimming pool";position:absolute;left:0;top:0;width:100%;color:#222;transition:all .3s}
#atc02 ul li:nth-child(3){background-image:url(/sh_img/include/include_02/img/icon03.png)}
#atc02 ul li:nth-child(3) .tit:before{display:block;content:"barbecue";position:absolute;top:-100%;width:100%;color:#e9c435;transition:all .3s}
#atc02 ul li:nth-child(3) .tit:after{display:block;content:"barbecue";position:absolute;left:0;top:0;width:100%;color:#222;transition:all .3s}
#atc02 ul li:nth-child(4){background-image:url(/sh_img/include/include_02/img/icon04.png)}
#atc02 ul li:nth-child(4) .tit:before{display:block;content:"outside";position:absolute;top:-100%;width:100%;color:#e9c435;transition:all .3s}
#atc02 ul li:nth-child(4) .tit:after{display:block;content:"outside";position:absolute;left:0;top:0;width:100%;color:#222;transition:all .3s}
#atc02 ul li:nth-child(5){background-image:url(/sh_img/include/include_02/img/icon05.png)}
#atc02 ul li:nth-child(5) .tit:before{display:block;content:"tourist spot ";position:absolute;top:-100%;width:100%;color:#e9c435;transition:all .3s}
#atc02 ul li:nth-child(5) .tit:after{display:block;content:"tourist spot ";position:absolute;left:0;top:0;width:100%;color:#222;transition:all .3s}
#atc02 ul li:hover .tit:before{top:0}
#atc02 ul li:hover .tit:after{top:100%}