@import url('fonts.css');

 

*{


color: #222;

}

html,body{

overflow-x: hidden;

}

.header{

height: 90px;

width: 100%;

position: absolute;

left: 0;

top: 0;

z-index: 15;

}

.header.on{

position: fixed;

background-color: #fff;

border-bottom: 1px solid #f7f7f7;

}

.header .header_wrap{

width: 90%;

margin: auto;

display: flex;

align-items: center;

justify-content: space-between;

height: 90px;

}

.header .header_wrap .gnb> ul> li{

float: left;

text-align: center;

position: relative;

}

.header .header_wrap .gnb ul li a{

padding: 0 30px;

display: inline-block;

}

.header .header_wrap .gnb> ul> li>a{

height: 90px;

line-height: 90px;

position: relative;

}

.header .header_wrap .gnb> ul> li>a::after{

content: "";

position: absolute;

width: 80%;

height: 2px;

background-color: #2aa7d8;

bottom: 20px;

transition: .2s;

left: 10%;

transform: scaleX(0);

}

.header .header_wrap .gnb> ul> li>a.active::after{

transform: scaleX(1);

}

 

.header .header_wrap .gnb> ul> li>ul{

background-color: #fff;

border-radius: 20px;

position: absolute;

left: 50%;

height: 0;

padding: 0 20px;

transition: .5s;

width: 150%;

overflow: hidden;

border: 1px solid #e5e5e5;

transform: translateX(-50%);

box-sizing: border-box;

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

opacity: 0;

}

.header .header_wrap .gnb> ul> li>ul.hover{

height: 500px;

}

.header .header_wrap .gnb> ul> li>ul>li>a{

padding: 20px 0;

width: 100%;

}

.header .header_wrap .gnb> ul> li>ul>li>a:hover{

text-decoration: underline;

}

.header .header_wrap .header_right{

position: relative;

}

.header .header_wrap .header_right ul li{

float: left;

position: relative;

cursor: pointer;

}

.header .header_wrap .header_right ul li.search{

display: inline-block;

width: 28px;

height: 26px;

background-image: url('../img/main/search_icon.png');

background-repeat: no-repeat;

margin-right: 20px;

}

.header .header_wrap .header_right ul li.meun_icon{

display: inline-block;

width: 28px;

height: 24px;

background-image: url('../img/main/menu_icon.png');

background-repeat: no-repeat;

}

.search_wrap{

width: 100%;

height: 0;

background-color: #fff;

border-bottom: 1px solid #e5e5e5;

z-index: 50;

position: fixed;

transition: .2s;

overflow: hidden;

}

.search_wrap.on{

height: 200px;

}

.search_wrap .search_content{

width: 80%;

max-width: 1200px;

margin: auto;

}

.search_wrap .search_content .input_wrap{

width: 500px;

height: 50px;

border-radius: 20px;

margin: auto;

background-color: #f7f7f7;

overflow: hidden;

position: relative;

margin-top: 100px;

}

.search_wrap .search_content .input_wrap input{

width: 100%;

height: 100%;

background-color: transparent;

padding:0 20px ;

box-sizing: border-box;

border: 0;

}

.search_wrap .search_content .input_wrap .search_icon{

content: "";

position: absolute;

width: 28px;

height: 26px;

right: 20px;

top: 50%;

cursor: pointer;

transform: translateY(-50%);


background-image: url('../img/main/search_icon.png');

}

.search_wrap .close_wrap>div{

background-color: #000;

}

.total_menu{

width: 100%;

height: 100%;

position: fixed;

display: flex;

right: -100%;

transition: .2s;

z-index: 50;

background-color: #094359;

}

.close_wrap{

position: absolute;

cursor: pointer;

right: 10%;

top: 10%;

width: 30px;

height: 30px;

}

.close_wrap>div{

width: 30px;

height: 2px;

position: absolute;

background-color: #fff;

transition: .2s;

transform-origin: center;

top: 50%;

}

