@charset "utf-8";/* body::-webkit-scrollbar { width: 10px; } 

body::-webkit-scrollbar-thumb { background-color: #2f3542; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; } 

body::-webkit-scrollbar-track { background-color: grey; border-radius: 10px; box-shadow: inset 0 0 5px white; } */

.pc { display: block; } 
.mo { display: none; } 
.container { width: 100%; height: 100%; padding: 0 15px; margin: 0 auto; max-width: 1720px; } 
.content { padding: 0 60px; } 
.link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 10; } 
.section { overflow: hidden; } 
/* header */
#header_wrap { position: fixed; top: 0; right: 0; width: 100%; height: 80px; z-index: 100; background: rgba(255, 164, 51, 1); } 
#header_wrap.right { width: 60px; } 
.main_header { display: flex; position: relative; height: 100%; align-items: center; } 

.main_header .logo a { width: 222px; height: 47px; background: url(/img/logo/main_logo_b.png) no-repeat center center; background-size: cover; } 
#header_wrap.dark { background: rgba(255, 255, 255, 0.5); } 
#header_wrap.dark .main_header .logo a { width: 222px; height: 47px; background: url(/img/logo/main_logo_b.png) no-repeat center center; background-size: cover; } 

/* hamburger nav */
.tab_bg { display: none; background: rgba(69, 73, 81, 0.8); } 

.tab_bg.on { display: block; position: fixed; width: 100%; height: 100%; z-index: 1; } 

.tab_nav { position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 1; cursor: pointer; } 

