/* Author */
/* @font-face {
	font-family: 'Spoqa Han Sans Neo';
	font-style: normal;
	font-weight: 100;
	src: url('../../../../../../css/font/SpoqaHanSansNeo-Thin.eot');
	src: url('../../../../../../css/font/SpoqaHanSansNeo-Thin.eot?#iefix') format('embedded-opentype'),
		 url('../../../../../../css/font/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
		 url('../../../../../../css/font/SpoqaHanSansNeo-Thin.woff') format('woff');
} */
/* 폰트 */
@font-face {
	font-family: 'Spoqa Han Sans Neo';
	font-style: normal;
	font-weight: 200;
	src: url('../../../../../../css/font/SpoqaHanSansNeo-Light.eot');
	src: url('../../../../../../css/font/SpoqaHanSansNeo-Light.eot?#iefix') format('embedded-opentype'),
		 url('../../../../../../css/font/SpoqaHanSansNeo-Light.woff2') format('woff2'),
		 url('../../../../../../css/font/SpoqaHanSansNeo-Light.woff') format('woff');
}

@font-face {
	font-family: 'Spoqa Han Sans Neo';
	font-style: normal;
	font-weight: normal;
	src: url('../../../../../../css/font/SpoqaHanSansNeo-Regular.eot');
	src: url('../../../../../../css/font/SpoqaHanSansNeo-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../../../../../../css/font/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
		 url('../../../../../../css/font/SpoqaHanSansNeo-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Spoqa Han Sans Neo';
	font-style: normal;
	font-weight: 500;
	src: url('../../../../../../css/font/SpoqaHanSansNeo-Medium.eot');
	src: url('../../../../../../css/font/SpoqaHanSansNeo-Medium.eot?#iefix') format('embedded-opentype'),
		 url('../../../../../../css/font/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
		 url('../../../../../../css/font/SpoqaHanSansNeo-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Spoqa Han Sans Neo';
	font-style: normal;
	font-weight: bold;
	src: url('../../../../../../css/font/SpoqaHanSansNeo-Bold.eot');
	src: url('../../../../../../css/font/SpoqaHanSansNeo-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../../../../../../css/font/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
		 url('../../../../../../css/font/SpoqaHanSansNeo-Bold.woff') format('woff');
}

body {
    position: relative;
    overflow-x: hidden;
}

/* Header+Nav */
.navbar { border-bottom:1px solid #DCDCDC; background:white; }
.dropdown-toggle::after { display:none; }
.offcanvas .user { position:absolute; right:0; bottom:15px; }
.offcanvas .user img { width:24px; height:24px; }
.user .dropdown-menu { border:1px solid #DCDCDC; }
.user .dropdown-menu a { padding-left:24px; background:url('../assets/img/arr_r_gray.png') no-repeat 110px 10px / 5px auto; font-size:14px; color:#484948; }
.user .dropdown-menu > li { padding-left:16px; }
.user .dropdown-menu .ico1 { background:url('../assets/img/ico_User.png') no-repeat 16px 8px / 12px auto; }
.user .dropdown-menu .ico2 { background:url('../assets/img/ico_Logout.png') no-repeat 16px 8px / 12px auto; }
.log-m { height:46px; line-height:46px; border:1px solid #54C7A2; border-radius:8px; text-align:center; }
.log-m a { display:block; font-size:14px; }
.log-m a span { padding-left:24px; background:url('../assets/img/ico_Login@2.png') no-repeat left 50% / 16px auto; color:#54C7A2; }
.offcanvas .link li { position:relative; padding-left:15px; }
.offcanvas .link li:first-child { padding-left:0; }
.offcanvas .link li:first-child :before { background:none; }
.offcanvas .link li :before { position: absolute; content: ''; top: 7px; left: 7px; height: 13px; width: 1px; background: #C4C4C4; }
.offcanvas .log { padding:0 30px 0 10px; border-radius:16px; border:1px solid #B7B7B7; background:url('../assets/img/arr_d_gray.svg') no-repeat 125px 11px / 8px auto transparent; }
.offcanvas .log span { position:relative; bottom:2px; font-size:12px; /* font-weight:500; */ color:#B7B7B7; }
#mainNav .navbar-brand {  /* color: #fff; */ color:#484948; }
#mainNav .navbar-nav {
  margin-top: 0;
  padding:20px 16px 0 16px;  
}
#mainNav .navbar-nav li.nav-item a.nav-link {
  color: #484948; font-size:16px; font-weight:500;
}
#mainNav .navbar-nav li.nav-item a.nav-link:focus {  }
ul.navbar-nav > li > .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0.25rem;
	height:56px; line-height:56px; 
	padding-left:40px;
	font-weight:500;
}

/* Main */
.slogan form { position:relative; /* background:url('../assets/img/Search.png') no-repeat left center / 28px auto; */ }
.slogan form > span { z-index:2; position:absolute; left:30px; top:15px; }
.slogan .form-control {
  display: block;
  width: 100%;
  height:56px; line-height:56px;
  /* padding: 0 15px 0 80px; */
  padding: 0 75px 0 80px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  color: #484948;
  background:url('../assets/img/ico_search.svg') no-repeat 25px center / 28px auto white;
  /* background-color: #fff; */
  /* background-clip: padding-box; */
  border: 2px solid #DCDCDC;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 30px;
  transition: none;
}
.slogan .form-control::-webkit-input-placeholder {color: #B7B7B7!important; font-weight:normal!important; }
.slogan .form-control:-moz-placeholder {color: #B7B7B7!important; font-weight:normal!important; } 
.slogan .form-control::-moz-placeholder {color: #B7B7B7!important; opacity: 1!important; font-weight:normal!important; } 
.slogan .form-control:-ms-input-placeholder {color: #B7B7B7!important; font-weight:normal!important; }
.form-control:focus { box-shadow:none; }
.form-floating input.form-control,
.form-floating textarea.form-control {
  font-size: 1.5rem;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius: 0;
  border-width: 1px;
}
.form-floating input.form-control:focus,
.form-floating textarea.form-control:focus {
  box-shadow: none;
}
.form-floating label {
  font-size: 1.5rem;
  color: #6c757d;
}
.masthead {
    padding-top: calc(6rem + 80px);
    padding-bottom: 6rem;
	background-image:url('../assets/img/Bg1.png');
    width: 100%;
    /* height: 50vh; */
    background-size: cover;
    background-position: 50% 50%;
    z-index: 10;
}
@media (min-width: 1024px) {
  .masthead {
    padding-top: calc(6rem + 104px);
    padding-bottom: 72px;
  }
  .masthead .masthead-heading {
    font-size: 4rem;
    line-height: 3.5rem;
  }
  .masthead .masthead-subheading {
    font-size: 1.5rem;
  }
}
.rolling { margin-top:136px; }
.rolling h4 { color:#2C2C2C; }
.offcanvas-body span { font-size:16px; color:#484948;  }
.offcanvas-body .link { padding:5px 0 0 20px; }
.offcanvas-body .link a { color:#8D8D8D; font-size:14px; }

/* Footer */
.footer {
	/* position:relative; */
    padding-top: 47px;
    padding-bottom: 4rem;
    background-color: #2A323D;
    color: #fff;
}
.copyright {
    background-color: #2A323D;
}
.footer .bbline {border-bottom:1px solid #4E5967 }
.footer .btline {border-top:1px solid #4E5967 }
.footer .btline.inner { padding-top:32px; }
.footer .logo_b { padding-bottom:24px; text-align:left; }
.footer p { font-weight:normal; color:#6B7E97; font-size:14px; }
.footer .mid { padding:48px 0; }
.footer-menu { display: flex !important; flex-basis: auto; flex-grow: 1; align-items: center; }
.footer-menu > .menu { flex-direction: row; display: flex; }
.footer-menu > .menu a { display:block; color:#6B7E97; text-decoration:none; font-size:16px; font-weight:normal; }
.footer-menu > .menu li { position:relative; margin-bottom:24px; padding-left:15px; }
.footer-menu > .menu li:first-child { padding-left:0; }
.footer-menu > .menu li:first-child :before { background:none; }
.footer-menu > .menu li :before { position: absolute; content: ''; top: 5px; left: 5px; height: 15px; width: 1px; background: #4E5967;  }
.footer .copyright { font-weight:200; color:#425967; }
.footer .menu-bot { display: flex !important; flex-basis: auto; flex-grow: 1; align-items: center; }
.footer .menu-bot ul { flex-direction: row; display: flex; }
.footer .menu-bot ul li dt { margin-bottom:22px; }
.footer .menu-bot ul li dd { margin-bottom:5px; }
.footer .menu-bot ul a { font-size:16px; color:#9CA1A9; }
.footer .menu-bot ul dt a,
.footer .cs dt { font-size:18px; color:#F6F6F6; }
.footer .cs dd { margin-top:22px; }
.footer .cs dd p { font-size:14px; color:#9CA1A9; font-weight:200; }
.footer .cs a { display:inline-block; width:148px; height:30px; line-height:30px; border:1px solid white; text-align:center; font-size:16px; font-weight:200; }
.footer .sel { position:absolute; right:16px; bottom:18px; }
.footer .dropdown { border:1px solid #B7B7B7; border-radius:8px; }
.footer .dropdown button { padding:3px 30px 3px 10px; color:#B7B7B7; background:url('../assets/img/arr_up_gray@pc2.png') no-repeat 90% 50% / 7px auto; font-size:16px; }
.footer .dropdown a:hover { color:inherit; }

/* 홈 */
.sub-wrap { padding:72px 16px 40px; background:#F7F9FC; }
.sub-wrap .card { padding:36px 18px; }
.sub-wrap .card .top { position:relative; }
.sub-wrap .card .top a { position:absolute; right:15px; bottom:10px; }
.sub-wrap .card .top h5 { padding:10px 0 16px 15px; background:url('../assets/img/ico_point@pc2.png') no-repeat 3px 0 / 35px auto; }
.sub-wrap .card .bot { margin:0 18px; border-top:1px solid #B7B7B7; }
.sub-wrap .card .bot ul li { padding:21px 0; border-bottom:1px solid #DCDCDC; }
.sub-wrap .card .bot ul li a { display:block; overflow:hidden; width:95%; text-overflow:ellipsis; white-space:nowrap; word-wrap: normal !important; font-size:14px; color:#484948; }
.sub-wrap .card .bot ul li a:hover,
.sub-wrap .card .bot ul li a:focus {
  color: #54C7A2;
}
.rolling .card-w { background:white; /* border-radius:24px; */ text-align:left; }
.rolling .card-w .btn-go { display:inline-block; height:22px; margin:14px 0 0 0; padding:0; }
.rolling .card-w .btn-go img { width:79px; height:22px; }
.rolling .card-w h5 { color:#484948; font-weight:500; font-size:24px; }
.rolling .card-w.card1 > div { min-height:100%; padding:30px 25px; background:url('../assets/img/ico_start1.svg') no-repeat 90% 85% / 72px auto; }
.rolling .card-w.card2 > div { min-height:100%; padding:30px 25px; background:url('../assets/img/ico_start2.svg') no-repeat 90% 85% / 72px auto; }
.rolling .card-w.card3 > div { min-height:100%; padding:30px 25px; background:url('../assets/img/ico_start3.svg') no-repeat 90% 85% / 72px auto; }
.rolling .card-w.card4 > div { min-height:100%; padding:30px 25px; background:url('../assets/img/ico_start4.svg') no-repeat 90% 90% / 88px auto; }
.rolling a.btn-view { display:inline-block; margin-top:40px; }
.rolling .swiper-container { overflow:visible!important; }
.rolling .swiper-slide { border-radius:24px; }

/* 서브 */
.head-con { padding-top: calc(6rem + 104px); padding-bottom: 15px; }
.breadcrumb li+li { padding-left:32px; background:url('../assets/img/arr_r_gray.svg') no-repeat 16px center / 6px auto; }
.breadcrumb-item a { color:#8D8D8D; }
.head-con .form-control { position:absolute; right:0; top:28px; width:392px; height:48px; line-height:48px; padding-left:24px; border:1px solid #DCDCDC; border-radius:40px; background:url('../assets/img/ico_search.svg') no-repeat 94% center / 20px auto white; }

.container .form-control[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  border: 0;
  display: block;
  width: 20px;
  height: 20px;
  right:16px; bottom:15px;
  position: absolute;
  background: url('../assets/img/btn_off_close.svg') no-repeat right center / 20px auto;
  z-index:1;  
  cursor: pointer;
  transition: 0.2s;
}

.head-con .form-control[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  border: 0;
  display: block;
  width: 20px;
  height: 20px;
  right:45px; bottom:13px;
  position: absolute;
  background: url('../assets/img/btn_off_close.svg') no-repeat right center / 20px auto;
  z-index:1;  
  cursor: pointer;
  transition: 0.2s;
}

.sub-cont .top { position:relative; }
.sub-cont .top h5 { padding:15px 0 34px 15px; background:url('../assets/img/ico_bean.svg') no-repeat 0px 0px; font-size:34px; font-weight:500; }
.sub-cont .top a.ask { display:inline-block; position:absolute; right:0; top:13px; width:120px; height:40px; line-height:40px; border-radius:8px; background:url('../assets/img/arr_r_white.png') no-repeat 90% 50% / 6px auto #54C7A2; }
.sub-cont .top a.ask span { padding-left:21px; }
.start .card-w { /* border-radius:24px; */ text-align:left; }
.start .card-w > div { min-height:100%; padding:30px 25px; /* background-color:white; */ }
.start .card-w .btn-go { display:block; height:22px; margin:14px 0 0 0; padding:0; }
.start .card-w .btn-go img { width:79px; height:22px; }
.start .card-w h5 { color:#484948; font-weight:500; font-size:24px; }
.start .card-w.card1 > div { background:url('../assets/img/ico_start1.svg') no-repeat 90% 85% / 72px auto white; }
.start .card-w.card2 > div { background:url('../assets/img/ico_start2.svg') no-repeat 90% 85% / 72px auto white; }
.start .card-w.card3 > div { background:url('../assets/img/ico_start3.svg') no-repeat 90% 85% / 72px auto white; }
.start .card-w.card4 > div { background:url('../assets/img/ico_start4.svg') no-repeat 90% 90% / 88px auto white; }
.start .card-w.card5 > div { background:url('../assets/img/ico_start5.svg') no-repeat 90% 85% / 72px auto white; }
.start .card-w.card6 > div { background:url('../assets/img/ico_start6.svg') no-repeat 90% 85% / 72px auto white; }
.start .card-w.card7 > div { background:url('../assets/img/ico_start7.svg') no-repeat 90% 85% / 72px auto white; }
.start .card-w.card8 > div { background:url('../assets/img/ico_start8.svg') no-repeat 90% 90% / 72px auto white; }
.start a.btn-view { display:inline-block; margin-top:20px; }
.start .swiper-container { overflow:visible!important; }
.start .swiper-slide { border-radius:24px; }
.start .card-w > div { border-radius:24px; }
/* .pagination { padding-top:40px; } */
.pagination a { display:inline-block; width:40px; height:40px; line-height:38px; margin:0 4px; border:1px solid #54C7A2; border-radius:50px; background:#F7F9FC; color:#54C7A2; text-align:center; }
.pagination .prev a,
.pagination .prev a:focus { margin-right:24px; border:none; background:url('../assets/img/btn_circle_l.svg') no-repeat 90% 85% / 40px auto transparent; }
.pagination .next a,
.pagination .next a:focus { margin-left:24px; border:none; background:url('../assets/img/btn_circle_r.svg') no-repeat 90% 85% / 40px auto transparent; }
.pagination .page-link:focus { width:40px; background:#54C7A2; border:1px solid #54C7A2; color:white; }
.lst-tip { width:100%; margin-bottom:40px; padding:30px 24px; border-radius:24px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) !important; }
.lst-tip ol.ml60 li,
.card .bot.m2m li { position:relative; padding-left:62px!important; }
.sub-cont span.stats,
.card .bot.m2m span.stats { display:inline-block; position:absolute; left:0; top:30%; font-weight:500; font-size:13px; border-radius:50%; text-align:center; }
.tip-cont span.stats { top:10%; }
.card .bot.m2m span.stats { top:15%; }
.sub-cont span.receipt,
.card .bot.m2m span.receipt { border:2px solid #985FE8; background:white; color:#985FE8; }
.sub-cont span.check,
.card .bot.m2m span.check { border:2px solid #985FE8; background:#985FE8; color:white; }
.sub-cont span.complete,
.card .bot.m2m span.complete { border:2px solid #54C7A2; background:#54C7A2; color:white; }
.sub-cont li:first-child span.stats { top:12%; }
.card .bot li:first-child span.stats { top:15%; }
.lst-tip dt a { color:#484948; font-size:20px; font-weight:500; }
.lst-tip dd { /* margin-top:8px; */ }
.lst-tip span.date { color:#8D8D8D; font-size:16px; font-weight:200; }
.lst-tip dd strong { display:inline-block; padding-left:3px; color:#985FE8; font-size:12px; font-weight:200; }
.lst-tip .comment { margin-left:11px; }
.lst-tip li+li { margin-top:16px; padding-top:16px; border-top:1px solid #DCDCDC; }
.tip-menu .lst { /* margin:0 20px; */ margin:0 14px; padding-top:20px; padding-bottom:48px; border-top:1px solid #DCDCDC; }
.tip-menu .lst li { /* width:325px; */ }
.tip-menu .lst li a { display:block; padding-left:12px; color:#484948; font-size:16px; }
.tip-menu .lst li.active a { position:relative; padding-left:12px; /* border-left:4px solid #54C7A2; */ color:#54C7A2; }
.tip-menu .lst li.active a:after { 
	content: '';
	height: 90%; 
	width: 4px;
	position: absolute;
	left: 0;
	top: 2px;
	background-color: #54C7A2; 
}
.tip-menu .lst li+li { padding-top:20px; }
.container.tip .row { 
	margin-right: calc(-1 * var(--bs-gutter-x));
	margin-left: calc(-1 * var(--bs-gutter-x));
}
.container.tip .row > div+div > div.tip-cont { min-height:500px; padding:20px 32px; border-radius:24px; background:white; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) !important; }
.container.tip .sidemenu { padding-right:0; /* width:351px!important; */ }
.container.tip .sidemenu .pagination { padding-left:26px; }
.container.tip .page-link { width:32px; height:32px; line-height:30px; background-size:32px auto; font-size:12px; /* background-color:transparent; */ }
.container.tip .prev a:focus { background-size:32px 32px!important; }
.container.tip .next a:focus { background-size:32px 32px!important; }
.container.tip dd { /* margin-top:0px; */ }
.container.tip span.date { color:#8D8D8D; font-weight:200; }
.container.tip dd strong { display:inline-block; padding-left:3px; color:#985FE8; font-size:12px; font-weight:200; }
.container.tip .comment { margin-left:11px; }
.container.tip .comment span { display:inline-block; position:relative; top:2px; width:14px; height:17px; background: url('../assets/img/ico_comment@2.png') no-repeat left 4px / 14px auto; }
.tip-cont > div > dl > dt,
.tip-cont > dl > dt { font-size:20px; font-weight:500; }
.tip-cont .inner { margin-top:15px; padding:20px 15px 90px; border-top:1px solid #DCDCDC; }
.tip-cont .inner2 { margin-top:15px; padding:20px 0 90px; border-top:1px solid #F0F0F0; }
.tip-cont .inner p { margin-bottom:5px; }
.tip-cont .inner p > span { font-size:20px; }
.tip-cont .inner ol li { line-height:30px; color:#484948 }
.tip-cont .inner > p > img { width:100%; height:auto; }
.tip-cont .inner > dl > dt { font-size:20px; }
.tip-cont .inner2 .head { padding-bottom:24px; border-bottom:1px solid #F0F0F0; }
.tip-cont .inner2 .head span { position:relative; color:#484948; }
.tip-cont .inner2 .head span:first-child { padding-right:11px; }
.tip-cont .inner2 .head span+span { padding-left:7px; }
.tip-cont .inner2 .head span:before { position: absolute; content: ''; top: 4px; right: 0px; height: 15px; width: 1px; background: #DCDCDC;  }
.tip-cont .inner2 .head span:last-child:before { background:none; }
.tip-cont .reply { padding-top:32px; border-top:1px solid #F0F0F0; }
.tip-cont .reply strong { padding-left:6px; font-size:20px; font-weight:500; color:#484948; }
.tip-cont .reply span.time { padding-left:8px; color:#8D8D8D; font-size:16px; font-weight:200!important; }
.tip-cont .reply > dl > dd { margin-top:16px; color:#484948; font-size:16px; }
.tip-cont p.btns { margin-top: 32px; padding-top: 32px; border-top: 1px solid #F0F0F0; }
.tip-cont p.btns a { display:inline-block; height:56px; line-height:56px; font-size:18px; font-weight:500; color:#B7B7B7; }
.tip-cont p.btns a.btn-edit,
.tip-cont p.btns a.btn-ask { color:white; background:#54C7A2; border-radius:8px; }
.files { padding-left:15px; padding-top:32px; border-top:1px solid #F0F0F0; } 
.files > p { padding:0 0 8px 0; color:#484948; font-size:14px; }
.files span.zoom,
.photos span.zoom { position:absolute; bottom:10px; right:10px; }
.files .item a { display:flex!important; position:relative; /* height:100%!important; */ background:#F6F6F6; }
.files .img-fluid { vertical-align:middle; align-self: center!important; margin:0 auto; }
.form-cont input { height:56px; line-height:56px; padding-left:24px; padding-right:24px; border: 1px solid #DCDCDC; border-radius:8px; }
.form-cont textarea { padding-top:20px; padding-left:24px; padding-right:24px; border: 1px solid #DCDCDC; border-radius:8px; }
.files-upload { margin-top:30px; padding-top:32px; border-top:1px solid #F0F0F0;  }
.files-upload .txt { margin-top:12px; color:#8D8D8D; font-size:14px; }
.files-upload .img { position:relative; }
.files-upload .img button { z-index:2; position:absolute; right:10px; bottom:10px; margin:0; padding:0; }
.files-upload .img button img { width:32px; height:32px; }
.layer-type p.tit { padding:72px 0; text-align:center; }
.layer-type .modal-footer button { display:inline-block; height:56px; line-height:56px; font-size:16px; font-weight:500; color:#B7B7B7; border:0; background:white; }
.layer-type .modal-footer button.btn-del { color:white; background:#985FE8; border-radius:8px; }
#menu-sch { position:relative; }
#menu-sch .swiper-wrapper:after { content:''; display:block; clear:both; }
#menu-sch .swiper-wrapper li { float:left; width:auto; margin-left:1rem; padding-bottom:8px; }
#menu-sch .swiper-wrapper li:first-child { margin-left:0; }
#menu-sch .swiper-wrapper li.now { border-bottom:2px solid #54C7A2; }
#menu-sch .swiper-wrapper li:last-child { margin-right:15px; }
#menu-sch .swiper-wrapper li a { display:block; /* padding:16px 8px 14px; */ font-size:20px; font-weight:normal; color:#8D8D8D; transition: color 0.15s ease-in-out; }
#menu-sch .swiper-wrapper li.now a { color:#54C7A2; font-weight:500; }
h5.low { font-size:24px!important; }
.col-4 .card .bot > div { padding-top:1.5rem; }
.col-4 .card .top .btn-q,
.col .card .top .btn-q { display:inline-block; position:absolute; right:1rem; bottom:1rem; width:87px; height:24px; line-height:24px; border-radius:16px; border:1px solid #B7B7B7; background:none; color:#B7B7B7; font-size:12px; }
form.mobile { position:relative; }
.search-box { position:relative; width:100%; }
.search-box:not(:valid) ~ .close-icon {
	display: none;
}
.search-box .close-icon {
	position:absolute; right:0px; top:0px;
	border:1px solid transparent;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
    outline: 0;
    cursor: pointer;
}
.search-box .close-icon:after {
	content: "X";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	/* background-color: #eee; */
	background: url('../assets/img/btn_off_close.svg') no-repeat right center / 20px auto;
	z-index:1;
	right: 42px;
	top: 38px;
	bottom: 0;
	font-size:0;
	margin: auto;
	cursor: pointer;
}
.search-box .close-icon2:after {
	right: 14px;
	top: 35px;
	bottom: 0;
}

/* LB */
.lightbox-gallery {
    /* overflow-x: hidden */
}

.lightbox-gallery p {
    color: #fff
}

.lightbox-gallery h2 {
    font-weight: bold;
    margin-bottom: 40px;
    padding-top: 40px;
    color: #fff
}

@media (max-width:1023px) {
    .lightbox-gallery h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px
    }
}

.lightbox-gallery .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto 40px
}

.lightbox-gallery .intro p {
    margin-bottom: 0
}

.lightbox-gallery .photos {
}

.lightbox-gallery .item {
    padding-bottom: 16px
}

/* 셀렉트 커스텀 */
.selectBox {
  /* border: 1px solid #DCDCDC; */
  outline: 1px solid #DCDCDC;
  outline-offset: -1px;
  position: relative;
  padding: 12px 24px;
  cursor: pointer;
  border-radius: 8px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) !important; */
  /* background:url('../assets/img/arr_d_gray2.png') no-repeat 95% center;   */
  transition: all 0.2s ease-in-out;
}
.selectBox.show { /* background:url('../assets/img/arr_d_gray2.png') no-repeat 95% center; */  /* border-bottom-left-radius:0; border-bottom-right-radius:0; */ transition: all 0.2s ease-in-out; }

.selectBox__value {
  position:relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color:#B7B7B7;
}
/* .selectBox__value span+span { position:absolute; right:0; top:0;  transform: translateY(0%) rotate(0deg); transition: all 0.2s ease-in-out; }
.selectBox.show span+span { transform: translateY(0%) rotate(180deg); transition: all 0.2s ease-in-out; } */
.selectBox__value.active { color:#484948; }

.selectBox:after {
  position: absolute;
  right: 24px;
  top: 23px;
  transform: translateY(-50%) rotate(0deg);
  transition: all 0.2s ease-in-out;
  content: "";
  background:url('../assets/img/arr_d_gray.svg') no-repeat right center/ 16px auto;
  width:16px; height:100%;
  color:#B7B7B7;
}

.selectBox .dropdown-menu {
  transition: all 0.5s ease-in-out;
  opacity: 0;
  display: block;
  /* top: 100%; */
  top: 47px;
  left:0;
  width: 100%;
  max-height: 250px;
  z-index: 99;
  overflow-y: auto;
  /* transform: translateY(-15%); */
  visibility: hidden;
  border-top-left-radius:0;
  border-top-right-radius:0;
  border: 1px solid #DCDCDC;
  border-top:2px solid #54C7A2;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) !important; */
}
.selectBox.show {
  background-color: #fff;
}
.selectBox.show:after {
  transform: translateY(-50%) rotate(180deg);
}
.selectBox.show .dropdown-menu {
  transition: all 0.3s ease-in-out;
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0);
}

/* 파일 첨부 */
.input-file {
  position: relative;
  display: block;
}
.input-file .button {
  position: relative;
  /* top: 4px;
  right: 4px; */
  float: none;
  width:88px;
  height: 88px;
  margin: 0;
  padding: 0 14px;
  background-color: #F6F6F6;
  outline: 0;
  border: 0;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  background:url('../assets/img/ico_plus.svg') no-repeat center center / 24px auto #F6F6F6;
  
}
.input-file .button input {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
}

/* 미디어쿼리 */
/* 모바일+태블릿 */
@media (max-width: 1023px) {
	br.pc { display:inline }
	.footer { /* padding:0 15px; */ padding-top:40px; padding-bottom: 5rem; }
	.footer .container.relative { position:relative; }
	.footer .logo_b { width:112px; height:36px; margin-left:16px; margin-bottom:16px; background: url('../assets/img/Footer_LogoWhite@2.png') no-repeat center center / 112px auto; }
	.footer .logo_b img { display:none; }
	.footer .dropdown-menu { right:0; width:100%; min-width:inherit; }
	/* .footer .dropdown button { background:url('../assets/img/arr_Familysite_arrow@2.png') no-repeat 90% 50% / 7px auto; } */
	.footer .sel { bottom:0; }
	.mid .container { padding:0 16px; }
	.footer .inner { padding:0 16px; }
	.footer .mid { padding:40px 0 32px; }
	.footer .menu-bot ul li dt { margin-bottom:16px; }
	.footer .menu-bot ul li dd { margin-bottom:12px; }
	.footer .menu-bot ul li dd:last-child { margin-bottom:0; }
	.footer-menu > .menu li { padding-left:24px; }
	.menu-bot { margin-top:15px; }
	.menu-bot li+li { margin-left:100px; }
	.navbar { height:64px; }
	.navbar > .container { height:64px; }
	.navbar .navbar-toggler img { width:20px; height:auto; }
	.navbar .btn-sch { z-index:2; display:block; position:absolute; right:64px; top:22px; }
	.navbar .btn-sch img { width:18px; height:auto; }
	.sub-nav2 { height:inherit; }
	.sub-nav2 > .container { height:124px; }
	.sub-nav2 form.mobile input { margin:10px 0 16px; border-radius:40px; }
	.sub-nav2 form.mobile .form-control { padding-left:24px; padding-right:68px; /* padding-right:24px; */ background:url('../assets/img/ico_search@2.png') no-repeat 94% center / 18px auto white; }
	.sub-nav2 form.mobile .form-control:focus { background-color: #fff; caret-color:inherit; border-color: #DCDCDC; }
	.sub-nav2 form.mobile a.btn-sch2 { display:block; width:16px; height:16px; position:absolute; right:14px; top:13px; background:url('../assets/img/btn_sch.svg') no-repeat right center / 16px auto white; }
	.sub-nav2 .head-con .form-control { position:absolute; right:0; top:28px; width:392px; height:48px; line-height:48px; padding-left:24px; border:1px solid #DCDCDC; border-radius:40px;  }
	.sub-nav2 { transition: height 0.1s; }
	.sub-nav2 a.navbar-brand { margin-top:7px; /* margin-top:1px; */ /* padding-bottom:0; */ }
	.sub-nav2 .navbar-toggler { /* margin-top:0px; */ margin-top:5px; }
	.sub-nav .container.mobile { position:relative; bottom:14px; }
	.sub-nav2 .container.mobile { position:relative; bottom:10px; /* bottom:0px; */ }
	.sub-nav2 a.close { z-index:2; position:absolute; right:19px; /* top:6px; */ top:17px; color:#8D8D8D; font-size:16px; }
	.sub-nav2 .pr { padding-right:60px; }
	a.navbar-brand { display:inline-block; width:140px; height:24px; padding-left:30px; padding-bottom:44px; background: url('../assets/img/logo.svg') no-repeat left 52% / 24px auto; margin-top:7px; margin-left:16px; /* padding-top:30px; */ }
	/* a.navbar-brand { display:block; width:172px; height:33px; padding-left:40px; padding-bottom:35px; background: url('../assets/img/logo.svg') no-repeat left 17px / 32px auto; font-size:24px; } */
	/* a.navbar-brand img { width:140px; height:auto; } */
	#mainNav .navbar-nav { margin:0 25px; padding-left:0; padding-right:0; border-top:1px solid #F0F0F0; }
	ul.navbar-nav > li.active > .nav-link { /* background:#54C7A2; */ color:white!important; }
	ul.navbar-nav > li.active > .nav-link.rounded { border-radius:1rem!important; }
	.offcanvas-body { padding-top:5px; padding-bottom:32px; }
	.offcanvas-body > div > img { width:16px; height:auto; }
	.offcanvas-title img { width:100px; height:auto; }
	.user { display:none; }
	ul.navbar-nav > li:nth-child(1).active > .nav-link { background:url('../assets/img/ico_u_star_w@2.png') no-repeat 15px 50% / 14px auto #54C7A2; }
	ul.navbar-nav > li:nth-child(2).active > .nav-link { background:url('../assets/img/ico_u_comment-info-alt_w@2.png') no-repeat 15px 50% / 14px auto #54C7A2; }
	ul.navbar-nav > li:nth-child(3).active > .nav-link { background:url('../assets/img/ico_u_web-grid-alt_w@2.png') no-repeat 15px 50% / 14px auto #54C7A2; }
	ul.navbar-nav > li:nth-child(4).active > .nav-link { background:url('../assets/img/ico_u_layer-group_w@2.png') no-repeat 15px 50% / 14px auto #54C7A2; }
	ul.navbar-nav > li:nth-child(5).active > .nav-link { background:url('../assets/img/ico_u_sitemap_w@2.png') no-repeat 15px 50% / 15px auto #54C7A2; }
	ul.navbar-nav > li:nth-child(6).active > .nav-link { background:url('../assets/img/ico_u_file-alt_w@2.png') no-repeat 15px 50% / 11px auto #54C7A2; }
	ul.navbar-nav > li:nth-child(7).active > .nav-link { background:url('../assets/img/ico_u_comments-alt_w@2.png') no-repeat 15px 50% / 14px auto #54C7A2; }
	ul.navbar-nav > li:nth-child(1) > .nav-link { background:url('../assets/img/ico_u_star@2.png') no-repeat 15px 50% / 14px auto white; }
	ul.navbar-nav > li:nth-child(2) > .nav-link { background:url('../assets/img/ico_u_comment-info-alt@2.png') no-repeat 15px 50% / 14px auto white; }
	ul.navbar-nav > li:nth-child(3) > .nav-link { background:url('../assets/img/ico_u_web-grid-alt@2.png') no-repeat 15px 50% / 14px auto white; }
	ul.navbar-nav > li:nth-child(4) > .nav-link { background:url('../assets/img/ico_u_layer-group@2.png') no-repeat 15px 50% / 14px auto white; }
	ul.navbar-nav > li:nth-child(5) > .nav-link { background:url('../assets/img/ico_u_sitemap@2.png') no-repeat 15px 50% / 15px auto white; }
	ul.navbar-nav > li:nth-child(6) > .nav-link { background:url('../assets/img/ico_u_file-alt@2.png') no-repeat 15px 50% / 11px auto white; }
	ul.navbar-nav > li:nth-child(7) > .nav-link { background:url('../assets/img/ico_u_comments-alt@2.png') no-repeat 15px 50% / 14px auto white; }
	.rolling .card-w.card1 > div, 
	.rolling .card-w.card2 > div, 
	.rolling .card-w.card3 > div, 
	.rolling .card-w.card4 > div { padding:15px 20px; }
	.rolling .card-w.card1 > div { min-height:100%; padding:30px 25px; background-size: 40px auto; }
	.rolling .card-w.card2 > div { min-height:100%; padding:30px 25px; background:url('../assets/img/ico_Start2@2.png') no-repeat 90% 85% / 40px auto white; }
	.rolling .card-w.card3 > div { min-height:100%; padding:30px 25px; background:url('../assets/img/ico_Start3@2.png') no-repeat 90% 85% / 40px auto white; }
	.rolling .card-w.card4 > div { min-height:100%; padding:30px 25px; background:url('../assets/img/ico_Start4@2.png') no-repeat 90% 90% / 50px auto white; }
	.rolling a.btn-view { margin-top:8px!important; width:89px; height:28px; background:url('../assets/img/btn_Allmore@2.png') no-repeat center center / 89px auto; }
	.rolling a.btn-view img { display:none; }
	.card-w .btn-go { margin-top:8px!important; width:79px; height:22px; background:url('../assets/img/btn_More@2.png') no-repeat center center / 79px auto; }
	.card-w .btn-go img { display:none; }
	.masthead { overflow:hidden; padding-top: calc(6rem + 32px); padding-bottom: 56px; }
	/* iOS */
	.masthead .search-box .close-icon { right:10%; top:4px; }
	/* 크롬 only */
	@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	   .masthead .search-box .close-icon2:after { /* top:34px; */ top:17px; } /* 23/07/28 삭제 버튼 위치 변경 */
	}


	.slogan { width:100%; }
	.slogan p { width:311px; height:42px; margin:0 auto; background:url('../assets/img/txt_Text-ask@2.png') no-repeat 90% 85% / 311px auto transparent; }
	.slogan p > img { width:311px; height:auto; }
	.slogan .form-control { width:80%!important; height:44px!important; line-height:44px!important; margin:25px auto 0; padding-left:51px; padding-right:40px; background:url('../assets/img/ico_search.svg') no-repeat 24px center / 19px auto white; font-size:18px; }
	.sub-cont .top a.ask { width:95px; height:40px; }
	.sub-cont .top a.ask span { padding-left:12px; }
	.sub-cont .top a.ask { top:3px; background:url('../assets/img/arr_r_white@2.png') no-repeat 90% 50% / 5px auto #54C7A2; }
	.sub-wrap { padding:0 16px 80px; }
	.sub-wrap .col { margin-top:32px; }
	.sub-wrap .card { padding:32px 18px; }
	.sub-wrap .card .top > a { display:inline-block; width:25px; height:25px; background:url('../assets/img/ico_Circle_Right.svg') no-repeat center center / 24px auto; font-size:16px; font-weight:normal; color:#484948; }
	.sub-wrap .card .top > a object { display:none; }
	.sub-wrap .card .bot .col { margin-top:0; }
	.sub-wrap .card a img { display:none; }
	.sub-wrap .card .bot ul li a { width:100%; }
	.row-cols-sm-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	.rolling { margin-top:80px; padding-left:15px; }
	.rolling .container.py-4 { padding-top:24px!important; }
	.rolling .card-w { height:145px; }
	.rolling h4 { font-size:34px; font-weight:500; }
	.rolling .card-w h5 { font-size:20px; }
	/* .rolling .swiper-container { overflow:visible!important; } */
	.rolling .swiper-slide { 
		width:45%!important;
		position:relative;
		overflow:hidden;
		margin-right: 15px;
	}
	#back-top { margin-left: 80%!important; }
	.head-con { padding-top: 5rem!important; }
	.head-con2 { padding-top: 9rem!important; }
	.head-con form { display:none; }
	.start { margin-bottom:32px; }
	.start .row { --bs-gutter-x: 1rem; }
	.start .col { margin-top:0; margin-bottom:16px; }
	/* .start div div:last-child { margin-bottom:32px!important; } */
	.start .card-w { height:145px; }
	.start .card-w h5 { font-size:20px; }
	.start .btn-go { margin:8px 0 0 0; }
	.start .card-w div { padding:15px 20px!important; /* background-size: 40px auto!important; */ }
	.start .card-w.card1 > div { background-size: 40px auto; }
	.start .card-w.card2 > div { background-size: 40px auto; }
	.start .card-w.card3 > div { background-size: 40px auto; }
	.start .card-w.card4 > div { background-size: 50px auto; }
	.start .card-w.card5 > div { background-size: 44px auto; }
	.start .card-w.card6 > div { background-size: 40px auto; }
	.start .card-w.card7 > div { background-size: 49px auto; }
	.start .card-w.card8 > div { background-size: 44px auto; }
	.sub-cont .top h5 { padding-top:5px!important; padding-bottom:24px; background:url('../assets/img/ico_bean.svg') no-repeat 3px 0 / 34px auto!important; }
	.pagination .prev a { margin-right:18px!important; }
	.pagination .next a { margin-left:18px!important; }
	.pagination .prev a,
	.pagination .prev a:focus { margin-right:24px; border:none; background:url('../assets/img/btn_circle_l.svg') no-repeat 90% 85% / 40px auto transparent; }
	.pagination .next a,
	.pagination .next a:focus { margin-left:24px; border:none; background:url('../assets/img/btn_circle_r.svg') no-repeat 90% 85% / 40px auto transparent; }
	.pagination .page-link:focus { width:40px; background:#54C7A2; border:1px solid #54C7A2; color:white; }
	.lst-tip { margin-bottom:24px; padding:24px 16px; }
	.lst-tip li+li { margin-top:24px; padding-top:24px; }
	.lst-tip dd { margin-top:8px; }
	.lst-tip .comment span { display:inline-block; position:relative; top:2px; width:14px; height:17px; background: url('../assets/img/ico_comment.svg') no-repeat left 4px / 14px auto; }
	.breadcrumb li:last-child { overflow:hidden; width:48%; text-overflow:ellipsis; white-space:nowrap; word-wrap: normal !important; }
	.breadcrumb li+li { background-size:6px auto; }
	.container.tip .row { margin:0 -16px; }
	.container.tip .row.photos { margin:0 -16px 0 0; }
	.container.tip .row .col { margin-top:-15px; padding-left:0!important; padding-right:0!important; }
	.container.tip .row .col-sm-3 { padding-right: calc(var(--bs-gutter-x) * 0.1); padding-left: calc(var(--bs-gutter-x) * 0.1); }
	.container.tip .row > .sidemenu { display:none; }
	.container.tip .row > div+div > div.tip-cont { padding:25px 16px; border-radius:0; }
	.container.tip .tip-cont > dl > dd { margin-top:5px; }
	.container.tip .col-lg-8 { width:100%; }
	.tip-cont .inner { padding-left:0; padding-right:0; padding-bottom:80px; }
	.tip-cont .inner > ol > li { font-size:14px; list-style:none!important; }
	.tip-cont .comment span { display:inline-block; position:relative; top:2px; width:14px; height:17px; background: url('../assets/img/ico_comment@2.png') no-repeat left 4px / 14px auto!important; }
	.photos .col-sm-3 { width:24%; }
	.files .item a { min-height:100%; }
	.files span.zoom { display:block; position:absolute; bottom:8px; right:8px; width:30px; height:30px; background: url('../assets/img/btn_Expansion@2.png') no-repeat center center / 30px auto!important; }
	.files span.zoom img { display:none; }
	/* .lightbox .lb-image { width:100%!important; height:auto!important; } */
	.lb-outerContainer { width:100%!important; }
	.lst-tip dt a { line-height:12px; }
	.lst-tip ol.ml60 li span.stats,
	.tip-cont span.stats { width:54px; height:54px; line-height:51px; font-size:16px; }
	.card .bot span.stats { width:44px; height:44px; line-height:41px; font-size:16px; }
	.card .bot.m2m li { padding-left:51px!important; }
	.lst-tip ol.ml60 li span.complete,
	.tip-cont span.complete { padding-top:8px; line-height:18px; }
	.lst-tip.question > div { min-height:274px; background: url('../assets/img/ico_ask_docu.svg') no-repeat right 90% / 114px auto; }
	.lst-tip.question > div > dl > dd { display:none; }
	.lst-tip.question > div > dl > dt { font-size:18px; font-weight:500; color:#484948; }
	.lst-tip.question .position-absolute { position:inherit!important; transform:inherit!important; }
	.lst-tip.question > div > dl > a { display:block; margin-top:24px; }
	.lst-tip.question > div > dl > a img { width:110px; height:auto; }
	.lst-tip.search { height:293px; }
	.lst-tip.search > div > dl { width:100%; padding-top:120px; background: url('../assets/img/ico_not_found.svg') no-repeat center 0 / 80px auto; text-align:center; }
	.lst-tip.search > div > dl > dt { font-size:18px; font-weight:500; color:#484948; }
	.lst-tip.search > div > dl > dd { margin-top:25px; font-size:16px; color:#8D8D8D; }
	.lst-tip.search > div > dl > a { display:none; }
	.lst-tip-m { padding-left:32px; padding-right:32px; }
	.sub-cont .top .ask2 { display:none!important; }
	.tip-cont .inner2 { padding-bottom:82px; }
	.tip-cont .inner2 .head { padding-left:22px; background: url('../assets/img/ico_reply.svg') no-repeat 6px 5px / 11px auto; }
	.tip-cont .inner2 .txt { padding:24px 0 0!important; color:#484948; }
	.tip-cont p.btns a { width: calc(50% - 6px); }
	.tip-cont p.btns a.btn-edit span { display:inline-block; padding-left:38px; background:url('../assets/img/ico_edit.svg') no-repeat left center / 26px auto; }
	.tip-cont p.btns a.btn-ask span { display:inline-block; padding-left:38px; background:url('../assets/img/ico_chk.svg') no-repeat left center / 26px auto; }
	.form-cont textarea { min-height:456px; }
	.files-upload { margin-top:16px; }
	.files-upload p.tit { font-size:14px; }
	.input-file .button { background-size: 22px auto }
	.selectBox:after {
		background-size:18px auto;
		width:18px; height:10px;
		display:inline-block;
	}
	.files-upload .img img { width:100%; height:auto; }
	.files-upload .img button { right:8px; bottom:8px; }
	.files-upload .img button img { width:30px; height:30px; }
	.layer-type .modal-dialog { margin:0 24px; }
	.layer-type .modal-footer { width:100%; /* padding:1rem; */ padding:12px; padding-top:0; }
	.layer-type .modal-footer button { width:100%; }
	#menu-sch .swiper-wrapper li a { font-size:18px; }
	.m-hidden { display:none; }
	.sub-nav { height:inherit; }
	.sub-nav > .container { height:124px; }
	.sub-nav form.mobile {  }
	.sub-nav form.mobile input { margin:16px 0 16px; border-radius:40px; }
	.sub-nav form.mobile .form-control { padding-left:24px; padding-right:24px; background:url('../assets/img/ico_search@2.png') no-repeat 94% center / 18px auto white; }
	.sub-nav form.mobile .form-control:focus { background-color: #fff; caret-color:inherit; border-color: #DCDCDC; }
	.container .form-control[type="search"]::-webkit-search-cancel-button { right:11px; bottom:7px; }
	.sub-nav .head-con .form-control { position:absolute; right:0; top:28px; width:392px; height:48px; line-height:48px; padding-left:24px; border:1px solid #DCDCDC; border-radius:40px;  }
	.search .row > .col-8 .pb-0 { padding-bottom:32px!important; }
	.search .row > .col-4 { margin-top:1rem; }
	.search .row > .col-4 .card .top .btn-q span,
	.col .card .top .btn-q span { display:inline-block; width:5px; height:8px; margin-left:8px; background:url('../assets/img/arr_r_gray.svg') no-repeat left center/ 4px auto; }
	.question .btn-q { display:inline-block; position:absolute; left:2rem; top:4.5rem; width:102px; height:28px; line-height:28px; border-radius:16px; border:1px solid #B7B7B7; color:#B7B7B7; font-size:16px; }
	.question .btn-q span { display:inline-block; width:4px; height:9px; margin-left:8px; background:url('../assets/img/arr_r_gray.svg') no-repeat left top / 4px auto transparent; }
	.pbm-80 { padding-bottom:80px!important; }
	.overlay {
		z-index: 9999;
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.40);
		transition: opacity 0.15s linear;
	}
	#back-top span { background: url('../assets/img/btn_top@2.png') no-repeat center center / 72px auto!important; }
	.dropdown-menu-m { z-index:10000; position:fixed; bottom:0; left:0; width:100%; border-radius:8px 8px 0 0px; background:white; }
	.dropdown-menu-m > div { padding:16px 24px 64px; }
	.dropdown-menu-m .form-check { padding-top:26px; padding-bottom:38px; border-bottom:1px solid #DCDCDC; }
	.dropdown-menu-m .form-check.on { background: url('../assets/img/ico_select-check@2.png') no-repeat right 34px / 21px auto!important; }
	.dropdown-menu-m label { position:relative; left:8px; top:5px; }
	.dropdown-menu-m .form-check-input:checked[type=radio] { background: url('../assets/img/ico_Radio-seclect@2.png') no-repeat center center / 24px auto!important; }
	.col.m2m { order:-1; }
	.container.search .top a { bottom:12px; }
	/*.selectBox .dropdown-menu { display:none; }
	.selectBox .dropdown-menu2 {
	  z-index:20001;
	  transition: all 0.5s ease-in-out;
	  opacity: 0;
	  display: none;
	  
	  top: 47px;
	  left:0;
	  width: 100%;
	  max-height: 250px;
	  z-index: 99;
	  overflow-y: auto;
	  
	  visibility: hidden;
	  border-top-left-radius:0;
	  border-top-right-radius:0;
	  border: 1px solid #DCDCDC;
	  border-top:2px solid #54C7A2;
	  
	}
	.selectBox.show .dropdown-menu2 {
	  position:absolute;
	  transition: all 0.3s ease-in-out;
	  visibility: visible;
	  opacity: 1;
	  z-index: 20001;
	  transform: translateY(0);
	}
	*/

}
/* PC */
@media (min-width: 1024px) {
	br.pc { display:block; }
	.breadcrumb { position:relative; bottom:8px; }
	.head-con { padding-bottom: 4px; }
	.head-con .form-control { padding-right:60px; }
	.masthead .search-box .close-icon { right:0%; top:2px; }
	.masthead .search-box .close-icon:after { right:2rem; /* top:47px; */ width:24px; height:24px; background-size:24px 24px; top:27px; } /* 23/07/28 삭제 버튼 위치 변경 */
	.footer > div { padding:0 16px; }
	.footer .cs { position:absolute; left:0; top:0; }
	.footer .menu-bot { margin-left:300px; }
	.footer .menu-bot ul li+li { margin-left:150px; }	
	.footer .menu-bot dl dd+dd { margin-top:10px; }
	.footer .sel { right:0; }
	.footer .logo_b img { width:115px; height:auto; }
	.footer-menu li+li a { padding-left:15px; }
	.navbar-nav a.nav-link.active { background:none!important; color:#484948; }
	.navbar-nav .active .nav-link { color:#54C7A2!important; }
	.navbar-expand-xl .offcanvas-body { display: flex; }
	#mainNav .navbar-nav { padding-left:70px; }
	a.navbar-brand { display:block; width:172px; height:33px; padding-left:40px; padding-bottom:35px; background: url('../assets/img/logo.svg') no-repeat left 16px / 32px auto; font-size:24px; }
	/* #mainNav a.navbar-brand img { width:172px; height:32px; } */
	.navbar > .container > .pd16 { padding:0 16px }
	.slogan p { width:503px; height:68px; margin:0 auto; background:url('../assets/img/txt_ask.svg') no-repeat 90% 85% / 503px auto transparent; }
	.slogan .form-control { width:800px; margin-top:34px; }
	/* .container.py-3.pt16 { padding-top:16px!important; } */
	.rolling .card-w,
	.start .card-w { height:232px; }
	.rolling .swiper-slide { overflow: hidden; width: calc(25% - 40px); margin: 0 20px; }
	.rolling .swiper-wrapper { width:inherit; margin:0 -20px; }
	.rolling h4 { margin-bottom:8px; }
	.rolling a.btn-view img { width:89px; height:auto; }
	.sub-wrap .row { 
		margin-right: calc(-1 * var(--bs-gutter-x));
		margin-left: calc(-1 * var(--bs-gutter-x));
		/* margin:0!important; */
	}
	.sub-wrap .row .col { margin-bottom:40px; /* padding-left:20px; padding-right:20px; */ }
	.sub-wrap .row > * { 
		padding-right: calc(var(--bs-gutter-x) * 1.0);
		padding-left: calc(var(--bs-gutter-x) * 1.0);
	}
	.sub-wrap2 .row > * { 
		/* padding-right: inherit;
		padding-left: inherit; */
	}
	.navbar .btn-sch { display:none; }
	.files > p { font-size:12px; }
	.row.photos div+div { margin-left:16px; }
	.row.photos div:nth-child(8),
	.row.photos div:nth-child(15),
	.row.photos div:nth-child(22) { margin-left:0; }
	.photos .item { /* flex: 0 0 auto; */ width:96px; /* height:96px; */ }	
	.files .item { /* flex: 0 0 auto; */ width:91px; }	
	.files .item a { width:96px; height:96px; }
	.lb-outerContainer {
	    /* position: relative;
	    *zoom: 1;
	    max-width: 1248px;
	    		width:inherit!important; */
	}
	.lightbox .lb-image { margin:0 auto; }
	.lst-tip span.stats,
	.tip-cont span.stats,
	.card .bot span.stats { width:44px; height:44px; line-height:41px; }
	.lst-tip span.complete,
	.tip-cont span.complete,
	.card .bot span.complete { padding-top:6px; line-height:15px; }
	.lst-tip.question,
	.lst-tip.search { height:60vh; }
	.lst-tip.question > div > dl { padding-top:160px; background: url('../assets/img/ico_ask_docu.svg') no-repeat center 0; text-align:center; }
	.lst-tip.question > div > dl > dt { font-size:24px; font-weight:500; color:#484948; }
	.lst-tip.question > div > dl > dd { margin-top:25px; font-size:16px; color:#8D8D8D; }
	.lst-tip.question > div > dl > a { display:none; }
	.lst-tip.search > div > dl { padding-top:120px; background: url('../assets/img/ico_not_found.svg') no-repeat center 0; text-align:center; }
	.lst-tip.search > div > dl > dt { font-size:24px; font-weight:500; color:#484948; }
	.lst-tip.search > div > dl > dd { margin-top:25px; font-size:16px; color:#8D8D8D; }
	.lst-tip.search > div > dl > a { display:none; }
	.lst-tip .comment span { display:inline-block; position:relative; top:2px; width:15px; height:18px; background: url('../assets/img/ico_comment.svg') no-repeat left 4px; }
	.tip-cont .inner2 .head { padding-left:38px; background: url('../assets/img/ico_reply.svg') no-repeat 16px 5px; }
	.tip-cont .inner2 .txt { padding:32px 16px 0; color:#484948; }
	.tip-cont p.btns a { width:186px; margin:0 8px; }
	.tip-cont p.btns a.btn-edit span { display:inline-block; padding-left:40px; background:url('../assets/img/ico_edit.svg') no-repeat left center; }
	.tip-cont p.btns a.btn-ask span { display:inline-block; padding-left:40px; background:url('../assets/img/ico_chk.svg') no-repeat left center / 26px auto; }
	.tip-menu .bt-line { margin:0 20px; margin:0 14px 0 20px; padding-top:20px; padding-bottom:48px; border-top:1px solid #DCDCDC; color:#484948; }
	.selectBox { width:50%; }
	.selectBox.show { border-bottom-left-radius:0; border-bottom-right-radius:0; } 
	.form-cont textarea { min-height:487px; }
	.files-upload p.tit { font-size:12px; }
	.files-upload .img { width:96px; height:96px; }
	.files-upload .img img { width:96px; height:96px; }
	.layer-type .modal-dialog { width:364px; }
	.layer-type .modal-footer button { width:153px; }
	form.mobile,
	.container.mobile { display:none; }
	.sub-wrap .row.faq { margin-right: calc(-0.8 * var(--bs-gutter-x)); margin-left: calc(-0.8 * var(--bs-gutter-x)); }
	.sub-wrap .row.faq > * { padding-right: calc(var(--bs-gutter-x) * 0.8); padding-left: calc(var(--bs-gutter-x) * 0.8); }
	/* .sub-wrap .card .bot ul li { background:url('../assets/img/arr_r_gray3.png') no-repeat right center; } */
	.sub-wrap .row.faq .col ul li a { width:100%!important; background:url('../assets/img/arr_r_gray.svg') no-repeat right center / 6px auto; }
	.col-4 .card .top .btn-q span,
	.col .card .top .btn-q span { display:inline-block; width:5px; height:8px; margin-left:8px; background:url('../assets/img/arr_r_gray.svg') no-repeat left center / 4px auto; }
	.col-4 .card .bot p { color:#484948; }
	.col-4 .card .bot div { min-height:274px; background: url('../assets/img/ico_ask_docu@2.png') no-repeat right 90% / 114px auto; }
	.pb-50 { padding-bottom:50px!important; }
	.dropdown-menu2 { display:none!important; }
	.dropdown-menu-m { display:none!important; }
	.container.search .top a { bottom:16px; }
}
/* Temp */
@media screen and (min-width : 1023px) and (max-width : 1130px) {
	#mainNav .navbar-nav { padding-left:0px; }
}
@media screen and (min-width : 1024px) and (max-width : 1248px) {
	.offcanvas .user { right:1rem; }
	.navbar-brand { margin-left:1rem; }
}
@media screen and (min-width : 601px) and (max-width : 1023px) {
	.tip-cont { border-radius:8px!important; }
}

.relative { position:relative!important; }
.bg-w { background:white; }
.pb-40 { padding-bottom:40px!important; }
.pl-60 { padding-left:60px!important; }
.bt-none { border-top:none!important; }
ol li::marker { font-size:0; }
#back-top {position: fixed; bottom: 30px; margin-left: 90%; }
#back-top a { display: block;}
#back-top span { width: 64px; height: 64px; display: block; margin-bottom: 7px; background: url('../assets/img/btn_Top@pc2.png') no-repeat center center / 64px auto; }
/* clears the 'X' from Internet Explorer */
/*input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; } */

/* clears the 'X' from Chrome */
/* input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; } */

::-webkit-input-placeholder {color: #B7B7B7!important;  }
:-moz-placeholder {color: #B7B7B7!important;  } 
::-moz-placeholder {color: #B7B7B7!important; opacity: 1!important; } 
:-ms-input-placeholder {color: #B7B7B7!important; }

.form-cont textarea::-webkit-input-placeholder {  color: #B7B7B7; }
.form-cont textarea:-moz-placeholder { /* Firefox 18- */  color: #B7B7B7; }
.form-cont textarea::-moz-placeholder {  /* Firefox 19+ */ color: #B7B7B7; }
.form-cont textarea:-ms-input-placeholder { color: #B7B7B7; }
.form-cont textarea::placeholder { color: #B7B7B7; }

img { image-rendering: -webkit-optimize-contrast; }

.modal-backdrop+.modal-backdrop {
  opacity : 0;
}