@charset "utf-8";

/* =========================== MAIN */
#mainVisual{position:relative}
/* 텍스트 */
#mainVisual .txt_area{position:absolute;top:27%;left:50%;z-index:10;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;max-width:1200px;color:#fff}
#mainVisual .txt_area .tit{opacity:0;margin-bottom:40px;letter-spacing:-3px;font-size:56px;line-height:72px;font-weight:300}
#mainVisual .txt_area .tit b{font-weight:700}
#mainVisual .txt_area .txt{opacity:0;margin-bottom:70px;line-height:28px;font-size:16px}
/* 슬라이더 */
#main_img .slider{height:718px}
#main_img .slider li{width:100%!important;height:100%;background:center no-repeat;background-size:cover}
#main_img .slider li.img01{background-image:url(../img/main/main-img-01.jpg)}
#main_img .slider li.img02{background-image:url(../img/main/main-img-02.jpg)}
#main_img .slider li.img03{background-image:url(../img/main/main-img-03.jpg)}
/* 컨트롤러 */
#mainVisual .bar{overflow:hidden;position:relative}
#mainVisual .main_controls{display:inline-block}
#mainVisual .main_controls .counter{font-size:12px;font-weight:700;letter-spacing:0;font-family:'Philosopher'}
#mainVisual .main_controls .counter span.slash{padding:0 4px}
#mainVisual .main_controls a{font-size:0}
#mainVisual .main_controls a:before{content:"\f104";font-size:16px;color:#222;font-family:'fontawesome'}
#mainVisual .main_controls a.bx-next:before{content:"\f105"}
#mainVisual .timeline{position:absolute;left:60px;top:10px;z-index:1002;width:220px;height:1px;background-color:rgba(255,255,255,.35)}
#mainVisual .timeline .fill{position:absolute;left:0;top:0;width:0;height:1px;background-color:#fff}
#mainVisual .main_img li.on .fill{-webkit-animation:linefill 5.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);animation:linefill 5.5s cubic-bezier(0.165, 0.840, 0.440, 1.000)}
@keyframes linefill{from{width:0}to{width:100%}}
/* btm_cont */
#mainVisual .c_bg{background-color:#194a6c;color:#fff}
#mainVisual .c_bg .inner{
    width:100%;
    max-width:1200px;
    height:85px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
#mainVisual .c_bg .inner .list{
    display:flex;
    align-items:center;
    width:calc(100% - 300px);
    flex:0 0 calc(100% - 300px);
    min-width:0;
}
#mainVisual .c_bg .inner .list .tit{
    margin-right:34px;
    font-size:18px;
    font-weight:700;
    font-family:'Philosopher';
    display:flex;
    align-items:center;
    height:85px;
    flex:0 0 auto;
    white-space:nowrap;
}
#mainVisual .c_bg .inner .list .sh_lt{
    width:calc(100% - 90px);
    padding-right:48px;
    display:flex;
    align-items:center;
    height:85px;
    min-width:0;
}
#mainVisual .c_bg .inner .link{
    display:flex;
    align-items:center;
    justify-content:center;
    width:300px;
    height:85px;
    flex:0 0 300px;
    background-color:#2e7cae;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
    transition:all .3s;
    color:#fff;
    text-align:center;
    font-size:15px;
}
#mainVisual .c_bg .inner .link i{margin-left:15px}
#mainVisual .c_bg .inner .link:hover{background-color:#288cc0}

/* Notice */
.sh_lt .bx-wrapper{
    position:relative;
    display:flex;
    align-items:center;
    width:100%;
    height:85px;
}
.sh_lt .bx-wrapper .bx-viewport{
    width:calc(100% - 70px)!important;
    height:85px !important;
}
.sh_lt .bx-wrapper .bx-viewport .slider{
    height:85px;
}
.sh_lt .bx-wrapper .bx-viewport .slider .slide{
    position:relative;
    height:85px;
    font-size:15px;
    display:flex;
    align-items:center;
}
.sh_lt .bx-wrapper .bx-viewport .slider .slide a{
    display:flex;
    align-items:center;
    width:100%;
    height:85px;
}
.sh_lt .bx-wrapper .bx-viewport .slider .slide .datetime{
    position:absolute;
    top:50%;
    right:44px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    letter-spacing:0;
    color:rgba(255,255,255,.6);
}
.sh_lt .bx-wrapper .bx-controls{
    display:flex;
    align-items:center;
    height:85px;
}
.sh_lt .bx-wrapper .bx-controls-direction{
    display:flex;
    align-items:center;
    height:85px;
}
.sh_lt .bx-wrapper .bx-controls-direction a{
    display:flex;
    position:relative;
    align-items:center;
    justify-content:center;
    width:35px;
    height:85px;
    color:#fff;
    text-align:center;
}
.sh_lt .bx-wrapper .bx-controls-direction a:first-child:before{
    content:"";
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:10px;
    background-color:rgba(255,255,255,.2);
}
.sh_lt .sh_notice a{color:rgba(255,255,255,.6)}

