
html>/**/body { overflow-y: scroll; overflow-x: hidden; } 


* { margin: 0; padding: 0; } 
img { vertical-align: middle; border: 0; height: auto; width: 100%;} 

body { font-family: "Pretendard", "맑은 고딕", AppleGothic, Dotum, "돋움",
 sans-serif; color: #222; font-weight: normal; min-width: 320px; } 
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
address,
b,
span,
strong,section { margin: 0; padding: 0; box-sizing: border-box; } 

a { text-decoration: none; cursor: pointer; color:#222}

ul,
li { list-style: none; } 

.fwn { font-weight: 400 !important; } 
.fwb { font-weight: 700 !important; } 
.fwb2 { font-weight: 500 !important; } 
.fwb3 { font-weight: 600 !important; } 

.fsi { font-style: italic; } 
.tac { text-align: center !important; } 
.tal { text-align: left !important; } 
.tar { text-align: right; } 


.tm_only,.mo_only{display: none !important;}

@media all and (max-width: 1023px) {
.tm_only{display:block  !important;}
.pc_only{display: none !important;}
}
@media all and (max-width: 767px) {
.pc_only2{display: none  !important;}
.mo_only{display:block  !important;}
}



/* margin, padding preset */
.m_auto { margin: 0 auto !important; } 
.m0 { margin: 0px !important; } 
/* margin top */
.mt0 { margin-top: 0px !important; } 
.mt2 { margin-top: 2px !important; } 
.mt3 { margin-top: 3px !important; } 
.mt4 { margin-top: 4px !important; } 
.mt5 { margin-top: 5px !important; } 
.mt10 { margin-top: 10px !important; } 
.mt15 { margin-top: 15px !important; } 
.mt20 { margin-top: 20px !important; } 
.mt25 { margin-top: 25px !important; } 
.mt30 { margin-top: 30px !important; } 
.mt40 { margin-top: 40px !important; } 
.mt45 { margin-top: 45px !important; } 
.mt50 { margin-top: 50px !important; } 
.mt60 { margin-top: 60px !important; } 
.mt70 { margin-top: 70px !important; } 
.mt80 { margin-top: 80px !important; } 
.mt100 { margin-top: 100px !important; } 
.mt120 { margin-top: 120px !important; } 
/* margin bottom */
.mb0 { margin-bottom: 0 !important; } 
.mb1 { margin-bottom: 1px !important; } 
.mb5 { margin-bottom: 5px !important; } 
.mb10 { margin-bottom: 10px !important; } 
.mb14 { margin-bottom: 14px !important; } 
.mb15 { margin-bottom: 15px !important; } 
.mb20 { margin-bottom: 20px !important; } 
.mb25 { margin-bottom: 25px !important; } 
.mb28 { margin-bottom: 28px !important; } 
.mb30 { margin-bottom: 35px !important; } 
.mb35 { margin-bottom: 30px !important; } 
.mb40 { margin-bottom: 40px !important; } 
.mb50 { margin-bottom: 50px !important; } 
.mb60 { margin-bottom: 60px !important; } 
.mb70 { margin-bottom: 70px !important; } 
.mb80 { margin-bottom: 80px !important; } 
/* margin left */
.ml0 { margin-left: 0px !important; } 
.ml5 { margin-left: 5px !important; } 
.ml30 { margin-left: 30px !important; } 
.ml10 { margin-left: 10px !important; } 
.ml15 { margin-left: 15px !important; } 
.ml20 { margin-left: 20px !important; } 
.ml25 { margin-left: 25px !important; } 
.ml30 { margin-left: 30px !important; } 
.ml60 { margin-left: 60px !important; } 
/* margin right */
.mr0 { margin-right: 0px !important; } 
.mr5 { margin-right: 5px !important; } 
.mr10 { margin-right: 10px !important; } 
.mr20 { margin-right: 20px !important; } 
.mr30 { margin-right: 30px !important; } 
.p10 { padding: 10px !important; } 
.plr { padding: 0 8px; } 
.p0 { padding: 0px !important; } 
.p5 { padding: 5px !important; } 
.pt0 { padding-top: 0px !important; } 
.pa0 { padding: 0px !important; } 
.pt5 { padding-top: 5px !important; } 
.pt10 { padding-top: 10px !important; } 
.pt15 { padding-top: 15px !important; } 
.pt20 { padding-top: 20px !important; } 
.pt30 { padding-top: 30px !important; } 
.pt40 { padding-top: 40px !important; } 
.pt50 { padding-top: 50px !important; } 
.pt60 { padding-top: 60px !important; } 
.pt70 { padding-top: 70px !important; } 
.pt80 { padding-top: 80px !important; } 
.pb0 { padding-bottom: 0 !important; } 
.pb5 { padding-bottom: 5px !important; } 
.pb10 { padding-bottom: 10px !important; } 
.pb15 { padding-bottom: 15px !important; } 
.pb20 { padding-bottom: 20px !important; } 
.pb30 { padding-bottom: 30px !important; } 
.pb40 { padding-bottom: 40px !important; } 
.pb45 { padding-bottom: 45px !important; } 
.pb50 { padding-bottom: 50px !important; } 
.pb70 { padding-bottom: 70px !important; } 

@media all and (max-width: 767px){
 .pb100 { padding-bottom: 80px !important; } 
 }
.pb150 { padding-bottom: 150px !important; } 
.pb160 { padding-bottom: 160px !important; } 
.pl0 { padding-left: 0 !important; } 
.pl0 { padding-left: 0 !important; } 
.pl5 { padding-left: 5px !important; } 
.pl8 { padding-left: 8px !important; } 
.pl10 { padding-left: 10px !important; } 
.pl15 { padding-left: 15px !important; } 
.pl20 { padding-left: 20px !important; } 
.pl30 { padding-left: 30px !important; } 
.pl50 { padding-left: 50px !important; } 
.pl60 { padding-left: 60px !important; } 
.pl100 { padding-left: 100px !important; } 

.pr0 { padding-right: 0 !important; } 
.pr5 { padding-right: 5px !important; } 
.pr8 { padding-right: 8px !important; } 
.pr10 { padding-right: 10px !important; } 
.pr15 { padding-right: 15px !important; } 
.pr20 { padding-right: 20px !important; } 
.pr30 { padding-right: 30px !important; } 

.text-center { text-align: center; } 
.text-right { text-align: right; } 
.w20 { width: 20% !important; } 
.w50 { width: 50% !important; } 
.w100 { width: 100% !important; } 
.space-even { display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap; } 

@media all and (max-width: 767px) {
 .mb70 { margin-bottom: 40px !important; } 
 }



.footer { display: flex; height: 220px; padding: 0px 149px; background: #222; justify-content: space-between; align-items: center; } 

.footer .foot_logo img { width: 270px; } 
.footer .foot_l .address { color: #FFF; font-size: 18px; font-weight: 400; line-height: 32px; letter-spacing: -0.18px; margin-top: 16px; } 

.footer .foot_r { display: flex; gap: 8px; } 
.footer .foot_r .fsns1 { width: 40px; height: 40px; position: relative; } 
.footer .foot_r .fsns1 img { position: absolute; display: block; } 
.footer .foot_r .fsns2 { width: 90px; height: 40px; position: relative; } 
.footer .foot_r a img { position: absolute; display: block; } 
.footer .foot_r .fsns_n { z-index: 1; opacity: 1; } 
.footer .foot_r .fsns_h { opacity: 0; z-index:2; transition: opacity 0.6s ease; } 
.footer .foot_r a:hover .fsns_h { opacity: 1; } 
@media all and (max-width: 1279px) {
 .footer {padding: 0 40px; gap: 40px;}
 }
@media all and (max-width: 1023px) {
.footer {flex-direction: column; gap: 36px; height: auto; padding: 40px 14px; margin-bottom: 64.57px;}

.footer .foot_logo{text-align: center;}
.footer .foot_logo img { width: 240px; } 

.footer .foot_l {margin: 0 auto;}
.footer .foot_l .address {color:#DCDCDC; text-align: center !important; font-size: 17px;font-weight: 400;line-height: 26px; letter-spacing: -0.17px; margin-top: 22px;}
.footer .footer_mo{display: block; color: #fff;}
.footer .foot_r {display: flex; gap: 20px; justify-content: center;}
 }
@media all and (max-width: 767px) {
.footer{padding: 36px 20px;}
.footer .foot_logo img { width: 180px; }
.footer .foot_l .address {font-size: 15px;font-weight: 400;line-height: 22px; letter-spacing: -0.3px; margin-top: 18px;}
.footer .foot_r { display: flex; flex-wrap: wrap; justify-content: center; width: 250px; margin: 0 auto; gap: 0; } 
.foot_r .fsns1 { margin-right: 20px; margin-bottom: 16px; } 
.foot_r .fsns1:nth-child(3) { margin-right: 0; } 
.foot_r .fsns2 { margin-right: 8px;}
.foot_r .fsns2:last-child { margin-right: 0; } 

}




.quick{ position: fixed; right: 24px; bottom: 40px; display: flex; flex-direction: column; gap: 8px; z-index: 999; justify-content: center; } 
.quick_h { opacity: 0; z-index: 2; transition: opacity 0.6s ease; } 
.quick_n { z-index: 1; } 

.quick_btn, .share ,.sns{ position: relative; width: 48px; height: 48px; margin: auto; cursor: pointer; display: block; } 
.quick_btn img , .share img,.sns img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.10)); }

.quick_btn:hover .quick_h,
.share:hover .quick_h,.sns:hover .quick_h{ opacity: 1; } 


.mo_quick{display: none }


@media all and (max-width: 1023px) {
.quick {display: none;}
.mo_quick{display: flex; position: fixed; bottom: 0;  width: 100%; justify-content: center; align-items: center; gap: 16px; background: #fff; padding: 12px 20px; z-index: 999;
left: 0;border-top: 0.5px solid #E5E5E5; }

.mo_quick .quick_btn1,.mo_quick .quick_btn2{padding: 4px 12px; background: #fff; border-radius: 999px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); font-size: 15px;
font-weight: 400;line-height: 22px; letter-spacing: -0.3px; height: 30px; display: flex; justify-content: center; align-items: center; transition: 0.6s ease; }
.quick_btn, .share{width: 40px; height: 40px; margin: 0;}
.quick_btn img , .share img { filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.15));}
.mo_quick .quick_btn1:hover,.mo_quick .quick_btn2:hover{background: #666; color: #fff;}

}





.wbk{word-break: keep-all;}