@charset "utf-8";
.b_txt{display:none}

#atc02{overflow:hidden;position:relative;padding:120px 0 0;z-index:1}

#atc02 .cont01{max-width:1380px;width:100%;margin:0 auto 70px;padding:0 0 0 120px}
#atc02 .cont01:after{display:block;content:"";visibility:hidden;clear:both}
#atc02 .cont01 .tit_area{float:left;position:relative;width:340px}
#atc02 .cont01 .tit_area span{display:block;margin-bottom:30px;padding-left:3px;line-height:17px;font-size:17px;font-weight:700;color:#f75b1b;font-family:var(--st-font)}
#atc02 .cont01 .tit_area p{font-size:40px;line-height:50px;color:#222;white-space:pre-line;font-family:var(--st-font)}
#atc02 .cont01 .txt{float:right;width:calc(100% - 340px);padding:50px 0 0 115px;font-size:26px;line-height:40px;color:#777;letter-spacing:0;white-space:pre-line;word-break: keep-all;font-family:var(--k-font)}
#atc02 .cont01 .txt span{color:#f75b1b;font-family:'S-CoreDream-6Bold'}
#atc02 .cont01 .txt a{display:inline-block;position:relative;margin-top:35px;padding-right:30px;font-size:17px;line-height:1;line-height:21px;color:#f75b1b}
#atc02 .cont01 .txt a:before,#atc02 .cont01 .txt a:after{display:block;content:"\f178";position:absolute;top:-1px;-webkit-transition:all .3s;transition:all .3s;font-family:'fontawesome'}
#atc02 .cont01 .txt a:before{right:10px;opacity:0}
#atc02 .cont01 .txt a:after{right:0}

#atc02 .cont02{position:relative;padding-bottom:95px}
#atc02 .cont02 .inner{position:relative;max-width:1380px;width:100%;margin:0 auto;padding-top:180px}
#atc02 .cont02 .leaf{position:absolute;left:520px;top:80px;z-index:5}
#atc02 .cont02 .img01{position:absolute;top:0;left:calc(50% - 690px);margin-left:575px;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
#atc02 .cont02 .img02{position:relative;z-index:2;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
#atc02 .cont02 .txt{position:relative;z-index:101;width:460px;padding-bottom:70px;font-size:23px;line-height:36px;white-space:pre-line;color:#f75b1b;text-align:right;font-family:'S-CoreDream-3Light'}
#atc02 .cont02:before{content:"";position:absolute;right:50%;bottom:0;z-index:1;width:50%;height:345px;background:url(/sh_img/make24/include_02/img/bg.png) repeat}

/* cont03 */
#atc02 .cont03 .inner{padding:100px 0 0;text-align:center;letter-spacing:-.3px;font-family:var(--k-font)}
#atc02 .cont03 .inner .ko_tit{margin-bottom:20px;line-height:38px;font-size:26px}
#atc02 .cont03 .inner .tit_area{color:#e70505;line-height:70px;font-size:58px;font-family:var(--st-font)}
#atc02 .cont03 .inner .tit_area .tit{margin-right:12px;display:inline-block}
#atc02 .cont03 .inner .tit_area .tit:nth-child(3){margin-right:0}
#atc02 .cont03 .inner .pl{white-space:pre-line}
#atc02 .cont03 .inner .point{color:#e90407;padding:60px 0;font-size: 54px;font-family:'KorailRoundGothicBold'}
#atc02 .cont03 .inner .point span{margin-right:20px}
#atc02 .cont03 .inner .point span:last-child{margin-right:0}
#atc02 .cont03 .inner .ko_txt{font-size:26px}
#atc02 .cont03 .inner .ko_txt p{padding:20px 0}
#atc02 .cont03 .inner .ko_txt span{font-weight:600;color:#fe6700}

/* gall_area */
#atc02 .gall_area{width:100%;max-width:1380px;margin: 40px auto;overflow:hidden;font-family:'mulish','notokr-medium'}
#atc02 .gall_area .lt_gall{display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden}
#atc02 .gall_area .lt_gall li{position:relative;width:100%;height:auto;margin-bottom:20px;overflow:hidden;perspective:50em;transition: all 0.2s ease-out}
#atc02 .gall_area .lt_gall li img{width:100%;height:100%}
#atc02 .gall_area .lt_gall li .thum_wrap{width:100%;height:auto;background-position:center;background-size:cover}

/* 갤러리 */
#atc02 .cont03 .img_box{width:100%;max-width:1380px;margin:0 auto}
#atc02 .cont03 .img_box ul{display:flex;justify-content:center;flex-wrap:wrap}
#atc02 .cont03 .img_box ul li{margin:10px}
#atc02 .cont03 .img_box ul li a img{max-width:500px;width:100%}

