@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.05em; 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: #06C1D9; --gradient-end: #1D90D4; } 

/* 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: rgb(35 35 35 / 40%); } 
.header_wrap { display: flex; align-items: center; justify-content: space-between; height: 100px; width: 100%; max-width: 1440px; margin: 0 auto; } 
.header_wrap > div { } 
.header_wrap .tL_wrap { display: flex; flex-direction: row; gap: 0 40px; align-items: center; } 
.header_wrap .tL_wrap .logo_box { width: 185px; } 
.header_wrap .tL_wrap .logo_box img { width: 100%; height: auto; } 
.header_wrap .tL_wrap > span { color: #fff; font-size: var(--s-default-size--); line-height: 26px; } 
.header_wrap .tR_wrap { width: 100%; max-width: 195px; } 
.header_wrap .tR_wrap > a { position: relative;display: flex; height: 45px; width: 100%; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 200px; color: #fff; font-size: 24px; font-weight: 700; line-height: 26px; gap: 0 8px; overflow: hidden; transition:all .3s ease-in-out} 
.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; background: linear-gradient(178deg, #06C1D9 0%, #1D90D4 100%); z-index:-1;transition:opacity .3s ease-in-out; opacity:1; }

/* footer */
#footer { background: var(--default-text--01--); padding: 30px 20px; } 
#footer .footer_info { } 
#footer .info_box .info_address span { color: #AAAAAA; font-size: 14px; font-weight: 500; line-height: 20px; word-wrap: break-word; } 
#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 { max-width: 185px; } 
#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%; max-width: 665px; } 
#footer .footer_mid .footer_info .info_box .info_address { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px 15px; } 
#footer .footer_mid .footer_info .info_box .info_address span { } 
#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: 15px; 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: 500; line-height: 20px; } 
#footer .footer_btm .info_box p { color: #aaa; font-size: 12px; font-weight: 500; line-height: 20px; } 
#footer .footer_btm .info_box:last-of-type { margin-top: 15px; } 
.copyright_box { padding-top: 30px; } 
.copyright_box p { color: #999999; font-size: 14px; font-weight: 500; 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: 8px 0; } 
#sideCont > ul li { } 
#sideCont > ul li a { width: 100%; height: 100%; display: flex; flex-direction: column; font-size: var(--s-default-size--); font-family: 'Apple SD Gothic Neo'; font-weight: 400; line-height: 22px; box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.15); } 
#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: 120px 20px 20px; border-radius: 15px; } 
#sideCont > ul li a.kakao { background: #fae300 url("../img/svg/kakao.svg") top 20px center /65px no-repeat; padding: 100px 15px 20px; border-radius: 15px; } 

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

/* hover */
@media (hover: hover) and (pointer: fine){
.header_wrap .tR_wrap > a {background: rgba(255, 255, 255, 0.20);} 
.header_wrap .tR_wrap > a::after{content:""; display:inline-block; width:100%; height:100%; position:absolute; left:0; top:0; background: linear-gradient(178deg, #06C1D9 0%, #1D90D4 100%); z-index:-1;transition:opacity .3s ease-in-out; opacity:0; }
.header_wrap .tR_wrap > a:hover{background:#ffffff00;}
.header_wrap .tR_wrap > a:hover::after{opacity:1;}
}
/* responsive */
@media (max-width:1024px) { 
/* header */
#header { } 
.header_wrap {  height: 60px; }
.header_wrap > div { } 
.header_wrap .tL_wrap { gap: 0 10px; }
.header_wrap .tL_wrap .logo_box {width: 150px; }
.header_wrap .tL_wrap .logo_box img { } 
.header_wrap .tL_wrap > span { font-size: 12px; }
.header_wrap .tR_wrap { width: 165px;}
.header_wrap .tR_wrap > a { height: 40px;font-size: 20px;}
.header_wrap .tR_wrap > a i { width: 20px;height: 20px;}
/* footer */
#footer {padding: 30px 20px 20px;} 
#footer .footer_info { } 
#footer .info_box .info_address span {font-size: 12px;line-height: 20px;} 
#footer .footer_wrap { } 
#footer .footer_top {flex-direction: column;align-items: flex-start;gap: 25px 0;margin-bottom: 25px;} 
#footer .footer_top .footer_logo_box {max-width: 125px;} 
#footer .footer_top .footer_logo_box img { } 
#footer .footer_top ul {gap: 0 15px;} 
#footer .footer_top ul li { } 
#footer .footer_top ul li a {font-size: 14px;line-height: 20px;} 
#footer .footer_mid { } 
#footer .footer_mid .footer_info { } 
#footer .footer_mid .footer_info .info_box { } 
#footer .footer_mid .footer_info .info_box .info_address {gap: 6px 10px;} 
#footer .footer_mid .footer_info .info_box .info_address span { } 
#footer .footer_mid .footer_info .info_box .info_address span i { } 
#footer .footer_btm { } 
#footer .footer_btm .info_box {margin-top: 25px;padding-top: 25px;} 
#footer .footer_btm .info_address {gap: 6px 10px;} 
#footer .footer_btm .info_box span { } 
#footer .footer_btm .info_box p { } 
#footer .footer_btm .info_box:last-of-type {margin-top: 25px;} 
.copyright_box {padding-top: 20px;} 
.copyright_box p {font-size: 12px;line-height: 20px;} 
/* sideCont */
#sideCont {max-width: 60px;right: 20px;bottom: 20px;} 
#sideCont > ul { } 
#sideCont > ul li { } 
#sideCont > ul li a { } 
#sideCont > ul li a span {display: none;} 
#sideCont > ul li a.counsel {padding: 0;height: 60px;background: #fff url(../img/counsel_symbol.webp)center center/45px no-repeat;} 
#sideCont > ul li a.kakao {padding: 0;height: 60px;background: #fae300 url(../img/svg/kakao.svg)center center / 45px no-repeat;} 
}

@media (max-width:768px) {
/* header */
.header_wrap .tR_wrap {display:none;}
}