@charset "utf-8";
#atc01{letter-spacing:-0.3px;width:100%;max-width:1200px;margin:0 auto;font-family:'notokr-regular'}
#atc01:after {content:""; display:block; clear:both}

.left{float:left;width:calc(100% - 360px)}

/*라테스트*/
.latest{height:80px;background-color:#fff;border-bottom:1px solid #ddd}
.latest_tit{float:left;margin-right:50px;padding-left:46px;line-height:80px;font-size:17px;color:#222;font-weight:600;font-family:'Exo 2'}

/*cont*/
.cont{overflow:hidden;height:260px;background:#fff}
.cont li{float:left;width:calc(100% / 4);height:100%;text-align:center}
.cont li a{display:block;height:100%;color:#777;font-size:14px;line-height:22px}
.cont li a span{padding-bottom:10px;color:#222;line-height:42px;font-size:16px;letter-spacing:0;font-weight:600;font-family:'notokr-bold'}
.cont li a .img{height:135px;-webkit-transition:all 0.3s;transition:all 0.3s;background:no-repeat center 42px}
.cont .box01 a .img{background-image:url(/sh_img/make24/include_01/img/icon_01_off.png)}
.cont .box02 a .img{background-image:url(/sh_img/make24/include_01/img/icon_02_off.png)}
.cont .box03 a .img{background-image:url(/sh_img/make24/include_01/img/icon_03_off.png)}
.cont .box04 a .img{background-image:url(/sh_img/make24/include_01/img/icon_04_off.png)}
.cont li .txt{white-space:pre-line}


/*right*/
.right{position:relative;float:left;width:360px;height:412px;padding-left:40px;background:rgb(109,30,228);background:-moz-linear-gradient(332deg, rgba(109,30,228,1) 0%, rgba(147,56,221,1) 100%);background:-webkit-linear-gradient(332deg, rgba(109,30,228,1) 0%, rgba(147,56,221,1) 100%);background:linear-gradient(332deg, rgba(109,30,228,1) 0%, rgba(147,56,221,1) 100%);box-shadow:19px 20px 41px -3px rgba(0,0,0,.2)}
.right p{color:#fff;font-family:'Exo 2'}
.right .index_txt{padding-top:68px;font-size:17px;font-weight:700}
.right .index_txt02{padding-top:34px;font-size:32px}
.right .index_txt03{padding-top:46px;line-height:24px;font-size:14px;opacity:0.8}
.right .btn01{padding-top:110px}
.right .btn01 a{display:block;color:#fff;font-size:13px;font-family:'Exo 2'}
.right .btn01 a:after{display:block;content:"";width:41px!important;height:1px;background-color:rgba(255,255,255);margin:-7px 0 0 100px;opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s}
.right .btn02{position:absolute;width:74px;height:74px;border:1px solid rgba(255,255,255,.3);right:0;bottom:0} 
.right .btn02 a{display:block;width:74px;height:74px;-webkit-transition:all 0.3s;transition:all 0.3s;line-height:74px;text-align:center;color:rgba(255,255,255,.8)}


@media (hover: hover) {
.cont li:hover{-webkit-transition:all 0.3s;box-shadow:0px 0px 12px 6px rgba(0,0,0,.1);transition:all 0.3s}
.cont .box01 a:hover .img{background-image:url(/sh_img/make24/include_01/img/icon_01_on.png)}
.cont .box02 a:hover .img{background-image:url(/sh_img/make24/include_01/img/icon_02_on.png)}
.cont .box03 a:hover .img{background-image:url(/sh_img/make24/include_01/img/icon_03_on.png)}
.cont .box04 a:hover .img{background-image:url(/sh_img/make24/include_01/img/icon_04_on.png)}
.right .btn01:hover a:after{opacity:0.3}
.right .btn02:hover a{background-color:rgba(255,255,255,.1)}
}

/* 반응형 [s] */
@media (max-width:1230px){
#sh_section:before{left:46px !important}
.left{width:70%}
.right{width:30%}
}

@media (max-width:1024px){
#sh_section:before{display:none !important}
.latest_tit{font-size:15px}
.cont li a span{font-size:15px}
.right{height:340px;padding:0 25px}
.right .index_txt{padding-top:30px;font-size:15px}
.right .index_txt02{padding-top:67px}
.right .index_txt03{padding-top:25px}
.right .btn01{padding-top:68px}
.right .index_txt02{font-size:24px}
}

@media (max-width:768px){
#atc01{padding:0 15px}
.left{width:100%;margin-bottom:15px}
.latest_tit{margin-right:30px;padding-left:30px}
.sh_lt{width:calc(100% - 105px) !important}
.bx-viewport{width:calc(100% - 67px) !important}
.cont{height:auto}
.cont li a{padding:25px 8px}
.cont li a .img{height:82px;background-position:center}
.cont li .txt{white-space:normal;word-break:keep-all}
.cont li a span{display:block;padding-bottom:0}
.right{width:100%;height:auto;padding:30px}
.right .index_txt{padding-top:0}
.right .btn01{display:none}
.right .btn02{width:55px;height:100%}
.right .btn02 a{width:100%;height:100%;line-height:256px}
}

@media (max-width:480px){
.slider .slide{overflow:hidden;width:93% !important;text-overflow:ellipsis;white-space:nowrap}
.cont li{width:50%;min-height:218px}
.cont li a{padding:25px 9px}
}
/* 반응형 [e] */