.close_wrap div.on{

transition-delay: .5s;

transform: translateY(-50%) rotate(45deg);

}

.close_wrap .r.on{

transform:translateY(-50%) rotate(-45deg);

}

.total_menu .total_menu_wrap{

display: flex;

width: 90%;

margin: auto;

align-items: center;

}

.total_menu .total_menu_wrap >ul{

display: flex;

width: 100%;

height: 100%;

justify-content: space-between;

}

.total_menu .total_menu_wrap >ul >li{

width: 20%;

padding: 30px;

box-sizing: border-box;

border-right: 1px solid rgba(255,255,255,0.1);

}

.total_menu .total_menu_wrap >ul >li:last-child{

border: 0;

}

.total_menu .total_menu_wrap >ul >li>a{

font-weight:500;

font-size: 30px;

padding-bottom: 20px;

}

.total_menu .total_menu_wrap >ul >li a{

line-height: 40px;

color: #fff;

display: inline-block;

}

.total_menu .total_menu_wrap >ul >li>ul>li>a:hover{

text-decoration: underline;

}

.banner{

position: relative;

}

.banner img{

width: 100%;

}

.banner img.mb{

display: none;

}

.banner .txt_wrap{

max-width: 1200px;

position: absolute;

left: 50%;

width: 80%;

transform: translateX(-50%);

}

.banner .txt_wrap .txt{

position: relative;

}

.banner .txt_wrap .txt .act{

width: 42px;

height: 42px;

background-image: url('../img/main/atc1.png');

position: absolute;

left: -20px;

top: -50px;

animation: circle2-rotate 12s linear infinite;

}

@keyframes circle2-rotate {

from {

transform: rotate(0deg);

}

to {

transform: rotate(359deg);

}

}

.banner .txt_wrap .txt .num_01{

font-size: 20px;

}

.banner .txt_wrap .txt h2{

font-weight:800;

font-size: 60px;

line-height: 80px;

}

.banner .txt_wrap .txt h2 span{

color: #2aa7d8;

}

.mySwiper {

overflow: unset;

}

.swiper-slide {

/* Center slide text vertically */

display: -webkit-box;

display: -ms-flexbox;

display: -webkit-flex;

display: flex;

-webkit-box-pack: center;

-ms-flex-pack: center;

-webkit-justify-content: center;

justify-content: center;

-webkit-box-align: center;

-ms-flex-align: center;

-webkit-align-items: center;

align-items: center;

}

.swiper-slide img{

width: 100%;

}

.banner .progress {

z-index: 100;

position: absolute;

left: 50%;

transform: translate(-50%,-50%);

top: 50%;

width: 70px;

height: 2px;

}

.banner .progress__bar {

opacity: 1;

position: relative;

left: 0;

right: 0;

width: auto;

height: 100%;

background: #818386;

}

.banner .progress__bar:after {

position: absolute;

top: 0;

left: 0;

width: 0;

height: 100%;

background: #2aa7d8;

content: "";

}

.banner .progress.animate .progress__bar:after {

transition: width linear;

width: 100%;

transition-duration: 7s;

}

.banner .swiper_btn_wrap{

max-width: 1200px;

width: 80%;

position: absolute;

left: 50%;

bottom: 180px;

transform: translateX(-50%);

z-index: 1;

}

.banner .swiper_btn_wrap .swiper_btn{

width: 180px;

position: relative;

color: #000;

font-size: 12px;

height: 20px;

}

.banner .swiper-button-next:after,

.banner .swiper-rtl .swiper-button-prev:after,

.banner .swiper-button-prev:after,

.banner .swiper-rtl .swiper-button-next:after{

display: none;

}

.banner .swiper-button-prev,

.banner .swiper-button-next{

width:7px;

height: 12px;

margin: 0;

background-repeat: no-repeat;

transform: translateY(-50%);

background-image: url('../img/main/main_arrow.png');

}

.banner .swiper-button-next{

transform: translateY(-50%) rotate(-180deg);

}

