@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro&display=swap');

:root {
 --bs-primary:#39b54a;
 --bs-secondary: #6c757d;
 --bs-success: #198754;
 --bs-info: #0dcaf0;
 --bs-warning: #ffc107;
 --bs-danger: #dc3545;
 --bs-light: #f8f9fa;
 --bs-dark: #212529;
 --body-font-size:1.2rem;
 --body-font-weight:300;
 --basic-font-color:#363636;
 --orange-color:#ff5938;
 --purple-color:#672ebb;
 --darkgray-color:#222222;
 --gray-color:#666666;
 --lightgray-color:#f5f5f5;
 --purple-light-color:#ebddff;
 --navy-color:#261f44;
 --admin-bg-color:#28344e;
 --admin-login-color:#535d71;
 --white-color-light:hsla(0,0%,100%,.3);
 --snb-bg-light-color:hsla(0,0%,0%,.3);
 --info-light-color:#d0ffff;
 --danger-light-color:#ffebea;
 --bs-breadcrumb-divider:'l';
 --footer-color:#363636;
 }

body {font-family: 'GmarketSansTTFMedium', 'Maven Pro', 'Montserrat', 'Noto Sans KR', '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; -webkit-font-smoothing: antialiased; color:var(--basic-font-color); font-weight:var(--body-font-weight);}
.font-light {font-family: 'GmarketSansTTFLight';}
.font-bold {font-family: 'GmarketSansTTFBold';}

a {text-decoration:none; color:#666666;}
a:hover {text-decoration:none; color:#39b54a;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {letter-spacing: -.03rem; color:#261f44; }

.h6, h6 { font-weight:400;}

/* z-index */
.z-500 {z-index:500;}

/* margin */
.m-6 {margin:6rem !important;}
.m-8 {margin:8rem !important;}
.m-10 {margin:10rem !important;}
.m-12 {margin:12rem !important;}

/* margin top */
.mt-6 {margin-top:6rem !important;}
.mt-8 {margin-top:8rem !important;}
.mt-10 {margin-top:10rem !important;}
.mt-12 {margin-top:12rem !important;}
.mt-m6 {margin-top:-6rem !important;}

/* margin end */
.me-6 {margin-right:6rem !important;}
.me-8 {margin-right:8rem !important;}
.me-10 {margin-right:10rem !important;}
.me-12 {margin-right:12rem !important;}
.me-m6 {margin-right:-6rem !important;}

/* margin bottom */
.mb-6 {margin-bottom:6rem !important;}
.mb-8 {margin-bottom:8rem !important;}
.mb-10 {margin-bottom:10rem !important;}
.mb-12 {margin-bottom:12rem !important;}
.mb-m6 {margin-bottom:-6rem !important;}


/* margin start */
.ms-6 {margin-left:6rem !important;}
.ms-8 {margin-left:8rem !important;}
.ms-10 {margin-left:10rem !important;}
.ms-12 {margin-left:12rem !important;}
.ms-m6 {margin-left:-6rem !important;}

/* margin top bottom */
.my-6 {margin-top:6rem !important; margin-bottom:6rem !important;}
.my-8 {margin-top:8rem !important; margin-bottom:8rem !important;}
.my-10 {margin-top:10rem !important; margin-bottom:10rem !important;}
.my-12 {margin-top:12rem !important; margin-bottom:12rem !important;}
.my-m6 {margin-top:-6rem !important; margin-bottom:-6rem !important;}

/* margin left right */
.mx-6 {margin-left:6rem !important; margin-right:6rem !important;}
.mx-8 {margin-left:8rem !important; margin-right:8rem !important;}
.mx-10 {margin-left:10rem !important; margin-right:10rem !important;}
.mx-12 {margin-left:12rem !important; margin-right:12rem !important;}
.mx-m6 {margin-left:-6rem !important; margin-right:-6rem !important;}


/* Padding */
.px-20-py-13 {padding:13px 20px !important;}
.px-30-py-32 {padding:2rem 1.6rem !important;}

.p-6 {padding:6rem !important;}
.p-8 {padding:8rem !important;}
.p-10 {padding:10rem !important;}
.p-12 {padding:12rem !important;}

/* Padding top */
.pt-6 {padding-top:6rem !important;}
.pt-8 {padding-top:8rem !important;}
.pt-10 {padding-top:10rem !important;}
.pt-12 {padding-top:12rem !important;}
.pt-18 {padding-top:18rem !important;}

/* Padding end */
.pe-6 {padding-right:6rem !important;}
.pe-8 {padding-right:8rem !important;}
.pe-10 {padding-right:10rem !important;}
.pe-12 {padding-right:12rem !important;}

/* Padding bottom */
.pb-6 {padding-bottom:6rem !important;}
.pb-8 {padding-bottom:8rem !important;}
.pb-10 {padding-bottom:10rem !important;}
.pb-12 {padding-bottom:12rem !important;}
.pb-18 {padding-bottom:18rem !important;}

/* Padding start */
.ps-6 {padding-left:6rem !important;}
.ps-8 {padding-left:8rem !important;}
.ps-10 {padding-left:10rem !important;}
.ps-12 {padding-left:12rem !important;}

/* Padding top bottom */
.py-6 {padding-top:6rem !important; padding-bottom:6rem !important;}
.py-8 {padding-top:8rem !important; padding-bottom:8rem !important;}
.py-10 {padding-top:10rem !important; padding-bottom:10rem !important;}
.py-12 {padding-top:12rem !important; padding-bottom:12rem !important;}

/* Padding left right */
.px-6 {padding-left:6rem !important; padding-right:6rem !important;}
.px-8 {padding-left:8rem !important; padding-right:8rem !important;}
.px-10 {padding-left:10rem !important; padding-right:10rem !important;}
.px-12 {padding-left:12rem !important; padding-right:12rem !important;}



/* font size */
.font-13 {font-size:13px;}
.font-14 {font-size:14px;}
.font-15 {font-size:15px;}
.font-16 {font-size:16px;}
.font-17 {font-size:17px;}
.font-18 {font-size:18px;}
.font-19 {font-size:19px;}
.font-20 {font-size:20px;}
.font-21 {font-size:21px;}
.font-22 {font-size:22px;}
.font-23 {font-size:23px;}
.font-24 {font-size:24px;}
.font-25 {font-size:25px;}
.font-26 {font-size:26px;}
.font-27 {font-size:27px;}
.font-28 {font-size:28px;}
.font-29 {font-size:29px;}
.font-30 {font-size:30px;}
.font-32 {font-size:32px;}
.font-34 {font-size:34px;}

/* Font weight */
.fs100_c {font-weight:100;}
.fs200_c {font-weight:200;}
.fs300_c {font-weight:300;}
.fs400_c {font-weight:400;}
.fs500_c {font-weight:500;}
.fs600_c {font-weight:600;}
.fs700_c {font-weight:700;}
.fs800_c {font-weight:800;}
.fs900_c {font-weight:900;}

/* font color */
.text-primary {color:var(--bs-primary) !important;}
.text-secondary {color:var(--bs-secondary) !important;}
.text-darkgray {color:var(--darkgray-color);}
.text-orange {color:var(--orange-color);}
.text-purple {color:var(--purple-color);}

/* border color */
.border-primary {border-color:var(--bs-primary) !important;}
.border-orange {border-color:var(--orange-color) !important;}
.border-gray {border-color:var(--gray-color) !important;}
.border-white-light {border-color:var(--white-color-light) !important;}

/* border line */
.border-end-lg {border-right:1px solid #e2e5f1 !important;}

/* Text Link color */
.btn-orange-link {border-bottom: 2px solid var(--orange-color); color: var(--orange-color); font-weight: 600; text-decoration: none;}
.btn-orange-link:hover {border-bottom: 2px solid var(--orange-color); color: var(--orange-color); font-weight: 600; text-decoration: none;}

/* btn style */
.btn-c-r {display:inline-block; font-weight:500; line-height:1.5; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none; background-color:transparent; border: 1px solid transparent; padding:0.5625rem 1.25rem; font-size:1rem; border-radius:0.75rem;}

/* btn color */
.btn-primary {background-color:var(--bs-primary); -webkit-box-shadow:0 2px 6px 0 rgba(114,124,245,.5);box-shadow:0 2px 6px 0 rgba(114,124,245,.5); border-color:var(--bs-primary);}
.btn-primary:hover {color:#fff;background-color:#309e3f;border-color:#309e3f;}
.btn-secondary {color: #fff;background-color: #6c757d;border-color: #6c757d; box-shadow: 0 2px 6px 0 rgb(108 117 125 / 50%);}
.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}
.btn-success {color: #fff; background-color:#0acf97; border-color:#0acf97;     box-shadow: 0 2px 6px 0 rgb(10 207 151 / 50%);}
.btn-success:hover {color: #fff; color:#fff;background-color:#09b080;border-color:#08a679;}
.btn-danger {color: #fff; background-color: #fa5c7c; border-color: #fa5c7c; box-shadow: 0 2px 6px 0 rgb(250 92 124 / 50%);}
.btn-danger:hover {color:#fff; background-color:#d54e69;border-color:#c84a63}
.btn-warning {color: #313a46;background-color: #ffbc00;border-color: #ffbc00; box-shadow: 0 2px 6px 0 rgb(255 188 0 / 50%);}
.btn-warning:hover {color:#313a46;background-color:#ffc626;border-color:#ffc31a}
.btn-info {color: #fff;background-color: #39afd1;border-color: #39afd1; box-shadow: 0 2px 6px 0 rgb(57 175 209 / 50%);}
.btn-info:hover{color:#fff;background-color:#3095b2;border-color:#2e8ca7}
.btn-light {color: #313a46;background-color: #eef2f7;border-color: #eef2f7;box-shadow: 0 2px 6px 0 rgb(238 242 247 / 50%);}
.btn-light:hover{color:#313a46;background-color:#f1f4f8;border-color:#f0f3f8}
.btn-link {font-weight: 400;color: #727cf5;text-decoration: none;}

.btn-darkgray {background-color:var(--darkgray-color); border-color:var(--darkgray-color); color:var(--bs-white);}
.btn-darkgray:hover {background-color:#222222; border-color:#222222; color:var(--bs-white);}
.btn-gray {background-color:var(--gray-color); border-color:var(--gray-color); color:var(--bs-white);}
.btn-gray:hover {background-color:#555555; border-color:#555555; color:var(--bs-white);}
.btn-orange {background-color:var(--orange-color); border-color:var(--orange-color); color:var(--bs-white);}
.btn-orange:hover {background-color:#d94c30; border-color:#cc472d; color:var(--bs-white);}
.btn-purple {background-color:var(--purple-color); border-color:var(--purple-color); color:var(--bs-white);}
.btn-purple:hover {background-color:#58279f; border-color:#522596; color:var(--bs-white);}
.btn-social {border: 1px solid transparent; border-radius: 0.25rem;color: #a8a3b9;display: inline-block;font-size: .875rem;height: 2.25rem;line-height: 2.25rem;padding: 0;text-align: center;transition: border-color .25s ease-in-out,background-color .25s ease-in-out,color .25s ease-in-out;width: 2.25rem;}
.btn-social:hover{color:#fff}
.btn-social-outline {background-color: transparent; border-color: #ecebf1;}
.btn-social-outline:hover{border-color:transparent}
.btn-facebook:hover{background-color:#3b5998}
.btn-twitter:hover{background-color:#1da1f2}
.btn-instagram:hover{background-color:#5851db}
.btn-google:hover{background-color:#ea4335;border-color:#ea4335;color:#fff}
.btn-github:hover{background-color:#4078c0}
.btn-linkedin:hover{background-color:#0077b5}

/* btn outline */
.btn-outline-primary {color:var(--bs-primary); border-color:var(--bs-primary);}
.btn-outline-primary:hover {color:#fff;background-color:var(--bs-primary);border-color:var(--bs-primary);}
.btn-outline-secondary {color:#363636;border-color:#6c757d;}
.btn-outline-secondary:hover {color:#fff;background-color:var(--bs-primary);;border-color:var(--bs-primary);;}
.btn-outline-success {color:#0acf97;border-color:#0acf97;}
.btn-outline-success:hover {color:#fff;background-color:#0acf97;border-color:#0acf97;}
.btn-outline-info {color:#39afd1; border-color:#39afd1;}
.btn-outline-info:hover {color:#fff;background-color:#39afd1;border-color:#39afd1}
.btn-outline-warning {color:#ffbc00;border-color:#ffbc00}
.btn-outline-warning:hover {color:#313a46;background-color:#ffbc00;border-color:#ffbc00}
.btn-outline-danger {color:#fa5c7c;border-color:#fa5c7c}
.btn-outline-danger:hover {color:#fff;background-color:#fa5c7c;border-color:#fa5c7c}
.btn-outline-light {color:#666666  ;border-color:#e8e8e8}
.btn-outline-light:hover {color:#fff;background-color:#39b54a;border-color:#39b54a}
.btn-outline-white {color:#fff  ;border-color:#fff}
.btn-outline-white:hover {color:#39b54a;background-color:#fff;border-color:#39b54a}
.btn-outline-dark {color:#313a46;border-color:#313a46}
.btn-outline-dark:hover {color:#fff;background-color:#313a46;border-color:#313a46}
.btn-outline-purple {border-color:var(--purple-color); color:var(--purple-color);}
.btn-outline-purple:hover {background-color:var(--purple-color); color:var(--bs-white);}

/* btn size */
.btn-sm {border-radius: 0.2rem; font-size: .875rem; padding: 0.48rem 0.945rem;}
.btn:focus {box-shadow:none;}

/* radius */
.rounded-1-c {border-radius:1rem;}

/* background color */
.bg-navy {background-color:var(--navy-color);}
.bg-admin {background-color:var(--admin-bg-color);}
.bg-admin-login {background-color:var(--admin-login-color);}
.bg-lightgray {background-color:var(--lightgray-color);}
.bg-purple-light {background-color:var(--purple-light-color);}
.bg-info-light {background-color:var(--info-light-color);}
.bg-danger-light {background-color:var(--danger-light-color);}
.bg-snb-light-soft {border-bottom:1px solid #e8e8e8;}
.bg-footer {background-color:var(--footer-color);}

/* background */
.bg-cover {background: no-repeat 50%/cover;}
.bg-shape {position:relative;}
.bg-shape:after {background: url(/images/common/curve-shape.svg);  background-position-x: center; background-repeat: no-repeat; background-size: cover; bottom: -15px; content: ""; height: 62px; position: absolute; width: 100%; left:0;}
.bg_dimmed {background-image: linear-gradient(180deg, rgba(30, 24, 53, 0.4) 0%, rgba(30, 24, 53, 0.4) 90.16%); position:absolute; top: 0;left: 0;right: 0;bottom: 0;}

/* img filter */
.grayscale {filter: grayscale(100%); opacity: .5;}

/* img zoom */
.img-zoom {border-radius: 0.25rem; overflow: hidden;}
.img-zoom img {transition: transform .5s ease;}
.img-zoom img:hover {transform:scale(1.1)}

/* icon */
.icon-shape {align-items: center; display: inline-flex; justify-content: center; text-align: center; vertical-align: middle;}
.icon-xl {height: 4.375rem; line-height: 4.375rem; width: 4.375rem;}
.icon-lg {height:3.125rem; line-height:3.125rem; width:3.125rem;}

/* Form */
.form-control {padding:0.5625rem 2.25rem 0.5625rem 1.125rem;-moz-padding-start:calc(1.125rem - 3px); border-radius:0;}
.form-control:focus {background-color:#fff; border-color:#39b54a; box-shadow:0 0 0 0 rgba(255, 89, 56, .25); color:#6f6985; outline:0;}
.form-control-c {padding:1.125rem;-moz-padding-start:calc(1.125rem - 3px); border:2px solid #39b54a; border-radius:0; background-image:url('/images/main/btn_zoom.png') no-repeat right center;}
.form-control-c:focus {background-color:#fff; border-color:#39b54a; box-shadow:0 0 0 0 rgba(255, 89, 56, .25); color:#6f6985; outline:0;}
.form-select-c {padding: 0.5625rem 2.25rem 0.5625rem 1.125rem;-moz-padding-start: calc(1.125rem - 3px); border-radius: 0rem;}
.form-select-c:focus {background-color:transparent; border-color:#ced4da; box-shadow:0 0 0 0 rgba(255, 89, 56, .25); color:#6f6985; outline:0;}
/* .form-select-c:focus {border-color:transparent; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); outline:0;} */

/* paging */
.page-link-c {position:relative; padding:.5rem .78rem .3rem; background-color:#fff; border-radius:0rem; border:1px solid #e8e8e8; margin-right:0.15rem; font-size: 1rem; line-height:1.25; font-weight:500; display:block; position:relative; text-decoration:none; transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out}
.page-link-c>i {font-size:1.2em;}
.page-link-c:hover {border-color:var(--bs-primary); z-index:2;}
.page-link-c:focus, .page-link-c:hover {background-color:var(--bs-primary); color:#fff;}
.page-link-c:focus {box-shadow:0 0 0 0 rgba(255, 89, 56, .25); outline:0;z-index:3;}
.page-item-c.active .page-link-c {background-color:var(--bs-primary); border-color:var(--bs-primary); color:#fff; z-index:3}
.page-item-c.disabled .page-link-c {background-color:#fff;border-color:#d5d4d9;color:#6f6985;pointer-events:none}
/* .page-item-c:first-child .page-link-c {border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}
.page-item-c:last-child .page-link-c {border-bottom-right-radius:.25rem;border-top-right-radius:.25rem} */

/* Table */
.table {border-top:0px solid #363636;}
.table th {padding:0.7rem;}
.table td {padding:0.7rem;}
.table-c th {padding:1rem 0.5rem; background-color:var(--lightgray-color); font-weight:500;}
.table-c td {padding:1rem;}

/* Nav 링크스타일 및 상단s메뉴 스타일 */
.nav-link {color:#343a40;}
.nav-link:hover {color:var(--bs-primary);}
.nav-link:focus {color:var(--bs-primary);}
.left-line-border {border-left: 1px solid #e3e3e3;}
.right-line-border {border-right: 1px solid #e3e3e3;}
.bottom-line-border {border-bottom: 1px solid #e3e3e3;}
.bi-search {font-size:25px;}
.link-secondary {color:var(--basic-font-color);}

.snb-over_ab {position:absolute; top:481px; left:0;}
.snb-link-white a {color:var(--white-color);}

/* Navi Mega Menu */
.navbar-default.navbar {padding:0 0;}
.navbar-default.navbar .navbar-toggler:focus {outline:0;}
.navbar-default.navbar .navbar-toggler .icon-bar {background-color:#000; display:block;	height:3px;	margin-top:4px; transition:all .2s;	width:21px;} 
.navbar-default.navbar .navbar-toggler .top-bar {background-color:#000;	transform:rotate(45deg); transform-origin:10% 190%;}
.navbar-default.navbar .navbar-toggler .middle-bar {opacity:0;}
.navbar-default.navbar .navbar-toggler .bottom-bar {background-color:#000; transform:rotate(-45deg); transform-origin:10% -80%;} */
.navbar-default.navbar .navbar-collapse .navbar-toggler {position: absolute; right: 0.5rem; top: 0.6rem; z-index: 1;} /* 모바일 네비 박스 닫기 버튼 */
.navbar-default.navbar .navbar-toggler.collapsed .top-bar {background-color: #000;  transform: rotate(0);}  /* 삼선 버튼 */
.navbar-default.navbar .navbar-toggler.collapsed .middle-bar {opacity:1;}
.navbar-default.navbar .navbar-toggler.collapsed .bottom-bar {background-color:#000; transform:rotate(0);}

/* gnb 스타일 */
.navbar-default.navbar .navbar-nav .nav-item {padding:1rem .5rem 1rem 0rem; margin:0 0;}
.navbar-default.navbar .navbar-nav .nav-item .nav-link {position:relative; color: #363636; font-size: 18px; font-weight:500; line-height: 22px; padding: 8px 30px;} /* Gnb 폰트 칼라 */
.navbar-default.navbar .navbar-nav .nav-item .nav-link.active:after {display:inline-block; content:''; width:2px; height:17px; background:var(--bs-primary); position:absolute; top:-16px; left:50%; transform:translateX(-50%);}
.navbar-default.navbar .navbar-nav .nav-item .nav-link:hover {color:var(--bs-primary);}
.navbar-default.navbar .navbar-nav .nav-item .nav-link:hover:before {display:inline-block; content:''; width:2px; height:17px; background:var(--bs-primary); position:absolute; top:-15px; left:50%; transform:translateX(-50%); color:#343a40;}
.nav-link-right-line:before {display:inline-block; content:''; width:1px; height:20px;  background: #e3e3e3; position:absolute; top:22px; ;}

/* dropdown 메뉴명 오른쪽 화살표 없애기 */
.navbar-default.navbar .navbar-nav .nav-item .dropdown-toggle:after {border:none; color:#fff; content:"\f107"; display:none; float:right; font-family:Font Awesome\ 5 Free; font-size:12px; font-weight:900; height:0; margin-left:0px;	margin-right:15px; margin-top:1px; vertical-align:-2px;	width:0;}


.navbar-default.navbar .dropdown {position:static;}
/* snb Mega 메뉴 */
.navbar-default.navbar .dropdown-menu-100 {border: 0px solid rgba(0,0,0,.15);  background-color: #fff; width:100%; left:0; right:0;/*  height of nav-item  */ top:71px; border-radius:0; margin-top:0;}
/* snb 기본 메뉴 */
.navbar-default.navbar .dropdown-menu {border: none; box-shadow: 0 10px 30px 0 rgb(31 45 61 / 10%); color: #261f44; font-size: 1rem; margin: 18px 0; min-width: 12rem; padding: 0.7rem 0; top:53px;}
.navbar-default.navbar .dropdown:hover .dropdown-menu, .navbar-default.navbar .dropdown .dropdown-menu:hover {display:block!important;}

/* 서브 메뉴 link style */
.list-styled-link{display:block;color:#363636; line-height:2.4rem; padding-left:.5rem;}
.list-styled-link:focus,.list-styled-link:hover{color:var(--bs-primary);}
.list-styled-link.active{color:#111;}

/* 드랍메뉴 효과 */
/* .navbar-default .dropdown-menu-lg {border-radius:.25rem; min-width:25rem!important}
.navbar-default .dropdown-menu.show {display:block}
.navbar-default .dropdown .dropdown-submenu {position:relative}
.navbar-default .dropdown .dropdown-menu {display: block; opacity: 0; transform: translateY(0); transition: all .3s ease-in; visibility: hidden; min-width:6.6rem; border-radius:0;}
.navbar-default .dropdown-menu-arrow:before {background: #fff; border-radius: 0.2rem; bottom: 100%; content: ""; display: block; height: 16px; left: 1.25rem; position: absolute; transform: rotate(-45deg) translateY(1rem); width: 16px; z-index: -5;}
.navbar-default .dropdown-submenu:hover .dropdown-menu {opacity:1; transform:scaleY(1); visibility:visible}
.navbar-default .dropdown:hover>.dropdown-menu {opacity:1; transform:scaleY(1); visibility:visible;}
.navbar-default .dropdown .dropdown-submenu {position: relative;} */


/* Nav-pills-color 탭메뉴 토글*/
.nav-pills.nav-pills-border .nav-item .nav-link {border: 1px solid #eae9ec; border-radius: 4px; margin-right: -1px;}
.nav-pills.nav-pills-border .nav-item .nav-link.active {background-color: #ff5938; border: 1px solid #ff5938; color: #fff;}
/* .nav-pills .nav-link.active, .nav-pills .show>.nav-link {color:#fff; background-color:var(--orange-color);} */
.nav-pills.nav-pills-border .nav-link {color:var(--orange-color);}

/* Nav Tabs 타입01 - 라운드박스 탭 */
.nav-tabs-c {margin-bottom: 1.25rem; border:0;}
.nav-tabs-c .nav-link {border-radius:0.75rem; color: #5a5b75; margin-bottom: -1px; background: none; border: 1px solid transparent; font-weight:500;}
.nav-tabs-c .nav-link:hover {color:#766df4;}
.nav-tabs-c .nav-link.active {color: #766df4; background-color: transparent; border:1px solid rgba(118,109,244,.35);}

/* Nav Tabs 타입02 - 상하 라인 Active 라운 두껍게 */
.nav-tabs-c-line.nav-bordered {border-bottom:1px solid #e8e8e8; border-top:1px solid #39b54a;}
.nav-tabs-c-line.nav-bordered .nav-item {margin-bottom:-1px;}
.nav-tabs-c-line.nav-bordered li a {border:0; padding:1.5rem 1.2rem; font-size:1.2rem;text-align:center;}
.nav-tabs-c-line.nav-bordered li:hover a {color:#39b54a;}
.nav-tabs-c-line.nav-bordered li.active a {border-top:5px solid #39b54a; color:#39b54a; padding:1.2rem 1.2rem;}

/* Card */
.card-c {position: relative; display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0,0,0,.085);border-radius: 0rem;}
.card-c.card-hover {transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;}
.card-c.card-hover:hover {border-color:rgba(0,0,0,.085); opacity: 1; }
.card-hover.border-0:before, .card-active.border-0:before {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: opacity .2s ease-in-out;border: 1px solid rgba(118,109,244,.35);border-radius: 1rem;content: "";z-index:3;opacity: 0;}
.card-img-c, .card-img-top-c {border-top-left-radius: calc(0rem - 1px); border-top-right-radius: calc(0rem - 1px); height:auto;}

/* shadow */
.shadow-c {box-shadow: 0 0 0.625rem -0.1875rem rgb(0 0 0 / 13%) !important;}

/* swiper */
.swiper_section {position:relative;}
.swiper {width:100%;}
.swiper-slide {font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%; object-fit: cover;}
.swiper-pagination-cm {position: absolute;text-align: center;transition: .3s opacity;transform: translate3d(0,0,0);z-index: 10;}
.swiper-next {position:absolute; top:40%; display:flex; align-items:center; justify-content:center; cursor:pointer; right:-120px; left:auto; font-size:30px; color:#fff; border:1px solid #e8e8e8; color:#363636; padding:20px 25px 10px;}
.swiper-next:hover {color:#fff; background-color:var(--bs-primary);}
.swiper-prev {position:absolute; top:40%; display:flex; align-items:center; justify-content:center; cursor:pointer; left:-120px; right:auto; font-size:30px; color:#fff; border:1px solid #e8e8e8; color:#363636; padding:20px 25px 10px;}
.swiper-prev:hover {color:#fff; background-color:var(--bs-primary);}

.swiper-site-next {position:absolute; top:0; display:flex; align-items:center; justify-content:center; cursor:pointer; right:0; left:auto; font-size:30px; color:#fff; border:1px solid #e8e8e8; color:#363636; padding:7px 10px 0;}
.swiper-site-next:hover {color:#fff; background-color:var(--bs-primary);}
.swiper-site-prev {position:absolute; top:0; display:flex; align-items:center; justify-content:center; cursor:pointer; left:0; right:auto; font-size:30px; color:#fff; border:1px solid #e8e8e8; color:#363636; padding:7px 10px 0;}
.swiper-site-prev:hover {color:#fff; background-color:var(--bs-primary);}



/* gallery over */
.list-img img {width:100%;}
.over-img {display:none; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.6); border-radius:0rem;}
.over-img-wrap {position:relative; width:100%; height:100%;}
.over-view {position:absolute; left:0; right:0; bottom:6rem; color:#ffffff; text-align:center;}
.over-view-btn {display:inline-block; background:url('/images/sub/product/over_plus_img.png') no-repeat center center; padding-right:45px; background-size:39px 24px; width:170px; height:24px; line-height:24px; font-size:1rem;}
.over-img-title {color:#ffffff; font-size:6rem; font-weight:100; padding-top:6rem; margin-bottom:10px; text-align:center;}
.over-img-stt {color:#ffffff; text-align:center;}

.mark_img_list {position:absolute; top:15px; left:15px;}
.mark_img_list img {width:50px;}
.mark_img_view {position:absolute; top:25px; left:75px; }
.mark_img_view img {width:auto;}


/* footer */
.footer {font-size:0.9rem;}
.list-group-item {background-color: transparent; border: transparent; line-height: 1.9; padding: 0;}
.list-group-item-link {color:#6f6985; font-weight:400;}


/* media */
@media (min-width: 1200px) {



/* Padding */
.p-xl-6 {padding:6rem !important;}
.p-xl-8 {padding:8rem !important;}
.p-xl-10 {padding:10rem !important;}
.p-xl-12 {padding:12rem !important;}

/* Padding top */
.pt-xl-6 {padding-top:6rem !important;}
.pt-xl-8 {padding-top:8rem !important;}
.pt-xl-10 {padding-top:10rem !important;}
.pt-xl-12 {padding-top:12rem !important;}
.pt-xl-18 {padding-top:18rem !important;}
.pt-xxl-18 {padding-top:18rem !important;}

/* Padding end */
.pe-xl-6 {padding-right:6rem !important;}
.pe-xl-8 {padding-right:8rem !important;}
.pe-xl-10 {padding-right:10rem !important;}
.pe-xl-12 {padding-right:12rem !important;}

/* Padding bottom */
.pb-xl-6 {padding-bottom:6rem !important;}
.pb-xl-8 {padding-bottom:8rem !important;}
.pb-xl-10 {padding-bottom:10rem !important;}
.pb-xl-12 {padding-bottom:12rem !important;}
.pb-xl-18 {padding-bottom:18rem !important;}
.pb-xxl-18 {padding-bottom:18rem !important;}

/* Padding start */
.ps-xl-6 {padding-left:6rem !important;}
.ps-xl-8 {padding-left:8rem !important;}
.ps-xl-10 {padding-left:10rem !important;}
.ps-xl-12 {padding-left:12rem !important;}

/* Padding top bottom */
.py-xl-6 {padding-top:6rem !important; padding-bottom:6rem !important;}
.py-xl-8 {padding-top:8rem !important; padding-bottom:8rem !important;}
.py-xl-10 {padding-top:10rem !important; padding-bottom:10rem !important;}
.py-xl-12 {padding-top:12rem !important; padding-bottom:12rem !important;}

/* Padding left right */
.px-xl-6 {padding-left:6rem !important; padding-right:6rem !important;}
.px-xl-8 {padding-left:8rem !important; padding-right:8rem !important;}
.px-xl-10 {padding-left:10rem !important; padding-right:10rem !important;}
.px-xl-12 {padding-left:12rem !important; padding-right:12rem !important;}

}

@media (min-width:992px) and (max-width:1199.98px) {
.navbar-default .dropdown-menu-md {min-width:13rem!important}
.navbar-default .dropdown .dropdown-menu {display:block; opacity:0; transform:translateY(20px); transition:all .3s ease-in; visibility:hidden}
.navbar-default .dropdown:hover>.dropdown-menu {opacity:1; transform:scaleY(1); visibility:visible}
.navbar-default .dropdown-menu-arrow:before {background:#fff; border-radius:.2rem; bottom:100%; content:""; display:block; height:16px; left:1rem; position:absolute; transform:rotate(-45deg) translateY(1rem); width:16px; z-index:-5}
.navbar-default .dropdown-submenu:hover .dropdown-menu {opacity:1; transform:scaleY(1); visibility:visible}

/* Padding */
.p-lg-6 {padding:6rem !important;}
.p-lg-8 {padding:8rem !important;}
.p-lg-10 {padding:10rem !important;}
.p-lg-12 {padding:12rem !important;}

/* Padding top */
.pt-lg-6 {padding-top:6rem !important;}
.pt-lg-8 {padding-top:8rem !important;}
.pt-lg-10 {padding-top:10rem !important;}
.pt-lg-12 {padding-top:12rem !important;}
.pt-lg-18 {padding-top:18rem !important;}


/* Padding end */
.pe-lg-6 {padding-right:6rem !important;}
.pe-lg-8 {padding-right:8rem !important;}
.pe-lg-10 {padding-right:10rem !important;}
.pe-lg-12 {padding-right:12rem !important;}

/* Padding bottom */
.pb-lg-6 {padding-bottom:6rem !important;}
.pb-lg-8 {padding-bottom:8rem !important;}
.pb-lg-10 {padding-bottom:10rem !important;}
.pb-lg-12 {padding-bottom:12rem !important;}
.pb-lg-18 {padding-bottom:18rem !important;}


/* Padding start */
.ps-lg-6 {padding-left:6rem !important;}
.ps-lg-8 {padding-left:8rem !important;}
.ps-lg-10 {padding-left:10rem !important;}
.ps-lg-12 {padding-left:12rem !important;}

/* Padding top bottom */
.py-lg-6 {padding-top:6rem !important; padding-bottom:6rem !important;}
.py-lg-8 {padding-top:8rem !important; padding-bottom:8rem !important;}
.py-lg-10 {padding-top:10rem !important; padding-bottom:10rem !important;}
.py-lg-12 {padding-top:12rem !important; padding-bottom:12rem !important;}

/* Padding left right */
.px-lg-6 {padding-left:6rem !important; padding-right:6rem !important;}
.px-lg-8 {padding-left:8rem !important; padding-right:8rem !important;}
.px-lg-10 {padding-left:10rem !important; padding-right:10rem !important;}
.px-lg-12 {padding-left:12rem !important; padding-right:12rem !important;}
}
@media (min-width: 992px) {
 .navbar-expand-lg .navbar-collapse {display: flex!important; flex-basis: auto;}
.mt-m6 {margin-top: -6rem!important;}
}

@media (max-width: 991.98px) {
.navbar-default.navbar .navbar-collapse {background-color: #fff; border-radius: 0.375rem; box-shadow: 0 1.5rem 5rem rgb(22 38 55 / 80%); height: auto!important; left: 1rem; max-height: calc(100vh - 2rem); overflow-y: scroll; position: fixed; right: 1rem; top: 1rem; /* width: inherit;  */z-index: 1055;}
 .navbar-toggler {position: absolute; right: 0.5rem;top: 0.6rem;z-index: 1;}
 .navbar-default.navbar .navbar-collapse .show {opacity:1; transform:scale(1)}
  .navbar-default.navbar .navbar-nav .nav-item {padding:0; margin:0 0;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
 .navbar-default.navbar .navbar-nav .dropdown-menu,  .navbar-default.navbar .navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu {box-shadow:none}
 .navbar-default.navbar .nav-item .nav-link {border-bottom: 1px solid #eae9ec; color: #261f44 !important; padding: 12px 20px!important;}
 .navbar-default.navbar .nav-item .nav-link:hover {color:#261f44}
 .navbar-default.navbar .dropdown .dropdown-toggle:after {color:#261f44!important}
 .header-btn {padding:14px;}

/* Padding */
.p-md-6 {padding:6rem !important;}
.p-md-8 {padding:8rem !important;}
.p-md-10 {padding:10rem !important;}
.p-md-12 {padding:12rem !important;}

/* Padding top */
.pt-md-6 {padding-top:6rem !important;}
.pt-md-8 {padding-top:8rem !important;}
.pt-md-10 {padding-top:10rem !important;}
.pt-md-12 {padding-top:12rem !important;}
.pt-md-18 {padding-top:18rem !important;}

/* Padding end */
.pe-md-6 {padding-right:6rem !important;}
.pe-md-8 {padding-right:8rem !important;}
.pe-md-10 {padding-right:10rem !important;}
.pe-md-12 {padding-right:12rem !important;}

/* Padding bottom */
.pb-md-6 {padding-bottom:6rem !important;}
.pb-md-8 {padding-bottom:8rem !important;}
.pb-md-10 {padding-bottom:10rem !important;}
.pb-md-12 {padding-bottom:12rem !important;}
.pb-md-18 {padding-bottom:18rem !important;}

/* Padding start */
.ps-md-6 {padding-left:6rem !important;}
.ps-md-8 {padding-left:8rem !important;}
.ps-md-10 {padding-left:10rem !important;}
.ps-md-12 {padding-left:12rem !important;}

/* Padding top bottom */
.py-md-6 {padding-top:6rem !important; padding-bottom:6rem !important;}
.py-md-8 {padding-top:8rem !important; padding-bottom:8rem !important;}
.py-md-10 {padding-top:10rem !important; padding-bottom:10rem !important;}
.py-md-12 {padding-top:12rem !important; padding-bottom:12rem !important;}

/* Padding left right */
.px-md-6 {padding-left:6rem !important; padding-right:6rem !important;}
.px-md-8 {padding-left:8rem !important; padding-right:8rem !important;}
.px-md-10 {padding-left:10rem !important; padding-right:10rem !important;}
.px-md-12 {padding-left:12rem !important; padding-right:12rem !important;}

}

@media (min-width:576px) and (max-width:767.98px) {
 .container, .container-sm {max-width:100%;}
 .navbar-default.navbar .navbar-nav .dropdown-menu,  .navbar-default.navbar .navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu {box-shadow:none}
 .navbar-default.navbar .navbar-nav .nav-item .nav-link {border-bottom:1px solid #eae9ec; color:#261f44!important; padding:12px 20px!important}
 .navbar-default.navbar .navbar-nav .nav-item .nav-link:hover {color:#261f44}
 .navbar-default.navbar .dropdown-menu {margin:0;}
 .header-btn {padding:14px}
 .navbar-default.navbar .navbar-nav .nav-item .nav-link:hover:before {top:12px; left:10px;}

/* Padding */
.p-sm-6 {padding:6rem !important;}
.p-sm-8 {padding:8rem !important;}
.p-sm-10 {padding:10rem !important;}
.p-sm-12 {padding:12rem !important;}

/* Padding top */
.pt-sm-6 {padding-top:6rem !important;}
.pt-sm-8 {padding-top:8rem !important;}
.pt-sm-10 {padding-top:10rem !important;}
.pt-sm-12 {padding-top:12rem !important;}

/* Padding end */
.pe-sm-6 {padding-right:6rem !important;}
.pe-sm-8 {padding-right:8rem !important;}
.pe-sm-10 {padding-right:10rem !important;}
.pe-sm-12 {padding-right:12rem !important;}

/* Padding bottom */
.pb-sm-6 {padding-bottom:6rem !important;}
.pb-sm-8 {padding-bottom:8rem !important;}
.pb-sm-10 {padding-bottom:10rem !important;}
.pb-sm-12 {padding-bottom:12rem !important;}

/* Padding start */
.ps-sm-6 {padding-left:6rem !important;}
.ps-sm-8 {padding-left:8rem !important;}
.ps-sm-10 {padding-left:10rem !important;}
.ps-sm-12 {padding-left:12rem !important;}

/* Padding top bottom */
.py-sm-6 {padding-top:6rem !important; padding-bottom:6rem !important;}
.py-sm-8 {padding-top:8rem !important; padding-bottom:8rem !important;}
.py-sm-10 {padding-top:10rem !important; padding-bottom:10rem !important;}
.py-sm-12 {padding-top:12rem !important; padding-bottom:12rem !important;}

/* Padding left right */
.px-sm-6 {padding-left:6rem !important; padding-right:6rem !important;}
.px-sm-8 {padding-left:8rem !important; padding-right:8rem !important;}
.px-sm-10 {padding-left:10rem !important; padding-right:10rem !important;}
.px-sm-12 {padding-left:12rem !important; padding-right:12rem !important;}
}

@media (max-width:576px) {

 .navbar-default.navbar .navbar-nav .dropdown-menu,  .navbar-default.navbar .navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu {box-shadow:none}
 .navbar-default.navbar .navbar-nav .nav-item .nav-link {border-bottom:1px solid #eae9ec; color:#261f44!important; padding:12px 20px!important}
 .navbar-default.navbar .navbar-nav .nav-item .nav-link:hover {color:#261f44}
 .navbar-default.navbar .dropdown-menu {margin:0;}
 .navbar-default.navbar .navbar-nav .nav-item .nav-link:hover:before {top:12px; left:10px;}
 .header-btn {padding:14px}
.snb-border-left {border-left:0 !important}
.dropdown-menu {padding:0.5rem 0;}
.px-30-py-32 {padding:1.4rem 1.2rem !important;}
.fs-c {font-size:1rem!important;}


/* font size */
.font-18 {font-size:16px;}
.font-19 {font-size:17px;}
.font-20 {font-size:18px;}
.font-21 {font-size:19px;}
.font-22 {font-size:20px;}
.font-23 {font-size:21px;}
.font-24 {font-size:22px;}
.font-25 {font-size:23px;}
.font-26 {font-size:24px;}
.font-27 {font-size:25px;}
.font-28 {font-size:26px;}
.font-29 {font-size:27px;}
.font-30 {font-size:28px;}
.font-31 {font-size:29px;}
.font-32 {font-size:30px;}
.font-34 {font-size:32px;}
}


/* 2022-03-22 */

.carousel-footer { width: 100%; position: absolute; bottom: 0; z-index: 40;}


/* carousel-footer 좌우 버튼 */
.cbtn-prev-bottom {border-right:1px solid #eee;}
.cbtn-prev-bottom, .cbtn-next-bottom 
{	position: relative;	top: 1px;	right: auto;	bottom: auto;	left: auto; width:auto;	float: left; display: block;   /*  width: 90px;    height: 90px; */    background-image: none!important;	background-color: #fff;	opacity:1;    outline: none;}
.cbtn-prev-bottom i,
.cbtn-next-bottom i { color: #363636; }
.cbtn-prev-bottom i:before,
.cbtn-next-bottom i:before { vertical-align: middle; }
.cbtn-next-bottom:focus, .cbtn-next-bottom:hover, .cbtn-prev-bottom:focus, .cbtn-prev-bottom:hover { background-color:var(--bs-primary); opacity:1;}
.cbtn-next-bottom:focus i, .cbtn-next-bottom:hover i, .cbtn-prev-bottom:focus i, .cbtn-prev-bottom:hover i {color:#fff;}

.cbtn-lg {padding:1.6rem 1.7rem; font-size:1.5rem;}





/* 검색아이콘 */
.search_con {width:100%; position: relative; max-width:850px; margin:0 auto; box-sizing: border-box;}
input.text {width: 100%; height: 75px; box-sizing:border-box; font-weight:300; border:1px solid var(--bs-primary);}
input.text::placeholder {color:#666;}


.ri-area .btn_t_search {width: 40px; height: 40px;  margin-right:20px; background: url('/images/main/btn_search_w01.png') no-repeat center center; border-radius:50%; background-size:30px 29px; position: relative; top: -7px; padding: 2px; box-sizing: border-box;}
.btn_search_close {float: right;position: absolute; top: -35px; right: 0; width:21px; height:21px; background: url('/images/main/btn_close.png') no-repeat right center;  background-size:21px;font-size: 13px; font-weight: 400; color: #fff; text-indent: -9999px; } 

.btn_t_search01 {position: absolute; top: 0; right: 0; width: 150px;/*  height: 70px; */ padding:1rem; border: none; background:var(--bs-primary); url('/images/main/btn_search_w.png') no-repeat center center; background-size: 36px; cursor: pointer; color:#fff;}

.btn_t_search {width: 40px; height: 40px;  margin-right:20px;border-radius:50%; position: relative; top: 0px; padding: 2px; box-sizing: border-box;}


/* 서브 타이틀 */
.title-line-h:after {display:inline-block; content:''; width:2px; height:50px; background:var(--bs-primary); position:absolute; }
.case-img {width:100%;}

.tabsly-w {width:210px;}
@media (max-width: 1024px) {
	.tabsly-w {width:160px;}
}

#DivContents img {max-width:100%;}
.ellipsis {max-width: 382px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.two-ellipsis {max-width: 382px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.img-h304 {max-height:304px;}

.nt-wrap {width:100%;max-width:450px;}
@media (max-width: 768px) {
	.nt-wrap {max-width: unset;}
	.col-xs-12 {flex: 0 0 auto;width: 100%;}
	.swiper-prev {left:0;}
	.swiper-next {right:0;}
}

/* 20240517팝업 수정 */

@media screen and (max-width:991px) {
    .pop-area {left: 0 !important; margin-left: 4%; margin-right: 4%;}
    .pop-area>div {min-height: max-content !important;}
    .pop-area br {display: none;}
}

/* btn-close */