/* 반응형 [s] */
@media (max-width:1230px){
#mainVisual .txt_area{padding-left:50px;padding-right:50px}
#mainVisual .c_bg .inner{max-width:none}
#mainVisual .c_bg .inner .list{width:80%;flex:0 0 80%;padding-left:50px}
#mainVisual .c_bg .inner .list .sh_lt{padding-right:50px}
#mainVisual .c_bg .inner .link{width:20%;flex:0 0 20%}
}
@media (max-width:1024px){
#main_img .slider{height:640px}
#mainVisual .txt_area{padding-left:30px;padding-right:30px}
#mainVisual .c_bg .inner .list{width:75%;flex:0 0 75%;padding-left:30px}
#mainVisual .c_bg .inner .list .sh_lt{padding-right:30px}
#mainVisual .c_bg .inner .link{width:25%;flex:0 0 25%}
}
@media (max-width:768px){
#main_img{background:#000}
#main_img .slider{height:540px;opacity:.6}
#main_img .slider li{background-position:65% !important}
#mainVisual .txt_area{
    top:14%;
    left:0;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    max-width:none;
    padding:0 24px;
}
#mainVisual .txt_area .tit{
    margin-bottom:20px;
    font-size:40px;
    line-height:56px;
}
#mainVisual .txt_area .txt{
    margin-bottom:34px;
    font-size:15px;
    line-height:27px;
}
#mainVisual .timeline{
    position:relative;
    left:0;
    top:0;
    width:180px;
    margin-top:12px;
}
#mainVisual .c_bg .inner{
    height:auto;
    padding:0;
    display:block;
}
#mainVisual .c_bg .inner .list{
    width:100%;
    flex:none;
    padding:0 24px;
    display:block;
}
#mainVisual .c_bg .inner .list .tit{
    height:auto;
    margin:0;
    padding:18px 0 8px;
    font-size:15px;
}
#mainVisual .c_bg .inner .list .sh_lt{
    width:100%;
    height:68px;
    padding-right:0;
}
#mainVisual .c_bg .inner .link{
    position:static;
    width:100%;
    height:64px;
    flex:none;
    border-radius:0;
    font-size:15px;
}
.sh_lt .bx-wrapper{
    height:68px;
}
.sh_lt .bx-wrapper .bx-viewport{
    width:calc(100% - 56px)!important;
    height:68px !important;
}
.sh_lt .bx-wrapper .bx-viewport .slider{
    height:68px;
}
.sh_lt .bx-wrapper .bx-viewport .slider .slide{
    height:68px;
    font-size:14px;
}
.sh_lt .bx-wrapper .bx-viewport .slider .slide a{
    height:68px;
}
.sh_lt .bx-wrapper .bx-controls,
.sh_lt .bx-wrapper .bx-controls-direction{
    height:68px;
}
.sh_lt .bx-wrapper .bx-controls-direction a{
    width:28px;
    height:68px;
}
.sh_lt .bx-wrapper .bx-viewport .slider .slide .datetime{display:none}
}
@media (max-width:480px){
#main_img .slider{height:430px}
#mainVisual .txt_area{
    top:11%;
    padding:0 15px;
}
#mainVisual .txt_area .tit{
    margin-bottom:18px;
    font-size:33px;
    line-height:45px;
    letter-spacing:-2px;
}
#mainVisual .txt_area .txt{
    margin-bottom:26px;
    font-size:14px;
    line-height:26px;
}
#mainVisual .timeline{
    width:150px;
    margin-top:10px;
}
#mainVisual .c_bg .inner .list{
    padding:0 15px;
}
#mainVisual .c_bg .inner .list .tit{
    padding:16px 0 8px;
}
#mainVisual .c_bg .inner .link{
    height:58px;
    font-size:14px;
}
}
@media (max-width:380px){
#mainVisual .txt_area .tit{
    font-size:29px;
    line-height:40px;
}
#mainVisual .txt_area .txt{
    font-size:13px;
    line-height:23px;
}
}
/* 반응형 [e] */

/* =========================== atc01 */
#atc01{background:url(../img/main/inc01/inc01-bg.jpg) no-repeat center bottom}
#atc01 .inner{
    position:relative;
    z-index:1;
    width:100%;
    max-width:1200px;
    padding:120px 0 60px;
    margin:0 auto;
    min-height:760px;
}
#atc01 .inner:before{
    content:'';
    position:absolute;
    z-index:-1;
    right:0;
    top:0;
    width:1px;
    height:396px;
    background-color:#e1e1e1;
}