.banner .swiper-pagination{

top: 50%;

position: absolute;

transform: translateY(-50%);

height: 14px;

}

.banner .swiper-pagination-current{

position: absolute;

left: 30px;

}

.banner .swiper-pagination-total{

position: absolute;

right: 30px;

}

.banner .apply_btn{

width: 148px;

height: 147px;

background-image: url('../img/main/apply_btn.png');

animation: apply 2s linear infinite;

position: absolute;

left:5%;

bottom: 70px;

z-index: 3;

display: flex;

align-items: center;

cursor: pointer;

}

.banner .apply_btn p{

font-size: 26px;

margin: auto;

color: #fff;

padding-right: 5px;

text-align: center;

}

@keyframes apply {

0%{

bottom: 20px;

}

50% {

bottom : 10px;

}

100% {

bottom :20px;

}

}

.content{

padding: 80px 0;

position: relative;

}

.content .content_wrap{

max-width: 1200px;

position: relative;

margin: auto;

width: 80%;

/*overflow-y: auto;*/

}

.content._01 .content_wrap{

display: flex;

align-items: center;

overflow-y: unset;

}

.content._01 .content_wrap .left_img{

display: inline-block;

width: 50%;

position: relative;

padding: 50px 0;

}

.content._01 .content_wrap .left_img img{

width: 100%;

}

.content._01 .content_wrap .left_img img:nth-child(2){

position: absolute;

left: 0;

z-index: -1;

bottom: 80px;

animation: spinnAnim 8s infinite linear;

transform-origin: center;

}

@keyframes spinnAnim{

0%

{transform: rotate(0) scale(0.9)}

50%

{transform: rotate(180deg) scale(1.0)}

100%

{transform: rotate(360deg) scale(0.9)}

}

.content._01 .content_wrap .right_text{

display: inline-block;

width: 40%;

margin-left: 10%;

}

.content._01 .content_wrap .right_text h2{

font-size: 40px;

line-height: 60px;

font-weight: normal;

}

.content._01 .content_wrap .right_text h2 span{

font-weight:800;

}

.content._01 .content_wrap .right_text p.desc{

line-height: 32px;
font-weight:300;

margin: 45px 0 65px;

}

.content .content_wrap .line_btn{

width: 300px;

border-bottom: 1px solid #000;

padding: 5px;

cursor: pointer;

}

.content .content_wrap .line_btn:hover p::after{

right: -5px;

}

.content .content_wrap .line_btn p{

position: relative;

}

.content .content_wrap .line_btn p::after{

width: 13px;

height: 12px;

transition: .2s;

background-image: url('../img/main/arrow_blue.png');

content: "";

position: absolute;

right: 0;

top: 0;

}

.content._04 .content_wrap .line_btn p::after{

background-image: url('../img/main/arrow_black.png');

}

.content .content_wrap p.tit{

font-size: 36px;

margin-bottom: 30px;

}

.content .content_wrap p.tit span{

color: #2aa7d8;

}

.content._02{

}

.content._02 .content_wrap{

overflow-y: unset;

}

.content._02 .atc{

width: 97px;

height: 97px;

position: absolute;

animation: spinnAnim 18s infinite linear;

right: -87px;

top: -20px;

z-index: -1;

background-image: url('../img/main/atc2.png');

}

.content._02 .content_wrap .img_wrap{

display: flex;

justify-content: space-between;

text-align: center;

}

.content._02 .content_wrap .img_wrap .item_box{

width: 24%;

}

.content._02 .content_wrap .img_wrap .item_box .img{

border-radius: 20px;

overflow: hidden;

cursor: pointer;

margin-bottom: 20px;

}

.content._02 .content_wrap .img_wrap .item_box span{

font-size: 24px;

}

.content._02 .content_wrap .img_wrap .item_box img{

transition: .2s;

width: 100%;

}

.content._02 .content_wrap .img_wrap .item_box:hover img{

transform: scale(1.1);

}

.content._03{

background-color: #f7f7f7;

padding-bottom:200px;

}

