@charset "utf-8";

#new_wrap {position: relative;}
br {opacity: 0;}

.tx_indent {text-indent: -9999px;}

body *:focus-visible{outline: 3px dotted #1070DB;}

/* skip menu */

#skipArea{position: absolute; top: -1000px; left: 0; widtH: 100%; height: 0; line-height: 0; font-size: 0; z-index: 1000;}
#skipArea a {display: block; width: 100%; line-height: 0px; text-align: center; font-size: 0px; outline-color:rgb(28,34,44);}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active {position: absolute; top: 1000px; left: 0px; display: flex; align-items: center; justify-content: center; height: 50px; font-size: 20px; font-weight: bold; color: #fff; background: rgba(28, 34, 44);}

/* 헤더 */

#header {position: relative; height: 120px; z-index: 155; background: #fff;}
#header.fixed {position: fixed; top: 0; left: 0; width: 100%; }
.head {position: relative; width: 1600px; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
/* .head .logo {margin-top: -15px;} */
.head .logo a{display: block;}
.gnb {display: flex; margin-top: 11px;}
.gnb {position: relative;}
.gnb > li > a {position: relative; display: block; color: rgb(0,0,0); font-size: 23px; font-weight: 700; line-height: 109px;}
.gnb > li:hover > a {color: #1979E2;}
.gnb > li > a:before {content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 0; height: 5px; background: #1979e2; transition: width .5s ease;}
.gnb > li:hover > a:before {width: 100%;}
.gnb > li + li {margin-left: 150px;}
.head_btn {position: relative; width: 25px; height: 25px; cursor: pointer; margin-top: 15px; display: none;}
.head_btn .head_btn_inner {position: absolute; width: 10px; height: 10px; background: rgb(0,0,0);}
.head_btn_inner_top_left {top: 0; left: 0;}
.head_btn_inner_top_right {top: 0; right: 0;}
.head_btn_inner_bt_left {bottom: 0; left: 0;}
.head_btn_inner_bt_right {bottom: 0; right: 0;}

.head_mob_btn {display: none;}
.head_mob_overlay {display: none; }
.head_mob_bg {display: none; }
.head_mob_bg.active {display: none;}


/* 비주얼 메인배너 */

.main_banner {position: relative; height: 810px; overflow: hidden;}
.main_banner_bg {height: 100%; background: url("/images/main/visual_img1.jpg") center top no-repeat; background-size: cover; transition: 1800ms; transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation: ani2 2.5s 1;}
@keyframes ani2 {
	0% {transform: scale(1.1);}
	100% {transform: scale(1);}
}

.main_banner.zoom .main_banner_txt em {transform: translateY(70px); opacity: 0;}
.main_banner.zoom .main_banner_txt h2 {transform: translateY(70px); opacity: 0; }
.main_banner.zoom .main_banner_txt p {transform: translateY(70px); opacity: 0; }
.main_banner.zoom .main_banner_txt .more_view_wrap {transform: translateY(70px); opacity: 0; }

.main_banner_txt {position: absolute; top: 152px; left: 0; right: 0; width: 1600px; margin: 0 auto; }
.main_banner_txt em {display: block; color: rgb(255,255,255); font-size: 22px; line-height: 1; font-weight: 800; text-shadow: 0 4px 4px rgba(0,0,0,0.25); transition: .75s ease;}
.main_banner_txt h2 {color: rgb(255,255,255); font-size: 48px; line-height: 1.18; font-weight: 800; margin-top: 18px; text-shadow: 0 0 5px rgba(0,0,0,0.8); transition: .75s ease; transition-delay: .25s;}
.main_banner_txt p {color: rgb(255,255,255); font-size: 25px; line-height: 1.6;  font-weight: 700; margin-top: 14px; text-shadow: 0 0 5px rgba(0,0,0,0.8); transition: .75s ease; transition-delay: .5s;}
.main_banner_txt .more_view_wrap {display: flex; align-items: center; margin-top: 33px; transition: .75s ease; transition-delay: .75s;}
.main_banner_txt .more_view_wrap .more_view {display: flex; align-items: center; justify-content: center; height: 60px; border-radius: 50px; font-size: 22px; font-weight: 800; color: rgb(0,0,0); padding: 0 55px; background: #fff;}
.main_banner_txt .more_view_wrap .more_view .more_arrow {display: inline-block; vertical-align: middle; width: 21px; height: 16px; background: url("/images/main/black_arrow.svg") center no-repeat; background-size: 100%; margin-left: 19px; }

/* 채용공고 메뉴 */

#wrap {min-height: 785px; position: relative; z-index: 15;}
.inner {width: 1600px; margin: 0 auto;}
.employ_menu {margin-top: -205px; display: flex; justify-content: space-between;}
.employ_lt_menu {position: relative; width: 800px; height: 680px; background: url("/images/main/career_menu_bg.png") center no-repeat; box-shadow: 0 0 20px rgba(0,0,0,0.2); border-radius: 30px; z-index: 1; background-size: cover;}

.employ_lt_menu:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(16,112,219,0.8);border-radius: 30px; z-index: -1;}
.employ_lt_menu .employ_lt_inner {display: block; padding: 84px 71px; height: 100%;} 
.employ_lt_menu em {position: relative; display: inline-block; color: rgb(255,255,255); font-size: 20px; font-weight: 800; line-height: 1; }
.employ_lt_menu em:before {content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background: #fff;}
.employ_lt_menu h3 {color: rgb(255,255,255); font-size: 32px; line-height: 1; font-weight: 900; margin-top: 32px;}
.employ_lt_menu p {color: rgb(255,255,255); font-size: 22px; line-height: 1.6; font-weight: 600; margin-top: 15px;}
.employ_lt_menu .more_view_wrap {position: relative; display: flex; align-items: center; margin-top: 40px; margin-left: -3px;}
.employ_lt_menu .more_view_wrap .more_view {display: flex; align-items: center; justify-content: center; height: 60px; border-radius: 50px; font-size: 22px; font-weight: 800; color: rgb(25,121,226); width: 240px; background: #fff;}
.employ_lt_menu .more_view_wrap .more_view .more_arrow {display: inline-block; vertical-align: middle; width: 21px; height: 16px; background: url("/images/main/blue_arrow.svg") center no-repeat; background-size: 100%; margin-left: 19px; }

/* .employ_lt_menu .more_view_wrap .more_view:hover .more_arrow {animation: ani 0.75s infinite;}

@keyframes ani {
    0% {margin-left: 19px;}
    50% {margin-left: 38px;}
    100% {margin-left: 19px;}
}  */

.employ_rt_menu {width: 770px;}
.employ_rt_tp_menu ul {position: relative; margin: 0 -15px;}
.employ_rt_tp_menu ul:after {content: ""; display: block; clear: both;}
.employ_rt_tp_menu ul li {float: left; width: 50%; padding: 0 15px;}
.employ_rt_tp_menu ul li a {display: block; border-radius: 30px; padding: 62px 56px; text-align: center; box-shadow: 0 0 20px rgba(0,0,0,0.2); background: #fff;}
.employ_rt_tp_menu .qna_ic {display: inline-block; width: 85px; height: 87px; background: url("/images/main/qna_ic.png") center no-repeat; background-size: 100%; margin-left: -9px;}
.employ_rt_tp_menu .faq_ic {display: inline-block; width: 85px; height: 85px; background: url("/images/main/faq_ic.png") center no-repeat; background-size: 100%; margin-top: -3px; margin-left: -12px;}
.employ_rt_tp_txt {text-align: center; margin-top: 27px;}
.employ_rt_tp_txt div {color: rgb(0,0,0); font-size: 32px; font-weight: 800; line-height: 1;}
.employ_rt_tp_txt p {color: rgb(128,128,128); font-size: 22px; line-height: 1.36; margin-left: -12px; margin-top: 17px; font-weight: 600;}
.faq_box .employ_rt_tp_txt {margin-top: 33px;}
.faq_box .employ_rt_tp_txt div {margin-left: -11px;}
.faq_box .employ_rt_tp_txt p {margin-left: -14px; margin-top: 18px;}

.employ_rt_bt_menu {margin-top: 28px; border-radius: 30px; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.employ_rt_bt_menu ul {position: relative;}
.employ_rt_bt_menu ul:after {content: ""; display: block; clear: both;}
.employ_rt_bt_menu ul li {float: left; width: 50%;}
.employ_rt_bt_menu ul li a {position: relative; padding: 40px 60px; padding-right: 0; height: 150px; display: flex; align-items: center; background: #fff;}
 .employ_rt_bt_menu ul li:nth-child(n+3) a:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: rgba(0,0,0,0.1);}
.employ_rt_bt_menu ul li:nth-child(2n) a:after {content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: rgba(0,0,0,0.1);}
.employ_rt_bt_menu ul li a:focus {z-index: 2;} 

.employ_rt_bt_menu ul li:nth-child(1) a {border-top-left-radius: 30px; }
.employ_rt_bt_menu ul li:nth-child(2) a {border-top-right-radius: 30px; }
.employ_rt_bt_menu ul li:nth-child(3) a {border-bottom-left-radius: 30px;}
.employ_rt_bt_menu ul li:nth-child(4) a {border-bottom-right-radius: 30px;}

.employ_rt_bt_menu .img_wrap.employ_rt_bt_ic1 {width: 70px; height: 72px; background: url("/images/main/company_ic.png") center no-repeat; background-size: 100%;}
.employ_rt_bt_menu .img_wrap.employ_rt_bt_ic2 {width: 70px; height: 63px; background: url("/images/main/document_ic.png") center no-repeat; background-size: 100%;}
.employ_rt_bt_menu .img_wrap.employ_rt_bt_ic3 {width: 70px; height: 65px; background: url("/images/main/business_ic.png") center no-repeat; background-size: 100%;}
.employ_rt_bt_menu .img_wrap.employ_rt_bt_ic4 {width: 70px; height: 70px; background: url("/images/main/map_ic.png") center no-repeat; background-size: 100%;}
.employ_rt_bt_menu p {color: rgb(0,0,0); font-size: 30px; line-height: 1; font-weight: 800; margin-left: 40px;}

/* 푸터 */

#footer {padding: 62px 0 75px; background: rgba(28, 34, 44);}

#footer .inner{position:relative; }
.wa{position:absolute; right:0; top:20px;}
.wa img{height: 90px;}
.ft_menu {display: flex; justify-content: space-between;}
.ft_info {display: flex; align-items: center; margin-top: 41px;}
.ft_info span {position: relative;}
.ft_info span + span {margin-left: 38px;}
.ft_info span + span:before {content: ""; position: absolute; top: 0; left: -19px; width: 2px; height: 17px; background: rgba(255,255,255,0.5);}
.ft_info span a {display: block; color: rgb(255,255,255); font-size: 18px; line-height: 1;}
.ft_info span.privacy_txt a {font-weight: 700;}
.ft_info2 {display: flex; align-items: center; margin-top: 20px;}
.ft_info2 span {color: rgb(255,255,255); font-size: 18px; line-height: 1;}
.ft_info2 span strong {font-size: 20px; line-height: 1;}
#footer .copy {color: rgb(255,255,255); font-size: 18px; margin-left: 35px; line-height: 1; padding-top: 2px;}
.ft_sns_wrap.mob {display: none;}
.ft_sns_wrap {display: flex; margin-top: 39px;}
.ft_sns_wrap span + span {margin-left: 21px}
.ft_sns_wrap .ft_cafe a {display: block; width: 21px; height: 20px; background: url("/images/main/cafe_ic.svg"); background-size: 100%;}
.ft_sns_wrap .ft_blog a {display: block; width: 16px; height: 20px; background: url("/images/main/blog_ic.svg"); background-size: 100%;}
.ft_sns_wrap .ft_facebook a {display: block; width: 11px; height: 20px; background: url("/images/main/facebook_ic.svg"); background-size: 100%;}
.ft_sns_wrap .ft_insta a {display: block; width: 20px; height: 20px; background: url("/images/main/insta_ic.svg"); background-size: 100%;}

@media screen and (max-width: 1600px) {
/* .wa img{height:50px; } */
    
    /* 헤더 */

    #header { height: 7.50vw; padding: 0 3.13vw;}
    .head { width: 100%; height: 100%;  }
    /* .head .logo {margin-top: -0.94vw;} */
    .head .logo img {width: 33.75vw;}
    .gnb { margin-top: 0.69vw;}
    .gnb > li > a { font-size: 1.44vw;  line-height: 6.81vw;}
    .gnb > li > a:before {height: 0.31vw;}
    .gnb > li + li {margin-left: 9.38vw;}
    .head_btn { width: 1.56vw; height: 1.56vw; margin-top: 0.94vw;}
    .head_btn .head_btn_inner { width: 0.63vw; height: 0.63vw;}

    /* 비주얼 메인배너 */

    .main_banner { height: 50.63vw; }
    .main_banner_txt { top: 9.50vw; left: 3.13vw; width: 100%; }
    .main_banner_txt em {font-size: 1.38vw; text-shadow: 0 0.25vw 0.25vw rgba(0,0,0,0.25);}
    .main_banner_txt h2 {font-size: 3.00vw; line-height: 1.18; margin-top: 1.13vw; text-shadow: 0 0 0.31vw rgba(0,0,0,0.8);}
    .main_banner_txt p {font-size: 1.56vw; margin-top: 0.88vw; text-shadow: 0 0 0.31vw rgba(0,0,0,0.8);}
    .main_banner_txt .more_view_wrap {margin-top: 2.06vw;}
    .main_banner_txt .more_view_wrap .more_view {height: 3.75vw; border-radius: 3.13vw; font-size: 1.38vw; padding: 0 3.44vw;}
    .main_banner_txt .more_view_wrap .more_view .more_arrow {width: 1.31vw; height: 1.00vw; margin-left: 1.19vw; }

    /* 채용공고 메뉴 */

    #wrap {min-height: 49.06vw; padding: 0 3.13vw;}
    .inner {widtH: 100%;}
    .employ_menu {margin-top: -12.81vw;}
    .employ_lt_menu { /* width: 50.00vw;*/ width: 46.88vw; height: 42.50vw; box-shadow: 0 0 1.25vw rgba(0,0,0,0.2); border-radius: 1.88vw; }

    .employ_lt_menu:before {border-radius: 1.88vw;}
    .employ_lt_menu .employ_lt_inner { padding: 5.25vw 4.44vw;} 
    .employ_lt_menu em {font-size: 1.25vw; }
    .employ_lt_menu h3 {font-size: 2.00vw; margin-top: 2.00vw;}
    .employ_lt_menu p {font-size: 1.38vw; margin-top: 0.94vw;}
    .employ_lt_menu .more_view_wrap {margin-top: 2.50vw; margin-left: -0.19vw;}
    .employ_lt_menu .more_view_wrap .more_view {height: 3.75vw; border-radius: 3.13vw; font-size: 1.38vw; width: 15.00vw;}
    .employ_lt_menu .more_view_wrap .more_view .more_arrow {width: 1.31vw; height: 1.00vw; margin-left: 1.19vw; }

    .employ_rt_menu {/* width: 48.13vw;*/ width: 45.00vw;}
    .employ_rt_tp_menu ul { margin: 0 -0.94vw;}
    .employ_rt_tp_menu ul li {padding: 0 0.94vw;}
    .employ_rt_tp_menu ul li a { border-radius: 1.88vw; padding: 3.88vw 3.50vw; box-shadow: 0 0 1.25vw rgba(0,0,0,0.2);}
    .employ_rt_tp_menu .qna_ic { width: 5.31vw; height: 5.44vw; margin-left: -0.56vw;}
    .employ_rt_tp_menu .faq_ic { width: 5.31vw; height: 5.31vw; margin-top: -0.19vw; margin-left: -0.75vw;}
    .employ_rt_tp_txt { margin-top: 1.69vw;}
    .employ_rt_tp_txt div {font-size: 2.00vw;}
    .employ_rt_tp_txt p {font-size: 1.38vw; margin-left: -0.75vw; margin-top: 1.06vw; }
    .faq_box .employ_rt_tp_txt {margin-top: 2.06vw;}
    .faq_box .employ_rt_tp_txt div {margin-left: -0.69vw;}
    .faq_box .employ_rt_tp_txt p {margin-left: -0.88vw; margin-top: 1.13vw;}


    .employ_rt_bt_menu {margin-top: 1.75vw; border-radius: 1.88vw; box-shadow: 0 0 1.25vw rgba(0,0,0,0.2); }
    .employ_rt_bt_menu ul li a { padding: 2.50vw 3.75vw; height: 9.38vw; padding-right: 0;}
    .employ_rt_bt_menu .img_wrap.employ_rt_bt_ic1 {width: 4.38vw; height: 4.50vw;}
    .employ_rt_bt_menu .img_wrap.employ_rt_bt_ic2 {width: 4.38vw; height: 3.94vw;}
    .employ_rt_bt_menu .img_wrap.employ_rt_bt_ic3 {width: 4.38vw; height: 4.06vw;}
    .employ_rt_bt_menu .img_wrap.employ_rt_bt_ic4 {width: 4.38vw; height: 4.38vw;}
    .employ_rt_bt_menu p {font-size: 1.88vw; margin-left: 2.50vw;}

	.employ_rt_bt_menu ul li:nth-child(1) a {border-top-left-radius: 1.88vw;}
	.employ_rt_bt_menu ul li:nth-child(2) a {border-top-right-radius: 1.88vw;}
	.employ_rt_bt_menu ul li:nth-child(3) a {border-bottom-left-radius: 1.88vw}
	.employ_rt_bt_menu ul li:nth-child(4) a {border-bottom-right-radius: 1.88vw;}


    /* 푸터 */

    #footer {padding: 3.88vw 3.13vw 4.69vw;}
    .ft_logo img {width: 33.75vw;}
    .ft_info {margin-top: 2.56vw;}
    .ft_info span + span {margin-left: 2.38vw;}
    .ft_info span + span:before {left: -1.19vw; height: 1.06vw;}
    .ft_info span a {font-size: 1.13vw;}
    .ft_info2 {margin-top: 1.25vw;}
    .ft_info2 span {font-size: 1.13vw;}
    .ft_info2 span strong {font-size: 1.25vw;}
    #footer .copy {font-size: 1.13vw; margin-left: 2.19vw; padding-top: 0.13vw;}
    .ft_sns_wrap { margin-top: 2.44vw;}
    .ft_sns_wrap span + span {margin-left: 1.31vw}
    .ft_sns_wrap .ft_cafe a { width: 1.31vw; height: 1.25vw; }
    .ft_sns_wrap .ft_blog a { width: 1.00vw; height: 1.25vw;}
    .ft_sns_wrap .ft_facebook a { width: 0.69vw; height: 1.25vw; }
    .ft_sns_wrap .ft_insta a { width: 1.25vw; height: 1.25vw;}

}

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

    /* 헤더 */

    #header { height: 9.38vw; padding: 0 3.91vw;}
    /* .head .logo {margin-top: -1.17vw;} */
    .head .logo img {width: 42.69vw;}
    .gnb { margin-top: 0.86vw;}
    .gnb > li > a { font-size: 1.80vw;  line-height: 8.52vw;}
    .gnb > li > a:before {height: 0.39vw;}
    .gnb > li + li {margin-left: 7.81vw;}
    .head_btn { width: 1.95vw; height: 1.95vw; margin-top: 1.17vw;}
    .head_btn .head_btn_inner { width: 0.78vw; height: 0.78vw;}

    /* 비주얼 메인배너 */

    .main_banner { height: 63.28vw; }
    .main_banner_txt { top: 11.88vw; left: 3.91vw; }
    .main_banner_txt em {font-size: 1.72vw; text-shadow: 0 0.31vw 0.31vw rgba(0,0,0,0.25);}
    .main_banner_txt h2 {font-size: 3.75vw; margin-top: 1.41vw; text-shadow: 0 0 0.39vw rgba(0,0,0,0.8);}
    .main_banner_txt p {font-size: 1.95vw; margin-top: 1.09vw; text-shadow: 0 0 0.39vw rgba(0,0,0,0.8);}
    .main_banner_txt .more_view_wrap {margin-top: 2.58vw;}
    .main_banner_txt .more_view_wrap .more_view {height: 4.69vw; border-radius: 3.91vw; font-size: 1.72vw; padding: 0 4.30vw;}
    .main_banner_txt .more_view_wrap .more_view .more_arrow {width: 1.64vw; height: 1.25vw; margin-left: 1.48vw; }

    /* 채용공고 메뉴 */

    #wrap {min-height: 61.33vw; padding: 0 3.91vw;}
    .inner {widtH: 100%;}
    .employ_menu {margin-top: -16.02vw;}
    .employ_lt_menu { width: 50%; height: 53.13vw; box-shadow: 0 0 1.56vw rgba(0,0,0,0.2); border-radius: 2.34vw; }

    .employ_lt_menu:before {border-radius: 2.34vw;}
    .employ_lt_menu .employ_lt_inner { padding: 6.56vw 5.55vw;} 
    .employ_lt_menu em {font-size: 1.56vw; }
    .employ_lt_menu h3 {font-size: 2.50vw;  margin-top: 2.50vw;}
    .employ_lt_menu p {font-size: 1.72vw; margin-top: 1.17vw;}
    .employ_lt_menu .more_view_wrap {margin-top: 3.13vw; margin-left: -0.23vw;}
    .employ_lt_menu .more_view_wrap .more_view {height: 4.69vw; border-radius: 3.91vw; font-size: 1.72vw; width: 18.75vw;}
    .employ_lt_menu .more_view_wrap .more_view .more_arrow {width: 1.64vw; height: 1.25vw; margin-left: 1.48vw; }

    .employ_rt_menu {width: 48.125%;}
    .employ_rt_tp_menu ul { margin: 0 -1.17vw;}
    .employ_rt_tp_menu ul li {padding: 0 1.17vw;}
    .employ_rt_tp_menu ul li a { border-radius: 2.34vw; padding: 4.84vw 0; box-shadow: 0 0 1.56vw rgba(0,0,0,0.2);}
    .employ_rt_tp_menu .qna_ic { width: 6.64vw; height: 6.80vw; margin-left: 0;}
    .employ_rt_tp_menu .faq_ic { width: 6.64vw; height: 6.64vw; margin-top: -0.23vw; margin-left: 0;}
    .employ_rt_tp_txt { margin-top: 2.11vw;}
    .employ_rt_tp_txt div {font-size: 2.50vw;}
    .employ_rt_tp_txt p {font-size: 1.72vw; margin-left: 0; margin-top: 1.33vw; word-break: keep-all;}
    .employ_rt_tp_txt p br {display: none;}
    .faq_box .employ_rt_tp_txt {margin-top: 2.58vw;}
    .faq_box .employ_rt_tp_txt div {margin-left: 0; }
    .faq_box .employ_rt_tp_txt p {margin-left: 0; margin-top: 1.41vw;}

    .employ_rt_bt_menu {margin-top: 2.19vw; border-radius: 2.34vw; box-shadow: 0 0 1.56vw rgba(0,0,0,0.2); }
    .employ_rt_bt_menu ul li a { padding: 3.13vw; height: 11.72vw; padding-right: 0;}
    .employ_rt_bt_menu .img_wrap.employ_rt_bt_ic1 {width: 5.47vw; height: 5.63vw;}
    .employ_rt_bt_menu .img_wrap.employ_rt_bt_ic2 {width: 5.47vw; height: 4.92vw;}
    .employ_rt_bt_menu .img_wrap.employ_rt_bt_ic3 {width: 5.47vw; height: 5.08vw;}
    .employ_rt_bt_menu .img_wrap.employ_rt_bt_ic4 {width: 5.47vw; height: 5.47vw;}
    .employ_rt_bt_menu p {font-size: 1.95vw; margin-left: 1.56vw;}

	.employ_rt_bt_menu ul li:nth-child(1) a {border-top-left-radius: 2.34vw;}
	.employ_rt_bt_menu ul li:nth-child(2) a {border-top-right-radius: 2.34vw;}
	.employ_rt_bt_menu ul li:nth-child(3) a {border-bottom-left-radius: 2.34vw}
	.employ_rt_bt_menu ul li:nth-child(4) a {border-bottom-right-radius: 2.34vw;}


    /* 푸터 */

    #footer {padding: 4.84vw 3.91vw 5.86vw;}
    .ft_logo img {width: 42.69vw;}
    .ft_info {margin-top: 3.20vw;}
    .ft_info span + span {margin-left: 2.97vw;}
    .ft_info span + span:before {left: -1.48vw; height: 1.33vw;}
    .ft_info span a {font-size: 1.41vw;}
    .ft_info2 {margin-top: 1.56vw;}
    .ft_info2 span {font-size: 1.41vw; }
    .ft_info2 span strong {font-size: 1.56vw;}
    #footer .copy {font-size: 1.41vw; margin-left: 2.73vw; padding-top: 0.16vw;}
    .ft_sns_wrap { margin-top: 3.05vw;}
    .ft_sns_wrap span + span {margin-left: 1.64vw}
    .ft_sns_wrap .ft_cafe a { width: 1.64vw; height: 1.56vw; }
    .ft_sns_wrap .ft_blog a { width: 1.25vw; height: 1.56vw;}
    .ft_sns_wrap .ft_facebook a { width: 0.86vw; height: 1.56vw; }
    .ft_sns_wrap .ft_insta a { width: 1.56vw; height: 1.56vw;}

}

@media screen and (max-width: 1024px) {
    
    /* 헤더 */

    #header { height: 11.72vw; padding: 0 3.91vw;}
    /* .head .logo {margin-top: -1.46vw;} */
    .head .logo img {width: 49.61vw;}
    .gnb {display:none; margin-top: 1.07vw;}
    .gnb > li > a { font-size: 2.25vw;  line-height: 10.64vw;}
    .gnb > li > a:before {height: 0.49vw;}
    .gnb > li + li {margin-left: 9.77vw;}
    .head_btn {display: flex; width: 2.44vw; height: 2.44vw; margin-top: 1.46vw;}
    .head_btn .head_btn_inner { width: 0.98vw; height: 0.98vw;}

    /* 헤더 모바일 */

    html.active {height: 100% !important; min-height: 100% !important; overflow:hidden !important; touch-action:none;}
    body.active {height: 100% !important; min-height: 100% !important;  overflow:hidden !important; touch-action:none;}
    .head_mob_overlay {position: fixed; top: 0; width: 100%; height: 100%; z-index: 700; background: rgba(0,0,0,0.6); cursor: pointer;}
    .head_mob_bg {display: none; position: fixed; top: 0; right: 0; height: 100%; width: 75.52vw; padding: 0 5.21vw 0; background: #fff; overflow-y: scroll; z-index: 710;}
    .head_mob_bg.active {display: block;}
    .head_mob_tp {display: flex; align-items: center; position: relative; padding: 6.51vw 0;}
    .head_mob_tp .logo img {width: 49.61vw;}
    .head_mob_close {position: absolute; top: 50%; transform: translateY(-50%); width: 6.51vw; height: 6.51vw; right: 0; cursor: pointer; margin-top: 1.30vw;}
    .head_mob_close:before {content: ""; position: absolute; left: 2.95vw; transform: rotate(45deg); width: 2px; height: 4.88vw; background: #000;}
    .head_mob_close:after {content: ""; position: absolute; left: 2.95vw; transform: rotate(-45deg); width: 2px; height: 4.88vw; background: #000;}

    .accordion {margin-top: 0;}
    .accordion > li:last-child {border-bottom: 1px solid #e1e1e1;}
    .accordion .link {position: relative; cursor: pointer; color: #14151a; font-size: 3.91vw;  font-weight: 700; border-top: 1px solid #e1e1e1; height: 13.02vw; display: flex; align-items: center; padding: 0 3.91vw; background: url("/images/main/head_mob_arrow.png") 95% center no-repeat; background-size: 2.44vw;}
    .accordion .link.dd_none {background: none;}
    .accordion .link a {display: flex; width: 100%; height: 100%; align-items: center;  }
    .accordion li.open .link.dd_none {background: none;}
    .accordion li.open .link {background: #1070DB  url("/images/main/head_mob_arrow_on.png") 95% center no-repeat; background-size: 2.44vw; color: #fff;}

    .submenu {display: none;  padding: 3.91vw 2.93vw; border-top: 1px solid #e1e1e1; background: #f2f2f2;}
    .submenu li + li {margin-top: 1.95vw;}
    .submenu a {position: relative; display: inline-block;  color: #3d3d3d;  font-size: 2.73vw; padding: 0 0 0.49vw;}
    .submenu a:hover:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #1070DB ;}
    .submenu a:hover {color: #1070DB }


    /* 비주얼 메인배너 */

    .main_banner { height: 79.10vw; }
    .main_banner_txt { top: 14.84vw; left:3.91vw; }
    .main_banner_txt em {font-size: 2.15vw; text-shadow: 0 0.39vw 0.39vw rgba(0,0,0,0.25);}
    .main_banner_txt h2 {font-size: 4.69vw; margin-top: 1.76vw; text-shadow: 0 0 0.49vw rgba(0,0,0,0.8);}
    .main_banner_txt p {font-size: 2.44vw; margin-top: 1.37vw; text-shadow: 0 0 0.49vw rgba(0,0,0,0.8);}
    .main_banner_txt .more_view_wrap {margin-top: 3.22vw;}
    .main_banner_txt .more_view_wrap .more_view {height: 5.86vw; border-radius: 4.88vw; font-size: 2.15vw; padding: 0 5.37vw;}
    .main_banner_txt .more_view_wrap .more_view .more_arrow {width: 2.05vw; height: 1.56vw; margin-left: 1.86vw; }

    /* 채용공고 메뉴 */

    #wrap {min-height: 76.66vw; padding: 0 3.91vw 11.72vw;}
    .inner {widtH: 100%;}
    .employ_menu {margin-top: -20.02vw; flex-wrap: wrap;}
    .employ_lt_menu { width: 100%; height: 50.41vw; box-shadow: 0 0 1.95vw rgba(0,0,0,0.2); border-radius: 2.93vw; }
    .employ_lt_menu:before {border-radius: 2.93vw;}
    .employ_lt_menu .employ_lt_inner { padding: 8.20vw 6.93vw;} 
    .employ_lt_menu em {font-size: 1.95vw; }
    .employ_lt_menu h3 {font-size: 3.13vw; margin-top: 3.13vw;}
    .employ_lt_menu p {font-size: 2.15vw; margin-top: 1.46vw;}
    .employ_lt_menu .more_view_wrap {margin-top: 3.91vw; margin-left: -0.29vw;}
    .employ_lt_menu .more_view_wrap .more_view {height: 5.86vw; border-radius: 4.88vw; font-size: 2.15vw; width: 23.44vw;}
    .employ_lt_menu .more_view_wrap .more_view .more_arrow {width: 2.05vw; height: 1.56vw; margin-left: 1.86vw; }

    .employ_rt_menu {width: 100%; margin-top: 2.93vw;}
    .employ_rt_tp_menu ul { margin: 0 -1.46vw;}
    .employ_rt_tp_menu ul li {padding: 0 1.46vw;}
    .employ_rt_tp_menu ul li a { border-radius: 2.93vw; padding: 6.05vw 0; box-shadow: 0 0 1.95vw rgba(0,0,0,0.2);}
    .employ_rt_tp_menu .qna_ic { width: 8.30vw; height: 8.50vw;}
    .employ_rt_tp_menu .faq_ic { width: 8.30vw; height: 8.30vw; margin-top: -0.29vw;}
    .employ_rt_tp_txt { margin-top: 2.64vw;}
    .employ_rt_tp_txt div {font-size: 3.13vw; }
    .employ_rt_tp_txt p {font-size: 2.15vw; margin-top: 1.66vw; }
    .faq_box .employ_rt_tp_txt {margin-top: 3.22vw;}
    .faq_box .employ_rt_tp_txt p {margin-top: 1.76vw;}

    .employ_rt_bt_menu {margin-top: 2.73vw; border-radius: 2.93vw; box-shadow: 0 0 1.95vw rgba(0,0,0,0.2); }
    .employ_rt_bt_menu ul li a { padding: 3.91vw; height: 14.65vw; padding-right: 0;}
    .employ_rt_bt_menu .img_wrap.employ_rt_bt_ic1 {width: 6.84vw; height: 7.03vw;}
    .employ_rt_bt_menu .img_wrap.employ_rt_bt_ic2 {width: 6.84vw; height: 6.15vw;}
    .employ_rt_bt_menu .img_wrap.employ_rt_bt_ic3 {width: 6.84vw; height: 6.35vw;}
    .employ_rt_bt_menu .img_wrap.employ_rt_bt_ic4 {width: 6.84vw; height: 6.84vw;}
    .employ_rt_bt_menu p {font-size: 2.44vw; margin-left: 1.95vw;}

	.employ_rt_bt_menu ul li:nth-child(1) a {border-top-left-radius: 2.93vw;}
	.employ_rt_bt_menu ul li:nth-child(2) a {border-top-right-radius: 2.93vw;}
	.employ_rt_bt_menu ul li:nth-child(3) a {border-bottom-left-radius: 2.93vw}
	.employ_rt_bt_menu ul li:nth-child(4) a {border-bottom-right-radius: 2.93vw;}


    /* 푸터 */

    #footer {padding: 6.05vw 3.91vw 7.32vw;}
    .ft_logo img {width: 49.61vw;}
    .ft_info {margin-top: 4.00vw;}
    .ft_info span + span {margin-left: 3.71vw;}
    .ft_info span + span:before {left: -1.86vw; height: 1.66vw;}
    .ft_info span a {font-size: 1.76vw; }
    .ft_info2 {margin-top: 1.95vw; flex-wrap: wrap;}
    .ft_info2 span {font-size: 1.76vw;}
    .ft_info2 span strong {font-size: 1.95vw;}
    #footer .copy {font-size: 1.76vw; margin-left: 0; padding-top: 0.20vw; margin-top: 1.76vw;}
    .ft_sns_wrap { margin-top: 3.81vw;}
    .ft_sns_wrap span + span {margin-left: 2.05vw}
    .ft_sns_wrap .ft_cafe a { width: 2.05vw; height: 1.95vw; }
    .ft_sns_wrap .ft_blog a { width: 1.56vw; height: 1.95vw;}
    .ft_sns_wrap .ft_facebook a { width: 1.07vw; height: 1.88vw; }
    .ft_sns_wrap .ft_insta a { width: 1.95vw; height: 1.95vw;}
	.wa img{height: 9.15vw;}

}

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

    /* 헤더 */

    #header { height: 15.63vw; padding: 0 2.60vw;}
    /* .head .logo {margin-top: -1.95vw;} */
    .head .logo img {width: 70.15vw;}
    .gnb { margin-top: 1.43vw;}
    .gnb > li > a { font-size: 3.26vw;  line-height: 14.19vw;}
    .gnb > li > a:before {height: 0.65vw;}
    .gnb > li + li {margin-left: 6.51vw;}
    .head_btn { width: 3.26vw; height: 3.26vw; margin-top: 1.95vw;}
    .head_btn .head_btn_inner { width: 1.30vw; height: 1.30vw;}

    /* 헤더 모바일 */

    html.active {height: 100% !important; min-height: 100% !important; overflow:hidden !important; touch-action:none;}
    body.active {height: 100% !important; min-height: 100% !important;  overflow:hidden !important; touch-action:none;}
    .head_mob_overlay {position: fixed; top: 0; width: 100%; height: 100%; z-index: 700; background: rgba(0,0,0,0.6); cursor: pointer;}
    .head_mob_bg {display: none; position: fixed; top: 0; right: 0; height: 100%; width: 75.52vw; padding: 0 3.91vw 0; background: #fff; overflow-y: scroll; z-index: 710;}
    .head_mob_bg.active {display: block;}
    .head_mob_tp {display: flex; align-items: center; position: relative; padding: 8.72vw 0;}
    .head_mob_tp .logo img {width: 55.15vw;}
    .head_mob_close {position: absolute; top: 50%; transform: translateY(-50%); width: 6.51vw; height: 6.51vw; right: 0; cursor: pointer;}
    .head_mob_close:before {content: ""; position: absolute; left: 2.95vw; transform: rotate(45deg); height: 6.51vw; background: #000;}
    .head_mob_close:after {content: ""; position: absolute; left: 2.95vw; transform: rotate(-45deg); height: 6.51vw; background: #000;}

   
    .accordion {margin-top: 0;}
    .accordion .link {padding: 0 3.91vw; font-size: 3.91vw; height: 13.02vw; background: url("/images/main/head_mob_arrow.png") 95% center no-repeat; background-size: 4.30vw; display: flex; align-items: center;}
    .accordion .link.dd_none {background: none;}
    /* .accordion .link a {display: block;} */
    .accordion li.open .link {background: #1070DB url("/images/main/head_mob_arrow_on.png") 95% center no-repeat; background-size: 4.30vw;}
    .accordion li.open .link.dd_none {background: none;}
    .submenu {display: none; padding: 6.51vw 3.91vw; }
    .submenu li + li {margin-top: 3.52vw;}
    .submenu a {font-size: 3.26vw; padding: 0 0 0.91vw;}



    /* 비주얼 메인배너 */

    .main_banner { height: 105.47vw; }
    .main_banner_txt { top: 19.79vw; left: 2.60vw; padding-right: 2.60vw;}
    .main_banner_txt em {font-size: 3.13vw; text-shadow: 0 0.52vw 0.52vw rgba(0,0,0,0.25);}
    .main_banner_txt h2 {font-size: 6.25vw;  margin-top: 2.34vw; text-shadow: 0 0 0.65vw rgba(0,0,0,0.8);}
    .main_banner_txt p {font-size: 3.26vw; margin-top: 1.82vw; text-shadow: 0 0 0.65vw rgba(0,0,0,0.8);}
    .main_banner_txt .more_view_wrap {margin-top: 4.30vw;}
    .main_banner_txt .more_view_wrap .more_view {height: 7.81vw; border-radius: 6.51vw; font-size: 2.86vw; padding: 0 7.16vw;}
    .main_banner_txt .more_view_wrap .more_view .more_arrow {width: 2.73vw; height: 2.08vw; margin-left: 2.47vw; }

    /* 채용공고 메뉴 */

    #wrap {min-height: 102.21vw; padding: 0 2.60vw 15.63vw;}
    .employ_menu {margin-top: -26.69vw;}
    .employ_lt_menu {height: 67.19vw; box-shadow: 0 0 2.60vw rgba(0,0,0,0.2); border-radius: 3.91vw; }
    .employ_lt_menu:before {border-radius: 3.91vw;}
    .employ_lt_menu .employ_lt_inner { padding: 10.94vw 9.24vw;} 
    .employ_lt_menu em {font-size: 3.25vw;}
    .employ_lt_menu h3 {font-size: 4.17vw; margin-top: 4.17vw;}
    .employ_lt_menu p {font-size: 3.39vw; margin-top: 1.95vw;}
    .employ_lt_menu .more_view_wrap {margin-top: 5.21vw; margin-left: -0.39vw;}
    .employ_lt_menu .more_view_wrap .more_view {height: 7.81vw; border-radius: 6.51vw; font-size: 3.26vw; width: 31.25vw;}
    .employ_lt_menu .more_view_wrap .more_view .more_arrow {width: 2.73vw; height: 2.08vw; margin-left: 2.47vw; }

    .employ_rt_menu {margin-top: 3.91vw;}
    .employ_rt_tp_menu ul { margin: 0 -1.30vw;}
    .employ_rt_tp_menu ul li {padding: 0 1.30vw;}
    .employ_rt_tp_menu ul li a { border-radius: 3.91vw; padding: 8.07vw 0; box-shadow: 0 0 2.60vw rgba(0,0,0,0.2);}
    .employ_rt_tp_menu .qna_ic { width: 11.07vw; height: 11.33vw;}
    .employ_rt_tp_menu .faq_ic { width: 11.07vw; height: 11.07vw; margin-top: -0.39vw;}
    .employ_rt_tp_txt { margin-top: 3.52vw;}
    .employ_rt_tp_txt div {font-size: 4.17vw;}
    .employ_rt_tp_txt p {font-size: 3.26vw; margin-top: 2.21vw; }
    .faq_box .employ_rt_tp_txt {margin-top: 4.30vw;}
    .faq_box .employ_rt_tp_txt p {margin-top: 2.34vw;}

    .employ_rt_bt_menu {margin-top: 3.65vw; border-radius: 3.91vw; box-shadow: 0 0 2.60vw rgba(0,0,0,0.2); }
    .employ_rt_bt_menu ul li a { padding: 5.21vw; height: 19.53vw; padding-right: 0;}
    .employ_rt_bt_menu .img_wrap.employ_rt_bt_ic1 {width: 9.11vw; height: 9.38vw;}
    .employ_rt_bt_menu .img_wrap.employ_rt_bt_ic2 {width: 9.11vw; height: 8.20vw;}
    .employ_rt_bt_menu .img_wrap.employ_rt_bt_ic3 {width: 9.11vw; height: 8.46vw;}
    .employ_rt_bt_menu .img_wrap.employ_rt_bt_ic4 {width: 9.11vw; height: 9.11vw;}
    .employ_rt_bt_menu p {font-size: 3.26vw; margin-left: 2.60vw;}

	.employ_rt_bt_menu ul li:nth-child(1) a {border-top-left-radius: 3.91vw;}
	.employ_rt_bt_menu ul li:nth-child(2) a {border-top-right-radius: 3.91vw;}
	.employ_rt_bt_menu ul li:nth-child(3) a {border-bottom-left-radius: 3.91vw}
	.employ_rt_bt_menu ul li:nth-child(4) a {border-bottom-right-radius: 3.91vw;}

    /* 푸터 */

    #footer {padding: 8.07vw 2.60vw 9.77vw;}
    .ft_logo img {width: 70.15vw;}
    .ft_info {margin-top: 5.34vw;}
    .ft_info span + span {margin-left: 4.95vw;}
    .ft_info span + span:before {left: -2.47vw; height: 2.21vw;}
    .ft_info span a {font-size: 3.26vw; }
    .ft_info2 {margin-top: 2.60vw; flex-wrap: wrap;}
    .ft_info2 span {font-size: 3.26vw; }
    .ft_info2 span strong {font-size: 3.39vw; }
    #footer .copy {font-size: 3.26vw; margin-left: 0; padding-top: 0.26vw; margin-top: 3.91vw;}
    .ft_sns_wrap { margin-top: 3.91vw; width: 100%;}
    .ft_sns_wrap.pc {display: none;}
    .ft_sns_wrap.mob {display: flex;}
    .ft_sns_wrap span + span {margin-left: 2.73vw}
    .ft_sns_wrap .ft_cafe a { width: 4.17vw; height: 3.91vw; background: url("/images/main/cafe_mob_ic.svg") center no-repeat; background-size: 100%;}
    .ft_sns_wrap .ft_blog a { width: 3.13vw; height: 3.91vw; background: url("/images/main/blog_mob_ic.svg") center no-repeat; background-size: 100%;}
    .ft_sns_wrap .ft_facebook a { width: 2.08vw; height: 3.91vw; background: url("/images/main/facebook_mob_ic.svg") center no-repeat; background-size: 100%;}
    .ft_sns_wrap .ft_insta a { width: 4.04vw; height: 3.91vw; background: url("/images/main/insta_mob_ic.svg") center no-repeat; background-size: 100%;}

	.wa img{height: 10.42vw;}

}