/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import 'https://fonts.googleapis.com/icon?family=Material+Icons';

html, body, div, span, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, select, textarea, table, col, colgroup, thead, tfoot, tbody, th, td, button {
    color: #333; font-family: 'Noto Sans KR', Dotum, Arial, sans-serif;font-weight:400;
}

html, body {height: 100%;}
body {color: #282828; background: #fff;}
body.over-hidden {overflow: hidden;}
body.modal-over-hidden {overflow: hidden;}

table {width:100%;table-layout:fixed;}
th, td {padding:15px 20px;word-break:break-all;}
td {background:#fff;}
th {background:rgba(0,0,0,.5);border-right:2px solid #fff;color:#fff;}

.bd-r-null {border-right:0;}
.container {width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 30px;}
.hidden {display: none;}
.center {text-align: center}

.desktop {display:block !important;}
.mobile {display:none !important;}
.desktop-table {display:table !important;}
.mobile-table {display:none !important;}

::-moz-selection {color: #fff;background: #053783;}
::selection {color: #fff;background: #053783;}

/* IE - input close button delete */
input::-ms-clear {display: none;}

/* input common */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 0;-webkit-text-fill-color: #4a4a4a;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;}
input::placeholder {color: #606971;font-size: 16px;font-weight: 500;}
input:-ms-input-placeholder {color: #606971 !important;font-weight: 500;}
input::-moz-placeholder {color: #606971;font-weight: 500;}
input::-webkit-input-placeholder {color: #606971;font-weight: 500;}
input {-webkit-border-radius: 0;-webkit-appearance: none;}

textarea::placeholder {color: #606971;font-weight: 500;}
textarea:-ms-input-placeholder {color: #606971;font-weight: 500;}
textarea::-moz-placeholder {color: #606971;font-weight: 500;}
textarea::-webkit-input-placeholder {color: #606971;font-weight: 500;}

/* common */
.section {padding: 100px 0;text-align: center;}
.section .title { position: relative;margin-bottom: 40px;color: #053876;font-size: 35px;font-weight: 600;}
.section .sub-text > span {display: block;font-weight: 500;line-height: 21px;}

.bg-gray {background: #f4f4f4;}

.btn {padding: 5px 15px;cursor: pointer;font-size: 14px;font-weight: 500;border: 0;border-radius: 5px;outline: 0;}
.btn-round {border-radius: 50px;}
.btn-orange {color: #fff;background: #dc000c;}

.input { width: 100%;height: 40px;padding: 8px 12px;}

.tab-wrap {display: flex;align-items: center;justify-content: center;}
.tab-wrap li {position: relative;padding: 0 25px 15px;cursor: pointer;font-size: 20px;font-weight: 500;}
.tab-wrap li.on:before {position: absolute;bottom: -1px;left: 0;width: 100%;height: 1px;content: "";background:#dc000c;}
.tab-content {display: none;}

/* Font Color */
.point01 {color:#ee7700 !important;}
.point02 {color:#3eb134;}
.point03 {color:#f8b500;}
.point04 {color:#108ccf;}
a.point04:visited {color:#108ccf;}

@media (max-width: 1199px) {
    .desktop-table {display:none !important;}
    .mobile-table {display:table !important;}    
}

@media (max-width: 767px) {
    .container {padding: 0 15px;}
    .desktop {display:none !important;}
    .mobile {display:block !important;}
    .section {padding: 50px 0;}
    .section .title {font-size: 25px;}
    .section .sub-text > span {display: inline;font-size: 16px;}
}

@media (max-width: 375px) {
    .section {padding: 40px 0;}
    .section .title {font-size: 20px;}
    .section .sub-text > span {display: inline;font-size: 14px;}
}

/* header */
header {position: fixed;z-index: 98;top: 0;left: 0;display: flex;align-items: center;width: 100%;height: 140px;transition: all 0.3s;color: #fff;}
.header .container {position: relative;display: flex;align-items: center;justify-content: flex-end;}
.header .logo {position:absolute;top:0;left:30px;display:flex;align-items:center;width:137px;height:38px;font-size:0;text-indent:-9999;cursor:pointer}
.main-header .logo {background:url('../img/logo_w.svg') no-repeat 50% 50%;}
.header .logo img {width: 100%;}
.header .header-right {display: flex;align-items: center;justify-content: flex-end;width: 80%;}
.header .header-right .gnb > li {float: left;padding-left:80px;}
.header .header-right .gnb > li > a {position: relative;display: inline-block;width: 100%;height: 100%;padding: 10px 0;color:#fff;font-size: 14px;letter-spacing:1px;}
.header .header-right .gnb > li > a:hover {color:#ee7700 !important;}
.header .header-right .gnb > li > a.active {color:#ee7700 !important;font-weight:500;}
.header .header-right .dropdown {float: right;margin-left:160px;}

.dropdown {position: relative;}
.dropdown .btn-lang {z-index:100;display:flex;align-items:center;justify-content:center;padding:3px 7px 4px;cursor:pointer;color:#fff;border-radius:4px;border:1px solid #fff;background:none;font-size:8px;}
/*.dropdown .btn-lang i {font-size: 14px;}*/
.dropdown-menu {position: absolute;z-index: -1;top: -32px;left: 0;display: none;width: 75px;margin: 0;padding: 32px 0 0 0;transform: translate3d(0px, 32px, 0px);color: #fff;border-radius: 14px;background: #2b3148;}
.dropdown-menu .dropdown-item {cursor: pointer;font-size: 12px;border-bottom: 1px solid #363d55;}
.dropdown-menu .dropdown-item a {display: block;padding: 12px;text-align: left;color: #fff;}
.dropdown-menu > .dropdown-item:last-child {border-bottom: 0;}

.header.mobile-header .header-right .gnb > li > a {color:#8c8c8c;}
.mobile-btn {position: fixed;z-index: 100;top: 26px;right: 30px;display: none;width: 30px;height: 20px;cursor: pointer;-webkit-transition: opacity .25s ease;transition: opacity .25s ease;}
.mobile-btn span {position: absolute;top: 0;left: 0;width: 100%;height: 2px;cursor: pointer;-webkit-transition: all .35s ease;transition: all .35s ease;background: #fff;}
.mobile-btn span:nth-of-type(2) {top: 8px;}
.mobile-btn span:nth-of-type(3) {top: 17px;}
.mobile-btn.active span {background:#231815;}
.mobile-lang {display: none;}

 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .dropdown .btn-lang {padding:4px 7px;}
}
 
/* IE6,7,9,10 */
@media screen\9 {
    .dropdown .btn-lang {padding:4px 7px;}
}

/* IE8 */
@media \0screen {
    .dropdown .btn-lang {padding:4px 7px;}
}

.header.scrolled, .sub-header {height: 90px;transition: all 0.3s;background:#fff;}
.header.scrolled .header-right .gnb > li > a, .sub-header .header-right .gnb > li > a {color:#8c8c8c;}
.header.scrolled .logo, .sub-header .logo {background:url('../img/logo.svg') no-repeat 50% 50%;}
.header.scrolled .dropdown .btn-lang, .sub-header .dropdown .btn-lang {color:#261c19;border:1px solid #605b5a;font-weight:400;}
.header.scrolled .mobile-btn span, .sub-header .mobile-btn span {background:#231815;}

@media (max-width: 1199px) {
    .header, .header.scrolled {display: block;height: 70px;}
    .header .container {height: 70px;}
    .header .logo {top:15px;}
    .header .header-right {display: none;}

    .mobile-btn {display: block;}
    .mobile-btn.active .top {-webkit-transform: translateY(6px) translateX(0) rotate(45deg);transform: translateY(6px) translateX(0) rotate(45deg);}
    .mobile-btn.active .middle {opacity: 0;}
    .mobile-btn.active .bottom {-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);transform: translateY(-11px) translateX(0) rotate(-45deg);}

    .header .header-right .dropdown {display: none;}
    .header .header-right .gnb li {position: relative;opacity: 0;}
    
    .header.mobile-header, .header.scrolled.mobile-header {display: block;overflow: hidden;height: 100%;background:#fff;}
    .header.mobile-header .container {flex-direction: column;justify-content: center;height: 100%;}
    .header.mobile-header .logo {display: none;}
    .header.mobile-header .header-right {display: block;}
    .header.mobile-header .header-right .gnb li {float: none;padding: 0;-webkit-animation: fadeInRight .5s ease forwards;animation: fadeInRight .5s ease forwards;-webkit-animation-delay: .3s;animation-delay: .3s;text-align: center;}
    .header.mobile-header .header-right .gnb > li:nth-of-type(2) {-webkit-animation-delay: .35s;animation-delay: .35s;}
    .header.mobile-header .header-right .gnb > li:nth-of-type(3) {-webkit-animation-delay: .4s;animation-delay: .4s;}
    .header.mobile-header .header-right .gnb > li:nth-of-type(4) {-webkit-animation-delay: .45s;animation-delay: .45s;}
    .header.mobile-header .header-right .gnb > li:nth-of-type(5) {-webkit-animation-delay: .5s;animation-delay: .5s;}
    .header.mobile-header .header-right .gnb > li:nth-of-type(6) {-webkit-animation-delay: .55s;animation-delay: .55s;}
    .header.mobile-header .header-right .gnb > li:nth-of-type(7) {-webkit-animation-delay: .6s;animation-delay: .6s;}
    .header.mobile-header .header-right .gnb > li:nth-of-type(8) {-webkit-animation-delay: .65s;animation-delay: .65s;}
    .header.mobile-header .header-right .gnb > li:nth-of-type(9) {-webkit-animation-delay: .7s;animation-delay: .7s;}
    .header.mobile-header .header-right .gnb > li:nth-of-type(10) {-webkit-animation-delay: .75s;animation-delay: .75s;}
    .header.mobile-header .header-right .gnb > li.mobile-lang {display: flex;align-items: center;justify-content: center;margin-top: 20px;-webkit-animation-delay: .75s;animation-delay: .75s;}
    .header.mobile-header .header-right .gnb > li.mobile-lang .btn-lang {width: 30px;height: 30px;padding: 0;border:1px solid #d4d4d4;border-radius:30px;}
    .header.mobile-header .header-right .gnb > li.mobile-lang .btn-lang + .btn-lang {margin-left: 10px;}
    .header.mobile-header .header-right .gnb > li.mobile-lang .btn-lang img {width: 100%;}
    .header .header-right .gnb > li > a {padding: 15px 0;color: #fff;font-size: 20px;}
}

@media (max-width: 767px) {
    .header .logo {left: 15px;}
    .mobile-btn {right: 15px;}
}

@media (max-width: 375px) {
    .header .header-right .gnb > li > a {padding: 10px 0;font-size: 18px;}
    .mobile-lang {margin-top: 0;}
}

/* visual */
.visual-wrap {width: 100%;height: 100%;color: #fff;background: #071023;}
.visual-wrap .swiper-container {align-items: center;justify-content: center;width: 100%;height: 100%;padding: 0;}
.visual-wrap .swiper-container .swiper-wrapper .swiper-slide {display: flex;align-items: flex-start;flex-direction: column;justify-content: center;width: 100%;height: 100%;}
/*.visual-wrap .swiper-navigation-wrap {position: absolute;z-index: 10;top: 50%;left: 50%;display: flex;align-items: center;width: 100%;margin-top: -135px;transform: translate(-50%, -50%);}
.visual-wrap .swiper-navigation-wrap .swiper-counter {margin-right: 20px;color: #fff;}
.visual-wrap .swiper-navigation-wrap .swiper-counter span {color: #fff;}
.visual-wrap .swiper-navigation-wrap .swiper-pagination {position: relative;width: 400px;height: 1px;background: rgba(255, 255, 255, .25);}
.visual-wrap .swiper-navigation-wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: rgba(255, 255, 255, 1);}*/
.visual-wrap .slide-01 {background: url("../img/visual_01.jpg") center no-repeat;background-size: cover;}
.visual-wrap .slide-02 {background: url("../img/visual_02.jpg") center no-repeat;background-size: cover;}
.visual-wrap .visual-text {margin-top:240px;}
.visual-wrap .visual-text img {width:220px;height:59px;margin-bottom:20px;}
.visual-wrap .visual-text .title {color:#fff;font-size:48px;font-weight:300;}
.visual-wrap .visual-text .title span {display:block;color:#fff;font-size:52px;font-weight: 600;margin:10px 0 40px;}
.visual-wrap .visual-text .sub_title {display:block;color:#fff;font-size:26px;font-weight:300;}
/*.visual-wrap .swiper-btn-wrap {position: absolute;z-index: 10;top: 50%;left: 50%;display: flex;align-items: center;height: 40px;margin-top: 125px;transform: translate(-50%, -50%);}
.visual-wrap .swiper-button-prev, .visual-wrap .swiper-button-next {position: relative;top: auto;right: auto;left: auto;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;margin: 0;border: 1px solid #fff;background: none;}
.visual-wrap .swiper-button-prev i, .visual-wrap .swiper-button-next i {color: #fff;}
.visual-wrap .swiper-button-next {margin-left: -1px;}*/
.visual-wrap .scroll_down {width:60px;position:absolute;left:50%;bottom:40px;margin-left:-30px;z-index:10;}
.visual-wrap .scroll_down a {position:relative;display:block;width:60px;height:60px;top:5px;animation:down_ani 1.5s ease-in-out infinite;background:url('../img/down_arrow.png') no-repeat 50% 50%;opacity:.3;transition:all 0.3s;}
.visual-wrap .scroll_down a:hover {opacity:1;}

@keyframes down_ani {          
       0% {top:5px;} 
	   50% {top:20px;}  
       100% {top:5px;} 
}

@media (max-width: 1199px) {
    .visual-wrap .visual-text .title {font-size:40px;}
    .visual-wrap .visual-text .title span {font-size:48px;}
    .visual-wrap .visual-text .sub_title {font-size:24px;}
}

@media (max-width: 991px) {
    .visual-wrap .visual-text .title {font-size:32px;}
    .visual-wrap .visual-text .title span {font-size:40px;}
    .visual-wrap .visual-text .sub_title {font-size:20px;}
}

@media (max-width: 767px) {
    .visual-wrap {height: auto;}
    /*.visual-wrap .swiper-navigation-wrap {margin-top: -100px;}
    .visual-wrap .swiper-navigation-wrap .swiper-counter {width: 50px;margin: 0;font-size: 13px;}
    .visual-wrap .swiper-navigation-wrap .swiper-pagination {width: 180px;}
    .visual-wrap .swiper-container .swiper-slide {height: 100%;}*/
    .visual-wrap .visual-text {margin-top: 0;}
    /*.visual-wrap .swiper-btn-wrap {margin-top: 150px;}*/
}

@media (max-width: 575px) {
    .visual-wrap .visual-text img {width:160px;height:43px;}
    .visual-wrap .visual-text .title {font-size:28px;}
    .visual-wrap .visual-text .title span {font-size:36px;margin:10px 0 20px;}
    .visual-wrap .visual-text .sub_title {font-size:18px;line-height:24px;}
}

@media (max-width: 375px) {
    /*.visual-wrap .swiper-navigation-wrap .swiper-counter {width: 50px;}*/
    .visual-wrap .visual-text .title {font-size:24px;}
    .visual-wrap .visual-text .title span {font-size:30px;}
    .visual-wrap .visual-text .sub_title {font-size:16px;}
}

/* contents */
.section h2 {font-size:36px;font-weight:700;margin-bottom:40px;line-height:1.2}
.section .section-title {color:#888;line-height:24px;margin-bottom:80px;}
.section .section-btn {display:inline-block;color:#333;font-size:16px;font-weight:400;padding:25px 120px 25px 30px;background:url('../img/btn_arrow.png') no-repeat 90% 50%, #fff;border:1px solid #333;margin-top:80px;border-radius: 10px}
.section .section-btn:hover {color:#ee7700;border:1px solid #ee7700;background:url('../img/btn_arrow_on.png') no-repeat 90% 50%, #fff;}

.main-section .container img {width:100%;height:auto;}

.main-section.sec-02 ul {display:flex;justify-content:space-between;align-items:center;}
.main-section.sec-02 ul li {width:calc(25% - 30px);}
.main-section.sec-02 ul li img {width:100%;}
.main-section.sec-02 ul li p {font-size:24px;font-weight:700;margin-top:20px;line-height:30px;}
.main-section.sec-02 ul li p span {font-size:18px;}

.main-section.sec-03 #map {width: 100%;height: 720px;}
.main-section.sec-03 p {line-height:2;margin-top: 40px;display: inline-block}

@media (max-width: 1199px) {
    .main-section.sec-03 #map {height: 540px;}
}

@media (max-width: 767px) {
    .section .section-title {margin-bottom:40px;}
    .section .section-btn {font-size:18px;margin-top:40px;}
    
    .main-section.sec-02 ul {display:block;justify-content:center;}
    .main-section.sec-02 ul li {width:100%;padding:0 25%;margin-bottom:40px;}
    .main-section.sec-02 ul li:last-child {margin-bottom:0;}
    
    .main-section.sec-03 #map {height: 360px;}
}

/* company */
#sub_contents .top-visual {width:100%;height:300px;display:flex;justify-content:center;align-items:center;text-align: center;margin-top:90px;}
#sub_contents .top-visual h1 {color:#fff;font-size:48px;font-weight:500;display:inline-block;margin-top:-30px;}
#sub_contents .top-visual h1 span {color:#ccc;font-size:18px;margin-bottom:10px;display:inline-block;}

.company .top-visual {background:url('/img/company/top_visual.jpg') no-repeat 50% 50%;background-size:cover;}
.service .top-visual {background:url('/img/service/top_visual.jpg') no-repeat 50% 50%;background-size:cover;}
.notice .top-visual {background:url('/img/notice/top_visual.jpg') no-repeat 50% 50%;background-size:cover;}
.jobs .top-visual {background:url('/img/jobs/top_visual.jpg') no-repeat 50% 50%;background-size:cover;}

.company .sec-01 .container {height:800px;text-align:left;background:url('/img/company/sec01_bg.png') no-repeat 100% 0;background-size:contain;}
.company .section img {width:100%;height:auto;}
.company .sec-03 #map {width: 100%;height: 720px;}
.company .sec-03 p {line-height:2;margin-top: 40px;display: inline-block}

/* service */
.service .section {padding:100px 0 0;}
.service .section .container {border-bottom:1px solid #d4d4d4;}
.service .sec-01 .container {padding-bottom:130px;background:url('/img/service/service01.png') no-repeat 100% 0;}
.service .sec-02 .container {padding-bottom:180px;background:url('/img/service/service02.png') no-repeat 0 0;display:flex;justify-content:flex-end;}
.service .sec-03 .container {padding-bottom:500px;background:url('/img/service/service03.png') no-repeat 100% 100%;}
.service .sec-text {text-align:left;width:40%;}
.service .sec-text h2 span {font-size:24px;color:#666;}
.service .sec-text .section-title {margin-bottom:0;}
.service .sec-text h3 {margin:60px 0 20px;font-size:20px;font-weight:500;}
.service .sec-text h3 i {display:inline-block;margin-right:10px;}
.service .sec-text .section-btn {margin-top:30px;}
.service .sec-text ul {display:flex;flex-wrap:wrap;justify-content:flex-start;}
.service .sec-text ul li {display:flex;align-items:center;text-align:center;}
.service .sec-text ul li:first-child {margin-right:30px;}
.service .sec-text ul li p {display:flex;justify-content:center;align-items:center; width:100px;height:100px;background:#efd925;border-radius:10px;}
.service .sec-text ul li img {width:50px;height:50px;}
.service .sec-text ul li span {display:inline-block;margin-top:10px;}

/* notice */
.accordion > .card {overflow: hidden;position: relative;display: -ms-flexbox;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0, 0, 0, .125);}
.accordion > .card:first-child {margin-top:100px;}
.accordion > .card:last-child {margin-bottom:100px;}
.accordion > .card:not(:first-of-type) {border-top-left-radius: 0;border-top-right-radius: 0;}
.accordion > .card:not(:last-of-type) {border-bottom: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.accordion > .card > .card-header {border-radius: 0;margin-bottom: -1px;}
.card-header {padding:15px;margin-bottom: 0;background-color: rgba(0, 0, 0, .03);border-bottom: 1px solid rgba(0, 0, 0, .125)}
.card-header .btn-link {background: none;width:100%;cursor:pointer;}
.card-header p {padding:0 30px;display:flex;justify-content:space-between}
.card-header .question-text {font-size:20px;font-weight:500;}
.card-header .date {color:#888;font-size:16px;}

.card-body {-ms-flex: 1 1 auto;flex: 1 1 auto;min-height: 1px;padding:30px 46px;text-align:left;line-height:26px;word-break: keep-all}

.collapse:not(.show) {display: none;}
.collapsing {position: relative;height: 0;overflow: hidden;transition: height .35s ease}

@media (prefers-reduced-motion:reduce) {
    .collapsing {transition: none;}
}

/* jobs */
.jobs .section {text-align:left;}
.jobs .sec-01 .banner {width:100%;height:300px;padding:90px 50px 50px 60px;background:url('/img/jobs/jobs_banner.png') no-repeat 100% 100%;}
.jobs .sec-01 h2 {margin-bottom:15px;line-height:42px;}
.jobs .sec-01 h2 span {font-weight:600;}
.jobs .sec-02 {padding: 0;}
.jobs .sec-02 ul li {width:100%;display:flex;justify-content:space-between;align-items: center;margin-bottom:80px;padding-bottom:80px;border-bottom:1px solid #d4d4d4;}
.jobs .sec-02 ul li:last-child {margin-bottom:0;}
.jobs .sec-02 ul li .app-ico {width:200px;}
.jobs .sec-02 ul li .app-ico img {width:100%;}
.jobs .sec-02 ul li .app-text {width:78%;}
.jobs .sec-02 ul li h3 {font-size:24px;margin-bottom: 24px;}
.jobs .sec-02 ul li h3 span {font-size:36px;font-weight:600;margin-right:10px;}
.jobs .sec-02 ul li p {line-height:24px;}
.jobs .sec-03 .container {display:flex;justify-content:space-between;}
.jobs .sec-03 ul {padding-left:160px;}
.jobs .sec-03 ul li {width:calc(50% - 40px);float:left;display:flex;justify-content:space-between;margin-bottom:100px;}
.jobs .sec-03 ul li:nth-child(odd) {margin-right:80px;}
.welfare-img {margin-right:30px;}
.welfare-text h4 {font-size:24px;font-weight:600;margin-bottom:16px;}
.welfare-text p {line-height:24px;}

@media (max-width: 1199px) {
    #sub_contents .top-visual {margin-top:70px;}
    .company .sec-03 #map {height: 540px;}
    .jobs .sec-02 ul li .app-text {width:72%;}
}

@media (max-width: 991px) {
    .service .sec-text {width:100%;}
    .service .sec-01 .container {padding-bottom:640px;background:url('/img/service/service01.png') no-repeat 50% 90%;background-size:70%;}
    .service .sec-02 .container {padding-bottom:580px;background:url('/img/service/service02.png') no-repeat 50% 90%;background-size:50%;}
    .service .sec-03 .container {padding-bottom:580px;background:url('/img/service/service03.png') no-repeat 62% 95%;background-size:60%;}
    .service .sec-01 .container .section-btn {margin-top:0;}
    
    .jobs .sec-01 .banner {height:300px;background:url('/img/jobs/jobs_banner.png') no-repeat 100% 100%, #f4f4f4;background-size:contain;padding:30px;}
    .jobs .sec-02 ul li .app-text {width:68%;}
    
    .jobs .sec-03 {padding:100px 0 0;}
    .jobs .sec-03 ul {padding-left:100px;}
    .jobs .sec-03 ul li {display:block;text-align: center;}
    .welfare-img {margin:0 0 20px;}
}

@media (max-width: 767px) {
    .company .sec-01 .container {background:url('/img/company/sec01_bg.png') no-repeat 92% 100%;background-size:95%;height:700px;}
    .company .sec-03 #map {height: 360px;}
    
    .service .sec-01 .container {padding-bottom:680px;background:url('/img/service/service01.png') no-repeat 50% 85%;background-size:75%;}
    .service .sec-02 .container {padding-bottom:680px;background:url('/img/service/service02.png') no-repeat 50% 100%;background-size:80%;}
    .service .sec-03 .container {padding-bottom:740px;background:url('/img/service/service03.png') no-repeat 70% 100%;background-size:75%;}
    .service .sec-text h3 {margin:60px 0 20px;font-size:20px;}
    
    .jobs .sec-02 ul li {display:block;justify-content:center;align-items:center;}
    .jobs .sec-02 ul li .app-ico {margin:0 auto 20px;}
    .jobs .sec-02 ul li .app-text {width:100%;text-align:center;}
    .jobs .sec-02 ul li p {width:80%;margin:0 auto;}
    
    .jobs .sec-03 .container {display:block;justify-content:center;}
    .jobs .sec-03 .container h2 {margin-bottom:80px;text-align:center;}
    .jobs .sec-03 ul {padding-left:0;}
    .jobs .sec-03 ul li {width:100%;float:none;padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid #d4d4d4;}
    .jobs .sec-03 ul li:nth-child(odd) {margin-right:0;}
    .jobs .sec-03 ul li:last-child {border:0;margin-bottom:0;/*padding-bottom:0;*/}
    .welfare-text p {width:80%;margin:0 auto;}
    
    .accordion > .card:first-child {margin-top:50px;}
    .accordion > .card:last-child {margin-bottom:50px;}
    .card-header p, .card-header p span {display:block;}
    .card-header p {padding: 0;text-align: left}
    .card-header .date {margin-top: 10px;}
    .card-body {padding:30px 15px;}
}

@media (max-width: 575px) {
    .service .section {padding:60px 0 0;}
    .service .section h2 {font-size:30px;margin-bottom:30px;}
    .service .sec-text h2 span {font-size:20px;}
    .service .sec-01 .container {padding-bottom:450px;background:url('/img/service/service01.png') no-repeat 50% 90%;background-size:75%;}
    .service .sec-02 .container {padding-bottom:420px;background:url('/img/service/service02.png') no-repeat 50% 100%;background-size:80%;}
    .service .sec-03 .container {padding-bottom:380px;background:url('/img/service/service03.png') no-repeat 70% 100%;background-size:75%;}
    
    .jobs .sec-01 .banner {height:360px;}
    .jobs .sec-01 h2 {font-size:30px;}
}

/* footer */
footer {padding:80px 0;background:#231815;}
footer .container {display:flex;justify-content:space-between;}
footer p {color:#fff;font-weight:300;opacity:.5;}
footer a {color:#fff;font-weight:300;}
footer a i {margin-right:5px;}

@media (max-width: 767px) {
    footer .container {display:block;text-align:center;}
    footer a {display:inline-block;margin-bottom:40px;}
}


/* popup */
#popupWrap {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);} 
/*팝업 박스*/
#popup_1{position: relative;top:50%;left:50%;width:94%;max-width:550px;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
/*컨텐츠 영역*/
#popup_1 .area img {width: 100%}
/*버튼영역*/
.close_area {width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 10px 20px}
.close_area button {cursor: pointer;background: #fff}


/* go top button */
.btn-top {position:fixed;z-index:5000;right:30px;bottom:30px;width:45px;height:45px;cursor:pointer;color:#fff;background:#ee7700;}
.btn-top i {position:relative;top:2px;font-size:24px;}