.content._03 .content_wrap .content3_wrap .gnb{

display: inline-block;

width: 30%;

}

.content._03 .content_wrap .content3_wrap .gnb ul{

display: flex;

flex-direction: column;

}

.content._03 .content_wrap .content3_wrap .gnb ul li{

width: 100%;

border-radius: 20px;

border: 1px solid #e5e5e5;

background-color: #fff;

padding: 15px 35px;

box-sizing: border-box;

margin-bottom: 20px;

display: flex;

align-items: center;

cursor: pointer;

transition: .2s;

position: relative;

height: 71px;

}

.content._03 .content_wrap .content3_wrap .gnb ul li .desc{

font-size: 14px;

line-height: 24px;

}

.content._03 .content_wrap .content3_wrap .gnb ul li .logo,

.content._03 .content_wrap .content3_wrap .gnb ul li .desc{

display: none;

}

.content._03 .content_wrap .content3_wrap .gnb ul li.active{

background-color: #2aa7d8;

border: 0;

padding: 35px;

color: #fff;

height: auto;

}

.content._03 .content_wrap .content3_wrap .gnb ul li.active::after{

content: "";

width: 37px;

height: 42px;

background-image: url('../img/main/content2_arrow_icon.png');

position: absolute;

right: -30px;

top: 50%;

transform: translateY(-50%);

}

.content._03 .content_wrap .content3_wrap .gnb ul li .txt{

margin-left: 20px;

}

.content._03 .content_wrap .content3_wrap .gnb ul li.active .title{

font-weight:800;

color: #fff;

font-size: 22px;

}

.content._03 .content_wrap .content3_wrap .gnb ul li.active .logo,

.content._03 .content_wrap .content3_wrap .gnb ul li.active .desc{

color: #fff;

display: block;

}

.content._03 .content_wrap .content3_wrap .video_wrap{

float: right;

width: 65%;

}

.content._03 .content_wrap .content3_wrap .video_wrap .video{

border-radius: 20px;

overflow: hidden;

position: relative;

}

.content._03 .content_wrap .content3_wrap .video_wrap .video img{

width: 100%;

}

.content._03 .content_wrap .content3_wrap .video_wrap .video:not(:first-child){

display: none;

}

.content._03 .content_wrap .content3_wrap .video_wrap .video::after{

content: "";

position: absolute;

width: 100%;

left: 0;

height: 100%;

background-color: rgba(0,0,0,0.4);

}

.content._03 .content_wrap .content3_wrap .video_wrap .video span{

width: 81px;

height: 80px;

display: inline-block;

position: absolute;

background-image: url('../img/main/content2_play_icon.png');

z-index: 5;

left: 50%;

top: 50%;

transform: translate(-50%,-50%);

cursor: pointer;

}

.content._03 .content_wrap .content3_wrap .mb_gnb{

display: none;

}

.content._04{

background-color: #caeaf6;

padding-top: 100px;

overflow: unset;


}


.content._04 .content_wrap {
overflow:hidden;

}


.content._04 .wave{

background-image: url('../img/main/content4_wave.png');

width: 100%;

height: 100px;

position: absolute;

top: -100px;

z-index: 10;

animation: wave 6s infinite linear;

}

@keyframes wave {

0% {background-position-x:0;}

100% {background-position-x:-430px;}

}

.content._04 .content_wrap .txt_wrap{

width: 30%;

float: left;

}

.content._04 .content_wrap .content4_wrap{

width: 65%;

float: right;

}

.content._04 .content_wrap .content4_wrap .review_box{

float: left;

width: 47%;

}

.content._04 .content_wrap .content4_wrap .review_box:nth-child(even){

margin: 20% 0 0 4%;

}

.content._04 .content_wrap .content4_wrap .review_box:nth-child(3){

margin-top: -10%;

}

.content._04 .content_wrap .content4_wrap .review_box .img{

border-radius: 20px;

overflow: hidden;

}

.content._04 .content_wrap .content4_wrap .review_box .img img{

width: 100%;

}

