/******************************************
메인공통
*******************************************/
/* 타이틀 */
.main-tit-box{letter-spacing:-0.4px;}
.main-tit-box .area-main{position: relative; width: 100%;/*  max-width: 1600px; */ margin: 0 auto; padding: 0 16px; box-sizing: border-box;}
.main-tit-box .area-main:before{position: absolute; top: -7px; left: -50px; content: ''; width: 40px; height: 0px; border-bottom: 1px solid var(--theme-blue-color); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.main-tit-box .main-tit-num{position: absolute; top: -55px; left: -90px; font-size: 23px; font-weight: 700; color: #000; }
.main-tit-box .main-tit{display: inline-block; vertical-align: middle; color:#000; font-size:64px; font-weight:700;text-transform: uppercase; }
.main-tit-box .main-tit strong{font-weight:700;}
.main-tit-box .category{display:block; font-size:1.72rem; font-weight:700; letter-spacing:0; margin-bottom:2.7rem; color:var(--theme-blue-color)}
.main-tit-box .main-sub-tit02{display:block; margin-top:40px; font-size:40px; line-height:1.4; letter-spacing:-0.75px; letter-spacing: -3px; font-weight:700; color:#1e1e1e;}
/* .main-tit-box .main-tit.splitting .char{
	opacity:0;
	transform:translateY(100%);
	transition:opacity 0.8s, transform 0.8s;
} */

.main-tit-box{color: #000;}
.main-tit-box .main-sub-tit {display:block; font-size:1.8rem; font-weight:600;}
.main-tit-box .main-sub-tit .point {color:#ed1c24; margin-right:0.7rem;}
.main-tit-box .main-sub-tit-txt{font-size:1.8rem; letter-spacing:-0.075em; color:#666; margin-top:2rem; line-height:1.67}
.main-tit-box .main-sub-tit01{font-size: 28px; font-weight: 400; color: #666; letter-spacing: -.7px;}

/* 버튼 */
.btn { font-size: 24px; font-weight: 400; color: #fff; border: 1px solid #fff; padding: 12px 30px; transition: all .5s; font-family: 'HallymGothic-Regular'; }
.btn.black{ font-size: 18px; font-weight: 400; color: #000; border: 1px solid #000; padding: 12px 50px; } 
.btn { display: inline-block; } 

.btn:hover{background-color: #fff; color: #000; }
.btn.black:hover{background-color: #000; color: #fff;}


/******************************************
Main visual
*******************************************/
/* skip */
.skip { display: none; } 
.screen_out { display: block; position: absolute; left: -9999px; text-indent: 9999px; width: 0; height: 0; border: 0; overflow: hidden; font-size: 0; line-height: 0; white-space: nowrap; } 



/* main banner */
.visual_wrap { position: relative; height: 100%; background-color: #ddd; } 
.visual_wrap .ico_mouse { position: absolute; bottom: 32px; left: 50%; margin-left: -9px; z-index: 2; animation: mouseLine 2s infinite; -webkit-animation: mouseLine 2s infinite; } 
.visual_wrap .ico_mouse:after { animation: mouseBoll 2s infinite; -webkit-animation: mouseBoll 2s infinite; } 
.visual_main { height: 100%; z-index: 1; } 
.visual_con {width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%;} 
.visual_con .banner_con { position: absolute; left: 200px; bottom: 28%; } 
.visual_con .tit { display: block; font-size: 60px; font-weight: 600; color: #fff; margin-bottom: 8px;   } 
.visual_con .desc { color: #fff; margin-bottom: 32px;    font-size: 40px;font-weight: 600; line-height: 1.43;} 
.visual_con .copy { position: absolute; bottom: 78px; left: 120px; opacity: 0.8; font-size: 14px; letter-spacing: -0.1px; color: #fff; } 
.visual_con .copy .name { font-weight: bold; display: block; font-family: inherit; color: #fff; } 
.visual_con.slick-current .banner_con { animation: banText 1s forwards; -webkit-animation: banText 1s forwards; } 
/*.visual_con.no1 { background-image:url('./images/main/main_visual01.jpg'); } 
.visual_con.no2 { background-image:url('./images/main/main_visual02.jpg'); } 
.visual_con.no3 { background-image:url('./images/main/main_visual03.jpg'); } 
.visual_con.no4 { background-image:url('./images/main/main_visual04.jpg'); } 
.visual_con.no5 { background-image:url('./images/main/main_visual05.jpg'); }  */
.visual_list { position: absolute; bottom: 72px; right: 120px; z-index: 3; height: auto; } 
.visual_list .slick-track { width: auto !important; } 
.visual_list .slick-current { opacity: 1 !important; } 
.visual_desc { float: left; width: 152px !important; padding: 0 16px; left: 0 !important; opacity: 0.42 !important; cursor: pointer; color: #fff; display: block; text-align: left; } 
.visual_desc:last-child { padding-right: 0; } 
.visual_desc .num { display: block;  font-size: 26px; font-weight: bold; letter-spacing: -0.8px; color: inherit; } 
.visual_desc .tit { display: block;  font-size: 12px; font-weight: bold; margin-top: 6px; color: inherit; } 
.visual_desc .desc { display: block; font-size: 11px; line-height: 1.4; letter-spacing: -0.1px; margin-top: 4px; color: inherit; font-weight: 300; } 
.visual_video { height: 100vh; position: relative; overflow: hidden; } 
.visual_video #player { left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; transform: translate(-50%, -50%); } 
.visual_video .banner_con { animation: banText 1s forwards; -webkit-animation: banText 1s forwards; } 

/* animation */
@-webkit-keyframes mouseBoll { 
 0% { -webkit-transform: translateY(0); transform: translateY(0); } 
50% { -webkit-transform: translateY(18px); transform: translateY(18px); } 
100% { -webkit-transform: translateY(0); transform: translateY(0); } 
 }
@keyframes mouseBoll { 
 0% { -webkit-transform: translateY(0); transform: translateY(0); } 
50% { -webkit-transform: translateY(18px); transform: translateY(18px); } 
100% { -webkit-transform: translateY(0); transform: translateY(0); } 
 }
@-webkit-keyframes mouseLine { 
 0% { -webkit-transform: translateY(0); transform: translateY(0); } 
50% { -webkit-transform: translateY(10px); transform: translateY(10px); } 
100% { -webkit-transform: translateY(0); transform: translateY(0); } 
 }
@keyframes mouseLine { 
 0% { -webkit-transform: translateY(0); transform: translateY(0); } 
50% { -webkit-transform: translateY(10px); transform: translateY(10px); } 
100% { -webkit-transform: translateY(0); transform: translateY(0); } 
 }
@-webkit-keyframes fadeIn { 
 from { opacity: 0; } 

 to { opacity: 1; } 
 }

@keyframes fadeIn { 
 from { opacity: 0; } 

 to { opacity: 1; } 
 }

@keyframes banText { to { -webkit-transform: translateY(-40px); transform: translateY(-40px); } 
 }

/******************************************
Sec01
*******************************************/
#mainCompanyCon{padding: 150px 0 100px; position: relative;}
.move-object01{width: 522px; top: 90px; right: 0;}
.clip-object01{top: 387px; left: 50%; margin-left: -960px; width: 1920px; height: 768px; clip:rect(0,0,767px,0);}
.clip-object01.aos-animate {clip:rect(0,1920px,767px,0);}
.main-company-wrapper{margin-top: 100px; position: relative; z-index: 1;}
.main-company-con01 .area-box,
.main-company-con02 .area-box{display: flex; flex-wrap: wrap; align-items: center;}
.main-company-con01{}
.main-company-con02{margin-top: 235px; position: relative;}
.main-company-con02 .area-box{flex-flow: row-reverse;}
.move-object02{width: 467px; left: 0; top: -70px;}
.move-object03{display: none;}

.main-company-img{}
.main-company-con01 .main-company-img{width: 59.21%;}
.main-company-con02 .main-company-img{width: 67.61%;}
.main-company-img span{display: block; width: 100%;}
.main-company-img span img{width: 100%; height: auto;}
.main-company-txt{}
.main-company-con01 .main-company-txt{padding-left: 2%;width: 33.89%;}
.main-company-con02 .main-company-txt{padding-right: 3.6%; width: 28.79%;}
.main-company-txt .tit{font-size: 50px; font-weight: 700; line-height: 1.2; letter-spacing: -0.25px; color: #000;}
.main-company-txt .sub-tit{margin-top: 35px; font-size: 40px; line-height: 1.2; letter-spacing: -0.6px; letter-spacing: -1.5px; color: #000; font-weight: 700;}
.main-company-txt .txt{margin-top: 25px; font-size: 28px; line-height: 1.6; letter-spacing: -1px; color: rgba(0,0,0,0.6); word-break: keep-all;}
.main-company-txt .btn-group{position: relative; margin-top: 70px; z-index: 9999;}
.main-company-txt .btn-group-inner{position: absolute; top: 0; left: -225px; width: 310px; height: 65px; padding: 0 70px 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main-company-txt .btn-group-inner:before{position: absolute; top: 0; right: 0; display: block; content: ''; width: 60px; height: 60px; background-color: #0099e5; -webkit-transform: skew(-15deg); transform: skew(-15deg); opacity: 0; -webkit-transition: all 0.6s; transition: all 0.6s;}
.main-company-txt .btn-group-inner:after{position: absolute; top: 15px; right: -15px; top: 0; right: 0; width: 100%; height: 100%; content: ''; background-color: rgba(0,0,0,0.1); -webkit-transform: skew(-15deg); transform: skew(-15deg); opacity: 0; -webkit-transition: all 0.6s; transition: all 0.6s;}
.main-company-txt .btn-group-inner .bg{position: absolute; top: 0; left: 0; width: 310px; height: 65px; -webkit-transform: skew(-15deg); transform: skew(-15deg); background-color: #ed1c24; z-index: 1; -webkit-transition: all 0.3s; transition: all 0.3s;}
.main-company-txt .btn-group-inner .group{position: relative; z-index: 1; float: left;}
.main-company-txt .btn-group-inner button{width: 24px; height: 65px; display: inline-block;}
.main-company-txt .btn-group-inner button:focus{outline: none;}
.main-company-txt .btn-group-inner button i{font-size: 20px; color: #fff;}
.main-company-txt .btn-group-inner .main-company-prev{}
.main-company-txt .btn-group-inner .main-company-next{margin-left: 15px;}
.main-company-txt .btn-group-inner a{position: relative; z-index: 1; display: inline-block; float: right; font-size: 19px; line-height: 65px; font-weight: 500; letter-spacing: -0.6px; color: #fff;}

.main-company-con01 .main-company-txt .btn-group.aos-animate .btn-group-inner:before{top: -10px; right: -35px; opacity:1.0; transition-delay:1s;}
.main-company-con01 .main-company-txt .btn-group.aos-animate .btn-group-inner:after{top: 15px; right: -15px; opacity:1.0; transition-delay:1s;}

@media all and (min-width:801px){
    .main-company-con01 .main-company-txt .btn-group-inner:hover .bg{left: -10px;}
    .main-company-con02 .main-company-txt .btn-group-inner:hover .bg{left: 10px;}
 }

/******************************************
Sec02
*******************************************/
.heading {
    width: 100%;
    margin-bottom: 70px;
    text-align: center;

}


.heading h3 {
    margin-bottom: 20px;
    font-size: 52px;
    font-weight: bold;
}


.heading .desc {
    color: #666;
    line-height: 1.6;
    font-size: 28px;
    font-weight: 400;
    word-break: keep-all;
}


@media screen and (max-width:960px) {
  .main-tit-box .main-tit{font-size: 52px;}
    .heading {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;

    }

    .heading h3 {
        margin-bottom: 10px;
        font-size: 36px;
    }


    .heading .desc {
        font-size: 20px;
    }

    #mainProjectCon .main-txt{font-size: 24px;}
}

.company {
    padding: 100px 0;
    box-sizing: border-box;
}


.company .company_list {
    display: flex;
    margin: 0 -0.8rem;
    /* gap: 1.6rem; */
    gap: 0;
}

.company .company_list li {
    flex: 1;
    height: 68vh;
    padding: 0 0.8rem;
}

.company .company_list .bg::after {
    opacity: 0.6;
}

.company .company_list .explain {
    display: flex;
    flex-direction: column;
    width: 70rem;
}

.company .company_list .txt_area {
    height: auto;
    max-height: 0;
    transition: height .6s cubic-bezier(0.165, 0.84, 0.44, 1), max-height .6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.company .company_list .txt_area .txt {
    margin-top: 1.6rem;
    line-height: 1.5;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    opacity: 0;
    transition: opacity .6s, transform .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(100%);
}



.company .hover>li {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}


.company .hover .bg {
    overflow: hidden;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}



.company .hover .bg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 40%;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
}


.company .hover .bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}

.company .hover .explain {
    position: absolute;
    bottom: 5rem;
    left: 4rem;
    right: 4rem;
    width: calc(100% - 8rem);
}

.company .hover .explain .hgroup .title {
    color: #fff;
    line-height: 1.25;
    font-size: 28px;
    font-weight: bold;
}

.company .hover .explain .hgroup .title .arrow {
    display: none;
}

.company .hover .explain .btn_area {
    height: auto;
    max-height: 0;
    transition: height .6s cubic-bezier(0.165, 0.84, 0.44, 1), max-height .6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.company .hover .explain .btn_area a {
    margin-top: 4rem;
    border: 1px solid #fff;
    max-width: 120px;
    color: #fff;
    opacity: 0;
    transition: opacity .6s, transform .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color .2s;
    transform: translateY(100%);
    padding: 18px 7px;
    display: block;
    text-align: center;
    font-size: 14px;
}



.company .hover .explain .btn_area a:hover {
    border-color: #fff;
    color: #08368b;
    background-color: #fff;

}

.company a[class^="btn_"] span,
.company button[class^="btn_"] span {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

.company .hover .explain .btn_area a[class^="btn_white"] span {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
}


/* only pc hover */
@media screen and (hover: hover){
    .company .company_list>li:hover .bg img {
        transform: scale(1);
    }

    .company .company_list>li:hover .explain .txt_area {
        height: auto;
        max-height: 50rem;
    }

    .company .company_list>li:hover .explain .txt_area .txt {
        opacity: .7;
        transform: translateY(0%);
    }

    .company .hover:not(.people_list)>li:hover .explain .btn_area {
        height: auto;
        max-height: 9.6rem;
    }

    .company .hover:not(.people_list)>li:hover .explain .btn_area a {
        opacity: 1;
        transform: translateY(0%);
    }

}

/******************************************
Sec03
*******************************************/
#mainProjectCon{padding: 10rem 0;}

#mainProjectCon .main-txt{
	margin-top: 10px;
    font-size: 28px;
    letter-spacing: -.7px;
    color: #666;
    word-break: keep-all;
}
.main-market-wrap{position: relative; display: flex; flex-wrap:wrap; justify-content:space-between;}
.main-market-wrap:before{position: absolute; content:''; width:100vw; height:1px; background:#eee; top:0; left:50%; transform:translateX(-50%); display: none;}
#mainProjectCon .main-tit-box{
	margin-bottom: 5rem;
}
.main-market-wrap .market-item{position: relative; overflow:hidden; width:calc(33.33% - 0.8rem); margin-top:1.4rem;}
.main-market-wrap .market-item:nth-child(-n+3){margin-top:0;}
.main-market-wrap .market-item .img-box{position: relative; width:100%; height:0; padding-top:33rem;}
.main-market-wrap .market-item .img-box:before{position: absolute; content:''; width:100%; height:100%; top:0; left:0; backdrop-filter: blur(5px); transition:all 0.4s ease-in-out; opacity:0; z-index:1;}
.main-market-wrap .market-item .img-box img{position: absolute; /* max-width:100%; */ width: 100%; height: 100%; object-fit: cover; top:50%; left:50%; transform: translate(-50%, -50%); transition:all 0.4s ease-in-out; filter: brightness(0.8);}
.main-market-wrap .market-item .txt-box{position: absolute; left:0; bottom:0; width:100%; height:9rem; display: flex; align-items:center; padding:0 1rem; box-sizing:border-box; z-index:2;}
.main-market-wrap .market-item .txt-box .tit{position: relative; display: flex; align-items:Center; z-index:9}
.main-market-wrap .market-item .txt-box .tit strong{font-size:32px; letter-spacing:-0.05em; color:#fff; font-weight:700; margin-left:1.5rem;}
.main-market-wrap .market-item .txt-box .tit .icon img{max-width: 26px;}
.main-market-wrap .market-item .txt-box .btn-box{position: absolute; left:0; bottom:0; width:100%; height:100%; padding:0 3rem; box-sizing:border-box; background:#0099e5; display: flex; align-items: center; justify-content: flex-end; transform:translateY(100%); transition:all 0.4s ease-in-out;}
.main-market-wrap .market-item .txt-box .btn-box p{font-size:1.3rem; letter-spacing:-0.025em; color:#fff; font-weight:700;}
.main-market-wrap .market-item .txt-box .btn-box p i{margin-left:0.5rem;}

.main-market-wrap .market-item a:hover .img-box:before{opacity:1;}
.main-market-wrap .market-item a:hover .img-box img{}
.main-market-wrap .market-item a:hover .txt-box .btn-box{transform:translateY(0%);}

@media all and (min-width:1921px){
	#mainProjectCon .fp-tableCell{vertical-align: middle;}
}



/******************************************
Sec04
*******************************************/
#section03 {
    width: 100%;
    padding: 50px 20px;
    box-sizing: border-box;
    position: relative;
  }
  
  .notice-box {
    width: 100%;
    display: flex;
    gap: 50px;
  }
  
  /* 공지사항 왼쪽 */
  .notice-box .notice-left {
    width: 100%;
  }
  
  .notice-left .notice-tit {
    width: 100%;
    padding-bottom: 25px;
    border-bottom: 2px solid #252d35;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .notice-tit p a {
    font-size: 24px;
    color: #000;
    letter-spacing: -1px;
    font-weight: bold;
  }
  
  .notice-tit .notice-all {
    cursor: pointer;
  }
  
  .notice-tit .notice-all i {
    padding: 20px;
    color: white;
    background-color: #252d35;
    font-size: 16px;
  }
  
  .notice-tit .noice-table {
    width: 100%;
  }
  
  .noice-table .notice_Wrap li {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #e0e7eb;
    box-sizing: border-box;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
  }
  
  .notice_Wrap li .notice {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
  }
  
  .notice em {
    width: 58px;
    font-size: 15px;
    text-align: center;
  }
  
  .notice p a {
    font-size: 22px;
    color: #000;
    letter-spacing: -1px;
  }
  
  .notice_Wrap li .notice-date {
    color: #8c8c8c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  /* 자료실 오른쪽 */
  /* .notice-box .notice-right {
    width: 30%;
  }
  
  .notice-right .notice-menu {
    width: 100%;
    height: 100%;
  }
  
  .notice-menu .noti-banner {
    width: 100%;
    height: 100%;
    display: flex;
    gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .noti-banner li {
    width: 100%;
    border: 1px solid #e0e7eb;
  }
  
  .noti-banner li a {
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
    padding: 20px 10px;
    position: relative;
    box-sizing: border-box;
  }
  
  .noti-banner li a::after {
    content: " + ";
    position: absolute;
    top: 0;
    right: 0px;
    font-weight: bold;
    color: white;
    background-color: #59c3d1;
    padding: 3px 10px;
  }
  
  .noti-ico i {
    font-size: 20px;
    padding: 20px;
    border-radius: 50%;
    background-color: #f4f4f4;
    box-sizing: border-box;
  }
  
  .subTit-Box {
    width: 100%;
  }
  
  .subTit-Box .noti-subTit {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: bold;
  }
  
  .subTit-Box .sub-int {
    letter-spacing: -1px;
  } */

/******************************************
Sec05
*******************************************/
#section04 {
    width: 100%;
    padding: 100px 20px;
    box-sizing: border-box;
    background-color: #162f5f;
    border-radius: 0 100px 0 0;
  }
  
/*   #section04 .section04-box {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  } */
  
  .location-cont {
    width: 100%;
    display: flex;
  }
  
  .location-cont .location {
    flex: 1;
  }
  
  .location-left {
    text-align: left;
  }
  
  .location-tit {
    font-size: 60px;
    margin-bottom: 30px;
    color: white;
    font-weight: 600;
  }
  
  .location-address {
    margin-bottom: 20px;
    color: white;
    font-size: 24px;
  }
  
  .location-address.location-address2 {
    margin-bottom: 50px;
  }
  
  .location-address i {
    padding-right: 10px;
  }
  
  .location-address > span {
    letter-spacing: -1px;
  }
  
  .map-view {
    text-align: center;
  }
  
  .map-view a {
    font-size: 18px;
    font-weight: bold;
    display: block;
    width: 150px;
    padding: 10px 0;
    background-color: white;
    border-radius: 30px;
    letter-spacing: -1px;
  }
  
  .location-right iframe {
    width: 100%;
    height: 400px;
  }






/* ==========================
1921px
============================= */
@media screen and (max-width: 1921px) {
    .company .company_list {
        margin: 0 calc(100vw*(-8 / 1919));
    }

    .company .company_list li {
        height: calc(100vw*(680 / 1919));
        padding: 0 calc(100vw*(8 / 1919));
    }


    .company .hover .explain {
        bottom: calc(100vw*(50 / 1919));
        left: calc(100vw*(40 / 1919));
        right: calc(100vw*(40 / 1919));
        width: calc(100% - calc(100vw*(80 / 1919)));
    }

    
    .company .company_list .explain {
        width: calc(100vw*(700 / 1919));
    }


    .company .hover .explain .hgroup .title {
        font-size: calc(100vw * (44 / 1919));
    }

    .company .company_list .txt_area .txt {
        margin-top: calc(100vw*(16 / 1919));
        font-size: calc(100vw * (28 / 1919));
    }

    .company .hover .explain .btn_area a {
        margin-top: calc(100vw*(40 / 1919));
    }

    .company .hover .explain .btn_area a[class^="btn_white"] {
        min-width: calc(100vw*(168 / 1919));
        margin-right: calc(100vw*(26 / 1919));
    }


}




/* ==========================
1754px
============================= */
@media screen and (max-width: 1754px){
    /* About */
    /* .about:before {height:43%; bottom: -43%;} */

    /* Sec03 */
    .main-market-wrap .market-item .img-box img{
		width: 90%;
	}
    }
    
/* ==========================
1680px
============================= */
@media screen and (max-width: 1680px){
/* Main Visual */
.visual_con .banner_con { bottom: 20%; } 
/* .visual_con .tit { font-size: 129px; margin-bottom: 26px; }  */
.visual_con .desc { font-size: 21px; } 

/* Sec03 */
.main-market-wrap .market-item .img-box img{
    width: auto;
}   
}
    
/*=======================
1600px
========================*/
@media screen and (max-width:1600px){
    /* Sec03 */
    .main-market-wrap .market-item .txt-box .tit strong{font-size: 25px;}
}



/*=======================
1536px
========================*/
@media screen and (max-width:1536px){
    /* 공통 */
    .main-tit-box .area-main {max-width: none; width: calc(100% - 140px); margin-left: 110px; padding-right: 30px; padding: 0;}
    /* sec01 */
    .main-company-con01 .main-company-img{width: 57%;}
	.main-company-con02 .main-company-img{width: 57%;}
	.main-company-con01 .main-company-txt{padding-left: 3.5%; width: 39.5%;}
	.main-company-con02 .main-company-txt{padding-right: 3.5%; width: 39.5%;}
	/* .main-company-slide-item iframe{min-height: 90vh; min-width: 90vh;} */
	.main-company-slide-item img{width: 100%;}
}



/*=======================
1440px
========================*/
@media screen and (max-width:1440px){

/* Main Visual */   
.visual_con .banner_con { left: 80px; bottom: 20%; } 
.visual_con .desc { font-size: 18px; margin-bottom: 30px; } 
.visual_con .copy { left: 80px; bottom: 40px; } 
.visual_list { right: 80px; bottom: 40px; } 


}


/*=======================
1280px
========================*/
@media screen and (max-width:1280px){
    /* 공통 */
    .main-tit-box .area-main {width: calc(100% - 60px); margin-left: 0; padding: 0 30px;}
	.main-tit-box .area-main:before{top: -21px; left: 22px; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
	.main-tit-box .main-tit-num{top: -75px; left: 30px;}
	.main-tit-box .main-tit{display: block; font-size: 72px;}
	.main-tit-box .main-sub-tit01{margin-top: 15px; font-size:24px; margin-left: 0; display: block;}
	#mainNewsCon .main-tit-box .main-sub-tit01{margin-left: 0; display: block; margin-top: 15px;}
	.main-tit-box .main-sub-tit02{margin-top:25px; font-size: 32px;}

    /* Sec01 */
    .move-object01{width: 420px; top: 75px;}
	.move-object02{width: 375px; top: -60px;}
	/* .main-company-wrapper {margin-top: 175px;} */
	.main-company-txt .tit{font-size: 32px;}
	.main-company-txt .sub-tit{margin-top: 30px; font-size: 32px; letter-spacing: -0.6px;}
	.main-company-txt .txt{margin-top: 20px; font-size: 24px; letter-spacing: -0.75px;}
	.main-company-txt .btn-group{margin-top: 55px;}
	.main-company-txt .btn-group-inner{left: -225px; width: 280px; height: 55px; padding: 0 35px 0 30px;}
	.main-company-txt .btn-group-inner:before{top: -10px; right: -30px; width: 50px; height: 50px;}
	.main-company-txt .btn-group-inner:after{top: 10px; right: -10px;}
	.main-company-txt .btn-group-inner .bg{width: 280px; height: 55px;}
	.main-company-txt .btn-group-inner button{width: 24px; height: 55px;}
	.main-company-txt .btn-group-inner button i{font-size: 18px;}
	.main-company-txt .btn-group-inner .main-company-next{margin-left: 15px;}
	.main-company-txt .btn-group-inner a{font-size: 20px; line-height: 55px;}
	.main-company-con02 {margin-top: 190px;}
	.main-company-con02 .main-company-txt .btn-group{margin-top: 50px;}
	.main-company-con02 .main-company-txt .btn-group-inner{right: -115px; width: 280px; padding: 0 30px 0 35px;}
	.main-company-con02 .main-company-txt .btn-group-inner:before{left: -20px;}
	.main-company-con02 .main-company-txt .btn-group-inner:after{top: 10px; left: 10px;}
	.main-company-con02 .main-company-txt .btn-group-inner .bg{width: 280px;}
	.main-company-slide-item iframe{min-height: 80vh; min-width: 80vh;}

/* Sec02 */
.company .hover .explain .hgroup .title{font-size: 36px;}
.company .company_list .txt_area .txt{font-size: 22px; word-break: keep-all;}
.company .company_list .txt_area .br-none{display: none;}

    /* Sec03 */
    #mainProjectCon{padding-top:11rem;}
	.main-market-wrap .market-item .img-box{padding-top:80.9%;}
}

/*=======================
1180px
========================*/
@media screen and (max-width:1180px){
    /* Sec02 */
    .company .company_list {
        gap: calc(100vw*(16 / 1180));
        margin: 0;
    }

    .company .company_list li {
        height: calc(100vw*(416 / 1180));
        padding: 0;
    }

    .company .hover>li .btn_blank {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-indent: -9999em;
    }

    .company .hover>li .btn_blank a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .company .company_list .explain {
        width: calc(100vw*(700 / 1180));
    }

    .company .company_list .txt_area .txt {
        margin-top: calc(100vw*(16 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }

    .company .hover .explain {
        bottom: calc(100vw*(36 / 1180));
        left: calc(100vw*(28 / 1180));
        right: calc(100vw*(28 / 1180));
        width: calc(100% - calc(100vw*(56 / 1180)));
    }

    .company .hover .explain .hgroup .title {
        font-size: calc(100vw * (30 / 1180));
    }

    .company .hover .explain .hgroup .title .name {
        margin-right: calc(100vw*(6 / 1180));
    }

    .company .hover .explain .hgroup .title .arrow {
        display: inline-flex;
        width: calc(100vw*(13 / 1180));
        height: calc(100vw*(20 / 1180));
    }

    .company .hover .explain .hgroup .title .arrow img {
        width: 100%;
        height: 100%;
    }

    .company .hover .explain .btn_area {
        display: none;
    }

    /* Sec03 */
    .main-market-wrap .market-item .txt-box{height: 4rem; padding: 0;}
    .main-market-wrap .market-item .txt-box .tit strong{font-size: 18px;}
    

    /* Sec05 */
    .location-cont {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 50px;
      }
    
      .location-address.location-address2 {
        margin-bottom: 30px;
      }
    
      .location-address > span span:last-child {
        display: block;
        padding-left: 33px;
        box-sizing: border-box;
      }
}
/*=======================
1024px
========================*/
@media screen and (max-width:1024px){
    /* 공통 */
    .main-tit-box .area-main {width: calc(100% - 30px); padding: 0 15px;}
	.main-tit-box .area-main:before{left: 12px;}
	.main-tit-box .main-tit-num{left: 20px;}
	.main-tit-box .pc-br {display: block;}

    /* Sec03 */
    #mainProjectCon{padding: 5rem 0;}
	/* .main-market-wrap-scroll{overflow-x:auto; width:calc(100% + (2 * var(--area-padding))); margin-left:calc((-1) * var(--area-padding));} */
	.main-market-wrap{flex-wrap: wrap; width: 100%; gap: 1rem; /* width:calc(280% + 5rem + var(--area-padding)); margin-left: var(--area-padding); */}
	.main-market-wrap .market-item{margin-top:0; width:calc(50% - 1rem); margin-right:0;}
	.main-market-wrap .market-item:last-child{margin-right:0;}
	.main-market-wrap .market-item .img-box{width:100%; height:0; padding-top:123.53%; overflow:hidden;}
	.main-market-wrap .market-item .img-box img{max-width:none; height:100%;}
	/* .main-market-wrap .market-item .img-box img{position: absolute; top:0; left:0; bottom:0; right:0; margin:auto; height:100%; transform: none;} */
    .main-market-wrap .market-item .txt-box .tit strong{margin-left: 0;}
	.main-market-wrap .market-item .txt-box{
		width: 100%;
		padding: 0;
		justify-content: center;
	}

	/* .main-market-wrap .market-item .txt-box .tit strong{
		font-size: 1.6rem;
		margin-left: 1rem;
	} */

	.main-market-wrap .market-item .txt-box .btn-box p{
		display: none;
	}

    /* Sec04 */
    .notice-box {
        gap: 20px;
      }
}


/*=======================
960px
========================*/
@media screen and (max-width:960px){
/* Sec04 */
    .notice-box {
        flex-direction: column;
      }
      .notice-box .notice-left {
        width: 100%;
      }
    
      .notice-box .notice-right {
        width: 100%;
      }
    
      .notice-menu .noti-banner {
        flex-direction: row;
        gap: 20px;
      }
    
      .noti-banner li {
        width: 50%;
      }
    
      .noti-banner li a {
        height: 150px;
      }
}

/*=======================
800px
========================*/
@media screen and (max-width:800px){

}
/*=======================
768px
========================*/
@media screen and (max-width:768px){
    /* 공통 */
    .main-tit-box .area-main:before{top: -16px; left: 15px; width: 25px;}
	.main-tit-box .main-tit-num{top: -55px; left: 15px; font-size: 16px;}
	/* .main-tit-box .main-tit{font-size:32px; letter-spacing: -0.75px;} */
	/* .main-tit-box .main-sub-tit01{margin-top: 5px; font-size:13px; letter-spacing: -0.6px;} */
	/* #mainNewsCon .main-tit-box .main-sub-tit01{font-size: 13px; margin-top: 15px;} */
	.main-tit-box .main-sub-tit02{margin-top:15px; font-size:24px;}
	.main-tit-box .pc-br {display: none;}

	.main-tit-box .main-sub-tit-txt{margin-top:2rem; font-size:1.6rem;}
  .main-tit-box .main-tit{font-size: 52px;}

  /* 메인비주얼 */
  .visual_con .tit{font-size: 48px;}
  .btn{font-size: 18px;}
    /* Sec01 */
    #mainCompanyCon{padding: 100px 0 50px;}
	.move-object01{width: 200px; top: 30px;}
	.clip-object01{display: none;}
	.main-company-wrapper{margin-top: 50px;}
	.main-company-con01 .area-box,
	.main-company-con02 .area-box{display: block;}
	#mainCompanyCon .main-tit-box .pc-br {display: block;}
	.main-company-con02{margin-top: 70px;}
	.move-object02{display: none;}
	.move-object03{display: block; position: absolute; width: 224px; right: 0; bottom: -50px;}

	.main-company-con01 .main-company-img{width: 100%;}
	.main-company-con02 .main-company-img{width: 100%;}
	.main-company-con01 .main-company-txt,
	.main-company-con02 .main-company-txt{position: relative; padding-top: 65px; margin-top: 0; padding-left: 0; padding-right: 0; width: 100%;}
	.main-company-txt .tit{font-size: 44px;}
	.main-company-txt .sub-tit{margin-top: 15px; font-size: 26px; letter-spacing: -0.6px;}
	/* .main-company-txt .txt{margin-top: 10px; font-size: 13px; letter-spacing: -0.65px;} */
	.main-company-txt .btn-group{position: absolute; top: -22.5px; right: 0; margin-top: 0; z-index: 1000;}
	.main-company-txt .btn-group-inner{left: auto; right: 20px; width: 210px; height: 45px; padding: 0 25px 0 15px;}
	.main-company-txt .btn-group-inner:before{top: 0; right: 0; width: 40px; height: 40px;}
	.main-company-txt .btn-group-inner:after{top: 0; right: 0;}
	.main-company-txt .btn-group-inner .bg{top: 0; left: 0; width: 210px; height: 45px;}
	.main-company-txt .btn-group-inner button{width: 22px; height: 45px;}
	.main-company-txt .btn-group-inner button i{font-size: 13px;}
	.main-company-txt .btn-group-inner .main-company-next{margin-left: 8px;}
	.main-company-txt .btn-group-inner a{font-size: 17px; line-height: 45px;}
	.main-company-con02 .main-company-txt .btn-group{margin-top: 0; right: auto; left: 0;}
	.main-company-con02 .main-company-txt .btn-group-inner{left: 22px; right: auto; width: 210px; padding: 0 15px 0 25px;}
	.main-company-con02 .main-company-txt .btn-group-inner:before{right: auto; left: 0;}
	.main-company-con02 .main-company-txt .btn-group-inner:after{top: 0; right: auto; left: 0;}
	.main-company-con02 .main-company-txt .btn-group-inner .bg{width: 210px;}

    .main-company-con01 .main-company-txt .btn-group.aos-animate .btn-group-inner:before{top: -10px; right: -15px;}
	.main-company-con01 .main-company-txt .btn-group.aos-animate .btn-group-inner:after{top: 10px; right: -4px;}

/* Sec02 */
.company{
    padding: 100px 0 50px;
}
.company .company_list{flex-direction: column;}
.company .company_list {
    width: 100%;
    overflow: auto;
    white-space: wrap;
    gap: calc(100vw*(20 / 767));
    /* padding-right: calc(100vw*(40 / 767)); */
    /* padding-right: 0; */
    /* flex-direction: column; */
}

.company .company_list li {
    flex: 0 0 auto;
    width: 100%;
    height: calc(100vw*(800 / 767));
}

.company .company_list .explain {
    width: calc(100vw*(700 / 767));
}

.company .company_list .txt_area .txt {
    /* margin-top: calc(100vw*(16 / 767)); */
    /* font-size: calc(100vw * (18 / 767)); */
    font-size: 24px;
}

.company .hover .explain {
    bottom: calc(100vw*(50 / 767));
    left: calc(100vw*(40 / 767));
    right: calc(100vw*(40 / 767));
    width: calc(100% - calc(100vw*(80 / 767)));
}

.company .hover .explain .hgroup .title {
    font-size: calc(100vw * (44 / 767));
}

.company .hover .explain .hgroup .title .name {
    margin-right: calc(100vw*(6 / 767));
    vertical-align: middle;
}

.company .hover .explain .hgroup .title .arrow {
    width: calc(100vw*(13 / 767));
    height: calc(100vw*(20 / 767));
}

.company a[class^="btn_"].large,
.company button[class^="btn_"].large {
    padding: calc(100vw*(30 / 767)) calc(100vw * (48 / 767));
    font-size: calc(100vw * (28 / 767));
    line-height: 1.25;
}

}


/*=======================
640px
========================*/
@media screen and (max-width:640px){
 /* Sec 03 */
 .main-market-wrap .market-item .txt-box .tit strong {
    font-size: 16px;
    word-break: keep-all;
}

    /* Sec 04 */
    .notice-tit p a {
        font-size: 18px;
        color: #000;
        letter-spacing: -1px;
        font-weight: bold;
      }
    
      .notice-tit .notice-all i {
        font-size: 12px;
      }
      .notice em {
        width: 40px;
        font-size: 12px;
      }
    
      .notice p {
        width: 80%;
      }
    
      .notice p a {
        display: block;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 18px;
        color: #000;
        letter-spacing: -1px;
        font-weight: bold;
      }
    
      .notice_Wrap li .notice-date {
        font-size: 12px;
      }
    
      .subTit-Box .noti-subTit {
        font-size: 14px;
      }
    
      .subTit-Box .sub-int {
        font-size: 12px;
      }

      /* Sec05 */
      #section04 {
        padding: 50px 20px;
      }
    
      .location-tit{
        font-size: 32px;
      }
    
      .location-address{
        font-size: 20px;
      }
    
      .map-view a{
        font-size: 16px;
        width: 100px;
      }
}


/*=======================
480px
========================*/
@media screen and (max-width:480px){
    /* main visual */
.visual_con .banner_con {left: 20px;bottom: 30%;}
.visual_con .tit{font-size:34px;}
.visual_con .desc{font-size: 22px;}
.visual_con .desc{font-size: 20px;}

/* Sec01 */
.main-tit-box .main-tit{font-size: 45px;}
.main-tit-box .main-sub-tit01{font-size: 22px; word-break: keep-all;}
.main-sub-tit01 .br-none{display: none; }
.main-company-txt .txt{font-size: 20px;}


/* Sec02 */
.heading h3{font-size: 32px; word-break: keep-all;}
/* Sec 04 */
.notice-menu .noti-banner {
    flex-direction: column;
    gap: 20px;
  }

  .noti-banner li {
    width: 100%;
  }

  .noti-banner li a {
    height: 100px;
  }

  .menu-textWrap p {
    width: 80px;
  }

  .menuBox .menuWrap a span {
    font-size: 16px;
  }

  #mainProjectCon .main-txt{font-size: 20px;}

}

/*=======================
430px
========================*/
@media screen and (max-width:430px){
 /* Sec03 */
 .main-market-wrap .market-item{ width: 100%;}
}


/*=======================
375px
========================*/
@media screen and (max-width:375px){}