/* tit */
#atc01 .inner .tit_area{
    position:absolute;
    right:0;
    top:156px;
    width:360px;
    white-space:normal;
    word-break:keep-all;
}
#atc01 .inner .tit_area .stit{
    margin-bottom:30px;
    font-size:17px;
    font-weight:700;
    color:#2e7cae;
    letter-spacing:0;
    line-height:17px;
    font-family:'Philosopher';
}
#atc01 .inner .tit_area .tit{
    font-size:32px;
    line-height:46px;
    color:#222;
    letter-spacing:-1.2px;
    font-weight:300;
    word-break:keep-all;
}
#atc01 .inner .tit_area .tit b{font-weight:700}

/* link_box */
#atc01 ul{
    margin:0;
    padding:0;
}
#atc01 ul:after{
    display:block;
    content:'';
    clear:both;
}

/* 첫 줄(01,02) */
#atc01 ul.cont{
    width:720px;
}

/* 둘째 줄(03,04) */
#atc01 ul + ul{
    width:720px;
    margin:58px 0 0 264px;
}

#atc01 ul li{
    opacity:0;
    position:relative;
    top:100px;
    float:left;
    width:330px;
    margin-right:60px;
    padding:48px 34px 30px 40px;
    border-radius:15px;
    background-color:#fff;
    box-shadow:5px 5px 20px rgba(0,0,0,.15);
}
#atc01 ul li:last-child{margin-right:0}

#atc01 ul li a .num{
    position:relative;
    margin-bottom:25px;
    line-height:13px;
    letter-spacing:0;
    font-size:13px;
    font-weight:700;
    color:rgba(24,24,24,.6);
    font-family:'Philosopher';
}
#atc01 ul li a .num span{
    opacity:.4;
    position:absolute;
    right:0;
    top:-2px;
    width:17px;
    height:17px;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
    transition:all .3s;
}
#atc01 ul li a .num span:before{
    content:'';
    position:absolute;
    left:8px;
    top:0;
    width:1px;
    height:17px;
    background-color:#488dba;
}
#atc01 ul li a .num span:after{
    content:'';
    position:absolute;
    left:0;
    top:8px;
    width:17px;
    height:1px;
    background-color:#488dba;
}
#atc01 ul li a dl dt{
    margin-bottom:16px;
    font-size:23px;
    line-height:23px;
    color:#222;
    font-weight:700;
}
#atc01 ul li a dl dd{
    margin-bottom:26px;
    font-size:15px;
    line-height:25px;
    white-space:pre-line;
    color:rgba(24,24,24,.7);
    letter-spacing:-.8px;
}
#atc01 ul li a .img{
    overflow:hidden;
    width:308px;
    height:125px;
    border-bottom-right-radius:15px;
    background:no-repeat center;
    background-size:100%;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
    transition:all .3s;
}

/* 현재 HTML 구조(ul 2개)에 맞춘 이미지 매핑 */
#atc01 ul.cont li:nth-child(1) a .img{background-image:url(../img/main/inc01/inc01-img-03.jpg)}
#atc01 ul.cont li:nth-child(2) a .img{background-image:url(../img/main/inc01/inc01-img-01.jpg)}
#atc01 ul + ul li:nth-child(1) a .img{background-image:url(../img/main/inc01/inc01-img-02.jpg)}
#atc01 ul + ul li:nth-child(2) a .img{background-image:url(../img/main/inc04/img-04.jpg)}

/* animation */
#atc01 ul.cont li:nth-child(1).active{
    opacity:1;
    top:0;
    -webkit-transition:all 1s .1s;
    -ms-transition:all 1s .1s;
    transition:all 1s .1s;
}
#atc01 ul.cont li:nth-child(2).active{
    opacity:1;
    top:0;
    -webkit-transition:all 1.2s .1s;
    -ms-transition:all 1.2s .1s;
    transition:all 1.2s .1s;
}
#atc01 ul + ul li:nth-child(1).active{
    opacity:1;
    top:0;
    -webkit-transition:all 2.0s .1s;
    -ms-transition:all 2.0s .1s;
    transition:all 2.0s .1s;
}
#atc01 ul + ul li:nth-child(2).active{
    opacity:1;
    top:0;
    -webkit-transition:all 2.2s .1s;
    -ms-transition:all 2.2s .1s;
    transition:all 2.2s .1s;
}

@media (hover: hover) {
#atc01 ul li a:hover .num span{
    opacity:1;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}
#atc01 ul li a:hover .img{background-size:115%}
}