.content._04 .content_wrap .content4_wrap .review_box .id{

opacity: .7;

padding: 20px 0 35px 20px;

}

.content._04 .content_wrap .content4_wrap .review_box .desc{

font-weight:300;

padding: 0 20px;

line-height: 32px;

}

.content._05 .content_wrap .notice_wrap{

display: flex;

justify-content: space-between;

}

.content._05 .content_wrap .notice_wrap .notice_box:not(:last-child){

border-right: 1px solid #e5e5e5;

}

.content._05 .content_wrap .notice_wrap .notice_box{

padding: 40px 20px;

position: relative;

cursor: pointer;

}

.content._05 .content_wrap .notice_wrap .notice_box:hover .arrow{

right:15px;

}

.content._05 .content_wrap .notice_wrap .notice_box .notice{

padding: 2px 10px;

background-color: #2aa7d8;

color: #fff;

font-size: 12px;

display: inline-block;

margin-bottom: 10px;

border-radius: 40px;

}

 

.content._05 .content_wrap .notice_wrap .notice_box .title{

font-size: 20px;

}

.content._05 .content_wrap .notice_wrap .notice_box .desc{

font-size: 16px;

font-weight:300;

opacity: .5;

text-overflow: ellipsis;

overflow: hidden;

word-break: break-word;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

margin: 30px 0 25px;

line-height: 30px;

width: 80%;

}

.content._05 .content_wrap .notice_wrap .notice_box .date{

font-size: 12px;

opacity: .5;

}

.content._05 .content_wrap .notice_wrap .notice_box .arrow{

width: 13px;

height: 12px;

background-image: url('../img/main/arrow_blue.png');

position: absolute;

right: 20px;

bottom: 15px;

transition: .2s;

cursor: pointer;

}

.footer{

clear: both;

}

.footer p,

.footer span{

color: #fff;

}

.footer .footer_top{

width: 100%;

height: 60px;

border-top:1px solid #e5e5e5;

}

.footer .footer_wrap{

max-width: 1200px;


margin: auto;

width: 80%;

}

.footer .footer_top .footer_wrap .gnb ul li{

float: left;

line-height: 60px;

padding-right: 50px;

}

.footer .footer_top .footer_wrap .top{

position: absolute;

right: 0;

top: -30px;

background-image: url('../img/main/top.png');

z-index: 10;

width: 138px;

height: 30px;

text-align: center;

line-height: 30px;

cursor: pointer;

font-size: 14px;

}

.footer .footer_bottom{

color: #f7f7f7;

background-color: #333;

height: 100%;


overflow-y: auto;
width: 100%;


}

.footer .footer_bottom .footer_wrap{

overflow-y: auto;

overflow-x: hidden;

left: 50%;

transform: translateX(-50%);

padding: 50px 0;

position: absolute;

height: 295px;

box-sizing: border-box;

}

.footer .footer_bottom .footer_left{

width: 60%;

float: left;

}

.footer .footer_bottom .footer_left .logo img{

width: 70px;

}

.footer .footer_bottom .footer_left .company{

font-size: 14px;

color: #fff;

line-height: 26px;

margin-top: 20px;

}

.footer .footer_bottom .footer_left .company span{

padding-top: 25px;

font-size: 12px;

display: inline-block;

}

.footer .footer_bottom .footer_right{

background-color: #222;

float: right;

box-sizing: border-box;

width: 40%;

height: 100%;

}

.footer .footer_bottom .footer_right .footer_wrap{

position: relative;

}

.footer .footer_bottom .footer_right .tit{

font-size: 16px;

}

.footer .footer_bottom .footer_right .call_num{
font-weight:800;

font-size: 40px;

margin: 16px 0 25px;

}

.footer .footer_bottom .footer_right .time{

opacity: .5;

font-size: 14px;

line-height: 26px;

}

@media all and (max-width: 1400px) {

.search_wrap .search_content,

.content .content_wrap,

.banner .swiper_btn_wrap,

.footer .footer_wrap,

.banner .txt_wrap{

width: 90%;

}

.header .header_wrap .header_right ul .input_box{

display: none;

}

}

