@charset "utf-8"; /* */
/* reset */
html,
body { width:100%; max-width:initial !important; } 
body > iframe { display: none; } 
body.active { overflow-y: hidden; touch-action: none; -webkit-overflow-scrolling:none; overflow:hidden; overscroll-behavior:none; } 
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 { letter-spacing: -0.5px; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; font-family:"Pretendard","Segoe-UI","맑은 고딕","malgun gothic","돋움","dotum",sans-serif; } 
li,
ul,
ol { list-style:none; } 
a { color:#232323; text-decoration:none !important; outline:0; border:0; } 
button { outline:0; border:0; } 
h1,
h2,
h3,
p,
span
a { word-break:keep-all; } 
.txt_hidden { font-size:0; line-height:0; color:transparent; overflow:hidden; text-indent:-999999px; } 
i.icon { display: inline-block; text-indent: -99999px; } 

.btn_style_01 { width:145px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box; border-radius: 23px; background-color: #0051FF; color:#fff; font-size: 15px; font-weight: 500; } 

/* inquiry form */
.inquiryWrap { width:100%; } 
.city_inquiry_form { width:100%; } 
.city_inquiry_form .city_inquiry_fields { display:flex; flex-wrap:wrap; gap:20px; } 
.city_inquiry_form .city_inquiry_field,
.city_inquiry_form .city_inquiry_captcha { display:flex; min-width:0; flex-direction:column; gap:5px; margin:0; padding:0; border:0; } 
.city_inquiry_form .city_inquiry_half { width:calc(50% - 10px); } 
.city_inquiry_form .city_inquiry_full { width:100%; } 
.city_inquiry_form .city_inquiry_field > span,
.city_inquiry_form .city_inquiry_captcha > span { color:#fff; font-size:var(--ssm-default-size--); font-weight:500; line-height:30px; } 
.city_inquiry_form .city_inquiry_field em,
.city_inquiry_form .city_inquiry_captcha em { margin-left:3px; color:#fff; font-style:normal; } 
.city_inquiry_form .city_inquiry_field input,
.city_inquiry_form .city_inquiry_field textarea,
.city_inquiry_form .inquiry_captcha_input { width:100%; min-height:50px; padding:12px 15px; color:#fff; background:rgba(255,255,255,0.24); border:1px solid rgba(255,255,255,0.24); border-radius:10px; font:inherit; line-height:25px; backdrop-filter:blur(10px); outline:none; } 
.city_inquiry_form .city_inquiry_field input::placeholder,
.city_inquiry_form .city_inquiry_field textarea::placeholder,
.city_inquiry_form .inquiry_captcha_input::placeholder { color:#c8c8c8; } 
.city_inquiry_form .city_inquiry_field input:focus,
.city_inquiry_form .city_inquiry_field textarea:focus,
.city_inquiry_form .inquiry_captcha_input:focus { border-color:#fff; box-shadow:0 0 0 2px rgba(255,255,255,0.12); } 
.city_inquiry_form .city_inquiry_field textarea { min-height:140px; resize:vertical; } 
.city_inquiry_form .city_inquiry_password small { color:rgba(255,255,255,0.72); font-size:11px; line-height:18px; word-break:keep-all; } 
.city_inquiry_form .inquiry_captcha_widget { display:flex; min-width:0; align-items:flex-end; gap:10px; } 
.city_inquiry_form .inquiry_captcha_legacy { display:flex; flex:none; align-items:center; gap:5px; } 
.city_inquiry_form .inquiry_captcha_legacy img { width:135px; height:50px; object-fit:cover; border-radius:10px; } 
.city_inquiry_form .inquiry_captcha_refresh { display:flex; width:40px; height:40px; flex:none; align-items:center; justify-content:center; padding:8px; background:transparent; cursor:pointer; } 
.city_inquiry_form .icon_refresh { width:24px; height:24px; background:url("/img/icon/icon_refresh_white.svg") center/contain no-repeat; } 
.city_inquiry_form .city_inquiry_privacy { display:flex; align-items:center; gap:5px; margin-top:20px; } 
.city_inquiry_form .city_inquiry_privacy label { display:flex; align-items:center; gap:5px; color:#fff; font-size:var(--ssm-default-size--); font-weight:500; cursor:pointer; } 
.city_inquiry_form .city_inquiry_privacy input { width:24px; height:24px; flex:none; margin:0; padding:0; appearance:none; background:url("/img/icon/check_di.svg") center/cover no-repeat; border:0; border-radius:6px; } 
.city_inquiry_form .city_inquiry_privacy input:checked { background-image:url("/img/icon/check_on.svg"); } 
.city_inquiry_form .city_inquiry_privacy a { color:#8c8c8c; font-size:16px; font-weight:500; line-height:30px; } 
.city_inquiry_form .city_inquiry_submit { display:flex; width:145px; min-height:40px; align-items:center; justify-content:center; margin:30px auto 0; padding:10px; color:#fff; background:#0051ff; border:0; border-radius:23px; font-size:15px; font-weight:500; cursor:pointer; } 
.city_inquiry_form .city_inquiry_submit:disabled { cursor:not-allowed; opacity:0.55; } 

@media(max-width:1024px) { /* */
 /* icon */
.icon { text-indent:-99999px; font-size:0; display:inline-block; } 
 /* btn */
.btn_style_01 { width:130px; } 
/* inquiry form */
.city_inquiry_form .city_inquiry_fields { gap:15px; } 
.city_inquiry_form .city_inquiry_half { width:100%; } 
.city_inquiry_form .city_inquiry_field > span,
.city_inquiry_form .city_inquiry_captcha > span { line-height:25px; } 
.city_inquiry_form .city_inquiry_field input,
.city_inquiry_form .inquiry_captcha_input { min-height:40px; padding:8px 12px; } 
.city_inquiry_form .city_inquiry_field textarea { min-height:120px; } 
.city_inquiry_form .inquiry_captcha_widget { align-items:stretch; } 
.city_inquiry_form .inquiry_captcha_legacy img { width:110px; height:40px; } 
.city_inquiry_form .inquiry_captcha_refresh { width:35px; height:40px; padding:5px; } 
.city_inquiry_form .city_inquiry_privacy { align-items:flex-start; flex-wrap:wrap; margin-top:15px; } 
.city_inquiry_form .city_inquiry_submit { width:130px; margin-top:25px; } 
 }

 /* responsive */
 .only_mo { display:none; } 
 .only_ta { display:inline-block; } 

 /* space system */
 :root { --r-space--:30px; --l-space--:50px; --xl-space--:60px; --xxl-space--: 120px; } 
 @media (max-width:1024px){
 :root { --r-space--:20px; --l-space--:35px; --xl-space--:30px; --xxl-space--:60px; } 
 }

 @media (max-width:1024px){
 .only_ta { display:none; } 
 .only_mo { display:inline-block; } 
 }


/* fontsize */
:root { --xs-default-size--: 14px; --ssm-default-size--: 16px; --sm-default-size--: 18px; --m-default-size--: 24px; --l-default-size--: 28px; --xl-default-size--: 54px; --mainTitle-size--:70px; --subTitle-size--: 32px; --sub-r-size--: 20px; --sub-r-size02--: 20px; } 
@media (max-width:1024px){
 :root { --xs-default-size--: 12px; --ssm-default-size--: 15px; --sm-default-size--: 16px; --m-default-size--: 18px; --l-default-size--: 20px; --xl-default-size--: 36px; --mainTitle-size--:44px; --subTitle-size--: 28px; --sub-r-size--: 16px; --sub-r-size02--: 18px; } 
 }
/* commonCss */
#main { background-color: #191919; } 
.inner { max-width: 1480px; width:100%; padding:0 20px; box-sizing: border-box; margin: 0 auto; } 
.img_box { display: flex; align-items: center; justify-content: center; } 
.img_box > img { width:100%; height: 100%; object-fit: cover; } 

/* header */
#header { padding:10px 0; box-sizing: border-box; position: fixed; top:0; left:0; width:100%; z-index: 100; transition: all .3s; } 
#header.on_bg { background-color: rgba(0, 0, 0, 30%); } 
#header .inner { max-width: 1760px; width:100%; padding:0 20px; box-sizing: border-box; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap:20px; } 
#header .menuBtn { display: none; } 
#header .logo > a { display: flex; align-items: center; justify-content: center; width:125px; } 
#header .logo > a > img { width:100%; height: 100%; object-fit: cover; } 
#header .right { display: flex; align-items: center; gap:40px; } 
#header .gnb { display: flex; align-items: center; gap:40px; } 
#header .gnb > li { position: relative; z-index: 10; } 
#header .gnb > li .gnbWrap { position: absolute; top:0; left:50%; transform: translateX(-50%); z-index: -1; width:200px; padding:40px 10px; box-sizing: border-box; opacity: 0; visibility: hidden; transition: all .3s; } 
#header .gnb > li > a { color:#fff; font-size: var(--ssm-default-size--); font-weight: 500; } 
.inquiryBtn { width:115px; height: 45px; display: flex; align-items: center; justify-content: center; background-color: #0051FF; border-radius: 23px; color:#fff; } 
#header .lnb { display: flex; flex-direction: column; align-items: center; justify-content: center; gap:10px; background-color: rgba(0, 0, 0, 30%); border-radius: 20px; padding:20px 10px; box-sizing: border-box; } 
#header .lnb > li > a { color:#fff; font-size: var(--ssm-default-size--); } 
/* mobileMenu */
.mobileMenu { display: none; } 
.mobileMenu .inner { width:100%; height: 100%; display: flex; flex-direction: column; gap:40px; } 
.mobileMenu .top { padding:10px 0; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap:20px; } 
.mobileMenu .top > h1 > a { max-width: 80px; width:100%; display: flex; align-items: center; justify-content: center; } 
.mobileMenu .top > h1 > a > img { width:100%; height: 100%; object-fit: cover; } 
.mobileMenu .m_gnb { display: flex; flex-direction: column; gap:20px; } 
.mobileMenu .m_gnb > li > a { color:#fff; font-size: 24px; font-weight: 500; } 
.mobileMenu .m_lnb > li > a { color:#fff; } 
.mobileMenu .m_lnb { padding:10px 10px; box-sizing: border-box; display: flex; flex-direction: column; gap:10px; } 
.mobileMenu .closeBtn { cursor: pointer; } 
/* footer */
#footer { padding:50px 0; box-sizing: border-box; } 
#footer .inner { display: flex; gap:70px; } 
#footer .inner .footer_info { display: flex; flex-direction: column; gap:25px; max-width: 700px; width:100%; } 
#footer .inner .footer_info > .list { display: flex; flex-wrap: wrap; gap:10px 25px; } 
#footer .inner .footer_info > .list > li { color: #fff; font-size: 14px; line-height: 24px; position: relative; } 
#footer .inner .footer_info > .list > li:not(.not)::before { content: ""; position: absolute; right:-13px; top:50%; transform: translateY(-50%); width:1px; height: 14px; background-color: #828282; } 
#footer .inner .footer_info > p { color: #fff; font-size: 14px; line-height: 24px; } 
/* side */
.slidingBox { position: fixed; right: 60px; bottom: 120px; z-index: 99; display: flex; flex-direction: column; gap: 10px; align-items: center; justify-content: center; } 
.slidingBox > li > a { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #0051FF; filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.10)); } 
.slidingBox > li > a img{width:24px; height:24px;}
@media(hover:hover){
 #header .gnb > li:hover .gnbWrap { opacity: 1; visibility: visible; } 
 }

@media (max-width:1024px) { /* */
/* header */
#header .menuBtn { display: flex; cursor: pointer; } 
#header .logo > a { width:80px; } 
#header .right { display: none; } 
/* mobileMenu */
.mobileMenu { display: inline-block; z-index: 100; position: fixed; top:0; right:-100%; width:100%; height: 100%; background-color: #232323; transition: all .3s; overflow-y: scroll; } 
.mobileMenu.active { right:0; } 
.mobileMenu .inner { width:100%; height: 100%; display: flex; flex-direction: column; gap:40px; } 
.mobileMenu .top { padding:10px 0; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap:20px; } 
.mobileMenu .top > h1 > a { max-width: 80px; width:100%; display: flex; align-items: center; justify-content: center; } 
.mobileMenu .top > h1 > a > img { width:100%; height: 100%; object-fit: cover; } 
.mobileMenu .m_gnb { display: flex; flex-direction: column; gap:20px; } 
.mobileMenu .m_gnb > li > a { color:#fff; font-size: 24px; font-weight: 500; } 
.mobileMenu .m_lnb > li > a { color:#fff; } 
.mobileMenu .m_lnb { padding:10px 10px; box-sizing: border-box; display: flex; flex-direction: column; gap:10px; } 
.mobileMenu .closeBtn { cursor: pointer; } 
.mobileMenu nav > a { width:100%; margin:40px 0; } 
/* footer */
#footer { padding:30px 0; } 
#footer .foot_logo { max-width:93px; width:100%; } 
#footer .foot_logo > img { width:100%; height: 100%; object-fit: cover; } 
#footer .inner { flex-direction: column; gap:30px; } 
#footer .inner .footer_info > .list { flex-direction: column; gap:5px; } 
#footer .inner .footer_info > .list > li:not(.not)::before { content: none; } 
}