/* 반응형 [s] */
@media (max-width:1230px){
#atc01{background-size:contain}
#atc01 .inner{
    min-height:0;
    padding-top:90px;
}
#atc01 .inner:before{display:none}
#atc01 .inner .tit_area{
    position:initial;
    width:auto;
    text-align:center;
    white-space:normal;
}
#atc01 .inner .tit_area .stit{margin-bottom:20px}
#atc01 ul.cont,
#atc01 ul + ul{
    width:auto;
    margin:0;
    padding:60px 30px 0;
}
#atc01 ul li{
    width:calc(100%/4 - 27px);
    margin-right:35px;
    padding:48px 25px 30px;
}
#atc01 ul li:nth-child(4n){margin-right:0}
#atc01 ul li a dl dd{
    min-height:75px;
    white-space:normal;
    word-break:keep-all;
}
#atc01 ul li a .img{
    width:120%;
    height:95px;
    background-size:cover;
}
}
@media (max-width:1024px){
#atc01{background-size:1982px}
#atc01 .inner{padding-bottom:70px}
#atc01 .inner .tit_area .tit{
    font-size:30px;
    line-height:43px;
}
#atc01 ul,
#atc01 ul + ul{
    padding:60px 30px 0;
}
#atc01 ul li{
    width:calc(100%/2 - 10px);
    margin:0 20px 20px 0 !important;
    padding:30px 25px;
}
#atc01 ul li:nth-child(2n){margin-right:0 !important}
#atc01 ul li a dl dd{min-height:50px}
#atc01 ul li a .img{
    width:100%;
    height:130px;
    border-radius:0 0 15px 15px;
}
}
@media (max-width:768px){
#atc01{background-size:1787px}
#atc01 .inner{padding:70px 0 50px}
#atc01 .inner .tit_area .stit{
    margin-bottom:15px;
    font-size:15px;
}
#atc01 .inner .tit_area .tit{
    font-size:28px;
    line-height:38px;
    word-break:keep-all;
}
#atc01 ul.cont,
#atc01 ul + ul{
    width:100%;
    margin:0;
    padding:42px 24px 0;
    box-sizing:border-box;
}
#atc01 ul li{
    width:100%;
    margin:0 0 18px 0 !important;
    padding:26px 22px 22px;
    box-sizing:border-box;
}
#atc01 ul li:last-child{
    margin-right:0 !important;
}
#atc01 ul li a{
    display:block;
    width:100%;
}
#atc01 ul li a dl{
    width:100%;
    margin:0;
}
#atc01 ul li a dl dt{
    display:block;
    width:100%;
    margin-bottom:10px;
    font-size:20px;
    line-height:1.4;
    word-break:keep-all;
}
#atc01 ul li a dl dd{
    display:block;
    width:100%;
    min-height:inherit;
    margin:0 0 18px 0;
    font-size:14px;
    line-height:24px;
    white-space:normal;
    word-break:keep-all;
    overflow-wrap:break-word;
    box-sizing:border-box;
}
#atc01 ul li a .img{
    display:block;
    width:100%;
    height:180px;
    margin:0 auto;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    box-sizing:border-box;
}
}
@media (max-width:480px){
#atc01 .inner .tit_area .tit{
    font-size:25px;
    line-height:35px;
}
#atc01 ul,
#atc01 ul + ul{padding:36px 15px 0}
#atc01 ul li{
    padding:24px 18px 18px;
}
#atc01 ul li a dl dt{
    margin-bottom:14px;
    font-size:17px;
}
#atc01 ul li a dl dd{
    font-size:14px;
    line-height:23px;
}
#atc01 ul li a .img{
    height:140px;
}
}
@media (max-width:380px){
#atc01{background-size:3445px}
#atc01 .inner .tit_area .tit{white-space:pre-line}
#atc01 ul li{
    width:100%;
    margin-right:0 !important;
}
#atc01 ul li a dl dd{min-height:inherit}
#atc01 ul li a .img{
    height:120px;
}
}
/* 반응형 [e] */