@media all and (max-width: 1200px) {

@keyframes apply {

0%{

bottom: -90px;

}

50% {

bottom : -100px;

}

100% {

bottom :-90px;

}

}

.banner .swiper_btn_wrap{

bottom: 110px;

}

}

@media all and (max-width: 1024px) {

.header .header_wrap .gnb{

display: none;

}

}

@media all and (max-width: 960px) {

.total_menu .total_menu_wrap{

display: block;

margin: 150px auto;

}

.total_menu .total_menu_wrap >ul{

display: block;

}

.total_menu .total_menu_wrap >ul >li{

border-right: 0;

width: 100%;

border-bottom: 1px solid rgba(255,255,255,0.1);

padding: 20px 0;

position: relative;

}

.total_menu .total_menu_wrap >ul >li a{

padding:0 20px;

width: 100%;

}

.total_menu .total_menu_wrap >ul >li>span{

position: absolute;

width: 17px;

display: inline-block;

height: 9px;

background-image: url('../img/main/total_menu_arrow.png');

right: 20px;

top: 35px;

}

.total_menu .total_menu_wrap >ul >li>ul{

width: 80%;

margin-top: 10px;

height: 0;

overflow: hidden;

transition: .2s;

}

.total_menu .total_menu_wrap >ul >li.toggle>ul{

height: auto;

}

.total_menu .total_menu_wrap >ul >li.toggle span{

transform: rotate(180deg);

}

.banner img.mb{

display: block;

}

.banner img.pc{

display: none;

}

.banner .txt_wrap{

bottom: -200px;

}

.banner .swiper_btn_wrap{

bottom: -230px;

}

.banner .apply_btn{

right: 5%;

bottom: -300px;

left: auto;

}

@keyframes apply {

0%{

bottom: -360px;

}

50% {

bottom : -370px;

}

100% {

bottom :-360px;

}

}

.content._01{

margin: 250px 0 0;

}

.content._01 .content_wrap{

display: block;

padding-top: 100px;

}

.content._01 .content_wrap .left_img{

width: 80%;

padding: 0 10%;

}

@keyframes spinnAnim{

0%

{transform: rotate(0) scale(0.7)}

50%

{transform: rotate(180deg) scale(0.8)}

100%

{transform: rotate(360deg) scale(0.7)}

}

.content._01 .content_wrap .right_text{

width: 100%;

margin: 20px 0;

text-align: center;

}

.content._01 .content_wrap .right_text h2{

margin-top: 20px;

}

.content .content_wrap .line_btn{

text-align: left;

width: 50%;

position: relative;

left: 25%;

}

.content._02 .content_wrap .img_wrap{

flex-wrap: wrap;

}

.content._02 .content_wrap .img_wrap .item_box{

width: 49%;

margin-bottom: 30px;

}

.content._02 .atc{

right: 0;

top: 10px;

}

.content._03 .content_wrap .content3_wrap .gnb{

width: 100%;

}

.content._03 .content_wrap .content3_wrap .gnb ul{

flex-direction: unset;

justify-content: space-between;

}

.content._03 .content_wrap .content3_wrap .gnb ul li{

display: block;

height: auto;

padding: 10px 0px;

text-align: center;

margin: 0 10px 40px 0;

}

.content._03 .content_wrap .content3_wrap .gnb ul li.active{

padding: 10px 10px;

}

.content._03 .content_wrap .content3_wrap .gnb ul li .txt{

margin: auto;

}

.content._03 .content_wrap .content3_wrap .gnb ul li.active .title{

font-size: 18px;

}

.content._03 .content_wrap .content3_wrap .gnb ul li.active .logo, .content._03 .content_wrap .content3_wrap .gnb ul li.active .desc{

display: none;

}

.content._03 .content_wrap .content3_wrap .gnb ul li.active::after{

display: none;

}

.content._03 .content_wrap .content3_wrap .gnb ul li.active::before{

width: 20px;

height: 18px;

content: "";

position: absolute;

bottom: -15px;

left: 50%;

transform: translateX(-50%);

background-image: url('../img/main/mb_content2_arrow_icon.png');

}

.content._03 .content_wrap .content3_wrap .video_wrap{

width: 100%;

float: unset;

}

.content._03 .content_wrap .content3_wrap .mb_gnb{

width: 100%;

display: block;

}

.content._03 .content_wrap .content3_wrap .mb_gnb ul li{

border-radius: 20px;

background-color: #fff;

box-sizing: border-box;

padding: 30px 15px;

margin-top: 30px;


}


.content._03 .content_wrap .content3_wrap .mb_gnb ul li img{
width:auto;

}

.content._03 .content_wrap .content3_wrap .mb_gnb ul li:not(:first-child){

display: none;

}

.content._03 .content_wrap .content3_wrap .mb_gnb ul li .title{

padding: 20px 0 15px;

}

.content._03 .content_wrap .content3_wrap .mb_gnb ul li .desc{

font-size: 14px;

line-height: 24px;

}

.content._04 .content_wrap .txt_wrap{

width: 100%;

float: unset;

display: flex;

margin-bottom: 80px;

align-items: flex-end;

}

.content .content_wrap p.tit{

display: inline-block;

}

.content._04 .content_wrap .line_btn{

left: 0;

width: 45%;

margin-left: auto;

margin-bottom: 30px;

}

.content._04 .content_wrap .content4_wrap{

width: 100%;

float: unset;

}

.content._05 .content_wrap .notice_wrap{

flex-direction: column;

justify-content: unset;

}

.content._05 .content_wrap .notice_wrap .notice_box:not(:last-child){

border-right: 0;

border-bottom: 1px solid #e5e5e5;

}

.content._05 .content_wrap .notice_wrap .notice_box .desc{

display: none;

}

.content._05 .content_wrap .notice_wrap .notice_box .date{

margin-top: 10px;

}

.content._05 .content_wrap .notice_wrap .notice_box .arrow{

top: 50%;

transform: translateY(-50%);

}

.footer .footer_bottom .footer_right,

.footer .footer_bottom .footer_left{

width: 100%;

float: unset;

}

.footer .footer_bottom .footer_wrap{

position: relative;

margin: 0;

height: auto;

}

.footer .footer_top .footer_wrap .top{

display: none;

}

}

