﻿@charset "utf-8";

#atc01{padding:150px 0 80px;background:url(inc01_bg.jpg) bottom right no-repeat}
#atc01 .atc01_cont_area{position:relative;max-width:1300px;height:1116px;margin:0 auto}
#atc01 .cont_box{overflow:hidden}
#atc01 .cont_box > div{float:left;width:calc(100% / 3 - 26px);height:600px;margin-right:38px}
#atc01 .cont_box > div:nth-child(3){float:right;margin:80px 0 0}
#atc01 .cont_box .cont_box03{padding-top:80px}

#atc01 .tit_area{position:absolute;left:0;top:0;padding:40px 0 53px}
#atc01 .tit_area .s_tit{margin-bottom:10px;font-size:14px;color:var(--primary);font-family:'SBAggroM'}
#atc01 .tit_area .tit{margin-bottom:10px;font-weight:normal;font-size:44px;color:#333;font-family:'SBAggroL'}
#atc01 .tit_area .txt{font-size:15px;color:#919191;word-break:keep-all;font-family:'SBAggroL'}

#atc01 .txt_box_area{position:absolute;left:0;bottom:70px;width:31%}
#atc01 .txt_box_area .tit{margin-bottom:15px;font-size:18px;color:#fff;font-family:'SBAggroM'}
#atc01 .txt_box_area .txt{margin-bottom:50px;font-size:15px;line-height:26px;color:rgba(255,255,255,.5); white-space:pre-line; word-break:keep-all;font-family:'SBAggroL'}
#atc01 .txt_box_area .more{font-size:11px;color:rgba(255,255,255,.8);font-family:'SBAggroM'}

#atc01 .img_box{position:relative;overflow:hidden;width:100%;height:600px;margin-bottom:46px;background-position:center;background-size:cover}
#atc01 .img_box a{display:block;height:100%}
#atc01 .img_box img{min-width:100%;min-height:100%;transition:all .3s}
#atc01 .img_box02{height:470px;margin-bottom:0}
#atc01 .txt_box{position:absolute;left:45px;bottom:45px}
#atc01 .txt_box .tit{margin-bottom:10px;font-size:25px;color:#fff;font-family:'SBAggroL'}
#atc01 .txt_box .txt{font-size:15px;line-height:1.5;color:rgba(255,255,255,.5);word-break:keep-all;font-family:'SBAggroL'}
#atc01 .img_box.img1{margin-top:210px;;;background-image:url(inc01_img01.jpg)}
#atc01 .img_box.img2{background-image:url(inc01_img02.jpg)}
#atc01 .img_box.img3{background-image:url(inc01_img03.jpg)}
#atc01 .img_box.img4{height:470px;background-image:url(inc01_img04.jpg)}

#atc01 .form_area{position:absolute;right:0;bottom:0;width:calc(33% - 23px)}
#atc01 .form_area .form_tit{margin-bottom:20px;font-size:18px;color:#fff;font-family:'SBAggroM'}
#atc01 .form_area .form_box li{margin-bottom:10px}
#atc01 .form_area input[type=text],#atc01 .form_area textarea{width:100%;height:60px;padding:0 20px;border:1px solid #fff;color:#fff;background:none;font-family:'SBAggroL'}
#atc01 .form_area input[type=text]::placeholder,#atc01 .form_area textarea::placeholder{color:#fff}
#atc01 .form_area textarea{height:81px;padding:20px}
#atc01 .form_area input[type=submit]{width:100%;height:75px;border:0;font-size:18px;color:var(--primary);background:#fff;font-family:'SBAggroL'}
#atc01 .form_area .agrees{font-size:13px;line-height:30px;color:#fff;font-family:'SBAggroL'}
#atc01 .form_area .agrees input[type=checkbox]{float:left;height:27px}
#atc01 .form_area .agrees label{float:left;display:inline-block;margin-left:5px;cursor:pointer}
#atc01 .form_area .agrees a{float:right;display:inline-block;margin-left:10px;padding:0 5px;border-bottom:1px solid #fff;font-size:12px;color:#fff}

/* 반응형 [s] */
@media (hover:hover) {
#atc01 .img_box:hover img{transform:scale(1.1,1.1)}
}
@media (max-width:1400px){
#atc01{padding:50px 0 80px}
#atc01 .atc01_cont_area{padding:0 10px}
#atc01 .cont_box > div{width:calc(100% / 3 - 13.4px);margin-right:20px}
#atc01 .txt_box{left:20px}
#atc01 .form_area{right:10px;width:calc(33% - 17px)}
#atc01 .txt_box_area{left:10px}
#atc01 .img_box{margin-bottom:20px}
#atc01 .tit_area{left:10px}
#atc01 .txt_box_area .txt{ white-space:normal}
}
@media (max-width:1024px){
#atc01{padding:0;background:none}
#atc01 .atc01_cont_area{height:auto}
#atc01 .tit_area{position:relative;left:auto;top:auto;text-align:center;padding:70px 0 40px}
#atc01 .tit_area .tit{font-size:38px}
#atc01 .img_box.img1{margin-top:0}
#atc01 .img_box img{display:none}
#atc01 .cont_box > div,#atc01 .img_box.img4{width:calc(100% / 2 - 10px);height:350px}
#atc01 .cont_box .img_box.img2{margin-right:0}
#atc01 .cont_box .img_box.img3{float:left;margin:0 20px 0 0}
#atc01 .cont_box .img_box.img4{margin:0}
#atc01 .txt_box_area{position:relative;left:auto;bottom:auto;width:100%;text-align:center;margin:80px 0}
#atc01 .txt_box_area .tit{color:var(--primary)}
#atc01 .txt_box_area .txt{margin-bottom:30px;color:#777;white-space:pre-line}
#atc01 .txt_box_area .more{display:inline-block;padding:18px 38px;font-size:12px;color:var(--primary);border:solid 3px var(--primary)}
#atc01 .form_area{position:relative;right:auto;bottom:auto;width:100%;padding:40px 20px 80px;background:url(inc01_bg.jpg) center no-repeat;background-size:cover}
#atc01 .form_area .form_tit{text-align:center}
#atc01 .form_area input[type=submit]{height:65px;font-size:16px;font-family:'SBAggroM'}
}
@media (max-width:768px){
#atc01 .txt_box{bottom:20px}
}
@media (max-width:480px){
#atc01 .tit_area .tit{font-size:32px}
#atc01 .cont_box > div, #atc01 .img_box.img4{width:100%;height:220px;margin:0 0 8px!important}
#atc01 .txt_box_area{margin:60px 0}
#atc01 .txt_box_area .txt{ white-space:normal}
}
/* 반응형 [e] */
