/*--------------------------------------
    eyoom (이윰빌더)
--------------------------------------*/
/* 디자인 토큰 및 기본 설정 */
:root {
    --brand: #e21e2b;
    --primary: #0c4a6e;
    --ink: #0f172a;
    --text: #1f2937;
    --muted: #64748b;
    --bg: #ffffff;
    --line: #e5e7eb;
    --shadow: 0 2px 20px 0 rgba(2, 6, 23, 0.06);
    --radius: 16px;
    --radius-lg: 20px;
    --space: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --container: 1280px;
    --faq-container: 1072px;
    --grayscale--950: #0e121b;
    --text-color--text-alternate: #ffffff;
}
/*---------- Font ----------*/
body, h1, h2, h3, h4, h5, h6, label, input, button, textarea, select, img {
    font-family: 'Pretendard', sans-serif;
}

/*---------- Reset ----------*/
html {overflow-y:auto;min-width:320px}
body {margin:0;padding:0;font-size:.9375rem;background:#fff;height:100%}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {word-break:break-all}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;opacity:0}
label, input, button, select, img {vertical-align:middle;font-size:.9375rem}
input, button {margin:0;padding:0;font-size:.8125rem}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}
[type=button], [type=reset], [type=submit], button {-webkit-appearance:none}
p {margin:0;padding:0;}
hr {display:block}
pre {overflow-x:scroll;font-size:.9375rem}
a {color:#000;text-decoration:none;}
a:hover {text-decoration:none;color:#cc2300}
.register_first img{margin: 0 auto;}
a:focus {outline:0}
a[type=button] {-webkit-appearance:inherit}
a.btn, .btn {width:inherit;height:inherit}
*, :after, :before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.list-unstyled {list-style:none}
.word-break-keep-all {word-break:keep-all}
.ellipsis {position:relative;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ellipsis-1 {position:relative;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ellipsis-2 {position:relative;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ellipsis-3 {position:relative;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.overflow-hidden {overflow:hidden !important}
.position-relative {position:relative !important}
.font-style-normal {font-style:normal !important}
.display-block {display:block !important}
.display-inline-block {display:inline-block !important}
.display-none {display:none !important}
/* 팝업 레이어 */
#hd_pop {z-index:9999}
/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only, .sound-only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}
/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/*----- Font Size (px) -----*/
.f-s-10 {font-size:10px !important}
.f-s-11 {font-size:11px !important}
.f-s-12 {font-size:12px !important}
.f-s-13 {font-size:13px !important}
.f-s-14 {font-size:14px !important}
.f-s-15 {font-size:15px !important}
.f-s-16 {font-size:16px !important}
.f-s-17 {font-size:17px !important}
.f-s-18 {font-size:18px !important}
.f-s-19 {font-size:19px !important}
.f-s-20 {font-size:20px !important}
.f-s-21 {font-size:21px !important}
.f-s-22 {font-size:22px !important}
.f-s-23 {font-size:23px !important}
.f-s-24 {font-size:24px !important}
.f-s-25 {font-size:25px !important}
.f-s-26 {font-size:26px !important}
.f-s-27 {font-size:27px !important}
.f-s-28 {font-size:28px !important}
.f-s-29 {font-size:29px !important}
.f-s-30 {font-size:30px !important}
/* EyoomBuilder bs3 font size compatible */
.font-size-10 {font-size:10px !important}
.font-size-11 {font-size:11px !important}
.font-size-12 {font-size:12px !important}
.font-size-13 {font-size:13px !important}
.font-size-14 {font-size:14px !important}
.font-size-15 {font-size:15px !important}
.font-size-16 {font-size:16px !important}
.font-size-17 {font-size:17px !important}
.font-size-18 {font-size:18px !important}
.font-size-19 {font-size:19px !important}
.font-size-20 {font-size:20px !important}
.font-size-21 {font-size:21px !important}
.font-size-22 {font-size:22px !important}
.font-size-23 {font-size:23px !important}
.font-size-24 {font-size:24px !important}
.font-size-25 {font-size:25px !important}
.font-size-26 {font-size:26px !important}
.font-size-27 {font-size:27px !important}
.font-size-28 {font-size:28px !important}
.font-size-29 {font-size:29px !important}
.font-size-30 {font-size:30px !important}

/*----- Font Size (rem) -----*/
.f-s-10r {font-size:.625rem !important}
.f-s-11r {font-size:.6875rem !important}
.f-s-12r {font-size:.75rem !important}
.f-s-13r {font-size:.8125rem !important}
.f-s-14r {font-size:.875rem !important}
.f-s-15r {font-size:.9375rem !important}
.f-s-16r {font-size:1rem !important}
.f-s-17r {font-size:1.0625rem !important}
.f-s-18r {font-size:1.125rem !important}
.f-s-19r {font-size:1.1875rem !important}
.f-s-20r {font-size:1.25rem !important}
.f-s-21r {font-size:1.3125rem !important}
.f-s-22r {font-size:1.375rem !important}
.f-s-23r {font-size:1.4375rem !important}
.f-s-24r {font-size:1.5rem !important}
.f-s-25r {font-size:1.5625rem !important}
.f-s-26r {font-size:1.625rem !important}
.f-s-27r {font-size:1.6875rem !important}
.f-s-28r {font-size:1.75rem !important}
.f-s-29r {font-size:1.8125rem !important}
.f-s-30r {font-size:1.875rem !important}

/*----- Font Weight -----*/
.f-w-100 {font-weight:100 !important}
.f-w-200 {font-weight:200 !important}
.f-w-300 {font-weight:300 !important}
.f-w-400 {font-weight:400 !important}
.f-w-500 {font-weight:500 !important}
.f-w-600 {font-weight:600 !important}
.f-w-700 {font-weight:700 !important}
.f-w-800 {font-weight:800 !important}
.f-w-900 {font-weight:900 !important}
.f-w-normal {font-weight:normal !important}
.f-w-bold {font-weight:bold !important}

/*----- Line Height -----*/
.l-h-1 {line-height:1 !important}
.l-h-11 {line-height:1.1 !important}
.l-h-12 {line-height:1.2 !important}
.l-h-13 {line-height:1.3 !important}
.l-h-14 {line-height:1.4 !important}
.l-h-15 {line-height:1.5 !important}
.l-h-16 {line-height:1.6 !important}
.l-h-17 {line-height:1.7 !important}
.l-h-18 {line-height:1.8 !important}
.l-h-19 {line-height:1.9 !important}

/*----- Spacing -----*/
/*Width*/
.width-10 {width:10% !important}
.width-15 {width:15% !important}
.width-20 {width:20% !important}
.width-25 {width:25% !important}
.width-30 {width:30% !important}
.width-35 {width:35% !important}
.width-40 {width:40% !important}
.width-45 {width:45% !important}
.width-50 {width:50% !important}
.width-55 {width:55% !important}
.width-60 {width:60% !important}
.width-65 {width:65% !important}
.width-70 {width:70% !important}
.width-75 {width:75% !important}
.width-80 {width:80% !important}
.width-85 {width:85% !important}
.width-90 {width:90% !important}
.width-95 {width:95% !important}
.width-100 {width:100% !important}
.width-10px {width:10px !important}
.width-20px {width:20px !important}
.width-30px {width:30px !important}
.width-40px {width:40px !important}
.width-50px {width:50px !important}
.width-60px {width:60px !important}
.width-70px {width:70px !important}
.width-80px {width:80px !important}
.width-90px {width:90px !important}
.width-100px {width:100px !important}
.width-110px {width:110px !important}
.width-120px {width:120px !important}
.width-130px {width:130px !important}
.width-140px {width:140px !important}
.width-150px {width:150px !important}
.width-160px {width:160px !important}
.width-170px {width:170px !important}
.width-180px {width:180px !important}
.width-190px {width:190px !important}
.width-200px {width:200px !important}
.width-250px {width:250px !important}
.width-300px {width:300px !important}
.width-350px {width:350px !important}
.width-400px {width:400px !important}
.width-450px {width:450px !important}
.width-500px {width:500px !important}

/* Margin */
.m-0 {margin:0 !important}
.m-0-auto {margin:0 auto !important}

/* Margin Left */
.m-l-auto {margin-left:auto}
.m-l-0 {margin-left:0 !important}
.m-l-1 {margin-left:1px !important}
.m-l-2 {margin-left:2px !important}
.m-l-3 {margin-left:3px !important}
.m-l-4 {margin-left:4px !important}
.m-l-5 {margin-left:5px !important}
.m-l-6 {margin-left:6px !important}
.m-l-7 {margin-left:7px !important}
.m-l-8 {margin-left:8px !important}
.m-l-9 {margin-left:9px !important}
.m-l-10 {margin-left:10px !important}
.m-l-15 {margin-left:15px !important}
.m-l-20 {margin-left:20px !important}
.m-l-25 {margin-left:25px !important}
.m-l-30 {margin-left:30px !important}
.m-l-35 {margin-left:35px !important}
.m-l-40 {margin-left:40px !important}
.m-l-45 {margin-left:45px !important}
.m-l-50 {margin-left:50px !important}
.m-l-60 {margin-left:60px !important}
.m-l-70 {margin-left:70px !important}
.m-l-80 {margin-left:80px !important}
.m-l-90 {margin-left:90px !important}
.m-l-100 {margin-left:100px !important}
.m-l--5 {margin-left:-5px !important}
.m-l--10 {margin-left:-10px !important}
.m-l--15 {margin-left:-15px !important}
.m-l--20 {margin-left:-20px !important}
.m-l--25 {margin-left:-25px !important}
.m-l--30 {margin-left:-30px !important}
.m-l--35 {margin-left:-35px !important}
.m-l--40 {margin-left:-40px !important}
.m-l--45 {margin-left:-45px !important}
.m-l--50 {margin-left:-50px !important}

/* Margin Right */
.m-r-auto {margin-right:auto}
.m-r-0 {margin-right:0 !important}
.m-r-1 {margin-right:1px !important}
.m-r-2 {margin-right:2px !important}
.m-r-3 {margin-right:3px !important}
.m-r-4 {margin-right:4px !important}
.m-r-5 {margin-right:5px !important}
.m-r-6 {margin-right:6px !important}
.m-r-7 {margin-right:7px !important}
.m-r-8 {margin-right:8px !important}
.m-r-9 {margin-right:9px !important}
.m-r-10 {margin-right:10px !important}
.m-r-15 {margin-right:15px !important}
.m-r-20 {margin-right:20px !important}
.m-r-25 {margin-right:25px !important}
.m-r-30 {margin-right:30px !important}
.m-r-35 {margin-right:35px !important}
.m-r-40 {margin-right:40px !important}
.m-r-45 {margin-right:45px !important}
.m-r-50 {margin-right:50px !important}
.m-r-60 {margin-right:60px !important}
.m-r-70 {margin-right:70px !important}
.m-r-80 {margin-right:80px !important}
.m-r-90 {margin-right:90px !important}
.m-r-100 {margin-right:100px !important}
.m-r--5 {margin-right:-5px !important}
.m-r--10 {margin-right:-10px !important}
.m-r--15 {margin-right:-15px !important}
.m-r--20 {margin-right:-20px !important}
.m-r--25 {margin-right:-25px !important}
.m-r--30 {margin-right:-30px !important}
.m-r--35 {margin-right:-35px !important}
.m-r--40 {margin-right:-40px !important}
.m-r--45 {margin-right:-45px !important}
.m-r--50 {margin-right:-50px !important}

/* Margin Top */
.m-t-0 {margin-top:0 !important}
.m-t-1 {margin-top:1px !important}
.m-t-2 {margin-top:2px !important}
.m-t-3 {margin-top:3px !important}
.m-t-4 {margin-top:4px !important}
.m-t-5 {margin-top:5px !important}
.m-t-6 {margin-top:6px !important}
.m-t-7 {margin-top:7px !important}
.m-t-8 {margin-top:8px !important}
.m-t-9 {margin-top:9px !important}
.m-t-10 {margin-top:10px !important}
.m-t-15 {margin-top:15px !important}
.m-t-20 {margin-top:20px !important}
.m-t-25 {margin-top:25px !important}
.m-t-30 {margin-top:30px !important}
.m-t-35 {margin-top:35px !important}
.m-t-40 {margin-top:40px !important}
.m-t-45 {margin-top:45px !important}
.m-t-50 {margin-top:50px !important}
.m-t-60 {margin-top:60px !important}
.m-t-70 {margin-top:70px !important}
.m-t-80 {margin-top:80px !important}
.m-t-90 {margin-top:90px !important}
.m-t-100 {margin-top:100px !important}
.m-t-110 {margin-top:110px !important}
.m-t-120 {margin-top:120px !important}
.m-t-130 {margin-top:130px !important}
.m-t-140 {margin-top:140px !important}
.m-t-150 {margin-top:150px !important}

/* Margin Bottom */
.m-b-0 {margin-bottom:0 !important}
.m-b-1 {margin-bottom:1px !important}
.m-b-2 {margin-bottom:2px !important}
.m-b-3 {margin-bottom:3px !important}
.m-b-4 {margin-bottom:4px !important}
.m-b-5 {margin-bottom:5px !important}
.m-b-6 {margin-bottom:6px !important}
.m-b-7 {margin-bottom:7px !important}
.m-b-8 {margin-bottom:8px !important}
.m-b-9 {margin-bottom:9px !important}
.m-b-10 {margin-bottom:10px !important}
.m-b-15 {margin-bottom:15px !important}
.m-b-20 {margin-bottom:20px !important}
.m-b-25 {margin-bottom:25px !important}
.m-b-30 {margin-bottom:30px !important}
.m-b-35 {margin-bottom:35px !important}
.m-b-40 {margin-bottom:40px !important}
.m-b-45 {margin-bottom:45px !important}
.m-b-50 {margin-bottom:50px !important}
.m-b-60 {margin-bottom:60px !important}
.m-b-70 {margin-bottom:70px !important}
.m-b-80 {margin-bottom:80px !important}
.m-b-90 {margin-bottom:90px !important}
.m-b-100 {margin-bottom:100px !important}
.m-b-110 {margin-bottom:110px !important}
.m-b-120 {margin-bottom:120px !important}
.m-b-130 {margin-bottom:130px !important}
.m-b-140 {margin-bottom:140px !important}
.m-b-150 {margin-bottom:150px !important}

/* Margin hr */
.margin-hr-5 {height:1px;border-top:1px solid #eaeaea;margin:5px 0}
.margin-hr-10 {height:1px;border-top:1px solid #eaeaea;margin:10px 0}
.margin-hr-15 {height:1px;border-top:1px solid #eaeaea;margin:15px 0}
.margin-hr-20 {height:1px;border-top:1px solid #eaeaea;margin:20px 0}
.margin-hr-25 {height:1px;border-top:1px solid #eaeaea;margin:25px 0}
.margin-hr-30 {height:1px;border-top:1px solid #eaeaea;margin:30px 0}
.margin-hr-35 {height:1px;border-top:1px solid #eaeaea;margin:35px 0}
.margin-hr-40 {height:1px;border-top:1px solid #eaeaea;margin:40px 0}

/* Padding */
.p-0 {padding:0 !important}
.p-5 {padding:5px !important}
.p-10 {padding:10px !important}
.p-15 {padding:15px !important}
.p-20 {padding:20px !important}
.p-25 {padding:25px !important}
.p-30 {padding:30px !important}
.p-35 {padding:35px !important}
.p-40 {padding:40px !important}
.p-45 {padding:45px !important}
.p-50 {padding:50px !important}
.p-60 {padding:60px !important}
.p-70 {padding:70px !important}
.p-80 {padding:80px !important}
.p-90 {padding:90px !important}
.p-100 {padding:100px !important}

/* Padding Left */
.p-l-0 {padding-left:0 !important}
.p-l-5 {padding-left:5px !important}
.p-l-10 {padding-left:10px !important}
.p-l-15 {padding-left:15px !important}
.p-l-20 {padding-left:20px !important}
.p-l-25 {padding-left:25px !important}
.p-l-30 {padding-left:30px !important}
.p-l-35 {padding-left:35px !important}
.p-l-40 {padding-left:40px !important}
.p-l-45 {padding-left:45px !important}
.p-l-50 {padding-left:50px !important}
.p-l-60 {padding-left:60px !important}
.p-l-70 {padding-left:70px !important}
.p-l-80 {padding-left:80px !important}
.p-l-90 {padding-left:90px !important}
.p-l-100 {padding-left:100px !important}

/* Padding Right */
.p-r-0 {padding-right:0 !important}
.p-r-5 {padding-right:5px !important}
.p-r-10 {padding-right:10px !important}
.p-r-15 {padding-right:15px !important}
.p-r-20 {padding-right:20px !important}
.p-r-25 {padding-right:25px !important}
.p-r-30 {padding-right:30px !important}
.p-r-35 {padding-right:35px !important}
.p-r-40 {padding-right:40px !important}
.p-r-45 {padding-right:45px !important}
.p-r-50 {padding-right:50px !important}
.p-r-60 {padding-right:60px !important}
.p-r-70 {padding-right:70px !important}
.p-r-80 {padding-right:80px !important}
.p-r-90 {padding-right:90px !important}
.p-r-100 {padding-right:100px !important}

/* Padding Top */
.p-t-0 {padding-top:0 !important}
.p-t-5 {padding-top:5px !important}
.p-t-10 {padding-top:10px !important}
.p-t-15 {padding-top:15px !important}
.p-t-20 {padding-top:20px !important}
.p-t-25 {padding-top:25px !important}
.p-t-30 {padding-top:30px !important}
.p-t-35 {padding-top:35px !important}
.p-t-40 {padding-top:40px !important}
.p-t-45 {padding-top:45px !important}
.p-t-50 {padding-top:50px !important}
.p-t-60 {padding-top:60px !important}
.p-t-60 {padding-top:70px !important}
.p-t-80 {padding-top:80px !important}
.p-t-90 {padding-top:90px !important}
.p-t-100 {padding-top:100px !important}
.p-t-110 {padding-top:110px !important}
.p-t-120 {padding-top:120px !important}
.p-t-130 {padding-top:130px !important}
.p-t-140 {padding-top:140px !important}
.p-t-150 {padding-top:150px !important}

/* Padding Bottom */
.p-b-0 {padding-bottom:0 !important}
.p-b-5 {padding-bottom:5px !important}
.p-b-10 {padding-bottom:10px !important}
.p-b-15 {padding-bottom:15px !important}
.p-b-20 {padding-bottom:20px !important}
.p-b-25 {padding-bottom:25px !important}
.p-b-30 {padding-bottom:30px !important}
.p-b-35 {padding-bottom:35px !important}
.p-b-40 {padding-bottom:40px !important}
.p-b-45 {padding-bottom:45px !important}
.p-b-50 {padding-bottom:50px !important}
.p-b-60 {padding-bottom:60px !important}
.p-b-60 {padding-bottom:70px !important}
.p-b-80 {padding-bottom:80px !important}
.p-b-90 {padding-bottom:90px !important}
.p-b-100 {padding-bottom:100px !important}
.p-b-110 {padding-bottom:110px !important}
.p-b-120 {padding-bottom:120px !important}
.p-b-130 {padding-bottom:130px !important}
.p-b-140 {padding-bottom:140px !important}
.p-b-150 {padding-bottom:150px !important}

/* Responsive Padding */
@media (max-width:1199px) {
    .xl-m-b-0 {margin-bottom:0 !important}
    .xl-m-b-5 {margin-bottom:5px !important}
    .xl-m-b-10 {margin-bottom:10px !important}
    .xl-m-b-15 {margin-bottom:15px !important}
    .xl-m-b-20 {margin-bottom:20px !important}
    .xl-m-b-25 {margin-bottom:25px !important}
    .xl-m-b-30 {margin-bottom:30px !important}
    .xl-m-b-35 {margin-bottom:35px !important}
    .xl-m-b-40 {margin-bottom:40px !important}
    .xl-m-b-45 {margin-bottom:45px !important}
    .xl-m-b-50 {margin-bottom:50px !important}
    .xl-m-b-60 {margin-bottom:60px !important}
    .xl-m-b-70 {margin-bottom:70px !important}
    .xl-m-b-80 {margin-bottom:80px !important}
    .xl-m-b-90 {margin-bottom:90px !important}
    .xl-m-b-100 {margin-bottom:100px !important}
}
@media (max-width:991px) {
    .lg-m-b-0 {margin-bottom:0 !important}
    .lg-m-b-5 {margin-bottom:5px !important}
    .lg-m-b-10 {margin-bottom:10px !important}
    .lg-m-b-15 {margin-bottom:15px !important}
    .lg-m-b-20 {margin-bottom:20px !important}
    .lg-m-b-25 {margin-bottom:25px !important}
    .lg-m-b-30 {margin-bottom:30px !important}
    .lg-m-b-35 {margin-bottom:35px !important}
    .lg-m-b-40 {margin-bottom:40px !important}
    .lg-m-b-45 {margin-bottom:45px !important}
    .lg-m-b-50 {margin-bottom:50px !important}
    .lg-m-b-60 {margin-bottom:60px !important}
    .lg-m-b-70 {margin-bottom:70px !important}
    .lg-m-b-80 {margin-bottom:80px !important}
    .lg-m-b-90 {margin-bottom:90px !important}
    .lg-m-b-100 {margin-bottom:100px !important}
}
@media (max-width:767px) {
    .md-m-b-0 {margin-bottom:0 !important}
    .md-m-b-5 {margin-bottom:5px !important}
    .md-m-b-10 {margin-bottom:10px !important}
    .md-m-b-15 {margin-bottom:15px !important}
    .md-m-b-20 {margin-bottom:20px !important}
    .md-m-b-25 {margin-bottom:25px !important}
    .md-m-b-30 {margin-bottom:30px !important}
    .md-m-b-35 {margin-bottom:35px !important}
    .md-m-b-40 {margin-bottom:40px !important}
    .md-m-b-45 {margin-bottom:45px !important}
    .md-m-b-50 {margin-bottom:50px !important}
    .md-m-b-60 {margin-bottom:60px !important}
    .md-m-b-70 {margin-bottom:70px !important}
    .md-m-b-80 {margin-bottom:80px !important}
    .md-m-b-90 {margin-bottom:90px !important}
    .md-m-b-100 {margin-bottom:100px !important}
}
@media (max-width:576px) {
    .sm-m-b-0 {margin-bottom:0 !important}
    .sm-m-b-5 {margin-bottom:5px !important}
    .sm-m-b-10 {margin-bottom:10px !important}
    .sm-m-b-15 {margin-bottom:15px !important}
    .sm-m-b-20 {margin-bottom:20px !important}
    .sm-m-b-25 {margin-bottom:25px !important}
    .sm-m-b-30 {margin-bottom:30px !important}
    .sm-m-b-35 {margin-bottom:35px !important}
    .sm-m-b-40 {margin-bottom:40px !important}
    .sm-m-b-45 {margin-bottom:45px !important}
    .sm-m-b-50 {margin-bottom:50px !important}
    .sm-m-b-60 {margin-bottom:60px !important}
    .sm-m-b-70 {margin-bottom:70px !important}
    .sm-m-b-80 {margin-bottom:80px !important}
    .sm-m-b-90 {margin-bottom:90px !important}
    .sm-m-b-100 {margin-bottom:100px !important}
}

/*----- Border 0 -----*/
.bd-0 {border:0 !important}
.bd-top-0 {border-top:0 !important}
.bd-bottom-0 {border-bottom:0 !important}
.bd-left-0 {border-left:0 !important}
.bd-right-0 {border-right:0 !important}

/*----- Border Radius -----*/
.bd-r-0 {border-radius:0 !important}
.bd-r-2 {border-radius:2px !important}
.bd-r-3 {border-radius:3px !important}
.bd-r-4 {border-radius:4px !important}
.bd-r-5 {border-radius:5px !important}
.bd-r-6 {border-radius:6px !important}
.bd-r-7 {border-radius:7px !important}
.bd-r-8 {border-radius:8px !important}
.bd-r-9 {border-radius:9px !important}
.bd-r-10 {border-radius:10px !important}
.bd-r-20 {border-radius:20px !important}
.bd-r-30 {border-radius:30px !important}
.bd-r-40 {border-radius:40px !important}
.bd-r-50 {border-radius:50% !important}
.bd-r-100 {border-radius:100% !important}
.bd-r-1r {border-radius:1rem !important}
.bd-r-2r {border-radius:2rem !important}
.bd-r-3r {border-radius:3rem !important}
.bd-r-4r {border-radius:4rem !important}
.bd-r-5r {border-radius:5rem !important}
.rounded-x {border-radius:50% !important}

/*----- Colors -----*/
/* Text Colors */
.text-red {color:#e53935 !important}
.text-crimson {color:#cc2300 !important}
.text-pink {color:#d81b60 !important}
.text-purple {color:#8e24aa !important}
.text-deep-purple {color:#5e35b1 !important}
.text-indigo {color:#3949ab !important}
.text-blue {color:#1e88e5 !important}
.text-light-blue {color:#039be5 !important}
.text-cyan {color:#00acc1 !important}
.text-teal {color:#00897b !important}
.text-green {color:#43a047 !important}
.text-light-green {color:#7cb342 !important}
.text-lime {color:#c0ca33 !important}
.text-yellow {color:#fdd835 !important}
.text-amber {color:#ffb300 !important}
.text-orange {color:#fb8c00 !important}
.text-deep-orange {color:#f4511e !important}
.text-brown {color:#6d4c41 !important}
.text-gray {color:#757575 !important}
.text-light-gray {color:#b5b5b5 !important}
.text-black {color:#000 !important}
.text-white {color:#fff !important}
/* EyoomBuilder bs3 text colors compatible */
.color-red {color:#e53935 !important}
.color-crimson {color:#cc2300 !important}
.color-pink {color:#d81b60 !important}
.color-purple {color:#8e24aa !important}
.color-deep-purple {color:#5e35b1 !important}
.color-indigo {color:#3949ab !important}
.color-blue {color:#1e88e5 !important}
.color-light-blue {color:#039be5 !important}
.color-cyan {color:#00acc1 !important}
.color-teal {color:#00897b !important}
.color-green {color:#43a047 !important}
.color-light-green {color:#7cb342 !important}
.color-lime {color:#c0ca33 !important}
.color-yellow {color:#fdd835 !important}
.color-amber {color:#ffb300 !important}
.color-orange {color:#fb8c00 !important}
.color-deep-orange {color:#f4511e !important}
.color-brown {color:#6d4c41 !important}
.color-gray {color:#757575 !important}
.color-light-gray {color:#b5b5b5 !important}
.color-black {color:#000 !important}
.color-white {color:#fff !important}

/* Background Colors */
.bg-red {background-color:#e53935 !important}
.bg-crimson {background-color:#cc2300 !important}
.bg-pink {background-color:#d81b60 !important}
.bg-purple {background-color:#8e24aa !important}
.bg-deep-purple {background-color:#5e35b1 !important}
.bg-indigo {background-color:#3949ab !important}
.bg-blue {background-color:#1e88e5 !important}
.bg-light-blue {background-color:#039be5 !important}
.bg-cyan {background-color:#00acc1 !important}
.bg-teal {background-color:#00897b !important}
.bg-green {background-color:#43a047 !important}
.bg-light-green {background-color:#7cb342 !important}
.bg-lime {background-color:#c0ca33 !important}
.bg-yellow {background-color:#fdd835 !important}
.bg-amber {background-color:#ffb300 !important}
.bg-orange {background-color:#fb8c00 !important}
.bg-deep-orange {background-color:#f4511e !important}
.bg-brown {background-color:#6d4c41 !important}
.bg-gray {background-color:#757575 !important}
.bg-light-gray {background-color:#a5a5a5 !important}
.bg-black {background-color:#000 !important}
.bg-white {background-color:#fff !important}
.bg-transparent {background-color:transparent !important}

/*----- Button -----*/
.btn-e {
    position:relative;display:inline-block;margin-bottom:0;font-weight: 400;
    text-align:center;cursor:pointer;background-image:none;background-color:transparent;
    border:1px solid #ccc;white-space:nowrap;padding:6px 13px;
    color:#aaa;font-size:.9rem;line-height:1;border-radius:0;-webkit-user-select:none;
    -moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.btn-e:hover {text-decoration:none !important}
.btn-e.focus,.btn-e:focus {box-shadow:0 0 0 .2rem rgba(149,149,154,.5)}
.btn-e.active,.btn-e:active {box-shadow:0 0 0 .2rem rgba(149,149,154,.5)}
.btn-e.disabled {cursor:not-allowed;opacity:0.65;filter: alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
.btn-red {background-color:#e53935;border-color:#e53935;color:#fff !important}
.btn-red:hover {background-color:#ef5350;border-color:#ef5350}
.btn-crimson {background-color:#cc2300;border-color:#cc2300;color:#fff !important}
.btn-crimson:hover {background-color:#e52700;border-color:#e52700;}
.btn-pink {background-color:#d81b60;border-color:#d81b60;color:#fff !important}
.btn-pink:hover {background-color:#ec407a;border-color:#ec407a}
.btn-purple {background-color:#8e24aa;border-color:#8e24aa;color:#fff !important}
.btn-purple:hover {background-color:#ab47bc;border-color:#ab47bc}
.btn-deep-purple {background-color:#5e35b1;border-color:#5e35b1;color:#fff !important}
.btn-deep-purple:hover {background-color:#7e57c2;border-color:#7e57c2}
.btn-indigo {background-color:#3949ab;border-color:#3949ab;color:#fff !important}
.btn-indigo:hover {background-color:#5c6bc0;border-color:#5c6bc0}
.btn-blue {background-color:#1e88e5;border-color:#1e88e5;color:#fff !important}
.btn-blue:hover {background-color:#42a5f5;border-color:#42a5f5}
.btn-light-blue {background-color:#039be5;border-color:#039be5}
.btn-light-blue:hover {background-color:#29b6f6;border-color:#29b6f6}
.btn-cyan {background-color:#00acc1;border-color:#00acc1; color:#fff !important}
.btn-cyan:hover {background-color:#26c6da;border-color:#26c6da}
.btn-teal {background-color:#00897b;border-color:#00897b; color:#fff !important}
.btn-teal:hover {background-color:#26a69a;border-color:#26a69a}
.btn-green {background-color:#43a047;border-color:#43a047; color:#fff !important}
.btn-green:hover {background-color:#66bb6a;border-color:#66bb6a}
.btn-light-green {background-color:#7cb342;border-color:#7cb342}
.btn-light-green:hover {background-color:#9ccc65;border-color:#9ccc65}
.btn-lime {background-color:#c0ca33;border-color:#c0ca33}
.btn-lime:hover {background-color:#d4e157;border-color:#d4e157}
.btn-yellow {background-color:#fdd835;border-color:#fdd835}
.btn-yellow:hover {background-color:#ffee58;border-color:#ffee58}
.btn-amber {background-color:#ffb300;border-color:#ffb300}
.btn-amber:hover {background-color:#ffca28;border-color:#ffca28}
.btn-orange {background-color:#fb8c00;border-color:#fb8c00; color:#fff !important}
.btn-orange:hover {background-color:#ffa726;border-color:#ffa726}
.btn-deep-orange {background-color:#f4511e;border-color:#f4511e}
.btn-deep-orange:hover {background-color:#ff7043;border-color:#ff7043}
.btn-brown {background-color:#6d4c41;border-color:#6d4c41; color:#fff !important}
.btn-brown:hover {background-color:#8d6e63;border-color:#8d6e63}
.btn-gray {background-color:#757575;border-color:#757575; color:#fff !important}
.btn-gray:hover {background-color:#a5a5a5;border-color:#a5a5a5}
.btn-light-gray {background-color:#a5a5a5;border-color:#a5a5a5}
.btn-light-gray:hover {background-color:#d5d5d5;border-color:#d5d5d5}
.btn-dark {background-color:#353535;border-color:#353535; color:#fff !important}
.btn-dark:hover {background-color:#656565;border-color:#656565}
.btn-e-brd.btn-red {color:#e53935 !important;background-color:transparent;border-color:#e53935}
.btn-e-brd.btn-red:hover {color:#ef5350 !important;background-color:transparent;border-color:#ef5350}
.btn-e-brd.btn-crimson {color:#cc2300 !important;background-color:transparent;border-color:#cc2300}
.btn-e-brd.btn-crimson:hover {color:#e52700 !important;background-color:transparent;border-color:#e52700}
.btn-e-brd.btn-pink {color:#d81b60 !important;background-color:transparent;border-color:#d81b60}
.btn-e-brd.btn-pink:hover {color:#ec407a !important;background-color:transparent;border-color:#ec407a}
.btn-e-brd.btn-purple {color:#8e24aa !important;background-color:transparent;border-color:#8e24aa}
.btn-e-brd.btn-purple:hover {color:#ab47bc !important;background-color:transparent;border-color:#ab47bc}
.btn-e-brd.btn-deep-purple {color:#5e35b1 !important;background-color:transparent;border-color:#5e35b1}
.btn-e-brd.btn-deep-purple:hover {color:#7e57c2 !important;background-color:transparent;border-color:#7e57c2}
.btn-e-brd.btn-indigo {color:#3949ab !important;background-color:transparent;border-color:#3949ab}
.btn-e-brd.btn-indigo:hover {color:#5c6bc0 !important;background-color:transparent;border-color:#5c6bc0}
.btn-e-brd.btn-blue {color:#1e88e5 !important;background-color:transparent;border-color:#1e88e5}
.btn-e-brd.btn-blue:hover {color:#42a5f5 !important;background-color:transparent;border-color:#42a5f5}
.btn-e-brd.btn-light-blue {color:#039be5 !important;background-color:transparent;border-color:#039be5}
.btn-e-brd.btn-light-blue:hover {color:#29b6f6 !important;background-color:transparent;border-color:#29b6f6}
.btn-e-brd.btn-cyan {color:#00acc1 !important;background-color:transparent;border-color:#00acc1}
.btn-e-brd.btn-cyan:hover {color:#26c6da !important;background-color:transparent;border-color:#26c6da}
.btn-e-brd.btn-teal {color:#00897b !important;background-color:transparent;border-color:#00897b}
.btn-e-brd.btn-teal:hover {color:#26a69a !important;background-color:transparent;border-color:#26a69a}
.btn-e-brd.btn-green {color:#43a047 !important;background-color:transparent;border-color:#43a047}
.btn-e-brd.btn-green:hover {color:#66bb6a !important;background-color:transparent;border-color:#66bb6a}
.btn-e-brd.btn-light-green {color:#7cb342 !important;background-color:transparent;border-color:#7cb342}
.btn-e-brd.btn-light-green:hover {color:#9ccc65 !important;background-color:transparent;border-color:#9ccc65}
.btn-e-brd.btn-lime {color:#c0ca33 !important;background-color:transparent;border-color:#c0ca33}
.btn-e-brd.btn-lime:hover {color:#d4e157 !important;background-color:transparent;border-color:#d4e157}
.btn-e-brd.btn-yellow {color:#fdd835 !important;background-color:transparent;border-color:#fdd835}
.btn-e-brd.btn-yellow:hover {color:#ffee58 !important;background-color:transparent;border-color:#ffee58}
.btn-e-brd.btn-amber {color:#ffb300 !important;background-color:transparent;border-color:#ffb300}
.btn-e-brd.btn-amber:hover {color:#ffca28 !important;background-color:transparent;border-color:#ffca28}
.btn-e-brd.btn-orange {color:#fb8c00 !important;background-color:transparent;border-color:#fb8c00}
.btn-e-brd.btn-orange:hover {color:#ffa726 !important;background-color:transparent;border-color:#ffa726}
.btn-e-brd.btn-deep-orange {color:#f4511e !important;background-color:transparent;border-color:#f4511e}
.btn-e-brd.btn-deep-orange:hover {color:#ff7043 !important;background-color:transparent;border-color:#ff7043}
.btn-e-brd.btn-brown {color:#6d4c41 !important;background-color:transparent;border-color:#6d4c41}
.btn-e-brd.btn-brown:hover {color:#8d6e63 !important;background-color:transparent;border-color:#8d6e63}
.btn-e-brd.btn-gray {color:#757575 !important;background-color:transparent;border-color:#757575}
.btn-e-brd.btn-gray:hover {color:#a5a5a5 !important;background-color:transparent;border-color:#a5a5a5}
.btn-e-brd.btn-light-gray {color:#a5a5a5 !important;background-color:transparent;border-color:#a5a5a5}
.btn-e-brd.btn-light-gray:hover {color:#d5d5d5 !important;background-color:transparent;border-color:#d5d5d5}
.btn-e-brd.btn-dark {color:#353535 !important;background-color:transparent;border-color:#353535}
.btn-e-brd.btn-dark:hover {color:#656565 !important;background-color:transparent;border-color:#656565}
.btn-e-xxs {padding:2px 8px;font-size:.6875rem;line-height:1.5;border-radius:2px}
.btn-e-xs {padding:3px 10px;font-size:.75rem;line-height:1.5;border-radius:2px}
.btn-e-sm {padding:4px 13px;font-size:.75rem;line-height:1.5;border-radius:2px}
.btn-e-md {padding:5px 15px;font-size:.8125rem;line-height:1.5;border-radius:3px}
.btn-e-lg {padding:7px 20px;font-size:.875rem;line-height:1.5;border-radius:3px}
.btn-e-xl {padding:10px 25px;font-size:.9375rem;line-height:1.5;border-radius:3px}
.btn-e-xxl {padding:15px 30px;font-size:1rem;line-height:1.5;border-radius:3px}
.btn-e-xlg {padding:10px 25px;font-size:.9375rem;line-height:1.5;border-radius:3px}
.btn-e-xxlg {padding:15px 30px;font-size:1rem;line-height:1.5;border-radius:3px}
.btn-e-block {display:block;width:100%;padding-left:0;padding-right:0;text-align:center}
.btn-e-block + .btn-e-block {margin-top:5px}
.btn-block {display:block;width:100%;padding-left:0;padding-right:0;text-align:center}
.btn-block + .btn-block {margin-top:5px}
.btn-e span.badge {position:absolute;top:-10px;right:-10px;z-index:1}
.btn-e-0.focus,.btn-e-0:focus {outline:0;box-shadow:none}
.btn-e-red {background-color:#e53935;border-color:#e53935; color:#fff}
.btn-e-red:hover {background-color:#ef5350;border-color:#ef5350; color:#fff}

/* 버튼 스타일 */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.6875rem 1.5rem !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    border-radius: 5rem !important;
    border: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    text-align: center;
    transition: background-position 0.3s ease;
    box-shadow: inset 0 0 12px rgba(255, 255, 255, 0.4);
    background-color: transparent;
    line-height: inherit !important;
  }
  
  .btn__arrow {
    display: inline-block;
    font-size: 1.2rem;
    transition: transform 0.3s ease;
    margin-left: 0.25rem;
  }
  
  .btn:hover .btn__arrow {
    transform: translateX(4px);
  }
  
  .btn:focus {
    box-shadow: none !important;
  }
  
  .btn.is-small {
    padding: 0.5625rem 1.5rem;
    font-size: 0.875rem;
  }
  
  
  
  .btn:hover {
    background-image: linear-gradient(0deg, #0e121b 40%, #6d7a97);
    color: #fff;
  }
  
  .btn--primary {
    background-image: linear-gradient(180deg, #0e121b 40%, #6d7a97);
    color: #fff;
  }
  
  .btn--primary:hover {
    background-image: linear-gradient(0deg, #0e121b 40%, #6d7a97);
  }
  
  .btn.is-secondary {
    border: 1px solid #e3e8ef;
    background-color: #fff;
    color: #111729;
    background-image: none;
  }
  
  .btn--ghost {
    background-color: rgba(255, 255, 255, 0.24);
    backdrop-filter: blur(4px);
    border: 0.5px solid;
    border-image-source: linear-gradient(
      rgba(255, 255, 255, 0.51) 0%,
      rgba(157, 226, 205, 0.8) 15%,
      rgba(157, 226, 205, 0.76) 85%,
      rgba(255, 255, 255, 0.64) 100%
    );
    border-radius: 5rem;
    padding: 0.6875rem 1.5rem;
    box-shadow: inset 0 -1px 18px rgba(255, 255, 255, 0.4),
      0 2px 8px rgba(0, 0, 0, 0.06);
    color: #0e121b;
    background-image: none;
    transform-style: preserve-3d;
  }
  
  .btn--ghost:hover {
    background-color: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(8px);
    border-image-source: linear-gradient(
      rgba(255, 255, 255, 0.6) 0%,
      rgba(157, 226, 205, 0.7) 15%,
      rgba(157, 226, 205, 0.6) 85%,
      rgba(255, 255, 255, 0.5) 100%
    );
    transition: all 0.2s ease;
    background-image: none;
    color: #0e121b;
  }

.dropdown-menu {
    position:absolute;top:130%;left:0;z-index:1;display:none;float:left;
    padding:.5rem 0;margin:.125rem 0 0;text-align:left;list-style:none;background-clip:padding-box;margin-top:0;
    font-size:.9375rem;border:0; min-width:100%; width:1280px; padding-left:77px
}
.mega-menu {display:flex}
li.mega-menu-col {line-height:normal;}
.mega-menu-col li {padding:5px 0; font-size:14px}
.mega-menu-col li a {color:#777}
.mega-menu-col li a:hover {font-weight:bold; color:#333}
.btn-group>.btn-group:not(:first-child), .btn-group>.btn-e:not(:first-child) {margin-left:-1px}
.btn-group>.btn-group:not(:last-child)>.btn-e, .btn-group>.btn-e:not(:last-child):not(.dropdown-toggle) {border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn-group:not(:first-child)>.btn-e, .btn-group>.btn-e:nth-child(n+3), .btn-group>:not(.btn-check)+.btn-e {border-top-left-radius:0;border-bottom-left-radius:0}
/* EyoomBuilder bs3 btn compatible */
/*
.btn-e-red {background-color:#e53935;border-color:#e53935}
.btn-e-red:hover {background-color:#ef5350;border-color:#ef5350}
.btn-e-crimson {background-color:#cc2300;border-color:#cc2300}
.btn-e-crimson:hover {background-color:#e52700;border-color:#e52700}
.btn-e-pink {background-color:#d81b60;border-color:#d81b60}
.btn-e-pink:hover {background-color:#ec407a;border-color:#ec407a}
.btn-e-purple {background-color:#8e24aa;border-color:#8e24aa}
.btn-e-purple:hover {background-color:#ab47bc;border-color:#ab47bc}
.btn-e-deep-purple {background-color:#5e35b1;border-color:#5e35b1}
.btn-e-deep-purple:hover {background-color:#7e57c2;border-color:#7e57c2}
.btn-e-indigo {background-color:#3949ab;border-color:#3949ab}
.btn-e-indigo:hover {background-color:#5c6bc0;border-color:#5c6bc0}
.btn-e-blue {background-color:#1e88e5;border-color:#1e88e5}
.btn-e-blue:hover {background-color:#42a5f5;border-color:#42a5f5}
.btn-e-light-blue {background-color:#039be5;border-color:#039be5}
.btn-e-light-blue:hover {background-color:#29b6f6;border-color:#29b6f6}
.btn-e-cyan {background-color:#00acc1;border-color:#00acc1}
.btn-e-cyan:hover {background-color:#26c6da;border-color:#26c6da}
.btn-e-teal {background-color:#00897b;border-color:#00897b}
.btn-e-teal:hover {background-color:#26a69a;border-color:#26a69a}
.btn-e-green {background-color:#43a047;border-color:#43a047}
.btn-e-green:hover {background-color:#66bb6a;border-color:#66bb6a}
.btn-e-light-green {background-color:#7cb342;border-color:#7cb342}
.btn-e-light-green:hover {background-color:#9ccc65;border-color:#9ccc65}
.btn-e-lime {background-color:#c0ca33;border-color:#c0ca33}
.btn-e-lime:hover {background-color:#d4e157;border-color:#d4e157}
.btn-e-yellow {background-color:#fdd835;border-color:#fdd835}
.btn-e-yellow:hover {background-color:#ffee58;border-color:#ffee58}
.btn-e-amber {background-color:#ffb300;border-color:#ffb300}
.btn-e-amber:hover {background-color:#ffca28;border-color:#ffca28}
.btn-e-orange {background-color:#fb8c00;border-color:#fb8c00}
.btn-e-orange:hover {background-color:#ffa726;border-color:#ffa726}
.btn-e-deep-orange {background-color:#f4511e;border-color:#f4511e}
.btn-e-deep-orange:hover {background-color:#ff7043;border-color:#ff7043}
.btn-e-brown {background-color:#6d4c41;border-color:#6d4c41}
.btn-e-brown:hover {background-color:#8d6e63;border-color:#8d6e63}
.btn-e-gray {background-color:#757575;border-color:#757575}
.btn-e-gray:hover {background-color:#bdbdbd;border-color:#bdbdbd}
.btn-e-light-gray {background-color:#a5a5a5;border-color:#a5a5a5}
.btn-e-light-gray:hover {background-color:#d5d5d5;border-color:#d5d5d5}
.btn-e-dark {background-color:#353535;border-color:#353535}
.btn-e-dark:hover {background-color:#656565;border-color:#656565}
.btn-e-brd.btn-e-red {color:#e53935 !important;background-color:transparent;border-color:#e53935}
.btn-e-brd.btn-e-red:hover {color:#ef5350 !important;background-color:transparent;border-color:#ef5350}
.btn-e-brd.btn-e-crimson {color:#cc2300 !important;background-color:transparent;border-color:#cc2300}
.btn-e-brd.btn-e-crimson:hover {color:#e52700 !important;background-color:transparent;border-color:#e52700}
.btn-e-brd.btn-e-pink {color:#d81b60 !important;background-color:transparent;border-color:#d81b60}
.btn-e-brd.btn-e-pink:hover {color:#ec407a !important;background-color:transparent;border-color:#ec407a}
.btn-e-brd.btn-e-purple {color:#8e24aa !important;background-color:transparent;border-color:#8e24aa}
.btn-e-brd.btn-e-purple:hover {color:#ab47bc !important;background-color:transparent;border-color:#ab47bc}
.btn-e-brd.btn-e-deep-purple {color:#5e35b1 !important;background-color:transparent;border-color:#5e35b1}
.btn-e-brd.btn-e-deep-purple:hover {color:#7e57c2 !important;background-color:transparent;border-color:#7e57c2}
.btn-e-brd.btn-e-indigo {color:#3949ab !important;background-color:transparent;border-color:#3949ab}
.btn-e-brd.btn-e-indigo:hover {color:#5c6bc0 !important;background-color:transparent;border-color:#5c6bc0}
.btn-e-brd.btn-e-blue {color:#1e88e5 !important;background-color:transparent;border-color:#1e88e5}
.btn-e-brd.btn-e-blue:hover {color:#42a5f5 !important;background-color:transparent;border-color:#42a5f5}
.btn-e-brd.btn-e-light-blue {color:#039be5 !important;background-color:transparent;border-color:#039be5}
.btn-e-brd.btn-e-light-blue:hover {color:#29b6f6 !important;background-color:transparent;border-color:#29b6f6}
.btn-e-brd.btn-e-cyan {color:#00acc1 !important;background-color:transparent;border-color:#00acc1}
.btn-e-brd.btn-e-cyan:hover {color:#26c6da !important;background-color:transparent;border-color:#26c6da}
.btn-e-brd.btn-e-teal {color:#00897b !important;background-color:transparent;border-color:#00897b}
.btn-e-brd.btn-e-teal:hover {color:#26a69a !important;background-color:transparent;border-color:#26a69a}
.btn-e-brd.btn-e-green {color:#43a047 !important;background-color:transparent;border-color:#43a047}
.btn-e-brd.btn-e-green:hover {color:#66bb6a !important;background-color:transparent;border-color:#66bb6a}
.btn-e-brd.btn-e-light-green {color:#7cb342 !important;background-color:transparent;border-color:#7cb342}
.btn-e-brd.btn-e-light-green:hover {color:#9ccc65 !important;background-color:transparent;border-color:#9ccc65}
.btn-e-brd.btn-e-lime {color:#c0ca33 !important;background-color:transparent;border-color:#c0ca33}
.btn-e-brd.btn-e-lime:hover {color:#d4e157 !important;background-color:transparent;border-color:#d4e157}
.btn-e-brd.btn-e-yellow {color:#fdd835 !important;background-color:transparent;border-color:#fdd835}
.btn-e-brd.btn-e-yellow:hover {color:#ffee58 !important;background-color:transparent;border-color:#ffee58}
.btn-e-brd.btn-e-amber {color:#ffb300 !important;background-color:transparent;border-color:#ffb300}
.btn-e-brd.btn-e-amber:hover {color:#ffca28 !important;background-color:transparent;border-color:#ffca28}
.btn-e-brd.btn-e-orange {color:#fb8c00 !important;background-color:transparent;border-color:#fb8c00}
.btn-e-brd.btn-e-orange:hover {color:#ffa726 !important;background-color:transparent;border-color:#ffa726}
.btn-e-brd.btn-e-deep-orange {color:#f4511e !important;background-color:transparent;border-color:#f4511e}
.btn-e-brd.btn-e-deep-orange:hover {color:#ff7043 !important;background-color:transparent;border-color:#ff7043}
.btn-e-brd.btn-e-brown {color:#6d4c41 !important;background-color:transparent;border-color:#6d4c41}
.btn-e-brd.btn-e-brown:hover {color:#886f67 !important;background-color:transparent;border-color:#8d6e63}
.btn-e-brd.btn-e-gray {color:#757575 !important;background-color:transparent;border-color:#757575}
.btn-e-brd.btn-e-gray:hover {color:#bdbdbd !important;background-color:transparent;border-color:#bdbdbd}
.btn-e-brd.btn-e-light-gray {color:#a5a5a5 !important;background-color:transparent;border-color:#a5a5a5}
.btn-e-brd.btn-e-light-gray:hover {color:#d5d5d5 !important;background-color:transparent;border-color:#d5d5d5}
.btn-e-brd.btn-e-dark {color:#353535 !important;background-color:transparent;border-color:#353535}
.btn-e-brd.btn-e-dark:hover {color:#656565 !important;background-color:transparent;border-color:#656565}
*/
/*----- Grid Gutter Size -----*/
.row-g-20 {margin-left:-10px;margin-right:-10px}
.row-g-20>div {padding-left:10px;padding-right:10px}
.row-g-10 {margin-left:-5px;margin-right:-5px}
.row-g-10>div {padding-left:5px;padding-right:5px}
.row-g-2 {margin-left:-1px;margin-right:-1px}
.row-g-2>div {padding-left:1px;padding-right:1px}

/*----- Hidden Elements Classes -----*/
.visible-lg,.visible-md,.visible-sm,.visible-xs {display:none!important}
.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {display:none!important}
@media (max-width:767px) {
    .visible-xs {display:block!important}
    table.visible-xs {display:table!important}
    tr.visible-xs {display:table-row!important}
    td.visible-xs,th.visible-xs {display:table-cell!important}
}
@media (max-width:767px) {
    .visible-xs-block {display:block!important}
}
@media (max-width:767px) {
    .visible-xs-inline {display:inline!important}
}
@media (max-width:767px) {
    .visible-xs-inline-block {display:inline-block!important}
}
@media (min-width:768px) and (max-width:991px) {
    .visible-sm {display:block!important}
    table.visible-sm {display:table!important}
    tr.visible-sm {display:table-row!important}
    td.visible-sm,th.visible-sm {display:table-cell!important}
}
@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {display:block!important}
}
@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {display:inline!important}
}
@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {display:inline-block!important}
}
@media (min-width:992px) and (max-width:1199px) {
    .visible-md {display:block!important}
    table.visible-md {display:table!important}
    tr.visible-md {display:table-row!important}
    td.visible-md,th.visible-md {display:table-cell!important}
}
@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {display:block!important}
}
@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {display:inline!important}
}
@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {display:inline-block!important}
}
@media (min-width:1200px) {
    .visible-lg {display:block!important}
    table.visible-lg {display:table!important}
    tr.visible-lg {display:table-row!important}
    td.visible-lg,th.visible-lg {display:table-cell!important}
}
@media (min-width:1200px) {
    .visible-lg-block {display:block!important}
}
@media (min-width:1200px) {
    .visible-lg-inline {display:inline!important}
}
@media (min-width:1200px) {
    .visible-lg-inline-block {display:inline-block!important}
}
@media (max-width:767px) {
    .hidden-xs {display:none!important}
}
@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {display:none!important}
}
@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {display:none!important}
}
@media (min-width:1200px) {
    .hidden-lg {display:none!important}
}

/*----- Typography -----*/
/*Contextual Backgrounds*/
.cont-text-bg p {padding:15px}
.cont-text-bg .bg-primary {background-color:#e77878 !important;color:#FFF}
.cont-text-bg .bg-success {background-color:#E8F5E9 !important;color:#205823}
.cont-text-bg .bg-info {background-color:#E3F2FD !important;color:#104d92}
.cont-text-bg .bg-warning {background-color:#FFF3E0 !important;color:#aa3510}
.cont-text-bg .bg-danger {background-color:#FBE9E7 !important;color:#9c1f1f}
a.bg-primary:hover {background-color:#7391F5 !important;color:#FFF}
a.bg-success:hover {background-color:#d6edd8 !important;color:#205823}
a.bg-info:hover {background-color:#cbe7fb !important;color:#104d92}
a.bg-warning:hover {background-color:#ffe9c6 !important;color:#aa3510}
a.bg-danger:hover {background-color:#f7d5d1 !important;color:#9c1f1f}

/*Blockquote Hero Styles*/
blockquote.hero {position:relative;border:none;padding:15px;background-color:#f2f2f2;border-left:solid 3px #a5a5a5}
blockquote.hero-right {border:none;padding:15px;background-color:#f2f2f2;border-right:solid 3px #a5a5a5;text-align:right}
blockquote.hero:hover {background-color:#eaeaea;border-color:#858585}
blockquote.hero .p-li {position:relative;padding-left:23px}
blockquote.hero .p-li i {position:absolute;top:3px;left:0}

/*List P-tag*/
.li-p {position:relative;padding-left:25px}
.li-p-fa {position:absolute;top:3px;left:0}
.li-p-sq {position:relative;padding-left:14px}
.li-p-sq:before {content:"";display:block;position:absolute;top:7px;left:0;width:5px;height:5px;background-color:#b5b5b5}
.li-p-sq.f-s-13r:before {top:6px}

/*Alert*/
.alert {padding:15px;border-radius:0}
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {margin-top:0;color:inherit}
.alert-primary {background:#fff7f4;color:#ff0d0d;border-color:#f75959}
.alert-info {background:#fff7f4;color:#ff0d0d;border-color:#f75959}
.alert-success {background:#E8F5E9;color:#205823;border-color:#93D398}
.alert-warning {background:#FCF5F5;color:#D50000;border-color:#DF8E8E}
.alert-danger {background:#FBE9E7;color:#D50000;border-color:#F3A198}
.alert-info ul, .alert-info ol, .alert-success ul, .alert-success ol, .alert-warning ul, .alert-warning ol, .alert-danger ul, .alert-danger ol {-webkit-padding-start:20px;margin-bottom:0}
.alert-primary li, .alert-primary p {color:#FFF}
.alert-info li, .alert-info p {color:#ff0d0d}
.alert-success li, .alert-success p {color:#205823}
.alert-warning li, .alert-warning p {color:#AA3510}
.alert-danger li, .alert-danger p {color:#9c1F1F}

/*----- Table List eb -----*/
.table-list-eb .table {white-space:nowrap;word-break:keep-all}
.table-list-eb .table .ws-normal {white-space:normal !important}
.table-list-eb .table th {font-weight:400}
.table-list-eb .table>thead>tr>th, .table-list-eb .table>tbody>tr>th, .table-list-eb .table>tfoot>tr>th, .table-list-eb .table>thead>tr>td, .table>tbody>tr>td, .table-list-eb .table>tfoot>tr>td {padding:13px 8px}
.table-list-eb .table thead>tr>th, .table-list-eb .table thead>tr>td {text-align:center}
.table-list-eb .table-bordered>thead>tr>th, .table-list-eb .table-bordered>thead>tr>td {text-align:center}
.table-list-eb thead {border-top:2px solid #454545;background:#F2F2F2}
.table-list-eb tfoot {background:#F2F2F2;border-bottom:2px solid #454545}
.table-list-eb th, .table-list-eb td {vertical-align:middle !important}
.table-list-eb .table .tbd-both {border-left:1px solid #dee2e6;border-right:1px solid #dee2e6}
.table-list-eb .table .tbd-l {border-left:1px solid #dee2e6}
.table-list-eb .table .tbd-r {border-right:1px solid #dee2e6}
.table-list-eb .table .tbd-t {border-top:1px solid #dee2e6}
.table-list-eb .table .tbd-b {border-bottom:1px solid #dee2e6}

/*---------- Headline ----------*/
.headline {display:block;margin:0 0 30px;border-bottom:1px solid #e5e5e5}
.headline h1,.headline h2,.headline h3,.headline h4,.headline h5,.headline h6 {margin:0 0 -1px;padding:5px 2px;display:inline-block;border-bottom:2px solid #cc2300}

/*---------- Headline Short ----------*/
.headline-short {position:relative}
.headline-short h1,.headline-short h2,.headline-short h3,.headline-short h4,.headline-short h5,.headline-short h6 {position:relative;margin:0 0 30px}
.headline-short h1:after,.headline-short h2:after,.headline-short h3:after,.headline-short h4:after,.headline-short h5:after,.headline-short h6:after {content:"";display:block;position:absolute;bottom:-10px;left:0;width:15px;height:2px;background:#cc2300}
.headline-short .headline-btn {position:absolute;top:0;right:0}
@media (max-width:500px) {
    .headline-short.headline-btn h1,.headline-short.headline-btn h2,.headline-short.headline-btn h3,.headline-short.headline-btn h4,.headline-short.headline-btn h5,.headline-short.headline-btn h6 {width:200px}
}

/*---------- Badges and Labels ----------*/
span.label,span.badge {font-size:.6875rem;padding:4px 8px;font-weight:normal;color:#FFF;line-height:1}
span.label-e,span.badge-e {background:#B5B5B5;line-height:1}
span.label-light,span.badge-light {background:#D6D6D6;color:#4B4B4D}
span.label-default,span.badge-default {background:#B5B5B5}
span.label-dark,span.badge-dark {background:#4B4B4D}
span.label-red,span.badge-red {background:#e53935}
span.label-crimson,span.badge-crimson {background:#cc2300}
span.label-pink,span.badge-pink {background:#d81b60}
span.label-purple,span.badge-purple {background:#8e24aa}
span.label-deep-purple,span.badge-deep-purple {background:#5e35b1}
span.label-indigo,span.badge-indigo {background:#3949ab}
span.label-blue,span.badge-blue {background:#1e88e5}
span.label-light-blue,span.badge-light-blue {background:#039be5}
span.label-cyan,span.badge-cyan {background:#00acc1}
span.label-teal,span.badge-teal {background:#00897b}
span.label-green,span.badge-green {background:#43a047}
span.label-light-green,span.badge-light-green {background:#7cb342}
span.label-lime,span.badge-lime {background:#c0ca33}
span.label-yellow,span.badge-yellow {background:#fdd835}
span.label-amber,span.badge-amber {background:#ffb300}
span.label-orange,span.badge-orange {background:#fb8c00}
span.label-deep-orange,span.badge-deep-orange {background:#f4511e}
span.label-brown,span.badge-brown {background:#6d4c41}
span.label-gray,span.badge-gray {background:#757575}
span.label-light-gray,span.badge-light-gray {background:#d5d5d5}

/*------------ Panel Accordion ----------*/
.panel .panel-heading {position:relative;background-color:#fff;border-top:1px solid #D5D5D5;padding:25px 20px}
.panel .panel-body {position:relative;border:0;padding:0 20px 20px 57px; line-height:1.6; color:#333}
.panel-group .panel+.panel {margin-top:0}

.panel-primary>.panel-heading {background-color:#2196F3;border-color:#0f70be;color:#fff}
.panel-primary>.panel-body {border-color:#0f70be}
.panel-info>.panel-heading {color:#104D92;background-color:#E3F2FD;border-color:#1E88E5}
.panel-info>.panel-body {border-color:#1E88E5}
.panel-success>.panel-heading {color:#205823;background-color:#E8F5E9;border-color:#4CAF50}
.panel-success>.panel-body {border-color:#4CAF50}
.panel-warning>.panel-heading {color:#AA3510;background-color:#FFF3E0;border-color:#FF9800}
.panel-warning>.panel-body {border-color:#FF9800}
.panel-danger>.panel-heading {color:#9c1F1F;background-color:#FBE9E7;border-color:#FF5722}
.panel-danger>.panel-body {border-color:#FF5722}

.panel-red>.panel-heading {background-color:#e53935;border-color:#e53935;color:#FFF}
.panel-red>.panel-body {border-color:#e53935}
.panel-crimson>.panel-heading {background-color:#cc2300;border-color:#cc2300;color:#FFF}
.panel-crimson>.panel-body {border-color:#cc2300}
.panel-pink>.panel-heading {background-color:#d81b60;border-color:#d81b60;color:#FFF}
.panel-pink>.panel-body {border-color:#d81b60}
.panel-purple>.panel-heading {background-color:#8e24aa;border-color:#8e24aa;color:#FFF}
.panel-purple>.panel-body {border-color:#8e24aa}
.panel-deep-purple>.panel-heading {background-color:#5e35b1;border-color:#5e35b1;color:#FFF}
.panel-deep-purple>.panel-body {border-color:#5e35b1}
.panel-indigo>.panel-heading {background-color:#3949ab;border-color:#3949ab;color:#FFF}
.panel-indigo>.panel-body {border-color:#3949ab}
.panel-blue>.panel-heading {background-color:#1e88e5;border-color:#1e88e5;color:#FFF}
.panel-blue>.panel-body {border-color:#1e88e5}
.panel-light-blue>.panel-heading {background-color:#039be5;border-color:#039be5;color:#FFF}
.panel-light-blue>.panel-body {border-color:#039be5}
.panel-cyan>.panel-heading {background-color:#00acc1;border-color:#00acc1;color:#FFF}
.panel-cyan>.panel-body {border-color:#00acc1}
.panel-teal>.panel-heading {background-color:#00897b;border-color:#00897b;color:#FFF}
.panel-teal>.panel-body {border-color:#00897b}
.panel-green>.panel-heading {background-color:#43a047;border-color:#43a047;color:#FFF}
.panel-green>.panel-body {border-color:#43a047}
.panel-light-green>.panel-heading {background-color:#7cb342;border-color:#7cb342;color:#FFF}
.panel-light-green>.panel-body {border-color:#7cb342}
.panel-lime>.panel-heading {background-color:#c0ca33;border-color:#c0ca33;color:#FFF}
.panel-lime>.panel-body {border-color:#c0ca33}
.panel-yellow>.panel-heading {background-color:#fdd835;border-color:#fdd835;color:#FFF}
.panel-yellow>.panel-body {border-color:#fdd835}
.panel-amber>.panel-heading {background-color:#ffb300;border-color:#ffb300;color:#FFF}
.panel-amber>.panel-body {border-color:#ffb300}
.panel-orange>.panel-heading {background-color:#fb8c00;border-color:#fb8c00;color:#FFF}
.panel-orange>.panel-body {border-color:#fb8c00}
.panel-deep-orange>.panel-heading {background-color:#f4511e;border-color:#f4511e;color:#FFF}
.panel-deep-orange>.panel-body {border-color:#f4511e}
.panel-brown>.panel-heading {background-color:#6d4c41;border-color:#6d4c41;color:#FFF}
.panel-brown>.panel-body {border-color:#6d4c41}
.panel-gray>.panel-heading {background-color:#757575;border-color:#757575;color:#FFF}
.panel-gray>.panel-body {border-color:#757575}
.panel-dark>.panel-heading {background-color:#4B4B4D;border-color:#4B4B4D;color:#FFF}
.panel-dark>.panel-body {border-color:#4B4B4D}

/*
.panel-group-control .panel-title:before {font-family:'Font Awesome\ 5 Free';line-height:1;-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s;opacity:1}
.panel-group-control .panel-title {padding-left:26px;display:block}
.panel-group-control .panel-title:before {content:"\f068";font-weight:700;position:absolute;top:50%;margin-top:-8px;left:15px}
.panel-group-control .panel-title.collapsed:before {content:"\f067";font-weight:900;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0.35}
.panel-group-control.panel-group-control-right .panel-title {padding-left:0;padding-right:26px}
.panel-group-control.panel-group-control-right .panel-title:before {left:auto;right:15px}
*/
.panel-group-control .panel-title > a:before {
    line-height:1;-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s;opacity:1;
    background:url(../../../img/faq-arrow.png) no-repeat center center; content:''; width:16px; height:12px;
    background-size:13px auto
}
.panel-group-control .panel-title > a {padding-left:26px;display:block; font-size:18px; font-weight:bold}
.panel-group-control .panel-title > a:before {content:"";font-weight:700;position:absolute;top:50%;margin-top:-8px;left:15px}
.panel-group-control .panel-title > a.collapsed:before {content:"";font-weight:900;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0.5}
.panel-group-control.panel-group-control-right .panel-title > a {padding-left:0;padding-right:26px}
.panel-group-control.panel-group-control-right .panel-title > a:before {left:auto;right:15px}

/*---------- Icons ----------*/
/*Social Icons*/
.social-icons {margin:0;padding:0}
.social-icons li {list-style:none;margin-right:3px;margin-bottom:3px;text-indent:-9999px;display:inline-block}
.social-icons li a {width:30px;height:30px;display:block;background-position:0 0;background-repeat:no-repeat;opacity:1}
.social-icons li a:hover {opacity:0.7}
.social_facebook {background:url("../image/social/facebook.png") no-repeat;background-size:30px 30px}
.social_twitter {background:url("../image/social/twitter.png") no-repeat;background-size:30px 30px}
.social_google {background:url("../image/social/google.png") no-repeat;background-size:30px 30px}
.social_youtube {background:url("../image/social/youtube.png") no-repeat;background-size:30px 30px}
.social_kakao {background:url("../image/social/kakao.png") no-repeat;background-size:30px 30px}
.social_kakaostory {background:url("../image/social/kakaostory.png") no-repeat;background-size:30px 30px}
.social_naver {background:url("../image/social/naver.png") no-repeat;background-size:30px 30px}
.social_payco {background:url("../image/social/payco.png") no-repeat;background-size:30px 30px}
.social_band {background:url("../image/social/band.png") no-repeat;background-size:30px 30px}
.social_rss {background:url("../image/social/rss.png") no-repeat;background-size:30px 30px}
.social_pinterest {background:url("../image/social/pinterest.png") no-repeat;background-size:30px 30px}
.social_tumblr {background:url("../image/social/tumblr.png") no-repeat;background-size:30px 30px}
.social_instagram {background:url("../image/social/instagram.png") no-repeat;background-size:30px 30px}
.social_behance {background:url("../image/social/behance.png") no-repeat;background-size:30px 30px}

/*---------- Progress Bar ----------*/
.progress {box-shadow:none;margin-bottom:10px}
.progress .progress-bar {box-shadow:none}
.progress-e {box-shadow:none}
.progress-e .progress-bar {box-shadow:none}
.progress-info-wrap {margin-bottom:5px}
.progress-info-wrap:after {content:"";display:block;clear:both}
.progress-info-left {float:left}
.progress-info-right {float:right}
.progress-vertical {width:40px;min-height:150px;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end}
.progress-vertical .progress-bar {width:100%;height:0;font-size:.6875rem}

/*Size*/
.progress-lg {height:25px}
.progress-sm {height:12px}
.progress-xs {height:7px}
.progress-xxs {height:3px}

/*Color*/
.progress {background:#eaecee}
.progress-bar-default {background:#959595}
.progress-bar-red {background:#e53935}
.progress-bar-crimson {background:#cc2300}
.progress-bar-pink {background:#d81b60}
.progress-bar-purple {background:#8e24aa}
.progress-bar-deep-purple {background:#5e35b1}
.progress-bar-indigo {background:#3949ab}
.progress-bar-blue {background:#1e88e5}
.progress-bar-light-blue {background:#039be5}
.progress-bar-cyan {background:#00acc1}
.progress-bar-teal {background:#00897b}
.progress-bar-green {background:#43a047}
.progress-bar-light-green {background:#7cb342}
.progress-bar-lime {background:#c0ca33}
.progress-bar-yellow {background:#fdd835}
.progress-bar-amber {background:#ffb300}
.progress-bar-orange {background:#fb8c00}
.progress-bar-deep-orange {background:#f4511e}
.progress-bar-brown {background:#6d4c41}
.progress-bar-gray {background:#757575}
.progress-bar-dark {background:#4B4B4D}

/*---------- Sidebar Menu ----------*/
/*Sidebar Menu e1*/
.sidebar-nav-e1 {list-style:none;border-top:1px solid #e5e5e5}
.sidebar-nav-e1 li {position:relative}
.sidebar-nav-e1 > li {border:1px solid #e5e5e5;border-top:0}
.sidebar-nav-e1 li a {display:block;padding:10px 30px 10px 10px;color:#656565}
.sidebar-nav-e1 > li a {color:#151515}
.sidebar-nav-e1 > li.active {background:#f2f2f2;border:1px solid #656565;margin-top:-1px}
.sidebar-nav-e1 > li.active > a {font-weight:700}
.sidebar-nav-e1 li ul {padding:0;list-style:none}
.sidebar-nav-e1 li ul,.sidebar-nav-e1 li.active ul a {background:#fafafa}
.sidebar-nav-e1 li ul a {color:#656565;border-top:solid 1px #e5e5e5;padding:10px 30px 10px 20px}
.sidebar-nav-e1 li ul a:before {content:"";display:block;position:absolute;top:10px;left:10px;width:6px;height:12px;border-left:1px dotted #a5a5a5;border-bottom:1px dotted #a5a5a5}
.sidebar-nav-e1 ul li a:hover {color:#000}
.sidebar-nav-e1 ul li.active > a {color:#cc2300}
.sidebar-nav-e1 ul li a.active {color:#cc2300}
.sidebar-nav-e1 ul li ul a {color:#959595;padding:10px 30px 10px 30px}
.sidebar-nav-e1 ul li ul a:before {left:20px}
.sidebar-nav-e1 .sidebar-nav-item.submenu:after {position:absolute;top:10px;right:10px;color:#656565;font-family:'Font Awesome\ 5 Free';content:"\f0d7";font-weight:900;display:inline-block}
.sidebar-nav-e1 .sidebar-nav-item.active:after {color:#cc2300}
.sidebar-nav-e1 li ul .sidebar-nav-item.submenu:after {color:#b5b5b5;content:"\f0d7"}
.sidebar-nav-e1 li ul .sidebar-nav-item.active:after {color:#cc2300}

/*---------- Image & Video ----------*/
/*Thumbnail*/
.thumbnail {display:block;padding:4px;margin-bottom:20px;line-height:1.4;background-color:#fff;border:1px solid #d5d5d5;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.thumbnail > a {display:block}
.thumbnail > img,.thumbnail a > img {width:100%}
a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover {border-color:#DADADA}
.thumbnail .caption {padding:15px}
.thumb {position:relative;display:block}
.thumb img {display:inline-block;width:100%;max-width:100%;height:auto}
.thumb-rounded {width:60%;margin:20px auto 0}
.caption-overflow {color:#FFF;left:0;height:100%}
.caption-overflow,.caption-overflow span,.zoom-image {position:absolute;width:100%}
.caption-overflow {border-radius:2px !important}
.caption-overflow {top:0;visibility:hidden;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}
.caption-overflow span {top:50%;margin-top:-17px;text-align:center}
.caption-overflow .btn-e-brd {background:none}
.caption-overflow .btn-e-brd:hover, .caption-overflow .btn-e-brd:focus {background:none}
.thumb:hover > .caption-overflow {background-color:rgba(0,0,0,0.6);visibility:visible;opacity:1;filter:alpha(opacity=100)}

/*Image*/
img.img-bordered {padding:4px;border:solid 1px #DADADA}
img.img-circle {border-radius:50% !important}

/*Responsive Video*/
.responsive-video {height:0;margin:15px 0;padding-top:1px;position:relative;padding-bottom:56.25%; /*16:9*/}
.responsive-video iframe {top:0;left:0;width:100%;height:100%;position:absolute}
.responsive-video embed {top:0;left:0;width:100%;height:100%;position:absolute}

/*---------- Modal ----------*/
.modal-content {border-radius:0;border:0}
.modal-header {border-radius:0;padding:10px 15px;border-bottom:0}
.modal-body {padding:15px}
.modal-footer {border-radius:0;padding:10px 15px;border-top:0}

/*---------- Popover ----------*/
.popover {border-radius:0 !important}
.popover-body {padding:10px !important}

/*---------- Sweetalert2 ----------*/
.swal2-popup {padding:20px 0 !important}
.swal2-icon {margin:0 auto 20px !important}
.swal2-title {font-size:1.25rem !important;padding:0 20px !important}
.swal2-html-container {font-size:.9375rem !important}
.swal2-styled {padding:7px 30px !important;font-size:.875rem !important}
.swal2-icon .swal2-icon-content {font-family:'Helvetica', sans-serif}

/*---------- Profile Photo ----------*/
.profile-modal .profile-photo {position:relative;display:block;text-align:center;margin:10px auto 20px;height:80px;width:80px;padding:3px;border-radius:50%;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.08);background-color:#fff}
.profile-modal .profile-photo i {height:74px;width:74px;color:#fff;font-size:40px;text-align:center;border-radius:50%;background-color:#abacb5;line-height:74px}
.profile-modal .profile-photo img {height:auto;max-width:100%;border-radius:50%;background-color:#fff;background-size:cover}

/*---------- Alarm Marker ----------*/
.alarm-marker {position:relative}
.alarm-marker .alarm-effect {position:absolute;top:-13px;right:-14px;height:26px;width:26px;z-index:10;border:5px solid #e53935;border-radius:70px;animation:alarm-effect 1s infinite;-webkit-animation:alarm-effect 1s infinite;-moz-animation:alarm-effect 1s infinite}
.alarm-marker .alarm-point {width:6px;height:6px;border-radius:30px;background-color:#e53935;position:absolute;right:-4px;top:-3px}
@-moz-keyframes alarm-effect {
    0% {-moz-transform:scale(0);opacity:0}
    25% {-moz-transform:scale(.1);opacity:.1}
    50% {-moz-transform:scale(.5);opacity:.3}
    75% {-moz-transform:scale(.8);opacity:.5}
    100% {-moz-transform:scale(1);opacity:0}
}
@-webkit-keyframes alarm-effect {
    0% {-webkit-transform:scale(0);opacity:0}
    25% {-webkit-transform:scale(.1);opacity:.1}
    50% {-webkit-transform:scale(.5);opacity:.3}
    75% {-webkit-transform:scale(.8);opacity:.5}
    100% {-webkit-transform:scale(1);opacity:0}
}
@keyframes alarm-effect {
    0% {transform:scale(0);opacity:0}
    25% {transform:scale(.1);opacity:.1}
    50% {transform:scale(.5);opacity:.3}
    75% {transform:scale(.8);opacity:.5}
    100% {transform:scale(1);opacity:0}
}

/*---------- G5 Captcha ----------*/
.vc-captcha fieldset {padding:0}
#captcha {position:relative;width:260px}
#captcha #captcha_img {width:135px;height:50px;border:1px solid #d5d5d5}
#captcha #captcha_key {width:100px;height:50px;border:1px solid #d5d5d5;font-size:20px;line-height:14px;margin-left:5px}
#captcha #captcha_key:focus {box-shadow:none}
#captcha #captcha_mp3 {position:absolute;top:0;right:-23px;width:25px;height:25px;background:#f5f5f5;border:1px solid #d5d5d5;box-sizing:border-box;background-image:none}
#captcha #captcha_mp3:after {font-family:'Font Awesome\ 5 Free';content:"\f130";font-weight:900;color:#555555;font-size:13px;position:absolute;top:3px;right:7px;z-index:1;text-indent:0}
#captcha #captcha_reload {position:absolute;top:27px;right:-23px;width:25px;height:25px;background:#f5f5f5;border:1px solid #d5d5d5;box-sizing:border-box;background-image:none;z-index:2}
#captcha #captcha_reload:after {font-family:'Font Awesome\ 5 Free';content:"\f2f9";font-weight:900;color:#555555;font-size:.75rem;position:absolute;top:3px;right:5px;z-index:3;text-indent:0}
@media (max-width:500px) {
    #captcha #captcha_reload {top:0}
}

/*---------- Member Nameview ----------*/
.sv_wrap *, .sv_wrap *:after, .sv_wrap *:before {-moz-box-sizing:border-box;box-sizing:border-box}
.sv_wrap .sv {z-index:998;border:1px solid rgba(0,0,0,0.7);;width:inherit;min-width:160px;padding:7px 0;background:#fff;box-shadow:none}
.sv_wrap .sv:before {display:none}
.sv_wrap .sv a {background:#fff;color:#000;padding:5px 10px;line-height:1;font-size:.875rem;border-bottom:0;display:block;width:160px;text-decoration:none !important}
.sv_wrap .sv a:hover {background:#f2f2f2;color:#000}
.sv_wrap .sv_on {top:inherit;left:inherit}
.sv_wrap .btn-e-block {text-align:left;padding:2px 10px;font-size:.875rem;border-radius:0}

/*---------- Profile Modal ----------*/
.profile-modal .nav-tabs {border:1px solid #e5e5e5;border-bottom:0}
.profile-modal .nav-tabs li {width:50%}
.profile-modal .nav-tabs li a {display:block;text-align:center;margin-right:0;margin-left:-1px;background:#f5f5f5;color:#959595;border:1px solid #e5e5e5;padding:10px 5px;font-size:.9375rem;border-top:0}
.profile-modal .nav-tabs li:first-child a {margin-left:0;border-left:0}
.profile-modal .nav-tabs li:last-child a {border-right:0}
.profile-modal .nav-tabs li a:hover {background:#fff;border-bottom:1px solid #e5e5e5}
.profile-modal .nav-tabs li a.active {z-index:1;background:#fff;color:#000;border-bottom:1px solid transparent}
.profile-modal .nav-tabs li .cursor-pointer:hover {cursor:pointer}
.profile-modal .tab-content {position:relative;border:1px solid #e5e5e5;border-top:0;padding:20px}
.profile-modal .default-photo-box {display:flex}
.profile-modal .default-photo-img {flex-shrink:0;width:50px;display:flex;align-items:center}
.profile-modal .default-photo-img img {width:35px;height:35px}
.profile-modal .default-photo-btn {flex-grow:1;position:relative}

/*---------- EXIF INFO ----------*/
.exif_info {position:relative;overflow:hidden;border:1px solid #d5d5d5;padding:7px 10px;background:#fafafa;margin:10px 0 20px}
.exif_info ul {list-style:none;margin-bottom:0;-webkit-padding-start:0}
.exif_info ul li {display:inline-block;padding:0 5px;font-size:.8125rem;color:#959595}
.exif_info ul li a {color:#959595}
.exif_info ul li:before {content:"•";margin-right:5px}

/*---------- Admin Edit Button ----------*/
.eb-hidden-space {height:50px;margin-bottom:30px;border:1px dashed #e5e5e5;background:#fafafa}
.eb-hidden-space:before {content:"해당 스킨은 숨기기 설정되었습니다.";color:#b5b5b5;font-size:.9375rem;text-align:center;line-height:50px;position:absolute;top:0;right:10px}
.adm-edit-btn {position:absolute;left:0;width:100%;text-align:center;z-index:1}
.ae-btn-l {display:inline-block;padding:5px 10px;background:#000;font-size:.6875rem;color:#fff !important;border-left:3px solid #cc2300}
.ae-btn-r {display:inline-block;padding:5px 10px;background:#cc2300;font-size:.6875rem;color:#fff !important}
.ae-btn-info {display:inline-block;padding:5px 10px;background:#3c3c3e;font-size:.6875rem;color:#fff !important;border:1px solid transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.ae-item-btn {display:inline-block;padding:5px 10px;background:#3c3c3e;font-size:.6875rem;color:#fff !important;border-left:3px solid #cc2300;border-right:3px solid #000}
.btn-edit-mode {display:none}
.btn-edit-mode .btn-e-dark {background:RGBA(75, 75, 77, 0.8)}
.btn-edit-mode .btn-e-dark:hover {background:RGBA(75, 75, 77, 1)}
.btn-edit-mode .btn-e-red {background:RGBA(255, 72, 72, 0.8)}
.btn-edit-mode .btn-e-red:hover {background:RGBA(255, 72, 72, 1)}
.btn-edit-mode .btn-e-blue {background:RGBA(83, 165, 250, 0.8)}
.btn-edit-mode .btn-e-blue:hover {background:RGBA(83, 165, 250, 1)}
.btn-edit-mode .btn-e-yellow {background:RGBA(253, 171, 41, 0.8)}
.btn-edit-mode .btn-e-yellow:hover {background:RGBA(253, 171, 41, 1)}
@media (max-width:991px) {
    .adm-edit-btn {display:none !important}
}

/*---------- Admin Edit Modal ----------*/
.admset-iframe-modal .modal-content {border-radius:0}
.admset-iframe-modal .modal-header {border-radius:0}
.admset-iframe-modal .modal-footer {border-radius:0}

/*---------- Etc ----------*/
.sound-only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important;position:absolute;font-size:0;text-indent:-9999em;line-height:0}
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important;position:absolute;font-size:0;text-indent:-9999em;line-height:0}
.h-hidden {position:absolute;font-size:0;line-height:0;content:""}
.img-responsive {max-width:100%;height:auto}
.sidebar-nav-e1.list-group {margin:0 0 25px}
.roboto {font-family:'Roboto', sans-serif}
.helvetica-neue {font-family:'Helvetica Neue', sans-serif}
fieldset legend {border-bottom:0}
label, input, button, select {vertical-align:inherit}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {outline:none; box-shadow:none}
.sch_word {padding:0;color:#cc2300;background:none}

.cke_dialog_tab {color:#252525 !important}
pre[class*="language-"] {border-radius:0 !important}
.tooltip > .tooltip-inner {word-break:keep-all}
/*Social Login*/
.selec_chk {visibility:hidden;opacity:0}
.mbskin .toggle .toggle-title {line-height:25px !important}
#fregisterform .btn_confirm .btn_cancel {vertical-align:inherit;border-radius:3px;color:#fff !important}

/*공통*/
.eyoom-form .checkbox input:checked+i {border:0;}
.eyoom-form .checkbox input+i:after {
    width:16px; height: 16px; top:0; left:0; line-height:16px; text-align: left;
    color:#fff !important; background:#C21218; border-radius: 3px; font-size:9.5px; padding-left:2px;
}

.checkbox{
    margin-bottom: 18px;
}

/*로그인*/
.login-box {width:1320px; margin:0 auto; padding:0}
.login-box-in {width:100%; margin:0 auto;}
.login-form {display:flex;}
.login-form .lo_right {
    padding-top: 100px;
    width: 100%;
    text-align: center;
    color: #012B3A;
    height:auto; 
}
/* .lo_left {text-align: center; padding-top: 140px; width: 50%; background-color: #f2f4f5; color:#012B3A} */
/* .lo_left .top {
    font-size: 44px;
    font-weight: 700;
    position: relative;
    border-bottom:1px solid #012b3a;
    width:196px;
    margin:0 auto;
}
.lo_left .bottom {
    font-size: 40px;
    font-weight: 350;
    margin-bottom: 77px;
}
.lo_left h5 {font-size:55px; font-weight:bold}
.lo_left span {font-size:22px; color:#A1A1A1;}
.lo_left span:last-child {color:#A20006} */
.login_label {width:100%; margin-bottom:0;}
.login_form label.mt_label {margin-top:44px;} 
.login_form .login_label.mt_input {margin-bottom:18px;}
.login_label input {
    height:50px; width:100%; border:0; border-bottom:1px solid #ccc; border-radius: 0 !important;
    font-weight:400; font-size:16px; padding:0;
    font-family: 'Pretendard', 'Arial', sans-serif; outline: none;
}
.login_label input::placeholder {
    font-size: 16px;
    color: #ccc;
    font-weight: 400;
}
.login_label input:focus{
    outline:none;
    border:0 !important;
    border-bottom: 2px solid #212529 !important;
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none
}
.lo_right .right_logo {width:220px; height:auto; margin-bottom:30px}
.right_text {font-size: 20px; margin-left: 20px; margin-bottom: 60px;}
.lo_right .checkbox input {
    border-radius: 3px !important; display:inline-block;
    vertical-align: -2px; margin-right:5px;
}
.joinus_btn{width: 100%;}
.login-btn { width: 100%;}
.login-btn-wrap{display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-direction: column; margin-top: 20px;}
.id_pass {display:block; width:100%; text-align: center; margin-bottom: 22px; font-weight:500;} 
.join_btn {
    border:1px solid #333; color:#333 !important; display:block; background:#fff;text-align: center; font-weight:700;
    line-height:58px; font-size:20px; font-weight:bold; border-radius: 20px; width:444px; margin-bottom: 25px;
    display: flex; align-items: center; 
}
.join_btn img{
    width: 29px;
    height: 29px;
    object-fit: cover;
    margin-right: 110px;
    margin-left: 45px;
}

.login_form {width:442px; margin:0 auto; text-align: left;}
.login_form .label {font-size:18px; font-weight: 600; padding:0}

/*게시판*/
.tab-scroll-category .scrollbar {background:transparent !important}
.tab-scroll-category .scrollbar .handle {background:transparent !important}
.board-list {padding-top:80px !important;}
.page_title {
    font-weight:bold; padding-bottom:30px; color:#111;
    font-size:35px; text-align:center; font-weight:bold;
}
.page_title .page_comma {width:38px; height:auto; display:block; margin:0 auto 15px}
.board_title .page_comma {width:38px; height:auto; display:block; margin:0 auto 15px}
.eb-pagination-wrap {margin-bottom:180px}
.est_form {padding:100px 0 140px}
.est_form .container { margin-top:20px; width:1000px;}
.est_form .container .form_right {padding:30px; background:#f5f5f5; border:1px solid #ccc; border-radius: 10px; margin-top: 40px !important;width: 800px; margin: 0 auto; padding: 30px 40px;}
.est_form .container .form_right .form_radio_btn input[type=radio]:checked + label {background:#b4b4b4}
.est_form .container .form_right .form_radio_btn input[type=radio] + label {background:#fff; cursor: default;}
.est_form .container .form_right .form_radio_btn2 input[type=checkbox] + label {background:#fff; color:#666; border:0}
.est_form .container .form_right .form_radio_btn2 input[type=checkbox]:checked + label {background:#e51f19; color: white}
.est_form .container .form_right .form_radio_btn3 input[type=checkbox]:checked + label {background:#e51f19; color:#fff; border:0}
.est_form .container .form_right .form_radio_btn3 input[type=checkbox] + label {background:#fff}
.est_form .container .form_right .form_radio_btn4 input[type=radio]:checked + label {background:#e51f19; color:#fff; border:0}
.est_form .container .form_right .form_radio_btn4 input[type=radio] + label {background:#fff;}


.form_left {border-bottom:1px dashed #111; padding-bottom:40px}
.form_left .right_center {
    text-align: center; font-size: 16px; border:1px solid #ddd; border-radius: 5px;
    padding:25px
}
.form_left .right_center img {height:40px; display: block; margin:10px auto}
.est_form h3 {font-size:22px; text-align: center; margin-bottom: 20px; font-weight: 600;}

/*회원가입*/
.joinus_top {background: #f9f9f9; text-align: center; padding:60px;}
.joinus_top img {height:36px}
.joinus_top h1 {margin-top:7px; padding-bottom:0}
.register-form .container {max-width:1000px; } 
.user-type {
    width:100%;
    font-size:0; margin:80px auto 150px;
    display:flex; justify-content: space-between;
}
/*
.user-type li {
    display:inline-block; height:100%; width:280px; height:290px; text-align: center; line-height: 46px; font-size:18px;
    vertical-align: top; cursor: pointer;
}
.user-type li > div {background:#f2f2f2; padding:20px 0; margin-bottom:20px; border-radius: 18px; text-align: center;}
.user-type li img {width:250px; height:205px; object-fit: cover; margin:0 0 14px; border-radius: 20px;}
.user-type li div span {font-size:20px; display:block; font-weight:600; color:#212529; line-height: normal;}
.user-type li p {font-size:16px; line-height:22px;}
.user-type > li.active {background: #FC4652; border-radius:23px; color:#fff; font-weight:bold}
*/
.join_title {text-align:center; font-size:22px; color:#111; font-weight: 600; margin-bottom:20px;}
.register-form .register-agree-box .content-box-body {text-align: left;}
.agree_detail {
    border:1px solid #ddd; border-top:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px;
    padding-bottom:15px;
}
.member-box li:first-child {width:calc(100% - 60px); float:left}
.member-box li:last-child {float:right; width:50px; text-align: right;}
.member-box ul:after {clear: both; content:''; display:block}
.register-box .join_title {border-bottom: 2px solid #111; padding-bottom: 20px;}
.register-form .input-button .button {border-top-right-radius:5px; border-bottom-right-radius:5px;}


/*견적서 (공급사)*/
.view_in {width:100%; margin:80px auto 100px}
.est_view_title {text-align: center; font-size:24px; color:#111; font-weight:bold}
.est_view_top {border:1px solid #ddd; padding:20px 30px; border-radius: 10px;}
.view_in .view_info {width:1000px; margin:0 auto 50px}
.view_in .view_info input {background:#F1F1F1; border-radius: 5px;}
.SA_view {margin:50px 0}
.eswr_title {
    font-size:24px; text-align: center; color:#111; 
    font-weight: bold; padding-bottom:15px; border-bottom:2px solid #111;
    margin-bottom:20px;
}
.SA_view p {color:#BB0000}
.SA_view h5 {margin:25px 0 10px; color:#333; font-size:18px; font-weight:bold}
.SA_view > button,
.or_div button {
    display:inline-block; margin-right: 12px; width:180px; height:46px; 
    border:1px solid #ccc; border-radius: 5px;
    background-color:#fff; font-size:16px;
    background-image:url(../image/radio_no.png);
    background-repeat: no-repeat;
    background-position: left 16px center;
    background-size: 18px auto;
    padding-left:25px;
}
.SA_view > button.active, .or_div button.active {
    border:1px solid #FC4652; color:#FC4652;
    background-image:url(../image/radio_check.png);
    background-position: left 16px center;
    background-size: 18px auto;
}
.se_viewbtn {cursor: pointer;}
.cp_estimate input {border-radius: 5px !important;}
.cp_estimate input#cp_name {width:calc(100% - 120px); display:inline-block; vertical-align: top;}
.cp_estimate .file_click {width:500px;}
.cp_estimate .file_click button {
    width: 106px; height:38px; border-radius: 5px; margin-left:10px; background:#eaeaea;
    border:1px solid #aaa; font-size:15px;
}
.view_btn_bottom {text-align: center;}
.view_btn_bottom input {width:180px; height:48px; border-radius: 5px; border:0; font-size:17px;}
.view_btn_bottom .view_back {background:#DEDEDE; color:#555}
.view_btn_bottom .view_submit {background: #FC4652; color:#fff; margin-left:10px;}
.dc_estimate {padding:20px 0}
.dc_estimate table {table-layout: fixed;}
.dc_estimate table input[type=text] {width:90%}
.dc_estimate table textarea {width:100%; height: 100px !important;}


/*계약서 (발주사)*/
.es_buttonbox button {background:#EC1C24; font-size:16px; font-weight:bold; margin:0 5px; color:#fff;}
.es_buttonbox button.reload_request {background:#222; border:0}
.contract_box {max-width: 1340px; margin:80px auto 130px; padding-bottom:130px}
.contract_box .contract_1, .contract_box .contract_3, .contract_box .contract_4 {max-width:1000px; margin:0 auto}
.c_wr_btn button {background: #EC1C24; font-size:17px; padding:13px 0; width:150px; margin:0 5px; color:#fff; border-radius: 10px;}
.c_wr_btn button.cancel_btn {background:#C9C9C9}
.c_wr_btn button.prev_btn {background:#C9C9C9}
.c_wr_btn button.rewrite_btn {background:#222}

/*특가주문*/
#forderform {padding:100px 0 120px} 
.sp_main {text-align:center; margin-top:60px !important;}
.sp_main .btn {position:relative}
.sp_main .btn.active {border:2px solid #FC4652}
.sp_main .btn:hover {transform: scale(1.05); transition: all 0.1s ease-in;}
.sp_main .btn img {width:100%; height:230px; object-fit:cover; border-radius:26px; padding:14px}
.sp_main .btn label {
    font-size:18px; font-weight: 500; margin-top:0; display:block;
}

.sp_bottom {text-align:center; margin-top:40px;}
.sp_bottom input {
    width:180px; height:52px; font-size:18px; font-weight:bold; 
    border-radius:8px; background:#FC4652; color:#fff; border:0;
}
.sp_main input[type="checkbox"]{display: none;}
#fregisterform {padding:0 0 130px}
#fregisterform nav {float:left; width:236px; margin-top:52px}
#fregisterform nav .nav {display:block;}
#fregisterform nav .nav-tabs .nav-link {
    width:100%; text-align: left; font-size: 17px;
    border:1px solid #ccc; border-radius: 0;
    padding:13px 20px; color:#777;
    position:relative
}
#fregisterform nav .nav-tabs .nav-link.active {
    color:#FC4652; font-weight:bold;
}
#fregisterform nav .nav-tabs .nav-link.active:after {
    position:absolute; top:0; left:0; content:''; display:block;
    height:100%; width:6px; background:#FC4652; color:#fff;
}
/* #fregisterform .tab-content {float:right; width:calc(100% - 300px)} */
/* #fregisterform .sp_btn {float: right; width:calc(100% - 300px);} */
#fregisterform .sp_btn input {
    background:#FC4652; font-size:17px; color:#fff; font-weight: bold;
    width:190px; line-height:30px;
}
#fregisterform .container:after {clear: both; content:''; display:block;}
#fregisterform .detail_content {background: none; padding:20px 40px 30px; font-size:20px; color:#333; line-height: 1.5; text-align: center; border-bottom: 1px solid #ccc;}
/* #fregisterform .tab_table {border:1px solid #ccc; margin:20px 0 60px; padding:30px 40px;} */
#fregisterform .tab_table {border:none; margin:20px 0 60px; padding:30px 40px;}
#fregisterform .tab_table h3 {text-align: center; font-size:28px; font-weight: 700;}
.sp_order_form {max-width:800px; width:100%; margin:80px auto 120px}
.sp_title {margin-bottom:30px; font-size:26px; font-weight: 400; color:#111; text-align: center; line-height: 1.7;}
.sp_title span{font-weight: 700; font-size: 32px;}
.partner_button {display:inline-block; margin-bottom: 15px; margin-left:10px}
.partner_button a {background: #8F8F8F; color:#fff; font-size:15px; padding:8px 15px; border-radius: 5px;}
.sp_order_form .mbb {margin-bottom:20px}
#sp_panel_sub_3 .dropify-wrapper {margin-bottom: 20px;}
.or_btn {margin-top:40px;}
.or_btn input, .or_btn button {background:#FC4652; color:#fff; font-size:17px; font-weight: bold; width:160px;}
.or_btn a {width:160px; font-size:17px; background:#C9C9C9; margin-right:10px; font-weight: bold;}
.bootstrap-maxlength.label.label-success {background: transparent !important; color:#777 !important; z-index: 1 !important;}
button.set_mbid {font-size:15px;}
.partner-iframe-modal .modal-dialog {max-width:800px; height:540px; overflow: auto; border-radius:5px}
.partner-iframe-modal .modal-content {height:100%}
.partner-iframe-modal .modal-content iframe {height:100%}
.sp_checkbox {display:flex}
.sp_checkbox label {margin-right:20px}


/*특가주문현황*/
.sp_status .page_title {margin:50px 0 0}
.sp_search {text-align: right;}
.sp_status .sp_search section {width:360px; display: inline-block; margin-bottom:5px}


/*시방서 버튼*/
.sibang_td button, .sibang_btn {background:#FC4652; padding:5px; color:#fff !important; cursor: pointer;}
.print-btn #print_btn {font-size:15px; border:0; padding:8px 20px;}

/*견적서 보기방식*/
.column_box {
    text-align: left !important; border-top:1px solid #aaa;padding-left:13px;
    border-bottom:1px solid #aaa;
}
.column_box > span {color:#333; font-weight:bold; display:inline-block; line-height:27px; font-size:15.5px; padding:10px 0}
.column_box ul {
    float:right; overflow-x: auto; white-space: nowrap; width:calc(100% - 70px); vertical-align: top;
    border-left:1px solid #ccc; padding-left:20px; padding:10px; height:47px
}
.column_box:after {clear: both; content:''; display:block}
.column_box ul li {display:inline-block;}
.column_box ul li i {top:5px !important}
.column_box ul li label {padding-left:24px !important; margin-right:20px; color:#444 !important}


.column_box ul::-webkit-scrollbar {
    width: 3px;  /* 스크롤바의 너비 */
    height:5px;
}

.column_box ul::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #ccc; /* 스크롤바의 색상 */
    border-radius: 10px;
}

.column_box ul::-webkit-scrollbar-track {
    background: #f1f1f1;  /*스크롤바 뒷 배경 색상*/
    border-radius: 10px;
}

.modal h5 {margin:0 !important; padding:0 !important;}


/*특가주문*/
.file_wrap a {background:#e53935; color:#fff !important; padding:4px 8px; border-radius:3px;}
.file_wrap a.file_view_btn {background:#333}

/*반응형*/
/*
@media (max-width:1600px) {

}
@media (max-width:1199px) {
    .login-box {padding:100px 0}
    .login-form .lo_right {padding:35px 45px; border-radius:20px}
    .lo_left h5 {font-size:45px;}
    .lo_left span {font-size:19px;}
}

@media (max-width:991px) {
    .login-form {display:block;}
    .lo_left h5 {font-size:35px;}
    .login-form .lo_right {width:70%; border-radius:10px; margin:30px auto}
}

@media (max-width:767px) {
    .login-form .lo_right {width:90%; padding:30px 35px}
    .login-btn button {font-size:18px; height: 50px;}
    .login_label input {height:45px;}
    .join_btn {font-size:17px; line-height: 43px;}
    .login-btn {margin:15px 0 30px}
}

@media (max-width:600px) {
    .login-form .lo_right {padding:20px;}
    .login-box {padding:50px 0}
    .lo_left h5 {font-size:30px}
    .lo_left span {font-size:17px;}
    .login-btn button {font-weight:500}
    .join_btn {font-weight: 500;}
}
*/

/* Main Top */
.main_top_section {
    height: 56px;
    width: 100%;
    background-color: #210d25;
    display: flex;
    justify-content: center;
    align-items: center;

}
.main_top_section img {width:24px; height:auto;}

.main_top_section .top_title {
    color: #fff;
    margin: 0 20px;
    font-size: 14px;
    font-weight: 500;
}

.main_top_section .more {
    color: #25170d;
    background-color: #fff;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    border-radius: 12px;
}
.main_top_section .more a{
    padding: 10px 18px;
    display: block;
}
/*메인배너*/
/* main_visual */
.main_visual {
    background-color: #000;
    /* 어두운 배경색 설정 */
}

.swiper {
    display: flex;
    align-items: center;
    justify-content: center;
}

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

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

.swiper-pagination-bullet {
    background: #fff;
}

.main_visual .mySwiper .swiper-slide .slide-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main_visual .mySwiper .swiper-slide .slide-content img,
.main_visual .mySwiper .swiper-slide .slide-content video {
    width: 100%;
    height: 87vh;
    object-fit: cover;
    opacity: 0.8;
    min-height:640px;
    max-height:1080px;
}

.main_visual .mySwiper .swiper-slide .text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    z-index: 1;
}

.main_visual .mySwiper .swiper-slide .text-overlay h2 {
    font-family: 'Pretendard';
    font-weight: bold;
    color: #fff;
    font-size: 70px;
    margin-bottom: 10px;
    line-height:normal;
}

.main_visual .mySwiper .swiper-slide .text-overlay span {
    font-family: 'Pretendard';
    font-size: 24px;
    color: #fff;
}

.main_visual .mySwiper .swiper-slide .text-overlay p {
    font-family: 'Pretendard';
    font-weight: lighter;
    margin: 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
    display: inline-block;
    font-size: 16px;
    color: #fff;
}

.slide-content hr {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    border: #fff;
    margin-top: -5px;
    margin-bottom: 10px;
    opacity: .8;
}
.main_visual .swiper-pagination {bottom:50px;}
.main_visual .swiper-pagination-bullet {background:#fff}

.section01 {
    max-width: 1920px;
    width: 100%;
    padding: 120px 0;
    background-color: #fff;
    font-family: 'Pretendard';
}

.section01 img {
    object-fit: cover;

}

.section01 .container {
    /* background-color: #ccc; */
    margin: 0 auto;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.section01 .container .letter-box {
    text-align: left;
    line-height: 25px;
    width: 50%;
}

.section01 .container .letter-box h2 {
    font-size: 72px;
    position: relative;
    line-height: 1;
    font-family: 'Outfit';
    font-weight:600
}

.section01 .container .letter-box p {
    color: #555;
    font-size: 18px;
    font-weight: 300;
}

.section01 .arrow-link {
    display: inline-block;
    margin-top: 35px;
    font-size: 16px;
    cursor: pointer;
    font-family: 'Pretendard';
    color: #666;
    position: relative;
    color: #666;
}

.section01 .arrow-link::after {
    content: ' →';
    margin-left: 5px;
    color: #666;
}

.section01 .arrow-link::before {
    content: '';
    /* 비어있는 콘텐츠 */
    position: absolute;
    bottom: -2px;
    /* 텍스트 바로 아래에 위치하도록 */
    left: 0;
    width: 100%;
    border-bottom: 1px solid #666;
    /* 밑줄 색상과 두께 설정 */
}

.section01 .container .img-box {
    width: 50%;
}

.section01 .container .img-box img {
    width: 542px;
    height: 652px;
    background-size: cover;
    object-position: -200px;
}


/*section02_1*/
.section02_1 .container {
    padding: 120px 20px;
}

.section02_1 .header {
    text-align: center;
    margin-bottom: 40px;
}

.section02_1 .header h2 {
    font-size: 48px;
    font-weight: 400;
}

.section02_1 .header h2 span {
    font-weight: 800;
}

.section02_1 .header p {
    font-size: 18px;
    margin: 40px 0 80px;
    line-height: 1.5;
}

.section02_1 .benefits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
    text-align: center;
}

.section02_1 .benefits .item .triangle {
    width: 0;
    height: 0;
    border-top: 12px solid #ccc;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    margin: 30px auto 30px;
}

.section02_1 .benefits .item .txt {
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 40px 0 30px;
}

.section02_1 .benefits .item .txt p {
    font-size: 20px;
    font-weight: 700;
}

.section02_1 .benefits .item .txt span {
    font-size: 16px;
    font-weight: 400;
    margin-top: 25px;
    display: block;
    line-height: 1.3;

}

.section02_1 .benefit {
    width: 314px;
    height: 314px;
}

.section02_1 .benefit img {
    width: 100%;
    height: 100%;
}

.section02_1 .benefit p {
    font-size: 16px;
    margin: 10px 0 0;
}


/*section05*/
.section05 {
    padding: 120px 0;
    background:#f9f9f9
}

.section05 .title-container {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 50px;
}

.title-container h1,
.title-container h2,
.title-container h3 {
    margin: 0;
}

.section05 .title-container h1 {
    font-family: 'Outfit';
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 15px;
}

.section05 .title-container .section05_title {
    font-family: 'Outfit';
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 15px;
}

.section05 .title-container h2 {
    font-size: 48px;
    color: #EF4444;
    font-weight: 800;
}

.section05 .title-container span {
    font-size: 36px;
    font-weight: 100;
    color: #999;
}

.section05 .title-container h3 {
    font-size: 16px;
    margin-top: 30px;
    color: #999;
    line-height: 1.4;
    font-weight: 400;
}


.section05 .arrow-link {
    display: inline-block;
    margin-top: 35px;
    font-size: 16px;
    cursor: pointer;
    color: #666;
    position: relative;
    color: #666;
}

.section05 .arrow-link::after {
    content: ' →';
    margin-left: 5px;
    color: #666;
}

.section05 .arrow-link::before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #666;
}


.section05 .container {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.section05 .box {
    text-align: center;
    width: 314px;
    height: 314px;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 0;
}

.section05 .box img {
    width: 70px;
    height: 70px;
}

.section05 .box-txt {
    margin-top: 50px;
    color: #666;
}

.section05 .box-txt p {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
}

.section05 .box-txt span {
    font-weight: 300;
}


/***** .section05_2 *****/
.section05_2 {
    padding: 120px 0;
}

.section05_2 .content {
    text-align: center;

}

.section05_2 .content .title {
    display: flex;
    flex-direction: column;
    margin-bottom: 68px;
}

.section05_2 .content .title h1 {
    font-family: 'outfit';
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 25px;
}

.section05_2 .content .title .section05_2_title {
    font-family: 'Outfit';
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 15px;
}

.section05_2 .content .title p {
    font-weight: 300;
    font-size: 18px;
}

.section05_2 .content-detail {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.section05_2 .content-detail .mold,
.automation,
.material {
    width: 428px;
    height: 471px;

    border-radius: 20px;

}

.section05_2 .content-detail .mold,
.automation,
.material,
.section05_2 .p-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 165px;
    color: #fff;
}

.section05_2 .content-detail .mold,
.automation,
.material,
.section05_2 .p-box h4 {
    font-size: 24px;
}

.section05_2 .content-detail .mold,
.automation,
.material,
.section05_2 .p-box p {
    font-size: 18px;
    font-weight: 500;
    margin-top: 12px;
}

.section05_2 .content-detail .mold {
    background-image: url('../../../img/st01.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.section05_2 .content-detail .automation {
    background-image: url('../../../img/st02.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.section05_2 .content-detail .material {
    background-image: url('../../../img/st03.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


.section05_2 .content-detail .mold:hover .graph01 {
    opacity: 1;
    transition: 0.6s;
}

.section05_2 .content-detail .automation:hover .graph02 {
    opacity: 1;
    transition: 0.6s;
}

.section05_2 .content-detail .material:hover .graph03 {
    opacity: 1;
    transition: 0.6s;
}


.section05_2 .content .content-detail .graph01 {
    display: block;
    opacity: 0;
    position: absolute;

    border-radius: 18px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
}

.section05_2 .content .content-detail .graph02 {
    display: block;
    opacity: 0;
    position: absolute;

    border-radius: 18px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
}

.section05_2 .content .content-detail .graph03 {
    display: block;
    opacity: 0;
    position: absolute;

    border-radius: 18px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
}


.section05_2 .content .content-detail .graph01 h2 {
    font-weight: 600;
    font-size: 20px;
    margin: 50px 0 42px 0;
}

.section05_2 .content .content-detail .graph02 h2 {
    font-weight: 600;
    font-size: 20px;
    margin: 50px 0 70px 0;
}

.section05_2 .content .content-detail .graph03 h2 {
    font-weight: 600;
    font-size: 20px;
    margin: 50px 0 70px 0;
}



/* section06 */
.section06 {
    height: 400px;
    margin: 0 auto;
    background: url('../../../img/faq-2.jpg') center / cover no-repeat;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}

.section06::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
}


.section06 div {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 9;
}

.section06 div h1 {
    font-size: 40px;
    font-family: 'Binggrae';
    font-weight: bold;
}

.section06 div>p {
    font-size: 18px;
    margin: 20px 0 30px;
    line-height: 1.3;
}

.section06 .arrow-link {
    font-weight: 400;
    display: inline-block;
    margin-top: 15px;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    position: relative;
    line-height:normal
}

.section06 .arrow-link::before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #fff;
}

.section06 .arrow-link::after {
    content: ' →';
    margin-left: 5px;
    color: #fff;
}

/*section04 end*/
.section04 {
    max-width: 1920px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:100px 0 100px;
    text-align: center;
}

.section04 .container {
    height: 100%;
    margin: 0 auto;
    width:100%
}
.section04 .container h2 {
    font-size:26px; line-height: 1.5; margin-bottom:60px; font-weight: 500;
}

.section04 img{width:94%}


/* .section07 */
.section07 {position:relative}
.section07 img {
    width: 100%;
}
.section07 .container {
    padding:130px 20px; display: flex;
    justify-content: space-between;
}
.section07 .container .slick-list {overflow: visible;}
.section07 .container .slick-slide {margin-right:50px}
.section07 .container > div:first-child {
    width: 30%; background:#fff;
    position:relative; z-index:3;
}
.section07 .container > div:first-child p {font-size:18px; color:#555; margin-top:25px}
.section07 .container > div.tech_slide {width:65%; }
.section07 .container h2.section-title {
    font-weight:600; font-size:56px; position:relative; z-index: 99;
    font-family: 'Outfit';
}

.section07:after {
    display:block; position:absolute; top:0; left:0;
    width: calc((100% - 1340px) / 2); background:#fff;
    z-index: 3; content:''; height:100%;
}
.tech_slide .slick-track {left:-50%}

/* .section08 */
.section08 {
    padding: 40px 0;
}

.section08 .container {
    margin: 0 auto;
    text-align: center;
}

.section08 .section-title {
    font-size: 56px;
    font-weight: 900;
    margin-bottom: 40px;
    position: relative;
    text-align: center;
}

.section08 .section-title::before {
    position: absolute;
    top: 20%;
    left: 45%;
    transform: translate(-50%, -50%) rotate(45deg);
    height: 30px;
    width: 10px;
    background-color: #ff514c;
    content: '';
    z-index: -1;
}

.section08 .partners-wrapper {
    overflow: hidden;
    width: 100%;
    display: flex;
}

.section08 .partners {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    transform: translate3d(0%, 0, 0);
    animation-name: marquee;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.section08 .partners img {
    max-height: 50px;
    object-fit: contain;
    user-drag: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin:0 40px
}

@keyframes marquee {
    from {
        transform: translate3d(0%, 0, 0);
    }

    to {
        transform: translate3d(-100%, 0, 0);
    }
}

.btn-primary {background:#FC4652;}
.btn-primary:hover {background:#FC4652;}

/*탓코소식*/
.news-title {width:100%; text-align: center; margin-bottom:70px;}
.news-title h1 {font-size:42px; color:#333; font-weight:bold}
.news-title span {color:var(--primary); font-size:50px; font-weight:bold}

.commu_top_cate ul{
    display:flex; justify-content: space-between; width:600px; height:55px; border:1px solid #DCDBDC;
    border-radius: 30px; align-items: center;padding: 10px 8px;
}
.commu_top_cate li {
    width:160px; flex-basis:160px; text-align:center; font-size:18px; font-weight:600;
    height:45px; line-height: 45px;
}
.commu_top_cate li a {padding:0; display:inline-block; border-radius: 30px; color:#000; display: block; width:100%; height:100%}
.commu_top_cate li a:hover {background:#DCDBDC}
.commu_top_cate li.on a{font-weight:bold; background: #000; color:#fff; border-radius: 30px;}

/*관리자 견적의뢰목록 시방서 공정정보불러오기 모달*/
.submit-btn button.closeinfomodal {background: #333; margin-right:10px; }

/*20250217 조항추가 모달추가*/
.c_wr_btn > div {margin:0 auto;display:flex; justify-content: center; width:70% !important; flex-wrap:wrap}
.c_wr_btn button {flex:1; width:auto}
.view_button_wrap button {
    display:block; margin:12px auto; width:280px; box-shadow:none !important; padding:12px; font-size:15px;
    border-radius: 10px; background: #fff !important; color:#FC4652 !important; border:1px solid #FC4652 !important;
}
.view_button_wrap button#confirm06_open {border:1px solid #aaa !important; color:#777 !important}
#self_number_modal .modal-header {text-align: center; color:#000; display: block; position: relative;}
#self_number_modal .modal-header button {position: absolute; right:0; top:50%; transform: translateY(-50%); margin:0}
#self_number_modal .self_div {margin-top:20px}
#self_number_modal .self_div label {display:block; font-size:16px; font-weight:500}
#self_number_modal .self_div input {
    display:block; font-size:15px; width:100%; background:#f5f5f5; border-radius: 8px;
    margin-top:8px; height:46px; border:0; padding:0 15px; font-weight: 300;
}
#self_number_modal .self_div input::placeholder {color:#999;}
#self_number_modal .num_sendbtn, #self_number_modal .self_okbtn {
    display:block; margin-top:20px; background:#EC1C24; border:0; height:50px; color:#fff; border-radius: 8px;
    width:100%; font-size:16px;
}
#self_number_modal .self_okbtn {margin-top:40px}
#self_number_modal .self_div input.sendnum_input {width:calc(100% - 90px); display:inline-block; margin-right:7px;}
#self_number_modal .self_div span {width:76px; display:inline-block; text-align: right; font-size:14px}


/*공급사 시방서 모달 추가 20250317*/
.basic-modal-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.basic-modal-content {
    position: relative;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 40px;
    border-radius: 10px;
    z-index: 1001;
    text-align: center;
    width: 600px;
}
.basic-modal-content h2 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 35px;
}
.date_top {
    display: flex; justify-content: space-between; align-items: center; margin-bottom:15px;
    background: #f7f7f7; border:1px solid #ddd; border-radius: 8px;
}
.date_top label {width:100px; font-size:15px; font-weight:500; padding-left:15px; color:#555; text-align: left;}
.date_top input {
    width:calc(100% - 115px); font-size:15px; height:45px;  background: transparent;
    border:0; color:#555; text-align: center; border-left:1px solid #ddd;
}
.modal_text_can {
    border:1px solid #ddd; border-radius: 8px; height:45px; padding:0 15px; font-size:15px;
    width:100%;
}
.basic-button-container {margin-top:55px}
.basic-button-container button {
    width: 120px; height:47px; font-size:16px; font-weight:500;
    margin:0 5px;
}
.basic-button-container button.btn-cancel {background:#ddd; color:#666}
.basic-button-container button.btn-submit {background:#EC1C24; color:#fff;}

/*견적신청 생산설비정보 모달*/
.production-modal .production-modal-content {width:1200px}

@media (max-width: 991px) {
    .title {
        padding-top: 60px !important;
    }
    .title>img {
        width: 36px !important;
        height: 36px !important;
    }
    .commu_top_cate ul {
        width: 100%;
    }
    .news-title span {
        font-size: 40px !important;
    }
    .news-title h1 {
        font-size: 30px !important;
    }
    .basic-modal-content {
        width: 100%;
    }
    .basic-modal-content h2 {
        font-size: 24px !important;
    }
    .date_top {
        flex-wrap: wrap !important;
    }
    .commu_top_cate li a{
        font-size: 16px !important;
    }
    .date_top label {
        width: 100% !important;
    }
    .date_top input {
        width: 100% !important;
    }
    .board-webzine {
        flex-direction: column !important;
    }
    .board-list {
        width: 100% !important;
    }
    .board-webzine .webzine-item {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 30px !important;
        height: auto !important;
        flex-basis: 100% !important;
    }
    .eb-pagination-wrap {
        margin-bottom: 30px !important;
    }
}