@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------
    비주얼영역
------------------------------------------------------------------------------------------------------------------------*/
.visual_wrap {position: relative; width: 100%;overflow: hidden}
.visual_swiper {display: block;}
.visual_swiper .swiper-slide {position: relative;overflow: hidden;width: 100%;height: 100vh;background: #01083c}
.visual_swiper .swiper-slide .text {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);margin-top: -80px;/*margin-top: -170px;*/display: block;z-index: 5}
.visual_swiper .swiper-slide .text img {max-width: 1000px;}
.visual_swiper .swiper-slide .img {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;z-index: 1}
.visual_swiper .swiper-slide .img:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1}

.visual_swiper .swiper-slide .bg_color1 {background: url("/static/images/main/visual_global01.jpg") no-repeat center top;background-size: cover;}
.visual_swiper .swiper-slide .bg_color2 {background: url("/static/images/main/visual_global02.jpg") no-repeat center top;background-size: cover;}
.visual_swiper .swiper-slide .bg_color3 {background: url("/static/images/main/visual_global03.jpg") no-repeat center top;background-size: cover;}
.visual_swiper .swiper-slide .bg_color4 {background: url("/static/images/main/visual_global.png?240409") no-repeat center top;background-size: cover;}

.visual_swiper .swiper-slide .bg_color1:before {background: #000;opacity: 0.6;}
/*.visual_swiper .swiper-slide .bg_color2:before {background: transparent linear-gradient(93deg, #1ca3e0 0%, #01083c 100%) 0% 0% no-repeat padding-box;opacity: 0.6;}
.visual_swiper .swiper-slide .bg_color3:before {background: transparent linear-gradient(93deg, #157ec2 0%, #f5ac02 100%) 0% 0% no-repeat padding-box;opacity: 0.6;}
.visual_swiper .swiper-slide .bg_color4:before {background: transparent linear-gradient(93deg, #f5ac02 0%, #157ec2 100%) 0% 0% no-repeat padding-box;opacity: 0.6;}*/


/*
.visual_swiper .swiper-slide .bg_color1 {background: url("/static/images/main/visual_01.jpg") no-repeat center top;background-size: cover}
.visual_swiper .swiper-slide .bg_color2 {background: url("/static/images/main/visual_02.jpg") no-repeat center top;background-size: cover}
.visual_swiper .swiper-slide .bg_color3 {background: url("/static/images/main/visual_03.jpg") no-repeat center top;background-size: cover}

.visual_swiper .swiper-slide .bg_color1:before {background: transparent linear-gradient(93deg, #0087C3 0%, #B44796 100%) 0% 0% no-repeat padding-box;opacity: 0.8;}
.visual_swiper .swiper-slide .bg_color2:before {background: transparent linear-gradient(93deg, #014f88 0%, #26a1f0 100%) 0% 0% no-repeat padding-box;opacity: 0.8;}
.visual_swiper .swiper-slide .bg_color3:before {background: transparent linear-gradient(93deg, #f15f74 0%, #00a3e3 100%) 0% 0% no-repeat padding-box;opacity: 0.8;}
*/


.visual_swiper .swiper-pagination {bottom: 25px !important}
.visual_swiper .swiper-pagination-bullet {width: 20px;height: 20px;background: #ffff;cursor: pointer;box-shadow: 0 3px 6px #00000029;opacity: 0.6;margin: 0 6px !important}
.visual_swiper .swiper-pagination-bullet-active {opacity: 1;}


.visual_quickBtn {position: absolute;bottom: 0;/*bottom: 120px;*/left: 50%;width: 1200px;margin-left: -600px;z-index: 50 }
.visual_quickBtn .quickBtn {position: relative;overflow: hidden}

.visual_quickBtn .btnBox {position: relative;display: block;}
.visual_quickBtn .btnBox ul {overflow: hidden}
.visual_quickBtn .btnBox li {position: relative;width: 300px;height: 150px;float: left;box-sizing: border-box;padding: 30px 20px;text-align: center;}
.visual_quickBtn .btnBox li .btit {display: block;font-size: 24px;color: #fff;line-height: 150%;}
.visual_quickBtn .btnBox li a {display: inline-block;margin-top: 10px;height: 35px;line-height: 35px;font-size: 16px;padding: 0 30px;border-radius: 40px;background: #fff;}

.visual_quickBtn .btnBox li.st01 {background: #0087C3;}
.visual_quickBtn .btnBox li.st01 a {color: #0087C3}

.visual_quickBtn .btnBox li.st02 {background: #262F6B;}
.visual_quickBtn .btnBox li.st02 a {color: #262F6B}

.visual_quickBtn .btnBox li.st03 {background: #0087C3;}
.visual_quickBtn .btnBox li.st03 a {color: #0087C3}

.visual_quickBtn .btnBox li.st04 {background: #262F6B;}
.visual_quickBtn .btnBox li.st04 a {color: #262F6B}

.audio-player {position: fixed;bottom: 30px;right: 20px;z-index: 60}
#kakao-talk-channel-chat-button {bottom: 100px !important;right: 20px !important}

.login_btBox {position: relative;overflow: hidden;margin-bottom: 10px;z-index: 100}
.login_btBox ul {overflow: hidden;width: 590px}
.login_btBox li {float: left;margin-right: 5px;}
.login_btBox li:last-child {margin-right: 0}
.login_btBox li input {border: none !important;height:40px;line-height: 40px}
.login_btBox li a {display: block;border-radius: 4px;font-size: 1rem;text-align: center;color: #fff;background: #383948;position:relative;vertical-align:middle;
    padding: 0 20px;font-weight: 600;line-height: 40px;max-width:100%;height:40px;box-sizing: border-box;min-width: 150px}
.login_btBox li input, .login_btBox li a {width: 193px;}

.login_btBox ul.st1 {float: left;}
.login_btBox ul.st1 a {background: #B44796}
.login_btBox ul.st2 {float: right;}
.login_btBox ul.st2 a {background: #262F6B}

.visual_banner {position: absolute;bottom: 0;left: 0;z-index: 10;width: 100%;background: rgba(0,0,0,0.3);padding: 20px 0;overflow: hidden;box-sizing: border-box}
.visual_banner ul {width: 1200px;overflow: hidden;margin: 0 auto}
.visual_banner li {float: left;margin-right: 20px;border-radius: 5px;overflow: hidden}
.visual_banner li:last-child {margin-right: 0}

.visual_banner .vis_bslider {width: 1220px;overflow: hidden;margin: 0 auto;}
.visual_banner .vis_bslider .item {padding: 0;margin: 0 10px;border-radius: 5px;overflow: hidden}
.visual_banner .vis_bslider .item img {width: 100%;max-width: 224px}


@media only screen and (min-width: 1201px) {
    .visual_banner {height: 120px;overflow: hidden}

}
/*------------------------------------------------------------------------------------------------------------------------
    메인컨텐츠
------------------------------------------------------------------------------------------------------------------------*/
.mcontainer_wrap {position: relative;display: block;overflow: hidden;}
.msecArea {position: relative;display: block;overflow: hidden;}
.msecCont {position: relative;display: block;overflow: hidden;width: 1200px;margin: 0 auto;padding: 100px 0}
.msec_title {position: relative;display: block;overflow: hidden;font-size: 36px;line-height: 140%;color: #132E3A;text-align: center;font-weight: 600;margin-bottom: 30px}
.msec_title span {color: #262f6b}

.msec_01 {background: transparent linear-gradient(97deg, #1892D7 0%, #1EB487 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;text-align: center}
.msec_01 .big_text {display: block;text-align: center;font-size: 36px;font-weight: 600;color: #fff;line-height: 150%;letter-spacing: -0.05em}
.msec_01 .big_text span {display: block}

.msec_01 {position: relative;background: transparent linear-gradient(45deg,#2758e5,#ae5ce9) 0% 0% no-repeat padding-box;}
.msec_01:after {background: url("/static/images/main/mian_bg02.png") no-repeat center;background-size: cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";z-index: 0}
.msec_01:before {position: absolute;bottom: -80px;left: 50%;margin-left: -800px;width: 450px;height: 100%;content: "";background: url("/static/images/main/mian_bg.png") no-repeat center bottom;background-size: 100%;
    opacity: 0.1;z-index: 1}
.msec_01 .msecCont  {position: relative;z-index: 10}
.msec_01 .cp_pro_list li .btndiv a {width: 100% !important}

.scroll_bg {position: relative;display: block;height: 450px;background: url("/static/images/main/scroll_bg.jpg") repeat;background-attachment: fixed}


.msec_tab { position: relative;text-align: center;margin-bottom: 50px;}
.msec_tab ul {display: flex;justify-content: center;width: 100%}
.msec_tab li {display: flex;height: 60px;align-items: center;width: 28%;max-width: 300px;margin-right: 2px}
/*.msec_tab li:last-child {margin-right: 60px;}*/
.msec_tab li a {position: relative;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #555;width: 100%;height: 60px;box-sizing: border-box;line-height: 120%;background: #fff;}
.msec_tab li a small {display: block;font-size: 15px}
.msec_tab li.line2 a {padding: 7px 0}
.msec_tab li a:hover {color: #B44796}
.msec_tab li.current a {color: #fff;background: #B44796}

.msec_tab1 li a:hover {color: #311f84;}
.msec_tab1 li.current a {color: #fff;background: #311f84}

.msec_tab2 li a:hover {color: #0087C3;}
.msec_tab2 li.current a {color: #fff;background: #0087C3}

.msec_tab3 li a:hover {color: #262F6B;}
.msec_tab3 li.current a {color: #fff;background: #262F6B}


.msec_tabviw {position: relative;display: none;width: 1140px;margin: 0 auto;}
.msec_tabviw.current {display: block}
.msec_tabviw a.board_more { position: absolute;right: 50%;top: -110px;margin-right: -350px;display: block;width: 60px;height: 60px;color: #fff;line-height: 60px;text-align: center;font-size: 27px;background: #121212;}
.msec_tabviw a .htxt {display: none}
.msec_tabviw a.view_more { position: relative;margin: 30px auto 0;display: block;width: 460px;height: 60px;color: #666;line-height: 60px;text-align: center;font-size: 24px;background: #fff;box-shadow: 0px 4px 4px #00000026}
.msec_tabviw .cp_recruit_list li:hover {background: #fff}


.company_list li {background: #fff}
.company_list li .company_name {margin-top: 15px !important}


.msec_02 .msecCont {}
.msec_02 .company_type_list li {margin-bottom: 35px}
.msec_02 .company_type_list li:last-child {margin-bottom: 0}

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

    #kakao-talk-channel-chat-button {bottom: 20px !important;right: 20px !important}

    .visual_swiper .swiper-slide {height: 50vh}
    .visual_swiper .swiper-slide .text {margin-top: -2%}
    .visual_swiper .swiper-slide .text img {height: 35vh;}

    .visual_swiper .swiper-pagination-bullet {width: 15px;height: 15px;}

    .visual_quickBtn {position: relative;bottom: 0;left: 0;width: 100%;margin-left: 0;height: auto;}

    .visual_quickBtn .btnBox li {width: 25%;height: auto;padding: 25px 15px;}
    .visual_quickBtn .btnBox li .btit {font-size: 18px;}
    .visual_quickBtn .btnBox li a {margin-top: 10px;height: 38px;line-height: 38px;font-size: 15px;padding: 0 25px;border-radius: 38px;}
    .visual_quickBtn .btnBox li.st05 {width: 50%;}

    .login_btBox {position: relative;top: 0;background: #e2e2e2;padding: 15px 10px;margin-bottom: 0}
    .login_btBox ul {text-align: center;width: 100%;}
    .login_btBox li {float: none;display: inline-block;vertical-align: top;margin-right: 2px;}
    .login_btBox li input {;height:30px;line-height: 30px}
    .login_btBox li a {line-height: 30px;max-width:100%;height:30px;min-width: 150px;font-size: 14px}
    .login_btBox li input, .login_btBox li a {width: 148px;}

    .login_btBox ul.st1 {float: none;margin-bottom: 10px}
    .login_btBox ul.st2 {float: none;}

    .msecCont {width: 100%;padding: 50px 15px;box-sizing: border-box}
    .msec_title {font-size: 30px;margin-bottom: 25px}

    .scroll_bg {height: 200px;}

    .visual_banner {position: relative;padding: 20px;box-sizing: border-box}
    .visual_banner ul {width: 100%;text-align: center;box-sizing: border-box}
    .visual_banner li {width: 28%;margin: 1% 1%;float: none;display: inline-block;vertical-align: top;}
    .visual_banner li:last-child {margin-right: 1%}
    .visual_banner li img {width: 100%}

    .visual_banner .vis_bslider {width: 1000px;}

    .msec_tab { margin-bottom: 30px}
    .msec_tab li {height: 40px;}
    /*.msec_tab li:last-child {margin-right: 40px;}*/
    .msec_tab li a {font-size: 15px;height: 50px;}
    .msec_tab li.line2 a {padding: 10px 0}
    .msec_tab li a small {display: none;}

    .msec_tab2 li a {width: 250px}

    .msec_tabviw {width: 100%;box-sizing: border-box;padding: 0 3%}
    .msec_tabviw.current {display: block}
    .msec_tabviw a.board_more { top: -70px;margin-right: -270px;display: block;width: 40px;height: 40px;line-height: 40px;font-size: 21px;}
    .msec_tabviw a.view_more { margin: 20px auto 0;width: 200px;height: 40px;line-height: 40px;font-size: 17px;}

    .msec_tabviw2 a.board_more {margin-right: -270px}

    .msec_mbanner_list {padding: 0 1%}
    .msec_mbanner_list li {margin: 0 1% 2% 1% !important}


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

    .visual_swiper .swiper-slide {height: 40vh}
    .visual_swiper .swiper-slide .text img {height: 28vh}

    .visual_swiper .swiper-pagination {bottom: 10px !important}
    .visual_swiper .swiper-pagination-bullet {width: 12px;height: 12px;}

    .visual_quickBtn .btnBox li {width: 50%;height: auto;padding: 25px 0;}
    .visual_quickBtn .btnBox li .btit {font-size: 18px;}
    .visual_quickBtn .btnBox li a {height: 35px;line-height: 35px;font-size: 14px;padding: 0 25px;border-radius: 35px;}
    .visual_quickBtn .btnBox li.st05 {width: 100%;}

    .visual_quickBtn .btnBox li.st01 {background: #0087C3;}
    .visual_quickBtn .btnBox li.st01 a {color: #0087C3}

    .visual_quickBtn .btnBox li.st02 {background: #262F6B;}
    .visual_quickBtn .btnBox li.st02 a {color: #262F6B}

    .visual_quickBtn .btnBox li.st03 {background: #262F6B;}
    .visual_quickBtn .btnBox li.st03 a {color: #262F6B}

    .visual_quickBtn .btnBox li.st04 {background: #0087C3;}
    .visual_quickBtn .btnBox li.st04 a {color: #0087C3}

    .login_btBox li a {min-width: 100px}

    .msec_title {font-size: 30px;margin-bottom: 25px}

    .msbanner_slider img {width: 120px;height: 50px;}

    .scroll_bg {height: 160px;}

    .msec_title {font-size: 20px;}

    .scroll_bg.st01 {display: none}

}

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

    .visual_swiper .swiper-slide {height: 35vh}
    .visual_swiper .swiper-slide .text img {height: 25vh}

    .visual_quickBtn .btnBox li {padding: 20px 0;}
    .visual_quickBtn .btnBox li .btit {font-size: 16px;}
    .visual_quickBtn .btnBox li a {height: 30px;line-height: 30px;font-size: 13px;padding: 0 20px;border-radius: 30px;}

    .visual_banner .vis_bslider {width: 800px;}

    .login_btBox li input {margin-right: 0;font-size: 13px}
    .login_btBox li a {font-size: 13px;min-width: 50px}
    .login_btBox li input::placeholder {font-size: 14px;}

    .msec_title {font-size: 25px;margin-bottom: 20px}

    .msbanner_slider img {width: 180px;height: 60px;}

    .scroll_bg {height: 160px;}

    .msec_title {font-size: 20px;}

    /*.msec_tab li:last-child {margin-right: 35px}*/
    .msec_tab li a {font-size: 14px;height: 35px;}
    .msec_tab li.line2 a {padding: 2px 0}

    .msec_tabviw a.board_more {margin-right: -137px;height: 35px;line-height: 35px;width: 35px;font-size: 17px}

    .msec_tabviw a.view_more { width: 120px;font-size: 14px;}


}

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

    .login_btBox li {display: block;margin-right: 0;margin-bottom: 5px}
    .login_btBox li input, .login_btBox li a {width: 100%;}

    .login_btBox ul.st1 {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #c3c3c3}
    .login_btBox ul.st2 {}

    .visual_banner .vis_bslider {width: 600px;}
    .visual_banner .vis_bslider .item {margin: 0 5px}
}