/* =========================== atc02 */
#atc02{position:relative;z-index:2;background:url(../img/main/inc02/inc02-bg.jpg) no-repeat center top}
#atc02 .inner{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:96px 0 282px;color:#fff}
#atc02 .inner:after{content:'';position:absolute;right:-360px;top:0;width:360px;height:100%;background-color:rgb(0,0,0,.08)}
#atc02 .inner:before{content:'';position:absolute;left:0;top:0;width:1px;height:100%;margin-left:-80px;background-color:rgba(239,239,239,.12)}
#atc02 .inner .txt_all{padding:0 40px 52px}
#atc02 .inner .stit{margin-bottom:32px;font-size:17px;font-weight:700;letter-spacing:0;line-height:17px;font-family:'Philosopher'}
#atc02 .inner .tit_area{overflow:hidden}
#atc02 .inner .tit_area .tit{float:left;width:430px;margin-right:120px;font-size:35px;line-height:48px;white-space:pre-line;letter-spacing:-1px;font-weight:200}
#atc02 .inner .tit_area .tit b{font-weight:700}
#atc02 .inner .txt_area{float:left;letter-spacing:-.5px}
#atc02 .inner .txt_area .sub_tit{margin-bottom:10px;font-size:16px;line-height:34px;font-weight:500}
#atc02 .inner .txt_area .txt{font-size:15px;line-height:25px;white-space:pre-line;color:rgba(255,255,255,.6)}
#atc02 #slide_box{overflow:inherit;position:absolute;left:0;bottom:-160px;width:130%;max-width:130% !important}
#atc02 .pager_dot{position:absolute;left:-45px;bottom:34px}
#atc02 .pager_dot span{display:block;width:8px;height:8px;margin-bottom:18px;background-color:rgba(255,255,255,.2);border-radius:50%;text-indent:9999px;opacity:1;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#atc02 .pager_dot .swiper-pagination-bullet-active{background-color:rgba(255,255,255,1)}
#atc02 .slide{opacity:0;left:100px}
#atc02 .slide li{width:100% !important;height:440px;background:no-repeat center;background-size: cover; border-radius:15px 0 0 15px}
#atc02 .slide .img01{background-image:url(../img/main/inc02/inc02-img-01.jpg)}
#atc02 .slide .img02{background-image:url(../img/main/inc02/inc02-img-02.jpg)}
#atc02 .slide.active{opacity:1;left:0;-webkit-transition:all 1.5s .1s;-ms-transition:all 1.5s .1s;transition:all 1.5s .1s}
/* 반응형 [s] */
@media (max-width:1350px){
#atc02 .pager_dot{bottom:inherit;left:inherit;right:30px;top:120px}
#atc02 .pager_dot span{display:inline-block;margin:0 0 0 10px}
}
@media (max-width:1230px){
#atc02 .inner .txt_all{padding-left:30px;padding-right:30px}
#atc02 .inner .tit_area .tit{width:50%;margin-right:0;font-size:29px;line-height:43px}
#atc02 .inner .txt_area .txt{white-space:normal;word-break:keep-all}
#atc02 .inner .txt_area{width:50%}
#atc02 #slide_box{left:0;width:100%;padding:0 30px}
#atc02 .slide li{border-radius:15px}
}
@media (max-width:1024px){
#atc02 #slide_box{bottom:-70px}
#atc02 .slide li{height:340px}
}
@media (max-width:768px){
#atc02 .inner{
    padding-top:70px;
    padding-bottom:130px;
}
#atc02 .inner .txt_all{
    text-align:center;
    padding:0 24px 34px;
}
#atc02 .inner .stit{
    margin-bottom:15px;
    font-size:15px;
}
#atc02 .inner .txt_area{
    width:100%;
}
#atc02 .inner .tit_area .tit{
    width:100%;
    font-size:28px;
    line-height:38px;
}
#atc02 .inner .txt_area .sub_tit{
    margin:28px 0 10px;
}
#atc02 .inner .txt_area .txt{
    width:100%;
    margin:0 auto;
    white-space:normal;
    word-break:keep-all;
}
#atc02 .pager_dot{
    right:inherit;
    left:50%;
    top:auto;
    bottom:110px;
    transform:translateX(-50%);
}
#atc02 .pager_dot span:first-child{margin-left:0}
#atc02 #slide_box{
    position:relative;
    bottom:0;
    padding:0 24px;
}
#atc02 .slide li{height:270px}
}
@media (max-width:480px){
#atc02 .inner{padding-bottom:90px}
#atc02 .inner .txt_all{padding:0 15px 28px}
#atc02 .inner .tit_area .tit{font-size:25px;line-height:37px}
#atc02 .inner .txt_area .sub_tit{font-size:15px}
#atc02 .inner .txt_area .txt{width:100%}
#atc02 .pager_dot{bottom:74px}
#atc02 #slide_box{padding:0 15px}
#atc02 .slide li{height:205px}
}
@media (max-width:380px){
#atc02 .inner .tit_area .tit{font-size:24px}
}
/* 반응형 [e] */

