@charset "UTF-8";
/*-------------------------------------------------
title       : 메인
Author      : PLAN I
Create date : 2024-01-01
-------------------------------------------------*/
.section{width: 100%; max-width: calc(128rem + 3.2rem); margin-top: 7rem; margin-left:auto; margin-right: auto; padding: 0 1.6rem;}
.section h2.title{display: block; width: 100%; color: var(--gray90); font-size: 3.2rem; font-weight: 700;}
.section:last-child{margin-bottom: 12rem;}
.section::after{content: ""; display: block; clear: both;}
.section1 h2.title{margin-bottom:3rem}
.latest{position: relative; padding-top: 9rem;}
.latest .latest_tab{position:relative;margin-top:-7.8rem;text-align:right}
.latest .latest_tab .group{display:inline-block}
.latest .latest_tab .group:last-child .label a{margin-right:11rem}
.latest .group >*{display: none;}
.latest .label{display: block;margin-left:2rem}
.latest .label a {
    position:absolute;top: 1.8rem;width: auto; height: 4.8rem; font-size: 1.9rem; font-weight: 700; text-align: center; line-height: 4.8rem; color: var(--gray70);
    -webkit-transition: all 0.2s; transition: all 0.2s;
  }
.section1 .latest .label a {
    position:relative;top:auto;width: auto; height: 4.8rem; font-size: 1.9rem; font-weight: 700; text-align: center; line-height: 4.8rem; color: var(--gray70);
    -webkit-transition: all 0.2s; transition: all 0.2s;
  }