@media(hover:hover){
#atc02 .cont01 .txt a:hover:before{right:0;opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}
#atc02 .cont01 .txt a:hover:after{right:-10px;opacity:0}
#atc02 .t_txt .b_scroll:hover img{top:20px}
#atc02 .gall_area .lt_gall li:hover figcaption{opacity:1;transform:translate(0%, -50%);transition-delay:0.2s}
#atc02 .gall_area .lt_gall li:hover:after{opacity:0.85;transform:rotate3d(0, 0, 0, 0deg)}
}
@media(max-width:1380px){
#atc02 .cont02:before{right:auto;left:0;width:53%;height:380px}
#atc02 .cont01 .txt{padding-right:50px;white-space:normal;word-break:keep-all}	
#atc02 .cont01 .txt a{display:block;width:max-content}
#atc02 .cont02 .img01{right:0;left:auto;margin-left:0;max-width:60%}
#atc02 .cont02 .img02{max-width:40%}
#atc02 .cont02 .leaf{left:37%;top:-50px}
#atc02 .cont02 .inner{padding-top:80px}
#atc02 .cont02 .txt{width:40%;padding-right:40px;font-size:20px;line-height:1.6}
}

@media(max-width:1024px){
#atc02 .cont01{display:flex;padding-left:30px;align-items:center}
#atc02 .cont01 .tit_area{width:auto}
#atc02 .cont01 .tit_area p{font-size:32px;line-height:1.6}
#atc02 .cont01 .txt{flex-grow:1;padding:50px 50px 0}
#atc02 .cont02{padding-bottom:50px}
#atc02 .cont02:before{height:200px}
#atc02 .cont02 .inner{padding:0}
#atc02 .cont02 .txt{padding:20px 40px 30px 0}
#atc02 .cont03 .inner .tit_area{font-size:36px}
#atc02 .gall_area .lt_gall li{float:left!important;width:100%;margin:0 0 10px!important}
#atc02 .gall_area .lt_gall li .thum_wrap,#inc02 .gall_area .lt_gall li .thum{height:100%!important;}
#atc02 .gall_area .lt_gall li .txt .subj {display:none;font-size:18px}
#atc02 .gall_area .lt_gall li img{width:100%}
}
@media(max-width:768px){
#atc02{padding-top:60px}
#atc02 .cont01{margin-bottom:40px}
#atc02 .cont01 .tit_area:before{top:80px}
#atc02 .cont01 .tit_area span{font-size:14px}
#atc02 .cont01 .tit_area p{font-size:24px}
#atc02 .cont01 .txt{padding:0 20px 0 40px;font-size:13px;line-height:1.6}
#atc02 .cont01 .txt a{margin-top:15px;font-size:15px}
#atc02 .cont02 .inner:before{display:none}
#atc02 .cont02 .leaf{top:0;width:45px}
#atc02 .cont02 .txt{padding-top:0;font-size:16px}
#atc02 .cont03 .inner{padding:60px 0 0 0}
#atc02 .cont03 .inner .pl{word-break:keep-all}
#atc02 .cont03 .inner .tit_area .tit{margin-right:0;display:block}
#atc02 .gall_area{margin-bottom:60px}
#atc02 .gall_area .lt_gall{grid-template-columns:repeat(1,1fr);justify-content:center;align-items:center;}
#atc02 .gall_area .lt_gall li img{width:85%}
}
@media(max-width:480px){
#atc02 .cont01{display:block;padding:0;text-align:center}
#atc02 .cont01 .tit_area{width:100%}
#atc02 .cont01 .tit_area:before{top:-50px}	
#atc02 .cont01 .tit_area span{margin-bottom:15px}
#atc02 .cont01 .tit_area p{padding:0 15px;font-size:22px;word-break:keep-all;white-space:normal}	
#atc02 .cont01 .txt{width:100%;margin-top:15px;padding:0 15px;font-size:13px}
#atc02 .cont01 .txt a{margin:15px auto 0}
#atc02 .cont02{padding-bottom:30px}
#atc02 .cont02:before{z-index:-1;width:100%;height:120px}
#atc02 .cont02 .txt{padding:0 20px 20px;font-size:14px;white-space:normal;word-break:keep-all}
#atc02 .cont02 .img01 {right:0;left:auto;margin-left:0;max-width:72%}
#atc02 .cont03{padding:0 10px}
#atc02 .cont03 .inner {padding:50px 0 0 0}
#atc02 .cont03 .inner .tit_area .tit{line-height:60px;font-size:36px}
#atc02 .cont03 .inner .ko_tit{line-height:34px;font-size:23px}
#atc02 .cont03 .inner .ko_txt {font-size:23px}
#atc02 .gall_area .lt_gall li{width:100% !important} 

}
@media(max-width:280px){
#atc02 .cont03 .inner .tit_area .tit{line-height:60px;font-size:36px}
#atc02 .cont03 .inner .ko_tit {line-height:28px;font-size:17px}
#atc02 .cont03 .inner .ko_txt {font-size:14px}
}