@charset "UTF=8";
/* 전체설정 */
* {margin: 0; padding: 0;}
ol, ul, li {list-style: none;}
body {font-family: 'Pretendard', Dotum, Sans-serif; font-weight: 300; font-size: 1rem;}
a {text-decoration: none; color: #000000;}
img {border: none;}
button {background-color: transparent; border: 0; padding: 0; margin: 0;font-family: 'Pretendard', Dotum, Sans-serif; cursor: pointer;}
img {vertical-align: middle;}
textarea , input {font-family: 'Pretendard', Dotum, Sans-serif;}
.padding-500 {padding: 300px 4%;}
/* ************* */
/**** 공통사항 ****/
/* ************* */
.d-flex {display: flex;}
.d-block {display: block;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-primary {color: #f47320;}
.text-dark {color: #000000;}
.text-white {color: #ffffff;}
.text-dark-gray {color: #555555;}
.text-gray-999 {color: #999999;}
.text-blue {color: #006de7;}
.text-red {color: #e00000;}
.bag-white {background-color: #ffffff;}
h1 {font-size: 40px;}
h2 {font-size: 32px;}
h3 {font-size: 28px;}
h4 {font-size: 20px;}
h5 {font-size: 16px;}
h6 {font-size: 16px;}
.text-12 {font-size: 12px;}
.text-13 {font-size: 13px;}
.text-14 {font-size: 0.875rem;}
.text-15 {font-size: 15px;}
.text-16 {font-size: 1rem;}
.text-18 {font-size: 1.125rem;}
.text-20 {font-size: 1.25rem;}
.text-24 {font-size: 1.5rem;}
.small {font-size: 14px;}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.fw-800 {font-weight: 800;}
.d-block {display: block;}
.d-flex {display: flex;}
.m-0 {margin: 0;}
.mt-5 {margin-top: 5px;}
.mt-8 {margin-top: 0.5rem;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.mt-70 {margin-top: 70px;}
.mt-80 {margin-top: 80px;}
.mt-90 {margin-top: 90px;}
.mt-130 {margin-top: 130px;}
.mt-150 {margin-top: 150px;}
.mb-5 {margin-bottom: 5px;}
.mb-8 {margin-bottom: 0.5rem;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-90 {margin-bottom: 90px;}
.mb-130 {margin-bottom: 130px;}
.mb-150 {margin-bottom: 150px;}
.ml-5 {margin-left: 5px;}
.ml-8 {margin-left: 0.5rem;}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.ml-40 {margin-left: 40px;}
.ml-50 {margin-left: 50px;}
.ml-60 {margin-left: 60px;}
.ml-70 {margin-left: 70px;}
.ml-90 {margin-left: 90px;}
.ml-130 {margin-left: 130px;}
.ml-150 {margin-left: 150px;}

.img-fluid {max-width: 100%;}

.debug-box { border : 1px solid red; }

.mem-label { display:inline-block; margin-top:15px;padding-right:8px;}
.iw100 	{ width:100%; }
.iw90  	{ width:90%; }
.iw80  	{ width:80%; }
.iw75  	{ width:75%; }
.iw70  	{ width:70%; }
.iw50  	{ width:50%; }
.iw40 	{ width:40%; }
.iw30 	{ width:30%; }
.iw25  	{ width:25%; }
.iw20  	{ width:20%; }
.iw10  	{ width:10%; }

.pw100 	{ width:100px; }
.pw90  	{ width:90px; }
.pw80  	{ width:80px; }
.pw75  	{ width:75px; }
.pw70  	{ width:70px; }
.pw50  	{ width:50px; }
.pw40 	{ width:40px; }
.pw30 	{ width:30px; }
.pw25  	{ width:25px; }
.pw20  	{ width:20px; }
.pw10  	{ width:10px; }

.mh10  { min-height:10px; }
.mh20  { min-height:20px; }
.mh30  { min-height:30px; }
.mh50  { min-height:50px; }
.mh70  { min-height:70px; }
.mh90  { min-height:90px; }

.textbox-gray 	{ padding: 8px; border : 1px solid #efefef; }
.textbox-black 	{ padding: 8px; border : 1px solid black; }

.input-box-view { padding: 8px; border : 0px solid white !important; }
.pad-5  { padding: 5px  !important; }
.pad-10 { padding: 10px !important; }
.pad-15 { padding: 15px !important; }
.pad-20 { padding: 20px !important; }


.btn-circle {
    background-color: #eeeeee;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

/* 입력항목 추가 + 텍스트 세로 정렬 */
.input-additem-aligntext { position:relative; left:5px; top:3px; }
@media screen and (min-width: 1200px) {
	.input-additem-aligntext { position:relative; left:3px; top:3px; }
	.search-ml-20 { margin-left : 20px; }
	.search-ml-50 { margin-left : 50px; }
}

@media screen and (min-width: 700px) {
	.input-additem-aligntext { position:relative; left:3px; top:3px; }
	.search-ml-20 { margin-left : 20px; }
	.search-ml-50 { margin-left : 10px; }
}
@media screen and (max-width:420px) {
	.input-additem-aligntext { position:relative; left:3px; top:3px; }
	.search-ml-20 { margin-left : 20px; }
	.search-ml-50 { margin-left : 10px; }
}
@media screen and (max-width:320px) {
	.input-additem-aligntext { position:relative; left:3px; top:3px; }
	.search-ml-20 { margin-left : 0px; width : 100% !important;}
	.search-ml-50 { margin-left : 0px; }
}


input {height: 50px; padding: 14px; box-sizing: border-box; -webkit-box-sizing: border-box;  border-radius: 5px; margin-right: 5px;}
input:focus-visible {outline: 0;}
select {border: 1px solid #dddddd; border-radius: 8px; padding: 14px; color: #555555; -webkit-appearance:none; -moz-appearance:none;  appearance:none; background-image: url("/images/select-icon.png"); background-repeat: no-repeat; background-position:  center right 14px;font-family: 'Pretendard', Dotum, Sans-serif; font-weight: 500;}
select option {padding: 14px; display: block;}
/* ********************* */
/* ********layout******* */
/* ********************* */
.container {max-width: 1200px; padding-left: 4%; padding-right: 4%; margin-left: auto; margin-right: auto;}
.container-02 {padding-left: 4%; padding-right: 4%; margin-left: auto; margin-right: auto;}
.container-fluid {padding-left: 4%; padding-right: 4%;}
@media screen and (min-width: 1200px) {
    .container {padding-left: 20px; padding-right: 20px;}
    .container-02 {padding-left: 50px; padding-right: 50px;}
    .container-fluid {padding-left: 70px; padding-right: 70px;}
}
/* ********************* */
/* ******* button ****** */
/* ********************* */
.btn {font-size: 18px; border-radius: 5px; display: block; width: fit-content;}
.btn-primary {background-color: #f47320;color: #ffffff; font-weight: 700; min-height: 50px; min-width: 95px;padding: 14px 30px;box-sizing: border-box; -webkit-box-sizing: border-box; }
.btn-dark {padding: 14px 30px;box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #000000; color: #ffffff; min-height: 50px;}
.btn-line-dark {border: 1px solid #000000; box-sizing: border-box; -webkit-box-sizing: border-box;padding: 14px 30px; font-weight: 700; min-height: 50px; }
.btn-or {background-color: #f47320;color: #ffffff; font-weight: 700; min-height: 50px; min-width: 95px;padding: 14px 30px ; }
.btn-dark-gray {background-color: #4d4948; color: #ffffff;padding: 14px 30px ;min-height: 50px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.btn-cursor { cursor : pointer; }
/* ************ */
/**** header ****/
/* ************ */
.top-menu {padding-top: 20px; font-size: 15px; color: #555555;}
.top-menu ul {display: flex; justify-content: end;}
.top-menu ul li {position: relative;}
.top-menu ul li:not(:last-child) {margin-right: 12px; padding-right: 12px;}
.top-menu ul li:not(:last-child)::after {content: ""; display: block; width: 1px ; height: 12px; background-color: #d9d9d9; position: absolute; top: 4px; right: 0;}
/* logo */
.gnb .nav-brand  {font-size: 30px; font-weight: 800; height: 100%; display: block; padding-left:8px; }
.gnb .logo {vertical-align: baseline;}
.logo-primary {color: #f47320;}
.logo-dark {color: #1a1a1a;}
.logo-dot {font-size: 60px;}
.header {width: 100%; height: auto; position: relative; top: 0; left: 0; min-height: 140px; z-index: 1002; background-color: #ffffff;transition: all 0.5s ease;}
.header .dropdown-menu {min-width: 0; width: 100%; text-align: center;}
.header.isFixed {position: fixed; padding-top: 0.5rem;}
/* logo */
/* .nav-brand {position: absolute; top: 50%; left: 4%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} */
.navbar-brand .logo-dark {display: none;}

.logo {width: 220px; height: auto;}	

@media screen and (min-width: 1200px) {
    .nav-brand {left: 20px; padding-left:8px; }
    .header {min-height: 130px;}
    .top-menu  {padding-bottom: 15px;}
}

@media screen and (max-width:420px) {
    .top-menu {font-size: 14px;}
	.logo {width: 170px; height: auto;}
}
@media screen and (max-width:320px) {
    .top-menu ul li:not(:last-child) {margin-right: 10px; padding-right: 10px;}
	.logo {width: 140px; height: auto;}
}
/* gnb */
.gnb {width: 100%; /* height: 90px; */}
.gnb > .container {height: 100%; display: flex; justify-content: space-between; align-items: center; position: relative;}
.gnb .nav-list {display: flex; justify-content: flex-start; align-items: center;}
.gnb .nav-item {position: relative;}
.gnb .nav-item:hover::after {opacity: 1; visibility: visible;}
.gnb .nav-item::after {content: ''; width: 10px; height: 10px; background-color:  #f47320;; position: absolute; top: -2px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 50rem; border-radius: 50rem; opacity: 0; visibility: hidden;}
.gnb .nav-item:hover .nav-link {color:  #f47320;}
.gnb .nav-item.active::after {opacity: 1; visibility: visible;}
.gnb .nav-item.active .nav-link {color:  #f47320;}
.gnb .nav-link {padding: 1rem 1.5rem; font-size: 1.125rem; font-weight: 500; display: block;}
.gnb .nav-item:last-child>a{padding-right: 0;}
.gnb .nav-item:last-child::after {-webkit-transform: translateX(0.5rem); transform: translateX(0.5rem);}
.gnb .nav-item:hover .submenu {display: block;}

.gnb .nav-item:last-child .submenu  {left: auto; right: 0; transform: translateX(0);}
/* submenu */
.submenu {min-width: 45px; padding:1.125rem; background-color: #ffffff;   -webkit-border-radius: 0.5rem; border-radius: 0.5rem; position: absolute; top: 100%; left: 50%; box-shadow: 1px 0px 3px rgba(0,0,0,0.3); white-space: nowrap; display: none; background-color: #4d4948; font-weight: 400; text-align: center; transform: translateX(-50%); z-index: 99;}
.sub-item:not(:last-child) {margin-bottom: 10px;}
.sub-item.active {color:  #f47320;;}
.sub-item.active .sub-link::after {opacity: 1; visibility: visible;}
.sub-link {color: inherit; position: relative; display: inline-block; color: #ffffff; font-weight: 300;}
@media screen and (max-width:1199px){
    .gnb > .container {flex-direction: column; align-items: flex-start;}
    .gnb .nav-list {white-space: nowrap; min-width: 800px;}
    .gnb .nav-item:hover::after {opacity: 0;}
    .gnb .nav-item.active::after {opacity: 0;}
    .nav-brand-area {display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 1rem;}
    .gnb .nav-item:first-child a{padding-left: 0;}
}
@media screen and (max-width:992px) {
    .gnb .nav-item:hover .submenu {display: none;}
    .list-responsive {overflow-x: auto; width: 100%; overflow-y: clip; min-height: 54px;}
}
/* 전체메뉴 버튼 */
.btn-trigger {
    width: auto;
    height: 22px;
}
.btn-trigger img {height: 100%; width: auto;}
@media screen and (min-width: 1200px) {
    .util-list {display: flex;}
    .gnb .nav-list {display: flex;}
    .btn-util {display: none;}
    .btn-trigger {display: none;}
    
}
/* 전체 메뉴 */
.all-menu {width: 100%; height: 100%; background-color: #ffffff; position: fixed; top: 0; left: 0; z-index: 1100; display: none;}
.all-menu .container {width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.all-menu-header {background-color: #f9f6f2; padding: 30px 4%; min-height: 315px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.all-menu-header .btn-close {opacity: 1; font-size: 1.5rem; color: #999999; }
.all-menu-header .btn-close img {width: 25px; height: 25px;}
.close-area {display: flex; justify-content: flex-end;}
.login-link {display: flex; align-items: center;}
.login-link img {height: 14px; width: auto; margin-left: 0.5rem;}
.all-menu-header .top-area {display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap;}
.logout-link img {height: 16px; width: auto; margin-left: 0.5rem;}
.my-list {text-align: center; display: flex; justify-content: space-between; padding: 0 20px;}
.my-list img{max-height: 35px; margin-bottom: 15px;}
.all-menu-nav {width: calc(100% - 8%); padding-top: 70px;}
.all-menu-nav h3 {font-weight: 600; color: #999999; font-size: 18px; margin-bottom: 10px;}
.nav-wrap {display: flex;}
.all-menu-list {width: 100%;}
.all-menu-list .all-link,
.all-menu-list .btn-allmenu {/* padding: 9px 0; */ font-size: 18px; font-weight: 700;  display: inline-block; height: 53px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.all-menu-list .all-link {display: flex; align-items: center;}
.all-menu-list .all-item {position: relative; padding-left: 1rem; min-height: 55px; padding-right: 1rem;}
.all-menu-list .all-item::before {content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #000000; position: absolute; left: 0; top: 24px;}
.all-menu-list .btn-allmenu {border-width: 0; height: 55px; text-align: left;}
.all-menu-list .btn-allmenu.active + .all-submenu {display: block;}
.all-menu-list .sub-link{color: #555555; font-size: 16px; font-weight: 600;}
.all-menu-list .sub-item:not(:last-child) {margin-bottom: 15px;}
.all-submenu {padding: 0.5rem; font-size: 1.125rem; font-weight: 500; display: none;}
.all-menu-footer {width: calc(100% - 8%); padding-bottom: 20px;}
.all-foot-list {font-weight:300; background-color: #4d4948; color: #ffffff; padding: 20px; border-radius: 20px;  font-size: 16px;}
.all-foot-list div {display: flex; align-items: center; flex-wrap: wrap;}
.all-foot-list>h5 {margin-bottom: 0.5rem;}
.all-foot-list h5 {font-size: 20px;}
.all-foot-list div h5 {margin-right: 0.5rem;}
@media screen and (max-width:420px) {
    .my-list img {max-height: 30px;}
    .all-menu-list .all-link, .all-menu-list .btn-allmenu {font-size: 16px;}
    .all-menu-list .sub-link {font-size: 14px;}
} 
@media screen and (max-width:360px) {
    .my-list {padding: 0;}
    .all-foot-list h5 {font-size: 18px;} 
}
.menu-open {/* overflow: scroll; */ overflow: hidden;}
.menu-open .all-menu {position: fixed; overflow-y: scroll; overflow-x: hidden;}
.menu-open .header {position: absolute;}
.search-open {overflow: hidden;}
/* ************ */
/**** 퀵메뉴 ****/
/* ************ */
/* 상단 헤드립에 들어있음 */
#quick {position: fixed; top: 160px; right: 35px; z-index: 9999; }
#quick ul li {margin-bottom: 5px;}
#quick ul li a { display: block; 
						width: 110px; 
						padding: 10px 0; 
						border: 2px solid #4d4948; 
						background-color: white;
						font-size : 14px;
						font-weight: 700; 
						text-align: center; 
						line-height: 1.5;
						 -webkit-box-sizing: border-box; 
						box-sizing: border-box; 
						letter-spacing: -0.25px; 
						border-radius: 0.5rem;
						}
#quick ul li a:hover {background-color: #4d4948; color: #ffffff;}
@media screen and (max-width:1540x) {
    #quick {top: 160px; right: 10px;}
}
@media screen and (max-width:1530px) {
    #quick {display: none;}
}
/* 하단 풋립에 들어있음 */
#cscsnter {position: fixed; bottom: 40px; right: 40px;}
#cscsnter .top {position: absolute; bottom: 70px; right: -10px;}
#cscsnter .top a {display: block; width: 60px; height: 60px; background-color: #eee8e0; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; flex-direction: column;} 
#cscsnter .top a>div {margin-top: 5px; font-weight: 500;} 
#cscsnter ul {display: flex;}
#cscsnter ul li {position: relative;}
#cscsnter ul li:not(:last-child) {margin-right: 22px;}
#cscsnter .cs {display: block; height: 40px; background-size: 100%; font-size: 0; line-height: 0;text-indent: -9999px; cursor: pointer;}
#cscsnter .cs-01 {background-image: url("/images/cscsnter-icon-01.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 40px; height: 40px;}
#cscsnter .cs-01:hover {background-image: url("/images/cscsnter-icon-01-hover.png");}
#cscsnter .cs-02 {background-image: url("/images/cscsnter-icon-02.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 43px; height: 40px;}
#cscsnter .cs-02:hover {background-image: url("/images/cscsnter-icon-02-hover.png");}
#cscsnter .cs-03 {background-image: url("/images/cscsnter-icon-03.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 38px; height: 40px;}
#cscsnter .cs-03:hover {background-image: url("/images/cscsnter-icon-03-hover.png");}
#cscsnter .hover-info {text-align: center; padding: 15px 20px; background-color: rgba(0,0,0,0.8); color: #ffffff; border-radius: 0.5rem; line-height: 1.4; position: absolute; bottom: 55px; left: 50%; transform: translateX(-50%); white-space: nowrap; display: none;}
#cscsnter .hover-info p {font-size: 0.875rem; margin-top: 2px;}
#cscsnter .hover-info::after {content: "";  width: 0px; height: 0px; border-top: 10px solid rgba(0,0,0,0.8); border-left: 12px solid transparent; border-right: 12px solid transparent; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);}
#cscsnter ul li:hover .hover-info {display: block;}
#top {display: none;}
#top.active {display: block;} 
@media screen and (max-width:991px) {
    #cscsnter {display: none;}
}
/* 검색창 */
.search-area {border-bottom: 0px solid #dddddd;}

.search-area .container {padding-top: 20px; position: relative; }
.search-area-header  {display: flex; width: 100%; padding-bottom:10px; }
.search-area-header h3 {width: 30%; padding : 10px 10px 15px 0px;}
.top-search {width: 65%; margin-left: 20px;border: 3px solid #f47320; border-radius: 8px; display: flex;box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.21); height: fit-content; -webkit-box-sizing: border-box; box-sizing: border-box;}
.top-search input {border: 0; width: 100%;  font-weight: 600; font-size: 20px;}
.top-search input::placeholder {color: #cccccc;}
.top-search .btn-search {padding: 14px;}
/* 달력모양 없애기 */
.ui-datepicker-trigger {display: none;}
.search-area-bottom {font-size: 18px; color: #555555; padding-bottom: 15px; display: none;}
.search-area-bottom.active {display: block;}
.search-area-bottom input {border: 0; font-size: 18px; max-width: 84px;}
.search-area-bottom input::placeholder { color: #cccccc;}
.search-area-bottom .input-group {border: 1px solid #dddddd; border-radius: 8px; padding: 0 14px; min-height: 50px; box-sizing: border-box; background-color: #ffffff; font-weight: 500;}
/* .search-area form {overflow-y: auto; height: calc(100vh - 200px);} */
.search-area-bottom.active { margin-bottom: 10px; padding-bottom: 0px;}
.select-area {display: flex; margin-bottom: 10px;}
.select-area p {padding-right: 20px;min-width: 65px;}
.select-area span {padding: 0 20px;}
.select-area .input-group {width: 40%; display: flex; align-items: center; padding: 0 25px;}
.select-area .input-group input {padding: 0 25px; margin-right: 0;}
.form-select-area {display: flex; width: 100%;}

.option-area {display: flex; margin-bottom:10px; }
.option-area .check-label {display: flex; margin-top: 0px;flex-wrap: wrap; margin-bottom: -10px; margin-left:5px;}
.option-area .check-label label {display: flex; align-items: center;  font-weight: 400; white-space: nowrap;}
.option-title { width : 30%; display: flex; align-items: center; padding-left:5px; padding-right:30px; }
.option-title h5 {margin-right: 8px;}

.select-area .form-select  {width: calc(22% - 1px); padding: 10px 25px; margin-left: 10px; font-size: 18px;}
.select-area .form-select3 {width:150px; max-width: 150px; padding: 10px 25px; margin-left: 30px; font-size: 18px; margin-top:5px; }

.checkbox-area>div{display: flex; align-items: flex-end; justify-content: space-between;}
.bottom-title {display: flex; align-items: flex-end; padding-left:5px; margin-top:5px;}
.bottom-title h5 {margin-right: 5px;}
.checkbox-area input[type="checkbox"]{position: relative; padding-left:5px;}
.check-label {display: flex; margin-top: 20px;flex-wrap: wrap; margin-bottom: -10px; margin-left:15px;}
.check-label label {display: flex; align-items: center; margin-bottom: 10px; font-weight: 400; white-space: nowrap;}
.check-label label:not(:last-child) {margin-right: 30px;}
.check_btn_02{-webkit-appearance: none; position: relative; min-width: 1.125rem; height: 1.125rem; outline: none !important; border: 2px solid #cccccc; border-radius: 3px; box-sizing: border-box; padding: 0; margin-right: 10px; background-color: #cccccc;background-image: url("/images/checkbox.svg");background-size: 50%; background-repeat: no-repeat; background-position: center center; }
.check_btn_02[type="checkbox"]:checked { background-image: url("/images/checkbox.svg"); background-size: 60%; background-repeat: no-repeat; background-position: center center; border-color: #000000; background-color: #000000;}
.btn-search-02 {min-width: 150px; min-height: 60px;}
.search-btn {position: absolute; right: 20px; bottom: -33px; max-width: 130px; width: 100%; text-align: center; border: 1px solid #dddddd; border-top: 0px; border-radius: 8px; box-sizing: border-box; background-color: #ffffff; border-top-right-radius: 0; border-top-left-radius: 0;}
.search-btn.active {bottom: -53px; }
.search-btn button {padding: 8px; width: 100%;}
.search-btn img {margin-left: 10px; transform: rotate(180deg);}
.search-btn.active img{transform: rotate(0);}
.m-tilte {display: none;}
@media screen and (max-width:1300px) {
    .select-area p {min-width: 65px;}
    .select-area .input-group {justify-content: space-between;}
    .select-area .input-group input {padding: 0;}
    .select-area span{padding: 0 10px;}
    .search-area-bottom input {max-width: 150px;}
    .check-label {margin-bottom: -10px;  margin-left:15px; white-space: nowrap;}
	.select-area .form-select3 { width: 150px; margin-left: 40px; position absolute; right: 0px;}
	.option-title { width : 30%; display: flex; text-align:left; height : 45px; }
	.option-title h5 { margin-right: 8px; width:150px !important;}
}
@media screen and (max-width:991px) {
    .select-area {flex-direction: column;}
    .select-area .input-group {min-height: 33px; width: 100%; margin-bottom: 5px;}
    .select-area .form-select {width: calc(100% - 5px); margin-left: 0;}
	.select-area .form-select:first-child {width:150px;}
    .select-area .form-select:last-child {margin-left: 1px;}
	.select-area .form-select3 {width: 100%; margin-left: 1px;}
	.check-label {margin-bottom: 10px;  margin-left:15px;white-space: nowrap;}
	.option-area  { width : 100%; display: block; }
	.option-title { width : 100%; }
	.option-title h5 {margin-right: 8px; width:150px;}
}
@media screen and (max-width:767px) {
    /* .search-area {max-height: calc(100vw - 100px); overflow-y: auto;} */
    .search-area-header {flex-direction: column;}
    .search-area-header h3{width: 100%; font-size: 22px;}
    .search-area-header .top-search {width: 100%; margin-left: 0; margin-top: 10px;}
	.select-area .form-select  {width: 100%;}
	.select-area .form-select3 {width: 100%; margin-left: 1px;}
    .checkbox-area>div {flex-wrap: wrap; justify-content: flex-end;}
    .check-label {margin-bottom: 10px;  margin-left:15px;white-space: nowrap;}
    /* .search-area-bottom {max-height: calc(100vh - 420px); overflow-y: auto;} */
    /* .search-area-bottom.active {overflow-y: auto; max-height: calc(100vh - 500px); } */
	.option-area  { width : 100%; display: block; }
	.option-title { width : 100%; }
	.option-title h5 {margin-right: 8px; width:150px;}
}
@media screen and (max-width:420px) {
    .form-select-area {flex-direction: column;}
    .select-area .form-select {width: 100%;}
    .select-area .form-select:last-child {margin-left: 0; margin-top: 5px;}
    .select-area p {display: none;}
    .select-area .m-tilte {display: block;}
	.option-area  { width : 100%; display: block; }
	.option-title { width : 100%; }
	.option-title h5 {margin-right: 8px; width:150px;}
}
/* @media screen and (max-width:360px) {  
    .search-area-bottom {max-height: calc(100vh - 500px);}
}
 */
/* ********************* */
/* ********페이징******** */
/* ********************* */
.pagelist-area {margin-top:50px;}
.pagelist {display: flex; justify-content: center;}
.pagelist a {font-size: 15px; width: 40px; height: 40px; display: block; display: flex; align-items: center; justify-content: center; border-radius: 5px; color: #aaaaaa; font-weight: 700;}
.pagelist a.active {color: #000000;}
.pagelist a:hover {color: #000000;}
.pagelist .page-btn:hover {background-color: #eeeeee;}
.pagelist .prev {margin-right: 40px;}
.pagelist .next {margin-left: 40px;}
@media screen and (max-width:767px) {
    .pagelist .prev {margin-right: 0px;}
.pagelist .next {margin-left: 0px;}
}
/* ********************* */
/* **********snb******** */
/* ********************* */
.snb-area {display: flex; justify-content: center;background-color: #f4f4f4; border-radius: 15px;}
.snb {display: flex; justify-content: flex-start; overflow-x: auto; padding: 0 20px;}
.snb .snb-item:not(:last-child) {margin-right: 40px;}
.snb .snb-link {display: flex; padding: 14px 0; color: #999999; font-weight: 600; white-space: nowrap; border: 3px solid #f4f4f4;}
.snb .snb-item.active .snb-link {border-bottom: 3px solid #000000; color: #000000;}
.snb .snb-item:hover .snb-link {border-bottom: 3px solid #000000; color: #000000;}

.snb .snb-item2:not(:last-child) {margin-right: 40px;}
.snb .snb-link2 {display: flex; padding: 10px 0; color: #999999; font-weight: 600; white-space: nowrap; border: 3px solid #f4f4f4;}
.snb .snb-item2.active .snb-link2 {border-bottom: 5px solid #f47320; color: #f47320;}
.snb .snb-item2:hover  .snb-link2 {border-bottom: 5px solid #f47320; color: #f47320;}

/****************/
/***** 메인 *****/
/****************/
.main-section {/* margin-top: 140px; */ background-image: url("/images/main/main-bag.png"); background-position: bottom center; background-size: contain; background-repeat: no-repeat; width: 100%; height: 100%; padding-bottom: 110px;}
/* 메인 슬라이드 */
.main-slide {position: relative;}
.mainSlide {border-radius: 40px; overflow: hidden;}
@media screen and (max-width:767px) {
    .main-section { background-size: cover;}
}
.main-slide .swiper-button-next:after, .main-slide .swiper-button-prev:after {color: #000000; font-size: 34px;}
.main-slide .swiper-button-next { right: -50px; top: calc(50% - 30px);}
.main-slide .swiper-button-prev { left: -50px; top: calc(50% - 30px);}
.blind {font-size: 0;}
.btn_slide_pause {width: 8px; height: 12px; padding: 0;}
.btn_slide_play {width: 8px; height: 12px; padding: 0;}
.swiper-btn-area {width: 95px; background-color: #b2a99c; position: relative; margin-left: auto; margin-right: auto; padding: 8px 20px; border-radius: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; display: flex; align-items: center; margin-top: 20px;}
.swiper-btn-area img {vertical-align: inherit;}
.main-slide .swiper-pagination {color: #ffffff; position: static; font-size: 14px; padding-left: 1rem;}
@media screen and (min-width:1920px) {
    .main-section {background-size: cover;}
}
@media screen and (min-width:1200px) {
    /* .main-section {margin-top: 130px;} */
}
@media screen and (max-width:1320px) {
    .main-section {padding-bottom: 5%;}
    .main-slide .swiper-button-next {right: 20px;}
    .main-slide .swiper-button-prev {left: 20px;}
}
@media screen and (max-width:767px) {
    .mainSlide {border-radius: 20px;}
    .main-slide .swiper-button-next { right: 1%; }
    .main-slide .swiper-button-prev { left: 1%; }
    .main-slide .swiper-button-next:after, .main-slide .swiper-button-prev:after {font-size: 5vw;}
}
/* 메인 배너 */
.main-benner-area {display: flex; width: calc(100% + 16px); margin-left: -0.5rem; margin-right: -0.5rem; margin-bottom: 80px;}
.main-benner-area>.bag-be {width: 33.3333%; border-radius: 30px; margin-left: 0.5rem; margin-right: 0.5rem; margin-bottom: 1rem;}
.main-benner-area>div>a {display: block; padding: 50px 30px; position: relative; min-height: 210px; box-sizing: border-box; -webkit-box-sizing: border-box; height: 100%;}
.main-benner-area h4 {font-size: 22px; margin-bottom: 1rem; padding-right: 130px;}
.main-benner-area .go {display: flex; align-items: center; opacity: 0;position: absolute; left: 30px; bottom: 30px;}
.main-benner-area p {color: #555555; padding-right: 130px; word-break: keep-all;}
.main-benner-area .bag-be:first-child p {padding-right: 150px;}
.main-benner-area .go img{ width: 6px; margin-left: 5px;}
.main-benner-area>.bag-be:hover {background-color: #4d4948; }
.main-benner-area>.bag-be:hover h4 {color: #ffffff;}
.main-benner-area>.bag-be:hover p {color: #ffffff;}
.main-benner-area>.bag-be:hover .go{opacity: 1;}
.bag-be { background-color: #f9f6f2;}
.benner-img {position: absolute; top: 15px; right: 20px;}
@media screen and (max-width:1320px) {
    .main-benner-area>div>a {padding-bottom: 60px;}
}
@media screen and (max-width:991px) {
    .main-benner-area {flex-wrap: wrap;}
    .main-benner-area>.bag-be {width: 100%; margin-bottom: 2rem;}
    .main-benner-area>div>a {padding: 30px; min-height: auto; }
    .main-benner-area .go {margin-top: 20px; position: static;}
    .benner-img {height: 150px; width: auto;}
    .main-benner-area h4 {padding-right: 90px;}
    .main-benner-area p {padding-right: 80px;}
    .main-benner-area .bag-be:first-child p{ padding-right: 80px;}
    .main-benner-area>.bag-be .go{opacity: 1;}
}
/* 메인 게시판 */
.main-board {display: flex; margin-bottom: 90px;}
.main-board>div {width: 50%;}
.board-area h4>a {font-size: 24px; display: flex; align-items: center; margin-bottom: 1rem;}
.board-area li {display: flex; align-items: flex-start; padding: 12px 0; width: 100%;}
.board-area li a {display: flex;align-items: center; /* width: calc(50% - 40px); */}
.board-area li p {font-weight: 500; margin-top: 2px; max-width: 360px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
h4 .right-dark {width: 8px; margin-left: 10px;}
.board-area li .badge {margin-right: 10px;}
.badge {padding: 4px 7px; font-weight: 600; font-size: 13px; border-radius: 30px; width: fit-content; min-width: 60px; box-sizing: border-box; -webkit-box-sizing: border-box; height: fit-content; text-align: center; white-space: nowrap;}
.badge-01 {background-color: #fde3d2; color: #f37321;}
.badge-02 {background-color: #f37321; color: #ffffff;}
.badge-03 {background-color: #cccccc; color: #4d4948;}
.badge-04 {background-color: #4d4948; color: #ffffff;}
.board-new {color: #f37321; font-weight: 700; font-size: 13px;  margin-left: 5px;}
@media screen and (max-width:1200px) {
    .board-area li a {max-width: 70%;}
    .board-area-02 li a {max-width: 100%;}
    .board-area li p {max-width: 100%;}
}
@media screen and (max-width:767px) {
    .main-board {flex-direction: column;}
    .board-area-01 li a {max-width: calc(100% - 70px);}
    .board-area-01 {margin-bottom: 2rem;}
    .main-board>div {width: 100%;}
} 
/* 메인 팝업 시작 */
.service-popup {position:fixed; left: 0; top: 0; z-index: 9999; background-color: rgba(0,0,0,0.7); width: 100%; height: 100%;}
.service-popup .container {max-width: 850px; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.popup-area {max-width: 850px; width: 100%;/*  min-height: 680px; */ margin-left: auto; margin-right: auto; background-image: url("/images/service-popup.png"); background-repeat: no-repeat; background-size: contain; border-radius: 30px; padding: 50px 30px; padding-bottom: 30px; background-color: #f0f0f0;box-sizing: border-box; -webkit-box-sizing: border-box;}
.popup-header {color: #ffffff;}
.popup-header h2 {font-size: 36px;}
/* .popup-con {} */
.popup-con .con-area-01 {display: flex; background-color: #ffffff; padding: 30px; border-radius: 15px;}
.popup-con .con-01 {font-size: 18px; min-width: 235px;}
.popup-con .con-01 span{font-size: 48px;}
.popup-con .con-01 .btn {max-width: 210px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; font-size: 1rem;}
.popup-con .con-02 {width: 100%;}
.popup-con .con-02 ul {margin-left: -3px; margin-right: -3px; margin-bottom: -6px; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.popup-con .con-02 ul li{ background-color: #f4f4f4; border-radius: 0.5rem; min-height: 110px; width: calc(20% - 6px); margin-left: 3px; margin-right: 3px; margin-bottom: 6px; padding: 20px; padding-bottom: 0.875rem; box-sizing: border-box; -webkit-box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
.popup-con .con-02 ul li div:first-child {color: #555555;}
.popup-con .con-area-02 {display: flex; width: 100%;}
.popup-con .con-area-02 .board-area {display: flex; background-color: #ffffff; padding: 30px; border-radius: 15px; width: 53%; width: calc(53% - 10px); margin-right: 10px;}
.popup-con .con-area-02 .board-area h4 {font-size: 18px; min-width: 65px;}
.popup-con .con-area-02 .board-area ul {width: calc(100% - 65px);}
.popup-con .con-area-02 .board-area li {padding: 6px 0;}
.popup-con .con-area-02 .board-area li:first-child {padding-top: 0;}
.popup-con .con-area-02 .board-area li:last-child {padding-bottom: 0;}
.popup-con .con-area-02 .board-area li a {width: 100%;}
.popup-con .con-area-02 .board-area li p {width: auto;}
.popup-con .con-area-02 .expert {background-color: #ffffff; padding: 30px; border-radius: 15px; width: 43%;}
.popup-con .con-area-02 .expert>div {text-align: right;}
.popup-con .con-area-02 .expert .btn {width: 100%; box-sizing: border-box;-webkit-box-sizing: border-box; text-align: center; font-size: 16px; margin-top: 30px;}
.popup-bottom {display: flex; justify-content: space-between; margin-top: 20px; padding-left: 30px; padding-right: 30px;}
.popup-bottom .checkbox-area{ display: flex; align-items: center; color: #ffffff;}
.check_btn {-webkit-appearance: none;position: relative; width: 1.125rem; height: 1.125rem; outline: none !important; border: 2px solid #ffffff; border-radius: 3px; box-sizing: border-box; padding: 0; margin-right: 10px;}
/* input[type="checkbox"]::before { content: ""; position: absolute; top: 50%; left: 50%; overflow: hidden; transform: scale(0) translate(-50%, -50%); background-image: url("/images/checkbox.svg"); background-size: 70%; background-repeat: no-repeat; background-position: center center;} */
input[type="checkbox"]:checked { background-image: url("/images/checkbox.svg"); background-size: 70%; background-repeat: no-repeat; background-position: center center;}
.popup-bottom .popup-close {display: flex; align-items: center;}
.popup-bottom .popup-close .btn-dark-close{background-color: #ffffff; border-radius: 50%; width: 30px; height: 30px; display: flex; justify-content: center;align-items: center; margin-left: 10px;}
.popup-bottom .popup-close .btn-dark-close img {width: 12px; height:12px;}
@media screen and (min-width:1200px) {
    .popup-area {width: 850px;}
}
@media screen and (max-width:1200px) {
    .popup-con .con-area-02 .board-area li a {max-width: 100%;}
}
@media screen and (max-width:991px) {
    .popup-area { max-height: calc(100vh - 90px); overflow-x: scroll;}
    .service-popup .container {width: calc(100% - 40px); padding-left: 20px; padding-right: 20px; top: 20px; transform: translateY(0) translateX(-50%);}
    .popup-con .con-02 ul li {width: calc(33.333% - 6px);}
}
@media screen and (max-width:767px) {
    .popup-area {background-size: cover; background-position: center center;}
    .popup-header h2 {font-size: 26px;}
    .popup-con .con-area-01 {flex-direction: column;}
    .popup-con .con-02 {margin-top: 20px;}
    .popup-con .con-02 ul {justify-content: flex-start;}
    .popup-con .con-02 ul li {width: calc(50% - 6px);}
    .popup-con .con-area-02 {flex-direction: column;}
    .popup-con .con-area-02 .board-area {width:100%; margin-right: 0; flex-direction: column;box-sizing: border-box;-webkit-box-sizing: border-box; margin-bottom: 10px;}
    .popup-con .con-area-02 .board-area h4 {margin-bottom: 20px;}
    .popup-con .con-area-02 .expert {width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
    .popup-con .con-area-02 .board-area ul {width: 100%;}
}
@media screen and (max-width:420px) {
    .popup-con .con-01 {min-width: auto;}
    .popup-con .con-01 .btn {max-width: 100%;}
    .popup-bottom {padding: 0;}
    .btn {max-height: 100%;}
}
@media screen and (max-width:320px) {
    .popup-con .con-02 ul li {width: calc(100% - 6px);}
}
/*********************/
/***** 서브페이지 *****/
/*********************/
.subpage-section {padding-top: 40px; padding-bottom: 50px;}
@media screen and (max-width:767px) {
    .subpage-section {padding-top: 30px; padding-bottom: 50px;}
}
/* 지원사업 검색 */
/* 리스트형 */
.board-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.list-area {display: flex;}
.list-area a {width: 30px; height: 30px; border: 1px solid #dddddd; background-color: #f5f5f5; display: flex; justify-content: center; align-items: center;}
.list-area a img {opacity: .2;}
.list-area a:first-child {border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.list-area a:last-child {border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.list-area a.active {border-color: #000000; background-color: #ffffff;}
.list-area a.active img {opacity: 1;}
.board-list-01 {width: 100%;}
.board-list-header {display: flex; align-items: center; font-weight: 600;color: #555555; font-size: 15px; background-color:#f9f6f2; }
.board-list-header>div {padding: 15px 10px;}
.board-list-title-bgcolor { ackground-color:#f9f6f2;}
.board-con-area  {border-bottom: 1px solid #dddddd; border-top:  1px solid #dddddd; /* max-height: 750px; overflow-y: auto; */}
.board-con-area .board-con:nth-child(even) {background-color: #f7f7f7;}
.board-con-area .board-con>div{padding: 16px 10px;}
.board-con-area .board-con{display: flex; color: #555555; font-weight: 300; font-size: 14px; align-items: center;}
.board-con-area .con-03 {color: #000000; font-weight: 600;}
.board-con-area .con-09 {color: #999999;}
.board-list-01 .con-03 a:hover {text-decoration: underline;}
.board-list-01 .con-01 {width: 4%;text-align: center;}
.board-list-01 .con-02 {width: 9%; font-size: 15px;}
.board-list-01 .con-03 {width: 35%; font-size: 15px;} /* title */
.board-list-01 .con-04 {width: 6%;} /* date */
.board-list-01 .con-05 {width: 6%;} /* date */
.board-list-01 .con-06 {width: 6%; text-align: center; }
.board-list-01 .con-07 {width: 6%; text-align: center;}
.board-list-01 .con-08 {width: 5%; text-align: center;}
.board-list-01 .con-09 {width: 4%; text-align: center;}
.board-list-01 .con-10 {width: 15%; text-align: center;} /* 전담기관 */
.list-heart img {filter: grayscale(100%); opacity: 0.5; width: 16px; height: 14px;}
.list-heart.active img {filter: grayscale(0); opacity: 1;}
.updown-btn {display: flex; align-items: center;}
.updown-btn span {padding-right: 5px; font-size: 15px;}
.updown-btn img {transform: rotate(180deg);}
.updown-btn.active img{transform: rotate(0deg);}
.board-list-header .con-06 .updown-btn {justify-content: center; width: 100%; }
.board-list-01 .con-07 .badge {margin-left: auto; margin-right: auto;}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}	

.text-ellipsis-nw {
  overflow: hidden;
  text-overflow: ellipsis;
}	


@media screen and (max-width:1199px) {
    .board-list-01 .con-06 {width: 10%;}
    .board-list-01 .con-07 {width: 10%;}
}
@media screen and (max-width:991px) {
    .board-list-01 .con-04 {width: 15%;}
    .board-list-01 .con-05 {width: 15%;}
    .board-list-01 .con-06 {width: 15%;}
    .board-list-01 .con-07 {width: 15%;}
}
@media screen and (max-width:767px) {
    .board-list-header {display: none;}
    .board-con-area .board-con {flex-wrap: wrap; padding: 30px; position: relative; padding-bottom: 25px;}
    .board-con-area .board-con>div {padding: 0;margin-bottom: 5px;}
    .board-list-01 .con-01 {width: 100%; text-align: right; position: absolute; right: 30px; top: 30px;}
    .board-list-01 .con-02 {width: 100%;}
    .board-list-01 .con-03 {width: 100%;}
    .board-list-01 .board-con .con-03 {margin-bottom: 20px; margin-top: 5px;}
    .board-list-01 .con-03 a {font-size: 16px;}
    .board-list-01 .con-04 {width: auto;}
    .board-list-01 .board-con .con-05 {width: auto; padding-left: 15px; margin-left: 5px; position: relative;}
    .board-list-01 .board-con .con-05::before {content: "~"; position: absolute; left: 0; top: 0px;}
    .board-list-01 .con-06 {width: 100%; text-align: left;}
    .board-list-01 .board-con .con-06 {position: relative; padding-left: 60px; margin-bottom: 10px;}
    .board-list-01 .board-con .con-06::before {content: "사업규모 : "; position: absolute; left: 0; top: 0px;}
    .board-list-01 .con-07 {width: auto;}
    .board-list-01 .con-07 .badge {margin-left: 0;}
    .board-list-01 .con-08 {width: auto; text-align: left;}
    .board-list-01 .board-con .con-08 {margin-left: 10px;}
    .board-list-01 .con-09 {display: none; }
}
/* 그리드형 */
.board-header select {min-width: 120px; font-size: 14px; min-height: 32px; padding: 5px 10px; border-radius: 5px; background-size: 8px;}
.grid-order-area {display: flex;}
.grid-order-area select {margin-right: 5px;}
.card-list {margin-bottom: -10px; width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; display: flex; flex-wrap: wrap;}
.card-list li{width: calc(33.3333% - 10px); margin-left: 5px; margin-right: 5px; margin-bottom: 10px; border-radius: 15px; border: 1px solid #dddddd; padding: 20px 30px; box-sizing: border-box; -webkit-box-sizing: border-box;}
/* 찜하면 바탕의 색이 들어간다 */
.card-list li.active {background-color: #f9f6f2;}
.card-list li:hover {border-color: #000000;}
.card-list .card-top {display: flex; justify-content: space-between; margin-bottom: 20px;}
.card-list .card-top>div {display: flex; align-items: center;}
.card-list .card-top>div .badge {margin-right: 10px;}
.card-list .card-middle {min-height: 80px;}

.grid .card-list .card-middle .board-list-title {font-size: 18px; font-weight: 600; word-break: keep-all; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: left;}

.grid .card-list .card-middle .notice-list-title {font-size: 18px; font-weight: 600; word-break: keep-all; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: left;}

.card-list .card-middle .title:hover {text-decoration: underline;}
.grid  .card-list .card-bottom {text-align:left;}
.card-list .card-bottom p {color: #555555; font-size: 15px;}
.card-list .card-bottom p:not(:last-child) {margin-bottom: 5px;}
@media screen and (max-width:991px) {
    .card-list li {width: calc(50% - 10px);}
}
@media screen and (max-width:767px) {
    .card-list li {width: 100%;}
}
@media screen and (max-width:400px) {
    .grid .board-header {flex-direction: column; align-items: flex-start;}
    .grid-order-area {margin-top: 20px; margin-left: auto; margin-right: 0;}
}


/* 그리드형 Wide 기술교류회 */
.board-header select {min-width: 120px; font-size: 14px; min-height: 32px; padding: 5px 10px; border-radius: 5px; background-size: 8px;}
.grid-order-area {display: flex;}
.grid-order-area select {margin-right: 5px;}
.card-listw {margin-bottom: -10px; width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; display: flex; flex-wrap: wrap;}
.card-listw li{width: calc(100% - 10px); margin-left: 5px; margin-right: 5px; margin-bottom: 10px; border-radius: 15px; border: 1px solid #dddddd; padding: 20px 30px; box-sizing: border-box; -webkit-box-sizing: border-box;}

.card-listw .card-left { align-items: left;  float:left; width  : 20%;}
.card-listw .card-left .img { max-width : 250px; height:250px; border-radius: 10%;}
.card-listw .card-left .event-img { width:190px; height:190px; border-radius: 10%;}

.card-listw .card-right { float:left; width : 75%; padding-left:20px; align-items: left; text-align : left;  }

.card-item-title-box { width:100%; display:block; line-height:160%; }
/* 제목 양쪽 정렬, 글자사이에 공란이 있어야 한다!!! */
.card-listw .card-item-title { display: inline-block; width : 70px; text-align: justify; text-align-last:justify ; }


/* 찜하면 바탕의 색이 들어간다 */
.card-listw li.active {background-color: #f9f6f2;}
.card-listw li:hover  {border-color: #000000;}
.card-listw .card-top {display: flex; justify-content: space-between; margin-bottom: 20px;}
.card-listw .card-top>div {display: flex; align-items: left;}
.card-listw .card-top>div .badge {margin-right: 10px;}

.card-listw .card-middle {min-height: 80px; width: 100%; text-align : left; line-height:170%; }

.grid .card-list .card-middle .event-img { align-items: left;}

.grid .card-listw .card-middle .board-list-title {font-size: 18px; font-weight: 600; word-break: keep-all; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: left;}

.grid .card-listw .card-middle .notice-list-title {font-size: 18px; font-weight: 600; word-break: keep-all; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: left;}

.card-listw .card-middle .title:hover {text-decoration: underline;}

.card-listw .card-bottomw {text-align:right;flex-direction: row-reverse;}
.card-listw .card-bottomw p {color: #555555; font-size: 15px; align: right;}
.card-listw .card-bottomw p:not(:last-child) {margin-bottom: 5px;}
@media screen and (max-width:1200px) {
    .card-listw li {width: calc(100% - 10px);}
	.card-listw .card-right { float:left; width : 100%; padding-left:10px; margin-top: 20px;}
}
@media screen and (max-width:767px) {
    .card-listw li {width: 100%;}
	.card-listw .card-right { float:left; width : 100%; padding-left:10px; margin-top: 20px;}
}
@media screen and (max-width:400px) {
    .grid .board-header {flex-direction: column; align-items: flex-start;}
    .grid-order-area {margin-top: 20px; margin-left: auto; margin-right: 0;}
	.card-listw .card-right { float:left; width : 100%; padding-left:10px; margin-top: 20px;}
}



/* 사업정보 상세보기 */
.board-view {width: 100%; height: 100%; }
.board-view.active{display: block;}
.popup-open { overflow: auto;}
.board-view .container {max-width: 1100px; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 100%; padding-left: 20px; padding-right: 20px;}
.board-view .board-view-area {max-width: 1100px; width: 100%;/*  min-height: 680px; */ margin-left: auto; margin-right: auto;  border-radius: 30px; padding-top: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #ffffff; padding-left: 5px; padding-right: 5px}
.board-view .popup-header {color: #000000; padding-left: 30px; padding-right: 30px;}
.board-view .badge-area {display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}
.board-view .badge-area span {margin-left: 10px; font-size: 14px;}
.board-view .popup-header .title {display: flex; justify-content: space-between;}
.board-view .popup-header h4 {font-size: 24px;}
.board-view .list-heart img{width: 30px; height: auto;}
.board-view .popup-close {text-align: right;}
.board-view .popup-close img {width: 20px; height: 20px;}
.board-view .popup-close .btn-dark-close {margin-left: auto; margin-right: 0;}
.board-view .popup-con {padding-left: 25px; padding-right: 25px; }
.board-view .popup-con .con-area-01 {border: 1px solid #dddddd; border-radius: 15px;}
.dot-list {width: 100%; display: flex; flex-wrap: wrap;}
.dot-list li{position: relative; padding-left: 10px; display: flex;  width: 50%; width: calc(50% - 10px); margin-bottom: 20px;}
.dot-list li:last-child {width: 100%; margin-bottom: 0 ;}
.dot-list li::before {content: ""; position: absolute; width: 2px; height: 2px; background-color: #3c3c3c; top: 8px; left: 0;}
.dot-list .tt {min-width: 100px; font-weight: 400;}
.down-area {display: flex; flex-wrap: wrap; margin-bottom: -5px;}
.down-area a {background-color: #eeeeee; padding: 6px 10px; border-radius: 5px; display: flex; align-items: center; margin-bottom: 5px;}
.down-area a:not(:last-child) {margin-right: 5px;}
.down-area a img {margin-right: 6px;}
.board-view .btn-area {display: flex; justify-content: flex-end;}
.board-view .btn-area .btn {font-size: 1rem; min-width: 190px; padding: 14px; text-align: center; font-weight: 600; margin-right: 5px;}
.board-view .btn-area .btn:last-child {margin-right: 0;}
.border-gray-5 {width: 100%; height: 5px; background-color: #eeeeee; border-radius: 3px; }
.border-gray-10 {width: 100%; height: 10px; background-color: #eeeeee;border-radius: 3px; }
.board-content {margin-top: 30px; padding: 10px; margin-bottom: 30px;}
@media screen and (min-width:1200px) {
    .board-view .board-view-area {min-width: 1100px;width: 100%; }
}
@media screen and (max-width:1199px) {
    .board-view .board-view-area {min-width: auto; width: calc(100% - 40px); margin-left: 20px; margin-right: 20px;}
}
@media screen and (max-width:991px) {
    .board-view .popup-con2 {max-height: calc(100vh - 170px);}
}
@media screen and (max-width:767px) {
    .dot-list li {width: 100%; flex-direction: column;}
    .dot-list .tt {margin-bottom: 5px;}
    .board-view .popup-header h4 {font-size: 18px;}
    .board-view .btn-area {flex-wrap: wrap; justify-content: center; margin-bottom: 15px;}
    .board-view .btn-area .btn {margin-bottom: 5px;margin-left: 5px;} 
    .board-view .btn-area .btn:last-child {margin-right: 5px;margin-left: 5px;}
    .board-view .popup-header .title {align-items: baseline;}
    .board-view .list-heart img {width: 25px;}
}


/* 팝업 */
.board-popup {position:fixed; left: 0; top: 0; z-index: 9999; background-color: rgba(0,0,0,0.7); width: 100%; height: 100%; display: none;}
.board-popup.active{display: block;}
.popup-open { overflow: hidden;}
.board-popup .container {max-width: 1100px; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 100%; padding-left: 20px; padding-right: 20px;}
.board-popup .board-popup-area {max-width: 1100px; width: 100%;/*  min-height: 680px; */ margin-left: auto; margin-right: auto;  border-radius: 30px; padding-top: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #ffffff; padding-left: 5px; padding-right: 5px}
.board-popup .popup-header {color: #000000; padding-left: 30px; padding-right: 30px;}
.board-popup .badge-area {display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}
.board-popup .badge-area span {margin-left: 10px; font-size: 14px;}
.board-popup .popup-header .title {display: flex; justify-content: space-between;}
.board-popup .popup-header h4 {font-size: 24px;}
.board-popup .list-heart img{width: 30px; height: auto;}
.board-popup .popup-close {text-align: right;}
.board-popup .popup-close img {width: 20px; height: 20px;}
.board-popup .popup-close .btn-dark-close {margin-left: auto; margin-right: 0;}
.board-popup .popup-con {padding-left: 25px; padding-right: 25px; max-height: 700px; overflow-y: auto;}
.board-popup .popup-con .con-area-01 {border: 1px solid #dddddd; border-radius: 15px;}
.dot-list {width: 100%; display: flex; flex-wrap: wrap;}
.dot-list li{position: relative; padding-left: 10px; display: flex;  width: 50%; width: calc(50% - 10px); margin-bottom: 20px;}
.dot-list li:last-child {width: 100%; margin-bottom: 0 ;}
.dot-list li::before {content: ""; position: absolute; width: 2px; height: 2px; background-color: #3c3c3c; top: 8px; left: 0;}
.dot-list .tt {min-width: 100px; font-weight: 400;}
.down-area {display: flex; flex-wrap: wrap; margin-bottom: -5px;}
.down-area a {background-color: #eeeeee; padding: 6px 10px; border-radius: 5px; display: flex; align-items: center; margin-bottom: 5px;}
.down-area a:not(:last-child) {margin-right: 5px;}
.down-area a img {margin-right: 6px;}
.board-popup .btn-area {display: flex; justify-content: flex-end;}
.board-popup .btn-area .btn {font-size: 1rem; min-width: 190px; padding: 14px; text-align: center; font-weight: 600; margin-right: 5px;}
.board-popup .btn-area .btn:last-child {margin-right: 0;}
.border-gray-10 {width: 100%; height: 10px; background-color: #eeeeee;}
.board-content {margin-top: 30px; padding: 10px; margin-bottom: 30px;}
@media screen and (min-width:1200px) {
    .board-popup .board-popup-area {min-width: 1100px;width: 100%; }
}
@media screen and (max-width:1199px) {
    .board-popup .board-popup-area {min-width: auto; width: calc(100% - 40px); margin-left: 20px; margin-right: 20px;}
}
@media screen and (max-width:991px) {
    .board-popup .popup-con {max-height: calc(100vh - 170px);}
}
@media screen and (max-width:767px) {
    .dot-list li {width: 100%; flex-direction: column;}
    .dot-list .tt {margin-bottom: 5px;}
    .board-popup .popup-header h4 {font-size: 18px;}
    .board-popup .btn-area {flex-wrap: wrap; justify-content: center; margin-bottom: 15px;}
    .board-popup .btn-area .btn {margin-bottom: 5px;margin-left: 5px;} 
    .board-popup .btn-area .btn:last-child {margin-right: 5px;margin-left: 5px;}
    .board-popup .popup-header .title {align-items: baseline;}
    .board-popup .list-heart img {width: 25px;}
}
/* 팝업 스크롤바 커스텀하기 */
.popup-con::-webkit-scrollbar {width: 5px;}
.popup-con::-webkit-scrollbar-thumb {background: #4d4948; border-radius: 10px;}
.popup-con::-webkit-scrollbar-track {background-color: transparent;}
/* RnD 프로젝트 신청 */
.section-header {text-align: center;}
.section-header  h2 {font-size: 40px;}
.header-benner {background-color: #4d4948; padding: 55px; border-radius: 30px; color: #ffffff; font-size: 18px; font-weight: 500;}
.header-benner p:not(:last-child) {margin-bottom: 5px;}
.application-form {margin-top: 80px;}
.form-group {display: flex; margin-bottom: 20px;}
.form-label {font-size: 18px; font-weight: 700; min-width: 200px;}
.form-group>div {width: 100%;}
.form-control {font-size: 16px; border: 1px solid #dddddd; width: 100%; }
textarea {border: 1px solid #dddddd; width: 100%; border-radius: 5px; padding: 14px; font-size: 16px; box-sizing: border-box; -webkit-box-sizing: border-box;}
textarea:focus-visible {outline: 0;}
.input-group {color: #555555; font-weight: 400;}
.input-group .form-control::placeholder {color: #999999; font-weight: 500;}
.input-group textarea::placeholder {color: #999999; font-weight: 500;}
.border-color {width: 100%; height: 1px; background-color: #dddddd;}
.num-area {display: flex; justify-content: flex-start; align-items: center;margin-bottom: 20px;}
.num-area .form-control {width: 80px; text-align: center;}
.num-area .con {margin-left: 15px;}
/* .num-area:not(:last-child) {margin-bottom: 20px;} */
.form-type-area h3{font-size: 24px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #000000;}
.form-type {width: 100%; display: flex; flex-wrap: wrap;}
.form-type .form-group {width: calc(50% - 40px); flex-direction: column; margin-right: 80px;}
.form-type .form-group:nth-child(even) {margin-right: 0;}
.form-type .form-label  {font-size: 16px; min-width: auto; margin-bottom: 15px;}
.form-type .add-group {width: 100%; margin-right: 0;}
.form-type .add-group .input-group {display: flex;}
.form-type .add-group .input-group input:last-child {margin-right: 0;}
.form-type .add-group .btn-line-dark {font-size: 16px; padding: 14px 20px; min-width: 100px; text-align: center; margin-right: 5px;}
.form-type .add-group .zip-01 {width: 15%;}
.form-type .add-group .add-01 {width: 42%;}
.form-type .add-group .add-02 {width: 45%;}
.application-form .btn-area {width: 100%; margin-top: 40px;}
.application-form .btn-primary {min-height: 60px; width: 100%; max-width: 260px; margin-left: auto; margin-right: auto;}
@media screen and (max-width:767px) {
    .section-header h2 {font-size: 30px;}
    .header-benner {padding: 30px;}
    .form-group {flex-direction: column;}
    .form-label {margin-bottom: 15px;}
    .form-type .form-group {width: 100%; margin-right: 0;}
    .form-type .add-group .input-group {flex-wrap: wrap;}
    .form-type .add-group .zip-01 {width: calc(100% - 105px); margin-right: 0;}
    .form-type .add-group .add-01 {width: 100%; margin-right: 0;}
    .form-type .add-group .add-02 {width: 100%; margin-top: 5px;}
}
/* 서비스 진행상황 */
.progress-benner {background: linear-gradient(-166deg, rgba(255,172,18,1) 0%, rgba(244,115,32,1) 100%); padding: 30px; border-radius: 15px; text-align: center; color: #ffffff;}
.progress-benner h4 {font-size: 24px; margin-bottom: 55px;}
.progress-area {display: flex; width: 100%; margin-left: -1%;}
.progress {display: flex; width: 50%; justify-content: space-between;}
.progress .progress-box {width: fit-content; width: 100%; padding-top: 35px; position: relative; border-top: 1px solid #ffffff; padding-left: 1%; padding-right: 1%;}
.progress .progress-box::after { content: ""; background-image: url("/images/sub/progress-icon.png"); background-repeat: no-repeat; background-size: contain; width: 11px; height: 11px; position: absolute;  left: 50%; top: -5px; transform: translateX(-50%);} 
.progress .progress-box-01 {border-top: 0;}
.progress .progress-box-08 {border-top: 0;}
.progress .progress-box-01::before {content: ""; position: absolute; width: 50%; height: 1px; right: 0; top: 0; background-color: #ffffff;}
.progress .progress-box-08::before {content: ""; position: absolute; width: 50%; height: 1px; left: 0; top: 0; background-color: #ffffff;}
.progress .progress-box .num {margin-bottom: 0.5rem;}
.progress-box span {font-weight: 500;}
@media screen and (max-width:767px) {
    .progress-benner {padding: 30px;}
    .progress-benner h4 {font-size: 20px; margin-bottom:30px;}
    .progress-area {flex-direction: column; margin-left: 0;}
    .progress .progress-box {padding-top: 25px;} 
    .progress {width: 100%;}
    .progress-02 {margin-top: 40px;}
    .progress-box p {font-size: 14px;}    
    /* .progress-box p br {display: none;} */
    .progress-box span {font-size: 12px;}
}
@media screen and (max-width:360px) {
    .progress-benner {padding: 20px;}
    .progress-box p {font-size: 13px;}  
    .progress-box span {font-size: 11px;}
}
.performance-benner {background-color: #f9f6f2; border-radius: 15px; padding: 55px; display: flex; justify-content: space-between; align-items: center; width: 100%;box-sizing: border-box; -webkit-box-sizing: border-box;}
.performance-benner h4 {font-size: 24px; width: 20%;}
.performance-benner .list-area-02{ width: 80%;}
.list-area-02 {display: flex; justify-content: flex-end;}
.list-area-02 li {padding-left: 20px; padding-right: 45px; min-width: auto; position: relative; min-width: 140px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.list-area-02 li:last-child {min-width: 115px; padding-right: 30px;}
.list-area-02 li::after {content: ""; width: 1px; height: 100%; background-color: #dddddd; position: absolute; top: 0; right: 0;}
.list-area-02 li:last-child::after {display: none;}
.list-area-02 p {color: #555555; margin-bottom: 10px;}
.list-area-02 strong {font-size: 30px;}
.list-area-02 strong span {font-size: 18px;}
@media screen and (max-width:1199px) {
    .list-area-02 li {min-width: auto; padding-right: 20px;}
    .list-area-02 li:last-child {min-width: auto; padding-right: 0;}
    .performance-benner h4{width: auto;}
    .performance-benner .list-area-02 {width: auto;}
} 
@media screen and (max-width:1020px) {
    .performance-benner h4 {min-width: 200px; font-size: 20px;}
    .performance-benner .list-area-02 {width: 100%; flex-wrap: wrap; justify-content: flex-start;}
    .list-area-02 li {/* width: 33.333%; */ margin-bottom: 20px;}
    .list-area-02 li:nth-child(1) {width: 30%;}
    .list-area-02 li:nth-child(2) {width: 40%;}
    .list-area-02 li:nth-child(3) {width: 30%;}
    .list-area-02 li:nth-child(4) {width: 30%; margin-bottom: 0;}
    .list-area-02 li:nth-child(5) {width: 40%; margin-bottom: 0;}
    .list-area-02 li:nth-child(6) {width: 30%; margin-bottom: 0;}
    .list-area-02 p {font-size: 12px;}
    .list-area-02 strong {font-size: 25px;}
    .list-area-02 strong span {font-size: 14px;}
    .list-area-02 li:nth-child(3)::after {display: none;}
}
@media screen and (max-width:767px) {
    .performance-benner h4 {text-align: center;}
    .performance-benner h4 br{display: none; }
    .performance-benner {flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 40px;}
    .performance-benner h4 {margin-bottom: 30px;}
    .list-area-02 li {text-align: center; padding-right: 10px; padding-left: 10px;}
    .list-area-02 strong{font-size: 20px;}
    .list-area-02 strong span {font-size: 12px;}
}
@media screen and (max-width:380px) {
    .performance-benner .list-area-02 li {width: 50%;}
    .list-area-02 li:nth-child(even)::after {display: none;}
    .list-area-02 li:nth-child(3)::after {display: block;}
}
@media screen and (max-width:320px) {
    .performance-benner .list-area-02 li {width: 100%; padding-bottom: 15px; margin-bottom: 15px;}
    .performance-benner h4 {min-width: auto;}
    .list-area-02 li:nth-child(even)::after {display: block;}
    .list-area-02 li::after {content: ""; width: 100%; height: 1px; background-color: #dddddd; position: absolute; top: auto; bottom: 0; right: 0;}
    .list-area-02 li:last-child:after {display: none;}
    .list-area-02 li:last-child {padding-bottom: 0; margin-bottom: 0;}
} 
.service-info {display: flex; justify-content: space-between; border: 1px solid #dddddd; padding: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 15px;}
.service-info:not(:last-child) {margin-bottom: 20px;}
.service-info .info-02 {display: flex;}
.service-list .info-top p{color: #555555;}
.service-list .info-top h5{min-height: 45px; padding-bottom: 20px; max-width: 270px;}
.service-list .info-botttom p{ margin-bottom: 5px; color: #555555;}
.service-list .badge {padding-left:20px; padding-right: 20px; width: 100%; margin-bottom: 15px;}
.service-list .info-area {display: flex;}
.service-list .info-area>div:not(:last-child) {margin-right: 2px;}
.toggle-switch-area {display: flex; align-items: center; justify-content: space-between; font-size: 15px; padding-left: 10px; padding-right: 10px;}
.toggle-switch-area:not(:last-child) {margin-bottom: 5px;}
.toggle-switch-area>span {margin-right: 10px; color: #555555; min-width: 90px;}
.service-info .badge-04-01 {min-width: 140px;}
/* 토글 스위치 */
.toggle-switch input[type=checkbox]{display: none; height: auto;}
.toggle-track{ display: inline-block; position: relative;  width: 14px; height: 4px; border-radius:60px; background: #dddddd; padding-left: 12px; margin-bottom: 4px;}
.toggle-track:before{ content:''; display: block; position: absolute; top: -5px; left: -0px; width: 12px; height: 12px; background: #fff; border-radius:100%; border:1px solid #d0d0d0; transition:left 0.3s;}
.toggle-switch input[type=checkbox] + label .toggle-track:after{content:'';display: inline-block;position: absolute;right: 8px;color: #fff;}
.toggle-switch input[type=checkbox]:checked + label .toggle-track{background: #f6d4bd;}
.toggle-switch input[type=checkbox]:checked + label .toggle-track:before{left: auto; right: 0; border:1px solid #e35c04; background-color: #f47320;}
.toggle-switch input[type=checkbox]:checked + label .toggle-track:after{content:'';left: 5px;}
@media screen and (max-width:1200px) {
    .service-info {justify-content: flex-start; width: 100%;}
    .service-info .info-01 {margin-right: 55px; width: 20%;}
    .service-info .info-02 {flex-direction: column; width: 100%; width: 80%;}
    .service-list .info-area {flex-wrap: wrap; margin-bottom: -30px;}
    .service-list .info-area>div {width: 33.3333%; width: calc(33.333% - 2px); margin-bottom: 30px;}
    .service-list .info-top h5 {max-width: fit-content;}
    
}
@media screen and (max-width:991px) {
    .service-info {flex-direction: column;}
    .service-info .info-01 {width: 100%;}
    .service-info .info-02 {width: 100%; margin-top: 30px;}
    
}
@media screen and (max-width:767px) {
    .service-list .info-area {flex-wrap: wrap;}
    .service-list .info-area>div {width: calc(50% - 2px);}
    .service-list .info-area>div:not(:last-child) {margin-bottom: 30px;}
}
@media screen and (max-width:520px) {
    .service-list .info-area>div {width: 100%; margin-right: 0;}
}
@media screen and (max-width:320px) {
    .toggle-switch-area>span {min-width: auto;}
}
/* RB 알려줘! */
.rb-form .mail-area {background-color: #f9f6f2; border-radius: 30px; padding: 40px;}
.rb-form .mail-area .form-group {display: flex; max-width: 945px; margin: 0 auto;}
.rb-form .mail-area .input-group {display: flex;}
.rb-form .mail-area .input-group>div {width: 3%; font-weight: 500; color: #000000; display: flex; align-items: center; justify-content: center; padding-left: 5px; padding-right: 5px;}
.rb-form .mail-area .form-control {width: 33%; font-size: 1rem;}
.rb-form .mail-area .form-control::placeholder {font-size: 1rem;}
.rb-form .mail-area .form-select {width: 33%; max-height: 50px; border-radius: 5px; font-size: 1rem; color: #000000;}
.mail-area .btn-primary {min-width: 145px; font-size: 16px; margin-left: 5px;}
@media screen and (max-width:767px) {
    .rb-form .mail-area {padding: 30px;}
    .rb-form h5 {font-size: 20px;}
    .rb-form .mail-area .input-group {flex-wrap: wrap;}
    .rb-form .mail-area .form-control {margin: 0; width: calc(50% - 12px);}
    .rb-form .mail-area .input-group>div {width: 14px;}
    .rb-form .mail-area .form-select {width: 100%; margin-top: 5px;}
    .mail-area .btn-primary {margin-left: auto; margin-right: auto; margin-top: 5px; }
}
@media screen and (max-width:520px) {
    .mail-area .btn-primary {width: 100%;}
}
.plus-list {margin-top: 20px; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -5px;}
.plus-list li{width: fit-content; background-color: #eeeeee; border-radius: 30px; padding: 14px 20px; display: flex; align-items: center; margin-bottom: 5px;}
.plus-list li:not(:last-child) {margin-right: 5px;}
.plus-list p {word-break: break-all; font-weight: 400;}
.plus-list .btn-close {margin-left: 20px;}
.plus-list .btn-close img {vertical-align: baseline;}
.plus-list-02 li {background-color: #4d4948; color: #ffffff;}
.plus-list-02 .btn-close img {opacity: .5;}
.keyword-area .form-control {max-width: 250px;}
.plus-btn {min-width: 50px; height: 50px; border: 1px solid #666666; border-radius: 5px;}
.rb-form .check-label {margin-top: 0; margin-bottom: -20px;}
.rb-form .check-label label{margin-bottom: 20px; width: 25%; align-items: inherit; padding-right: 10px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.rb-form .check-label label:not(:last-child) {margin-right: 0;}
.rb-form .form>.btn-primary {text-align: center; margin: 0 auto; margin-top: 60px; min-height: 60px; min-width: 180px;}
.none-list {width: 100%; background-color: #eeeeee; border-radius: 30px; padding: 14px 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 5px; box-sizing: border-box; -webkit-box-sizing: border-box;}
@media screen and (max-width:767px) {
    .rb-form .check-label { margin-bottom: -10px;}
    .rb-form .check-label label {margin-bottom: 10px; width: 50%;}
}
@media screen and (max-width:520px) {
    .rb-form .check-label label {width: 100%;}
}
/* 전문가 목록 */
.expert-benner {background: linear-gradient(-166deg, rgba(255,172,18,1) 0%, rgba(244,115,32,1) 100%); padding: 30px; border-radius: 15px; text-align: center; color: #ffffff;}
.expert-benner h4 {font-size: 24px; margin-bottom: 40px;}
.expert-benner h4 span {display: block;}
.expert-benner .list-area-02 {max-width: 1060px; border-top: 1px solid rgba(255,255,255,0.2);}
.expert-benner .list-area-02 li {width: 14.2857%; padding-left: 10px; padding-right: 10px; margin-top: 20px;}
.expert-benner .list-area-02 p {color: #ffffff;}
.expert-benner .list-area-02 li::after {background-color: #ffffff; opacity: 0.2;}
@media screen and (max-width:1020px) {
    .expert-benner h4 span {display: inline;}
    .expert-benner .list-area-02 li {margin-bottom: 0;}
}
@media screen and (max-width:767px) {
    .expert-benner  {padding: 30px;}
    .expert-benner h4{font-size: 20px; margin-bottom: 30px;}
    .expert-benner .list-area-02 {flex-wrap: wrap; justify-content: center;}
    .expert-benner .list-area-02 li {width: 25%;}
    .expert-benner .list-area-02 li:nth-child(3)::after {display: block;}
    .expert-benner .list-area-02 li:nth-child(4)::after {display: none;}
}
@media screen and (max-width:420px) {
    .expert-benner .list-area-02 li {width: 50%;}
    .expert-benner .list-area-02 li:nth-child(even)::after {display: none;}
}
@media screen and (max-width: 320px) {
    .expert-benner .list-area-02 li {width: 100%; padding-bottom: 20px;}
    .expert-benner .list-area-02 li:nth-child(even)::after {display: block;}
    .expert-benner .list-area-02 li:last-child {padding-bottom: 0;}
}
.search-area-02 h3 {text-align: left;}
.search-area-02 .search-area-bottom input { /* max-width: 70px; */ padding: 0 10px; text-align: center;}
.search-area-02 .search-area-bottom p {padding-right: 0;text-align: left; min-width: 75px;}
@media screen and (max-width:767px) {
    .search-area-02 .search-area-bottom {max-height: fit-content;}
    .search-area-02 .search-area-bottom input {min-width: auto;}
    .search-area-02 .search-area-bottom p {min-width: max-content;}
    .search-area-bottom {max-height: auto; overflow-y: visible;}
}
.card-list-02 {margin-bottom: -15px;}
.card-list-02 li {padding: 0; margin-bottom: 15px;}
.card-list-02 li .card-area {padding: 30px; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.card-list-02 .card-top {justify-content: flex-start; margin-bottom: 30px;}
.card-list-02 .card-top>div {margin-left: 20px; flex-direction: column; align-items: flex-start; justify-content: center;}
.card-list-02 .card-top img {width: 60px; height: 60px; border-radius: 50%; overflow: hidden;}
.card-list-02 .card-top strong {font-size: 20px; font-weight: 600; margin-bottom: 0.5rem;}
.card-list-02 .card-middle {min-height: 95px; padding-bottom: 30px; box-sizing: border-box;}
.card-list-02 .card-middle p {word-break: keep-all;}
.card-list-02 .card-bottom {padding-top: 30px; border-top: 1px solid #dddddd;}
.card-list-02 .card-bottom p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word;}
@media screen and (max-width:767px) {
    .card-list-02 .card-middle {min-height: auto;}
}
.photo-area {text-align: center; margin-bottom: 40px;}
.photo-area .photo {border-radius: 50%; overflow: hidden; width: 150px; height: 150px; display: block; margin: 0 auto; cursor: pointer;}
.photo-area .photo img {width: 100%; height: auto;}
.photo-area .photobox { border : 1px solid gray ; box-shadow: 0 0 1px 0px white inset, 0 0 1px 0px white; }
.expert_form textarea{padding: 20px;}
.expert_form input {padding: 14px 20px;}
.expert_form .form-select {min-height: 50px; border-radius: 5px;}
.expert_form .select-area {display: flex; margin-bottom: 20px;}
.expert_form .select-area .form-select { padding: 14px; font-size: 16px; margin-left: 0; margin-right: 5px; padding: 14px 20px;}
.career .select-area .form-select {max-width: 120px;}
.career-02 .select-area {margin-bottom: 5px;}
.career-02 .select-area .form-select {max-width: 120px;}
.career-02 .select-area .to {display: flex; margin-left: 5px; margin-right: 10px; justify-content: center; align-items: center;}
.career-02 .input-box {display: flex; margin-bottom: 5px;}
.career-area .form-group:not(:first-child){padding-top: 40px; margin-top: 40px; border-top: 1px solid #dddddd;}
.plus-btn-02 {width: 100%;}
.minus-btn { background-color: #555555; min-width: 50px; width: 50px; height: 50px; border-radius: 5px; margin-right: 0; margin-left: auto;}
.minus-btn span {display: block; width: 20px; height: 2px; background-color: #ffffff; padding: 0; margin: 0 auto;}
.certificate-box {display: flex;}
.certificate-box:not(:last-child) {margin-bottom: 5px;}
.certificate-box .form-control {max-width: 300px; width:25%;}
.expert_form .btn-primary {min-width: 230px; min-height: 60px; margin-left: auto; margin-right: auto;}
@media screen and (max-width:992px) {
    .expert_form .select-area {flex-direction: row;}
/*     .expert_form .select-area .form-select {margin-right: 0; width: 100%;}
    .expert_form .select-area .form-select:not(:last-child) {margin-bottom: 5px;} */
}
@media screen and (max-width:767px) {
    .expert_form .select-area {flex-direction: column;}
    .expert_form .select-area .form-select {margin-right: 0; width: 100%;}
    .expert_form .select-area .form-select:not(:last-child) {margin-bottom: 5px;}
    .career .select-area {flex-direction: row;}
    .expert_form .career .select-area .form-select:not(:last-child) {margin-bottom: 0;}
    .expert_form .career .select-area .form-select {margin-right: 5px;}
    .expert_form .career-02 .select-area {flex-direction: row; flex-wrap: wrap; margin-bottom: 0;}
    .expert_form .career-02 .select-area .form-select {max-width: calc(40% - 5px); margin-right: 5px; margin-bottom: 5px;}
    .career-02 .select-area .to {font-weight: 700; font-size: 20px;padding: 10px; }
    .expert_form .career-02 .select-area .form-select:not(:last-child) {margin-bottom: 5px;}
    .certificate-box {flex-wrap: wrap;}
    .certificate-box .form-control {width: 100%; margin-right: 0; max-width: 100%; margin-bottom: 5px;}
    .certificate-box .form-control:nth-child(3) {width: calc(100% - 55px);}
    .certificate-box:first-child .form-control:nth-child(3) {width: 100%;}
    .certificate-box:not(:last-child) {margin-bottom: 0;}
}
@media screen and (max-width:420px) {
    .career .select-area .form-select:last-child {margin-top: 0;}
    .career-02 .select-area .form-select:last-child {margin-top: 0;}
    .career-02 .select-area .to  {margin: 0 auto;}
    .career-02 .input-box {flex-direction: column;}
    .career-02 .input-box .form-control:first-child {margin-bottom: 5px;}
}
/* 사진 업로드 팝업 */
.board-popup-02 .board-popup-area {max-width: 390px; min-height: 240px; padding: 0; text-align: center; overflow: hidden; border-radius: 15px;}
.board-popup-02 .board-popup-area strong {display: block; font-size: 24px; padding: 30px 20px;}
.board-popup-02 .board-popup-area button {display: block; padding: 20px;  width: 100%; font-weight: 600; font-size: 16px;}
.board-popup-02 .board-popup-area button:not(:last-child) {border-bottom: 1px solid #dddddd;}
.board-popup-02 .board-popup-area button:hover {background-color: #f7f7f7;}
.board-popup-02 .filebox {position: relative; border: 1px solid #dddddd;}
.board-popup-02 .filebox:hover {background-color: #f7f7f7;}
.board-popup-02 .filebox label { display: inline-block; cursor: pointer; font-weight: 600; padding: 20px;  width: 100%; box-sizing: border-box;}
.board-popup-02  .filebox .upload-name { display: inline-block; height: 40px; padding: 0 10px; vertical-align: middle; border: 1px solid #dddddd; width: 78%; color: #999999;
}
.board-popup-02 input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
@media screen and (min-width: 1200px) {
    .board-popup-02 .board-popup-area {max-width: 390px; min-width: auto; min-height: 240px;}
}
@media screen and (max-width: 1199px) {
    .board-popup .board-popup-area {margin: 0 auto;}
}
@media screen and (max-width: 767px) {
    .board-popup-02 .board-popup-area strong {font-size: 20px;}
}
/* 회사소개 */
/* .about-title {max-width: 1820px; margin-left: auto; margin-right: auto; padding-right: 50px; padding-right: 50px; box-sizing: border-box;} */
.title-area {background-image: url("/images/sub/about-img-01.jpg"); width: 100%; min-height: 280px; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 40px; color: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 30px; box-sizing: border-box; -webkit-box-sizing: border-box}
.title-area p {font-size: 18px; font-weight: 700; margin-bottom: 40px;}
.title-area h2 {font-size: 55px; font-weight: 800;}
@media screen and (max-width: 767px) {
    .title-area {min-height: 350px;}
    .title-area h2 {font-size: 30px; }
}
@media screen and (max-width: 320px) {
    .title-area h2 {font-size: 24px;}
}
.about-section-area .section {padding-bottom: 50px; padding-top: 50px;}
.about-con {display: flex; justify-content: space-between; align-items: center;}
.about-text {font-size: 20px; font-weight: 500; color: #000000; line-height: 1.6; padding-right: 70px;}
.about-text span {display: block;}
.about-logo {padding: 15px 35px; background-color: #f7f7f7; border-radius: 20px; max-width:330px;}
.d-md-block {display: block;}
@media screen and (max-width: 767px) {
    .about-section-area .section {padding-bottom: 60px; padding-top: 60px;}
    .about-con {flex-direction: column;}
    .about-text {padding-right: 0; border-radius: 15px; font-size: 18px;}
    .about-logo  {margin-top: 30px; padding: 40px;}
    .about-text span {display: inline;}
    .d-md-block {display: inline;}
}
/* .subpage-section article:not(:last-child) {border: 1px solid #dddddd;} */
.about-box .box:not(:last-child) {padding-bottom: 70px;}
.about-box h5 {font-size: 34px;}
.about-box .box img {border-radius: 30px;}
.about-section-area .border-color {width: calc(100% - 8%); margin: 4% auto;}
@media screen and (min-width: 1200px) {
    .about-section-area .border-color {width: calc(100% - 100px); margin: 0 auto;}
}
@media screen and (max-width: 767px) {
    .about-box .box:not(:last-child) {padding-bottom: 60px;}
    .about-box h5 {font-size: 24px;}
    .about-box .box img {border-radius:15px;}
    .about-box p {font-size: 16px;}
}
.about-info {margin-top: 60px; display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; margin-bottom: -30px;}
.about-info li{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 40px; background-color: #f7f7f7; border-radius: 30px; width: calc(25%  - 30px); box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 15px; margin-right: 15px; margin-bottom: 30px; text-align: center;}
.about-info li img {margin-bottom: 30px;}
.about-info li strong {margin-bottom: 15px; font-size: 18px;}
.about-info li span {margin-bottom: 5px;}
@media screen and (max-width: 1199px) {
    .about-info li {width: calc(50%  - 30px);}
}
@media screen and (max-width: 767px) {
    .about-info li {width: 100%; border-radius: 15px;}
}
.about-section-area .history-box {padding-top: 0;}
.history-area {background-color: #f9f6f2; width: 100%; padding: 130px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 40px;}
.history {max-width: 1200px; margin-left: auto; margin-right: auto; display: flex; }
.history>div {width: 50%;}
.history h5 {font-size: 55px;}
.history h5 span {display: block;}
.history-con li {display: flex;}
.history-con span {min-width: 100px;}
.history-con li:not(:last-child) {margin-bottom: 40px;}
@media screen and (max-width: 1199px) {
    .history-area {padding: 50px;}
}
@media screen and (max-width: 991px) {
    .history {flex-direction: column;}
    .history-con {margin-top: 40px;}
    .history>div {width: 100%;} 
}
@media screen and (max-width: 767px) {
    .history-area {border-radius: 15px; padding: 30px;}
    .history h5 {font-size: 30px;}
    .history h5 span {display: inline;}
}
@media screen and (max-width: 420px) {
    /* .history-con {margin-top: 30px;} */
    .history-con li {flex-direction: column;}
    .history-con span {margin-bottom: 20px;}
}
.about-section-area .partners-box {padding-top: 0; padding-bottom: 150px;}
.partners-list {display: flex; flex-wrap: wrap; margin-top: 60px; margin-bottom: -50px;}
.partners-list li {width: 25%; text-align: center; min-height: 95px; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box;}
@media screen and (max-width: 991px) {
    .partners-list li {width: 33.3333%;}
}
@media screen and (max-width: 767px) {
    .about-section-area .partners-box {padding-top: 0; padding-bottom: 90px;}
    .partners-list {margin-bottom: 0;}
    .partners-list li {width: 50%; min-height: 75px;}
    .partners-list li:nth-child(23) {min-height: auto;}
    .partners-list li:nth-child(24) {min-height: auto;}
}
/* 연구개발기획 컨설팅 */
.title-area-02 {background-image: url("/images/sub/consulting-img-01.jpg");}
.title-area-02 h2 {margin-bottom: 40px;}
.title-area-02 p {margin-bottom: 0; font-weight: 500;}
.title-area-02 p span {margin-bottom: 0.5rem;}
.consulting {padding: 50px 0; }
.consulting h3 {font-size: 36px; font-weight: 700; margin-bottom: 40px;}
.consulting .img-area {width: 100%;}
.consulting .img-area img{max-width: 100%;}
.consulting-box {margin-top: 50px;}
.consulting-info {display: flex; background-color: #f7f7f7; padding: 30px; border-radius: 30px;}
.consulting-info .info-header {min-width: 33%; padding-right: 40px;}
.consulting-info .info-header h5{font-size: 24px;}
.consulting-info .info-text:not(:last-child) {margin-bottom: 25px;}
.consulting-info .info-text strong {display: block; font-size: 20px; font-weight: 600; margin-bottom: 15px;}
.dot-list-02 li {position: relative; padding-left: 10px; margin-bottom: 10px; font-size: 1rem; color: #555555; font-weight: 400;}
.dot-list-02 li::before {content: ""; position: absolute; width: 2px; height: 2px; background-color: #3c3c3c; top: 8px; left: 0;}
@media screen and (max-width: 767px) {
    .consulting { padding-top: 60px; padding-bottom: 90px; margin:30px; }
    .consulting h3 {font-size: 24px;}
    .consulting .img-area {overflow-x: auto;}
    .consulting .img-area img {max-width: 767px;}
    .consulting-box {margin-top: 60px;}
    .consulting-info {flex-direction: column; padding: 30px; border-radius: 15px;}
    .consulting-info .info-header {margin-bottom: 45px; width: 95%; padding-right: 0;}
}
/* 공지사항 */
.board-list-02 {text-align: center;}
.board-list-02 .con-01 {width: 8%;}
.board-list-02 .con-02 {width: 64%;}
.board-list-02 .con-03 {width: 10%;}
.board-list-02 .con-04 {width: 10%;}
.board-list-02 .con-05 {width: 8%;}
.notice .con-02 a:hover {text-decoration: underline;}
/* .board-list-02 .board-con-area .board-con>div {padding: 20px 10px;} */
.board-list-02 .board-con-area .con-02 {text-align: left; font-weight: 600; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board-list-02 .board-con-area .con-03 {color: #555555; font-weight: 300;}
@media screen and (min-width:768px) {
    .board-list-02 .board-con-area .board-con>div {padding: 20px 10px;}
}
@media screen and (max-width: 767px) {
    .board-list-02 .board-con-area .board-con {align-items: flex-start; flex-wrap: wrap; padding: 20px;}
    .board-list-02 .con-01 {width: 35px;}
    .board-list-02 .con-02 {width: calc(100% - 35px);}
    .board-list-02 .board-con-area .con-03 {width: fit-content; margin-left: auto; margin-right: 10px; text-align: right;margin-bottom: 0; margin-top: 10px;}
    .board-list-02 .board-con-area .con-04 {width: fit-content; margin-left: inherit; text-align: right; margin-bottom: 0; margin-top: 10px; position: relative; padding-left: 10px; margin-left: 10px; }
    .board-list-02 .con-04::after {content: ""; position: absolute; left: -10px; top: 8px; width: 2px; height: 2px; background-color: #555555;}
    .board-list-02 .con-05 {display: none;}
}
/* FAQ */
.faq h2 {margin-bottom: 65px;}
.faq .top-search {max-width: 550px; width: 100%; margin: 0 auto;}
.faq .section-header {margin-bottom: 60px;}
.faq .top-search .btn-search {padding: 10px 20px;}
.faq .top-search input{font-size: 16px; padding: 14px 20px;}
.faq .top-search input::placeholder {font-weight: 600;}
.board-responsive {overflow-x: auto;}
.board-category {font-size: 20px; font-weight: 700; display: flex; padding-bottom: 10px; width: fit-content;}
.board-category .category-item {border-radius: 5px; overflow: hidden;}
.board-category .category-item:not(:last-child) {margin-right: 5px;}
.board-category .category-item.active {background-color: #000000;}
.board-category .category-item.active:hover {background-color: #000000;}
.board-category .category-item:hover {background-color: #f4f4f4;}
.board-category .category-link {display: block; color: #999999;padding: 10px 20px; white-space: nowrap;}
.board-category .category-item.active .category-link {color: #ffffff;}
.board-category .category-item.active:hover {color: #ffffff;}
.board-list-03 { margin-top: 20px; padding-top: 20px; border-top: 1px solid #dddddd; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
.board-card-area {width: 100%;}
.board-card-area .card-top a {display: flex; justify-content: space-between; align-items:baseline; padding: 30px; border-radius: 20px;}
.board-card-area.active .card-top a {background-color: #f9f6f2; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.board-card-area:hover .card-top a {background-color: #f9f6f2;}
.board-card-area .card-top a>div {display: flex; align-items:baseline;}
.board-card-area .card-top img {height: fit-content; transform: rotate(-180deg); opacity: .5;}
.board-card-area.active .card-top img {transform: rotate(0); opacity: 1;}
.board-card-area .card-top .tt01 {min-width: 80px; margin-right: 10px; color: #555555; font-size: 15px;}
.board-card-area .card-top .tt02 {font-weight: 500; font-size: 18px; padding-right: 20px;}
.board-card-area .card-body {border-radius: 20px; border-top-right-radius: 0;border-top-left-radius: 0; padding: 30px; padding-top: 0;background-color: #f9f6f2; padding-left: 120px; padding-right: 62px; display: none; font-weight: 400; color: #555555; line-height: 1.3;}
.board-card-area.active .card-body {display: block;}
@media screen and (max-width: 767px) {
    .faq h2 {margin-bottom: 50px;}
    .board-card-area .card-top .tt02 {font-size: 16px;}
}
@media screen and (max-width: 420px) {
    .board-card-area .card-top a>div {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .board-card-area .card-top .tt01 {min-width: auto; margin-bottom: 10px;}
    .board-card-area .card-body {font-size: 14px; padding-left: 30px;}
}
/* 마이페이지 상단 */
.my-info {display: flex; font-size: 15px; color: #555555;}
.my-info .info-01 {width: calc(33.333% + 10px); margin-right: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #dddddd; border-radius: 15px; padding: 30px;}
.my-info .info-02 {width: calc(66.666% - 10px);border-radius: 15px; background-color: #f9f6f2;box-sizing: border-box; -webkit-box-sizing: border-box;  padding: 30px;}
.my-info .info-01 .top {display: flex; align-items: center; justify-content: space-between;}
.my-info .info-01 .top>div {display: flex; align-items: center;}
.my-info .info-01 .top>div img {width: 60px; height: 60px; border-radius: 50%;}
.my-info .name {margin-left: 20px;}
.my-info .name strong {font-size: 20px; font-weight: 600; color: #000000;}
.my-info .name p {margin-top: 5px;}
.my-info .info-01 .top ul {display: flex;}
.my-info .info-01 .top li:not(:last-child) {margin-right: 5px;}
.my-info .info-01 .top ul a {background-color: #eeeeee; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.my-info .info-01 .middle {padding: 20px 0; border-bottom: 1px solid #dddddd; margin-bottom: 20px;}
.my-info .info-01 .middle span {font-weight: 700; color: #000000;}
.my-info .info-01 .bottom {font-weight: 600; display: flex; display: flex; align-items: center;  justify-content: space-between;}
.my-info .info-01 .bottom>div {font-size: 18px; color: #000000; font-weight: 700; display: flex;}
.point-icon {font-weight: 600; font-size: 13px; width: 20px; height: 20px; color: #ffffff; background-color: #f47320; border-radius: 50%; display: flex; align-items: flex-start; justify-content: center; margin-left: 10px;}
.badge-btn {display: block; padding: 2px 7px; font-weight: 600; font-size: 12px; border-radius: 30px; width: fit-content; min-width: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; height: fit-content; text-align: center; white-space: nowrap; background-color: #ffffff; border: 1px solid #555555; color: #555555;}
.my-info .info-02 .top {margin-bottom: 40px;}
.my-info .info-02>div {display: flex;}
.my-info .info-02>div>div {width: 50%;}
.my-info .info-02>div>div:last-child {padding-left: 15px;box-sizing: border-box; -webkit-box-sizing: border-box;}
.my-info .info-02 .top ul {display: flex; max-width: 340px; font-weight: 600; font-size: 14px;}
.my-info .info-02 .top li {width: 33.3333%; background-color: #ffffff; padding: 20px; border-radius: 10px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.my-info .info-02 .top li:not(:last-child) {margin-right: 10px;}
.my-info .info-02 .top li p {margin-bottom: 20px;}
.my-info .info-02 .top li>div {font-size: 16px;}
.my-info .info-02 .top li b{font-size: 24px;}
.my-info .info-02 h4 {font-size: 18px; font-weight: 700; color: #000000; margin-bottom: 20px;}
.my-info .info-02 strong {display: block; font-size: 20px; font-weight: 600; color: #000000; white-space: nowrap ;text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; width: 100%;}
.my-info .badge {padding: 4px 20px; margin-right: 10px;}
.my-info .badge-area {display: flex; align-items: center;}
.my-info .badge-area p {font-size: 13px; font-weight: 600;}
.my-service {display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
.my-info .info-02 .bottom>div>div {display: flex;}
.my-info .info-02 .bottom h4 {margin-right: 10px;}
.my-info .info-02 .bottom>div>div:last-child {margin-left: -10px; margin-right: -10px;}
.my-info .toggle-switch-area:not(:last-child) {margin-bottom: 0;}
@media screen and (max-width:1200px) {
    .my-info .info-01 {height: fit-content;}
    .my-info .info-02>div {flex-direction: column;}
    .my-info .info-02>div>div {width: 100%;}
    .my-info .info-02>div>div:last-child {padding-left: 0; padding-top: 40px;}
    .my-info .info-02 .top ul {max-width: none;}
    .my-info .info-02 .top li p br {display: none;}
}
@media screen and (max-width:991px) {
    .my-info {flex-direction: column;}
    .my-info .info-01 {margin-bottom: 10px; margin-right: 0; width: 100%;}
    .my-info .info-02 {width: 100%;}
    /* .my-info .info-02 .top ul {max-width: 500px;} */
}
@media screen and (max-width:520px) {
    .my-info .info-02 .top ul {flex-direction: column;}
    .my-info .info-02 .top li {width: 100%;}
    .my-info .info-02 .top li:not(:last-child) {margin-bottom: 10px;}
    .my-info .info-02 .bottom>div>div:last-child{flex-direction: column;}
    .my-info .toggle-switch-area {justify-content: flex-start;}
    .my-info .toggle-switch-area:not(:last-child) {margin-bottom: 10px;}
}
@media screen and (max-width:360px) {
    .my-info .info-01 .top>div {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .my-info .info-01 .top {align-items: flex-start;}
    .my-info .name {margin-left: 0; margin-top: 10px;}
}
/* 1:1 문의 */
.contact .btn-dark {font-size: 16px; font-weight: 700; white-space: nowrap; height: fit-content;} 
.board-top {display: flex; justify-content: space-between; align-items: end; padding-bottom: 20px;}
.board-top div {padding-right: 30px;}
.board-top a {text-decoration: underline;}
.contact .board-card-area.active .card-top a {background-color: #efebe5;}
.contact .board-card-area .card-top img {transform: rotate(0); opacity: 1; width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.contact .board-card-area .card-top p {min-width: 100px;}
.contact .board-card-area .card-top a {padding: 15px 30px; align-items: center;}
.card-top-right {min-width: 250px; padding-left: 20px;}
.card-top-right>div{display: flex; align-items: center;}
.contact .board-card-area .card-top a>div {align-items: center; justify-content: flex-end;}
.card-top-right span {color: #999999; font-size: 15px;}
.contact-icon {min-width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; background-color: #f47320; font-size: 14px; text-align: center; font-weight: 800; display: flex; align-items: center; justify-content: center; color: #ffffff;} 
.contact .board-card-area .card-body {padding-top: 15px; padding-left: 30px; padding-right: 30px;}
.contact .card-body>div {display: flex; width: calc(100% - 110px);}
.contact .card-body>div:not(:last-child) {margin-bottom: 20px;}
.contact .card-body {background-color: #efebe5;}
.contact-photo {width: 45px; height: 45px; border-radius: 50%; margin-right: 15px;}
.contact-box {background-color: #ffffff; padding: 30px; border-radius: 10px; position: relative; width: fit-content; box-sizing: border-box; -webkit-box-sizing: border-box;}
.contact-box:not(:last-child) {margin-bottom: 10px;}
.contact-box::after {content: ""; width: 0px; height: 0px; background-color: transparent; border-right: 0px solid transparent; border-left: 14px solid transparent; border-bottom: 12px solid transparent; border-top: 14px solid #ffffff; position: absolute; top: 10px; left: -10px;}
.contact-box .name {display: flex; align-items: flex-end; margin-bottom: 20px;}
.contact-box strong {font-weight: 700; font-size: 18px; margin-right: 10px; color: #000000;}
.contact-box p {font-size: 14px; color: #999999;}
.contact-box .text-area {align-items: center; word-break: break-all;}
.contact .card-body .right {margin-left: auto; margin-right: 0;}
.contact .card-body .right .contact-box {background-color: #fffabe; margin-left: auto; margin-right: 0;}
.contact .card-body .right .contact-photo {margin-right: 0; margin-left: 15px;}
.contact .card-body .right .contact-icon {min-width: 45px; height: 45px; font-size: 16px; margin-right: 0; margin-left: 10px;}
.contact .card-body .right .contact-box::after {left: auto; right: -10px;background-color: transparent; border-right: 14px solid transparent; border-left: 0px solid transparent; border-bottom: 14px solid transparent; border-top: 12px solid #fffabe; }
.contact .card-body .contact-box:not(:first-child)::after {display: none;}
.contact-down {margin-left: 30px; display: inline-grid; min-width: 40px; height: 40px; background-color: #ffffff; border: 1px solid #555555; border-radius: 50%;  align-items: center; justify-content: center;}
@media screen and (max-width:767px) {
    .board-top {flex-direction: column; padding-right: 0; align-items: flex-start;}
    .contact .btn-dark {margin-top: 20px;}
    .board-top div{padding-right: 0;}
    .contact .board-card-area .card-top a>div {flex-direction: column; align-items: flex-start;}
    .card-top-right {min-width: auto;}
    .contact .board-card-area .card-top p {min-width: 55px;}
    .contact .board-card-area .card-top .tt01 {margin-right: 0; margin-bottom: 10px;}
    .contact .board-card-area .card-top a>div:last-child {align-items: center; min-width: 105px;}
    .contact .board-card-area .card-top a>div span {margin-top: 10px;}
    .contact .card-body>div {width: 100%;}
    .contact .btn-dark {margin-left: auto; margin-right: 0;}
} 
@media screen and (max-width:420px) {
    .contact .board-card-area .card-top a {flex-direction: column; align-items: flex-start;}
    .contact .board-card-area .card-top a>div:last-child {flex-direction: row;}
    .contact .board-card-area .card-top a>div span{margin-top: 0; margin-left: 10px;}
    .contact .board-card-area .card-top a>div:last-child{padding-left: 0; margin-top: 20px;}
    .board-card-area .card-top .tt02 {padding-right: 0;}
    .contact-box .name {flex-direction: column; align-items: flex-start;}
    .contact-box {padding: 20px;}
} 
@media screen and (max-width:360px) {
    .contact .card-body>div {flex-direction: column; justify-content: center; align-items: flex-start;} 
    .contact .card-body .contact-box::after {display: none;}
    .contact .card-body .right {align-items: flex-end;}
    .contact-photo {margin-bottom: 10px; margin-right: 0;}
    .contact .card-body .right {flex-direction: column-reverse; }
    .contact .card-body .right .contact-icon{margin-left: 0; margin-bottom: 10px;}
}
/* 회원가입 */
.form-group-02:first-child {border-bottom: 1px solid #dddddd; padding-bottom: 40px; }
.form-group-02 {margin-bottom: 40px;}
.form-group-02 .check-label label {font-size: 18px; font-weight: 700;}
.form-group-02 .text-box {padding: 20px; border-radius: 5px; border: 1px solid #dddddd; min-height: 150px; box-sizing: border-box; -webkit-box-sizing: border-box; color: #555555; line-height: 1.3; max-height: 300px; overflow-y: auto;}
.input-group-02 {display: flex;}
.input-group-02 .btn-line-dark {white-space: nowrap;padding: 14px 20px; font-size: 16px;}
.member-form .check-label {margin-bottom: -20px;}
.member-form .check-label label{margin-bottom: 20px; width: 50%; align-items: inherit; padding-right: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; display: flex; align-items: center;}
.member-form .check-label label:not(:last-child) {margin-right: 0;}
.member-form .check-label-02 label {width: auto;}
.member-form  .btn-primary {text-align: center; margin: 0 auto; margin-top: 80px; min-height: 60px; min-width: 180px;}
@media screen and (max-width:767px) {
    .member-form .check-label { margin-bottom: -10px;}
    .member-form .check-label label {margin-bottom: 10px; width: 50%;}
}
@media screen and (max-width:520px) {
    .member-form .check-label label {width: 100%;}
}
/* 회원가입 완료 */
.join_complete {background-color: #f9f6f2; padding: 90px; border-radius: 30px;}
.join_complete>div {max-width: 800px; margin: 0 auto;}
.join_complete h2 {font-size: 55px; margin-bottom: 50px;}
.join_complete h2 span{display: block;}
.plus-list-03 li {background-color: #ffffff; border: 1px solid #dddddd; color: #555555; font-weight: 400;}
.join_complete .btn-primary {min-width: 180px; min-height: 60px; margin: 0 auto; padding: 20px 30px; text-align: center; margin-top: 40px;}
@media screen and (max-width:767px) {
    .join_complete {padding: 40px;}
    .join_complete h2 {font-size: 30px;}
}
@media screen and (max-width:360px){
    .join_complete {padding: 30px;}
}

/* 회원정보 수정 */
.member-form .btn-area-02 {margin-top: 80px; display: flex; justify-content: center; align-items: center;}
.member-form .btn-area-02 .btn-primary {margin: 0;}
.member-form .btn-area-02 .btn-line-dark {text-align: center; margin: 0 auto; min-height: 60px; min-width: 180px; margin: 0; margin-left: 10px;}
@media screen and (max-width:420px) {
    .member-form .btn-area-02 .btn {min-width: 100px;}
}
/* 로그인 */
.login {max-width: 340px; margin: 0 auto; text-align: center;}
.login .check-area {display: flex; justify-content: space-between; align-items: baseline;}
.login .check-area  .check-label {margin-top: 0; margin-bottom: 0; color: #555555; }
.login .check-area  .check-label label {margin-bottom: 0; font-size: 15px;font-weight: 600; align-items: flex-start;}
.login .check-area .check_btn_02 {min-width: 16px; height: 16px; margin-right: 5px;}
.login .btn {width: 100%; height: 60px; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 16px; font-weight: 700;}
.sns-login-title {font-weight: 700; position: relative;}
.sns-login-title::before {content: ""; width: 100%; height: 1px; background-color: #dddddd; position: absolute; top: 50%; left: 0; z-index: -1;}
.sns-login-title span {width: fit-content; background-color: #ffffff; text-align: center; margin: 0 auto; padding: 0 15px;}
.sns-login {display: flex; justify-content: center;}
.sns-login a {display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%;}
.sns-login .naver {background-color: #00c300;}
.sns-login .naver img {width: 22px; height: auto;}
.sns-login .kakao {background-color: #fede1c; margin-left: 5px;}
.sns-login .kakao img {width: 30px; height: auto; margin-top: 4px;}
.btn-naver {background-color: #00c300; color: #ffffff; display: flex; align-items: center; justify-content: center; margin-top: 10px; margin-bottom: 10px;}
.btn-naver img {width: 12px; height: auto; margin-right: 10px;}
.btn-kakao {background-color: #fede1c; color: #3e1918; display: flex; align-items: center; justify-content: center;}
.btn-kakao img {width: 18px; height: auto; margin-right: 10px;}
/* footer */
.footbenner {background-color: #4d4948; padding: 20px 0; color: #ffffff;}
.footbenner-area {display: flex; justify-content: space-between; align-items: center;}
.footbenner-area>div {display: flex; align-items: center;  width: 50%;}
.footbenner-area .application {max-width: 390px; width: 100%;}
.footbenner-input {height: 50px; padding: 14px; box-sizing: border-box; -webkit-box-sizing: border-box; max-width: 290px; width: 100%; border-radius: 5px; margin-right: 5px; border: 1px solid #ffffff;}
.footbenner-area .tel {justify-content: flex-end;}
.footbenner-area  strong {margin-right: 2rem; font-size: 20px;} 
.footbenner-area .tel strong span{margin-right: 0.5rem;}
@media screen and (max-width:1199px) {
    .footbenner-area {flex-wrap: wrap;}
    .footbenner-area>div {width: 100%; justify-content: center;}
    .footbenner-area .tel {justify-content: center; margin-top: 1rem;}
}
@media screen and (max-width:767px) {
    .footbenner-area .application  {max-width: 100%;}
    .footbenner-input {max-width: 100%;}
    .footbenner-area>div {flex-wrap: wrap; flex-direction: column;}
    .footbenner-area strong {display: block; margin-bottom: 1rem; margin-right: 0; }
    .footbenner-area .tel strong {margin-bottom: 5px;}
}
.footer {background-color: #eeeeee; padding: 70px 0; color: #555555; font-weight: 400;}
.footer ul {display: flex; flex-wrap: wrap;}
.footer ul li {padding-right: 1rem; margin-right: 1rem; position: relative;}
.footer ul li:not(:last-child):after {content: ""; position: absolute;  width: 1px; height: 10px; right: 0; top: 4px; background-color: #cbcbcb;}
.foot-menu {margin-bottom: 1.5rem;}
.foot-menu li {margin-bottom: 0.5rem;}
.foot-menu a {color: #555555;}
.foot-menu a:hover {color: #000000; font-weight: 700;}
.copy {color: #999999;}
.foot-address {font-style: normal;}
.foot-address ul li {margin-bottom: 0.5rem;}
.copy {margin-top: 1.5rem;}
@media screen and (max-width:767px) {
    .foot-address ul {flex-direction: column;}
    .foot-address ul li {padding-right: 0; margin-right: 0;}
    .foot-address ul li::after {display: none;}
}

/* 신청완료 본문 박스 */
.app_complete {background-color: #f9f6f2; padding: 50px; border-radius: 30px;}
.app_complete>div {max-width: 800px; margin: 0 auto;}
.app_complete h2 {font-size: 55px; margin-bottom: 50px;}
.app_complete h2 span{display: block;}
.app_complete .btn-primary {min-width: 180px; min-height: 60px; margin: 0 auto; padding: 20px 30px; text-align: center; margin-top: 40px;}
@media screen and (max-width:767px) {
    .app_complete {padding: 40px;}
    .app_complete h2 {font-size: 30px;}
}
@media screen and (max-width:360px){
    .app_complete {padding: 30px;}
}


/*
고객지원 그리드 3박스
*/
.cust-info {margin-top: 60px; display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; margin-bottom: -30px;}
.cust-info li{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 40px; background-color: #f7f7f7; border-radius: 30px; width: calc(33%  - 30px); box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 15px; margin-right: 15px; margin-bottom: 30px; text-align: center;}
.cust-info li img {margin-bottom: 30px;}
.cust-info li strong {margin-bottom: 15px; font-size: 18px;}
.cust-info li span {margin-bottom: 5px;}
@media screen and (max-width: 1199px) {
    .cust-info li {width: calc(50%  - 30px);}
}
@media screen and (max-width: 767px) {
    .cust-info li {width: 100%; border-radius: 15px;}
}

/* 
	div내 콘텐츠 중앙정렬 
*/
.divcenter {
  display: flex;
  justify-content: center;
  align-items: center;
}