.hamburger_nav { color: #ecf0f1; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 

.hamburger .line { display: block; width: 42px; height: 3px; margin: 13px auto; background-color: #454951; border-radius: 1.5px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 

.hamburger:hover { cursor: pointer;}
.hamburger:hover .line { background:#454951; } 
.hamburger.is-active .line:nth-child(2) { opacity: 0; } 

.hamburger.is-active .line:nth-child(1) { -webkit-transform: translateY(16px) rotate(45deg); -ms-transform: translateY(16px) rotate(45deg); -o-transform: translateY(16px) rotate(45deg); transform: translateY(16px) rotate(45deg); } 

.hamburger.is-active .line:nth-child(3) { -webkit-transform: translateY(-16px) rotate(-45deg); -ms-transform: translateY(-16px) rotate(-45deg); -o-transform: translateY(-16px) rotate(-45deg); transform: translateY(-16px) rotate(-45deg); } 

.tab_menu { position: fixed; top: 0; right: -964px; width: 50vw; height: 100vh; padding: 9vh 6.74vw 0; background: rgba(255, 255, 255, 0.95); max-width: 964px; box-sizing: border-box; transition: all 0.6s; } 

.tab_menu.on { right: 0; } 

.main_list > li { padding: 5% 0; border-bottom: 1px solid #454951; } 

.main_list > li:last-child { border-bottom: 0; } 

.main_list .list_tit { font-weight: 600; font-size: 31px; text-transform: uppercase; margin-bottom: 0.5vw;}
.main_list .main a { font-weight: 600; font-size: 31px; text-transform: uppercase; transition: color 0.3s ease-in-out; } 

.main_list .main a:hover { color: #ffa433; } 

.sub_list li { display: inline-block; margin-right: 49px; } 

.sub_list li > a { font-weight: 300; font-size: 19px; transition: color 0.3s ease-in-out; } 
.sub_list li > a:hover,
.sub_list li.active > a { color: #ffa433; font-weight: 600;}
.sub_list li:last-child { margin-right: 0; } 

/* main section1 */
.wrapper .sec1 { position: relative; width: 100vw; height: 100vh; } 

.sec1 .main_text > p { font-size: 24px; } 
.sec1 .main_text > h2 {
 font-weight: 700; font-size: 71px; margin-top: -15px; } 

/* main section4 */
.wrapper .footer_sec .contact_cont { position: relative; width: 100%; height: 50vh; background: url(/img/main/main_s4_bg2.jpg) no-repeat center center; background-size: cover; } 
.wrapper .footer_sec .contact_cont::after { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); content: ''; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); z-index: 2; opacity: 1; } 
.wrapper .footer_sec .contact_cont:hover::after { opacity: 0; } 

.contact_cont > h4 { display: none; position: absolute; top: 50%; width: 100%; color: #ffa433; font-weight: 700; font-size: 51px; text-align: center; transform: translateY(-50%); z-index: 5; } 
.contact_cont > .hoverTxt { display: block; position: absolute; top: 50%; width: 100%; color: #454951; text-align: center; transform: translateY(-50%); z-index: 5; } 
.contact_cont > .hoverTxt > p:first-child { font-weight: 400; font-size: 21px; line-height: 22px; } 
.contact_cont > .hoverTxt > p:last-child { font-weight: 700; font-size: 21px; } 
.wrapper .footer_sec .contact_cont:hover h4 { display: block; } 
.wrapper .footer_sec .contact_cont:hover .hoverTxt { display: none; } 
.footer_sec .footer_cont { position: relative; width: 100%; height: 100%; padding: 1% 3%; background: #454951; } 

.client_list { position: relative; padding: 0 21px; margin: 2% 0; } 
.client_list .swiper-container { position: static; } 
.client_list .client_logo { width: 178px; margin: 0 auto; } 
.client_list .client_logo img { object-fit: contain; } 
.client_list .clientListArrow:after { position: absolute; width: 1px; height: 70px; background: #737a89; font-size: 0; } 
.client_list .swiper-button-prev { left: -13px; } 
.client_list .swiper-button-next { right: -13px; } 

/* footer_cont */
.tit_wrap h5 { color: #737a89; font-weight: 300; font-size: 23px; } 
.footer_cont .footer_info { display: flex; padding: 3%; align-items: end; justify-content: space-between; flex-wrap: wrap; } 
.footer_cont .footer_info .left .logo { width: 125px; height: 81px; margin-bottom: 40px; } 
.left .info li { display: inline-block; position: relative; margin-right: 10px; } 
.left .info li:after { position: absolute; top: 5px; right: -8px; width: 1px; height: 11px; background: #a0a0a0; content: ''; } 
.left .info li:last-child:after { width: 0; } 

.footer_cont .footer_info p,
.footer_cont .footer_info span { color: #a0a0a0; font-family: "Noto Sans KR"; } 
.iosNum a { color:#a0a0a0; } 
.footer_cont .footer_info .right { text-align: right; } 
.footer_cont .footer_info .right > p { margin-bottom: 15px; } 
.footer_cont .footer_info .right a { color: #fff; font-weight: 700; font-size: 15px; } 
.client_list .swiper-wrapper { align-items: center; } 
/* top btn */
.go_top { position: absolute; top: -37px; right: 153px; z-index: 50; } 
/* right nav */
/* mouse cursor */
.cursor { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; background: rgba(51, 109, 255, 0.3); transform: translate(-50%, -50%); border-radius: 50%; z-index: 1000; user-select: none; pointer-events: none; transition: width 0.5s ease-in-out, height 0.5s ease-in-out; } 

.cursor.active { width: 100px; height: 100px; background: rgba(51, 109, 255, 0.3);}
.cursor.active:after { content: 'CLICK !'; opacity: 1; } 
.cursor::after { position: absolute; top: 50%; left: 50%; width: 100%; color: #fff; font-weight: 600; font-size: 13px; letter-spacing: 2px; text-align: center; content: ''; transform: translate(-50%,-50%); opacity: 0; transition: opacity 0.5s 0.2s ease-out; } 

/* 
.cursor-follower { position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: rgba(255, 51, 137, 0.3); border-radius: 50%; z-index: 1000; user-select: none; pointer-events: none; transform: scale(1); transition: transform 0.6s ease-in-out, opacity 0.2s ease-in-out; } 

.cursor-follower.active { opacity: 0.7; transform: scale(4); } */

/* swiper arrows */
.swiper-button-next { right: 7vw; width: 44px; height: 85px; background: url("/img/main/main_arrow2_b.png") no-repeat; background-position: center; background-size: cover; } 

.swiper-button-prev { left: 7vw; width: 44px; height: 85px; background: url("/img/main/main_arrow1_b.png") no-repeat; background-position: center; background-size: cover; } 

.swiper-button-next::after,
.swiper-button-prev::after { display: none; } 

/* 서브페이지 section1, footer */
.subWrapper .section { overflow: hidden; } 

.subWrapper .sec1 .inner_box { display: flex; height: 100vh; align-items: center; justify-content: center; padding-right: 5%; text-align: center;} 

.subWrapper .sec1 h2 { color: #fff; font-weight: 700; line-height: 38px; font-style: italic; text-transform: uppercase; } 

.subWrapper .sec1 h2 span { display: block; color: #fff; font-weight: 500; } 

.subWrapper .sec1 p { color: #fff; margin-top: 3vw; } 

.subWrapper .sec1 p > b { color: #fff; font-weight: 700; } 

/* media query */
/* width가 1720px이하 */
@media (max-width:1720px) { /* right nav, top btn */
 #fp-nav.right { right: 15px; } 
}
/* width가 1440px이하 */
@media (max-width:1440px) {
 .text_wrap p { font-size: 17px; } 

 /* footer */
 .go_top { right: 73px; } 
 .client_list { margin: 3% 0 11%; } 
 }
@media(max-width:1340px) { /* client */
 .client_list .client_logo { width: 161px; } 
}
/* width가 1200px이하 */
@media (max-width:1200px) { /* hamburger nav */
 .main_list .list_tit { font-size: 25px; } 
 .main_list .main a { font-size: 25px; } 
 .sub_list li > a { font-size: 17px; } 
}

/* width가 1024px이하 */
@media (max-width:1024px){
 #header_wrap.dark .main_header .logo a,
 .main_header .logo a { width: 144px; height: 31px; } 

 .autoHeight { height: auto!important; } 
 /* hamburger nav */
 .tab_menu { width: 60vw; } 
 .enTit { font-size: 40px; } 
 .content { padding: 3% 0; } 
 /* footer */
 .footer_cont .footer_info .left .logo { width: 100px; height: auto; } 

 .client_list .client_logo { width: 133px; } 
}
/* width가 768px 이하*/
@media (max-width:768px){
 .hamburger .line { width: 34px; height: 3px; margin: 10px 0; } 

 .hamburger.is-active .line:nth-child(1) { -webkit-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -o-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } 

 .subWrapper .sec1 .inner_box { height: calc(var(--vh, 1vh) * 100) !important; justify-content: center; flex-direction: column; } 
 .cursor { display: none; } 
 .inner { padding: 0 15px; } 
 .pc { display: none; } 

 .mo { display: block; } 
 .enTit { font-size: 50px; } 
 /* header */
 #header_wrap { height: 66px; } 

 /* hamburger nav */
 .tab_menu { width: 100vw; background: rgba(255, 255, 255, 1); } 
 .main_list > li { padding: 5vw 0; } 

 /* footer */
 .hide_txt .common { font-size: 33px; } 
 .hide_txt .center { font-size: 25px; margin-top: -10px; } 

 .client_list .client_logo { width: 119px; } 
 .client_list .clientListArrow:after { height: 46px; } 
 .footer_cont .footer_info .left .logo { width: 85px; margin-bottom: 20px; } 

 .footer_cont .footer_info .left { width: 100%; margin-bottom: 20px; } 
 .footer_cont .footer_info .right { width: 100%; text-align: left; } 
 .footer_cont .footer_info .right > p { margin-bottom: 10px; } 

 .go_top { top: -32px; right: 37px; width: 62px; } 
}
/* width가 640px이하 */
@media (max-width:640px) { /* header */
 .main_header .logo a { width: 170px; height: 36px; } 
 .sec1 .main_text > h2 { font-size: 65px; } 

 /* footer */
 /* client*/
 .client_list { margin-top: 6%; } 

 .contact_cont > h4 { font-size: 41px; } 
 .contact_cont > .hoverTxt > p:first-child,
 .contact_cont > .hoverTxt > p:last-child { font-size: 19px; } 
}
/* width가 600px 이하*/
@media (max-width:600px){
 .enTit { font-size: 45px; } 
 /* footer */
 .go_top { top: -25px; right: 24px; width: 46px; } 
}
/* width가 500px 이하*/
@media (max-width:500px) { /* hamburger */
 .hamburger .line { width: 30px; margin: 7px 0; } 
 .hamburger.is-active .line:nth-child(1) { -webkit-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); -o-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); } 

 .hamburger.is-active .line:nth-child(3) { -webkit-transform: translateY(-13px) rotate(-45deg); -ms-transform: translateY(-13px) rotate(-45deg); -o-transform: translateY(-13px) rotate(-45deg); transform: translateY(-13px) rotate(-45deg); } 

 /* footer */
 .contact_cont > h4 { font-size: 35px; } 

 .contact_cont > .hoverTxt > p:first-child,
 .contact_cont > .hoverTxt > p:last-child { font-size: 17px; } 
 .footer_sec .footer_cont { padding: 5% 1% 5%; } 
 .footer_cont .footer_info .left .logo { display: none; } 
 .tit_wrap h5 { font-size: 17px; } 
 .client_list .client_logo { width: 106px; } 

 .footer_cont .footer_info { padding: 0; } 
 .left .info li:after { height: 9px; } 
}
/* width가 425px이하 */
@media (max-width:426px){
 #header_wrap { height: 50px; } 
 #header_wrap.dark .main_header .logo a,
 .main_header .logo a { width: 120px; height: 25px; } 
 .koTit { font-size: 25px; } 
 /* header */
 .sec1 .main_text > p { font-size: 21px; } 
 .sec1 .main_text > h2 { font-size: 55px; } 
 /* hamburger */
 .sub_list li { margin-right: 30px; } 
 .main_pagination .swiper-pagination-bullet { width: 80px; } 
 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; } 
 /* footer */
 .hide_txt .common { font-size: 29px; } 
 .hide_txt .center { font-size: 23px; } 
 .hide_txt .desc { font-size: 13px; } 
 .client_list { margin: 8% 0 18%; } 
 .client_list .clientListArrow:after { height: 34px; } 
 .left .info li { font-size: 12px; } 
 .footer_cont .footer_info span { font-size: 12px; } 
 .footer_cont .footer_info .right a { font-size: 12px; } 
 }
/* width가 400px이하 */
@media (max-width:400px) { /* header */
 .main_header .logo { width: 145px; height: 23px; } 
 /* hamburger */

 .sub_list li { margin-right: 20px; } 
 .sub_list li > a { font-size: 15px; } 
 .enTit { font-size: 35px; } 
 .koTit { font-size: 25px; } 
 .text_wrap p { font-size: 13px; } 

 /* footer */
 .contact_cont > h4 { font-size: 31px; } 
 .contact_cont > .hoverTxt > p:first-child,
 .contact_cont > .hoverTxt > p:last-child { font-size: 15px; } 
 }

/* width가 320px 이하 */
@media (max-width:320px) { /* header */
 .sec1 .main_text > p { font-size: 19px; } 

 .sec1 .main_text > h2 { font-size: 51px; } 
 /* hamburger */
 .main_list .list_tit { font-size: 21px; } 
 .main_list .main a { font-size: 21px; } 
 .enTit { font-size: 33px; } 
 .koTit { margin-top: -8px; } 
 .text_wrap p { font-size: 12px; } 
 .pro_txt p { font-size: 12px; } 
 .sub_list li { margin-right: 15px; } 
 .sub_list li > a { font-size: 13px; } 
 .tab_menu { padding-top: 5vh; } 

 /* footer */
 .contact_cont > h4 { font-size: 29px; } 
 .contact_cont > .hoverTxt > p:first-child,
 .contact_cont > .hoverTxt > p:last-child { font-size: 13px; } 
 .client_list .client_logo { width: 95px; } 
 .footer_cont .footer_info { padding: 0; } 
 .footer_cont .footer_info .left .logo { width: 60px; margin-bottom: 10px; } 
 .footer_cont .footer_info .right > p { margin-bottom: 5px; } 
 .footer_cont .footer_info p,
 .footer_cont .footer_info span { font-size: 11px; } 
 .left .info li { font-size: 11px; } 
 .left .info li:after { top: 4px; height: 9px; } 
 .client_list { margin: 11% 0 5%; padding: 0; } 
 }
/* width가 280px 이하 */
@media (max-width:280px) { }