@media all and (max-width: 640px) {

.header .header_wrap .logo img{

width: 60%;

}

.search_wrap .search_content .input_wrap{

width: 90%;

}

 

.banner .txt_wrap .txt h2{

font-size: 40px;

line-height: 60px;

}

.content{

padding: 50px 0;

}

}

@media all and (max-width: 480px) {

.banner .apply_btn{

width: 100px;

height: 99px;

background-size: contain;

}

@keyframes apply {

0%{

bottom: -310px;

}

50% {

bottom : -320px;

}

100% {

bottom :-310px;

}

}

.banner .apply_btn p{

font-size: 18px;

}

.content._01 .content_wrap .right_text h2{

font-size: 30px;

line-height: 50px;

}

.content .content_wrap p.tit{

font-size: 30px;

}

.content._02 .content_wrap .img_wrap .item_box span{

font-size: 18px;

}

.content._03 .content_wrap .content3_wrap .gnb ul li.active .title,

.content._03 .content_wrap .content3_wrap .gnb ul li .title{

font-size: 14px;

}

.content._04 .content_wrap .content4_wrap .review_box .desc{

font-size: 14px;

line-height: 24px;

}

.footer .footer_top .footer_wrap .gnb ul li{

padding-right: 10px;

}

}

@media all and (max-width: 380px) {

.banner .txt_wrap{

bottom: -140px;

}

.banner .txt_wrap .txt .num_01{

font-size: 18px;

}

.banner .txt_wrap .txt h2{

font-size: 30px;

line-height: 50px;

}

}