@charset "utf-8"; /* ///// */
html,
body { width:100%; height:100%; max-width:initial !important; scroll-behavior: smooth; } 
body { height:auto; } 
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; box-sizing: border-box; font-family:"Pretendard", "Segoe-UI","맑은 고딕","malgun gothic","돋움","dotum",sans-serif; word-break:keep-all; } 
li,
ul,
ol { list-style:none; } 
a { text-decoration:none !important; outline:0; border:0; } 
caption { display:none; } 
button { outline:0; border:0; } 
.second_bgCol { background-color:#F5F5F5; } 
.detail { padding-top:20px; } 
.align_r { text-align:right; } 
.align_l { text-align:right; } 
.none { display:none !important; } 
.pl_0 { padding-left:0 !important; } 

/* word system */
button,
input,
h1,
h2,
h3,
p,
span,
td,
b,
i,
li,
a { word-break:keep-all; letter-spacing:-0.03em; color:var(--default-text--01--); } 
.txt_hidden { font-size:0; line-height:0; overflow:hidden; text-indent:-999999px; } 
.text_center { text-align:center !important; } 
.text_right { text-align:right !important; } 
.text_left { text-align:left !important; } 
.ec-base-button.gBottom { margin-top:20px !important; } 

/* icon */
.icon { text-indent:-99999px; font-size:0; display:inline-block; } 
.icon_call { width:24px; height:24px; background: url(../img/svg/icon_call.svg)center center/contain no-repeat; } 

/* responsive system */
.only_ta { display:none !important; } 
.only_mo { display:none !important; } 
@media (max-width:1024px){
 .only_pc { display:none !important; } 
.only_ta { display:inline-block !important;; } 
.only_ta.btn { display:flex; } 
 }
@media (max-width:768px){
 .only_mo { display:inline-block !important;; } 
 }

/* color system */
:root { --primary--:#06C1D9; --secondary--:#DDDDDD; --default-text--01--:#232323; --default-text--02--:#777777; --gradient-start: #4F9DF3; --gradient-end: #fff; } 

/* font system */
:root { --s-default-size--:16px; --r-default-size--:18px; --l-default-size--:20px; --title-size--:40px; --xl-default-size--:24px; --xxl-default-size--:26px; --title-r-size--:60px; --sub-top-title-size--:50px } 
@media (max-width:1024px){
 :root { --s-default-size--:15px; --r-default-size--:16px; --l-default-size--:16px; --title-size--:24px; --xl-default-size--:20px; --xxl-default-size--:26px; --title-r-size--:36px; --sub-top-title-size--:36px } 
 }

/* 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--:40px; --xxl-space--:60px; } 
 }
.pt_sm { } 
.pt_l { padding-top:var(--l-space--); } 
.pt_lg { } 
.pt_xlg { } 

.mt_sm { } 
.mt_l { margin-top:var(--l-space--); } 
.mt_lg { } 
.mt_xlg { } 

/* header */
#header { width: 100%; padding: 0 20px; position: fixed; top: 0; left: 0; z-index: 996; background: rgba(0 0 0 / 40%); } 
.header_wrap { display: flex; align-items: center; justify-content: space-between; height: 80px; width: 100%; max-width: 1440px; margin: 0 auto; } 
.header_wrap > div { } 
.header_wrap .tL_wrap { display: flex; flex-direction: row; gap: 0 10px; align-items: center; } 
.header_wrap .tL_wrap .logo_box { width: 270px; display: flex; } 
.header_wrap .tL_wrap .logo_box img { width: 100%; height: auto; } 
.header_wrap .tL_wrap > span { line-height: 26px; color: rgba(255, 255, 255, 0.70); font-size: 16px; font-weight: 400; } 
.header_wrap .tR_wrap { width: 100%; max-width: 200px; } 
.header_wrap .tR_wrap > a { position: relative; display: flex; height: 45px; width: 100%; align-items: center; justify-content: center; border-radius: 200px; color: #fff; font-size: 24px; font-weight: 700; line-height: 26px; gap: 0 4px; overflow: hidden; transition:all .3s ease-in-out; font-family: "Paperlogy"; } 
.header_wrap .tR_wrap > a i { } 
.header_wrap .tR_wrap > a::after { content:""; display:inline-block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; transition:opacity .3s ease-in-out; opacity:1; background: linear-gradient(135deg, #0F7AF0 0%, #4F9DF3 100%); } 

/* footer */
#footer { background: #192030; padding: 40px 20px; } 
#footer .footer_info { } 
#footer .info_box .info_address span { color: #fff; font-size: 16px; font-weight: 400; line-height: 26px; } 
#footer .footer_wrap { width: 100%; max-width: 1440px; margin: 0 auto; } 
#footer .footer_top { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 0 20px; margin-bottom: 30px; } 
#footer .footer_top .footer_logo_box { width: 100%; max-width: 270px; } 
#footer .footer_top .footer_logo_box img { width: 100%; height: auto; } 
#footer .footer_top ul { display: flex; gap: 0 20px; } 
#footer .footer_top ul li { } 
#footer .footer_top ul li a { font-size: var(--s-default-size--); display: inline-block; color: #fff; } 
#footer .footer_mid { } 
#footer .footer_mid .footer_info { } 
#footer .footer_mid .footer_info .info_box { width: 100%; margin-bottom: -8px; } 
#footer .footer_mid .footer_info .info_box .info_address { } 
#footer .footer_mid .footer_info .info_box .info_address span { margin-right:20px; margin-bottom: 8px; display: inline-block; } 
#footer .footer_mid .footer_info .info_box .info_address span i { color:#fff } 
#footer .footer_btm { } 
#footer .footer_btm .info_box { margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--default-text--02--); } 
#footer .footer_btm .info_address { display: flex; flex-wrap: wrap; gap: 8px 15px; width: 100%; max-width: 665px; } 
#footer .footer_btm .info_box span { font-size: 12px; font-weight: 400; line-height: 20px; } 
#footer .footer_btm .info_box p { color: #aaa; font-size: 12px; font-weight: 400; line-height: 21px; } 
#footer .footer_btm .info_box p b { color: #FF4A4A; font-size: inherit; font-weight: inherit; line-height: inherit; } 
#footer .footer_btm .info_box:last-of-type { } 
#footer .footer_btm02 { padding-top: 30px; } 
#footer .footer_btm02 p { color: #fff; font-size: 16px; font-weight: 400; line-height: 26px; } 
#footer .footer_btm02 a { color: #4F9DF3; font-size: 16px; font-weight: 400; text-decoration: underline !important; line-height: 26px; display: inline-block; margin-top: 8px; } 
.copyright_box { padding-top: 30px; } 
.copyright_box p { color: #fff; font-size: 16px; font-weight: 400; line-height: 26px; } 

/* sideCont */
#sideCont { position: fixed; z-index: 997; right: 40px; bottom:120px; width: 100%; max-width: 120px; } 
#sideCont > ul { display: flex; flex-direction: column; gap: 10px 0; } 
#sideCont > ul li { } 
#sideCont > ul li a { width: 100%; height: 100%; display: flex; flex-direction: column; box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.15); color: #232323; font-size: 16px; font-family: Pretendard; font-weight: 700; line-height: 26px; } 
#sideCont > ul li a span { display: block; text-align: center; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; } 
#sideCont > ul li a.counsel { background: #fff url("../img/counsel_symbol.webp")top 20px center /80px no-repeat; padding: 101px 15px 20px; border-radius: 15px; } 
#sideCont > ul li a.kakao { background: #fae300 url("../img/svg/icon_kakao.svg") top 25px center /65px no-repeat; padding: 100px 15px 20px; border-radius: 15px; } 

/* cafe24 table */
.ec-base-table table { width:100%; } 

/* privacy_cont */
.privacy_cont {margin: 20px;padding: 20px;border: 1px solid #232323;border-radius: 10px;} 
.privacy_cont h1 { font-size: 30px; font-weight: 700; margin-bottom: 20px; text-align: center; } 
.privacy_cont p { font-size: 18px; margin-bottom: 20px; border-bottom: 1px solid #c2c2c2; padding-bottom: 20px; line-height:25px; } 
.privacy_cont ul {display: flex;flex-direction: column;gap: 10px;border: 1px solid #c3c3c3;padding: 20px;border-radius: 10px;} 
.privacy_cont ul li{font-size:16px; line-height:22px;} 

/* responsive */
@media (max-width:1024px) { /* header */
#header { } 
.header_wrap { height: 60px; } 
.header_wrap > div { } 
.header_wrap .tL_wrap { gap: 0 5px; width: 100%; } 
.header_wrap .tL_wrap .logo_box { width: 150px; } 
.header_wrap .tL_wrap .logo_box img { } 
.header_wrap .tL_wrap > span { font-size: 12px; font-weight: 400; line-height: 20px; white-space: nowrap; } 
.header_wrap .tR_wrap { } 
.header_wrap .tR_wrap > a { display: none; } 
.header_wrap .tR_wrap > a i { } 
.header_wrap .tR_wrap > a::after { } 

/* footer */
#footer { padding: 20px; } 
#footer .footer_info { } 
#footer .info_box .info_address span { } 
#footer .footer_wrap { } 
#footer .footer_top { margin-bottom: 20px; } 
#footer .footer_top .footer_logo_box { max-width: 150px; } 
#footer .footer_top .footer_logo_box img { } 
#footer .footer_top ul { } 
#footer .footer_top ul li { } 
#footer .footer_top ul li a { } 
#footer .footer_mid { } 
#footer .footer_mid .footer_info { } 
#footer .footer_mid .footer_info .info_box { margin-bottom: 0; } 
#footer .footer_mid .footer_info .info_box .info_address { display: flex; flex-direction: column; gap: 10px 0; } 
#footer .footer_mid .footer_info .info_box .info_address span { margin: 0; margin-right: 0; font-size: 14px; line-height: 22px; } 
#footer .footer_mid .footer_info .info_box .info_address span i { } 
#footer .footer_btm { } 
#footer .footer_btm .info_box { margin-top: 20px; padding-top: 20px; } 
#footer .footer_btm .info_box span { } 
#footer .footer_btm .info_box p { } 
#footer .footer_btm .info_box p b { } 
#footer .footer_btm .info_box:last-of-type { } 
#footer .footer_btm02 { padding-top: 20px; } 
#footer .footer_btm02 p { font-size: 14px; line-height: 22px; } 
#footer .footer_btm02 a { font-size: 14px; line-height: 22px; } 
.copyright_box { padding-top: 20px; } 
.copyright_box p { font-size: 14px; line-height: 22px; } 

/* sideCont */
#sideCont { right: 20px; bottom: 20px; max-width: 60px; } 
#sideCont > ul { } 
#sideCont > ul li { } 
#sideCont > ul li a { } 
#sideCont > ul li a span { display:none; } 
#sideCont > ul li a.counsel { padding: 30px 0; background: #fff url(../img/counsel_symbol.webp) center center / 45px no-repeat; border-radius:10px; } 
#sideCont > ul li a.kakao { padding: 30px 0; background: #fae300 url(../img/svg/icon_kakao.svg)center center / 40px no-repeat; border-radius:10px; } 

/* privacy_cont */
.privacy_cont { margin: 10px; padding: 10px; } 
.privacy_cont h1 { font-size: 22px; margin-bottom: 10px; } 
.privacy_cont p { font-size: 15px; margin-bottom: 10px; padding-bottom: 10px; line-height: 22px; } 
.privacy_cont ul {gap: 5px 0;padding: 10px;} 
.privacy_cont ul li{font-size: 15px;line-height: 22px;} 
 }