@charset "UTF-8";

/***** S ::Reset *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main{display:block;}
html, body{height:100%;}
body {line-height:1;}
ol, ul {list-style:none;}
a{color:inherit;text-decoration:none;}
hr{clear:both;display:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
img, fieldset{border:0;}
img{vertical-align:middle;}
input, button, select, textarea{vertical-align:middle;padding:0;}
textarea{resize:none;}
table, th, td, input, select, button, textarea, pre{font:inherit;color:inherit;}
input, button{border:0;border-radius:0;background:none;}
label{cursor:pointer;outline:none !important;}
table{border-collapse:collapse;border-spacing:0;border:0;}
th, td{word-break:break-all;word-wrap:break-word;}
legend, caption{visibility:hidden;overflow:hidden;line-height:0;width:0;height:0;margin:0;padding:0;text-indent:-99999px;font-size:0;}
.hidden{position:absolute;visibility:hidden;overflow:hidden;height:0;line-height:0;width:0;margin:0;padding:0;font:0/0 Arial;}
button{background-color:transparent;cursor:pointer;padding:0;}
input::-webkit-inner-spin-button{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
/***** E ::Reset *****/

/* Common */
* {max-height: 1000000px;margin: 0;padding: 0;}
img, fieldset, button {border: none;}
hr {display: none;}
li {list-style: none;}
a {color: #000;text-decoration: none;vertical-align: top;}
a:hover, a:active, a:focus, a:visited {text-decoration: none;}
textarea {overflow: auto;}
form {margin: 0;padding: 0;}
img {vertical-align: top;}
legend {position: absolute;left: 0;top: 0;width: 0;height: 0;overflow: hidden;visibility: hidden;font-size: 0;line-height: 0;}
caption {width: 0;height: 0;margin: 0;padding: 0;font-size: 0;line-height: 0;text-indent: -9999px;overflow: hidden;visibility: hidden;}
em {font-style: normal;}
.blind {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(1px 1px 1px 1px);clip-path: inset(50%);color: transparent;font-size: 1px;line-height: 1px;overflow: hidden;z-index: -1;}
strong {font-weight: 600;}
button {background-color: transparent;box-sizing: border-box;appearance: none;color: #171717;line-height: normal;cursor: pointer;transition: all 0.4s;font-family: "Pretendard";font-size: 16px;line-height: 24px;}
button:disabled {cursor: default;}
pre, code {font-weight: 400;-webkit-text-size-adjust: none;-webkit-overflow-scrolling: touch;word-wrap: break-word;word-break: keep-all;white-space: pre-wrap;font-family: "Pretendard";font-size: 16px;line-height: 24px;}
html {width: 100%;height: 100%;overscroll-behavior: none;}
body {background-color: #fff;color: #171717;font-weight: 400;-webkit-text-size-adjust: none;-webkit-overflow-scrolling: touch;word-wrap: break-word;word-break: keep-all;white-space: normal;overflow-y: scroll;font-family: "Pretendard";font-size: 16px;line-height: 24px;}
body::-webkit-scrollbar {width: 14px;height: 14px;box-sizing: border-box;}
body::-webkit-scrollbar-thumb {background-color: #808999;background-clip: padding-box;border-radius: 8px;border: 4px solid transparent;}
body::-webkit-scrollbar-track {background-color: #F8F8F8;}
body::-webkit-scrollbar-button {display: none;}
body.hid {width: 100%;height: 100%;overflow: hidden;touch-action: none;overscroll-behavior: none;padding-right: 14px;box-sizing: border-box;}


@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url("../font/Pretendard-Bold.woff2") format("woff2"), url("../font/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url("../font/Pretendard-Bold.woff2") format("woff2"), url("../font/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard Medium"), url("../font/Pretendard-Medium.woff2") format("woff2"), url("../font/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url("../font/Pretendard-Regular.woff2") format("woff2"), url("../font/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard Light"), url("../font/Pretendard-Thin.woff2") format("woff2"), url("../font/Pretendard-Thin.woff") format("woff");
}


@font-face {
  font-family: "HostGrotesk";
  font-weight: 800;
  font-display: swap;
  src: local("HostGrotesk ExtraBold"), url("../font/HostGrotesk-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "HostGrotesk";
  font-weight: 700;
  font-display: swap;
  src: local("HostGrotesk Bold"), url("../font/HostGrotesk-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "HostGrotesk";
  font-weight: 600;
  font-display: swap;
  src: local("HostGrotesk SemiBold"), url("../font/HostGrotesk-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "HostGrotesk";
  font-weight: 500;
  font-display: swap;
  src: local("HostGrotesk Medium"), url("../font/HostGrotesk-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "HostGrotesk";
  font-weight: 400;
  font-display: swap;
  src: local("HostGrotesk Regular"), url("../font/HostGrotesk-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "HostGrotesk";
  font-weight: 300;
  font-display: swap;
  src: local("HostGrotesk Light"), url("../font/HostGrotesk-Light.ttf") format("truetype");
}


/*** main ***/
header{max-width: 1920px;margin: 0 auto;}
.header_cont .header_desc{background: #EC1B23;padding: 20px 0 21px;}
.header_cont .header_desc .pc{display: block;}
.header_cont .header_desc .mo{display: none;}
.header_cont .header_desc > p{color: #FFF;text-align: center;font-family: "HostGrotesk";font-size: 18px;font-weight: 600;line-height: 14.4px;text-transform: uppercase;}
.header_cont .header_gnb {position: relative;display: flex;justify-content: space-between;padding: 20px;} 
.header_cont .header_gnb .gnb_list > ul{display: flex;} 
.header_cont .header_gnb .gnb_list > ul > li > button{padding: 21px 16px;color: #222;font-size: 18px;font-weight: 400;line-height: 14.4px;letter-spacing: -0.9px;text-transform: uppercase;} 
.header_cont .header_gnb .logo{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} 
.header_cont .header_gnb .logo > img{width: 100%;} 
.header_cont .header_gnb .gnb_sub{display: flex;gap: 20px;align-items: center;} 
.header_cont .header_gnb .gnb_sub .contact > button{position: relative; color: #EC1B23;text-align: center;font-family: "HostGrotesk";font-size: 18px;font-weight: 400;line-height: 14.4px;text-transform: uppercase;padding: 20px 62px 20px 21px;border-radius: 30px;border: 1px solid #EC1B23;box-sizing: border-box;} 
.header_cont .header_gnb .gnb_sub .contact > button::before{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); content: ""; display: inline-block; width: 16px; height: 16px; background: url(../images/pc/icon/ico_arrow_right_red.svg) center center / contain no-repeat;} 

/* mobile display none */
.mo_menu_ham{display: none;} 
.mo_top{display: none;} 
.mo_bottom{display: none;} 
.img_mo{display: none;}

.cont_area{
  max-width: 1920px;margin: 0 auto;position: relative;
}
.lang{
  position: absolute;right: 204px;top: 96px;width: 36px;z-index: 999;animation:scrollDownMove  both 0.8s;
}
.lang a{
  display: block;color: #222;text-align: center;font-family: "HostGrotesk";font-size: 18px;font-weight: 400;line-height: 80%;text-transform: uppercase;
} 
.lang.none{
  animation:scrollTopMove  both 0.8s;
}
@keyframes scrollTopMove {
  0% {
    top: 96px;opacity: 0.2;
  }
  100% {
    top: -56px;opacity: 0;
  }
}
@keyframes scrollDownMove {
  0% {
    top: -56px;opacity: 0;
  }
  100% {
    top: 96px;opacity: 1;
  }
}
br.mo{display: none;}
br.pc{display: inline-block;}
.cont{
  max-width: 1920px;margin: 0 auto;
}
.main_vis{
  position: relative;padding-bottom: 100vh;overflow: hidden;
}
.main_vis .bg{
  position: absolute;z-index: 1;height: 100%;width: 100%;overflow: hidden;
}
.main_vis .bg::after{
  content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 54%, rgba(0, 0, 0, 0.50) 100%);
}
.main_vis .bg [class^="img_"]{
  height: 100%;width: 100%;object-fit: cover;position: absolute;top: 0;left: 50%;transform: translateX(-50%);
}
.main_vis .desc{
  position: absolute; left: 69px; bottom: 112px;z-index: 1;
}
.main_vis .desc .sub{
  color: #FFF;font-family: "HostGrotesk";font-size: 24px;font-weight: 700;line-height: normal;
}
.main_vis .desc .tit{
  color: #FFF;font-family: "Pretendard";font-size: 64px;font-weight: 700;letter-spacing: -3.2px;margin-top: 12px; line-height: normal;
}
.badge{
  display: inline-block;color: #FFF;font-family: "Pretendard";font-size: 24px;font-style: normal;font-weight: 500;line-height: normal;border-radius: 10px;background: #EC1B23;padding: 9px 19px 10px 20px;
}
.badge > span{
  font-family: "HostGrotesk";
}


.sub_cont_01 {
  padding-bottom: 188px;
}
.sub_cont_01 .desc{
  margin-top: 193px; text-align: center;color: #171717;font-weight: 700;font-style: normal;
}
.sub_cont_01 .desc .tit{
  font-family: "Pretendard";font-size: 48px;line-height: normal;letter-spacing: -1.44px;margin-top: 28px;
}
.sub_cont_01 .desc .sub{
  font-size: 32px;line-height: 48px;letter-spacing: -0.96px;margin-top: 18px;
}
.sub_cont_01 .desc .sub > span{
  font-family: "HostGrotesk";
}
.sub_cont_01 .desc .tit > span{
  font-family: "HostGrotesk";
}
.sub_cont_01 .busi_list{
  margin-top: 68px;display: flex;gap: 48px;justify-content: center;
}
.sub_cont_01 .busi_list .busi_item .img{
  border-radius: 30px;overflow: hidden;
}
.sub_cont_01 .busi_list .busi_item .img > img{
  width: 100%;
}
.sub_cont_01 .busi_list .busi_item .busi_item_desc{
  display: flex;flex-direction: column;margin-top: 43px;text-align: center;color: #EC1B23;font-size: 28px;letter-spacing: -0.84px;line-height: 42px;font-family: "Pretendard";
}
.sub_cont_01 .busi_list .busi_item .busi_item_desc > strong{
  font-weight: 800;
}
.sub_cont_01 .busi_list .busi_item .busi_item_desc > span{
  font-weight: 400;
}
.sub_cont_01 .busi_desc{
  text-align: center;font-size: 32px;font-weight: 400;line-height: 48px;letter-spacing: -0.96px;max-width: 1088px; margin:68px auto 0;
}


.sub_cont_02{
  position: relative;padding-bottom: 100vh;overflow: hidden;
}
.sub_cont_02 .bg{
  position: absolute;z-index: 1;height: 100%;width: 100%;overflow: hidden;
}
.sub_cont_02 .bg::after{
  content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 54%, rgba(0, 0, 0, 0.50) 100%);
}
.sub_cont_02 .bg [class^="img_"]{
  height: 100%;width: 100%;object-fit: cover;position: absolute;top: 0;left: 50%;transform: translateX(-50%);
}
.sub_cont_02 .desc{
  position: absolute;top: calc(50% - 67px); left: 50%;  transform:translate(-50%, -50%); z-index: 1; text-align: center; max-width: 555px;
}
.sub_cont_02 .desc .sub{
  color: #FFF;font-size: 48px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -1.44px;margin-top: 18px;
}
.sub_cont_02 .desc .tit{
  color: #FFF;text-align: center;font-size: 48px;font-style: normal;font-weight: 800;line-height: normal;letter-spacing: -1.44px;
}
.sub_cont_02 .desc .sub > span{
  font-family: "HostGrotesk";
}
.sub_cont_02 .desc .circ{
  position: absolute;left: 50%;transform: translateX(-50%);color: #FFF;text-align: center;font-size: 20px;font-style: normal;font-weight: 300;line-height: normal;letter-spacing: -1px; margin-top: 43px;
}
.sub_cont_02 .desc .circ > ul{
  display: flex; gap: 110px;
}
.sub_cont_02 .desc .circ > ul > li{
  display: inline-block;padding:0 20px; position: relative;
}
.sub_cont_02 .desc .circ > ul > li + li::before{
  content: ""; display: inline-block; width: 90px; height: 1px; position: absolute; left: -100px; top: 50%; transform: translateY(-50%); border-top: 1px dashed #Fff;
}


.sub_cont_03{
  max-width: 1640px;padding: 210px 20px 218px;margin: 0 auto;
}
.sub_cont_03 .desc .tit{
  margin-top: 34px; font-size: 48px;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: -1.44px;width: 710px;
}
.sub_cont_03 .desc .tit > span{
  font-family: "HostGrotesk";
}
.sub_cont_03 .util_list{
  margin-top: 69px; max-width: 1640px; width: 100%;
}
/* .sub_cont_03 .util_list > ul{
  display: flex;gap:38px;
} */
.sub_cont_03 .util_list .util_thumb{
 max-width: 381px;max-height: 330px;border-radius: 1.5625vw; overflow: hidden;
}
.sub_cont_03 .util_list .util_thumb > img{
  width: 100%;
}
.sub_cont_03 .util_list .util_desc{
  margin-top: 55px;width: 88%;
}
.sub_cont_03 .util_list .util_desc .tit{
  font-family: "HostGrotesk";font-size: 48px;font-style: normal;font-weight: 800;line-height: normal;
}
.sub_cont_03 .util_list .util_desc .sub{
  font-family: "HostGrotesk";font-size: 20px;font-style: normal;font-weight: 600;line-height: normal; margin-top: 11px;
}
.sub_cont_03 .util_list .util_desc .desc{
  font-size: 20px;font-style: normal;font-weight: 400;line-height: 30px; letter-spacing: -1px; margin-top: 11px;
}


.sub_cont_04 {
  display: flex;
}
.sub_cont_04 .perf_data{
  padding: 162px 40px 162px;margin: 0 auto;max-width: 600px;width: 100%;
}
.sub_cont_04 .perf_data .perf_data_list{
  margin-top: 94px;max-width: 600px;width: 100%;
}
.sub_cont_04 .perf_data .perf_data_list > li + li{
  margin-top: 46px;
}
.sub_cont_04 .perf_data .perf_data_list .tit{
  font-size: 36px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -1.8px;
}
.sub_cont_04 .perf_data .perf_data_list .data_num {
  margin-top: 30px;padding-bottom: 37px; border-bottom:3px solid #000;display: flex;justify-content: space-between; align-items: center;gap:23px;
}
.sub_cont_04 .perf_data .perf_data_list .data_num > strong{
  font-size: 64px;font-style: normal;font-weight: 800;line-height: normal;letter-spacing: -3.2px;
}
.sub_cont_04 .perf_data .perf_data_list .data_num > strong > span{
  font-family: "Pretendard";
}
.sub_cont_04 .perf_data .perf_data_list .data_num > span{
  font-size: 48px;font-style: normal;font-weight: 800;line-height: normal;letter-spacing: -2.4px;
}
.sub_cont_04 .perf_img{
  width: 46.4vw; overflow: hidden;
}
.sub_cont_04 .perf_img [class^="img_"]{
  height: 100%; width: 100%; object-fit: cover;
}


.sub_cont_05{
  padding: 272px 138px 110px 148px; display: flex;justify-content: space-between;
}
.sub_cont_05 .business_history_vis{
  max-width: 780px;width: initial;display: inline-block;
}
.sub_cont_05 .business_history_vis .desc {
  width: 40.6771vw;max-width: 781px;
}
.sub_cont_05 .business_history_vis .desc .tit{
  font-size: 48px;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: -1.44px; margin-top: 34px;
}
.sub_cont_05 .business_history_vis .desc .tit > span{
  font-family: "HostGrotesk";
}
.sub_cont_05 .business_history_vis .history_img{
  margin-top: 75px;border-radius: 30px; overflow: hidden;width: 40.6771vw;height: 26.6667vw;max-width: 781px;max-height: 512px;
}
.sub_cont_05 .business_history_vis .history_img [class^="img_"]{
  height: 100%; width: 100%; object-fit: cover;
}
.sub_cont_05 .business_history > ul > li{
  display: flex;flex-flow: column;
}
.sub_cont_05 .business_history > ul > li + li{
  margin-top: 48px;
}
.sub_cont_05 .business_history .year{
  color: #EC1B23;font-size: 48px;font-style: normal;font-weight: 800;line-height: normal;
}
.sub_cont_05 .business_history .desc{
  margin-top: 19px;font-size: 24px;font-style: normal;font-weight: 400;line-height: 50.4px;letter-spacing: -1.2px;display: inline-block;
}
.sub_cont_05 .business_history .desc + .desc{
  margin-top: 0px;
}


.sub_cont_06{
  position: relative;padding-bottom: 100vh;overflow: hidden;
}
.sub_cont_06 .bg{
  position: absolute;z-index: 1;height: 100%;width: 100%;overflow: hidden;
}
.sub_cont_06 .bg::after{
  content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;
}
.sub_cont_06 .bg [class^="img_"]{
  height: 100%;width: 100%;object-fit: cover;position: absolute;top: 0;left: 50%;transform: translateX(-50%);
}
.sub_cont_06 .desc{
  position: absolute;top: 50%; left: 50%;  transform:translate(-50%, -50%); z-index: 1; text-align: center; max-width: 590px;color: #EC1B23;line-height: normal;letter-spacing: -2.4px;text-align: center;font-size: 48px;font-style: normal;
}
.sub_cont_06 .desc .sub{
  font-weight: 400;margin-top: 18px;line-height: 72px;
}
.sub_cont_06 .desc .tit{
  font-weight: 800;
}


.sub_cont_07_01{
  padding: 250px 140px 156px;
}
.sub_cont_07_01 .tit{
  margin-top: 44px;font-size: 48px;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: -1.44px;
}
.sub_cont_07_01 .tit > span{
  font-family: "HostGrotesk";
}
.sub_cont_07_01 .partners{
  margin-top: 141px;
}
.sub_cont_07_01 .partners > ul {
  display: flex; gap: 80px;align-items: center;flex-wrap: wrap;
}
.sub_cont_07_02 {
  padding: 143px 140px 156px;
}
.sub_cont_07_02 .contac_us {
  margin-top: 215px; display: flex; gap: 20px; justify-content: space-between;
}
.sub_cont_07_02 .country {
  color: #EC1B23;font-family: "HostGrotesk";font-size: 24px;font-style: normal;font-weight: 800;line-height: normal; display: block;
}
.sub_cont_07_02 .addr, .sub_cont_07 .info {
  font-family: "HostGrotesk";font-size: 24px;font-style: normal;font-weight: 400;line-height: normal;margin-top: 22px; display: block;width: 35.8854vw;max-width: 689px;
}
.sub_cont_07_02 .info {
  margin-bottom: 100px;
}
.sub_cont_07_02 .info .name {
  font-weight: 700;display: block;
}
.sub_cont_07_02 .map {
  height: 26.8750vw;width: 35.8854vw;max-width: 689px;border-radius: 30px;overflow: hidden;margin-top: auto;
}
.sub_cont_07_02 .map > img {
  width: 100%;height: 100;object-fit: cover;
}
.sub_cont_07_02 .contac_info {
  display: flex;flex-direction: column;
}


footer{
  padding: 59px 140px;background: #171717;color: #FFF;font-family: "HostGrotesk";font-size: 16px;letter-spacing: -0.48px;font-weight: 700;line-height: normal;font-style: normal;display: flex; justify-content: space-between;
}
.company_name{
  text-transform: uppercase;
}
.family_site{
  display: flex;gap: 42px;
}
.family_site .tit{
  font-weight: 400;
}
.family_site .sites{
  display: flex;gap: 24px;
}
.family_site .sites > a{
  color: #FFF;
}


.btn_top{
  position: fixed; right: 140px; bottom: 108px;
}
.btn_top .ico{
  width: 60px;height: 60px;background-color: #EC1B23;position: relative; display: inline-block;border-radius: 120px;
}
.btn_top .ico::before{
  content: ""; display: inline-block; width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../images/pc/icon/ico_arrow_top_white.svg) center center / contain no-repeat;
}

.gnb.none{display: none;}
.gnb {display: inline-block; position: absolute;z-index: 9;width: 100%;max-width: 1920px;margin: 0 auto;left: 50%;top: 75.4px;transform: translateX(-50%);padding: 0 20px;box-sizing: border-box;}
.gnb > ul {display: flex;}
.gnb > ul > li > a{width: 91px;height: 56px;display: inline-block;font-size: 0;}
.gnb > ul > li:first-child{display: none;}
.gnb > ul > li:nth-child(2){display: none;}
.gnb > ul > li:nth-child(4){display: none;}
.gnb > ul > li:nth-child(8){display: none;}
.gnb > ul > li:nth-child(11){display: none;}
.gnb > ul > li:nth-child(10){position: absolute;right: 20px;width: 167px;}
.gnb > ul > li:nth-child(10) a{width: 100%;}

.en .gnb > ul > li > a{width: 150px;}
.en .gnb > ul > li:nth-child(5) > a{width: 121px;}
.en .gnb > ul > li:nth-child(6) > a{width: 183px;}
.en .gnb > ul > li:nth-child(7) > a{width: 143px;}

/* 영문 */
body .en{font-family: "HostGrotesk";}
body .en .header_cont .header_gnb .gnb_list > ul > li > button{font-size: 14px;} 

/* 스와이퍼 */
.swiper-slide{flex-shrink: initial;}
.swiper-wrapper{gap: 38px;}



/***** 모바일 *****/
/* GNB 메뉴 */
@media (max-width: 1650px) {
  .header_cont .header_gnb .logo {right: 208px;left: initial;}
} 
@media (max-width: 1140px) {
  
} 
@media (max-width: 1023px) {
  br.mo{display: inline-block;}
  br.pc{display: none;}
  .img_mo{display: inline-block;}
  .img_pc{display: none;}
  .header_cont .header_desc > p{font-size: 12px;}
  .header_cont .header_desc{padding: 10px 0 11px;}
  .header_cont .header_gnb{padding: 13px 16px;align-items: center;}
  .header_cont .header_gnb .gnb_list {display: none;}
  .header_cont .header_gnb .logo{transform: initial;width: 95px;height: 20px;position: initial;}
  .header_cont .header_desc .pc{display: none;}
  .header_cont .header_desc .mo{display: block;}
  .header_cont .header_gnb .gnb_sub{display: none;}
  .cont_area > .lang{display: none;}
  .mo_bottom .lang{position: initial;display: flex;gap: 24px;width:initial;}
  .mo_bottom .lang > div + div{position: relative;}
  .mo_bottom .lang > div + div::before{content: ""; display: inline-block; position: absolute; left: -12px; top: 0; width: 1px; height: 13px; background-color: #fff;}
  .mo_bottom .lang a{color: #fff;font-size: 16px;text-transform: uppercase;}
  .mo_menu_ham{width: 34px;height: 34px;display: inline-block;background: url("../images/mo/icon/ico_menu.svg") center center / contain no-repeat;}
  .gnb{display: none;flex-direction: column;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: #171717;transform: initial;padding: 60px 16px;}
  .gnb > ul{flex-direction: column;}
  .gnb > ul > li > a{color: #fff;font-size: 36px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -1.08px;width: 100%;height: 43px;}
  .gnb > ul > li{margin-top: 25px;}
  .gnb .gnb_item.active{color: #EC1B23;font-weight: 800;}
  .mo_top{display: inline-block;position: absolute;right: 16px;top: 13px;}
  .mo_top .close{width: 34px;height: 34px;display: inline-block;background: url("../images/mo/icon/ico_close.svg") center center / contain no-repeat;}
  .gnb > ul > li:nth-child(10){display: none;}
  .mo_bottom{height: 13px;display: flex;justify-content: space-between;margin-top: auto;}
  .gnb.active{display: flex;animation:gnbActive both 0.3s; overflow-y: auto;}
  @keyframes gnbActive {
    0% {
      opacity: 0;top: -20px;
    }
    100% {
      opacity: 1;top: 0px;
    }
  }
  .btn_top {right: 16px;bottom: 50px;}
  .btn_top .ico{width: 42px; height: 42px;}
  .btn_top .ico::before{width: 24px; height: 24px;}
  .main_vis .desc{top: 50%;left: 50%;bottom: initial;transform: translate(-50%, -50%);width: 100%;padding: 0 20px;box-sizing: border-box;text-shadow: 2px 2px 5px #000;}
  .main_vis .desc .tit{font-size: 34px;letter-spacing: -3.4px;}
  .main_vis .desc .sub{line-height: 24px;}
  .sub_cont_01 .desc{margin-top: 70px;}
  .cont{padding:0 16px}
  .badge{font-size: 12px;line-height: 9.6px;padding: 11px 10px 10px 10px;border-radius: 5px;}
  .main_vis{margin:0 -16px;}
  .sub_cont_01 .desc{text-align: left;}
  .sub_cont_01 .desc .tit{font-size: 22px;font-weight: 500;margin-top: 21px;letter-spacing: -0.66px;}
  .sub_cont_01 .desc .sub{font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.48px;margin-top: 8px;}
  .sub_cont_01 .busi_list{flex-wrap: wrap;gap: 20px;margin-top: 40px;}
  .sub_cont_01 .busi_list .busi_item{width: calc(50% - 10px);}
  .sub_cont_01 .busi_list .busi_item .img{border-radius: 10px;}
  .sub_cont_01 .busi_list > .busi_item:nth-child(1){margin-top: 147px;}
  .sub_cont_01 .busi_list > .busi_item:nth-child(3){margin-right: calc(-50% - 9px);margin-top: -140px;}
  .sub_cont_01 .busi_list .busi_item .busi_item_desc{margin-top: 30px;font-size: 16px;line-height: 21px;letter-spacing: -0.8px;text-align: left;}
  .sub_cont_01 .busi_desc{margin-top: 40px;font-size: 14px;line-height: 21px;letter-spacing: -0.42px;width: 68%;}
  .sub_cont_01{padding-bottom: 72px;}
  .sub_cont_02{margin: 0 -16px;}
  .sub_cont_02 .desc{width: 72%;}
  .sub_cont_02 .desc .tit{font-size: 32px;letter-spacing: -1.6px;}
  .sub_cont_02 .desc .sub{margin-top: 20px;font-size: 24px;font-weight: 400;line-height: 31px;letter-spacing: -1.2px;}
  .sub_cont_02 .desc .circ{font-size: 14px;letter-spacing: -0.7px;margin-top: 30px;}
  .sub_cont_02 .desc .circ > ul{gap: 60px;}
  .sub_cont_02 .desc .circ > ul > li{padding: 0 5px;}
  .sub_cont_02 .desc .circ > ul > li + li::before{width: 60px; left: -60px;}
  .sub_cont_03{padding: 70px 0 105px;}
  .sub_cont_03 .desc .tit{margin-top: 20px;font-size: 22px;font-weight: 500;line-height: 33px;letter-spacing: -0.66px;width: 78%;}
  .sub_cont_03 .util_list{margin-top: 36px;}
  .sub_cont_03 .util_list > ul{gap: 20px;}
  .sub_cont_03 .util_list .util_thumb{width: 100%;height: 100%;max-width: initial;max-height: initial;}
  .sub_cont_03 .util_list .util_desc{margin-top: 32px;}
  .sub_cont_03 .util_list .util_desc .tit{font-size: 24px;font-weight: 700;}
  .sub_cont_03 .util_list .util_desc .sub{font-size: 14px;font-weight: 800;}
  .sub_cont_03 .util_list .util_desc .desc{font-size: 14px;line-height: 21px;letter-spacing: -0.7px;width: 86%;}
  .sub_cont_04{display: inline-block; width: 100%;}
  .sub_cont_04 .perf_img{width: calc(100% + 32px);margin: 0 -16px;}
  .sub_cont_04 .perf_data{padding: 50px 0 90px;}
  .sub_cont_04 .perf_data .perf_data_list{margin-top: 44px;}
  .sub_cont_04 .perf_data .perf_data_list .tit{font-size: 16px;letter-spacing: -0.8px;}
  .sub_cont_04 .perf_data .perf_data_list .data_num{margin-top: 8px;padding-bottom: 12px;}
  .sub_cont_04 .perf_data .perf_data_list .data_num > strong{font-size: 36px;letter-spacing: -1.8px;}
  .sub_cont_04 .perf_data .perf_data_list .data_num > span{font-size: 24px;font-weight: 600;letter-spacing: -1.2px;}
  .sub_cont_04 .perf_data .perf_data_list > li + li{margin-top: 30px;}
  .sub_cont_05{padding: 90px 0px 80px;flex-direction: column;}
  .sub_cont_05 .business_history .year{font-size: 24px;}
  .sub_cont_05 .business_history .desc{font-size: 16px;line-height: 33px;letter-spacing: -0.8px;}
  .sub_cont_05 .business_history > ul > li + li{margin-top: 23px;}
  .sub_cont_05 .business_history_vis{order: -1;display: flex;flex-direction: column;}
  .sub_cont_05 .business_history_vis .desc{width: 84%;margin-top: 57px;}
  .sub_cont_05 .business_history_vis .desc .tit{font-size: 22px;font-weight: 500;line-height: 33px;letter-spacing: -0.66px;margin-top: 23px;}
  .sub_cont_05 .business_history_vis .history_img{order: -1;margin: 0;border-radius: 15px;width: 100%;height: 59.7222vw;}
  .sub_cont_05 .business_history{margin-top: 57px;}
  .sub_cont_06{margin: 0 -16px;}
  .sub_cont_06 .desc{width: 60%;}
  .sub_cont_06 .desc .tit{font-size: 32px;letter-spacing: -1.6px;}
  .sub_cont_06 .desc .sub{font-size: 24px;line-height: 36px;letter-spacing: -0.72px;margin-top: 10px;}
  .sub_cont_07_01{padding: 70px 0 80px;}
  .sub_cont_07_01 .tit{margin-top: 20px;font-size: 22px;font-weight: 500;line-height: 33px;letter-spacing: -0.66px;}
  .sub_cont_07_01 .partners{margin-top: 66px;}
  .sub_cont_07_01 .partners > ul{flex-direction: column;gap: 70px;}
  .sub_cont_07_02{padding: 80px 0 40px;}
  .sub_cont_07_02 .contac_us{margin-top: 0;flex-direction: column;gap: 40px;}
  .sub_cont_07_02 .country{margin-top: 40px;font-size: 16px;line-height: 24px;}
  .sub_cont_07_02 .addr{font-size: 14px;line-height: 21px;margin-top: 15px;width: 100%;}
  .sub_cont_07_02 .info{margin-top: 22px;margin-bottom: 0;}
  .sub_cont_07_02 .map{order: -1;width: 100%;height: 68.3333vw;}
  .sub_cont_07_02 .info > span{display: block;}
  footer{padding: 28px 16px 21px;flex-direction: column;font-size: 12px;line-height: 18px;text-transform: uppercase;}
  footer .copt{font-weight: 300;margin-top: 10px;letter-spacing: 0.3px;}
  .family_site{cursor: pointer; position: relative; width: fit-content;box-sizing: border-box;color: #EC1B23;margin-top: 16px;border-radius: 30px;border: 1px solid #EC1B23;background: #FFF;backdrop-filter: blur(10px);font-size: 14px;font-weight: 400;line-height: 11px;padding: 13px 37px 13px 15px;flex-direction: column;}
  .family_site::before{animation:siteMapArrowDown both 0.3s;content: ""; display: inline-block; width: 14px; height: 8px; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); background: url(../images/mo/icon/ico_angle_bottom.svg) center center / contain no-repeat;}
  .family_site .sites {display: none;}
  .family_site .sites > a{color: #EC1B23;padding: 13px 15px;}
  .family_site.active {border-top: 0;border-radius: 0 0 19px 19px;}
  .family_site.active .sites {position: absolute;top: -74px;left: -1px;display: flex;flex-direction: column;border-radius: 19px 19px 0 0;border: 1px solid #EC1B23;border-bottom: 0;background: #FFF;width: 100%;gap: 0;order: -1;}
  .family_site.active::before {transform: translateY(-50%) rotate(180deg);animation:siteMapArrow both 0.3s;}
  @keyframes siteMapArrow {
    0% {
      transform: translateY(-50%) rotate(0);
    }
    100% {
      transform: translateY(-50%) rotate(180deg);
    }
  }
  @keyframes siteMapArrowDown {
    0% {
      transform: translateY(-50%) rotate(180deg);
    }
    100% {
      transform: translateY(-50%) rotate(0);
    }
  }
  

  /* 영문 */
  .en .gnb > ul > li > a{width: 100% !important;font-weight: 300;font-size: 32px;}
  .en .gnb .gnb_item.active {font-weight: 600;}
  .en .main_vis .desc .tit {letter-spacing: -0.4px; line-height: 38px;}
  .en .main_vis .desc .sub {line-height: 24px;}
  .en .sub_cont_01 .busi_desc {width: 72%;}
  .en .sub_cont_02 .desc .circ > ul {gap: 50px;}
  .en .sub_cont_02 .desc .circ > ul > li + li::before {width: 50px;left: -50px;}
  .en .sub_cont_02 .desc {width: 76%;}
  .en .sub_cont_02 .desc .tit {letter-spacing: -0.44px;}

  /* 스와이퍼 */
  .swiper-horizontal{margin: 0 -16px;padding: 0 16px;}
  .swiper-slide{flex-shrink: 0;}
  .swiper-wrapper{gap: initial;}
}