.latest .label a:hover,
.latest .label a:focus{color: var(--secondary50);}
.latest .label a:before{
    content: ""; position: absolute; left: 50%; bottom:-1.2rem; width: 0; border-bottom: 0.4rem solid #003675;
    -webkit-transform: translateX(-50%); transform: translateX(-50%);
    -webkit-transition: all .3s; transition: all .3s;
}
.latest .label a:hover:before,
.latest .label a:focus:before{width: 100%;}
.latest .list{opacity: 0;}
.latest .list li{position: relative; text-align: left;}
.latest .list a{display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; position: relative; }
.latest .list,
.latest .blank {visibility: hidden; overflow: hidden; }
.latest .group.active >*{display: block;}
.latest .active .label a {color: var(--secondary50);}
.latest .active .label a:before{width: 100%;}
.latest .active .more {display: block;}
.latest .active .list,
.latest .active .blank {visibility: visible; overflow: visible; opacity: 1; width: 100%;}
.swiper-initialized {overflow: hidden;}
.swiper-initialized > * {display: -webkit-box; display: -ms-flexbox; display: flex; overflow: visible !important;}
.swiper-initialized > * > * {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0;}
.swiper-initialized > * > .swiper-button-lock{display: none;}
.swiper-initialized.swiper-vertical > * {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.swiper-initialized.swiper-vertical [role=group] {overflow: hidden; max-height: 100%; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.swiper-initialized .swiper-pagination-bullets {display: block;}
.popupzone_wrap .prev::before{font-family: "remixicon"; content: "\ea64"; display: block; width: 100%; height: 100%; line-height: inherit;}
.popupzone_wrap .next::before{font-family: "remixicon"; content: "\ea6e"; display: block; width: 100%; height: 100%; line-height: inherit;}
.popupzone_wrap .play::before{font-family: "remixicon"; content: "\f00a"; display: block; width: 100%; height: 100%; line-height: inherit;}
.popupzone_wrap .pause::before{font-family: "remixicon"; content: "\efd7"; display: block; width: 100%; height: 100%; line-height: inherit;}
.popupzone_wrap button {display: inline-block; overflow: hidden; color: #fff; text-align: center; line-height: inherit; vertical-align: middle; }
.more{display: block; padding-right: 3rem; line-height: 3.2rem; color: var(--gray90);}
.more:before,
.more:after{
    content: ""; display: block; position: absolute; top: 50%; right: 0.4rem; width: 2rem; height: 0.2rem; background-color: var(--gray80); border-radius: 5rem; margin-top: -0.1rem;
    -webkit-transform: rotate(0); transform: rotate(0);
    -webkit-transition: all 0.2s; transition: all 0.2s;
}
.more:after{
    -webkit-transform: rotate(90deg); transform: rotate(90deg);
}
.more:hover:before{
    -webkit-transform: rotate(180deg); transform: rotate(180deg);
}
.more:hover:after{
    -webkit-transform: rotate(270deg); transform: rotate(270deg);
}
.arrow{display: flex; align-items: flex-start; justify-content: flex-start;  color: var(--gray90); font-size: 1.7rem; line-height: 2rem;}
.arrow:after{
    content: ""; display: block; width: 2rem; height: 2rem; margin-left: 0.4rem; background: url(../images/main/icon_arrow.svg) no-repeat center center; background-size: 100% auto;
    -webkit-transform: translateX(0); transform: translateX(0);
    -webkit-transition: all 0.2s; transition: all 0.2s;
}
.arrow:hover:after{
    -webkit-transform: translateX(0.5rem); transform: translateX(0.5rem);
}

.section1{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;margin-top:0;padding-top:7rem}
.section1 .latest{width: calc(100% - 41rem - 2.4rem);height:46.6rem; margin-right: 2.4rem;padding-top:0}

.section1 .latest .list li:not(:first-child){margin-top: 3.1rem;}
.section1 .latest .list a .info{display: block; width: 4.2rem; margin-right: 1.4rem; padding: 0 0.8rem; background-color: #F0F3FF; color: #1C4EFC; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; border-radius: 0.4rem; }
.section1 .latest .list a .desc {display: block; width: calc(100% - 4.2rem - 1.4rem - 10rem); font-size: 0;}
.section1 .latest .list a .title {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -webkit-linear-gradient(left, #555, #555, #555);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -o-linear-gradient(left, #555, #555, #555);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, #555, #555, #555);
    background-size: 100% 0.1rem, 0 0.1rem !important;
    background-position: 100% 100%, 0 100% !important;
    background-repeat: no-repeat !important;
    -webkit-transition: background-size 0.4s; transition: background-size 0.4s;
    overflow: hidden; display: inline-block; width: auto; max-width: 100%; text-overflow: ellipsis; white-space: nowrap;  font-size: 1.7rem; line-height: 2.4rem; font-weight: normal;
}
.section1 .latest .list a .date {display: block; width: 10rem; font-size: 1.7rem; color: var(--gray70); text-align: right; line-height: 2.4rem;}
.section1 .latest .list a .date strong {font-weight: normal;}
.section1 .latest .list a:hover .title, 
.section1 .latest .list a:focus .title {background-size: 0 0.1rem, 100% 0.1rem !important;}
.section1 .latest .list,
.section1 .latest .blank {position:absolute;left:0;top:8rem;width: 100%; height: 0;padding: 4rem 3.2rem; border-radius: 1.2rem; border: 1px solid var(--gray40);text-align:left}
.section1 .latest .more {display: none; overflow: hidden; position: absolute; right: 0; top:.8rem;
color: var(--gray90); font-size: 1.7rem; padding-right: 2.8rem}
.section1 .latest .more:hover::before, 
.section1 .latest .more:focus::before {
    -webkit-transform: rotate(180deg); transform: rotate(180deg);
}
.section1 .latest .active .list,
.section1 .latest .active .blank {height: 38.6rem;}
.section1 .latest .active .more{display:block}
.section1 .popup {overflow: hidden;position: relative; z-index: 0; width:41rem;border-radius: 1.2rem;}
.section1 .popupzone_wrap{position:relative}
.section1 .popupzone_wrap .control {display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; position: absolute; right:0; top:0; z-index:1; height: auto;}
.section1 .popupzone_wrap .control > button {
    order: 2; position: relative; width: 4rem; height: 4rem; margin-left: 0.4rem; text-indent: -9999px; background-color: var(--white); border-radius: 50%; 
    -webkit-transition: all 0.2s; transition: all 0.2s;border:1px solid #e4e4e4;
}
.section1 .popupzone_wrap .control button:hover,
.section1 .popupzone_wrap .control button:focus{background-color: var(--gray20);}
.section1 .popupzone_wrap .control button.play,
.section1 .popupzone_wrap .control button.pause{display:none;overflow:hidden;width:2.4rem;height:4rem;margin-left:.5rem}
.section1 .popupzone_wrap .control button.play:before,
.section1 .popupzone_wrap .control button.pause:before{display:inline-block;position:static}
.section1 .popupzone_wrap .control button:before{position: absolute; top: 0; left: 0; text-indent: 0; font-size: 2.4rem; color: var(--gray80); line-height: 4rem; }
.section1 .popupzone_wrap .pager_wrap{display: flex; order: 1; padding: 0 1.3rem 0 1.6rem; width: auto; line-height: 4rem; background-color: var(--white); color: var(--gray90); font-size: 1.7rem; font-weight: 700; border-radius: 10rem;border:1px solid #e4e4e4}
.section1 .popupzone_wrap .pager_wrap button.active{display:block}
.section1 .popupzone_wrap .pager_wrap button:hover,
.section1 .popupzone_wrap .pager_wrap button:focus{background:none}
.section1 .popupzone_wrap .pager_wrap button:before{font-size:2.2rem}
.section1 .popupzone_wrap .pager{width:auto}
.section1 .popupzone_wrap .pager .swiper-pagination-current{color: var(--secondary50);}
.section1 .popupzone_wrap .pager span {
    display: inline-block !important; width: auto; height: auto;
    -webkit-transition: all 0.2s; transition: all 0.2s;
}
.section1 .popupzone_wrap .list{height:100%}
.section1 .popupzone_wrap .list li{height:38.6rem;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.section1 .popupzone_wrap .list a {display: block; overflow: hidden;width:100%;height:100%; background-color: var(--white);}
.section1 .popupzone_wrap .list a img {width:100%;height:100%;
    -webkit-transition: all 0.2s; transition: all 0.2s;
}
.section1 .popupzone_wrap .list a:hover img, 
.section1 .popupzone_wrap .list a:focus img {
    opacity: 0.75;
    -webkit-transform: scale(1.1); transform: scale(1.1);
}

.section2{position: relative;display:flex;}
.section2 .col{position:relative;}
.section2 .col:first-child{flex:auto}
.section2 .fax{display:flex;align-items:flex-end;width:40rem;margin-left:2.4rem;flex-shrink:0}
.section2 .fax a,
.section2 .fax button{display:block;width:100%}
.section2 .webfax{display:flex;flex-direction:column;justify-content:center;height:16.6rem;background:#F8F8F8 url(../images/main/icon_fax.png) right 3rem center no-repeat;background-size:7.7rem auto;border-radius:1.2rem;padding:1.5rem 12rem 1.5rem 3rem;text-align:left;border:1px solid transparent;transition:all .3s;line-height:1.5}
.section2 .webfax .title{display:block;margin-bottom:1rem;font-size:2.3rem;letter-spacing:.023rem}
.section2 .webfax > span,
.section2 .webfax > p{display:block;color:#555}
.section2 a:hover .webfax,
.section2 a:focus .webfax,
.section2 button:hover .webfax,
.section2 button:focus .webfax{border-color:var(--gray40)}
.section2 .list{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin-top: 3rem;}
.section2 .list >li{width: calc((100% - 4.8rem) / 3); margin-left: 2.4rem;}
.section2 .list >li:first-child{margin-left: 0;}
.section2 .list >li >a{
    display: block; padding: 3.2rem 3.2rem 2.8rem;height:16.6rem; background-color: #fff; border: 1px solid var(--gray40); border-radius: 1.2rem;
    -webkit-transition: all 0.2s; transition: all 0.2s;
}
.section2 .list >li >a:hover{box-shadow: 0 0.4rem 2rem 0 rgba(0, 0, 0, 0.1);}
.section2 .list >li >a >.info{display: inline-block; padding: 0 0.8rem; background-color: #F0F3FF; color: #1C4EFC; font-size: 1.5rem; line-height: 2.4rem; border-radius: 0.4rem;}
.section2 .list >li >a >.desc{display: block;margin-top: 1.4rem;}
.section2 .list >li >a >.desc >strong{overflow: hidden; display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; color: var(--gray90); font-weight: 700; font-size: 1.9rem;}
.section2 .list >li >a >.desc >strong {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -webkit-linear-gradient(left, #555, #555, #555);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -o-linear-gradient(left, #555, #555, #555);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, #555, #555, #555);
    background-size: 100% 0.1rem, 0 0.1rem !important;
    background-position: 100% 100%, 0 100% !important;
    background-repeat: no-repeat !important;
    -webkit-transition: background-size 0.4s; transition: background-size 0.4s;
}
.section2 .list >li >a:hover >.desc >strong, 
.section2 .list >li >a:focus >.desc >strong {background-size: 0 0.1rem, 100% 0.1rem !important;}
.section2 .list >li >a >.date{display: block;margin-top: 0.3rem;color: var(--gray70);font-size: 1.6rem;letter-spacing:-.11rem}
.section2 .more{position: absolute; top: 0.75rem; right:0;}

.section3 .latest .group1 .label a {left: 0;}
.section3 .latest .group2 .label a {left: calc(5rem + 2.4rem);}
.section3 .latest .group.active .list{display: flex; }
.section3 .latest .list:after{content: ""; display: block; clear: both;}
.section3 .latest .list >li{min-width: calc((100% - 9.6rem) / 5);}
.section3 .latest .list >li:first-child{margin-left: 0;}
.section3 .latest .list >li >a{display: -ms-grid; display: grid; -ms-grid-columns: 9.6rem calc(100% - 9.6rem); grid-template-columns: 9.6rem calc(100% - 9.6rem); -ms-grid-rows: 2.55rem auto; grid-template-rows: 2.55rem auto; justify-content: start; align-items: start; position: relative;}
.section3 .latest .list >li >a:before{
    content: ""; display: block; -ms-grid-row: 1; -ms-grid-row-span: 3; grid-row: 1/3;  position: relative; z-index: 1; width: 8rem; height: 8rem; background-repeat: no-repeat; background-position: center center; background-size: 4rem auto;
    -webkit-transform: translateY(0); transform: translateY(0);
    -webkit-transition: all 0.2s; transition: all 0.2s;
}
.section3 .latest .list >li.youth >a:before{background-image: url(../images/main/icon_youth.svg);}
.section3 .latest .list >li.middle >a:before{background-image: url(../images/main/icon_middle.svg);}
.section3 .latest .list >li.female >a:before{background-image: url(../images/main/icon_female.svg);}
.section3 .latest .list >li.disability >a:before{background-image: url(../images/main/icon_disability.svg);}
.section3 .latest .list >li.foreigner >a:before{background-image: url(../images/main/icon_foreigner.svg);}
.section3 .latest .list >li >a:hover:before{
    -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem);
}
.section3 .latest .list >li >a:after{content: ""; display: block; position: absolute; top: 0; left: 0; width: 8rem; height: 8rem; background-color: var(--secondary5);  border-radius: 1.2rem;}
.section3 .latest .list >li >a >strong{display: block; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2/4; color: var(--gray90); font-size: 1.7rem; font-weight: 700;}
.section3 .latest .list >li >a >strong span{
    display: inline-block;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -webkit-linear-gradient(left, #555, #555, #555);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -o-linear-gradient(left, #555, #555, #555);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, #555, #555, #555);
    background-size: 100% 0.1rem, 0 0.1rem !important;
    background-position: 100% 100%, 0 100% !important;
    background-repeat: no-repeat !important;
    -webkit-transition: background-size 0.2s; transition: background-size 0.2s;
}
.section3 .latest .list >li >a:hover >strong span,
.section3 .latest .list >li >a:focus >strong span{background-size: 0 0.1rem, 100% 0.1rem !important;}
.section3 .latest .list >li.icon_area2_1 >a:before{background-image: url(../images/main/icon_area2_1.svg);}
.section3 .latest .list >li.icon_area2_2 >a:before{background-image: url(../images/main/icon_area2_2.svg);}
.section3 .latest .list >li.icon_area2_3 >a:before{background-image: url(../images/main/icon_area2_3.svg);}
.section3 .latest .list >li.icon_area2_4 >a:before{background-image: url(../images/main/icon_area2_4.svg);}
.section3 .latest .list >li.icon_area2_5 >a:before{background-image: url(../images/main/icon_area2_5.svg);}
.section3 .latest .list >li.icon_area2_6 >a:before{background-image: url(../images/main/icon_area2_6.svg);}
.section3 .latest .list >li.icon_area2_7 >a:before{background-image: url(../images/main/icon_area2_7.svg);}
.section3 .latest .list >li.icon_area2_8 >a:before{background-image: url(../images/main/icon_area2_8.svg);}



.section3 .latest .list >li >a >span{display: block; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2/4; margin-top: 0.85rem; color: var(--gray90); font-size: 1.5rem;}
.section3 .latest .list >li >a >span span{display: block;}
.section3 .latest .group .control button{display:block}
.section3 .latest .group .control button.swiper-button-lock{display:none}
.section3 .latest .group .control .play,
.section3 .latest .group .control .pause{display:none}
.section3 .latest .group .control .pager {margin-top: 1rem; text-align: center;}
.section3 .latest .group .control .pager .swiper-pagination-bullet{opacity: 1; background: var(--secondary5);}
.section3 .latest .group .control .pager .swiper-pagination-bullet-active{background: #246BEB;}
.section3 .latest .group .control .prev,
.section3 .latest .group .control .next{position:absolute;right:0;top:2rem;display:inline-block;width:4rem;height:4rem;line-height:4rem;overflow:hidden;border:1px solid #ddd;border-radius:50%}
.section3 .latest .group .control .prev{right:4.4rem}
.section3 .latest .group .control .prev:before,
.section3 .latest .group .control .next:before{font-family:"remixicon";display:block;width:100%;height:100%;font-size:2.4rem}
.section3 .latest .group .control .prev:before{content:"\ea64"}
.section3 .latest .group .control .next:before{content:"\ea6e"}

.section4{display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-column-gap: 2.4rem;}
.section4 h2.title{-ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3;}
.section4 >div{position:relative;display: -ms-grid; display: grid; -ms-grid-columns: .8fr 1fr 1fr; grid-template-columns: .8fr 1fr 1fr;align-items:start;margin-top: 3rem; padding: 3.4rem 4rem 3rem; border-radius: 1.2rem;}
.section4 >.stat{-ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1/2;  background-color: #F3F3F6;}
.section4 >.wage{-ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 2/3; background-color: #EDF1F5;}
.section4 >div >strong{display: block; padding-right: 2.4rem; color: var(--gray90); font-size: 1.7rem; font-weight: 400;}
.section4 >div >strong em{display: block; color: #1D1D1D; font-size: 2.5rem; font-weight: 700;}
.section4 >div >ul{display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; -ms-grid-column: 2; -ms-grid-column-span: 4; grid-column: 2/4; position: relative; width: 100%;}
.section4 >div >ul:before{content: ""; display: block; position: absolute; top: 1rem; left: 50%; width: 1px; height: calc(100% - 2rem); background-color: #C6C6C6;}
.section4 >div >ul >li{width: 50%; padding-right: 2.4rem; color: #555; font-size: 1.7rem; text-align: right;}
.section4 >div >ul >li:nth-child(2){padding-right: 0; padding-left: 2.4rem;}
.section4 >div >ul >li >strong{display: block; color: var(--gray90); font-size: 1.7rem; font-weight: 400;}
.section4 >div >ul >li >em{display: inline-block; margin-top: 1rem; margin-right: 0.4rem; color: #1D1D1D; font-size: 2.5rem; font-weight: 700; line-height: 1;}
.section4 >div >ul >li >span{display: block; color: #555; font-size: 1.5rem;}
.section4 >div >.arrow{position:absolute;left:4rem;bottom:4.4rem;color: var(--gray90); font-size: 1.7rem; line-height: 2rem;}
.section4 >div >.arrow:after{content: ""; display: block; width: 2rem; height: 2rem; margin-left: 0.4rem; background: url(../images/main/icon_arrow.svg) no-repeat center center; background-size: 100% auto; }
.section4 >div >.calc{
    display: flex; align-items: center; justify-content: center; -ms-grid-column: 2; -ms-grid-column-span: 4; grid-column: 2/4; margin-top: 1.8rem; padding: 1.025rem 1rem; background-color: #1C4EFC; border: 1px solid #1C4EFC; text-align: center; color: #fff; border-radius: 0.8rem; font-size: 1.7rem;
    -webkit-transition: all 0.2s; transition: all 0.2s;
}
.section4 >div >.calc:hover{background-color: var(--white); color: #1C4EFC;}
.section4 >div >.calc:after{
    content: ""; display: block; width: 2rem; height: 2rem; margin-left: 0.4rem; background: url(../images/main/icon_calc.svg) no-repeat center center; background-size: 100% auto;
    -webkit-transition: all 0.2s; transition: all 0.2s;
}
.section4 >div >.calc:hover:after{background-image: url(../images/main/icon_calc02.svg);}

.section5{display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 2.4rem; position: relative; padding-top: 8rem; padding-bottom: 8rem; background-color: #EDF1F5;}
.section5:before{content: ""; display: block; position: absolute; top: 0; left: -50vw; z-index: -1; width: 200vw; height: 100%; background-color: #EDF1F5;}
.section5 h2.title{-ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1/4;}
.section5 >div{margin-top: 2.4rem;}
.section5 >.intr{position: relative; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1/3;}
.section5 >.intr >ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 100%; height: 100%;}
.section5 >.intr >ul >li{width: calc((100% - 2.4rem) / 2);}
.section5 >.intr >ul >li:nth-child(n+3){margin-top: 2.4rem;}
.section5 >.intr >ul >li >a{
    display: block;
    padding: 2.4rem 3.2rem 3.2rem;
    background-color: var(--white);
    border-radius: 1.2rem;
    border: 1px solid #EDF1F5;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.section5 >.intr >ul >li >a:hover{box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);}
.section5 >.intr >ul >li >a strong{display: block; color: var(--gray90); font-size: 1.9rem; font-weight: 700;}
.section5 >.intr >ul >li >a .tel{display: block;margin-top: 1.4rem;color: var(--gray70);font-size: 1.7rem;}
.section5 >.intr >ul >li >a .arrow{align-items: flex-end;justify-content: flex-end;margin-top: 3.2rem;}
.section5 >.intr >ul >li >a:hover .arrow:after{
    -webkit-transform: translateX(0.5rem); transform: translateX(0.5rem);
}
.section5 >.intr >ul >li >a .arrow:hover:after{
    -webkit-transform: translateX(0); transform: translateX(0);
}
.section5 >.intr .more{position: absolute; top: -6rem; right: 0;}
.section5 >.cons >a{
    display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; position: relative; width: 100%; height: 100%; padding: 3.4rem 4rem 4rem; background: #F8F8F8 url(../images/main/bg_call.png) no-repeat right 5.7rem bottom 8rem; background-size: 10.8rem 11.9rem; border-radius: 1.2rem;
    -webkit-transition: all 0.2s; transition: all 0.2s;
}
.section5 >.cons >a:hover{box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);}
.section5 >.cons >a strong{display: block; font-size: 1.7rem; color: #1D1D1D; font-weight: 400;}
.section5 >.cons >a strong em{display: block; margin-top: 1.3rem; font-size: 3.2rem; font-weight: 700; letter-spacing: 0.032rem;}
.section5 >.cons >a p{display: block; width: 100%; margin-top: 1.5rem; color: var(--gray70); font-size: 1.7rem;} 
.section5 >.cons >a p span{display: block;}
.section5 >.cons >a span.arrow{position: absolute; bottom: 5rem; left: 4rem; width: 100%;}
.section5 >.cons >a:hover span.arrow:after{
    -webkit-transform: translateX(0.5rem); transform: translateX(0.5rem);
}
.section5 >.cons >a span.arrow:hover:after{
    -webkit-transform: translateX(0); transform: translateX(0);
}

/* 반응형 */
@media (max-width: 1289px) {
    .section2 .fax{width:33rem}
    .section2 .webfax{padding:1.5rem 8rem 1.5rem 3rem;background-position:right 3rem bottom 3rem;background-size:5rem auto}
    .section2 .webfax .title{font-size:2rem}
    .section2 .webfax > p{font-size:1.5rem}
    .section2 .list >li >a{padding:3.2rem 1.5rem 2.8rem}
}
@media (max-width:1200px){
    .section4 >div >ul >li >em{font-size:2.3rem}
}
@media (max-width:1080px){
    .section2 .list >li >a >.date{font-size:1.4rem}
}
@media (max-width: 1024px) {
    .section{margin-top:6rem;padding-top:0}
    .section:last-child{margin-bottom: 9rem;}
    .latest{padding-top: 8rem;}
    .section2 .list{margin-top: 2.4rem;}
    .section2 .list >li{width:calc((100% - 3rem) / 3);margin-left:1.5rem}
    .section3 .latest .list >li{min-width: calc((100% - 7.2rem) / 4);}
    .section3 .latest .group .control .prev,
    .section3 .latest .group .control .next{top:.5rem}
    .section4 >div{margin-top: 2.4rem;padding:3rem 2rem}
    .section4 >div >.arrow{left:2rem}
    .section5{padding-top: 6rem; padding-bottom: 6rem;}
}
@media (max-width: 900px) {
    .latest .label{margin-left:1rem}
    .latest .label a{font-size:1.7rem}
    .latest .latest_tab .group:last-child .label a{margin-right:10rem}
    .section2 .list >li >a{padding:2rem;height:auto}
    .section2{display:block}
    .section2 .fax{width:100%;margin:2rem 0 0 0}
    .section2 .webfax{height:13rem}
}
@media (max-width: 840px) {
    .section1{display: block;}
    .section1 .latest{width: 100%; margin-right: 0;margin-bottom:6rem}
    .section1 .popup{width: 100%;height:auto; border: 1px solid var(--gray40);}
    .section1 .popup .list a{width:auto}
    .section1 .popup .list a img{width:auto;height:100%}
    
    .section3 .latest .list >li{min-width: calc((100% - 4.8rem) / 3);}
    .section4{display: block;}
    .section4 >.stat{padding-bottom:7rem}
    .section4 >.wage{margin-top: 2.4rem;}
    .section5{display: block;}
    .section5 >.cons >a{background-size: 8rem auto; background-position: right 3rem bottom 3.5rem;}
    .section5 >.cons >a p span{display: inline-block;}
    .section5 >.cons >a span.arrow{position: relative; bottom: auto; left: auto; margin-top: 6rem;}
}
@media (max-width: 600px) {
    .section{margin-top: 4rem;}
    .section:last-child{margin-bottom: 6rem;}
    .latest{padding-top: 6.4rem;}
    .latest .label a{top: 0.4rem; height: 4rem; line-height: 4rem;}
    .section1 .latest{height:38.8rem;margin-bottom:4rem}
    .section1 .latest .list, 
    .section1 .latest .blank{padding: 3rem 2.4rem;}
    .section1 .latest .active .list, 
    .section1 .latest .active .blank{height:31rem}
    .section1 .latest .list li:not(:first-child){margin-top: 2rem;}
    .section1 .latest .more{top:.8rem}
    .section1 .popupzone_wrap .list li{height:auto}
    .section1 .popup .list a{width:100%}
    .section1 .popup .list a img{width:100%}
    .section2 .list{margin-top: 1.4rem;}
    .section2 .list >li{width:100%; margin:1.4rem 0 0}
    .section2 .list >li:first-child{margin-top:0}
    .section2 .list >li >a{padding: 2.4rem;}
    .section3 .latest .list >li{min-width: calc((100% - 7.2rem) / 4);}
    .section4 >div{margin-top: 1.4rem; padding: 2.4rem; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr;}
    .section4 >.wage{margin-top: 1.4rem;}
    .section4 >div >ul{-ms-grid-column: 2; -ms-grid-column-span: 5; grid-column: 2/5;}
    .section4 >div >.calc{-ms-grid-column: 2; -ms-grid-column-span: 5; grid-column: 2/5;}
    .section5{padding-top: 4rem; padding-bottom: 4rem;}
    .section5 >div{margin-top: 1.4rem;}
    .section5 >.intr >ul >li{width: calc((100% - 1.4rem) / 2);}
    .section5 >.intr >ul >li:nth-child(n+3){margin-top: 1.4rem;}
    .section5 >.intr >ul >li >a{padding: 2.4rem 2.4rem 2.7rem;}
    .section5 >.cons >a{padding: 2.4rem 2.4rem 2.7rem;}
    .section5 >.cons >a strong em{margin-top: 0.2rem;}
    .section5 >.cons >a p{margin-top: 0.5rem;}
}
@media (max-width: 480px) {
    .section4 >.stat{padding-bottom:3rem}
    .section4 >div{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
    .section4 >div >strong{order: 1;}
    .section4 >div >strong em{display: inline-block;}
    .section4 >div >ul{order: 3; margin-top: 1rem;}
    .section4 >div >.arrow{position:static;order: 2; margin-top: 0.75rem;}
    .section4 >div >.calc{order: 4; width: 100%; padding: 0.7rem 1rem;}
    .section5 >.intr >ul >li >a .tel{margin-top: 0.4rem;}
    .section5 >.intr >ul >li >a .arrow{margin-top: 1.4rem;}
}
@media (max-width: 400px) {
    .section1 .latest{height:43rem}
    .section1 .latest h2.title{margin-bottom:0}
    .section1 .latest .label{margin:0 1rem 0 0}
    .section1 .latest .latest_tab{margin-top:0;text-align:left}
    .section1 .latest .list, 
    .section1 .latest .blank{top:7rem}
    .section1 .latest .latest_tab .group:last-child .label a{margin-right:0}
    .section1 .latest .more{top:-4rem}

    .section1 .popup{border:0}
    .section1 .popup .list a,
    .section1 .popup .list a img{width:100%}
    .section1 .popupzone_wrap .list li{height:auto}
    .section2 .list >li{width: 100%; margin-left: 0;}
    .section2 .list >li:nth-child(n+2){margin-top: 1.2rem;}
    .section3 .latest .list >li{min-width: calc((100% - 2.4rem) / 2);}
    .section4 >.wage{margin-top: 1.2rem;}
    .section5 >.intr >ul{display: block;}
    .section5 >.intr >ul >li{width: 100%;}
    .section5 >.intr >ul >li:nth-child(n+2){margin-top: 1.2rem;}
    .section5 >.cons{margin-top: 1.2rem;}
}