/* =========================== atc03 */
#atc03{position:relative;z-index:1}
#atc03:before{ display:block; content:""; position:absolute; left:50%; top:340px;width:100%; height:1px; margin-left:-680px; background-color:#e1e1e1}
#atc03:after{ display:block; content:""; position:absolute; right:0; top:0; z-index:-1; width:50%; height:340px; background-color:#f5f5f5}
#atc03 .inner{position:relative;width:100%;max-width:1200px;margin:0 auto;padding-top:160px}
#atc03 .inner:after{display:block;content:'';clear:both}
#atc03 .inner:before{content:'';position:absolute;left: -80px;top:0;width:1px;height:100%;background-color:#e1e1e1}
#atc03 .inner>div{float:left;width:calc(100% / 2)}
#atc03 .left{height:672px;padding:118px 40px 0}
#atc03 .left .tit_area{display:block;position:relative;margin-bottom:66px}
#atc03 .left .tit_area .tit{font-size:32px;line-height:32px;font-weight:700;letter-spacing:0;color:#194a6c;font-family:'Philosopher'}
#atc03 .left .tit_area .more{position:absolute;right:0;top:5px;width:19px;height:19px;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#atc03 .left .tit_area .more:before{content:'';position:absolute;left:9px;top:0;width:1px;height:100%;background-color:#003c62}
#atc03 .left .tit_area .more:after{content:'';position:absolute;left:0;top:9px;width:100%;height:1px;background-color:#003c62}
#atc03 .left ul li{margin-bottom:30px}
#atc03 .left ul li a{display:block;overflow:hidden}
#atc03 .left ul li a .date{float:left;width:95px;height:95px;margin-right:35px;padding-top:22px;background-color:#f5f5f5;border-radius:15px;letter-spacing:0;text-align:center;font-size:15px;line-height:16px;color:#777;font-family:'Philosopher'}
#atc03 .left ul li a .date .day{margin-bottom:8px;font-size:23px;line-height:23px;color:#2e7cae;font-weight:700}
#atc03 .left ul li a .cont{float:left;width:325px;padding:10px 0 0;letter-spacing:-.2px}
#atc03 .left ul li a .cont .subj{margin-bottom:12px;font-size:16px;line-height:16px;color:#222;font-weight:500}
#atc03 .left ul li a .cont .txt{font-size:15px;line-height:25px;color:#777}
#atc03 .right{padding:90px 0 86px 60px;border-left:1px solid #e1e1e1;text-align:center;color:#fff}
#atc03 .right .cont{padding:78px 0 72px;border-radius:30px;background-color:#194a6c}
#atc03 .right .cont .stit{display:inline-block;position:relative;z-index:1;margin-bottom:60px;font-size:17px;font-weight:700;letter-spacing:0;font-family:'Philosopher'}
#atc03 .right .cont .stit:before{position:absolute;left:50%;top:50%;z-index:-1;content:url(../img/main/inc03/inc03-licon.png);margin:-52px;animation:rotate 10s linear infinite;transform-origin:50% 50%}
@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}
@keyframes rotate{100%{transform:rotate(360deg)}}
#atc03 .right .cont .tit{margin-bottom:26px;font-size:32px;line-height:43px;letter-spacing:-1px;white-space:pre-line;font-weight:300}
#atc03 .right .cont .tit b{font-weight:700}
#atc03 .right .cont .txt{margin-bottom:38px;font-size:15px;line-height:26px;letter-spacing:-.2px;white-space:pre-line;color:rgba(255,255,255,.4)}
#atc03 .right .cont a{display:inline-block;width:250px;height:65px;border-radius:34px;border:1px solid rgba(255,255,255,.2);-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;line-height:65px;color:#fff;font-size:15px;letter-spacing:0;font-weight:700;font-family:'Philosopher'}
#atc03 .right .cont a span{position:relative;padding-right:32px}
#atc03 .right .cont a span:after{right:0px}
#atc03 .right .cont a span:before, #atc03 .right .cont a span:after{display:block;content:"\f178";position:absolute;bottom:0;-webkit-transition:all .3s;transition:all .3s;line-height:15px;font-size:13px;font-weight:normal;font-family:'fontawesome'}
#atc03 .right .cont a span:before{right:10px;opacity:0}
@media (hover: hover) {
#atc03 .left .tit_area:hover .more{transform:rotate(90deg)}
#atc03 .right .cont a:hover{border:1px solid rgba(255,255,255,.5)}
#atc03 .right .cont a:hover span:before{right:0;opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}
#atc03 .right .cont a:hover span:after{right:-10px;opacity:0}
}
@media (max-width:1230px){
#atc03 .left{height:auto;padding:118px 30px 0}
#atc03 .left .tit_area .tit{font-size:30px}
#atc03 .left ul li a .cont{width:70%}
#atc03 .right{padding:90px 30px}
#atc03 .right .cont .tit{font-size:30px;line-height:41px}
}
@media (max-width:1024px){
#atc03:before{top:220px}
#atc03:after{height:220px}
#atc03 .inner{padding-top:70px}
#atc03 .left{padding-top:90px}
#atc03 .left ul li a .date{margin-right:30px}
#atc03 .left ul li a .cont .subj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#atc03 .left ul li a .cont{width:60%}
#atc03 .right{padding:70px 30px}
#atc03 .right .cont{padding:78px 25px 72px}
#atc03 .right .cont .tit{white-space:normal;word-break:keep-all}
#atc03 .right .cont .txt{white-space:normal;word-break:keep-all}
}
@media (max-width:768px){
#atc03:before{top:130px;left:0;margin-left:0}
#atc03:after{display:none}
#atc03 .inner>div{width:100%}
#atc03 .left{padding:0 24px 0}
#atc03 .left .tit_area{
    margin-bottom:34px;
}
#atc03 .left .tit_area .tit{font-size:28px}
#atc03 .left ul li{
    margin-bottom:22px;
}
#atc03 .left ul li a .date{
    width:85px;
    height:85px;
    padding-top:20px;
    line-height:23px;
}
#atc03 .left ul li a .date .day{margin-bottom:0;font-size:20px}
#atc03 .left ul li a .cont{width:70%}
#atc03 .left ul li a .cont .subj{
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
    font-size:15px;
    line-height:1.5;
}
#atc03 .left ul li a .cont .txt{
    font-size:14px;
    line-height:23px;
}
#atc03 .right{padding:20px 24px 70px;border-left:none}
#atc03 .right .cont{
    padding:56px 24px;
    border-radius:24px;
}
#atc03 .right .cont .stit{margin-bottom:35px;font-size:15px}
#atc03 .right .cont .tit{
    font-size:28px;
    line-height:38px;
    white-space:pre-line;
}
#atc03 .right .cont .txt{
    white-space:pre-line;
    font-size:14px;
    line-height:24px;
}
#atc03 .right .cont a{font-size:13px}
}
@media (max-width:480px){
#atc03:before{top:175px}
#atc03 .inner{padding-top:50px}
#atc03 .left{padding:64px 15px 0}
#atc03 .left .tit_area{margin-bottom:26px}
#atc03 .left .tit_area .tit{font-size:25px}
#atc03 .left ul li a .date{
    width:78px;
    height:78px;
    margin-right:18px;
    padding-top:17px;
}
#atc03 .left ul li a .cont{width:calc(100% - 96px)}
#atc03 .right{padding:20px 15px 70px}
#atc03 .right .cont{padding:48px 20px}
#atc03 .right .cont .tit{font-size:25px;line-height:37px}
#atc03 .right .cont .txt{white-space:normal}
}
@media (max-width:380px){
#atc03 .left ul li a .date{margin-right:15px}
#atc03 .left ul li a .cont{width:calc(100% - 93px)}
#atc03 .right .cont .tit{white-space:normal}
#atc03 .right .cont a{width:100%;height:60px;line-height:60px}
}
/* 반응형 [e] */

