@charset "utf-8";

#atc02{overflow:hidden;background-color:#fff}
#atc02 .top_area{overflow:hidden;width:1200px;margin:0 auto;padding:60px 0 75px}
#atc02  .left{float:left;width:48%}
#atc02 .left .tit{color:#a7a7a7}
#atc02 .left .tit span{margin-right:8px;font-weight:700;font-size:23px;line-height:23px;color:#222;letter-spacing:0;font-family:'Poppins'}
#atc02 .left #tabs{overflow:hidden;margin-top:18px;border:1px solid #e1e1e1;border-radius:4px}
#atc02 .left #tabs li{float:left;width:25%;padding:13px 0;text-align:center;font-size:15px;cursor:pointer;font-family:'notokr-medium';transition:all .2s;-webkit-transition:all .2s}
#atc02 .left #tabs li:hover{background:#f7f7f7}
#atc02 .left #tabs li.on{color:#fff;background:#ffad39}
#atc02 .left #tabs li + li{border-left:1px solid #e1e1e1}
#atc02 .left .tab_content{position:relative}
#atc02 .left .tab_content .lt_plus{position:absolute;right:0;top:-105px}
#atc02 .left .tab_content .lt_plus a{display:block;width:20px;height:20px}
#atc02 .left .tab_content .lt_plus .plus{display:block;position:relative;top:50%;right:0;width:19px;height:1px;background:rgba(255,155,5,.5)}
#atc02 .left .tab_content .lt_plus .plus:after{position:absolute;content:'';width:19px;height:1px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);background:#ffb205;transition:all .3s}
#atc02 .left .tab_content .lt_plus a:hover .plus:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg)}

#atc02 .right{float:right;width:48%;margin-top:44px;border:1px solid #e1e1e1;border-radius:8px}
#atc02 .right ul{overflow:hidden;padding:30px 40px;border-radius:8px 8px 0 0;background:#f2f2f2}
#atc02 .right ul li{float:left;width:25%;text-align:center}
#atc02 .right ul li a{color:#a7a7a7}
#atc02 .right ul li:nth-child(1) a:hover div{background:#00c63b}
#atc02 .right ul li:nth-child(2) a:hover div{background:#bb017e}
#atc02 .right ul li:nth-child(3) a:hover div{background:#385899}
#atc02 .right ul li:nth-child(4) a:hover div{background:#fb1d1c}
#atc02 .right ul li a div{width:55px;margin:0 auto 5px;border-radius:50px;font-size:16px;line-height:55px;text-align:center;color:#fff;background:#ddd;transition:all .3s;-webkit-transition:all .3s}
#atc02 .right .sns{position:relative;padding:26px 50px;color:#a7a7a7}
#atc02 .right .sns p{font-size:18px;color:#333;font-family: 'NEXEN_TIRE_Bold'}
#atc02 .right .sns p span{margin-left:5px;font-weight:700;font-size:23px;color:#ffb306;letter-spacing:0;font-family:'Poppins'}
#atc02 .right .sns img{position:absolute;bottom:0;right:50px}

#atc02 .bottom_area .inner{overflow:hidden;position:relative;width:1200px;margin:0 auto}
#atc02 .bx-wrapper{float:left;width:915px;border-radius:8px;}
#atc02 .bx-wrapper .bx-viewport{border-radius:8px}
#atc02 .bx-wrapper .bx-controls{position:absolute;bottom:40px;left:40px;z-index:99}
#atc02 bx-wrapper .bx-controls-direction{padding:0 20px;border-radius:50px;background:rgba(0,0,0,.5)}
#atc02 .bx-wrapper .bx-controls-direction a{width:11px;height:5px;font-size:0;color:#fff}
#atc02 .bx-wrapper .bx-prev{position:relative;padding-right:20px}
#atc02 .bx-wrapper .bx-prev:after{position:absolute;content:'';top:-8px;left:20px;width:1px;height:8px;background:rgba(255,255,255,.3)}
#atc02 .bx-wrapper .bx-prev:before{font-size:11px;line-height:32px;content:'\f177';font-family:'fontawesome'}
#atc02 .bx-wrapper .bx-next:before{font-size:11px;line-height:32px;content:'\f178';font-family:'fontawesome'}
#atc02 .side_img{float:right;width:275px}
#atc02 .side_img li + li{margin-top:30px}
#atc02 .txt{position:absolute;top:0;bottom:0;padding:65px 40px;border-radius:8px 0 0 8px;color:#fff;background:rgba(255,179,6,.9) url('/sh_img/make24/include_02/img/txt_bg.png') no-repeat left bottom}
#atc02 .txt .e_tit{font-weight:600;font-size:13px;line-height:15px;letter-spacing:0;font-family:'Poppins'}
#atc02 .txt p{margin-top:5px;font-size:20px;line-height:27px;font-family:'notokr-light'}
#atc02 .txt p span{font-family:'notokr-bold'}
#atc02 .bg{z-index:-1;width:100%;height:240px;margin-top:-140px;background:#f2f2f2}