/* =========================== atc04 */
#atc04{
    overflow:hidden;
    padding:125px 0 75px;
    background:url(../img/main/inc04/inc04-bg.jpg) no-repeat center bottom #f5f5f5;
}
#atc04 .inner{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    text-align:center;
}
#atc04 .inner .stit{
    margin-bottom:40px;
    font-size:17px;
    font-weight:700;
    line-height:15px;
    letter-spacing:0;
    color:#2e7cae;
    font-family:'Philosopher';
}
#atc04 .inner .tit_area{
    position:relative;
    padding:0 40px;
}
#atc04 .inner .tit_area:after{
    display:block;
    clear:both;
    content:'';
}
#atc04 .inner .tit_area .tit{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:100%;
    max-width:760px;
    font-size:35px;
    line-height:35px;
    color:#222;
    letter-spacing:-1px;
    font-weight:300;
}
#atc04 .inner .tit_area .tit b{font-weight:700}

#atc04 .prev{
    float:left;
    padding-left:30px;
}
#atc04 .prev:after{left:0}
#atc04 .prev:before{left:10px}
#atc04 .prev:before,
#atc04 .prev:after{content:"\f177"}

#atc04 .next{
    float:right;
    padding-right:30px;
}
#atc04 .next:after{right:0}
#atc04 .next:before{right:10px}
#atc04 .next:before,
#atc04 .next:after{content:"\f178"}

#atc04 .contols{
    cursor:pointer;
    position:relative;
    z-index:20;
    font-size:15px;
    font-weight:700;
    color:#2d3c46;
    letter-spacing:0;
    font-family:'Philosopher';
    min-height:18px;
}
#atc04 .contols:before{opacity:0}
#atc04 .contols:before,
#atc04 .contols:after{
    display:block;
    position:absolute;
    top:1px;
    transition:all .3s;
    font-weight:normal;
    font-family:'fontawesome';
}
#atc04 .contols a{
    display:block;
    position:relative;
    z-index:21;
    color:inherit;
    text-decoration:none;
}
#atc04 .contols a:hover,
#atc04 .contols a:focus,
#atc04 .contols a:active{
    color:inherit;
    text-decoration:none;
}

#atc04 .gallery_box{
    margin-top:72px;
}
#atc04 .gallery_box .bx-wrapper{
    margin:0 auto;
    background:transparent;
    border:0;
    box-shadow:none;
}
#atc04 .gallery_box .bx-viewport{
    background:transparent;
    border:0;
    box-shadow:none;
    left:0;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
}
#atc04 .gallery_box .gall{
    margin:0;
    padding:0;
}
#atc04 .gallery_box .gall li{
    width:380px;
}
#atc04 .gallery_box .gall li a{
    display:block;
}
#atc04 .gallery_box .gall li .thum{
    overflow:hidden;
    width:100%;
    height:300px;
    margin-bottom:26px;
    border-radius:15px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    backface-visibility:hidden;
}
#atc04 .gallery_box .gall li.box01 .thum{background-image:url(../img/main/inc04/img-01.jpg)}
#atc04 .gallery_box .gall li.box02 .thum{background-image:url(../img/main/inc04/img-02.jpg)}
#atc04 .gallery_box .gall li.box03 .thum{background-image:url(../img/main/inc04/img-03.jpg)}
#atc04 .gallery_box .gall li.box04 .thum{background-image:url(../img/main/inc01/inc01-img-04.jpg)}

#atc04 .gallery_box .gall li .gall_tit{
    width:100%;
    padding-left:38px;
    font-size:16px;
    letter-spacing:-0.5px;
    color:#fff;
    transition:all .3s;
    font-weight:500;
    text-align:left;
}
#atc04 .gallery_box .more_gall{
    display:block;
    position:relative;
    width:250px;
    height:65px;
    margin:75px auto 0;
    border:1px solid rgba(255,255,255,.2);
    border-radius:34px;
    font-size:15px;
    letter-spacing:-0.5px;
    text-align:center;
    line-height:65px;
    color:#fff;
    transition:all .3s;
    font-weight:700;
    font-family:'Philosopher';
}
#atc04 .gallery_box .more_gall i{
    position:relative;
    bottom:0;
    font-size:13px;
    margin-right:15px;
}

@media (hover: hover) {
#atc04 .prev:hover:before{left:0}
#atc04 .prev:hover:after{left:-10px}
#atc04 .next:hover:before{right:0}
#atc04 .next:hover:after{right:-10px}
#atc04 .contols:hover:before{opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}
#atc04 .contols:hover:after{opacity:0}
#atc04 .gallery_box .more_gall:hover{border:1px solid rgba(255,255,255,.5)}
}

@media (max-width:1230px){
#atc04{padding:90px 0}
#atc04 .inner .tit_area{
    padding:0 30px;
}
#atc04 .inner .tit_area .tit{
    max-width:none;
    font-size:30px;
    line-height:42px;
    word-break:keep-all;
}
#atc04 .gallery_box .gall li .gall_tit{
    padding-left:20px;
}
}

@media (max-width:768px){
#atc04{padding:70px 0}
#atc04 .inner .stit{
    margin-bottom:54px;
    font-size:15px;
}
#atc04 .inner .tit_area{
    padding:0 24px;
}
#atc04 .inner .tit_area .tit{
    position:static;
    transform:none;
    width:100%;
    max-width:none;
    margin:0 auto;
    font-size:28px;
    line-height:38px;
}
#atc04 .contols{
    position:absolute;
    top:100%;
    margin-top:18px;
    font-size:13px;
}
#atc04 .prev{
    left:24px;
    float:none;
    padding-left:24px;
}
#atc04 .next{
    right:24px;
    float:none;
    padding-right:24px;
}
#atc04 .gallery_box{
    margin-top:78px;
    padding:0 24px;
}
#atc04 .gallery_box .gall li{
    width:auto;
}
#atc04 .gallery_box .gall li .thum{
    height:260px;
    margin-bottom:18px;
    border-radius:18px;
}
#atc04 .gallery_box .gall li .gall_tit{
    padding-left:0;
    font-size:15px;
    text-align:center;
}
#atc04 .gallery_box .more_gall{
    margin-top:44px;
    font-size:13px;
}
}

@media (max-width:480px){
#atc04 .inner .tit_area{
    padding:0 15px;
}
#atc04 .inner .tit_area .tit{
    font-size:25px;
    line-height:35px;
}
#atc04 .contols{
    font-size:0;
}
#atc04 .contols:before,
#atc04 .contols:after{
    font-size:15px;
}
#atc04 .prev{
    left:15px;
    padding-left:18px;
}
#atc04 .next{
    right:15px;
    padding-right:18px;
}
#atc04 .gallery_box{
    margin-top:66px;
    padding:0 15px;
}
#atc04 .gallery_box .gall li{
    width:auto;
}
#atc04 .gallery_box .gall li .thum{
    height:210px;
}
}

@media (max-width:380px){
#atc04{background-size:1560px}
#atc04 .gallery_box{
    padding:0 15px;
}
#atc04 .gallery_box .gall li{
    width:auto;
}
#atc04 .gallery_box .gall li .thum{
    height:190px;
}
#atc04 .gallery_box .gall li .gall_tit{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
#atc04 .gallery_box .more_gall{
    width:100%;
    height:60px;
    line-height:60px;
}
}
/* 반응형 [e] */